@devalok/shilp-sutra 0.27.2 → 0.29.0

package/dist/ui/combobox.js

@@ -1,29 +1,30 @@
 "use client";
 import { jsx as a, jsxs as o, Fragment as G } from "react/jsx-runtime";
 import * as r from "react";
-import { b as U, c as q, P as J, d as Q } from "../_chunks/primitives.js";
-import { IconChevronDown as W, IconSearch as Y, IconCheck as Z, IconX as V } from "@tabler/icons-react";
-import { cn as p } from "./lib/utils.js";
-import { tweens as ee, springs as se } from "./lib/motion.js";
-import { m as te } from "../_chunks/framer.js";
-const P = 2, re = 36, ae = r.forwardRef(
+import { r as U, q as J, o as Q, p as W } from "../_chunks/primitives.js";
+import { IconChevronDown as Y, IconSearch as Z, IconCheck as V, IconX as ee } from "@tabler/icons-react";
+import { cn as h } from "./lib/utils.js";
+import { tweens as se, springs as te } from "./lib/motion.js";
+import { Icon as w } from "./icon.js";
+import { m as re } from "../_chunks/framer.js";
+const A = 2, ae = 36, ne = r.forwardRef(
   ({
     options: f,
     value: u,
     onValueChange: b,
     placeholder: S = "Select...",
-    searchPlaceholder: A = "Search...",
-    emptyMessage: L = "No results found",
-    multiple: h = !1,
+    searchPlaceholder: L = "Search...",
+    emptyMessage: T = "No results found",
+    multiple: p = !1,
     disabled: x = !1,
-    className: T,
-    triggerClassName: $,
-    maxVisible: j = 6,
-    renderOption: E,
+    className: $,
+    triggerClassName: j,
+    maxVisible: z = 6,
+    renderOption: R,
     accessibleLabel: H,
     ...M
   }, O) => {
-    const [m, w] = r.useState(!1), [v, y] = r.useState(""), [c, d] = r.useState(-1), k = r.useRef(null), N = r.useRef(null), R = r.useId(), I = r.useId(), n = r.useMemo(() => u == null ? [] : Array.isArray(u) ? u : [u], [u]), i = r.useMemo(
+    const [m, y] = r.useState(!1), [v, k] = r.useState(""), [i, d] = r.useState(-1), I = r.useRef(null), N = r.useRef(null), P = r.useId(), C = r.useId(), n = r.useMemo(() => u == null ? [] : Array.isArray(u) ? u : [u], [u]), c = r.useMemo(
       () => v ? f.filter(
         (e) => e.label.toLowerCase().includes(v.toLowerCase())
       ) : f,
@@ -33,13 +34,13 @@ const P = 2, re = 36, ae = r.forwardRef(
       [n]
     ), g = r.useCallback(
       (e) => {
-        if (h) {
+        if (p) {
           const s = n.includes(e) ? n.filter((t) => t !== e) : [...n, e];
           b(s);
         } else
-          b(e), w(!1);
+          b(e), y(!1);
       },
-      [h, n, b]
+      [p, n, b]
     ), K = r.useCallback(
       (e, s) => {
         e.stopPropagation(), e.preventDefault();
@@ -49,57 +50,56 @@ const P = 2, re = 36, ae = r.forwardRef(
       [n, b]
     ), X = r.useCallback(
       (e) => {
-        x || (w(e), e || (y(""), d(-1)));
+        x || (y(e), e || (k(""), d(-1)));
       },
       [x]
     );
     r.useEffect(() => {
       if (m) {
         const e = setTimeout(() => {
-          var s;
-          (s = k.current) == null || s.focus();
+          I.current?.focus();
         }, 0);
         return () => clearTimeout(e);
       }
     }, [m]);
-    const C = r.useCallback(
+    const D = r.useCallback(
       (e, s) => {
-        const t = i.length;
+        const t = c.length;
         if (t === 0) return -1;
         let l = e + s;
         for (; l >= 0 && l < t; ) {
-          if (!i[l].disabled) return l;
+          if (!c[l].disabled) return l;
           l += s;
         }
         return e;
       },
-      [i]
+      [c]
     ), F = r.useCallback(
       (e) => {
         switch (e.key) {
           case "ArrowDown": {
             e.preventDefault();
-            const s = C(c, 1);
+            const s = D(i, 1);
             d(s);
             break;
           }
           case "ArrowUp": {
             e.preventDefault();
-            const s = C(c, -1);
+            const s = D(i, -1);
             d(s);
             break;
           }
           case "Home": {
             e.preventDefault();
-            const s = i.findIndex((t) => !t.disabled);
+            const s = c.findIndex((t) => !t.disabled);
             d(s);
             break;
           }
           case "End": {
             e.preventDefault();
             let s = -1;
-            for (let t = i.length - 1; t >= 0; t--)
-              if (!i[t].disabled) {
+            for (let t = c.length - 1; t >= 0; t--)
+              if (!c[t].disabled) {
                 s = t;
                 break;
               }
@@ -107,34 +107,29 @@ const P = 2, re = 36, ae = r.forwardRef(
             break;
           }
           case "Enter": {
-            e.preventDefault(), c >= 0 && c < i.length && !i[c].disabled && g(i[c].value);
+            e.preventDefault(), i >= 0 && i < c.length && !c[i].disabled && g(c[i].value);
             break;
           }
           case "Escape": {
-            e.preventDefault(), w(!1), y(""), d(-1);
+            e.preventDefault(), y(!1), k(""), d(-1);
             break;
           }
         }
       },
-      [c, i, C, g]
+      [i, c, D, g]
     );
     r.useEffect(() => {
-      var e;
-      if (c >= 0 && N.current) {
-        const s = N.current.children[c];
-        s && ((e = s.scrollIntoView) == null || e.call(s, { block: "nearest" }));
+      if (i >= 0 && N.current) {
+        const e = N.current.children[i];
+        e && e.scrollIntoView?.({ block: "nearest" });
       }
-    }, [c]);
-    const z = r.useCallback(() => {
-      if (n.length === 0) return null;
-      const e = f.find((s) => s.value === n[0]);
-      return (e == null ? void 0 : e.label) ?? null;
-    }, [n, f]), B = () => {
-      if (h && n.length > 0) {
-        const e = n.slice(0, P), s = n.length - P;
+    }, [i]);
+    const q = r.useCallback(() => n.length === 0 ? null : f.find((s) => s.value === n[0])?.label ?? null, [n, f]), B = () => {
+      if (p && n.length > 0) {
+        const e = n.slice(0, A), s = n.length - A;
         return /* @__PURE__ */ o("span", { className: "flex flex-1 flex-wrap items-center gap-ds-02 overflow-hidden", children: [
           e.map((t) => {
-            const l = f.find((D) => D.value === t);
+            const l = f.find((E) => E.value === t);
             return l ? /* @__PURE__ */ o(
               "span",
               {
@@ -146,10 +141,10 @@ const P = 2, re = 36, ae = r.forwardRef(
                     {
                       type: "button",
                       className: "inline-flex items-center justify-center rounded-ds-full outline-none hover:scale-110 hover:bg-surface-raised-hover transition-transform duration-fast-01 ease-productive-standard",
-                      onClick: (D) => K(D, t),
+                      onClick: (E) => K(E, t),
                       "aria-label": `Remove ${l.label}`,
                       tabIndex: -1,
-                      children: /* @__PURE__ */ a(V, { className: "h-ico-sm w-ico-sm", "aria-hidden": "true" })
+                      children: /* @__PURE__ */ a(w, { icon: ee, size: "sm" })
                     }
                   )
                 ]
@@ -164,102 +159,101 @@ const P = 2, re = 36, ae = r.forwardRef(
           ] })
         ] });
       }
-      if (!h && n.length === 1) {
-        const e = z();
+      if (!p && n.length === 1) {
+        const e = q();
         if (e)
           return /* @__PURE__ */ a("span", { className: "flex-1 truncate text-left", children: e });
       }
       return /* @__PURE__ */ a("span", { className: "flex-1 truncate text-left text-surface-fg-subtle", children: S });
     };
-    return /* @__PURE__ */ a(U, { open: m, onOpenChange: X, children: /* @__PURE__ */ o("div", { className: p("relative", T), ...M, children: [
-      /* @__PURE__ */ a(q, { asChild: !0, disabled: x, children: /* @__PURE__ */ o(
+    return /* @__PURE__ */ a(U, { open: m, onOpenChange: X, children: /* @__PURE__ */ o("div", { className: h("relative", $), ...M, children: [
+      /* @__PURE__ */ a(J, { asChild: !0, disabled: x, children: /* @__PURE__ */ o(
         "button",
         {
           ref: O,
           type: "button",
           role: "combobox",
           "aria-expanded": m,
-          "aria-controls": I,
+          "aria-controls": C,
           "aria-haspopup": "listbox",
           "aria-label": H ?? S,
           disabled: x,
-          className: p(
+          className: h(
             "flex h-ds-md w-full items-center justify-between whitespace-nowrap rounded-ds-md border border-surface-border-strong bg-surface-raised-hover px-ds-04 py-ds-03 text-ds-md",
             "transition-colors duration-fast-01 ease-productive-standard",
             "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:ring-offset-2 focus-visible:border-accent-7",
             "disabled:cursor-not-allowed disabled:opacity-action-disabled",
             m && "border-accent-7",
-            $
+            j
           ),
           children: [
             B(),
-            /* @__PURE__ */ a(W, { className: p("ml-ds-02 h-ico-sm w-ico-sm shrink-0 opacity-50 transition-transform duration-fast-01 ease-productive-standard", m && "rotate-180"), "aria-hidden": "true" })
+            /* @__PURE__ */ a(w, { icon: Y, size: "sm", className: h("ml-ds-02 shrink-0 opacity-50 transition-transform duration-fast-01 ease-productive-standard", m && "rotate-180") })
           ]
         }
       ) }),
-      /* @__PURE__ */ a(J, { children: /* @__PURE__ */ a(
-        Q,
+      /* @__PURE__ */ a(Q, { children: /* @__PURE__ */ a(
+        W,
         {
           asChild: !0,
           sideOffset: 4,
           align: "start",
           onOpenAutoFocus: (e) => {
-            var s;
-            e.preventDefault(), (s = k.current) == null || s.focus();
+            e.preventDefault(), I.current?.focus();
           },
           children: /* @__PURE__ */ o(
-            te.div,
+            re.div,
             {
               initial: { opacity: 0, scale: 0.95 },
               animate: { opacity: 1, scale: 1 },
-              transition: { ...se.snappy, opacity: ee.fade },
-              className: p(
+              transition: { ...te.snappy, opacity: se.fade },
+              className: h(
                 "z-popover w-[var(--radix-popover-trigger-width)] overflow-hidden rounded-ds-lg border border-surface-border bg-surface-overlay shadow-floating"
               ),
               children: [
                 /* @__PURE__ */ o("div", { className: "flex items-center gap-ds-02 border-b border-surface-border px-ds-04", children: [
-                  /* @__PURE__ */ a(Y, { className: "h-ico-sm w-ico-sm shrink-0 text-surface-fg-subtle", "aria-hidden": "true" }),
+                  /* @__PURE__ */ a(w, { icon: Z, size: "sm", className: "shrink-0 text-surface-fg-subtle" }),
                   /* @__PURE__ */ a(
                     "input",
                     {
-                      ref: k,
+                      ref: I,
                       type: "text",
                       className: "flex-1 bg-transparent py-ds-03 text-ds-md outline-none placeholder:text-surface-fg-subtle",
-                      placeholder: A,
+                      placeholder: L,
                       value: v,
                       onChange: (e) => {
-                        y(e.target.value), d(-1);
+                        k(e.target.value), d(-1);
                       },
                       onKeyDown: F,
                       "aria-autocomplete": "list",
-                      "aria-controls": I,
-                      "aria-activedescendant": c >= 0 ? `${R}-option-${c}` : void 0,
+                      "aria-controls": C,
+                      "aria-activedescendant": i >= 0 ? `${P}-option-${i}` : void 0,
                       "aria-label": "Search options"
                     }
                   )
                 ] }),
-                i.length === 0 ? /* @__PURE__ */ a("div", { className: "px-ds-04 py-ds-05 text-center text-ds-md text-surface-fg-subtle", children: L }) : /* @__PURE__ */ a(
+                c.length === 0 ? /* @__PURE__ */ a("div", { className: "px-ds-04 py-ds-05 text-center text-ds-md text-surface-fg-subtle", children: T }) : /* @__PURE__ */ a(
                   "ul",
                   {
                     ref: N,
-                    id: I,
+                    id: C,
                     role: "listbox",
-                    "aria-multiselectable": h || void 0,
+                    "aria-multiselectable": p || void 0,
                     className: "overflow-auto p-ds-02",
-                    style: { maxHeight: `${j * re}px` },
-                    children: i.map((e, s) => {
+                    style: { maxHeight: `${z * ae}px` },
+                    children: c.map((e, s) => {
                       const t = _(e.value);
                       return /* @__PURE__ */ o(
                         "li",
                         {
-                          id: `${R}-option-${s}`,
+                          id: `${P}-option-${s}`,
                           role: "option",
                           "aria-selected": t,
                           "aria-disabled": e.disabled || void 0,
-                          className: p(
+                          className: h(
                             "relative flex cursor-pointer select-none items-center gap-ds-03 rounded-ds-md px-ds-04 py-ds-03 text-ds-md outline-none",
                             "transition-colors duration-fast-01 ease-productive-standard",
-                            c === s && "bg-accent-2",
+                            i === s && "bg-accent-2",
                             t && "text-accent-11",
                             e.disabled && "pointer-events-none opacity-action-disabled"
                           ),
@@ -274,11 +268,11 @@ const P = 2, re = 36, ae = r.forwardRef(
                           },
                           children: [
                             e.icon && /* @__PURE__ */ a("span", { className: "flex h-ico-sm w-ico-sm items-center justify-center shrink-0", children: e.icon }),
-                            /* @__PURE__ */ a("span", { className: "flex flex-1 flex-col", children: E ? E(e, t) : /* @__PURE__ */ o(G, { children: [
+                            /* @__PURE__ */ a("span", { className: "flex flex-1 flex-col", children: R ? R(e, t) : /* @__PURE__ */ o(G, { children: [
                               /* @__PURE__ */ a("span", { children: e.label }),
                               e.description && /* @__PURE__ */ a("span", { className: "text-ds-sm text-surface-fg-muted", children: e.description })
                             ] }) }),
-                            t && /* @__PURE__ */ a(Z, { className: "h-ico-sm w-ico-sm shrink-0", "aria-hidden": "true" })
+                            t && /* @__PURE__ */ a(w, { icon: V, size: "sm", className: "shrink-0" })
                           ]
                         },
                         e.value
@@ -294,7 +288,7 @@ const P = 2, re = 36, ae = r.forwardRef(
     ] }) });
   }
 );
-ae.displayName = "Combobox";
+ne.displayName = "Combobox";
 export {
-  ae as Combobox
+  ne as Combobox
 };

package/dist/ui/context-menu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"context-menu.d.ts","sourceRoot":"","sources":["../../src/ui/context-menu.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,oBAAoB,MAAM,gCAAgC,CAAA;AAYtE,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,wBAAwB,CAAC,OAAO,oBAAoB,CAAC,IAAI,CAAC,CAmB3F,CAAA;AAGD,QAAA,MAAM,kBAAkB,sHAA+B,CAAA;AAEvD,QAAA,MAAM,gBAAgB,mHAA6B,CAAA;AAEnD,QAAA,MAAM,iBAAiB,uDAA8B,CAAA;AAErD,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,wBAAwB,CAAC,OAAO,oBAAoB,CAAC,GAAG,CAAC,CAuB7F,CAAA;AAGD,QAAA,MAAM,qBAAqB,wHAAkC,CAAA;AAE7D,QAAA,MAAM,qBAAqB;YAGf,OAAO;wCAejB,CAAA;AAGF,QAAA,MAAM,qBAAqB,2KA+BzB,CAAA;AAGF,QAAA,MAAM,kBAAkB,wKAiCtB,CAAA;AAGF,QAAA,MAAM,eAAe;YAGT,OAAO;wCAYjB,CAAA;AAGF,QAAA,MAAM,uBAAuB,6KAoB3B,CAAA;AAIF,QAAA,MAAM,oBAAoB,0KAmBxB,CAAA;AAGF,QAAA,MAAM,gBAAgB;YAGV,OAAO;wCAYjB,CAAA;AAGF,QAAA,MAAM,oBAAoB,0KASxB,CAAA;AAGF,QAAA,MAAM,mBAAmB;8BAGtB,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;;CAUvC,CAAA;AAGD,MAAM,MAAM,uBAAuB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,oBAAoB,CAAC,OAAO,CAAC,CAAA;AACzG,MAAM,MAAM,oBAAoB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,oBAAoB,CAAC,IAAI,CAAC,CAAA;AAEnG,OAAO,EACL,WAAW,EACX,kBAAkB,EAClB,kBAAkB,EAClB,eAAe,EACf,uBAAuB,EACvB,oBAAoB,EACpB,gBAAgB,EAChB,oBAAoB,EACpB,mBAAmB,EACnB,gBAAgB,EAChB,iBAAiB,EACjB,cAAc,EACd,qBAAqB,EACrB,qBAAqB,EACrB,qBAAqB,GACtB,CAAA"}
+{"version":3,"file":"context-menu.d.ts","sourceRoot":"","sources":["../../src/ui/context-menu.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,oBAAoB,MAAM,gCAAgC,CAAA;AAatE,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,wBAAwB,CAAC,OAAO,oBAAoB,CAAC,IAAI,CAAC,CAmB3F,CAAA;AAGD,QAAA,MAAM,kBAAkB,sHAA+B,CAAA;AAEvD,QAAA,MAAM,gBAAgB,mHAA6B,CAAA;AAEnD,QAAA,MAAM,iBAAiB,uDAA8B,CAAA;AAErD,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,wBAAwB,CAAC,OAAO,oBAAoB,CAAC,GAAG,CAAC,CAuB7F,CAAA;AAGD,QAAA,MAAM,qBAAqB,wHAAkC,CAAA;AAE7D,QAAA,MAAM,qBAAqB;YAGf,OAAO;wCAejB,CAAA;AAGF,QAAA,MAAM,qBAAqB,2KA+BzB,CAAA;AAGF,QAAA,MAAM,kBAAkB,wKAiCtB,CAAA;AAGF,QAAA,MAAM,eAAe;YAGT,OAAO;wCAYjB,CAAA;AAGF,QAAA,MAAM,uBAAuB,6KAoB3B,CAAA;AAIF,QAAA,MAAM,oBAAoB,0KAmBxB,CAAA;AAGF,QAAA,MAAM,gBAAgB;YAGV,OAAO;wCAYjB,CAAA;AAGF,QAAA,MAAM,oBAAoB,0KASxB,CAAA;AAGF,QAAA,MAAM,mBAAmB;8BAGtB,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;;CAUvC,CAAA;AAGD,MAAM,MAAM,uBAAuB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,oBAAoB,CAAC,OAAO,CAAC,CAAA;AACzG,MAAM,MAAM,oBAAoB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,oBAAoB,CAAC,IAAI,CAAC,CAAA;AAEnG,OAAO,EACL,WAAW,EACX,kBAAkB,EAClB,kBAAkB,EAClB,eAAe,EACf,uBAAuB,EACvB,oBAAoB,EACpB,gBAAgB,EAChB,oBAAoB,EACpB,mBAAmB,EACnB,gBAAgB,EAChB,iBAAiB,EACjB,cAAc,EACd,qBAAqB,EACrB,qBAAqB,EACrB,qBAAqB,GACtB,CAAA"}

package/dist/ui/context-menu.js

@@ -1,206 +1,207 @@
 "use client";
-import { jsxs as l, jsx as s } from "react/jsx-runtime";
+import { jsxs as l, jsx as t } from "react/jsx-runtime";
 import * as n from "react";
-import { e as f, f as p, g as x, h as b, i as y, j as C, k as N, l as h, L as g, m as M, G, n as P, o as T, p as L, q as z } from "../_chunks/primitives.js";
-import { IconChevronRight as A, IconCheck as q, IconCircle as U } from "@tabler/icons-react";
+import { t as f, u as x, v as b, w as y, x as C, y as g, z as h, B as N, L as M, E as v, G, J as P, K as j, M as T, N as L } from "../_chunks/primitives.js";
+import { IconChevronRight as A, IconCheck as B, IconCircle as E } from "@tabler/icons-react";
 import { cn as d } from "./lib/utils.js";
-import { tweens as w, springs as v } from "./lib/motion.js";
-import { A as R, m as S } from "../_chunks/framer.js";
-const I = n.createContext(!1), k = n.createContext(!1), B = ({
+import { tweens as w, springs as R } from "./lib/motion.js";
+import { Icon as u } from "./icon.js";
+import { A as S, m as I } from "../_chunks/framer.js";
+const z = n.createContext(!1), O = n.createContext(!1), J = ({
   onOpenChange: e,
-  ...a
+  ...s
 }) => {
-  const [t, o] = n.useState(!1), r = n.useCallback(
+  const [a, o] = n.useState(!1), r = n.useCallback(
     (c) => {
-      o(c), e == null || e(c);
+      o(c), e?.(c);
     },
     [e]
   );
-  return /* @__PURE__ */ s(I.Provider, { value: t, children: /* @__PURE__ */ s(L, { onOpenChange: r, ...a }) });
+  return /* @__PURE__ */ t(z.Provider, { value: a, children: /* @__PURE__ */ t(T, { onOpenChange: r, ...s }) });
 };
-B.displayName = "ContextMenu";
-const te = T, se = G, ae = x, D = ({
+J.displayName = "ContextMenu";
+const ae = j, oe = G, ne = b, K = ({
   open: e,
-  defaultOpen: a = !1,
-  onOpenChange: t,
+  defaultOpen: s = !1,
+  onOpenChange: a,
   ...o
 }) => {
-  const [r, c] = n.useState(a), i = e !== void 0, u = i ? e : r, j = n.useCallback(
+  const [r, c] = n.useState(s), i = e !== void 0, p = i ? e : r, k = n.useCallback(
     (m) => {
-      i || c(m), t == null || t(m);
+      i || c(m), a?.(m);
     },
-    [i, t]
+    [i, a]
   );
-  return /* @__PURE__ */ s(k.Provider, { value: u, children: /* @__PURE__ */ s(z, { open: u, onOpenChange: j, ...o }) });
+  return /* @__PURE__ */ t(O.Provider, { value: p, children: /* @__PURE__ */ t(L, { open: p, onOpenChange: k, ...o }) });
 };
-D.displayName = "ContextMenuSub";
-const oe = P, E = n.forwardRef(({ className: e, inset: a, children: t, ...o }, r) => /* @__PURE__ */ l(
+K.displayName = "ContextMenuSub";
+const re = P, U = n.forwardRef(({ className: e, inset: s, children: a, ...o }, r) => /* @__PURE__ */ l(
   f,
   {
     ref: r,
     className: d(
       "flex cursor-default select-none items-center rounded-ds-md px-ds-03 py-ds-02b text-ds-md outline-none focus:bg-surface-raised focus:text-surface-fg data-[state=open]:bg-surface-raised data-[state=open]:text-surface-fg",
-      a && "pl-ds-07",
+      s && "pl-ds-07",
       e
     ),
     ...o,
     children: [
-      t,
-      /* @__PURE__ */ s(A, { className: "ml-auto h-ico-sm w-ico-sm" })
+      a,
+      /* @__PURE__ */ t(u, { icon: A, size: "sm", className: "ml-auto" })
     ]
   }
 ));
-E.displayName = f.displayName;
-const F = n.forwardRef(({ className: e, children: a, ...t }, o) => {
-  const r = n.useContext(k);
-  return /* @__PURE__ */ s(R, { children: r && /* @__PURE__ */ s(
-    p,
+U.displayName = f.displayName;
+const q = n.forwardRef(({ className: e, children: s, ...a }, o) => {
+  const r = n.useContext(O);
+  return /* @__PURE__ */ t(S, { children: r && /* @__PURE__ */ t(
+    x,
     {
       ref: o,
       forceMount: !0,
       asChild: !0,
-      ...t,
-      children: /* @__PURE__ */ s(
-        S.div,
+      ...a,
+      children: /* @__PURE__ */ t(
+        I.div,
         {
           initial: { opacity: 0, scale: 0.95 },
           animate: { opacity: 1, scale: 1 },
           exit: { opacity: 0, scale: 0.95 },
-          transition: { ...v.snappy, opacity: w.fade },
+          transition: { ...R.snappy, opacity: w.fade },
           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
           ),
-          children: a
+          children: s
         }
       )
     }
   ) });
 });
-F.displayName = p.displayName;
-const H = n.forwardRef(({ className: e, children: a, ...t }, o) => {
-  const r = n.useContext(I);
-  return /* @__PURE__ */ s(R, { children: r && /* @__PURE__ */ s(x, { forceMount: !0, children: /* @__PURE__ */ s(
-    b,
+q.displayName = x.displayName;
+const D = n.forwardRef(({ className: e, children: s, ...a }, o) => {
+  const r = n.useContext(z);
+  return /* @__PURE__ */ t(S, { children: r && /* @__PURE__ */ t(b, { forceMount: !0, children: /* @__PURE__ */ t(
+    y,
     {
       ref: o,
       forceMount: !0,
       asChild: !0,
-      ...t,
-      children: /* @__PURE__ */ s(
-        S.div,
+      ...a,
+      children: /* @__PURE__ */ t(
+        I.div,
         {
           initial: { opacity: 0, scale: 0.95 },
           animate: { opacity: 1, scale: 1 },
           exit: { opacity: 0, scale: 0.95 },
-          transition: { ...v.snappy, opacity: w.fade },
+          transition: { ...R.snappy, opacity: w.fade },
           className: d(
             "z-popover rounded-ds-lg border border-surface-border-strong bg-surface-overlay p-ds-02 text-surface-fg shadow-floating",
             e
           ),
-          children: a
+          children: s
         }
       )
     }
   ) }) });
 });
-H.displayName = b.displayName;
-const J = n.forwardRef(({ className: e, inset: a, ...t }, o) => /* @__PURE__ */ s(
-  y,
+D.displayName = y.displayName;
+const F = n.forwardRef(({ className: e, inset: s, ...a }, o) => /* @__PURE__ */ t(
+  C,
   {
     ref: o,
     className: d(
       "relative flex cursor-default select-none items-center rounded-ds-md px-ds-03 py-ds-02b text-ds-md outline-none focus:bg-surface-raised focus:text-surface-fg data-[disabled]:pointer-events-none data-[disabled]:opacity-action-disabled",
-      a && "pl-ds-07",
+      s && "pl-ds-07",
       e
     ),
-    ...t
+    ...a
   }
 ));
-J.displayName = y.displayName;
-const K = n.forwardRef(({ className: e, children: a, checked: t, ...o }, r) => /* @__PURE__ */ l(
-  C,
+F.displayName = C.displayName;
+const H = n.forwardRef(({ className: e, children: s, checked: a, ...o }, r) => /* @__PURE__ */ l(
+  g,
   {
     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 focus:bg-surface-raised focus:text-surface-fg data-[disabled]:pointer-events-none data-[disabled]:opacity-action-disabled",
       e
     ),
-    checked: t,
+    checked: 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(N, { children: /* @__PURE__ */ s(q, { className: "h-ico-sm w-ico-sm" }) }) }),
-      a
+      /* @__PURE__ */ t("span", { className: "absolute left-ds-03 flex h-ico-sm w-ico-sm items-center justify-center", children: /* @__PURE__ */ t(h, { children: /* @__PURE__ */ t(u, { icon: B, size: "sm" }) }) }),
+      s
     ]
   }
 ));
-K.displayName = C.displayName;
-const Q = n.forwardRef(({ className: e, children: a, ...t }, o) => /* @__PURE__ */ l(
-  h,
+H.displayName = g.displayName;
+const Q = n.forwardRef(({ className: e, children: s, ...a }, o) => /* @__PURE__ */ l(
+  N,
   {
     ref: o,
     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 focus:bg-surface-raised focus:text-surface-fg data-[disabled]:pointer-events-none data-[disabled]:opacity-action-disabled",
       e
     ),
-    ...t,
+    ...a,
     children: [
-      /* @__PURE__ */ s("span", { className: "absolute left-ds-03 flex h-ico-sm w-ico-sm items-center justify-center", children: /* @__PURE__ */ s(N, { children: /* @__PURE__ */ s(U, { className: "h-ico-sm w-ico-sm fill-current" }) }) }),
-      a
+      /* @__PURE__ */ t("span", { className: "absolute left-ds-03 flex h-ico-sm w-ico-sm items-center justify-center", children: /* @__PURE__ */ t(h, { children: /* @__PURE__ */ t(u, { icon: E, size: "sm", className: "fill-current" }) }) }),
+      s
     ]
   }
 ));
-Q.displayName = h.displayName;
-const V = n.forwardRef(({ className: e, inset: a, ...t }, o) => /* @__PURE__ */ s(
-  g,
+Q.displayName = N.displayName;
+const V = n.forwardRef(({ className: e, inset: s, ...a }, o) => /* @__PURE__ */ t(
+  M,
   {
     ref: o,
     className: d(
       "px-ds-03 py-ds-02b text-ds-md font-semibold text-surface-fg",
-      a && "pl-ds-07",
+      s && "pl-ds-07",
       e
     ),
-    ...t
+    ...a
   }
 ));
-V.displayName = g.displayName;
-const W = n.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ s(
-  M,
+V.displayName = M.displayName;
+const W = n.forwardRef(({ className: e, ...s }, a) => /* @__PURE__ */ t(
+  v,
   {
-    ref: t,
+    ref: a,
     className: d("-mx-ds-01 my-ds-02 h-px bg-surface-border", e),
-    ...a
+    ...s
   }
 ));
-W.displayName = M.displayName;
+W.displayName = v.displayName;
 const X = ({
   className: e,
-  ...a
-}) => /* @__PURE__ */ s(
+  ...s
+}) => /* @__PURE__ */ t(
   "span",
   {
     className: d(
       "ml-auto text-ds-sm text-surface-fg-subtle",
       e
     ),
-    ...a
+    ...s
   }
 );
 X.displayName = "ContextMenuShortcut";
 export {
-  B as ContextMenu,
-  K as ContextMenuCheckboxItem,
-  H as ContextMenuContent,
-  se as ContextMenuGroup,
-  J as ContextMenuItem,
+  J as ContextMenu,
+  H as ContextMenuCheckboxItem,
+  D as ContextMenuContent,
+  oe as ContextMenuGroup,
+  F as ContextMenuItem,
   V as ContextMenuLabel,
-  ae as ContextMenuPortal,
-  oe as ContextMenuRadioGroup,
+  ne as ContextMenuPortal,
+  re as ContextMenuRadioGroup,
   Q as ContextMenuRadioItem,
   W as ContextMenuSeparator,
   X as ContextMenuShortcut,
-  D as ContextMenuSub,
-  F as ContextMenuSubContent,
-  E as ContextMenuSubTrigger,
-  te as ContextMenuTrigger
+  K as ContextMenuSub,
+  q as ContextMenuSubContent,
+  U as ContextMenuSubTrigger,
+  ae as ContextMenuTrigger
 };