@devalok/shilp-sutra 0.33.1 → 0.34.0

package/dist/ui/dropdown-menu.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsxs as m, jsx as s } from "react/jsx-runtime";
 import * as t from "react";
-import { N as f, Q as b, U as g, V as h, W as y, X as w, Y as v, Z as x, _ as N, $ as C, a0 as P, a1 as _, a2 as j, a3 as z, a4 as G } from "../_chunks/primitives.js";
+import { N as f, Q as b, U as h, V as g, W as y, X as w, Y as v, Z as x, _ as N, $ as C, a0 as P, a1 as _, a2 as j, a3 as z, a4 as G } from "../_chunks/primitives.js";
 import { IconChevronRight as T, IconCheck as U, IconCircle as A } from "@tabler/icons-react";
 import { cn as d } from "./lib/utils.js";
 import { tweens as M, springs as D } from "./lib/motion.js";
@@ -9,52 +9,52 @@ import { Icon as R } from "./icon.js";
 import { A as S, m as I } from "../_chunks/framer.js";
 const k = t.createContext(!1), O = t.createContext(!1), L = ({
   open: e,
-  defaultOpen: o = !1,
-  onOpenChange: a,
+  defaultOpen: a = !1,
+  onOpenChange: o,
   ...r
 }) => {
-  const [n, c] = t.useState(o), i = e !== void 0, l = i ? e : n, u = t.useCallback(
+  const [n, c] = t.useState(a), i = e !== void 0, l = i ? e : n, u = t.useCallback(
     (p) => {
-      i || c(p), a?.(p);
+      i || c(p), o?.(p);
     },
-    [i, a]
+    [i, o]
   );
   return /* @__PURE__ */ s(k.Provider, { value: l, children: /* @__PURE__ */ s(_, { open: l, onOpenChange: u, ...r }) });
 };
 L.displayName = "DropdownMenu";
-const ae = P, re = j, te = g, Q = ({
+const oe = P, re = j, te = h, Q = ({
   open: e,
-  defaultOpen: o = !1,
-  onOpenChange: a,
+  defaultOpen: a = !1,
+  onOpenChange: o,
   ...r
 }) => {
-  const [n, c] = t.useState(o), i = e !== void 0, l = i ? e : n, u = t.useCallback(
+  const [n, c] = t.useState(a), i = e !== void 0, l = i ? e : n, u = t.useCallback(
     (p) => {
-      i || c(p), a?.(p);
+      i || c(p), o?.(p);
     },
-    [i, a]
+    [i, o]
   );
   return /* @__PURE__ */ s(O.Provider, { value: l, children: /* @__PURE__ */ s(G, { open: l, onOpenChange: u, ...r }) });
 };
 Q.displayName = "DropdownMenuSub";
-const ne = z, V = t.forwardRef(({ className: e, inset: o, children: a, ...r }, n) => /* @__PURE__ */ m(
+const ne = z, V = t.forwardRef(({ className: e, inset: a, children: o, ...r }, n) => /* @__PURE__ */ m(
   f,
   {
     ref: n,
     className: d(
-      "flex cursor-default select-none items-center gap-ds-03 rounded-ds-md px-ds-03 py-ds-02b text-ds-md outline-none focus:bg-surface-raised data-[state=open]:bg-surface-raised [&_svg]:pointer-events-none [&_svg]:h-ico-sm [&_svg]:w-ico-sm [&_svg]:shrink-0",
-      o && "pl-ds-07",
+      "flex cursor-default select-none items-center gap-ds-03 rounded-ds-md px-ds-03 py-ds-02b text-ds-md outline-hidden focus:bg-surface-raised data-[state=open]:bg-surface-raised [&_svg]:pointer-events-none [&_svg]:h-ico-sm [&_svg]:w-ico-sm [&_svg]:shrink-0",
+      a && "pl-ds-07",
       e
     ),
     ...r,
     children: [
-      a,
+      o,
       /* @__PURE__ */ s(R, { icon: T, size: "sm", className: "ml-auto" })
     ]
   }
 ));
 V.displayName = f.displayName;
-const W = t.forwardRef(({ className: e, children: o, ...a }, r) => {
+const W = t.forwardRef(({ className: e, children: a, ...o }, r) => {
   const n = t.useContext(O);
   return /* @__PURE__ */ s(S, { children: n && /* @__PURE__ */ s(
     b,
@@ -62,7 +62,7 @@ const W = t.forwardRef(({ className: e, children: o, ...a }, r) => {
       ref: r,
       forceMount: !0,
       asChild: !0,
-      ...a,
+      ...o,
       children: /* @__PURE__ */ s(
         I.div,
         {
@@ -74,20 +74,20 @@ const W = t.forwardRef(({ className: e, children: o, ...a }, r) => {
             "z-popover min-w-[8rem] overflow-hidden rounded-ds-lg border border-surface-border-strong bg-surface-overlay p-ds-02 text-surface-fg shadow-floating",
             e
           ),
-          children: o
+          children: a
         }
       )
     }
   ) });
 });
 W.displayName = b.displayName;
-const X = t.forwardRef(({ className: e, sideOffset: o = 4, children: a, ...r }, n) => {
+const X = t.forwardRef(({ className: e, sideOffset: a = 4, children: o, ...r }, n) => {
   const c = t.useContext(k);
-  return /* @__PURE__ */ s(S, { children: c && /* @__PURE__ */ s(g, { forceMount: !0, children: /* @__PURE__ */ s(
-    h,
+  return /* @__PURE__ */ s(S, { children: c && /* @__PURE__ */ s(h, { forceMount: !0, children: /* @__PURE__ */ s(
+    g,
     {
       ref: n,
-      sideOffset: o,
+      sideOffset: a,
       forceMount: !0,
       asChild: !0,
       ...r,
@@ -102,89 +102,89 @@ const X = t.forwardRef(({ className: e, sideOffset: o = 4, children: a, ...r },
             "z-popover min-w-[8rem] rounded-ds-lg border border-surface-border-strong bg-surface-overlay p-ds-02 text-surface-fg shadow-floating",
             e
           ),
-          children: a
+          children: o
         }
       )
     }
   ) }) });
 });
-X.displayName = h.displayName;
-const Y = t.forwardRef(({ className: e, inset: o, ...a }, r) => /* @__PURE__ */ s(
+X.displayName = g.displayName;
+const Y = t.forwardRef(({ className: e, inset: a, ...o }, r) => /* @__PURE__ */ s(
   y,
   {
     ref: r,
     className: d(
-      "relative flex cursor-default select-none items-center gap-ds-03 rounded-ds-md px-ds-03 py-ds-02b text-ds-md outline-none transition-colors duration-fast-01 ease-productive-standard hover:bg-surface-raised focus:bg-surface-raised focus:text-surface-fg active:bg-surface-raised-hover data-[disabled]:pointer-events-none data-[disabled]:opacity-action-disabled [&>svg]:h-ico-sm [&>svg]:w-ico-sm [&>svg]:shrink-0",
-      o && "pl-ds-07",
+      "relative flex cursor-default select-none items-center gap-ds-03 rounded-ds-md px-ds-03 py-ds-02b text-ds-md outline-hidden transition-colors duration-fast-01 ease-productive-standard hover:bg-surface-raised focus:bg-surface-raised focus:text-surface-fg active:bg-surface-raised-hover data-[disabled]:pointer-events-none data-[disabled]:opacity-action-disabled [&>svg]:h-ico-sm [&>svg]:w-ico-sm [&>svg]:shrink-0",
+      a && "pl-ds-07",
       e
     ),
-    ...a
+    ...o
   }
 ));
 Y.displayName = y.displayName;
-const Z = t.forwardRef(({ className: e, children: o, checked: a, ...r }, n) => /* @__PURE__ */ m(
+const Z = t.forwardRef(({ className: e, children: a, checked: o, ...r }, n) => /* @__PURE__ */ m(
   w,
   {
     ref: n,
     className: d(
-      "relative flex cursor-default select-none items-center rounded-ds-md py-ds-02b pl-ds-07 pr-ds-03 text-ds-md outline-none transition-colors duration-fast-01 ease-productive-standard hover:bg-surface-raised focus:bg-surface-raised focus:text-surface-fg active:bg-surface-raised-hover data-[disabled]:pointer-events-none data-[disabled]:opacity-action-disabled",
+      "relative flex cursor-default select-none items-center rounded-ds-md py-ds-02b pl-ds-07 pr-ds-03 text-ds-md outline-hidden transition-colors duration-fast-01 ease-productive-standard hover:bg-surface-raised focus:bg-surface-raised focus:text-surface-fg active:bg-surface-raised-hover data-[disabled]:pointer-events-none data-[disabled]:opacity-action-disabled",
       e
     ),
-    checked: a,
+    checked: o,
     ...r,
     children: [
       /* @__PURE__ */ s("span", { className: "absolute left-ds-03 flex h-ico-sm w-ico-sm items-center justify-center", children: /* @__PURE__ */ s(v, { children: /* @__PURE__ */ s(R, { icon: U, size: "sm" }) }) }),
-      o
+      a
     ]
   }
 ));
 Z.displayName = w.displayName;
-const $ = t.forwardRef(({ className: e, children: o, ...a }, r) => /* @__PURE__ */ m(
+const $ = t.forwardRef(({ className: e, children: a, ...o }, r) => /* @__PURE__ */ m(
   x,
   {
     ref: r,
     className: d(
-      "relative flex cursor-default select-none items-center rounded-ds-md py-ds-02b pl-ds-07 pr-ds-03 text-ds-md outline-none transition-colors duration-fast-01 ease-productive-standard hover:bg-surface-raised focus:bg-surface-raised focus:text-surface-fg active:bg-surface-raised-hover data-[disabled]:pointer-events-none data-[disabled]:opacity-action-disabled",
+      "relative flex cursor-default select-none items-center rounded-ds-md py-ds-02b pl-ds-07 pr-ds-03 text-ds-md outline-hidden transition-colors duration-fast-01 ease-productive-standard hover:bg-surface-raised focus:bg-surface-raised focus:text-surface-fg active:bg-surface-raised-hover data-[disabled]:pointer-events-none data-[disabled]:opacity-action-disabled",
       e
     ),
-    ...a,
+    ...o,
     children: [
       /* @__PURE__ */ s("span", { className: "absolute left-ds-03 flex h-ico-sm w-ico-sm items-center justify-center", children: /* @__PURE__ */ s(v, { children: /* @__PURE__ */ s(A, { className: "h-2 w-2 fill-current" }) }) }),
-      o
+      a
     ]
   }
 ));
 $.displayName = x.displayName;
-const q = t.forwardRef(({ className: e, inset: o, ...a }, r) => /* @__PURE__ */ s(
+const q = t.forwardRef(({ className: e, inset: a, ...o }, r) => /* @__PURE__ */ s(
   N,
   {
     ref: r,
     className: d(
       "px-ds-03 py-ds-02b text-ds-md font-semibold",
-      o && "pl-ds-07",
+      a && "pl-ds-07",
       e
     ),
-    ...a
+    ...o
   }
 ));
 q.displayName = N.displayName;
-const B = t.forwardRef(({ className: e, ...o }, a) => /* @__PURE__ */ s(
+const B = t.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ s(
   C,
   {
-    ref: a,
+    ref: o,
     className: d("-mx-ds-01 my-ds-02 h-px bg-surface-border", e),
-    ...o
+    ...a
   }
 ));
 B.displayName = C.displayName;
 const E = ({
   className: e,
-  ...o
+  ...a
 }) => /* @__PURE__ */ s(
   "span",
   {
     className: d("ml-auto text-ds-sm text-surface-fg-subtle", e),
-    ...o
+    ...a
   }
 );
 E.displayName = "DropdownMenuShortcut";
@@ -203,5 +203,5 @@ export {
   Q as DropdownMenuSub,
   W as DropdownMenuSubContent,
   V as DropdownMenuSubTrigger,
-  ae as DropdownMenuTrigger
+  oe as DropdownMenuTrigger
 };

package/dist/ui/hover-card.js

@@ -3,7 +3,7 @@ import { jsx as e } from "react/jsx-runtime";
 import * as r from "react";
 import { ad as u, ae as p, af as C, ag as g } from "../_chunks/primitives.js";
 import { cn as v } from "./lib/utils.js";
-import { tweens as y, springs as h } from "./lib/motion.js";
+import { tweens as h, springs as y } from "./lib/motion.js";
 import { A as x, m as b } from "../_chunks/framer.js";
 const m = r.createContext(!1), H = ({
   open: t,
@@ -37,9 +37,9 @@ const M = C, w = r.forwardRef(({ className: t, align: n = "center", sideOffset:
           initial: { opacity: 0, scale: 0.95 },
           animate: { opacity: 1, scale: 1 },
           exit: { opacity: 0, scale: 0.95 },
-          transition: { ...h.snappy, opacity: y.fade },
+          transition: { ...y.snappy, opacity: h.fade },
           className: v(
-            "z-popover w-64 rounded-ds-lg border border-surface-border-strong bg-surface-overlay p-ds-05 shadow-floating outline-none",
+            "z-popover w-64 rounded-ds-lg border border-surface-border-strong bg-surface-overlay p-ds-05 shadow-floating outline-hidden",
             t
           ),
           children: s

package/dist/ui/input-otp.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"input-otp.d.ts","sourceRoot":"","sources":["../../src/ui/input-otp.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,QAAQ,EAAmB,MAAM,WAAW,CAAA;AAMrD,QAAA,MAAM,QAAQ;;;;;kBAQE,GAAG;;;;;;;;;;;;;kBAAH,GAAG;;;;;;;;2FAKjB,CAAA;AAGF,QAAA,MAAM,aAAa,mKAKjB,CAAA;AAGF,QAAA,MAAM,YAAY;WAEiC,MAAM;wCAuBvD,CAAA;AAGF,QAAA,MAAM,iBAAiB,mKAOrB,CAAA;AAGF,MAAM,MAAM,aAAa,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,QAAQ,CAAC,CAAA;AAE3E,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,YAAY,EAAE,iBAAiB,EAAE,CAAA"}
+{"version":3,"file":"input-otp.d.ts","sourceRoot":"","sources":["../../src/ui/input-otp.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,QAAQ,EAAmB,MAAM,WAAW,CAAA;AAMrD,QAAA,MAAM,QAAQ;;;;;kBAUV,GAAD;;;;;;;;;;;;;kBAAC,GAAD;;;;;;;;2FAGD,CAAA;AAGF,QAAA,MAAM,aAAa,mKAKjB,CAAA;AAGF,QAAA,MAAM,YAAY;WAEiC,MAAM;wCAuBvD,CAAA;AAGF,QAAA,MAAM,iBAAiB,mKAOrB,CAAA;AAGF,MAAM,MAAM,aAAa,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,QAAQ,CAAC,CAAA;AAE3E,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,YAAY,EAAE,iBAAiB,EAAE,CAAA"}

package/dist/ui/input.js

@@ -12,7 +12,7 @@ const w = B(
     "border border-surface-border rounded-ds-md",
     "hover:bg-surface-raised-active",
     "transition-[color,background-color,border-color,box-shadow] duration-fast-02 ease-productive-standard",
-    "focus-within:outline-none focus-within:ring-2 focus-within:ring-accent-9 focus-within:ring-offset-2 focus-within:border-surface-border",
+    "focus-within:outline-hidden focus-within:ring-2 focus-within:ring-accent-9 focus-within:ring-offset-2 focus-within:border-surface-border",
     "has-[:disabled]:cursor-not-allowed has-[:disabled]:opacity-action-disabled",
     "has-[:read-only]:bg-surface-raised has-[:read-only]:cursor-default"
   ],
@@ -52,9 +52,9 @@ const w = B(
     startIcon: M,
     endIcon: k,
     wrapperClassName: P,
-    ...o
+    ...a
   }, R) => {
-    const e = N ?? "md", t = D(), n = z ?? (t.state === "helper" ? void 0 : t.state), S = o["aria-describedby"] ?? t.helperTextId, V = o["aria-required"] ?? t.required, d = T ?? M, i = j ?? k, a = !!d, c = !!i, l = q ?? (typeof d == "string" ? "label" : "icon"), u = I ?? (typeof i == "string" ? "label" : "icon"), p = {
+    const e = N ?? "md", t = D(), n = z ?? (t.state === "helper" ? void 0 : t.state), S = a["aria-describedby"] ?? t.helperTextId, V = a["aria-required"] ?? t.required, d = T ?? M, i = j ?? k, o = !!d, c = !!i, l = q ?? (typeof d == "string" ? "label" : "icon"), u = I ?? (typeof i == "string" ? "label" : "icon"), p = {
       xs: "px-ds-02",
       sm: "px-ds-02",
       md: "px-ds-03",
@@ -81,7 +81,7 @@ const w = B(
           P
         ),
         children: [
-          a && l === "label" && /* @__PURE__ */ s(
+          o && l === "label" && /* @__PURE__ */ s(
             "span",
             {
               className: r(
@@ -96,7 +96,7 @@ const w = B(
               children: d
             }
           ),
-          a && l === "icon" && /* @__PURE__ */ s(h, { size: g[e], children: /* @__PURE__ */ s(
+          o && l === "icon" && /* @__PURE__ */ s(h, { size: g[e], children: /* @__PURE__ */ s(
             "span",
             {
               className: r(
@@ -112,13 +112,13 @@ const w = B(
             {
               type: y,
               className: r(
-                "flex-1 min-w-0 h-full bg-transparent outline-none font-sans",
+                "flex-1 min-w-0 h-full bg-transparent outline-hidden font-sans",
                 "placeholder:text-surface-fg-subtle",
                 "disabled:cursor-not-allowed",
                 "read-only:cursor-default",
                 E[e],
                 // Remove left padding when start icon section is present (icon provides visual space)
-                a && l === "icon" && "pl-0",
+                o && l === "icon" && "pl-0",
                 // Remove right padding when end icon section is present
                 c && u === "icon" && "pr-0",
                 v
@@ -127,7 +127,7 @@ const w = B(
               "aria-describedby": S,
               "aria-required": V || void 0,
               ref: R,
-              ...o
+              ...a
             }
           ),
           c && u === "label" && /* @__PURE__ */ s(

package/dist/ui/link.js

@@ -1,17 +1,17 @@
 "use client";
-import { jsx as i } from "react/jsx-runtime";
+import { jsx as n } from "react/jsx-runtime";
 import { S as a } from "../_chunks/primitives.js";
 import * as c from "react";
 import { cn as s } from "./lib/utils.js";
 const d = c.forwardRef(
-  ({ className: o, inline: e = !0, asChild: t = !1, ...r }, n) => /* @__PURE__ */ i(
+  ({ className: o, inline: e = !0, asChild: t = !1, ...r }, i) => /* @__PURE__ */ n(
     t ? a : "a",
     {
-      ref: n,
+      ref: i,
       className: s(
         "text-accent-11 underline decoration-transparent hover:decoration-current underline-offset-2",
         "hover:text-accent-12 active:opacity-80 transition-[color,text-decoration-color,opacity] duration-fast-01 ease-productive-standard",
-        "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-9 rounded-ds-sm",
+        "focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9 rounded-ds-sm",
         e ? "inline" : "block",
         o
       ),

package/dist/ui/menubar.js

@@ -1,34 +1,34 @@
 "use client";
 import { jsx as r, jsxs as l } from "react/jsx-runtime";
-import * as t from "react";
-import { aV as p, aW as f, aX as b, aY as g, aZ as y, a_ as h, a$ as N, b0 as x, b1 as v, b2 as M, b3 as w, b4 as R, b5 as k, b6 as _, b7 as j, b8 as z } from "../_chunks/primitives.js";
+import * as o from "react";
+import { aV as p, aW as f, aX as b, aY as g, aZ as h, a_ as y, a$ as N, b0 as x, b1 as v, b2 as M, b3 as w, b4 as R, b5 as k, b6 as _, b7 as j, b8 as z } from "../_chunks/primitives.js";
 import { IconChevronRight as G, IconCheck as P, IconCircle as T } from "@tabler/icons-react";
-import { cn as n } from "./lib/utils.js";
+import { cn as d } from "./lib/utils.js";
 import { tweens as O, springs as A } from "./lib/motion.js";
 import { Icon as C } from "./icon.js";
 import { A as L, m as U } from "../_chunks/framer.js";
-const S = t.createContext(!1), V = (e) => /* @__PURE__ */ r(j, { ...e });
+const S = o.createContext(!1), V = (e) => /* @__PURE__ */ r(j, { ...e });
 V.displayName = "MenubarMenu";
-const te = k, ne = y, W = ({
+const oe = k, de = h, W = ({
   open: e,
   defaultOpen: s = !1,
   onOpenChange: a,
-  ...o
+  ...t
 }) => {
-  const [d, c] = t.useState(s), i = e !== void 0, u = i ? e : d, I = t.useCallback(
+  const [n, c] = o.useState(s), i = e !== void 0, u = i ? e : n, I = o.useCallback(
     (m) => {
       i || c(m), a?.(m);
     },
     [i, a]
   );
-  return /* @__PURE__ */ r(S.Provider, { value: u, children: /* @__PURE__ */ r(z, { open: u, onOpenChange: I, ...o }) });
+  return /* @__PURE__ */ r(S.Provider, { value: u, children: /* @__PURE__ */ r(z, { open: u, onOpenChange: I, ...t }) });
 };
 W.displayName = "MenubarSub";
-const de = _, X = t.forwardRef(({ className: e, ...s }, a) => /* @__PURE__ */ r(
+const ne = _, X = o.forwardRef(({ className: e, ...s }, a) => /* @__PURE__ */ r(
   p,
   {
     ref: a,
-    className: n(
+    className: d(
       "flex h-ds-sm-plus items-center space-x-ds-02 rounded-ds-lg border border-surface-border-strong bg-surface-overlay p-ds-02 shadow-raised",
       e
     ),
@@ -36,28 +36,28 @@ const de = _, X = t.forwardRef(({ className: e, ...s }, a) => /* @__PURE__ */ r(
   }
 ));
 X.displayName = p.displayName;
-const Y = t.forwardRef(({ className: e, ...s }, a) => /* @__PURE__ */ r(
+const Y = o.forwardRef(({ className: e, ...s }, a) => /* @__PURE__ */ r(
   f,
   {
     ref: a,
-    className: n(
-      "flex cursor-default select-none items-center rounded-ds-sm px-ds-04 py-ds-02 text-ds-md font-medium outline-none transition-colors hover:bg-surface-raised-hover focus-visible:bg-surface-raised-hover data-[state=open]:bg-surface-raised-hover",
+    className: d(
+      "flex cursor-default select-none items-center rounded-ds-sm px-ds-04 py-ds-02 text-ds-md font-medium outline-hidden transition-colors hover:bg-surface-raised-hover focus-visible:bg-surface-raised-hover data-[state=open]:bg-surface-raised-hover",
       e
     ),
     ...s
   }
 ));
 Y.displayName = f.displayName;
-const Z = t.forwardRef(({ className: e, inset: s, children: a, ...o }, d) => /* @__PURE__ */ l(
+const Z = o.forwardRef(({ className: e, inset: s, children: a, ...t }, n) => /* @__PURE__ */ l(
   b,
   {
-    ref: d,
-    className: n(
-      "flex cursor-default select-none items-center gap-ds-03 rounded-ds-md px-ds-03 py-ds-02b text-ds-md outline-none focus:bg-surface-raised data-[state=open]:bg-surface-raised [&_svg]:pointer-events-none [&_svg]:h-ico-sm [&_svg]:w-ico-sm [&_svg]:shrink-0",
+    ref: n,
+    className: d(
+      "flex cursor-default select-none items-center gap-ds-03 rounded-ds-md px-ds-03 py-ds-02b text-ds-md outline-hidden focus:bg-surface-raised data-[state=open]:bg-surface-raised [&_svg]:pointer-events-none [&_svg]:h-ico-sm [&_svg]:w-ico-sm [&_svg]:shrink-0",
       s && "pl-ds-07",
       e
     ),
-    ...o,
+    ...t,
     children: [
       a,
       /* @__PURE__ */ r(C, { icon: G, size: "sm", className: "ml-auto" })
@@ -65,12 +65,12 @@ const Z = t.forwardRef(({ className: e, inset: s, children: a, ...o }, d) => /*
   }
 ));
 Z.displayName = b.displayName;
-const $ = t.forwardRef(({ className: e, children: s, ...a }, o) => {
-  const d = t.useContext(S);
-  return /* @__PURE__ */ r(L, { children: d && /* @__PURE__ */ r(
+const $ = o.forwardRef(({ className: e, children: s, ...a }, t) => {
+  const n = o.useContext(S);
+  return /* @__PURE__ */ r(L, { children: n && /* @__PURE__ */ r(
     g,
     {
-      ref: o,
+      ref: t,
       forceMount: !0,
       asChild: !0,
       ...a,
@@ -81,7 +81,7 @@ const $ = t.forwardRef(({ className: e, children: s, ...a }, o) => {
           animate: { opacity: 1, scale: 1 },
           exit: { opacity: 0, scale: 0.95 },
           transition: { ...A.snappy, opacity: O.fade },
-          className: n(
+          className: d(
             "z-popover min-w-[8rem] overflow-hidden rounded-ds-lg border border-surface-border-strong bg-surface-overlay p-ds-02 text-surface-fg shadow-floating",
             e
           ),
@@ -92,31 +92,31 @@ const $ = t.forwardRef(({ className: e, children: s, ...a }, o) => {
   ) });
 });
 $.displayName = g.displayName;
-const q = t.forwardRef(
-  ({ className: e, align: s = "start", alignOffset: a = -4, sideOffset: o = 8, children: d, ...c }, i) => /* @__PURE__ */ r(y, { children: /* @__PURE__ */ r(
-    h,
+const q = o.forwardRef(
+  ({ className: e, align: s = "start", alignOffset: a = -4, sideOffset: t = 8, children: n, ...c }, i) => /* @__PURE__ */ r(h, { children: /* @__PURE__ */ r(
+    y,
     {
       ref: i,
       align: s,
       alignOffset: a,
-      sideOffset: o,
-      className: n(
+      sideOffset: t,
+      className: d(
         "z-popover min-w-[12rem] rounded-ds-lg border border-surface-border-strong bg-surface-overlay p-ds-02 text-surface-fg shadow-floating",
         "data-[state=open]:animate-popover-in data-[state=closed]:animate-popover-out",
         e
       ),
       ...c,
-      children: d
+      children: n
     }
   ) })
 );
-q.displayName = h.displayName;
-const B = t.forwardRef(({ className: e, inset: s, ...a }, o) => /* @__PURE__ */ r(
+q.displayName = y.displayName;
+const B = o.forwardRef(({ className: e, inset: s, ...a }, t) => /* @__PURE__ */ r(
   N,
   {
-    ref: o,
-    className: n(
-      "relative flex cursor-default select-none items-center gap-ds-03 rounded-ds-md px-ds-03 py-ds-02b text-ds-md outline-none transition-colors focus:bg-surface-raised focus:text-surface-fg data-[disabled]:pointer-events-none data-[disabled]:opacity-action-disabled [&>svg]:h-ico-sm [&>svg]:w-ico-sm [&>svg]:shrink-0",
+    ref: t,
+    className: d(
+      "relative flex cursor-default select-none items-center gap-ds-03 rounded-ds-md px-ds-03 py-ds-02b text-ds-md outline-hidden transition-colors focus:bg-surface-raised focus:text-surface-fg data-[disabled]:pointer-events-none data-[disabled]:opacity-action-disabled [&>svg]:h-ico-sm [&>svg]:w-ico-sm [&>svg]:shrink-0",
       s && "pl-ds-07",
       e
     ),
@@ -124,16 +124,16 @@ const B = t.forwardRef(({ className: e, inset: s, ...a }, o) => /* @__PURE__ */
   }
 ));
 B.displayName = N.displayName;
-const D = t.forwardRef(({ className: e, children: s, checked: a, ...o }, d) => /* @__PURE__ */ l(
+const D = o.forwardRef(({ className: e, children: s, checked: a, ...t }, n) => /* @__PURE__ */ l(
   x,
   {
-    ref: d,
-    className: n(
-      "relative flex cursor-default select-none items-center rounded-ds-md py-ds-02b pl-ds-07 pr-ds-03 text-ds-md outline-none transition-colors focus:bg-surface-raised focus:text-surface-fg data-[disabled]:pointer-events-none data-[disabled]:opacity-action-disabled",
+    ref: n,
+    className: d(
+      "relative flex cursor-default select-none items-center rounded-ds-md py-ds-02b pl-ds-07 pr-ds-03 text-ds-md outline-hidden transition-colors focus:bg-surface-raised focus:text-surface-fg data-[disabled]:pointer-events-none data-[disabled]:opacity-action-disabled",
       e
     ),
     checked: a,
-    ...o,
+    ...t,
     children: [
       /* @__PURE__ */ r("span", { className: "absolute left-ds-03 flex h-ico-sm w-ico-sm items-center justify-center", children: /* @__PURE__ */ r(v, { children: /* @__PURE__ */ r(C, { icon: P, size: "sm" }) }) }),
       s
@@ -141,12 +141,12 @@ const D = t.forwardRef(({ className: e, children: s, checked: a, ...o }, d) => /
   }
 ));
 D.displayName = x.displayName;
-const E = t.forwardRef(({ className: e, children: s, ...a }, o) => /* @__PURE__ */ l(
+const E = o.forwardRef(({ className: e, children: s, ...a }, t) => /* @__PURE__ */ l(
   M,
   {
-    ref: o,
-    className: n(
-      "relative flex cursor-default select-none items-center rounded-ds-md py-ds-02b pl-ds-07 pr-ds-03 text-ds-md outline-none transition-colors focus:bg-surface-raised focus:text-surface-fg data-[disabled]:pointer-events-none data-[disabled]:opacity-action-disabled",
+    ref: t,
+    className: d(
+      "relative flex cursor-default select-none items-center rounded-ds-md py-ds-02b pl-ds-07 pr-ds-03 text-ds-md outline-hidden transition-colors focus:bg-surface-raised focus:text-surface-fg data-[disabled]:pointer-events-none data-[disabled]:opacity-action-disabled",
       e
     ),
     ...a,
@@ -157,11 +157,11 @@ const E = t.forwardRef(({ className: e, children: s, ...a }, o) => /* @__PURE__
   }
 ));
 E.displayName = M.displayName;
-const F = t.forwardRef(({ className: e, inset: s, ...a }, o) => /* @__PURE__ */ r(
+const F = o.forwardRef(({ className: e, inset: s, ...a }, t) => /* @__PURE__ */ r(
   w,
   {
-    ref: o,
-    className: n(
+    ref: t,
+    className: d(
       "px-ds-03 py-ds-02b text-ds-md font-semibold",
       s && "pl-ds-07",
       e
@@ -170,11 +170,11 @@ const F = t.forwardRef(({ className: e, inset: s, ...a }, o) => /* @__PURE__ */
   }
 ));
 F.displayName = w.displayName;
-const H = t.forwardRef(({ className: e, ...s }, a) => /* @__PURE__ */ r(
+const H = o.forwardRef(({ className: e, ...s }, a) => /* @__PURE__ */ r(
   R,
   {
     ref: a,
-    className: n("-mx-ds-01 my-ds-02 h-px bg-surface-border", e),
+    className: d("-mx-ds-01 my-ds-02 h-px bg-surface-border", e),
     ...s
   }
 ));
@@ -185,7 +185,7 @@ const J = ({
 }) => /* @__PURE__ */ r(
   "span",
   {
-    className: n(
+    className: d(
       "ml-auto text-ds-sm text-surface-fg-subtle",
       e
     ),
@@ -197,12 +197,12 @@ export {
   X as Menubar,
   D as MenubarCheckboxItem,
   q as MenubarContent,
-  te as MenubarGroup,
+  oe as MenubarGroup,
   B as MenubarItem,
   F as MenubarLabel,
   V as MenubarMenu,
-  ne as MenubarPortal,
-  de as MenubarRadioGroup,
+  de as MenubarPortal,
+  ne as MenubarRadioGroup,
   E as MenubarRadioItem,
   H as MenubarSeparator,
   J as MenubarShortcut,