@commercetools/nimbus 0.0.0-canary-20251013071647 → 0.0.0-canary-20251013204307

package/dist/chunks/{number-input-Cq95vVse.es.js → number-input-CktMxOdZ.es.js}

@@ -1,12 +1,12 @@
 import { jsxs as be, jsx as C } from "react/jsx-runtime";
-import { useCallback as Z, useEffect as ba, useRef as Le, useState as M, useMemo as F } from "react";
-import { mergeRefs as $a } from "@chakra-ui/react";
-import { createSlotRecipeContext as pa, useSlotRecipe as xa } from "@chakra-ui/react/styled-system";
-import { KeyboardArrowUp as va, KeyboardArrowDown as La } from "@commercetools/nimbus-icons";
-import { e as Da } from "./extractStyleProps-CNXOLneR.es.js";
-import { a as De } from "./Button-DbDspzBf.es.js";
-import { $ as Na } from "./Input-Da2oLmEN.es.js";
-import { u as Ne } from "./index-DthLdwMN.es.js";
+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-Dx3xzN8n.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";
@@ -72,7 +72,7 @@ function Za(e, r, a) {
     }
     (f == null || !r.validate(f)) && l.preventDefault();
   });
-  ba(() => {
+  ma(() => {
     if (!xe() || !a.current) return;
     let l = a.current;
     return l.addEventListener("beforeinput", i, !1), () => {
@@ -212,246 +212,246 @@ function te(e, r, a) {
   }
   return i;
 }
-var Fe = {};
-Fe = {
+var Ne = {};
+Ne = {
   decrease: (e) => `خفض ${e.fieldLabel}`,
   increase: (e) => `زيادة ${e.fieldLabel}`,
   numberField: "حقل رقمي"
 };
-var Pe = {};
-Pe = {
+var Fe = {};
+Fe = {
   decrease: (e) => `Намаляване ${e.fieldLabel}`,
   increase: (e) => `Усилване ${e.fieldLabel}`,
   numberField: "Номер на полето"
 };
-var ge = {};
-ge = {
+var Pe = {};
+Pe = {
   decrease: (e) => `Snížit ${e.fieldLabel}`,
   increase: (e) => `Zvýšit ${e.fieldLabel}`,
   numberField: "Číselné pole"
 };
-var Be = {};
-Be = {
+var ge = {};
+ge = {
   decrease: (e) => `Reducer ${e.fieldLabel}`,
   increase: (e) => `Øg ${e.fieldLabel}`,
   numberField: "Talfelt"
 };
-var Ee = {};
-Ee = {
+var Be = {};
+Be = {
   decrease: (e) => `${e.fieldLabel} verringern`,
   increase: (e) => `${e.fieldLabel} erhöhen`,
   numberField: "Nummernfeld"
 };
-var he = {};
-he = {
+var Ee = {};
+Ee = {
   decrease: (e) => `Μείωση ${e.fieldLabel}`,
   increase: (e) => `Αύξηση ${e.fieldLabel}`,
   numberField: "Πεδίο αριθμού"
 };
-var Se = {};
-Se = {
+var he = {};
+he = {
   decrease: (e) => `Decrease ${e.fieldLabel}`,
   increase: (e) => `Increase ${e.fieldLabel}`,
   numberField: "Number field"
 };
-var Ve = {};
-Ve = {
+var Se = {};
+Se = {
   decrease: (e) => `Reducir ${e.fieldLabel}`,
   increase: (e) => `Aumentar ${e.fieldLabel}`,
   numberField: "Campo de número"
 };
-var Ce = {};
-Ce = {
+var Ve = {};
+Ve = {
   decrease: (e) => `Vähenda ${e.fieldLabel}`,
   increase: (e) => `Suurenda ${e.fieldLabel}`,
   numberField: "Numbri väli"
 };
-var ye = {};
-ye = {
+var Ce = {};
+Ce = {
   decrease: (e) => `Vähennä ${e.fieldLabel}`,
   increase: (e) => `Lisää ${e.fieldLabel}`,
   numberField: "Numerokenttä"
 };
-var Ie = {};
-Ie = {
+var ye = {};
+ye = {
   decrease: (e) => `Diminuer ${e.fieldLabel}`,
   increase: (e) => `Augmenter ${e.fieldLabel}`,
   numberField: "Champ de nombre"
 };
-var Me = {};
-Me = {
+var Ie = {};
+Ie = {
   decrease: (e) => `הקטן ${e.fieldLabel}`,
   increase: (e) => `הגדל ${e.fieldLabel}`,
   numberField: "שדה מספר"
 };
-var we = {};
-we = {
+var Me = {};
+Me = {
   decrease: (e) => `Smanji ${e.fieldLabel}`,
   increase: (e) => `Povećaj ${e.fieldLabel}`,
   numberField: "Polje broja"
 };
-var ke = {};
-ke = {
+var we = {};
+we = {
   decrease: (e) => `${e.fieldLabel} csökkentése`,
   increase: (e) => `${e.fieldLabel} növelése`,
   numberField: "Számmező"
 };
-var Oe = {};
-Oe = {
+var ke = {};
+ke = {
   decrease: (e) => `Riduci ${e.fieldLabel}`,
   increase: (e) => `Aumenta ${e.fieldLabel}`,
   numberField: "Campo numero"
 };
-var Ae = {};
-Ae = {
+var Oe = {};
+Oe = {
   decrease: (e) => `${e.fieldLabel}を縮小`,
   increase: (e) => `${e.fieldLabel}を拡大`,
   numberField: "数値フィールド"
 };
-var Te = {};
-Te = {
+var Ae = {};
+Ae = {
   decrease: (e) => `${e.fieldLabel} 감소`,
   increase: (e) => `${e.fieldLabel} 증가`,
   numberField: "번호 필드"
 };
-var Re = {};
-Re = {
+var Te = {};
+Te = {
   decrease: (e) => `Sumažinti ${e.fieldLabel}`,
   increase: (e) => `Padidinti ${e.fieldLabel}`,
   numberField: "Numerio laukas"
 };
-var je = {};
-je = {
+var Re = {};
+Re = {
   decrease: (e) => `Samazināšana ${e.fieldLabel}`,
   increase: (e) => `Palielināšana ${e.fieldLabel}`,
   numberField: "Skaitļu lauks"
 };
-var Ke = {};
-Ke = {
+var je = {};
+je = {
   decrease: (e) => `Reduser ${e.fieldLabel}`,
   increase: (e) => `Øk ${e.fieldLabel}`,
   numberField: "Tallfelt"
 };
-var We = {};
-We = {
+var Ke = {};
+Ke = {
   decrease: (e) => `${e.fieldLabel} verlagen`,
   increase: (e) => `${e.fieldLabel} verhogen`,
   numberField: "Getalveld"
 };
-var Ue = {};
-Ue = {
+var We = {};
+We = {
   decrease: (e) => `Zmniejsz ${e.fieldLabel}`,
   increase: (e) => `Zwiększ ${e.fieldLabel}`,
   numberField: "Pole numeru"
 };
-var ze = {};
-ze = {
+var Ue = {};
+Ue = {
   decrease: (e) => `Diminuir ${e.fieldLabel}`,
   increase: (e) => `Aumentar ${e.fieldLabel}`,
   numberField: "Campo de número"
 };
-var Ze = {};
-Ze = {
+var ze = {};
+ze = {
   decrease: (e) => `Diminuir ${e.fieldLabel}`,
   increase: (e) => `Aumentar ${e.fieldLabel}`,
   numberField: "Campo numérico"
 };
-var _e = {};
-_e = {
+var Ze = {};
+Ze = {
   decrease: (e) => `Scădere ${e.fieldLabel}`,
   increase: (e) => `Creștere ${e.fieldLabel}`,
   numberField: "Câmp numeric"
 };
-var qe = {};
-qe = {
+var _e = {};
+_e = {
   decrease: (e) => `Уменьшение ${e.fieldLabel}`,
   increase: (e) => `Увеличение ${e.fieldLabel}`,
   numberField: "Числовое поле"
 };
-var Ye = {};
-Ye = {
+var qe = {};
+qe = {
   decrease: (e) => `Znížiť ${e.fieldLabel}`,
   increase: (e) => `Zvýšiť ${e.fieldLabel}`,
   numberField: "Číselné pole"
 };
-var He = {};
-He = {
+var Ye = {};
+Ye = {
   decrease: (e) => `Upadati ${e.fieldLabel}`,
   increase: (e) => `Povečajte ${e.fieldLabel}`,
   numberField: "Številčno polje"
 };
-var Ge = {};
-Ge = {
+var He = {};
+He = {
   decrease: (e) => `Smanji ${e.fieldLabel}`,
   increase: (e) => `Povećaj ${e.fieldLabel}`,
   numberField: "Polje broja"
 };
-var Xe = {};
-Xe = {
+var Ge = {};
+Ge = {
   decrease: (e) => `Minska ${e.fieldLabel}`,
   increase: (e) => `Öka ${e.fieldLabel}`,
   numberField: "Nummerfält"
 };
-var Je = {};
-Je = {
+var Xe = {};
+Xe = {
   decrease: (e) => `${e.fieldLabel} azalt`,
   increase: (e) => `${e.fieldLabel} arttır`,
   numberField: "Sayı alanı"
 };
-var Qe = {};
-Qe = {
+var Je = {};
+Je = {
   decrease: (e) => `Зменшити ${e.fieldLabel}`,
   increase: (e) => `Збільшити ${e.fieldLabel}`,
   numberField: "Поле номера"
 };
-var ea = {};
-ea = {
+var Qe = {};
+Qe = {
   decrease: (e) => `降低 ${e.fieldLabel}`,
   increase: (e) => `提高 ${e.fieldLabel}`,
   numberField: "数字字段"
 };
-var aa = {};
-aa = {
+var ea = {};
+ea = {
   decrease: (e) => `縮小 ${e.fieldLabel}`,
   increase: (e) => `放大 ${e.fieldLabel}`,
   numberField: "數字欄位"
 };
-var ra = {};
-ra = {
-  "ar-AE": Fe,
-  "bg-BG": Pe,
-  "cs-CZ": ge,
-  "da-DK": Be,
-  "de-DE": Ee,
-  "el-GR": he,
-  "en-US": Se,
-  "es-ES": Ve,
-  "et-EE": Ce,
-  "fi-FI": ye,
-  "fr-FR": Ie,
-  "he-IL": Me,
-  "hr-HR": we,
-  "hu-HU": ke,
-  "it-IT": Oe,
-  "ja-JP": Ae,
-  "ko-KR": Te,
-  "lt-LT": Re,
-  "lv-LV": je,
-  "nb-NO": Ke,
-  "nl-NL": We,
-  "pl-PL": Ue,
-  "pt-BR": ze,
-  "pt-PT": Ze,
-  "ro-RO": _e,
-  "ru-RU": qe,
-  "sk-SK": Ye,
-  "sl-SI": He,
-  "sr-SP": Ge,
-  "sv-SE": Xe,
-  "tr-TR": Je,
-  "uk-UA": Qe,
-  "zh-CN": ea,
-  "zh-TW": aa
+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;
@@ -459,7 +459,7 @@ function qa(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(ra), "@react-aria/numberfield");
+  const I = Wa(qa(aa), "@react-aria/numberfield");
   let A = re(i), { focusProps: H } = Ta({
     onBlur() {
       c();
@@ -484,32 +484,32 @@ function Ya(e, r, a) {
     onDecrementToMin: q,
     value: y,
     textValue: X
-  }), [h, S] = M(!1), { focusWithinProps: ta } = Ra({
+  }), [h, S] = M(!1), { focusWithinProps: ra } = Ra({
     isDisabled: s,
     onFocusWithinChange: S
-  }), la = Z(($) => {
+  }), ta = Z(($) => {
     Math.abs($.deltaY) <= Math.abs($.deltaX) || ($.deltaY > 0 ? k() : $.deltaY < 0 && O());
   }, [
     O,
     k
   ]);
   za({
-    onScroll: la,
+    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 ia = ($) => {
+  let la = ($) => {
     r.validate($) && r.setInputValue($);
-  }, na = Ma(e), ue = Z(($) => {
+  }, ia = Ma(e), ue = Z(($) => {
     $.nativeEvent.isComposing || ($.key === "Enter" ? (c(), j()) : $.continuePropagation());
   }, [
     c,
     j
-  ]), { isInvalid: oe, validationErrors: ua, validationDetails: oa } = r.displayValidation, { labelProps: se, inputProps: sa, descriptionProps: da, errorMessageProps: ca } = Za({
+  ]), { isInvalid: oe, validationErrors: na, validationDetails: ua } = r.displayValidation, { labelProps: se, inputProps: oa, descriptionProps: sa, errorMessageProps: da } = Za({
     ...b,
-    ...na,
+    ...ia,
     // These props are added to a hidden input rather than the formatted textfield.
     name: void 0,
     form: void 0,
@@ -528,7 +528,7 @@ function Ya(e, r, a) {
     id: A,
     type: "text",
     inputMode: T,
-    onChange: ia,
+    onChange: la,
     onBlur: D,
     onFocus: x,
     onFocusChange: N,
@@ -541,7 +541,7 @@ function Ya(e, r, a) {
     errorMessage: m
   }, r, a);
   Aa(a, r.defaultNumberValue, r.setNumberValue);
-  let de = z(le, H, sa, {
+  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
@@ -559,7 +559,7 @@ function Ya(e, r, a) {
     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(), fa = z(u, {
+  let fe = re(), me = re(), ca = z(u, {
     "aria-label": n || I.format("increase", {
       fieldLabel: Q
     }).trim(),
@@ -571,7 +571,7 @@ function Ya(e, r, a) {
     allowFocusWhenDisabled: !0,
     isDisabled: !r.canIncrement,
     onPressStart: ce
-  }), ma = z(U, {
+  }), fa = z(U, {
     "aria-label": o || I.format("decrease", {
       fieldLabel: Q
     }).trim(),
@@ -586,25 +586,25 @@ function Ya(e, r, a) {
   });
   return {
     groupProps: {
-      ...ta,
+      ...ra,
       role: "group",
       "aria-disabled": s,
       "aria-invalid": oe ? "true" : void 0
     },
     labelProps: se,
     inputProps: de,
-    incrementButtonProps: fa,
-    decrementButtonProps: ma,
-    errorMessageProps: ca,
-    descriptionProps: da,
+    incrementButtonProps: ca,
+    decrementButtonProps: fa,
+    errorMessageProps: da,
+    descriptionProps: sa,
     isInvalid: oe,
-    validationErrors: ua,
-    validationDetails: oa
+    validationErrors: na,
+    validationDetails: ua
   };
 }
-const { withContext: R, withProvider: Ha } = /* @__PURE__ */ pa({
-  recipe: Ne
-}), Ga = /* @__PURE__ */ Ha("div", "root"), Xa = /* @__PURE__ */ R("div", "leadingElement"), Ja = /* @__PURE__ */ R("div", "trailingElement"), Qa = /* @__PURE__ */ R(Na, "input"), er = /* @__PURE__ */ R(De, "incrementButton"), ar = /* @__PURE__ */ R(De, "decrementButton"), ve = /* @__PURE__ */ Fa({
+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",
@@ -622,7 +622,7 @@ const { withContext: R, withProvider: Ha } = /* @__PURE__ */ pa({
     trailingElement: i,
     ref: o,
     ...n
-  } = e, { locale: s } = ga(), p = Pa(), d = Le(null), v = Ba($a(d, o)), L = xa({ recipe: Ne }), [l, t] = L.splitVariantProps(n), [f, D] = Da(t), x = {
+  } = 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),
@@ -666,7 +666,7 @@ const { withContext: R, withProvider: Ha } = /* @__PURE__ */ pa({
                 {
                   ...g,
                   ...m,
-                  children: /* @__PURE__ */ C(va, {})
+                  children: /* @__PURE__ */ C(xa, {})
                 }
               ),
               /* @__PURE__ */ C(
@@ -674,7 +674,7 @@ const { withContext: R, withProvider: Ha } = /* @__PURE__ */ pa({
                 {
                   ...w,
                   ...m,
-                  children: /* @__PURE__ */ C(La, {})
+                  children: /* @__PURE__ */ C(va, {})
                 }
               )
             ]
@@ -688,4 +688,4 @@ rr.displayName = "NumberInput";
 export {
   rr as N
 };
-//# sourceMappingURL=number-input-Cq95vVse.es.js.map
+//# sourceMappingURL=number-input-CktMxOdZ.es.js.map