@commercetools/nimbus 0.0.0-canary-20251001071243 → 0.0.0-canary-20251001130410

package/dist/chunks/{money-input-C1jSkjXo.es.js → money-input-Cs8XrifY.es.js}

@@ -3,16 +3,16 @@ import { useMemo as pi, useCallback as g } from "react";
 import { createSlotRecipeContext as di, useSlotRecipe as mi } from "@chakra-ui/react/styled-system";
 import { defineMessages as yi, useIntl as hi, FormattedMessage as Mi } from "react-intl";
 import { HighPrecision as Si } from "@commercetools/nimbus-icons";
-import { e as bi } from "./extractStyleProps-i_um9deg.es.js";
+import { e as bi } from "./extractStyleProps-DjVNA871.es.js";
 import { defineSlotRecipe as Ci } from "@chakra-ui/react";
 import { G as Ii } from "./group-DRLYSxIt.es.js";
-import { $ as B } from "./mergeProps-CzyOU2NE.es.js";
+import { $ as L } from "./mergeProps-CzyOU2NE.es.js";
 import { $ as Pi } from "./context-R4YUlO9Y.es.js";
-import { S as L } from "./select-CTbgnj8L.es.js";
-import { N as Ri } from "./number-input-CI0DSniW.es.js";
+import { S as B } from "./select-Du-L0KgJ.es.js";
+import { N as Ri } from "./number-input-DVUK5Vqy.es.js";
 import { M as Ai } from "./make-element-focusable-D5ajCMdm.es.js";
-import { b as w } from "./tooltip-B8OD-6ed.es.js";
-import { B as Bi } from "./box-DuBoAZvq.es.js";
+import { b as X } from "./tooltip-B8OD-6ed.es.js";
+import { B as Li } from "./box-DuBoAZvq.es.js";
 const D = {
   ADP: { fractionDigits: 0 },
   AED: { fractionDigits: 2 },
@@ -244,7 +244,7 @@ const D = {
     "amountInput",
     "badge"
   ],
-  className: "money-input",
+  className: "nimbus-money-input",
   base: {
     root: {
       width: "full",
@@ -256,8 +256,20 @@ const D = {
         // Show all but the right shadow
         boxShadow: "inset 0 1px 0 0 {colors.neutral.7}, inset 0 -1px 0 0 {colors.neutral.7}, inset 1px 0 0 0 {colors.neutral.7}"
       },
-      "& .nimbus-number-input__root > input": {
-        borderLeftRadius: "0"
+      "&:has(.nimbus-money-input__container:focus-within)": {
+        "& .nimbus-money-input__currencyLabel": {
+          // add outline to label so that it looks like focus outline is around entire input
+          outlineWidth: "var(--focus-ring-width)",
+          outlineColor: "var(--focus-ring-color)",
+          outlineStyle: "var(--focus-ring-style)",
+          outlineOffset: "var(--focus-ring-offset)",
+          // remove outline on right side of label so that it looks like there is a continuous outline around the label and input.
+          clipPath: "inset(-4px -1px -4px -4px)"
+        },
+        "& .nimbus-money-input__amountInput": {
+          // remove outline on left side of input so that it looks like there is a continuous outline around the label and input.
+          clipPath: "inset(-4px -4px -4px -1px)"
+        }
       }
     },
     container: {
@@ -272,15 +284,21 @@ const D = {
       }
     },
     currencyLabel: {
+      color: "neutral.11",
+      fontWeight: "500",
       display: "flex",
       height: "full",
       borderLeftRadius: "200",
       backgroundColor: "neutral.1",
       boxShadow: "inset 0 1px 0 0 {colors.neutral.7}, inset 0 -1px 0 0 {colors.neutral.7}, inset 1px 0 0 0 {colors.neutral.7}",
       paddingInline: "400",
-      alignItems: "center"
+      alignItems: "center",
+      "&[data-disabled='true']": {
+        opacity: "0.5"
+      }
     },
     amountInput: {
+      borderLeftRadius: "0",
       // Ensure focus ring is visible above currency select
       _focusWithin: {
         zIndex: 2
@@ -312,6 +330,10 @@ const D = {
         },
         amountInput: {
           paddingRight: "spacing.30"
+        },
+        currencyLabel: {
+          fontSize: "300",
+          lineHeight: "450"
         }
       },
       md: {
@@ -326,6 +348,10 @@ const D = {
         },
         amountInput: {
           paddingRight: "spacing.40"
+        },
+        currencyLabel: {
+          fontSize: "350",
+          lineHeight: "500"
         }
       }
     }
@@ -333,9 +359,9 @@ const D = {
   defaultVariants: {
     size: "md"
   }
-}), { withProvider: Li, withContext: l } = /* @__PURE__ */ di({
+}), { withProvider: Bi, withContext: p } = /* @__PURE__ */ di({
   recipe: H
-}), Ni = /* @__PURE__ */ Li(Ii, "root"), Fi = /* @__PURE__ */ l("div", "container"), Gi = /* @__PURE__ */ l("div", "currencySelect"), Ti = /* @__PURE__ */ l("label", "currencyLabel"), xi = /* @__PURE__ */ l("input", "amountInput"), Ki = /* @__PURE__ */ l("div", "badge"), Oi = (i, o, r) => {
+}), Ni = /* @__PURE__ */ Bi(Ii, "root"), Fi = /* @__PURE__ */ p("div", "container"), xi = /* @__PURE__ */ p("div", "currencySelect"), Gi = /* @__PURE__ */ p("label", "currencyLabel"), Ti = /* @__PURE__ */ p("input", "amountInput"), vi = /* @__PURE__ */ p("div", "badge"), Oi = (i, o, r) => {
   if (!r) return null;
   const t = D[r];
   if (!t || i.length === 0 || i.trim() === "") return null;
@@ -377,15 +403,15 @@ const D = {
     centAmount: s,
     fractionDigits: t.fractionDigits
   };
-}, vi = (i) => i.type === "highPrecision" ? i.preciseAmount / 10 ** i.fractionDigits : i.centAmount / 10 ** D[i.currencyCode].fractionDigits, U = (i, o) => Object.prototype.hasOwnProperty.call(i, o);
+}, Ki = (i) => i.type === "highPrecision" ? i.preciseAmount / 10 ** i.fractionDigits : i.centAmount / 10 ** D[i.currencyCode].fractionDigits, U = (i, o) => Object.prototype.hasOwnProperty.call(i, o);
 function f(i, o) {
   return i && o ? `${i}.${o}` : void 0;
 }
-const Z = (i, o) => Oi(
+const W = (i, o) => Oi(
   typeof i.amount == "string" ? i.amount.trim() : "",
   o,
   i.currencyCode
-), Ei = (i, o) => {
+), wi = (i, o) => {
   if (!i) return { currencyCode: "", amount: "" };
   if (console.warn(
     typeof o == "string",
@@ -412,11 +438,11 @@ const Z = (i, o) => Oi(
     typeof i.centAmount == "number" || typeof i.preciseAmount == "number" && typeof i.fractionDigits == "number",
     'MoneyInput.parseMoneyValue: Value must contain "amount"'
   );
-  const r = vi(i), t = i.preciseAmount ? i.fractionDigits : D[i.currencyCode].fractionDigits;
+  const r = Ki(i), t = i.preciseAmount ? i.fractionDigits : D[i.currencyCode].fractionDigits;
   return { amount: isNaN(r) ? "" : r.toLocaleString(o, {
     minimumFractionDigits: t
   }), currencyCode: i.currencyCode };
-}, V = (i) => !i || i.amount.trim() === "" || i.currencyCode.trim() === "", Y = (i, o) => V(i) ? !1 : Z(i, o)?.type === "highPrecision", b = /* @__PURE__ */ yi({
+}, Z = (i) => !i || i?.amount?.trim() === "" || i?.currencyCode?.trim() === "", V = (i, o) => Z(i) ? !1 : W(i, o)?.type === "highPrecision", C = /* @__PURE__ */ yi({
   currencySelectLabel: {
     id: "Nimbus.MoneyInput.currencySelectLabel",
     description: "aria-label for currency selection dropdown",
@@ -432,7 +458,7 @@ const Z = (i, o) => Oi(
     description: "tooltip text for high precision price badge",
     defaultMessage: "High precision price"
   }
-}), W = (i) => {
+}), Y = (i) => {
   const {
     id: o,
     name: r,
@@ -442,19 +468,19 @@ const Z = (i, o) => Oi(
     onValueChange: a,
     onAmountChange: N,
     onCurrencyChange: F,
-    onFocus: p,
-    onBlur: d,
-    isDisabled: C,
-    isReadOnly: G,
-    isInvalid: $,
-    isRequired: _,
-    hasHighPrecisionBadge: T = !0,
+    onFocus: d,
+    onBlur: m,
+    isDisabled: l,
+    isReadOnly: x,
+    isInvalid: _,
+    isRequired: $,
+    hasHighPrecisionBadge: G = !0,
     isCurrencyInputDisabled: z,
     placeholder: j = "0.00",
     autoFocus: J,
     size: I,
     ...k
-  } = i, Q = B(), P = o ?? Q, { locale: x } = Pi(), R = hi(), q = t.amount ? parseFloat(t.amount) : void 0, ii = !c || c.length === 0, K = Y(t, x || "en"), ti = pi(() => t.currencyCode ? {
+  } = i, Q = L(), P = o ?? Q, { locale: T } = Pi(), R = hi(), q = t.amount ? parseFloat(t.amount) : void 0, ii = !c || c.length === 0, v = V(t, T || "en"), ti = pi(() => t.currencyCode ? {
     minimumFractionDigits: D[t.currencyCode].fractionDigits,
     // Always respect currency minimum (e.g., 2 for USD, 0 for JPY)
     maximumFractionDigits: 20,
@@ -463,155 +489,162 @@ const Z = (i, o) => Oi(
     // Keep thousand separators for readability (formatted per locale)
     style: "decimal"
     // Use decimal to avoid currency symbol conflicts
-  } : {}, [t.currencyCode, x]), ni = mi({ recipe: H }), [oi, ri] = ni.splitVariantProps({
+  } : {}, [t.currencyCode, T]), ni = mi({ recipe: H }), [oi, ri] = ni.splitVariantProps({
     ...k,
     size: I
-  }), [ei, ci] = bi(ri), m = f(P, "amount"), y = f(P, "currencyCode"), h = f(r, "amount"), M = f(r, "currencyCode"), si = g(
+  }), [ei, ci] = bi(ri), y = f(P, "amount"), h = f(P, "currencyCode"), M = f(r, "amount"), S = f(r, "currencyCode"), si = g(
     (n) => {
-      const S = n.toString();
+      const b = n.toString();
       s?.({
         target: {
-          id: m,
-          name: h,
-          value: S
+          id: y,
+          name: M,
+          value: b
         }
       });
-      const li = { ...t, amount: S };
-      a?.(li), N?.(S);
+      const li = { ...t, amount: b };
+      a?.(li), N?.(b);
     },
     [s, a, N, t, P, r]
   ), ai = g(() => {
     const n = {
       target: {
-        id: m,
-        name: h,
+        id: y,
+        name: M,
         value: t.amount
       }
     };
-    p?.(n);
-  }, [p, t.amount, o, r]), gi = g(() => {
+    d?.(n);
+  }, [d, t.amount, o, r]), gi = g(() => {
     const n = {
       target: {
-        id: m,
-        name: h,
+        id: y,
+        name: M,
         value: t.amount
       }
     };
-    d?.(n);
-  }, [d, t, o, r]), O = g(
+    m?.(n);
+  }, [m, t, o, r]), O = g(
     (n) => {
       s?.({
         target: {
-          id: y,
-          name: M,
+          id: h,
+          name: S,
           value: n
         }
       });
-      const X = {
+      const E = {
         ...t,
         currencyCode: n
       };
-      a?.(X), F?.(n);
+      a?.(E), F?.(n);
     },
     [s, a, F, t, o, r]
   ), fi = g(() => {
     const n = {
       target: {
-        id: y,
-        name: M,
+        id: h,
+        name: S,
         value: t.currencyCode
       }
     };
-    p?.(n);
-  }, [p, t.currencyCode, o, r]), Di = g(() => {
+    d?.(n);
+  }, [d, t.currencyCode, o, r]), Di = g(() => {
     const n = {
       target: {
-        id: y,
-        name: M,
+        id: h,
+        name: S,
         value: t.currencyCode
       }
     };
-    d?.(n);
-  }, [d, t.currencyCode, o, r]), ui = g(
+    m?.(n);
+  }, [m, t.currencyCode, o, r]), ui = g(
     (n) => {
       n && typeof n == "string" && O(n);
     },
     [O]
-  ), v = B(), E = B();
+  ), K = L(), w = L();
   return /* @__PURE__ */ A(Ni, { ...oi, ...ei, ...ci, children: [
     /* @__PURE__ */ A(Fi, { children: [
-      /* @__PURE__ */ e(Gi, { children: ii ? /* @__PURE__ */ e(Ti, { asChild: !0, children: /* @__PURE__ */ e("label", { id: v, children: t.currencyCode }) }) : /* @__PURE__ */ e(
-        L.Root,
+      /* @__PURE__ */ e(xi, { children: ii ? /* @__PURE__ */ e(
+        Gi,
         {
-          id: y,
-          name: M,
+          ...l && { "data-disabled": l },
+          asChild: !0,
+          children: /* @__PURE__ */ e("label", { id: K, children: t.currencyCode })
+        }
+      ) : /* @__PURE__ */ e(
+        B.Root,
+        {
+          id: h,
+          name: S,
           selectedKey: t.currencyCode || null,
           onSelectionChange: ui,
           onFocus: fi,
           onBlur: Di,
-          isDisabled: z || C || G,
+          isDisabled: z || l || x,
           isClearable: !1,
           placeholder: "",
-          "aria-label": R.formatMessage(b.currencySelectLabel),
+          "aria-label": R.formatMessage(C.currencySelectLabel),
           size: I,
-          children: /* @__PURE__ */ e(L.Options, { children: c.map((n) => /* @__PURE__ */ e(L.Option, { id: n, children: n }, n)) })
+          children: /* @__PURE__ */ e(B.Options, { children: c.map((n) => /* @__PURE__ */ e(B.Option, { id: n, children: n }, n)) })
         }
       ) }),
       /* @__PURE__ */ e(
-        xi,
+        Ti,
         {
-          "data-has-high-precision": T && K,
+          "data-has-high-precision": G && v,
           asChild: !0,
           children: /* @__PURE__ */ e(
             Ri,
             {
-              id: m,
-              name: h,
+              id: y,
+              name: M,
               value: q,
               formatOptions: ti,
               onChange: si,
               onFocus: ai,
               onBlur: gi,
-              isDisabled: C,
-              isReadOnly: G,
-              isInvalid: $,
-              isRequired: _,
+              isDisabled: l,
+              isReadOnly: x,
+              isInvalid: _,
+              isRequired: $,
               placeholder: j,
               autoFocus: J,
               size: I,
-              "aria-label": R.formatMessage(b.amountInputLabel),
-              "aria-labelledby": v,
-              "aria-describedby": E,
+              "aria-label": R.formatMessage(C.amountInputLabel),
+              "aria-labelledby": K,
+              "aria-describedby": w,
               step: void 0
             }
           )
         }
       )
     ] }),
-    T && K && /* @__PURE__ */ e(Ki, { children: /* @__PURE__ */ A(w.Root, { delay: 0, closeDelay: 0, children: [
+    G && v && /* @__PURE__ */ e(vi, { children: /* @__PURE__ */ A(X.Root, { delay: 0, closeDelay: 0, children: [
       /* @__PURE__ */ e(Ai, { children: /* @__PURE__ */ e(
-        Bi,
+        Li,
         {
           as: Si,
-          id: E,
-          color: C ? "neutral.8" : "neutral.11",
-          "aria-label": R.formatMessage(b.highPrecisionPrice),
+          id: w,
+          color: l ? "neutral.8" : "neutral.11",
+          "aria-label": R.formatMessage(C.highPrecisionPrice),
           transform: "translateX(-100px) translateY(2px)"
         }
       ) }),
-      /* @__PURE__ */ e(w.Content, { placement: "top", children: /* @__PURE__ */ e(Mi, { ...b.highPrecisionPrice }) })
+      /* @__PURE__ */ e(X.Content, { placement: "top", children: /* @__PURE__ */ e(Mi, { ...C.highPrecisionPrice }) })
     ] }) })
   ] });
 };
-W.displayName = "MoneyInput";
-const u = W;
+Y.displayName = "MoneyInput";
+const u = Y;
 u.getAmountInputId = (i) => f(i, "amount");
 u.getCurrencyDropdownId = (i) => f(i, "currencyCode");
-u.convertToMoneyValue = Z;
-u.parseMoneyValue = Ei;
-u.isEmpty = V;
-u.isHighPrecision = Y;
+u.convertToMoneyValue = W;
+u.parseMoneyValue = wi;
+u.isEmpty = Z;
+u.isHighPrecision = V;
 export {
   u as M
 };
-//# sourceMappingURL=money-input-C1jSkjXo.es.js.map
+//# sourceMappingURL=money-input-Cs8XrifY.es.js.map

package/dist/chunks/money-input-Cs8XrifY.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"money-input-Cs8XrifY.es.js","sources":["../../src/components/money-input/utils/currencies.ts","../../src/components/money-input/money-input.recipe.tsx","../../src/components/money-input/money-input.slots.tsx","../../src/components/money-input/utils/parsing-utilities.ts","../../src/components/money-input/utils/static-methods.ts","../../src/components/money-input/money-input.i18n.ts","../../src/components/money-input/money-input.tsx"],"sourcesContent":["// ARCHITECTURE NOTE: Shared Currency Data\n//\n// This currency data is used by TWO INDEPENDENT formatting systems:\n//\n// 1. NumberInput System (live user interaction):\n//    - Creates format options for NumberInput\n//    - Powers React Aria NumberField formatting as users type\n//\n// 2. MoneyInput Static Methods System (API compatibility):\n//    - Uses parseStringToMoneyValue() + TMoneyValue objects\n//    - Only triggered by explicit static method calls\n//\n// Both systems access this same data but for different purposes.\n// Changes here affect both NumberInput behavior AND MoneyInput static methods.\n\nconst currencies = {\n  ADP: { fractionDigits: 0 },\n  AED: { fractionDigits: 2 },\n  AFA: { fractionDigits: 2 },\n  AFN: { fractionDigits: 2 },\n  ALL: { fractionDigits: 2 },\n  AMD: { fractionDigits: 2 },\n  ANG: { fractionDigits: 2 },\n  AOA: { fractionDigits: 2 },\n  ARS: { fractionDigits: 2 },\n  ATS: { fractionDigits: 2 },\n  AUD: { fractionDigits: 2 },\n  AWG: { fractionDigits: 2 },\n  AYM: { fractionDigits: 2 },\n  AZM: { fractionDigits: 2 },\n  AZN: { fractionDigits: 2 },\n  BAM: { fractionDigits: 2 },\n  BBD: { fractionDigits: 2 },\n  BDT: { fractionDigits: 2 },\n  BEF: { fractionDigits: 0 },\n  BGL: { fractionDigits: 2 },\n  BGN: { fractionDigits: 2 },\n  BHD: { fractionDigits: 3 },\n  BIF: { fractionDigits: 0 },\n  BMD: { fractionDigits: 2 },\n  BND: { fractionDigits: 2 },\n  BOB: { fractionDigits: 2 },\n  BOV: { fractionDigits: 2 },\n  BRL: { fractionDigits: 2 },\n  BSD: { fractionDigits: 2 },\n  BTN: { fractionDigits: 2 },\n  BWP: { fractionDigits: 2 },\n  BYB: { fractionDigits: 0 },\n  BYN: { fractionDigits: 2 },\n  BYR: { fractionDigits: 0 },\n  BZD: { fractionDigits: 2 },\n  CAD: { fractionDigits: 2 },\n  CDF: { fractionDigits: 2 },\n  CHF: { fractionDigits: 2 },\n  CLF: { fractionDigits: 0 },\n  CLP: { fractionDigits: 0 },\n  CNY: { fractionDigits: 2 },\n  COP: { fractionDigits: 2 },\n  CRC: { fractionDigits: 2 },\n  CSD: { fractionDigits: 2 },\n  CUC: { fractionDigits: 2 },\n  CUP: { fractionDigits: 2 },\n  CVE: { fractionDigits: 2 },\n  CYP: { fractionDigits: 2 },\n  CZK: { fractionDigits: 2 },\n  DEM: { fractionDigits: 2 },\n  DJF: { fractionDigits: 0 },\n  DKK: { fractionDigits: 2 },\n  DOP: { fractionDigits: 2 },\n  DZD: { fractionDigits: 2 },\n  EEK: { fractionDigits: 2 },\n  EGP: { fractionDigits: 2 },\n  ERN: { fractionDigits: 2 },\n  ESP: { fractionDigits: 0 },\n  ETB: { fractionDigits: 2 },\n  EUR: { fractionDigits: 2 },\n  FIM: { fractionDigits: 2 },\n  FJD: { fractionDigits: 2 },\n  FKP: { fractionDigits: 2 },\n  FRF: { fractionDigits: 2 },\n  GBP: { fractionDigits: 2 },\n  GEL: { fractionDigits: 2 },\n  GHC: { fractionDigits: 2 },\n  GHS: { fractionDigits: 2 },\n  GIP: { fractionDigits: 2 },\n  GMD: { fractionDigits: 2 },\n  GNF: { fractionDigits: 0 },\n  GRD: { fractionDigits: 0 },\n  GTQ: { fractionDigits: 2 },\n  GWP: { fractionDigits: 2 },\n  GYD: { fractionDigits: 2 },\n  HKD: { fractionDigits: 2 },\n  HNL: { fractionDigits: 2 },\n  HRK: { fractionDigits: 2 },\n  HTG: { fractionDigits: 2 },\n  HUF: { fractionDigits: 2 },\n  IDR: { fractionDigits: 2 },\n  IEP: { fractionDigits: 2 },\n  ILS: { fractionDigits: 2 },\n  INR: { fractionDigits: 2 },\n  IQD: { fractionDigits: 3 },\n  IRR: { fractionDigits: 2 },\n  ISK: { fractionDigits: 0 },\n  ITL: { fractionDigits: 0 },\n  JMD: { fractionDigits: 2 },\n  JOD: { fractionDigits: 3 },\n  JPY: { fractionDigits: 0 },\n  KES: { fractionDigits: 2 },\n  KGS: { fractionDigits: 2 },\n  KHR: { fractionDigits: 2 },\n  KMF: { fractionDigits: 0 },\n  KPW: { fractionDigits: 2 },\n  KRW: { fractionDigits: 0 },\n  KWD: { fractionDigits: 3 },\n  KYD: { fractionDigits: 2 },\n  KZT: { fractionDigits: 2 },\n  LAK: { fractionDigits: 2 },\n  LBP: { fractionDigits: 2 },\n  LKR: { fractionDigits: 2 },\n  LRD: { fractionDigits: 2 },\n  LSL: { fractionDigits: 2 },\n  LTL: { fractionDigits: 2 },\n  LUF: { fractionDigits: 0 },\n  LVL: { fractionDigits: 2 },\n  LYD: { fractionDigits: 3 },\n  MAD: { fractionDigits: 2 },\n  MDL: { fractionDigits: 2 },\n  MGA: { fractionDigits: 2 },\n  MGF: { fractionDigits: 0 },\n  MKD: { fractionDigits: 2 },\n  MMK: { fractionDigits: 2 },\n  MNT: { fractionDigits: 2 },\n  MOP: { fractionDigits: 2 },\n  MRO: { fractionDigits: 2 },\n  MTL: { fractionDigits: 2 },\n  MUR: { fractionDigits: 2 },\n  MVR: { fractionDigits: 2 },\n  MWK: { fractionDigits: 2 },\n  MXN: { fractionDigits: 2 },\n  MXV: { fractionDigits: 2 },\n  MYR: { fractionDigits: 2 },\n  MZM: { fractionDigits: 2 },\n  MZN: { fractionDigits: 2 },\n  NAD: { fractionDigits: 2 },\n  NGN: { fractionDigits: 2 },\n  NIO: { fractionDigits: 2 },\n  NLG: { fractionDigits: 2 },\n  NOK: { fractionDigits: 2 },\n  NPR: { fractionDigits: 2 },\n  NZD: { fractionDigits: 2 },\n  OMR: { fractionDigits: 3 },\n  PAB: { fractionDigits: 2 },\n  PEN: { fractionDigits: 2 },\n  PGK: { fractionDigits: 2 },\n  PHP: { fractionDigits: 2 },\n  PKR: { fractionDigits: 2 },\n  PLN: { fractionDigits: 2 },\n  PTE: { fractionDigits: 0 },\n  PYG: { fractionDigits: 0 },\n  QAR: { fractionDigits: 2 },\n  ROL: { fractionDigits: 2 },\n  RON: { fractionDigits: 2 },\n  RSD: { fractionDigits: 2 },\n  RUB: { fractionDigits: 2 },\n  RUR: { fractionDigits: 2 },\n  RWF: { fractionDigits: 0 },\n  SAR: { fractionDigits: 2 },\n  SBD: { fractionDigits: 2 },\n  SCR: { fractionDigits: 2 },\n  SDD: { fractionDigits: 2 },\n  SDG: { fractionDigits: 2 },\n  SEK: { fractionDigits: 2 },\n  SGD: { fractionDigits: 2 },\n  SHP: { fractionDigits: 2 },\n  SIT: { fractionDigits: 2 },\n  SKK: { fractionDigits: 2 },\n  SLL: { fractionDigits: 2 },\n  SOS: { fractionDigits: 2 },\n  SRD: { fractionDigits: 2 },\n  SRG: { fractionDigits: 2 },\n  SSP: { fractionDigits: 2 },\n  STD: { fractionDigits: 2 },\n  SVC: { fractionDigits: 2 },\n  SYP: { fractionDigits: 2 },\n  SZL: { fractionDigits: 2 },\n  THB: { fractionDigits: 2 },\n  TJS: { fractionDigits: 2 },\n  TMM: { fractionDigits: 2 },\n  TMT: { fractionDigits: 2 },\n  TND: { fractionDigits: 3 },\n  TOP: { fractionDigits: 2 },\n  TPE: { fractionDigits: 0 },\n  TRL: { fractionDigits: 0 },\n  TRY: { fractionDigits: 2 },\n  TTD: { fractionDigits: 2 },\n  TWD: { fractionDigits: 2 },\n  TZS: { fractionDigits: 2 },\n  UAH: { fractionDigits: 2 },\n  UGX: { fractionDigits: 0 },\n  USD: { fractionDigits: 2 },\n  USN: { fractionDigits: 2 },\n  USS: { fractionDigits: 2 },\n  UYU: { fractionDigits: 2 },\n  UZS: { fractionDigits: 2 },\n  VEB: { fractionDigits: 2 },\n  VEF: { fractionDigits: 2 },\n  VND: { fractionDigits: 0 },\n  VUV: { fractionDigits: 0 },\n  WST: { fractionDigits: 2 },\n  XAF: { fractionDigits: 0 },\n  XAG: { fractionDigits: -1 },\n  XAU: { fractionDigits: -1 },\n  XBA: { fractionDigits: -1 },\n  XBB: { fractionDigits: -1 },\n  XBC: { fractionDigits: -1 },\n  XBD: { fractionDigits: -1 },\n  XCD: { fractionDigits: 2 },\n  XDR: { fractionDigits: -1 },\n  XFO: { fractionDigits: -1 },\n  XFU: { fractionDigits: -1 },\n  XOF: { fractionDigits: 0 },\n  XPD: { fractionDigits: -1 },\n  XPF: { fractionDigits: 0 },\n  XPT: { fractionDigits: -1 },\n  XSU: { fractionDigits: -1 },\n  XTS: { fractionDigits: -1 },\n  XUA: { fractionDigits: -1 },\n  XXX: { fractionDigits: -1 },\n  YER: { fractionDigits: 2 },\n  YUM: { fractionDigits: 2 },\n  ZAR: { fractionDigits: 2 },\n  ZMK: { fractionDigits: 2 },\n  ZMW: { fractionDigits: 2 },\n  ZWD: { fractionDigits: 2 },\n  ZWL: { fractionDigits: 2 },\n  ZWN: { fractionDigits: 2 },\n  ZWR: { fractionDigits: 2 },\n} as const;\n\nexport default currencies;\n","import { defineSlotRecipe } from \"@chakra-ui/react\";\n\nexport const moneyInputRecipe = defineSlotRecipe({\n  slots: [\n    \"root\",\n    \"container\",\n    \"currencySelect\",\n    \"currencyLabel\",\n    \"amountInput\",\n    \"badge\",\n  ],\n  className: \"nimbus-money-input\",\n  base: {\n    root: {\n      width: \"full\",\n      position: \"relative\",\n      fontFamily: \"inherit\",\n      \"& .nimbus-select__trigger\": {\n        width: \"2800\",\n        borderRightRadius: \"0\",\n        // Show all but the right shadow\n        boxShadow:\n          \"inset 0 1px 0 0 {colors.neutral.7}, inset 0 -1px 0 0 {colors.neutral.7}, inset 1px 0 0 0 {colors.neutral.7}\",\n      },\n      \"&:has(.nimbus-money-input__container:focus-within)\": {\n        \"& .nimbus-money-input__currencyLabel\": {\n          // add outline to label so that it looks like focus outline is around entire input\n          outlineWidth: \"var(--focus-ring-width)\",\n          outlineColor: \"var(--focus-ring-color)\",\n          outlineStyle: \"var(--focus-ring-style)\",\n          outlineOffset: \"var(--focus-ring-offset)\",\n          // remove outline on right side of label so that it looks like there is a continuous outline around the label and input.\n          clipPath: `inset(-4px -1px -4px -4px)`,\n        },\n        \"& .nimbus-money-input__amountInput\": {\n          // remove outline on left side of input so that it looks like there is a continuous outline around the label and input.\n          clipPath: `inset(-4px -4px -4px -1px)`,\n        },\n      },\n    },\n    container: {\n      display: \"inline-flex\",\n      alignItems: \"stretch\",\n      position: \"relative\",\n    },\n    currencySelect: {\n      // Ensure focus ring is visible above amount input\n      _focusWithin: {\n        zIndex: 2,\n      },\n    },\n    currencyLabel: {\n      color: \"neutral.11\",\n      fontWeight: \"500\",\n      display: \"flex\",\n      height: \"full\",\n      borderLeftRadius: \"200\",\n      backgroundColor: \"neutral.1\",\n      boxShadow:\n        \"inset 0 1px 0 0 {colors.neutral.7}, inset 0 -1px 0 0 {colors.neutral.7}, inset 1px 0 0 0 {colors.neutral.7}\",\n      paddingInline: \"400\",\n      alignItems: \"center\",\n      \"&[data-disabled='true']\": {\n        opacity: \"0.5\",\n      },\n    },\n    amountInput: {\n      borderLeftRadius: \"0\",\n      // Ensure focus ring is visible above currency select\n      _focusWithin: {\n        zIndex: 2,\n      },\n    },\n    // TODO: tackle this once \"trailing element\" is save to be rebased on top of\n    badge: {\n      position: \"absolute\",\n      top: \"0\",\n      right: \"0\",\n      height: \"full\",\n      display: \"flex\",\n      alignItems: \"center\",\n      justifyContent: \"center\",\n      marginRight: \"spacing.25\",\n    },\n  },\n  variants: {\n    size: {\n      sm: {\n        root: {\n          fontSize: \"fontSize.20\",\n          \"& .nimbus-select__trigger\": {\n            width: \"2600\",\n          },\n        },\n        currencySelect: {\n          padding: \"0 spacing.20\",\n        },\n        amountInput: {\n          paddingRight: \"spacing.30\",\n        },\n        currencyLabel: {\n          fontSize: \"300\",\n          lineHeight: \"450\",\n        },\n      },\n      md: {\n        root: {\n          fontSize: \"fontSize.30\",\n          \"& .nimbus-select__trigger\": {\n            width: \"2800\",\n          },\n        },\n        currencySelect: {\n          padding: \"0 spacing.25\",\n        },\n        amountInput: {\n          paddingRight: \"spacing.40\",\n        },\n        currencyLabel: {\n          fontSize: \"350\",\n          lineHeight: \"500\",\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n","import { createSlotRecipeContext } from \"@chakra-ui/react/styled-system\";\nimport { Group } from \"@/components\";\nimport type {\n  MoneyInputRootSlotProps,\n  MoneyInputContainerSlotProps,\n  MoneyInputCurrencySelectSlotProps,\n  MoneyInputCurrencyLabelSlotProps,\n  MoneyInputAmountInputSlotProps,\n  MoneyInputBadgeSlotProps,\n} from \"./money-input.types\";\nimport { moneyInputRecipe } from \"./money-input.recipe\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  recipe: moneyInputRecipe,\n});\n\nexport const MoneyInputRootSlot = withProvider<\n  HTMLDivElement,\n  MoneyInputRootSlotProps\n>(Group, \"root\");\n\nexport const MoneyInputContainerSlot = withContext<\n  HTMLDivElement,\n  MoneyInputContainerSlotProps\n>(\"div\", \"container\");\n\nexport const MoneyInputCurrencySelectSlot = withContext<\n  HTMLDivElement,\n  MoneyInputCurrencySelectSlotProps\n>(\"div\", \"currencySelect\");\n\nexport const MoneyInputCurrencyLabelSlot = withContext<\n  HTMLLabelElement,\n  MoneyInputCurrencyLabelSlotProps\n>(\"label\", \"currencyLabel\");\n\nexport const MoneyInputAmountInputSlot = withContext<\n  HTMLInputElement,\n  MoneyInputAmountInputSlotProps\n>(\"input\", \"amountInput\");\n\nexport const MoneyInputBadgeSlot = withContext<\n  HTMLDivElement,\n  MoneyInputBadgeSlotProps\n>(\"div\", \"badge\");\n","import currencies from \"./currencies\";\n\nexport type TCurrencyCode = keyof typeof currencies;\n\ntype TMoneyConditionalProps =\n  | { type: \"highPrecision\"; preciseAmount: number }\n  | {\n      type: \"centPrecision\";\n      preciseAmount?: never;\n    };\n\nexport type TMoneyValue = {\n  currencyCode: TCurrencyCode;\n  centAmount: number;\n  fractionDigits: number;\n} & TMoneyConditionalProps;\n\nexport type TValue = {\n  amount: string;\n  currencyCode: TCurrencyCode | \"\";\n};\n\n// Currency parsing utilities for MoneyInput static methods\nexport const parseStringToMoneyValue = (\n  rawAmount: string,\n  locale: string,\n  currencyCode?: TCurrencyCode | \"\"\n): TMoneyValue | null => {\n  if (!currencyCode) return null;\n\n  const currency = currencies[currencyCode];\n  if (!currency) return null;\n  // The user may enter a value with a comma, dot, or apostrophe as the decimal separator.\n  if (rawAmount.length === 0 || rawAmount.trim() === \"\") return null;\n\n  // Only warn if locale is missing AND currency has zero fraction digits\n  if (!locale && currency.fractionDigits === 0) {\n    console.warn(\n      `MoneyInput: A locale must be provided when currency has no fraction digits (${currencyCode})`\n    );\n  }\n  const amountAsNumber = parseFloat(rawAmount);\n  if (isNaN(amountAsNumber)) return null;\n\n  // The cent amount is rounded to the currency's default number\n  // of fraction digits for prices with high precision.\n  //\n  // Additionally, JavaScript is sometimes incorrect when multiplying floats,\n  //   e.g. 2.49 * 100 -> 249.00000000000003\n  // While inaccuracy from multiplying floating point numbers is a\n  // general problem in JS, we can avoid it by cutting off all\n  // decimals. This is possible since cents is the base unit, so we\n  // operate on integers anyways\n  // Also we should the round the value to ensure that we come close\n  // to the nearest decimal value\n  // ref: https://github.com/commercetools/merchant-center-frontend/pull/770\n  const centAmount = Math.trunc(\n    Math.round(amountAsNumber * 10 ** currency.fractionDigits)\n  );\n\n  const fractionDigitsOfAmount =\n    // The conversion to a string will always use a dot as the separator.\n    // That means we don't have to handle a comma.\n    String(amountAsNumber).indexOf(\".\") === -1\n      ? 0\n      : String(amountAsNumber).length - String(amountAsNumber).indexOf(\".\") - 1;\n\n  if (fractionDigitsOfAmount > currency.fractionDigits) {\n    return {\n      type: \"highPrecision\",\n      currencyCode,\n      centAmount,\n      preciseAmount: parseInt(\n        // Here we need to convert  a number like 8.066652 to its centamount\n        // We could do that by multiplying it with 10 ** number-of-fraction-digits\n        // but then we'll run into problems with JavaScript's floating point\n        // number precision and end up with 8066651.9999999, and then parseInt\n        // cuts off the remainder.\n        // So instead of using maths to convert the number, we just replace\n        // the dot inside the number which does the same thing.\n        // We don't need to replace \",\" as well, as numbers always us a dot\n        // when converted using String().\n        //\n        // The mathematical way: amountAsNumber * 10 ** fractionDigitsOfAmount,\n        String(amountAsNumber).replace(\".\", \"\"),\n        10\n      ),\n      fractionDigits: fractionDigitsOfAmount,\n    };\n  }\n\n  return {\n    type: \"centPrecision\",\n    currencyCode,\n    centAmount,\n    fractionDigits: currency.fractionDigits,\n  };\n};\n\nexport const createNullMoneyValue = (\n  currencyCode: TCurrencyCode\n): TMoneyValue => ({\n  type: \"centPrecision\",\n  currencyCode,\n  centAmount: NaN,\n  fractionDigits: 2,\n});\n\nexport const extractDecimalAmount = (moneyValue: TMoneyValue) =>\n  moneyValue.type === \"highPrecision\"\n    ? moneyValue.preciseAmount / 10 ** moneyValue.fractionDigits\n    : moneyValue.centAmount /\n      10 ** currencies[moneyValue.currencyCode].fractionDigits;\n","import currencies from \"./currencies\";\nimport {\n  parseStringToMoneyValue,\n  extractDecimalAmount,\n  type TMoneyValue,\n  type TValue,\n} from \"./parsing-utilities\";\n\n// Replace lodash/has with native implementation\nconst has = (obj: Record<string, unknown>, key: string): boolean => {\n  return Object.prototype.hasOwnProperty.call(obj, key);\n};\n\n// Static method implementations - preserve exact logic from UI Kit\nexport function getMoneyGroupAttribute(\n  attr?: string,\n  inputType?: string\n): string | undefined {\n  return attr && inputType ? `${attr}.${inputType}` : undefined;\n}\n\nexport const transformFormInputToMoneyValue = (value: TValue, locale: string) =>\n  parseStringToMoneyValue(\n    typeof value.amount === \"string\" ? value.amount.trim() : \"\",\n    locale,\n    value.currencyCode\n  );\n\nexport const formatMoneyValueForDisplay = (\n  moneyValue: TMoneyValue,\n  locale: string\n): TValue => {\n  if (!moneyValue) return { currencyCode: \"\", amount: \"\" };\n\n  console.warn(\n    typeof locale === \"string\",\n    \"MoneyInput.parseMoneyValue: A locale must be passed as the second argument\"\n  );\n\n  console.warn(\n    typeof moneyValue === \"object\",\n    \"MoneyInput.parseMoneyValue: Value must be passed as an object or be undefined\"\n  );\n\n  console.warn(\n    typeof moneyValue.currencyCode === \"string\",\n    'MoneyInput.parseMoneyValue: Value must contain \"currencyCode\"'\n  );\n\n  if (typeof moneyValue.currencyCode !== \"string\") {\n    throw new Error(\n      'MoneyInput.parseMoneyValue: Value must contain \"currencyCode\"'\n    );\n  }\n\n  console.warn(\n    has(currencies, moneyValue.currencyCode),\n    \"MoneyInput.parseMoneyValue: Value must use known currency code\"\n  );\n\n  if (!has(currencies, moneyValue.currencyCode)) {\n    throw new Error(\n      \"MoneyInput.parseMoneyValue: Value must use known currency code\"\n    );\n  }\n\n  console.warn(\n    // highPrecision or centPrecision values must be set\n    typeof moneyValue.centAmount === \"number\" ||\n      (typeof moneyValue.preciseAmount === \"number\" &&\n        typeof moneyValue.fractionDigits === \"number\"),\n    'MoneyInput.parseMoneyValue: Value must contain \"amount\"'\n  );\n\n  // Direct formatting without circular conversion\n  const amountAsNumber = extractDecimalAmount(moneyValue);\n  const fractionDigits = moneyValue.preciseAmount\n    ? moneyValue.fractionDigits\n    : currencies[moneyValue.currencyCode].fractionDigits;\n\n  const amount = isNaN(amountAsNumber)\n    ? \"\"\n    : amountAsNumber.toLocaleString(locale, {\n        minimumFractionDigits: fractionDigits,\n      });\n\n  return { amount, currencyCode: moneyValue.currencyCode };\n};\n\nexport const isEmpty = (formValue: TValue) => {\n  return (\n    !formValue ||\n    formValue?.amount?.trim() === \"\" ||\n    formValue?.currencyCode?.trim() === \"\"\n  );\n};\n\nexport const isHighPrecision = (formValue: TValue, locale: string): boolean => {\n  if (isEmpty(formValue)) {\n    return false;\n  }\n  const moneyValue = transformFormInputToMoneyValue(formValue, locale);\n  return moneyValue?.type === \"highPrecision\";\n};\n","import { defineMessages } from \"react-intl\";\n\nexport default defineMessages({\n  currencySelectLabel: {\n    id: \"Nimbus.MoneyInput.currencySelectLabel\",\n    description: \"aria-label for currency selection dropdown\",\n    defaultMessage: \"Currency\",\n  },\n  amountInputLabel: {\n    id: \"Nimbus.MoneyInput.amountInputLabel\",\n    description: \"aria-label for amount input\",\n    defaultMessage: \"Amount\",\n  },\n  highPrecisionPrice: {\n    id: \"Nimbus.MoneyInput.highPrecisionPrice\",\n    description: \"tooltip text for high precision price badge\",\n    defaultMessage: \"High precision price\",\n  },\n});\n","import { useCallback, useMemo } from \"react\";\nimport { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { useId, useLocale } from \"react-aria\";\nimport { useIntl, FormattedMessage } from \"react-intl\";\nimport {\n  NumberInput,\n  Select,\n  Tooltip,\n  Box,\n  MakeElementFocusable,\n} from \"@/components\";\nimport { HighPrecision } from \"@commercetools/nimbus-icons\";\nimport { extractStyleProps } from \"@/utils/extractStyleProps\";\nimport currenciesData from \"./utils/currencies\";\nimport {\n  MoneyInputRootSlot,\n  MoneyInputContainerSlot,\n  MoneyInputCurrencySelectSlot,\n  MoneyInputCurrencyLabelSlot,\n  MoneyInputAmountInputSlot,\n  MoneyInputBadgeSlot,\n} from \"./money-input.slots\";\nimport { moneyInputRecipe } from \"./money-input.recipe\";\nimport {\n  getMoneyGroupAttribute,\n  isHighPrecision,\n  transformFormInputToMoneyValue,\n  formatMoneyValueForDisplay,\n  isEmpty,\n} from \"./utils\";\nimport type {\n  TCustomEvent,\n  MoneyInputProps,\n  TCurrencyCode,\n} from \"./money-input.types\";\nimport messages from \"./money-input.i18n\";\n\n/**\n * # MoneyInput\n *\n * A specialized input component for entering monetary amounts with currency selection.\n * Supports high precision values and automatic locale-based formatting.\n *\n * ## Usage\n *\n * ### Modern API (Recommended)\n *\n * Use the modern event handlers for better type safety and cleaner code:\n *\n * ```tsx\n * function MyComponent() {\n *   const [value, setValue] = useState<TValue>({\n *     amount: \"\",\n *     currencyCode: \"USD\",\n *   });\n *\n *   return (\n *     <MoneyInput\n *       value={value}\n *       currencies={[\"USD\", \"EUR\", \"GBP\"]}\n *       onValueChange={setValue} // Recommended: handles complete value changes\n *       onAmountChange={(amount) => console.log(\"Amount:\", amount)}\n *       onCurrencyChange={(currency) => console.log(\"Currency:\", currency)}\n *     />\n *   );\n * }\n * ```\n *\n * ### Legacy API (Deprecated)\n *\n * For backward compatibility only - migrate to modern API when possible:\n *\n * ```tsx\n * function LegacyComponent() {\n *   const [value, setValue] = useState<TValue>({ amount: \"\", currencyCode: \"USD\" });\n *\n *   const handleChange = (event: TCustomEvent) => {\n *     const { name, value } = event.target;\n *     if (name?.endsWith(\".amount\")) {\n *       setValue(prev => ({ ...prev, amount: value as string }));\n *     } else if (name?.endsWith(\".currencyCode\")) {\n *       setValue(prev => ({ ...prev, currencyCode: value as TCurrencyCode }));\n *     }\n *   };\n *\n *   return (\n *     <MoneyInput\n *       value={value}\n *       currencies={[\"USD\", \"EUR\"]}\n *       onChange={handleChange} // Deprecated - use onValueChange instead\n *     />\n *   );\n * }\n * ```\n *\n * ## Features\n *\n * - **Type-safe currency handling** with TCurrencyCode enum\n * - **High precision support** for values exceeding standard currency precision\n * - **Automatic locale formatting** using React Aria NumberField\n * - **Accessibility compliant** following WCAG 2.1 AA standards\n * - **Dual API support** for backward compatibility and modern development\n */\nexport const MoneyInputComponent = (props: MoneyInputProps) => {\n  const {\n    id,\n    name,\n    value,\n    currencies = [],\n    onChange,\n    onValueChange,\n    onAmountChange,\n    onCurrencyChange,\n    onFocus,\n    onBlur,\n    isDisabled,\n    isReadOnly,\n    isInvalid,\n    isRequired,\n    hasHighPrecisionBadge = true,\n    isCurrencyInputDisabled,\n    placeholder = \"0.00\",\n    autoFocus,\n    size,\n    ...restProps\n  } = props;\n\n  // Generate IDs\n  const defaultGroupId = useId();\n  const groupId = id ?? defaultGroupId;\n\n  // Get locale for formatting\n  const { locale } = useLocale();\n  const intl = useIntl();\n\n  // Convert string value to number for NumberInput\n  const numericValue = value.amount ? parseFloat(value.amount) : undefined;\n\n  // Detect whether the currency select or currency label should display\n  const hasNoCurrencies = !currencies || currencies.length === 0;\n\n  // High precision detection using raw input value - default to en if locale is not provided\n  const isCurrentlyHighPrecision = isHighPrecision(value, locale || \"en\");\n\n  // Create currency-aware format options for NumberInput\n  const formatOptions: Intl.NumberFormatOptions = useMemo(() => {\n    if (!value.currencyCode) return {};\n\n    // Decimal style: pure number formatting without currency symbols\n    // Handles high precision mode for extended decimal places\n    return {\n      minimumFractionDigits: currenciesData[value.currencyCode].fractionDigits, // Always respect currency minimum (e.g., 2 for USD, 0 for JPY)\n      maximumFractionDigits: 20, // Always use a maximum of 20 decimal places to match API precision\n      useGrouping: true, // Keep thousand separators for readability (formatted per locale)\n      style: \"decimal\", // Use decimal to avoid currency symbol conflicts\n    };\n  }, [value.currencyCode, locale]);\n\n  // Recipe setup\n  const recipe = useSlotRecipe({ recipe: moneyInputRecipe });\n  const [recipeProps, recipeRestProps] = recipe.splitVariantProps({\n    ...restProps,\n    size,\n  });\n  const [styleProps, remainingProps] = extractStyleProps(recipeRestProps);\n\n  // Id's and Names for each group input type\n  const amountInputId = getMoneyGroupAttribute(groupId, \"amount\");\n  const currencySelectId = getMoneyGroupAttribute(groupId, \"currencyCode\");\n  const amountInputName = getMoneyGroupAttribute(name, \"amount\");\n  const currencySelectName = getMoneyGroupAttribute(name, \"currencyCode\");\n\n  // Event handlers - NumberInput will preserve decimal precision with new settings\n  const handleAmountChange = useCallback(\n    (newValue: number) => {\n      const stringValue = newValue.toString();\n\n      // Support legacy API\n      const event: TCustomEvent = {\n        target: {\n          id: amountInputId,\n          name: amountInputName,\n          value: stringValue,\n        },\n      };\n      onChange?.(event);\n\n      // Support modern APIs\n      const newValueObject = { ...value, amount: stringValue };\n      onValueChange?.(newValueObject);\n      onAmountChange?.(stringValue);\n    },\n    [onChange, onValueChange, onAmountChange, value, groupId, name]\n  );\n\n  const handleAmountFocus = useCallback(() => {\n    const event: TCustomEvent = {\n      target: {\n        id: amountInputId,\n        name: amountInputName,\n        value: value.amount,\n      },\n    };\n    onFocus?.(event);\n  }, [onFocus, value.amount, id, name]);\n\n  const handleAmountBlur = useCallback(() => {\n    const event: TCustomEvent = {\n      target: {\n        id: amountInputId,\n        name: amountInputName,\n        value: value.amount,\n      },\n    };\n    onBlur?.(event);\n  }, [onBlur, value, id, name]);\n\n  const handleCurrencyChange = useCallback(\n    (currencyCode: string) => {\n      // Support legacy API\n      const event: TCustomEvent = {\n        target: {\n          id: currencySelectId,\n          name: currencySelectName,\n          value: currencyCode,\n        },\n      };\n      onChange?.(event);\n\n      // Support modern APIs\n      const newValueObject = {\n        ...value,\n        currencyCode: currencyCode as TCurrencyCode,\n      };\n      onValueChange?.(newValueObject);\n      onCurrencyChange?.(currencyCode as TCurrencyCode);\n    },\n    [onChange, onValueChange, onCurrencyChange, value, id, name]\n  );\n\n  const handleCurrencyFocus = useCallback(() => {\n    const event: TCustomEvent = {\n      target: {\n        id: currencySelectId,\n        name: currencySelectName,\n        value: value.currencyCode,\n      },\n    };\n    onFocus?.(event);\n  }, [onFocus, value.currencyCode, id, name]);\n\n  const handleCurrencyBlur = useCallback(() => {\n    const event: TCustomEvent = {\n      target: {\n        id: currencySelectId,\n        name: currencySelectName,\n        value: value.currencyCode,\n      },\n    };\n    onBlur?.(event);\n  }, [onBlur, value.currencyCode, id, name]);\n\n  const handleCurrencySelectionChange = useCallback(\n    (selectedKey: string | number | null) => {\n      if (selectedKey && typeof selectedKey === \"string\") {\n        handleCurrencyChange(selectedKey);\n      }\n    },\n    [handleCurrencyChange]\n  );\n\n  const noCurrenciesLabelId = useId();\n  const highPrecisionBadgeId = useId();\n\n  return (\n    <MoneyInputRootSlot {...recipeProps} {...styleProps} {...remainingProps}>\n      <MoneyInputContainerSlot>\n        {/* Currency Select or Label */}\n        <MoneyInputCurrencySelectSlot>\n          {hasNoCurrencies ? (\n            <MoneyInputCurrencyLabelSlot\n              {...(isDisabled && { \"data-disabled\": isDisabled })}\n              asChild\n            >\n              <label id={noCurrenciesLabelId}>{value.currencyCode}</label>\n            </MoneyInputCurrencyLabelSlot>\n          ) : (\n            <Select.Root\n              id={currencySelectId}\n              name={currencySelectName}\n              selectedKey={value.currencyCode || null}\n              onSelectionChange={handleCurrencySelectionChange}\n              onFocus={handleCurrencyFocus}\n              onBlur={handleCurrencyBlur}\n              isDisabled={isCurrencyInputDisabled || isDisabled || isReadOnly}\n              isClearable={false}\n              placeholder=\"\"\n              aria-label={intl.formatMessage(messages.currencySelectLabel)}\n              size={size}\n            >\n              <Select.Options>\n                {currencies.map((currencyCode) => (\n                  <Select.Option key={currencyCode} id={currencyCode}>\n                    {currencyCode}\n                  </Select.Option>\n                ))}\n              </Select.Options>\n            </Select.Root>\n          )}\n        </MoneyInputCurrencySelectSlot>\n\n        {/* Amount Input - NumberInput handles live user interaction */}\n        <MoneyInputAmountInputSlot\n          data-has-high-precision={\n            hasHighPrecisionBadge && isCurrentlyHighPrecision\n          }\n          asChild\n        >\n          <NumberInput\n            id={amountInputId}\n            name={amountInputName}\n            value={numericValue}\n            formatOptions={formatOptions}\n            onChange={handleAmountChange}\n            onFocus={handleAmountFocus}\n            onBlur={handleAmountBlur}\n            isDisabled={isDisabled}\n            isReadOnly={isReadOnly}\n            isInvalid={isInvalid}\n            isRequired={isRequired}\n            placeholder={placeholder}\n            autoFocus={autoFocus}\n            size={size}\n            //base accessible name: \"Amount\"\n            aria-label={intl.formatMessage(messages.amountInputLabel)}\n            // accessible name when hasNoCurrencies=true: \"<CURRENCY_CODE> Amount\"\n            aria-labelledby={noCurrenciesLabelId}\n            // accessible name when high precision: \"High Precision Amount\"\n            aria-describedby={highPrecisionBadgeId}\n            // See the types file for why we don't use step\n            step={undefined}\n          />\n        </MoneyInputAmountInputSlot>\n      </MoneyInputContainerSlot>\n\n      {/* High Precision Badge */}\n      {hasHighPrecisionBadge && isCurrentlyHighPrecision && (\n        <MoneyInputBadgeSlot>\n          <Tooltip.Root delay={0} closeDelay={0}>\n            <MakeElementFocusable>\n              <Box\n                as={HighPrecision}\n                id={highPrecisionBadgeId}\n                color={isDisabled ? \"neutral.8\" : \"neutral.11\"}\n                aria-label={intl.formatMessage(messages.highPrecisionPrice)}\n                // TODO: this is a hack to position the badge correctly until we have trailingElement support\n                transform=\"translateX(-100px) translateY(2px)\"\n              />\n            </MakeElementFocusable>\n            <Tooltip.Content placement=\"top\">\n              <FormattedMessage {...messages.highPrecisionPrice} />\n            </Tooltip.Content>\n          </Tooltip.Root>\n        </MoneyInputBadgeSlot>\n      )}\n    </MoneyInputRootSlot>\n  );\n};\n\nMoneyInputComponent.displayName = \"MoneyInput\";\n\n// Create the main export with static methods\ntype MoneyInputType = typeof MoneyInputComponent & {\n  // Static methods preserved from UI Kit\n  convertToMoneyValue: typeof transformFormInputToMoneyValue;\n  parseMoneyValue: typeof formatMoneyValueForDisplay;\n  isEmpty: typeof isEmpty;\n  isHighPrecision: typeof isHighPrecision;\n  getAmountInputId: (id?: string) => string | undefined;\n  getCurrencyDropdownId: (id?: string) => string | undefined;\n};\n\nexport const MoneyInput = MoneyInputComponent as MoneyInputType;\n\n// Static methods for UI-Kit compatibility and internal utilities\nMoneyInput.getAmountInputId = (id) => getMoneyGroupAttribute(id, \"amount\");\nMoneyInput.getCurrencyDropdownId = (id) =>\n  getMoneyGroupAttribute(id, \"currencyCode\");\nMoneyInput.convertToMoneyValue = transformFormInputToMoneyValue;\nMoneyInput.parseMoneyValue = formatMoneyValueForDisplay;\nMoneyInput.isEmpty = isEmpty;\nMoneyInput.isHighPrecision = isHighPrecision;\n"],"names":["currencies","moneyInputRecipe","defineSlotRecipe","withProvider","withContext","createSlotRecipeContext","MoneyInputRootSlot","Group","MoneyInputContainerSlot","MoneyInputCurrencySelectSlot","MoneyInputCurrencyLabelSlot","MoneyInputAmountInputSlot","MoneyInputBadgeSlot","parseStringToMoneyValue","rawAmount","locale","currencyCode","currency","amountAsNumber","centAmount","fractionDigitsOfAmount","extractDecimalAmount","moneyValue","has","obj","key","getMoneyGroupAttribute","attr","inputType","transformFormInputToMoneyValue","value","formatMoneyValueForDisplay","fractionDigits","isEmpty","formValue","isHighPrecision","messages","defineMessages","MoneyInputComponent","props","id","name","onChange","onValueChange","onAmountChange","onCurrencyChange","onFocus","onBlur","isDisabled","isReadOnly","isInvalid","isRequired","hasHighPrecisionBadge","isCurrencyInputDisabled","placeholder","autoFocus","size","restProps","defaultGroupId","useId","groupId","useLocale","intl","useIntl","numericValue","hasNoCurrencies","isCurrentlyHighPrecision","formatOptions","useMemo","currenciesData","recipe","useSlotRecipe","recipeProps","recipeRestProps","styleProps","remainingProps","extractStyleProps","amountInputId","currencySelectId","amountInputName","currencySelectName","handleAmountChange","useCallback","newValue","stringValue","newValueObject","handleAmountFocus","event","handleAmountBlur","handleCurrencyChange","handleCurrencyFocus","handleCurrencyBlur","handleCurrencySelectionChange","selectedKey","noCurrenciesLabelId","highPrecisionBadgeId","jsxs","jsx","Select","NumberInput","Tooltip","MakeElementFocusable","Box","HighPrecision","FormattedMessage","MoneyInput"],"mappings":";;;;;;;;;;;;;;;AAeA,MAAMA,IAAa;AAAA,EACjB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,GAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,GAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,GAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,GAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,GAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,GAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,GAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,GAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,GAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,GAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,GAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,GAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,GAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,GAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,GAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EACvB,KAAK,EAAE,gBAAgB,EAAA;AAAA,EAC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"}

package/dist/chunks/{multiline-text-input-_G6GcQrg.es.js → multiline-text-input-DGMceBRu.es.js}

@@ -3,7 +3,7 @@ import { useCallback as w, useEffect as y, useRef as R } from "react";
 import { mergeRefs as k } from "@chakra-ui/react";
 import { defineSlotRecipe as S, createSlotRecipeContext as $, useRecipe as C } from "@chakra-ui/react/styled-system";
 import { $ as P } from "./TextArea-P6n8ajPu.es.js";
-import { e as z } from "./extractStyleProps-i_um9deg.es.js";
+import { e as z } from "./extractStyleProps-DjVNA871.es.js";
 import { designTokens as I } from "@commercetools/nimbus-tokens";
 import { $ as E } from "./useObjectRef-CaJ5pgjX.es.js";
 import { $ as T } from "./useTextField-CFlmp99F.es.js";
@@ -70,7 +70,8 @@ const c = /* @__PURE__ */ S({
       _placeholder: {
         opacity: 0.5,
         color: "currentColor"
-      }
+      },
+      "&[data-disabled='true']": { cursor: "not-allowed" }
     }
   },
   variants: {
@@ -140,35 +141,35 @@ const c = /* @__PURE__ */ S({
 }), { withContext: u, withProvider: H } = /* @__PURE__ */ $({
   recipe: c
 }), _ = /* @__PURE__ */ H("div", "root"), M = /* @__PURE__ */ u("div", "leadingElement"), N = /* @__PURE__ */ u("textarea", "textarea");
-function V(n, s = {}) {
-  const { enabled: r = !1 } = s, o = w(() => {
-    const e = n.current;
+function V(o, s = {}) {
+  const { enabled: r = !1 } = s, i = w(() => {
+    const e = o.current;
     if (!e || !r) return;
     e.style.height = "auto";
-    const t = e.scrollHeight, d = window.getComputedStyle(e), i = parseInt(d.maxHeight, 10), a = !isNaN(i) && i > 0 ? Math.min(t, i) : t;
-    e.style.height = `${a}px`;
+    const t = e.scrollHeight, d = window.getComputedStyle(e), a = parseInt(d.maxHeight, 10), n = !isNaN(a) && a > 0 ? Math.min(t, a) : t;
+    e.style.height = `${n}px`;
   }, [r]);
   y(() => {
-    const e = n.current;
+    const e = o.current;
     if (!e || !r) return;
-    o();
+    i();
     const t = () => {
-      o();
+      i();
     };
     return e.addEventListener("input", t), () => {
       e.removeEventListener("input", t);
     };
-  }, [o, r]);
+  }, [i, r]);
 }
-const j = (n) => {
+const j = (o) => {
   const {
     ref: s,
     leadingElement: r,
-    rows: o = 1,
+    rows: i = 1,
     autoGrow: e = !1,
     ...t
-  } = n, d = C({ recipe: c }), i = R(null), a = E(k(i, s)), [p, m] = d.splitVariantProps(t), [g, h] = z(m), { inputProps: f } = T(h, a);
-  V(a, { enabled: e });
+  } = o, d = C({ recipe: c }), a = R(null), n = E(k(a, s)), [p, m] = d.splitVariantProps(t), [g, h] = z(m), { inputProps: f } = T(h, n);
+  V(n, { enabled: e });
   const x = {
     "data-disabled": t.isDisabled ? "true" : void 0,
     "data-invalid": t.isInvalid ? "true" : "false"
@@ -176,12 +177,13 @@ const j = (n) => {
   return /* @__PURE__ */ l(
     _,
     {
+      className: o?.className,
       ...p,
       ...g,
       ...x,
       children: /* @__PURE__ */ b(v, { children: [
         r && /* @__PURE__ */ l(M, { children: r }),
-        /* @__PURE__ */ l(N, { asChild: !0, children: /* @__PURE__ */ l(P, { ref: a, rows: o, ...f }) })
+        /* @__PURE__ */ l(N, { asChild: !0, children: /* @__PURE__ */ l(P, { ref: n, rows: i, ...f }) })
       ] })
     }
   );
@@ -190,4 +192,4 @@ j.displayName = "MultilineTextInput";
 export {
   j as M
 };
-//# sourceMappingURL=multiline-text-input-_G6GcQrg.es.js.map
+//# sourceMappingURL=multiline-text-input-DGMceBRu.es.js.map