themelia-react-ui 2.0.0 → 2.0.2

package/dist/forms-numeric-B_jraJaQ.js

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