@stanfordspezi/spezi-web-design-system/dist/Tabs-BNr6H0so.js

Stanford Biodesign Digital Health Spezi Web Design System

"use strict";const s=require("react/jsx-runtime"),x=require("react"),C=require("./index-DwV9MiDB.js"),g=require("./index-Df0u7aLq.js"),p=require("./index-BlAHgGSW.js"),E=require("./index-CldYjOhY.js"),m=require("./index-4XkuMsix.js"),M=require("./index-BsBb8abU.js"),q=require("./index-Bbq55jou.js");function F(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const a=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,a.get?a:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const b=F(x);var T="Tabs",[D,J]=g.createContextScope(T,[p.createRovingFocusGroupScope]),y=p.createRovingFocusGroupScope(),[G,h]=D(T),j=b.forwardRef((e,t)=>{const{__scopeTabs:n,value:a,onValueChange:i,defaultValue:u,orientation:o="horizontal",dir:d,activationMode:v="automatic",...f}=e,c=M.useDirection(d),[r,l]=g.useControllableState({prop:a,onChange:i,defaultProp:u??"",caller:T});return s.jsx(G,{scope:n,baseId:q.useId(),value:r,onValueChange:l,orientation:o,dir:c,activationMode:v,children:s.jsx(m.Primitive.div,{dir:c,"data-orientation":o,...f,ref:t})})});j.displayName=T;var _="TabsList",I=b.forwardRef((e,t)=>{const{__scopeTabs:n,loop:a=!0,...i}=e,u=h(_,n),o=y(n);return s.jsx(p.Root,{asChild:!0,...o,orientation:u.orientation,dir:u.dir,loop:a,children:s.jsx(m.Primitive.div,{role:"tablist","aria-orientation":u.orientation,...i,ref:t})})});I.displayName=_;var P="TabsTrigger",R=b.forwardRef((e,t)=>{const{__scopeTabs:n,value:a,disabled:i=!1,...u}=e,o=h(P,n),d=y(n),v=S(o.baseId,a),f=$(o.baseId,a),c=a===o.value;return s.jsx(p.Item,{asChild:!0,...d,focusable:!i,active:c,children:s.jsx(m.Primitive.button,{type:"button",role:"tab","aria-selected":c,"aria-controls":f,"data-state":c?"active":"inactive","data-disabled":i?"":void 0,disabled:i,id:v,...u,ref:t,onMouseDown:g.composeEventHandlers(e.onMouseDown,r=>{!i&&r.button===0&&r.ctrlKey===!1?o.onValueChange(a):r.preventDefault()}),onKeyDown:g.composeEventHandlers(e.onKeyDown,r=>{[" ","Enter"].includes(r.key)&&o.onValueChange(a)}),onFocus:g.composeEventHandlers(e.onFocus,()=>{const r=o.activationMode!=="manual";!c&&!i&&r&&o.onValueChange(a)})})})});R.displayName=P;var w="TabsContent",N=b.forwardRef((e,t)=>{const{__scopeTabs:n,value:a,forceMount:i,children:u,...o}=e,d=h(w,n),v=S(d.baseId,a),f=$(d.baseId,a),c=a===d.value,r=b.useRef(c);return b.useEffect(()=>{const l=requestAnimationFrame(()=>r.current=!1);return()=>cancelAnimationFrame(l)},[]),s.jsx(E.Presence,{present:i||c,children:({present:l})=>s.jsx(m.Primitive.div,{"data-state":c?"active":"inactive","data-orientation":d.orientation,role:"tabpanel","aria-labelledby":v,hidden:!l,id:f,tabIndex:0,...o,ref:t,style:{...e.style,animationDuration:r.current?"0s":void 0},children:l&&u})})});N.displayName=w;function S(e,t){return`${e}-trigger-${t}`}function $(e,t){return`${e}-content-${t}`}var L=j,V=I,O=R,k=N;const H=L,A=x.createContext({grow:!1}),K=({className:e,grow:t,...n})=>s.jsx(A.Provider,{value:{grow:t},children:s.jsx(V,{className:C.cn("inline-flex-center text-muted-foreground h-10 p-1",t&&"w-full",e),...n})}),z=({className:e,...t})=>{const{grow:n}=x.useContext(A);return s.jsx(O,{className:C.cn("inline-flex-center focus-ring border-b-border data-[state=active]:border-b-primary data-[state=active]:text-foreground border-b px-3 py-2 text-sm font-medium whitespace-nowrap transition-all focus-visible:ring-offset-0 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-xs",n&&"grow",e),...t})},B=({className:e,...t})=>s.jsx(k,{className:C.cn("focus-ring mt-2",e),...t});exports.Tabs=H;exports.TabsContent=B;exports.TabsList=K;exports.TabsTrigger=z;