@commercetools/nimbus 0.0.13-rc1 → 0.0.14-rc1

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

@@ -0,0 +1,673 @@
+import { jsxs as me, jsx as A } from "react/jsx-runtime";
+import { useEffect as ve, useCallback as U, useState as y, useMemo as F, useRef as Le } from "react";
+import { mergeRefs as ba } from "@chakra-ui/react";
+import { B as ma } from "./box-C8731OYq.es.js";
+import { KeyboardArrowUp as $a, KeyboardArrowDown as pa } from "@commercetools/nimbus-icons";
+import { e as xa } from "./extractStyleProps-DX5GBd9K.es.js";
+import { a as De } from "./Button-wUEF0Zow.es.js";
+import { c as va, u as La } from "./create-slot-recipe-context-DBNItnlK.es.js";
+import { n as Da } from "./index-DRWeBbu8.es.js";
+import { $ as Fa } from "./context-Pt-0ojuK.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 Ea } from "./useFormValidation-Chwu6llz.es.js";
+import { $ as $e } from "./NumberFormatter-DgOUVrge.es.js";
+import { $ as Va, a as ga } from "./useSpinButton-BmgSsr4J.es.js";
+import { c as ha, $ as W, a as ae, f as Ca } from "./mergeProps-CtwSzqnr.es.js";
+import { $ as Sa } from "./filterDOMProps-BSVCO5jK.es.js";
+import { g as ya, d as Ia, h as wa } from "./platform-BOO1jCtB.es.js";
+import { $ as Ma } from "./useFormReset-C27nadG4.es.js";
+import { $ as ka } from "./useFocus-Lq2Mmyje.es.js";
+import { $ as Oa } from "./useFocusWithin-QIERmzTm.es.js";
+import { l as Aa } from "./utils-4CfAFtL7.es.js";
+import { $ as Ta } from "./useTextField-D0VFuWqP.es.js";
+import { $ as Ra } from "./useLocalizedStringFormatter-CvzOUusg.es.js";
+import { a as pe } from "./useProgressBar-DjpcXNXW.es.js";
+function ja(e, a, r, i) {
+  let o = Aa(r), n = r == null;
+  ve(() => {
+    if (n || !e.current) return;
+    let s = e.current;
+    return s.addEventListener(a, o, i), () => {
+      s.removeEventListener(a, o, i);
+    };
+  }, [
+    e,
+    a,
+    i,
+    n,
+    o
+  ]);
+}
+function Ka(e, a) {
+  let { onScroll: r, isDisabled: i } = e, o = U((n) => {
+    n.ctrlKey || (n.preventDefault(), n.stopPropagation(), r && r({
+      deltaX: n.deltaX,
+      deltaY: n.deltaY
+    }));
+  }, [
+    r
+  ]);
+  ja(a, "wheel", i ? void 0 : o);
+}
+function Wa(e) {
+  let { minValue: a, maxValue: r, step: i, formatOptions: o, value: n, defaultValue: s = 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(s) || (i !== void 0 && !isNaN(i) ? s = N(s, a, r, i) : s = ee(s, a, r));
+  let [l, t] = Na(n, isNaN(s) ? NaN : s, p), [f] = y(l), [D, v] = y(() => isNaN(l) ? "" : new $e(d, o).format(l)), $ = F(() => new Va(d, o), [
+    d,
+    o
+  ]), I = F(() => $.getNumberingSystem(D), [
+    $,
+    D
+  ]), h = F(() => new $e(d, {
+    ...o,
+    numberingSystem: I
+  }), [
+    d,
+    o,
+    I
+  ]), z = F(() => h.resolvedOptions(), [
+    h
+  ]), P = U((u) => isNaN(u) || u === null ? "" : h.format(u), [
+    h
+  ]), 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), [C, q] = y(o);
+  (!Object.is(l, w) || d !== M || o !== C) && (v(P(l)), Z(l), _(d), q(o));
+  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 E = c;
+    if (isNaN(E)) {
+      let V = isNaN(K) ? 0 : K;
+      return N(V, a, r, b);
+    } else {
+      let V = N(E, a, r, b);
+      return u === "+" && V > E || u === "-" && V < E ? V : N(re(u, E, 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(s) ? f : s,
+    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 o = a.toString().split("."), n = r.toString().split("."), s = o[1] && o[1].length || 0, p = n[1] && n[1].length || 0, d = Math.pow(10, Math.max(s, 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 Ua(e, a, r) {
+  let i = ha((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();
+  });
+  ve(() => {
+    if (!xe() || !r.current) return;
+    let l = r.current;
+    return l.addEventListener("beforeinput", i, !1), () => {
+      l.removeEventListener("beforeinput", i, !1);
+    };
+  }, [
+    r,
+    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);
+    a.validate(t) || l.preventDefault();
+  }, { labelProps: n, inputProps: s, descriptionProps: p, errorMessageProps: d, ...L } = Ta(e, r), x = Le(null);
+  return {
+    inputProps: W(s, {
+      onBeforeInput: o,
+      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 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 Be = {};
+Be = {
+  decrease: (e) => `Reducer ${e.fieldLabel}`,
+  increase: (e) => `Øg ${e.fieldLabel}`,
+  numberField: "Talfelt"
+};
+var Ee = {};
+Ee = {
+  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 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 we = {};
+we = {
+  decrease: (e) => `Smanji ${e.fieldLabel}`,
+  increase: (e) => `Povećaj ${e.fieldLabel}`,
+  numberField: "Polje broja"
+};
+var Me = {};
+Me = {
+  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": Be,
+  "de-DE": Ee,
+  "el-GR": Ve,
+  "en-US": ge,
+  "es-ES": he,
+  "et-EE": Ce,
+  "fi-FI": Se,
+  "fr-FR": ye,
+  "he-IL": Ie,
+  "hr-HR": we,
+  "hu-HU": Me,
+  "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 za(e) {
+  return e && e.__esModule ? e.default : e;
+}
+function Za(e, a, r) {
+  let { id: i, decrementAriaLabel: o, incrementAriaLabel: n, isDisabled: s, isReadOnly: p, isRequired: d, minValue: L, maxValue: x, autoFocus: l, label: t, formatOptions: f, onBlur: D = () => {
+  }, onFocus: v, onFocusChange: $, onKeyDown: I, onKeyUp: h, description: z, errorMessage: P, isWheelDisabled: B, ...b } = e, { increment: w, incrementToMax: Z, decrement: M, decrementToMin: _, numberValue: C, inputValue: q, commit: c, commitValidation: T } = a;
+  const S = Ra(za(aa), "@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(C) ? "" : j.format(C), [
+    j,
+    C
+  ]), { spinButtonProps: le, incrementButtonProps: u, decrementButtonProps: K } = ga({
+    isDisabled: s,
+    isReadOnly: p,
+    isRequired: d,
+    maxValue: x,
+    minValue: L,
+    onIncrement: w,
+    onIncrementToMax: Z,
+    onDecrement: M,
+    onDecrementToMin: _,
+    value: C,
+    textValue: G
+  }), [E, V] = y(!1), { focusWithinProps: ra } = Oa({
+    isDisabled: s,
+    onFocusWithinChange: V
+  }), ta = U((m) => {
+    Math.abs(m.deltaY) <= Math.abs(m.deltaX) || (m.deltaY > 0 ? w() : m.deltaY < 0 && M());
+  }, [
+    M,
+    w
+  ]);
+  Ka({
+    onScroll: ta,
+    isDisabled: B || s || p || !E
+  }, 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 la = (m) => {
+    a.validate(m) && a.setInputValue(m);
+  }, ia = Sa(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 } = Ua({
+    ...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,
+    [Ea]: 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: D,
+    onFocus: v,
+    onFocusChange: $,
+    onKeyDown: F(() => Ca(ue, I), [
+      ue,
+      I
+    ]),
+    onKeyUp: h,
+    description: z,
+    errorMessage: P
+  }, a, r);
+  Ma(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": 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 : ""), g;
+  J || (g = e.label != null ? se.id : e["aria-labelledby"]);
+  let fe = ae(), be = ae(), ca = W(u, {
+    "aria-label": n || S.format("increase", {
+      fieldLabel: J
+    }).trim(),
+    id: g && !n ? fe : null,
+    "aria-labelledby": g && !n ? `${fe} ${g}` : null,
+    "aria-controls": k,
+    excludeFromTabOrder: !0,
+    preventFocusOnPress: !0,
+    allowFocusWhenDisabled: !0,
+    isDisabled: !a.canIncrement,
+    onPressStart: ce
+  }), fa = W(K, {
+    "aria-label": o || S.format("decrease", {
+      fieldLabel: J
+    }).trim(),
+    id: g && !o ? be : null,
+    "aria-labelledby": g && !o ? `${be} ${g}` : 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: _a } = /* @__PURE__ */ va({
+  key: "numberInput"
+}), qa = /* @__PURE__ */ _a("div", "root"), Ya = /* @__PURE__ */ te("input", "input"), Ha = /* @__PURE__ */ te(De, "incrementButton"), Ga = /* @__PURE__ */ te(De, "decrementButton"), Xa = (e) => {
+  const { size: a, ref: r, ...i } = e, { locale: o } = Fa(), n = Le(null), s = Pa(ba(n, r)), p = La({ recipe: Da }), [d, L] = p.splitVariantProps(i), [x, l] = xa(L), t = Wa({ locale: o, ...l }), { inputProps: f, incrementButtonProps: D, decrementButtonProps: v } = Za(l, t, s), $ = {
+    "data-invalid": e.isInvalid,
+    "data-disabled": e.isDisabled
+  };
+  return /* @__PURE__ */ me(qa, { ...d, ...x, size: a, children: [
+    /* @__PURE__ */ A(
+      Ya,
+      {
+        ref: s,
+        ...f,
+        ...$,
+        size: a
+      }
+    ),
+    /* @__PURE__ */ me(
+      ma,
+      {
+        position: "absolute",
+        top: "0",
+        right: "0",
+        display: "flex",
+        flexDirection: "column",
+        height: "full",
+        children: [
+          /* @__PURE__ */ A(
+            Ha,
+            {
+              "aria-label": "Increment",
+              ...D,
+              ...$,
+              children: /* @__PURE__ */ A($a, {})
+            }
+          ),
+          /* @__PURE__ */ A(
+            Ga,
+            {
+              "aria-label": "Decrement",
+              ...v,
+              ...$,
+              children: /* @__PURE__ */ A(pa, {})
+            }
+          )
+        ]
+      }
+    )
+  ] });
+};
+Xa.displayName = "NumberInput";
+export {
+  Xa as N
+};
+//# sourceMappingURL=number-input-l32lWVbX.es.js.map