@devalok/shilp-sutra 0.33.1 → 0.34.0

package/dist/ui/banner.js

@@ -28,8 +28,8 @@ const B = N(
   error: h,
   neutral: o
 }, j = r.forwardRef(
-  ({ className: a, color: s = "info", action: c, actions: l, onDismiss: n, children: d, ...m }, f) => {
-    const t = l ?? c, u = V[s ?? "info"], [b, p] = r.useState(!0), g = r.useCallback(() => {
+  ({ className: a, color: s = "info", action: c, actions: d, onDismiss: n, children: l, ...m }, f) => {
+    const t = d ?? c, u = V[s ?? "info"], [b, p] = r.useState(!0), g = r.useCallback(() => {
       p(!1);
     }, []);
     return /* @__PURE__ */ e(A, { onExitComplete: n, children: b && /* @__PURE__ */ x(
@@ -44,14 +44,14 @@ const B = N(
         ...k(m),
         children: [
           /* @__PURE__ */ e(i, { icon: u, size: "md", className: "shrink-0" }),
-          /* @__PURE__ */ e("div", { className: "min-w-0 flex-1", children: d }),
+          /* @__PURE__ */ e("div", { className: "min-w-0 flex-1", children: l }),
           t && /* @__PURE__ */ e("div", { className: "flex shrink-0 items-center gap-ds-02 [&_button]:transition-colors [&_button]:duration-moderate-01 [&_button]:ease-productive-standard [&_button:hover]:bg-current/10", children: t }),
           n && /* @__PURE__ */ e(
             "button",
             {
               type: "button",
               onClick: g,
-              className: "shrink-0 min-h-ds-xs min-w-ds-xs flex items-center justify-center rounded-ds-sm transition-colors duration-moderate-01 ease-productive-standard hover:bg-current/10 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-9",
+              className: "shrink-0 min-h-ds-xs min-w-ds-xs flex items-center justify-center rounded-ds-sm transition-colors duration-moderate-01 ease-productive-standard hover:bg-current/10 focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9",
               "aria-label": "Dismiss",
               title: "Dismiss",
               children: /* @__PURE__ */ e(i, { icon: I, size: "sm" })

package/dist/ui/breadcrumb.js

@@ -2,12 +2,12 @@
 import { jsx as s, jsxs as c } from "react/jsx-runtime";
 import { S as d } from "../_chunks/primitives.js";
 import { IconDots as n, IconChevronRight as l } from "@tabler/icons-react";
-import * as o from "react";
+import * as m from "react";
 import { cn as i } from "./lib/utils.js";
-import { Icon as m } from "./icon.js";
-const u = o.forwardRef(({ ...e }, r) => /* @__PURE__ */ s("nav", { ref: r, "aria-label": "breadcrumb", ...e }));
+import { Icon as o } from "./icon.js";
+const u = m.forwardRef(({ ...e }, r) => /* @__PURE__ */ s("nav", { ref: r, "aria-label": "breadcrumb", ...e }));
 u.displayName = "Breadcrumb";
-const f = o.forwardRef(
+const f = m.forwardRef(
   ({ className: e, ...r }, a) => /* @__PURE__ */ s(
     "ol",
     {
@@ -21,23 +21,23 @@ const f = o.forwardRef(
   )
 );
 f.displayName = "BreadcrumbList";
-const p = o.forwardRef(
+const p = m.forwardRef(
   ({ className: e, ...r }, a) => /* @__PURE__ */ s("li", { ref: a, className: i("inline-flex items-center gap-ds-03", e), ...r })
 );
 p.displayName = "BreadcrumbItem";
-const b = o.forwardRef(({ className: e, asChild: r = !1, ...a }, t) => /* @__PURE__ */ s(
+const b = m.forwardRef(({ className: e, asChild: r = !1, ...a }, t) => /* @__PURE__ */ s(
   r ? d : "a",
   {
     ref: t,
     className: i(
-      "transition-colors duration-fast-01 ease-productive-standard hover:text-surface-fg focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-9 rounded-ds-sm",
+      "transition-colors duration-fast-01 ease-productive-standard hover:text-surface-fg focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9 rounded-ds-sm",
       e
     ),
     ...a
   }
 ));
 b.displayName = "BreadcrumbLink";
-const g = o.forwardRef(
+const g = m.forwardRef(
   ({ className: e, ...r }, a) => /* @__PURE__ */ s(
     "span",
     {
@@ -56,7 +56,7 @@ const B = ({ children: e, className: r, ...a }) => /* @__PURE__ */ s(
     "aria-hidden": "true",
     className: i("[&>svg]:h-ico-sm [&>svg]:w-ico-sm", r),
     ...a,
-    children: e ?? /* @__PURE__ */ s(m, { icon: l, size: "sm" })
+    children: e ?? /* @__PURE__ */ s(o, { icon: l, size: "sm" })
   }
 );
 B.displayName = "BreadcrumbSeparator";
@@ -68,7 +68,7 @@ const N = ({ className: e, ...r }) => /* @__PURE__ */ c(
     className: i("flex h-ds-sm-plus w-ds-sm-plus items-center justify-center", e),
     ...r,
     children: [
-      /* @__PURE__ */ s(m, { icon: n, size: "sm" }),
+      /* @__PURE__ */ s(o, { icon: n, size: "sm" }),
       /* @__PURE__ */ s("span", { className: "sr-only", children: "More" })
     ]
   }

package/dist/ui/button.js

@@ -13,7 +13,7 @@ import { cn as i } from "./lib/utils.js";
 import { Spinner as B } from "./spinner.js";
 import { u as je, m as Ie } from "../_chunks/framer.js";
 const H = be(
-  "relative inline-flex items-center justify-center whitespace-nowrap font-sans select-none overflow-hidden isolate focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-action-disabled disabled:cursor-not-allowed disabled:saturate-[0.3] [&>span:not([data-grain])]:relative [&>span:not([data-grain])]:z-[2]",
+  "relative inline-flex items-center justify-center whitespace-nowrap font-sans select-none overflow-hidden isolate focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-action-disabled disabled:cursor-not-allowed disabled:saturate-[0.3] [&>span:not([data-grain])]:relative [&>span:not([data-grain])]:z-[2]",
   {
     variants: {
       variant: {

package/dist/ui/checkbox.js

@@ -1,9 +1,9 @@
 "use client";
 import { jsx as e } from "react/jsx-runtime";
 import { j as l, k as C } from "../_chunks/primitives.js";
-import * as n from "react";
+import * as i from "react";
 import { cn as v } from "./lib/utils.js";
-import { A as w, m as i } from "../_chunks/framer.js";
+import { A as w, m as n } from "../_chunks/framer.js";
 const y = {
   sm: "h-5 w-5",
   md: "h-6 w-6",
@@ -12,10 +12,10 @@ const y = {
   sm: "h-[14px] w-[14px]",
   md: "h-[18px] w-[18px]",
   lg: "h-5 w-5"
-}, j = n.forwardRef(({ className: u, error: m, indeterminate: a, size: o = "md", checked: s, onCheckedChange: c, defaultChecked: d, ...f }, p) => {
-  const t = s !== void 0, [b, k] = n.useState(
+}, j = i.forwardRef(({ className: u, error: m, indeterminate: a, size: o = "md", checked: s, onCheckedChange: c, defaultChecked: d, ...f }, p) => {
+  const t = s !== void 0, [b, k] = i.useState(
     a ? "indeterminate" : !!d
-  ), r = a ? "indeterminate" : t ? s : b, g = r === !0 || r === "indeterminate", x = n.useCallback(
+  ), r = a ? "indeterminate" : t ? s : b, g = r === !0 || r === "indeterminate", x = i.useCallback(
     (h) => {
       t || k(h), c?.(h);
     },
@@ -34,7 +34,7 @@ const y = {
         "border border-surface-border-strong",
         "bg-surface-raised-hover",
         "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:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:ring-offset-2",
         "disabled:cursor-not-allowed disabled:opacity-action-disabled",
         "data-[state=unchecked]:hover:border-accent-7 data-[state=unchecked]:hover:bg-surface-raised-active",
         "data-[state=checked]:bg-accent-9 data-[state=checked]:border-accent-7 data-[state=checked]:text-accent-fg",
@@ -44,7 +44,7 @@ const y = {
       ),
       ...f,
       children: /* @__PURE__ */ e(w, { children: g && /* @__PURE__ */ e(C, { forceMount: !0, asChild: !0, children: /* @__PURE__ */ e(
-        i.span,
+        n.span,
         {
           className: "flex items-center justify-center text-current",
           initial: { opacity: 0 },
@@ -60,7 +60,7 @@ const y = {
               fill: "none",
               className: L[o],
               children: r === "indeterminate" ? /* @__PURE__ */ e(
-                i.line,
+                n.line,
                 {
                   x1: "4",
                   y1: "8",
@@ -75,7 +75,7 @@ const y = {
                   transition: { duration: 0.24, ease: "easeOut" }
                 }
               ) : /* @__PURE__ */ e(
-                i.path,
+                n.path,
                 {
                   d: "M3.5 8.5l3 3 6-6",
                   stroke: "currentColor",

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