@clasing/ui 2.0.6 → 2.0.8

package/dist/components/menubar.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("../jsx-runtime-BuHQgaKs.cjs"),c=require("@radix-ui/react-menubar"),o=require("../index-DoxiiusW.cjs"),i=require("../icon-component-4lyl8wE_.cjs");function m(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const s=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,s.get?s:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const a=m(c);function l({className:e,...t}){return n.jsxRuntimeExports.jsx(a.Root,{"data-slot":"menubar",className:o.cn("bg-background flex h-9 items-center gap-1 rounded-md border p-1 shadow-xs",e),...t})}function p({...e}){return n.jsxRuntimeExports.jsx(a.Menu,{"data-slot":"menubar-menu",...e})}function x({...e}){return n.jsxRuntimeExports.jsx(a.Group,{"data-slot":"menubar-group",...e})}function u({...e}){return n.jsxRuntimeExports.jsx(a.Portal,{"data-slot":"menubar-portal",...e})}function b({...e}){return n.jsxRuntimeExports.jsx(a.RadioGroup,{"data-slot":"menubar-radio-group",...e})}function f({className:e,...t}){return n.jsxRuntimeExports.jsx(a.Trigger,{"data-slot":"menubar-trigger",className:o.cn("focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground paragraph-sm flex items-center rounded-sm px-2 py-1 font-medium outline-hidden select-none",e),...t})}function g({className:e,align:t="start",alignOffset:r=-4,sideOffset:s=8,...d}){return n.jsxRuntimeExports.jsx(u,{children:n.jsxRuntimeExports.jsx(a.Content,{"data-slot":"menubar-content",align:t,alignOffset:r,sideOffset:s,className:o.cn("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[12rem] origin-(--radix-menubar-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-md",e),...d})})}function j({className:e,inset:t,variant:r="default",...s}){return n.jsxRuntimeExports.jsx(a.Item,{"data-slot":"menubar-item","data-inset":t,"data-variant":r,className:o.cn("focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground paragraph-sm relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",e),...s})}function v({className:e,children:t,checked:r,...s}){return n.jsxRuntimeExports.jsxs(a.CheckboxItem,{"data-slot":"menubar-checkbox-item",className:o.cn("focus:bg-accent focus:text-accent-foreground paragraph-sm relative flex cursor-default items-center gap-2 rounded-xs py-1.5 pr-2 pl-8 outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",e),checked:r,...s,children:[n.jsxRuntimeExports.jsx("span",{className:"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center",children:n.jsxRuntimeExports.jsx(a.ItemIndicator,{children:n.jsxRuntimeExports.jsx(i.IconComponent,{iconName:"IconCheck",className:"size-4"})})}),t]})}function h({className:e,children:t,...r}){return n.jsxRuntimeExports.jsxs(a.RadioItem,{"data-slot":"menubar-radio-item",className:o.cn("focus:bg-accent focus:text-accent-foreground paragraph-sm relative flex cursor-default items-center gap-2 rounded-xs py-1.5 pr-2 pl-8 outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",e),...r,children:[n.jsxRuntimeExports.jsx("span",{className:"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center",children:n.jsxRuntimeExports.jsx(a.ItemIndicator,{children:n.jsxRuntimeExports.jsx(i.IconComponent,{iconName:"IconCircle",className:"size-2 fill-current"})})}),t]})}function M({className:e,inset:t,...r}){return n.jsxRuntimeExports.jsx(a.Label,{"data-slot":"menubar-label","data-inset":t,className:o.cn("paragraph-sm px-2 py-1.5 font-medium data-[inset]:pl-8",e),...r})}function R({className:e,...t}){return n.jsxRuntimeExports.jsx(a.Separator,{"data-slot":"menubar-separator",className:o.cn("bg-border -mx-1 my-1 h-px",e),...t})}function E({className:e,...t}){return n.jsxRuntimeExports.jsx("span",{"data-slot":"menubar-shortcut",className:o.cn("text-muted-foreground paragraph-xs ml-auto tracking-widest",e),...t})}function N({...e}){return n.jsxRuntimeExports.jsx(a.Sub,{"data-slot":"menubar-sub",...e})}function I({className:e,inset:t,children:r,...s}){return n.jsxRuntimeExports.jsxs(a.SubTrigger,{"data-slot":"menubar-sub-trigger","data-inset":t,className:o.cn("focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground paragraph-sm flex cursor-default items-center rounded-sm px-2 py-1.5 outline-none select-none data-[inset]:pl-8",e),...s,children:[r,n.jsxRuntimeExports.jsx(i.IconComponent,{iconName:"IconChevronRight",className:"ml-auto h-4 w-4"})]})}function S({className:e,...t}){return n.jsxRuntimeExports.jsx(a.SubContent,{"data-slot":"menubar-sub-content",className:o.cn("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-menubar-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg",e),...t})}exports.Menubar=l;exports.MenubarCheckboxItem=v;exports.MenubarContent=g;exports.MenubarGroup=x;exports.MenubarItem=j;exports.MenubarLabel=M;exports.MenubarMenu=p;exports.MenubarPortal=u;exports.MenubarRadioGroup=b;exports.MenubarRadioItem=h;exports.MenubarSeparator=R;exports.MenubarShortcut=E;exports.MenubarSub=N;exports.MenubarSubContent=S;exports.MenubarSubTrigger=I;exports.MenubarTrigger=f;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../index-DSjHHn1r.cjs"),d=require("@radix-ui/react-menubar"),s=require("../icon-component-DTlgy__B.cjs");function c(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(n,r,o.get?o:{enumerable:!0,get:()=>e[r]})}}return n.default=e,Object.freeze(n)}const a=c(d);function m({className:e,...n}){return t.jsxRuntimeExports.jsx(a.Root,{"data-slot":"menubar",className:t.cn("bg-background flex h-9 items-center gap-1 rounded-md border p-1 shadow-xs",e),...n})}function l({...e}){return t.jsxRuntimeExports.jsx(a.Menu,{"data-slot":"menubar-menu",...e})}function p({...e}){return t.jsxRuntimeExports.jsx(a.Group,{"data-slot":"menubar-group",...e})}function i({...e}){return t.jsxRuntimeExports.jsx(a.Portal,{"data-slot":"menubar-portal",...e})}function x({...e}){return t.jsxRuntimeExports.jsx(a.RadioGroup,{"data-slot":"menubar-radio-group",...e})}function b({className:e,...n}){return t.jsxRuntimeExports.jsx(a.Trigger,{"data-slot":"menubar-trigger",className:t.cn("focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground paragraph-sm flex items-center rounded-sm px-2 py-1 font-medium outline-hidden select-none",e),...n})}function f({className:e,align:n="start",alignOffset:r=-4,sideOffset:o=8,...u}){return t.jsxRuntimeExports.jsx(i,{children:t.jsxRuntimeExports.jsx(a.Content,{"data-slot":"menubar-content",align:n,alignOffset:r,sideOffset:o,className:t.cn("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[12rem] origin-(--radix-menubar-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-md",e),...u})})}function g({className:e,inset:n,variant:r="default",...o}){return t.jsxRuntimeExports.jsx(a.Item,{"data-slot":"menubar-item","data-inset":n,"data-variant":r,className:t.cn("focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground paragraph-sm relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",e),...o})}function j({className:e,children:n,checked:r,...o}){return t.jsxRuntimeExports.jsxs(a.CheckboxItem,{"data-slot":"menubar-checkbox-item",className:t.cn("focus:bg-accent focus:text-accent-foreground paragraph-sm relative flex cursor-default items-center gap-2 rounded-xs py-1.5 pr-2 pl-8 outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",e),checked:r,...o,children:[t.jsxRuntimeExports.jsx("span",{className:"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center",children:t.jsxRuntimeExports.jsx(a.ItemIndicator,{children:t.jsxRuntimeExports.jsx(s.IconComponent,{iconName:"IconCheck",className:"size-4"})})}),n]})}function v({className:e,children:n,...r}){return t.jsxRuntimeExports.jsxs(a.RadioItem,{"data-slot":"menubar-radio-item",className:t.cn("focus:bg-accent focus:text-accent-foreground paragraph-sm relative flex cursor-default items-center gap-2 rounded-xs py-1.5 pr-2 pl-8 outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",e),...r,children:[t.jsxRuntimeExports.jsx("span",{className:"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center",children:t.jsxRuntimeExports.jsx(a.ItemIndicator,{children:t.jsxRuntimeExports.jsx(s.IconComponent,{iconName:"IconCircle",className:"size-2 fill-current"})})}),n]})}function h({className:e,inset:n,...r}){return t.jsxRuntimeExports.jsx(a.Label,{"data-slot":"menubar-label","data-inset":n,className:t.cn("paragraph-sm px-2 py-1.5 font-medium data-[inset]:pl-8",e),...r})}function M({className:e,...n}){return t.jsxRuntimeExports.jsx(a.Separator,{"data-slot":"menubar-separator",className:t.cn("bg-border -mx-1 my-1 h-px",e),...n})}function R({className:e,...n}){return t.jsxRuntimeExports.jsx("span",{"data-slot":"menubar-shortcut",className:t.cn("text-muted-foreground paragraph-xs ml-auto tracking-widest",e),...n})}function E({...e}){return t.jsxRuntimeExports.jsx(a.Sub,{"data-slot":"menubar-sub",...e})}function N({className:e,inset:n,children:r,...o}){return t.jsxRuntimeExports.jsxs(a.SubTrigger,{"data-slot":"menubar-sub-trigger","data-inset":n,className:t.cn("focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground paragraph-sm flex cursor-default items-center rounded-sm px-2 py-1.5 outline-none select-none data-[inset]:pl-8",e),...o,children:[r,t.jsxRuntimeExports.jsx(s.IconComponent,{iconName:"IconChevronRight",className:"ml-auto h-4 w-4"})]})}function I({className:e,...n}){return t.jsxRuntimeExports.jsx(a.SubContent,{"data-slot":"menubar-sub-content",className:t.cn("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-menubar-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg",e),...n})}exports.Menubar=m;exports.MenubarCheckboxItem=j;exports.MenubarContent=f;exports.MenubarGroup=p;exports.MenubarItem=g;exports.MenubarLabel=h;exports.MenubarMenu=l;exports.MenubarPortal=i;exports.MenubarRadioGroup=x;exports.MenubarRadioItem=v;exports.MenubarSeparator=M;exports.MenubarShortcut=R;exports.MenubarSub=E;exports.MenubarSubContent=I;exports.MenubarSubTrigger=N;exports.MenubarTrigger=b;

package/dist/components/menubar.es.js

@@ -1,8 +1,7 @@
-import { j as t } from "../jsx-runtime-DywqP_6a.js";
+import { j as t, c as o } from "../index-DBpnlzOP.js";
 import * as n from "@radix-ui/react-menubar";
-import { c as o } from "../index-CRiPKpXj.js";
-import { I as d } from "../icon-component-Db_44zX2.js";
-function p({
+import { I as d } from "../icon-component-DGImZz3K.js";
+function m({
   className: e,
   ...a
 }) {
@@ -18,12 +17,12 @@ function p({
     }
   );
 }
-function f({
+function p({
   ...e
 }) {
   return /* @__PURE__ */ t.jsx(n.Menu, { "data-slot": "menubar-menu", ...e });
 }
-function b({
+function f({
   ...e
 }) {
   return /* @__PURE__ */ t.jsx(n.Group, { "data-slot": "menubar-group", ...e });
@@ -33,12 +32,12 @@ function u({
 }) {
   return /* @__PURE__ */ t.jsx(n.Portal, { "data-slot": "menubar-portal", ...e });
 }
-function g({
+function b({
   ...e
 }) {
   return /* @__PURE__ */ t.jsx(n.RadioGroup, { "data-slot": "menubar-radio-group", ...e });
 }
-function x({
+function g({
   className: e,
   ...a
 }) {
@@ -54,7 +53,7 @@ function x({
     }
   );
 }
-function v({
+function x({
   className: e,
   align: a = "start",
   alignOffset: r = -4,
@@ -76,7 +75,7 @@ function v({
     }
   ) });
 }
-function h({
+function v({
   className: e,
   inset: a,
   variant: r = "default",
@@ -96,7 +95,7 @@ function h({
     }
   );
 }
-function j({
+function h({
   className: e,
   children: a,
   checked: r,
@@ -119,7 +118,7 @@ function j({
     }
   );
 }
-function M({
+function j({
   className: e,
   children: a,
   ...r
@@ -146,7 +145,7 @@ function M({
     }
   );
 }
-function N({
+function M({
   className: e,
   inset: a,
   ...r
@@ -164,7 +163,7 @@ function N({
     }
   );
 }
-function z({
+function N({
   className: e,
   ...a
 }) {
@@ -177,7 +176,7 @@ function z({
     }
   );
 }
-function I({
+function z({
   className: e,
   ...a
 }) {
@@ -193,12 +192,12 @@ function I({
     }
   );
 }
-function y({
+function I({
   ...e
 }) {
   return /* @__PURE__ */ t.jsx(n.Sub, { "data-slot": "menubar-sub", ...e });
 }
-function k({
+function y({
   className: e,
   inset: a,
   children: r,
@@ -221,7 +220,7 @@ function k({
     }
   );
 }
-function C({
+function k({
   className: e,
   ...a
 }) {
@@ -238,20 +237,20 @@ function C({
   );
 }
 export {
-  p as Menubar,
-  j as MenubarCheckboxItem,
-  v as MenubarContent,
-  b as MenubarGroup,
-  h as MenubarItem,
-  N as MenubarLabel,
-  f as MenubarMenu,
+  m as Menubar,
+  h as MenubarCheckboxItem,
+  x as MenubarContent,
+  f as MenubarGroup,
+  v as MenubarItem,
+  M as MenubarLabel,
+  p as MenubarMenu,
   u as MenubarPortal,
-  g as MenubarRadioGroup,
-  M as MenubarRadioItem,
-  z as MenubarSeparator,
-  I as MenubarShortcut,
-  y as MenubarSub,
-  C as MenubarSubContent,
-  k as MenubarSubTrigger,
-  x as MenubarTrigger
+  b as MenubarRadioGroup,
+  j as MenubarRadioItem,
+  N as MenubarSeparator,
+  z as MenubarShortcut,
+  I as MenubarSub,
+  k as MenubarSubContent,
+  y as MenubarSubTrigger,
+  g as MenubarTrigger
 };

package/dist/components/multi-select.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../jsx-runtime-BuHQgaKs.cjs"),M=require("../badge-DuEEk3J_.cjs"),x=require("../command-B7wbtmbM.cjs"),b=require("../popover-4V87msIT.cjs"),w=require("../index-DoxiiusW.cjs"),s=require("react"),R=require("../icon-component-4lyl8wE_.cjs"),I=s.createContext(null);function k({children:e,values:n,defaultValues:r,onValuesChange:o}){const[m,p]=s.useState(!1),[h,f]=s.useState(new Set(n??r)),[y,j]=s.useState(new Map);function E(c){const i=l=>{const a=new Set(l);return a.has(c)?a.delete(c):a.add(c),a};f(i),o?.([...i(h)])}const g=s.useCallback((c,i)=>{j(l=>l.get(c)===i?l:new Map(l).set(c,i))},[]);return t.jsxRuntimeExports.jsx(I,{value:{open:m,setOpen:p,selectedValues:n?new Set(n):h,toggleValue:E,items:y,onItemAdded:g},children:t.jsxRuntimeExports.jsx(b.Popover,{open:m,onOpenChange:p,children:e})})}function V({className:e,children:n,size:r="md",...o}){const{open:m}=v();return t.jsxRuntimeExports.jsx(b.PopoverTrigger,{asChild:!0,children:t.jsxRuntimeExports.jsxs("button",{...o,role:o.role??"combobox","aria-expanded":o["aria-expanded"]??m,"data-size":r,className:w.cn("border-input focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:bg-input/30 dark:hover:bg-input/50 dark:aria-invalid:ring-destructive/40 [&_svg:not([class*='text-'])]:text-muted-foreground flex w-fit items-center justify-between gap-2 overflow-hidden rounded-md border bg-transparent whitespace-nowrap transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",r==="xs"&&'label-sm h-7 px-2 py-1 [&_svg:not([class*="size-"])]:size-3.5',r==="sm"&&"label-md h-8 px-2 py-1",r==="md"&&"label-lg h-12 px-3 py-1",r==="lg"&&"label-xl h-16 px-4 py-2",e),children:[n,t.jsxRuntimeExports.jsx(R.IconComponent,{iconName:"IconSelector",className:"size-4 shrink-0 opacity-50"})]})})}function z({placeholder:e,clickToRemove:n=!0,className:r,overflowBehavior:o="wrap-when-open",...m}){const{selectedValues:p,toggleValue:h,items:f,open:y}=v(),[j,E]=s.useState(0),g=s.useRef(null),c=s.useRef(null),i=s.useRef(new Set),l=o==="wrap"||o==="wrap-when-open"&&y;s.useEffect(()=>{l&&i.current.forEach(u=>u.style.removeProperty("display"))},[l]);const a=s.useCallback(()=>{if(g.current==null)return;const u=g.current,d=c.current;d!=null&&(d.style.display="none"),i.current.forEach(S=>S.style.removeProperty("display"));let C=0;for(let S=i.current.size-1;S>=0;S--){const N=[...i.current][S];if(u.scrollWidth<=u.clientWidth)break;C=i.current.size-S,N.style.display="none",d?.style.removeProperty("display")}E(C)},[]);return s.useEffect(()=>{if(g.current==null)return;const u=new ResizeObserver(a);return u.observe(g.current),()=>u.disconnect()},[a]),s.useLayoutEffect(()=>{a()},[p,a]),p.size===0&&e?t.jsxRuntimeExports.jsx("span",{className:"text-muted-foreground font-normal",children:e}):t.jsxRuntimeExports.jsxs("div",{...m,ref:g,className:w.cn("flex min-h-[1.75rem] w-full gap-1.5 overflow-hidden",l&&"flex-wrap",r),children:[[...p].filter(u=>f.has(u)).map(u=>t.jsxRuntimeExports.jsxs(M.Badge,{ref:d=>{if(d!=null)return i.current.add(d),()=>{i.current.delete(d)}},variant:"outline",className:"group flex items-center gap-1",onClick:n?d=>{d.stopPropagation(),h(u)}:void 0,children:[f.get(u),n&&t.jsxRuntimeExports.jsx(R.IconComponent,{iconName:"IconX",className:"text-muted-foreground group-hover:text-destructive size-2"})]},u)),t.jsxRuntimeExports.jsxs(M.Badge,{style:{display:j>0&&!l?"block":"none"},variant:"outline",ref:c,children:["+",j]})]})}function P({search:e=!0,children:n,...r}){const o=typeof e=="object"?!0:e;return t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx("div",{style:{display:"none"},children:t.jsxRuntimeExports.jsx(x.Command,{children:t.jsxRuntimeExports.jsx(x.CommandList,{children:n})})}),t.jsxRuntimeExports.jsx(b.PopoverContent,{className:"min-w-[var(--radix-popover-trigger-width)] p-0",children:t.jsxRuntimeExports.jsxs(x.Command,{...r,children:[o?t.jsxRuntimeExports.jsx(x.CommandInput,{placeholder:typeof e=="object"?e.placeholder:void 0}):t.jsxRuntimeExports.jsx("button",{autoFocus:!0,"aria-hidden":"true",className:"sr-only"}),t.jsxRuntimeExports.jsxs(x.CommandList,{children:[o&&t.jsxRuntimeExports.jsx(x.CommandEmpty,{children:typeof e=="object"?e.emptyMessage:void 0}),n]})]})})]})}function q({value:e,children:n,badgeLabel:r,onSelect:o,...m}){const{toggleValue:p,selectedValues:h,onItemAdded:f}=v(),y=h.has(e);return s.useEffect(()=>{f(e,r??n)},[e,n,f,r]),t.jsxRuntimeExports.jsxs(x.CommandItem,{...m,value:e,onSelect:j=>{p(j),o?.(j)},children:[t.jsxRuntimeExports.jsx(R.IconComponent,{iconName:"IconCheck",className:w.cn("mr-2 size-4",y?"opacity-100":"opacity-0")}),n]})}function O(e){return t.jsxRuntimeExports.jsx(x.CommandGroup,{...e})}function _(e){return t.jsxRuntimeExports.jsx(x.CommandSeparator,{...e})}function v(){const e=s.useContext(I);if(e==null)throw new Error("useMultiSelectContext must be used within a MultiSelectContext");return e}exports.MultiSelect=k;exports.MultiSelectContent=P;exports.MultiSelectGroup=O;exports.MultiSelectItem=q;exports.MultiSelectSeparator=_;exports.MultiSelectTrigger=V;exports.MultiSelectValue=z;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../index-DSjHHn1r.cjs"),I=require("../badge-CS2XfLYQ.cjs"),m=require("../command-CHisYTN-.cjs"),N=require("../popover-BnLx2OY6.cjs"),n=require("react"),v=require("../icon-component-DTlgy__B.cjs"),V=n.createContext(null);function k({children:t,values:r,defaultValues:i,onValuesChange:u,isLoading:d,onSearchChange:c,loadingText:f="Loading...",noResultsText:a="No results found"}){const[h,p]=n.useState(!1),[y,j]=n.useState(new Set(r??i)),[b,x]=n.useState(new Map),[S,E]=n.useState("");function o(s){const g=R=>{const C=new Set(R);return C.has(s)?C.delete(s):C.add(s),C};j(g),u?.([...g(y)])}const l=n.useCallback((s,g)=>{x(R=>R.get(s)===g?R:new Map(R).set(s,g))},[]),w=n.useCallback(s=>{E(s),c?.(s)},[c]);return e.jsxRuntimeExports.jsx(V,{value:{open:h,setOpen:p,selectedValues:r?new Set(r):y,toggleValue:o,items:b,onItemAdded:l,isLoading:d,searchValue:S,onSearchChange:w,loadingText:f,noResultsText:a},children:e.jsxRuntimeExports.jsx(N.Popover,{open:h,onOpenChange:p,children:t})})}function z({className:t,children:r,size:i="md",...u}){const{open:d}=M();return e.jsxRuntimeExports.jsx(N.PopoverTrigger,{asChild:!0,children:e.jsxRuntimeExports.jsxs("button",{...u,role:u.role??"combobox","aria-expanded":u["aria-expanded"]??d,"data-size":i,className:e.cn("border-input focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:bg-input/30 dark:hover:bg-input/50 dark:aria-invalid:ring-destructive/40 [&_svg:not([class*='text-'])]:text-muted-foreground flex w-fit items-center justify-between gap-2 overflow-hidden rounded-md border bg-transparent whitespace-nowrap transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",i==="xs"&&'label-sm h-7 px-2 py-1 [&_svg:not([class*="size-"])]:size-3.5',i==="sm"&&"label-md h-8 px-2 py-1",i==="md"&&"label-lg h-12 px-3 py-1",i==="lg"&&"label-xl h-16 px-4 py-2",t),children:[r,e.jsxRuntimeExports.jsx(v.IconComponent,{iconName:"IconSelector",className:"size-4 shrink-0 opacity-50"})]})})}function P({placeholder:t,clickToRemove:r=!0,className:i,overflowBehavior:u="wrap-when-open",...d}){const{selectedValues:c,toggleValue:f,items:a,open:h}=M(),[p,y]=n.useState(0),j=n.useRef(null),b=n.useRef(null),x=n.useRef(new Set),S=u==="wrap"||u==="wrap-when-open"&&h;n.useEffect(()=>{S&&x.current.forEach(o=>o.style.removeProperty("display"))},[S]);const E=n.useCallback(()=>{if(j.current==null)return;const o=j.current,l=b.current;l!=null&&(l.style.display="none"),x.current.forEach(s=>s.style.removeProperty("display"));let w=0;for(let s=x.current.size-1;s>=0;s--){const g=[...x.current][s];if(o.scrollWidth<=o.clientWidth)break;w=x.current.size-s,g.style.display="none",l?.style.removeProperty("display")}y(w)},[]);return n.useEffect(()=>{if(j.current==null)return;const o=new ResizeObserver(E);return o.observe(j.current),()=>o.disconnect()},[E]),n.useLayoutEffect(()=>{E()},[c,E]),c.size===0&&t?e.jsxRuntimeExports.jsx("span",{className:"text-muted-foreground font-normal",children:t}):e.jsxRuntimeExports.jsxs("div",{...d,ref:j,className:e.cn("flex min-h-[1.75rem] w-full gap-1.5 overflow-hidden",S&&"flex-wrap",i),children:[[...c].filter(o=>a.has(o)).map(o=>e.jsxRuntimeExports.jsxs(I.Badge,{ref:l=>{if(l!=null)return x.current.add(l),()=>{x.current.delete(l)}},variant:"outline",className:"group flex items-center gap-1",onClick:r?l=>{l.stopPropagation(),f(o)}:void 0,children:[a.get(o),r&&e.jsxRuntimeExports.jsx(v.IconComponent,{iconName:"IconX",className:"text-muted-foreground group-hover:text-destructive size-2"})]},o)),e.jsxRuntimeExports.jsxs(I.Badge,{style:{display:p>0&&!S?"block":"none"},variant:"outline",ref:b,children:["+",p]})]})}function q({search:t=!0,children:r,...i}){const{isLoading:u,onSearchChange:d,searchValue:c,noResultsText:f}=M(),a=typeof t=="object"?!0:t;return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx("div",{style:{display:"none"},children:e.jsxRuntimeExports.jsx(m.Command,{children:e.jsxRuntimeExports.jsx(m.CommandList,{children:r})})}),e.jsxRuntimeExports.jsx(N.PopoverContent,{className:"min-w-[var(--radix-popover-trigger-width)] p-0",children:e.jsxRuntimeExports.jsxs(m.Command,{...i,children:[a?e.jsxRuntimeExports.jsx(m.CommandInput,{placeholder:typeof t=="object"?t.placeholder:void 0,value:c,onValueChange:d}):e.jsxRuntimeExports.jsx("button",{autoFocus:!0,"aria-hidden":"true",className:"sr-only"}),e.jsxRuntimeExports.jsx(m.CommandList,{children:u?e.jsxRuntimeExports.jsxs("div",{className:"flex items-center justify-center py-6",children:[e.jsxRuntimeExports.jsx(v.IconComponent,{iconName:"IconLoader2",className:"text-muted-foreground size-4 animate-spin"}),e.jsxRuntimeExports.jsx("span",{className:"text-muted-foreground ml-2 text-sm",children:u})]}):e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[a&&e.jsxRuntimeExports.jsx(m.CommandEmpty,{children:f}),r]})})]})})]})}function O({value:t,children:r,badgeLabel:i,onSelect:u,...d}){const{toggleValue:c,selectedValues:f,onItemAdded:a}=M(),h=f.has(t);return n.useEffect(()=>{a(t,i??r)},[t,r,a,i]),e.jsxRuntimeExports.jsxs(m.CommandItem,{...d,value:t,onSelect:p=>{c(p),u?.(p)},children:[e.jsxRuntimeExports.jsx(v.IconComponent,{iconName:"IconCheck",className:e.cn("mr-2 size-4",h?"opacity-100":"opacity-0")}),r]})}function L(t){return e.jsxRuntimeExports.jsx(m.CommandGroup,{...t})}function _(t){return e.jsxRuntimeExports.jsx(m.CommandSeparator,{...t})}function M(){const t=n.useContext(V);if(t==null)throw new Error("useMultiSelectContext must be used within a MultiSelectContext");return t}exports.MultiSelect=k;exports.MultiSelectContent=q;exports.MultiSelectGroup=L;exports.MultiSelectItem=O;exports.MultiSelectSeparator=_;exports.MultiSelectTrigger=z;exports.MultiSelectValue=P;

package/dist/components/multi-select.d.ts

@@ -1,11 +1,15 @@
 import { Button } from '@/components/button';
 import { Command, CommandGroup, CommandItem, CommandSeparator } from '@/components/command';
 import { type ComponentPropsWithoutRef, type ReactNode } from 'react';
-declare function MultiSelect({ children, values, defaultValues, onValuesChange, }: {
+declare function MultiSelect({ children, values, defaultValues, onValuesChange, isLoading, onSearchChange, loadingText, noResultsText, }: {
     children: ReactNode;
     values?: string[];
     defaultValues?: string[];
     onValuesChange?: (values: string[]) => void;
+    isLoading?: boolean;
+    onSearchChange?: (value: string) => void;
+    loadingText?: string;
+    noResultsText?: string;
 }): import("react/jsx-runtime").JSX.Element;
 declare function MultiSelectTrigger({ className, children, size, ...props }: {
     className?: string;