import{a as r,j as e}from"./jsx-runtime-5BUNAZ9W.js";import{B as u}from"./button-N5G3CLUW.js";import{a as x,d as g,e as C}from"./index-_SoivGuS.js";import{c as f}from"./createLucideIcon-SOGh5HrW.js";import"./index-4g5l5LRQ.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./cn-466VSCev.js";import"./index-dNGI4_9C.js";import"./extends-dGVwEr9R.js";import"./index-polp_dyw.js";import"./index-VfKohXEB.js";import"./index-zaNpaTzt.js";import"./index-pbeB-vsG.js";import"./index-tktZLsKA.js";import"./index-nyvS1vus.js";import"./index-TrPPXL0M.js";import"./index-gxNcLOY3.js";import"./index-rFlDZKmw.js";import"./index-gUvWXRra.js";const h=f("ChevronsUpDown",[["path",{d:"m7 15 5 5 5-5",key:"1hf1tw"}],["path",{d:"m7 9 5-5 5 5",key:"sgt6xg"}]]),o=x,t=g,l=C;try{o.displayName="Collapsible",o.__docgenInfo={description:"",displayName:"Collapsible",props:{asChild:{defaultValue:null,description:"",name:"asChild",required:!1,type:{name:"boolean"}}}}}catch{}try{t.displayName="CollapsibleTrigger",t.__docgenInfo={description:"",displayName:"CollapsibleTrigger",props:{asChild:{defaultValue:null,description:"",name:"asChild",required:!1,type:{name:"boolean"}}}}}catch{}try{l.displayName="CollapsibleContent",l.__docgenInfo={description:"",displayName:"CollapsibleContent",props:{asChild:{defaultValue:null,description:"",name:"asChild",required:!1,type:{name:"boolean"}}}}}catch{}const L={title:"ui/Collapsible",component:o,tags:["autodocs"],argTypes:{}},a={render:s=>r(o,{...s,className:"w-[350px] space-y-2",children:[r("div",{className:"flex items-center justify-between space-x-4 px-4",children:[e("h4",{className:"text-sm font-semibold",children:"@peduarte starred 3 repositories"}),e(t,{asChild:!0,children:r(u,{variant:"ghost",size:"sm",className:"w-9 p-0",children:[e(h,{className:"h-4 w-4"}),e("span",{className:"sr-only",children:"Toggle"})]})})]}),e("div",{className:"rounded-md border border-border px-4 py-3 font-mono text-sm",children:"@radix-ui/primitives"}),r(l,{className:"space-y-2",children:[e("div",{className:"rounded-md border border-border px-4 py-3 font-mono text-sm",children:"@radix-ui/colors"}),e("div",{className:"rounded-md border border-border px-4 py-3 font-mono text-sm",children:"@stitches/react"})]})]}),args:{open:!1,onOpenChange:()=>null}},n={render:s=>r(o,{...s,className:"w-[350px] space-y-2",children:[r("div",{className:"flex items-center justify-between space-x-4 px-4",children:[e("h4",{className:"text-sm font-semibold",children:"@peduarte starred 3 repositories"}),e(t,{asChild:!0,children:r(u,{variant:"ghost",size:"sm",className:"w-9 p-0",children:[e(h,{className:"h-4 w-4"}),e("span",{className:"sr-only",children:"Toggle"})]})})]}),e("div",{className:"rounded-md border border-border px-4 py-3 font-mono text-sm",children:"@radix-ui/primitives"}),r(l,{className:"space-y-2",children:[e("div",{className:"rounded-md border border-border px-4 py-3 font-mono text-sm",children:"@radix-ui/colors"}),e("div",{className:"rounded-md border border-border px-4 py-3 font-mono text-sm",children:"@stitches/react"})]})]}),args:{open:!0,onOpenChange:()=>null}};var d,i,p;a.parameters={...a.parameters,docs:{...(d=a.parameters)==null?void 0:d.docs,source:{originalSource:`{
  render: args => <Collapsible {...args} className="w-[350px] space-y-2">
      <div className="flex items-center justify-between space-x-4 px-4">
        <h4 className="text-sm font-semibold">
          @peduarte starred 3 repositories
        </h4>
        <CollapsibleTrigger asChild>
          <Button variant="ghost" size="sm" className="w-9 p-0">
            <ChevronsUpDown className="h-4 w-4" />
            <span className="sr-only">Toggle</span>
          </Button>
        </CollapsibleTrigger>
      </div>
      <div className="rounded-md border border-border px-4 py-3 font-mono text-sm">
        @radix-ui/primitives
      </div>
      <CollapsibleContent className="space-y-2">
        <div className="rounded-md border border-border px-4 py-3 font-mono text-sm">
          @radix-ui/colors
        </div>
        <div className="rounded-md border border-border px-4 py-3 font-mono text-sm">
          @stitches/react
        </div>
      </CollapsibleContent>
    </Collapsible>,
  args: {
    open: false,
    onOpenChange: () => null
  }
}`,...(p=(i=a.parameters)==null?void 0:i.docs)==null?void 0:p.source}}};var m,c,b;n.parameters={...n.parameters,docs:{...(m=n.parameters)==null?void 0:m.docs,source:{originalSource:`{
  render: args => <Collapsible {...args} className="w-[350px] space-y-2">
      <div className="flex items-center justify-between space-x-4 px-4">
        <h4 className="text-sm font-semibold">
          @peduarte starred 3 repositories
        </h4>
        <CollapsibleTrigger asChild>
          <Button variant="ghost" size="sm" className="w-9 p-0">
            <ChevronsUpDown className="h-4 w-4" />
            <span className="sr-only">Toggle</span>
          </Button>
        </CollapsibleTrigger>
      </div>
      <div className="rounded-md border border-border px-4 py-3 font-mono text-sm">
        @radix-ui/primitives
      </div>
      <CollapsibleContent className="space-y-2">
        <div className="rounded-md border border-border px-4 py-3 font-mono text-sm">
          @radix-ui/colors
        </div>
        <div className="rounded-md border border-border px-4 py-3 font-mono text-sm">
          @stitches/react
        </div>
      </CollapsibleContent>
    </Collapsible>,
  args: {
    open: true,
    onOpenChange: () => null
  }
}`,...(b=(c=n.parameters)==null?void 0:c.docs)==null?void 0:b.source}}};const A=["Closed","Open"];export{a as Closed,n as Open,A as __namedExportsOrder,L as default};
