themelia-react-ui 2.0.6 → 3.0.0

package/dist/forms-numeric-DOBswjKj.js

@@ -0,0 +1,992 @@
+"use client";
+import { f as e, h as t } from "./ui-provider-Bu1S-o96.js";
+import { useStrings as n } from "./lib/strings.js";
+import { t as r } from "./utils-BVbAG2J6.js";
+import { a as i, c as a, t as o } from "./typography-C0dELqYV.js";
+import { r as s, t as c } from "./structure-DElaQwwN.js";
+import { f as l, m as u } from "./smart-card-C59z6KFO.js";
+import { n as d } from "./composition.recipes-COdiFhxB.js";
+import { t as f } from "./interaction-recipes-DmuS1ase.js";
+import { t as p } from "./field-state-recipes-EtCxpEy3.js";
+import { r as ee } from "./field-affordance-recipes-DfbMadot.js";
+import { d as m, m as h, p as g, s as _, y as v } from "./form-sizing-DE_dZw32.js";
+import { t as y } from "./input-DfJyrjoR.js";
+import { t as b } from "./form-field-BdfCwSoQ.js";
+import { n as x, t as te } from "./field-control-attributes-B6i335wr.js";
+import { _ as S, d as ne, f as C, g as re, l as w, p as T, v as E } from "./choice-inputs-oJEsrb5Y.js";
+import { t as D } from "./control-group-recipes-fMuFo0H7.js";
+import * as O from "react";
+import { forwardRef as k, memo as A, useCallback as j, useEffect as M, useId as N, useMemo as P, useRef as F, useState as I } from "react";
+import { jsx as L, jsxs as R } from "react/jsx-runtime";
+import { AlertTriangle as z, Minus as ie, Plus as B } from "lucide-react";
+//#region src/components/base/forms-numeric/decimal-input.tsx
+var V = {
+	decrement: "Decrement",
+	increment: "Increment"
+}, H = (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("-")) {
+		let e = r.startsWith("-");
+		r = r.replace(/-/g, ""), e && (r = "-" + r);
+	}
+	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;
+};
+function U(e, t, n) {
+	let r = 10 ** t, i = e * r;
+	switch (n) {
+		case "floor": return Math.floor(i) / r;
+		case "ceil": return Math.ceil(i) / r;
+		case "half-even": {
+			let e = Math.floor(i), t = i - e;
+			return t > .5 ? (e + 1) / r : t < .5 ? e / r : (e % 2 == 0 ? e : e + 1) / r;
+		}
+		default: return Math.round(i) / r;
+	}
+}
+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 ae(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 oe(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 se = {
+	sm: "w-control-sm",
+	md: "w-control",
+	lg: "w-control-lg"
+};
+function G(t, i) {
+	let { decimalPlaces: a = 2, min: o, max: s, allowNegative: c = !0, allowEmpty: l = !0, step: u, roundingMode: d = "round", normalizeOnBlur: ee = !0, onChange: h, onBlur: g, onKeyDown: b, placeholder: x, className: te, value: S, defaultValue: ne, disabled: C, size: re, strings: w, ...T } = t, { defaultScale: E } = e(), D = v(re, E), k = n(V, w), A = Math.min(12, Math.max(0, a)), M = O.useRef(null), N = C || T.loading || T.readOnly, P = j((e) => {
+		let t = e.target.value;
+		if (!t && l) {
+			h?.(e);
+			return;
+		}
+		let n = H(t, A, c);
+		if (!(s !== void 0 && !n.startsWith("-") && Number.parseFloat(n) > s)) {
+			if (n !== t) {
+				let t = {
+					...e,
+					target: {
+						...e.target,
+						value: n
+					},
+					currentTarget: {
+						...e.currentTarget,
+						value: n
+					}
+				};
+				h?.(t);
+			} else h?.(e);
+		}
+	}, [
+		h,
+		A,
+		c,
+		l,
+		s
+	]), F = j((e) => {
+		if (g?.(e), !ee) return;
+		let t = e.target.value;
+		if (!t && l) return;
+		let n = Number.parseFloat(t.replace(",", "."));
+		if (!Number.isFinite(n)) return;
+		let r = U(W(n, o, s), A, d).toFixed(A);
+		r !== t && M.current && oe(M.current, r);
+	}, [
+		g,
+		ee,
+		l,
+		o,
+		s,
+		A,
+		d
+	]), I = j((e) => {
+		if (N || u === void 0) return;
+		let t = M.current;
+		if (!t) return;
+		let n = t.value, r = Number.parseFloat(n.replace(",", "."));
+		oe(t, U(W(ae(Number.isFinite(r) ? r : o ?? 0, e, u, o, d), o, s), A, d).toFixed(A));
+	}, [
+		N,
+		u,
+		o,
+		s,
+		d,
+		A
+	]), z = typeof u == "number" && u > 0, G = j((e) => {
+		b?.(e), !e.defaultPrevented && z && (e.key === "ArrowUp" || e.key === "ArrowDown") && (e.preventDefault(), I(e.key === "ArrowUp" ? 1 : -1));
+	}, [
+		b,
+		z,
+		I
+	]), K = x ?? (A > 0 ? `0.${"0".repeat(A)}` : "0"), q = T.endAddon && !T.startAddon ? "text-end" : T.startAddon && !T.endAddon ? "text-start" : "text-center";
+	return z ? /* @__PURE__ */ R("div", {
+		className: r("decimal-input--component", "flex items-stretch overflow-hidden rounded-radius border border-input bg-transparent [&>.input--component]:h-full", m[D], p.compoundFocus, "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__ */ L("button", {
+				type: "button",
+				tabIndex: -1,
+				"aria-label": k.decrement,
+				disabled: N,
+				onClick: () => I(-1),
+				className: r(f.nativeButtonReset, "inline-flex shrink-0 items-center justify-center border-e border-input text-muted-foreground transition-colors", se[D], f.rowHover, "disabled:pointer-events-none disabled:cursor-not-allowed", !C && "disabled:opacity-50"),
+				children: /* @__PURE__ */ L(ie, {
+					"aria-hidden": "true",
+					className: _[D]
+				})
+			}),
+			/* @__PURE__ */ L(y, {
+				size: D,
+				ref: (e) => {
+					M.current = e, typeof i == "function" ? i(e) : i && (i.current = e);
+				},
+				type: "text",
+				inputMode: A > 0 ? "decimal" : "numeric",
+				placeholder: K,
+				onChange: P,
+				onBlur: F,
+				onKeyDown: G,
+				..."value" in t ? { value: S } : {},
+				defaultValue: ne,
+				disabled: C,
+				className: r("!h-full min-h-0 flex-1 tabular-nums 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", q, te),
+				...T
+			}),
+			/* @__PURE__ */ L("button", {
+				type: "button",
+				tabIndex: -1,
+				"aria-label": k.increment,
+				disabled: N,
+				onClick: () => I(1),
+				className: r(f.nativeButtonReset, "inline-flex shrink-0 items-center justify-center border-s border-input text-muted-foreground transition-colors", se[D], f.rowHover, "disabled:pointer-events-none disabled:cursor-not-allowed", !C && "disabled:opacity-50"),
+				children: /* @__PURE__ */ L(B, {
+					"aria-hidden": "true",
+					className: _[D]
+				})
+			})
+		]
+	}) : /* @__PURE__ */ L(y, {
+		size: D,
+		ref: (e) => {
+			M.current = e, typeof i == "function" ? i(e) : i && (i.current = e);
+		},
+		type: "text",
+		inputMode: A > 0 ? "decimal" : "numeric",
+		placeholder: K,
+		onChange: P,
+		onBlur: F,
+		onKeyDown: b,
+		..."value" in t ? { value: S } : {},
+		defaultValue: ne,
+		disabled: C,
+		className: r("tabular-nums text-end", te),
+		...T
+	});
+}
+var K = O.forwardRef(G);
+K.displayName = "DecimalInput";
+//#endregion
+//#region src/components/base/forms-numeric/percentage-input.tsx
+var q = k(function({ decimalPlaces: e = 2, min: t = 0, max: n = 100, step: r, ...i }, a) {
+	return /* @__PURE__ */ L(K, {
+		className: "percentage-input--component",
+		ref: a,
+		decimalPlaces: e,
+		allowNegative: !1,
+		min: t,
+		max: n,
+		step: r,
+		endAddon: "%",
+		...i
+	});
+});
+q.displayName = "PercentageInput";
+//#endregion
+//#region src/components/base/forms-numeric/currency-input.tsx
+var J = {
+	...V,
+	currencyAriaLabel: "Currency"
+}, ce = {
+	USD: "$",
+	EUR: "€",
+	GBP: "£",
+	BGN: "лв",
+	JPY: "¥",
+	CNY: "¥",
+	CHF: "CHF",
+	CAD: "C$",
+	AUD: "A$"
+}, Y = (e) => !e || e.length === 0 ? [] : e.map((e) => typeof e == "string" ? {
+	value: e,
+	label: `${ce[e] || e} ${e}`
+} : e);
+function X({ currency: t, defaultCurrency: o, currencies: s, onCurrencyChange: l, currencyPosition: u = "start", disableCurrencySelector: d = !1, currencyPlaceholder: f, currencyWidth: p = "w-28", currencyLabel: m, strings: h, invalid: _, disabled: y, onConfigError: b, size: x, ...te }, w) {
+	let { defaultScale: D } = e(), O = v(x, D), k = n(J, h), A = N(), F = P(() => Y(s), [s]), [z, ie] = I(o ?? F[0]?.value ?? ""), B = t !== void 0, V = B ? t : z;
+	M(() => {
+		let e = {
+			currency: t,
+			defaultCurrency: o,
+			disableCurrencySelector: d
+		};
+		d && typeof t == "string" && typeof o == "string" && t.trim() !== "" && o.trim() !== "" && t !== o && b?.("[CurrencyInput] currency/defaultCurrency mismatch while selector is disabled.", e), d && (typeof V != "string" || V.trim().length === 0) && b?.("[CurrencyInput] disableCurrencySelector is enabled but no currency is provided.", e);
+	}, [
+		t,
+		o,
+		d,
+		b,
+		V
+	]);
+	let H = j((e) => {
+		e !== null && (B || ie(e), l?.(e));
+	}, [B, l]), U = P(() => r("currency-input--selector-trigger", g(O), p), [O, p]), W = /* @__PURE__ */ R(c, {
+		gap: "xs",
+		className: "currency-input--selector",
+		children: [!!m && /* @__PURE__ */ L(i, {
+			htmlFor: A,
+			className: r("currency-input--selector-label text-inherit", "leading-6"),
+			children: m
+		}), /* @__PURE__ */ R(re, {
+			value: V,
+			onValueChange: (e) => H(e),
+			disabled: y || d,
+			children: [/* @__PURE__ */ L(S, {
+				id: A,
+				"aria-label": m || k.currencyAriaLabel,
+				"aria-invalid": _ || void 0,
+				iconClassName: ee.icon[O],
+				className: U,
+				children: /* @__PURE__ */ L(E, { placeholder: f ? /* @__PURE__ */ L(a, {
+					tag: "span",
+					size: "inherit",
+					type: "secondary",
+					lineHeight: "tight",
+					className: "text-inherit",
+					children: f
+				}) : void 0 })
+			}), /* @__PURE__ */ L(ne, { children: /* @__PURE__ */ L(C, { children: F.map((e) => /* @__PURE__ */ L(T, {
+				value: e.value,
+				size: O,
+				children: /* @__PURE__ */ L(a, {
+					tag: "span",
+					size: "inherit",
+					lineHeight: "tight",
+					className: "text-inherit",
+					children: e.label
+				})
+			}, e.value)) }) })]
+		})]
+	});
+	return /* @__PURE__ */ R("div", {
+		className: r("currency-input--component", "flex items-end gap-space-md"),
+		children: [
+			u === "start" && W,
+			/* @__PURE__ */ L("div", {
+				className: "currency-input--amount min-w-0 flex-1",
+				children: /* @__PURE__ */ L(K, {
+					ref: w,
+					size: O,
+					decimalPlaces: 2,
+					allowNegative: !1,
+					disabled: y,
+					invalid: _,
+					strings: {
+						decrement: k.decrement,
+						increment: k.increment
+					},
+					...te
+				})
+			}),
+			u === "end" && W
+		]
+	});
+}
+var Z = A(k(X));
+Z.displayName = "CurrencyInput";
+//#endregion
+//#region src/components/base/forms-numeric/money-input.strings.ts
+var le = {
+	originalValue: "Original value: {value}",
+	conversionWarning: "Currency will be converted from {from} to {to}."
+};
+function ue(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 de = ["USD", "EUR"];
+function fe(e) {
+	let t = String(e ?? "").trim();
+	if (!t) return null;
+	let n = Number.parseFloat(t.replace(",", "."));
+	return Number.isFinite(n) ? n : null;
+}
+function pe(e) {
+	return typeof e == "string" ? e.trim() : "";
+}
+function me(e) {
+	return typeof e == "string" ? e : e.value;
+}
+var he = k(function(e, i) {
+	let { currency: o, defaultCurrency: s, currencies: d, onCurrencyChange: f, onChangeData: p, money: ee, label: m, hint: h, helperText: g, error: _, required: v, invalid: y, recordCurrency: x, showMigrationWarning: te = !0, migrationWarningMessage: S, showOriginalHint: ne = !0, controlStrings: C, controlClassName: re, strings: w, className: T, onChange: E, value: D, defaultValue: O, ...k } = e, A = t(), M = n(le, w), N = s ?? A.defaultCurrency ?? "USD", [ie, B] = I(N), V = o ?? ie, H = F(null), U = P(() => {
+		let e = d?.length ? d : [N, ...de], t = /* @__PURE__ */ new Map();
+		for (let n of e) {
+			let e = me(n);
+			t.has(e) || t.set(e, n);
+		}
+		let n = Array.from(t.values());
+		return t.has(V) ? n : [V, ...n];
+	}, [
+		V,
+		d,
+		N
+	]), W = x ?? ee?.recordCurrency ?? void 0, ae = ne ? pe(ee?.pair?.formatted) : "", oe = !!(W && V && W !== V), se = y ?? !!_, G = j((e) => {
+		H.current = e, typeof i == "function" ? i(e) : i && (i.current = e);
+	}, [i]), K = j((e) => {
+		E?.(e), p?.({
+			amount: fe(e.target.value),
+			currency: V
+		});
+	}, [
+		V,
+		E,
+		p
+	]), q = j((e) => {
+		o === void 0 && B(e), f?.(e), p?.({
+			amount: fe(H.current?.value ?? D ?? O),
+			currency: e
+		});
+	}, [
+		o,
+		O,
+		p,
+		f,
+		D
+	]), J = /* @__PURE__ */ L(Z, {
+		...k,
+		ref: G,
+		..."value" in e ? { value: D } : {},
+		defaultValue: O,
+		currency: V,
+		currencies: U,
+		onChange: K,
+		onCurrencyChange: q,
+		invalid: se,
+		required: v,
+		"aria-required": v ? !0 : k["aria-required"],
+		strings: C,
+		className: re
+	}), ce = !!(m || h || g || _ || v);
+	return /* @__PURE__ */ R(c, {
+		gap: "sm",
+		className: r("money-input--component", T),
+		children: [/* @__PURE__ */ R(c, {
+			gap: "xs",
+			className: "money-input--field",
+			children: [ce ? /* @__PURE__ */ L(b, {
+				label: m,
+				hint: h,
+				helperText: g,
+				error: _,
+				required: v,
+				children: J
+			}) : J, !!ae && !_ && /* @__PURE__ */ L(a, {
+				tag: "p",
+				size: "xs",
+				type: "secondary",
+				className: "money-input--original",
+				children: ue(M.originalValue, { value: ae })
+			})]
+		}), !!oe && te && /* @__PURE__ */ R(l, {
+			tone: "warning",
+			className: "money-input--warning",
+			children: [/* @__PURE__ */ L(z, { "aria-hidden": "true" }), /* @__PURE__ */ L(u, { children: S ?? ue(M.conversionWarning, {
+				from: W ?? "",
+				to: V
+			}) })]
+		})]
+	});
+});
+he.displayName = "MoneyInput";
+//#endregion
+//#region src/components/base/forms-numeric/rounding-mode-select.tsx
+var ge = [
+	"floor",
+	"half_up",
+	"ceil"
+], _e = {
+	floor: "Round down",
+	half_up: "Round half up",
+	ceil: "Round up"
+}, ve = k(function(e, t) {
+	let n = Object.prototype.hasOwnProperty.call(e, "value"), { value: i, onValueChange: a, labels: o, placeholder: s, className: c, ...l } = e, u = P(() => ge.map((e) => ({
+		value: e,
+		label: o?.[e] ?? _e[e] ?? e
+	})), [o]), d = j((e) => {
+		a?.(e);
+	}, [a]);
+	return /* @__PURE__ */ L(w, {
+		ref: t,
+		className: r("rounding-mode-select--component", c),
+		options: u,
+		...n ? { value: i } : {},
+		onValueChange: d,
+		placeholder: s,
+		...l
+	});
+});
+ve.displayName = "RoundingModeSelect";
+//#endregion
+//#region src/components/base/forms-numeric/dimensions-input.tsx
+var ye = {
+	width: "Width",
+	height: "Height",
+	depth: "Depth",
+	unit: "Unit",
+	unitLabel: "",
+	unitPlaceholder: "",
+	widthPlaceholder: "0.00",
+	heightPlaceholder: "0.00",
+	depthPlaceholder: "0.00"
+}, be = [
+	{
+		value: "mm",
+		label: "mm"
+	},
+	{
+		value: "cm",
+		label: "cm"
+	},
+	{
+		value: "m",
+		label: "m"
+	},
+	{
+		value: "in",
+		label: "in"
+	},
+	{
+		value: "ft",
+		label: "ft"
+	},
+	{
+		value: "px",
+		label: "px"
+	}
+], xe = (e, t) => {
+	if (!e) return {
+		width: "",
+		height: "",
+		depth: ""
+	};
+	if (t === "string" && typeof e == "string") {
+		let t = e.split("x").map((e) => e.trim());
+		return {
+			width: t[0] || "",
+			height: t[1] || "",
+			depth: t[2] || ""
+		};
+	}
+	return t === "object" && typeof e == "object" ? {
+		width: e.width || "",
+		height: e.height || "",
+		depth: e.depth || ""
+	} : {
+		width: "",
+		height: "",
+		depth: ""
+	};
+}, Se = (e, t, n, r) => r === "string" ? `${e}x${t}x${n}` : {
+	width: e,
+	height: t,
+	depth: n
+}, Q = O.forwardRef(function({ value: t, defaultValue: o, format: s = "string", unit: l, defaultUnit: u = "cm", onChange: d, onUnitChange: f, decimalPlaces: p = 2, min: m = 0, max: _, showUnitSelector: y = !0, disableUnitSelector: b = !1, layout: w = "horizontal", invalid: O, disabled: k = !1, className: A, size: P, strings: z, id: ie, name: B, onBlur: V, onValueChange: H, readOnly: U, required: W, "aria-label": ae, "aria-labelledby": oe, "aria-describedby": se, "aria-invalid": G, "aria-required": q }, J) {
+	let { defaultScale: ce } = e(), Y = v(P, ce), X = n(ye, z), { invalid: Z, ariaInvalid: le } = x(O, G), ue = X.width, de = X.height, fe = X.depth, pe = X.unitLabel, me = X.unitPlaceholder || X.unit, he = X.widthPlaceholder, ge = X.heightPlaceholder, _e = X.depthPlaceholder, ve = w === "horizontal", Q = w === "vertical", Ce = y === !0, we = pe.length > 0, Te = Q ? ue : "", Ee = Q ? de : "", De = Q ? fe : "", Oe = N(), $ = {
+		width: `${Oe}-width`,
+		height: `${Oe}-height`,
+		depth: `${Oe}-depth`,
+		unit: `${Oe}-unit`
+	}, ke = r("text-inherit", h), Ae = t !== void 0, je = l !== void 0, Me = xe(Ae ? t : o, s), [Ne, Pe] = I(Me.width), [Fe, Ie] = I(Me.height), [Le, Re] = I(Me.depth), [ze, Be] = I(l || u), Ve = xe(t, s), He = Ae ? Ve.width : Ne, Ue = Ae ? Ve.height : Fe, We = Ae ? Ve.depth : Le, Ge = je ? l : ze, Ke = F(null), qe = He || Ue || We ? String(Se(He, Ue, We, "string")) : "";
+	M(() => {
+		if (Ae) {
+			let e = xe(t, s);
+			Pe(e.width), Ie(e.height), Re(e.depth);
+		}
+	}, [
+		t,
+		s,
+		Ae
+	]);
+	let Je = j((e, t) => {
+		let n = He, r = Ue, i = We;
+		e === "width" && (n = t), e === "height" && (r = t), e === "depth" && (i = t), Ae || (Pe(n), Ie(r), Re(i));
+		let a = Se(n, r, i, s);
+		d?.({ target: { value: a } }), H?.(a);
+	}, [
+		He,
+		Ue,
+		We,
+		Ae,
+		s,
+		d,
+		H
+	]), Ye = j((e) => {
+		if (e === null) return;
+		let t = e;
+		je || Be(t), f?.(t);
+	}, [je, f]), Xe = /* @__PURE__ */ R(c, {
+		gap: "xs",
+		children: [!!we && Q && /* @__PURE__ */ L(i, {
+			htmlFor: $.unit,
+			className: ke,
+			children: pe
+		}), /* @__PURE__ */ R(re, {
+			value: Ge,
+			onValueChange: (e) => Ye(e),
+			disabled: k || b,
+			readOnly: U,
+			children: [/* @__PURE__ */ L(S, {
+				id: $.unit,
+				"aria-label": pe || X.unit,
+				"aria-invalid": Z || void 0,
+				iconClassName: ee.icon[Y],
+				className: r(g(Y), w === "vertical" ? "w-full" : "w-full @md/dimensions-input:w-32"),
+				children: /* @__PURE__ */ L(E, { placeholder: /* @__PURE__ */ L(a, {
+					tag: "span",
+					size: "inherit",
+					type: "secondary",
+					lineHeight: "tight",
+					className: "text-inherit",
+					children: me
+				}) })
+			}), /* @__PURE__ */ L(ne, {
+				render: /* @__PURE__ */ L("div", { ref: Ke }),
+				children: /* @__PURE__ */ L(C, { children: be.map((e) => /* @__PURE__ */ L(T, {
+					value: e.value,
+					size: Y,
+					children: /* @__PURE__ */ L(a, {
+						tag: "span",
+						size: "inherit",
+						lineHeight: "tight",
+						className: "text-inherit",
+						children: e.label
+					})
+				}, e.value)) })
+			})]
+		})]
+	});
+	return /* @__PURE__ */ R(c, {
+		ref: J,
+		id: ie,
+		role: "group",
+		"aria-label": ae,
+		"aria-labelledby": oe,
+		"aria-describedby": se,
+		"aria-invalid": le,
+		onBlur: te(V, Ke),
+		gap: "md",
+		className: r("dimensions-input--component @container/dimensions-input", A),
+		children: [B && /* @__PURE__ */ L("input", {
+			type: "hidden",
+			name: B,
+			value: qe,
+			disabled: k
+		}), /* @__PURE__ */ R(c, {
+			direction: w === "vertical" ? "vertical" : "horizontal",
+			gap: "md",
+			align: w === "vertical" ? "stretch" : "start",
+			className: "dimensions-input--fields",
+			children: [
+				/* @__PURE__ */ R(c, {
+					gap: "xs",
+					className: "min-w-0 flex-1",
+					children: [
+						!!Q && !!Te && /* @__PURE__ */ L(i, {
+							htmlFor: $.width,
+							className: ke,
+							children: Te
+						}),
+						/* @__PURE__ */ L(K, {
+							id: $.width,
+							size: Y,
+							value: He,
+							onChange: (e) => Je("width", e.target.value),
+							placeholder: he,
+							decimalPlaces: p,
+							min: m,
+							max: _,
+							disabled: k,
+							readOnly: U,
+							required: W,
+							"aria-required": q,
+							normalizeOnBlur: !U,
+							invalid: Z,
+							"aria-label": ue
+						}),
+						!!ve && /* @__PURE__ */ L(a, {
+							size: "xs",
+							type: "secondary",
+							className: "text-center",
+							children: ue
+						})
+					]
+				}),
+				w === "horizontal" && /* @__PURE__ */ L("div", {
+					"aria-hidden": "true",
+					className: r("dimensions-input--separator flex items-center", D[Y]),
+					children: /* @__PURE__ */ L(a, {
+						tag: "span",
+						type: "secondary",
+						children: "×"
+					})
+				}),
+				/* @__PURE__ */ R(c, {
+					gap: "xs",
+					className: "min-w-0 flex-1",
+					children: [
+						!!Q && !!Ee && /* @__PURE__ */ L(i, {
+							htmlFor: $.height,
+							className: ke,
+							children: Ee
+						}),
+						/* @__PURE__ */ L(K, {
+							id: $.height,
+							size: Y,
+							value: Ue,
+							onChange: (e) => Je("height", e.target.value),
+							placeholder: ge,
+							decimalPlaces: p,
+							min: m,
+							max: _,
+							disabled: k,
+							readOnly: U,
+							required: W,
+							"aria-required": q,
+							normalizeOnBlur: !U,
+							invalid: Z,
+							"aria-label": de
+						}),
+						!!ve && /* @__PURE__ */ L(a, {
+							size: "xs",
+							type: "secondary",
+							className: "text-center",
+							children: de
+						})
+					]
+				}),
+				w === "horizontal" && /* @__PURE__ */ L("div", {
+					"aria-hidden": "true",
+					className: r("dimensions-input--separator flex items-center", D[Y]),
+					children: /* @__PURE__ */ L(a, {
+						tag: "span",
+						type: "secondary",
+						children: "×"
+					})
+				}),
+				/* @__PURE__ */ R(c, {
+					gap: "xs",
+					className: "min-w-0 flex-1",
+					children: [
+						!!Q && !!De && /* @__PURE__ */ L(i, {
+							htmlFor: $.depth,
+							className: ke,
+							children: De
+						}),
+						/* @__PURE__ */ L(K, {
+							id: $.depth,
+							size: Y,
+							value: We,
+							onChange: (e) => Je("depth", e.target.value),
+							placeholder: _e,
+							decimalPlaces: p,
+							min: m,
+							max: _,
+							disabled: k,
+							readOnly: U,
+							required: W,
+							"aria-required": q,
+							normalizeOnBlur: !U,
+							invalid: Z,
+							"aria-label": fe
+						}),
+						!!ve && /* @__PURE__ */ L(a, {
+							size: "xs",
+							type: "secondary",
+							className: "text-center",
+							children: fe
+						})
+					]
+				}),
+				!!Ce && /* @__PURE__ */ R(c, {
+					gap: "xs",
+					className: r("dimensions-input--unit", w === "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: [Xe, !!ve && /* @__PURE__ */ L(a, {
+						size: "xs",
+						type: "secondary",
+						className: "text-center",
+						children: we ? pe : me
+					})]
+				})
+			]
+		})]
+	});
+});
+Q.displayName = "DimensionsInput";
+//#endregion
+//#region src/components/base/forms-numeric/weight-input.tsx
+var Ce = {
+	unitLabel: "",
+	unitAriaLabel: "Unit",
+	unitPlaceholder: ""
+}, we = [
+	{
+		value: "g",
+		label: "g"
+	},
+	{
+		value: "kg",
+		label: "kg"
+	},
+	{
+		value: "lb",
+		label: "lb"
+	},
+	{
+		value: "oz",
+		label: "oz"
+	}
+], Te = O.forwardRef(function({ id: t, name: o, onBlur: s, onValueChange: l, readOnly: u, required: d, "aria-label": f, "aria-labelledby": p, "aria-describedby": m, "aria-invalid": h, "aria-required": _, value: y, defaultValue: b, unit: x, defaultUnit: w = "g", onChange: D, onUnitChange: O, decimalPlaces: k = 2, min: A = 0, max: M, showUnitSelector: z = !0, disableUnitSelector: ie = !1, unitWidth: B = "w-24", strings: V, invalid: H, disabled: U = !1, size: W, className: ae }, oe) {
+	let { defaultScale: se } = e(), G = v(W, se), q = n(Ce, V), J = y !== void 0, ce = x !== void 0, [Y, X] = I(b ?? ""), [Z, le] = I(x ?? w), ue = J ? y ?? "" : Y, de = ce ? x ?? w : Z, fe = F(null), pe = j((e) => {
+		let t = e.target.value;
+		J || X(t), D?.({ target: { value: t } }), l?.(t);
+	}, [
+		J,
+		D,
+		l
+	]), me = j((e) => {
+		if (e === null) return;
+		let t = e;
+		ce || le(t), O?.(t);
+	}, [ce, O]), he = P(() => we, []), ge = q.unitLabel !== "", _e = N();
+	return /* @__PURE__ */ R("div", {
+		ref: oe,
+		className: r("weight-input--component", "flex items-end gap-space-md", ae),
+		onBlur: te(s, fe),
+		children: [
+			o && /* @__PURE__ */ L("input", {
+				type: "hidden",
+				name: o,
+				value: ue,
+				disabled: U
+			}),
+			/* @__PURE__ */ L("div", {
+				className: "flex-1",
+				children: /* @__PURE__ */ L(K, {
+					id: t,
+					"aria-label": f,
+					"aria-labelledby": p,
+					"aria-describedby": m,
+					"aria-invalid": H ? !0 : h,
+					"aria-required": _,
+					size: G,
+					value: ue,
+					onChange: pe,
+					decimalPlaces: k,
+					allowNegative: !1,
+					min: A,
+					max: M,
+					disabled: U,
+					readOnly: u,
+					required: d,
+					normalizeOnBlur: !u,
+					invalid: H
+				})
+			}),
+			!!z && /* @__PURE__ */ R(c, {
+				gap: "xs",
+				children: [!!ge && /* @__PURE__ */ L(i, {
+					htmlFor: _e,
+					className: r("text-inherit", "leading-6"),
+					children: q.unitLabel
+				}), /* @__PURE__ */ R(re, {
+					value: de,
+					onValueChange: (e) => me(e),
+					disabled: U || ie,
+					readOnly: u,
+					children: [/* @__PURE__ */ L(S, {
+						id: _e,
+						"aria-label": q.unitLabel || q.unitAriaLabel,
+						"aria-invalid": H || void 0,
+						iconClassName: ee.icon[G],
+						className: r(g(G), B),
+						children: /* @__PURE__ */ L(E, { placeholder: q.unitPlaceholder ? /* @__PURE__ */ L(a, {
+							tag: "span",
+							size: "inherit",
+							type: "secondary",
+							lineHeight: "tight",
+							className: "text-inherit",
+							children: q.unitPlaceholder
+						}) : void 0 })
+					}), /* @__PURE__ */ L(ne, {
+						render: /* @__PURE__ */ L("div", { ref: fe }),
+						children: /* @__PURE__ */ L(C, { children: he.map((e) => /* @__PURE__ */ L(T, {
+							value: e.value,
+							size: G,
+							children: /* @__PURE__ */ L(a, {
+								tag: "span",
+								size: "inherit",
+								lineHeight: "tight",
+								className: "text-inherit",
+								children: e.label
+							})
+						}, e.value)) })
+					})]
+				})]
+			})
+		]
+	});
+});
+Te.displayName = "WeightInput";
+//#endregion
+//#region src/components/base/forms-numeric/coordinates-input.tsx
+var Ee = {
+	latLabel: "",
+	lngLabel: "",
+	latPlaceholder: "",
+	lngPlaceholder: "",
+	previewLinkLabel: "",
+	latAccessibleLabel: "Latitude",
+	lngAccessibleLabel: "Longitude"
+}, De = (e, t) => {
+	if (!e) return {
+		lat: "",
+		lng: ""
+	};
+	if (t === "string" && typeof e == "string") {
+		let [t, n] = e.split(",").map((e) => e.trim());
+		return {
+			lat: t ?? "",
+			lng: n ?? ""
+		};
+	}
+	return t === "object" && typeof e == "object" ? {
+		lat: e.lat ?? "",
+		lng: e.lng ?? ""
+	} : {
+		lat: "",
+		lng: ""
+	};
+}, Oe = (e, t, n) => n === "string" ? `${e},${t}` : {
+	lat: e,
+	lng: t
+}, $ = (e, t, n) => {
+	if (!e) return !1;
+	let r = Number(e);
+	return Number.isFinite(r) && r >= t && r <= n;
+}, ke = O.forwardRef(function({ value: e, defaultValue: t, format: i = "object", onChange: a, decimalPlaces: l = 6, showPreviewLink: u = !0, strings: f, invalid: p, className: ee, disabled: m, size: h, id: g, name: _, onBlur: v, onValueChange: y, readOnly: S, required: ne, "aria-label": C, "aria-labelledby": re, "aria-describedby": w, "aria-invalid": T, "aria-required": E }, D) {
+	let O = n(Ee, f), { invalid: k, ariaInvalid: A } = x(p, T), N = e !== void 0, F = De(N ? e : t, i), [z, ie] = I(F.lat), [B, V] = I(F.lng), H = De(e, i), U = N ? H.lat : z, W = N ? H.lng : B, ae = U || W ? String(Oe(U, W, "string")) : "";
+	M(() => {
+		N && (ie(H.lat), V(H.lng));
+	}, [
+		N,
+		H.lat,
+		H.lng
+	]);
+	let oe = j((e, t) => {
+		N || (ie(e), V(t));
+		let n = Oe(e, t, i);
+		a?.({ target: { value: n } }), y?.(n);
+	}, [
+		N,
+		a,
+		y,
+		i
+	]), se = P(() => {
+		let e = $(U, -90, 90), t = $(W, -180, 180);
+		return !e || !t ? null : `https://www.google.com/maps?q=${encodeURIComponent(`${U},${W}`)}`;
+	}, [U, W]);
+	return /* @__PURE__ */ R(c, {
+		ref: D,
+		id: g,
+		role: "group",
+		"aria-label": C,
+		"aria-labelledby": re,
+		"aria-describedby": w,
+		"aria-invalid": A,
+		onBlur: te(v),
+		gap: "lg",
+		className: r("coordinates-input--component", ee),
+		children: [
+			_ && /* @__PURE__ */ L("input", {
+				type: "hidden",
+				name: _,
+				value: ae,
+				disabled: m
+			}),
+			/* @__PURE__ */ R(s, {
+				columns: {
+					base: 1,
+					md: 2
+				},
+				gap: d.related,
+				children: [/* @__PURE__ */ L(b, {
+					label: O.latLabel || void 0,
+					children: /* @__PURE__ */ L(K, {
+						placeholder: O.latPlaceholder || void 0,
+						"aria-label": O.latLabel ? void 0 : O.latAccessibleLabel || void 0,
+						value: U,
+						onChange: (e) => oe(e.target.value, W),
+						decimalPlaces: l,
+						allowNegative: !0,
+						min: -90,
+						max: 90,
+						invalid: k,
+						disabled: m,
+						readOnly: S,
+						required: ne,
+						"aria-required": E,
+						normalizeOnBlur: !S,
+						size: h
+					})
+				}), /* @__PURE__ */ L(b, {
+					label: O.lngLabel || void 0,
+					children: /* @__PURE__ */ L(K, {
+						placeholder: O.lngPlaceholder || void 0,
+						"aria-label": O.lngLabel ? void 0 : O.lngAccessibleLabel || void 0,
+						value: W,
+						onChange: (e) => oe(U, e.target.value),
+						decimalPlaces: l,
+						allowNegative: !0,
+						min: -180,
+						max: 180,
+						invalid: k,
+						disabled: m,
+						readOnly: S,
+						required: ne,
+						"aria-required": E,
+						normalizeOnBlur: !S,
+						size: h
+					})
+				})]
+			}),
+			!!u && !!se && !!O.previewLinkLabel && /* @__PURE__ */ L(o, {
+				href: se,
+				type: "secondary",
+				underline: !1,
+				children: O.previewLinkLabel
+			})
+		]
+	});
+});
+ke.displayName = "CoordinatesInput";
+//#endregion
+export { Q as a, he as c, J as d, q as f, Ce as i, le as l, V as m, Ee as n, ye as o, K as p, Te as r, ve as s, ke as t, Z as u };
+
+//# sourceMappingURL=forms-numeric-DOBswjKj.js.map