@devalok/shilp-sutra 0.28.0 → 0.30.0

package/dist/ui/menubar.js

@@ -1,203 +1,204 @@
 "use client";
 import { jsx as r, jsxs as l } from "react/jsx-runtime";
-import * as o from "react";
-import { aW as p, aX as f, aY as b, aZ as y, a_ as g, a$ as N, b0 as x, b1 as h, b2 as v, b3 as M, b4 as w, b5 as R, b6 as j, b7 as G, b8 as P, b9 as T } from "../_chunks/primitives.js";
-import { IconChevronRight as z, IconCheck as A, IconCircle as L } from "@tabler/icons-react";
-import { cn as d } from "./lib/utils.js";
-import { tweens as C, springs as S } from "./lib/motion.js";
-import { A as U, m as I } from "../_chunks/framer.js";
-const k = o.createContext(!1), W = (e) => /* @__PURE__ */ r(P, { ...e });
+import * as t from "react";
+import { aW as p, aX as f, aY as b, aZ as y, a_ as g, a$ as h, b0 as x, b1 as N, b2 as v, b3 as M, b4 as w, b5 as C, b6 as z, b7 as G, b8 as P, b9 as T } from "../_chunks/primitives.js";
+import { IconChevronRight as O, IconCheck as A, IconCircle as L } from "@tabler/icons-react";
+import { cn as n } from "./lib/utils.js";
+import { tweens as R, springs as S } from "./lib/motion.js";
+import { Icon as I } from "./icon.js";
+import { A as U, m as k } from "../_chunks/framer.js";
+const _ = t.createContext(!1), W = (e) => /* @__PURE__ */ r(P, { ...e });
 W.displayName = "MenubarMenu";
-const re = j, te = g, X = ({
+const te = z, ne = g, X = ({
   open: e,
-  defaultOpen: a = !1,
-  onOpenChange: s,
-  ...t
+  defaultOpen: s = !1,
+  onOpenChange: a,
+  ...o
 }) => {
-  const [n, c] = o.useState(a), i = e !== void 0, u = i ? e : n, _ = o.useCallback(
+  const [d, c] = t.useState(s), i = e !== void 0, u = i ? e : d, j = t.useCallback(
     (m) => {
-      i || c(m), s == null || s(m);
+      i || c(m), a?.(m);
     },
-    [i, s]
+    [i, a]
   );
-  return /* @__PURE__ */ r(k.Provider, { value: u, children: /* @__PURE__ */ r(T, { open: u, onOpenChange: _, ...t }) });
+  return /* @__PURE__ */ r(_.Provider, { value: u, children: /* @__PURE__ */ r(T, { open: u, onOpenChange: j, ...o }) });
 };
 X.displayName = "MenubarSub";
-const oe = G, Y = o.forwardRef(({ className: e, ...a }, s) => /* @__PURE__ */ r(
+const de = G, Y = t.forwardRef(({ className: e, ...s }, a) => /* @__PURE__ */ r(
   p,
   {
-    ref: s,
-    className: d(
+    ref: a,
+    className: n(
       "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
     ),
-    ...a
+    ...s
   }
 ));
 Y.displayName = p.displayName;
-const Z = o.forwardRef(({ className: e, ...a }, s) => /* @__PURE__ */ r(
+const Z = t.forwardRef(({ className: e, ...s }, a) => /* @__PURE__ */ r(
   f,
   {
-    ref: s,
-    className: d(
+    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",
       e
     ),
-    ...a
+    ...s
   }
 ));
 Z.displayName = f.displayName;
-const $ = o.forwardRef(({ className: e, inset: a, children: s, ...t }, n) => /* @__PURE__ */ l(
+const $ = t.forwardRef(({ className: e, inset: s, children: a, ...o }, d) => /* @__PURE__ */ l(
   b,
   {
-    ref: n,
-    className: d(
+    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",
-      a && "pl-ds-07",
+      s && "pl-ds-07",
       e
     ),
-    ...t,
+    ...o,
     children: [
-      s,
-      /* @__PURE__ */ r(z, { className: "ml-auto" })
+      a,
+      /* @__PURE__ */ r(I, { icon: O, size: "sm", className: "ml-auto" })
     ]
   }
 ));
 $.displayName = b.displayName;
-const q = o.forwardRef(({ className: e, children: a, ...s }, t) => {
-  const n = o.useContext(k);
-  return /* @__PURE__ */ r(U, { children: n && /* @__PURE__ */ r(
+const q = t.forwardRef(({ className: e, children: s, ...a }, o) => {
+  const d = t.useContext(_);
+  return /* @__PURE__ */ r(U, { children: d && /* @__PURE__ */ r(
     y,
     {
-      ref: t,
+      ref: o,
       forceMount: !0,
       asChild: !0,
-      ...s,
+      ...a,
       children: /* @__PURE__ */ r(
-        I.div,
+        k.div,
         {
           initial: { opacity: 0, scale: 0.95 },
           animate: { opacity: 1, scale: 1 },
           exit: { opacity: 0, scale: 0.95 },
-          transition: { ...S.snappy, opacity: C.fade },
-          className: d(
+          transition: { ...S.snappy, opacity: R.fade },
+          className: n(
             "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
         }
       )
     }
   ) });
 });
 q.displayName = y.displayName;
-const B = o.forwardRef(
-  ({ className: e, align: a = "start", alignOffset: s = -4, sideOffset: t = 8, children: n, ...c }, i) => /* @__PURE__ */ r(g, { children: /* @__PURE__ */ r(
-    N,
+const B = t.forwardRef(
+  ({ className: e, align: s = "start", alignOffset: a = -4, sideOffset: o = 8, children: d, ...c }, i) => /* @__PURE__ */ r(g, { children: /* @__PURE__ */ r(
+    h,
     {
       ref: i,
-      align: a,
-      alignOffset: s,
-      sideOffset: t,
+      align: s,
+      alignOffset: a,
+      sideOffset: o,
       asChild: !0,
       ...c,
       children: /* @__PURE__ */ r(
-        I.div,
+        k.div,
         {
           initial: { opacity: 0, scale: 0.95 },
           animate: { opacity: 1, scale: 1 },
           exit: { opacity: 0, scale: 0.95 },
-          transition: { ...S.snappy, opacity: C.fade },
-          className: d(
+          transition: { ...S.snappy, opacity: R.fade },
+          className: n(
             "z-popover min-w-[12rem] rounded-ds-lg border border-surface-border-strong bg-surface-overlay p-ds-02 text-surface-fg shadow-floating",
             e
           ),
-          children: n
+          children: d
         }
       )
     }
   ) })
 );
-B.displayName = N.displayName;
-const D = o.forwardRef(({ className: e, inset: a, ...s }, t) => /* @__PURE__ */ r(
+B.displayName = h.displayName;
+const D = t.forwardRef(({ className: e, inset: s, ...a }, o) => /* @__PURE__ */ r(
   x,
   {
-    ref: t,
-    className: d(
+    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",
-      a && "pl-ds-07",
+      s && "pl-ds-07",
       e
     ),
-    ...s
+    ...a
   }
 ));
 D.displayName = x.displayName;
-const E = o.forwardRef(({ className: e, children: a, checked: s, ...t }, n) => /* @__PURE__ */ l(
-  h,
+const E = t.forwardRef(({ className: e, children: s, checked: a, ...o }, d) => /* @__PURE__ */ l(
+  N,
   {
-    ref: n,
-    className: d(
+    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",
       e
     ),
-    checked: s,
-    ...t,
+    checked: a,
+    ...o,
     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(A, { className: "h-ico-sm w-ico-sm" }) }) }),
-      a
+      /* @__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(I, { icon: A, size: "sm" }) }) }),
+      s
     ]
   }
 ));
-E.displayName = h.displayName;
-const F = o.forwardRef(({ className: e, children: a, ...s }, t) => /* @__PURE__ */ l(
+E.displayName = N.displayName;
+const F = t.forwardRef(({ className: e, children: s, ...a }, o) => /* @__PURE__ */ l(
   M,
   {
-    ref: t,
-    className: d(
+    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",
       e
     ),
-    ...s,
+    ...a,
     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(L, { className: "h-2 w-2 fill-current" }) }) }),
-      a
+      s
     ]
   }
 ));
 F.displayName = M.displayName;
-const H = o.forwardRef(({ className: e, inset: a, ...s }, t) => /* @__PURE__ */ r(
+const H = t.forwardRef(({ className: e, inset: s, ...a }, o) => /* @__PURE__ */ r(
   w,
   {
-    ref: t,
-    className: d(
+    ref: o,
+    className: n(
       "px-ds-03 py-ds-02b text-ds-md font-semibold",
-      a && "pl-ds-07",
+      s && "pl-ds-07",
       e
     ),
-    ...s
+    ...a
   }
 ));
 H.displayName = w.displayName;
-const J = o.forwardRef(({ className: e, ...a }, s) => /* @__PURE__ */ r(
-  R,
+const J = t.forwardRef(({ className: e, ...s }, a) => /* @__PURE__ */ r(
+  C,
   {
-    ref: s,
-    className: d("-mx-ds-01 my-ds-02 h-px bg-surface-border", e),
-    ...a
+    ref: a,
+    className: n("-mx-ds-01 my-ds-02 h-px bg-surface-border", e),
+    ...s
   }
 ));
-J.displayName = R.displayName;
+J.displayName = C.displayName;
 const K = ({
   className: e,
-  ...a
+  ...s
 }) => /* @__PURE__ */ r(
   "span",
   {
-    className: d(
+    className: n(
       "ml-auto text-ds-sm text-surface-fg-subtle",
       e
     ),
-    ...a
+    ...s
   }
 );
 K.displayName = "MenubarShortcut";
@@ -205,12 +206,12 @@ export {
   Y as Menubar,
   E as MenubarCheckboxItem,
   B as MenubarContent,
-  re as MenubarGroup,
+  te as MenubarGroup,
   D as MenubarItem,
   H as MenubarLabel,
   W as MenubarMenu,
-  te as MenubarPortal,
-  oe as MenubarRadioGroup,
+  ne as MenubarPortal,
+  de as MenubarRadioGroup,
   F as MenubarRadioItem,
   J as MenubarSeparator,
   K as MenubarShortcut,

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

@@ -1 +1 @@
-{"version":3,"file":"navigation-menu.d.ts","sourceRoot":"","sources":["../../src/ui/navigation-menu.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,uBAAuB,MAAM,mCAAmC,CAAA;AAO5E,QAAA,MAAM,cAAc,iKAelB,CAAA;AAGF,QAAA,MAAM,kBAAkB,+KAYtB,CAAA;AAGF,QAAA,MAAM,kBAAkB,uHAA+B,CAAA;AAEvD,QAAA,MAAM,qBAAqB,oLAkBzB,CAAA;AAaF,QAAA,MAAM,qBAAqB,8KAqEzB,CAAA;AAGF,QAAA,MAAM,kBAAkB,2HAA+B,CAAA;AAIvD,QAAA,MAAM,sBAAsB,+KA0D1B,CAAA;AAMF,QAAA,MAAM,uBAAuB,gLAoD3B,CAAA;AAIF,MAAM,MAAM,mBAAmB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,uBAAuB,CAAC,IAAI,CAAC,CAAA;AACrG,MAAM,MAAM,0BAA0B,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,uBAAuB,CAAC,OAAO,CAAC,CAAA;AAE/G,OAAO,EACL,cAAc,EACd,kBAAkB,EAClB,kBAAkB,EAClB,qBAAqB,EACrB,qBAAqB,EACrB,kBAAkB,EAClB,uBAAuB,EACvB,sBAAsB,GACvB,CAAA"}
+{"version":3,"file":"navigation-menu.d.ts","sourceRoot":"","sources":["../../src/ui/navigation-menu.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,uBAAuB,MAAM,mCAAmC,CAAA;AAQ5E,QAAA,MAAM,cAAc,iKAelB,CAAA;AAGF,QAAA,MAAM,kBAAkB,+KAYtB,CAAA;AAGF,QAAA,MAAM,kBAAkB,uHAA+B,CAAA;AAEvD,QAAA,MAAM,qBAAqB,oLAezB,CAAA;AAaF,QAAA,MAAM,qBAAqB,8KAqEzB,CAAA;AAGF,QAAA,MAAM,kBAAkB,2HAA+B,CAAA;AAIvD,QAAA,MAAM,sBAAsB,+KA0D1B,CAAA;AAMF,QAAA,MAAM,uBAAuB,gLAoD3B,CAAA;AAIF,MAAM,MAAM,mBAAmB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,uBAAuB,CAAC,IAAI,CAAC,CAAA;AACrG,MAAM,MAAM,0BAA0B,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,uBAAuB,CAAC,OAAO,CAAC,CAAA;AAE/G,OAAO,EACL,cAAc,EACd,kBAAkB,EAClB,kBAAkB,EAClB,qBAAqB,EACrB,qBAAqB,EACrB,kBAAkB,EAClB,uBAAuB,EACvB,sBAAsB,GACvB,CAAA"}

package/dist/ui/navigation-menu.js

@@ -1,13 +1,14 @@
 "use client";
 import { jsxs as v, jsx as c } from "react/jsx-runtime";
 import * as a from "react";
-import { ba as h, bb as N, bc as w, bd as x, be as R, bf as M, bg as O, bh as V } from "../_chunks/primitives.js";
+import { ba as N, bb as h, bc as w, bd as x, be as R, bf as M, bg as O, bh as V } from "../_chunks/primitives.js";
 import { IconChevronDown as E } from "@tabler/icons-react";
 import { cn as d } from "./lib/utils.js";
-import { tweens as y, springs as j } from "./lib/motion.js";
+import { tweens as y, springs as I } from "./lib/motion.js";
+import { Icon as L } from "./icon.js";
 import { m as g } from "../_chunks/framer.js";
-const L = a.forwardRef(({ className: n, children: o, ...t }, r) => /* @__PURE__ */ v(
-  h,
+const S = a.forwardRef(({ className: n, children: o, ...t }, r) => /* @__PURE__ */ v(
+  N,
   {
     ref: r,
     className: d(
@@ -17,13 +18,13 @@ const L = a.forwardRef(({ className: n, children: o, ...t }, r) => /* @__PURE__
     ...t,
     children: [
       o,
-      /* @__PURE__ */ c(I, {})
+      /* @__PURE__ */ c(j, {})
     ]
   }
 ));
-L.displayName = h.displayName;
-const S = a.forwardRef(({ className: n, ...o }, t) => /* @__PURE__ */ c(
-  N,
+S.displayName = N.displayName;
+const W = a.forwardRef(({ className: n, ...o }, t) => /* @__PURE__ */ c(
+  h,
   {
     ref: t,
     className: d(
@@ -33,8 +34,8 @@ const S = a.forwardRef(({ className: n, ...o }, t) => /* @__PURE__ */ c(
     ...o
   }
 ));
-S.displayName = N.displayName;
-const J = O, W = a.forwardRef(({ className: n, children: o, ...t }, r) => /* @__PURE__ */ v(
+W.displayName = h.displayName;
+const P = O, z = a.forwardRef(({ className: n, children: o, ...t }, r) => /* @__PURE__ */ v(
   w,
   {
     ref: r,
@@ -46,17 +47,11 @@ const J = O, W = a.forwardRef(({ className: n, children: o, ...t }, r) => /* @__
     children: [
       o,
       " ",
-      /* @__PURE__ */ c(
-        E,
-        {
-          className: "relative top-[1px] ml-ds-02 h-ico-sm w-ico-sm transition-transform duration-moderate-02 group-data-[state=open]:rotate-180",
-          "aria-hidden": "true"
-        }
-      )
+      /* @__PURE__ */ c(L, { icon: E, size: "sm", className: "relative top-[1px] ml-ds-02 transition-transform duration-moderate-02 group-data-[state=open]:rotate-180" })
     ]
   }
 ));
-W.displayName = w.displayName;
+z.displayName = w.displayName;
 const b = {
   "from-start": { x: "-13rem", opacity: 0 },
   "from-end": { x: "13rem", opacity: 0 },
@@ -99,7 +94,7 @@ const b = {
         {
           initial: e,
           animate: p,
-          transition: { ...j.smooth, opacity: y.fade },
+          transition: { ...I.smooth, opacity: y.fade },
           style: { width: "100%" },
           children: o.children
         },
@@ -109,7 +104,7 @@ const b = {
   );
 });
 D.displayName = x.displayName;
-const K = V, I = a.forwardRef(({ className: n, ...o }, t) => {
+const Q = V, j = a.forwardRef(({ className: n, ...o }, t) => {
   const r = a.useRef(null), m = a.useCallback(
     (e) => {
       r.current = e, typeof t == "function" ? t(e) : t && (t.current = e);
@@ -149,12 +144,12 @@ const K = V, I = a.forwardRef(({ className: n, ...o }, t) => {
         },
         initial: !1,
         animate: i ? { opacity: 1, scale: 1 } : { opacity: 0, scale: 0.95 },
-        transition: { ...j.smooth, opacity: y.fade }
+        transition: { ...I.smooth, opacity: y.fade }
       }
     )
   ] });
 });
-I.displayName = R.displayName;
+j.displayName = R.displayName;
 const F = a.forwardRef(({ className: n, ...o }, t) => {
   const r = a.useRef(null), m = a.useCallback(
     (e) => {
@@ -196,12 +191,12 @@ const F = a.forwardRef(({ className: n, ...o }, t) => {
 });
 F.displayName = M.displayName;
 export {
-  L as NavigationMenu,
+  S as NavigationMenu,
   D as NavigationMenuContent,
   F as NavigationMenuIndicator,
-  J as NavigationMenuItem,
-  K as NavigationMenuLink,
-  S as NavigationMenuList,
-  W as NavigationMenuTrigger,
-  I as NavigationMenuViewport
+  P as NavigationMenuItem,
+  Q as NavigationMenuLink,
+  W as NavigationMenuList,
+  z as NavigationMenuTrigger,
+  j as NavigationMenuViewport
 };

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

@@ -1 +1 @@
-{"version":3,"file":"number-input.d.ts","sourceRoot":"","sources":["../../src/ui/number-input.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,MAAM,GAAG,MAAM,CAAC;IACjI,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED,QAAA,MAAM,WAAW,2FA4FhB,CAAA;AAGD,OAAO,EAAE,WAAW,EAAE,CAAA"}
+{"version":3,"file":"number-input.d.ts","sourceRoot":"","sources":["../../src/ui/number-input.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,MAAM,GAAG,MAAM,CAAC;IACjI,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED,QAAA,MAAM,WAAW,2FA4FhB,CAAA;AAGD,OAAO,EAAE,WAAW,EAAE,CAAA"}

package/dist/ui/number-input.js

@@ -1,85 +1,86 @@
 "use client";
-import { jsxs as I, jsx as i } from "react/jsx-runtime";
-import * as y from "react";
-import { IconMinus as E, IconPlus as j } from "@tabler/icons-react";
-import { cn as M } from "./lib/utils.js";
-import { useFormField as k } from "./form.js";
-const D = y.forwardRef(
+import { jsxs as g, jsx as a } from "react/jsx-runtime";
+import * as w from "react";
+import { IconMinus as y, IconPlus as E } from "@tabler/icons-react";
+import { cn as j } from "./lib/utils.js";
+import { useFormField as M } from "./form.js";
+import { Icon as f } from "./icon.js";
+const k = w.forwardRef(
   ({
-    value: s = 0,
-    onValueChange: e,
-    min: t = Number.MIN_SAFE_INTEGER,
+    value: t = 0,
+    onValueChange: n,
+    min: r = Number.MIN_SAFE_INTEGER,
     max: o = Number.MAX_SAFE_INTEGER,
-    step: a = 1,
-    disabled: d = !1,
-    className: b,
-    "aria-label": u,
-    ...n
-  }, l) => {
-    const f = k(), p = u ?? (n.id || f.helperTextId ? void 0 : "Numeric value"), N = (c) => {
-      const r = c.target.value.trim();
-      if (r === "" || r === "-") {
-        e == null || e(t >= 0 ? t : 0);
+    step: i = 1,
+    disabled: c = !1,
+    className: m,
+    "aria-label": b,
+    ...u
+  }, p) => {
+    const d = M(), h = b ?? (u.id || d.helperTextId ? void 0 : "Numeric value"), v = (s) => {
+      const e = s.target.value.trim();
+      if (e === "" || e === "-") {
+        n?.(r >= 0 ? r : 0);
         return;
       }
-      const m = Number(r);
-      if (Number.isNaN(m)) return;
-      const w = Math.min(Math.max(m, t), o);
-      e == null || e(w);
-    }, v = (c) => {
-      c.preventDefault();
-      const r = s + a;
-      r <= o && (e == null || e(r));
-    }, x = (c) => {
-      c.preventDefault();
-      const r = s - a;
-      r >= t && (e == null || e(r));
+      const l = Number(e);
+      if (Number.isNaN(l)) return;
+      const I = Math.min(Math.max(l, r), o);
+      n?.(I);
+    }, N = (s) => {
+      s.preventDefault();
+      const e = t + i;
+      e <= o && n?.(e);
+    }, x = (s) => {
+      s.preventDefault();
+      const e = t - i;
+      e >= r && n?.(e);
     };
-    return /* @__PURE__ */ I(
+    return /* @__PURE__ */ g(
       "div",
       {
-        className: M(
+        className: j(
           "flex items-center justify-between rounded-ds-full border border-surface-border-strong",
-          b
+          m
         ),
         children: [
-          /* @__PURE__ */ i(
+          /* @__PURE__ */ a(
             "button",
             {
               type: "button",
               onClick: x,
-              disabled: d || s <= t,
+              disabled: c || t <= r,
               "aria-label": "Decrease value",
               className: "flex h-ds-sm w-ds-sm items-center justify-center border-0 text-surface-fg-subtle hover:bg-surface-raised-hover hover:text-surface-fg-muted active:scale-90 transition-[color,transform] duration-fast-01 ease-productive-standard",
-              children: /* @__PURE__ */ i(E, { className: "h-ico-sm w-ico-sm" })
+              children: /* @__PURE__ */ a(f, { icon: y, size: "sm" })
             }
           ),
-          /* @__PURE__ */ i(
+          /* @__PURE__ */ a(
             "input",
             {
-              ref: l,
+              ref: p,
               type: "number",
-              value: s,
-              onChange: N,
-              min: t,
+              value: t,
+              onChange: v,
+              min: r,
               max: o,
-              step: a,
-              disabled: d,
-              "aria-label": p,
-              "aria-describedby": n["aria-describedby"] ?? f.helperTextId,
+              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-1 focus-visible:ring-accent-7 [appearance:textfield] [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none",
-              ...n
+              ...u
             }
           ),
-          /* @__PURE__ */ i(
+          /* @__PURE__ */ a(
             "button",
             {
               type: "button",
-              onClick: v,
-              disabled: d || s >= o,
+              onClick: N,
+              disabled: c || t >= o,
               "aria-label": "Increase value",
               className: "flex h-ds-sm w-ds-sm items-center justify-center border-0 text-surface-fg-subtle hover:bg-surface-raised-hover hover:text-surface-fg-muted active:scale-90 transition-[color,transform] duration-fast-01 ease-productive-standard",
-              children: /* @__PURE__ */ i(j, { className: "h-ico-sm w-ico-sm" })
+              children: /* @__PURE__ */ a(f, { icon: E, size: "sm" })
             }
           )
         ]
@@ -87,7 +88,7 @@ const D = y.forwardRef(
     );
   }
 );
-D.displayName = "NumberInput";
+k.displayName = "NumberInput";
 export {
-  D as NumberInput
+  k as NumberInput
 };

package/dist/ui/pagination.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["../../src/ui/pagination.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,QAAA,MAAM,cAAc,0JAWlB,CAAA;AAGF,QAAA,MAAM,iBAAiB,yKASrB,CAAA;AAGF,QAAA,MAAM,cAAc,kKAKlB,CAAA;AAGF;;;;;;;;;;;;;GAaG;AACH,MAAM,WAAW,mBACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACrD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,QAAA,MAAM,cAAc,+FAkBnB,CAAA;AAGD,QAAA,MAAM,kBAAkB,+FAatB,CAAA;AAGF,QAAA,MAAM,cAAc,+FAalB,CAAA;AAGF,QAAA,MAAM,kBAAkB,sKAgBtB,CAAA;AAOF,KAAK,QAAQ,GAAG,MAAM,GAAG,UAAU,CAAA;AAEnC;;;;;GAKG;AACH,iBAAS,kBAAkB,CACzB,OAAO,EAAE,MAAM,EACf,KAAK,EAAE,MAAM,EACb,YAAY,EAAE,MAAM,GACnB,QAAQ,EAAE,CAoCZ;AAMD;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,MAAM,WAAW,kBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IACzC,4BAA4B;IAC5B,UAAU,EAAE,MAAM,CAAA;IAClB,sCAAsC;IACtC,WAAW,EAAE,MAAM,CAAA;IACnB,qDAAqD;IACrD,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACpC,yFAAyF;IACzF,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AAED,QAAA,MAAM,aAAa,wFAqDlB,CAAA;AAGD,OAAO,EACL,cAAc,EACd,iBAAiB,EACjB,cAAc,EACd,cAAc,EACd,kBAAkB,EAClB,cAAc,EACd,kBAAkB,EAClB,aAAa,EACb,kBAAkB,GACnB,CAAA"}
+{"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["../../src/ui/pagination.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,QAAA,MAAM,cAAc,0JAWlB,CAAA;AAGF,QAAA,MAAM,iBAAiB,yKASrB,CAAA;AAGF,QAAA,MAAM,cAAc,kKAKlB,CAAA;AAGF;;;;;;;;;;;;;GAaG;AACH,MAAM,WAAW,mBACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACrD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,QAAA,MAAM,cAAc,+FAkBnB,CAAA;AAGD,QAAA,MAAM,kBAAkB,+FAatB,CAAA;AAGF,QAAA,MAAM,cAAc,+FAalB,CAAA;AAGF,QAAA,MAAM,kBAAkB,sKAgBtB,CAAA;AAOF,KAAK,QAAQ,GAAG,MAAM,GAAG,UAAU,CAAA;AAEnC;;;;;GAKG;AACH,iBAAS,kBAAkB,CACzB,OAAO,EAAE,MAAM,EACf,KAAK,EAAE,MAAM,EACb,YAAY,EAAE,MAAM,GACnB,QAAQ,EAAE,CAoCZ;AAMD;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,MAAM,WAAW,kBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IACzC,4BAA4B;IAC5B,UAAU,EAAE,MAAM,CAAA;IAClB,sCAAsC;IACtC,WAAW,EAAE,MAAM,CAAA;IACnB,qDAAqD;IACrD,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACpC,yFAAyF;IACzF,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AAED,QAAA,MAAM,aAAa,wFAqDlB,CAAA;AAGD,OAAO,EACL,cAAc,EACd,iBAAiB,EACjB,cAAc,EACd,cAAc,EACd,kBAAkB,EAClB,cAAc,EACd,kBAAkB,EAClB,aAAa,EACb,kBAAkB,GACnB,CAAA"}