@commercetools/nimbus 2.0.1 → 2.2.0

package/dist/chunks/number-input-Dp13Mn-8.es.js

@@ -0,0 +1,686 @@
+import { jsxs as $e, jsx as C } from "react/jsx-runtime";
+import { useCallback as Z, useEffect as ma, useRef as Le, useState as M, useMemo as N } 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 "./extract-style-props-BdibuNZ7.es.js";
+import { a as De } from "./Button-BjcDZ5eb.es.js";
+import { a as Da } from "./Input-Cmg08oRP.es.js";
+import { p as Fa } from "./index-C2qW4ynb.es.js";
+import { n as T, u as Na } from "./normalize-messages-D5T4I93D.es.js";
+import { $ as Pa } from "./context-DW7UvQ8z.es.js";
+import { $ as ga } from "./useObjectRef-CaJ5pgjX.es.js";
+import { $ as Ba } from "./useControlledState-u436Wbp1.es.js";
+import { a as P, $ as re } from "./number-dMxJejI6.es.js";
+import { $ as Ea, b as ha } from "./useFormValidation-BCVLtR0U.es.js";
+import { $ as pe } from "./NumberFormatter-DgOUVrge.es.js";
+import { $ as Sa, a as Va } from "./useSpinButton-D8B_x4uj.es.js";
+import { c as Ca, $ as U, a as te, e as Ia } from "./mergeProps-Dsl8k3Ig.es.js";
+import { $ as ya } from "./filterDOMProps-BSVCO5jK.es.js";
+import { h as Ma, d as wa, f as ka } from "./platform-Z5fvtFmM.es.js";
+import { $ as Aa } from "./useFormReset-BGuIA_u2.es.js";
+import { $ as Oa } from "./useFocus-CrgTusM3.es.js";
+import { $ as Ra } from "./useFocusWithin-EFOG-Jn1.es.js";
+import { $ as Ta } from "./useEvent-CRo5BZDX.es.js";
+import { $ as ja } from "./useTextField-yuaT8-G4.es.js";
+import { $ as Ka } from "./useLocalizedStringFormatter-DWb0DkHL.es.js";
+import { a as xe } from "./useProgressBar--OvVKto2.es.js";
+import { B as za } from "./box-DuBoAZvq.es.js";
+function Wa(e, r) {
+  let { onScroll: a, isDisabled: l } = e, o = Z((i) => {
+    i.ctrlKey || (i.preventDefault(), i.stopPropagation(), a && a({
+      deltaX: i.deltaX,
+      deltaY: i.deltaY
+    }));
+  }, [
+    a
+  ]);
+  Ta(r, "wheel", l ? void 0 : o);
+}
+function ve() {
+  return typeof window < "u" && window.InputEvent && typeof InputEvent.prototype.getTargetRanges == "function";
+}
+function _a(e, r, a) {
+  let l = Ca((n) => {
+    let t = a.current;
+    if (!t) return;
+    let f = null;
+    switch (n.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:
+        n.data != null && (f = t.value.slice(0, t.selectionStart) + n.data + t.value.slice(t.selectionEnd));
+        break;
+    }
+    (f == null || !r.validate(f)) && n.preventDefault();
+  });
+  ma(() => {
+    if (!ve() || !a.current) return;
+    let n = a.current;
+    return n.addEventListener("beforeinput", l, !1), () => {
+      n.removeEventListener("beforeinput", l, !1);
+    };
+  }, [
+    a,
+    l
+  ]);
+  let o = ve() ? null : (n) => {
+    let t = n.target.value.slice(0, n.target.selectionStart) + n.data + n.target.value.slice(n.target.selectionEnd);
+    r.validate(t) || n.preventDefault();
+  }, { labelProps: i, inputProps: s, descriptionProps: p, errorMessageProps: d, ...v } = ja(e, a), L = Le(null);
+  return {
+    inputProps: U(s, {
+      onBeforeInput: o,
+      onCompositionStart() {
+        let { value: n, selectionStart: t, selectionEnd: f } = a.current;
+        L.current = {
+          value: n,
+          selectionStart: t,
+          selectionEnd: f
+        };
+      },
+      onCompositionEnd() {
+        if (a.current && !r.validate(a.current.value)) {
+          let { value: n, selectionStart: t, selectionEnd: f } = L.current;
+          a.current.value = n, a.current.setSelectionRange(t, f), r.setInputValue(n);
+        }
+      }
+    }),
+    labelProps: i,
+    descriptionProps: p,
+    errorMessageProps: d,
+    ...v
+  };
+}
+function Ua(e) {
+  let { minValue: r, maxValue: a, step: l, formatOptions: o, value: i, defaultValue: s = NaN, onChange: p, locale: d, isDisabled: v, isReadOnly: L } = e;
+  i === null && (i = NaN), i !== void 0 && !isNaN(i) && (l !== void 0 && !isNaN(l) ? i = P(i, r, a, l) : i = re(i, r, a)), isNaN(s) || (l !== void 0 && !isNaN(l) ? s = P(s, r, a, l) : s = re(s, r, a));
+  let [n, t] = Ba(i, isNaN(s) ? NaN : s, p), [f] = M(n), [D, x] = M(() => isNaN(n) ? "" : new pe(d, o).format(n)), F = N(() => new Sa(d, o), [
+    d,
+    o
+  ]), E = N(() => F.getNumberingSystem(D), [
+    F,
+    D
+  ]), g = N(() => new pe(d, {
+    ...o,
+    numberingSystem: E
+  }), [
+    d,
+    o,
+    E
+  ]), w = N(() => g.resolvedOptions(), [
+    g
+  ]), m = Z((u) => isNaN(u) || u === null ? "" : g.format(u), [
+    g
+  ]), B = Ea({
+    ...e,
+    value: n
+  }), b = l !== void 0 && !isNaN(l) ? l : 1;
+  w.style === "percent" && (l === void 0 || isNaN(l)) && (b = 0.01);
+  let [k, q] = M(n), [A, Y] = M(d), [I, H] = M(o);
+  (!Object.is(n, k) || d !== A || o !== I) && (x(m(n)), q(n), Y(d), H(o));
+  let c = N(() => F.parse(D), [
+    F,
+    D
+  ]), K = () => {
+    if (!D.length) {
+      t(NaN), x(i === void 0 ? "" : m(n));
+      return;
+    }
+    if (isNaN(c)) {
+      x(m(n));
+      return;
+    }
+    let u;
+    l === void 0 || isNaN(l) ? u = re(c, r, a) : u = P(c, r, a, l), u = F.parse(m(u)), t(u), x(m(i === void 0 ? u : n)), B.commitValidation();
+  }, y = (u, _ = 0) => {
+    let h = c;
+    if (isNaN(h)) {
+      let S = isNaN(_) ? 0 : _;
+      return P(S, r, a, b);
+    } else {
+      let S = P(h, r, a, b);
+      return u === "+" && S > h || u === "-" && S < h ? S : P(ne(u, h, b), r, a, b);
+    }
+  }, O = () => {
+    let u = y("+", r);
+    u === n && x(m(u)), t(u), B.commitValidation();
+  }, G = () => {
+    let u = y("-", a);
+    u === n && x(m(u)), t(u), B.commitValidation();
+  }, z = () => {
+    a != null && (t(P(a, r, a, b)), B.commitValidation());
+  }, X = () => {
+    r != null && (t(r), B.commitValidation());
+  }, W = N(() => !v && !L && (isNaN(c) || a === void 0 || isNaN(a) || P(c, r, a, b) > c || ne("+", c, b) <= a), [
+    v,
+    L,
+    r,
+    a,
+    b,
+    c
+  ]), J = N(() => !v && !L && (isNaN(c) || r === void 0 || isNaN(r) || P(c, r, a, b) < c || ne("-", c, b) >= r), [
+    v,
+    L,
+    r,
+    a,
+    b,
+    c
+  ]);
+  return {
+    ...B,
+    validate: (u) => F.isValidPartialNumber(u, r, a),
+    increment: O,
+    incrementToMax: z,
+    decrement: G,
+    decrementToMin: X,
+    canIncrement: W,
+    canDecrement: J,
+    minValue: r,
+    maxValue: a,
+    numberValue: c,
+    defaultNumberValue: isNaN(s) ? f : s,
+    setNumberValue: t,
+    setInputValue: x,
+    inputValue: D,
+    commit: K
+  };
+}
+function ne(e, r, a) {
+  let l = e === "+" ? r + a : r - a;
+  if (r % 1 !== 0 || a % 1 !== 0) {
+    const o = r.toString().split("."), i = a.toString().split("."), s = o[1] && o[1].length || 0, p = i[1] && i[1].length || 0, d = Math.pow(10, Math.max(s, p));
+    r = Math.round(r * d), a = Math.round(a * d), l = e === "+" ? r + a : r - a, l /= d;
+  }
+  return l;
+}
+var Fe = {};
+Fe = {
+  decrease: (e) => `خفض ${e.fieldLabel}`,
+  increase: (e) => `زيادة ${e.fieldLabel}`,
+  numberField: "حقل رقمي"
+};
+var Ne = {};
+Ne = {
+  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 Ie = {};
+Ie = {
+  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 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 Ae = {};
+Ae = {
+  decrease: (e) => `${e.fieldLabel}を縮小`,
+  increase: (e) => `${e.fieldLabel}を拡大`,
+  numberField: "数値フィールド"
+};
+var Oe = {};
+Oe = {
+  decrease: (e) => `${e.fieldLabel} 감소`,
+  increase: (e) => `${e.fieldLabel} 증가`,
+  numberField: "번호 필드"
+};
+var Re = {};
+Re = {
+  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 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 ze = {};
+ze = {
+  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 _e = {};
+_e = {
+  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 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": Ne,
+  "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": Ie,
+  "he-IL": ye,
+  "hr-HR": Me,
+  "hu-HU": we,
+  "it-IT": ke,
+  "ja-JP": Ae,
+  "ko-KR": Oe,
+  "lt-LT": Re,
+  "lv-LV": Te,
+  "nb-NO": je,
+  "nl-NL": Ke,
+  "pl-PL": ze,
+  "pt-BR": We,
+  "pt-PT": _e,
+  "ro-RO": Ue,
+  "ru-RU": Ze,
+  "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 Za(e) {
+  return e && e.__esModule ? e.default : e;
+}
+function qa(e, r, a) {
+  let { id: l, decrementAriaLabel: o, incrementAriaLabel: i, isDisabled: s, isReadOnly: p, isRequired: d, minValue: v, maxValue: L, autoFocus: n, label: t, formatOptions: f, onBlur: D = () => {
+  }, onFocus: x, onFocusChange: F, onKeyDown: E, onKeyUp: g, description: w, errorMessage: m, isWheelDisabled: B, ...b } = e, { increment: k, incrementToMax: q, decrement: A, decrementToMin: Y, numberValue: I, inputValue: H, commit: c, commitValidation: K } = r;
+  const y = Ka(Za(aa), "@react-aria/numberfield");
+  let O = te(l), { focusProps: G } = Oa({
+    onBlur() {
+      c();
+    }
+  }), z = xe(f), X = N(() => z.resolvedOptions(), [
+    z
+  ]), W = xe({
+    ...f,
+    currencySign: void 0
+  }), J = N(() => isNaN(I) ? "" : W.format(I), [
+    W,
+    I
+  ]), { spinButtonProps: le, incrementButtonProps: u, decrementButtonProps: _ } = Va({
+    isDisabled: s,
+    isReadOnly: p,
+    isRequired: d,
+    maxValue: L,
+    minValue: v,
+    onIncrement: k,
+    onIncrementToMax: q,
+    onDecrement: A,
+    onDecrementToMin: Y,
+    value: I,
+    textValue: J
+  }), [h, S] = M(!1), { focusWithinProps: ra } = Ra({
+    isDisabled: s,
+    onFocusWithinChange: S
+  }), ta = Z(($) => {
+    Math.abs($.deltaY) <= Math.abs($.deltaX) || ($.deltaY > 0 ? k() : $.deltaY < 0 && A());
+  }, [
+    A,
+    k
+  ]);
+  Wa({
+    onScroll: ta,
+    isDisabled: B || s || p || !h
+  }, a);
+  var Q;
+  let ie = ((Q = X.maximumFractionDigits) !== null && Q !== void 0 ? Q : 0) > 0, ue = r.minValue === void 0 || isNaN(r.minValue) || r.minValue < 0, R = "numeric";
+  Ma() ? ue ? R = "text" : ie && (R = "decimal") : wa() && (ue ? R = "numeric" : ie && (R = "decimal"));
+  let na = ($) => {
+    r.validate($) && r.setInputValue($);
+  }, la = ya(e), oe = Z(($) => {
+    $.nativeEvent.isComposing || ($.key === "Enter" ? (c(), K()) : $.continuePropagation());
+  }, [
+    c,
+    K
+  ]), { isInvalid: se, validationErrors: ia, validationDetails: ua } = r.displayValidation, { labelProps: de, inputProps: oa, descriptionProps: sa, errorMessageProps: da } = _a({
+    ...b,
+    ...la,
+    // These props are added to a hidden input rather than the formatted textfield.
+    name: void 0,
+    form: void 0,
+    label: t,
+    autoFocus: n,
+    isDisabled: s,
+    isReadOnly: p,
+    isRequired: d,
+    validate: void 0,
+    [ha]: r,
+    value: H,
+    defaultValue: "!",
+    autoComplete: "off",
+    "aria-label": e["aria-label"] || void 0,
+    "aria-labelledby": e["aria-labelledby"] || void 0,
+    id: O,
+    type: "text",
+    inputMode: R,
+    onChange: na,
+    onBlur: D,
+    onFocus: x,
+    onFocusChange: F,
+    onKeyDown: N(() => Ia(oe, E), [
+      oe,
+      E
+    ]),
+    onKeyUp: g,
+    description: w,
+    errorMessage: m
+  }, r, a);
+  Aa(a, r.defaultNumberValue, r.setNumberValue);
+  let ce = U(le, G, 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": ka() ? null : y.format("numberField"),
+    "aria-valuemax": null,
+    "aria-valuemin": null,
+    "aria-valuenow": null,
+    "aria-valuetext": null,
+    autoCorrect: "off",
+    spellCheck: "false"
+  });
+  e.validationBehavior === "native" && (ce["aria-required"] = void 0);
+  let fe = ($) => {
+    var ae;
+    document.activeElement !== a.current && ($.pointerType === "mouse" ? (ae = a.current) === null || ae === void 0 || ae.focus() : $.target.focus());
+  }, ee = e["aria-label"] || (typeof e.label == "string" ? e.label : ""), V;
+  ee || (V = e.label != null ? de.id : e["aria-labelledby"]);
+  let me = te(), be = te(), ca = U(u, {
+    "aria-label": i || y.format("increase", {
+      fieldLabel: ee
+    }).trim(),
+    id: V && !i ? me : null,
+    "aria-labelledby": V && !i ? `${me} ${V}` : null,
+    "aria-controls": O,
+    excludeFromTabOrder: !0,
+    preventFocusOnPress: !0,
+    allowFocusWhenDisabled: !0,
+    isDisabled: !r.canIncrement,
+    onPressStart: fe
+  }), fa = U(_, {
+    "aria-label": o || y.format("decrease", {
+      fieldLabel: ee
+    }).trim(),
+    id: V && !o ? be : null,
+    "aria-labelledby": V && !o ? `${be} ${V}` : null,
+    "aria-controls": O,
+    excludeFromTabOrder: !0,
+    preventFocusOnPress: !0,
+    allowFocusWhenDisabled: !0,
+    isDisabled: !r.canDecrement,
+    onPressStart: fe
+  });
+  return {
+    groupProps: {
+      ...ra,
+      role: "group",
+      "aria-disabled": s,
+      "aria-invalid": se ? "true" : void 0
+    },
+    labelProps: de,
+    inputProps: ce,
+    incrementButtonProps: ca,
+    decrementButtonProps: fa,
+    errorMessageProps: da,
+    descriptionProps: sa,
+    isInvalid: se,
+    validationErrors: ia,
+    validationDetails: ua
+  };
+}
+const { withContext: j, withProvider: Ya } = /* @__PURE__ */ ba({
+  key: "numberInput"
+}), Ha = /* @__PURE__ */ Ya("div", "root"), Ga = /* @__PURE__ */ j("div", "leadingElement"), Xa = /* @__PURE__ */ j("div", "trailingElement"), Ja = /* @__PURE__ */ j(Da, "input"), Qa = /* @__PURE__ */ j(De, "incrementButton"), er = /* @__PURE__ */ j(De, "decrementButton"), ar = { decrement: "Decrement", increment: "Increment" }, rr = { decrement: "Minderung", increment: "Erhöhung" }, tr = { decrement: "Merma", increment: "Aumento" }, nr = { decrement: "Décrément", increment: "Incrément" }, lr = { decrement: "Redução", increment: "Aumento" }, ir = {
+  en: /* @__PURE__ */ T(ar),
+  de: /* @__PURE__ */ T(rr),
+  es: /* @__PURE__ */ T(tr),
+  "fr-FR": /* @__PURE__ */ T(nr),
+  "pt-BR": /* @__PURE__ */ T(lr)
+}, ur = (e) => {
+  const {
+    size: r,
+    leadingElement: a,
+    trailingElement: l,
+    ref: o,
+    ...i
+  } = e, { locale: s } = Pa(), p = Na(ir), d = Le(null), v = ga($a(d, o)), L = pa({ recipe: Fa }), [n, t] = L.splitVariantProps(i), [f, D] = La(t), x = {
+    ...D,
+    locale: s,
+    incrementAriaLabel: p.format("increment"),
+    decrementAriaLabel: p.format("decrement")
+  }, F = Ua(x), { inputProps: E, incrementButtonProps: g, decrementButtonProps: w } = qa(x, F, v), m = {
+    "data-invalid": e.isInvalid,
+    "data-disabled": e.isDisabled
+  };
+  return /* @__PURE__ */ $e(
+    Ha,
+    {
+      className: e?.className,
+      ...m,
+      ...n,
+      ...f,
+      size: r,
+      children: [
+        a && /* @__PURE__ */ C(Ga, { children: a }),
+        /* @__PURE__ */ C(
+          Ja,
+          {
+            ref: v,
+            ...E,
+            ...m,
+            name: e.name
+          }
+        ),
+        l && /* @__PURE__ */ C(Xa, { children: l }),
+        /* @__PURE__ */ $e(
+          za,
+          {
+            position: "absolute",
+            top: "0",
+            right: "0",
+            display: "flex",
+            flexDirection: "column",
+            height: "full",
+            children: [
+              /* @__PURE__ */ C(
+                Qa,
+                {
+                  ...g,
+                  ...m,
+                  children: /* @__PURE__ */ C(xa, {})
+                }
+              ),
+              /* @__PURE__ */ C(
+                er,
+                {
+                  ...w,
+                  ...m,
+                  children: /* @__PURE__ */ C(va, {})
+                }
+              )
+            ]
+          }
+        )
+      ]
+    }
+  );
+};
+ur.displayName = "NumberInput";
+export {
+  ur as N
+};
+//# sourceMappingURL=number-input-Dp13Mn-8.es.js.map