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-CMyV-es-.es.js";
import { a as De } from "./Button-C9AKe3Kt.es.js";
import { a as Da } from "./Input-CXkgRPwc.es.js";
import { p as Fa } from "./index-N3Xxo-X9.es.js";
import { n as T, u as Na } from "./normalize-messages-BN9BAFXe.es.js";
import { $ as Pa } from "./context-BfHy4NgG.es.js";
import { $ as ga } from "./useObjectRef-CaJ5pgjX.es.js";
import { $ as Ba } from "./useControlledState-3TGZUXux.es.js";
import { a as P, $ as re } from "./number-dMxJejI6.es.js";
import { $ as Ea, b as ha } from "./useFormValidation-Cx9rG8-b.es.js";
import { $ as pe } from "./NumberFormatter-DgOUVrge.es.js";
import { $ as Sa, a as Va } from "./useSpinButton-BiyDsWG5.es.js";
import { $ as U, a as te, d as Ca } from "./mergeProps-B-cqsBhL.es.js";
import { $ as Ia } from "./filterDOMProps-Cxz9cAAv.es.js";
import { l as ya, $ as Ma, i as wa } from "./openLink-m90p5mer.es.js";
import { $ as ka } from "./useFormReset-Dl03QHFW.es.js";
import { $ as Aa } from "./useFocus-DWn32Fi6.es.js";
import { $ as Oa } from "./useFocusWithin-CdBYoNiQ.es.js";
import { $ as Ra } from "./useEvent-CKoH5wGJ.es.js";
import { $ as Ta } from "./useTextField-Def10i_1.es.js";
import { $ as ja } from "./useEffectEvent-B4Fd4l1o.es.js";
import { $ as Ka } from "./useLocalizedStringFormatter-CYDf7GZk.es.js";
import { a as xe } from "./useProgressBar-B1hDpeFj.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
  ]);
  Ra(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 = ja((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
  ]);
  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 } = Ta(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 } = Aa({
    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 } = Oa({
    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";
  ya() ? ue ? R = "text" : ie && (R = "decimal") : Ma() && (ue ? R = "numeric" : ie && (R = "decimal"));
  let na = ($) => {
    r.validate($) && r.setInputValue($);
  }, la = Ia(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(() => Ca(oe, E), [
      oe,
      E
    ]),
    onKeyUp: g,
    description: w,
    errorMessage: m
  }, r, a);
  ka(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": wa() ? 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: "nimbusNumberInput"
}), 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-BAaT6aky.es.js.map
