@clasing/ui 2.6.0 → 2.7.0

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

@@ -1 +1,19 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../index-9HRzXEQf.cjs"),i=require("input-otp"),c=require("react"),d=require("@phosphor-icons/react");function l(t){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const a=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(r,n,a.get?a:{enumerable:!0,get:()=>t[n]})}}return r.default=t,Object.freeze(r)}const p=l(c);function x({className:t,containerClassName:r,...n}){return e.jsxRuntimeExports.jsx(i.OTPInput,{"data-slot":"input-otp",containerClassName:e.cn("flex items-center gap-2 has-disabled:opacity-50",r),className:e.cn("disabled:cursor-not-allowed",t),...n})}function m({className:t,...r}){return e.jsxRuntimeExports.jsx("div",{"data-slot":"input-otp-group",className:e.cn("flex items-center",t),...r})}function v({index:t,className:r,...n}){const a=p.useContext(i.OTPInputContext),{char:s,hasFakeCaret:o,isActive:u}=a?.slots[t]??{};return e.jsxRuntimeExports.jsxs("div",{"data-slot":"input-otp-slot","data-active":u,className:e.cn("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]",r),...n,children:[s,o&&e.jsxRuntimeExports.jsx("div",{className:"pointer-events-none absolute inset-0 flex items-center justify-center",children:e.jsxRuntimeExports.jsx("div",{className:"animate-caret-blink bg-foreground h-4 w-px duration-1000"})})]})}function f({...t}){return e.jsxRuntimeExports.jsx("div",{"data-slot":"input-otp-separator",role:"separator",...t,children:e.jsxRuntimeExports.jsx(d.MinusIcon,{})})}exports.InputOTP=x;exports.InputOTPGroup=m;exports.InputOTPSeparator=f;exports.InputOTPSlot=v;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../index-Bfismeyo.cjs"),i=require("input-otp"),c=require("react"),d=require("@phosphor-icons/react");function l(t){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const a=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(r,n,a.get?a:{enumerable:!0,get:()=>t[n]})}}return r.default=t,Object.freeze(r)}const p=l(c);function x({className:t,containerClassName:r,...n}){return e.jsxRuntimeExports.jsx(i.OTPInput,{"data-slot":"input-otp",containerClassName:e.cn(`
+          flex items-center gap-2
+          has-disabled:opacity-50
+        `,r),className:e.cn("disabled:cursor-not-allowed",t),...n})}function f({className:t,...r}){return e.jsxRuntimeExports.jsx("div",{"data-slot":"input-otp-group",className:e.cn("flex items-center",t),...r})}function m({index:t,className:r,...n}){const a=p.useContext(i.OTPInputContext),{char:o,hasFakeCaret:s,isActive:u}=a?.slots[t]??{};return e.jsxRuntimeExports.jsxs("div",{"data-slot":"input-otp-slot","data-active":u,className:e.cn(`
+          relative flex h-9 w-9 items-center justify-center border-y border-r
+          border-input paragraph-sm text-foreground transition-all outline-none
+          first:rounded-l-md first:border-l
+          last:rounded-r-md
+          aria-invalid:border-destructive-foreground
+          data-[active=true]:z-10 data-[active=true]:border-ring
+          data-[active=true]:ring-[3px] data-[active=true]:ring-ring
+          data-[active=true]:aria-invalid:border-destructive-foreground
+          data-[active=true]:aria-invalid:ring-destructive-foreground/20
+          dark:bg-input/30
+          dark:data-[active=true]:aria-invalid:ring-destructive-foreground/40
+        `,r),...n,children:[o,s&&e.jsxRuntimeExports.jsx("div",{className:`\r
+            pointer-events-none absolute inset-0 flex items-center\r
+            justify-center\r
+          `,children:e.jsxRuntimeExports.jsx("div",{className:"h-4 w-px animate-caret-blink bg-foreground duration-1000"})})]})}function v({...t}){return e.jsxRuntimeExports.jsx("div",{"data-slot":"input-otp-separator",role:"separator",...t,children:e.jsxRuntimeExports.jsx(d.MinusIcon,{className:"text-foreground"})})}exports.InputOTP=x;exports.InputOTPGroup=f;exports.InputOTPSeparator=v;exports.InputOTPSlot=m;

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

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

package/dist/components/input.cjs.js

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

package/dist/components/input.es.js

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

package/dist/components/kbd.cjs.js

@@ -1 +1,9 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../index-9HRzXEQf.cjs");function o({className:e,...n}){return t.jsxRuntimeExports.jsx("kbd",{"data-slot":"kbd",className:t.cn("bg-muted text-muted-foreground label-md pointer-events-none inline-flex h-5 w-fit min-w-5 items-center justify-center gap-1 rounded-[4px] px-1 font-sans font-medium select-none","[&_svg:not([class*='size-'])]:size-3","in-data-[slot=tooltip-content]:bg-background/20 in-data-[slot=tooltip-content]:text-background dark:in-data-[slot=tooltip-content]:bg-background/10",e),...n})}function s({className:e,...n}){return t.jsxRuntimeExports.jsx("kbd",{"data-slot":"kbd-group",className:t.cn("inline-flex items-center gap-1",e),...n})}exports.Kbd=o;exports.KbdGroup=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../index-Bfismeyo.cjs");function o({className:e,...n}){return t.jsxRuntimeExports.jsx("kbd",{"data-slot":"kbd",className:t.cn(`
+          pointer-events-none inline-flex h-5 w-fit min-w-5 items-center
+          justify-center gap-1 rounded-[4px] bg-muted px-1 font-sans label-md
+          font-medium text-muted-foreground select-none
+        `,"[&_svg:not([class*='size-'])]:size-3",`
+          in-data-[slot=tooltip-content]:bg-background/20
+          in-data-[slot=tooltip-content]:text-background
+          dark:in-data-[slot=tooltip-content]:bg-background/10
+        `,e),...n})}function s({className:e,...n}){return t.jsxRuntimeExports.jsx("kbd",{"data-slot":"kbd-group",className:t.cn("inline-flex items-center gap-1",e),...n})}exports.Kbd=o;exports.KbdGroup=s;

package/dist/components/kbd.es.js

@@ -1,13 +1,21 @@
-import { j as e, c as o } from "../index-BCEGphus.js";
+import { j as e, c as o } from "../index-CwFDnnd3.js";
 function a({ className: t, ...n }) {
   return /* @__PURE__ */ e.jsx(
     "kbd",
     {
       "data-slot": "kbd",
       className: o(
-        "bg-muted text-muted-foreground label-md pointer-events-none inline-flex h-5 w-fit min-w-5 items-center justify-center gap-1 rounded-[4px] px-1 font-sans font-medium select-none",
+        `
+          pointer-events-none inline-flex h-5 w-fit min-w-5 items-center
+          justify-center gap-1 rounded-[4px] bg-muted px-1 font-sans label-md
+          font-medium text-muted-foreground select-none
+        `,
         "[&_svg:not([class*='size-'])]:size-3",
-        "in-data-[slot=tooltip-content]:bg-background/20 in-data-[slot=tooltip-content]:text-background dark:in-data-[slot=tooltip-content]:bg-background/10",
+        `
+          in-data-[slot=tooltip-content]:bg-background/20
+          in-data-[slot=tooltip-content]:text-background
+          dark:in-data-[slot=tooltip-content]:bg-background/10
+        `,
         t
       ),
       ...n

package/dist/components/label.cjs.js

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

package/dist/components/label.es.js

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

package/dist/components/menubar.cjs.js

@@ -1 +1,75 @@
-"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 a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const s=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(a,n,s.get?s:{enumerable:!0,get:()=>e[n]})}}return a.default=e,Object.freeze(a)}const r=c(d);function m({className:e,...a}){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),...a})}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,...a}){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),...a})}function f({className:e,align:a="start",alignOffset:n=-4,sideOffset:s=8,...u}){return t.jsxRuntimeExports.jsx(i,{children:t.jsxRuntimeExports.jsx(r.Content,{"data-slot":"menubar-content",align:a,alignOffset:n,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:a,variant:n="default",...s}){return t.jsxRuntimeExports.jsx(r.Item,{"data-slot":"menubar-item","data-inset":a,"data-variant":n,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:a,checked:n,...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:n,...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"})})}),a]})}function v({className:e,children:a,...n}){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),...n,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"})})}),a]})}function h({className:e,inset:a,...n}){return t.jsxRuntimeExports.jsx(r.Label,{"data-slot":"menubar-label","data-inset":a,className:t.cn("paragraph-sm px-2 py-1.5 font-medium data-inset:pl-8",e),...n})}function M({className:e,...a}){return t.jsxRuntimeExports.jsx(r.Separator,{"data-slot":"menubar-separator",className:t.cn("bg-border -mx-1 my-1 h-px",e),...a})}function R({className:e,...a}){return t.jsxRuntimeExports.jsx("span",{"data-slot":"menubar-shortcut",className:t.cn("text-muted-foreground paragraph-xs ml-auto tracking-widest",e),...a})}function E({...e}){return t.jsxRuntimeExports.jsx(r.Sub,{"data-slot":"menubar-sub",...e})}function z({className:e,inset:a,children:n,...s}){return t.jsxRuntimeExports.jsxs(r.SubTrigger,{"data-slot":"menubar-sub-trigger","data-inset":a,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:[n,t.jsxRuntimeExports.jsx(o.CaretRightIcon,{className:"ml-auto size-4"})]})}function S({className:e,collisionPadding:a=24,...n}){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),collisionPadding:a,...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=S;exports.MenubarSubTrigger=z;exports.MenubarTrigger=b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../index-Bfismeyo.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 m({className:e,...n}){return t.jsxRuntimeExports.jsx(r.Root,{"data-slot":"menubar",className:t.cn(`
+          flex h-9 items-center gap-1 rounded-md border bg-background p-1
+          text-foreground 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 u({...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(`
+          flex items-center rounded-sm px-2 py-1 paragraph-sm font-medium
+          outline-hidden select-none
+          focus:bg-accent focus:text-accent-foreground
+          data-[state=open]:bg-accent data-[state=open]:text-accent-foreground
+        `,e),...n})}function f({className:e,align:n="start",alignOffset:a=-4,sideOffset:s=8,...i}){return t.jsxRuntimeExports.jsx(u,{children:t.jsxRuntimeExports.jsx(r.Content,{"data-slot":"menubar-content",align:n,alignOffset:a,sideOffset:s,className:t.cn(`
+            z-50 min-w-48 origin-(--radix-menubar-content-transform-origin)
+            overflow-hidden rounded-md border bg-popover p-1
+            text-popover-foreground shadow-md
+            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
+            data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95
+            data-[state=open]:animate-in data-[state=open]:fade-in-0
+            data-[state=open]:zoom-in-95
+          `,e),...i})})}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(`
+          relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5
+          paragraph-sm outline-hidden select-none
+          focus:bg-accent focus:text-accent-foreground
+          data-disabled:pointer-events-none data-disabled:opacity-50
+          data-inset:pl-8
+          data-[variant=destructive]:text-destructive-foreground
+          data-[variant=destructive]:focus:bg-destructive
+          data-[variant=destructive]:focus:text-destructive-foreground
+          dark:data-[variant=destructive]:focus:bg-destructive
+          [&_svg]:pointer-events-none [&_svg]:shrink-0
+          [&_svg:not([class*='size-'])]:size-4
+          [&_svg:not([class*='text-'])]:text-muted-foreground
+          data-[variant=destructive]:*:[svg]:text-destructive-foreground!
+        `,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(`
+          relative flex cursor-default items-center gap-2 rounded-xs py-1.5 pr-2
+          pl-8 paragraph-sm outline-hidden select-none
+          focus:bg-accent focus:text-accent-foreground
+          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:`\r
+          pointer-events-none absolute left-2 flex size-3.5 items-center\r
+          justify-center\r
+        `,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(`
+          relative flex cursor-default items-center gap-2 rounded-xs py-1.5 pr-2
+          pl-8 paragraph-sm outline-hidden select-none
+          focus:bg-accent focus:text-accent-foreground
+          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:`\r
+          pointer-events-none absolute left-2 flex size-3.5 items-center\r
+          justify-center\r
+        `,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(`
+          px-2 py-1.5 paragraph-sm 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("-mx-1 my-1 h-px bg-border",e),...n})}function R({className:e,...n}){return t.jsxRuntimeExports.jsx("span",{"data-slot":"menubar-shortcut",className:t.cn("ml-auto paragraph-xs tracking-widest text-muted-foreground",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(`
+          flex cursor-default items-center rounded-sm px-2 py-1.5 paragraph-sm
+          outline-none select-none
+          focus:bg-accent focus:text-accent-foreground
+          data-inset:pl-8
+          data-[state=open]:bg-accent data-[state=open]:text-accent-foreground
+        `,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(`
+          z-50 min-w-32 origin-(--radix-menubar-content-transform-origin)
+          overflow-hidden rounded-md border bg-popover p-1
+          text-popover-foreground shadow-lg
+          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
+          data-[state=closed]:animate-out data-[state=closed]:fade-out-0
+          data-[state=closed]:zoom-out-95
+          data-[state=open]:animate-in data-[state=open]:fade-in-0
+          data-[state=open]:zoom-in-95
+        `,e),collisionPadding:n,...a})}exports.Menubar=m;exports.MenubarCheckboxItem=j;exports.MenubarContent=f;exports.MenubarGroup=p;exports.MenubarItem=g;exports.MenubarLabel=h;exports.MenubarMenu=l;exports.MenubarPortal=u;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,4 +1,4 @@
-import { j as t, c as s } from "../index-BCEGphus.js";
+import { j as t, c as o } from "../index-CwFDnnd3.js";
 import * as n from "@radix-ui/react-menubar";
 import { CheckIcon as i, CircleIcon as u, CaretRightIcon as c } from "@phosphor-icons/react";
 function f({
@@ -9,8 +9,11 @@ function f({
     n.Root,
     {
       "data-slot": "menubar",
-      className: s(
-        "bg-background flex h-9 items-center gap-1 rounded-md border p-1 shadow-xs",
+      className: o(
+        `
+          flex h-9 items-center gap-1 rounded-md border bg-background p-1
+          text-foreground shadow-xs
+        `,
         e
       ),
       ...a
@@ -45,8 +48,13 @@ function v({
     n.Trigger,
     {
       "data-slot": "menubar-trigger",
-      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",
+      className: o(
+        `
+          flex items-center rounded-sm px-2 py-1 paragraph-sm font-medium
+          outline-hidden select-none
+          focus:bg-accent focus:text-accent-foreground
+          data-[state=open]:bg-accent data-[state=open]:text-accent-foreground
+        `,
         e
       ),
       ...a
@@ -57,7 +65,7 @@ function h({
   className: e,
   align: a = "start",
   alignOffset: r = -4,
-  sideOffset: o = 8,
+  sideOffset: s = 8,
   ...d
 }) {
   return /* @__PURE__ */ t.jsx(l, { children: /* @__PURE__ */ t.jsx(
@@ -66,9 +74,20 @@ function h({
       "data-slot": "menubar-content",
       align: a,
       alignOffset: r,
-      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",
+      sideOffset: s,
+      className: o(
+        `
+            z-50 min-w-48 origin-(--radix-menubar-content-transform-origin)
+            overflow-hidden rounded-md border bg-popover p-1
+            text-popover-foreground shadow-md
+            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
+            data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95
+            data-[state=open]:animate-in data-[state=open]:fade-in-0
+            data-[state=open]:zoom-in-95
+          `,
         e
       ),
       ...d
@@ -79,7 +98,7 @@ function j({
   className: e,
   inset: a,
   variant: r = "default",
-  ...o
+  ...s
 }) {
   return /* @__PURE__ */ t.jsx(
     n.Item,
@@ -87,11 +106,25 @@ function j({
       "data-slot": "menubar-item",
       "data-inset": a,
       "data-variant": r,
-      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",
+      className: o(
+        `
+          relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5
+          paragraph-sm outline-hidden select-none
+          focus:bg-accent focus:text-accent-foreground
+          data-disabled:pointer-events-none data-disabled:opacity-50
+          data-inset:pl-8
+          data-[variant=destructive]:text-destructive-foreground
+          data-[variant=destructive]:focus:bg-destructive
+          data-[variant=destructive]:focus:text-destructive-foreground
+          dark:data-[variant=destructive]:focus:bg-destructive
+          [&_svg]:pointer-events-none [&_svg]:shrink-0
+          [&_svg:not([class*='size-'])]:size-4
+          [&_svg:not([class*='text-'])]:text-muted-foreground
+          data-[variant=destructive]:*:[svg]:text-destructive-foreground!
+        `,
         e
       ),
-      ...o
+      ...s
     }
   );
 }
@@ -99,20 +132,36 @@ function M({
   className: e,
   children: a,
   checked: r,
-  ...o
+  ...s
 }) {
   return /* @__PURE__ */ t.jsxs(
     n.CheckboxItem,
     {
       "data-slot": "menubar-checkbox-item",
-      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",
+      className: o(
+        `
+          relative flex cursor-default items-center gap-2 rounded-xs py-1.5 pr-2
+          pl-8 paragraph-sm outline-hidden select-none
+          focus:bg-accent focus:text-accent-foreground
+          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,
+      ...s,
       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(i, { className: "size-4" }) }) }),
+        /* @__PURE__ */ t.jsx(
+          "span",
+          {
+            className: `\r
+          pointer-events-none absolute left-2 flex size-3.5 items-center\r
+          justify-center\r
+        `,
+            children: /* @__PURE__ */ t.jsx(n.ItemIndicator, { children: /* @__PURE__ */ t.jsx(i, { className: "size-4" }) })
+          }
+        ),
         a
       ]
     }
@@ -127,13 +176,29 @@ function z({
     n.RadioItem,
     {
       "data-slot": "menubar-radio-item",
-      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",
+      className: o(
+        `
+          relative flex cursor-default items-center gap-2 rounded-xs py-1.5 pr-2
+          pl-8 paragraph-sm outline-hidden select-none
+          focus:bg-accent focus:text-accent-foreground
+          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(u, { weight: "fill", className: "size-2 fill-current" }) }) }),
+        /* @__PURE__ */ t.jsx(
+          "span",
+          {
+            className: `\r
+          pointer-events-none absolute left-2 flex size-3.5 items-center\r
+          justify-center\r
+        `,
+            children: /* @__PURE__ */ t.jsx(n.ItemIndicator, { children: /* @__PURE__ */ t.jsx(u, { weight: "fill", className: "size-2 fill-current" }) })
+          }
+        ),
         a
       ]
     }
@@ -149,8 +214,11 @@ function N({
     {
       "data-slot": "menubar-label",
       "data-inset": a,
-      className: s(
-        "paragraph-sm px-2 py-1.5 font-medium data-inset:pl-8",
+      className: o(
+        `
+          px-2 py-1.5 paragraph-sm font-medium
+          data-inset:pl-8
+        `,
         e
       ),
       ...r
@@ -165,7 +233,7 @@ function I({
     n.Separator,
     {
       "data-slot": "menubar-separator",
-      className: s("bg-border -mx-1 my-1 h-px", e),
+      className: o("-mx-1 my-1 h-px bg-border", e),
       ...a
     }
   );
@@ -178,8 +246,8 @@ function y({
     "span",
     {
       "data-slot": "menubar-shortcut",
-      className: s(
-        "text-muted-foreground paragraph-xs ml-auto tracking-widest",
+      className: o(
+        "ml-auto paragraph-xs tracking-widest text-muted-foreground",
         e
       ),
       ...a
@@ -195,18 +263,24 @@ function _({
   className: e,
   inset: a,
   children: r,
-  ...o
+  ...s
 }) {
   return /* @__PURE__ */ t.jsxs(
     n.SubTrigger,
     {
       "data-slot": "menubar-sub-trigger",
       "data-inset": a,
-      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",
+      className: o(
+        `
+          flex cursor-default items-center rounded-sm px-2 py-1.5 paragraph-sm
+          outline-none select-none
+          focus:bg-accent focus:text-accent-foreground
+          data-inset:pl-8
+          data-[state=open]:bg-accent data-[state=open]:text-accent-foreground
+        `,
         e
       ),
-      ...o,
+      ...s,
       children: [
         r,
         /* @__PURE__ */ t.jsx(c, { className: "ml-auto size-4" })
@@ -223,8 +297,20 @@ function w({
     n.SubContent,
     {
       "data-slot": "menubar-sub-content",
-      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",
+      className: o(
+        `
+          z-50 min-w-32 origin-(--radix-menubar-content-transform-origin)
+          overflow-hidden rounded-md border bg-popover p-1
+          text-popover-foreground shadow-lg
+          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
+          data-[state=closed]:animate-out data-[state=closed]:fade-out-0
+          data-[state=closed]:zoom-out-95
+          data-[state=open]:animate-in data-[state=open]:fade-in-0
+          data-[state=open]:zoom-in-95
+        `,
         e
       ),
       collisionPadding: a,

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

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