@clasing/ui 2.1.0 → 2.2.0

package/dist/components/input-otp.es.js

@@ -1,60 +1,60 @@
-import { j as e, c as r } from "../index-DBpnlzOP.js";
+import { j as e, c as a } from "../index-D5lmpham.js";
 import { OTPInput as u, OTPInputContext as c } from "input-otp";
 import * as l from "react";
-import { I as p } from "../icon-component-DGImZz3K.js";
+import { MinusIcon as p } from "@phosphor-icons/react";
 function f({
   className: t,
-  containerClassName: a,
+  containerClassName: r,
   ...i
 }) {
   return /* @__PURE__ */ e.jsx(
     u,
     {
       "data-slot": "input-otp",
-      containerClassName: r(
+      containerClassName: a(
         "flex items-center gap-2 has-disabled:opacity-50",
-        a
+        r
       ),
-      className: r("disabled:cursor-not-allowed", t),
+      className: a("disabled:cursor-not-allowed", t),
       ...i
     }
   );
 }
-function b({ className: t, ...a }) {
+function b({ className: t, ...r }) {
   return /* @__PURE__ */ e.jsx(
     "div",
     {
       "data-slot": "input-otp-group",
-      className: r("flex items-center", t),
-      ...a
+      className: a("flex items-center", t),
+      ...r
     }
   );
 }
 function g({
   index: t,
-  className: a,
+  className: r,
   ...i
 }) {
-  const n = l.useContext(c), { char: o, hasFakeCaret: s, isActive: d } = n?.slots[t] ?? {};
+  const n = l.useContext(c), { char: s, hasFakeCaret: o, isActive: d } = n?.slots[t] ?? {};
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
       "data-slot": "input-otp-slot",
       "data-active": d,
-      className: r(
+      className: a(
         "data-[active=true]:border-ring data-[active=true]:ring-ring/50 data-[active=true]:aria-invalid:ring-destructive/20 dark:data-[active=true]:aria-invalid:ring-destructive/40 aria-invalid:border-destructive data-[active=true]:aria-invalid:border-destructive dark:bg-input/30 border-input paragraph-sm relative flex h-9 w-9 items-center justify-center border-y border-r transition-all outline-none first:rounded-l-md first:border-l last:rounded-r-md data-[active=true]:z-10 data-[active=true]:ring-[3px]",
-        a
+        r
       ),
       ...i,
       children: [
-        o,
-        s && /* @__PURE__ */ e.jsx("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ e.jsx("div", { className: "animate-caret-blink bg-foreground h-4 w-px duration-1000" }) })
+        s,
+        o && /* @__PURE__ */ e.jsx("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ e.jsx("div", { className: "animate-caret-blink bg-foreground h-4 w-px duration-1000" }) })
       ]
     }
   );
 }
 function j({ ...t }) {
-  return /* @__PURE__ */ e.jsx("div", { "data-slot": "input-otp-separator", role: "separator", ...t, children: /* @__PURE__ */ e.jsx(p, { iconName: "IconMinus" }) });
+  return /* @__PURE__ */ e.jsx("div", { "data-slot": "input-otp-separator", role: "separator", ...t, children: /* @__PURE__ */ e.jsx(p, {}) });
 }
 export {
   f as InputOTP,

package/dist/components/input.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../input-BqT_fuUN.cjs");exports.Input=t.Input;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../input-C144z_Is.cjs");exports.Input=t.Input;

package/dist/components/input.d.ts

@@ -1,17 +1,13 @@
 import { type VariantProps } from 'class-variance-authority';
 import * as React from 'react';
-import { TablerIconName } from './icon-component';
 declare const inputStyles: (props?: ({
     size?: "lg" | "md" | "sm" | "xs" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export interface InputProps extends VariantProps<typeof inputStyles> {
     /** Icon to display in the input */
-    iconName?: TablerIconName | {
-        name: TablerIconName;
-        stroke?: string;
-    };
+    icon?: React.ReactNode;
     /** Position of the icon (left or right) */
     iconPosition?: 'left' | 'right';
 }
-declare function Input({ className, type, size, iconName, iconPosition, ...props }: Omit<React.ComponentProps<'input'>, 'size'> & InputProps): import("react/jsx-runtime").JSX.Element;
+declare function Input({ className, type, size, icon, iconPosition, ...props }: Omit<React.ComponentProps<'input'>, 'size'> & InputProps): import("react/jsx-runtime").JSX.Element;
 export { Input };

package/dist/components/input.es.js

@@ -1,4 +1,4 @@
-import { I as r } from "../input-B5HLfVv0.js";
+import { I as r } from "../input-fvzEG6zH.js";
 export {
   r as Input
 };

package/dist/components/label.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../label-eHraXPfy.cjs");exports.Label=e.Label;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../label-D3iN3bzS.cjs");exports.Label=e.Label;

package/dist/components/label.es.js

@@ -1,4 +1,4 @@
-import { L as o } from "../label-Bp4qkqFq.js";
+import { L as o } from "../label-DDxTPxHk.js";
 export {
   o as Label
 };

package/dist/components/menubar.cjs.js

@@ -1 +1 @@
-"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 a in e)if(a!=="default"){const o=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(n,a,o.get?o:{enumerable:!0,get:()=>e[a]})}}return n.default=e,Object.freeze(n)}const r=c(d);function m({className:e,...n}){return t.jsxRuntimeExports.jsx(r.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(r.Menu,{"data-slot":"menubar-menu",...e})}function p({...e}){return t.jsxRuntimeExports.jsx(r.Group,{"data-slot":"menubar-group",...e})}function i({...e}){return t.jsxRuntimeExports.jsx(r.Portal,{"data-slot":"menubar-portal",...e})}function x({...e}){return t.jsxRuntimeExports.jsx(r.RadioGroup,{"data-slot":"menubar-radio-group",...e})}function b({className:e,...n}){return t.jsxRuntimeExports.jsx(r.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:a=-4,sideOffset:o=8,...u}){return t.jsxRuntimeExports.jsx(i,{children:t.jsxRuntimeExports.jsx(r.Content,{"data-slot":"menubar-content",align:n,alignOffset:a,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:a="default",...o}){return t.jsxRuntimeExports.jsx(r.Item,{"data-slot":"menubar-item","data-inset":n,"data-variant":a,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:a,...o}){return t.jsxRuntimeExports.jsxs(r.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:a,...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(r.ItemIndicator,{children:t.jsxRuntimeExports.jsx(s.IconComponent,{iconName:"IconCheck",className:"size-4"})})}),n]})}function v({className:e,children:n,...a}){return t.jsxRuntimeExports.jsxs(r.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),...a,children:[t.jsxRuntimeExports.jsx("span",{className:"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center",children:t.jsxRuntimeExports.jsx(r.ItemIndicator,{children:t.jsxRuntimeExports.jsx(s.IconComponent,{iconName:"IconCircle",className:"size-2 fill-current"})})}),n]})}function h({className:e,inset:n,...a}){return t.jsxRuntimeExports.jsx(r.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),...a})}function M({className:e,...n}){return t.jsxRuntimeExports.jsx(r.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(r.Sub,{"data-slot":"menubar-sub",...e})}function N({className:e,inset:n,children:a,...o}){return t.jsxRuntimeExports.jsxs(r.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:[a,t.jsxRuntimeExports.jsx(s.IconComponent,{iconName:"IconChevronRight",className:"ml-auto h-4 w-4"})]})}function I({className:e,collisionPadding:n=24,...a}){return t.jsxRuntimeExports.jsx(r.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),...a})}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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../index-9HRzXEQf.cjs"),d=require("@radix-ui/react-menubar"),o=require("@phosphor-icons/react");function c(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const a in e)if(a!=="default"){const s=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(n,a,s.get?s:{enumerable:!0,get:()=>e[a]})}}return n.default=e,Object.freeze(n)}const r=c(d);function l({className:e,...n}){return t.jsxRuntimeExports.jsx(r.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 m({...e}){return t.jsxRuntimeExports.jsx(r.Menu,{"data-slot":"menubar-menu",...e})}function p({...e}){return t.jsxRuntimeExports.jsx(r.Group,{"data-slot":"menubar-group",...e})}function i({...e}){return t.jsxRuntimeExports.jsx(r.Portal,{"data-slot":"menubar-portal",...e})}function x({...e}){return t.jsxRuntimeExports.jsx(r.RadioGroup,{"data-slot":"menubar-radio-group",...e})}function b({className:e,...n}){return t.jsxRuntimeExports.jsx(r.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:a=-4,sideOffset:s=8,...u}){return t.jsxRuntimeExports.jsx(i,{children:t.jsxRuntimeExports.jsx(r.Content,{"data-slot":"menubar-content",align:n,alignOffset:a,sideOffset:s,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-48 origin-(--radix-menubar-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-md",e),...u})})}function g({className:e,inset:n,variant:a="default",...s}){return t.jsxRuntimeExports.jsx(r.Item,{"data-slot":"menubar-item","data-inset":n,"data-variant":a,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),...s})}function j({className:e,children:n,checked:a,...s}){return t.jsxRuntimeExports.jsxs(r.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:a,...s,children:[t.jsxRuntimeExports.jsx("span",{className:"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center",children:t.jsxRuntimeExports.jsx(r.ItemIndicator,{children:t.jsxRuntimeExports.jsx(o.CheckIcon,{className:"size-4"})})}),n]})}function v({className:e,children:n,...a}){return t.jsxRuntimeExports.jsxs(r.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),...a,children:[t.jsxRuntimeExports.jsx("span",{className:"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center",children:t.jsxRuntimeExports.jsx(r.ItemIndicator,{children:t.jsxRuntimeExports.jsx(o.CircleIcon,{weight:"fill",className:"size-2 fill-current"})})}),n]})}function h({className:e,inset:n,...a}){return t.jsxRuntimeExports.jsx(r.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),...a})}function M({className:e,...n}){return t.jsxRuntimeExports.jsx(r.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(r.Sub,{"data-slot":"menubar-sub",...e})}function z({className:e,inset:n,children:a,...s}){return t.jsxRuntimeExports.jsxs(r.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),...s,children:[a,t.jsxRuntimeExports.jsx(o.CaretRightIcon,{className:"ml-auto size-4"})]})}function S({className:e,collisionPadding:n=24,...a}){return t.jsxRuntimeExports.jsx(r.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-32 origin-(--radix-menubar-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg",e),...a})}exports.Menubar=l;exports.MenubarCheckboxItem=j;exports.MenubarContent=f;exports.MenubarGroup=p;exports.MenubarItem=g;exports.MenubarLabel=h;exports.MenubarMenu=m;exports.MenubarPortal=i;exports.MenubarRadioGroup=x;exports.MenubarRadioItem=v;exports.MenubarSeparator=M;exports.MenubarShortcut=R;exports.MenubarSub=E;exports.MenubarSubContent=S;exports.MenubarSubTrigger=z;exports.MenubarTrigger=b;

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,35 +186,35 @@ 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,
   collisionPadding: a = 24,
   ...r
@@ -229,8 +223,8 @@ function k({
     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
       ),
       ...r
@@ -238,20 +232,20 @@ function k({
   );
 }
 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-DifOajI4.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;