themelia-react-ui 2.0.4 → 2.0.6

package/dist/forms-numeric-CwjQJe-O.js

@@ -0,0 +1,991 @@
+"use client";
+import { d as e, m as t } from "./ui-provider-C-74NVLc.js";
+import { useStrings as n } from "./lib/strings.js";
+import { t as r } from "./utils-DhuoqFy4.js";
+import { a as i, c as a, t as o } from "./typography-C7-YMW1S.js";
+import { r as s, t as c } from "./structure-DZJ2wbAU.js";
+import { h as l, p as u } from "./smart-card-B6vLxqa_.js";
+import { n as d } from "./composition.recipes-COdiFhxB.js";
+import { t as f } from "./interaction-recipes-4wZ2tvfb.js";
+import { r as p } from "./field-affordance-recipes-D6H7tVJi.js";
+import { d as m, m as h, p as g, s as _, y as v } from "./form-sizing-CgcrUbLU.js";
+import { t as y } from "./input-7KAc7XQL.js";
+import { t as b } from "./form-field-CAPdwdnZ.js";
+import { n as x, t as ee } from "./field-control-attributes-B6i335wr.js";
+import { _ as S, d as C, f as w, g as te, l as T, p as E, v as ne } from "./choice-inputs-DHGtx0QV.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 B, Plus as re } 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 G(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 ie(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 ae = {
+	sm: "w-control-sm",
+	md: "w-control",
+	lg: "w-control-lg"
+};
+function oe(t, i) {
+	let { decimalPlaces: a = 2, min: o, max: s, allowNegative: c = !0, allowEmpty: l = !0, step: u, roundingMode: d = "round", normalizeOnBlur: p = !0, onChange: h, onBlur: g, onKeyDown: b, placeholder: x, className: ee, value: S, defaultValue: C, disabled: w, size: te, strings: T, ...E } = t, { defaultScale: ne } = e(), D = v(te, ne), k = n(V, T), A = Math.min(12, Math.max(0, a)), M = O.useRef(null), N = w || E.loading || E.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), !p) 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 && ie(M.current, r);
+	}, [
+		g,
+		h,
+		p,
+		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(",", "."));
+		ie(t, U(W(G(Number.isFinite(r) ? r : o ?? 0, e, u, o, d), o, s), A, d).toFixed(A));
+	}, [
+		N,
+		u,
+		o,
+		s,
+		d,
+		A,
+		h
+	]), z = typeof u == "number" && u > 0, oe = 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 = E.endAddon && !E.startAddon ? "text-end" : E.startAddon && !E.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], "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", w && "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", ae[D], f.rowHover, "disabled:pointer-events-none disabled:cursor-not-allowed", !w && "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: oe,
+				..."value" in t ? { value: S } : {},
+				defaultValue: C,
+				disabled: w,
+				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, ee),
+				...E
+			}),
+			/* @__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", ae[D], f.rowHover, "disabled:pointer-events-none disabled:cursor-not-allowed", !w && "disabled:opacity-50"),
+				children: /* @__PURE__ */ L(re, {
+					"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: C,
+		disabled: w,
+		className: r("tabular-nums text-end", ee),
+		...E
+	});
+}
+var K = O.forwardRef(oe);
+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"
+}, Y = {
+	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: `${Y[e] || e} ${e}`
+} : e);
+function se({ currency: t, defaultCurrency: o, currencies: s, onCurrencyChange: l, currencyPosition: u = "start", disableCurrencySelector: d = !1, currencyPlaceholder: f, currencyWidth: m = "w-28", currencyLabel: h, strings: _, invalid: y, disabled: b, onConfigError: x, size: ee, ...T }, D) {
+	let { defaultScale: O } = e(), k = v(ee, O), A = n(J, _), F = N(), z = P(() => X(s), [s]), [B, re] = I(o ?? z[0]?.value ?? ""), V = t !== void 0, H = V ? t : B;
+	M(() => {
+		let e = {
+			currency: t,
+			defaultCurrency: o,
+			disableCurrencySelector: d
+		};
+		d && typeof t == "string" && typeof o == "string" && t.trim() !== "" && o.trim() !== "" && t !== o && x?.("[CurrencyInput] currency/defaultCurrency mismatch while selector is disabled.", e), d && (typeof H != "string" || H.trim().length === 0) && x?.("[CurrencyInput] disableCurrencySelector is enabled but no currency is provided.", e);
+	}, [
+		t,
+		o,
+		d,
+		x,
+		H
+	]);
+	let U = j((e) => {
+		e !== null && (V || re(e), l?.(e));
+	}, [V, l]), W = P(() => r("currency-input--selector-trigger", g(k), m), [k, m]), G = /* @__PURE__ */ R(c, {
+		gap: "xs",
+		className: "currency-input--selector",
+		children: [!!h && /* @__PURE__ */ L(i, {
+			htmlFor: F,
+			className: r("currency-input--selector-label text-inherit", "leading-6"),
+			children: h
+		}), /* @__PURE__ */ R(te, {
+			value: H,
+			onValueChange: (e) => U(e),
+			disabled: b || d,
+			children: [/* @__PURE__ */ L(S, {
+				id: F,
+				"aria-label": h || A.currencyAriaLabel,
+				"aria-invalid": y || void 0,
+				iconClassName: p.icon[k],
+				className: W,
+				children: /* @__PURE__ */ L(ne, { placeholder: f ? /* @__PURE__ */ L(a, {
+					tag: "span",
+					size: "inherit",
+					type: "secondary",
+					lineHeight: "tight",
+					className: "text-inherit",
+					children: f
+				}) : void 0 })
+			}), /* @__PURE__ */ L(C, { children: /* @__PURE__ */ L(w, { children: z.map((e) => /* @__PURE__ */ L(E, {
+				value: e.value,
+				size: k,
+				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" && G,
+			/* @__PURE__ */ L("div", {
+				className: "currency-input--amount min-w-0 flex-1",
+				children: /* @__PURE__ */ L(K, {
+					ref: D,
+					size: k,
+					decimalPlaces: 2,
+					allowNegative: !1,
+					disabled: b,
+					invalid: y,
+					strings: {
+						decrement: A.decrement,
+						increment: A.increment
+					},
+					...T
+				})
+			}),
+			u === "end" && G
+		]
+	});
+}
+var ce = A(k(se));
+ce.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 Z = k(function(e, i) {
+	let { currency: o, defaultCurrency: s, currencies: d, onCurrencyChange: f, onChangeData: p, money: m, label: h, hint: g, helperText: _, error: v, required: y, invalid: x, recordCurrency: ee, showMigrationWarning: S = !0, migrationWarningMessage: C, showOriginalHint: w = !0, controlStrings: te, controlClassName: T, strings: E, className: ne, onChange: D, value: O, defaultValue: k, ...A } = e, M = t(), N = n(le, E), B = s ?? M.defaultCurrency ?? "USD", [re, V] = I(B), H = o ?? re, U = F(null), W = P(() => {
+		let e = d?.length ? d : [B, ...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(H) ? n : [H, ...n];
+	}, [
+		H,
+		d,
+		B
+	]), G = ee ?? m?.recordCurrency ?? void 0, ie = w ? pe(m?.pair?.formatted) : "", ae = !!(G && H && G !== H), oe = x ?? !!v, K = j((e) => {
+		U.current = e, typeof i == "function" ? i(e) : i && (i.current = e);
+	}, [i]), q = j((e) => {
+		D?.(e), p?.({
+			amount: fe(e.target.value),
+			currency: H
+		});
+	}, [
+		H,
+		D,
+		p
+	]), J = j((e) => {
+		o === void 0 && V(e), f?.(e), p?.({
+			amount: fe(U.current?.value ?? O ?? k),
+			currency: e
+		});
+	}, [
+		o,
+		k,
+		p,
+		f,
+		O
+	]), Y = /* @__PURE__ */ L(ce, {
+		...A,
+		ref: K,
+		..."value" in e ? { value: O } : {},
+		defaultValue: k,
+		currency: H,
+		currencies: W,
+		onChange: q,
+		onCurrencyChange: J,
+		invalid: oe,
+		required: y,
+		"aria-required": y ? !0 : A["aria-required"],
+		strings: te,
+		className: T
+	}), X = !!(h || g || _ || v || y);
+	return /* @__PURE__ */ R(c, {
+		gap: "sm",
+		className: r("money-input--component", ne),
+		children: [/* @__PURE__ */ R(c, {
+			gap: "xs",
+			className: "money-input--field",
+			children: [X ? /* @__PURE__ */ L(b, {
+				label: h,
+				hint: g,
+				helperText: _,
+				error: v,
+				required: y,
+				children: Y
+			}) : Y, !!ie && !v && /* @__PURE__ */ L(a, {
+				tag: "p",
+				size: "xs",
+				type: "secondary",
+				className: "money-input--original",
+				children: ue(N.originalValue, { value: ie })
+			})]
+		}), !!ae && S && /* @__PURE__ */ R(u, {
+			tone: "warning",
+			className: "money-input--warning",
+			children: [/* @__PURE__ */ L(z, { "aria-hidden": "true" }), /* @__PURE__ */ L(l, { children: C ?? ue(N.conversionWarning, {
+				from: G ?? "",
+				to: H
+			}) })]
+		})]
+	});
+});
+Z.displayName = "MoneyInput";
+//#endregion
+//#region src/components/base/forms-numeric/rounding-mode-select.tsx
+var Q = [
+	"floor",
+	"half_up",
+	"ceil"
+], he = {
+	floor: "Round down",
+	half_up: "Round half up",
+	ceil: "Round up"
+}, ge = 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(() => Q.map((e) => ({
+		value: e,
+		label: o?.[e] ?? he[e] ?? e
+	})), [o]), d = j((e) => {
+		a?.(e);
+	}, [a]);
+	return /* @__PURE__ */ L(T, {
+		ref: t,
+		className: r("rounding-mode-select--component", c),
+		options: u,
+		...n ? { value: i } : {},
+		onValueChange: d,
+		placeholder: s,
+		...l
+	});
+});
+ge.displayName = "RoundingModeSelect";
+//#endregion
+//#region src/components/base/forms-numeric/dimensions-input.tsx
+var _e = {
+	width: "Width",
+	height: "Height",
+	depth: "Depth",
+	unit: "Unit",
+	widthPlaceholder: "0.00",
+	heightPlaceholder: "0.00",
+	depthPlaceholder: "0.00"
+}, ve = [
+	{
+		value: "mm",
+		label: "mm"
+	},
+	{
+		value: "cm",
+		label: "cm"
+	},
+	{
+		value: "m",
+		label: "m"
+	},
+	{
+		value: "in",
+		label: "in"
+	},
+	{
+		value: "ft",
+		label: "ft"
+	},
+	{
+		value: "px",
+		label: "px"
+	}
+], ye = (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: ""
+	};
+}, be = (e, t, n, r) => r === "string" ? `${e}x${t}x${n}` : {
+	width: e,
+	height: t,
+	depth: n
+}, xe = O.forwardRef(function({ value: t, defaultValue: o, format: s = "string", unit: l, defaultUnit: u = "cm", widthLabel: d, heightLabel: f, depthLabel: m, unitLabel: _, unitPlaceholder: y, widthPlaceholder: b, heightPlaceholder: T, depthPlaceholder: O, onChange: k, onUnitChange: A, decimalPlaces: P = 2, min: z = 0, max: B, showUnitSelector: re = !0, disableUnitSelector: V = !1, layout: H = "horizontal", invalid: U, disabled: W = !1, className: G, size: ie, strings: ae, id: oe, name: q, onBlur: J, onValueChange: Y, readOnly: X, required: se, "aria-label": ce, "aria-labelledby": le, "aria-describedby": ue, "aria-invalid": de, "aria-required": fe }, pe) {
+	let { defaultScale: me } = e(), Z = v(ie, me), Q = n(_e, ae), { invalid: he, ariaInvalid: ge } = x(U, de), xe = d ?? Q.width, Se = f ?? Q.height, Ce = m ?? Q.depth, we = y ?? Q.unit, Te = b ?? Q.widthPlaceholder, Ee = T ?? Q.heightPlaceholder, De = O ?? Q.depthPlaceholder, Oe = H === "horizontal", $ = H === "vertical", ke = re === !0, Ae = (_ ?? "").length > 0, je = $ ? xe : "", Me = $ ? Se : "", Ne = $ ? Ce : "", Pe = N(), Fe = {
+		width: `${Pe}-width`,
+		height: `${Pe}-height`,
+		depth: `${Pe}-depth`,
+		unit: `${Pe}-unit`
+	}, Ie = r("text-inherit", h), Le = t !== void 0, Re = l !== void 0, ze = ye(Le ? t : o, s), [Be, Ve] = I(ze.width), [He, Ue] = I(ze.height), [We, Ge] = I(ze.depth), [Ke, qe] = I(l || u), Je = ye(t, s), Ye = Le ? Je.width : Be, Xe = Le ? Je.height : He, Ze = Le ? Je.depth : We, Qe = Re ? l : Ke, $e = F(null), et = Ye || Xe || Ze ? String(be(Ye, Xe, Ze, "string")) : "";
+	M(() => {
+		if (Le) {
+			let e = ye(t, s);
+			Ve(e.width), Ue(e.height), Ge(e.depth);
+		}
+	}, [
+		t,
+		s,
+		Le
+	]);
+	let tt = j((e, t) => {
+		let n = Ye, r = Xe, i = Ze;
+		e === "width" && (n = t), e === "height" && (r = t), e === "depth" && (i = t), Le || (Ve(n), Ue(r), Ge(i));
+		let a = be(n, r, i, s);
+		k?.({ target: { value: a } }), Y?.(a);
+	}, [
+		Ye,
+		Xe,
+		Ze,
+		Le,
+		s,
+		k,
+		Y
+	]), nt = j((e) => {
+		if (e === null) return;
+		let t = e;
+		Re || qe(t), A?.(t);
+	}, [Re, A]), rt = /* @__PURE__ */ R(c, {
+		gap: "xs",
+		children: [!!Ae && $ && /* @__PURE__ */ L(i, {
+			htmlFor: Fe.unit,
+			className: Ie,
+			children: _
+		}), /* @__PURE__ */ R(te, {
+			value: Qe,
+			onValueChange: (e) => nt(e),
+			disabled: W || V,
+			readOnly: X,
+			children: [/* @__PURE__ */ L(S, {
+				id: Fe.unit,
+				"aria-label": _ ?? Q.unit,
+				"aria-invalid": he || void 0,
+				iconClassName: p.icon[Z],
+				className: r(g(Z), H === "vertical" ? "w-full" : "w-full @md/dimensions-input:w-32"),
+				children: /* @__PURE__ */ L(ne, { placeholder: /* @__PURE__ */ L(a, {
+					tag: "span",
+					size: "inherit",
+					type: "secondary",
+					lineHeight: "tight",
+					className: "text-inherit",
+					children: we
+				}) })
+			}), /* @__PURE__ */ L(C, {
+				render: /* @__PURE__ */ L("div", { ref: $e }),
+				children: /* @__PURE__ */ L(w, { children: ve.map((e) => /* @__PURE__ */ L(E, {
+					value: e.value,
+					size: Z,
+					children: /* @__PURE__ */ L(a, {
+						tag: "span",
+						size: "inherit",
+						lineHeight: "tight",
+						className: "text-inherit",
+						children: e.label
+					})
+				}, e.value)) })
+			})]
+		})]
+	});
+	return /* @__PURE__ */ R(c, {
+		ref: pe,
+		id: oe,
+		role: "group",
+		"aria-label": ce,
+		"aria-labelledby": le,
+		"aria-describedby": ue,
+		"aria-invalid": ge,
+		onBlur: ee(J, $e),
+		gap: "md",
+		className: r("dimensions-input--component @container/dimensions-input", G),
+		children: [q && /* @__PURE__ */ L("input", {
+			type: "hidden",
+			name: q,
+			value: et,
+			disabled: W
+		}), /* @__PURE__ */ R(c, {
+			direction: H === "vertical" ? "vertical" : "horizontal",
+			gap: "md",
+			align: H === "vertical" ? "stretch" : "start",
+			className: "dimensions-input--fields",
+			children: [
+				/* @__PURE__ */ R(c, {
+					gap: "xs",
+					className: "min-w-0 flex-1",
+					children: [
+						!!$ && !!je && /* @__PURE__ */ L(i, {
+							htmlFor: Fe.width,
+							className: Ie,
+							children: je
+						}),
+						/* @__PURE__ */ L(K, {
+							id: Fe.width,
+							size: Z,
+							value: Ye,
+							onChange: (e) => tt("width", e.target.value),
+							placeholder: Te,
+							decimalPlaces: P,
+							min: z,
+							max: B,
+							disabled: W,
+							readOnly: X,
+							required: se,
+							"aria-required": fe,
+							normalizeOnBlur: !X,
+							invalid: he,
+							"aria-label": xe
+						}),
+						!!Oe && /* @__PURE__ */ L(a, {
+							size: "xs",
+							type: "secondary",
+							className: "text-center",
+							children: xe
+						})
+					]
+				}),
+				H === "horizontal" && /* @__PURE__ */ L("div", {
+					"aria-hidden": "true",
+					className: r("dimensions-input--separator flex items-center", D[Z]),
+					children: /* @__PURE__ */ L(a, {
+						tag: "span",
+						type: "secondary",
+						children: "×"
+					})
+				}),
+				/* @__PURE__ */ R(c, {
+					gap: "xs",
+					className: "min-w-0 flex-1",
+					children: [
+						!!$ && !!Me && /* @__PURE__ */ L(i, {
+							htmlFor: Fe.height,
+							className: Ie,
+							children: Me
+						}),
+						/* @__PURE__ */ L(K, {
+							id: Fe.height,
+							size: Z,
+							value: Xe,
+							onChange: (e) => tt("height", e.target.value),
+							placeholder: Ee,
+							decimalPlaces: P,
+							min: z,
+							max: B,
+							disabled: W,
+							readOnly: X,
+							required: se,
+							"aria-required": fe,
+							normalizeOnBlur: !X,
+							invalid: he,
+							"aria-label": Se
+						}),
+						!!Oe && /* @__PURE__ */ L(a, {
+							size: "xs",
+							type: "secondary",
+							className: "text-center",
+							children: Se
+						})
+					]
+				}),
+				H === "horizontal" && /* @__PURE__ */ L("div", {
+					"aria-hidden": "true",
+					className: r("dimensions-input--separator flex items-center", D[Z]),
+					children: /* @__PURE__ */ L(a, {
+						tag: "span",
+						type: "secondary",
+						children: "×"
+					})
+				}),
+				/* @__PURE__ */ R(c, {
+					gap: "xs",
+					className: "min-w-0 flex-1",
+					children: [
+						!!$ && !!Ne && /* @__PURE__ */ L(i, {
+							htmlFor: Fe.depth,
+							className: Ie,
+							children: Ne
+						}),
+						/* @__PURE__ */ L(K, {
+							id: Fe.depth,
+							size: Z,
+							value: Ze,
+							onChange: (e) => tt("depth", e.target.value),
+							placeholder: De,
+							decimalPlaces: P,
+							min: z,
+							max: B,
+							disabled: W,
+							readOnly: X,
+							required: se,
+							"aria-required": fe,
+							normalizeOnBlur: !X,
+							invalid: he,
+							"aria-label": Ce
+						}),
+						!!Oe && /* @__PURE__ */ L(a, {
+							size: "xs",
+							type: "secondary",
+							className: "text-center",
+							children: Ce
+						})
+					]
+				}),
+				!!ke && /* @__PURE__ */ R(c, {
+					gap: "xs",
+					className: r("dimensions-input--unit", H === "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: [rt, !!Oe && /* @__PURE__ */ L(a, {
+						size: "xs",
+						type: "secondary",
+						className: "text-center",
+						children: Ae ? _ : we
+					})]
+				})
+			]
+		})]
+	});
+});
+xe.displayName = "DimensionsInput";
+//#endregion
+//#region src/components/base/forms-numeric/weight-input.tsx
+var Se = {
+	unitLabel: "",
+	unitAriaLabel: "Unit",
+	unitPlaceholder: ""
+}, Ce = [
+	{
+		value: "g",
+		label: "g"
+	},
+	{
+		value: "kg",
+		label: "kg"
+	},
+	{
+		value: "lb",
+		label: "lb"
+	},
+	{
+		value: "oz",
+		label: "oz"
+	}
+], we = O.forwardRef(function({ id: t, name: o, onBlur: s, onValueChange: l, readOnly: u, required: d, "aria-label": f, "aria-labelledby": m, "aria-describedby": h, "aria-invalid": _, "aria-required": y, value: b, defaultValue: x, unit: T, defaultUnit: D = "g", onChange: O, onUnitChange: k, decimalPlaces: A = 2, min: M = 0, max: z, showUnitSelector: B = !0, disableUnitSelector: re = !1, unitWidth: V = "w-24", strings: H, invalid: U, disabled: W = !1, size: G, className: ie }, ae) {
+	let { defaultScale: oe } = e(), q = v(G, oe), J = n(Se, H), Y = b !== void 0, X = T !== void 0, [se, ce] = I(x ?? ""), [le, ue] = I(T ?? D), de = Y ? b ?? "" : se, fe = X ? T ?? D : le, pe = F(null), me = j((e) => {
+		let t = e.target.value;
+		Y || ce(t), O?.({ target: { value: t } }), l?.(t);
+	}, [
+		Y,
+		O,
+		l
+	]), Z = j((e) => {
+		if (e === null) return;
+		let t = e;
+		X || ue(t), k?.(t);
+	}, [X, k]), Q = P(() => Ce, []), he = J.unitLabel !== "", ge = N();
+	return /* @__PURE__ */ R("div", {
+		ref: ae,
+		className: r("weight-input--component", "flex items-end gap-space-md", ie),
+		onBlur: ee(s, pe),
+		children: [
+			o && /* @__PURE__ */ L("input", {
+				type: "hidden",
+				name: o,
+				value: de,
+				disabled: W
+			}),
+			/* @__PURE__ */ L("div", {
+				className: "flex-1",
+				children: /* @__PURE__ */ L(K, {
+					id: t,
+					"aria-label": f,
+					"aria-labelledby": m,
+					"aria-describedby": h,
+					"aria-invalid": U ? !0 : _,
+					"aria-required": y,
+					size: q,
+					value: de,
+					onChange: me,
+					decimalPlaces: A,
+					allowNegative: !1,
+					min: M,
+					max: z,
+					disabled: W,
+					readOnly: u,
+					required: d,
+					normalizeOnBlur: !u,
+					invalid: U
+				})
+			}),
+			!!B && /* @__PURE__ */ R(c, {
+				gap: "xs",
+				children: [!!he && /* @__PURE__ */ L(i, {
+					htmlFor: ge,
+					className: r("text-inherit", "leading-6"),
+					children: J.unitLabel
+				}), /* @__PURE__ */ R(te, {
+					value: fe,
+					onValueChange: (e) => Z(e),
+					disabled: W || re,
+					readOnly: u,
+					children: [/* @__PURE__ */ L(S, {
+						id: ge,
+						"aria-label": J.unitLabel || J.unitAriaLabel,
+						"aria-invalid": U || void 0,
+						iconClassName: p.icon[q],
+						className: r(g(q), V),
+						children: /* @__PURE__ */ L(ne, { placeholder: J.unitPlaceholder ? /* @__PURE__ */ L(a, {
+							tag: "span",
+							size: "inherit",
+							type: "secondary",
+							lineHeight: "tight",
+							className: "text-inherit",
+							children: J.unitPlaceholder
+						}) : void 0 })
+					}), /* @__PURE__ */ L(C, {
+						render: /* @__PURE__ */ L("div", { ref: pe }),
+						children: /* @__PURE__ */ L(w, { children: Q.map((e) => /* @__PURE__ */ L(E, {
+							value: e.value,
+							size: q,
+							children: /* @__PURE__ */ L(a, {
+								tag: "span",
+								size: "inherit",
+								lineHeight: "tight",
+								className: "text-inherit",
+								children: e.label
+							})
+						}, e.value)) })
+					})]
+				})]
+			})
+		]
+	});
+});
+we.displayName = "WeightInput";
+//#endregion
+//#region src/components/base/forms-numeric/coordinates-input.tsx
+var Te = {
+	latLabel: "",
+	lngLabel: "",
+	latPlaceholder: "",
+	lngPlaceholder: "",
+	previewLinkLabel: "",
+	latAccessibleLabel: "Latitude",
+	lngAccessibleLabel: "Longitude"
+}, Ee = (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: ""
+	};
+}, De = (e, t, n) => n === "string" ? `${e},${t}` : {
+	lat: e,
+	lng: t
+}, Oe = (e, t, n) => {
+	if (!e) return !1;
+	let r = Number(e);
+	return Number.isFinite(r) && r >= t && r <= n;
+}, $ = O.forwardRef(function({ value: e, defaultValue: t, format: i = "object", onChange: a, decimalPlaces: l = 6, showPreviewLink: u = !0, strings: f, invalid: p, className: m, disabled: h, size: g, id: _, name: v, onBlur: y, onValueChange: S, readOnly: C, required: w, "aria-label": te, "aria-labelledby": T, "aria-describedby": E, "aria-invalid": ne, "aria-required": D }, O) {
+	let k = n(Te, f), { invalid: A, ariaInvalid: N } = x(p, ne), F = e !== void 0, z = Ee(F ? e : t, i), [B, re] = I(z.lat), [V, H] = I(z.lng), U = Ee(e, i), W = F ? U.lat : B, G = F ? U.lng : V, ie = W || G ? String(De(W, G, "string")) : "";
+	M(() => {
+		F && (re(U.lat), H(U.lng));
+	}, [
+		F,
+		U.lat,
+		U.lng
+	]);
+	let ae = j((e, t) => {
+		F || (re(e), H(t));
+		let n = De(e, t, i);
+		a?.({ target: { value: n } }), S?.(n);
+	}, [
+		F,
+		a,
+		S,
+		i
+	]), oe = P(() => {
+		let e = Oe(W, -90, 90), t = Oe(G, -180, 180);
+		return !e || !t ? null : `https://www.google.com/maps?q=${encodeURIComponent(`${W},${G}`)}`;
+	}, [W, G]);
+	return /* @__PURE__ */ R(c, {
+		ref: O,
+		id: _,
+		role: "group",
+		"aria-label": te,
+		"aria-labelledby": T,
+		"aria-describedby": E,
+		"aria-invalid": N,
+		onBlur: ee(y),
+		gap: "lg",
+		className: r("coordinates-input--component", m),
+		children: [
+			v && /* @__PURE__ */ L("input", {
+				type: "hidden",
+				name: v,
+				value: ie,
+				disabled: h
+			}),
+			/* @__PURE__ */ R(s, {
+				columns: {
+					base: 1,
+					md: 2
+				},
+				gap: d.related,
+				children: [/* @__PURE__ */ L(b, {
+					label: k.latLabel || void 0,
+					children: /* @__PURE__ */ L(K, {
+						placeholder: k.latPlaceholder || void 0,
+						"aria-label": k.latLabel ? void 0 : k.latAccessibleLabel || void 0,
+						value: W,
+						onChange: (e) => ae(e.target.value, G),
+						decimalPlaces: l,
+						allowNegative: !0,
+						min: -90,
+						max: 90,
+						invalid: A,
+						disabled: h,
+						readOnly: C,
+						required: w,
+						"aria-required": D,
+						normalizeOnBlur: !C,
+						size: g
+					})
+				}), /* @__PURE__ */ L(b, {
+					label: k.lngLabel || void 0,
+					children: /* @__PURE__ */ L(K, {
+						placeholder: k.lngPlaceholder || void 0,
+						"aria-label": k.lngLabel ? void 0 : k.lngAccessibleLabel || void 0,
+						value: G,
+						onChange: (e) => ae(W, e.target.value),
+						decimalPlaces: l,
+						allowNegative: !0,
+						min: -180,
+						max: 180,
+						invalid: A,
+						disabled: h,
+						readOnly: C,
+						required: w,
+						"aria-required": D,
+						normalizeOnBlur: !C,
+						size: g
+					})
+				})]
+			}),
+			!!u && !!oe && !!k.previewLinkLabel && /* @__PURE__ */ L(o, {
+				href: oe,
+				type: "secondary",
+				underline: !1,
+				children: k.previewLinkLabel
+			})
+		]
+	});
+});
+$.displayName = "CoordinatesInput";
+//#endregion
+export { ge as a, ce as c, K as d, xe as i, J as l, we as n, Z as o, Se as r, le as s, $ as t, q as u };
+
+//# sourceMappingURL=forms-numeric-CwjQJe-O.js.map