@devalok/shilp-sutra 0.33.2 → 0.34.0

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,

package/dist/ui/navigation-menu.js

@@ -3,7 +3,7 @@ import { jsxs as v, jsx as c } from "react/jsx-runtime";
 import * as a from "react";
 import { b9 as N, ba as h, bb as w, bc as x, bd as R, be as M, bf as O, bg as V } from "../_chunks/primitives.js";
 import { IconChevronDown as L } from "@tabler/icons-react";
-import { cn as u } from "./lib/utils.js";
+import { cn as d } from "./lib/utils.js";
 import { tweens as g, springs as I } from "./lib/motion.js";
 import { Icon as S } from "./icon.js";
 import { m as y } from "../_chunks/framer.js";
@@ -11,7 +11,7 @@ const W = a.forwardRef(({ className: n, children: o, ...t }, r) => /* @__PURE__
   N,
   {
     ref: r,
-    className: u(
+    className: d(
       "relative z-raised flex max-w-max flex-1 items-center justify-center",
       n
     ),
@@ -27,7 +27,7 @@ const z = a.forwardRef(({ className: n, ...o }, t) => /* @__PURE__ */ c(
   h,
   {
     ref: t,
-    className: u(
+    className: d(
       "group flex flex-1 list-none items-center justify-center space-x-ds-02",
       n
     ),
@@ -39,8 +39,8 @@ const P = O, D = a.forwardRef(({ className: n, children: o, ...t }, r) => /* @__
   w,
   {
     ref: r,
-    className: u(
-      "group inline-flex h-ds-sm-plus w-max items-center justify-center rounded-ds-md bg-transparent px-ds-05 py-ds-03 text-ds-md font-medium transition-colors hover:bg-surface-raised-hover focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-9 disabled:pointer-events-none disabled:opacity-action-disabled",
+    className: d(
+      "group inline-flex h-ds-sm-plus w-max items-center justify-center rounded-ds-md bg-transparent px-ds-05 py-ds-03 text-ds-md font-medium transition-colors hover:bg-surface-raised-hover focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9 disabled:pointer-events-none disabled:opacity-action-disabled",
       n
     ),
     ...t,
@@ -68,8 +68,8 @@ const b = {
   a.useEffect(() => {
     const s = r.current;
     if (!s) return;
-    const d = s.getAttribute("data-motion");
-    d && l(d);
+    const u = s.getAttribute("data-motion");
+    u && l(u);
     const f = new MutationObserver((A) => {
       for (const C of A)
         if (C.attributeName === "data-motion") {
@@ -84,7 +84,7 @@ const b = {
     x,
     {
       ref: m,
-      className: u(
+      className: d(
         "left-0 top-0 w-full md:absolute md:w-auto",
         n
       ),
@@ -116,16 +116,16 @@ const Q = V, j = a.forwardRef(({ className: n, ...o }, t) => {
     if (!e) return;
     const p = e.getAttribute("data-state");
     l(p === "open");
-    const s = new MutationObserver((d) => {
-      for (const f of d)
+    const s = new MutationObserver((u) => {
+      for (const f of u)
         f.attributeName === "data-state" && l(e.getAttribute("data-state") === "open");
     });
     return s.observe(e, { attributes: !0, attributeFilter: ["data-state"] }), () => s.disconnect();
-  }, []), /* @__PURE__ */ v("div", { className: u("absolute left-0 top-full flex justify-center"), children: [
+  }, []), /* @__PURE__ */ v("div", { className: d("absolute left-0 top-full flex justify-center"), children: [
     /* @__PURE__ */ c(
       R,
       {
-        className: u(
+        className: d(
           "origin-top-center relative mt-ds-02b h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-ds-lg border border-surface-border-strong bg-surface-overlay shadow-floating md:w-[var(--radix-navigation-menu-viewport-width)]",
           n
         ),
@@ -158,8 +158,8 @@ const F = a.forwardRef(({ className: n, ...o }, t) => {
     if (!e) return;
     const p = e.getAttribute("data-state");
     l(p === "visible");
-    const s = new MutationObserver((d) => {
-      for (const f of d)
+    const s = new MutationObserver((u) => {
+      for (const f of u)
         f.attributeName === "data-state" && l(e.getAttribute("data-state") === "visible");
     });
     return s.observe(e, { attributes: !0, attributeFilter: ["data-state"] }), () => s.disconnect();
@@ -167,7 +167,7 @@ const F = a.forwardRef(({ className: n, ...o }, t) => {
     M,
     {
       ref: m,
-      className: u(
+      className: d(
         "top-full z-base flex h-ds-02b items-end justify-center overflow-hidden",
         n
       ),

package/dist/ui/number-input.js

@@ -15,9 +15,9 @@ const M = w.forwardRef(
     disabled: c = !1,
     className: m,
     "aria-label": b,
-    ...u
+    ...d
   }, p) => {
-    const d = D(), h = b ?? (u.id || d.helperTextId ? void 0 : "Numeric value"), v = (s) => {
+    const u = D(), h = b ?? (d.id || u.helperTextId ? void 0 : "Numeric value"), v = (s) => {
       const e = s.target.value.trim();
       if (e === "" || e === "-") {
         n?.(t >= 0 ? t : 0);
@@ -68,9 +68,9 @@ const M = w.forwardRef(
               step: i,
               disabled: c,
               "aria-label": h,
-              "aria-describedby": u["aria-describedby"] ?? d.helperTextId,
-              className: "bg-transparent text-ds-md font-semibold w-ds-sm-plus border-0 text-center text-surface-fg-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-9 [appearance:textfield] [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none",
-              ...u
+              "aria-describedby": d["aria-describedby"] ?? u.helperTextId,
+              className: "bg-transparent text-ds-md font-semibold w-ds-sm-plus border-0 text-center text-surface-fg-muted focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9 [appearance:textfield] [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none",
+              ...d
             }
           ),
           /* @__PURE__ */ a(

package/dist/ui/pagination.js

@@ -34,7 +34,7 @@ const u = o.forwardRef(
       ref: t,
       "aria-current": i ? "page" : void 0,
       className: r(
-        "inline-flex items-center justify-center h-ds-sm-plus w-ds-sm-plus rounded-ds-md text-ds-md font-medium tabular-nums transition-colors 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 active:scale-95",
+        "inline-flex items-center justify-center h-ds-sm-plus w-ds-sm-plus rounded-ds-md text-ds-md font-medium tabular-nums transition-colors 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 active:scale-95",
         i ? "bg-accent-9 text-accent-fg" : "hover:bg-surface-raised-hover text-surface-fg",
         e
       ),

package/dist/ui/popover.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx as e, jsxs as h } from "react/jsx-runtime";
-import * as n from "react";
+import * as s from "react";
 import { ab as P, a6 as R, a5 as M, a7 as w, q as N, r as y, p as A, o as O, bh as j } from "../_chunks/primitives.js";
 import { cn as g } from "./lib/utils.js";
 import { tweens as v, springs as z } from "./lib/motion.js";
@@ -8,21 +8,21 @@ import { useIsMobile as E } from "../hooks/use-mobile.js";
 import { u as k, A as b, m as p } from "../_chunks/framer.js";
 function B({
   open: t,
-  onOpenChange: s,
+  onOpenChange: a,
   children: i,
-  className: l,
-  dragHandle: c = !0,
-  swipeable: d = !0,
-  title: a
+  className: d,
+  dragHandle: l = !0,
+  swipeable: c = !0,
+  title: n
 }) {
-  const o = k(), r = n.useRef(null), u = n.useCallback(
+  const o = k(), r = s.useRef(null), u = s.useCallback(
     (f, m) => {
       const C = r.current?.getBoundingClientRect().height ?? 300;
-      (m.offset.y > C * 0.3 || m.velocity.y > 500) && s(!1);
+      (m.offset.y > C * 0.3 || m.velocity.y > 500) && a(!1);
     },
-    [s]
+    [a]
   );
-  return /* @__PURE__ */ e(P, { open: t, onOpenChange: s, children: /* @__PURE__ */ e(b, { children: t && /* @__PURE__ */ h(R, { forceMount: !0, children: [
+  return /* @__PURE__ */ e(P, { open: t, onOpenChange: a, children: /* @__PURE__ */ e(b, { children: t && /* @__PURE__ */ h(R, { forceMount: !0, children: [
     /* @__PURE__ */ e(M, { forceMount: !0, asChild: !0, children: /* @__PURE__ */ e(
       p.div,
       {
@@ -38,25 +38,25 @@ function B({
       {
         forceMount: !0,
         asChild: !0,
-        "aria-label": a,
+        "aria-label": n,
         children: /* @__PURE__ */ h(
           p.div,
           {
             ref: r,
             className: g(
-              "fixed inset-x-0 bottom-0 z-modal max-h-[85vh] overflow-y-auto rounded-t-ds-xl border-t border-surface-border-strong bg-surface-overlay shadow-overlay outline-none",
-              l
+              "fixed inset-x-0 bottom-0 z-modal max-h-[85vh] overflow-y-auto rounded-t-ds-xl border-t border-surface-border-strong bg-surface-overlay shadow-overlay outline-hidden",
+              d
             ),
             initial: { y: "100%" },
             animate: { y: 0 },
             exit: { y: "100%" },
             transition: o ? { duration: 0 } : { type: "spring", damping: 30, stiffness: 300 },
-            drag: d && !o ? "y" : !1,
+            drag: c && !o ? "y" : !1,
             dragConstraints: { top: 0 },
             dragElastic: 0.2,
             onDragEnd: u,
             children: [
-              c && /* @__PURE__ */ e("div", { className: "flex justify-center pt-ds-03 pb-ds-02", children: /* @__PURE__ */ e("div", { className: "h-1 w-8 rounded-ds-full bg-surface-border" }) }),
+              l && /* @__PURE__ */ e("div", { className: "flex justify-center pt-ds-03 pb-ds-02", children: /* @__PURE__ */ e("div", { className: "h-1 w-8 rounded-ds-full bg-surface-border" }) }),
               /* @__PURE__ */ e("div", { className: "px-ds-05 pb-ds-06", children: i })
             ]
           }
@@ -65,28 +65,28 @@ function B({
     )
   ] }) }) });
 }
-const x = n.createContext({ open: !1, onClose: () => {
+const x = s.createContext({ open: !1, onClose: () => {
 } }), D = ({
   open: t,
-  defaultOpen: s = !1,
+  defaultOpen: a = !1,
   onOpenChange: i,
-  ...l
+  ...d
 }) => {
-  const [c, d] = n.useState(s), a = t !== void 0, o = a ? t : c, r = n.useCallback(
+  const [l, c] = s.useState(a), n = t !== void 0, o = n ? t : l, r = s.useCallback(
     (f) => {
-      a || d(f), i?.(f);
+      n || c(f), i?.(f);
     },
-    [a, i]
-  ), u = n.useMemo(
+    [n, i]
+  ), u = s.useMemo(
     () => ({ open: o, onClose: () => r(!1) }),
     [o, r]
   );
-  return /* @__PURE__ */ e(x.Provider, { value: u, children: /* @__PURE__ */ e(O, { open: o, onOpenChange: r, ...l }) });
+  return /* @__PURE__ */ e(x.Provider, { value: u, children: /* @__PURE__ */ e(O, { open: o, onOpenChange: r, ...d }) });
 };
 D.displayName = "Popover";
-const _ = A, $ = j, S = n.forwardRef(({ className: t, align: s = "center", sideOffset: i = 4, children: l, ...c }, d) => {
-  const a = E(), { open: o, onClose: r } = n.useContext(x);
-  return a ? /* @__PURE__ */ e(
+const _ = A, $ = j, S = s.forwardRef(({ className: t, align: a = "center", sideOffset: i = 4, children: d, ...l }, c) => {
+  const n = E(), { open: o, onClose: r } = s.useContext(x);
+  return n ? /* @__PURE__ */ e(
     B,
     {
       open: o,
@@ -95,17 +95,17 @@ const _ = A, $ = j, S = n.forwardRef(({ className: t, align: s = "center", sideO
       },
       title: "Options",
       className: t,
-      children: l
+      children: d
     }
   ) : /* @__PURE__ */ e(b, { children: o && /* @__PURE__ */ e(N, { forceMount: !0, children: /* @__PURE__ */ e(
     y,
     {
-      ref: d,
-      align: s,
+      ref: c,
+      align: a,
       sideOffset: i,
       forceMount: !0,
       asChild: !0,
-      ...c,
+      ...l,
       children: /* @__PURE__ */ e(
         p.div,
         {
@@ -114,10 +114,10 @@ const _ = A, $ = j, S = n.forwardRef(({ className: t, align: s = "center", sideO
           exit: { opacity: 0, scale: 0.95 },
           transition: { ...z.snappy, opacity: v.fade },
           className: g(
-            "z-popover w-72 rounded-ds-lg border border-surface-border-strong bg-surface-overlay p-ds-05 text-surface-fg shadow-floating outline-none",
+            "z-popover w-72 rounded-ds-lg border border-surface-border-strong bg-surface-overlay p-ds-05 text-surface-fg shadow-floating outline-hidden",
             t
           ),
-          children: l
+          children: d
         }
       )
     }

package/dist/ui/radio.js

@@ -12,11 +12,11 @@ const p = {
   sm: "h-5 w-5",
   md: "h-6 w-6",
   lg: "h-7 w-7"
-}, b = {
+}, h = {
   sm: "h-1.5 w-1.5",
   md: "h-ds-03 w-ds-03",
   lg: "h-2.5 w-2.5"
-}, h = c.forwardRef(({ className: r, size: a = "md", ...s }, d) => /* @__PURE__ */ e(
+}, b = c.forwardRef(({ className: r, size: a = "md", ...s }, d) => /* @__PURE__ */ e(
   t,
   {
     ref: d,
@@ -25,7 +25,7 @@ const p = {
       p[a],
       "border border-surface-border-strong bg-surface-raised-hover",
       "transition-colors duration-fast-01",
-      "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",
       "hover:border-accent-7 hover:bg-surface-raised-active",
       "data-[state=checked]:border-accent-7",
@@ -39,13 +39,13 @@ const p = {
         initial: { scale: 0 },
         animate: { scale: 1 },
         transition: m.bouncy,
-        children: /* @__PURE__ */ e(l, { className: o(b[a], "fill-accent-9 text-accent-11") })
+        children: /* @__PURE__ */ e(l, { className: o(h[a], "fill-accent-9 text-accent-11") })
       }
     ) })
   }
 ));
-h.displayName = t.displayName;
+b.displayName = t.displayName;
 export {
   u as RadioGroup,
-  h as RadioGroupItem
+  b as RadioGroupItem
 };