@clasing/ui 2.5.0 → 2.7.0

package/dist/components/hover-card.es.js

@@ -1,38 +1,51 @@
-import { j as o, c as i } from "../index-BCEGphus.js";
-import * as a from "@radix-ui/react-hover-card";
-function l({
+import { j as o, c as i } from "../index-CwFDnnd3.js";
+import * as e from "@radix-ui/react-hover-card";
+function m({
   ...t
 }) {
-  return /* @__PURE__ */ o.jsx(a.Root, { "data-slot": "hover-card", ...t });
+  return /* @__PURE__ */ o.jsx(e.Root, { "data-slot": "hover-card", ...t });
 }
-function m({
+function c({
   ...t
 }) {
-  return /* @__PURE__ */ o.jsx(a.Trigger, { "data-slot": "hover-card-trigger", ...t });
+  return /* @__PURE__ */ o.jsx(e.Trigger, { "data-slot": "hover-card-trigger", ...t });
 }
-function c({
+function l({
   className: t,
-  align: e = "center",
+  align: a = "center",
   sideOffset: r = 4,
-  collisionPadding: n = 24,
-  ...d
+  collisionPadding: d = 24,
+  ...n
 }) {
-  return /* @__PURE__ */ o.jsx(a.Portal, { "data-slot": "hover-card-portal", children: /* @__PURE__ */ o.jsx(
-    a.Content,
+  return /* @__PURE__ */ o.jsx(e.Portal, { "data-slot": "hover-card-portal", children: /* @__PURE__ */ o.jsx(
+    e.Content,
     {
       "data-slot": "hover-card-content",
-      align: e,
+      align: a,
       sideOffset: r,
       className: i(
-        "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 w-64 origin-(--radix-hover-card-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden",
+        `
+            z-50 w-64 origin-(--radix-hover-card-content-transform-origin)
+            rounded-md border bg-popover p-4 text-popover-foreground shadow-md
+            outline-hidden
+            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
+          `,
         t
       ),
-      ...d
+      collisionPadding: d,
+      ...n
     }
   ) });
 }
 export {
-  l as HoverCard,
-  c as HoverCardContent,
-  m as HoverCardTrigger
+  m as HoverCard,
+  l as HoverCardContent,
+  c as HoverCardTrigger
 };

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-Dtd0sjiW.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-BvfRiqqw.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 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;
+"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,10 +297,23 @@ 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,
       ...r
     }
   );