@commercetools/nimbus 1.0.1 → 2.0.1-rc1

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

@@ -0,0 +1,691 @@
+import { jsxs as be, jsx as C } from "react/jsx-runtime";
+import { useCallback as Z, useEffect as ma, useRef as Le, useState as M, useMemo as F } from "react";
+import { createSlotRecipeContext as ba, mergeRefs as $a } from "@chakra-ui/react";
+import { useSlotRecipe as pa } from "@chakra-ui/react/styled-system";
+import { KeyboardArrowUp as xa, KeyboardArrowDown as va } from "@commercetools/nimbus-icons";
+import { e as La } from "./extractStyleProps-DYXEhLtq.es.js";
+import { a as De } from "./Button-CrgZzRm9.es.js";
+import { $ as Da } from "./Input-Da2oLmEN.es.js";
+import { p as Na } from "./index-CtB71yr7.es.js";
+import { defineMessages as Fa, useIntl as Pa } from "react-intl";
+import { $ as ga } from "./context-R4YUlO9Y.es.js";
+import { $ as Ba } from "./useObjectRef-CaJ5pgjX.es.js";
+import { $ as Ea } from "./useControlledState-u436Wbp1.es.js";
+import { a as P, $ as ae } from "./number-dMxJejI6.es.js";
+import { $ as ha, b as Sa } from "./useFormValidation-DR5NgZ9j.es.js";
+import { $ as $e } from "./NumberFormatter-DgOUVrge.es.js";
+import { $ as Va, a as Ca } from "./useSpinButton-2dD53rZp.es.js";
+import { c as ya, a as z, $ as re, e as Ia } from "./mergeProps-CzyOU2NE.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-D_wskGk5.es.js";
+import { $ as Ta } from "./useFocus-CwNVYldV.es.js";
+import { $ as Ra } from "./useFocusWithin-CfiDXiVK.es.js";
+import { $ as ja } from "./useEvent-Bh_fbauk.es.js";
+import { $ as Ka } from "./useTextField-CT9tuc9X.es.js";
+import { $ as Wa } from "./useLocalizedStringFormatter-BRnRyxJp.es.js";
+import { a as pe } from "./useProgressBar-BsSMDAsi.es.js";
+import { B as Ua } from "./box-DuBoAZvq.es.js";
+function za(e, r) {
+  let { onScroll: a, isDisabled: i } = e, o = Z((n) => {
+    n.ctrlKey || (n.preventDefault(), n.stopPropagation(), a && a({
+      deltaX: n.deltaX,
+      deltaY: n.deltaY
+    }));
+  }, [
+    a
+  ]);
+  ja(r, "wheel", i ? void 0 : o);
+}
+function xe() {
+  return typeof window < "u" && window.InputEvent && typeof InputEvent.prototype.getTargetRanges == "function";
+}
+function Za(e, r, a) {
+  let i = ya((l) => {
+    let t = a.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 || !r.validate(f)) && l.preventDefault();
+  });
+  ma(() => {
+    if (!xe() || !a.current) return;
+    let l = a.current;
+    return l.addEventListener("beforeinput", i, !1), () => {
+      l.removeEventListener("beforeinput", i, !1);
+    };
+  }, [
+    a,
+    i
+  ]);
+  let o = xe() ? null : (l) => {
+    let t = l.target.value.slice(0, l.target.selectionStart) + l.data + l.target.value.slice(l.target.selectionEnd);
+    r.validate(t) || l.preventDefault();
+  }, { labelProps: n, inputProps: s, descriptionProps: p, errorMessageProps: d, ...v } = Ka(e, a), L = Le(null);
+  return {
+    inputProps: z(s, {
+      onBeforeInput: o,
+      onCompositionStart() {
+        let { value: l, selectionStart: t, selectionEnd: f } = a.current;
+        L.current = {
+          value: l,
+          selectionStart: t,
+          selectionEnd: f
+        };
+      },
+      onCompositionEnd() {
+        if (a.current && !r.validate(a.current.value)) {
+          let { value: l, selectionStart: t, selectionEnd: f } = L.current;
+          a.current.value = l, a.current.setSelectionRange(t, f), r.setInputValue(l);
+        }
+      }
+    }),
+    labelProps: n,
+    descriptionProps: p,
+    errorMessageProps: d,
+    ...v
+  };
+}
+function _a(e) {
+  let { minValue: r, maxValue: a, step: i, formatOptions: o, value: n, defaultValue: s = NaN, onChange: p, locale: d, isDisabled: v, isReadOnly: L } = e;
+  n === null && (n = NaN), n !== void 0 && !isNaN(n) && (i !== void 0 && !isNaN(i) ? n = P(n, r, a, i) : n = ae(n, r, a)), isNaN(s) || (i !== void 0 && !isNaN(i) ? s = P(s, r, a, i) : s = ae(s, r, a));
+  let [l, t] = Ea(n, isNaN(s) ? NaN : s, p), [f] = M(l), [D, x] = M(() => isNaN(l) ? "" : new $e(d, o).format(l)), N = F(() => new Va(d, o), [
+    d,
+    o
+  ]), E = F(() => N.getNumberingSystem(D), [
+    N,
+    D
+  ]), g = F(() => new $e(d, {
+    ...o,
+    numberingSystem: E
+  }), [
+    d,
+    o,
+    E
+  ]), w = F(() => g.resolvedOptions(), [
+    g
+  ]), m = Z((u) => isNaN(u) || u === null ? "" : g.format(u), [
+    g
+  ]), B = ha({
+    ...e,
+    value: l
+  }), b = i !== void 0 && !isNaN(i) ? i : 1;
+  w.style === "percent" && (i === void 0 || isNaN(i)) && (b = 0.01);
+  let [k, _] = M(l), [O, q] = M(d), [y, Y] = M(o);
+  (!Object.is(l, k) || d !== O || o !== y) && (x(m(l)), _(l), q(d), Y(o));
+  let c = F(() => N.parse(D), [
+    N,
+    D
+  ]), j = () => {
+    if (!D.length) {
+      t(NaN), x(n === void 0 ? "" : m(l));
+      return;
+    }
+    if (isNaN(c)) {
+      x(m(l));
+      return;
+    }
+    let u;
+    i === void 0 || isNaN(i) ? u = ae(c, r, a) : u = P(c, r, a, i), u = N.parse(m(u)), t(u), x(m(n === void 0 ? u : l)), B.commitValidation();
+  }, I = (u, U = 0) => {
+    let h = c;
+    if (isNaN(h)) {
+      let S = isNaN(U) ? 0 : U;
+      return P(S, r, a, b);
+    } else {
+      let S = P(h, r, a, b);
+      return u === "+" && S > h || u === "-" && S < h ? S : P(te(u, h, b), r, a, b);
+    }
+  }, A = () => {
+    let u = I("+", r);
+    u === l && x(m(u)), t(u), B.commitValidation();
+  }, H = () => {
+    let u = I("-", a);
+    u === l && x(m(u)), t(u), B.commitValidation();
+  }, K = () => {
+    a != null && (t(P(a, r, a, b)), B.commitValidation());
+  }, G = () => {
+    r != null && (t(r), B.commitValidation());
+  }, W = F(() => !v && !L && (isNaN(c) || a === void 0 || isNaN(a) || P(c, r, a, b) > c || te("+", c, b) <= a), [
+    v,
+    L,
+    r,
+    a,
+    b,
+    c
+  ]), X = F(() => !v && !L && (isNaN(c) || r === void 0 || isNaN(r) || P(c, r, a, b) < c || te("-", c, b) >= r), [
+    v,
+    L,
+    r,
+    a,
+    b,
+    c
+  ]);
+  return {
+    ...B,
+    validate: (u) => N.isValidPartialNumber(u, r, a),
+    increment: A,
+    incrementToMax: K,
+    decrement: H,
+    decrementToMin: G,
+    canIncrement: W,
+    canDecrement: X,
+    minValue: r,
+    maxValue: a,
+    numberValue: c,
+    defaultNumberValue: isNaN(s) ? f : s,
+    setNumberValue: t,
+    setInputValue: x,
+    inputValue: D,
+    commit: j
+  };
+}
+function te(e, r, a) {
+  let i = e === "+" ? r + a : r - a;
+  if (r % 1 !== 0 || a % 1 !== 0) {
+    const o = r.toString().split("."), n = a.toString().split("."), s = o[1] && o[1].length || 0, p = n[1] && n[1].length || 0, d = Math.pow(10, Math.max(s, p));
+    r = Math.round(r * d), a = Math.round(a * d), i = e === "+" ? r + a : r - a, i /= d;
+  }
+  return i;
+}
+var Ne = {};
+Ne = {
+  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 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 Ee = {};
+Ee = {
+  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 Se = {};
+Se = {
+  decrease: (e) => `Reducir ${e.fieldLabel}`,
+  increase: (e) => `Aumentar ${e.fieldLabel}`,
+  numberField: "Campo de número"
+};
+var Ve = {};
+Ve = {
+  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 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": Ne,
+  "bg-BG": Fe,
+  "cs-CZ": Pe,
+  "da-DK": ge,
+  "de-DE": Be,
+  "el-GR": Ee,
+  "en-US": he,
+  "es-ES": Se,
+  "et-EE": Ve,
+  "fi-FI": Ce,
+  "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 qa(e) {
+  return e && e.__esModule ? e.default : e;
+}
+function Ya(e, r, a) {
+  let { id: i, decrementAriaLabel: o, incrementAriaLabel: n, isDisabled: s, isReadOnly: p, isRequired: d, minValue: v, maxValue: L, autoFocus: l, label: t, formatOptions: f, onBlur: D = () => {
+  }, onFocus: x, onFocusChange: N, onKeyDown: E, onKeyUp: g, description: w, errorMessage: m, isWheelDisabled: B, ...b } = e, { increment: k, incrementToMax: _, decrement: O, decrementToMin: q, numberValue: y, inputValue: Y, commit: c, commitValidation: j } = r;
+  const I = Wa(qa(aa), "@react-aria/numberfield");
+  let A = re(i), { focusProps: H } = Ta({
+    onBlur() {
+      c();
+    }
+  }), K = pe(f), G = F(() => K.resolvedOptions(), [
+    K
+  ]), W = pe({
+    ...f,
+    currencySign: void 0
+  }), X = F(() => isNaN(y) ? "" : W.format(y), [
+    W,
+    y
+  ]), { spinButtonProps: le, incrementButtonProps: u, decrementButtonProps: U } = Ca({
+    isDisabled: s,
+    isReadOnly: p,
+    isRequired: d,
+    maxValue: L,
+    minValue: v,
+    onIncrement: k,
+    onIncrementToMax: _,
+    onDecrement: O,
+    onDecrementToMin: q,
+    value: y,
+    textValue: X
+  }), [h, S] = M(!1), { focusWithinProps: ra } = Ra({
+    isDisabled: s,
+    onFocusWithinChange: S
+  }), ta = Z(($) => {
+    Math.abs($.deltaY) <= Math.abs($.deltaX) || ($.deltaY > 0 ? k() : $.deltaY < 0 && O());
+  }, [
+    O,
+    k
+  ]);
+  za({
+    onScroll: ta,
+    isDisabled: B || s || p || !h
+  }, a);
+  var J;
+  let ie = ((J = G.maximumFractionDigits) !== null && J !== void 0 ? J : 0) > 0, ne = r.minValue === void 0 || isNaN(r.minValue) || r.minValue < 0, T = "numeric";
+  wa() ? ne ? T = "text" : ie && (T = "decimal") : ka() && (ne ? T = "numeric" : ie && (T = "decimal"));
+  let la = ($) => {
+    r.validate($) && r.setInputValue($);
+  }, ia = Ma(e), ue = Z(($) => {
+    $.nativeEvent.isComposing || ($.key === "Enter" ? (c(), j()) : $.continuePropagation());
+  }, [
+    c,
+    j
+  ]), { isInvalid: oe, validationErrors: na, validationDetails: ua } = r.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,
+    [Sa]: r,
+    value: Y,
+    defaultValue: "!",
+    autoComplete: "off",
+    "aria-label": e["aria-label"] || void 0,
+    "aria-labelledby": e["aria-labelledby"] || void 0,
+    id: A,
+    type: "text",
+    inputMode: T,
+    onChange: la,
+    onBlur: D,
+    onFocus: x,
+    onFocusChange: N,
+    onKeyDown: F(() => Ia(ue, E), [
+      ue,
+      E
+    ]),
+    onKeyUp: g,
+    description: w,
+    errorMessage: m
+  }, r, a);
+  Aa(a, r.defaultNumberValue, r.setNumberValue);
+  let de = z(le, H, 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 : I.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 = ($) => {
+    var ee;
+    document.activeElement !== a.current && ($.pointerType === "mouse" ? (ee = a.current) === null || ee === void 0 || ee.focus() : $.target.focus());
+  }, Q = e["aria-label"] || (typeof e.label == "string" ? e.label : ""), V;
+  Q || (V = e.label != null ? se.id : e["aria-labelledby"]);
+  let fe = re(), me = re(), ca = z(u, {
+    "aria-label": n || I.format("increase", {
+      fieldLabel: Q
+    }).trim(),
+    id: V && !n ? fe : null,
+    "aria-labelledby": V && !n ? `${fe} ${V}` : null,
+    "aria-controls": A,
+    excludeFromTabOrder: !0,
+    preventFocusOnPress: !0,
+    allowFocusWhenDisabled: !0,
+    isDisabled: !r.canIncrement,
+    onPressStart: ce
+  }), fa = z(U, {
+    "aria-label": o || I.format("decrease", {
+      fieldLabel: Q
+    }).trim(),
+    id: V && !o ? me : null,
+    "aria-labelledby": V && !o ? `${me} ${V}` : null,
+    "aria-controls": A,
+    excludeFromTabOrder: !0,
+    preventFocusOnPress: !0,
+    allowFocusWhenDisabled: !0,
+    isDisabled: !r.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: R, withProvider: Ha } = /* @__PURE__ */ ba({
+  key: "numberInput"
+}), Ga = /* @__PURE__ */ Ha("div", "root"), Xa = /* @__PURE__ */ R("div", "leadingElement"), Ja = /* @__PURE__ */ R("div", "trailingElement"), Qa = /* @__PURE__ */ R(Da, "input"), er = /* @__PURE__ */ R(De, "incrementButton"), ar = /* @__PURE__ */ R(De, "decrementButton"), ve = /* @__PURE__ */ Fa({
+  decrement: {
+    id: "Nimbus.NumberInput.decrement",
+    description: "aria-label for the decrement button in number input",
+    defaultMessage: "Decrement"
+  },
+  increment: {
+    id: "Nimbus.NumberInput.increment",
+    description: "aria-label for the increment button in number input",
+    defaultMessage: "Increment"
+  }
+}), rr = (e) => {
+  const {
+    size: r,
+    leadingElement: a,
+    trailingElement: i,
+    ref: o,
+    ...n
+  } = e, { locale: s } = ga(), p = Pa(), d = Le(null), v = Ba($a(d, o)), L = pa({ recipe: Na }), [l, t] = L.splitVariantProps(n), [f, D] = La(t), x = {
+    ...D,
+    locale: s,
+    incrementAriaLabel: p.formatMessage(ve.increment),
+    decrementAriaLabel: p.formatMessage(ve.decrement)
+  }, N = _a(x), { inputProps: E, incrementButtonProps: g, decrementButtonProps: w } = Ya(x, N, v), m = {
+    "data-invalid": e.isInvalid,
+    "data-disabled": e.isDisabled
+  };
+  return /* @__PURE__ */ be(
+    Ga,
+    {
+      className: e?.className,
+      ...m,
+      ...l,
+      ...f,
+      size: r,
+      children: [
+        a && /* @__PURE__ */ C(Xa, { children: a }),
+        /* @__PURE__ */ C(
+          Qa,
+          {
+            ref: v,
+            ...E,
+            ...m,
+            name: e.name
+          }
+        ),
+        i && /* @__PURE__ */ C(Ja, { children: i }),
+        /* @__PURE__ */ be(
+          Ua,
+          {
+            position: "absolute",
+            top: "0",
+            right: "0",
+            display: "flex",
+            flexDirection: "column",
+            height: "full",
+            children: [
+              /* @__PURE__ */ C(
+                er,
+                {
+                  ...g,
+                  ...m,
+                  children: /* @__PURE__ */ C(xa, {})
+                }
+              ),
+              /* @__PURE__ */ C(
+                ar,
+                {
+                  ...w,
+                  ...m,
+                  children: /* @__PURE__ */ C(va, {})
+                }
+              )
+            ]
+          }
+        )
+      ]
+    }
+  );
+};
+rr.displayName = "NumberInput";
+export {
+  rr as N
+};
+//# sourceMappingURL=number-input-DXiwgboS.es.js.map