@commercetools/nimbus 0.0.0-canary-20250820123249 → 0.0.0-canary-20250821080039

package/dist/chunks/{number-input-DhePUBX4.es.js → number-input-CW2-kmte.es.js}

@@ -1,47 +1,31 @@
-import { jsxs as be, jsx as A } from "react/jsx-runtime";
-import { useEffect as xe, useCallback as U, useState as T, useMemo as D, useRef as ve } from "react";
+import { jsxs as me, jsx as A } from "react/jsx-runtime";
+import { useCallback as U, useState as y, useMemo as F, useEffect as fa, useRef as ve } from "react";
 import { mergeRefs as ba } from "@chakra-ui/react";
 import { B as ma } from "./box-7pkPaNxe.es.js";
 import { KeyboardArrowUp as $a, KeyboardArrowDown as pa } from "@commercetools/nimbus-icons";
 import { e as xa } from "./extractStyleProps-DV7dej9J.es.js";
-import { a as Le } from "./Button-CcXB_0ry.es.js";
+import { a as Le } from "./Button-Dbso0-qF.es.js";
 import { c as va, u as La } from "./create-slot-recipe-context-DgamNbR-.es.js";
 import { n as Da } from "./index-BbFVxNB8.es.js";
 import { $ as Fa } from "./context-Pt-0ojuK.es.js";
 import { $ as Pa } from "./useObjectRef-CaJ5pgjX.es.js";
 import { $ as Na } from "./useControlledState-u436Wbp1.es.js";
-import { a as P, $ as Q } from "./number-5qMXmHyn.es.js";
-import { $ as Ba, b as Ea } from "./useFormValidation-wEYzOtbK.es.js";
-import { $ as me } from "./NumberFormatter-DgOUVrge.es.js";
-import { $ as ga, a as Sa } from "./useSpinButton-DcOZDNgb.es.js";
-import { c as ha, $ as W, a as ee, f as Ca } from "./mergeProps-Cwgnfqio.es.js";
-import { $ as Va } from "./filterDOMProps-HzsCnE3d.es.js";
-import { f as ya, d as Ia, g as wa } from "./platform-D-bXaP3n.es.js";
-import { $ as Ma } from "./useFormReset-BiO2-w_B.es.js";
-import { $ as ka } from "./useFocus-B2KLYI7p.es.js";
-import { $ as Oa } from "./useFocusWithin-DxkmDuYs.es.js";
-import { l as Aa } from "./utils-C732zipO.es.js";
-import { $ as Ta } from "./useTextField-CF9hrjRg.es.js";
+import { a as N, $ as ee } from "./number-dMxJejI6.es.js";
+import { $ as Ba, b as Va } from "./useFormValidation-YmZxjLYm.es.js";
+import { $ as $e } from "./NumberFormatter-DgOUVrge.es.js";
+import { $ as ga, a as Ca } from "./useSpinButton-C-tpK-T9.es.js";
+import { d as Ea, $ as W, a as ae, e as Sa } from "./mergeProps-B_9syxhT.es.js";
+import { $ as ha } from "./filterDOMProps-BSVCO5jK.es.js";
+import { g as ya, d as Ia, f as wa } from "./platform-BuOpbxqC.es.js";
+import { $ as Ma } from "./useFormReset-DurgUJL-.es.js";
+import { $ as ka } from "./useFocus-BvGvYIan.es.js";
+import { $ as Oa } from "./useFocusWithin-s8WR5xWD.es.js";
+import { $ as Aa } from "./useEvent-YHhqZvpU.es.js";
+import { $ as Ta } from "./useTextField-Dxspe3Dd.es.js";
 import { $ as Ra } from "./useLocalizedStringFormatter-CvzOUusg.es.js";
-import { a as $e } from "./useProgressBar-CRW7pbYx.es.js";
-function ja(e, a, r, i) {
-  let o = Aa(r), n = r == null;
-  xe(() => {
-    if (n || !e.current) return;
-    let s = e.current;
-    return s.addEventListener(a, o, i), () => {
-      s.removeEventListener(a, o, i);
-    };
-  }, [
-    e,
-    a,
-    i,
-    n,
-    o
-  ]);
-}
-function Ka(e, a) {
-  let { onScroll: r, isDisabled: i } = e, o = U((n) => {
+import { a as pe } from "./useProgressBar-BgURyN6q.es.js";
+function ja(e, a) {
+  let { onScroll: r, isDisabled: i } = e, s = U((n) => {
     n.ctrlKey || (n.preventDefault(), n.stopPropagation(), r && r({
       deltaX: n.deltaX,
       deltaY: n.deltaY
@@ -49,117 +33,118 @@ function Ka(e, a) {
   }, [
     r
   ]);
-  ja(a, "wheel", i ? void 0 : o);
+  Aa(a, "wheel", i ? void 0 : s);
 }
-function Wa(e) {
-  let { minValue: a, maxValue: r, step: i, formatOptions: o, value: n, defaultValue: s = NaN, onChange: $, locale: c, isDisabled: v, isReadOnly: p } = e;
-  n === null && (n = NaN), n !== void 0 && !isNaN(n) && (i !== void 0 && !isNaN(i) ? n = P(n, a, r, i) : n = Q(n, a, r)), isNaN(s) || (i !== void 0 && !isNaN(i) ? s = P(s, a, r, i) : s = Q(s, a, r));
-  let [l, t] = Na(n, isNaN(s) ? NaN : s, $), [d, x] = T(() => isNaN(l) ? "" : new me(c, o).format(l)), L = D(() => new ga(c, o), [
-    c,
-    o
-  ]), N = D(() => L.getNumberingSystem(d), [
-    L,
-    d
-  ]), B = D(() => new me(c, {
-    ...o,
-    numberingSystem: N
+function Ka(e) {
+  let { minValue: a, maxValue: r, step: i, formatOptions: s, value: n, defaultValue: o = NaN, onChange: p, locale: d, isDisabled: L, isReadOnly: x } = e;
+  n === null && (n = NaN), n !== void 0 && !isNaN(n) && (i !== void 0 && !isNaN(i) ? n = N(n, a, r, i) : n = ee(n, a, r)), isNaN(o) || (i !== void 0 && !isNaN(i) ? o = N(o, a, r, i) : o = ee(o, a, r));
+  let [l, t] = Na(n, isNaN(o) ? NaN : o, p), [f] = y(l), [D, v] = y(() => isNaN(l) ? "" : new $e(d, s).format(l)), $ = F(() => new ga(d, s), [
+    d,
+    s
+  ]), I = F(() => $.getNumberingSystem(D), [
+    $,
+    D
+  ]), E = F(() => new $e(d, {
+    ...s,
+    numberingSystem: I
   }), [
-    c,
-    o,
-    N
-  ]), z = D(() => B.resolvedOptions(), [
-    B
-  ]), F = U((u) => isNaN(u) || u === null ? "" : B.format(u), [
-    B
-  ]), E = Ba({
+    d,
+    s,
+    I
+  ]), z = F(() => E.resolvedOptions(), [
+    E
+  ]), P = U((u) => isNaN(u) || u === null ? "" : E.format(u), [
+    E
+  ]), B = Ba({
     ...e,
     value: l
   }), b = i !== void 0 && !isNaN(i) ? i : 1;
   z.style === "percent" && (i === void 0 || isNaN(i)) && (b = 0.01);
-  let [Z, V] = T(l), [_, y] = T(c), [q, C] = T(o);
-  (!Object.is(l, Z) || c !== _ || o !== q) && (x(F(l)), V(l), y(c), C(o));
-  let f = D(() => L.parse(d), [
-    L,
-    d
-  ]), I = () => {
-    if (!d.length) {
-      t(NaN), x(n === void 0 ? "" : F(l));
+  let [w, Z] = y(l), [M, _] = y(d), [S, q] = y(s);
+  (!Object.is(l, w) || d !== M || s !== S) && (v(P(l)), Z(l), _(d), q(s));
+  let c = F(() => $.parse(D), [
+    $,
+    D
+  ]), T = () => {
+    if (!D.length) {
+      t(NaN), v(n === void 0 ? "" : P(l));
       return;
     }
-    if (isNaN(f)) {
-      x(F(l));
+    if (isNaN(c)) {
+      v(P(l));
       return;
     }
     let u;
-    i === void 0 || isNaN(i) ? u = Q(f, a, r) : u = P(f, a, r, i), u = L.parse(F(u)), t(u), x(F(n === void 0 ? u : l));
-  }, w = (u, K = 0) => {
-    let g = f;
-    if (isNaN(g)) {
-      let S = isNaN(K) ? 0 : K;
-      return P(S, a, r, b);
+    i === void 0 || isNaN(i) ? u = ee(c, a, r) : u = N(c, a, r, i), u = $.parse(P(u)), t(u), v(P(n === void 0 ? u : l)), B.commitValidation();
+  }, h = (u, K = 0) => {
+    let V = c;
+    if (isNaN(V)) {
+      let g = isNaN(K) ? 0 : K;
+      return N(g, a, r, b);
     } else {
-      let S = P(g, a, r, b);
-      return u === "+" && S > g || u === "-" && S < g ? S : P(ae(u, g, b), a, r, b);
+      let g = N(V, a, r, b);
+      return u === "+" && g > V || u === "-" && g < V ? g : N(re(u, V, b), a, r, b);
     }
-  }, M = () => {
-    let u = w("+", a);
-    u === l && x(F(u)), t(u), E.commitValidation();
   }, k = () => {
-    let u = w("-", r);
-    u === l && x(F(u)), t(u), E.commitValidation();
+    let u = h("+", a);
+    u === l && v(P(u)), t(u), B.commitValidation();
   }, Y = () => {
-    r != null && (t(P(r, a, r, b)), E.commitValidation());
+    let u = h("-", r);
+    u === l && v(P(u)), t(u), B.commitValidation();
   }, R = () => {
-    a != null && (t(a), E.commitValidation());
-  }, H = D(() => !v && !p && (isNaN(f) || r === void 0 || isNaN(r) || P(f, a, r, b) > f || ae("+", f, b) <= r), [
-    v,
-    p,
+    r != null && (t(N(r, a, r, b)), B.commitValidation());
+  }, H = () => {
+    a != null && (t(a), B.commitValidation());
+  }, j = F(() => !L && !x && (isNaN(c) || r === void 0 || isNaN(r) || N(c, a, r, b) > c || re("+", c, b) <= r), [
+    L,
+    x,
     a,
     r,
     b,
-    f
-  ]), j = D(() => !v && !p && (isNaN(f) || a === void 0 || isNaN(a) || P(f, a, r, b) < f || ae("-", f, b) >= a), [
-    v,
-    p,
+    c
+  ]), G = F(() => !L && !x && (isNaN(c) || a === void 0 || isNaN(a) || N(c, a, r, b) < c || re("-", c, b) >= a), [
+    L,
+    x,
     a,
     r,
     b,
-    f
+    c
   ]);
   return {
-    ...E,
-    validate: (u) => L.isValidPartialNumber(u, a, r),
-    increment: M,
-    incrementToMax: Y,
-    decrement: k,
-    decrementToMin: R,
-    canIncrement: H,
-    canDecrement: j,
+    ...B,
+    validate: (u) => $.isValidPartialNumber(u, a, r),
+    increment: k,
+    incrementToMax: R,
+    decrement: Y,
+    decrementToMin: H,
+    canIncrement: j,
+    canDecrement: G,
     minValue: a,
     maxValue: r,
-    numberValue: f,
+    numberValue: c,
+    defaultNumberValue: isNaN(o) ? f : o,
     setNumberValue: t,
-    setInputValue: x,
-    inputValue: d,
-    commit: I
+    setInputValue: v,
+    inputValue: D,
+    commit: T
   };
 }
-function ae(e, a, r) {
+function re(e, a, r) {
   let i = e === "+" ? a + r : a - r;
   if (a % 1 !== 0 || r % 1 !== 0) {
-    const o = a.toString().split("."), n = r.toString().split("."), s = o[1] && o[1].length || 0, $ = n[1] && n[1].length || 0, c = Math.pow(10, Math.max(s, $));
-    a = Math.round(a * c), r = Math.round(r * c), i = e === "+" ? a + r : a - r, i /= c;
+    const s = a.toString().split("."), n = r.toString().split("."), o = s[1] && s[1].length || 0, p = n[1] && n[1].length || 0, d = Math.pow(10, Math.max(o, p));
+    a = Math.round(a * d), r = Math.round(r * d), i = e === "+" ? a + r : a - r, i /= d;
   }
   return i;
 }
-function pe() {
+function xe() {
   return typeof window < "u" && window.InputEvent && typeof InputEvent.prototype.getTargetRanges == "function";
 }
-function Ua(e, a, r) {
-  let i = ha((l) => {
+function Wa(e, a, r) {
+  let i = Ea((l) => {
     let t = r.current;
     if (!t) return;
-    let d = null;
+    let f = null;
     switch (l.inputType) {
       case "historyUndo":
       case "historyRedo":
@@ -169,26 +154,26 @@ function Ua(e, a, r) {
       case "deleteContent":
       case "deleteByCut":
       case "deleteByDrag":
-        d = t.value.slice(0, t.selectionStart) + t.value.slice(t.selectionEnd);
+        f = t.value.slice(0, t.selectionStart) + t.value.slice(t.selectionEnd);
         break;
       case "deleteContentForward":
-        d = t.selectionEnd === t.selectionStart ? t.value.slice(0, t.selectionStart) + t.value.slice(t.selectionEnd + 1) : t.value.slice(0, t.selectionStart) + t.value.slice(t.selectionEnd);
+        f = t.selectionEnd === t.selectionStart ? t.value.slice(0, t.selectionStart) + t.value.slice(t.selectionEnd + 1) : t.value.slice(0, t.selectionStart) + t.value.slice(t.selectionEnd);
         break;
       case "deleteContentBackward":
-        d = t.selectionEnd === t.selectionStart ? t.value.slice(0, t.selectionStart - 1) + t.value.slice(t.selectionStart) : t.value.slice(0, t.selectionStart) + t.value.slice(t.selectionEnd);
+        f = t.selectionEnd === t.selectionStart ? t.value.slice(0, t.selectionStart - 1) + t.value.slice(t.selectionStart) : t.value.slice(0, t.selectionStart) + t.value.slice(t.selectionEnd);
         break;
       case "deleteSoftLineBackward":
       case "deleteHardLineBackward":
-        d = t.value.slice(t.selectionStart);
+        f = t.value.slice(t.selectionStart);
         break;
       default:
-        l.data != null && (d = t.value.slice(0, t.selectionStart) + l.data + t.value.slice(t.selectionEnd));
+        l.data != null && (f = t.value.slice(0, t.selectionStart) + l.data + t.value.slice(t.selectionEnd));
         break;
     }
-    (d == null || !a.validate(d)) && l.preventDefault();
+    (f == null || !a.validate(f)) && l.preventDefault();
   });
-  xe(() => {
-    if (!pe() || !r.current) return;
+  fa(() => {
+    if (!xe() || !r.current) return;
     let l = r.current;
     return l.addEventListener("beforeinput", i, !1), () => {
       l.removeEventListener("beforeinput", i, !1);
@@ -197,32 +182,32 @@ function Ua(e, a, r) {
     r,
     i
   ]);
-  let o = pe() ? null : (l) => {
+  let s = xe() ? null : (l) => {
     let t = l.target.value.slice(0, l.target.selectionStart) + l.data + l.target.value.slice(l.target.selectionEnd);
     a.validate(t) || l.preventDefault();
-  }, { labelProps: n, inputProps: s, descriptionProps: $, errorMessageProps: c, ...v } = Ta(e, r), p = ve(null);
+  }, { labelProps: n, inputProps: o, descriptionProps: p, errorMessageProps: d, ...L } = Ta(e, r), x = ve(null);
   return {
-    inputProps: W(s, {
-      onBeforeInput: o,
+    inputProps: W(o, {
+      onBeforeInput: s,
       onCompositionStart() {
-        let { value: l, selectionStart: t, selectionEnd: d } = r.current;
-        p.current = {
+        let { value: l, selectionStart: t, selectionEnd: f } = r.current;
+        x.current = {
           value: l,
           selectionStart: t,
-          selectionEnd: d
+          selectionEnd: f
         };
       },
       onCompositionEnd() {
         if (r.current && !a.validate(r.current.value)) {
-          let { value: l, selectionStart: t, selectionEnd: d } = p.current;
-          r.current.value = l, r.current.setSelectionRange(t, d), a.setInputValue(l);
+          let { value: l, selectionStart: t, selectionEnd: f } = x.current;
+          r.current.value = l, r.current.setSelectionRange(t, f), a.setInputValue(l);
         }
       }
     }),
     labelProps: n,
-    descriptionProps: $,
-    errorMessageProps: c,
-    ...v
+    descriptionProps: p,
+    errorMessageProps: d,
+    ...L
   };
 }
 var De = {};
@@ -255,8 +240,8 @@ Be = {
   increase: (e) => `${e.fieldLabel} erhöhen`,
   numberField: "Nummernfeld"
 };
-var Ee = {};
-Ee = {
+var Ve = {};
+Ve = {
   decrease: (e) => `Μείωση ${e.fieldLabel}`,
   increase: (e) => `Αύξηση ${e.fieldLabel}`,
   numberField: "Πεδίο αριθμού"
@@ -267,26 +252,26 @@ ge = {
   increase: (e) => `Increase ${e.fieldLabel}`,
   numberField: "Number field"
 };
-var Se = {};
-Se = {
+var Ce = {};
+Ce = {
   decrease: (e) => `Reducir ${e.fieldLabel}`,
   increase: (e) => `Aumentar ${e.fieldLabel}`,
   numberField: "Campo de número"
 };
-var he = {};
-he = {
+var Ee = {};
+Ee = {
   decrease: (e) => `Vähenda ${e.fieldLabel}`,
   increase: (e) => `Suurenda ${e.fieldLabel}`,
   numberField: "Numbri väli"
 };
-var Ce = {};
-Ce = {
+var Se = {};
+Se = {
   decrease: (e) => `Vähennä ${e.fieldLabel}`,
   increase: (e) => `Lisää ${e.fieldLabel}`,
   numberField: "Numerokenttä"
 };
-var Ve = {};
-Ve = {
+var he = {};
+he = {
   decrease: (e) => `Diminuer ${e.fieldLabel}`,
   increase: (e) => `Augmenter ${e.fieldLabel}`,
   numberField: "Champ de nombre"
@@ -436,12 +421,12 @@ ea = {
   "cs-CZ": Pe,
   "da-DK": Ne,
   "de-DE": Be,
-  "el-GR": Ee,
+  "el-GR": Ve,
   "en-US": ge,
-  "es-ES": Se,
-  "et-EE": he,
-  "fi-FI": Ce,
-  "fr-FR": Ve,
+  "es-ES": Ce,
+  "et-EE": Ee,
+  "fi-FI": Se,
+  "fr-FR": he,
   "he-IL": ye,
   "hr-HR": Ie,
   "hu-HU": we,
@@ -466,97 +451,99 @@ ea = {
   "zh-CN": Je,
   "zh-TW": Qe
 };
-function za(e) {
+function Ua(e) {
   return e && e.__esModule ? e.default : e;
 }
-function Za(e, a, r) {
-  let { id: i, decrementAriaLabel: o, incrementAriaLabel: n, isDisabled: s, isReadOnly: $, isRequired: c, minValue: v, maxValue: p, autoFocus: l, label: t, formatOptions: d, onBlur: x = () => {
-  }, onFocus: L, onFocusChange: N, onKeyDown: B, onKeyUp: z, description: F, errorMessage: E, isWheelDisabled: b, ...Z } = e, { increment: V, incrementToMax: _, decrement: y, decrementToMin: q, numberValue: C, inputValue: f, commit: I, commitValidation: w } = a;
-  const M = Ra(za(ea), "@react-aria/numberfield");
-  let k = ee(i), { focusProps: Y } = ka({
+function za(e, a, r) {
+  let { id: i, decrementAriaLabel: s, incrementAriaLabel: n, isDisabled: o, isReadOnly: p, isRequired: d, minValue: L, maxValue: x, autoFocus: l, label: t, formatOptions: f, onBlur: D = () => {
+  }, onFocus: v, onFocusChange: $, onKeyDown: I, onKeyUp: E, description: z, errorMessage: P, isWheelDisabled: B, ...b } = e, { increment: w, incrementToMax: Z, decrement: M, decrementToMin: _, numberValue: S, inputValue: q, commit: c, commitValidation: T } = a;
+  const h = Ra(Ua(ea), "@react-aria/numberfield");
+  let k = ae(i), { focusProps: Y } = ka({
     onBlur() {
-      I();
+      c();
     }
-  }), R = $e(d), H = D(() => R.resolvedOptions(), [
+  }), R = pe(f), H = F(() => R.resolvedOptions(), [
     R
-  ]), j = $e({
-    ...d,
+  ]), j = pe({
+    ...f,
     currencySign: void 0
-  }), te = D(() => isNaN(C) ? "" : j.format(C), [
+  }), G = F(() => isNaN(S) ? "" : j.format(S), [
     j,
-    C
-  ]), { spinButtonProps: u, incrementButtonProps: K, decrementButtonProps: g } = Sa({
-    isDisabled: s,
-    isReadOnly: $,
-    isRequired: c,
-    maxValue: p,
-    minValue: v,
-    onIncrement: V,
-    onIncrementToMax: _,
-    onDecrement: y,
-    onDecrementToMin: q,
-    value: C,
-    textValue: te
-  }), [S, aa] = T(!1), { focusWithinProps: ra } = Oa({
-    isDisabled: s,
-    onFocusWithinChange: aa
-  }), ta = U((m) => {
-    Math.abs(m.deltaY) <= Math.abs(m.deltaX) || (m.deltaY > 0 ? V() : m.deltaY < 0 && y());
+    S
+  ]), { spinButtonProps: le, incrementButtonProps: u, decrementButtonProps: K } = Ca({
+    isDisabled: o,
+    isReadOnly: p,
+    isRequired: d,
+    maxValue: x,
+    minValue: L,
+    onIncrement: w,
+    onIncrementToMax: Z,
+    onDecrement: M,
+    onDecrementToMin: _,
+    value: S,
+    textValue: G
+  }), [V, g] = y(!1), { focusWithinProps: aa } = Oa({
+    isDisabled: o,
+    onFocusWithinChange: g
+  }), ra = U((m) => {
+    Math.abs(m.deltaY) <= Math.abs(m.deltaX) || (m.deltaY > 0 ? w() : m.deltaY < 0 && M());
   }, [
-    y,
-    V
+    M,
+    w
   ]);
-  Ka({
-    onScroll: ta,
-    isDisabled: b || s || $ || !S
+  ja({
+    onScroll: ra,
+    isDisabled: B || o || p || !V
   }, r);
-  var G;
-  let le = ((G = H.maximumFractionDigits) !== null && G !== void 0 ? G : 0) > 0, ie = a.minValue === void 0 || isNaN(a.minValue) || a.minValue < 0, O = "numeric";
-  ya() ? ie ? O = "text" : le && (O = "decimal") : Ia() && (ie ? O = "numeric" : le && (O = "decimal"));
-  let la = (m) => {
+  var X;
+  let ie = ((X = H.maximumFractionDigits) !== null && X !== void 0 ? X : 0) > 0, ne = a.minValue === void 0 || isNaN(a.minValue) || a.minValue < 0, O = "numeric";
+  ya() ? ne ? O = "text" : ie && (O = "decimal") : Ia() && (ne ? O = "numeric" : ie && (O = "decimal"));
+  let ta = (m) => {
     a.validate(m) && a.setInputValue(m);
-  }, ia = Va(e), ne = U((m) => {
-    m.key === "Enter" ? (I(), w()) : m.continuePropagation();
+  }, la = ha(e), ue = U((m) => {
+    m.nativeEvent.isComposing || (m.key === "Enter" ? (c(), T()) : m.continuePropagation());
   }, [
-    I,
-    w
-  ]), { isInvalid: ue, validationErrors: na, validationDetails: ua } = a.displayValidation, { labelProps: oe, inputProps: oa, descriptionProps: sa, errorMessageProps: da } = Ua({
-    ...Z,
-    ...ia,
+    c,
+    T
+  ]), { isInvalid: oe, validationErrors: ia, validationDetails: na } = a.displayValidation, { labelProps: se, inputProps: ua, descriptionProps: oa, errorMessageProps: sa } = Wa({
+    ...b,
+    ...la,
+    // These props are added to a hidden input rather than the formatted textfield.
     name: void 0,
+    form: void 0,
     label: t,
     autoFocus: l,
-    isDisabled: s,
-    isReadOnly: $,
-    isRequired: c,
+    isDisabled: o,
+    isReadOnly: p,
+    isRequired: d,
     validate: void 0,
-    [Ea]: a,
-    value: f,
-    defaultValue: void 0,
+    [Va]: a,
+    value: q,
+    defaultValue: "!",
     autoComplete: "off",
     "aria-label": e["aria-label"] || void 0,
     "aria-labelledby": e["aria-labelledby"] || void 0,
     id: k,
     type: "text",
     inputMode: O,
-    onChange: la,
-    onBlur: x,
-    onFocus: L,
-    onFocusChange: N,
-    onKeyDown: D(() => Ca(ne, B), [
-      ne,
-      B
+    onChange: ta,
+    onBlur: D,
+    onFocus: v,
+    onFocusChange: $,
+    onKeyDown: F(() => Sa(ue, I), [
+      ue,
+      I
     ]),
-    onKeyUp: z,
-    description: F,
-    errorMessage: E
+    onKeyUp: E,
+    description: z,
+    errorMessage: P
   }, a, r);
-  Ma(r, a.numberValue, a.setNumberValue);
-  let se = W(u, Y, oa, {
+  Ma(r, a.defaultNumberValue, a.setNumberValue);
+  let de = W(le, Y, ua, {
     // override the spinbutton role, we can't focus a spin button with VO
     role: null,
     // ignore aria-roledescription on iOS so that required state will announce when it is present
-    "aria-roledescription": wa() ? null : M.format("numberField"),
+    "aria-roledescription": wa() ? null : h.format("numberField"),
     "aria-valuemax": null,
     "aria-valuemin": null,
     "aria-valuenow": null,
@@ -564,73 +551,73 @@ function Za(e, a, r) {
     autoCorrect: "off",
     spellCheck: "false"
   });
-  e.validationBehavior === "native" && (se["aria-required"] = void 0);
-  let de = (m) => {
-    var J;
-    document.activeElement !== r.current && (m.pointerType === "mouse" ? (J = r.current) === null || J === void 0 || J.focus() : m.target.focus());
-  }, X = e["aria-label"] || (typeof e.label == "string" ? e.label : ""), h;
-  X || (h = e.label != null ? oe.id : e["aria-labelledby"]);
-  let ce = ee(), fe = ee(), ca = W(K, {
-    "aria-label": n || M.format("increase", {
-      fieldLabel: X
+  e.validationBehavior === "native" && (de["aria-required"] = void 0);
+  let ce = (m) => {
+    var Q;
+    document.activeElement !== r.current && (m.pointerType === "mouse" ? (Q = r.current) === null || Q === void 0 || Q.focus() : m.target.focus());
+  }, J = e["aria-label"] || (typeof e.label == "string" ? e.label : ""), C;
+  J || (C = e.label != null ? se.id : e["aria-labelledby"]);
+  let fe = ae(), be = ae(), da = W(u, {
+    "aria-label": n || h.format("increase", {
+      fieldLabel: J
     }).trim(),
-    id: h && !n ? ce : null,
-    "aria-labelledby": h && !n ? `${ce} ${h}` : null,
+    id: C && !n ? fe : null,
+    "aria-labelledby": C && !n ? `${fe} ${C}` : null,
     "aria-controls": k,
     excludeFromTabOrder: !0,
     preventFocusOnPress: !0,
     allowFocusWhenDisabled: !0,
     isDisabled: !a.canIncrement,
-    onPressStart: de
-  }), fa = W(g, {
-    "aria-label": o || M.format("decrease", {
-      fieldLabel: X
+    onPressStart: ce
+  }), ca = W(K, {
+    "aria-label": s || h.format("decrease", {
+      fieldLabel: J
     }).trim(),
-    id: h && !o ? fe : null,
-    "aria-labelledby": h && !o ? `${fe} ${h}` : null,
+    id: C && !s ? be : null,
+    "aria-labelledby": C && !s ? `${be} ${C}` : null,
     "aria-controls": k,
     excludeFromTabOrder: !0,
     preventFocusOnPress: !0,
     allowFocusWhenDisabled: !0,
     isDisabled: !a.canDecrement,
-    onPressStart: de
+    onPressStart: ce
   });
   return {
     groupProps: {
-      ...ra,
+      ...aa,
       role: "group",
-      "aria-disabled": s,
-      "aria-invalid": ue ? "true" : void 0
+      "aria-disabled": o,
+      "aria-invalid": oe ? "true" : void 0
     },
-    labelProps: oe,
-    inputProps: se,
-    incrementButtonProps: ca,
-    decrementButtonProps: fa,
-    errorMessageProps: da,
-    descriptionProps: sa,
-    isInvalid: ue,
-    validationErrors: na,
-    validationDetails: ua
+    labelProps: se,
+    inputProps: de,
+    incrementButtonProps: da,
+    decrementButtonProps: ca,
+    errorMessageProps: sa,
+    descriptionProps: oa,
+    isInvalid: oe,
+    validationErrors: ia,
+    validationDetails: na
   };
 }
-const { withContext: re, withProvider: _a } = /* @__PURE__ */ va({
+const { withContext: te, withProvider: Za } = /* @__PURE__ */ va({
   key: "numberInput"
-}), qa = /* @__PURE__ */ _a("div", "root"), Ya = /* @__PURE__ */ re("input", "input"), Ha = /* @__PURE__ */ re(Le, "incrementButton"), Ga = /* @__PURE__ */ re(Le, "decrementButton"), Xa = (e) => {
-  const { size: a, ref: r, ...i } = e, { locale: o } = Fa(), n = ve(null), s = Pa(ba(n, r)), $ = La({ recipe: Da }), [c, v] = $.splitVariantProps(i), [p, l] = xa(v), t = Wa({ locale: o, ...l }), { inputProps: d, incrementButtonProps: x, decrementButtonProps: L } = Za(l, t, s), N = {
+}), _a = /* @__PURE__ */ Za("div", "root"), qa = /* @__PURE__ */ te("input", "input"), Ya = /* @__PURE__ */ te(Le, "incrementButton"), Ha = /* @__PURE__ */ te(Le, "decrementButton"), Ga = (e) => {
+  const { size: a, ref: r, ...i } = e, { locale: s } = Fa(), n = ve(null), o = Pa(ba(n, r)), p = La({ recipe: Da }), [d, L] = p.splitVariantProps(i), [x, l] = xa(L), t = Ka({ locale: s, ...l }), { inputProps: f, incrementButtonProps: D, decrementButtonProps: v } = za(l, t, o), $ = {
     "data-invalid": e.isInvalid,
     "data-disabled": e.isDisabled
   };
-  return /* @__PURE__ */ be(qa, { ...c, ...p, size: a, children: [
+  return /* @__PURE__ */ me(_a, { ...d, ...x, size: a, children: [
     /* @__PURE__ */ A(
-      Ya,
+      qa,
       {
-        ref: s,
-        ...d,
-        ...N,
+        ref: o,
+        ...f,
+        ...$,
         size: a
       }
     ),
-    /* @__PURE__ */ be(
+    /* @__PURE__ */ me(
       ma,
       {
         position: "absolute",
@@ -641,20 +628,20 @@ const { withContext: re, withProvider: _a } = /* @__PURE__ */ va({
         height: "full",
         children: [
           /* @__PURE__ */ A(
-            Ha,
+            Ya,
             {
               "aria-label": "Increment",
-              ...x,
-              ...N,
+              ...D,
+              ...$,
               children: /* @__PURE__ */ A($a, {})
             }
           ),
           /* @__PURE__ */ A(
-            Ga,
+            Ha,
             {
               "aria-label": "Decrement",
-              ...L,
-              ...N,
+              ...v,
+              ...$,
               children: /* @__PURE__ */ A(pa, {})
             }
           )
@@ -663,8 +650,8 @@ const { withContext: re, withProvider: _a } = /* @__PURE__ */ va({
     )
   ] });
 };
-Xa.displayName = "NumberInput";
+Ga.displayName = "NumberInput";
 export {
-  Xa as N
+  Ga as N
 };
-//# sourceMappingURL=number-input-DhePUBX4.es.js.map
+//# sourceMappingURL=number-input-CW2-kmte.es.js.map