themelia-react-ui 2.0.3 → 2.0.4

package/dist/{forms-numeric-B_jraJaQ.js → forms-numeric-Cd33AKbD.js}

@@ -1,26 +1,26 @@
 "use client";
-import { s as e, u as t } from "./ui-provider-C_U0Xma4.js";
+import { s as e, u as t } from "./ui-provider-CQCuCBcy.js";
 import { useStrings as n } from "./lib/strings.js";
-import { t as r } from "./utils-BRhFDwuU.js";
-import { a as i, c as a, t as o } from "./typography-UTnveOEy.js";
-import { r as s, t as c } from "./structure-BmisBK-3.js";
-import { h as l, p as u } from "./smart-card-DiC5aac3.js";
+import { t as r } from "./utils-CF3c95Io.js";
+import { a as i, c as a, t as o } from "./typography-CSyJrh28.js";
+import { r as s, t as c } from "./structure-C0V0_Fyf.js";
+import { h as l, p as u } from "./smart-card-CqkzQsK-.js";
 import { t as d } from "./interaction-recipes-XR9ZpVYL.js";
-import { r as f } from "./field-affordance-recipes-DZhnIL_Y.js";
-import { d as p, m, p as h, s as g, y as _ } from "./form-sizing-BdP_Mf5p.js";
-import { t as v } from "./input-DQdEd0YD.js";
-import { t as y } from "./form-field-CwH9y77i.js";
-import { _ as b, d as ee, f as te, g as x, l as S, p as C, v as w } from "./choice-inputs-CNHvARCJ.js";
+import { r as f } from "./field-affordance-recipes-DjwGx8eM.js";
+import { d as p, m, p as h, s as g, y as _ } from "./form-sizing-NXgjkmBG.js";
+import { t as v } from "./input-Cdw4k0fb.js";
+import { t as y } from "./form-field-CsgRmdit.js";
+import { _ as b, d as ee, f as x, g as te, l as S, p as C, v as w } from "./choice-inputs-JLtij2y4.js";
 import { t as T } from "./control-group-recipes-DBXmfh2E.js";
 import * as E from "react";
-import { forwardRef as D, memo as O, useCallback as k, useEffect as ne, useId as A, useMemo as j, useRef as M, useState as N } from "react";
-import { jsx as P, jsxs as F } from "react/jsx-runtime";
-import { AlertTriangle as I, Minus as L, Plus as R } from "lucide-react";
+import { forwardRef as D, memo as O, useCallback as k, useEffect as A, useId as j, useMemo as M, useRef as N, useState as P } from "react";
+import { jsx as F, jsxs as I } from "react/jsx-runtime";
+import { AlertTriangle as L, Minus as R, Plus as z } from "lucide-react";
 //#region src/components/base/forms-numeric/decimal-input.tsx
-var z = {
+var B = {
 	decrement: "Decrement",
 	increment: "Increment"
-}, B = (e, t, n) => {
+}, V = (e, t, n) => {
 	if (!e) return "";
 	let r = e;
 	if (r = r.replace(/,/g, "."), r = n ? r.replace(/[^\d.-]/g, "") : r.replace(/[^\d.]/g, ""), n && r.includes("-")) {
@@ -29,12 +29,12 @@ var z = {
 	}
 	let i = r.split(".");
 	return i.length > 2 && (r = i[0] + "." + i.slice(1).join("")), i.length === 2 && i[1].length > t && (r = i[0] + "." + i[1].substring(0, t)), r;
-}, V = (e, t, n) => {
+}, H = (e, t, n) => {
 	if (!e || e === "-") return !0;
 	let r = parseFloat(e);
 	return Number.isNaN(r) ? !0 : !(t !== void 0 && r < t || n !== void 0 && r > n);
 };
-function H(e, t, n) {
+function U(e, t, n) {
 	let r = 10 ** t, i = e * r;
 	switch (n) {
 		case "floor": return Math.floor(i) / r;
@@ -46,15 +46,15 @@ function H(e, t, n) {
 		default: return Math.round(i) / r;
 	}
 }
-function U(e, t, n) {
+function W(e, t, n) {
 	let r = e;
 	return t !== void 0 && (r = Math.max(t, r)), n !== void 0 && (r = Math.min(n, r)), r;
 }
-function re(e, t, n, r, i = "round") {
+function ne(e, t, n, r, i = "round") {
 	let a = r ?? 0, o = (e - a) / n, s = a + ((i === "floor" ? Math.floor(o) : i === "ceil" ? Math.ceil(o) : Math.round(o)) + t) * n;
 	return Number(s.toFixed(12));
 }
-function W(e, t) {
+function re(e, t) {
 	let n = Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype, "value")?.set;
 	n ? n.call(e, t) : e.value = t, e.dispatchEvent(new Event("input", { bubbles: !0 }));
 }
@@ -63,15 +63,15 @@ var G = {
 	md: "w-control",
 	lg: "w-control-lg"
 };
-function K({ decimalPlaces: t = 2, min: i, max: a, allowNegative: o = !0, allowEmpty: s = !0, step: c, roundingMode: l = "round", normalizeOnBlur: u = !0, onChange: f, onBlur: m, onKeyDown: h, placeholder: y, className: b, value: ee, defaultValue: te, disabled: x, size: S, strings: C, ...w }, T) {
-	let { defaultScale: D } = e(), O = _(S, D), ne = n(z, C), A = Math.min(12, Math.max(0, t)), j = E.useRef(null), M = x || w.loading || w.readOnly, N = k((e) => {
+function K(t, i) {
+	let { decimalPlaces: a = 2, min: o, max: s, allowNegative: c = !0, allowEmpty: l = !0, step: u, roundingMode: f = "round", normalizeOnBlur: m = !0, onChange: h, onBlur: y, onKeyDown: b, placeholder: ee, className: x, value: te, defaultValue: S, disabled: C, size: w, strings: T, ...D } = t, { defaultScale: O } = e(), A = _(w, O), j = n(B, T), M = Math.min(12, Math.max(0, a)), N = E.useRef(null), P = C || D.loading || D.readOnly, L = k((e) => {
 		let t = e.target.value;
-		if (!t && s) {
-			f?.(e);
+		if (!t && l) {
+			h?.(e);
 			return;
 		}
-		let n = B(t, A, o);
-		if (V(n, i, a)) {
+		let n = V(t, M, c);
+		if (H(n, o, s)) {
 			if (n !== t) {
 				let t = {
 					...e,
@@ -84,115 +84,115 @@ function K({ decimalPlaces: t = 2, min: i, max: a, allowNegative: o = !0, allowE
 						value: n
 					}
 				};
-				f?.(t);
-			} else f?.(e);
+				h?.(t);
+			} else h?.(e);
 		}
 	}, [
-		f,
-		A,
+		h,
+		M,
+		c,
+		l,
 		o,
-		s,
-		i,
-		a
-	]), I = k((e) => {
-		if (m?.(e), !u) return;
+		s
+	]), K = k((e) => {
+		if (y?.(e), !m) return;
 		let t = e.target.value;
-		if (!t && s) return;
+		if (!t && l) return;
 		let n = Number.parseFloat(t.replace(",", "."));
 		if (!Number.isFinite(n)) return;
-		let r = H(U(n, i, a), A, l).toFixed(A);
-		r !== t && j.current && W(j.current, r);
+		let r = U(W(n, o, s), M, f).toFixed(M);
+		r !== t && N.current && re(N.current, r);
 	}, [
+		y,
+		h,
 		m,
-		f,
-		u,
+		l,
+		o,
 		s,
-		i,
-		a,
-		A,
-		l
-	]), K = k((e) => {
-		if (M || c === void 0) return;
-		let t = j.current;
+		M,
+		f
+	]), q = k((e) => {
+		if (P || u === void 0) return;
+		let t = N.current;
 		if (!t) return;
 		let n = t.value, r = Number.parseFloat(n.replace(",", "."));
-		W(t, H(U(re(Number.isFinite(r) ? r : i ?? 0, e, c, i, l), i, a), A, l).toFixed(A));
+		re(t, U(W(ne(Number.isFinite(r) ? r : o ?? 0, e, u, o, f), o, s), M, f).toFixed(M));
 	}, [
+		P,
+		u,
+		o,
+		s,
+		f,
 		M,
-		c,
-		i,
-		a,
-		l,
-		A,
-		f
-	]), q = typeof c == "number" && c > 0, J = k((e) => {
-		h?.(e), !e.defaultPrevented && q && (e.key === "ArrowUp" || e.key === "ArrowDown") && (e.preventDefault(), K(e.key === "ArrowUp" ? 1 : -1));
+		h
+	]), J = typeof u == "number" && u > 0, Y = k((e) => {
+		b?.(e), !e.defaultPrevented && J && (e.key === "ArrowUp" || e.key === "ArrowDown") && (e.preventDefault(), q(e.key === "ArrowUp" ? 1 : -1));
 	}, [
-		h,
-		q,
-		K
-	]), Y = y ?? (A > 0 ? `0.${"0".repeat(A)}` : "0");
-	return q ? /* @__PURE__ */ F("div", {
-		className: r("decimal-input--component", "flex items-stretch overflow-hidden rounded-inner border border-input bg-transparent [&>.input--component]:h-full", p[O], "has-[input:focus-visible]:border-ring has-[input:focus-visible]:ring-3 has-[input:focus-visible]:ring-ring/50", "has-[input[aria-invalid=true]]:border-destructive has-[input[aria-invalid=true]]:has-[input:focus-visible]:border-destructive has-[input[aria-invalid=true]]:has-[input:focus-visible]:ring-destructive/30 dark:has-[input[aria-invalid=true]]:has-[input:focus-visible]:ring-destructive/50", "has-[input:read-only:not(:disabled)]:bg-muted", x && "opacity-50 cursor-not-allowed"),
+		b,
+		J,
+		q
+	]), X = ee ?? (M > 0 ? `0.${"0".repeat(M)}` : "0");
+	return J ? /* @__PURE__ */ I("div", {
+		className: r("decimal-input--component", "flex items-stretch overflow-hidden rounded-inner border border-input bg-transparent [&>.input--component]:h-full", p[A], "has-[input:focus-visible]:border-ring has-[input:focus-visible]:ring-3 has-[input:focus-visible]:ring-ring/50", "has-[input[aria-invalid=true]]:border-destructive has-[input[aria-invalid=true]]:has-[input:focus-visible]:border-destructive has-[input[aria-invalid=true]]:has-[input:focus-visible]:ring-destructive/30 dark:has-[input[aria-invalid=true]]:has-[input:focus-visible]:ring-destructive/50", "has-[input:read-only:not(:disabled)]:bg-muted", C && "opacity-50 cursor-not-allowed"),
 		children: [
-			/* @__PURE__ */ P("button", {
+			/* @__PURE__ */ F("button", {
 				type: "button",
 				tabIndex: -1,
-				"aria-label": ne.decrement,
-				disabled: M,
-				onClick: () => K(-1),
-				className: r(d.nativeButtonReset, "inline-flex shrink-0 items-center justify-center border-e border-input text-muted-foreground transition-colors", G[O], d.rowHover, "disabled:pointer-events-none disabled:cursor-not-allowed", !x && "disabled:opacity-50"),
-				children: /* @__PURE__ */ P(L, {
+				"aria-label": j.decrement,
+				disabled: P,
+				onClick: () => q(-1),
+				className: r(d.nativeButtonReset, "inline-flex shrink-0 items-center justify-center border-e border-input text-muted-foreground transition-colors", G[A], d.rowHover, "disabled:pointer-events-none disabled:cursor-not-allowed", !C && "disabled:opacity-50"),
+				children: /* @__PURE__ */ F(R, {
 					"aria-hidden": "true",
-					className: g[O]
+					className: g[A]
 				})
 			}),
-			/* @__PURE__ */ P(v, {
-				size: O,
+			/* @__PURE__ */ F(v, {
+				size: A,
 				ref: (e) => {
-					j.current = e, typeof T == "function" ? T(e) : T && (T.current = e);
+					N.current = e, typeof i == "function" ? i(e) : i && (i.current = e);
 				},
 				type: "text",
-				inputMode: A > 0 ? "decimal" : "numeric",
-				placeholder: Y,
-				onChange: N,
-				onBlur: I,
-				onKeyDown: J,
-				value: ee,
-				defaultValue: te,
-				disabled: x,
-				className: r("!h-full min-h-0 flex-1 tabular-nums text-center border-0 shadow-none rounded-none bg-transparent read-only:bg-transparent focus-visible:ring-0 focus-visible:border-0 aria-invalid:ring-0 aria-invalid:focus-visible:ring-0 disabled:opacity-100", b),
-				...w
+				inputMode: M > 0 ? "decimal" : "numeric",
+				placeholder: X,
+				onChange: L,
+				onBlur: K,
+				onKeyDown: Y,
+				..."value" in t ? { value: te } : {},
+				defaultValue: S,
+				disabled: C,
+				className: r("!h-full min-h-0 flex-1 tabular-nums text-center border-0 shadow-none rounded-none bg-transparent read-only:bg-transparent focus-visible:ring-0 focus-visible:border-0 aria-invalid:ring-0 aria-invalid:focus-visible:ring-0 disabled:opacity-100", x),
+				...D
 			}),
-			/* @__PURE__ */ P("button", {
+			/* @__PURE__ */ F("button", {
 				type: "button",
 				tabIndex: -1,
-				"aria-label": ne.increment,
-				disabled: M,
-				onClick: () => K(1),
-				className: r(d.nativeButtonReset, "inline-flex shrink-0 items-center justify-center border-s border-input text-muted-foreground transition-colors", G[O], d.rowHover, "disabled:pointer-events-none disabled:cursor-not-allowed", !x && "disabled:opacity-50"),
-				children: /* @__PURE__ */ P(R, {
+				"aria-label": j.increment,
+				disabled: P,
+				onClick: () => q(1),
+				className: r(d.nativeButtonReset, "inline-flex shrink-0 items-center justify-center border-s border-input text-muted-foreground transition-colors", G[A], d.rowHover, "disabled:pointer-events-none disabled:cursor-not-allowed", !C && "disabled:opacity-50"),
+				children: /* @__PURE__ */ F(z, {
 					"aria-hidden": "true",
-					className: g[O]
+					className: g[A]
 				})
 			})
 		]
-	}) : /* @__PURE__ */ P(v, {
-		size: O,
+	}) : /* @__PURE__ */ F(v, {
+		size: A,
 		ref: (e) => {
-			j.current = e, typeof T == "function" ? T(e) : T && (T.current = e);
+			N.current = e, typeof i == "function" ? i(e) : i && (i.current = e);
 		},
 		type: "text",
-		inputMode: A > 0 ? "decimal" : "numeric",
-		placeholder: Y,
-		onChange: N,
-		onBlur: I,
-		onKeyDown: h,
-		value: ee,
-		defaultValue: te,
-		disabled: x,
-		className: r("tabular-nums text-end", b),
-		...w
+		inputMode: M > 0 ? "decimal" : "numeric",
+		placeholder: X,
+		onChange: L,
+		onBlur: K,
+		onKeyDown: b,
+		..."value" in t ? { value: te } : {},
+		defaultValue: S,
+		disabled: C,
+		className: r("tabular-nums text-end", x),
+		...D
 	});
 }
 var q = E.forwardRef(K);
@@ -200,7 +200,7 @@ q.displayName = "DecimalInput";
 //#endregion
 //#region src/components/base/forms-numeric/percentage-input.tsx
 var J = D(function({ decimalPlaces: e = 2, min: t = 0, max: n = 100, step: r, ...i }, a) {
-	return /* @__PURE__ */ P(q, {
+	return /* @__PURE__ */ F(q, {
 		className: "percentage-input--component",
 		ref: a,
 		decimalPlaces: e,
@@ -216,9 +216,9 @@ J.displayName = "PercentageInput";
 //#endregion
 //#region src/components/base/forms-numeric/currency-input.tsx
 var Y = {
-	...z,
+	...B,
 	currencyAriaLabel: "Currency"
-}, ie = {
+}, X = {
 	USD: "$",
 	EUR: "€",
 	GBP: "£",
@@ -228,46 +228,46 @@ var Y = {
 	CHF: "CHF",
 	CAD: "C$",
 	AUD: "A$"
-}, X = (e) => !e || e.length === 0 ? [] : e.map((e) => typeof e == "string" ? {
+}, ie = (e) => !e || e.length === 0 ? [] : e.map((e) => typeof e == "string" ? {
 	value: e,
-	label: `${ie[e] || e} ${e}`
+	label: `${X[e] || e} ${e}`
 } : e);
 function ae({ currency: t, defaultCurrency: o, currencies: s, onCurrencyChange: l, currencyPosition: u = "start", disableCurrencySelector: d = !1, currencyPlaceholder: p, currencyWidth: m = "w-28", currencyLabel: g, strings: v, invalid: y, disabled: S, onConfigError: T, size: E, ...D }, O) {
-	let { defaultScale: M } = e(), I = _(E, M), L = n(Y, v), R = A(), z = j(() => X(s), [s]), [B, V] = N(o ?? z[0]?.value ?? ""), H = t !== void 0, U = H ? t : B;
-	ne(() => {
+	let { defaultScale: N } = e(), L = _(E, N), R = n(Y, v), z = j(), B = M(() => ie(s), [s]), [V, H] = P(o ?? B[0]?.value ?? ""), U = t !== void 0, W = U ? t : V;
+	A(() => {
 		let e = {
 			currency: t,
 			defaultCurrency: o,
 			disableCurrencySelector: d
 		};
-		d && typeof t == "string" && typeof o == "string" && t.trim() !== "" && o.trim() !== "" && t !== o && T?.("[CurrencyInput] currency/defaultCurrency mismatch while selector is disabled.", e), d && (typeof U != "string" || U.trim().length === 0) && T?.("[CurrencyInput] disableCurrencySelector is enabled but no currency is provided.", e);
+		d && typeof t == "string" && typeof o == "string" && t.trim() !== "" && o.trim() !== "" && t !== o && T?.("[CurrencyInput] currency/defaultCurrency mismatch while selector is disabled.", e), d && (typeof W != "string" || W.trim().length === 0) && T?.("[CurrencyInput] disableCurrencySelector is enabled but no currency is provided.", e);
 	}, [
 		t,
 		o,
 		d,
 		T,
-		U
+		W
 	]);
-	let re = k((e) => {
-		e !== null && (H || V(e), l?.(e));
-	}, [H, l]), W = j(() => r("currency-input--selector-trigger", h(I), m), [I, m]), G = /* @__PURE__ */ F(c, {
+	let ne = k((e) => {
+		e !== null && (U || H(e), l?.(e));
+	}, [U, l]), re = M(() => r("currency-input--selector-trigger", h(L), m), [L, m]), G = /* @__PURE__ */ I(c, {
 		gap: "xs",
 		className: "currency-input--selector",
-		children: [!!g && /* @__PURE__ */ P(i, {
-			htmlFor: R,
+		children: [!!g && /* @__PURE__ */ F(i, {
+			htmlFor: z,
 			className: r("currency-input--selector-label text-inherit", "leading-6"),
 			children: g
-		}), /* @__PURE__ */ F(x, {
-			value: U,
-			onValueChange: (e) => re(e),
+		}), /* @__PURE__ */ I(te, {
+			value: W,
+			onValueChange: (e) => ne(e),
 			disabled: S || d,
-			children: [/* @__PURE__ */ P(b, {
-				id: R,
-				"aria-label": g || L.currencyAriaLabel,
+			children: [/* @__PURE__ */ F(b, {
+				id: z,
+				"aria-label": g || R.currencyAriaLabel,
 				"aria-invalid": y || void 0,
-				iconClassName: f.icon[I],
-				className: W,
-				children: /* @__PURE__ */ P(w, { placeholder: p ? /* @__PURE__ */ P(a, {
+				iconClassName: f.icon[L],
+				className: re,
+				children: /* @__PURE__ */ F(w, { placeholder: p ? /* @__PURE__ */ F(a, {
 					tag: "span",
 					size: "inherit",
 					type: "secondary",
@@ -275,10 +275,10 @@ function ae({ currency: t, defaultCurrency: o, currencies: s, onCurrencyChange:
 					className: "text-inherit",
 					children: p
 				}) : void 0 })
-			}), /* @__PURE__ */ P(ee, { children: /* @__PURE__ */ P(te, { children: z.map((e) => /* @__PURE__ */ P(C, {
+			}), /* @__PURE__ */ F(ee, { children: /* @__PURE__ */ F(x, { children: B.map((e) => /* @__PURE__ */ F(C, {
 				value: e.value,
-				size: I,
-				children: /* @__PURE__ */ P(a, {
+				size: L,
+				children: /* @__PURE__ */ F(a, {
 					tag: "span",
 					size: "inherit",
 					lineHeight: "tight",
@@ -288,22 +288,22 @@ function ae({ currency: t, defaultCurrency: o, currencies: s, onCurrencyChange:
 			}, e.value)) }) })]
 		})]
 	});
-	return /* @__PURE__ */ F("div", {
+	return /* @__PURE__ */ I("div", {
 		className: r("currency-input--component", "flex items-end gap-space-md"),
 		children: [
 			u === "start" && G,
-			/* @__PURE__ */ P("div", {
+			/* @__PURE__ */ F("div", {
 				className: "currency-input--amount min-w-0 flex-1",
-				children: /* @__PURE__ */ P(q, {
+				children: /* @__PURE__ */ F(q, {
 					ref: O,
-					size: I,
+					size: L,
 					decimalPlaces: 2,
 					allowNegative: !1,
 					disabled: S,
 					invalid: y,
 					strings: {
-						decrement: L.decrement,
-						increment: L.increment
+						decrement: R.decrement,
+						increment: R.increment
 					},
 					...D
 				})
@@ -338,82 +338,82 @@ function Z(e) {
 function de(e) {
 	return typeof e == "string" ? e : e.value;
 }
-var fe = D(function({ currency: e, defaultCurrency: i, currencies: o, onCurrencyChange: s, onChangeData: d, money: f, label: p, hint: m, helperText: h, error: g, required: _, invalid: v, recordCurrency: b, showMigrationWarning: ee = !0, migrationWarningMessage: te, showOriginalHint: x = !0, controlStrings: S, controlClassName: C, strings: w, className: T, onChange: E, value: D, defaultValue: O, ...ne }, A) {
-	let L = t(), R = n(se, w), z = i ?? L.defaultCurrency ?? "USD", [B, V] = N(z), H = e ?? B, U = M(null), re = j(() => {
-		let e = o?.length ? o : [z, ...le], t = /* @__PURE__ */ new Map();
+var fe = D(function(e, i) {
+	let { currency: o, defaultCurrency: s, currencies: d, onCurrencyChange: f, onChangeData: p, money: m, label: h, hint: g, helperText: _, error: v, required: b, invalid: ee, recordCurrency: x, showMigrationWarning: te = !0, migrationWarningMessage: S, showOriginalHint: C = !0, controlStrings: w, controlClassName: T, strings: E, className: D, onChange: O, value: A, defaultValue: j, ...R } = e, z = t(), B = n(se, E), V = s ?? z.defaultCurrency ?? "USD", [H, U] = P(V), W = o ?? H, ne = N(null), re = M(() => {
+		let e = d?.length ? d : [V, ...le], t = /* @__PURE__ */ new Map();
 		for (let n of e) {
 			let e = de(n);
 			t.has(e) || t.set(e, n);
 		}
 		let n = Array.from(t.values());
-		return t.has(H) ? n : [H, ...n];
+		return t.has(W) ? n : [W, ...n];
 	}, [
-		H,
-		o,
-		z
-	]), W = b ?? f?.recordCurrency ?? void 0, G = x ? Z(f?.pair?.formatted) : "", K = !!(W && H && W !== H), q = v ?? !!g, J = k((e) => {
-		U.current = e, typeof A == "function" ? A(e) : A && (A.current = e);
-	}, [A]), Y = k((e) => {
-		E?.(e), d?.({
+		W,
+		d,
+		V
+	]), G = x ?? m?.recordCurrency ?? void 0, K = C ? Z(m?.pair?.formatted) : "", q = !!(G && W && G !== W), J = ee ?? !!v, Y = k((e) => {
+		ne.current = e, typeof i == "function" ? i(e) : i && (i.current = e);
+	}, [i]), X = k((e) => {
+		O?.(e), p?.({
 			amount: ue(e.target.value),
-			currency: H
+			currency: W
 		});
 	}, [
-		H,
-		E,
-		d
-	]), ie = k((t) => {
-		e === void 0 && V(t), s?.(t), d?.({
-			amount: ue(U.current?.value ?? D ?? O),
-			currency: t
+		W,
+		O,
+		p
+	]), ie = k((e) => {
+		o === void 0 && U(e), f?.(e), p?.({
+			amount: ue(ne.current?.value ?? A ?? j),
+			currency: e
 		});
 	}, [
-		e,
-		O,
-		d,
-		s,
-		D
-	]), X = /* @__PURE__ */ P(oe, {
-		...ne,
-		ref: J,
-		value: D,
-		defaultValue: O,
-		currency: H,
+		o,
+		j,
+		p,
+		f,
+		A
+	]), ae = /* @__PURE__ */ F(oe, {
+		...R,
+		ref: Y,
+		..."value" in e ? { value: A } : {},
+		defaultValue: j,
+		currency: W,
 		currencies: re,
-		onChange: Y,
+		onChange: X,
 		onCurrencyChange: ie,
-		invalid: q,
-		required: _,
-		"aria-required": _ ? !0 : ne["aria-required"],
-		strings: S,
-		className: C
-	}), ae = !!(p || m || h || g || _);
-	return /* @__PURE__ */ F(c, {
+		invalid: J,
+		required: b,
+		"aria-required": b ? !0 : R["aria-required"],
+		strings: w,
+		className: T
+	}), fe = !!(h || g || _ || v || b);
+	return /* @__PURE__ */ I(c, {
 		gap: "sm",
-		className: r("money-input--component", T),
-		children: [/* @__PURE__ */ F(c, {
+		className: r("money-input--component", D),
+		children: [/* @__PURE__ */ I(c, {
 			gap: "xs",
 			className: "money-input--field",
-			children: [ae ? /* @__PURE__ */ P(y, {
-				label: p,
-				hint: m,
-				helperText: h,
-				error: g,
-				required: _,
-				children: X
-			}) : X, !!G && !g && /* @__PURE__ */ P(a, {
+			children: [fe ? /* @__PURE__ */ F(y, {
+				label: h,
+				hint: g,
+				helperText: _,
+				error: v,
+				required: b,
+				children: ae
+			}) : ae, !!K && !v && /* @__PURE__ */ F(a, {
 				tag: "p",
 				size: "xs",
 				type: "secondary",
 				className: "money-input--original",
-				children: ce(R.originalValue, { value: G })
+				children: ce(B.originalValue, { value: K })
 			})]
-		}), !!K && ee && /* @__PURE__ */ F(u, {
+		}), !!q && te && /* @__PURE__ */ I(u, {
 			tone: "warning",
 			className: "money-input--warning",
-			children: [/* @__PURE__ */ P(I, { "aria-hidden": "true" }), /* @__PURE__ */ P(l, { children: te ?? ce(R.conversionWarning, {
-				from: W ?? "",
-				to: H
+			children: [/* @__PURE__ */ F(L, { "aria-hidden": "true" }), /* @__PURE__ */ F(l, { children: S ?? ce(B.conversionWarning, {
+				from: G ?? "",
+				to: W
 			}) })]
 		})]
 	});
@@ -430,13 +430,13 @@ var pe = [
 	half_up: "Round half up",
 	ceil: "Round up"
 }, he = D(function(e, t) {
-	let n = Object.prototype.hasOwnProperty.call(e, "value"), { value: i, onValueChange: a, labels: o, placeholder: s, className: c, ...l } = e, u = j(() => pe.map((e) => ({
+	let n = Object.prototype.hasOwnProperty.call(e, "value"), { value: i, onValueChange: a, labels: o, placeholder: s, className: c, ...l } = e, u = M(() => pe.map((e) => ({
 		value: e,
 		label: o?.[e] ?? me[e] ?? e
 	})), [o]), d = k((e) => {
 		a?.(e);
 	}, [a]);
-	return /* @__PURE__ */ P(S, {
+	return /* @__PURE__ */ F(S, {
 		ref: t,
 		className: r("rounding-mode-select--component", c),
 		options: u,
@@ -509,14 +509,14 @@ var ge = {
 	width: e,
 	height: t,
 	depth: n
-}, be = E.forwardRef(function({ value: t, defaultValue: o, format: s = "string", unit: l, defaultUnit: u = "cm", widthLabel: d, heightLabel: p, depthLabel: g, unitLabel: v, unitPlaceholder: y, widthPlaceholder: S, heightPlaceholder: E, depthPlaceholder: D, onChange: O, onUnitChange: j, decimalPlaces: M = 2, min: I = 0, max: L, showUnitSelector: R = !0, disableUnitSelector: z = !1, layout: B = "horizontal", invalid: V, disabled: H = !1, className: U, size: re, strings: W }, G) {
-	let { defaultScale: K } = e(), J = _(re, K), Y = n(ge, W), ie = d ?? Y.width, X = p ?? Y.height, ae = g ?? Y.depth, oe = y ?? Y.unit, se = S ?? Y.widthPlaceholder, ce = E ?? Y.heightPlaceholder, le = D ?? Y.depthPlaceholder, ue = B === "horizontal", Z = B === "vertical", de = R === !0, fe = (v ?? "").length > 0, pe = Z ? ie : "", me = Z ? X : "", he = Z ? ae : "", be = A(), Q = {
+}, be = E.forwardRef(function({ value: t, defaultValue: o, format: s = "string", unit: l, defaultUnit: u = "cm", widthLabel: d, heightLabel: p, depthLabel: g, unitLabel: v, unitPlaceholder: y, widthPlaceholder: S, heightPlaceholder: E, depthPlaceholder: D, onChange: O, onUnitChange: M, decimalPlaces: N = 2, min: L = 0, max: R, showUnitSelector: z = !0, disableUnitSelector: B = !1, layout: V = "horizontal", invalid: H, disabled: U = !1, className: W, size: ne, strings: re }, G) {
+	let { defaultScale: K } = e(), J = _(ne, K), Y = n(ge, re), X = d ?? Y.width, ie = p ?? Y.height, ae = g ?? Y.depth, oe = y ?? Y.unit, se = S ?? Y.widthPlaceholder, ce = E ?? Y.heightPlaceholder, le = D ?? Y.depthPlaceholder, ue = V === "horizontal", Z = V === "vertical", de = z === !0, fe = (v ?? "").length > 0, pe = Z ? X : "", me = Z ? ie : "", he = Z ? ae : "", be = j(), Q = {
 		width: `${be}-width`,
 		height: `${be}-height`,
 		depth: `${be}-depth`,
 		unit: `${be}-unit`
-	}, xe = r("text-inherit", m), $ = t !== void 0, Se = l !== void 0, Ce = ve($ ? t : o, s), [we, Te] = N(Ce.width), [Ee, De] = N(Ce.height), [Oe, ke] = N(Ce.depth), [Ae, je] = N(l || u), Me = ve(t, s), Ne = $ ? Me.width : we, Pe = $ ? Me.height : Ee, Fe = $ ? Me.depth : Oe, Ie = Se ? l : Ae;
-	ne(() => {
+	}, xe = r("text-inherit", m), $ = t !== void 0, Se = l !== void 0, Ce = ve($ ? t : o, s), [we, Te] = P(Ce.width), [Ee, De] = P(Ce.height), [Oe, ke] = P(Ce.depth), [Ae, je] = P(l || u), Me = ve(t, s), Ne = $ ? Me.width : we, Pe = $ ? Me.height : Ee, Fe = $ ? Me.depth : Oe, Ie = Se ? l : Ae;
+	A(() => {
 		if ($) {
 			let e = ve(t, s);
 			Te(e.width), De(e.height), ke(e.depth);
@@ -541,24 +541,24 @@ var ge = {
 	]), Re = k((e) => {
 		if (e === null) return;
 		let t = e;
-		Se || je(t), j?.(t);
-	}, [Se, j]), ze = /* @__PURE__ */ F(c, {
+		Se || je(t), M?.(t);
+	}, [Se, M]), ze = /* @__PURE__ */ I(c, {
 		gap: "xs",
-		children: [!!fe && Z && /* @__PURE__ */ P(i, {
+		children: [!!fe && Z && /* @__PURE__ */ F(i, {
 			htmlFor: Q.unit,
 			className: xe,
 			children: v
-		}), /* @__PURE__ */ F(x, {
+		}), /* @__PURE__ */ I(te, {
 			value: Ie,
 			onValueChange: (e) => Re(e),
-			disabled: H || z,
-			children: [/* @__PURE__ */ P(b, {
+			disabled: U || B,
+			children: [/* @__PURE__ */ F(b, {
 				id: Q.unit,
 				"aria-label": v ?? Y.unit,
-				"aria-invalid": V || void 0,
+				"aria-invalid": H || void 0,
 				iconClassName: f.icon[J],
-				className: r(h(J), B === "vertical" ? "w-full" : "w-full @md/dimensions-input:w-32"),
-				children: /* @__PURE__ */ P(w, { placeholder: /* @__PURE__ */ P(a, {
+				className: r(h(J), V === "vertical" ? "w-full" : "w-full @md/dimensions-input:w-32"),
+				children: /* @__PURE__ */ F(w, { placeholder: /* @__PURE__ */ F(a, {
 					tag: "span",
 					size: "inherit",
 					type: "secondary",
@@ -566,10 +566,10 @@ var ge = {
 					className: "text-inherit",
 					children: oe
 				}) })
-			}), /* @__PURE__ */ P(ee, { children: /* @__PURE__ */ P(te, { children: _e.map((e) => /* @__PURE__ */ P(C, {
+			}), /* @__PURE__ */ F(ee, { children: /* @__PURE__ */ F(x, { children: _e.map((e) => /* @__PURE__ */ F(C, {
 				value: e.value,
 				size: J,
-				children: /* @__PURE__ */ P(a, {
+				children: /* @__PURE__ */ F(a, {
 					tag: "span",
 					size: "inherit",
 					lineHeight: "tight",
@@ -579,117 +579,117 @@ var ge = {
 			}, e.value)) }) })]
 		})]
 	});
-	return /* @__PURE__ */ P(c, {
+	return /* @__PURE__ */ F(c, {
 		ref: G,
 		gap: "md",
-		className: r("dimensions-input--component @container/dimensions-input", U),
-		children: /* @__PURE__ */ F(c, {
-			direction: B === "vertical" ? "vertical" : "horizontal",
+		className: r("dimensions-input--component @container/dimensions-input", W),
+		children: /* @__PURE__ */ I(c, {
+			direction: V === "vertical" ? "vertical" : "horizontal",
 			gap: "md",
-			align: B === "vertical" ? "stretch" : "start",
+			align: V === "vertical" ? "stretch" : "start",
 			className: "dimensions-input--fields",
 			children: [
-				/* @__PURE__ */ F(c, {
+				/* @__PURE__ */ I(c, {
 					gap: "xs",
 					className: "min-w-0 flex-1",
 					children: [
-						!!Z && !!pe && /* @__PURE__ */ P(i, {
+						!!Z && !!pe && /* @__PURE__ */ F(i, {
 							htmlFor: Q.width,
 							className: xe,
 							children: pe
 						}),
-						/* @__PURE__ */ P(q, {
+						/* @__PURE__ */ F(q, {
 							id: Q.width,
 							size: J,
 							value: Ne,
 							onChange: (e) => Le("width", e.target.value),
 							placeholder: se,
-							decimalPlaces: M,
-							min: I,
-							max: L,
-							disabled: H,
-							invalid: V,
-							"aria-label": ie
+							decimalPlaces: N,
+							min: L,
+							max: R,
+							disabled: U,
+							invalid: H,
+							"aria-label": X
 						}),
-						!!ue && /* @__PURE__ */ P(a, {
+						!!ue && /* @__PURE__ */ F(a, {
 							size: "xs",
 							type: "secondary",
 							className: "text-center",
-							children: ie
+							children: X
 						})
 					]
 				}),
-				B === "horizontal" && /* @__PURE__ */ P("div", {
+				V === "horizontal" && /* @__PURE__ */ F("div", {
 					"aria-hidden": "true",
 					className: r("dimensions-input--separator flex items-center", T[J]),
-					children: /* @__PURE__ */ P(a, {
+					children: /* @__PURE__ */ F(a, {
 						tag: "span",
 						type: "secondary",
 						children: "×"
 					})
 				}),
-				/* @__PURE__ */ F(c, {
+				/* @__PURE__ */ I(c, {
 					gap: "xs",
 					className: "min-w-0 flex-1",
 					children: [
-						!!Z && !!me && /* @__PURE__ */ P(i, {
+						!!Z && !!me && /* @__PURE__ */ F(i, {
 							htmlFor: Q.height,
 							className: xe,
 							children: me
 						}),
-						/* @__PURE__ */ P(q, {
+						/* @__PURE__ */ F(q, {
 							id: Q.height,
 							size: J,
 							value: Pe,
 							onChange: (e) => Le("height", e.target.value),
 							placeholder: ce,
-							decimalPlaces: M,
-							min: I,
-							max: L,
-							disabled: H,
-							invalid: V,
-							"aria-label": X
+							decimalPlaces: N,
+							min: L,
+							max: R,
+							disabled: U,
+							invalid: H,
+							"aria-label": ie
 						}),
-						!!ue && /* @__PURE__ */ P(a, {
+						!!ue && /* @__PURE__ */ F(a, {
 							size: "xs",
 							type: "secondary",
 							className: "text-center",
-							children: X
+							children: ie
 						})
 					]
 				}),
-				B === "horizontal" && /* @__PURE__ */ P("div", {
+				V === "horizontal" && /* @__PURE__ */ F("div", {
 					"aria-hidden": "true",
 					className: r("dimensions-input--separator flex items-center", T[J]),
-					children: /* @__PURE__ */ P(a, {
+					children: /* @__PURE__ */ F(a, {
 						tag: "span",
 						type: "secondary",
 						children: "×"
 					})
 				}),
-				/* @__PURE__ */ F(c, {
+				/* @__PURE__ */ I(c, {
 					gap: "xs",
 					className: "min-w-0 flex-1",
 					children: [
-						!!Z && !!he && /* @__PURE__ */ P(i, {
+						!!Z && !!he && /* @__PURE__ */ F(i, {
 							htmlFor: Q.depth,
 							className: xe,
 							children: he
 						}),
-						/* @__PURE__ */ P(q, {
+						/* @__PURE__ */ F(q, {
 							id: Q.depth,
 							size: J,
 							value: Fe,
 							onChange: (e) => Le("depth", e.target.value),
 							placeholder: le,
-							decimalPlaces: M,
-							min: I,
-							max: L,
-							disabled: H,
-							invalid: V,
+							decimalPlaces: N,
+							min: L,
+							max: R,
+							disabled: U,
+							invalid: H,
 							"aria-label": ae
 						}),
-						!!ue && /* @__PURE__ */ P(a, {
+						!!ue && /* @__PURE__ */ F(a, {
 							size: "xs",
 							type: "secondary",
 							className: "text-center",
@@ -697,10 +697,10 @@ var ge = {
 						})
 					]
 				}),
-				!!de && /* @__PURE__ */ F(c, {
+				!!de && /* @__PURE__ */ I(c, {
 					gap: "xs",
-					className: r("dimensions-input--unit", B === "vertical" ? "w-full" : "w-full basis-full pt-0 @md/dimensions-input:w-32 @md/dimensions-input:basis-32 @md/dimensions-input:shrink-0"),
-					children: [ze, !!ue && /* @__PURE__ */ P(a, {
+					className: r("dimensions-input--unit", V === "vertical" ? "w-full" : "w-full basis-full pt-0 @md/dimensions-input:w-32 @md/dimensions-input:basis-32 @md/dimensions-input:shrink-0"),
+					children: [ze, !!ue && /* @__PURE__ */ F(a, {
 						size: "xs",
 						type: "secondary",
 						className: "text-center",
@@ -735,22 +735,22 @@ var Q = {
 		value: "oz",
 		label: "oz"
 	}
-], $ = E.forwardRef(function({ value: t, defaultValue: o, unit: s, defaultUnit: l = "g", onChange: u, onUnitChange: d, decimalPlaces: p = 2, min: m = 0, max: g, showUnitSelector: v = !0, disableUnitSelector: y = !1, unitWidth: S = "w-24", strings: T, invalid: E, disabled: D = !1, size: O, className: ne }, M) {
-	let { defaultScale: I } = e(), L = _(O, I), R = n(Q, T), z = t !== void 0, B = s !== void 0, [V, H] = N(o ?? ""), [U, re] = N(s ?? l), W = z ? t ?? "" : V, G = B ? s ?? l : U, K = k((e) => {
-		z || H(e.target.value), u?.({ target: { value: e.target.value } });
-	}, [z, u]), J = k((e) => {
+], $ = E.forwardRef(function({ value: t, defaultValue: o, unit: s, defaultUnit: l = "g", onChange: u, onUnitChange: d, decimalPlaces: p = 2, min: m = 0, max: g, showUnitSelector: v = !0, disableUnitSelector: y = !1, unitWidth: S = "w-24", strings: T, invalid: E, disabled: D = !1, size: O, className: A }, N) {
+	let { defaultScale: L } = e(), R = _(O, L), z = n(Q, T), B = t !== void 0, V = s !== void 0, [H, U] = P(o ?? ""), [W, ne] = P(s ?? l), re = B ? t ?? "" : H, G = V ? s ?? l : W, K = k((e) => {
+		B || U(e.target.value), u?.({ target: { value: e.target.value } });
+	}, [B, u]), J = k((e) => {
 		if (e === null) return;
 		let t = e;
-		B || re(t), d?.(t);
-	}, [B, d]), Y = j(() => xe, []), ie = R.unitLabel !== "", X = A();
-	return /* @__PURE__ */ F("div", {
-		ref: M,
-		className: r("weight-input--component", "flex items-end gap-space-md", ne),
-		children: [/* @__PURE__ */ P("div", {
+		V || ne(t), d?.(t);
+	}, [V, d]), Y = M(() => xe, []), X = z.unitLabel !== "", ie = j();
+	return /* @__PURE__ */ I("div", {
+		ref: N,
+		className: r("weight-input--component", "flex items-end gap-space-md", A),
+		children: [/* @__PURE__ */ F("div", {
 			className: "flex-1",
-			children: /* @__PURE__ */ P(q, {
-				size: L,
-				value: W,
+			children: /* @__PURE__ */ F(q, {
+				size: R,
+				value: re,
 				onChange: K,
 				decimalPlaces: p,
 				allowNegative: !1,
@@ -759,34 +759,34 @@ var Q = {
 				disabled: D,
 				invalid: E
 			})
-		}), !!v && /* @__PURE__ */ F(c, {
+		}), !!v && /* @__PURE__ */ I(c, {
 			gap: "xs",
-			children: [!!ie && /* @__PURE__ */ P(i, {
-				htmlFor: X,
+			children: [!!X && /* @__PURE__ */ F(i, {
+				htmlFor: ie,
 				className: r("text-inherit", "leading-6"),
-				children: R.unitLabel
-			}), /* @__PURE__ */ F(x, {
+				children: z.unitLabel
+			}), /* @__PURE__ */ I(te, {
 				value: G,
 				onValueChange: (e) => J(e),
 				disabled: D || y,
-				children: [/* @__PURE__ */ P(b, {
-					id: X,
-					"aria-label": R.unitLabel || R.unitAriaLabel,
+				children: [/* @__PURE__ */ F(b, {
+					id: ie,
+					"aria-label": z.unitLabel || z.unitAriaLabel,
 					"aria-invalid": E || void 0,
-					iconClassName: f.icon[L],
-					className: r(h(L), S),
-					children: /* @__PURE__ */ P(w, { placeholder: R.unitPlaceholder ? /* @__PURE__ */ P(a, {
+					iconClassName: f.icon[R],
+					className: r(h(R), S),
+					children: /* @__PURE__ */ F(w, { placeholder: z.unitPlaceholder ? /* @__PURE__ */ F(a, {
 						tag: "span",
 						size: "inherit",
 						type: "secondary",
 						lineHeight: "tight",
 						className: "text-inherit",
-						children: R.unitPlaceholder
+						children: z.unitPlaceholder
 					}) : void 0 })
-				}), /* @__PURE__ */ P(ee, { children: /* @__PURE__ */ P(te, { children: Y.map((e) => /* @__PURE__ */ P(C, {
+				}), /* @__PURE__ */ F(ee, { children: /* @__PURE__ */ F(x, { children: Y.map((e) => /* @__PURE__ */ F(C, {
 					value: e.value,
-					size: L,
-					children: /* @__PURE__ */ P(a, {
+					size: R,
+					children: /* @__PURE__ */ F(a, {
 						tag: "span",
 						size: "inherit",
 						lineHeight: "tight",
@@ -834,37 +834,37 @@ var Se = {
 	let r = Number(e);
 	return Number.isFinite(r) && r >= t && r <= n;
 }, Ee = E.forwardRef(function({ value: e, defaultValue: t, format: i = "object", onChange: a, decimalPlaces: l = 6, showPreviewLink: u = !0, strings: d, invalid: f, className: p, disabled: m, size: h }, g) {
-	let _ = n(Se, d), v = e !== void 0, b = Ce(v ? e : t, i), [ee, te] = N(b.lat), [x, S] = N(b.lng), C = Ce(e, i), w = v ? C.lat : ee, T = v ? C.lng : x;
-	ne(() => {
-		v && (te(C.lat), S(C.lng));
+	let _ = n(Se, d), v = e !== void 0, b = Ce(v ? e : t, i), [ee, x] = P(b.lat), [te, S] = P(b.lng), C = Ce(e, i), w = v ? C.lat : ee, T = v ? C.lng : te;
+	A(() => {
+		v && (x(C.lat), S(C.lng));
 	}, [
 		v,
 		C.lat,
 		C.lng
 	]);
 	let E = k((e, t) => {
-		v || (te(e), S(t)), a?.({ target: { value: we(e, t, i) } });
+		v || (x(e), S(t)), a?.({ target: { value: we(e, t, i) } });
 	}, [
 		v,
 		a,
 		i
-	]), D = j(() => {
+	]), D = M(() => {
 		let e = Te(w, -90, 90), t = Te(T, -180, 180);
 		return !e || !t ? null : `https://www.google.com/maps?q=${encodeURIComponent(`${w},${T}`)}`;
 	}, [w, T]);
-	return /* @__PURE__ */ F(c, {
+	return /* @__PURE__ */ I(c, {
 		ref: g,
 		gap: "lg",
 		className: r("coordinates-input--component", p),
-		children: [/* @__PURE__ */ F(s, {
+		children: [/* @__PURE__ */ I(s, {
 			columns: {
 				base: 1,
 				md: 2
 			},
 			gap: "lg",
-			children: [/* @__PURE__ */ P(y, {
+			children: [/* @__PURE__ */ F(y, {
 				label: _.latLabel || void 0,
-				children: /* @__PURE__ */ P(q, {
+				children: /* @__PURE__ */ F(q, {
 					placeholder: _.latPlaceholder || void 0,
 					value: w,
 					onChange: (e) => E(e.target.value, T),
@@ -876,9 +876,9 @@ var Se = {
 					disabled: m,
 					size: h
 				})
-			}), /* @__PURE__ */ P(y, {
+			}), /* @__PURE__ */ F(y, {
 				label: _.lngLabel || void 0,
-				children: /* @__PURE__ */ P(q, {
+				children: /* @__PURE__ */ F(q, {
 					placeholder: _.lngPlaceholder || void 0,
 					value: T,
 					onChange: (e) => E(w, e.target.value),
@@ -891,7 +891,7 @@ var Se = {
 					size: h
 				})
 			})]
-		}), !!u && !!D && !!_.previewLinkLabel && /* @__PURE__ */ P(o, {
+		}), !!u && !!D && !!_.previewLinkLabel && /* @__PURE__ */ F(o, {
 			href: D,
 			type: "secondary",
 			underline: !1,
@@ -903,4 +903,4 @@ Ee.displayName = "CoordinatesInput";
 //#endregion
 export { he as a, oe as c, q as d, be as i, Y as l, $ as n, fe as o, Q as r, se as s, Ee as t, J as u };
 
-//# sourceMappingURL=forms-numeric-B_jraJaQ.js.map
+//# sourceMappingURL=forms-numeric-Cd33AKbD.js.map