@k3-universe/react-kit 0.0.8 → 0.0.10

package/storybook-static/assets/AdminLayout.CustomSidebarHeaderComponent.stories-B_0IEDd4.js

@@ -0,0 +1,9 @@
+import{j as e}from"./jsx-runtime-D_zvdyIk.js";import{r as c}from"./iframe-v7iAhKit.js";import{A as p,c as u,a as l,b as x,R as f,T as h,O as g,u as v,H as j}from"./AdminLayout-CPvVCwfY.js";import"./preload-helper-Dp1pzeXC.js";import"./createLucideIcon-BrHXro7t.js";import"./sidebar-C8hU1Mxy.js";import"./index-DbaA6-o1.js";import"./index-CGrAONsN.js";import"./utils-D-KgF5mV.js";import"./button-0oMkiryo.js";import"./input-11YRd9gD.js";import"./separator-o5SAUnaJ.js";import"./index-Tp9IdbR8.js";import"./index-DrN5n71E.js";import"./index-CwBdPBFz.js";import"./sheet-C7jhU3XE.js";import"./index-Z6wF44KX.js";import"./index-DW48STyt.js";import"./index-CDY5kTx5.js";import"./index-BfiCOk42.js";import"./index-D8RXF03I.js";import"./index-ByqivBWx.js";import"./index-BVDb4dFc.js";import"./index-0-qMRXou.js";import"./Combination-BdQWAuko.js";import"./index-jrimW4QO.js";import"./index-AvwFFKJc.js";import"./x-B1a4fyWM.js";import"./skeleton-CjDnQs43.js";import"./tooltip-_LqYEYFw.js";import"./index-nqc17SX4.js";import"./index-Bw1A27Kp.js";import"./index-C9Ta0ZTH.js";import"./index-WyF3-wTE.js";import"./dropdown-menu-BWxxwPHL.js";import"./index-DLIxT4Z7.js";import"./index-Bv9yk470.js";import"./index-B_qx7A5T.js";import"./index-CWjrGFAQ.js";import"./check-B9hBGj6o.js";import"./circle-C5Lzx6Nx.js";import"./chevron-right-B5vIMLxK.js";import"./index-Dph_5COR.js";import"./chevron-down-D_37S6il.js";const ue={title:"Kit/Layouts/Admin",component:p};function b(){const{registerGroup:r,registerItem:t,clear:o}=v();return c.useEffect(()=>{o(),r({id:"overview",label:"Overview"}),t("overview",{id:"home",title:"Home",url:"/",icon:j})},[r,t,o]),null}function R(r){const t=u({component:()=>e.jsx(h,{children:e.jsxs(p,{...r,children:[e.jsx(b,{}),e.jsx(g,{})]})})}),o=l({getParentRoute:()=>t,path:"/",component:()=>e.jsx("div",{className:"p-6",children:"Home"})}),n=t.addChildren([o]),d=x({routeTree:n,basepath:"/iframe.html"});return e.jsx(f,{router:d})}const m={name:"Custom sidebar header component",render:()=>e.jsx(R,{sidebarHeader:e.jsx("div",{className:"px-4 py-3",children:e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("img",{src:"https://dummyimage.com/32x32/000/fff.png&text=A",alt:"Logo",className:"h-8 w-8 rounded"}),e.jsx("span",{className:"font-semibold",children:"My Admin"})]})})})};var i,s,a;m.parameters={...m.parameters,docs:{...(i=m.parameters)==null?void 0:i.docs,source:{originalSource:`{
+  name: 'Custom sidebar header component',
+  render: () => <App sidebarHeader={<div className="px-4 py-3">
+          <div className="flex items-center gap-2">
+            <img src="https://dummyimage.com/32x32/000/fff.png&text=A" alt="Logo" className="h-8 w-8 rounded" />
+            <span className="font-semibold">My Admin</span>
+          </div>
+        </div>} />
+}`,...(a=(s=m.parameters)==null?void 0:s.docs)==null?void 0:a.source}}};const le=["CustomSidebarHeaderComponent"];export{m as CustomSidebarHeaderComponent,le as __namedExportsOrder,ue as default};

package/storybook-static/assets/AdminLayout.CustomSidebarTitleAndIcon.stories-CvAeXUyA.js

@@ -0,0 +1,4 @@
+import{j as r}from"./jsx-runtime-D_zvdyIk.js";import{r as c}from"./iframe-v7iAhKit.js";import{A as a,c as u,a as l,b as x,R as b,T as h,O as R,u as C,H as f}from"./AdminLayout-CPvVCwfY.js";import{C as j}from"./chart-column-DZGb4ZZS.js";import"./preload-helper-Dp1pzeXC.js";import"./createLucideIcon-BrHXro7t.js";import"./sidebar-C8hU1Mxy.js";import"./index-DbaA6-o1.js";import"./index-CGrAONsN.js";import"./utils-D-KgF5mV.js";import"./button-0oMkiryo.js";import"./input-11YRd9gD.js";import"./separator-o5SAUnaJ.js";import"./index-Tp9IdbR8.js";import"./index-DrN5n71E.js";import"./index-CwBdPBFz.js";import"./sheet-C7jhU3XE.js";import"./index-Z6wF44KX.js";import"./index-DW48STyt.js";import"./index-CDY5kTx5.js";import"./index-BfiCOk42.js";import"./index-D8RXF03I.js";import"./index-ByqivBWx.js";import"./index-BVDb4dFc.js";import"./index-0-qMRXou.js";import"./Combination-BdQWAuko.js";import"./index-jrimW4QO.js";import"./index-AvwFFKJc.js";import"./x-B1a4fyWM.js";import"./skeleton-CjDnQs43.js";import"./tooltip-_LqYEYFw.js";import"./index-nqc17SX4.js";import"./index-Bw1A27Kp.js";import"./index-C9Ta0ZTH.js";import"./index-WyF3-wTE.js";import"./dropdown-menu-BWxxwPHL.js";import"./index-DLIxT4Z7.js";import"./index-Bv9yk470.js";import"./index-B_qx7A5T.js";import"./index-CWjrGFAQ.js";import"./check-B9hBGj6o.js";import"./circle-C5Lzx6Nx.js";import"./chevron-right-B5vIMLxK.js";import"./index-Dph_5COR.js";import"./chevron-down-D_37S6il.js";const xr={title:"Kit/Layouts/Admin",component:a};function v(){const{registerGroup:o,registerItem:t,clear:e}=C();return c.useEffect(()=>{e(),o({id:"overview",label:"Overview"}),t("overview",{id:"home",title:"Home",url:"/",icon:f})},[o,t,e]),null}function T(o){const t=u({component:()=>r.jsx(h,{children:r.jsxs(a,{...o,children:[r.jsx(v,{}),r.jsx(R,{})]})})}),e=l({getParentRoute:()=>t,path:"/",component:()=>r.jsx("div",{className:"p-6",children:"Home"})}),n=t.addChildren([e]),d=x({routeTree:n,basepath:"/iframe.html"});return r.jsx(b,{router:d})}const i={name:"Custom sidebar title and icon",render:()=>r.jsx(T,{sidebarHeaderIcon:j,sidebarHeaderTitle:r.jsx("span",{children:"Custom Title"})})};var m,s,p;i.parameters={...i.parameters,docs:{...(m=i.parameters)==null?void 0:m.docs,source:{originalSource:`{
+  name: 'Custom sidebar title and icon',
+  render: () => <App sidebarHeaderIcon={BarChart3} sidebarHeaderTitle={<span>Custom Title</span>} />
+}`,...(p=(s=i.parameters)==null?void 0:s.docs)==null?void 0:p.source}}};const br=["CustomSidebarTitleAndIcon"];export{i as CustomSidebarTitleAndIcon,br as __namedExportsOrder,xr as default};

package/storybook-static/assets/AdminLayout.HeaderSlots.stories-RBFHoSZK.js

@@ -0,0 +1,7 @@
+import{j as e}from"./jsx-runtime-D_zvdyIk.js";import{r as c}from"./iframe-v7iAhKit.js";import{A as p,c as u,a as l,b as x,R as h,T as g,O as f,u as b,H as v}from"./AdminLayout-CPvVCwfY.js";import"./preload-helper-Dp1pzeXC.js";import"./createLucideIcon-BrHXro7t.js";import"./sidebar-C8hU1Mxy.js";import"./index-DbaA6-o1.js";import"./index-CGrAONsN.js";import"./utils-D-KgF5mV.js";import"./button-0oMkiryo.js";import"./input-11YRd9gD.js";import"./separator-o5SAUnaJ.js";import"./index-Tp9IdbR8.js";import"./index-DrN5n71E.js";import"./index-CwBdPBFz.js";import"./sheet-C7jhU3XE.js";import"./index-Z6wF44KX.js";import"./index-DW48STyt.js";import"./index-CDY5kTx5.js";import"./index-BfiCOk42.js";import"./index-D8RXF03I.js";import"./index-ByqivBWx.js";import"./index-BVDb4dFc.js";import"./index-0-qMRXou.js";import"./Combination-BdQWAuko.js";import"./index-jrimW4QO.js";import"./index-AvwFFKJc.js";import"./x-B1a4fyWM.js";import"./skeleton-CjDnQs43.js";import"./tooltip-_LqYEYFw.js";import"./index-nqc17SX4.js";import"./index-Bw1A27Kp.js";import"./index-C9Ta0ZTH.js";import"./index-WyF3-wTE.js";import"./dropdown-menu-BWxxwPHL.js";import"./index-DLIxT4Z7.js";import"./index-Bv9yk470.js";import"./index-B_qx7A5T.js";import"./index-CWjrGFAQ.js";import"./check-B9hBGj6o.js";import"./circle-C5Lzx6Nx.js";import"./chevron-right-B5vIMLxK.js";import"./index-Dph_5COR.js";import"./chevron-down-D_37S6il.js";const ue={title:"Kit/Layouts/Admin",component:p};function j(){const{registerGroup:t,registerItem:r,clear:o}=b();return c.useEffect(()=>{o(),t({id:"overview",label:"Overview"}),r("overview",{id:"home",title:"Home",url:"/",icon:v})},[t,r,o]),null}function R(t){const r=u({component:()=>e.jsx(g,{children:e.jsxs(p,{...t,children:[e.jsx(j,{}),e.jsx(f,{})]})})}),o=l({getParentRoute:()=>r,path:"/",component:()=>e.jsx("div",{className:"p-6",children:"Home"})}),d=r.addChildren([o]),n=x({routeTree:d,basepath:"/iframe.html"});return e.jsx(h,{router:n})}const m={name:"Header slots (after trigger/theme)",render:()=>e.jsx(R,{headerAfterTrigger:e.jsx("input",{className:"h-8 w-64 rounded-md border px-3 text-sm",placeholder:"Search…"}),headerAfterTheme:e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("button",{className:"h-8 rounded-md border px-3 text-sm",children:"Invite"}),e.jsx("button",{className:"h-8 rounded-md bg-primary px-3 text-sm text-primary-foreground",children:"New"})]})})};var i,s,a;m.parameters={...m.parameters,docs:{...(i=m.parameters)==null?void 0:i.docs,source:{originalSource:`{
+  name: 'Header slots (after trigger/theme)',
+  render: () => <App headerAfterTrigger={<input className="h-8 w-64 rounded-md border px-3 text-sm" placeholder="Search…" />} headerAfterTheme={<div className="flex items-center gap-2">
+          <button className="h-8 rounded-md border px-3 text-sm">Invite</button>
+          <button className="h-8 rounded-md bg-primary px-3 text-sm text-primary-foreground">New</button>
+        </div>} />
+}`,...(a=(s=m.parameters)==null?void 0:s.docs)==null?void 0:a.source}}};const le=["HeaderSlots"];export{m as HeaderSlots,le as __namedExportsOrder,ue as default};

package/storybook-static/assets/{Alert.stories-DXwNfJ3w.js → Alert.stories-DKxKtIc0.js}

@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-D_zvdyIk.js";import{c as v}from"./index-CGrAONsN.js";import{c as i}from"./utils-D-KgF5mV.js";import{c as h}from"./createLucideIcon-CLBo0iA0.js";import"./iframe-BWjPIle6.js";import"./preload-helper-Dp1pzeXC.js";/**
+import{j as e}from"./jsx-runtime-D_zvdyIk.js";import{c as v}from"./index-CGrAONsN.js";import{c as i}from"./utils-D-KgF5mV.js";import{c as h}from"./createLucideIcon-BrHXro7t.js";import"./iframe-v7iAhKit.js";import"./preload-helper-Dp1pzeXC.js";/**
  * @license lucide-react v0.540.0 - ISC
  *
  * This source code is licensed under the ISC license.

package/storybook-static/assets/{AlertDialog.stories-I324NsnP.js → AlertDialog.stories-BqTpZ_nG.js}

@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-D_zvdyIk.js";import{A as l,h as d,a as u,b as D,c as A,d as m,e as p,f as h,g as x}from"./alert-dialog-BYt6Z7Kt.js";import{B as j,b as v}from"./button-BObfgcV1.js";import"./iframe-BWjPIle6.js";import"./preload-helper-Dp1pzeXC.js";import"./index-Pk2lGsul.js";import"./index-BcAKBHrX.js";import"./index-u70nzfOV.js";import"./index-DW48STyt.js";import"./index-BN5_W3Yi.js";import"./index-DWC9SV-P.js";import"./index-7XoYQV2z.js";import"./index-BfKpUbCE.js";import"./index-04C4iZwC.js";import"./index-C5eJ31Z3.js";import"./index-npvyVsxD.js";import"./index-DschQYGl.js";import"./Combination-CeVus13L.js";import"./index-Cce91yJQ.js";import"./index-CKwUGXmt.js";import"./utils-D-KgF5mV.js";import"./index-CGrAONsN.js";const J={title:"Shadcn/UI/AlertDialog",component:l},r={render:o=>e.jsxs(l,{...o,children:[e.jsx(d,{asChild:!0,children:e.jsx(j,{variant:"outline",children:"Show Dialog"})}),e.jsxs(u,{children:[e.jsxs(D,{children:[e.jsx(A,{children:"Are you absolutely sure?"}),e.jsx(m,{children:"This action cannot be undone. This will permanently delete your account and remove your data from our servers."})]}),e.jsxs(p,{children:[e.jsx(h,{children:"Cancel"}),e.jsx(x,{children:"Continue"})]})]})]})},t={render:o=>e.jsxs(l,{...o,children:[e.jsx(d,{asChild:!0,children:e.jsx(j,{variant:"destructive",children:"Delete account"})}),e.jsxs(u,{children:[e.jsxs(D,{children:[e.jsx(A,{children:"Are you absolutely sure?"}),e.jsx(m,{children:"This action cannot be undone. This will permanently delete your account and remove your data from our servers."})]}),e.jsxs(p,{children:[e.jsx(h,{children:"Cancel"}),e.jsx(x,{className:v({variant:"destructive"}),children:"Delete"})]})]})]})};var a,i,n;r.parameters={...r.parameters,docs:{...(a=r.parameters)==null?void 0:a.docs,source:{originalSource:`{
+import{j as e}from"./jsx-runtime-D_zvdyIk.js";import{A as l,h as d,a as u,b as D,c as A,d as m,e as p,f as h,g as x}from"./alert-dialog-DCUEwpqm.js";import{B as j,b as v}from"./button-0oMkiryo.js";import"./iframe-v7iAhKit.js";import"./preload-helper-Dp1pzeXC.js";import"./index-CDY5kTx5.js";import"./index-DbaA6-o1.js";import"./index-Z6wF44KX.js";import"./index-DW48STyt.js";import"./index-BfiCOk42.js";import"./index-D8RXF03I.js";import"./index-ByqivBWx.js";import"./index-BVDb4dFc.js";import"./index-Tp9IdbR8.js";import"./index-DrN5n71E.js";import"./index-CwBdPBFz.js";import"./index-0-qMRXou.js";import"./Combination-BdQWAuko.js";import"./index-jrimW4QO.js";import"./index-AvwFFKJc.js";import"./utils-D-KgF5mV.js";import"./index-CGrAONsN.js";const J={title:"Shadcn/UI/AlertDialog",component:l},r={render:o=>e.jsxs(l,{...o,children:[e.jsx(d,{asChild:!0,children:e.jsx(j,{variant:"outline",children:"Show Dialog"})}),e.jsxs(u,{children:[e.jsxs(D,{children:[e.jsx(A,{children:"Are you absolutely sure?"}),e.jsx(m,{children:"This action cannot be undone. This will permanently delete your account and remove your data from our servers."})]}),e.jsxs(p,{children:[e.jsx(h,{children:"Cancel"}),e.jsx(x,{children:"Continue"})]})]})]})},t={render:o=>e.jsxs(l,{...o,children:[e.jsx(d,{asChild:!0,children:e.jsx(j,{variant:"destructive",children:"Delete account"})}),e.jsxs(u,{children:[e.jsxs(D,{children:[e.jsx(A,{children:"Are you absolutely sure?"}),e.jsx(m,{children:"This action cannot be undone. This will permanently delete your account and remove your data from our servers."})]}),e.jsxs(p,{children:[e.jsx(h,{children:"Cancel"}),e.jsx(x,{className:v({variant:"destructive"}),children:"Delete"})]})]})]})};var a,i,n;r.parameters={...r.parameters,docs:{...(a=r.parameters)==null?void 0:a.docs,source:{originalSource:`{
   render: args => <AlertDialog {...args}>
       <AlertDialogTrigger asChild>
         <Button variant="outline">Show Dialog</Button>

package/storybook-static/assets/{AspectRatio.stories-CghHiX3Z.js → AspectRatio.stories-DPO9QQ5F.js}

@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-D_zvdyIk.js";import{r as v}from"./iframe-BWjPIle6.js";import{P as j}from"./index-04C4iZwC.js";import"./preload-helper-Dp1pzeXC.js";import"./index-C5eJ31Z3.js";import"./index-npvyVsxD.js";import"./index-BcAKBHrX.js";var y="AspectRatio",h=v.forwardRef((a,w)=>{const{ratio:g=1/1,style:x,...b}=a;return e.jsx("div",{style:{position:"relative",width:"100%",paddingBottom:`${100/g}%`},"data-radix-aspect-ratio-wrapper":"",children:e.jsx(j.div,{...b,ref:w,style:{...x,position:"absolute",top:0,right:0,bottom:0,left:0}})})});h.displayName=y;var N=h;function r({...a}){return e.jsx(N,{"data-slot":"aspect-ratio",...a})}r.__docgenInfo={description:"",methods:[],displayName:"AspectRatio"};const Y={title:"Shadcn/UI/AspectRatio",component:r},t={name:"Image (16:9)",render:a=>e.jsx("div",{className:"w-[450px]",children:e.jsx(r,{ratio:16/9,...a,children:e.jsx("img",{src:"https://images.unsplash.com/photo-1522771930-78848d9293e8?q=80&w=1600&auto=format&fit=crop",alt:"Landscape",className:"h-full w-full rounded-md object-cover"})})})},o={name:"Image (1:1 square)",render:a=>e.jsx("div",{className:"w-[300px]",children:e.jsx(r,{ratio:1/1,...a,children:e.jsx("img",{src:"https://images.unsplash.com/photo-1517245386807-bb43f82c33c4?q=80&w=1200&auto=format&fit=crop",alt:"Square",className:"h-full w-full rounded-md object-cover"})})})},s={name:"YouTube Embed (16:9)",render:a=>e.jsx("div",{className:"w-[450px]",children:e.jsx(r,{ratio:16/9,...a,children:e.jsx("iframe",{className:"h-full w-full rounded-md",src:"https://www.youtube.com/embed/yMqDgbZmBdk",title:"YouTube video",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share",allowFullScreen:!0})})})};var c,i,m;t.parameters={...t.parameters,docs:{...(c=t.parameters)==null?void 0:c.docs,source:{originalSource:`{
+import{j as e}from"./jsx-runtime-D_zvdyIk.js";import{r as v}from"./iframe-v7iAhKit.js";import{P as j}from"./index-Tp9IdbR8.js";import"./preload-helper-Dp1pzeXC.js";import"./index-DrN5n71E.js";import"./index-CwBdPBFz.js";import"./index-DbaA6-o1.js";var y="AspectRatio",h=v.forwardRef((a,w)=>{const{ratio:g=1/1,style:x,...b}=a;return e.jsx("div",{style:{position:"relative",width:"100%",paddingBottom:`${100/g}%`},"data-radix-aspect-ratio-wrapper":"",children:e.jsx(j.div,{...b,ref:w,style:{...x,position:"absolute",top:0,right:0,bottom:0,left:0}})})});h.displayName=y;var N=h;function r({...a}){return e.jsx(N,{"data-slot":"aspect-ratio",...a})}r.__docgenInfo={description:"",methods:[],displayName:"AspectRatio"};const Y={title:"Shadcn/UI/AspectRatio",component:r},t={name:"Image (16:9)",render:a=>e.jsx("div",{className:"w-[450px]",children:e.jsx(r,{ratio:16/9,...a,children:e.jsx("img",{src:"https://images.unsplash.com/photo-1522771930-78848d9293e8?q=80&w=1600&auto=format&fit=crop",alt:"Landscape",className:"h-full w-full rounded-md object-cover"})})})},o={name:"Image (1:1 square)",render:a=>e.jsx("div",{className:"w-[300px]",children:e.jsx(r,{ratio:1/1,...a,children:e.jsx("img",{src:"https://images.unsplash.com/photo-1517245386807-bb43f82c33c4?q=80&w=1200&auto=format&fit=crop",alt:"Square",className:"h-full w-full rounded-md object-cover"})})})},s={name:"YouTube Embed (16:9)",render:a=>e.jsx("div",{className:"w-[450px]",children:e.jsx(r,{ratio:16/9,...a,children:e.jsx("iframe",{className:"h-full w-full rounded-md",src:"https://www.youtube.com/embed/yMqDgbZmBdk",title:"YouTube video",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share",allowFullScreen:!0})})})};var c,i,m;t.parameters={...t.parameters,docs:{...(c=t.parameters)==null?void 0:c.docs,source:{originalSource:`{
   name: 'Image (16:9)',
   render: args => <div className="w-[450px]">
       <AspectRatio ratio={16 / 9} {...args}>

package/storybook-static/assets/Autocomplete-Cpg4CaJe.js

@@ -0,0 +1,56 @@
+import{j as s}from"./jsx-runtime-D_zvdyIk.js";import{r}from"./iframe-v7iAhKit.js";import{c as T}from"./utils-D-KgF5mV.js";import{P as he,a as Ae,b as ke}from"./popover-CcciSWAw.js";import{C as je,a as qe,b as Ne,c as Te,d as De,e as Ee,f as Oe}from"./command-Csa9p8_a.js";import{B as de}from"./badge-BnQWua6u.js";import{X as J}from"./x-B1a4fyWM.js";import{c as ye}from"./createLucideIcon-BrHXro7t.js";import{C as Re}from"./check-B9hBGj6o.js";/**
+ * @license lucide-react v0.540.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const Pe=[["path",{d:"m7 15 5 5 5-5",key:"1hf1tw"}],["path",{d:"m7 9 5-5 5 5",key:"sgt6xg"}]],ve=ye("chevrons-up-down",Pe);/**
+ * @license lucide-react v0.540.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const Me=[["path",{d:"M21 12a9 9 0 1 1-6.219-8.56",key:"13zald"}]],be=ye("loader-circle",Me);function Se(d,i,g,k){var m=this,a=r.useRef(null),j=r.useRef(0),x=r.useRef(0),p=r.useRef(null),D=r.useRef([]),F=r.useRef(),R=r.useRef(),W=r.useRef(d),_=r.useRef(!0);W.current=d;var $=typeof window<"u",h=!i&&i!==0&&$;if(typeof d!="function")throw new TypeError("Expected a function");i=+i||0;var H=!!(g=g||{}).leading,U=!("trailing"in g)||!!g.trailing,P="maxWait"in g,M="debounceOnServer"in g&&!!g.debounceOnServer,E=P?Math.max(+g.maxWait||0,i):null;r.useEffect(function(){return _.current=!0,function(){_.current=!1}},[]);var q=r.useMemo(function(){var O=function(o){var v=D.current,y=F.current;return D.current=F.current=null,j.current=o,x.current=x.current||o,R.current=W.current.apply(y,v)},b=function(o,v){h&&cancelAnimationFrame(p.current),p.current=h?requestAnimationFrame(o):setTimeout(o,v)},S=function(o){if(!_.current)return!1;var v=o-a.current;return!a.current||v>=i||v<0||P&&o-j.current>=E},L=function(o){return p.current=null,U&&D.current?O(o):(D.current=F.current=null,R.current)},V=function o(){var v=Date.now();if(H&&x.current===j.current&&c(),S(v))return L(v);if(_.current){var y=i-(v-a.current),G=P?Math.min(y,E-(v-j.current)):y;b(o,G)}},c=function(){k&&k({})},n=function(){if($||M){var o=Date.now(),v=S(o);if(D.current=[].slice.call(arguments),F.current=m,a.current=o,v){if(!p.current&&_.current)return j.current=a.current,b(V,i),H?O(a.current):R.current;if(P)return b(V,i),O(a.current)}return p.current||b(V,i),R.current}};return n.cancel=function(){p.current&&(h?cancelAnimationFrame(p.current):clearTimeout(p.current)),j.current=0,D.current=a.current=F.current=p.current=null},n.isPending=function(){return!!p.current},n.flush=function(){return p.current?L(Date.now()):R.current},n},[H,P,i,E,U,h,$,M,k]);return q}function Le(d,i){return d===i}function Ie(d,i,g){var k=Le,m=r.useRef(d),a=r.useState({})[1],j=Se(r.useCallback(function(p){m.current=p,a({})},[a]),i,g,a),x=r.useRef(d);return k(x.current,d)||(j(d),x.current=d),[m.current,j]}const Fe=20,_e=[];function Ve({mode:d,options:i=_e,fetcher:g,pageSize:k=Fe,value:m,onChange:a,multiple:j=!1,placeholder:x="Select...",disabled:p,className:D,emptyText:F="No results found",renderOption:R,searchPlaceholder:W="Search...",defaultOpen:_,defaultValue:$,allowCustomValue:h=!1,chipVariant:H="secondary",chipClassName:U,clearable:P=!0,initialSelectedOptions:M,loadSelected:E}){const[q,O]=r.useState(!!_),[b,S]=r.useState(""),[L]=Ie(b,250),V=r.useId(),c=!!j,[n,o]=r.useState(()=>m!==void 0?m:$!==void 0?$:c?[]:null);r.useEffect(()=>{m!==void 0&&o(m)},[m]);const v=r.useRef(new Map),y=r.useCallback(e=>{v.current.set(e.value,e.label)},[]),[G,le]=r.useState(0),N=r.useCallback(e=>{var t;return v.current.get(e)??((t=i.find(l=>l.value===e))==null?void 0:t.label)??(E?"Loading...":String(e))},[i,E]),ge=r.useCallback(e=>{if(y(e),c){const t=Array.isArray(n)?n:[],u=t.some(f=>f===e.value)?t.filter(f=>f!==e.value):[...t,e.value];m===void 0&&o(u);const w=u.map(f=>({value:f,label:N(f)}));a==null||a(u,w)}else{const t=e.value;m===void 0&&o(t),a==null||a(t,e),O(!1)}},[y,m,N,c,a,n]),[B,Q]=r.useState([]),[X,Y]=r.useState(!1),[C,ee]=r.useState(!1),[ue,re]=r.useState(void 0),[K,ie]=r.useState(1),oe=r.useCallback(()=>{Q([]),ee(!1),re(void 0),ie(1)},[]),ne=r.useCallback(async()=>{if(d==="server"){if(!g)return;Y(!0);try{const e=await g({search:L,cursor:ue??null,page:K,pageSize:k});Q(t=>K===1?e.items:[...t,...e.items]),ee(!!e.hasMore),re(e.nextCursor)}finally{Y(!1)}}else{Y(!0);try{const e=L?i.filter(u=>u.label.toLowerCase().includes(L.toLowerCase())):i,t=(K-1)*k,l=e.slice(t,t+k);Q(u=>K===1?l:[...u,...l]),ee(t+k<e.length),re(void 0)}finally{Y(!1)}}},[d,g,L,ue,K,k,i]),te=r.useRef(ne);r.useEffect(()=>{te.current=ne},[ne]),r.useEffect(()=>{if(!q)return;oe();const e=window.setTimeout(()=>{te.current()},0);return()=>window.clearTimeout(e)},[q,L,oe]),r.useEffect(()=>{q&&(K<=1||te.current())},[q,K]);const ce=r.useRef(null),we=r.useCallback(()=>{const e=ce.current;if(!e||X)return;e.scrollTop+e.clientHeight>=e.scrollHeight-24&&C&&ie(l=>l+1)},[X,C]);r.useEffect(()=>{B.forEach(y)},[B,y]),r.useEffect(()=>{i.forEach(y)},[i,y]),r.useEffect(()=>{if(!M)return;(Array.isArray(M)?M:[M]).forEach(y),le(t=>t+1)},[M,y]),r.useEffect(()=>{if(!E)return;const e=Array.isArray(n)?c?n:[]:n!=null?[n]:[];if(e.length===0)return;const t=e.filter(u=>!v.current.has(u)&&!i.some(w=>w.value===u));if(t.length===0)return;let l=!1;return E(t).then(u=>{l||(u.forEach(y),le(w=>w+1))}).catch(()=>{}),()=>{l=!0}},[n,c,E,i,y]);const ae=r.useMemo(()=>{if(!(c||Array.isArray(n)))return B.find(e=>e.value===n)},[c,B,n]),me=r.useMemo(()=>{if(c||Array.isArray(n))return x;if(ae)return ae.label;const e=n;if(e!=null&&!Array.isArray(e)){const t=v.current.get(e);if(t)return t;if(d==="client"){const l=i.find(u=>u.value===e);return(l==null?void 0:l.label)??x}}return x},[c,d,i,ae,n,x,G]),pe=r.useMemo(()=>c&&Array.isArray(n)?n:[],[c,n]),A=r.useMemo(()=>pe.map(e=>({value:e,label:N(e)})),[N,pe,G]),Z=r.useCallback(()=>{c?(m===void 0&&o([]),a==null||a([],[])):(m===void 0&&o(null),a==null||a(null,null))},[m,c,a]),se=r.useCallback(e=>{const t=e.trim();if(!t)return;const l={value:t,label:t};if(y(l),c){const u=Array.isArray(n)?n:[],f=u.some(z=>z===l.value)?u:[...u,l.value];m===void 0&&o(f);const xe=f.map(z=>({value:z,label:N(z)}));a==null||a(f,xe),S("")}else m===void 0&&o(l.value),a==null||a(l.value,l),S(""),O(!1)},[y,m,N,c,a,n]),fe=r.useRef(null),I=r.useMemo(()=>!(c&&h&&d==="client"&&i.length===0&&!g),[h,g,c,d,i.length]);return r.useEffect(()=>{!I&&q&&O(!1)},[I,q]),s.jsxs(he,{open:q,onOpenChange:O,children:[I?s.jsx(Ae,{asChild:!0,children:s.jsxs("div",{role:"combobox","aria-expanded":q,"aria-controls":V,tabIndex:p?-1:0,"aria-disabled":p||void 0,className:T("w-full inline-flex items-center justify-between rounded-md border bg-background px-3 py-2 text-sm shadow-sm transition-colors","hover:bg-accent hover:text-accent-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",p&&"opacity-50 pointer-events-none",D),onKeyDown:e=>{p||!I||e.target instanceof HTMLInputElement||(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),O(t=>!t))},children:[c?s.jsxs("div",{className:T("flex min-w-0 flex-1 flex-wrap items-center gap-1 text-left"),children:[A.length>0?A.map(e=>s.jsxs(de,{variant:H,className:T("pr-1",U),children:[s.jsx("span",{className:"truncate max-w-[10rem]",children:e.label}),s.jsx("button",{type:"button","aria-label":`Remove ${e.label}`,className:"ml-1 inline-flex items-center rounded-sm hover:bg-black/5 dark:hover:bg-white/10",onMouseDown:t=>{t.preventDefault(),t.stopPropagation()},onClick:t=>{t.preventDefault(),t.stopPropagation();const u=(Array.isArray(n)?n:[]).filter(f=>f!==e.value);m===void 0&&o(u);const w=u.map(f=>({value:f,label:N(f)}));a==null||a(u,w)},children:s.jsx(J,{className:"h-3 w-3"})})]},`${e.value}`)):null,h?s.jsx("input",{ref:fe,value:b,onChange:e=>S(e.target.value),placeholder:A.length===0?x:void 0,className:"flex-1 min-w-[8ch] bg-transparent outline-none text-sm placeholder:text-muted-foreground",onKeyDown:e=>{if(e.key==="Enter"||e.key===",")e.preventDefault(),se(b);else if(e.key==="Backspace"&&b===""&&A.length>0){const l=(Array.isArray(n)?n:[]).slice(0,-1);m===void 0&&o(l);const u=l.map(w=>({value:w,label:N(w)}));a==null||a(l,u)}}}):null,A.length===0&&!h?s.jsx("span",{className:"truncate text-muted-foreground",children:x}):null]}):s.jsx("span",{className:T("truncate",(!n||Array.isArray(n))&&"text-muted-foreground"),children:me}),P&&(c&&A.length>0||!c&&n!==null&&n!==void 0&&!Array.isArray(n))?s.jsx("button",{type:"button","aria-label":"Clear selection",className:"ml-2 inline-flex items-center rounded-sm p-1 hover:bg-black/5 dark:hover:bg-white/10",onMouseDown:e=>{e.preventDefault(),e.stopPropagation()},onClick:e=>{e.preventDefault(),e.stopPropagation(),Z()},onKeyDown:e=>{(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),e.stopPropagation(),Z())},children:s.jsx(J,{className:"h-4 w-4 opacity-60"})}):null,s.jsx(ve,{className:T("ml-2 h-4 w-4 shrink-0 opacity-50",!I&&"hidden")})]})}):s.jsxs("div",{role:"combobox","aria-expanded":q,"aria-controls":V,tabIndex:p?-1:0,"aria-disabled":p||void 0,className:T("w-full inline-flex items-center justify-between rounded-md border bg-background px-3 py-2 text-sm shadow-sm transition-colors","hover:bg-accent hover:text-accent-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",p&&"opacity-50 pointer-events-none",D),onKeyDown:e=>{},children:[c?s.jsxs("div",{className:T("flex min-w-0 flex-1 flex-wrap items-center gap-1 text-left"),children:[A.length>0?A.map(e=>s.jsxs(de,{variant:H,className:T("pr-1",U),children:[s.jsx("span",{className:"truncate max-w-[10rem]",children:e.label}),s.jsx("button",{type:"button","aria-label":`Remove ${e.label}`,className:"ml-1 inline-flex items-center rounded-sm hover:bg-black/5 dark:hover:bg-white/10",onMouseDown:t=>{t.preventDefault(),t.stopPropagation()},onClick:t=>{t.preventDefault(),t.stopPropagation();const u=(Array.isArray(n)?n:[]).filter(f=>f!==e.value);m===void 0&&o(u);const w=u.map(f=>({value:f,label:N(f)}));a==null||a(u,w)},children:s.jsx(J,{className:"h-3 w-3"})})]},`${e.value}`)):null,h?s.jsx("input",{ref:fe,value:b,onChange:e=>S(e.target.value),placeholder:A.length===0?x:void 0,className:"flex-1 min-w-[8ch] bg-transparent outline-none text-sm placeholder:text-muted-foreground",onKeyDown:e=>{if(e.key==="Enter"||e.key===",")e.preventDefault(),se(b);else if(e.key==="Backspace"&&b===""&&A.length>0){const l=(Array.isArray(n)?n:[]).slice(0,-1);m===void 0&&o(l);const u=l.map(w=>({value:w,label:N(w)}));a==null||a(l,u)}}}):null,A.length===0&&!h?s.jsx("span",{className:"truncate text-muted-foreground",children:x}):null]}):s.jsx("span",{className:T("truncate",(!n||Array.isArray(n))&&"text-muted-foreground"),children:me}),P&&(c&&A.length>0||!c&&n!==null&&n!==void 0&&!Array.isArray(n))?s.jsx("button",{type:"button","aria-label":"Clear selection",className:"ml-2 inline-flex items-center rounded-sm p-1 hover:bg-black/5 dark:hover:bg-white/10",onMouseDown:e=>{e.preventDefault(),e.stopPropagation()},onClick:e=>{e.preventDefault(),e.stopPropagation(),Z()},onKeyDown:e=>{(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),e.stopPropagation(),Z())},children:s.jsx(J,{className:"h-4 w-4 opacity-60"})}):null,s.jsx(ve,{className:T("ml-2 h-4 w-4 shrink-0 opacity-50",!I&&"hidden")})]}),I?s.jsx(ke,{className:"w-[--radix-popover-trigger-width] p-0",align:"start",children:s.jsxs(je,{shouldFilter:!1,className:"w-full",children:[s.jsx("div",{className:"p-2",children:s.jsx(qe,{value:b,onValueChange:S,placeholder:W,autoFocus:!0,onKeyDown:e=>{e.key==="Enter"&&h&&b.trim()&&(e.preventDefault(),se(b))}})}),s.jsxs(Ne,{id:V,className:"max-h-56 overflow-auto",ref:ce,onScroll:we,children:[X&&B.length===0?s.jsxs("div",{className:"flex items-center justify-center py-6 text-sm text-muted-foreground",children:[s.jsx(be,{className:"mr-2 h-4 w-4 animate-spin"})," Loading"]}):null,s.jsx(Te,{children:h&&b.trim()?s.jsxs("span",{children:['Press Enter to add "',b.trim(),'"']}):F}),B.length>0?s.jsx(De,{children:B.map(e=>{const t=c?Array.isArray(n)?n.includes(e.value):!1:e.value===n;return s.jsxs(Ee,{value:`${e.label}`,onSelect:()=>ge(e),className:"flex items-center justify-between",children:[s.jsx("div",{className:"min-w-0 truncate",children:R?R(e,t):e.label}),t?s.jsx(Re,{className:"h-4 w-4"}):null]},`${e.value}`)})}):null,C?s.jsxs(s.Fragment,{children:[s.jsx(Oe,{}),s.jsx("div",{className:"flex items-center justify-center py-2 text-xs text-muted-foreground",children:X?s.jsxs(s.Fragment,{children:[s.jsx(be,{className:"mr-1 h-3 w-3 animate-spin"})," ","Loading more"]}):"Scroll to load more"})]}):null]})]})}):null]})}Ve.__docgenInfo={description:"",methods:[],displayName:"Autocomplete",props:{mode:{required:!0,tsType:{name:"union",raw:"'client' | 'server'",elements:[{name:"literal",value:"'client'"},{name:"literal",value:"'server'"}]},description:""},options:{required:!1,tsType:{name:"Array",elements:[{name:"signature",type:"object",raw:`{
+  value: string | number
+  label: string
+}`,signature:{properties:[{key:"value",value:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}],required:!0}},{key:"label",value:{name:"string",required:!0}}]}}],raw:"AutocompleteOption[]"},description:"",defaultValue:{value:"[]",computed:!1}},fetcher:{required:!1,tsType:{name:"signature",type:"function",raw:`(
+  params: AutocompleteFetchParams,
+) => Promise<AutocompleteFetchResult>`,signature:{arguments:[{type:{name:"signature",type:"object",raw:`{
+  search: string
+  cursor?: string | number | null
+  page: number
+  pageSize: number
+}`,signature:{properties:[{key:"search",value:{name:"string",required:!0}},{key:"cursor",value:{name:"union",raw:"string | number | null",elements:[{name:"string"},{name:"number"},{name:"null"}],required:!1}},{key:"page",value:{name:"number",required:!0}},{key:"pageSize",value:{name:"number",required:!0}}]}},name:"params"}],return:{name:"Promise",elements:[{name:"signature",type:"object",raw:`{
+  items: AutocompleteOption[]
+  nextCursor?: string | number | null
+  hasMore: boolean
+  total?: number
+}`,signature:{properties:[{key:"items",value:{name:"Array",elements:[{name:"signature",type:"object",raw:`{
+  value: string | number
+  label: string
+}`,signature:{properties:[{key:"value",value:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}],required:!0}},{key:"label",value:{name:"string",required:!0}}]}}],raw:"AutocompleteOption[]",required:!0}},{key:"nextCursor",value:{name:"union",raw:"string | number | null",elements:[{name:"string"},{name:"number"},{name:"null"}],required:!1}},{key:"hasMore",value:{name:"boolean",required:!0}},{key:"total",value:{name:"number",required:!1}}]}}],raw:"Promise<AutocompleteFetchResult>"}}},description:""},pageSize:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"20",computed:!1}},value:{required:!1,tsType:{name:"union",raw:"string | number | null | Array<string | number>",elements:[{name:"string"},{name:"number"},{name:"null"},{name:"Array",elements:[{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]}],raw:"Array<string | number>"}]},description:"Value can be a single primitive or an array when `multiple` is true"},onChange:{required:!1,tsType:{name:"signature",type:"function",raw:`(
+	value: string | number | null | Array<string | number>,
+	option: AutocompleteOption | AutocompleteOption[] | null,
+) => void`,signature:{arguments:[{type:{name:"union",raw:"string | number | null | Array<string | number>",elements:[{name:"string"},{name:"number"},{name:"null"},{name:"Array",elements:[{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]}],raw:"Array<string | number>"}]},name:"value"},{type:{name:"union",raw:"AutocompleteOption | AutocompleteOption[] | null",elements:[{name:"signature",type:"object",raw:`{
+  value: string | number
+  label: string
+}`,signature:{properties:[{key:"value",value:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}],required:!0}},{key:"label",value:{name:"string",required:!0}}]}},{name:"Array",elements:[{name:"signature",type:"object",raw:`{
+  value: string | number
+  label: string
+}`,signature:{properties:[{key:"value",value:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}],required:!0}},{key:"label",value:{name:"string",required:!0}}]}}],raw:"AutocompleteOption[]"},{name:"null"}]},name:"option"}],return:{name:"void"}}},description:"onChange returns a single value + option in single mode, or an array of values + options in multiple mode"},multiple:{required:!1,tsType:{name:"boolean"},description:"Enable selecting multiple values (shows chips)",defaultValue:{value:"false",computed:!1}},placeholder:{required:!1,tsType:{name:"string"},description:"Placeholder shown when nothing is selected",defaultValue:{value:'"Select..."',computed:!1}},disabled:{required:!1,tsType:{name:"boolean"},description:""},className:{required:!1,tsType:{name:"string"},description:""},emptyText:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:'"No results found"',computed:!1}},renderOption:{required:!1,tsType:{name:"signature",type:"function",raw:`(
+	option: AutocompleteOption,
+	selected: boolean,
+) => React.ReactNode`,signature:{arguments:[{type:{name:"signature",type:"object",raw:`{
+  value: string | number
+  label: string
+}`,signature:{properties:[{key:"value",value:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}],required:!0}},{key:"label",value:{name:"string",required:!0}}]}},name:"option"},{type:{name:"boolean"},name:"selected"}],return:{name:"ReactReactNode",raw:"React.ReactNode"}}},description:""},searchPlaceholder:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:'"Search..."',computed:!1}},defaultOpen:{required:!1,tsType:{name:"boolean"},description:"Controls initial open state; component is uncontrolled otherwise"},defaultValue:{required:!1,tsType:{name:"union",raw:"string | number | null | Array<string | number>",elements:[{name:"string"},{name:"number"},{name:"null"},{name:"Array",elements:[{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]}],raw:"Array<string | number>"}]},description:"Initial value when component is uncontrolled"},allowCustomValue:{required:!1,tsType:{name:"boolean"},description:"Allow entering custom values not present in options (useful for tagging)",defaultValue:{value:"false",computed:!1}},chipVariant:{required:!1,tsType:{name:"union",raw:'"default" | "secondary" | "destructive" | "outline"',elements:[{name:"literal",value:'"default"'},{name:"literal",value:'"secondary"'},{name:"literal",value:'"destructive"'},{name:"literal",value:'"outline"'}]},description:`Chip visual style for multiple selection. Uses shadcn Badge variants.
+default | secondary | destructive | outline`,defaultValue:{value:'"secondary"',computed:!1}},chipClassName:{required:!1,tsType:{name:"string"},description:"Additional className for each chip"},clearable:{required:!1,tsType:{name:"boolean"},description:"Show a clear button when a selection exists",defaultValue:{value:"true",computed:!1}},initialSelectedOptions:{required:!1,tsType:{name:"union",raw:"AutocompleteOption | AutocompleteOption[] | null",elements:[{name:"signature",type:"object",raw:`{
+  value: string | number
+  label: string
+}`,signature:{properties:[{key:"value",value:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}],required:!0}},{key:"label",value:{name:"string",required:!0}}]}},{name:"Array",elements:[{name:"signature",type:"object",raw:`{
+  value: string | number
+  label: string
+}`,signature:{properties:[{key:"value",value:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}],required:!0}},{key:"label",value:{name:"string",required:!0}}]}}],raw:"AutocompleteOption[]"},{name:"null"}]},description:`Optional: seed selected labels for edit pages. These options are only used to populate the
+internal label map so labels render correctly when values are prefilled.`},loadSelected:{required:!1,tsType:{name:"signature",type:"function",raw:"(values: Array<string | number>) => Promise<AutocompleteOption[]>",signature:{arguments:[{type:{name:"Array",elements:[{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]}],raw:"Array<string | number>"},name:"values"}],return:{name:"Promise",elements:[{name:"Array",elements:[{name:"signature",type:"object",raw:`{
+  value: string | number
+  label: string
+}`,signature:{properties:[{key:"value",value:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}],required:!0}},{key:"label",value:{name:"string",required:!0}}]}}],raw:"AutocompleteOption[]"}],raw:"Promise<AutocompleteOption[]>"}}},description:`Optional: load labels/options for a list of values whose labels are unknown.
+Useful for edit pages in server mode when only values are available.`}}};export{Ve as A,ve as C,be as L};

package/storybook-static/assets/Autocomplete.stories-CWj4G5fh.js

@@ -0,0 +1,56 @@
+import{j as r}from"./jsx-runtime-D_zvdyIk.js";import{A as t}from"./Autocomplete-Cpg4CaJe.js";import"./iframe-v7iAhKit.js";import"./preload-helper-Dp1pzeXC.js";import"./utils-D-KgF5mV.js";import"./popover-CcciSWAw.js";import"./index-DW48STyt.js";import"./index-DbaA6-o1.js";import"./index-CDY5kTx5.js";import"./index-BVDb4dFc.js";import"./index-Tp9IdbR8.js";import"./index-DrN5n71E.js";import"./index-CwBdPBFz.js";import"./index-0-qMRXou.js";import"./Combination-BdQWAuko.js";import"./index-BfiCOk42.js";import"./index-D8RXF03I.js";import"./index-nqc17SX4.js";import"./index-Bw1A27Kp.js";import"./index-jrimW4QO.js";import"./index-AvwFFKJc.js";import"./index-ByqivBWx.js";import"./command-Csa9p8_a.js";import"./index-Z6wF44KX.js";import"./dialog-CsnqITTn.js";import"./x-B1a4fyWM.js";import"./createLucideIcon-BrHXro7t.js";import"./badge-BnQWua6u.js";import"./index-CGrAONsN.js";import"./check-B9hBGj6o.js";const ue={title:"Kit/Components/Autocomplete",component:t,parameters:{controls:{expanded:!0}},argTypes:{mode:{control:"select",options:["client","server"]}}},d=[{label:"New York",value:"nyc"},{label:"San Francisco",value:"sf"},{label:"Los Angeles",value:"la"},{label:"Seattle",value:"sea"},{label:"Austin",value:"aus"},{label:"Chicago",value:"chi"},{label:"Miami",value:"mia"},{label:"Boston",value:"bos"},{label:"Denver",value:"den"},{label:"Portland",value:"pdx"}],a={name:"Client mode",args:{mode:"client",options:d,placeholder:"Select a city...",searchPlaceholder:"Search cities...",pageSize:5,defaultOpen:!1},render:e=>r.jsx(t,{...e})};function E(e,o=350){return async({search:j,page:I,pageSize:c})=>{const u=(j||"").toLowerCase(),_=I??1,g=u?e.filter(m=>m.label.toLowerCase().includes(u)):e,p=(_-1)*c,k=g.slice(p,p+c),Y=p+c<g.length;return await new Promise(m=>setTimeout(m,o)),{items:k,hasMore:Y,nextCursor:null}}}const V=Array.from({length:100}).map((e,o)=>({label:`Option ${o+1}`,value:o+1})),s={name:"Server mode (infinite scroll)",args:{mode:"server",fetcher:E(V),placeholder:"Pick an option...",searchPlaceholder:"Search options...",pageSize:10},render:e=>r.jsx(t,{...e})},n={name:"Custom option rendering",args:{mode:"client",options:d,renderOption:(e,o)=>r.jsxs("div",{className:"flex items-center gap-2",children:[r.jsx("span",{className:"inline-block h-2 w-2 rounded-full bg-primary"}),r.jsx("span",{className:o?"font-medium":void 0,children:e.label})]})},render:e=>r.jsx(t,{...e})},i={name:"Multi select with chips",args:{mode:"client",options:d,multiple:!0,placeholder:"Select cities...",searchPlaceholder:"Type to search cities...",chipVariant:"secondary"},render:e=>r.jsx(t,{...e})},l={name:"Tagging (no options)",args:{mode:"client",options:[],multiple:!0,allowCustomValue:!0,placeholder:"Type and press Enter to add tags",searchPlaceholder:"Type a tag and press Enter",chipVariant:"outline"},render:e=>r.jsx(t,{...e})};var h,S,P;a.parameters={...a.parameters,docs:{...(h=a.parameters)==null?void 0:h.docs,source:{originalSource:`{
+  name: 'Client mode',
+  args: {
+    mode: 'client',
+    options: CITY_OPTIONS,
+    placeholder: 'Select a city...',
+    searchPlaceholder: 'Search cities...',
+    pageSize: 5,
+    defaultOpen: false
+  } satisfies Partial<AutocompleteProps>,
+  render: args => <Autocomplete {...args} />
+}`,...(P=(S=a.parameters)==null?void 0:S.docs)==null?void 0:P.source}}};var f,v,T;s.parameters={...s.parameters,docs:{...(f=s.parameters)==null?void 0:f.docs,source:{originalSource:`{
+  name: 'Server mode (infinite scroll)',
+  args: {
+    mode: 'server',
+    fetcher: makeServerFetcher(MANY_OPTIONS),
+    placeholder: 'Pick an option...',
+    searchPlaceholder: 'Search options...',
+    pageSize: 10
+  } satisfies Partial<AutocompleteProps>,
+  render: args => <Autocomplete {...args} />
+}`,...(T=(v=s.parameters)==null?void 0:v.docs)==null?void 0:T.source}}};var C,O,b;n.parameters={...n.parameters,docs:{...(C=n.parameters)==null?void 0:C.docs,source:{originalSource:`{
+  name: 'Custom option rendering',
+  args: {
+    mode: 'client',
+    options: CITY_OPTIONS,
+    renderOption: (option, selected) => <div className="flex items-center gap-2">
+        <span className="inline-block h-2 w-2 rounded-full bg-primary" />
+        <span className={selected ? 'font-medium' : undefined}>{option.label}</span>
+      </div>
+  } satisfies Partial<AutocompleteProps>,
+  render: args => <Autocomplete {...args} />
+}`,...(b=(O=n.parameters)==null?void 0:O.docs)==null?void 0:b.source}}};var A,x,N;i.parameters={...i.parameters,docs:{...(A=i.parameters)==null?void 0:A.docs,source:{originalSource:`{
+  name: 'Multi select with chips',
+  args: {
+    mode: 'client',
+    options: CITY_OPTIONS,
+    multiple: true,
+    placeholder: 'Select cities...',
+    searchPlaceholder: 'Type to search cities...',
+    chipVariant: 'secondary'
+  } satisfies Partial<AutocompleteProps>,
+  render: args => <Autocomplete {...args} />
+}`,...(N=(x=i.parameters)==null?void 0:x.docs)==null?void 0:N.source}}};var y,M,w;l.parameters={...l.parameters,docs:{...(y=l.parameters)==null?void 0:y.docs,source:{originalSource:`{
+  name: 'Tagging (no options)',
+  args: {
+    mode: 'client',
+    options: [],
+    multiple: true,
+    allowCustomValue: true,
+    placeholder: 'Type and press Enter to add tags',
+    searchPlaceholder: 'Type a tag and press Enter',
+    chipVariant: 'outline'
+  } satisfies Partial<AutocompleteProps>,
+  render: args => <Autocomplete {...args} />
+}`,...(w=(M=l.parameters)==null?void 0:M.docs)==null?void 0:w.source}}};const ge=["ClientMode","ServerMode","CustomRender","MultiSelectWithChips","TaggingNoOptions"];export{a as ClientMode,n as CustomRender,i as MultiSelectWithChips,s as ServerMode,l as TaggingNoOptions,ge as __namedExportsOrder,ue as default};

package/storybook-static/assets/{Avatar.stories-CEF5FVSR.js → Avatar.stories-DPhov_2g.js}

@@ -1,4 +1,4 @@
-import{j as a}from"./jsx-runtime-D_zvdyIk.js";import{A as t,a as s,b as e}from"./avatar-CRn1qQsC.js";import"./iframe-BWjPIle6.js";import"./preload-helper-Dp1pzeXC.js";import"./index-Pk2lGsul.js";import"./index-DschQYGl.js";import"./index-DWC9SV-P.js";import"./index-04C4iZwC.js";import"./index-C5eJ31Z3.js";import"./index-npvyVsxD.js";import"./index-BcAKBHrX.js";import"./index-Dsg7S8zu.js";import"./utils-D-KgF5mV.js";const k={title:"Shadcn/UI/Avatar",component:t},r={render:()=>a.jsxs("div",{className:"flex items-center gap-4",children:[a.jsxs(t,{children:[a.jsx(s,{src:"https://github.com/shadcn.png",alt:"@shadcn"}),a.jsx(e,{children:"SC"})]}),a.jsxs(t,{children:[a.jsx(s,{src:"",alt:"fallback"}),a.jsx(e,{children:"JD"})]})]})};var c,n,m;r.parameters={...r.parameters,docs:{...(c=r.parameters)==null?void 0:c.docs,source:{originalSource:`{
+import{j as a}from"./jsx-runtime-D_zvdyIk.js";import{A as t,a as s,b as e}from"./avatar-BzwOE-mi.js";import"./iframe-v7iAhKit.js";import"./preload-helper-Dp1pzeXC.js";import"./index-CDY5kTx5.js";import"./index-0-qMRXou.js";import"./index-D8RXF03I.js";import"./index-Tp9IdbR8.js";import"./index-DrN5n71E.js";import"./index-CwBdPBFz.js";import"./index-DbaA6-o1.js";import"./index-WyF3-wTE.js";import"./utils-D-KgF5mV.js";const k={title:"Shadcn/UI/Avatar",component:t},r={render:()=>a.jsxs("div",{className:"flex items-center gap-4",children:[a.jsxs(t,{children:[a.jsx(s,{src:"https://github.com/shadcn.png",alt:"@shadcn"}),a.jsx(e,{children:"SC"})]}),a.jsxs(t,{children:[a.jsx(s,{src:"",alt:"fallback"}),a.jsx(e,{children:"JD"})]})]})};var c,n,m;r.parameters={...r.parameters,docs:{...(c=r.parameters)==null?void 0:c.docs,source:{originalSource:`{
   render: () => <div className="flex items-center gap-4">
       <Avatar>
         <AvatarImage src="https://github.com/shadcn.png" alt="@shadcn" />

package/storybook-static/assets/Badge.stories-DFKrRdXq.js

@@ -0,0 +1,12 @@
+import{j as e}from"./jsx-runtime-D_zvdyIk.js";import{B as a}from"./badge-BnQWua6u.js";import"./index-DbaA6-o1.js";import"./iframe-v7iAhKit.js";import"./preload-helper-Dp1pzeXC.js";import"./index-CGrAONsN.js";import"./utils-D-KgF5mV.js";const x={title:"Shadcn/UI/Badge",component:a},r={args:{children:"Badge"}},t={render:()=>e.jsxs("div",{className:"flex flex-wrap items-center gap-2",children:[e.jsx(a,{children:"Default"}),e.jsx(a,{variant:"secondary",children:"Secondary"}),e.jsx(a,{variant:"destructive",children:"Destructive"}),e.jsx(a,{variant:"outline",children:"Outline"})]})};var s,n,i;r.parameters={...r.parameters,docs:{...(s=r.parameters)==null?void 0:s.docs,source:{originalSource:`{
+  args: {
+    children: 'Badge'
+  }
+}`,...(i=(n=r.parameters)==null?void 0:n.docs)==null?void 0:i.source}}};var d,c,o;t.parameters={...t.parameters,docs:{...(d=t.parameters)==null?void 0:d.docs,source:{originalSource:`{
+  render: () => <div className="flex flex-wrap items-center gap-2">
+      <Badge>Default</Badge>
+      <Badge variant="secondary">Secondary</Badge>
+      <Badge variant="destructive">Destructive</Badge>
+      <Badge variant="outline">Outline</Badge>
+    </div>
+}`,...(o=(c=t.parameters)==null?void 0:c.docs)==null?void 0:o.source}}};const f=["Basic","Variants"];export{r as Basic,t as Variants,f as __namedExportsOrder,x as default};

package/storybook-static/assets/{Breadcrumb.stories-DORe9T4b.js → Breadcrumb.stories-CTE6CZUC.js}

@@ -1,4 +1,4 @@
-import{j as r}from"./jsx-runtime-D_zvdyIk.js";import{S as h}from"./index-BcAKBHrX.js";import{c as s}from"./utils-D-KgF5mV.js";import{C as f,D as j}from"./react-icons.esm-DNr9VcvP.js";import"./iframe-BWjPIle6.js";import"./preload-helper-Dp1pzeXC.js";function o({...e}){return r.jsx("nav",{"aria-label":"breadcrumb","data-slot":"breadcrumb",...e})}function b({className:e,...a}){return r.jsx("ol",{"data-slot":"breadcrumb-list",className:s("text-muted-foreground flex flex-wrap items-center gap-1.5 text-sm break-words sm:gap-2.5",e),...a})}function n({className:e,...a}){return r.jsx("li",{"data-slot":"breadcrumb-item",className:s("inline-flex items-center gap-1.5",e),...a})}function c({asChild:e,className:a,...m}){const x=e?h:"a";return r.jsx(x,{"data-slot":"breadcrumb-link",className:s("hover:text-foreground transition-colors",a),...m})}function p({className:e,...a}){return r.jsx("span",{"data-slot":"breadcrumb-page",role:"link","aria-disabled":"true","aria-current":"page",className:s("text-foreground font-normal",e),...a})}function d({children:e,className:a,...m}){return r.jsx("li",{"data-slot":"breadcrumb-separator",role:"presentation","aria-hidden":"true",className:s("[&>svg]:size-3.5",a),...m,children:e??r.jsx(f,{})})}function B({className:e,...a}){return r.jsxs("span",{"data-slot":"breadcrumb-ellipsis",role:"presentation","aria-hidden":"true",className:s("flex size-9 items-center justify-center",e),...a,children:[r.jsx(j,{className:"size-4"}),r.jsx("span",{className:"sr-only",children:"More"})]})}o.__docgenInfo={description:"",methods:[],displayName:"Breadcrumb"};b.__docgenInfo={description:"",methods:[],displayName:"BreadcrumbList"};n.__docgenInfo={description:"",methods:[],displayName:"BreadcrumbItem"};c.__docgenInfo={description:"",methods:[],displayName:"BreadcrumbLink",props:{asChild:{required:!1,tsType:{name:"boolean"},description:""}}};p.__docgenInfo={description:"",methods:[],displayName:"BreadcrumbPage"};d.__docgenInfo={description:"",methods:[],displayName:"BreadcrumbSeparator"};B.__docgenInfo={description:"",methods:[],displayName:"BreadcrumbEllipsis"};const y={title:"Shadcn/UI/Breadcrumb",component:o},t={render:()=>r.jsx(o,{children:r.jsxs(b,{children:[r.jsx(n,{children:r.jsx(c,{href:"#",children:"Home"})}),r.jsx(d,{}),r.jsx(n,{children:r.jsx(c,{href:"#",children:"Components"})}),r.jsx(d,{}),r.jsx(n,{children:r.jsx(B,{})}),r.jsx(d,{}),r.jsx(n,{children:r.jsx(c,{href:"#",children:"shadcn"})}),r.jsx(d,{}),r.jsx(n,{children:r.jsx(p,{children:"Breadcrumb"})})]})})};var i,u,l;t.parameters={...t.parameters,docs:{...(i=t.parameters)==null?void 0:i.docs,source:{originalSource:`{
+import{j as r}from"./jsx-runtime-D_zvdyIk.js";import{S as h}from"./index-DbaA6-o1.js";import{c as s}from"./utils-D-KgF5mV.js";import{C as f,D as j}from"./react-icons.esm-B_ULMmNU.js";import"./iframe-v7iAhKit.js";import"./preload-helper-Dp1pzeXC.js";function o({...e}){return r.jsx("nav",{"aria-label":"breadcrumb","data-slot":"breadcrumb",...e})}function b({className:e,...a}){return r.jsx("ol",{"data-slot":"breadcrumb-list",className:s("text-muted-foreground flex flex-wrap items-center gap-1.5 text-sm break-words sm:gap-2.5",e),...a})}function n({className:e,...a}){return r.jsx("li",{"data-slot":"breadcrumb-item",className:s("inline-flex items-center gap-1.5",e),...a})}function c({asChild:e,className:a,...m}){const x=e?h:"a";return r.jsx(x,{"data-slot":"breadcrumb-link",className:s("hover:text-foreground transition-colors",a),...m})}function p({className:e,...a}){return r.jsx("span",{"data-slot":"breadcrumb-page",role:"link","aria-disabled":"true","aria-current":"page",className:s("text-foreground font-normal",e),...a})}function d({children:e,className:a,...m}){return r.jsx("li",{"data-slot":"breadcrumb-separator",role:"presentation","aria-hidden":"true",className:s("[&>svg]:size-3.5",a),...m,children:e??r.jsx(f,{})})}function B({className:e,...a}){return r.jsxs("span",{"data-slot":"breadcrumb-ellipsis",role:"presentation","aria-hidden":"true",className:s("flex size-9 items-center justify-center",e),...a,children:[r.jsx(j,{className:"size-4"}),r.jsx("span",{className:"sr-only",children:"More"})]})}o.__docgenInfo={description:"",methods:[],displayName:"Breadcrumb"};b.__docgenInfo={description:"",methods:[],displayName:"BreadcrumbList"};n.__docgenInfo={description:"",methods:[],displayName:"BreadcrumbItem"};c.__docgenInfo={description:"",methods:[],displayName:"BreadcrumbLink",props:{asChild:{required:!1,tsType:{name:"boolean"},description:""}}};p.__docgenInfo={description:"",methods:[],displayName:"BreadcrumbPage"};d.__docgenInfo={description:"",methods:[],displayName:"BreadcrumbSeparator"};B.__docgenInfo={description:"",methods:[],displayName:"BreadcrumbEllipsis"};const y={title:"Shadcn/UI/Breadcrumb",component:o},t={render:()=>r.jsx(o,{children:r.jsxs(b,{children:[r.jsx(n,{children:r.jsx(c,{href:"#",children:"Home"})}),r.jsx(d,{}),r.jsx(n,{children:r.jsx(c,{href:"#",children:"Components"})}),r.jsx(d,{}),r.jsx(n,{children:r.jsx(B,{})}),r.jsx(d,{}),r.jsx(n,{children:r.jsx(c,{href:"#",children:"shadcn"})}),r.jsx(d,{}),r.jsx(n,{children:r.jsx(p,{children:"Breadcrumb"})})]})})};var i,u,l;t.parameters={...t.parameters,docs:{...(i=t.parameters)==null?void 0:i.docs,source:{originalSource:`{
   render: () => <Breadcrumb>
       <BreadcrumbList>
         <BreadcrumbItem>

package/storybook-static/assets/{Button.stories-3nQ6wsBX.js → Button.stories-cbt2InL-.js}

@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-D_zvdyIk.js";import{B as n}from"./button-BObfgcV1.js";import"./index-BcAKBHrX.js";import"./iframe-BWjPIle6.js";import"./preload-helper-Dp1pzeXC.js";import"./index-CGrAONsN.js";import"./utils-D-KgF5mV.js";const b={title:"Shadcn/UI/Button",component:n,args:{}},t={render:()=>e.jsxs("div",{className:"flex flex-wrap gap-2",children:[e.jsx(n,{children:"Default"}),e.jsx(n,{variant:"secondary",children:"Secondary"}),e.jsx(n,{variant:"destructive",children:"Destructive"}),e.jsx(n,{variant:"outline",children:"Outline"}),e.jsx(n,{variant:"ghost",children:"Ghost"}),e.jsx(n,{variant:"link",children:"Link"})]})},a={render:()=>e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(n,{size:"sm",children:"Small"}),e.jsx(n,{size:"default",children:"Default"}),e.jsx(n,{size:"lg",children:"Large"}),e.jsx(n,{size:"icon","aria-label":"icon",className:"rounded-full",children:e.jsx("span",{role:"img","aria-label":"waving hand",children:"👋"})})]})},r={render:()=>e.jsxs("div",{className:"flex gap-2",children:[e.jsx(n,{disabled:!0,children:"Disabled"}),e.jsx(n,{variant:"outline",disabled:!0,children:"Disabled outline"})]})};var s,i,o;t.parameters={...t.parameters,docs:{...(s=t.parameters)==null?void 0:s.docs,source:{originalSource:`{
+import{j as e}from"./jsx-runtime-D_zvdyIk.js";import{B as n}from"./button-0oMkiryo.js";import"./index-DbaA6-o1.js";import"./iframe-v7iAhKit.js";import"./preload-helper-Dp1pzeXC.js";import"./index-CGrAONsN.js";import"./utils-D-KgF5mV.js";const b={title:"Shadcn/UI/Button",component:n,args:{}},t={render:()=>e.jsxs("div",{className:"flex flex-wrap gap-2",children:[e.jsx(n,{children:"Default"}),e.jsx(n,{variant:"secondary",children:"Secondary"}),e.jsx(n,{variant:"destructive",children:"Destructive"}),e.jsx(n,{variant:"outline",children:"Outline"}),e.jsx(n,{variant:"ghost",children:"Ghost"}),e.jsx(n,{variant:"link",children:"Link"})]})},a={render:()=>e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(n,{size:"sm",children:"Small"}),e.jsx(n,{size:"default",children:"Default"}),e.jsx(n,{size:"lg",children:"Large"}),e.jsx(n,{size:"icon","aria-label":"icon",className:"rounded-full",children:e.jsx("span",{role:"img","aria-label":"waving hand",children:"👋"})})]})},r={render:()=>e.jsxs("div",{className:"flex gap-2",children:[e.jsx(n,{disabled:!0,children:"Disabled"}),e.jsx(n,{variant:"outline",disabled:!0,children:"Disabled outline"})]})};var s,i,o;t.parameters={...t.parameters,docs:{...(s=t.parameters)==null?void 0:s.docs,source:{originalSource:`{
   render: () => <div className="flex flex-wrap gap-2">
       <Button>Default</Button>
       <Button variant="secondary">Secondary</Button>