@commercetools/nimbus 3.1.0 → 3.2.0

package/dist/chunks/money-input-CkW9kE5Z.esm.js

@@ -0,0 +1,480 @@
+import { i as e } from "./mergeProps-CGu7R6EG.esm.js";
+import { t } from "./I18nProvider-BwhNFoRj.esm.js";
+import { t as n } from "./number-input-rDHYPEC8.esm.js";
+import { t as r } from "./select-y9rE7u48.esm.js";
+import { t as i } from "./tooltip-CIrPCE0d.esm.js";
+import { t as a } from "./box-CZyqYgLL.esm.js";
+import { n as o, t as s } from "./normalize-messages-CKl8ms10.esm.js";
+import { t as c } from "./group-CjQwewA5.esm.js";
+import { f as ee } from "./theme-CwhQYvW9.esm.js";
+import { t as te } from "./make-element-focusable-7aEYoh_8.esm.js";
+import { t as l } from "./extract-style-props-4RoFSvGV.esm.js";
+import { useCallback as u, useMemo as d } from "react";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import { HighPrecision as m } from "@commercetools/nimbus-icons";
+import { createSlotRecipeContext as h, useSlotRecipe as ne } from "@chakra-ui/react/styled-system";
+import { designTokens as g } from "@commercetools/nimbus-tokens";
+//#region src/components/money-input/utils/currencies.ts
+var _ = {
+	ADP: { fractionDigits: 0 },
+	AED: { fractionDigits: 2 },
+	AFA: { fractionDigits: 2 },
+	AFN: { fractionDigits: 2 },
+	ALL: { fractionDigits: 2 },
+	AMD: { fractionDigits: 2 },
+	ANG: { fractionDigits: 2 },
+	AOA: { fractionDigits: 2 },
+	ARS: { fractionDigits: 2 },
+	ATS: { fractionDigits: 2 },
+	AUD: { fractionDigits: 2 },
+	AWG: { fractionDigits: 2 },
+	AYM: { fractionDigits: 2 },
+	AZM: { fractionDigits: 2 },
+	AZN: { fractionDigits: 2 },
+	BAM: { fractionDigits: 2 },
+	BBD: { fractionDigits: 2 },
+	BDT: { fractionDigits: 2 },
+	BEF: { fractionDigits: 0 },
+	BGL: { fractionDigits: 2 },
+	BGN: { fractionDigits: 2 },
+	BHD: { fractionDigits: 3 },
+	BIF: { fractionDigits: 0 },
+	BMD: { fractionDigits: 2 },
+	BND: { fractionDigits: 2 },
+	BOB: { fractionDigits: 2 },
+	BOV: { fractionDigits: 2 },
+	BRL: { fractionDigits: 2 },
+	BSD: { fractionDigits: 2 },
+	BTN: { fractionDigits: 2 },
+	BWP: { fractionDigits: 2 },
+	BYB: { fractionDigits: 0 },
+	BYN: { fractionDigits: 2 },
+	BYR: { fractionDigits: 0 },
+	BZD: { fractionDigits: 2 },
+	CAD: { fractionDigits: 2 },
+	CDF: { fractionDigits: 2 },
+	CHF: { fractionDigits: 2 },
+	CLF: { fractionDigits: 0 },
+	CLP: { fractionDigits: 0 },
+	CNY: { fractionDigits: 2 },
+	COP: { fractionDigits: 2 },
+	CRC: { fractionDigits: 2 },
+	CSD: { fractionDigits: 2 },
+	CUC: { fractionDigits: 2 },
+	CUP: { fractionDigits: 2 },
+	CVE: { fractionDigits: 2 },
+	CYP: { fractionDigits: 2 },
+	CZK: { fractionDigits: 2 },
+	DEM: { fractionDigits: 2 },
+	DJF: { fractionDigits: 0 },
+	DKK: { fractionDigits: 2 },
+	DOP: { fractionDigits: 2 },
+	DZD: { fractionDigits: 2 },
+	EEK: { fractionDigits: 2 },
+	EGP: { fractionDigits: 2 },
+	ERN: { fractionDigits: 2 },
+	ESP: { fractionDigits: 0 },
+	ETB: { fractionDigits: 2 },
+	EUR: { fractionDigits: 2 },
+	FIM: { fractionDigits: 2 },
+	FJD: { fractionDigits: 2 },
+	FKP: { fractionDigits: 2 },
+	FRF: { fractionDigits: 2 },
+	GBP: { fractionDigits: 2 },
+	GEL: { fractionDigits: 2 },
+	GHC: { fractionDigits: 2 },
+	GHS: { fractionDigits: 2 },
+	GIP: { fractionDigits: 2 },
+	GMD: { fractionDigits: 2 },
+	GNF: { fractionDigits: 0 },
+	GRD: { fractionDigits: 0 },
+	GTQ: { fractionDigits: 2 },
+	GWP: { fractionDigits: 2 },
+	GYD: { fractionDigits: 2 },
+	HKD: { fractionDigits: 2 },
+	HNL: { fractionDigits: 2 },
+	HRK: { fractionDigits: 2 },
+	HTG: { fractionDigits: 2 },
+	HUF: { fractionDigits: 2 },
+	IDR: { fractionDigits: 2 },
+	IEP: { fractionDigits: 2 },
+	ILS: { fractionDigits: 2 },
+	INR: { fractionDigits: 2 },
+	IQD: { fractionDigits: 3 },
+	IRR: { fractionDigits: 2 },
+	ISK: { fractionDigits: 0 },
+	ITL: { fractionDigits: 0 },
+	JMD: { fractionDigits: 2 },
+	JOD: { fractionDigits: 3 },
+	JPY: { fractionDigits: 0 },
+	KES: { fractionDigits: 2 },
+	KGS: { fractionDigits: 2 },
+	KHR: { fractionDigits: 2 },
+	KMF: { fractionDigits: 0 },
+	KPW: { fractionDigits: 2 },
+	KRW: { fractionDigits: 0 },
+	KWD: { fractionDigits: 3 },
+	KYD: { fractionDigits: 2 },
+	KZT: { fractionDigits: 2 },
+	LAK: { fractionDigits: 2 },
+	LBP: { fractionDigits: 2 },
+	LKR: { fractionDigits: 2 },
+	LRD: { fractionDigits: 2 },
+	LSL: { fractionDigits: 2 },
+	LTL: { fractionDigits: 2 },
+	LUF: { fractionDigits: 0 },
+	LVL: { fractionDigits: 2 },
+	LYD: { fractionDigits: 3 },
+	MAD: { fractionDigits: 2 },
+	MDL: { fractionDigits: 2 },
+	MGA: { fractionDigits: 2 },
+	MGF: { fractionDigits: 0 },
+	MKD: { fractionDigits: 2 },
+	MMK: { fractionDigits: 2 },
+	MNT: { fractionDigits: 2 },
+	MOP: { fractionDigits: 2 },
+	MRO: { fractionDigits: 2 },
+	MTL: { fractionDigits: 2 },
+	MUR: { fractionDigits: 2 },
+	MVR: { fractionDigits: 2 },
+	MWK: { fractionDigits: 2 },
+	MXN: { fractionDigits: 2 },
+	MXV: { fractionDigits: 2 },
+	MYR: { fractionDigits: 2 },
+	MZM: { fractionDigits: 2 },
+	MZN: { fractionDigits: 2 },
+	NAD: { fractionDigits: 2 },
+	NGN: { fractionDigits: 2 },
+	NIO: { fractionDigits: 2 },
+	NLG: { fractionDigits: 2 },
+	NOK: { fractionDigits: 2 },
+	NPR: { fractionDigits: 2 },
+	NZD: { fractionDigits: 2 },
+	OMR: { fractionDigits: 3 },
+	PAB: { fractionDigits: 2 },
+	PEN: { fractionDigits: 2 },
+	PGK: { fractionDigits: 2 },
+	PHP: { fractionDigits: 2 },
+	PKR: { fractionDigits: 2 },
+	PLN: { fractionDigits: 2 },
+	PTE: { fractionDigits: 0 },
+	PYG: { fractionDigits: 0 },
+	QAR: { fractionDigits: 2 },
+	ROL: { fractionDigits: 2 },
+	RON: { fractionDigits: 2 },
+	RSD: { fractionDigits: 2 },
+	RUB: { fractionDigits: 2 },
+	RUR: { fractionDigits: 2 },
+	RWF: { fractionDigits: 0 },
+	SAR: { fractionDigits: 2 },
+	SBD: { fractionDigits: 2 },
+	SCR: { fractionDigits: 2 },
+	SDD: { fractionDigits: 2 },
+	SDG: { fractionDigits: 2 },
+	SEK: { fractionDigits: 2 },
+	SGD: { fractionDigits: 2 },
+	SHP: { fractionDigits: 2 },
+	SIT: { fractionDigits: 2 },
+	SKK: { fractionDigits: 2 },
+	SLL: { fractionDigits: 2 },
+	SOS: { fractionDigits: 2 },
+	SRD: { fractionDigits: 2 },
+	SRG: { fractionDigits: 2 },
+	SSP: { fractionDigits: 2 },
+	STD: { fractionDigits: 2 },
+	SVC: { fractionDigits: 2 },
+	SYP: { fractionDigits: 2 },
+	SZL: { fractionDigits: 2 },
+	THB: { fractionDigits: 2 },
+	TJS: { fractionDigits: 2 },
+	TMM: { fractionDigits: 2 },
+	TMT: { fractionDigits: 2 },
+	TND: { fractionDigits: 3 },
+	TOP: { fractionDigits: 2 },
+	TPE: { fractionDigits: 0 },
+	TRL: { fractionDigits: 0 },
+	TRY: { fractionDigits: 2 },
+	TTD: { fractionDigits: 2 },
+	TWD: { fractionDigits: 2 },
+	TZS: { fractionDigits: 2 },
+	UAH: { fractionDigits: 2 },
+	UGX: { fractionDigits: 0 },
+	USD: { fractionDigits: 2 },
+	USN: { fractionDigits: 2 },
+	USS: { fractionDigits: 2 },
+	UYU: { fractionDigits: 2 },
+	UZS: { fractionDigits: 2 },
+	VEB: { fractionDigits: 2 },
+	VEF: { fractionDigits: 2 },
+	VND: { fractionDigits: 0 },
+	VUV: { fractionDigits: 0 },
+	WST: { fractionDigits: 2 },
+	XAF: { fractionDigits: 0 },
+	XAG: { fractionDigits: -1 },
+	XAU: { fractionDigits: -1 },
+	XBA: { fractionDigits: -1 },
+	XBB: { fractionDigits: -1 },
+	XBC: { fractionDigits: -1 },
+	XBD: { fractionDigits: -1 },
+	XCD: { fractionDigits: 2 },
+	XDR: { fractionDigits: -1 },
+	XFO: { fractionDigits: -1 },
+	XFU: { fractionDigits: -1 },
+	XOF: { fractionDigits: 0 },
+	XPD: { fractionDigits: -1 },
+	XPF: { fractionDigits: 0 },
+	XPT: { fractionDigits: -1 },
+	XSU: { fractionDigits: -1 },
+	XTS: { fractionDigits: -1 },
+	XUA: { fractionDigits: -1 },
+	XXX: { fractionDigits: -1 },
+	YER: { fractionDigits: 2 },
+	YUM: { fractionDigits: 2 },
+	ZAR: { fractionDigits: 2 },
+	ZMK: { fractionDigits: 2 },
+	ZMW: { fractionDigits: 2 },
+	ZWD: { fractionDigits: 2 },
+	ZWL: { fractionDigits: 2 },
+	ZWN: { fractionDigits: 2 },
+	ZWR: { fractionDigits: 2 },
+	CZK0: { fractionDigits: 0 },
+	HUF0: { fractionDigits: 0 },
+	ILS0: { fractionDigits: 0 },
+	KZT0: { fractionDigits: 0 },
+	TRY0: { fractionDigits: 0 },
+	TWD0: { fractionDigits: 0 }
+}, { withProvider: v, withContext: y } = h({ key: "nimbusMoneyInput" }), b = v(c, "root"), re = y("div", "container"), ie = y("div", "currencySelect"), ae = y("label", "currencyLabel"), oe = y("input", "amountInput"), se = y("div", "badge"), x = (e, t, n) => {
+	if (!n) return null;
+	let r = _[n];
+	if (!r || e.length === 0 || e.trim() === "") return null;
+	!t && r.fractionDigits === 0 && console.warn(`MoneyInput: A locale must be provided when currency has no fraction digits (${n})`);
+	let i = parseFloat(e);
+	if (isNaN(i)) return null;
+	let a = Math.trunc(Math.round(i * 10 ** r.fractionDigits)), o = String(i).indexOf(".") === -1 ? 0 : String(i).length - String(i).indexOf(".") - 1;
+	return o > r.fractionDigits ? {
+		type: "highPrecision",
+		currencyCode: n,
+		centAmount: a,
+		preciseAmount: parseInt(String(i).replace(".", ""), 10),
+		fractionDigits: o
+	} : {
+		type: "centPrecision",
+		currencyCode: n,
+		centAmount: a,
+		fractionDigits: r.fractionDigits
+	};
+}, S = (e) => e.type === "highPrecision" ? e.preciseAmount / 10 ** e.fractionDigits : e.centAmount / 10 ** _[e.currencyCode].fractionDigits, C = (e, t) => Object.prototype.hasOwnProperty.call(e, t);
+function w(e, t) {
+	return e && t ? `${e}.${t}` : void 0;
+}
+var T = (e, t) => x(typeof e.amount == "string" ? e.amount.trim() : "", t, e.currencyCode), E = (e, t) => {
+	if (!e) return {
+		currencyCode: "",
+		amount: ""
+	};
+	if (console.warn(typeof t == "string", "MoneyInput.parseMoneyValue: A locale must be passed as the second argument"), console.warn(typeof e == "object", "MoneyInput.parseMoneyValue: Value must be passed as an object or be undefined"), console.warn(typeof e.currencyCode == "string", "MoneyInput.parseMoneyValue: Value must contain \"currencyCode\""), typeof e.currencyCode != "string") throw Error("MoneyInput.parseMoneyValue: Value must contain \"currencyCode\"");
+	if (console.warn(C(_, e.currencyCode), "MoneyInput.parseMoneyValue: Value must use known currency code"), !C(_, e.currencyCode)) throw Error("MoneyInput.parseMoneyValue: Value must use known currency code");
+	console.warn(typeof e.centAmount == "number" || typeof e.preciseAmount == "number" && typeof e.fractionDigits == "number", "MoneyInput.parseMoneyValue: Value must contain \"amount\"");
+	let n = S(e), r = e.preciseAmount ? e.fractionDigits : _[e.currencyCode].fractionDigits;
+	return {
+		amount: isNaN(n) ? "" : n.toLocaleString(t, { minimumFractionDigits: r }),
+		currencyCode: e.currencyCode
+	};
+}, D = (e) => !e || e?.amount?.trim() === "" || e?.currencyCode?.trim() === "", O = (e, t) => D(e) ? !1 : T(e, t)?.type === "highPrecision", ce = {
+	en: s({
+		amountInputLabel: "Amount",
+		currencySelectLabel: "Currency",
+		highPrecisionPrice: "High precision price"
+	}),
+	de: s({
+		amountInputLabel: "Betrag",
+		currencySelectLabel: "Währung",
+		highPrecisionPrice: "Hochpräzisionspreis"
+	}),
+	es: s({
+		amountInputLabel: "Cantidad",
+		currencySelectLabel: "Moneda",
+		highPrecisionPrice: "Precio de alta precisión"
+	}),
+	"fr-FR": s({
+		amountInputLabel: "Montant",
+		currencySelectLabel: "Devise",
+		highPrecisionPrice: "Prix haute précision"
+	}),
+	"pt-BR": s({
+		amountInputLabel: "Valor",
+		currencySelectLabel: "Moeda",
+		highPrecisionPrice: "Preço de alta precisão"
+	})
+}, k = (s) => {
+	let { id: c, name: h, value: v, currencies: y = [], onChange: x, onValueChange: S, onAmountChange: C, onCurrencyChange: T, onFocus: E, onBlur: D, isDisabled: k, isReadOnly: A, isInvalid: j, isRequired: M, hasHighPrecisionBadge: N = !0, isCurrencyInputDisabled: P, placeholder: F = "0.00", autoFocus: I, size: L, ...R } = s, z = e(), B = c ?? z, { locale: V } = t(), H = o(ce), U = parseFloat(v.amount), W = !y || y.length === 0, G = O(v, V || "en"), le = d(() => v.currencyCode ? {
+		minimumFractionDigits: _[v.currencyCode].fractionDigits,
+		maximumFractionDigits: 20,
+		useGrouping: !0,
+		style: "decimal"
+	} : {}, [v.currencyCode]), [ue, de] = ne({ recipe: ee }).splitVariantProps({
+		...R,
+		size: L
+	}), [fe, pe] = l(de), K = w(B, "amount"), q = w(B, "currencyCode"), J = w(h, "amount"), Y = w(h, "currencyCode"), X = u((e) => {
+		let t = e.toString();
+		x?.({ target: {
+			id: K,
+			name: J,
+			value: t
+		} });
+		let n = {
+			...v,
+			amount: t
+		};
+		S?.(n), C?.(t);
+	}, [
+		x,
+		S,
+		C,
+		v,
+		K,
+		J
+	]), me = u(() => {
+		let e = { target: {
+			id: K,
+			name: J,
+			value: v.amount
+		} };
+		E?.(e);
+	}, [
+		E,
+		v.amount,
+		K,
+		J
+	]), he = u(() => {
+		let e = { target: {
+			id: K,
+			name: J,
+			value: v.amount
+		} };
+		D?.(e);
+	}, [
+		D,
+		v,
+		K,
+		J
+	]), Z = u((e) => {
+		x?.({ target: {
+			id: q,
+			name: Y,
+			value: e
+		} });
+		let t = {
+			...v,
+			currencyCode: e
+		};
+		S?.(t), T?.(e);
+	}, [
+		x,
+		S,
+		T,
+		v,
+		q,
+		Y
+	]), ge = u(() => {
+		let e = { target: {
+			id: q,
+			name: Y,
+			value: v.currencyCode
+		} };
+		E?.(e);
+	}, [
+		E,
+		v.currencyCode,
+		q,
+		Y
+	]), _e = u(() => {
+		let e = { target: {
+			id: q,
+			name: Y,
+			value: v.currencyCode
+		} };
+		D?.(e);
+	}, [
+		D,
+		v.currencyCode,
+		q,
+		Y
+	]), ve = u((e) => {
+		e && typeof e == "string" && Z(e);
+	}, [Z]), Q = e(), $ = e();
+	return /* @__PURE__ */ f(b, {
+		...ue,
+		...fe,
+		...pe,
+		children: /* @__PURE__ */ p(re, { children: [
+			/* @__PURE__ */ f(ie, { children: W ? /* @__PURE__ */ f(ae, {
+				...k && { "data-disabled": k },
+				asChild: !0,
+				children: /* @__PURE__ */ f("label", {
+					id: Q,
+					children: v.currencyCode
+				})
+			}) : /* @__PURE__ */ f(r.Root, {
+				id: q,
+				name: Y,
+				selectedKey: v.currencyCode || null,
+				onSelectionChange: ve,
+				onFocus: ge,
+				onBlur: _e,
+				isDisabled: P || k || A,
+				isClearable: !1,
+				placeholder: "",
+				"aria-label": H.format("currencySelectLabel"),
+				size: L,
+				children: /* @__PURE__ */ f(r.Options, { children: y.map((e) => /* @__PURE__ */ f(r.Option, {
+					id: e,
+					children: e
+				}, e)) })
+			}) }),
+			/* @__PURE__ */ f(oe, {
+				"data-has-high-precision": N && G,
+				asChild: !0,
+				children: /* @__PURE__ */ f(n, {
+					id: K,
+					name: J,
+					value: U,
+					formatOptions: le,
+					onChange: X,
+					onFocus: me,
+					onBlur: he,
+					isDisabled: k,
+					isReadOnly: A,
+					isInvalid: j,
+					isRequired: M,
+					placeholder: F,
+					autoFocus: I,
+					size: L,
+					"aria-label": H.format("amountInputLabel"),
+					"aria-labelledby": Q,
+					"aria-describedby": $,
+					step: void 0
+				})
+			}),
+			N && G && /* @__PURE__ */ f(se, { children: /* @__PURE__ */ p(i.Root, {
+				delay: 0,
+				closeDelay: 0,
+				children: [/* @__PURE__ */ f(te, { children: /* @__PURE__ */ f(a, {
+					as: m,
+					id: $,
+					color: k ? "neutral.8" : "neutral.11",
+					"aria-label": H.format("highPrecisionPrice"),
+					transform: `translateX(-${g.spacing[1200]})`
+				}) }), /* @__PURE__ */ f(i.Content, {
+					placement: "top",
+					children: H.format("highPrecisionPrice")
+				})]
+			}) })
+		] })
+	});
+};
+k.getAmountInputId = (e) => w(e, "amount"), k.getCurrencyDropdownId = (e) => w(e, "currencyCode"), k.convertToMoneyValue = T, k.parseMoneyValue = E, k.isEmpty = D, k.isHighPrecision = O, k.displayName = "MoneyInput";
+//#endregion
+export { k as t };
+
+//# sourceMappingURL=money-input-CkW9kE5Z.esm.js.map

package/dist/chunks/money-input-CkW9kE5Z.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"money-input-CkW9kE5Z.esm.js","names":[],"sources":["../../src/components/money-input/utils/currencies.ts","../../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/intl/en.ts","../../src/components/money-input/intl/de.ts","../../src/components/money-input/intl/es.ts","../../src/components/money-input/intl/fr-FR.ts","../../src/components/money-input/intl/pt-BR.ts","../../src/components/money-input/money-input.messages.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  // Zero-fraction variants (non-ISO): base currency with 0 decimal places.\n  CZK0: { fractionDigits: 0 },\n  HUF0: { fractionDigits: 0 },\n  ILS0: { fractionDigits: 0 },\n  KZT0: { fractionDigits: 0 },\n  TRY0: { fractionDigits: 0 },\n  TWD0: { fractionDigits: 0 },\n} as const;\n\nexport default currencies;\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\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"nimbusMoneyInput\",\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 CurrencyCode = keyof typeof currencies;\n\ntype MoneyConditionalProps =\n  | { type: \"highPrecision\"; preciseAmount: number }\n  | {\n      type: \"centPrecision\";\n      preciseAmount?: never;\n    };\n\nexport type MoneyValue = {\n  currencyCode: CurrencyCode;\n  centAmount: number;\n  fractionDigits: number;\n} & MoneyConditionalProps;\n\nexport type MoneyInputValue = {\n  amount: string;\n  currencyCode: CurrencyCode | \"\";\n};\n\n// Currency parsing utilities for MoneyInput static methods\nexport const parseStringToMoneyValue = (\n  rawAmount: string,\n  locale: string,\n  currencyCode?: CurrencyCode | \"\"\n): MoneyValue | 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: CurrencyCode\n): MoneyValue => ({\n  type: \"centPrecision\",\n  currencyCode,\n  centAmount: NaN,\n  fractionDigits: 2,\n});\n\nexport const extractDecimalAmount = (moneyValue: MoneyValue) =>\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 MoneyValue,\n  type MoneyInputValue,\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 = (\n  value: MoneyInputValue,\n  locale: string\n) =>\n  parseStringToMoneyValue(\n    typeof value.amount === \"string\" ? value.amount.trim() : \"\",\n    locale,\n    value.currencyCode\n  );\n\nexport const formatMoneyValueForDisplay = (\n  moneyValue: MoneyValue,\n  locale: string\n): MoneyInputValue => {\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: MoneyInputValue) => {\n  return (\n    !formValue ||\n    formValue?.amount?.trim() === \"\" ||\n    formValue?.currencyCode?.trim() === \"\"\n  );\n};\n\nexport const isHighPrecision = (\n  formValue: MoneyInputValue,\n  locale: string\n): boolean => {\n  if (isEmpty(formValue)) {\n    return false;\n  }\n  const moneyValue = transformFormInputToMoneyValue(formValue, locale);\n  return moneyValue?.type === \"highPrecision\";\n};\n","/**\n * Pre-compiled en messages for MoneyInput\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  amountInputLabel: `Amount`,\n  currencySelectLabel: `Currency`,\n  highPrecisionPrice: `High precision price`,\n};\n","/**\n * Pre-compiled de messages for MoneyInput\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  amountInputLabel: `Betrag`,\n  currencySelectLabel: `Währung`,\n  highPrecisionPrice: `Hochpräzisionspreis`,\n};\n","/**\n * Pre-compiled es messages for MoneyInput\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  amountInputLabel: `Cantidad`,\n  currencySelectLabel: `Moneda`,\n  highPrecisionPrice: `Precio de alta precisión`,\n};\n","/**\n * Pre-compiled fr-FR messages for MoneyInput\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  amountInputLabel: `Montant`,\n  currencySelectLabel: `Devise`,\n  highPrecisionPrice: `Prix haute précision`,\n};\n","/**\n * Pre-compiled pt-BR messages for MoneyInput\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  amountInputLabel: `Valor`,\n  currencySelectLabel: `Moeda`,\n  highPrecisionPrice: `Preço de alta precisão`,\n};\n","/**\n * Pre-compiled localized messages for MoneyInput component\n *\n * Generated by scripts/generate-dictionaries.ts\n * DO NOT EDIT MANUALLY\n *\n * @see https://react-spectrum.adobe.com/react-aria/internationalization.html\n */\n\nimport {\n  type LocalizedString,\n  type LocalizedStrings,\n} from \"@internationalized/string\";\nimport { normalizeMessages } from \"../../utils/normalize-messages\";\n\n// Pre-compiled message functions\nimport moneyInputMessages_en from \"./intl/en\";\nimport moneyInputMessages_de from \"./intl/de\";\nimport moneyInputMessages_es from \"./intl/es\";\nimport moneyInputMessages_fr from \"./intl/fr-FR\";\nimport moneyInputMessages_pt from \"./intl/pt-BR\";\n\n// Raw LocalizedStrings object for use with useLocalizedStringFormatter hook\nexport const moneyInputMessagesStrings: LocalizedStrings<\n  string,\n  LocalizedString\n> = {\n  en: normalizeMessages(moneyInputMessages_en),\n  de: normalizeMessages(moneyInputMessages_de),\n  es: normalizeMessages(moneyInputMessages_es),\n  \"fr-FR\": normalizeMessages(moneyInputMessages_fr),\n  \"pt-BR\": normalizeMessages(moneyInputMessages_pt),\n} as LocalizedStrings<string, LocalizedString>;\n\n/**\n * Available message keys for MoneyInput component\n */\nexport type MoneyInputMessageKey =\n  | \"amountInputLabel\"\n  | \"currencySelectLabel\"\n  | \"highPrecisionPrice\";\n","import { useCallback, useMemo } from \"react\";\nimport { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { useId, useLocale as useAriaLocale } from \"react-aria\";\nimport { designTokens } from \"@commercetools/nimbus-tokens\";\nimport {\n  NumberInput,\n  Select,\n  Tooltip,\n  Box,\n  MakeElementFocusable,\n} from \"@/components\";\nimport { HighPrecision } from \"@commercetools/nimbus-icons\";\nimport { extractStyleProps } from \"@/utils\";\nimport { useLocalizedStringFormatter } from \"@/hooks\";\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  CustomEvent,\n  MoneyInputProps,\n  CurrencyCode,\n} from \"./money-input.types\";\nimport { moneyInputMessagesStrings } from \"./money-input.messages\";\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 CurrencyCode }));\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 CurrencyCode 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 MoneyInput = (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: ariaLocale } = useAriaLocale();\n  const msg = useLocalizedStringFormatter(moneyInputMessagesStrings);\n\n  // Convert string value to number for NumberInput\n  // Always use parseFloat to maintain controlled mode - parseFloat(\"\") returns NaN,\n  // which keeps NumberInput controlled (vs undefined which makes it uncontrolled)\n  const numericValue = parseFloat(value.amount);\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, ariaLocale || \"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]);\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: CustomEvent = {\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    [\n      onChange,\n      onValueChange,\n      onAmountChange,\n      value,\n      amountInputId,\n      amountInputName,\n    ]\n  );\n\n  const handleAmountFocus = useCallback(() => {\n    const event: CustomEvent = {\n      target: {\n        id: amountInputId,\n        name: amountInputName,\n        value: value.amount,\n      },\n    };\n    onFocus?.(event);\n  }, [onFocus, value.amount, amountInputId, amountInputName]);\n\n  const handleAmountBlur = useCallback(() => {\n    const event: CustomEvent = {\n      target: {\n        id: amountInputId,\n        name: amountInputName,\n        value: value.amount,\n      },\n    };\n    onBlur?.(event);\n  }, [onBlur, value, amountInputId, amountInputName]);\n\n  const handleCurrencyChange = useCallback(\n    (currencyCode: string) => {\n      // Support legacy API\n      const event: CustomEvent = {\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 CurrencyCode,\n      };\n      onValueChange?.(newValueObject);\n      onCurrencyChange?.(currencyCode as CurrencyCode);\n    },\n    [\n      onChange,\n      onValueChange,\n      onCurrencyChange,\n      value,\n      currencySelectId,\n      currencySelectName,\n    ]\n  );\n\n  const handleCurrencyFocus = useCallback(() => {\n    const event: CustomEvent = {\n      target: {\n        id: currencySelectId,\n        name: currencySelectName,\n        value: value.currencyCode,\n      },\n    };\n    onFocus?.(event);\n  }, [onFocus, value.currencyCode, currencySelectId, currencySelectName]);\n\n  const handleCurrencyBlur = useCallback(() => {\n    const event: CustomEvent = {\n      target: {\n        id: currencySelectId,\n        name: currencySelectName,\n        value: value.currencyCode,\n      },\n    };\n    onBlur?.(event);\n  }, [onBlur, value.currencyCode, currencySelectId, currencySelectName]);\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={msg.format(\"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={msg.format(\"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        {/* 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={msg.format(\"highPrecisionPrice\")}\n                  // Position the badge correctly as we don't want layout shift that occurs with trailingElement use in the underlying NumberInput\n                  transform={`translateX(-${designTokens.spacing[\"1200\"]})`}\n                />\n              </MakeElementFocusable>\n              <Tooltip.Content placement=\"top\">\n                {msg.format(\"highPrecisionPrice\")}\n              </Tooltip.Content>\n            </Tooltip.Root>\n          </MoneyInputBadgeSlot>\n        )}\n      </MoneyInputContainerSlot>\n    </MoneyInputRootSlot>\n  );\n};\n\n// Static methods for UI-Kit compatibility and internal utilities\nMoneyInput.getAmountInputId = (id?: string) =>\n  getMoneyGroupAttribute(id, \"amount\");\nMoneyInput.getCurrencyDropdownId = (id?: string) =>\n  getMoneyGroupAttribute(id, \"currencyCode\");\nMoneyInput.convertToMoneyValue = transformFormInputToMoneyValue;\nMoneyInput.parseMoneyValue = formatMoneyValueForDisplay;\nMoneyInput.isEmpty = isEmpty;\nMoneyInput.isHighPrecision = isHighPrecision;\n\n// Display name\nMoneyInput.displayName = \"MoneyInput\";\n"],"mappings":";;;;;;;;;;;;;;;;;AAeA,IAAM,IAAa;CACjB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,GAAG;CAC1B,KAAK,EAAE,gBAAgB,GAAG;CAC1B,KAAK,EAAE,gBAAgB,GAAG;CAC1B,KAAK,EAAE,gBAAgB,GAAG;CAC1B,KAAK,EAAE,gBAAgB,GAAG;CAC1B,KAAK,EAAE,gBAAgB,GAAG;CAC1B,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,GAAG;CAC1B,KAAK,EAAE,gBAAgB,GAAG;CAC1B,KAAK,EAAE,gBAAgB,GAAG;CAC1B,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,GAAG;CAC1B,KAAK,EAAE,gBAAgB,EAAE;CACzB,KAAK,EAAE,gBAAgB,GAAG;CAC1B,KAAK,EAAE,gBAAgB,GAAG;CAC1B,KAAK,EAAE,gBAAgB,GAAG;CAC1B,KAAK,EAAE,gBAAgB,GAAG;CAC1B,KAAK,EAAE,gBAAgB,GAAG;CAC1B,KAAK,EAAE,gBAAgB,EAAE;CACz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"}

package/dist/chunks/money-input-field-CJkGRsh0.cjs

@@ -0,0 +1,2 @@
+const e=require("./field-errors-D4_oFvCt.cjs.js"),t=require("./form-field-BqR6tlhi.cjs.js"),n=require("./money-input-CAvYKnf8.cjs.js");let r=require("react/jsx-runtime");var i=({id:i,label:a,description:o,info:s,errors:c,renderError:l,touched:u=!1,isRequired:d=!1,isDisabled:f=!1,isReadOnly:p=!1,isInvalid:m=!1,size:h=`md`,...g})=>{let _=u&&c&&Object.values(c).some(Boolean);return(0,r.jsxs)(t.t.Root,{id:i,size:h,isInvalid:_||m,isRequired:d,isDisabled:f,isReadOnly:p,children:[(0,r.jsx)(t.t.Label,{children:a}),(0,r.jsx)(t.t.Input,{children:(0,r.jsx)(n.t,{size:h,...g})}),o&&(0,r.jsx)(t.t.Description,{children:o}),s&&(0,r.jsx)(t.t.InfoBox,{children:s}),_&&(0,r.jsx)(t.t.Error,{children:(0,r.jsx)(e.t,{id:`${i}-errors`,errors:c,renderError:l})})]})};i.displayName=`MoneyInputField`,Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return i}});
+//# sourceMappingURL=money-input-field-CJkGRsh0.cjs.js.map

package/dist/chunks/money-input-field-CJkGRsh0.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"money-input-field-CJkGRsh0.cjs.js","names":[],"sources":["../../src/patterns/fields/money-input-field/money-input-field.tsx"],"sourcesContent":["import { MoneyInput } from \"@/components/money-input/money-input\";\nimport { FormField, FieldErrors } from \"@/components\";\nimport type { MoneyInputFieldProps } from \"./money-input-field.types\";\n\n/**\n * # MoneyInputField\n *\n * A pre-composed form field component that combines MoneyInput with FormField features\n * like labels, descriptions, error handling, and validation feedback.\n *\n * This component provides a simple, flat API for monetary input use cases, combining\n * a currency selector and amount input into a single field.\n *\n * Contains two focusable inputs: currency selector and amount input.\n *\n * @supportsStyleProps\n *\n * @example\n * ```tsx\n * <MoneyInputField\n *   label=\"Product Price\"\n *   description=\"Enter the product price with currency\"\n *   currencies={[\"USD\", \"EUR\", \"GBP\", \"JPY\"]}\n *   value={{ amount: \"99.99\", currencyCode: \"USD\" }}\n *   onValueChange={setValue}\n *   errors={{ missing: true }}\n *   touched={touched}\n *   isRequired\n * />\n * ```\n */\n\nexport const MoneyInputField = ({\n  id,\n  label,\n  description,\n  info,\n  errors,\n  renderError,\n  touched = false,\n  isRequired = false,\n  isDisabled = false,\n  isReadOnly = false,\n  isInvalid = false,\n  size = \"md\",\n  ...moneyInputProps\n}: MoneyInputFieldProps) => {\n  // Determine if we should show errors\n  const hasErrors = touched && errors && Object.values(errors).some(Boolean);\n\n  return (\n    <FormField.Root\n      id={id}\n      size={size}\n      isInvalid={hasErrors || isInvalid}\n      isRequired={isRequired}\n      isDisabled={isDisabled}\n      isReadOnly={isReadOnly}\n    >\n      <FormField.Label>{label}</FormField.Label>\n      <FormField.Input>\n        <MoneyInput size={size} {...moneyInputProps} />\n      </FormField.Input>\n\n      {description && (\n        <FormField.Description>{description}</FormField.Description>\n      )}\n\n      {info && <FormField.InfoBox>{info}</FormField.InfoBox>}\n      {hasErrors && (\n        <FormField.Error>\n          <FieldErrors\n            id={`${id}-errors`}\n            errors={errors}\n            renderError={renderError}\n          />\n        </FormField.Error>\n      )}\n    </FormField.Root>\n  );\n};\n\nMoneyInputField.displayName = \"MoneyInputField\";\n"],"mappings":"0KAgCA,IAAa,GAAmB,CAC9B,KACA,QACA,cACA,OACA,SACA,cACA,UAAU,GACV,aAAa,GACb,aAAa,GACb,aAAa,GACb,YAAY,GACZ,OAAO,KACP,GAAG,KACuB,CAE1B,IAAM,EAAY,GAAW,GAAU,OAAO,OAAO,CAAM,EAAE,KAAK,OAAO,EAEzE,OACE,EAAA,EAAA,MAAC,EAAA,EAAU,KAAX,CACM,KACE,OACN,UAAW,GAAa,EACZ,aACA,aACA,sBANd,EAQE,EAAA,EAAA,KAAC,EAAA,EAAU,MAAX,CAAA,SAAkB,CAAuB,CAAA,GACzC,EAAA,EAAA,KAAC,EAAA,EAAU,MAAX,CAAA,UACE,EAAA,EAAA,KAAC,EAAA,EAAD,CAAkB,OAAM,GAAI,CAAkB,CAAA,CAC/B,CAAA,EAEhB,IACC,EAAA,EAAA,KAAC,EAAA,EAAU,YAAX,CAAA,SAAwB,CAAmC,CAAA,EAG5D,IAAQ,EAAA,EAAA,KAAC,EAAA,EAAU,QAAX,CAAA,SAAoB,CAAwB,CAAA,EACpD,IACC,EAAA,EAAA,KAAC,EAAA,EAAU,MAAX,CAAA,UACE,EAAA,EAAA,KAAC,EAAA,EAAD,CACE,GAAI,GAAG,EAAG,SACF,SACK,aACd,CAAA,CACc,CAAA,CAEL,GAEpB,EAEA,EAAgB,YAAc"}

package/dist/chunks/money-input-field-Dng7nJjd.esm.js

@@ -0,0 +1,35 @@
+import { t as e } from "./field-errors-DQnCYbwh.esm.js";
+import { t } from "./form-field-BxbNX6MU.esm.js";
+import { t as n } from "./money-input-CkW9kE5Z.esm.js";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/patterns/fields/money-input-field/money-input-field.tsx
+var a = ({ id: a, label: o, description: s, info: c, errors: l, renderError: u, touched: d = !1, isRequired: f = !1, isDisabled: p = !1, isReadOnly: m = !1, isInvalid: h = !1, size: g = "md", ..._ }) => {
+	let v = d && l && Object.values(l).some(Boolean);
+	return /* @__PURE__ */ i(t.Root, {
+		id: a,
+		size: g,
+		isInvalid: v || h,
+		isRequired: f,
+		isDisabled: p,
+		isReadOnly: m,
+		children: [
+			/* @__PURE__ */ r(t.Label, { children: o }),
+			/* @__PURE__ */ r(t.Input, { children: /* @__PURE__ */ r(n, {
+				size: g,
+				..._
+			}) }),
+			s && /* @__PURE__ */ r(t.Description, { children: s }),
+			c && /* @__PURE__ */ r(t.InfoBox, { children: c }),
+			v && /* @__PURE__ */ r(t.Error, { children: /* @__PURE__ */ r(e, {
+				id: `${a}-errors`,
+				errors: l,
+				renderError: u
+			}) })
+		]
+	});
+};
+a.displayName = "MoneyInputField";
+//#endregion
+export { a as t };
+
+//# sourceMappingURL=money-input-field-Dng7nJjd.esm.js.map

package/dist/chunks/money-input-field-Dng7nJjd.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"money-input-field-Dng7nJjd.esm.js","names":[],"sources":["../../src/patterns/fields/money-input-field/money-input-field.tsx"],"sourcesContent":["import { MoneyInput } from \"@/components/money-input/money-input\";\nimport { FormField, FieldErrors } from \"@/components\";\nimport type { MoneyInputFieldProps } from \"./money-input-field.types\";\n\n/**\n * # MoneyInputField\n *\n * A pre-composed form field component that combines MoneyInput with FormField features\n * like labels, descriptions, error handling, and validation feedback.\n *\n * This component provides a simple, flat API for monetary input use cases, combining\n * a currency selector and amount input into a single field.\n *\n * Contains two focusable inputs: currency selector and amount input.\n *\n * @supportsStyleProps\n *\n * @example\n * ```tsx\n * <MoneyInputField\n *   label=\"Product Price\"\n *   description=\"Enter the product price with currency\"\n *   currencies={[\"USD\", \"EUR\", \"GBP\", \"JPY\"]}\n *   value={{ amount: \"99.99\", currencyCode: \"USD\" }}\n *   onValueChange={setValue}\n *   errors={{ missing: true }}\n *   touched={touched}\n *   isRequired\n * />\n * ```\n */\n\nexport const MoneyInputField = ({\n  id,\n  label,\n  description,\n  info,\n  errors,\n  renderError,\n  touched = false,\n  isRequired = false,\n  isDisabled = false,\n  isReadOnly = false,\n  isInvalid = false,\n  size = \"md\",\n  ...moneyInputProps\n}: MoneyInputFieldProps) => {\n  // Determine if we should show errors\n  const hasErrors = touched && errors && Object.values(errors).some(Boolean);\n\n  return (\n    <FormField.Root\n      id={id}\n      size={size}\n      isInvalid={hasErrors || isInvalid}\n      isRequired={isRequired}\n      isDisabled={isDisabled}\n      isReadOnly={isReadOnly}\n    >\n      <FormField.Label>{label}</FormField.Label>\n      <FormField.Input>\n        <MoneyInput size={size} {...moneyInputProps} />\n      </FormField.Input>\n\n      {description && (\n        <FormField.Description>{description}</FormField.Description>\n      )}\n\n      {info && <FormField.InfoBox>{info}</FormField.InfoBox>}\n      {hasErrors && (\n        <FormField.Error>\n          <FieldErrors\n            id={`${id}-errors`}\n            errors={errors}\n            renderError={renderError}\n          />\n        </FormField.Error>\n      )}\n    </FormField.Root>\n  );\n};\n\nMoneyInputField.displayName = \"MoneyInputField\";\n"],"mappings":";;;;;AAgCA,IAAa,KAAmB,EAC9B,OACA,UACA,gBACA,SACA,WACA,gBACA,aAAU,IACV,gBAAa,IACb,gBAAa,IACb,gBAAa,IACb,eAAY,IACZ,UAAO,MACP,GAAG,QACuB;CAE1B,IAAM,IAAY,KAAW,KAAU,OAAO,OAAO,CAAM,EAAE,KAAK,OAAO;CAEzE,OACE,kBAAC,EAAU,MAAX;EACM;EACE;EACN,WAAW,KAAa;EACZ;EACA;EACA;YANd;GAQE,kBAAC,EAAU,OAAX,EAAA,UAAkB,EAAuB,CAAA;GACzC,kBAAC,EAAU,OAAX,EAAA,UACE,kBAAC,GAAD;IAAkB;IAAM,GAAI;GAAkB,CAAA,EAC/B,CAAA;GAEhB,KACC,kBAAC,EAAU,aAAX,EAAA,UAAwB,EAAmC,CAAA;GAG5D,KAAQ,kBAAC,EAAU,SAAX,EAAA,UAAoB,EAAwB,CAAA;GACpD,KACC,kBAAC,EAAU,OAAX,EAAA,UACE,kBAAC,GAAD;IACE,IAAI,GAAG,EAAG;IACF;IACK;GACd,CAAA,EACc,CAAA;EAEL;;AAEpB;AAEA,EAAgB,cAAc"}