@undp/design-system-react/dist/tabs-D1QtqVH_.cjs

React based design system for UNDP

const e=require("./rolldown-runtime-mLOUI7ql.cjs"),t=require("./utils-Dd9-5CFr.cjs"),n=require("./dist-BZMXZCSu.cjs"),r=require("./dist-VI-VV5wq.cjs"),i=require("./dist-DluBSGxD.cjs"),a=require("./dist-CTSEb5uk.cjs"),o=require("./dist-odcXV7N3.cjs"),s=require("./dist-DnbpoIgp.cjs"),c=require("./dist-Cwg3Q4xh.cjs"),l=require("./dist-BhZ2FMkV.cjs");let u=require("react");u=e.r(u,1);let d=require("react/jsx-runtime");var f=Object.defineProperty,p=(e,t)=>f(e,`name`,{value:t,configurable:!0}),m=`Tabs`,[h,g]=i.n(m,[l.r]),_=l.r(),[v,y]=h(m),b=u.forwardRef(p(function(e,t){let{__scopeTabs:n,value:i,onValueChange:o,defaultValue:l,orientation:u=`horizontal`,dir:f,activationMode:p=`automatic`,...h}=e,g=c.t(f),[_,y]=a.t({prop:i,onChange:o,defaultProp:l??``,caller:m});return(0,d.jsx)(v,{scope:n,baseId:s.t(),value:_,onValueChange:y,orientation:u,dir:g,activationMode:p,children:(0,d.jsx)(r.t.div,{dir:g,"data-orientation":u,...h,ref:t})})},`Tabs`)),x=`TabsList`,S=u.forwardRef(p(function(e,t){let{__scopeTabs:n,loop:i=!0,...a}=e,o=y(x,n),s=_(n);return(0,d.jsx)(l.n,{asChild:!0,...s,orientation:o.orientation,dir:o.dir,loop:i,children:(0,d.jsx)(r.t.div,{role:`tablist`,"aria-orientation":o.orientation,...a,ref:t})})},`TabsList`)),C=`TabsTrigger`,w=u.forwardRef(p(function(e,t){let{__scopeTabs:n,value:i,disabled:o=!1,...s}=e,c=y(C,n),u=_(n),f=D(c.baseId,i),p=O(c.baseId,i),m=i===c.value;return(0,d.jsx)(l.t,{asChild:!0,...u,focusable:!o,active:m,children:(0,d.jsx)(r.t.button,{type:`button`,role:`tab`,"aria-selected":m,"aria-controls":p,"data-state":m?`active`:`inactive`,"data-disabled":o?``:void 0,disabled:o,id:f,...s,ref:t,onMouseDown:a.n(e.onMouseDown,e=>{!o&&e.button===0&&e.ctrlKey===!1?c.onValueChange(i):e.preventDefault()}),onKeyDown:a.n(e.onKeyDown,e=>{o||e.target!==e.currentTarget||[` `,`Enter`].includes(e.key)&&c.onValueChange(i)}),onFocus:a.n(e.onFocus,()=>{let e=c.activationMode!==`manual`;!m&&!o&&e&&c.onValueChange(i)})})})},`TabsTrigger`)),T=`TabsContent`,E=u.forwardRef(p(function(e,t){let{__scopeTabs:n,value:i,forceMount:a,children:s,...c}=e,l=y(T,n),f=D(l.baseId,i),p=O(l.baseId,i),m=i===l.value,h=u.useRef(m);return u.useEffect(()=>{let e=requestAnimationFrame(()=>h.current=!1);return()=>cancelAnimationFrame(e)},[]),(0,d.jsx)(o.t,{present:a||m,children:({present:n})=>(0,d.jsx)(r.t.div,{"data-state":m?`active`:`inactive`,"data-orientation":l.orientation,role:`tabpanel`,"aria-labelledby":f,hidden:!n,id:p,tabIndex:0,...c,ref:t,style:{...e.style,animationDuration:h.current?`0s`:void 0},children:n&&s})})},`TabsContent`));function D(e,t){return`${e}-trigger-${t}`}p(D,`makeTriggerId`);function O(e,t){return`${e}-content-${t}`}p(O,`makeContentId`);var k=b,A=S,j=w,M=E,N=n.t(`inline-flex text-base rtl:[direction:rtl] uppercase font-bold justify-center whitespace-nowrap border-b-2 border-stroke-sm p-0 pb-2 mt-3 mr-6 -mb-0.5 transition-all focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-offset-1 focus-visible:ring-offset-ring disabled:pointer-events-none disabled:opacity-disabled`,{variants:{color:{primary:`data-[state=active]:border-primary`,secondary:`data-[state=active]:border-secondary`,tertiary:`data-[state=active]:border-tertiary`,quaternary:`data-[state=active]:border-quaternary`,foreground:`data-[state=active]:border-foreground`}},defaultVariants:{color:`primary`}}),P=u.default.createContext({color:void 0}),F=u.default.forwardRef(({color:e,className:n,...r},i)=>{let a=u.default.useMemo(()=>({color:e}),[e]);return(0,d.jsx)(P.Provider,{value:a,children:(0,d.jsx)(k,{className:t.t(`rtl:[direction:rtl]`,n),...r,ref:i})})});F.displayName=k.displayName;var I=u.default.forwardRef(({className:e,...n},r)=>(0,d.jsx)(A,{...n,ref:r,className:t.t(`mb-10 inline-flex w-full items-center border-stroke-sm border-b-2 pl-12 rtl:[direction:rtl]`,e)}));I.displayName=A.displayName;var L=u.default.forwardRef(({className:e,...n},r)=>{let{color:i}=u.default.useContext(P);return(0,d.jsx)(j,{...n,ref:r,className:t.t(N({color:i}),e)})});L.displayName=j.displayName;var R=u.default.forwardRef(({className:e,...n},r)=>(0,d.jsx)(M,{...n,ref:r,className:t.t(`mt-2 focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-offset-1`,e)}));R.displayName=M.displayName,Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return L}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return R}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return I}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return F}});
//# sourceMappingURL=tabs-D1QtqVH_.cjs.map