@devalok/shilp-sutra 0.48.0 → 0.49.1

package/dist/ui/lib/use-controllable-open.d.ts

@@ -0,0 +1,32 @@
+"use client";
+/**
+ * Options for {@link useControllableOpen}. Mirrors the standard Radix open-state
+ * prop trio so a component can spread its own props straight in.
+ */
+export interface UseControllableOpenOptions {
+    /** Controlled open value. When defined, the hook is in controlled mode. */
+    open?: boolean;
+    /** Initial open value in uncontrolled mode. @default false */
+    defaultOpen?: boolean;
+    /** Called on every open/close request (both modes). */
+    onOpenChange?: (open: boolean) => void;
+}
+export interface ControllableOpen {
+    /** The effective open state (controlled value, or internal state). */
+    open: boolean;
+    /** Request a new open state — updates internal state (uncontrolled) and always fires `onOpenChange`. */
+    setOpen: (next: boolean) => void;
+    /** Convenience: `setOpen(false)`. Stable across renders. */
+    close: () => void;
+}
+/**
+ * Controlled/uncontrolled open-state machine shared by every overlay
+ * (Dialog, Popover, Sheet, Tooltip, DropdownMenu, …). The effective `open` is
+ * kept in React state even in controlled mode so overlays can drive
+ * `AnimatePresence` exit animations from it.
+ *
+ * Extracted so the identical block isn't hand-copied per overlay — one fix
+ * site instead of six.
+ */
+export declare function useControllableOpen({ open: controlledOpen, defaultOpen, onOpenChange, }: UseControllableOpenOptions): ControllableOpen;
+//# sourceMappingURL=use-controllable-open.d.ts.map

package/dist/ui/lib/use-controllable-open.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-controllable-open.d.ts","sourceRoot":"","sources":["../../../src/ui/lib/use-controllable-open.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,MAAM,WAAW,0BAA0B;IACzC,2EAA2E;IAC3E,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,8DAA8D;IAC9D,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,uDAAuD;IACvD,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;CACvC;AAED,MAAM,WAAW,gBAAgB;IAC/B,sEAAsE;IACtE,IAAI,EAAE,OAAO,CAAA;IACb,wGAAwG;IACxG,OAAO,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IAChC,4DAA4D;IAC5D,KAAK,EAAE,MAAM,IAAI,CAAA;CAClB;AAED;;;;;;;;GAQG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,IAAI,EAAE,cAAc,EACpB,WAAmB,EACnB,YAAY,GACb,EAAE,0BAA0B,GAAG,gBAAgB,CAgB/C"}

package/dist/ui/lib/utils.js

@@ -1,6 +1,6 @@
-import { n as e, r as t } from "../../_chunks/vendor-utils.js";
+import { clsx as e, extendTailwindMerge as t } from "../../_chunks/vendor-utils.js";
 //#region src/ui/lib/utils.ts
-var n = e({ extend: {
+var n = t({ extend: {
 	theme: { spacing: [
 		"ds-01",
 		"ds-02",
@@ -33,8 +33,8 @@ var n = e({ extend: {
 		"6xl"
 	] }] }
 } });
-function r(...e) {
-	return n(t(e));
+function r(...t) {
+	return n(e(t));
 }
 //#endregion
 export { r as cn };

package/dist/ui/link.js

@@ -1,5 +1,5 @@
 "use client";
-import { Hn as e } from "../_chunks/primitives.js";
+import { Slot as e } from "../_chunks/primitives.js";
 import { cn as t } from "./lib/utils.js";
 import * as n from "react";
 import { jsx as r } from "react/jsx-runtime";

package/dist/ui/menubar.js

@@ -1,5 +1,5 @@
 "use client";
-import { C as e, D as t, E as n, O as r, S as i, T as a, _ as o, b as s, g as c, h as l, m as u, p as d, v as f, w as p, x as m, y as h } from "../_chunks/primitives.js";
+import { CheckboxItem2 as e, Content2 as t, Group2 as n, Item3 as r, ItemIndicator2 as i, Label2 as a, Menu as o, Portal2 as s, RadioGroup2 as c, RadioItem2 as l, Root3 as u, Separator2 as d, Sub2 as f, SubContent2 as p, SubTrigger2 as m, Trigger$2 as h } from "../_chunks/primitives.js";
 import { springs as g, tweens as _ } from "./lib/motion.js";
 import { cn as v } from "./lib/utils.js";
 import { Icon as y } from "./icon.js";
@@ -8,53 +8,53 @@ import { jsx as x, jsxs as S } from "react/jsx-runtime";
 import { IconCheck as C, IconChevronRight as w, IconCircle as T } from "@tabler/icons-react";
 import { AnimatePresence as E, motion as D } from "framer-motion";
 //#region src/ui/menubar.tsx
-var O = b.createContext(!1), k = (e) => /* @__PURE__ */ x(h, { ...e });
+var O = b.createContext(!1), k = (e) => /* @__PURE__ */ x(o, { ...e });
 k.displayName = "MenubarMenu";
-var A = l, j = s, M = ({ open: e, defaultOpen: t = !1, onOpenChange: n, ...r }) => {
-	let [i, o] = b.useState(t), s = e !== void 0, c = s ? e : i, l = b.useCallback((e) => {
-		s || o(e), n?.(e);
-	}, [s, n]);
+var A = n, j = s, M = ({ open: e, defaultOpen: t = !1, onOpenChange: n, ...r }) => {
+	let [i, a] = b.useState(t), o = e !== void 0, s = o ? e : i, c = b.useCallback((e) => {
+		o || a(e), n?.(e);
+	}, [o, n]);
 	return /* @__PURE__ */ x(O.Provider, {
-		value: c,
-		children: /* @__PURE__ */ x(a, {
-			open: c,
-			onOpenChange: l,
+		value: s,
+		children: /* @__PURE__ */ x(f, {
+			open: s,
+			onOpenChange: c,
 			...r
 		})
 	});
 };
 M.displayName = "MenubarSub";
-var N = m, P = b.forwardRef(({ className: t, ...n }, r) => /* @__PURE__ */ x(e, {
-	ref: r,
-	className: v("flex h-ds-sm-plus items-center space-x-ds-02 rounded-overlay bg-surface-overlay p-ds-02 shadow-raised", t),
-	...n
+var N = c, P = b.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ x(u, {
+	ref: n,
+	className: v("flex h-ds-sm-plus items-center space-x-ds-02 rounded-overlay bg-surface-overlay p-ds-02 shadow-raised", e),
+	...t
 }));
-P.displayName = e.displayName;
-var F = b.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ x(r, {
+P.displayName = u.displayName;
+var F = b.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ x(h, {
 	ref: n,
 	className: v("flex cursor-default select-none items-center rounded-control 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),
 	...t
 }));
-F.displayName = r.displayName;
-var I = b.forwardRef(({ className: e, inset: n, children: r, ...i }, a) => /* @__PURE__ */ S(t, {
-	ref: a,
-	className: v("flex cursor-default select-none items-center gap-ds-03 rounded-control 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", n && "pl-ds-07", e),
-	...i,
+F.displayName = h.displayName;
+var I = b.forwardRef(({ className: e, inset: t, children: n, ...r }, i) => /* @__PURE__ */ S(m, {
+	ref: i,
+	className: v("flex cursor-default select-none items-center gap-ds-03 rounded-control 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", t && "pl-ds-07", e),
+	...r,
 	children: [/* @__PURE__ */ x("span", {
 		className: "min-w-0 truncate",
-		children: r
+		children: n
 	}), /* @__PURE__ */ x(y, {
 		icon: w,
 		size: "sm",
 		className: "ml-auto shrink-0"
 	})]
 }));
-I.displayName = t.displayName;
-var L = b.forwardRef(({ className: e, children: t, ...r }, i) => /* @__PURE__ */ x(E, { children: b.useContext(O) && /* @__PURE__ */ x(n, {
-	ref: i,
+I.displayName = m.displayName;
+var L = b.forwardRef(({ className: e, children: t, ...n }, r) => /* @__PURE__ */ x(E, { children: b.useContext(O) && /* @__PURE__ */ x(p, {
+	ref: r,
 	forceMount: !0,
 	asChild: !0,
-	...r,
+	...n,
 	children: /* @__PURE__ */ x(D.div, {
 		initial: {
 			opacity: 0,
@@ -76,62 +76,62 @@ var L = b.forwardRef(({ className: e, children: t, ...r }, i) => /* @__PURE__ */
 		children: t
 	})
 }) }));
-L.displayName = n.displayName;
-var R = b.forwardRef(({ className: e, align: t = "start", alignOffset: n = -4, sideOffset: r = 8, children: i, ...a }, o) => /* @__PURE__ */ x(s, { children: /* @__PURE__ */ x(u, {
-	ref: o,
-	align: t,
-	alignOffset: n,
-	sideOffset: r,
+L.displayName = p.displayName;
+var R = b.forwardRef(({ className: e, align: n = "start", alignOffset: r = -4, sideOffset: i = 8, children: a, ...o }, c) => /* @__PURE__ */ x(s, { children: /* @__PURE__ */ x(t, {
+	ref: c,
+	align: n,
+	alignOffset: r,
+	sideOffset: i,
 	className: v("z-popover min-w-[12rem] rounded-overlay bg-surface-overlay p-ds-02 text-surface-fg shadow-floating", "data-[state=open]:animate-popover-in data-[state=closed]:animate-popover-out", e),
-	...a,
-	children: i
+	...o,
+	children: a
 }) }));
-R.displayName = u.displayName;
-var z = b.forwardRef(({ className: e, inset: t, ...n }, r) => /* @__PURE__ */ x(c, {
-	ref: r,
+R.displayName = t.displayName;
+var z = b.forwardRef(({ className: e, inset: t, ...n }, i) => /* @__PURE__ */ x(r, {
+	ref: i,
 	className: v("relative flex cursor-default select-none items-center gap-ds-03 rounded-control 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", t && "pl-ds-07", e),
 	...n
 }));
-z.displayName = c.displayName;
-var B = b.forwardRef(({ className: e, children: t, checked: n, ...r }, i) => /* @__PURE__ */ S(d, {
-	ref: i,
-	className: v("relative flex cursor-default select-none items-center rounded-control 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: n,
-	...r,
+z.displayName = r.displayName;
+var B = b.forwardRef(({ className: t, children: n, checked: r, ...a }, o) => /* @__PURE__ */ S(e, {
+	ref: o,
+	className: v("relative flex cursor-default select-none items-center rounded-control 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", t),
+	checked: r,
+	...a,
 	children: [/* @__PURE__ */ x("span", {
 		className: "absolute left-ds-03 flex h-ico-sm w-ico-sm items-center justify-center",
-		children: /* @__PURE__ */ x(o, { children: /* @__PURE__ */ x(y, {
+		children: /* @__PURE__ */ x(i, { children: /* @__PURE__ */ x(y, {
 			icon: C,
 			size: "sm"
 		}) })
-	}), t]
+	}), n]
 }));
-B.displayName = d.displayName;
-var V = b.forwardRef(({ className: e, children: t, ...n }, r) => /* @__PURE__ */ S(i, {
+B.displayName = e.displayName;
+var V = b.forwardRef(({ className: e, children: t, ...n }, r) => /* @__PURE__ */ S(l, {
 	ref: r,
 	className: v("relative flex cursor-default select-none items-center rounded-control 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),
 	...n,
 	children: [/* @__PURE__ */ x("span", {
 		className: "absolute left-ds-03 flex h-ico-sm w-ico-sm items-center justify-center",
-		children: /* @__PURE__ */ x(o, { children: /* @__PURE__ */ x(T, { className: "h-2 w-2 fill-current" }) })
+		children: /* @__PURE__ */ x(i, { children: /* @__PURE__ */ x(T, { className: "h-2 w-2 fill-current" }) })
 	}), /* @__PURE__ */ x("span", {
 		className: "min-w-0 truncate",
 		children: t
 	})]
 }));
-V.displayName = i.displayName;
-var H = b.forwardRef(({ className: e, inset: t, ...n }, r) => /* @__PURE__ */ x(f, {
+V.displayName = l.displayName;
+var H = b.forwardRef(({ className: e, inset: t, ...n }, r) => /* @__PURE__ */ x(a, {
 	ref: r,
 	className: v("px-ds-03 py-ds-02b text-ds-md font-semibold", t && "pl-ds-07", e),
 	...n
 }));
-H.displayName = f.displayName;
-var U = b.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ x(p, {
+H.displayName = a.displayName;
+var U = b.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ x(d, {
 	ref: n,
 	className: v("-mx-ds-01 my-ds-02 h-px bg-surface-border", e),
 	...t
 }));
-U.displayName = p.displayName;
+U.displayName = d.displayName;
 var W = ({ className: e, ...t }) => /* @__PURE__ */ x("span", {
 	className: v("ml-auto text-ds-sm text-surface-fg-subtle", e),
 	...t

package/dist/ui/navigation-menu.js

@@ -1,5 +1,5 @@
 "use client";
-import { a as e, c as t, d as n, f as r, l as i, o as a, s as o, u as s } from "../_chunks/primitives.js";
+import { Content$1 as e, Indicator as t, Item as n, Link as r, List$1 as i, Root2$1 as a, Trigger$1 as o, Viewport as s } from "../_chunks/primitives.js";
 import { springs as c, tweens as l } from "./lib/motion.js";
 import { cn as u } from "./lib/utils.js";
 import { Icon as d } from "./icon.js";
@@ -8,23 +8,23 @@ import { jsx as p, jsxs as m } from "react/jsx-runtime";
 import { IconChevronDown as h } from "@tabler/icons-react";
 import { motion as g } from "framer-motion";
 //#region src/ui/navigation-menu.tsx
-var _ = f.forwardRef(({ className: e, children: t, ...n }, r) => /* @__PURE__ */ m(s, {
+var _ = f.forwardRef(({ className: e, children: t, ...n }, r) => /* @__PURE__ */ m(a, {
 	ref: r,
 	className: u("relative z-raised flex max-w-max flex-1 items-center justify-center", e),
 	...n,
 	children: [t, /* @__PURE__ */ p(w, {})]
 }));
-_.displayName = s.displayName;
+_.displayName = a.displayName;
 var v = f.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ p(i, {
 	ref: n,
 	className: u("group flex flex-1 list-none items-center justify-center space-x-ds-02", e),
 	...t
 }));
 v.displayName = i.displayName;
-var y = o, b = f.forwardRef(({ className: e, children: t, ...r }, i) => /* @__PURE__ */ m(n, {
-	ref: i,
+var y = n, b = f.forwardRef(({ className: e, children: t, ...n }, r) => /* @__PURE__ */ m(o, {
+	ref: r,
 	className: u("group inline-flex h-ds-sm-plus w-max items-center justify-center rounded-control 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", e),
-	...r,
+	...n,
 	children: [
 		t,
 		" ",
@@ -35,7 +35,7 @@ var y = o, b = f.forwardRef(({ className: e, children: t, ...r }, i) => /* @__PU
 		})
 	]
 }));
-b.displayName = n.displayName;
+b.displayName = o.displayName;
 var x = {
 	"from-start": {
 		x: "-13rem",
@@ -95,16 +95,16 @@ var x = {
 	});
 });
 S.displayName = e.displayName;
-var C = t, w = f.forwardRef(({ className: e, ...t }, n) => {
-	let i = f.useRef(null), a = f.useCallback((e) => {
-		i.current = e, typeof n == "function" ? n(e) : n && (n.current = e);
-	}, [n]), [o, s] = f.useState(!1);
+var C = r, w = f.forwardRef(({ className: e, ...t }, n) => {
+	let r = f.useRef(null), i = f.useCallback((e) => {
+		r.current = e, typeof n == "function" ? n(e) : n && (n.current = e);
+	}, [n]), [a, o] = f.useState(!1);
 	return f.useEffect(() => {
-		let e = i.current;
+		let e = r.current;
 		if (!e) return;
-		s(e.getAttribute("data-state") === "open");
+		o(e.getAttribute("data-state") === "open");
 		let t = new MutationObserver((t) => {
-			for (let n of t) n.attributeName === "data-state" && s(e.getAttribute("data-state") === "open");
+			for (let n of t) n.attributeName === "data-state" && o(e.getAttribute("data-state") === "open");
 		});
 		return t.observe(e, {
 			attributes: !0,
@@ -112,15 +112,15 @@ var C = t, w = f.forwardRef(({ className: e, ...t }, n) => {
 		}), () => t.disconnect();
 	}, []), /* @__PURE__ */ m("div", {
 		className: u("absolute left-0 top-full flex justify-center"),
-		children: [/* @__PURE__ */ p(r, {
+		children: [/* @__PURE__ */ p(s, {
 			className: u("origin-top-center relative mt-ds-02b h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-overlay bg-surface-overlay shadow-floating md:w-[var(--radix-navigation-menu-viewport-width)]", e),
-			ref: a,
+			ref: i,
 			...t
 		}), /* @__PURE__ */ p(g.div, {
 			"aria-hidden": !0,
 			className: "absolute inset-0 pointer-events-none",
 			initial: !1,
-			animate: o ? {
+			animate: a ? {
 				opacity: 1,
 				scale: 1
 			} : {
@@ -134,13 +134,13 @@ var C = t, w = f.forwardRef(({ className: e, ...t }, n) => {
 		})]
 	});
 });
-w.displayName = r.displayName;
-var T = f.forwardRef(({ className: e, ...t }, n) => {
-	let r = f.useRef(null), i = f.useCallback((e) => {
-		r.current = e, typeof n == "function" ? n(e) : n && (n.current = e);
-	}, [n]), [o, s] = f.useState(!1);
+w.displayName = s.displayName;
+var T = f.forwardRef(({ className: e, ...n }, r) => {
+	let i = f.useRef(null), a = f.useCallback((e) => {
+		i.current = e, typeof r == "function" ? r(e) : r && (r.current = e);
+	}, [r]), [o, s] = f.useState(!1);
 	return f.useEffect(() => {
-		let e = r.current;
+		let e = i.current;
 		if (!e) return;
 		s(e.getAttribute("data-state") === "visible");
 		let t = new MutationObserver((t) => {
@@ -150,10 +150,10 @@ var T = f.forwardRef(({ className: e, ...t }, n) => {
 			attributes: !0,
 			attributeFilter: ["data-state"]
 		}), () => t.disconnect();
-	}, []), /* @__PURE__ */ p(a, {
-		ref: i,
+	}, []), /* @__PURE__ */ p(t, {
+		ref: a,
 		className: u("top-full z-base flex h-ds-02b items-end justify-center overflow-hidden", e),
-		...t,
+		...n,
 		children: /* @__PURE__ */ p(g.div, {
 			layout: !0,
 			initial: !1,
@@ -163,6 +163,6 @@ var T = f.forwardRef(({ className: e, ...t }, n) => {
 		})
 	});
 });
-T.displayName = a.displayName;
+T.displayName = t.displayName;
 //#endregion
 export { _ as NavigationMenu, S as NavigationMenuContent, T as NavigationMenuIndicator, y as NavigationMenuItem, C as NavigationMenuLink, v as NavigationMenuList, b as NavigationMenuTrigger, w as NavigationMenuViewport };

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

@@ -1,7 +1,9 @@
 "use client";
 import { VariantProps } from 'class-variance-authority';
+import { FieldState } from './lib/field-state';
 import * as React from 'react';
-export type NumberInputState = 'default' | 'error' | 'warning' | 'success';
+/** @deprecated Use `FieldState` — the shared control-state type. Kept as an alias. */
+export type NumberInputState = FieldState;
 declare const numberInputWrapperVariants: (props?: ({
     size?: "xs" | "sm" | "md" | "lg" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
@@ -47,7 +49,7 @@ export interface NumberInputProps extends Omit<React.InputHTMLAttributes<HTMLInp
     /** Size of the number input. Controls height, button sizes, text size. */
     size?: NumberInputSize;
     /** Validation state controlling border color. */
-    state?: NumberInputState;
+    state?: FieldState;
 }
 declare const NumberInput: React.ForwardRefExoticComponent<NumberInputProps & React.RefAttributes<HTMLInputElement>>;
 export { NumberInput, numberInputWrapperVariants };

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":"AAGA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AACjE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAO9B,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,CAAA;AAE1E,QAAA,MAAM,0BAA0B;;8EAa/B,CAAA;AAED,MAAM,MAAM,eAAe,GAAG,WAAW,CAAC,YAAY,CAAC,OAAO,0BAA0B,CAAC,CAAC,MAAM,CAAC,CAAC,CAAA;AAkClG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;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;IACb,0EAA0E;IAC1E,IAAI,CAAC,EAAE,eAAe,CAAA;IACtB,iDAAiD;IACjD,KAAK,CAAC,EAAE,gBAAgB,CAAA;CACzB;AAED,QAAA,MAAM,WAAW,2FAwHhB,CAAA;AAGD,OAAO,EAAE,WAAW,EAAE,0BAA0B,EAAE,CAAA"}
+{"version":3,"file":"number-input.d.ts","sourceRoot":"","sources":["../../src/ui/number-input.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AACjE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,OAAO,EAAE,KAAK,UAAU,EAAqB,MAAM,mBAAmB,CAAA;AAGtE,sFAAsF;AACtF,MAAM,MAAM,gBAAgB,GAAG,UAAU,CAAA;AAEzC,QAAA,MAAM,0BAA0B;;8EAa/B,CAAA;AAED,MAAM,MAAM,eAAe,GAAG,WAAW,CAAC,YAAY,CAAC,OAAO,0BAA0B,CAAC,CAAC,MAAM,CAAC,CAAC,CAAA;AAkClG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;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;IACb,0EAA0E;IAC1E,IAAI,CAAC,EAAE,eAAe,CAAA;IACtB,iDAAiD;IACjD,KAAK,CAAC,EAAE,UAAU,CAAA;CACnB;AAED,QAAA,MAAM,WAAW,2FAmHhB,CAAA;AAGD,OAAO,EAAE,WAAW,EAAE,0BAA0B,EAAE,CAAA"}

package/dist/ui/number-input.js

@@ -1,13 +1,14 @@
 "use client";
-import { t as e } from "../_chunks/vendor-utils.js";
+import { cva as e } from "../_chunks/vendor-utils.js";
 import { cn as t } from "./lib/utils.js";
 import { Icon as n } from "./icon.js";
 import { useFormField as r } from "./form.js";
-import * as i from "react";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
-import { IconMinus as s, IconPlus as c } from "@tabler/icons-react";
+import { resolveFieldState as i } from "../_chunks/field-state.js";
+import * as a from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { IconMinus as c, IconPlus as l } from "@tabler/icons-react";
 //#region src/ui/number-input.tsx
-var l = e("flex items-center justify-between rounded-control border border-surface-border-strong", {
+var u = e("flex items-center justify-between rounded-control border border-surface-border-strong", {
 	variants: { size: {
 		xs: "h-ds-xs-plus",
 		sm: "h-ds-sm",
@@ -15,89 +16,89 @@ var l = e("flex items-center justify-between rounded-control border border-surfa
 		lg: "h-ds-lg"
 	} },
 	defaultVariants: { size: "md" }
-}), u = {
+}), d = {
 	xs: "h-[22px] w-[22px]",
 	sm: "h-ds-sm w-ds-sm",
 	md: "h-ds-sm w-ds-sm",
 	lg: "h-ds-md w-ds-md"
-}, d = {
+}, f = {
 	xs: "xs",
 	sm: "sm",
 	md: "sm",
 	lg: "md"
-}, f = {
-	xs: "text-ds-sm w-[28px]",
+}, p = {
+	xs: "text-ds-sm w-ds-06b",
 	sm: "text-ds-sm w-ds-sm-plus",
 	md: "text-ds-md w-ds-sm-plus",
 	lg: "text-ds-md w-ds-md"
-}, p = {
+}, m = {
 	default: "",
 	error: "border-error-7",
 	warning: "border-warning-7",
 	success: "border-success-7"
-}, m = i.forwardRef(({ value: e = 0, onValueChange: i, min: m = -(2 ** 53 - 1), max: h = 2 ** 53 - 1, step: g = 1, disabled: _ = !1, className: v, size: y = "md", state: b, "aria-label": x, ...S }, C) => {
-	let w = y ?? "md", T = r(), E = x ?? (S.id || T.helperTextId ? void 0 : "Numeric value"), D = b ?? (T.state === "helper" ? "default" : T.state) ?? "default", O = (e) => {
+}, h = a.forwardRef(({ value: e = 0, onValueChange: a, min: h = -(2 ** 53 - 1), max: g = 2 ** 53 - 1, step: _ = 1, disabled: v = !1, className: y, size: b = "md", state: x, "aria-label": S, ...C }, w) => {
+	let T = b ?? "md", E = r(), D = S ?? (C.id || E.helperTextId ? void 0 : "Numeric value"), O = i(x, E.state) ?? "default", k = (e) => {
 		let t = e.target.value.trim();
 		if (t === "" || t === "-") {
-			i?.(m >= 0 ? m : 0);
+			a?.(h >= 0 ? h : 0);
 			return;
 		}
 		let n = Number(t);
-		Number.isNaN(n) || i?.(Math.min(Math.max(n, m), h));
-	}, k = (t) => {
-		t.preventDefault();
-		let n = e + g;
-		n <= h && i?.(n);
+		Number.isNaN(n) || a?.(Math.min(Math.max(n, h), g));
 	}, A = (t) => {
 		t.preventDefault();
-		let n = e - g;
-		n >= m && i?.(n);
-	}, j = u[w], M = d[w], N = f[w];
-	return /* @__PURE__ */ o("div", {
-		className: t(l({ size: w }), p[D], v),
+		let n = e + _;
+		n <= g && a?.(n);
+	}, j = (t) => {
+		t.preventDefault();
+		let n = e - _;
+		n >= h && a?.(n);
+	}, M = d[T], N = f[T], P = p[T];
+	return /* @__PURE__ */ s("div", {
+		className: t(u({ size: T }), m[O], y),
 		children: [
-			/* @__PURE__ */ a("button", {
+			/* @__PURE__ */ o("button", {
 				type: "button",
-				onClick: A,
-				disabled: _ || e <= m,
+				onClick: j,
+				disabled: v || e <= h,
 				"aria-label": "Decrease value",
 				title: "Decrease",
-				className: t("flex items-center justify-center border-0 rounded-control-inner text-surface-fg-subtle hover:bg-surface-raised-hover hover:text-surface-fg-muted active:scale-90 transition-[color,background-color,transform] duration-fast-01 ease-productive-standard disabled:opacity-action-disabled disabled:pointer-events-none", j),
-				children: /* @__PURE__ */ a(n, {
-					icon: s,
-					size: M
+				className: t("flex items-center justify-center border-0 rounded-control-inner text-surface-fg-subtle hover:bg-surface-raised-hover hover:text-surface-fg-muted active:scale-90 transition-[color,background-color,transform] duration-fast-01 ease-productive-standard disabled:opacity-action-disabled disabled:pointer-events-none", M),
+				children: /* @__PURE__ */ o(n, {
+					icon: c,
+					size: N
 				})
 			}),
-			/* @__PURE__ */ a("input", {
-				ref: C,
+			/* @__PURE__ */ o("input", {
+				ref: w,
 				type: "number",
 				value: e,
-				onChange: O,
-				min: m,
-				max: h,
-				step: g,
-				disabled: _,
-				"aria-label": E,
-				"aria-invalid": D === "error" || void 0,
-				"aria-describedby": S["aria-describedby"] ?? T.helperTextId,
-				className: t("bg-transparent font-semibold 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", N),
-				...S
+				onChange: k,
+				min: h,
+				max: g,
+				step: _,
+				disabled: v,
+				"aria-label": D,
+				"aria-invalid": O === "error" || void 0,
+				"aria-describedby": C["aria-describedby"] ?? E.helperTextId,
+				className: t("bg-transparent font-semibold 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", P),
+				...C
 			}),
-			/* @__PURE__ */ a("button", {
+			/* @__PURE__ */ o("button", {
 				type: "button",
-				onClick: k,
-				disabled: _ || e >= h,
+				onClick: A,
+				disabled: v || e >= g,
 				"aria-label": "Increase value",
 				title: "Increase",
-				className: t("flex items-center justify-center border-0 rounded-control-inner text-surface-fg-subtle hover:bg-surface-raised-hover hover:text-surface-fg-muted active:scale-90 transition-[color,background-color,transform] duration-fast-01 ease-productive-standard disabled:opacity-action-disabled disabled:pointer-events-none", j),
-				children: /* @__PURE__ */ a(n, {
-					icon: c,
-					size: M
+				className: t("flex items-center justify-center border-0 rounded-control-inner text-surface-fg-subtle hover:bg-surface-raised-hover hover:text-surface-fg-muted active:scale-90 transition-[color,background-color,transform] duration-fast-01 ease-productive-standard disabled:opacity-action-disabled disabled:pointer-events-none", M),
+				children: /* @__PURE__ */ o(n, {
+					icon: l,
+					size: N
 				})
 			})
 		]
 	});
 });
-m.displayName = "NumberInput";
+h.displayName = "NumberInput";
 //#endregion
-export { m as NumberInput, l as numberInputWrapperVariants };
+export { h as NumberInput, u as numberInputWrapperVariants };

package/dist/ui/number-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"number-input.js","names":[],"sources":["../../src/ui/number-input.tsx"],"sourcesContent":["'use client'\n\nimport { IconMinus, IconPlus } from '@tabler/icons-react'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport * as React from 'react'\n\nimport { useFormField } from './form'\nimport { Icon } from './icon'\nimport type { IconSize } from './icon-context'\nimport { cn } from './lib/utils'\n\nexport type NumberInputState = 'default' | 'error' | 'warning' | 'success'\n\nconst numberInputWrapperVariants = cva(\n  'flex items-center justify-between rounded-control border border-surface-border-strong',\n  {\n    variants: {\n      size: {\n        xs: 'h-ds-xs-plus',\n        sm: 'h-ds-sm',\n        md: 'h-ds-md',\n        lg: 'h-ds-lg',\n      },\n    },\n    defaultVariants: { size: 'md' },\n  },\n)\n\nexport type NumberInputSize = NonNullable<VariantProps<typeof numberInputWrapperVariants>['size']>\n\n/** Maps size to stepper button dimensions */\nconst buttonSizeMap: Record<NonNullable<NumberInputSize>, string> = {\n  xs: 'h-[22px] w-[22px]',\n  sm: 'h-ds-sm w-ds-sm',\n  md: 'h-ds-sm w-ds-sm',\n  lg: 'h-ds-md w-ds-md',\n}\n\n/** Maps size to Icon component size */\nconst iconSizeMap: Record<NonNullable<NumberInputSize>, IconSize> = {\n  xs: 'xs',\n  sm: 'sm',\n  md: 'sm',\n  lg: 'md',\n}\n\n/** Maps size to input text and width classes */\nconst inputSizeMap: Record<NonNullable<NumberInputSize>, string> = {\n  xs: 'text-ds-sm w-[28px]',\n  sm: 'text-ds-sm w-ds-sm-plus',\n  md: 'text-ds-md w-ds-sm-plus',\n  lg: 'text-ds-md w-ds-md',\n}\n\n/** Maps state to border color classes */\nconst stateColorMap: Record<NonNullable<NumberInputState>, string> = {\n  default: '',\n  error: 'border-error-7',\n  warning: 'border-warning-7',\n  success: 'border-success-7',\n}\n\n/**\n * Props for NumberInput — a stepper control with \"−\" and \"+\" buttons flanking a numeric input,\n * clamped between `min` and `max`. The decrement/increment buttons are disabled when bounds are reached.\n *\n * **Controlled only:** Pass `value` + `onValueChange` for controlled usage. Uncontrolled usage is\n * possible but the buttons won't update the displayed value without `onValueChange`.\n *\n * **Step:** The `step` prop controls how much each button press increments/decrements (default 1).\n * Direct text input is also clamped to `[min, max]` on change.\n *\n * **Sizes:** `xs` (28px) | `sm` (32px) | `md` (40px, default) | `lg` (48px)\n *\n * **Validation states:** `state=\"error\"` colors the border red.\n * Use with `<FormField>` to show helper text below the input.\n *\n * @example\n * // Quantity selector with 1–99 range:\n * <NumberInput value={qty} onValueChange={setQty} min={1} max={99} />\n *\n * @example\n * // Rating input (1–10, step 1):\n * <NumberInput value={rating} onValueChange={setRating} min={1} max={10} />\n *\n * @example\n * // Fine-grained opacity control (0–100, step 5):\n * <NumberInput value={opacity} onValueChange={setOpacity} min={0} max={100} step={5} />\n *\n * @example\n * // Disabled number display (read-only-like):\n * <NumberInput value={autoCalcValue} onValueChange={() => {}} disabled />\n * // These are just a few ways — feel free to combine props creatively!\n */\nexport interface NumberInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'value' | 'onChange' | 'type' | 'size'> {\n  value?: number\n  onValueChange?: (value: number) => void\n  min?: number\n  max?: number\n  step?: number\n  /** Size of the number input. Controls height, button sizes, text size. */\n  size?: NumberInputSize\n  /** Validation state controlling border color. */\n  state?: NumberInputState\n}\n\nconst NumberInput = React.forwardRef<HTMLInputElement, NumberInputProps>(\n  (\n    {\n      value = 0,\n      onValueChange,\n      min = Number.MIN_SAFE_INTEGER,\n      max = Number.MAX_SAFE_INTEGER,\n      step = 1,\n      disabled = false,\n      className,\n      size: sizeProp = 'md',\n      state: stateProp,\n      'aria-label': ariaLabelProp,\n      ...rest\n    },\n    ref,\n  ) => {\n    const size = sizeProp ?? 'md'\n    const fieldCtx = useFormField()\n    // If no explicit aria-label and not inside a FormField (no id to associate with Label),\n    // provide a sensible default\n    const ariaLabel = ariaLabelProp ?? (rest.id || fieldCtx.helperTextId ? undefined : 'Numeric value')\n\n    // Merge FormField context — explicit props always win\n    const state =\n      stateProp ??\n      (fieldCtx.state === 'helper'\n        ? 'default'\n        : (fieldCtx.state as NumberInputState | undefined)) ??\n      'default'\n\n    const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n      const raw = e.target.value.trim()\n      if (raw === '' || raw === '-') {\n        onValueChange?.(min >= 0 ? min : 0)\n        return\n      }\n      const parsed = Number(raw)\n      if (Number.isNaN(parsed)) return\n      const clamped = Math.min(Math.max(parsed, min), max)\n      onValueChange?.(clamped)\n    }\n\n    const handleIncrement = (e: React.MouseEvent<HTMLButtonElement>) => {\n      e.preventDefault() // Prevent form submission\n      const newValue = value + step\n      if (newValue <= max) {\n        onValueChange?.(newValue)\n      }\n    }\n\n    const handleDecrement = (e: React.MouseEvent<HTMLButtonElement>) => {\n      e.preventDefault() // Prevent form submission\n      const newValue = value - step\n      if (newValue >= min) {\n        onValueChange?.(newValue)\n      }\n    }\n\n    const resolvedButtonSize = buttonSizeMap[size]\n    const resolvedIconSize = iconSizeMap[size]\n    const resolvedInputSize = inputSizeMap[size]\n\n    return (\n      <div\n        className={cn(\n          numberInputWrapperVariants({ size }),\n          stateColorMap[state],\n          className,\n        )}\n      >\n        <button\n          type=\"button\"\n          onClick={handleDecrement}\n          disabled={disabled || value <= min}\n          aria-label=\"Decrease value\"\n          title=\"Decrease\"\n          className={cn(\n            'flex items-center justify-center border-0 rounded-control-inner text-surface-fg-subtle hover:bg-surface-raised-hover hover:text-surface-fg-muted active:scale-90 transition-[color,background-color,transform] duration-fast-01 ease-productive-standard disabled:opacity-action-disabled disabled:pointer-events-none',\n            resolvedButtonSize,\n          )}\n        >\n          <Icon icon={IconMinus} size={resolvedIconSize} />\n        </button>\n\n        <input\n          ref={ref}\n          type=\"number\"\n          value={value}\n          onChange={handleInputChange}\n          min={min}\n          max={max}\n          step={step}\n          disabled={disabled}\n          aria-label={ariaLabel}\n          aria-invalid={state === 'error' || undefined}\n          aria-describedby={rest['aria-describedby'] ?? fieldCtx.helperTextId}\n          className={cn(\n            'bg-transparent font-semibold 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',\n            resolvedInputSize,\n          )}\n          {...rest}\n        />\n\n        <button\n          type=\"button\"\n          onClick={handleIncrement}\n          disabled={disabled || value >= max}\n          aria-label=\"Increase value\"\n          title=\"Increase\"\n          className={cn(\n            'flex items-center justify-center border-0 rounded-control-inner text-surface-fg-subtle hover:bg-surface-raised-hover hover:text-surface-fg-muted active:scale-90 transition-[color,background-color,transform] duration-fast-01 ease-productive-standard disabled:opacity-action-disabled disabled:pointer-events-none',\n            resolvedButtonSize,\n          )}\n        >\n          <Icon icon={IconPlus} size={resolvedIconSize} />\n        </button>\n      </div>\n    )\n  },\n)\nNumberInput.displayName = 'NumberInput'\n\nexport { NumberInput, numberInputWrapperVariants }\n"],"mappings":";;;;;;;;;AAaA,IAAM,IAA6B,EACjC,yFACA;CACE,UAAU,EACR,MAAM;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACL,EACF;CACD,iBAAiB,EAAE,MAAM,MAAM;CAChC,CACF,EAKK,IAA8D;CAClE,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACL,EAGK,IAA8D;CAClE,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACL,EAGK,IAA6D;CACjE,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACL,EAGK,IAA+D;CACnE,SAAS;CACT,OAAO;CACP,SAAS;CACT,SAAS;CACV,EA8CK,IAAc,EAAM,YAEtB,EACE,WAAQ,GACR,kBACA,SAAM,gBACN,sBACA,UAAO,GACP,cAAW,IACX,cACA,MAAM,IAAW,MACjB,OAAO,GACP,cAAc,GACd,GAAG,KAEL,MACG;CACH,IAAM,IAAO,KAAY,MACnB,IAAW,GAAc,EAGzB,IAAY,MAAkB,EAAK,MAAM,EAAS,eAAe,KAAA,IAAY,kBAG7E,IACJ,MACC,EAAS,UAAU,WAChB,YACC,EAAS,UACd,WAEI,KAAqB,MAA2C;EACpE,IAAM,IAAM,EAAE,OAAO,MAAM,MAAM;AACjC,MAAI,MAAQ,MAAM,MAAQ,KAAK;AAC7B,OAAgB,KAAO,IAAI,IAAM,EAAE;AACnC;;EAEF,IAAM,IAAS,OAAO,EAAI;AACtB,SAAO,MAAM,EAAO,IAExB,IADgB,KAAK,IAAI,KAAK,IAAI,GAAQ,EAAI,EAAE,EAAI,CAC5B;IAGpB,KAAmB,MAA2C;AAClE,IAAE,gBAAgB;EAClB,IAAM,IAAW,IAAQ;AACzB,EAAI,KAAY,KACd,IAAgB,EAAS;IAIvB,KAAmB,MAA2C;AAClE,IAAE,gBAAgB;EAClB,IAAM,IAAW,IAAQ;AACzB,EAAI,KAAY,KACd,IAAgB,EAAS;IAIvB,IAAqB,EAAc,IACnC,IAAmB,EAAY,IAC/B,IAAoB,EAAa;AAEvC,QACE,kBAAC,OAAD;EACE,WAAW,EACT,EAA2B,EAAE,SAAM,CAAC,EACpC,EAAc,IACd,EACD;YALH;GAOE,kBAAC,UAAD;IACE,MAAK;IACL,SAAS;IACT,UAAU,KAAY,KAAS;IAC/B,cAAW;IACX,OAAM;IACN,WAAW,EACT,0TACA,EACD;cAED,kBAAC,GAAD;KAAM,MAAM;KAAW,MAAM;KAAoB,CAAA;IAC1C,CAAA;GAET,kBAAC,SAAD;IACO;IACL,MAAK;IACE;IACP,UAAU;IACL;IACA;IACC;IACI;IACV,cAAY;IACZ,gBAAc,MAAU,WAAW,KAAA;IACnC,oBAAkB,EAAK,uBAAuB,EAAS;IACvD,WAAW,EACT,8QACA,EACD;IACD,GAAI;IACJ,CAAA;GAEF,kBAAC,UAAD;IACE,MAAK;IACL,SAAS;IACT,UAAU,KAAY,KAAS;IAC/B,cAAW;IACX,OAAM;IACN,WAAW,EACT,0TACA,EACD;cAED,kBAAC,GAAD;KAAM,MAAM;KAAU,MAAM;KAAoB,CAAA;IACzC,CAAA;GACL;;EAGX;AACD,EAAY,cAAc"}
+{"version":3,"file":"number-input.js","names":[],"sources":["../../src/ui/number-input.tsx"],"sourcesContent":["'use client'\n\nimport { IconMinus, IconPlus } from '@tabler/icons-react'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport * as React from 'react'\n\nimport { useFormField } from './form'\nimport { Icon } from './icon'\nimport type { IconSize } from './icon-context'\nimport { type FieldState, resolveFieldState } from './lib/field-state'\nimport { cn } from './lib/utils'\n\n/** @deprecated Use `FieldState` — the shared control-state type. Kept as an alias. */\nexport type NumberInputState = FieldState\n\nconst numberInputWrapperVariants = cva(\n  'flex items-center justify-between rounded-control border border-surface-border-strong',\n  {\n    variants: {\n      size: {\n        xs: 'h-ds-xs-plus',\n        sm: 'h-ds-sm',\n        md: 'h-ds-md',\n        lg: 'h-ds-lg',\n      },\n    },\n    defaultVariants: { size: 'md' },\n  },\n)\n\nexport type NumberInputSize = NonNullable<VariantProps<typeof numberInputWrapperVariants>['size']>\n\n/** Maps size to stepper button dimensions */\nconst buttonSizeMap: Record<NonNullable<NumberInputSize>, string> = {\n  xs: 'h-[22px] w-[22px]',\n  sm: 'h-ds-sm w-ds-sm',\n  md: 'h-ds-sm w-ds-sm',\n  lg: 'h-ds-md w-ds-md',\n}\n\n/** Maps size to Icon component size */\nconst iconSizeMap: Record<NonNullable<NumberInputSize>, IconSize> = {\n  xs: 'xs',\n  sm: 'sm',\n  md: 'sm',\n  lg: 'md',\n}\n\n/** Maps size to input text and width classes */\nconst inputSizeMap: Record<NonNullable<NumberInputSize>, string> = {\n  xs: 'text-ds-sm w-ds-06b',\n  sm: 'text-ds-sm w-ds-sm-plus',\n  md: 'text-ds-md w-ds-sm-plus',\n  lg: 'text-ds-md w-ds-md',\n}\n\n/** Maps state to border color classes */\nconst stateColorMap: Record<NonNullable<NumberInputState>, string> = {\n  default: '',\n  error: 'border-error-7',\n  warning: 'border-warning-7',\n  success: 'border-success-7',\n}\n\n/**\n * Props for NumberInput — a stepper control with \"−\" and \"+\" buttons flanking a numeric input,\n * clamped between `min` and `max`. The decrement/increment buttons are disabled when bounds are reached.\n *\n * **Controlled only:** Pass `value` + `onValueChange` for controlled usage. Uncontrolled usage is\n * possible but the buttons won't update the displayed value without `onValueChange`.\n *\n * **Step:** The `step` prop controls how much each button press increments/decrements (default 1).\n * Direct text input is also clamped to `[min, max]` on change.\n *\n * **Sizes:** `xs` (28px) | `sm` (32px) | `md` (40px, default) | `lg` (48px)\n *\n * **Validation states:** `state=\"error\"` colors the border red.\n * Use with `<FormField>` to show helper text below the input.\n *\n * @example\n * // Quantity selector with 1–99 range:\n * <NumberInput value={qty} onValueChange={setQty} min={1} max={99} />\n *\n * @example\n * // Rating input (1–10, step 1):\n * <NumberInput value={rating} onValueChange={setRating} min={1} max={10} />\n *\n * @example\n * // Fine-grained opacity control (0–100, step 5):\n * <NumberInput value={opacity} onValueChange={setOpacity} min={0} max={100} step={5} />\n *\n * @example\n * // Disabled number display (read-only-like):\n * <NumberInput value={autoCalcValue} onValueChange={() => {}} disabled />\n * // These are just a few ways — feel free to combine props creatively!\n */\nexport interface NumberInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'value' | 'onChange' | 'type' | 'size'> {\n  value?: number\n  onValueChange?: (value: number) => void\n  min?: number\n  max?: number\n  step?: number\n  /** Size of the number input. Controls height, button sizes, text size. */\n  size?: NumberInputSize\n  /** Validation state controlling border color. */\n  state?: FieldState\n}\n\nconst NumberInput = React.forwardRef<HTMLInputElement, NumberInputProps>(\n  (\n    {\n      value = 0,\n      onValueChange,\n      min = Number.MIN_SAFE_INTEGER,\n      max = Number.MAX_SAFE_INTEGER,\n      step = 1,\n      disabled = false,\n      className,\n      size: sizeProp = 'md',\n      state: stateProp,\n      'aria-label': ariaLabelProp,\n      ...rest\n    },\n    ref,\n  ) => {\n    const size = sizeProp ?? 'md'\n    const fieldCtx = useFormField()\n    // If no explicit aria-label and not inside a FormField (no id to associate with Label),\n    // provide a sensible default\n    const ariaLabel = ariaLabelProp ?? (rest.id || fieldCtx.helperTextId ? undefined : 'Numeric value')\n\n    // Merge FormField context — explicit props always win (shared precedence)\n    const state = resolveFieldState(stateProp, fieldCtx.state) ?? 'default'\n\n    const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n      const raw = e.target.value.trim()\n      if (raw === '' || raw === '-') {\n        onValueChange?.(min >= 0 ? min : 0)\n        return\n      }\n      const parsed = Number(raw)\n      if (Number.isNaN(parsed)) return\n      const clamped = Math.min(Math.max(parsed, min), max)\n      onValueChange?.(clamped)\n    }\n\n    const handleIncrement = (e: React.MouseEvent<HTMLButtonElement>) => {\n      e.preventDefault() // Prevent form submission\n      const newValue = value + step\n      if (newValue <= max) {\n        onValueChange?.(newValue)\n      }\n    }\n\n    const handleDecrement = (e: React.MouseEvent<HTMLButtonElement>) => {\n      e.preventDefault() // Prevent form submission\n      const newValue = value - step\n      if (newValue >= min) {\n        onValueChange?.(newValue)\n      }\n    }\n\n    const resolvedButtonSize = buttonSizeMap[size]\n    const resolvedIconSize = iconSizeMap[size]\n    const resolvedInputSize = inputSizeMap[size]\n\n    return (\n      <div\n        className={cn(\n          numberInputWrapperVariants({ size }),\n          stateColorMap[state],\n          className,\n        )}\n      >\n        <button\n          type=\"button\"\n          onClick={handleDecrement}\n          disabled={disabled || value <= min}\n          aria-label=\"Decrease value\"\n          title=\"Decrease\"\n          className={cn(\n            'flex items-center justify-center border-0 rounded-control-inner text-surface-fg-subtle hover:bg-surface-raised-hover hover:text-surface-fg-muted active:scale-90 transition-[color,background-color,transform] duration-fast-01 ease-productive-standard disabled:opacity-action-disabled disabled:pointer-events-none',\n            resolvedButtonSize,\n          )}\n        >\n          <Icon icon={IconMinus} size={resolvedIconSize} />\n        </button>\n\n        <input\n          ref={ref}\n          type=\"number\"\n          value={value}\n          onChange={handleInputChange}\n          min={min}\n          max={max}\n          step={step}\n          disabled={disabled}\n          aria-label={ariaLabel}\n          aria-invalid={state === 'error' || undefined}\n          aria-describedby={rest['aria-describedby'] ?? fieldCtx.helperTextId}\n          className={cn(\n            'bg-transparent font-semibold 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',\n            resolvedInputSize,\n          )}\n          {...rest}\n        />\n\n        <button\n          type=\"button\"\n          onClick={handleIncrement}\n          disabled={disabled || value >= max}\n          aria-label=\"Increase value\"\n          title=\"Increase\"\n          className={cn(\n            'flex items-center justify-center border-0 rounded-control-inner text-surface-fg-subtle hover:bg-surface-raised-hover hover:text-surface-fg-muted active:scale-90 transition-[color,background-color,transform] duration-fast-01 ease-productive-standard disabled:opacity-action-disabled disabled:pointer-events-none',\n            resolvedButtonSize,\n          )}\n        >\n          <Icon icon={IconPlus} size={resolvedIconSize} />\n        </button>\n      </div>\n    )\n  },\n)\nNumberInput.displayName = 'NumberInput'\n\nexport { NumberInput, numberInputWrapperVariants }\n"],"mappings":";;;;;;;;;;AAeA,IAAM,IAA6B,EACjC,yFACA;CACE,UAAU,EACR,MAAM;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACL,EACF;CACD,iBAAiB,EAAE,MAAM,MAAM;CAChC,CACF,EAKK,IAA8D;CAClE,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACL,EAGK,IAA8D;CAClE,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACL,EAGK,IAA6D;CACjE,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACL,EAGK,IAA+D;CACnE,SAAS;CACT,OAAO;CACP,SAAS;CACT,SAAS;CACV,EA8CK,IAAc,EAAM,YAEtB,EACE,WAAQ,GACR,kBACA,SAAM,gBACN,sBACA,UAAO,GACP,cAAW,IACX,cACA,MAAM,IAAW,MACjB,OAAO,GACP,cAAc,GACd,GAAG,KAEL,MACG;CACH,IAAM,IAAO,KAAY,MACnB,IAAW,GAAc,EAGzB,IAAY,MAAkB,EAAK,MAAM,EAAS,eAAe,KAAA,IAAY,kBAG7E,IAAQ,EAAkB,GAAW,EAAS,MAAM,IAAI,WAExD,KAAqB,MAA2C;EACpE,IAAM,IAAM,EAAE,OAAO,MAAM,MAAM;AACjC,MAAI,MAAQ,MAAM,MAAQ,KAAK;AAC7B,OAAgB,KAAO,IAAI,IAAM,EAAE;AACnC;;EAEF,IAAM,IAAS,OAAO,EAAI;AACtB,SAAO,MAAM,EAAO,IAExB,IADgB,KAAK,IAAI,KAAK,IAAI,GAAQ,EAAI,EAAE,EAAI,CAC5B;IAGpB,KAAmB,MAA2C;AAClE,IAAE,gBAAgB;EAClB,IAAM,IAAW,IAAQ;AACzB,EAAI,KAAY,KACd,IAAgB,EAAS;IAIvB,KAAmB,MAA2C;AAClE,IAAE,gBAAgB;EAClB,IAAM,IAAW,IAAQ;AACzB,EAAI,KAAY,KACd,IAAgB,EAAS;IAIvB,IAAqB,EAAc,IACnC,IAAmB,EAAY,IAC/B,IAAoB,EAAa;AAEvC,QACE,kBAAC,OAAD;EACE,WAAW,EACT,EAA2B,EAAE,SAAM,CAAC,EACpC,EAAc,IACd,EACD;YALH;GAOE,kBAAC,UAAD;IACE,MAAK;IACL,SAAS;IACT,UAAU,KAAY,KAAS;IAC/B,cAAW;IACX,OAAM;IACN,WAAW,EACT,0TACA,EACD;cAED,kBAAC,GAAD;KAAM,MAAM;KAAW,MAAM;KAAoB,CAAA;IAC1C,CAAA;GAET,kBAAC,SAAD;IACO;IACL,MAAK;IACE;IACP,UAAU;IACL;IACA;IACC;IACI;IACV,cAAY;IACZ,gBAAc,MAAU,WAAW,KAAA;IACnC,oBAAkB,EAAK,uBAAuB,EAAS;IACvD,WAAW,EACT,8QACA,EACD;IACD,GAAI;IACJ,CAAA;GAEF,kBAAC,UAAD;IACE,MAAK;IACL,SAAS;IACT,UAAU,KAAY,KAAS;IAC/B,cAAW;IACX,OAAM;IACN,WAAW,EACT,0TACA,EACD;cAED,kBAAC,GAAD;KAAM,MAAM;KAAU,MAAM;KAAoB,CAAA;IACzC,CAAA;GACL;;EAGX;AACD,EAAY,cAAc"}

package/dist/ui/oauth-button/index.js

@@ -1,3 +1,3 @@
 "use client";
-import { a as e, c as t, i as n, n as r, o as i, r as a, s as o, t as s } from "../../_chunks/oauth-button.js";
-export { s as OAuth, r as OAuthButton, a as OAuthConnectionRow, n as OAuthDivider, e as OAuthGlyph, i as OAuthGroup, o as getOAuthLabel, t as getOAuthName };
+import { OAuth as e, OAuthButton as t, OAuthConnectionRow as n, OAuthDivider as r, OAuthGlyph as i, OAuthGroup as a, getOAuthLabel as o, getOAuthName as s } from "../../_chunks/oauth-button.js";
+export { e as OAuth, t as OAuthButton, n as OAuthConnectionRow, r as OAuthDivider, i as OAuthGlyph, a as OAuthGroup, o as getOAuthLabel, s as getOAuthName };

package/dist/ui/pagination.js

@@ -1,5 +1,5 @@
 "use client";
-import { Hn as e } from "../_chunks/primitives.js";
+import { Slot as e } from "../_chunks/primitives.js";
 import { cn as t } from "./lib/utils.js";
 import { Icon as n } from "./icon.js";
 import * as r from "react";