@devalok/shilp-sutra 0.33.2 → 0.34.0

package/dist/ui/color-input.js

@@ -9,27 +9,27 @@ import { m as x, A as V } from "../_chunks/framer.js";
 function B(l) {
   const a = /^#?([0-9a-f]{6})$/i.exec(l);
   if (!a) return null;
-  const o = parseInt(a[1], 16);
-  return { r: o >> 16 & 255, g: o >> 8 & 255, b: o & 255 };
+  const s = parseInt(a[1], 16);
+  return { r: s >> 16 & 255, g: s >> 8 & 255, b: s & 255 };
 }
-function O(l, a, o) {
-  return "#" + [l, a, o].map((t) => Math.max(0, Math.min(255, Math.round(t))).toString(16).padStart(2, "0")).join("");
+function O(l, a, s) {
+  return "#" + [l, a, s].map((t) => Math.max(0, Math.min(255, Math.round(t))).toString(16).padStart(2, "0")).join("");
 }
 function ee(l) {
   const a = B(l);
   if (!a) return null;
-  const o = a.r / 255, t = a.g / 255, i = a.b / 255, c = Math.max(o, t, i), s = Math.min(o, t, i), p = (c + s) / 2;
-  if (c === s) return { h: 0, s: 0, l: Math.round(p * 100) };
-  const h = c - s, N = p > 0.5 ? h / (2 - c - s) : h / (c - s);
+  const s = a.r / 255, t = a.g / 255, i = a.b / 255, c = Math.max(s, t, i), o = Math.min(s, t, i), p = (c + o) / 2;
+  if (c === o) return { h: 0, s: 0, l: Math.round(p * 100) };
+  const h = c - o, N = p > 0.5 ? h / (2 - c - o) : h / (c - o);
   let M = 0;
-  return c === o ? M = ((t - i) / h + (t < i ? 6 : 0)) / 6 : c === t ? M = ((i - o) / h + 2) / 6 : M = ((o - t) / h + 4) / 6, { h: Math.round(M * 360), s: Math.round(N * 100), l: Math.round(p * 100) };
+  return c === s ? M = ((t - i) / h + (t < i ? 6 : 0)) / 6 : c === t ? M = ((i - s) / h + 2) / 6 : M = ((s - t) / h + 4) / 6, { h: Math.round(M * 360), s: Math.round(N * 100), l: Math.round(p * 100) };
 }
-function te(l, a, o) {
-  const t = a / 100, i = o / 100, c = t * Math.min(i, 1 - i), s = (p) => {
+function te(l, a, s) {
+  const t = a / 100, i = s / 100, c = t * Math.min(i, 1 - i), o = (p) => {
     const h = (p + l / 30) % 12, N = i - c * Math.max(Math.min(h - 3, 9 - h, 1), -1);
     return Math.round(255 * N);
   };
-  return O(s(0), s(8), s(4));
+  return O(o(0), o(8), o(4));
 }
 const re = [
   { hex: "#EF4444", label: "Red" },
@@ -46,27 +46,27 @@ const re = [
 function ae(l) {
   const a = B(l);
   if (!a) return !1;
-  const [o, t, i] = [a.r, a.g, a.b].map((c) => {
-    const s = c / 255;
-    return s <= 0.03928 ? s / 12.92 : Math.pow((s + 0.055) / 1.055, 2.4);
+  const [s, t, i] = [a.r, a.g, a.b].map((c) => {
+    const o = c / 255;
+    return o <= 0.03928 ? o / 12.92 : Math.pow((o + 0.055) / 1.055, 2.4);
   });
-  return 0.2126 * o + 0.7152 * t + 0.0722 * i > 0.4;
+  return 0.2126 * s + 0.7152 * t + 0.0722 * i > 0.4;
 }
 function w({
   label: l,
   value: a,
-  onChange: o,
+  onChange: s,
   onBlur: t,
   disabled: i,
   maxLength: c = 3,
-  prefix: s,
+  prefix: o,
   className: p,
   id: h
 }) {
   return /* @__PURE__ */ f("div", { className: k("flex flex-col gap-ds-01", p), children: [
     /* @__PURE__ */ r("label", { htmlFor: h, className: "text-ds-xs font-medium uppercase tracking-wider text-surface-fg-muted", children: l }),
     /* @__PURE__ */ f("div", { className: "flex items-center", children: [
-      s && /* @__PURE__ */ r("span", { className: "text-ds-sm text-surface-fg-muted", children: s }),
+      o && /* @__PURE__ */ r("span", { className: "text-ds-sm text-surface-fg-muted", children: o }),
       /* @__PURE__ */ r(
         "input",
         {
@@ -74,12 +74,12 @@ function w({
           type: "text",
           value: a,
           disabled: i,
-          onChange: (N) => o(N.target.value),
+          onChange: (N) => s(N.target.value),
           onBlur: t,
           maxLength: c,
           className: k(
             "h-ds-xs-plus w-full rounded-ds-sm border border-surface-border bg-surface-overlay px-ds-02 font-mono text-ds-sm text-surface-fg transition-colors",
-            "focus:border-accent-7 focus:outline-none focus:ring-1 focus:ring-accent-9",
+            "focus:border-accent-7 focus:outline-hidden focus:ring-1 focus:ring-accent-9",
             i && "cursor-not-allowed opacity-50"
           )
         }
@@ -91,11 +91,11 @@ const ne = g.forwardRef(
   ({
     value: l = "#000000",
     onChange: a,
-    presets: o,
+    presets: s,
     disabled: t = !1,
     showPicker: i = !0,
     defaultFormat: c = "hex",
-    align: s = "start",
+    align: o = "start",
     variant: p = "default",
     className: h,
     ...N
@@ -122,7 +122,7 @@ const ne = g.forwardRef(
       F((m) => m.slice(0, -1)), S(e), a?.(e);
     }, q = () => {
       S(v), a?.(v), F([]);
-    }, z = o === !1 ? [] : o ? o.map(
+    }, z = s === !1 ? [] : s ? s.map(
       (e) => typeof e == "string" ? { hex: e, label: e } : e
     ) : re, y = B(n), C = ee(n), L = (e, m) => {
       if (!y) return;
@@ -153,7 +153,7 @@ const ne = g.forwardRef(
           disabled: t,
           className: k(
             "group flex items-center justify-center rounded-ds-md px-ds-04 py-ds-02 font-mono text-ds-sm font-medium",
-            "focus:outline-none focus:ring-2 focus:ring-accent-9 focus:ring-offset-2 focus:ring-offset-surface-base",
+            "focus:outline-hidden focus:ring-2 focus:ring-accent-9 focus:ring-offset-2 focus:ring-offset-surface-base",
             t && "cursor-not-allowed opacity-50"
           ),
           animate: {
@@ -173,7 +173,7 @@ const ne = g.forwardRef(
           disabled: t,
           className: k(
             "group relative flex items-center overflow-hidden rounded-ds-md border border-surface-border-strong",
-            "hover:border-accent-7 focus:border-accent-7 focus:outline-none focus:ring-1 focus:ring-accent-9",
+            "hover:border-accent-7 focus:border-accent-7 focus:outline-hidden focus:ring-1 focus:ring-accent-9",
             t && "cursor-not-allowed opacity-50"
           ),
           whileHover: { scale: 1.02 },
@@ -202,7 +202,7 @@ const ne = g.forwardRef(
       /* @__PURE__ */ r(
         Y,
         {
-          align: s,
+          align: o,
           sideOffset: 8,
           className: "w-[272px] rounded-ds-xl border border-surface-border-strong bg-surface-overlay p-0 shadow-floating",
           children: /* @__PURE__ */ f("div", { className: "flex flex-col", children: [
@@ -211,7 +211,7 @@ const ne = g.forwardRef(
               {
                 color: n,
                 onChange: Z,
-                className: "!w-full",
+                className: "w-full!",
                 style: { height: 160 }
               }
             ) }),

package/dist/ui/combobox.js

@@ -140,7 +140,7 @@ const A = 2, ae = 36, ne = r.forwardRef(
                     "button",
                     {
                       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",
+                      className: "inline-flex items-center justify-center rounded-ds-full outline-hidden hover:scale-110 hover:bg-surface-raised-hover transition-transform duration-fast-01 ease-productive-standard",
                       onClick: (E) => K(E, t),
                       "aria-label": `Remove ${l.label}`,
                       tabIndex: -1,
@@ -181,7 +181,7 @@ const A = 2, ae = 36, ne = r.forwardRef(
           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",
+            "focus-visible:outline-hidden 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
@@ -218,7 +218,7 @@ const A = 2, ae = 36, ne = r.forwardRef(
                     {
                       ref: I,
                       type: "text",
-                      className: "flex-1 bg-transparent py-ds-03 text-ds-md outline-none placeholder:text-surface-fg-subtle",
+                      className: "flex-1 bg-transparent py-ds-03 text-ds-md outline-hidden placeholder:text-surface-fg-subtle",
                       placeholder: L,
                       value: v,
                       onChange: (e) => {
@@ -251,7 +251,7 @@ const A = 2, ae = 36, ne = r.forwardRef(
                           "aria-selected": t,
                           "aria-disabled": e.disabled || void 0,
                           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",
+                            "relative flex cursor-pointer select-none items-center gap-ds-03 rounded-ds-md px-ds-04 py-ds-03 text-ds-md outline-hidden",
                             "transition-colors duration-fast-01 ease-productive-standard",
                             i === s && "bg-accent-2",
                             t && "text-accent-11",

package/dist/ui/context-menu.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsxs as l, jsx as t } from "react/jsx-runtime";
 import * as n from "react";
-import { s as f, t as x, u as b, v as y, w as C, x as g, y as h, z as N, L as M, B as v, G, E as P, J as j, K as T, M as L } from "../_chunks/primitives.js";
+import { s as f, t as x, u as b, v as y, w as C, x as h, y as g, z as N, L as M, B as v, G, E as P, J as j, K as T, M 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 R } from "./lib/motion.js";
@@ -40,7 +40,7 @@ const re = P, U = n.forwardRef(({ className: e, inset: s, children: a, ...o }, r
   {
     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",
+      "flex cursor-default select-none items-center rounded-ds-md px-ds-03 py-ds-02b text-ds-md outline-hidden focus:bg-surface-raised focus:text-surface-fg data-[state=open]:bg-surface-raised data-[state=open]:text-surface-fg",
       s && "pl-ds-07",
       e
     ),
@@ -111,7 +111,7 @@ const F = n.forwardRef(({ className: e, inset: s, ...a }, o) => /* @__PURE__ */
   {
     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",
+      "relative flex cursor-default select-none items-center rounded-ds-md px-ds-03 py-ds-02b text-ds-md outline-hidden focus:bg-surface-raised focus:text-surface-fg data-[disabled]:pointer-events-none data-[disabled]:opacity-action-disabled",
       s && "pl-ds-07",
       e
     ),
@@ -120,33 +120,33 @@ const F = n.forwardRef(({ className: e, inset: s, ...a }, o) => /* @__PURE__ */
 ));
 F.displayName = C.displayName;
 const H = n.forwardRef(({ className: e, children: s, checked: a, ...o }, r) => /* @__PURE__ */ l(
-  g,
+  h,
   {
     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",
+      "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 focus:bg-surface-raised focus:text-surface-fg data-[disabled]:pointer-events-none data-[disabled]:opacity-action-disabled",
       e
     ),
     checked: a,
     ...o,
     children: [
-      /* @__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" }) }) }),
+      /* @__PURE__ */ t("span", { className: "absolute left-ds-03 flex h-ico-sm w-ico-sm items-center justify-center", children: /* @__PURE__ */ t(g, { children: /* @__PURE__ */ t(u, { icon: B, size: "sm" }) }) }),
       s
     ]
   }
 ));
-H.displayName = g.displayName;
+H.displayName = h.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",
+      "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 focus:bg-surface-raised focus:text-surface-fg data-[disabled]:pointer-events-none data-[disabled]:opacity-action-disabled",
       e
     ),
     ...a,
     children: [
-      /* @__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" }) }) }),
+      /* @__PURE__ */ t("span", { className: "absolute left-ds-03 flex h-ico-sm w-ico-sm items-center justify-center", children: /* @__PURE__ */ t(g, { children: /* @__PURE__ */ t(u, { icon: E, size: "sm", className: "fill-current" }) }) }),
       s
     ]
   }

package/dist/ui/data-table-body.js

@@ -2,7 +2,7 @@
 import { jsx as e, jsxs as N } from "react/jsx-runtime";
 import D, { useCallback as w, useState as S, useRef as T, useEffect as I } from "react";
 import { flexRender as _ } from "@tanstack/react-table";
-import { TableBody as p, TableRow as h, TableCell as b } from "./table.js";
+import { TableBody as h, TableRow as p, TableCell as b } from "./table.js";
 import { Skeleton as E } from "./skeleton.js";
 import { cn as m } from "./lib/utils.js";
 import { useDataTableContext as x, INTERACTIVE_SELECTOR as $, getPinnedCellStyle as V, isColumnEditable as P, getColumnMetaClasses as A } from "./data-table-context.js";
@@ -34,7 +34,7 @@ function B({
         "border border-accent-7 bg-surface-raised-hover",
         "px-ds-02 text-ds-sm",
         "text-surface-fg placeholder:text-surface-fg-subtle",
-        "outline-none focus:border-accent-7"
+        "outline-hidden focus:border-accent-7"
       ),
       "aria-label": "Edit cell value"
     }
@@ -61,7 +61,7 @@ function v({
     [n, t.original]
   ), R = t.getVisibleCells();
   return /* @__PURE__ */ e(
-    h,
+    p,
     {
       "data-state": t.getIsSelected() && "selected",
       style: a,
@@ -113,7 +113,7 @@ function j({
 }) {
   const { allColumns: c, expandable: s, renderExpanded: o, virtualRows: r } = x();
   return !s || !t.getIsExpanded() || !o ? null : /* @__PURE__ */ e(
-    h,
+    p,
     {
       style: a,
       className: r ? "absolute w-full flex" : void 0,
@@ -135,7 +135,7 @@ function M({
   rowCount: t
 }) {
   const { allColumns: a, cellPadding: c } = x(), s = a.length, o = ["w-3/4", "w-1/2", "w-2/3", "w-full"];
-  return /* @__PURE__ */ e(p, { children: Array.from({ length: t }, (r, u) => /* @__PURE__ */ e(h, { children: Array.from({ length: s }, (l, d) => {
+  return /* @__PURE__ */ e(h, { children: Array.from({ length: t }, (r, u) => /* @__PURE__ */ e(p, { children: Array.from({ length: s }, (l, d) => {
     const n = (a[d]?.id ?? a[d]?.header) === "_select";
     return /* @__PURE__ */ e(
       b,
@@ -174,7 +174,7 @@ function q({
 }) {
   const { table: u, allColumns: l, virtualRows: d } = x(), f = u.getRowModel().rows;
   return t ? /* @__PURE__ */ e(M, { rowCount: a }) : f.length ? d && o ? /* @__PURE__ */ e(
-    p,
+    h,
     {
       style: {
         height: `${r}px`,
@@ -199,10 +199,10 @@ function q({
         );
       })
     }
-  ) : /* @__PURE__ */ e(p, { children: f.map((n) => /* @__PURE__ */ N(D.Fragment, { children: [
+  ) : /* @__PURE__ */ e(h, { children: f.map((n) => /* @__PURE__ */ N(D.Fragment, { children: [
     /* @__PURE__ */ e(v, { row: n }),
     /* @__PURE__ */ e(j, { row: n })
-  ] }, n.id)) }) : /* @__PURE__ */ e(p, { children: /* @__PURE__ */ e(h, { children: /* @__PURE__ */ e(
+  ] }, n.id)) }) : /* @__PURE__ */ e(h, { children: /* @__PURE__ */ e(p, { children: /* @__PURE__ */ e(
     b,
     {
       colSpan: l.length,

package/dist/ui/data-table-header.js

@@ -128,7 +128,7 @@ function R({ stickyHeader: g }) {
               "border border-surface-border-strong bg-surface-raised-hover",
               "px-ds-02 text-ds-sm",
               "text-surface-fg placeholder:text-surface-fg-subtle",
-              "outline-none focus:border-accent-7"
+              "outline-hidden focus:border-accent-7"
             )
           }
         ) }, `${e.id}-filter`)) }, `${n.id}-filters`))

package/dist/ui/data-table-toolbar.js

@@ -60,7 +60,7 @@ function V({
           className: h(
             "flex-1 bg-transparent text-ds-md",
             "text-surface-fg placeholder:text-surface-fg-subtle",
-            "outline-none",
+            "outline-hidden",
             "h-ds-sm"
           )
         }

package/dist/ui/data-table.js

@@ -310,7 +310,7 @@ function gt({
           className: L(
             "flex-1 bg-transparent text-ds-md",
             "text-surface-fg placeholder:text-surface-fg-subtle",
-            "outline-none"
+            "outline-hidden"
           )
         }
       )

package/dist/ui/dialog.js

@@ -8,7 +8,7 @@ import { tweens as g, springs as j } from "./lib/motion.js";
 import { Icon as I } from "./icon.js";
 import { useIsMobile as T } from "../hooks/use-mobile.js";
 import { A as z, m as u } from "../_chunks/framer.js";
-const N = t.createContext({ open: !1 }), P = () => t.useContext(N), A = ({
+const h = t.createContext({ open: !1 }), P = () => t.useContext(h), A = ({
   open: a,
   defaultOpen: o,
   onOpenChange: e,
@@ -20,10 +20,10 @@ const N = t.createContext({ open: !1 }), P = () => t.useContext(N), A = ({
     },
     [l, e]
   ), w = t.useMemo(() => ({ open: i }), [i]);
-  return /* @__PURE__ */ s(N.Provider, { value: w, children: /* @__PURE__ */ s(R, { open: i, onOpenChange: D, ...n }) });
+  return /* @__PURE__ */ s(h.Provider, { value: w, children: /* @__PURE__ */ s(R, { open: i, onOpenChange: D, ...n }) });
 };
 A.displayName = "Dialog";
-const W = M, F = C, Y = x, h = t.forwardRef(({ className: a, ...o }, e) => /* @__PURE__ */ s(
+const W = M, F = C, Y = x, N = t.forwardRef(({ className: a, ...o }, e) => /* @__PURE__ */ s(
   y,
   {
     ref: e,
@@ -35,11 +35,11 @@ const W = M, F = C, Y = x, h = t.forwardRef(({ className: a, ...o }, e) => /* @_
     ...o
   }
 ));
-h.displayName = y.displayName;
+N.displayName = y.displayName;
 const H = t.forwardRef(({ className: a, children: o, responsive: e, ...n }, d) => {
   const { open: c } = P(), l = T(), i = e !== !1 && l;
   return /* @__PURE__ */ s(z, { children: c && /* @__PURE__ */ m(F, { forceMount: !0, children: [
-    /* @__PURE__ */ s(h, { asChild: !0, children: /* @__PURE__ */ s(
+    /* @__PURE__ */ s(N, { asChild: !0, children: /* @__PURE__ */ s(
       u.div,
       {
         initial: { opacity: 0 },
@@ -69,7 +69,7 @@ const H = t.forwardRef(({ className: a, children: o, responsive: e, ...n }, d) =
             ),
             children: [
               o,
-              /* @__PURE__ */ m(x, { title: "Close", className: "absolute right-ds-05 top-ds-05 min-h-ds-xs min-w-ds-xs flex items-center justify-center rounded-ds-sm text-surface-fg-subtle transition-colors duration-fast-01 ease-productive-standard hover:text-surface-fg-muted hover:bg-surface-raised-hover active:scale-90 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-9 disabled:pointer-events-none", children: [
+              /* @__PURE__ */ m(x, { title: "Close", className: "absolute right-ds-05 top-ds-05 min-h-ds-xs min-w-ds-xs flex items-center justify-center rounded-ds-sm text-surface-fg-subtle transition-colors duration-fast-01 ease-productive-standard hover:text-surface-fg-muted hover:bg-surface-raised-hover active:scale-90 focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9 disabled:pointer-events-none", children: [
                 /* @__PURE__ */ s(I, { icon: O, size: "lg" }),
                 /* @__PURE__ */ s("span", { className: "sr-only", children: "Close" })
               ] })
@@ -147,7 +147,7 @@ export {
   q as DialogDescription,
   V as DialogFooter,
   S as DialogHeader,
-  h as DialogOverlay,
+  N as DialogOverlay,
   F as DialogPortal,
   X as DialogTitle,
   W as DialogTrigger

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