@commercetools/nimbus 1.0.0 → 1.0.1

package/dist/chunks/number-input-CzObpfFa.es.js

@@ -0,0 +1,657 @@
+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 { createSlotRecipeContext as ma, useSlotRecipe as $a } from "@chakra-ui/react/styled-system";
+import { B as pa } from "./box-DuBoAZvq.es.js";
+import { KeyboardArrowUp as xa, KeyboardArrowDown as va } from "@commercetools/nimbus-icons";
+import { e as La } from "./extractStyleProps-vA4cNUoc.es.js";
+import { a as Le } from "./Button-CNBS3n5a.es.js";
+import { n as Da } from "./index-jAeaCpRm.es.js";
+import { $ as Fa } from "./context-R4YUlO9Y.es.js";
+import { $ as Pa } from "./useObjectRef-CaJ5pgjX.es.js";
+import { $ as Na } from "./useControlledState-u436Wbp1.es.js";
+import { a as N, $ as ee } from "./number-dMxJejI6.es.js";
+import { $ as Ba, b as Va } from "./useFormValidation-4hZ1_a6w.es.js";
+import { $ as $e } from "./NumberFormatter-DgOUVrge.es.js";
+import { $ as ga, a as ha } from "./useSpinButton-C9DPDo0r.es.js";
+import { d as Ca, $ as W, a as ae, e as Ea } from "./mergeProps-B_9syxhT.es.js";
+import { $ as Sa } from "./filterDOMProps-BSVCO5jK.es.js";
+import { h as ya, d as Ia, f as wa } from "./platform-Z5fvtFmM.es.js";
+import { $ as Ma } from "./useFormReset-DurgUJL-.es.js";
+import { $ as ka } from "./useFocus-DkWJ2TJC.es.js";
+import { $ as Oa } from "./useFocusWithin-ByYlHjju.es.js";
+import { $ as Aa } from "./useEvent-YHhqZvpU.es.js";
+import { $ as Ta } from "./useTextField-BnL6tOdd.es.js";
+import { $ as Ra } from "./useLocalizedStringFormatter-BRnRyxJp.es.js";
+import { a as pe } from "./useProgressBar-DHFmTHqL.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
+    }));
+  }, [
+    r
+  ]);
+  Aa(a, "wheel", i ? void 0 : s);
+}
+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
+  ]), C = F(() => new $e(d, {
+    ...s,
+    numberingSystem: I
+  }), [
+    d,
+    s,
+    I
+  ]), z = F(() => C.resolvedOptions(), [
+    C
+  ]), P = U((u) => isNaN(u) || u === null ? "" : C.format(u), [
+    C
+  ]), 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 [w, Z] = y(l), [M, _] = y(d), [E, q] = y(s);
+  (!Object.is(l, w) || d !== M || s !== E) && (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(c)) {
+      v(P(l));
+      return;
+    }
+    let u;
+    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();
+  }, S = (u, K = 0) => {
+    let V = c;
+    if (isNaN(V)) {
+      let g = isNaN(K) ? 0 : K;
+      return N(g, a, r, b);
+    } else {
+      let g = N(V, a, r, b);
+      return u === "+" && g > V || u === "-" && g < V ? g : N(re(u, V, b), a, r, b);
+    }
+  }, k = () => {
+    let u = S("+", a);
+    u === l && v(P(u)), t(u), B.commitValidation();
+  }, Y = () => {
+    let u = S("-", r);
+    u === l && v(P(u)), t(u), B.commitValidation();
+  }, R = () => {
+    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,
+    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,
+    c
+  ]);
+  return {
+    ...B,
+    validate: (u) => $.isValidPartialNumber(u, a, r),
+    increment: k,
+    incrementToMax: R,
+    decrement: Y,
+    decrementToMin: H,
+    canIncrement: j,
+    canDecrement: G,
+    minValue: a,
+    maxValue: r,
+    numberValue: c,
+    defaultNumberValue: isNaN(o) ? f : o,
+    setNumberValue: t,
+    setInputValue: v,
+    inputValue: D,
+    commit: T
+  };
+}
+function re(e, a, r) {
+  let i = e === "+" ? a + r : a - r;
+  if (a % 1 !== 0 || r % 1 !== 0) {
+    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 xe() {
+  return typeof window < "u" && window.InputEvent && typeof InputEvent.prototype.getTargetRanges == "function";
+}
+function Wa(e, a, r) {
+  let i = Ca((l) => {
+    let t = r.current;
+    if (!t) return;
+    let f = null;
+    switch (l.inputType) {
+      case "historyUndo":
+      case "historyRedo":
+        return;
+      case "insertLineBreak":
+        return;
+      case "deleteContent":
+      case "deleteByCut":
+      case "deleteByDrag":
+        f = t.value.slice(0, t.selectionStart) + t.value.slice(t.selectionEnd);
+        break;
+      case "deleteContentForward":
+        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":
+        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":
+        f = t.value.slice(t.selectionStart);
+        break;
+      default:
+        l.data != null && (f = t.value.slice(0, t.selectionStart) + l.data + t.value.slice(t.selectionEnd));
+        break;
+    }
+    (f == null || !a.validate(f)) && l.preventDefault();
+  });
+  fa(() => {
+    if (!xe() || !r.current) return;
+    let l = r.current;
+    return l.addEventListener("beforeinput", i, !1), () => {
+      l.removeEventListener("beforeinput", i, !1);
+    };
+  }, [
+    r,
+    i
+  ]);
+  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: o, descriptionProps: p, errorMessageProps: d, ...L } = Ta(e, r), x = ve(null);
+  return {
+    inputProps: W(o, {
+      onBeforeInput: s,
+      onCompositionStart() {
+        let { value: l, selectionStart: t, selectionEnd: f } = r.current;
+        x.current = {
+          value: l,
+          selectionStart: t,
+          selectionEnd: f
+        };
+      },
+      onCompositionEnd() {
+        if (r.current && !a.validate(r.current.value)) {
+          let { value: l, selectionStart: t, selectionEnd: f } = x.current;
+          r.current.value = l, r.current.setSelectionRange(t, f), a.setInputValue(l);
+        }
+      }
+    }),
+    labelProps: n,
+    descriptionProps: p,
+    errorMessageProps: d,
+    ...L
+  };
+}
+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 Ve = {};
+Ve = {
+  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 he = {};
+he = {
+  decrease: (e) => `Reducir ${e.fieldLabel}`,
+  increase: (e) => `Aumentar ${e.fieldLabel}`,
+  numberField: "Campo de número"
+};
+var Ce = {};
+Ce = {
+  decrease: (e) => `Vähenda ${e.fieldLabel}`,
+  increase: (e) => `Suurenda ${e.fieldLabel}`,
+  numberField: "Numbri väli"
+};
+var Ee = {};
+Ee = {
+  decrease: (e) => `Vähennä ${e.fieldLabel}`,
+  increase: (e) => `Lisää ${e.fieldLabel}`,
+  numberField: "Numerokenttä"
+};
+var Se = {};
+Se = {
+  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": Ve,
+  "en-US": ge,
+  "es-ES": he,
+  "et-EE": Ce,
+  "fi-FI": Ee,
+  "fr-FR": Se,
+  "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 Ua(e) {
+  return e && e.__esModule ? e.default : e;
+}
+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: C, description: z, errorMessage: P, isWheelDisabled: B, ...b } = e, { increment: w, incrementToMax: Z, decrement: M, decrementToMin: _, numberValue: E, inputValue: q, commit: c, commitValidation: T } = a;
+  const S = Ra(Ua(ea), "@react-aria/numberfield");
+  let k = ae(i), { focusProps: Y } = ka({
+    onBlur() {
+      c();
+    }
+  }), R = pe(f), H = F(() => R.resolvedOptions(), [
+    R
+  ]), j = pe({
+    ...f,
+    currencySign: void 0
+  }), G = F(() => isNaN(E) ? "" : j.format(E), [
+    j,
+    E
+  ]), { spinButtonProps: le, incrementButtonProps: u, decrementButtonProps: K } = ha({
+    isDisabled: o,
+    isReadOnly: p,
+    isRequired: d,
+    maxValue: x,
+    minValue: L,
+    onIncrement: w,
+    onIncrementToMax: Z,
+    onDecrement: M,
+    onDecrementToMin: _,
+    value: E,
+    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());
+  }, [
+    M,
+    w
+  ]);
+  ja({
+    onScroll: ra,
+    isDisabled: B || o || p || !V
+  }, r);
+  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);
+  }, la = Sa(e), ue = U((m) => {
+    m.nativeEvent.isComposing || (m.key === "Enter" ? (c(), T()) : m.continuePropagation());
+  }, [
+    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: o,
+    isReadOnly: p,
+    isRequired: d,
+    validate: 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: ta,
+    onBlur: D,
+    onFocus: v,
+    onFocusChange: $,
+    onKeyDown: F(() => Ea(ue, I), [
+      ue,
+      I
+    ]),
+    onKeyUp: C,
+    description: z,
+    errorMessage: P
+  }, a, r);
+  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 : S.format("numberField"),
+    "aria-valuemax": null,
+    "aria-valuemin": null,
+    "aria-valuenow": null,
+    "aria-valuetext": null,
+    autoCorrect: "off",
+    spellCheck: "false"
+  });
+  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 : ""), h;
+  J || (h = e.label != null ? se.id : e["aria-labelledby"]);
+  let fe = ae(), be = ae(), da = W(u, {
+    "aria-label": n || S.format("increase", {
+      fieldLabel: J
+    }).trim(),
+    id: h && !n ? fe : null,
+    "aria-labelledby": h && !n ? `${fe} ${h}` : null,
+    "aria-controls": k,
+    excludeFromTabOrder: !0,
+    preventFocusOnPress: !0,
+    allowFocusWhenDisabled: !0,
+    isDisabled: !a.canIncrement,
+    onPressStart: ce
+  }), ca = W(K, {
+    "aria-label": s || S.format("decrease", {
+      fieldLabel: J
+    }).trim(),
+    id: h && !s ? be : null,
+    "aria-labelledby": h && !s ? `${be} ${h}` : null,
+    "aria-controls": k,
+    excludeFromTabOrder: !0,
+    preventFocusOnPress: !0,
+    allowFocusWhenDisabled: !0,
+    isDisabled: !a.canDecrement,
+    onPressStart: ce
+  });
+  return {
+    groupProps: {
+      ...aa,
+      role: "group",
+      "aria-disabled": o,
+      "aria-invalid": oe ? "true" : void 0
+    },
+    labelProps: se,
+    inputProps: de,
+    incrementButtonProps: da,
+    decrementButtonProps: ca,
+    errorMessageProps: sa,
+    descriptionProps: oa,
+    isInvalid: oe,
+    validationErrors: ia,
+    validationDetails: na
+  };
+}
+const { withContext: te, withProvider: Za } = /* @__PURE__ */ ma({
+  key: "numberInput"
+}), _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 = $a({ recipe: Da }), [d, L] = p.splitVariantProps(i), [x, l] = La(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__ */ me(_a, { ...d, ...x, size: a, children: [
+    /* @__PURE__ */ A(
+      qa,
+      {
+        ref: o,
+        ...f,
+        ...$,
+        size: a
+      }
+    ),
+    /* @__PURE__ */ me(
+      pa,
+      {
+        position: "absolute",
+        top: "0",
+        right: "0",
+        display: "flex",
+        flexDirection: "column",
+        height: "full",
+        children: [
+          /* @__PURE__ */ A(
+            Ya,
+            {
+              "aria-label": "Increment",
+              ...D,
+              ...$,
+              children: /* @__PURE__ */ A(xa, {})
+            }
+          ),
+          /* @__PURE__ */ A(
+            Ha,
+            {
+              "aria-label": "Decrement",
+              ...v,
+              ...$,
+              children: /* @__PURE__ */ A(va, {})
+            }
+          )
+        ]
+      }
+    )
+  ] });
+};
+Ga.displayName = "NumberInput";
+export {
+  Ga as N
+};
+//# sourceMappingURL=number-input-CzObpfFa.es.js.map