@commercetools/nimbus 0.0.11 → 0.0.13-rc1

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

@@ -0,0 +1,669 @@
+import { jsxs as me, jsx as A } from "react/jsx-runtime";
+import { useCallback as U, useState as I, useMemo as F, useEffect as ba, useRef as Le } from "react";
+import { mergeRefs as ma } from "@chakra-ui/react";
+import { B as pa } from "./box-7pkPaNxe.es.js";
+import { KeyboardArrowUp as $a, KeyboardArrowDown as xa } from "@commercetools/nimbus-icons";
+import { e as va } from "./extractStyleProps-BBWaCIdJ.es.js";
+import { a as De } from "./Button-C-yUWwZg.es.js";
+import { c as La, u as Da } from "./create-slot-recipe-context-DgamNbR-.es.js";
+import { n as Fa } from "./index-CPFuzoME.es.js";
+import { d as Pa, u as Na } from "./index-DsGIn0AT.es.js";
+import { $ as ga } from "./context-Pt-0ojuK.es.js";
+import { $ as Ba } from "./useObjectRef-CaJ5pgjX.es.js";
+import { $ as Va } from "./useControlledState-u436Wbp1.es.js";
+import { a as g, $ as ee } from "./number-dMxJejI6.es.js";
+import { $ as ha, b as Ca } from "./useFormValidation-DJMNbIhx.es.js";
+import { $ as pe } from "./NumberFormatter-DgOUVrge.es.js";
+import { $ as Ea, a as Sa } from "./useSpinButton-C-tpK-T9.es.js";
+import { d as ya, $ as W, a as ae, e as Ia } from "./mergeProps-B_9syxhT.es.js";
+import { $ as Ma } from "./filterDOMProps-BSVCO5jK.es.js";
+import { h as wa, d as ka, f as Oa } from "./platform-Z5fvtFmM.es.js";
+import { $ as Aa } from "./useFormReset-DurgUJL-.es.js";
+import { $ as Ta } from "./useFocus-CeI1jbl8.es.js";
+import { $ as Ra } from "./useFocusWithin-yfiHuOEs.es.js";
+import { $ as ja } from "./useEvent-YHhqZvpU.es.js";
+import { $ as Ka } from "./useTextField-Doh-sQHP.es.js";
+import { $ as Wa } from "./useLocalizedStringFormatter-CvzOUusg.es.js";
+import { a as $e } from "./useProgressBar-BgURyN6q.es.js";
+function Ua(e, a) {
+  let { onScroll: r, isDisabled: n } = e, o = U((i) => {
+    i.ctrlKey || (i.preventDefault(), i.stopPropagation(), r && r({
+      deltaX: i.deltaX,
+      deltaY: i.deltaY
+    }));
+  }, [
+    r
+  ]);
+  ja(a, "wheel", n ? void 0 : o);
+}
+function za(e) {
+  let { minValue: a, maxValue: r, step: n, formatOptions: o, value: i, defaultValue: s = NaN, onChange: p, locale: d, isDisabled: v, isReadOnly: $ } = e;
+  i === null && (i = NaN), i !== void 0 && !isNaN(i) && (n !== void 0 && !isNaN(n) ? i = g(i, a, r, n) : i = ee(i, a, r)), isNaN(s) || (n !== void 0 && !isNaN(n) ? s = g(s, a, r, n) : s = ee(s, a, r));
+  let [l, t] = Va(i, isNaN(s) ? NaN : s, p), [f] = I(l), [L, x] = I(() => isNaN(l) ? "" : new pe(d, o).format(l)), D = F(() => new Ea(d, o), [
+    d,
+    o
+  ]), P = F(() => D.getNumberingSystem(L), [
+    D,
+    L
+  ]), E = F(() => new pe(d, {
+    ...o,
+    numberingSystem: P
+  }), [
+    d,
+    o,
+    P
+  ]), z = F(() => E.resolvedOptions(), [
+    E
+  ]), N = U((u) => isNaN(u) || u === null ? "" : E.format(u), [
+    E
+  ]), B = ha({
+    ...e,
+    value: l
+  }), b = n !== void 0 && !isNaN(n) ? n : 1;
+  z.style === "percent" && (n === void 0 || isNaN(n)) && (b = 0.01);
+  let [M, Z] = I(l), [w, _] = I(d), [S, q] = I(o);
+  (!Object.is(l, M) || d !== w || o !== S) && (x(N(l)), Z(l), _(d), q(o));
+  let c = F(() => D.parse(L), [
+    D,
+    L
+  ]), T = () => {
+    if (!L.length) {
+      t(NaN), x(i === void 0 ? "" : N(l));
+      return;
+    }
+    if (isNaN(c)) {
+      x(N(l));
+      return;
+    }
+    let u;
+    n === void 0 || isNaN(n) ? u = ee(c, a, r) : u = g(c, a, r, n), u = D.parse(N(u)), t(u), x(N(i === void 0 ? u : l)), B.commitValidation();
+  }, y = (u, K = 0) => {
+    let V = c;
+    if (isNaN(V)) {
+      let h = isNaN(K) ? 0 : K;
+      return g(h, a, r, b);
+    } else {
+      let h = g(V, a, r, b);
+      return u === "+" && h > V || u === "-" && h < V ? h : g(re(u, V, b), a, r, b);
+    }
+  }, k = () => {
+    let u = y("+", a);
+    u === l && x(N(u)), t(u), B.commitValidation();
+  }, Y = () => {
+    let u = y("-", r);
+    u === l && x(N(u)), t(u), B.commitValidation();
+  }, R = () => {
+    r != null && (t(g(r, a, r, b)), B.commitValidation());
+  }, H = () => {
+    a != null && (t(a), B.commitValidation());
+  }, j = F(() => !v && !$ && (isNaN(c) || r === void 0 || isNaN(r) || g(c, a, r, b) > c || re("+", c, b) <= r), [
+    v,
+    $,
+    a,
+    r,
+    b,
+    c
+  ]), G = F(() => !v && !$ && (isNaN(c) || a === void 0 || isNaN(a) || g(c, a, r, b) < c || re("-", c, b) >= a), [
+    v,
+    $,
+    a,
+    r,
+    b,
+    c
+  ]);
+  return {
+    ...B,
+    validate: (u) => D.isValidPartialNumber(u, a, r),
+    increment: k,
+    incrementToMax: R,
+    decrement: Y,
+    decrementToMin: H,
+    canIncrement: j,
+    canDecrement: G,
+    minValue: a,
+    maxValue: r,
+    numberValue: c,
+    defaultNumberValue: isNaN(s) ? f : s,
+    setNumberValue: t,
+    setInputValue: x,
+    inputValue: L,
+    commit: T
+  };
+}
+function re(e, a, r) {
+  let n = e === "+" ? a + r : a - r;
+  if (a % 1 !== 0 || r % 1 !== 0) {
+    const o = a.toString().split("."), i = r.toString().split("."), s = o[1] && o[1].length || 0, p = i[1] && i[1].length || 0, d = Math.pow(10, Math.max(s, p));
+    a = Math.round(a * d), r = Math.round(r * d), n = e === "+" ? a + r : a - r, n /= d;
+  }
+  return n;
+}
+function xe() {
+  return typeof window < "u" && window.InputEvent && typeof InputEvent.prototype.getTargetRanges == "function";
+}
+function Za(e, a, r) {
+  let n = ya((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();
+  });
+  ba(() => {
+    if (!xe() || !r.current) return;
+    let l = r.current;
+    return l.addEventListener("beforeinput", n, !1), () => {
+      l.removeEventListener("beforeinput", n, !1);
+    };
+  }, [
+    r,
+    n
+  ]);
+  let o = 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: i, inputProps: s, descriptionProps: p, errorMessageProps: d, ...v } = Ka(e, r), $ = Le(null);
+  return {
+    inputProps: W(s, {
+      onBeforeInput: o,
+      onCompositionStart() {
+        let { value: l, selectionStart: t, selectionEnd: f } = r.current;
+        $.current = {
+          value: l,
+          selectionStart: t,
+          selectionEnd: f
+        };
+      },
+      onCompositionEnd() {
+        if (r.current && !a.validate(r.current.value)) {
+          let { value: l, selectionStart: t, selectionEnd: f } = $.current;
+          r.current.value = l, r.current.setSelectionRange(t, f), a.setInputValue(l);
+        }
+      }
+    }),
+    labelProps: i,
+    descriptionProps: p,
+    errorMessageProps: d,
+    ...v
+  };
+}
+var Fe = {};
+Fe = {
+  decrease: (e) => `خفض ${e.fieldLabel}`,
+  increase: (e) => `زيادة ${e.fieldLabel}`,
+  numberField: "حقل رقمي"
+};
+var Pe = {};
+Pe = {
+  decrease: (e) => `Намаляване ${e.fieldLabel}`,
+  increase: (e) => `Усилване ${e.fieldLabel}`,
+  numberField: "Номер на полето"
+};
+var Ne = {};
+Ne = {
+  decrease: (e) => `Snížit ${e.fieldLabel}`,
+  increase: (e) => `Zvýšit ${e.fieldLabel}`,
+  numberField: "Číselné pole"
+};
+var ge = {};
+ge = {
+  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 he = {};
+he = {
+  decrease: (e) => `Decrease ${e.fieldLabel}`,
+  increase: (e) => `Increase ${e.fieldLabel}`,
+  numberField: "Number field"
+};
+var Ce = {};
+Ce = {
+  decrease: (e) => `Reducir ${e.fieldLabel}`,
+  increase: (e) => `Aumentar ${e.fieldLabel}`,
+  numberField: "Campo de número"
+};
+var Ee = {};
+Ee = {
+  decrease: (e) => `Vähenda ${e.fieldLabel}`,
+  increase: (e) => `Suurenda ${e.fieldLabel}`,
+  numberField: "Numbri väli"
+};
+var Se = {};
+Se = {
+  decrease: (e) => `Vähennä ${e.fieldLabel}`,
+  increase: (e) => `Lisää ${e.fieldLabel}`,
+  numberField: "Numerokenttä"
+};
+var ye = {};
+ye = {
+  decrease: (e) => `Diminuer ${e.fieldLabel}`,
+  increase: (e) => `Augmenter ${e.fieldLabel}`,
+  numberField: "Champ de nombre"
+};
+var Ie = {};
+Ie = {
+  decrease: (e) => `הקטן ${e.fieldLabel}`,
+  increase: (e) => `הגדל ${e.fieldLabel}`,
+  numberField: "שדה מספר"
+};
+var Me = {};
+Me = {
+  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 ke = {};
+ke = {
+  decrease: (e) => `Riduci ${e.fieldLabel}`,
+  increase: (e) => `Aumenta ${e.fieldLabel}`,
+  numberField: "Campo numero"
+};
+var Oe = {};
+Oe = {
+  decrease: (e) => `${e.fieldLabel}を縮小`,
+  increase: (e) => `${e.fieldLabel}を拡大`,
+  numberField: "数値フィールド"
+};
+var Ae = {};
+Ae = {
+  decrease: (e) => `${e.fieldLabel} 감소`,
+  increase: (e) => `${e.fieldLabel} 증가`,
+  numberField: "번호 필드"
+};
+var Te = {};
+Te = {
+  decrease: (e) => `Sumažinti ${e.fieldLabel}`,
+  increase: (e) => `Padidinti ${e.fieldLabel}`,
+  numberField: "Numerio laukas"
+};
+var Re = {};
+Re = {
+  decrease: (e) => `Samazināšana ${e.fieldLabel}`,
+  increase: (e) => `Palielināšana ${e.fieldLabel}`,
+  numberField: "Skaitļu lauks"
+};
+var je = {};
+je = {
+  decrease: (e) => `Reduser ${e.fieldLabel}`,
+  increase: (e) => `Øk ${e.fieldLabel}`,
+  numberField: "Tallfelt"
+};
+var Ke = {};
+Ke = {
+  decrease: (e) => `${e.fieldLabel} verlagen`,
+  increase: (e) => `${e.fieldLabel} verhogen`,
+  numberField: "Getalveld"
+};
+var We = {};
+We = {
+  decrease: (e) => `Zmniejsz ${e.fieldLabel}`,
+  increase: (e) => `Zwiększ ${e.fieldLabel}`,
+  numberField: "Pole numeru"
+};
+var Ue = {};
+Ue = {
+  decrease: (e) => `Diminuir ${e.fieldLabel}`,
+  increase: (e) => `Aumentar ${e.fieldLabel}`,
+  numberField: "Campo de número"
+};
+var ze = {};
+ze = {
+  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 _e = {};
+_e = {
+  decrease: (e) => `Уменьшение ${e.fieldLabel}`,
+  increase: (e) => `Увеличение ${e.fieldLabel}`,
+  numberField: "Числовое поле"
+};
+var qe = {};
+qe = {
+  decrease: (e) => `Znížiť ${e.fieldLabel}`,
+  increase: (e) => `Zvýšiť ${e.fieldLabel}`,
+  numberField: "Číselné pole"
+};
+var Ye = {};
+Ye = {
+  decrease: (e) => `Upadati ${e.fieldLabel}`,
+  increase: (e) => `Povečajte ${e.fieldLabel}`,
+  numberField: "Številčno polje"
+};
+var He = {};
+He = {
+  decrease: (e) => `Smanji ${e.fieldLabel}`,
+  increase: (e) => `Povećaj ${e.fieldLabel}`,
+  numberField: "Polje broja"
+};
+var Ge = {};
+Ge = {
+  decrease: (e) => `Minska ${e.fieldLabel}`,
+  increase: (e) => `Öka ${e.fieldLabel}`,
+  numberField: "Nummerfält"
+};
+var Xe = {};
+Xe = {
+  decrease: (e) => `${e.fieldLabel} azalt`,
+  increase: (e) => `${e.fieldLabel} arttır`,
+  numberField: "Sayı alanı"
+};
+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 = {
+  decrease: (e) => `縮小 ${e.fieldLabel}`,
+  increase: (e) => `放大 ${e.fieldLabel}`,
+  numberField: "數字欄位"
+};
+var aa = {};
+aa = {
+  "ar-AE": Fe,
+  "bg-BG": Pe,
+  "cs-CZ": Ne,
+  "da-DK": ge,
+  "de-DE": Be,
+  "el-GR": Ve,
+  "en-US": he,
+  "es-ES": Ce,
+  "et-EE": Ee,
+  "fi-FI": Se,
+  "fr-FR": ye,
+  "he-IL": Ie,
+  "hr-HR": Me,
+  "hu-HU": we,
+  "it-IT": ke,
+  "ja-JP": Oe,
+  "ko-KR": Ae,
+  "lt-LT": Te,
+  "lv-LV": Re,
+  "nb-NO": je,
+  "nl-NL": Ke,
+  "pl-PL": We,
+  "pt-BR": Ue,
+  "pt-PT": ze,
+  "ro-RO": Ze,
+  "ru-RU": _e,
+  "sk-SK": qe,
+  "sl-SI": Ye,
+  "sr-SP": He,
+  "sv-SE": Ge,
+  "tr-TR": Xe,
+  "uk-UA": Je,
+  "zh-CN": Qe,
+  "zh-TW": ea
+};
+function _a(e) {
+  return e && e.__esModule ? e.default : e;
+}
+function qa(e, a, r) {
+  let { id: n, decrementAriaLabel: o, incrementAriaLabel: i, isDisabled: s, isReadOnly: p, isRequired: d, minValue: v, maxValue: $, autoFocus: l, label: t, formatOptions: f, onBlur: L = () => {
+  }, onFocus: x, onFocusChange: D, onKeyDown: P, onKeyUp: E, description: z, errorMessage: N, isWheelDisabled: B, ...b } = e, { increment: M, incrementToMax: Z, decrement: w, decrementToMin: _, numberValue: S, inputValue: q, commit: c, commitValidation: T } = a;
+  const y = Wa(_a(aa), "@react-aria/numberfield");
+  let k = ae(n), { focusProps: Y } = Ta({
+    onBlur() {
+      c();
+    }
+  }), R = $e(f), H = F(() => R.resolvedOptions(), [
+    R
+  ]), j = $e({
+    ...f,
+    currencySign: void 0
+  }), G = F(() => isNaN(S) ? "" : j.format(S), [
+    j,
+    S
+  ]), { spinButtonProps: le, incrementButtonProps: u, decrementButtonProps: K } = Sa({
+    isDisabled: s,
+    isReadOnly: p,
+    isRequired: d,
+    maxValue: $,
+    minValue: v,
+    onIncrement: M,
+    onIncrementToMax: Z,
+    onDecrement: w,
+    onDecrementToMin: _,
+    value: S,
+    textValue: G
+  }), [V, h] = I(!1), { focusWithinProps: ra } = Ra({
+    isDisabled: s,
+    onFocusWithinChange: h
+  }), ta = U((m) => {
+    Math.abs(m.deltaY) <= Math.abs(m.deltaX) || (m.deltaY > 0 ? M() : m.deltaY < 0 && w());
+  }, [
+    w,
+    M
+  ]);
+  Ua({
+    onScroll: ta,
+    isDisabled: B || s || 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";
+  wa() ? ne ? O = "text" : ie && (O = "decimal") : ka() && (ne ? O = "numeric" : ie && (O = "decimal"));
+  let la = (m) => {
+    a.validate(m) && a.setInputValue(m);
+  }, ia = Ma(e), ue = U((m) => {
+    m.nativeEvent.isComposing || (m.key === "Enter" ? (c(), T()) : m.continuePropagation());
+  }, [
+    c,
+    T
+  ]), { isInvalid: oe, validationErrors: na, validationDetails: ua } = a.displayValidation, { labelProps: se, inputProps: oa, descriptionProps: sa, errorMessageProps: da } = Za({
+    ...b,
+    ...ia,
+    // 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: p,
+    isRequired: d,
+    validate: void 0,
+    [Ca]: 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: L,
+    onFocus: x,
+    onFocusChange: D,
+    onKeyDown: F(() => Ia(ue, P), [
+      ue,
+      P
+    ]),
+    onKeyUp: E,
+    description: z,
+    errorMessage: N
+  }, a, r);
+  Aa(r, a.defaultNumberValue, a.setNumberValue);
+  let de = W(le, 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": Oa() ? null : y.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 : ""), C;
+  J || (C = e.label != null ? se.id : e["aria-labelledby"]);
+  let fe = ae(), be = ae(), ca = W(u, {
+    "aria-label": i || y.format("increase", {
+      fieldLabel: J
+    }).trim(),
+    id: C && !i ? fe : null,
+    "aria-labelledby": C && !i ? `${fe} ${C}` : null,
+    "aria-controls": k,
+    excludeFromTabOrder: !0,
+    preventFocusOnPress: !0,
+    allowFocusWhenDisabled: !0,
+    isDisabled: !a.canIncrement,
+    onPressStart: ce
+  }), fa = W(K, {
+    "aria-label": o || y.format("decrease", {
+      fieldLabel: J
+    }).trim(),
+    id: C && !o ? be : null,
+    "aria-labelledby": C && !o ? `${be} ${C}` : null,
+    "aria-controls": k,
+    excludeFromTabOrder: !0,
+    preventFocusOnPress: !0,
+    allowFocusWhenDisabled: !0,
+    isDisabled: !a.canDecrement,
+    onPressStart: ce
+  });
+  return {
+    groupProps: {
+      ...ra,
+      role: "group",
+      "aria-disabled": s,
+      "aria-invalid": oe ? "true" : void 0
+    },
+    labelProps: se,
+    inputProps: de,
+    incrementButtonProps: ca,
+    decrementButtonProps: fa,
+    errorMessageProps: da,
+    descriptionProps: sa,
+    isInvalid: oe,
+    validationErrors: na,
+    validationDetails: ua
+  };
+}
+const { withContext: te, withProvider: Ya } = /* @__PURE__ */ La({
+  key: "numberInput"
+}), Ha = /* @__PURE__ */ Ya("div", "root"), Ga = /* @__PURE__ */ te("input", "input"), Xa = /* @__PURE__ */ te(De, "incrementButton"), Ja = /* @__PURE__ */ te(De, "decrementButton"), ve = /* @__PURE__ */ Pa({
+  decrement: {
+    id: "Nimbus.numberInput.decrement",
+    description: "aria-label & tooltip for decrement button in number input",
+    defaultMessage: "Decrement"
+  },
+  increment: {
+    id: "Nimbus.numberInput.increment",
+    description: "aria-label & tooltip for increment button in number input",
+    defaultMessage: "Increment"
+  }
+}), Qa = (e) => {
+  const { size: a, ref: r, ...n } = e, { locale: o } = ga(), i = Na(), s = Le(null), p = Ba(ma(s, r)), d = Da({ recipe: Fa }), [v, $] = d.splitVariantProps(n), [l, t] = va($), f = za({ locale: o, ...t }), { inputProps: L, incrementButtonProps: x, decrementButtonProps: D } = qa(t, f, p), P = {
+    "data-invalid": e.isInvalid,
+    "data-disabled": e.isDisabled
+  };
+  return /* @__PURE__ */ me(Ha, { ...v, ...l, size: a, children: [
+    /* @__PURE__ */ A(
+      Ga,
+      {
+        ref: p,
+        ...L,
+        ...P,
+        size: a
+      }
+    ),
+    /* @__PURE__ */ me(
+      pa,
+      {
+        position: "absolute",
+        top: "0",
+        right: "0",
+        display: "flex",
+        flexDirection: "column",
+        height: "full",
+        children: [
+          /* @__PURE__ */ A(
+            Xa,
+            {
+              ...x,
+              "aria-label": i.formatMessage(ve.increment),
+              ...P,
+              children: /* @__PURE__ */ A($a, {})
+            }
+          ),
+          /* @__PURE__ */ A(
+            Ja,
+            {
+              ...D,
+              "aria-label": i.formatMessage(ve.decrement),
+              ...P,
+              children: /* @__PURE__ */ A(xa, {})
+            }
+          )
+        ]
+      }
+    )
+  ] });
+};
+Qa.displayName = "NumberInput";
+export {
+  Qa as N
+};
+//# sourceMappingURL=number-input-BHHKhYR7.es.js.map