themelia-react-ui 0.0.0-stage → 1.0.0

package/dist/forms-numeric-Y15Bg5Nr.js

@@ -0,0 +1,867 @@
+"use client";
+import { s as e, u as t } from "./ui-provider-CftIB6TY.js";
+import { useStrings as n } from "./lib/strings.js";
+import { t as r } from "./utils-C2EKeIw3.js";
+import { a as i, n as a, t as o } from "./typography-Cv8MT-82.js";
+import { r as s, t as c } from "./structure-BvW4vG4H.js";
+import { f as l, m as u } from "./smart-card-B5FcKODh.js";
+import { d, p as f } from "./form-sizing-39NohSqn.js";
+import { t as p } from "./input-DMorJiTI.js";
+import { c as m, s as h, t as g } from "./select-B2mb-qN2.js";
+import { t as _ } from "./form-field-C6W-y2hR.js";
+import { d as v, f as y, l as b, p as x } from "./choice-inputs-CavA-SGV.js";
+import * as S from "react";
+import { forwardRef as C, memo as w, useCallback as T, useEffect as ee, useMemo as E, useRef as D, useState as O } from "react";
+import { jsx as k, jsxs as A } from "react/jsx-runtime";
+import { AlertTriangle as j, Info as M, Minus as N, Plus as P } from "lucide-react";
+//#region src/components/base/forms-numeric/decimal-input.tsx
+var F = {
+	decrement: "Decrement",
+	increment: "Increment"
+}, I = (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;
+}, L = (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 R(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 z(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 B(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 V(e, t, n) {
+	let r = Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype, "value")?.set;
+	r ? r.call(e, t) : e.value = t, n && n({
+		target: e,
+		currentTarget: e,
+		type: "change",
+		bubbles: !1,
+		cancelable: !1
+	});
+}
+var H = {
+	sm: "w-control-sm",
+	md: "w-control",
+	lg: "w-control-lg"
+};
+function U({ decimalPlaces: t = 2, min: i, max: a, allowNegative: o = !0, allowEmpty: s = !0, step: c, roundingMode: l = "round", normalizeOnBlur: u = !0, onChange: d, onBlur: m, placeholder: h, className: g, value: _, defaultValue: v, disabled: y, size: b, strings: x, ...C }, w) {
+	let { defaultScale: ee } = e(), E = f(b, ee), D = n(F, x), O = Math.min(12, Math.max(0, t)), j = S.useRef(null), M = T((e) => {
+		let t = e.target.value;
+		if (!t && s) {
+			d?.(e);
+			return;
+		}
+		let n = I(t, O, o);
+		if (L(n, i, a)) {
+			if (n !== t) {
+				let t = {
+					...e,
+					target: {
+						...e.target,
+						value: n
+					},
+					currentTarget: {
+						...e.currentTarget,
+						value: n
+					}
+				};
+				d?.(t);
+			} else d?.(e);
+		}
+	}, [
+		d,
+		O,
+		o,
+		s,
+		i,
+		a
+	]), U = T((e) => {
+		if (m?.(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 = R(z(n, i, a), O, l).toFixed(O);
+		r !== t && j.current && V(j.current, r, d);
+	}, [
+		m,
+		d,
+		u,
+		s,
+		i,
+		a,
+		O,
+		l
+	]), W = T((e) => {
+		if (y || c === void 0) return;
+		let t = j.current;
+		if (!t) return;
+		let n = t.value, r = Number.parseFloat(n.replace(",", "."));
+		V(t, R(z(B(Number.isFinite(r) ? r : i ?? 0, e, c, i, l), i, a), O, l).toFixed(O), d);
+	}, [
+		y,
+		c,
+		i,
+		a,
+		l,
+		O,
+		d
+	]), G = typeof c == "number" && c > 0, K = h ?? (O > 0 ? `0.${"0".repeat(O)}` : "0");
+	return G ? /* @__PURE__ */ A("div", {
+		className: r("decimal-input--component", "flex items-stretch overflow-hidden rounded-radius border border-input bg-transparent", "focus-within:border-ring focus-within:ring-ring/50 focus-within:ring-[3px]", C["aria-invalid"] && "border-destructive ring-destructive/20", y && "opacity-50 cursor-not-allowed"),
+		children: [
+			/* @__PURE__ */ k("button", {
+				type: "button",
+				tabIndex: -1,
+				"aria-label": D.decrement,
+				disabled: y,
+				onClick: () => W(-1),
+				className: r("inline-flex shrink-0 items-center justify-center border-r border-input text-muted-foreground transition-colors", H[E], "hover:bg-muted hover:text-foreground", "disabled:cursor-not-allowed disabled:opacity-50"),
+				children: /* @__PURE__ */ k(N, { className: E === "sm" ? "size-icon-sm" : "size-icon" })
+			}),
+			/* @__PURE__ */ k(p, {
+				size: E,
+				ref: (e) => {
+					j.current = e, typeof w == "function" ? w(e) : w && (w.current = e);
+				},
+				type: "text",
+				inputMode: O > 0 ? "decimal" : "numeric",
+				placeholder: K,
+				onChange: M,
+				onBlur: U,
+				value: _,
+				defaultValue: v,
+				disabled: y,
+				className: r("flex-1 tabular-nums text-center border-0 shadow-none rounded-none focus-visible:ring-0 focus-visible:border-0", g),
+				...C
+			}),
+			/* @__PURE__ */ k("button", {
+				type: "button",
+				tabIndex: -1,
+				"aria-label": D.increment,
+				disabled: y,
+				onClick: () => W(1),
+				className: r("inline-flex shrink-0 items-center justify-center border-l border-input text-muted-foreground transition-colors", H[E], "hover:bg-muted hover:text-foreground", "disabled:cursor-not-allowed disabled:opacity-50"),
+				children: /* @__PURE__ */ k(P, { className: E === "sm" ? "size-icon-sm" : "size-icon" })
+			})
+		]
+	}) : /* @__PURE__ */ k(p, {
+		size: E,
+		ref: (e) => {
+			j.current = e, typeof w == "function" ? w(e) : w && (w.current = e);
+		},
+		type: "text",
+		inputMode: O > 0 ? "decimal" : "numeric",
+		placeholder: K,
+		onChange: M,
+		onBlur: U,
+		value: _,
+		defaultValue: v,
+		disabled: y,
+		className: r("tabular-nums text-end", g),
+		...C
+	});
+}
+var W = S.forwardRef(U);
+W.displayName = "DecimalInput";
+//#endregion
+//#region src/components/base/forms-numeric/percentage-input.tsx
+var G = C(function({ decimalPlaces: e = 2, min: t = 0, max: n = 100, step: r, ...i }, a) {
+	return /* @__PURE__ */ k(W, {
+		className: "percentage-input--component",
+		ref: a,
+		decimalPlaces: e,
+		allowNegative: !1,
+		min: t,
+		max: n,
+		step: r,
+		endAddon: "%",
+		...i
+	});
+});
+G.displayName = "PercentageInput";
+//#endregion
+//#region src/components/base/forms-numeric/currency-input.tsx
+var K = {
+	...F,
+	currencyAriaLabel: "Currency"
+}, q = {
+	USD: "$",
+	EUR: "€",
+	GBP: "£",
+	BGN: "лв",
+	JPY: "¥",
+	CNY: "¥",
+	CHF: "CHF",
+	CAD: "C$",
+	AUD: "A$"
+}, J = (e) => !e || e.length === 0 ? [] : e.map((e) => typeof e == "string" ? {
+	value: e,
+	label: `${q[e] || e} ${e}`
+} : e);
+function Y({ currency: t, defaultCurrency: o, currencies: s, onCurrencyChange: l, currencyPosition: u = "start", disableCurrencySelector: p = !1, currencyPlaceholder: _, currencyWidth: b = "w-28", currencyLabel: S, strings: C, invalid: w, disabled: D, onConfigError: j, size: M, ...N }, P) {
+	let { defaultScale: F } = e(), I = f(M, F), L = n(K, C), R = E(() => J(s), [s]), [z, B] = O(o ?? R[0]?.value ?? ""), V = t !== void 0, H = V ? t : z;
+	ee(() => {
+		let e = {
+			currency: t,
+			defaultCurrency: o,
+			disableCurrencySelector: p
+		};
+		p && typeof t == "string" && typeof o == "string" && t.trim() !== "" && o.trim() !== "" && t !== o && j?.("[CurrencyInput] currency/defaultCurrency mismatch while selector is disabled.", e), p && (typeof H != "string" || H.trim().length === 0) && j?.("[CurrencyInput] disableCurrencySelector is enabled but no currency is provided.", e);
+	}, [
+		t,
+		o,
+		p,
+		j,
+		H
+	]);
+	let U = T((e) => {
+		e !== null && (V || B(e), l?.(e));
+	}, [V, l]), G = E(() => r("currency-input--selector-trigger", d(I), "!shadow-none", b, D && "opacity-50 cursor-not-allowed"), [
+		I,
+		b,
+		D
+	]), q = /* @__PURE__ */ A(c, {
+		gap: "md",
+		className: "currency-input--selector",
+		children: [!!S && /* @__PURE__ */ k(a, {
+			className: "currency-input--selector-label leading-normal",
+			children: S
+		}), /* @__PURE__ */ A(g, {
+			value: H,
+			onValueChange: (e) => U(e),
+			disabled: D || p,
+			children: [/* @__PURE__ */ k(h, {
+				"aria-label": S || L.currencyAriaLabel,
+				"aria-invalid": w || void 0,
+				className: G,
+				children: /* @__PURE__ */ k(m, { placeholder: _ ? /* @__PURE__ */ k(i, {
+					tag: "span",
+					size: "inherit",
+					type: "secondary",
+					lineHeight: "tight",
+					className: "text-inherit",
+					children: _
+				}) : void 0 })
+			}), /* @__PURE__ */ k(v, { children: /* @__PURE__ */ k(y, { children: R.map((e) => /* @__PURE__ */ k(x, {
+				value: e.value,
+				size: I,
+				children: /* @__PURE__ */ k(i, {
+					tag: "span",
+					size: "inherit",
+					lineHeight: "tight",
+					className: "text-inherit",
+					children: e.label
+				})
+			}, e.value)) }) })]
+		})]
+	});
+	return /* @__PURE__ */ A("div", {
+		className: r("currency-input--component", "flex items-start gap-space-md"),
+		children: [
+			u === "start" && q,
+			/* @__PURE__ */ k("div", {
+				className: "currency-input--amount min-w-0 flex-1",
+				children: /* @__PURE__ */ k(W, {
+					ref: P,
+					size: I,
+					decimalPlaces: 2,
+					allowNegative: !1,
+					disabled: D,
+					invalid: w,
+					strings: {
+						decrement: L.decrement,
+						increment: L.increment
+					},
+					...N
+				})
+			}),
+			u === "end" && q
+		]
+	});
+}
+var X = w(C(Y));
+X.displayName = "CurrencyInput";
+//#endregion
+//#region src/components/base/forms-numeric/money-input.strings.ts
+var Z = {
+	originalValue: "Original value: {value}",
+	conversionWarning: "Currency will be converted from {from} to {to}."
+};
+function te(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 ne = ["USD", "EUR"];
+function re(e) {
+	let t = String(e ?? "").trim();
+	if (!t) return null;
+	let n = Number.parseFloat(t.replace(",", "."));
+	return Number.isFinite(n) ? n : null;
+}
+function ie(e) {
+	return typeof e == "string" ? e.trim() : "";
+}
+function ae(e) {
+	return typeof e == "string" ? e : e.value;
+}
+var Q = C(function({ currency: e, defaultCurrency: a, currencies: o, onCurrencyChange: s, onChangeData: d, money: f, label: p, hint: m, helperText: h, error: g, required: v, invalid: y, recordCurrency: b, showMigrationWarning: x = !0, migrationWarningMessage: S, showOriginalHint: C = !0, controlStrings: w, controlClassName: ee, strings: N, className: P, onChange: F, value: I, defaultValue: L, ...R }, z) {
+	let B = t(), V = n(Z, N), H = a ?? B.defaultCurrency ?? "USD", [U, W] = O(H), G = e ?? U, K = D(null), q = E(() => {
+		let e = o?.length ? o : [H, ...ne], t = /* @__PURE__ */ new Map();
+		for (let n of e) {
+			let e = ae(n);
+			t.has(e) || t.set(e, n);
+		}
+		let n = Array.from(t.values());
+		return t.has(G) ? n : [G, ...n];
+	}, [
+		G,
+		o,
+		H
+	]), J = b ?? f?.recordCurrency ?? void 0, Y = C ? ie(f?.pair?.formatted) : "", Q = !!(J && G && J !== G), oe = y ?? !!g, se = T((e) => {
+		K.current = e, typeof z == "function" ? z(e) : z && (z.current = e);
+	}, [z]), ce = T((e) => {
+		F?.(e), d?.({
+			amount: re(e.target.value),
+			currency: G
+		});
+	}, [
+		G,
+		F,
+		d
+	]), le = T((t) => {
+		e === void 0 && W(t), s?.(t), d?.({
+			amount: re(K.current?.value ?? I ?? L),
+			currency: t
+		});
+	}, [
+		e,
+		L,
+		d,
+		s,
+		I
+	]), ue = /* @__PURE__ */ k(X, {
+		...R,
+		ref: se,
+		value: I,
+		defaultValue: L,
+		currency: G,
+		currencies: q,
+		onChange: ce,
+		onCurrencyChange: le,
+		invalid: oe,
+		required: v,
+		"aria-required": v ? !0 : R["aria-required"],
+		strings: w,
+		className: ee
+	}), de = !!(p || m || h || g || v);
+	return /* @__PURE__ */ A(c, {
+		gap: "sm",
+		className: r("money-input--component", P),
+		children: [
+			de ? /* @__PURE__ */ k(_, {
+				label: p,
+				hint: m,
+				helperText: h,
+				error: g,
+				required: v,
+				children: ue
+			}) : ue,
+			!!Y && !g && /* @__PURE__ */ A("div", {
+				className: "money-input--original flex items-center gap-space-sm text-muted-foreground",
+				children: [/* @__PURE__ */ k(M, {
+					className: "size-icon-sm shrink-0",
+					"aria-hidden": "true"
+				}), /* @__PURE__ */ k(i, {
+					tag: "span",
+					size: "xs",
+					type: "secondary",
+					children: te(V.originalValue, { value: Y })
+				})]
+			}),
+			!!Q && x && /* @__PURE__ */ A(l, {
+				tone: "warning",
+				className: "money-input--warning",
+				children: [/* @__PURE__ */ k(j, { "aria-hidden": "true" }), /* @__PURE__ */ k(u, { children: S ?? te(V.conversionWarning, {
+					from: J ?? "",
+					to: G
+				}) })]
+			})
+		]
+	});
+});
+Q.displayName = "MoneyInput";
+//#endregion
+//#region src/components/base/forms-numeric/rounding-mode-select.tsx
+var oe = [
+	"floor",
+	"half_up",
+	"ceil"
+], se = C(function(e, t) {
+	let n = Object.prototype.hasOwnProperty.call(e, "value"), { value: i, onValueChange: a, labels: o, placeholder: s, className: c, ...l } = e, u = E(() => oe.map((e) => ({
+		value: e,
+		label: o?.[e] ?? e
+	})), [o]), d = T((e) => {
+		a?.(e);
+	}, [a]);
+	return /* @__PURE__ */ k(b, {
+		ref: t,
+		className: r("rounding-mode-select--component", c),
+		options: u,
+		...n ? { value: i } : {},
+		onValueChange: d,
+		placeholder: s,
+		...l
+	});
+});
+se.displayName = "RoundingModeSelect";
+//#endregion
+//#region src/components/base/forms-numeric/dimensions-input.tsx
+var ce = {
+	width: "Width",
+	height: "Height",
+	depth: "Depth",
+	unit: "Unit",
+	widthPlaceholder: "0.00",
+	heightPlaceholder: "0.00",
+	depthPlaceholder: "0.00"
+}, le = [
+	{
+		value: "mm",
+		label: "mm"
+	},
+	{
+		value: "cm",
+		label: "cm"
+	},
+	{
+		value: "m",
+		label: "m"
+	},
+	{
+		value: "in",
+		label: "in"
+	},
+	{
+		value: "ft",
+		label: "ft"
+	},
+	{
+		value: "px",
+		label: "px"
+	}
+], ue = (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: ""
+	};
+}, de = (e, t, n, r) => r === "string" ? `${e}x${t}x${n}` : {
+	width: e,
+	height: t,
+	depth: n
+}, fe = S.forwardRef(function({ value: t, defaultValue: o, format: s = "string", unit: l, defaultUnit: u = "cm", widthLabel: p, heightLabel: _, depthLabel: b, unitLabel: S, unitPlaceholder: C, widthPlaceholder: w, heightPlaceholder: E, depthPlaceholder: D, onChange: j, onUnitChange: M, decimalPlaces: N = 2, min: P = 0, max: F, showUnitSelector: I = !0, disableUnitSelector: L = !1, layout: R = "horizontal", invalid: z, disabled: B = !1, className: V, size: H, strings: U }, G) {
+	let { defaultScale: K } = e(), q = f(H, K), J = n(ce, U), Y = p ?? J.width, X = _ ?? J.height, Z = b ?? J.depth, te = C ?? J.unit, ne = w ?? J.widthPlaceholder, re = E ?? J.heightPlaceholder, ie = D ?? J.depthPlaceholder, ae = R === "horizontal", Q = R === "vertical", oe = I === !0, se = (S ?? "").length > 0, fe = Q ? Y : "", pe = Q ? X : "", me = Q ? Z : "", $ = t !== void 0, he = l !== void 0, ge = ue($ ? t : o, s), [_e, ve] = O(ge.width), [ye, be] = O(ge.height), [xe, Se] = O(ge.depth), [Ce, we] = O(l || u), Te = ue(t, s), Ee = $ ? Te.width : _e, De = $ ? Te.height : ye, Oe = $ ? Te.depth : xe, ke = he ? l : Ce;
+	ee(() => {
+		if ($) {
+			let e = ue(t, s);
+			ve(e.width), be(e.height), Se(e.depth);
+		}
+	}, [
+		t,
+		s,
+		$
+	]);
+	let Ae = T((e, t) => {
+		let n = Ee, r = De, i = Oe;
+		e === "width" && (n = t), e === "height" && (r = t), e === "depth" && (i = t), $ || (ve(n), be(r), Se(i));
+		let a = de(n, r, i, s);
+		j?.({ target: { value: a } });
+	}, [
+		Ee,
+		De,
+		Oe,
+		$,
+		s,
+		j
+	]), je = T((e) => {
+		if (e === null) return;
+		let t = e;
+		he || we(t), M?.(t);
+	}, [he, M]), Me = /* @__PURE__ */ A(c, {
+		gap: "md",
+		children: [!!se && /* @__PURE__ */ k(a, {
+			className: "leading-6",
+			children: S
+		}), /* @__PURE__ */ A(g, {
+			value: ke,
+			onValueChange: (e) => je(e),
+			disabled: B || L,
+			children: [/* @__PURE__ */ k(h, {
+				"aria-label": S ?? J.unit,
+				"aria-invalid": z || void 0,
+				className: r(d(q), "!shadow-none", R === "vertical" ? "w-full" : "w-full @md/dimensions-input:w-32", B && "opacity-50 cursor-not-allowed"),
+				children: /* @__PURE__ */ k(m, { placeholder: /* @__PURE__ */ k(i, {
+					tag: "span",
+					size: "inherit",
+					type: "secondary",
+					lineHeight: "tight",
+					className: "text-inherit",
+					children: te
+				}) })
+			}), /* @__PURE__ */ k(v, { children: /* @__PURE__ */ k(y, { children: le.map((e) => /* @__PURE__ */ k(x, {
+				value: e.value,
+				size: q,
+				children: /* @__PURE__ */ k(i, {
+					tag: "span",
+					size: "inherit",
+					lineHeight: "tight",
+					className: "text-inherit",
+					children: e.label
+				})
+			}, e.value)) }) })]
+		})]
+	});
+	return /* @__PURE__ */ k(c, {
+		ref: G,
+		gap: "md",
+		className: r("dimensions-input--component @container/dimensions-input", V),
+		children: /* @__PURE__ */ A(c, {
+			direction: R === "vertical" ? "vertical" : "horizontal",
+			gap: "md",
+			align: R === "vertical" ? "stretch" : "start",
+			className: "dimensions-input--fields",
+			children: [
+				/* @__PURE__ */ A(c, {
+					gap: "xs",
+					className: "min-w-0 flex-1",
+					children: [
+						!!Q && !!fe && /* @__PURE__ */ k(a, { children: fe }),
+						/* @__PURE__ */ k(W, {
+							size: q,
+							value: Ee,
+							onChange: (e) => Ae("width", e.target.value),
+							placeholder: ne,
+							decimalPlaces: N,
+							min: P,
+							max: F,
+							disabled: B,
+							invalid: z,
+							"aria-label": Y
+						}),
+						!!ae && /* @__PURE__ */ k(i, {
+							size: "xs",
+							type: "secondary",
+							className: "text-center",
+							children: Y
+						})
+					]
+				}),
+				R === "horizontal" && /* @__PURE__ */ k("div", {
+					className: "flex items-center pt-space-md",
+					children: /* @__PURE__ */ k(i, {
+						tag: "span",
+						type: "secondary",
+						children: "×"
+					})
+				}),
+				/* @__PURE__ */ A(c, {
+					gap: "xs",
+					className: "min-w-0 flex-1",
+					children: [
+						!!Q && !!pe && /* @__PURE__ */ k(a, { children: pe }),
+						/* @__PURE__ */ k(W, {
+							size: q,
+							value: De,
+							onChange: (e) => Ae("height", e.target.value),
+							placeholder: re,
+							decimalPlaces: N,
+							min: P,
+							max: F,
+							disabled: B,
+							invalid: z,
+							"aria-label": X
+						}),
+						!!ae && /* @__PURE__ */ k(i, {
+							size: "xs",
+							type: "secondary",
+							className: "text-center",
+							children: X
+						})
+					]
+				}),
+				R === "horizontal" && /* @__PURE__ */ k("div", {
+					className: "flex items-center pt-space-md",
+					children: /* @__PURE__ */ k(i, {
+						tag: "span",
+						type: "secondary",
+						children: "×"
+					})
+				}),
+				/* @__PURE__ */ A(c, {
+					gap: "xs",
+					className: "min-w-0 flex-1",
+					children: [
+						!!Q && !!me && /* @__PURE__ */ k(a, { children: me }),
+						/* @__PURE__ */ k(W, {
+							size: q,
+							value: Oe,
+							onChange: (e) => Ae("depth", e.target.value),
+							placeholder: ie,
+							decimalPlaces: N,
+							min: P,
+							max: F,
+							disabled: B,
+							invalid: z,
+							"aria-label": Z
+						}),
+						!!ae && /* @__PURE__ */ k(i, {
+							size: "xs",
+							type: "secondary",
+							className: "text-center",
+							children: Z
+						})
+					]
+				}),
+				!!oe && /* @__PURE__ */ A("div", {
+					className: r("dimensions-input--unit", R === "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: [Me, !!ae && !se && /* @__PURE__ */ k(i, {
+						size: "xs",
+						type: "secondary",
+						className: "mt-1 text-center",
+						children: te
+					})]
+				})
+			]
+		})
+	});
+});
+fe.displayName = "DimensionsInput";
+//#endregion
+//#region src/components/base/forms-numeric/weight-input.tsx
+var pe = {
+	unitLabel: "",
+	unitAriaLabel: "Unit",
+	unitPlaceholder: ""
+}, me = [
+	{
+		value: "g",
+		label: "g"
+	},
+	{
+		value: "kg",
+		label: "kg"
+	},
+	{
+		value: "lb",
+		label: "lb"
+	},
+	{
+		value: "oz",
+		label: "oz"
+	}
+], $ = S.forwardRef(function({ value: t, defaultValue: o, unit: s, defaultUnit: l = "g", onChange: u, onUnitChange: p, decimalPlaces: _ = 2, min: b = 0, max: S, showUnitSelector: C = !0, disableUnitSelector: w = !1, unitWidth: ee = "w-24", strings: D, invalid: j, disabled: M = !1, size: N, className: P }, F) {
+	let { defaultScale: I } = e(), L = f(N, I), R = n(pe, D), z = t !== void 0, B = s !== void 0, [V, H] = O(o ?? ""), [U, G] = O(s ?? l), K = z ? t ?? "" : V, q = B ? s ?? l : U, J = T((e) => {
+		z || H(e.target.value), u?.({ target: { value: e.target.value } });
+	}, [z, u]), Y = T((e) => {
+		if (e === null) return;
+		let t = e;
+		B || G(t), p?.(t);
+	}, [B, p]), X = E(() => me, []), Z = R.unitLabel !== "";
+	return /* @__PURE__ */ A("div", {
+		ref: F,
+		className: r("weight-input--component", "flex items-start gap-space-md", P),
+		children: [/* @__PURE__ */ k("div", {
+			className: "flex-1",
+			children: /* @__PURE__ */ k(W, {
+				size: L,
+				value: K,
+				onChange: J,
+				decimalPlaces: _,
+				allowNegative: !1,
+				min: b,
+				max: S,
+				disabled: M,
+				invalid: j
+			})
+		}), !!C && /* @__PURE__ */ A(c, {
+			gap: "md",
+			children: [!!Z && /* @__PURE__ */ k(a, {
+				className: "leading-6",
+				children: R.unitLabel
+			}), /* @__PURE__ */ A(g, {
+				value: q,
+				onValueChange: (e) => Y(e),
+				disabled: M || w,
+				children: [/* @__PURE__ */ k(h, {
+					"aria-label": R.unitLabel || R.unitAriaLabel,
+					"aria-invalid": j || void 0,
+					className: r(d(L), "!shadow-none", (M || w) && "opacity-50 cursor-not-allowed", ee),
+					children: /* @__PURE__ */ k(m, { placeholder: R.unitPlaceholder ? /* @__PURE__ */ k(i, {
+						tag: "span",
+						size: "inherit",
+						type: "secondary",
+						lineHeight: "tight",
+						className: "text-inherit",
+						children: R.unitPlaceholder
+					}) : void 0 })
+				}), /* @__PURE__ */ k(v, { children: /* @__PURE__ */ k(y, { children: X.map((e) => /* @__PURE__ */ k(x, {
+					value: e.value,
+					size: L,
+					children: /* @__PURE__ */ k(i, {
+						tag: "span",
+						size: "inherit",
+						lineHeight: "tight",
+						className: "text-inherit",
+						children: e.label
+					})
+				}, e.value)) }) })]
+			})]
+		})]
+	});
+});
+$.displayName = "WeightInput";
+//#endregion
+//#region src/components/base/forms-numeric/coordinates-input.tsx
+var he = {
+	latLabel: "",
+	lngLabel: "",
+	latPlaceholder: "",
+	lngPlaceholder: "",
+	previewLinkLabel: ""
+}, ge = (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: ""
+	};
+}, _e = (e, t, n) => n === "string" ? `${e},${t}` : {
+	lat: e,
+	lng: t
+}, ve = (e, t, n) => {
+	if (!e) return !1;
+	let r = Number(e);
+	return Number.isFinite(r) && r >= t && r <= n;
+}, ye = S.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 }, h) {
+	let g = n(he, d), v = e !== void 0, y = ge(v ? e : t, i), [b, x] = O(y.lat), [S, C] = O(y.lng), w = ge(e, i), D = v ? w.lat : b, j = v ? w.lng : S;
+	ee(() => {
+		v && (x(w.lat), C(w.lng));
+	}, [
+		v,
+		w.lat,
+		w.lng
+	]);
+	let M = T((e, t) => {
+		v || (x(e), C(t)), a?.({ target: { value: _e(e, t, i) } });
+	}, [
+		v,
+		a,
+		i
+	]), N = E(() => {
+		let e = ve(D, -90, 90), t = ve(j, -180, 180);
+		return !e || !t ? null : `https://www.google.com/maps?q=${encodeURIComponent(`${D},${j}`)}`;
+	}, [D, j]);
+	return /* @__PURE__ */ A(c, {
+		ref: h,
+		gap: "lg",
+		className: r("coordinates-input--component", p),
+		children: [/* @__PURE__ */ A(s, {
+			columns: {
+				base: 1,
+				md: 2
+			},
+			gap: "lg",
+			children: [/* @__PURE__ */ k(_, {
+				label: g.latLabel || void 0,
+				children: /* @__PURE__ */ k(W, {
+					placeholder: g.latPlaceholder || void 0,
+					value: D,
+					onChange: (e) => M(e.target.value, j),
+					decimalPlaces: l,
+					allowNegative: !0,
+					min: -90,
+					max: 90,
+					invalid: f,
+					disabled: m
+				})
+			}), /* @__PURE__ */ k(_, {
+				label: g.lngLabel || void 0,
+				children: /* @__PURE__ */ k(W, {
+					placeholder: g.lngPlaceholder || void 0,
+					value: j,
+					onChange: (e) => M(D, e.target.value),
+					decimalPlaces: l,
+					allowNegative: !0,
+					min: -180,
+					max: 180,
+					invalid: f,
+					disabled: m
+				})
+			})]
+		}), !!u && !!N && !!g.previewLinkLabel && /* @__PURE__ */ k(o, {
+			href: N,
+			type: "secondary",
+			underline: !1,
+			children: g.previewLinkLabel
+		})]
+	});
+});
+ye.displayName = "CoordinatesInput";
+//#endregion
+export { se as a, X as c, W as d, fe as i, K as l, $ as n, Q as o, pe as r, Z as s, ye as t, G as u };
+
+//# sourceMappingURL=forms-numeric-Y15Bg5Nr.js.map