@commercetools/nimbus 0.0.9-rc8 → 0.0.10

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

@@ -0,0 +1,653 @@
+import { jsxs as be, jsx as A } from "react/jsx-runtime";
+import { useCallback as U, useState as T, useMemo as D, useEffect as fa, useRef as xe } 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 ve } from "./Button-BOMjcccZ.es.js";
+import { n as Da } from "./number-input.recipe-8gbsGnLJ.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 ga } from "./useFormValidation-BbPFbrIk.es.js";
+import { $ as me } from "./NumberFormatter-DgOUVrge.es.js";
+import { $ as Sa, a as ha } from "./useSpinButton-D2j8iVmv.es.js";
+import { c as Ca, $ as W, a as ee, e as Ea } from "./mergeProps-BUo0BHVY.es.js";
+import { $ as Va } from "./filterDOMProps-D6KHYVBX.es.js";
+import { g as ya, d as Ia, f as wa } from "./platform-Bc175Jt1.es.js";
+import { $ as Ma } from "./useFormReset-j9laz3Zh.es.js";
+import { b as ka } from "./useFocus-3ktZKnFP.es.js";
+import { $ as Oa } from "./useFocusWithin-BxAgY02U.es.js";
+import { $ as Aa } from "./useEvent-CzfHWUdv.es.js";
+import { $ as Ta } from "./useTextField-CtQSL6tL.es.js";
+import { $ as Ra } from "./useLocalizedStringFormatter-BfWBwLjq.es.js";
+import { a as $e } from "./useProgressBar-DZT7aMNM.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: d = 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(d) || (i !== void 0 && !isNaN(i) ? d = P(d, a, r, i) : d = Q(d, a, r));
+  let [l, t] = Na(n, isNaN(d) ? NaN : d, $), [o, x] = T(() => isNaN(l) ? "" : new me(c, s).format(l)), L = D(() => new Sa(c, s), [
+    c,
+    s
+  ]), N = D(() => L.getNumberingSystem(o), [
+    L,
+    o
+  ]), B = D(() => new me(c, {
+    ...s,
+    numberingSystem: N
+  }), [
+    c,
+    s,
+    N
+  ]), z = D(() => B.resolvedOptions(), [
+    B
+  ]), F = U((u) => isNaN(u) || u === null ? "" : B.format(u), [
+    B
+  ]), g = 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, E] = T(s);
+  (!Object.is(l, Z) || c !== _ || s !== q) && (x(F(l)), V(l), y(c), E(s));
+  let f = D(() => L.parse(o), [
+    L,
+    o
+  ]), I = () => {
+    if (!o.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 S = f;
+    if (isNaN(S)) {
+      let h = isNaN(K) ? 0 : K;
+      return P(h, a, r, b);
+    } else {
+      let h = P(S, a, r, b);
+      return u === "+" && h > S || u === "-" && h < S ? h : P(ae(u, S, b), a, r, b);
+    }
+  }, M = () => {
+    let u = w("+", a);
+    u === l && x(F(u)), t(u), g.commitValidation();
+  }, k = () => {
+    let u = w("-", r);
+    u === l && x(F(u)), t(u), g.commitValidation();
+  }, Y = () => {
+    r != null && (t(P(r, a, r, b)), g.commitValidation());
+  }, R = () => {
+    a != null && (t(a), g.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 {
+    ...g,
+    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: o,
+    commit: I
+  };
+}
+function ae(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("."), d = s[1] && s[1].length || 0, $ = n[1] && n[1].length || 0, c = Math.pow(10, Math.max(d, $));
+    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 Wa(e, a, r) {
+  let i = Ca((l) => {
+    let t = r.current;
+    if (!t) return;
+    let o = null;
+    switch (l.inputType) {
+      case "historyUndo":
+      case "historyRedo":
+        return;
+      case "insertLineBreak":
+        return;
+      case "deleteContent":
+      case "deleteByCut":
+      case "deleteByDrag":
+        o = t.value.slice(0, t.selectionStart) + t.value.slice(t.selectionEnd);
+        break;
+      case "deleteContentForward":
+        o = 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":
+        o = 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":
+        o = t.value.slice(t.selectionStart);
+        break;
+      default:
+        l.data != null && (o = t.value.slice(0, t.selectionStart) + l.data + t.value.slice(t.selectionEnd));
+        break;
+    }
+    (o == null || !a.validate(o)) && l.preventDefault();
+  });
+  fa(() => {
+    if (!pe() || !r.current) return;
+    let l = r.current;
+    return l.addEventListener("beforeinput", i, !1), () => {
+      l.removeEventListener("beforeinput", i, !1);
+    };
+  }, [
+    r,
+    i
+  ]);
+  let s = 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: d, descriptionProps: $, errorMessageProps: c, ...v } = Ta(e, r), p = xe(null);
+  return {
+    inputProps: W(d, {
+      onBeforeInput: s,
+      onCompositionStart() {
+        let { value: l, selectionStart: t, selectionEnd: o } = r.current;
+        p.current = {
+          value: l,
+          selectionStart: t,
+          selectionEnd: o
+        };
+      },
+      onCompositionEnd() {
+        if (r.current && !a.validate(r.current.value)) {
+          let { value: l, selectionStart: t, selectionEnd: o } = p.current;
+          r.current.value = l, r.current.setSelectionRange(t, o), a.setInputValue(l);
+        }
+      }
+    }),
+    labelProps: n,
+    descriptionProps: $,
+    errorMessageProps: c,
+    ...v
+  };
+}
+var Le = {};
+Le = {
+  decrease: (e) => `خفض ${e.fieldLabel}`,
+  increase: (e) => `زيادة ${e.fieldLabel}`,
+  numberField: "حقل رقمي"
+};
+var De = {};
+De = {
+  decrease: (e) => `Намаляване ${e.fieldLabel}`,
+  increase: (e) => `Усилване ${e.fieldLabel}`,
+  numberField: "Номер на полето"
+};
+var Fe = {};
+Fe = {
+  decrease: (e) => `Snížit ${e.fieldLabel}`,
+  increase: (e) => `Zvýšit ${e.fieldLabel}`,
+  numberField: "Číselné pole"
+};
+var Pe = {};
+Pe = {
+  decrease: (e) => `Reducer ${e.fieldLabel}`,
+  increase: (e) => `Øg ${e.fieldLabel}`,
+  numberField: "Talfelt"
+};
+var Ne = {};
+Ne = {
+  decrease: (e) => `${e.fieldLabel} verringern`,
+  increase: (e) => `${e.fieldLabel} erhöhen`,
+  numberField: "Nummernfeld"
+};
+var Be = {};
+Be = {
+  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 Ee = {};
+Ee = {
+  decrease: (e) => `Diminuer ${e.fieldLabel}`,
+  increase: (e) => `Augmenter ${e.fieldLabel}`,
+  numberField: "Champ de nombre"
+};
+var Ve = {};
+Ve = {
+  decrease: (e) => `הקטן ${e.fieldLabel}`,
+  increase: (e) => `הגדל ${e.fieldLabel}`,
+  numberField: "שדה מספר"
+};
+var ye = {};
+ye = {
+  decrease: (e) => `Smanji ${e.fieldLabel}`,
+  increase: (e) => `Povećaj ${e.fieldLabel}`,
+  numberField: "Polje broja"
+};
+var Ie = {};
+Ie = {
+  decrease: (e) => `${e.fieldLabel} csökkentése`,
+  increase: (e) => `${e.fieldLabel} növelése`,
+  numberField: "Számmező"
+};
+var we = {};
+we = {
+  decrease: (e) => `Riduci ${e.fieldLabel}`,
+  increase: (e) => `Aumenta ${e.fieldLabel}`,
+  numberField: "Campo numero"
+};
+var Me = {};
+Me = {
+  decrease: (e) => `${e.fieldLabel}を縮小`,
+  increase: (e) => `${e.fieldLabel}を拡大`,
+  numberField: "数値フィールド"
+};
+var ke = {};
+ke = {
+  decrease: (e) => `${e.fieldLabel} 감소`,
+  increase: (e) => `${e.fieldLabel} 증가`,
+  numberField: "번호 필드"
+};
+var Oe = {};
+Oe = {
+  decrease: (e) => `Sumažinti ${e.fieldLabel}`,
+  increase: (e) => `Padidinti ${e.fieldLabel}`,
+  numberField: "Numerio laukas"
+};
+var Ae = {};
+Ae = {
+  decrease: (e) => `Samazināšana ${e.fieldLabel}`,
+  increase: (e) => `Palielināšana ${e.fieldLabel}`,
+  numberField: "Skaitļu lauks"
+};
+var Te = {};
+Te = {
+  decrease: (e) => `Reduser ${e.fieldLabel}`,
+  increase: (e) => `Øk ${e.fieldLabel}`,
+  numberField: "Tallfelt"
+};
+var Re = {};
+Re = {
+  decrease: (e) => `${e.fieldLabel} verlagen`,
+  increase: (e) => `${e.fieldLabel} verhogen`,
+  numberField: "Getalveld"
+};
+var je = {};
+je = {
+  decrease: (e) => `Zmniejsz ${e.fieldLabel}`,
+  increase: (e) => `Zwiększ ${e.fieldLabel}`,
+  numberField: "Pole numeru"
+};
+var Ke = {};
+Ke = {
+  decrease: (e) => `Diminuir ${e.fieldLabel}`,
+  increase: (e) => `Aumentar ${e.fieldLabel}`,
+  numberField: "Campo de número"
+};
+var We = {};
+We = {
+  decrease: (e) => `Diminuir ${e.fieldLabel}`,
+  increase: (e) => `Aumentar ${e.fieldLabel}`,
+  numberField: "Campo numérico"
+};
+var Ue = {};
+Ue = {
+  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 Ze = {};
+Ze = {
+  decrease: (e) => `Znížiť ${e.fieldLabel}`,
+  increase: (e) => `Zvýšiť ${e.fieldLabel}`,
+  numberField: "Číselné pole"
+};
+var _e = {};
+_e = {
+  decrease: (e) => `Upadati ${e.fieldLabel}`,
+  increase: (e) => `Povečajte ${e.fieldLabel}`,
+  numberField: "Številčno polje"
+};
+var qe = {};
+qe = {
+  decrease: (e) => `Smanji ${e.fieldLabel}`,
+  increase: (e) => `Povećaj ${e.fieldLabel}`,
+  numberField: "Polje broja"
+};
+var Ye = {};
+Ye = {
+  decrease: (e) => `Minska ${e.fieldLabel}`,
+  increase: (e) => `Öka ${e.fieldLabel}`,
+  numberField: "Nummerfält"
+};
+var He = {};
+He = {
+  decrease: (e) => `${e.fieldLabel} azalt`,
+  increase: (e) => `${e.fieldLabel} arttır`,
+  numberField: "Sayı alanı"
+};
+var Ge = {};
+Ge = {
+  decrease: (e) => `Зменшити ${e.fieldLabel}`,
+  increase: (e) => `Збільшити ${e.fieldLabel}`,
+  numberField: "Поле номера"
+};
+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 = {
+  "ar-AE": Le,
+  "bg-BG": De,
+  "cs-CZ": Fe,
+  "da-DK": Pe,
+  "de-DE": Ne,
+  "el-GR": Be,
+  "en-US": ge,
+  "es-ES": Se,
+  "et-EE": he,
+  "fi-FI": Ce,
+  "fr-FR": Ee,
+  "he-IL": Ve,
+  "hr-HR": ye,
+  "hu-HU": Ie,
+  "it-IT": we,
+  "ja-JP": Me,
+  "ko-KR": ke,
+  "lt-LT": Oe,
+  "lv-LV": Ae,
+  "nb-NO": Te,
+  "nl-NL": Re,
+  "pl-PL": je,
+  "pt-BR": Ke,
+  "pt-PT": We,
+  "ro-RO": Ue,
+  "ru-RU": ze,
+  "sk-SK": Ze,
+  "sl-SI": _e,
+  "sr-SP": qe,
+  "sv-SE": Ye,
+  "tr-TR": He,
+  "uk-UA": Ge,
+  "zh-CN": Xe,
+  "zh-TW": Je
+};
+function Ua(e) {
+  return e && e.__esModule ? e.default : e;
+}
+function za(e, a, r) {
+  let { id: i, decrementAriaLabel: s, incrementAriaLabel: n, isDisabled: d, isReadOnly: $, isRequired: c, minValue: v, maxValue: p, autoFocus: l, label: t, formatOptions: o, onBlur: x = () => {
+  }, onFocus: L, onFocusChange: N, onKeyDown: B, onKeyUp: z, description: F, errorMessage: g, isWheelDisabled: b, ...Z } = e, { increment: V, incrementToMax: _, decrement: y, decrementToMin: q, numberValue: E, inputValue: f, commit: I, commitValidation: w } = a;
+  const M = Ra(Ua(Qe), "@react-aria/numberfield");
+  let k = ee(i), { focusProps: Y } = ka({
+    onBlur() {
+      I();
+    }
+  }), R = $e(o), H = D(() => R.resolvedOptions(), [
+    R
+  ]), j = $e({
+    ...o,
+    currencySign: void 0
+  }), te = D(() => isNaN(E) ? "" : j.format(E), [
+    j,
+    E
+  ]), { spinButtonProps: u, incrementButtonProps: K, decrementButtonProps: S } = ha({
+    isDisabled: d,
+    isReadOnly: $,
+    isRequired: c,
+    maxValue: p,
+    minValue: v,
+    onIncrement: V,
+    onIncrementToMax: _,
+    onDecrement: y,
+    onDecrementToMin: q,
+    value: E,
+    textValue: te
+  }), [h, ea] = T(!1), { focusWithinProps: aa } = Oa({
+    isDisabled: d,
+    onFocusWithinChange: ea
+  }), ra = U((m) => {
+    Math.abs(m.deltaY) <= Math.abs(m.deltaX) || (m.deltaY > 0 ? V() : m.deltaY < 0 && y());
+  }, [
+    y,
+    V
+  ]);
+  ja({
+    onScroll: ra,
+    isDisabled: b || d || $ || !h
+  }, 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 ta = (m) => {
+    a.validate(m) && a.setInputValue(m);
+  }, la = Va(e), ne = U((m) => {
+    m.key === "Enter" ? (I(), w()) : m.continuePropagation();
+  }, [
+    I,
+    w
+  ]), { isInvalid: ue, validationErrors: ia, validationDetails: na } = a.displayValidation, { labelProps: oe, inputProps: ua, descriptionProps: oa, errorMessageProps: sa } = Wa({
+    ...Z,
+    ...la,
+    name: void 0,
+    label: t,
+    autoFocus: l,
+    isDisabled: d,
+    isReadOnly: $,
+    isRequired: c,
+    validate: void 0,
+    [ga]: 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: ta,
+    onBlur: x,
+    onFocus: L,
+    onFocusChange: N,
+    onKeyDown: D(() => Ea(ne, B), [
+      ne,
+      B
+    ]),
+    onKeyUp: z,
+    description: F,
+    errorMessage: g
+  }, a, r);
+  Ma(r, a.numberValue, a.setNumberValue);
+  let se = W(u, 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-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 : ""), C;
+  X || (C = e.label != null ? oe.id : e["aria-labelledby"]);
+  let ce = ee(), fe = ee(), da = W(K, {
+    "aria-label": n || M.format("increase", {
+      fieldLabel: X
+    }).trim(),
+    id: C && !n ? ce : null,
+    "aria-labelledby": C && !n ? `${ce} ${C}` : null,
+    "aria-controls": k,
+    excludeFromTabOrder: !0,
+    preventFocusOnPress: !0,
+    allowFocusWhenDisabled: !0,
+    isDisabled: !a.canIncrement,
+    onPressStart: de
+  }), ca = W(S, {
+    "aria-label": s || M.format("decrease", {
+      fieldLabel: X
+    }).trim(),
+    id: C && !s ? fe : null,
+    "aria-labelledby": C && !s ? `${fe} ${C}` : null,
+    "aria-controls": k,
+    excludeFromTabOrder: !0,
+    preventFocusOnPress: !0,
+    allowFocusWhenDisabled: !0,
+    isDisabled: !a.canDecrement,
+    onPressStart: de
+  });
+  return {
+    groupProps: {
+      ...aa,
+      role: "group",
+      "aria-disabled": d,
+      "aria-invalid": ue ? "true" : void 0
+    },
+    labelProps: oe,
+    inputProps: se,
+    incrementButtonProps: da,
+    decrementButtonProps: ca,
+    errorMessageProps: sa,
+    descriptionProps: oa,
+    isInvalid: ue,
+    validationErrors: ia,
+    validationDetails: na
+  };
+}
+const { withContext: re, withProvider: Za } = /* @__PURE__ */ ba({
+  key: "numberInput"
+}), _a = /* @__PURE__ */ Za("div", "root"), qa = /* @__PURE__ */ re("input", "input"), Ya = /* @__PURE__ */ re(ve, "incrementButton"), Ha = /* @__PURE__ */ re(ve, "decrementButton"), Ga = (e) => {
+  const { size: a, ref: r, ...i } = e, { locale: s } = Fa(), n = xe(null), d = Pa(ma(n, r)), $ = $a({ recipe: Da }), [c, v] = $.splitVariantProps(i), [p, l] = La(v), t = Ka({ locale: s, ...l }), { inputProps: o, incrementButtonProps: x, decrementButtonProps: L } = za(l, t, d), N = {
+    "data-invalid": e.isInvalid,
+    "data-disabled": e.isDisabled
+  };
+  return /* @__PURE__ */ be(_a, { ...c, ...p, size: a, children: [
+    /* @__PURE__ */ A(
+      qa,
+      {
+        ref: d,
+        ...o,
+        ...N,
+        size: a
+      }
+    ),
+    /* @__PURE__ */ be(
+      pa,
+      {
+        position: "absolute",
+        top: "0",
+        right: "0",
+        display: "flex",
+        flexDirection: "column",
+        height: "full",
+        children: [
+          /* @__PURE__ */ A(
+            Ya,
+            {
+              "aria-label": "Increment",
+              ...x,
+              ...N,
+              children: /* @__PURE__ */ A(xa, {})
+            }
+          ),
+          /* @__PURE__ */ A(
+            Ha,
+            {
+              "aria-label": "Decrement",
+              ...L,
+              ...N,
+              children: /* @__PURE__ */ A(va, {})
+            }
+          )
+        ]
+      }
+    )
+  ] });
+};
+Ga.displayName = "NumberInput";
+export {
+  Ga as N
+};
+//# sourceMappingURL=number-input-Da1tzQlg.es.js.map