@commercetools/nimbus 0.0.0-canary-20250801132810

package/dist/chunks/number-input-D-KbLmke.es.js

@@ -0,0 +1,669 @@
+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 { createSlotRecipeContext as ba, mergeRefs as ma, useSlotRecipe as $a } from "@chakra-ui/react";
+import { B as pa } from "./box-DD4jYgS7.es.js";
+import { KeyboardArrowUp as xa, KeyboardArrowDown as va } from "@commercetools/nimbus-icons";
+import { e as La } from "./extractStyleProps-CxgBrz3O.es.js";
+import { a as Le } from "./Button-BLHXvl6m.es.js";
+import { n as Da } from "./number-input.recipe-CYgMvPKy.es.js";
+import { $ as Fa } from "./context-D3RF-nTI.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-x8TYT3v1.es.js";
+import { $ as me } from "./NumberFormatter-DgOUVrge.es.js";
+import { $ as ga, a as Sa } from "./useSpinButton-_qIyNcRw.es.js";
+import { c as ha, $ as W, a as ee, e as Ca } from "./mergeProps-C0OSi2w3.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-B_4kzDrc.es.js";
+import { b as ka } from "./useFocus-DyrL604F.es.js";
+import { $ as Oa } from "./useFocusWithin-DH1ei7eA.es.js";
+import { m as Aa } from "./utils-BR34o1UE.es.js";
+import { $ as Ta } from "./useTextField-DOho5fCG.es.js";
+import { $ as Ra } from "./useLocalizedStringFormatter-B_O_C-A0.es.js";
+import { a as $e } from "./useProgressBar-BcErX3zh.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) => {
+    n.ctrlKey || (n.preventDefault(), n.stopPropagation(), r && r({
+      deltaX: n.deltaX,
+      deltaY: n.deltaY
+    }));
+  }, [
+    r
+  ]);
+  ja(a, "wheel", i ? void 0 : o);
+}
+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
+  }), [
+    c,
+    o,
+    N
+  ]), z = D(() => B.resolvedOptions(), [
+    B
+  ]), F = U((u) => isNaN(u) || u === null ? "" : B.format(u), [
+    B
+  ]), E = 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));
+      return;
+    }
+    if (isNaN(f)) {
+      x(F(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);
+    } else {
+      let S = P(g, a, r, b);
+      return u === "+" && S > g || u === "-" && S < g ? S : P(ae(u, g, 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();
+  }, Y = () => {
+    r != null && (t(P(r, a, r, b)), E.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,
+    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,
+    a,
+    r,
+    b,
+    f
+  ]);
+  return {
+    ...E,
+    validate: (u) => L.isValidPartialNumber(u, a, r),
+    increment: M,
+    incrementToMax: Y,
+    decrement: k,
+    decrementToMin: R,
+    canIncrement: H,
+    canDecrement: j,
+    minValue: a,
+    maxValue: r,
+    numberValue: f,
+    setNumberValue: t,
+    setInputValue: x,
+    inputValue: d,
+    commit: I
+  };
+}
+function ae(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;
+  }
+  return i;
+}
+function pe() {
+  return typeof window < "u" && window.InputEvent && typeof InputEvent.prototype.getTargetRanges == "function";
+}
+function Ua(e, a, r) {
+  let i = ha((l) => {
+    let t = r.current;
+    if (!t) return;
+    let d = null;
+    switch (l.inputType) {
+      case "historyUndo":
+      case "historyRedo":
+        return;
+      case "insertLineBreak":
+        return;
+      case "deleteContent":
+      case "deleteByCut":
+      case "deleteByDrag":
+        d = 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);
+        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);
+        break;
+      case "deleteSoftLineBackward":
+      case "deleteHardLineBackward":
+        d = t.value.slice(t.selectionStart);
+        break;
+      default:
+        l.data != null && (d = t.value.slice(0, t.selectionStart) + l.data + t.value.slice(t.selectionEnd));
+        break;
+    }
+    (d == null || !a.validate(d)) && l.preventDefault();
+  });
+  xe(() => {
+    if (!pe() || !r.current) return;
+    let l = r.current;
+    return l.addEventListener("beforeinput", i, !1), () => {
+      l.removeEventListener("beforeinput", i, !1);
+    };
+  }, [
+    r,
+    i
+  ]);
+  let o = pe() ? 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);
+  return {
+    inputProps: W(s, {
+      onBeforeInput: o,
+      onCompositionStart() {
+        let { value: l, selectionStart: t, selectionEnd: d } = r.current;
+        p.current = {
+          value: l,
+          selectionStart: t,
+          selectionEnd: d
+        };
+      },
+      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);
+        }
+      }
+    }),
+    labelProps: n,
+    descriptionProps: $,
+    errorMessageProps: c,
+    ...v
+  };
+}
+var De = {};
+De = {
+  decrease: (e) => `خفض ${e.fieldLabel}`,
+  increase: (e) => `زيادة ${e.fieldLabel}`,
+  numberField: "حقل رقمي"
+};
+var Fe = {};
+Fe = {
+  decrease: (e) => `Намаляване ${e.fieldLabel}`,
+  increase: (e) => `Усилване ${e.fieldLabel}`,
+  numberField: "Номер на полето"
+};
+var Pe = {};
+Pe = {
+  decrease: (e) => `Snížit ${e.fieldLabel}`,
+  increase: (e) => `Zvýšit ${e.fieldLabel}`,
+  numberField: "Číselné pole"
+};
+var Ne = {};
+Ne = {
+  decrease: (e) => `Reducer ${e.fieldLabel}`,
+  increase: (e) => `Øg ${e.fieldLabel}`,
+  numberField: "Talfelt"
+};
+var Be = {};
+Be = {
+  decrease: (e) => `${e.fieldLabel} verringern`,
+  increase: (e) => `${e.fieldLabel} erhöhen`,
+  numberField: "Nummernfeld"
+};
+var Ee = {};
+Ee = {
+  decrease: (e) => `Μείωση ${e.fieldLabel}`,
+  increase: (e) => `Αύξηση ${e.fieldLabel}`,
+  numberField: "Πεδίο αριθμού"
+};
+var ge = {};
+ge = {
+  decrease: (e) => `Decrease ${e.fieldLabel}`,
+  increase: (e) => `Increase ${e.fieldLabel}`,
+  numberField: "Number field"
+};
+var Se = {};
+Se = {
+  decrease: (e) => `Reducir ${e.fieldLabel}`,
+  increase: (e) => `Aumentar ${e.fieldLabel}`,
+  numberField: "Campo de número"
+};
+var he = {};
+he = {
+  decrease: (e) => `Vähenda ${e.fieldLabel}`,
+  increase: (e) => `Suurenda ${e.fieldLabel}`,
+  numberField: "Numbri väli"
+};
+var Ce = {};
+Ce = {
+  decrease: (e) => `Vähennä ${e.fieldLabel}`,
+  increase: (e) => `Lisää ${e.fieldLabel}`,
+  numberField: "Numerokenttä"
+};
+var Ve = {};
+Ve = {
+  decrease: (e) => `Diminuer ${e.fieldLabel}`,
+  increase: (e) => `Augmenter ${e.fieldLabel}`,
+  numberField: "Champ de nombre"
+};
+var ye = {};
+ye = {
+  decrease: (e) => `הקטן ${e.fieldLabel}`,
+  increase: (e) => `הגדל ${e.fieldLabel}`,
+  numberField: "שדה מספר"
+};
+var Ie = {};
+Ie = {
+  decrease: (e) => `Smanji ${e.fieldLabel}`,
+  increase: (e) => `Povećaj ${e.fieldLabel}`,
+  numberField: "Polje broja"
+};
+var we = {};
+we = {
+  decrease: (e) => `${e.fieldLabel} csökkentése`,
+  increase: (e) => `${e.fieldLabel} növelése`,
+  numberField: "Számmező"
+};
+var Me = {};
+Me = {
+  decrease: (e) => `Riduci ${e.fieldLabel}`,
+  increase: (e) => `Aumenta ${e.fieldLabel}`,
+  numberField: "Campo numero"
+};
+var ke = {};
+ke = {
+  decrease: (e) => `${e.fieldLabel}を縮小`,
+  increase: (e) => `${e.fieldLabel}を拡大`,
+  numberField: "数値フィールド"
+};
+var Oe = {};
+Oe = {
+  decrease: (e) => `${e.fieldLabel} 감소`,
+  increase: (e) => `${e.fieldLabel} 증가`,
+  numberField: "번호 필드"
+};
+var Ae = {};
+Ae = {
+  decrease: (e) => `Sumažinti ${e.fieldLabel}`,
+  increase: (e) => `Padidinti ${e.fieldLabel}`,
+  numberField: "Numerio laukas"
+};
+var Te = {};
+Te = {
+  decrease: (e) => `Samazināšana ${e.fieldLabel}`,
+  increase: (e) => `Palielināšana ${e.fieldLabel}`,
+  numberField: "Skaitļu lauks"
+};
+var Re = {};
+Re = {
+  decrease: (e) => `Reduser ${e.fieldLabel}`,
+  increase: (e) => `Øk ${e.fieldLabel}`,
+  numberField: "Tallfelt"
+};
+var je = {};
+je = {
+  decrease: (e) => `${e.fieldLabel} verlagen`,
+  increase: (e) => `${e.fieldLabel} verhogen`,
+  numberField: "Getalveld"
+};
+var Ke = {};
+Ke = {
+  decrease: (e) => `Zmniejsz ${e.fieldLabel}`,
+  increase: (e) => `Zwiększ ${e.fieldLabel}`,
+  numberField: "Pole numeru"
+};
+var We = {};
+We = {
+  decrease: (e) => `Diminuir ${e.fieldLabel}`,
+  increase: (e) => `Aumentar ${e.fieldLabel}`,
+  numberField: "Campo de número"
+};
+var Ue = {};
+Ue = {
+  decrease: (e) => `Diminuir ${e.fieldLabel}`,
+  increase: (e) => `Aumentar ${e.fieldLabel}`,
+  numberField: "Campo numérico"
+};
+var ze = {};
+ze = {
+  decrease: (e) => `Scădere ${e.fieldLabel}`,
+  increase: (e) => `Creștere ${e.fieldLabel}`,
+  numberField: "Câmp numeric"
+};
+var Ze = {};
+Ze = {
+  decrease: (e) => `Уменьшение ${e.fieldLabel}`,
+  increase: (e) => `Увеличение ${e.fieldLabel}`,
+  numberField: "Числовое поле"
+};
+var _e = {};
+_e = {
+  decrease: (e) => `Znížiť ${e.fieldLabel}`,
+  increase: (e) => `Zvýšiť ${e.fieldLabel}`,
+  numberField: "Číselné pole"
+};
+var qe = {};
+qe = {
+  decrease: (e) => `Upadati ${e.fieldLabel}`,
+  increase: (e) => `Povečajte ${e.fieldLabel}`,
+  numberField: "Številčno polje"
+};
+var Ye = {};
+Ye = {
+  decrease: (e) => `Smanji ${e.fieldLabel}`,
+  increase: (e) => `Povećaj ${e.fieldLabel}`,
+  numberField: "Polje broja"
+};
+var He = {};
+He = {
+  decrease: (e) => `Minska ${e.fieldLabel}`,
+  increase: (e) => `Öka ${e.fieldLabel}`,
+  numberField: "Nummerfält"
+};
+var Ge = {};
+Ge = {
+  decrease: (e) => `${e.fieldLabel} azalt`,
+  increase: (e) => `${e.fieldLabel} arttır`,
+  numberField: "Sayı alanı"
+};
+var Xe = {};
+Xe = {
+  decrease: (e) => `Зменшити ${e.fieldLabel}`,
+  increase: (e) => `Збільшити ${e.fieldLabel}`,
+  numberField: "Поле номера"
+};
+var Je = {};
+Je = {
+  decrease: (e) => `降低 ${e.fieldLabel}`,
+  increase: (e) => `提高 ${e.fieldLabel}`,
+  numberField: "数字字段"
+};
+var Qe = {};
+Qe = {
+  decrease: (e) => `縮小 ${e.fieldLabel}`,
+  increase: (e) => `放大 ${e.fieldLabel}`,
+  numberField: "數字欄位"
+};
+var ea = {};
+ea = {
+  "ar-AE": De,
+  "bg-BG": Fe,
+  "cs-CZ": Pe,
+  "da-DK": Ne,
+  "de-DE": Be,
+  "el-GR": Ee,
+  "en-US": ge,
+  "es-ES": Se,
+  "et-EE": he,
+  "fi-FI": Ce,
+  "fr-FR": Ve,
+  "he-IL": ye,
+  "hr-HR": Ie,
+  "hu-HU": we,
+  "it-IT": Me,
+  "ja-JP": ke,
+  "ko-KR": Oe,
+  "lt-LT": Ae,
+  "lv-LV": Te,
+  "nb-NO": Re,
+  "nl-NL": je,
+  "pl-PL": Ke,
+  "pt-BR": We,
+  "pt-PT": Ue,
+  "ro-RO": ze,
+  "ru-RU": Ze,
+  "sk-SK": _e,
+  "sl-SI": qe,
+  "sr-SP": Ye,
+  "sv-SE": He,
+  "tr-TR": Ge,
+  "uk-UA": Xe,
+  "zh-CN": Je,
+  "zh-TW": Qe
+};
+function za(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({
+    onBlur() {
+      I();
+    }
+  }), R = $e(d), H = D(() => R.resolvedOptions(), [
+    R
+  ]), j = $e({
+    ...d,
+    currencySign: void 0
+  }), te = D(() => isNaN(C) ? "" : j.format(C), [
+    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());
+  }, [
+    y,
+    V
+  ]);
+  Ka({
+    onScroll: ta,
+    isDisabled: b || s || $ || !S
+  }, 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) => {
+    a.validate(m) && a.setInputValue(m);
+  }, ia = Va(e), ne = U((m) => {
+    m.key === "Enter" ? (I(), w()) : m.continuePropagation();
+  }, [
+    I,
+    w
+  ]), { isInvalid: ue, validationErrors: na, validationDetails: ua } = a.displayValidation, { labelProps: oe, inputProps: oa, descriptionProps: sa, errorMessageProps: da } = Ua({
+    ...Z,
+    ...ia,
+    name: void 0,
+    label: t,
+    autoFocus: l,
+    isDisabled: s,
+    isReadOnly: $,
+    isRequired: c,
+    validate: void 0,
+    [Ea]: a,
+    value: f,
+    defaultValue: void 0,
+    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
+    ]),
+    onKeyUp: z,
+    description: F,
+    errorMessage: E
+  }, a, r);
+  Ma(r, a.numberValue, a.setNumberValue);
+  let se = W(u, Y, oa, {
+    // 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-valuemax": null,
+    "aria-valuemin": null,
+    "aria-valuenow": null,
+    "aria-valuetext": null,
+    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
+    }).trim(),
+    id: h && !n ? ce : null,
+    "aria-labelledby": h && !n ? `${ce} ${h}` : 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
+    }).trim(),
+    id: h && !o ? fe : null,
+    "aria-labelledby": h && !o ? `${fe} ${h}` : null,
+    "aria-controls": k,
+    excludeFromTabOrder: !0,
+    preventFocusOnPress: !0,
+    allowFocusWhenDisabled: !0,
+    isDisabled: !a.canDecrement,
+    onPressStart: de
+  });
+  return {
+    groupProps: {
+      ...ra,
+      role: "group",
+      "aria-disabled": s,
+      "aria-invalid": ue ? "true" : void 0
+    },
+    labelProps: oe,
+    inputProps: se,
+    incrementButtonProps: ca,
+    decrementButtonProps: fa,
+    errorMessageProps: da,
+    descriptionProps: sa,
+    isInvalid: ue,
+    validationErrors: na,
+    validationDetails: ua
+  };
+}
+const { withContext: re, withProvider: _a } = /* @__PURE__ */ ba({
+  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(ma(n, r)), $ = $a({ recipe: Da }), [c, v] = $.splitVariantProps(i), [p, l] = La(v), t = Wa({ locale: o, ...l }), { inputProps: d, incrementButtonProps: x, decrementButtonProps: L } = Za(l, t, s), N = {
+    "data-invalid": e.isInvalid,
+    "data-disabled": e.isDisabled
+  };
+  return /* @__PURE__ */ be(qa, { ...c, ...p, size: a, children: [
+    /* @__PURE__ */ A(
+      Ya,
+      {
+        ref: s,
+        ...d,
+        ...N,
+        size: a
+      }
+    ),
+    /* @__PURE__ */ be(
+      pa,
+      {
+        position: "absolute",
+        top: "0",
+        right: "0",
+        display: "flex",
+        flexDirection: "column",
+        height: "full",
+        children: [
+          /* @__PURE__ */ A(
+            Ha,
+            {
+              "aria-label": "Increment",
+              ...x,
+              ...N,
+              children: /* @__PURE__ */ A(xa, {})
+            }
+          ),
+          /* @__PURE__ */ A(
+            Ga,
+            {
+              "aria-label": "Decrement",
+              ...L,
+              ...N,
+              children: /* @__PURE__ */ A(va, {})
+            }
+          )
+        ]
+      }
+    )
+  ] });
+};
+Xa.displayName = "NumberInput";
+export {
+  Xa as N
+};
+//# sourceMappingURL=number-input-D-KbLmke.es.js.map