@clasing/ui 2.0.9 → 2.1.1

package/dist/components/menubar.es.js

@@ -1,7 +1,7 @@
-import { j as t, c as o } from "../index-DBpnlzOP.js";
+import { j as t, c as s } from "../index-D5lmpham.js";
 import * as n from "@radix-ui/react-menubar";
-import { I as d } from "../icon-component-DGImZz3K.js";
-function m({
+import { CheckIcon as i, CircleIcon as u, CaretRightIcon as c } from "@phosphor-icons/react";
+function f({
   className: e,
   ...a
 }) {
@@ -9,7 +9,7 @@ function m({
     n.Root,
     {
       "data-slot": "menubar",
-      className: o(
+      className: s(
         "bg-background flex h-9 items-center gap-1 rounded-md border p-1 shadow-xs",
         e
       ),
@@ -17,27 +17,27 @@ function m({
     }
   );
 }
-function p({
+function b({
   ...e
 }) {
   return /* @__PURE__ */ t.jsx(n.Menu, { "data-slot": "menubar-menu", ...e });
 }
-function f({
+function g({
   ...e
 }) {
   return /* @__PURE__ */ t.jsx(n.Group, { "data-slot": "menubar-group", ...e });
 }
-function u({
+function l({
   ...e
 }) {
   return /* @__PURE__ */ t.jsx(n.Portal, { "data-slot": "menubar-portal", ...e });
 }
-function b({
+function x({
   ...e
 }) {
   return /* @__PURE__ */ t.jsx(n.RadioGroup, { "data-slot": "menubar-radio-group", ...e });
 }
-function g({
+function v({
   className: e,
   ...a
 }) {
@@ -45,7 +45,7 @@ function g({
     n.Trigger,
     {
       "data-slot": "menubar-trigger",
-      className: o(
+      className: s(
         "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
       ),
@@ -53,33 +53,33 @@ function g({
     }
   );
 }
-function x({
+function h({
   className: e,
   align: a = "start",
   alignOffset: r = -4,
-  sideOffset: s = 8,
-  ...i
+  sideOffset: o = 8,
+  ...d
 }) {
-  return /* @__PURE__ */ t.jsx(u, { children: /* @__PURE__ */ t.jsx(
+  return /* @__PURE__ */ t.jsx(l, { children: /* @__PURE__ */ t.jsx(
     n.Content,
     {
       "data-slot": "menubar-content",
       align: a,
       alignOffset: r,
-      sideOffset: s,
-      className: o(
-        "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",
+      sideOffset: o,
+      className: s(
+        "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-48 origin-(--radix-menubar-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-md",
         e
       ),
-      ...i
+      ...d
     }
   ) });
 }
-function v({
+function j({
   className: e,
   inset: a,
   variant: r = "default",
-  ...s
+  ...o
 }) {
   return /* @__PURE__ */ t.jsx(
     n.Item,
@@ -87,38 +87,38 @@ function v({
       "data-slot": "menubar-item",
       "data-inset": a,
       "data-variant": r,
-      className: o(
-        "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",
+      className: s(
+        "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
+      ...o
     }
   );
 }
-function h({
+function M({
   className: e,
   children: a,
   checked: r,
-  ...s
+  ...o
 }) {
   return /* @__PURE__ */ t.jsxs(
     n.CheckboxItem,
     {
       "data-slot": "menubar-checkbox-item",
-      className: o(
-        "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",
+      className: s(
+        "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,
+      ...o,
       children: [
-        /* @__PURE__ */ t.jsx("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ t.jsx(n.ItemIndicator, { children: /* @__PURE__ */ t.jsx(d, { iconName: "IconCheck", className: "size-4" }) }) }),
+        /* @__PURE__ */ t.jsx("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ t.jsx(n.ItemIndicator, { children: /* @__PURE__ */ t.jsx(i, { className: "size-4" }) }) }),
         a
       ]
     }
   );
 }
-function j({
+function z({
   className: e,
   children: a,
   ...r
@@ -127,25 +127,19 @@ function j({
     n.RadioItem,
     {
       "data-slot": "menubar-radio-item",
-      className: o(
-        "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",
+      className: s(
+        "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: [
-        /* @__PURE__ */ t.jsx("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ t.jsx(n.ItemIndicator, { children: /* @__PURE__ */ t.jsx(
-          d,
-          {
-            iconName: "IconCircle",
-            className: "size-2 fill-current"
-          }
-        ) }) }),
+        /* @__PURE__ */ t.jsx("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ t.jsx(n.ItemIndicator, { children: /* @__PURE__ */ t.jsx(u, { weight: "fill", className: "size-2 fill-current" }) }) }),
         a
       ]
     }
   );
 }
-function M({
+function N({
   className: e,
   inset: a,
   ...r
@@ -155,15 +149,15 @@ function M({
     {
       "data-slot": "menubar-label",
       "data-inset": a,
-      className: o(
-        "paragraph-sm px-2 py-1.5 font-medium data-[inset]:pl-8",
+      className: s(
+        "paragraph-sm px-2 py-1.5 font-medium data-inset:pl-8",
         e
       ),
       ...r
     }
   );
 }
-function N({
+function I({
   className: e,
   ...a
 }) {
@@ -171,12 +165,12 @@ function N({
     n.Separator,
     {
       "data-slot": "menubar-separator",
-      className: o("bg-border -mx-1 my-1 h-px", e),
+      className: s("bg-border -mx-1 my-1 h-px", e),
       ...a
     }
   );
 }
-function z({
+function y({
   className: e,
   ...a
 }) {
@@ -184,7 +178,7 @@ function z({
     "span",
     {
       "data-slot": "menubar-shortcut",
-      className: o(
+      className: s(
         "text-muted-foreground paragraph-xs ml-auto tracking-widest",
         e
       ),
@@ -192,65 +186,66 @@ function z({
     }
   );
 }
-function I({
+function k({
   ...e
 }) {
   return /* @__PURE__ */ t.jsx(n.Sub, { "data-slot": "menubar-sub", ...e });
 }
-function y({
+function _({
   className: e,
   inset: a,
   children: r,
-  ...s
+  ...o
 }) {
   return /* @__PURE__ */ t.jsxs(
     n.SubTrigger,
     {
       "data-slot": "menubar-sub-trigger",
       "data-inset": a,
-      className: o(
-        "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",
+      className: s(
+        "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,
+      ...o,
       children: [
         r,
-        /* @__PURE__ */ t.jsx(d, { iconName: "IconChevronRight", className: "ml-auto h-4 w-4" })
+        /* @__PURE__ */ t.jsx(c, { className: "ml-auto size-4" })
       ]
     }
   );
 }
-function k({
+function w({
   className: e,
-  ...a
+  collisionPadding: a = 24,
+  ...r
 }) {
   return /* @__PURE__ */ t.jsx(
     n.SubContent,
     {
       "data-slot": "menubar-sub-content",
-      className: o(
-        "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",
+      className: s(
+        "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-32 origin-(--radix-menubar-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg",
         e
       ),
-      ...a
+      ...r
     }
   );
 }
 export {
-  m as Menubar,
-  h as MenubarCheckboxItem,
-  x as MenubarContent,
-  f as MenubarGroup,
-  v as MenubarItem,
-  M as MenubarLabel,
-  p as MenubarMenu,
-  u as MenubarPortal,
-  b as MenubarRadioGroup,
-  j as MenubarRadioItem,
-  N as MenubarSeparator,
-  z as MenubarShortcut,
-  I as MenubarSub,
-  k as MenubarSubContent,
-  y as MenubarSubTrigger,
-  g as MenubarTrigger
+  f as Menubar,
+  M as MenubarCheckboxItem,
+  h as MenubarContent,
+  g as MenubarGroup,
+  j as MenubarItem,
+  N as MenubarLabel,
+  b as MenubarMenu,
+  l as MenubarPortal,
+  x as MenubarRadioGroup,
+  z as MenubarRadioItem,
+  I as MenubarSeparator,
+  y as MenubarShortcut,
+  k as MenubarSub,
+  w as MenubarSubContent,
+  _ as MenubarSubTrigger,
+  v as MenubarTrigger
 };

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../index-DSjHHn1r.cjs"),I=require("../badge-oQqEF2X5.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../index-9HRzXEQf.cjs"),V=require("../badge-Da_xHgvC.cjs"),m=require("../command-CrtCQpi_.cjs"),N=require("../popover-CeOAAwBQ.cjs"),C=require("@phosphor-icons/react"),n=require("react"),k=n.createContext(null);function I({children:t,values:r,defaultValues:i,onValuesChange:u,isLoading:x,onSearchChange:c,loadingText:f="Loading...",noResultsText:a="No results found"}){const[h,p]=n.useState(!1),[y,j]=n.useState(new Set(r??i)),[w,d]=n.useState(new Map),[S,E]=n.useState("");function o(s){const g=R=>{const v=new Set(R);return v.has(s)?v.delete(s):v.add(s),v};j(g),u?.([...g(y)])}const l=n.useCallback((s,g)=>{d(R=>R.get(s)===g?R:new Map(R).set(s,g))},[]),b=n.useCallback(s=>{E(s),c?.(s)},[c]);return e.jsxRuntimeExports.jsx(k,{value:{open:h,setOpen:p,selectedValues:r?new Set(r):y,toggleValue:o,items:w,onItemAdded:l,isLoading:x,searchValue:S,onSearchChange:b,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:x}=M();return e.jsxRuntimeExports.jsx(N.PopoverTrigger,{asChild:!0,children:e.jsxRuntimeExports.jsxs("button",{...u,role:u.role??"combobox","aria-expanded":u["aria-expanded"]??x,"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(C.CaretUpDownIcon,{className:"size-4 shrink-0 opacity-50"})]})})}function P({placeholder:t,clickToRemove:r=!0,className:i,overflowBehavior:u="wrap-when-open",...x}){const{selectedValues:c,toggleValue:f,items:a,open:h}=M(),[p,y]=n.useState(0),j=n.useRef(null),w=n.useRef(null),d=n.useRef(new Set),S=u==="wrap"||u==="wrap-when-open"&&h;n.useEffect(()=>{S&&d.current.forEach(o=>o.style.removeProperty("display"))},[S]);const E=n.useCallback(()=>{if(j.current==null)return;const o=j.current,l=w.current;l!=null&&(l.style.display="none"),d.current.forEach(s=>s.style.removeProperty("display"));let b=0;for(let s=d.current.size-1;s>=0;s--){const g=[...d.current][s];if(o.scrollWidth<=o.clientWidth)break;b=d.current.size-s,g.style.display="none",l?.style.removeProperty("display")}y(b)},[]);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",{...x,ref:j,className:e.cn("flex min-h-7 w-full gap-1.5 overflow-hidden",S&&"flex-wrap",i),children:[[...c].filter(o=>a.has(o)).map(o=>e.jsxRuntimeExports.jsxs(V.Badge,{ref:l=>{if(l!=null)return d.current.add(l),()=>{d.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(C.XIcon,{className:"text-muted-foreground group-hover:text-destructive size-2"})]},o)),e.jsxRuntimeExports.jsxs(V.Badge,{style:{display:p>0&&!S?"block":"none"},variant:"outline",ref:w,children:["+",p]})]})}function q({search:t=!0,children:r,...i}){const{isLoading:u,onSearchChange:x,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-(--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:x}):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(C.SpinnerIcon,{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,...x}){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,{...x,value:t,onSelect:p=>{c(p),u?.(p)},children:[e.jsxRuntimeExports.jsx(C.CheckIcon,{className:e.cn("mr-2 size-4",h?"opacity-100":"opacity-0")}),r]})}function _(t){return e.jsxRuntimeExports.jsx(m.CommandGroup,{...t})}function A(t){return e.jsxRuntimeExports.jsx(m.CommandSeparator,{...t})}function M(){const t=n.useContext(k);if(t==null)throw new Error("useMultiSelectContext must be used within a MultiSelectContext");return t}exports.MultiSelect=I;exports.MultiSelectContent=q;exports.MultiSelectGroup=_;exports.MultiSelectItem=O;exports.MultiSelectSeparator=A;exports.MultiSelectTrigger=z;exports.MultiSelectValue=P;