dgz-ui/dist/accordion/index.cjs.js

Custom ui library using React.js, Shadcn/ui, TailwindCSS, Typescript

"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),X=require("react"),C=require("../chunks/index-D9zW9Tk7.cjs.js"),Z=require("../chunks/index-pF_O2Ico.cjs.js"),ee=require("../chunks/index-jFOWwfD3.cjs.js"),D=require("../chunks/index-BruMW80s.cjs.js"),m=require("../chunks/index-CJ0fGifh.cjs.js"),oe=require("../chunks/index-DnRKXUWD.cjs.js"),E=require("../chunks/utils-C4d7Ql9-.cjs.js"),te=require("../chunks/chevron-down-T-PkxHnH.cjs.js"),re=e=>e&&e.__esModule?e:{default:e},l=re(X);var d="Accordion",ne=["Home","End","ArrowDown","ArrowUp","ArrowLeft","ArrowRight"],[k,ce,ie]=Z.createCollection(d),[h]=C.createContextScope(d,[ie,m.createCollapsibleScope]),T=m.createCollapsibleScope(),V=l.default.forwardRef((e,n)=>{const{type:o,...c}=e,i=c,t=c;return r.jsx(k.Provider,{scope:e.__scopeAccordion,children:o==="multiple"?r.jsx(de,{...t,ref:n}):r.jsx(le,{...i,ref:n})})});V.displayName=d;var[H,ae]=h(d),[K,se]=h(d,{collapsible:!1}),le=l.default.forwardRef((e,n)=>{const{value:o,defaultValue:c,onValueChange:i=()=>{},collapsible:t=!1,...s}=e,[a,u]=D.useControllableState({prop:o,defaultProp:c??"",onChange:i,caller:d});return r.jsx(H,{scope:e.__scopeAccordion,value:l.default.useMemo(()=>a?[a]:[],[a]),onItemOpen:u,onItemClose:l.default.useCallback(()=>t&&u(""),[t,u]),children:r.jsx(K,{scope:e.__scopeAccordion,collapsible:t,children:r.jsx(z,{...s,ref:n})})})}),de=l.default.forwardRef((e,n)=>{const{value:o,defaultValue:c,onValueChange:i=()=>{},...t}=e,[s,a]=D.useControllableState({prop:o,defaultProp:c??[],onChange:i,caller:d}),u=l.default.useCallback(v=>a((p=[])=>[...p,v]),[a]),x=l.default.useCallback(v=>a((p=[])=>p.filter(_=>_!==v)),[a]);return r.jsx(H,{scope:e.__scopeAccordion,value:s,onItemOpen:u,onItemClose:x,children:r.jsx(K,{scope:e.__scopeAccordion,collapsible:!0,children:r.jsx(z,{...t,ref:n})})})}),[ue,I]=h(d),z=l.default.forwardRef((e,n)=>{const{__scopeAccordion:o,disabled:c,dir:i,orientation:t="vertical",...s}=e,a=l.default.useRef(null),u=ee.useComposedRefs(a,n),x=ce(o),p=oe.useDirection(i)==="ltr",_=C.composeEventHandlers(e.onKeyDown,A=>{var q;if(!ne.includes(A.key))return;const Q=A.target,j=x().filter(y=>{var $;return!(($=y.ref.current)!=null&&$.disabled)}),g=j.findIndex(y=>y.ref.current===Q),O=j.length;if(g===-1)return;A.preventDefault();let f=g;const w=0,P=O-1,R=()=>{f=g+1,f>P&&(f=w)},N=()=>{f=g-1,f<w&&(f=P)};switch(A.key){case"Home":f=w;break;case"End":f=P;break;case"ArrowRight":t==="horizontal"&&(p?R():N());break;case"ArrowDown":t==="vertical"&&R();break;case"ArrowLeft":t==="horizontal"&&(p?N():R());break;case"ArrowUp":t==="vertical"&&N();break}const W=f%O;(q=j[W].ref.current)==null||q.focus()});return r.jsx(ue,{scope:o,disabled:c,direction:i,orientation:t,children:r.jsx(k.Slot,{scope:o,children:r.jsx(C.Primitive.div,{...s,"data-orientation":t,ref:u,onKeyDown:c?void 0:_})})})}),b="AccordionItem",[fe,M]=h(b),L=l.default.forwardRef((e,n)=>{const{__scopeAccordion:o,value:c,...i}=e,t=I(b,o),s=ae(b,o),a=T(o),u=D.useId(),x=c&&s.value.includes(c)||!1,v=t.disabled||e.disabled;return r.jsx(fe,{scope:o,open:x,disabled:v,triggerId:u,children:r.jsx(m.Root,{"data-orientation":t.orientation,"data-state":J(x),...a,...i,ref:n,disabled:v,open:x,onOpenChange:p=>{p?s.onItemOpen(c):s.onItemClose(c)}})})});L.displayName=b;var G="AccordionHeader",U=l.default.forwardRef((e,n)=>{const{__scopeAccordion:o,...c}=e,i=I(d,o),t=M(G,o);return r.jsx(C.Primitive.h3,{"data-orientation":i.orientation,"data-state":J(t.open),"data-disabled":t.disabled?"":void 0,...c,ref:n})});U.displayName=G;var S="AccordionTrigger",Y=l.default.forwardRef((e,n)=>{const{__scopeAccordion:o,...c}=e,i=I(d,o),t=M(S,o),s=se(S,o),a=T(o);return r.jsx(k.ItemSlot,{scope:o,children:r.jsx(m.Trigger,{"aria-disabled":t.open&&!s.collapsible||void 0,"data-orientation":i.orientation,id:t.triggerId,...a,...c,ref:n})})});Y.displayName=S;var B="AccordionContent",F=l.default.forwardRef((e,n)=>{const{__scopeAccordion:o,...c}=e,i=I(d,o),t=M(B,o),s=T(o);return r.jsx(m.Content,{role:"region","aria-labelledby":t.triggerId,"data-orientation":i.orientation,...s,...c,ref:n,style:{"--radix-accordion-content-height":"var(--radix-collapsible-content-height)","--radix-accordion-content-width":"var(--radix-collapsible-content-width)",...e.style}})});F.displayName=B;function J(e){return e?"open":"closed"}var pe=V,xe=L,ve=U,me=Y,Ae=F;function ge({...e}){return r.jsx(pe,{"data-slot":"accordion",...e})}function Ce({className:e,...n}){return r.jsx(xe,{"data-slot":"accordion-item",className:E.cn("border-b last:border-b-0",e),...n})}function be({className:e,children:n,...o}){return r.jsx(ve,{className:"flex",children:r.jsxs(me,{"data-slot":"accordion-trigger",className:E.cn("focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180",e),...o,children:[n,r.jsx(te.ChevronDown,{className:"text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200"})]})})}function he({className:e,children:n,...o}){return r.jsx(Ae,{"data-slot":"accordion-content",className:"data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm",...o,children:r.jsx("div",{className:E.cn("pt-0 pb-4",e),children:n})})}exports.Accordion=ge;exports.AccordionContent=he;exports.AccordionItem=Ce;exports.AccordionTrigger=be;
//# sourceMappingURL=index.cjs.js.map