@undp/design-system-react/dist/accordion-OJobmrj5.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("./chevron-down-BS5U_4Ea.cjs"),i=require("./dist--OhUIyHO.cjs"),a=require("./dist-VI-VV5wq.cjs"),o=require("./dist-DluBSGxD.cjs"),s=require("./dist-C4aT9Auh.cjs"),c=require("./dist-CTSEb5uk.cjs"),l=require("./dist-odcXV7N3.cjs"),u=require("./dist-DnbpoIgp.cjs"),d=require("./dist-Cwg3Q4xh.cjs");let f=require("react");f=e.r(f,1);let p=require("react/jsx-runtime");var m=Object.defineProperty,h=(e,t)=>m(e,`name`,{value:t,configurable:!0}),g=`Collapsible`,[_,v]=o.n(g),[y,b]=_(g),x=f.forwardRef(h(function(e,t){let{__scopeCollapsible:n,open:r,defaultOpen:i,disabled:o,onOpenChange:s,...l}=e,[d,m]=c.t({prop:r,defaultProp:i??!1,onChange:s,caller:g});return(0,p.jsx)(y,{scope:n,disabled:o,contentId:u.t(),open:d,onOpenToggle:f.useCallback(()=>m(e=>!e),[m]),children:(0,p.jsx)(a.t.div,{"data-state":E(d),"data-disabled":o?``:void 0,...l,ref:t})})},`Collapsible`)),S=`CollapsibleTrigger`,C=f.forwardRef(h(function(e,t){let{__scopeCollapsible:n,...r}=e,i=b(S,n);return(0,p.jsx)(a.t.button,{type:`button`,"aria-controls":i.open?i.contentId:void 0,"aria-expanded":i.open||!1,"data-state":E(i.open),"data-disabled":i.disabled?``:void 0,disabled:i.disabled,...r,ref:t,onClick:c.n(e.onClick,i.onOpenToggle)})},`CollapsibleTrigger`)),w=`CollapsibleContent`,T=f.forwardRef(h(function(e,t){let{forceMount:n,...r}=e,i=b(w,e.__scopeCollapsible);return(0,p.jsx)(l.t,{present:n||i.open,children:({present:e})=>(0,p.jsx)(ee,{...r,ref:t,present:e})})},`CollapsibleContent`)),ee=f.forwardRef(h(function(e,t){let{__scopeCollapsible:n,present:r,children:s,...c}=e,l=b(w,n),[u,d]=f.useState(r),m=f.useRef(null),h=i.i(t,m),g=f.useRef(0),_=g.current,v=f.useRef(0),y=v.current,x=l.open||u,S=f.useRef(x),C=f.useRef(void 0);return f.useEffect(()=>{let e=requestAnimationFrame(()=>S.current=!1);return()=>cancelAnimationFrame(e)},[]),o.t(()=>{let e=m.current;if(e){C.current=C.current||{transitionDuration:e.style.transitionDuration,animationName:e.style.animationName},e.style.transitionDuration=`0s`,e.style.animationName=`none`;let t=e.getBoundingClientRect();g.current=t.height,v.current=t.width,S.current||(e.style.transitionDuration=C.current.transitionDuration,e.style.animationName=C.current.animationName),d(r)}},[l.open,r]),(0,p.jsx)(a.t.div,{"data-state":E(l.open),"data-disabled":l.disabled?``:void 0,id:l.contentId,hidden:!x,...c,ref:h,style:{"--radix-collapsible-content-height":_?`${_}px`:void 0,"--radix-collapsible-content-width":y?`${y}px`:void 0,...e.style},children:x&&s})},`CollapsibleContentImpl`));function E(e){return e?`open`:`closed`}h(E,`getState`);var D=x,te=C,ne=T,re=Object.defineProperty,O=(e,t)=>re(e,`name`,{value:t,configurable:!0}),k=`Accordion`,A=[`Home`,`End`,`ArrowDown`,`ArrowUp`,`ArrowLeft`,`ArrowRight`],[j,M,ie]=s.t(k),[N,ae]=o.n(k,[ie,v]),P=v(),oe=f.forwardRef(O(function(e,t){let{type:n,...r}=e,i=r,a=r;return(0,p.jsx)(j.Provider,{scope:e.__scopeAccordion,children:n===`multiple`?(0,p.jsx)(ue,{...a,ref:t}):(0,p.jsx)(le,{...i,ref:t})})},`Accordion`)),[F,se]=N(k),[I,ce]=N(k,{collapsible:!1}),le=f.forwardRef(O(function(e,t){let{value:n,defaultValue:r,onValueChange:i=O(()=>{},`onValueChange`),collapsible:a=!1,...o}=e,[s,l]=c.t({prop:n,defaultProp:r??``,onChange:i,caller:k});return(0,p.jsx)(F,{scope:e.__scopeAccordion,value:f.useMemo(()=>s?[s]:[],[s]),onItemOpen:l,onItemClose:f.useCallback(()=>a&&l(``),[a,l]),children:(0,p.jsx)(I,{scope:e.__scopeAccordion,collapsible:a,children:(0,p.jsx)(z,{...o,ref:t})})})},`AccordionImplSingle`)),ue=f.forwardRef(O(function(e,t){let{value:n,defaultValue:r,onValueChange:i=O(()=>{},`onValueChange`),...a}=e,[o,s]=c.t({prop:n,defaultProp:r??[],onChange:i,caller:k}),l=f.useCallback(e=>s((t=[])=>[...t,e]),[s]),u=f.useCallback(e=>s((t=[])=>t.filter(t=>t!==e)),[s]);return(0,p.jsx)(F,{scope:e.__scopeAccordion,value:o,onItemOpen:l,onItemClose:u,children:(0,p.jsx)(I,{scope:e.__scopeAccordion,collapsible:!0,children:(0,p.jsx)(z,{...a,ref:t})})})},`AccordionImplMultiple`)),[L,R]=N(k),z=f.forwardRef(O(function(e,t){let{__scopeAccordion:n,disabled:r,dir:o,orientation:s=`vertical`,...l}=e,u=i.i(f.useRef(null),t),m=M(n),h=d.t(o)===`ltr`,g=c.n(e.onKeyDown,e=>{if(!A.includes(e.key))return;let t=e.target,n=m().filter(e=>!e.ref.current?.disabled),r=n.findIndex(e=>e.ref.current===t),i=n.length;if(r===-1)return;e.preventDefault();let a=r,o=i-1,c=O(()=>{a=r+1,a>o&&(a=0)},`moveNext`),l=O(()=>{a=r-1,a<0&&(a=o)},`movePrev`);switch(e.key){case`Home`:a=0;break;case`End`:a=o;break;case`ArrowRight`:s===`horizontal`&&(h?c():l());break;case`ArrowDown`:s===`vertical`&&c();break;case`ArrowLeft`:s===`horizontal`&&(h?l():c());break;case`ArrowUp`:s===`vertical`&&l();break}n[a%i].ref.current?.focus()});return(0,p.jsx)(L,{scope:n,disabled:r,direction:o,orientation:s,children:(0,p.jsx)(j.Slot,{scope:n,children:(0,p.jsx)(a.t.div,{...l,"data-orientation":s,ref:u,onKeyDown:r?void 0:g})})})},`AccordionImpl`)),B=`AccordionItem`,[V,H]=N(B),de=f.forwardRef(O(function(e,t){let{__scopeAccordion:n,value:r,...i}=e,a=R(B,n),o=se(B,n),s=P(n),c=u.t(),l=r&&o.value.includes(r)||!1,d=a.disabled||e.disabled;return(0,p.jsx)(V,{scope:n,open:l,disabled:d,triggerId:c,children:(0,p.jsx)(D,{"data-orientation":a.orientation,"data-state":W(l),...s,...i,ref:t,disabled:d,open:l,onOpenChange:e=>{e?o.onItemOpen(r):o.onItemClose(r)}})})},`AccordionItem`)),fe=`AccordionHeader`,pe=f.forwardRef(O(function(e,t){let{__scopeAccordion:n,...r}=e,i=R(k,n),o=H(fe,n);return(0,p.jsx)(a.t.h3,{"data-orientation":i.orientation,"data-state":W(o.open),"data-disabled":o.disabled?``:void 0,...r,ref:t})},`AccordionHeader`)),U=`AccordionTrigger`,me=f.forwardRef(O(function(e,t){let{__scopeAccordion:n,...r}=e,i=R(k,n),a=H(U,n),o=ce(U,n),s=P(n);return(0,p.jsx)(j.ItemSlot,{scope:n,children:(0,p.jsx)(te,{"aria-disabled":a.open&&!o.collapsible||void 0,"data-orientation":i.orientation,id:a.triggerId,...s,...r,ref:t})})},`AccordionTrigger`)),he=`AccordionContent`,ge=f.forwardRef(O(function(e,t){let{__scopeAccordion:n,...r}=e,i=R(k,n),a=H(he,n),o=P(n);return(0,p.jsx)(ne,{role:`region`,"aria-labelledby":a.triggerId,"data-orientation":i.orientation,...o,...r,ref:t,style:{"--radix-accordion-content-height":`var(--radix-collapsible-content-height)`,"--radix-accordion-content-width":`var(--radix-collapsible-content-width)`,...e.style}})},`AccordionContent`));function W(e){return e?`open`:`closed`}O(W,`getState`);var G=oe,_e=de,ve=pe,K=me,q=ge,J=n.t(``,{variants:{variant:{primary:`bg-surface text-content-primary mb-4 px-4 py-1`,secondary:`bg-surface text-content-primary mb-0 px-4 py-1 border-b border-b-stroke last:border-b-0`,tertiary:`bg-transparent text-content-primary mb-0 py-2 px-0 border-b border-b-stroke`,quaternary:`bg-transparent text-content-primary mb-0 py-0 px-0`}},defaultVariants:{variant:`primary`}}),ye=n.t(`flex flex-1 items-center transition-all text-left text-content-primary [&[data-state=open]>svg]:rotate-180`,{variants:{variant:{primary:`font-normal text-xl justify-between`,secondary:`uppercase font-normal text-base justify-between`,tertiary:`uppercase font-normal text-2xl justify-between`,quaternary:`uppercase font-bold text-base gap-3`}},defaultVariants:{variant:`primary`}}),be=n.t(`overflow-hidden text-content-primary text-base data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down`,{variants:{variant:{primary:`my-3.5`,secondary:`my-3.5`,tertiary:`my-3.5 px-3.5`,quaternary:`my-3.5 p-0`}},defaultVariants:{variant:`primary`}}),Y=f.default.createContext(null),X=f.default.forwardRef(({variant:e,children:t,...n},r)=>(0,p.jsx)(Y.Provider,{value:{variant:e},children:(0,p.jsx)(G,{ref:r,...n,children:t})}));X.displayName=G.displayName;var Z=f.default.forwardRef(({className:e,...n},r)=>{let i=f.default.useContext(Y),a=t.t(J({variant:i?.variant}),e);return(0,p.jsx)(_e,{...n,ref:r,className:t.t(a,e)})});Z.displayName=`AccordionItem`;var Q=f.default.forwardRef(({className:e,children:n,...i},a)=>{let o=f.default.useContext(Y);return(0,p.jsx)(ve,{className:`my-4 flex`,children:(0,p.jsx)(K,{...i,ref:a,className:t.t(ye({variant:o?.variant}),e),children:o?.variant===`quaternary`?(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)(r.t,{className:`h-6 w-6 shrink-0 text-accent-red transition-transform duration-200`}),n]}):(0,p.jsxs)(p.Fragment,{children:[n,(0,p.jsx)(r.t,{className:`h-6 w-6 shrink-0 text-accent-red transition-transform duration-200`})]})})})});Q.displayName=K.displayName;var $=f.default.forwardRef(({className:e,children:n,...r},i)=>{let a=f.default.useContext(Y);return(0,p.jsx)(q,{...r,ref:i,className:t.t(be({variant:a?.variant}),e),children:(0,p.jsx)(`div`,{className:e,children:n})})});$.displayName=q.displayName,Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return Q}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return $}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return Z}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return X}});
//# sourceMappingURL=accordion-OJobmrj5.cjs.map