themelia-react-ui 2.0.0 → 2.0.1

package/dist/{forms-numeric-D3CO60IF.js → forms-numeric-C0bvjRPZ.js}

@@ -1,18 +1,19 @@
 "use client";
-import { s as e, u as t } from "./ui-provider-D2_TeLqw.js";
+import { s as e, u as t } from "./ui-provider-1D_NSYzO.js";
 import { useStrings as n } from "./lib/strings.js";
-import { t as r } from "./utils-Cospvlj1.js";
-import { i, s as a, t as o } from "./typography-CAr3dQhX.js";
-import { r as s, t as c } from "./structure-hzCW-XsV.js";
-import { h as l, p as u } from "./smart-card-Bek-TwUp.js";
-import { n as d } from "./field-affordance-recipes-CkOCdE2y.js";
-import { d as f, g as p, o as m, u as h } from "./form-sizing-uWP4lzVh.js";
-import { t as g } from "./input-DhQdBnV3.js";
-import { t as _ } from "./form-field-VZRULhUK.js";
-import { _ as v, c as y, d as b, f as ee, g as x, h as te, u as S } from "./choice-inputs-DrJ17tpL.js";
-import { t as C } from "./control-group-recipes-DBXmfh2E.js";
-import * as w from "react";
-import { forwardRef as T, memo as E, useCallback as D, useEffect as O, useId as k, useMemo as A, useRef as j, useState as M } from "react";
+import { t as r } from "./utils-l5LpDw2z.js";
+import { i, s as a, t as o } from "./typography-DTRkE9zL.js";
+import { r as s, t as c } from "./structure-DC2dygdA.js";
+import { h as l, p as u } from "./smart-card-lFKxn5Hu.js";
+import { t as d } from "./interaction-recipes-CHr0dJUs.js";
+import { r as f } from "./field-affordance-recipes-qQeIf4lG.js";
+import { _ as ee, f as p, o as m, u as h } from "./form-sizing-By94KzXE.js";
+import { t as g } from "./input-DWhBBBww.js";
+import { t as _ } from "./form-field-DUt4UxSV.js";
+import { _ as v, d as y, f as b, g as x, l as S, p as te, v as C } from "./choice-inputs-t6w3ATNz.js";
+import { t as w } from "./control-group-recipes-DBXmfh2E.js";
+import * as T from "react";
+import { forwardRef as E, memo as D, useCallback as O, useEffect as k, useId as ne, useMemo as A, useRef as j, useState as M } from "react";
 import { jsx as N, jsxs as P } from "react/jsx-runtime";
 import { AlertTriangle as F, Minus as I, Plus as L } from "lucide-react";
 //#region src/components/base/forms-numeric/decimal-input.tsx
@@ -53,20 +54,20 @@ function U(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 }));
 }
-var ne = {
+var W = {
 	sm: "w-control-sm",
 	md: "w-control",
 	lg: "w-control-lg"
 };
-function G({ decimalPlaces: t = 2, min: i, max: a, allowNegative: o = !0, allowEmpty: s = !0, step: c, roundingMode: l = "round", normalizeOnBlur: u = !0, onChange: d, onBlur: f, onKeyDown: _, placeholder: v, className: y, value: b, defaultValue: ee, disabled: x, size: te, strings: S, ...C }, T) {
-	let { defaultScale: E } = e(), O = p(te, E), k = n(R, S), A = Math.min(12, Math.max(0, t)), j = w.useRef(null), M = x || C.loading || C.readOnly, F = D((e) => {
+function G({ decimalPlaces: t = 2, min: i, max: a, allowNegative: o = !0, allowEmpty: s = !0, step: c, roundingMode: l = "round", normalizeOnBlur: u = !0, onChange: f, onBlur: p, onKeyDown: _, placeholder: v, className: y, value: b, defaultValue: x, disabled: S, size: te, strings: C, ...w }, E) {
+	let { defaultScale: D } = e(), k = ee(te, D), ne = n(R, C), A = Math.min(12, Math.max(0, t)), j = T.useRef(null), M = S || w.loading || w.readOnly, F = O((e) => {
 		let t = e.target.value;
 		if (!t && s) {
-			d?.(e);
+			f?.(e);
 			return;
 		}
 		let n = z(t, A, o);
@@ -83,39 +84,39 @@ function G({ decimalPlaces: t = 2, min: i, max: a, allowNegative: o = !0, allowE
 						value: n
 					}
 				};
-				d?.(t);
-			} else d?.(e);
+				f?.(t);
+			} else f?.(e);
 		}
 	}, [
-		d,
+		f,
 		A,
 		o,
 		s,
 		i,
 		a
-	]), G = D((e) => {
-		if (f?.(e), !u) return;
+	]), G = O((e) => {
+		if (p?.(e), !u) return;
 		let t = e.target.value;
 		if (!t && s) return;
 		let n = Number.parseFloat(t.replace(",", "."));
 		if (!Number.isFinite(n)) return;
 		let r = V(H(n, i, a), A, l).toFixed(A);
-		r !== t && j.current && W(j.current, r);
+		r !== t && j.current && re(j.current, r);
 	}, [
+		p,
 		f,
-		d,
 		u,
 		s,
 		i,
 		a,
 		A,
 		l
-	]), K = D((e) => {
+	]), K = O((e) => {
 		if (M || c === void 0) return;
 		let t = j.current;
 		if (!t) return;
 		let n = t.value, r = Number.parseFloat(n.replace(",", "."));
-		W(t, V(H(U(Number.isFinite(r) ? r : i ?? 0, e, c, i, l), i, a), A, l).toFixed(A));
+		re(t, V(H(U(Number.isFinite(r) ? r : i ?? 0, e, c, i, l), i, a), A, l).toFixed(A));
 	}, [
 		M,
 		c,
@@ -123,8 +124,8 @@ function G({ decimalPlaces: t = 2, min: i, max: a, allowNegative: o = !0, allowE
 		a,
 		l,
 		A,
-		d
-	]), q = typeof c == "number" && c > 0, J = D((e) => {
+		f
+	]), q = typeof c == "number" && c > 0, J = O((e) => {
 		_?.(e), !e.defaultPrevented && q && (e.key === "ArrowUp" || e.key === "ArrowDown") && (e.preventDefault(), K(e.key === "ArrowUp" ? 1 : -1));
 	}, [
 		_,
@@ -132,24 +133,24 @@ function G({ decimalPlaces: t = 2, min: i, max: a, allowNegative: o = !0, allowE
 		K
 	]), Y = v ?? (A > 0 ? `0.${"0".repeat(A)}` : "0");
 	return q ? /* @__PURE__ */ P("div", {
-		className: r("decimal-input--component", "flex items-stretch overflow-hidden rounded-inner border border-input bg-transparent [&>.input--component]:h-full", h[O], "has-[input:focus-visible]:border-input has-[input:focus-visible]:ring-2 has-[input:focus-visible]:ring-ring", "has-[input[aria-invalid=true]]:border-destructive has-[input[aria-invalid=true]]:ring-2 has-[input[aria-invalid=true]]:ring-destructive/20 dark:has-[input[aria-invalid=true]]:ring-destructive/40 has-[input[aria-invalid=true]]:has-[input:focus-visible]:ring-destructive", "has-[input:read-only:not(:disabled)]:bg-muted", x && "opacity-50 cursor-not-allowed"),
+		className: r("decimal-input--component", "flex items-stretch overflow-hidden rounded-inner border border-input bg-transparent [&>.input--component]:h-full", h[k], "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", S && "opacity-50 cursor-not-allowed"),
 		children: [
 			/* @__PURE__ */ N("button", {
 				type: "button",
 				tabIndex: -1,
-				"aria-label": k.decrement,
+				"aria-label": ne.decrement,
 				disabled: M,
 				onClick: () => K(-1),
-				className: r("box-border border-0 bg-transparent p-0 font-sans inline-flex shrink-0 items-center justify-center border-e border-input text-muted-foreground transition-colors", ne[O], "hover:bg-muted hover:text-foreground", "disabled:pointer-events-none disabled:cursor-not-allowed", !x && "disabled:opacity-50"),
+				className: r("box-border border-0 bg-transparent p-0 font-sans inline-flex shrink-0 items-center justify-center border-e border-input text-muted-foreground transition-colors", W[k], d.rowHover, "disabled:pointer-events-none disabled:cursor-not-allowed", !S && "disabled:opacity-50"),
 				children: /* @__PURE__ */ N(I, {
 					"aria-hidden": "true",
-					className: m[O]
+					className: m[k]
 				})
 			}),
 			/* @__PURE__ */ N(g, {
-				size: O,
+				size: k,
 				ref: (e) => {
-					j.current = e, typeof T == "function" ? T(e) : T && (T.current = e);
+					j.current = e, typeof E == "function" ? E(e) : E && (E.current = e);
 				},
 				type: "text",
 				inputMode: A > 0 ? "decimal" : "numeric",
@@ -158,28 +159,28 @@ function G({ decimalPlaces: t = 2, min: i, max: a, allowNegative: o = !0, allowE
 				onBlur: G,
 				onKeyDown: J,
 				value: b,
-				defaultValue: ee,
-				disabled: x,
+				defaultValue: x,
+				disabled: S,
 				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", y),
-				...C
+				...w
 			}),
 			/* @__PURE__ */ N("button", {
 				type: "button",
 				tabIndex: -1,
-				"aria-label": k.increment,
+				"aria-label": ne.increment,
 				disabled: M,
 				onClick: () => K(1),
-				className: r("box-border border-0 bg-transparent p-0 font-sans inline-flex shrink-0 items-center justify-center border-s border-input text-muted-foreground transition-colors", ne[O], "hover:bg-muted hover:text-foreground", "disabled:pointer-events-none disabled:cursor-not-allowed", !x && "disabled:opacity-50"),
+				className: r("box-border border-0 bg-transparent p-0 font-sans inline-flex shrink-0 items-center justify-center border-s border-input text-muted-foreground transition-colors", W[k], d.rowHover, "disabled:pointer-events-none disabled:cursor-not-allowed", !S && "disabled:opacity-50"),
 				children: /* @__PURE__ */ N(L, {
 					"aria-hidden": "true",
-					className: m[O]
+					className: m[k]
 				})
 			})
 		]
 	}) : /* @__PURE__ */ N(g, {
-		size: O,
+		size: k,
 		ref: (e) => {
-			j.current = e, typeof T == "function" ? T(e) : T && (T.current = e);
+			j.current = e, typeof E == "function" ? E(e) : E && (E.current = e);
 		},
 		type: "text",
 		inputMode: A > 0 ? "decimal" : "numeric",
@@ -188,17 +189,17 @@ function G({ decimalPlaces: t = 2, min: i, max: a, allowNegative: o = !0, allowE
 		onBlur: G,
 		onKeyDown: _,
 		value: b,
-		defaultValue: ee,
-		disabled: x,
+		defaultValue: x,
+		disabled: S,
 		className: r("tabular-nums text-end", y),
-		...C
+		...w
 	});
 }
-var K = w.forwardRef(G);
+var K = T.forwardRef(G);
 K.displayName = "DecimalInput";
 //#endregion
 //#region src/components/base/forms-numeric/percentage-input.tsx
-var q = T(function({ decimalPlaces: e = 2, min: t = 0, max: n = 100, step: r, ...i }, a) {
+var q = E(function({ decimalPlaces: e = 2, min: t = 0, max: n = 100, step: r, ...i }, a) {
 	return /* @__PURE__ */ N(K, {
 		className: "percentage-input--component",
 		ref: a,
@@ -227,56 +228,56 @@ var J = {
 	CHF: "CHF",
 	CAD: "C$",
 	AUD: "A$"
-}, re = (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: `${Y[e] || e} ${e}`
 } : e);
-function ie({ currency: t, defaultCurrency: o, currencies: s, onCurrencyChange: l, currencyPosition: u = "start", disableCurrencySelector: m = !1, currencyPlaceholder: h, currencyWidth: g = "w-28", currencyLabel: _, strings: y, invalid: C, disabled: w, onConfigError: T, size: E, ...j }, F) {
-	let { defaultScale: I } = e(), L = p(E, I), R = n(J, y), z = k(), B = A(() => re(s), [s]), [V, H] = M(o ?? B[0]?.value ?? ""), U = t !== void 0, W = U ? t : V;
-	O(() => {
+function X({ currency: t, defaultCurrency: o, currencies: s, onCurrencyChange: l, currencyPosition: u = "start", disableCurrencySelector: d = !1, currencyPlaceholder: m, currencyWidth: h = "w-28", currencyLabel: g, strings: _, invalid: S, disabled: w, onConfigError: T, size: E, ...D }, j) {
+	let { defaultScale: F } = e(), I = ee(E, F), L = n(J, _), R = ne(), z = A(() => ie(s), [s]), [B, V] = M(o ?? z[0]?.value ?? ""), H = t !== void 0, U = H ? t : B;
+	k(() => {
 		let e = {
 			currency: t,
 			defaultCurrency: o,
-			disableCurrencySelector: m
+			disableCurrencySelector: d
 		};
-		m && typeof t == "string" && typeof o == "string" && t.trim() !== "" && o.trim() !== "" && t !== o && T?.("[CurrencyInput] currency/defaultCurrency mismatch while selector is disabled.", e), m && (typeof W != "string" || W.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 U != "string" || U.trim().length === 0) && T?.("[CurrencyInput] disableCurrencySelector is enabled but no currency is provided.", e);
 	}, [
 		t,
 		o,
-		m,
+		d,
 		T,
-		W
+		U
 	]);
-	let ne = D((e) => {
-		e !== null && (U || H(e), l?.(e));
-	}, [U, l]), G = A(() => r("currency-input--selector-trigger", f(L), g), [L, g]), q = /* @__PURE__ */ P(c, {
+	let re = O((e) => {
+		e !== null && (H || V(e), l?.(e));
+	}, [H, l]), W = A(() => r("currency-input--selector-trigger", p(I), h), [I, h]), G = /* @__PURE__ */ P(c, {
 		gap: "xs",
 		className: "currency-input--selector",
-		children: [!!_ && /* @__PURE__ */ N(i, {
-			htmlFor: z,
+		children: [!!g && /* @__PURE__ */ N(i, {
+			htmlFor: R,
 			className: "currency-input--selector-label leading-6",
-			children: _
-		}), /* @__PURE__ */ P(te, {
-			value: W,
-			onValueChange: (e) => ne(e),
-			disabled: w || m,
-			children: [/* @__PURE__ */ N(x, {
-				id: z,
-				"aria-label": _ || R.currencyAriaLabel,
-				"aria-invalid": C || void 0,
-				iconClassName: d.icon[L],
-				className: G,
-				children: /* @__PURE__ */ N(v, { placeholder: h ? /* @__PURE__ */ N(a, {
+			children: g
+		}), /* @__PURE__ */ P(x, {
+			value: U,
+			onValueChange: (e) => re(e),
+			disabled: w || d,
+			children: [/* @__PURE__ */ N(v, {
+				id: R,
+				"aria-label": g || L.currencyAriaLabel,
+				"aria-invalid": S || void 0,
+				iconClassName: f.icon[I],
+				className: W,
+				children: /* @__PURE__ */ N(C, { placeholder: m ? /* @__PURE__ */ N(a, {
 					tag: "span",
 					size: "inherit",
 					type: "secondary",
 					lineHeight: "tight",
 					className: "text-inherit",
-					children: h
+					children: m
 				}) : void 0 })
-			}), /* @__PURE__ */ N(S, { children: /* @__PURE__ */ N(b, { children: B.map((e) => /* @__PURE__ */ N(ee, {
+			}), /* @__PURE__ */ N(y, { children: /* @__PURE__ */ N(b, { children: z.map((e) => /* @__PURE__ */ N(te, {
 				value: e.value,
-				size: L,
+				size: I,
 				children: /* @__PURE__ */ N(a, {
 					tag: "span",
 					size: "inherit",
@@ -290,80 +291,80 @@ function ie({ currency: t, defaultCurrency: o, currencies: s, onCurrencyChange:
 	return /* @__PURE__ */ P("div", {
 		className: r("currency-input--component", "flex items-end gap-space-md"),
 		children: [
-			u === "start" && q,
+			u === "start" && G,
 			/* @__PURE__ */ N("div", {
 				className: "currency-input--amount min-w-0 flex-1",
 				children: /* @__PURE__ */ N(K, {
-					ref: F,
-					size: L,
+					ref: j,
+					size: I,
 					decimalPlaces: 2,
 					allowNegative: !1,
 					disabled: w,
-					invalid: C,
+					invalid: S,
 					strings: {
-						decrement: R.decrement,
-						increment: R.increment
+						decrement: L.decrement,
+						increment: L.increment
 					},
-					...j
+					...D
 				})
 			}),
-			u === "end" && q
+			u === "end" && G
 		]
 	});
 }
-var X = E(T(ie));
-X.displayName = "CurrencyInput";
+var ae = D(E(X));
+ae.displayName = "CurrencyInput";
 //#endregion
 //#region src/components/base/forms-numeric/money-input.strings.ts
-var ae = {
+var oe = {
 	originalValue: "Original value: {value}",
 	conversionWarning: "Currency will be converted from {from} to {to}."
 };
-function oe(e, t) {
+function se(e, t) {
 	return Object.entries(t).reduce((e, [t, n]) => e.replaceAll(`{${t}}`, n), e);
 }
 //#endregion
 //#region src/components/base/forms-numeric/money-input.tsx
-var se = ["USD", "EUR"];
-function ce(e) {
+var ce = ["USD", "EUR"];
+function le(e) {
 	let t = String(e ?? "").trim();
 	if (!t) return null;
 	let n = Number.parseFloat(t.replace(",", "."));
 	return Number.isFinite(n) ? n : null;
 }
-function le(e) {
+function Z(e) {
 	return typeof e == "string" ? e.trim() : "";
 }
-function Z(e) {
+function ue(e) {
 	return typeof e == "string" ? e : e.value;
 }
-var ue = T(function({ currency: e, defaultCurrency: i, currencies: o, onCurrencyChange: s, onChangeData: d, money: f, label: p, hint: m, helperText: h, error: g, required: v, invalid: y, recordCurrency: b, showMigrationWarning: ee = !0, migrationWarningMessage: x, showOriginalHint: te = !0, controlStrings: S, controlClassName: C, strings: w, className: T, onChange: E, value: O, defaultValue: k, ...I }, L) {
-	let R = t(), z = n(ae, w), B = i ?? R.defaultCurrency ?? "USD", [V, H] = M(B), U = e ?? V, W = j(null), ne = A(() => {
-		let e = o?.length ? o : [B, ...se], t = /* @__PURE__ */ new Map();
+var de = E(function({ currency: e, defaultCurrency: i, currencies: o, onCurrencyChange: s, onChangeData: d, money: f, label: ee, hint: p, helperText: m, error: h, required: g, invalid: v, recordCurrency: y, showMigrationWarning: b = !0, migrationWarningMessage: x, showOriginalHint: S = !0, controlStrings: te, controlClassName: C, strings: w, className: T, onChange: E, value: D, defaultValue: k, ...ne }, I) {
+	let L = t(), R = n(oe, w), z = i ?? L.defaultCurrency ?? "USD", [B, V] = M(z), H = e ?? B, U = j(null), re = A(() => {
+		let e = o?.length ? o : [z, ...ce], t = /* @__PURE__ */ new Map();
 		for (let n of e) {
-			let e = Z(n);
+			let e = ue(n);
 			t.has(e) || t.set(e, n);
 		}
 		let n = Array.from(t.values());
-		return t.has(U) ? n : [U, ...n];
+		return t.has(H) ? n : [H, ...n];
 	}, [
-		U,
+		H,
 		o,
-		B
-	]), G = b ?? f?.recordCurrency ?? void 0, K = te ? le(f?.pair?.formatted) : "", q = !!(G && U && G !== U), J = y ?? !!g, Y = D((e) => {
-		W.current = e, typeof L == "function" ? L(e) : L && (L.current = e);
-	}, [L]), re = D((e) => {
+		z
+	]), W = y ?? f?.recordCurrency ?? void 0, G = S ? Z(f?.pair?.formatted) : "", K = !!(W && H && W !== H), q = v ?? !!h, J = O((e) => {
+		U.current = e, typeof I == "function" ? I(e) : I && (I.current = e);
+	}, [I]), Y = O((e) => {
 		E?.(e), d?.({
-			amount: ce(e.target.value),
-			currency: U
+			amount: le(e.target.value),
+			currency: H
 		});
 	}, [
-		U,
+		H,
 		E,
 		d
-	]), ie = D((t) => {
-		e === void 0 && H(t), s?.(t), d?.({
-			amount: ce(W.current?.value ?? O ?? k),
+	]), ie = O((t) => {
+		e === void 0 && V(t), s?.(t), d?.({
+			amount: le(U.current?.value ?? D ?? k),
 			currency: t
 		});
 	}, [
@@ -371,22 +372,22 @@ var ue = T(function({ currency: e, defaultCurrency: i, currencies: o, onCurrency
 		k,
 		d,
 		s,
-		O
-	]), ue = /* @__PURE__ */ N(X, {
-		...I,
-		ref: Y,
-		value: O,
+		D
+	]), X = /* @__PURE__ */ N(ae, {
+		...ne,
+		ref: J,
+		value: D,
 		defaultValue: k,
-		currency: U,
-		currencies: ne,
-		onChange: re,
+		currency: H,
+		currencies: re,
+		onChange: Y,
 		onCurrencyChange: ie,
-		invalid: J,
-		required: v,
-		"aria-required": v ? !0 : I["aria-required"],
-		strings: S,
+		invalid: q,
+		required: g,
+		"aria-required": g ? !0 : ne["aria-required"],
+		strings: te,
 		className: C
-	}), de = !!(p || m || h || g || v);
+	}), de = !!(ee || p || m || h || g);
 	return /* @__PURE__ */ P(c, {
 		gap: "sm",
 		className: r("money-input--component", T),
@@ -394,48 +395,48 @@ var ue = T(function({ currency: e, defaultCurrency: i, currencies: o, onCurrency
 			gap: "xs",
 			className: "money-input--field",
 			children: [de ? /* @__PURE__ */ N(_, {
-				label: p,
-				hint: m,
-				helperText: h,
-				error: g,
-				required: v,
-				children: ue
-			}) : ue, !!K && !g && /* @__PURE__ */ N(a, {
+				label: ee,
+				hint: p,
+				helperText: m,
+				error: h,
+				required: g,
+				children: X
+			}) : X, !!G && !h && /* @__PURE__ */ N(a, {
 				tag: "p",
 				size: "xs",
 				type: "secondary",
 				className: "money-input--original",
-				children: oe(z.originalValue, { value: K })
+				children: se(R.originalValue, { value: G })
 			})]
-		}), !!q && ee && /* @__PURE__ */ P(u, {
+		}), !!K && b && /* @__PURE__ */ P(u, {
 			tone: "warning",
 			className: "money-input--warning",
-			children: [/* @__PURE__ */ N(F, { "aria-hidden": "true" }), /* @__PURE__ */ N(l, { children: x ?? oe(z.conversionWarning, {
-				from: G ?? "",
-				to: U
+			children: [/* @__PURE__ */ N(F, { "aria-hidden": "true" }), /* @__PURE__ */ N(l, { children: x ?? se(R.conversionWarning, {
+				from: W ?? "",
+				to: H
 			}) })]
 		})]
 	});
 });
-ue.displayName = "MoneyInput";
+de.displayName = "MoneyInput";
 //#endregion
 //#region src/components/base/forms-numeric/rounding-mode-select.tsx
-var de = [
+var fe = [
 	"floor",
 	"half_up",
 	"ceil"
-], fe = {
+], pe = {
 	floor: "Round down",
 	half_up: "Round half up",
 	ceil: "Round up"
-}, pe = T(function(e, t) {
-	let n = Object.prototype.hasOwnProperty.call(e, "value"), { value: i, onValueChange: a, labels: o, placeholder: s, className: c, ...l } = e, u = A(() => de.map((e) => ({
+}, me = E(function(e, t) {
+	let n = Object.prototype.hasOwnProperty.call(e, "value"), { value: i, onValueChange: a, labels: o, placeholder: s, className: c, ...l } = e, u = A(() => fe.map((e) => ({
 		value: e,
-		label: o?.[e] ?? fe[e] ?? e
-	})), [o]), d = D((e) => {
+		label: o?.[e] ?? pe[e] ?? e
+	})), [o]), d = O((e) => {
 		a?.(e);
 	}, [a]);
-	return /* @__PURE__ */ N(y, {
+	return /* @__PURE__ */ N(S, {
 		ref: t,
 		className: r("rounding-mode-select--component", c),
 		options: u,
@@ -445,10 +446,10 @@ var de = [
 		...l
 	});
 });
-pe.displayName = "RoundingModeSelect";
+me.displayName = "RoundingModeSelect";
 //#endregion
 //#region src/components/base/forms-numeric/dimensions-input.tsx
-var me = {
+var he = {
 	width: "Width",
 	height: "Height",
 	depth: "Depth",
@@ -456,7 +457,7 @@ var me = {
 	widthPlaceholder: "0.00",
 	heightPlaceholder: "0.00",
 	depthPlaceholder: "0.00"
-}, he = [
+}, ge = [
 	{
 		value: "mm",
 		label: "mm"
@@ -481,7 +482,7 @@ var me = {
 		value: "px",
 		label: "px"
 	}
-], ge = (e, t) => {
+], _e = (e, t) => {
 	if (!e) return {
 		width: "",
 		height: "",
@@ -504,20 +505,20 @@ var me = {
 		height: "",
 		depth: ""
 	};
-}, _e = (e, t, n, r) => r === "string" ? `${e}x${t}x${n}` : {
+}, ve = (e, t, n, r) => r === "string" ? `${e}x${t}x${n}` : {
 	width: e,
 	height: t,
 	depth: n
-}, ve = w.forwardRef(function({ value: t, defaultValue: o, format: s = "string", unit: l, defaultUnit: u = "cm", widthLabel: m, heightLabel: h, depthLabel: g, unitLabel: _, unitPlaceholder: y, widthPlaceholder: w, heightPlaceholder: T, depthPlaceholder: E, onChange: A, onUnitChange: j, decimalPlaces: F = 2, min: I = 0, max: L, showUnitSelector: R = !0, disableUnitSelector: z = !1, layout: B = "horizontal", invalid: V, disabled: H = !1, className: U, size: W, strings: ne }, G) {
-	let { defaultScale: q } = e(), J = p(W, q), Y = n(me, ne), re = m ?? Y.width, ie = h ?? Y.height, X = g ?? Y.depth, ae = y ?? Y.unit, oe = w ?? Y.widthPlaceholder, se = T ?? Y.heightPlaceholder, ce = E ?? Y.depthPlaceholder, le = B === "horizontal", Z = B === "vertical", ue = R === !0, de = (_ ?? "").length > 0, fe = Z ? re : "", pe = Z ? ie : "", ve = Z ? X : "", ye = k(), Q = {
+}, ye = T.forwardRef(function({ value: t, defaultValue: o, format: s = "string", unit: l, defaultUnit: u = "cm", widthLabel: d, heightLabel: m, depthLabel: h, unitLabel: g, unitPlaceholder: _, widthPlaceholder: S, heightPlaceholder: T, depthPlaceholder: E, onChange: D, onUnitChange: A, decimalPlaces: j = 2, min: F = 0, max: I, showUnitSelector: L = !0, disableUnitSelector: R = !1, layout: z = "horizontal", invalid: B, disabled: V = !1, className: H, size: U, strings: re }, W) {
+	let { defaultScale: G } = e(), q = ee(U, G), J = n(he, re), Y = d ?? J.width, ie = m ?? J.height, X = h ?? J.depth, ae = _ ?? J.unit, oe = S ?? J.widthPlaceholder, se = T ?? J.heightPlaceholder, ce = E ?? J.depthPlaceholder, le = z === "horizontal", Z = z === "vertical", ue = L === !0, de = (g ?? "").length > 0, fe = Z ? Y : "", pe = Z ? ie : "", me = Z ? X : "", ye = ne(), Q = {
 		width: `${ye}-width`,
 		height: `${ye}-height`,
 		depth: `${ye}-depth`,
 		unit: `${ye}-unit`
-	}, be = "leading-6", $ = t !== void 0, xe = l !== void 0, Se = ge($ ? t : o, s), [Ce, we] = M(Se.width), [Te, Ee] = M(Se.height), [De, Oe] = M(Se.depth), [ke, Ae] = M(l || u), je = ge(t, s), Me = $ ? je.width : Ce, Ne = $ ? je.height : Te, Pe = $ ? je.depth : De, Fe = xe ? l : ke;
-	O(() => {
+	}, be = "leading-6", $ = t !== void 0, xe = l !== void 0, Se = _e($ ? t : o, s), [Ce, we] = M(Se.width), [Te, Ee] = M(Se.height), [De, Oe] = M(Se.depth), [ke, Ae] = M(l || u), je = _e(t, s), Me = $ ? je.width : Ce, Ne = $ ? je.height : Te, Pe = $ ? je.depth : De, Fe = xe ? l : ke;
+	k(() => {
 		if ($) {
-			let e = ge(t, s);
+			let e = _e(t, s);
 			we(e.width), Ee(e.height), Oe(e.depth);
 		}
 	}, [
@@ -525,39 +526,39 @@ var me = {
 		s,
 		$
 	]);
-	let Ie = D((e, t) => {
+	let Ie = O((e, t) => {
 		let n = Me, r = Ne, i = Pe;
 		e === "width" && (n = t), e === "height" && (r = t), e === "depth" && (i = t), $ || (we(n), Ee(r), Oe(i));
-		let a = _e(n, r, i, s);
-		A?.({ target: { value: a } });
+		let a = ve(n, r, i, s);
+		D?.({ target: { value: a } });
 	}, [
 		Me,
 		Ne,
 		Pe,
 		$,
 		s,
-		A
-	]), Le = D((e) => {
+		D
+	]), Le = O((e) => {
 		if (e === null) return;
 		let t = e;
-		xe || Ae(t), j?.(t);
-	}, [xe, j]), Re = /* @__PURE__ */ P(c, {
+		xe || Ae(t), A?.(t);
+	}, [xe, A]), Re = /* @__PURE__ */ P(c, {
 		gap: "xs",
 		children: [!!de && Z && /* @__PURE__ */ N(i, {
 			htmlFor: Q.unit,
 			className: be,
-			children: _
-		}), /* @__PURE__ */ P(te, {
+			children: g
+		}), /* @__PURE__ */ P(x, {
 			value: Fe,
 			onValueChange: (e) => Le(e),
-			disabled: H || z,
-			children: [/* @__PURE__ */ N(x, {
+			disabled: V || R,
+			children: [/* @__PURE__ */ N(v, {
 				id: Q.unit,
-				"aria-label": _ ?? Y.unit,
-				"aria-invalid": V || void 0,
-				iconClassName: d.icon[J],
-				className: r(f(J), B === "vertical" ? "w-full" : "w-full @md/dimensions-input:w-32"),
-				children: /* @__PURE__ */ N(v, { placeholder: /* @__PURE__ */ N(a, {
+				"aria-label": g ?? J.unit,
+				"aria-invalid": B || void 0,
+				iconClassName: f.icon[q],
+				className: r(p(q), z === "vertical" ? "w-full" : "w-full @md/dimensions-input:w-32"),
+				children: /* @__PURE__ */ N(C, { placeholder: /* @__PURE__ */ N(a, {
 					tag: "span",
 					size: "inherit",
 					type: "secondary",
@@ -565,9 +566,9 @@ var me = {
 					className: "text-inherit",
 					children: ae
 				}) })
-			}), /* @__PURE__ */ N(S, { children: /* @__PURE__ */ N(b, { children: he.map((e) => /* @__PURE__ */ N(ee, {
+			}), /* @__PURE__ */ N(y, { children: /* @__PURE__ */ N(b, { children: ge.map((e) => /* @__PURE__ */ N(te, {
 				value: e.value,
-				size: J,
+				size: q,
 				children: /* @__PURE__ */ N(a, {
 					tag: "span",
 					size: "inherit",
@@ -579,13 +580,13 @@ var me = {
 		})]
 	});
 	return /* @__PURE__ */ N(c, {
-		ref: G,
+		ref: W,
 		gap: "md",
-		className: r("dimensions-input--component @container/dimensions-input", U),
+		className: r("dimensions-input--component @container/dimensions-input", H),
 		children: /* @__PURE__ */ P(c, {
-			direction: B === "vertical" ? "vertical" : "horizontal",
+			direction: z === "vertical" ? "vertical" : "horizontal",
 			gap: "md",
-			align: B === "vertical" ? "stretch" : "start",
+			align: z === "vertical" ? "stretch" : "start",
 			className: "dimensions-input--fields",
 			children: [
 				/* @__PURE__ */ P(c, {
@@ -599,28 +600,28 @@ var me = {
 						}),
 						/* @__PURE__ */ N(K, {
 							id: Q.width,
-							size: J,
+							size: q,
 							value: Me,
 							onChange: (e) => Ie("width", e.target.value),
 							placeholder: oe,
-							decimalPlaces: F,
-							min: I,
-							max: L,
-							disabled: H,
-							invalid: V,
-							"aria-label": re
+							decimalPlaces: j,
+							min: F,
+							max: I,
+							disabled: V,
+							invalid: B,
+							"aria-label": Y
 						}),
 						!!le && /* @__PURE__ */ N(a, {
 							size: "xs",
 							type: "secondary",
 							className: "text-center",
-							children: re
+							children: Y
 						})
 					]
 				}),
-				B === "horizontal" && /* @__PURE__ */ N("div", {
+				z === "horizontal" && /* @__PURE__ */ N("div", {
 					"aria-hidden": "true",
-					className: r("dimensions-input--separator flex items-center", C[J]),
+					className: r("dimensions-input--separator flex items-center", w[q]),
 					children: /* @__PURE__ */ N(a, {
 						tag: "span",
 						type: "secondary",
@@ -638,15 +639,15 @@ var me = {
 						}),
 						/* @__PURE__ */ N(K, {
 							id: Q.height,
-							size: J,
+							size: q,
 							value: Ne,
 							onChange: (e) => Ie("height", e.target.value),
 							placeholder: se,
-							decimalPlaces: F,
-							min: I,
-							max: L,
-							disabled: H,
-							invalid: V,
+							decimalPlaces: j,
+							min: F,
+							max: I,
+							disabled: V,
+							invalid: B,
 							"aria-label": ie
 						}),
 						!!le && /* @__PURE__ */ N(a, {
@@ -657,9 +658,9 @@ var me = {
 						})
 					]
 				}),
-				B === "horizontal" && /* @__PURE__ */ N("div", {
+				z === "horizontal" && /* @__PURE__ */ N("div", {
 					"aria-hidden": "true",
-					className: r("dimensions-input--separator flex items-center", C[J]),
+					className: r("dimensions-input--separator flex items-center", w[q]),
 					children: /* @__PURE__ */ N(a, {
 						tag: "span",
 						type: "secondary",
@@ -670,22 +671,22 @@ var me = {
 					gap: "xs",
 					className: "min-w-0 flex-1",
 					children: [
-						!!Z && !!ve && /* @__PURE__ */ N(i, {
+						!!Z && !!me && /* @__PURE__ */ N(i, {
 							htmlFor: Q.depth,
 							className: be,
-							children: ve
+							children: me
 						}),
 						/* @__PURE__ */ N(K, {
 							id: Q.depth,
-							size: J,
+							size: q,
 							value: Pe,
 							onChange: (e) => Ie("depth", e.target.value),
 							placeholder: ce,
-							decimalPlaces: F,
-							min: I,
-							max: L,
-							disabled: H,
-							invalid: V,
+							decimalPlaces: j,
+							min: F,
+							max: I,
+							disabled: V,
+							invalid: B,
 							"aria-label": X
 						}),
 						!!le && /* @__PURE__ */ N(a, {
@@ -698,26 +699,26 @@ var me = {
 				}),
 				!!ue && /* @__PURE__ */ P(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"),
+					className: r("dimensions-input--unit", z === "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: [Re, !!le && /* @__PURE__ */ N(a, {
 						size: "xs",
 						type: "secondary",
 						className: "text-center",
-						children: de ? _ : ae
+						children: de ? g : ae
 					})]
 				})
 			]
 		})
 	});
 });
-ve.displayName = "DimensionsInput";
+ye.displayName = "DimensionsInput";
 //#endregion
 //#region src/components/base/forms-numeric/weight-input.tsx
-var ye = {
+var Q = {
 	unitLabel: "",
 	unitAriaLabel: "Unit",
 	unitPlaceholder: ""
-}, Q = [
+}, be = [
 	{
 		value: "g",
 		label: "g"
@@ -734,57 +735,57 @@ var ye = {
 		value: "oz",
 		label: "oz"
 	}
-], be = w.forwardRef(function({ value: t, defaultValue: o, unit: s, defaultUnit: l = "g", onChange: u, onUnitChange: m, decimalPlaces: h = 2, min: g = 0, max: _, showUnitSelector: y = !0, disableUnitSelector: C = !1, unitWidth: w = "w-24", strings: T, invalid: E, disabled: O = !1, size: j, className: F }, I) {
-	let { defaultScale: L } = e(), R = p(j, L), z = n(ye, T), B = t !== void 0, V = s !== void 0, [H, U] = M(o ?? ""), [W, ne] = M(s ?? l), G = B ? t ?? "" : H, q = V ? s ?? l : W, J = D((e) => {
-		B || U(e.target.value), u?.({ target: { value: e.target.value } });
-	}, [B, u]), Y = D((e) => {
+], $ = T.forwardRef(function({ value: t, defaultValue: o, unit: s, defaultUnit: l = "g", onChange: u, onUnitChange: d, decimalPlaces: m = 2, min: h = 0, max: g, showUnitSelector: _ = !0, disableUnitSelector: S = !1, unitWidth: w = "w-24", strings: T, invalid: E, disabled: D = !1, size: k, className: j }, F) {
+	let { defaultScale: I } = e(), L = ee(k, I), R = n(Q, T), z = t !== void 0, B = s !== void 0, [V, H] = M(o ?? ""), [U, re] = M(s ?? l), W = z ? t ?? "" : V, G = B ? s ?? l : U, q = O((e) => {
+		z || H(e.target.value), u?.({ target: { value: e.target.value } });
+	}, [z, u]), J = O((e) => {
 		if (e === null) return;
 		let t = e;
-		V || ne(t), m?.(t);
-	}, [V, m]), re = A(() => Q, []), ie = z.unitLabel !== "", X = k();
+		B || re(t), d?.(t);
+	}, [B, d]), Y = A(() => be, []), ie = R.unitLabel !== "", X = ne();
 	return /* @__PURE__ */ P("div", {
-		ref: I,
-		className: r("weight-input--component", "flex items-end gap-space-md", F),
+		ref: F,
+		className: r("weight-input--component", "flex items-end gap-space-md", j),
 		children: [/* @__PURE__ */ N("div", {
 			className: "flex-1",
 			children: /* @__PURE__ */ N(K, {
-				size: R,
-				value: G,
-				onChange: J,
-				decimalPlaces: h,
+				size: L,
+				value: W,
+				onChange: q,
+				decimalPlaces: m,
 				allowNegative: !1,
-				min: g,
-				max: _,
-				disabled: O,
+				min: h,
+				max: g,
+				disabled: D,
 				invalid: E
 			})
-		}), !!y && /* @__PURE__ */ P(c, {
+		}), !!_ && /* @__PURE__ */ P(c, {
 			gap: "xs",
 			children: [!!ie && /* @__PURE__ */ N(i, {
 				htmlFor: X,
 				className: "leading-6",
-				children: z.unitLabel
-			}), /* @__PURE__ */ P(te, {
-				value: q,
-				onValueChange: (e) => Y(e),
-				disabled: O || C,
-				children: [/* @__PURE__ */ N(x, {
+				children: R.unitLabel
+			}), /* @__PURE__ */ P(x, {
+				value: G,
+				onValueChange: (e) => J(e),
+				disabled: D || S,
+				children: [/* @__PURE__ */ N(v, {
 					id: X,
-					"aria-label": z.unitLabel || z.unitAriaLabel,
+					"aria-label": R.unitLabel || R.unitAriaLabel,
 					"aria-invalid": E || void 0,
-					iconClassName: d.icon[R],
-					className: r(f(R), w),
-					children: /* @__PURE__ */ N(v, { placeholder: z.unitPlaceholder ? /* @__PURE__ */ N(a, {
+					iconClassName: f.icon[L],
+					className: r(p(L), w),
+					children: /* @__PURE__ */ N(C, { placeholder: R.unitPlaceholder ? /* @__PURE__ */ N(a, {
 						tag: "span",
 						size: "inherit",
 						type: "secondary",
 						lineHeight: "tight",
 						className: "text-inherit",
-						children: z.unitPlaceholder
+						children: R.unitPlaceholder
 					}) : void 0 })
-				}), /* @__PURE__ */ N(S, { children: /* @__PURE__ */ N(b, { children: re.map((e) => /* @__PURE__ */ N(ee, {
+				}), /* @__PURE__ */ N(y, { children: /* @__PURE__ */ N(b, { children: Y.map((e) => /* @__PURE__ */ N(te, {
 					value: e.value,
-					size: R,
+					size: L,
 					children: /* @__PURE__ */ N(a, {
 						tag: "span",
 						size: "inherit",
@@ -797,16 +798,16 @@ var ye = {
 		})]
 	});
 });
-be.displayName = "WeightInput";
+$.displayName = "WeightInput";
 //#endregion
 //#region src/components/base/forms-numeric/coordinates-input.tsx
-var $ = {
+var xe = {
 	latLabel: "",
 	lngLabel: "",
 	latPlaceholder: "",
 	lngPlaceholder: "",
 	previewLinkLabel: ""
-}, xe = (e, t) => {
+}, Se = (e, t) => {
 	if (!e) return {
 		lat: "",
 		lng: ""
@@ -825,36 +826,36 @@ var $ = {
 		lat: "",
 		lng: ""
 	};
-}, Se = (e, t, n) => n === "string" ? `${e},${t}` : {
+}, Ce = (e, t, n) => n === "string" ? `${e},${t}` : {
 	lat: e,
 	lng: t
-}, Ce = (e, t, n) => {
+}, we = (e, t, n) => {
 	if (!e) return !1;
 	let r = Number(e);
 	return Number.isFinite(r) && r >= t && r <= n;
-}, we = w.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 v = n($, d), y = e !== void 0, b = xe(y ? e : t, i), [ee, x] = M(b.lat), [te, S] = M(b.lng), C = xe(e, i), w = y ? C.lat : ee, T = y ? C.lng : te;
-	O(() => {
-		y && (x(C.lat), S(C.lng));
+}, Te = T.forwardRef(function({ value: e, defaultValue: t, format: i = "object", onChange: a, decimalPlaces: l = 6, showPreviewLink: u = !0, strings: d, invalid: f, className: ee, disabled: p, size: m }, h) {
+	let g = n(xe, d), v = e !== void 0, y = Se(v ? e : t, i), [b, x] = M(y.lat), [S, te] = M(y.lng), C = Se(e, i), w = v ? C.lat : b, T = v ? C.lng : S;
+	k(() => {
+		v && (x(C.lat), te(C.lng));
 	}, [
-		y,
+		v,
 		C.lat,
 		C.lng
 	]);
-	let E = D((e, t) => {
-		y || (x(e), S(t)), a?.({ target: { value: Se(e, t, i) } });
+	let E = O((e, t) => {
+		v || (x(e), te(t)), a?.({ target: { value: Ce(e, t, i) } });
 	}, [
-		y,
+		v,
 		a,
 		i
-	]), k = A(() => {
-		let e = Ce(w, -90, 90), t = Ce(T, -180, 180);
+	]), D = A(() => {
+		let e = we(w, -90, 90), t = we(T, -180, 180);
 		return !e || !t ? null : `https://www.google.com/maps?q=${encodeURIComponent(`${w},${T}`)}`;
 	}, [w, T]);
 	return /* @__PURE__ */ P(c, {
-		ref: g,
+		ref: h,
 		gap: "lg",
-		className: r("coordinates-input--component", p),
+		className: r("coordinates-input--component", ee),
 		children: [/* @__PURE__ */ P(s, {
 			columns: {
 				base: 1,
@@ -862,9 +863,9 @@ var $ = {
 			},
 			gap: "lg",
 			children: [/* @__PURE__ */ N(_, {
-				label: v.latLabel || void 0,
+				label: g.latLabel || void 0,
 				children: /* @__PURE__ */ N(K, {
-					placeholder: v.latPlaceholder || void 0,
+					placeholder: g.latPlaceholder || void 0,
 					value: w,
 					onChange: (e) => E(e.target.value, T),
 					decimalPlaces: l,
@@ -872,13 +873,13 @@ var $ = {
 					min: -90,
 					max: 90,
 					invalid: f,
-					disabled: m,
-					size: h
+					disabled: p,
+					size: m
 				})
 			}), /* @__PURE__ */ N(_, {
-				label: v.lngLabel || void 0,
+				label: g.lngLabel || void 0,
 				children: /* @__PURE__ */ N(K, {
-					placeholder: v.lngPlaceholder || void 0,
+					placeholder: g.lngPlaceholder || void 0,
 					value: T,
 					onChange: (e) => E(w, e.target.value),
 					decimalPlaces: l,
@@ -886,20 +887,20 @@ var $ = {
 					min: -180,
 					max: 180,
 					invalid: f,
-					disabled: m,
-					size: h
+					disabled: p,
+					size: m
 				})
 			})]
-		}), !!u && !!k && !!v.previewLinkLabel && /* @__PURE__ */ N(o, {
-			href: k,
+		}), !!u && !!D && !!g.previewLinkLabel && /* @__PURE__ */ N(o, {
+			href: D,
 			type: "secondary",
 			underline: !1,
-			children: v.previewLinkLabel
+			children: g.previewLinkLabel
 		})]
 	});
 });
-we.displayName = "CoordinatesInput";
+Te.displayName = "CoordinatesInput";
 //#endregion
-export { pe as a, X as c, K as d, ve as i, J as l, be as n, ue as o, ye as r, ae as s, we as t, q as u };
+export { me as a, ae as c, K as d, ye as i, J as l, $ as n, de as o, Q as r, oe as s, Te as t, q as u };
 
-//# sourceMappingURL=forms-numeric-D3CO60IF.js.map
+//# sourceMappingURL=forms-numeric-C0bvjRPZ.js.map