@alfadocs/ui-kit 0.12.0 → 0.13.0

package/dist/_chunks/{ai-prompt-input-noh-N3cf.js → ai-prompt-input-DEiQwIMn.js}

@@ -6,7 +6,7 @@ import { u as Ae } from "./registry-C9nwlNyL.js";
 import { _ as b } from "./index-4xgbg-sn.js";
 import { u as Ce } from "./index-CFoBa86t.js";
 import { I as ne } from "./icon-button-C4CGcYuz.js";
-import { S as Le } from "./select-i9MwQeQy.js";
+import { S as Le } from "./select-Ca6ibiDL.js";
 import { S as Re } from "./send-CySZIRPJ.js";
 import { X as Ue } from "./x-CCcI3eJp.js";
 const We = {
@@ -82,8 +82,9 @@ const We = {
 }, Ze = _e(
   [
     "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:w-full",
-    "ds:rounded-[var(--radius-md)] ds:border ds:border-border ds:bg-background",
-    "ds:transition-[border-color] ds:duration-[var(--animation-duration)]",
+    "ds:rounded-[var(--radius-md)] ds:border ds:border-border ds:bg-input",
+    "ds:shadow-[var(--shadow-input)]",
+    "ds:transition-[border-color,box-shadow] ds:duration-[var(--animation-duration)]",
     "ds:focus-within:border-[color:var(--primary)]",
     "ds:motion-reduce:transition-none"
   ].join(" "),
@@ -109,8 +110,8 @@ const We = {
     context: B,
     onContextDismiss: y,
     onSubmit: I,
-    onAttach: k,
-    onAttachmentRejected: N,
+    onAttach: w,
+    onAttachmentRejected: k,
     minRows: $ = 2,
     maxRows: W = 8,
     value: Z,
@@ -128,14 +129,14 @@ const We = {
     ...ce
   }, pe) => {
     var se;
-    const { t: o } = re(), ue = $e(), w = T(null), S = T(!1), me = T(null), fe = g((e) => {
-      w.current = e;
+    const { t: o } = re(), ue = $e(), N = T(null), S = T(!1), me = T(null), fe = g((e) => {
+      N.current = e;
     }, []), c = Z !== void 0, [ve, f] = h(
       String(Q ?? "")
     ), i = c ? String(Z) : ve, [u, z] = h([]), [v, P] = h(!1), [ge, M] = h(""), [he, be] = h(
       E ?? ((se = d == null ? void 0 : d[0]) == null ? void 0 : se.id) ?? ""
     ), X = U !== void 0, L = X ? U : he, Y = g(() => {
-      const e = w.current;
+      const e = N.current;
       if (!e) return;
       const t = window.getComputedStyle(e), n = parseFloat(t.lineHeight) || 24, r = parseFloat(t.paddingTop) || 0, p = parseFloat(t.paddingBottom) || 0, l = parseFloat(t.borderTopWidth) || 0, R = parseFloat(t.borderBottomWidth) || 0, K = r + p + l + R, Ee = n * $ + K, ae = n * W + K;
       e.style.height = "auto";
@@ -163,9 +164,9 @@ const We = {
       xe(e.target.value, t);
     }, Ie = (e) => {
       S.current = !0, D == null || D(e);
-    }, ke = (e) => {
+    }, we = (e) => {
       S.current = !1, _ == null || _(e);
-    }, Ne = (e) => e.nativeEvent.isComposing || e.keyCode === 229 || S.current, V = g(() => {
+    }, ke = (e) => e.nativeEvent.isComposing || e.keyCode === 229 || S.current, V = g(() => {
       if (!i.trim() && u.length === 0) return;
       let t, n = i;
       const r = i.match(/^\/(\S+)\s?/);
@@ -177,7 +178,7 @@ const We = {
       }), c || f(""), z([]);
     }, [i, u, I, L, c]), G = T(null);
     je(pe, () => G.current, []);
-    const we = De(
+    const Ne = De(
       () => ({
         getValue: () => i,
         isEmpty: () => !i.trim() && u.length === 0,
@@ -193,14 +194,14 @@ const We = {
         },
         focus: () => {
           var e;
-          (e = w.current) == null || e.focus();
+          (e = N.current) == null || e.focus();
         }
       }),
       [i, u, c, V]
     );
-    Ae(We, we, C);
+    Ae(We, Ne, C);
     const Se = (e) => {
-      if (j == null || j(e), !e.defaultPrevented && !Ne(e)) {
+      if (j == null || j(e), !e.defaultPrevented && !ke(e)) {
         if (v && e.key === "Escape") {
           e.preventDefault(), P(!1);
           return;
@@ -208,7 +209,7 @@ const We = {
         e.key === "Enter" && (e.metaKey || e.ctrlKey) && (e.preventDefault(), V());
       }
     }, ze = (e) => {
-      const t = w.current;
+      const t = N.current;
       if (!t) return;
       const n = t.selectionStart ?? i.length, p = i.slice(0, n).lastIndexOf(`
 `) + 1;
@@ -236,7 +237,7 @@ const We = {
         const t = [];
         for (const r of e) {
           if (typeof x == "number" && r.size > x) {
-            N == null || N(
+            k == null || k(
               o("chat.attachment.rejected", { reason: "size" })
             );
             continue;
@@ -246,9 +247,9 @@ const We = {
             file: r
           });
         }
-        t.length > 0 && (z((r) => [...r, ...t]), k == null || k(t.map((r) => r.file)));
+        t.length > 0 && (z((r) => [...r, ...t]), w == null || w(t.map((r) => r.file)));
       },
-      [x, k, N, o]
+      [x, w, k, o]
     ), { getRootProps: Me, getInputProps: Ve, isDragActive: He } = Ce({
       onDrop: J,
       maxSize: x,
@@ -315,7 +316,7 @@ const We = {
                 onKeyDown: Se,
                 onPaste: Pe,
                 onCompositionStart: Ie,
-                onCompositionEnd: ke,
+                onCompositionEnd: we,
                 className: [
                   "ds:w-full ds:resize-none ds:bg-transparent ds:outline-none",
                   "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)] ds:pt-[var(--spacing-sm)] ds:pb-[var(--spacing-xs)]",
@@ -473,4 +474,4 @@ export {
   Qe as A,
   We as a
 };
-//# sourceMappingURL=ai-prompt-input-noh-N3cf.js.map
+//# sourceMappingURL=ai-prompt-input-DEiQwIMn.js.map

package/dist/_chunks/{audio-recorder-BHBonrFf.js → audio-recorder-CRh4uyFL.js}

@@ -4,7 +4,7 @@ import { c as ce } from "./index-D2ZczOXr.js";
 import { useTranslation as oe } from "react-i18next";
 import { B as G } from "./button-DD_0Xdmr.js";
 import { I as N } from "./icon-button-C4CGcYuz.js";
-import { S as ue } from "./select-i9MwQeQy.js";
+import { S as ue } from "./select-Ca6ibiDL.js";
 import { A as pe } from "./audio-visualiser-I-T4Z7EU.js";
 import { A as F } from "./alert-pgdXrEO5.js";
 import { u as le } from "./registry-C9nwlNyL.js";
@@ -454,4 +454,4 @@ export {
   Ne as A,
   Re as a
 };
-//# sourceMappingURL=audio-recorder-BHBonrFf.js.map
+//# sourceMappingURL=audio-recorder-CRh4uyFL.js.map

package/dist/_chunks/{autocomplete-C34hbfKh.js → autocomplete-mOg7WLOh.js}

@@ -8,7 +8,7 @@ import { S as me } from "./spinner-DirtWZNG.js";
 import { u as tt } from "./form-field-context-B3APVHKx.js";
 import { u as st } from "./use-debounced-callback-BisrB-Fq.js";
 import { g as nt } from "./group-options-BvKhQ3xb.js";
-import { I as ot, a as X, b as J, c as at } from "./input-surface-u4QB0lxe.js";
+import { I as ot, a as X, b as J, c as at } from "./input-surface-xyERuLU_.js";
 import { u as rt } from "./registry-C9nwlNyL.js";
 const it = {
   id: "autocomplete",
@@ -463,4 +463,4 @@ export {
   it as a,
   dt as b
 };
-//# sourceMappingURL=autocomplete-C34hbfKh.js.map
+//# sourceMappingURL=autocomplete-mOg7WLOh.js.map

package/dist/_chunks/{chat-input-Bov-gkwP.js → chat-input-UK-bXU7u.js}

@@ -88,13 +88,14 @@ const Me = [
 }, Ke = we(
   [
     "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:w-full",
-    // Soft drop-shadow + transparent border replaces a flat
-    // `border-border` (grey-800 since the WCAG 1.4.11 bump). Border kept
-    // at 1px so the focus-within color override + forced-colors
-    // fallback still paint a visible edge.
-    "ds:rounded-[var(--radius-md)] ds:shadow-[var(--shadow-sm)] ds:border ds:border-transparent",
-    "ds:bg-background ds:focus-within:border-[color:var(--primary)]",
-    "ds:transition-[border-color] ds:duration-[var(--animation-duration)]",
+    // Uses the kit's shared input-chrome tokens — `--input` for fill,
+    // `--shadow-input` for the halo. Border stays at 1px (`--border`,
+    // softened to `grey-700` in light) so the focus-within override and
+    // forced-colors fallback both still paint a visible edge.
+    "ds:rounded-[var(--radius-md)] ds:border ds:border-border",
+    "ds:bg-input ds:shadow-[var(--shadow-input)]",
+    "ds:focus-within:border-[color:var(--primary)]",
+    "ds:transition-[border-color,box-shadow] ds:duration-[var(--animation-duration)]",
     "ds:motion-reduce:transition-none",
     "ds:forced-colors:border-[CanvasText]"
   ].join(" "),
@@ -332,4 +333,4 @@ export {
   je as C,
   Fe as c
 };
-//# sourceMappingURL=chat-input-Bov-gkwP.js.map
+//# sourceMappingURL=chat-input-UK-bXU7u.js.map

package/dist/_chunks/{combobox-BHhnR3qm.js → combobox-D5tWe0t_.js}

@@ -8,7 +8,7 @@ import { u as He, F as Ge } from "./form-field-context-B3APVHKx.js";
 import { c as Me } from "./compose-refs-C0k0tdqF.js";
 import { n as L } from "./normalize-diacritics-BNGbFNlJ.js";
 import { g as Le } from "./group-options-BvKhQ3xb.js";
-import { I as Qe, a as Q, d as K, c as Ke } from "./input-surface-u4QB0lxe.js";
+import { I as Qe, a as Q, d as K, c as Ke } from "./input-surface-xyERuLU_.js";
 import { u as Xe } from "./registry-C9nwlNyL.js";
 import { X as We } from "./x-CCcI3eJp.js";
 import { C as Je } from "./check-DPdL_Sm7.js";
@@ -452,4 +452,4 @@ export {
   ae as d,
   et as e
 };
-//# sourceMappingURL=combobox-BHhnR3qm.js.map
+//# sourceMappingURL=combobox-D5tWe0t_.js.map

package/dist/_chunks/{date-picker-BD5FYW08.js → date-picker-BlhtBhPo.js}

@@ -6,7 +6,7 @@ import { forwardRef as _e, useState as G, useRef as se, useEffect as Ie, useCall
 import { useTranslation as He } from "react-i18next";
 import * as Z from "@radix-ui/react-popover";
 import { u as qe } from "./form-field-context-B3APVHKx.js";
-import { g as Le, k as Ne, b as Ce, i as Re, j as Qe, t as We, C as Ae, d as Fe, p as Be, D as Ge, f as Ve, h as Xe } from "./react-day-picker-C04L_28V.js";
+import { g as Le, k as Ne, b as Ce, i as Re, j as Qe, t as We, C as Ae, d as Fe, p as Be, D as Ge, f as Ve, h as Xe } from "./react-day-picker-C5F3-TTX.js";
 import { g as ue, e as Ke, b as S, h as le, j as ze, k as Ze, c as de, l as fe, m as je, n as ie, o as $e, w as oe, p as Ue, f as ce, q as Je } from "./isSameMonth-5wNF2f4I.js";
 import { u as Se } from "./registry-C9nwlNyL.js";
 import { t as H, c as _, m as et, a as tt, e as rt } from "./isSameDay-ecuM8PBB.js";
@@ -1819,4 +1819,4 @@ export {
   rr as D,
   tr as d
 };
-//# sourceMappingURL=date-picker-BD5FYW08.js.map
+//# sourceMappingURL=date-picker-BlhtBhPo.js.map

package/dist/_chunks/{date-range-picker-BZLVgcXE.js → date-range-picker-C2hRu_Ke.js}

@@ -3,7 +3,7 @@ import { forwardRef as Q, useState as v, useRef as U, useCallback as X, useMemo
 import { useTranslation as ee } from "react-i18next";
 import * as m from "@radix-ui/react-popover";
 import { u as te } from "./form-field-context-B3APVHKx.js";
-import { a as ae, g as ne, b as re, e as I, c as se, C as oe, d as ie, t as de, p as ce, D as le, f as pe, h as fe } from "./react-day-picker-C04L_28V.js";
+import { a as ae, g as ne, b as re, e as I, c as se, C as oe, d as ie, t as de, p as ce, D as le, f as pe, h as fe } from "./react-day-picker-C5F3-TTX.js";
 import { c as ge, b as N, s as ue, f as R, d as me } from "./isSameMonth-5wNF2f4I.js";
 import { u as ye } from "./registry-C9nwlNyL.js";
 function D(t, s, n) {
@@ -284,4 +284,4 @@ export {
   be as D,
   ke as d
 };
-//# sourceMappingURL=date-range-picker-BZLVgcXE.js.map
+//# sourceMappingURL=date-range-picker-C2hRu_Ke.js.map

package/dist/_chunks/{date-time-picker-CCoRWX7R.js → date-time-picker-B67mPZmP.js}

@@ -5,7 +5,7 @@ import { useTranslation as me } from "react-i18next";
 import * as k from "@radix-ui/react-popover";
 import { u as pe } from "./form-field-context-B3APVHKx.js";
 import { T as fe } from "./time-picker-DeVZkIY2.js";
-import { g as ge, b as he, i as ve, j as be, C as ye, d as Te, t as ke, D as we, f as De, h as Pe } from "./react-day-picker-C04L_28V.js";
+import { g as ge, b as he, i as ve, j as be, C as ye, d as Te, t as ke, D as we, f as De, h as Pe } from "./react-day-picker-C5F3-TTX.js";
 import { f as xe } from "./isSameMonth-5wNF2f4I.js";
 import { u as Ce } from "./registry-C9nwlNyL.js";
 import { t as j } from "./isSameDay-ecuM8PBB.js";
@@ -305,4 +305,4 @@ export {
   Ie as D,
   Oe as d
 };
-//# sourceMappingURL=date-time-picker-CCoRWX7R.js.map
+//# sourceMappingURL=date-time-picker-B67mPZmP.js.map

package/dist/_chunks/{input-surface-u4QB0lxe.js → input-surface-xyERuLU_.js}

@@ -1,7 +1,13 @@
 const s = [
   "ds:rounded-[var(--radius-sm)]",
-  "ds:border ds:border-border ds:bg-background ds:text-foreground",
-  "ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
+  // Soft-chrome look: subtle fill (`--input`) + halo shadow (`--shadow-input`)
+  // do the visual containment, so the border tone can stay quiet
+  // (`grey-700` in light, `violet-500` in dark). Both `.theme-accessible`
+  // variants re-override `--input` back to `--background` and
+  // `--shadow-input` to `none`, so AAA consumers see the explicit edge.
+  "ds:border ds:border-border ds:bg-input ds:text-foreground",
+  "ds:shadow-[var(--shadow-input)]",
+  "ds:transition-[colors,box-shadow] ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
   "ds:focus-within:outline-[length:var(--focus-ring-width)] ds:focus-within:outline-solid",
   "ds:focus-within:outline-ring ds:focus-within:outline-offset-[length:var(--focus-ring-offset)]",
   "ds:forced-colors:focus-within:outline-[CanvasText]",
@@ -29,4 +35,4 @@ export {
   s as c,
   r as d
 };
-//# sourceMappingURL=input-surface-u4QB0lxe.js.map
+//# sourceMappingURL=input-surface-xyERuLU_.js.map

package/dist/_chunks/{leo-sidebar-B054wsZm.js → leo-sidebar-D3TuyH5_.js}

@@ -10,7 +10,7 @@ import { A as L } from "./avatar-I10iCDs8.js";
 import { B as D } from "./button-DD_0Xdmr.js";
 import { C as ae } from "./chat-container-izziXViv.js";
 import { C as re } from "./chat-message-g3lxpXM_.js";
-import { C as le } from "./chat-input-Bov-gkwP.js";
+import { C as le } from "./chat-input-UK-bXU7u.js";
 import { S as ie } from "./streaming-text-BgjCTVOw.js";
 import { a as q, S as O } from "./suggestion-chip-C4Jz0LrM.js";
 import { T as oe } from "./typing-indicator-DHeVN4ob.js";
@@ -756,4 +756,4 @@ export {
   we as b,
   Ce as c
 };
-//# sourceMappingURL=leo-sidebar-B054wsZm.js.map
+//# sourceMappingURL=leo-sidebar-D3TuyH5_.js.map

package/dist/_chunks/{multi-select-Bh-xR8kP.js → multi-select-DooDzQIp.js}

@@ -8,7 +8,7 @@ import { u as Ke, F as Ue } from "./form-field-context-B3APVHKx.js";
 import { T as de } from "./tooltip-DHik5yRI.js";
 import { c as Qe } from "./compose-refs-C0k0tdqF.js";
 import { g as Ye } from "./group-options-BvKhQ3xb.js";
-import { b as Y, c as Ge } from "./input-surface-u4QB0lxe.js";
+import { b as Y, c as Ge } from "./input-surface-xyERuLU_.js";
 import { u as He } from "./registry-C9nwlNyL.js";
 import { X as Xe } from "./x-CCcI3eJp.js";
 import { C as Je } from "./check-DPdL_Sm7.js";
@@ -542,4 +542,4 @@ export {
   Ze as a,
   We as m
 };
-//# sourceMappingURL=multi-select-Bh-xR8kP.js.map
+//# sourceMappingURL=multi-select-DooDzQIp.js.map

package/dist/_chunks/{number-input-mpSLk-ld.js → number-input-DH00o0DN.js}

@@ -1,12 +1,12 @@
-import { jsxs as be, jsx as x } from "react/jsx-runtime";
+import { jsxs as be, jsx as F } from "react/jsx-runtime";
 import { useMemo as J, forwardRef as ge, useRef as A, useState as E, useCallback as $, useEffect as he } from "react";
 import { c as Ne } from "./index-D2ZczOXr.js";
 import { useTranslation as ye } from "react-i18next";
 import { u as we } from "./form-field-context-B3APVHKx.js";
 import { c as Ie } from "./compose-refs-C0k0tdqF.js";
 import { u as De } from "./registry-C9nwlNyL.js";
-import { C as Fe } from "./chevron-down-BX_NP2Yh.js";
-import { C as xe } from "./chevron-up-zOEDrmBB.js";
+import { C as xe } from "./chevron-down-BX_NP2Yh.js";
+import { C as Fe } from "./chevron-up-zOEDrmBB.js";
 const Se = {
   id: "number-input",
   capabilities: ["edit_inline"],
@@ -83,9 +83,9 @@ function Ve(t, r, u) {
       maximumFractionDigits: 4
     }) : r === "integer" ? new Intl.NumberFormat(t, { maximumFractionDigits: 0 }) : new Intl.NumberFormat(t, { maximumFractionDigits: 10 }), T = (a) => Number.isFinite(a) ? p.format(a) : "", z = (a) => {
       if (!a) return NaN;
-      const k = Me(a), g = k.trim(), I = g.startsWith("-") || g.startsWith("−");
+      const C = Me(a), g = C.trim(), I = g.startsWith("-") || g.startsWith("−");
       let c = "";
-      for (const h of k)
+      for (const h of C)
         h >= "0" && h <= "9" ? c += h : h === d && (c += ".");
       if (!c || c === ".") return NaN;
       let m = Number(c);
@@ -113,11 +113,12 @@ function Ve(t, r, u) {
     };
   }, [t, r, u]);
 }
-const ke = Ne(
+const Ce = Ne(
   [
     "ds:flex ds:items-center ds:w-full ds:rounded-[var(--radius-sm)]",
-    "ds:border ds:bg-background ds:text-foreground",
-    "ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
+    "ds:border ds:bg-input ds:text-foreground",
+    "ds:shadow-[var(--shadow-input)]",
+    "ds:transition-[colors,box-shadow] ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
     "ds:focus-within:outline-[length:var(--focus-ring-width)] ds:focus-within:outline-solid",
     "ds:focus-within:outline-ring ds:focus-within:outline-offset-[length:var(--focus-ring-offset)]",
     "ds:has-[:disabled]:cursor-not-allowed ds:has-[:disabled]:opacity-50"
@@ -142,7 +143,7 @@ const ke = Ne(
   "ds:text-muted-foreground ds:hover:text-foreground",
   "ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
   "ds:disabled:cursor-not-allowed ds:disabled:opacity-50"
-].join(" "), Ce = () => typeof navigator < "u" && navigator.language ? navigator.language : "en-US";
+].join(" "), ke = () => typeof navigator < "u" && navigator.language ? navigator.language : "en-US";
 function Te(t) {
   if (!Number.isFinite(t)) return 0;
   const r = String(t), u = r.indexOf(".");
@@ -168,13 +169,13 @@ const Pe = ge(
     tone: M,
     className: V,
     id: a,
-    disabled: k,
+    disabled: C,
     onFocus: g,
     onBlur: I,
     onKeyDown: c,
     ...m
   }, h) => {
-    const { t: U } = ye(), D = we(), Q = a ?? D.id, C = !!(D.disabled || k), X = z ?? Ce(), P = Ve(X, p, T), {
+    const { t: U } = ye(), D = we(), Q = a ?? D.id, k = !!(D.disabled || C), X = z ?? ke(), P = Ve(X, p, T), {
       decimalSeparator: B,
       format: R,
       parse: K
@@ -182,7 +183,7 @@ const Pe = ge(
       r ?? null
     ), s = H ? t ?? null : Z, W = A(s);
     W.current = s;
-    const F = $(
+    const x = $(
       (e) => {
         const i = p === "percentage" ? e * 100 : e;
         return (Number.isInteger(i) ? String(i) : i.toString()).replace(".", B);
@@ -202,14 +203,14 @@ const Pe = ge(
     }, w = (e) => {
       let o = (s ?? 0) + S * e;
       n !== void 0 && (o = Math.max(n, o)), d !== void 0 && (o = Math.min(d, o)), o = ze(o, S), v(o), y(!1), l(
-        N.current ? F(o) : f(o)
+        N.current ? x(o) : f(o)
       );
     }, O = (e) => {
       v(e), y(!1), l(
-        N.current ? F(e) : f(e)
+        N.current ? x(e) : f(e)
       );
     }, se = (e) => {
-      if (c == null || c(e), e.defaultPrevented || C) return;
+      if (c == null || c(e), e.defaultPrevented || k) return;
       const { key: i, shiftKey: o } = e;
       i === "ArrowUp" ? (e.preventDefault(), w(o ? 10 : 1)) : i === "ArrowDown" ? (e.preventDefault(), w(o ? -10 : -1)) : i === "PageUp" ? (e.preventDefault(), w(100)) : i === "PageDown" ? (e.preventDefault(), w(-100)) : i === "Home" && n !== void 0 ? (e.preventDefault(), O(n)) : i === "End" && d !== void 0 && (e.preventDefault(), O(d));
     }, ie = (e) => {
@@ -221,7 +222,7 @@ const Pe = ge(
       const o = K(i);
       Number.isNaN(o) || v(o);
     }, oe = (e) => {
-      g == null || g(e), N.current = !0, s != null && l(F(s));
+      g == null || g(e), N.current = !0, s != null && l(x(s));
     }, ae = (e) => {
       if (I == null || I(e), N.current = !1, j.trim() === "") {
         v(null), y(!1), l("");
@@ -241,7 +242,7 @@ const Pe = ge(
         getValue: () => W.current,
         setValue: (e) => {
           v(e), l(
-            e === null ? "" : N.current ? F(e) : f(e)
+            e === null ? "" : N.current ? x(e) : f(e)
           );
         },
         clear: () => {
@@ -255,14 +256,14 @@ const Pe = ge(
       // The handle is reconstructed per render; consumers (the agent runtime)
       // re-register only when the identity changes, which is a cheap no-op.
       // eslint-disable-next-line react-hooks/exhaustive-deps
-      [F, f]
+      [x, f]
     );
     De(Se, le, a);
-    const ce = C || n !== void 0 && s !== null && s <= n, fe = C || d !== void 0 && s !== null && s >= d, pe = s ?? void 0, me = (p === "currency" || p === "percentage") && s !== null && s !== null ? R(s) : void 0, ve = P.inputMode === "numeric" ? "[0-9]*" : void 0;
+    const ce = k || n !== void 0 && s !== null && s <= n, fe = k || d !== void 0 && s !== null && s >= d, pe = s ?? void 0, me = (p === "currency" || p === "percentage") && s !== null && s !== null ? R(s) : void 0, ve = P.inputMode === "numeric" ? "[0-9]*" : void 0;
     return /* @__PURE__ */ be(
       "div",
       {
-        className: ke({
+        className: Ce({
           size: b,
           tone: re,
           className: V
@@ -271,7 +272,7 @@ const Pe = ge(
         "data-component-id": a,
         "data-mode": p,
         children: [
-          /* @__PURE__ */ x(
+          /* @__PURE__ */ F(
             "button",
             {
               type: "button",
@@ -281,10 +282,10 @@ const Pe = ge(
               onMouseDown: _,
               disabled: ce,
               className: `${G} ds:ps-2 ds:pe-1`,
-              children: /* @__PURE__ */ x(Fe, { "aria-hidden": "true", className: "ds:size-4" })
+              children: /* @__PURE__ */ F(xe, { "aria-hidden": "true", className: "ds:size-4" })
             }
           ),
-          /* @__PURE__ */ x(
+          /* @__PURE__ */ F(
             "input",
             {
               ref: Y,
@@ -295,7 +296,7 @@ const Pe = ge(
               pattern: ve,
               autoComplete: "off",
               value: j,
-              disabled: C,
+              disabled: k,
               "aria-valuemin": n,
               "aria-valuemax": d,
               "aria-valuenow": pe,
@@ -311,7 +312,7 @@ const Pe = ge(
               ...m
             }
           ),
-          /* @__PURE__ */ x(
+          /* @__PURE__ */ F(
             "button",
             {
               type: "button",
@@ -321,7 +322,7 @@ const Pe = ge(
               onMouseDown: _,
               disabled: fe,
               className: `${G} ds:ps-1 ds:pe-2`,
-              children: /* @__PURE__ */ x(xe, { "aria-hidden": "true", className: "ds:size-4" })
+              children: /* @__PURE__ */ F(Fe, { "aria-hidden": "true", className: "ds:size-4" })
             }
           )
         ]
@@ -334,4 +335,4 @@ export {
   Pe as N,
   Ve as u
 };
-//# sourceMappingURL=number-input-mpSLk-ld.js.map
+//# sourceMappingURL=number-input-DH00o0DN.js.map