themelia-react-ui 2.0.5 → 3.0.0

package/dist/forms-numeric-DIhghX1Q.js

@@ -1,910 +0,0 @@
-"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-B6kKb8jB.js";
-import { a as i, c as a, t as o } from "./typography-BQnine1k.js";
-import { r as s, t as c } from "./structure-DuxKl954.js";
-import { h as l, p as u } from "./smart-card-CW0hjetE.js";
-import { t as d } from "./interaction-recipes-XR9ZpVYL.js";
-import { r as f } from "./field-affordance-recipes-DWcNcOjh.js";
-import { d as p, m, p as h, s as g, y as _ } from "./form-sizing-Bs2qFUeE.js";
-import { t as v } from "./input-CvyDQlY7.js";
-import { t as y } from "./form-field-BriWAXyg.js";
-import { _ as b, d as ee, f as x, g as te, l as S, p as C, v as w } from "./choice-inputs-zUgBZfE4.js";
-import { t as T } from "./control-group-recipes-fMuFo0H7.js";
-import * as E from "react";
-import { forwardRef as D, memo as O, useCallback as k, useEffect as A, useId as j, useMemo as M, useRef as N, useState as P } from "react";
-import { jsx as F, jsxs as I } from "react/jsx-runtime";
-import { AlertTriangle as L, Minus as R, Plus as z } from "lucide-react";
-//#region src/components/base/forms-numeric/decimal-input.tsx
-var B = {
-	decrement: "Decrement",
-	increment: "Increment"
-}, V = (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;
-}, H = (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 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 ne(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 re(e, t) {
-	let n = Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype, "value")?.set;
-	n ? n.call(e, t) : e.value = t, e.dispatchEvent(new Event("input", { bubbles: !0 }));
-}
-var G = {
-	sm: "w-control-sm",
-	md: "w-control",
-	lg: "w-control-lg"
-};
-function ie(t, i) {
-	let { decimalPlaces: a = 2, min: o, max: s, allowNegative: c = !0, allowEmpty: l = !0, step: u, roundingMode: f = "round", normalizeOnBlur: m = !0, onChange: h, onBlur: y, onKeyDown: b, placeholder: ee, className: x, value: te, defaultValue: S, disabled: C, size: w, strings: T, ...D } = t, { defaultScale: O } = e(), A = _(w, O), j = n(B, T), M = Math.min(12, Math.max(0, a)), N = E.useRef(null), P = C || D.loading || D.readOnly, L = k((e) => {
-		let t = e.target.value;
-		if (!t && l) {
-			h?.(e);
-			return;
-		}
-		let n = V(t, M, c);
-		if (H(n, o, s)) {
-			if (n !== t) {
-				let t = {
-					...e,
-					target: {
-						...e.target,
-						value: n
-					},
-					currentTarget: {
-						...e.currentTarget,
-						value: n
-					}
-				};
-				h?.(t);
-			} else h?.(e);
-		}
-	}, [
-		h,
-		M,
-		c,
-		l,
-		o,
-		s
-	]), ie = k((e) => {
-		if (y?.(e), !m) 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), M, f).toFixed(M);
-		r !== t && N.current && re(N.current, r);
-	}, [
-		y,
-		h,
-		m,
-		l,
-		o,
-		s,
-		M,
-		f
-	]), K = k((e) => {
-		if (P || u === void 0) return;
-		let t = N.current;
-		if (!t) return;
-		let n = t.value, r = Number.parseFloat(n.replace(",", "."));
-		re(t, U(W(ne(Number.isFinite(r) ? r : o ?? 0, e, u, o, f), o, s), M, f).toFixed(M));
-	}, [
-		P,
-		u,
-		o,
-		s,
-		f,
-		M,
-		h
-	]), q = typeof u == "number" && u > 0, J = k((e) => {
-		b?.(e), !e.defaultPrevented && q && (e.key === "ArrowUp" || e.key === "ArrowDown") && (e.preventDefault(), K(e.key === "ArrowUp" ? 1 : -1));
-	}, [
-		b,
-		q,
-		K
-	]), Y = ee ?? (M > 0 ? `0.${"0".repeat(M)}` : "0"), X = D.endAddon && !D.startAddon ? "text-end" : D.startAddon && !D.endAddon ? "text-start" : "text-center";
-	return q ? /* @__PURE__ */ I("div", {
-		className: r("decimal-input--component", "flex items-stretch overflow-hidden rounded-radius border border-input bg-transparent [&>.input--component]:h-full", p[A], "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", C && "opacity-50 cursor-not-allowed"),
-		children: [
-			/* @__PURE__ */ F("button", {
-				type: "button",
-				tabIndex: -1,
-				"aria-label": j.decrement,
-				disabled: P,
-				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[A], d.rowHover, "disabled:pointer-events-none disabled:cursor-not-allowed", !C && "disabled:opacity-50"),
-				children: /* @__PURE__ */ F(R, {
-					"aria-hidden": "true",
-					className: g[A]
-				})
-			}),
-			/* @__PURE__ */ F(v, {
-				size: A,
-				ref: (e) => {
-					N.current = e, typeof i == "function" ? i(e) : i && (i.current = e);
-				},
-				type: "text",
-				inputMode: M > 0 ? "decimal" : "numeric",
-				placeholder: Y,
-				onChange: L,
-				onBlur: ie,
-				onKeyDown: J,
-				..."value" in t ? { value: te } : {},
-				defaultValue: S,
-				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", X, x),
-				...D
-			}),
-			/* @__PURE__ */ F("button", {
-				type: "button",
-				tabIndex: -1,
-				"aria-label": j.increment,
-				disabled: P,
-				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[A], d.rowHover, "disabled:pointer-events-none disabled:cursor-not-allowed", !C && "disabled:opacity-50"),
-				children: /* @__PURE__ */ F(z, {
-					"aria-hidden": "true",
-					className: g[A]
-				})
-			})
-		]
-	}) : /* @__PURE__ */ F(v, {
-		size: A,
-		ref: (e) => {
-			N.current = e, typeof i == "function" ? i(e) : i && (i.current = e);
-		},
-		type: "text",
-		inputMode: M > 0 ? "decimal" : "numeric",
-		placeholder: Y,
-		onChange: L,
-		onBlur: ie,
-		onKeyDown: b,
-		..."value" in t ? { value: te } : {},
-		defaultValue: S,
-		disabled: C,
-		className: r("tabular-nums text-end", x),
-		...D
-	});
-}
-var K = E.forwardRef(ie);
-K.displayName = "DecimalInput";
-//#endregion
-//#region src/components/base/forms-numeric/percentage-input.tsx
-var q = D(function({ decimalPlaces: e = 2, min: t = 0, max: n = 100, step: r, ...i }, a) {
-	return /* @__PURE__ */ F(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 = {
-	...B,
-	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 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: N } = e(), L = _(E, N), R = n(J, v), z = j(), B = M(() => X(s), [s]), [V, H] = P(o ?? B[0]?.value ?? ""), U = t !== void 0, W = U ? t : V;
-	A(() => {
-		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 W != "string" || W.trim().length === 0) && T?.("[CurrencyInput] disableCurrencySelector is enabled but no currency is provided.", e);
-	}, [
-		t,
-		o,
-		d,
-		T,
-		W
-	]);
-	let ne = k((e) => {
-		e !== null && (U || H(e), l?.(e));
-	}, [U, l]), re = M(() => r("currency-input--selector-trigger", h(L), m), [L, m]), G = /* @__PURE__ */ I(c, {
-		gap: "xs",
-		className: "currency-input--selector",
-		children: [!!g && /* @__PURE__ */ F(i, {
-			htmlFor: z,
-			className: r("currency-input--selector-label text-inherit", "leading-6"),
-			children: g
-		}), /* @__PURE__ */ I(te, {
-			value: W,
-			onValueChange: (e) => ne(e),
-			disabled: S || d,
-			children: [/* @__PURE__ */ F(b, {
-				id: z,
-				"aria-label": g || R.currencyAriaLabel,
-				"aria-invalid": y || void 0,
-				iconClassName: f.icon[L],
-				className: re,
-				children: /* @__PURE__ */ F(w, { placeholder: p ? /* @__PURE__ */ F(a, {
-					tag: "span",
-					size: "inherit",
-					type: "secondary",
-					lineHeight: "tight",
-					className: "text-inherit",
-					children: p
-				}) : void 0 })
-			}), /* @__PURE__ */ F(ee, { children: /* @__PURE__ */ F(x, { children: B.map((e) => /* @__PURE__ */ F(C, {
-				value: e.value,
-				size: L,
-				children: /* @__PURE__ */ F(a, {
-					tag: "span",
-					size: "inherit",
-					lineHeight: "tight",
-					className: "text-inherit",
-					children: e.label
-				})
-			}, e.value)) }) })]
-		})]
-	});
-	return /* @__PURE__ */ I("div", {
-		className: r("currency-input--component", "flex items-end gap-space-md"),
-		children: [
-			u === "start" && G,
-			/* @__PURE__ */ F("div", {
-				className: "currency-input--amount min-w-0 flex-1",
-				children: /* @__PURE__ */ F(K, {
-					ref: O,
-					size: L,
-					decimalPlaces: 2,
-					allowNegative: !1,
-					disabled: S,
-					invalid: y,
-					strings: {
-						decrement: R.decrement,
-						increment: R.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(e, i) {
-	let { currency: o, defaultCurrency: s, currencies: d, onCurrencyChange: f, onChangeData: p, money: m, label: h, hint: g, helperText: _, error: v, required: b, invalid: ee, recordCurrency: x, showMigrationWarning: te = !0, migrationWarningMessage: S, showOriginalHint: C = !0, controlStrings: w, controlClassName: T, strings: E, className: D, onChange: O, value: A, defaultValue: j, ...R } = e, z = t(), B = n(se, E), V = s ?? z.defaultCurrency ?? "USD", [H, U] = P(V), W = o ?? H, ne = N(null), re = M(() => {
-		let e = d?.length ? d : [V, ...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(W) ? n : [W, ...n];
-	}, [
-		W,
-		d,
-		V
-	]), G = x ?? m?.recordCurrency ?? void 0, ie = C ? Z(m?.pair?.formatted) : "", K = !!(G && W && G !== W), q = ee ?? !!v, J = k((e) => {
-		ne.current = e, typeof i == "function" ? i(e) : i && (i.current = e);
-	}, [i]), Y = k((e) => {
-		O?.(e), p?.({
-			amount: ue(e.target.value),
-			currency: W
-		});
-	}, [
-		W,
-		O,
-		p
-	]), X = k((e) => {
-		o === void 0 && U(e), f?.(e), p?.({
-			amount: ue(ne.current?.value ?? A ?? j),
-			currency: e
-		});
-	}, [
-		o,
-		j,
-		p,
-		f,
-		A
-	]), ae = /* @__PURE__ */ F(oe, {
-		...R,
-		ref: J,
-		..."value" in e ? { value: A } : {},
-		defaultValue: j,
-		currency: W,
-		currencies: re,
-		onChange: Y,
-		onCurrencyChange: X,
-		invalid: q,
-		required: b,
-		"aria-required": b ? !0 : R["aria-required"],
-		strings: w,
-		className: T
-	}), fe = !!(h || g || _ || v || b);
-	return /* @__PURE__ */ I(c, {
-		gap: "sm",
-		className: r("money-input--component", D),
-		children: [/* @__PURE__ */ I(c, {
-			gap: "xs",
-			className: "money-input--field",
-			children: [fe ? /* @__PURE__ */ F(y, {
-				label: h,
-				hint: g,
-				helperText: _,
-				error: v,
-				required: b,
-				children: ae
-			}) : ae, !!ie && !v && /* @__PURE__ */ F(a, {
-				tag: "p",
-				size: "xs",
-				type: "secondary",
-				className: "money-input--original",
-				children: ce(B.originalValue, { value: ie })
-			})]
-		}), !!K && te && /* @__PURE__ */ I(u, {
-			tone: "warning",
-			className: "money-input--warning",
-			children: [/* @__PURE__ */ F(L, { "aria-hidden": "true" }), /* @__PURE__ */ F(l, { children: S ?? ce(B.conversionWarning, {
-				from: G ?? "",
-				to: W
-			}) })]
-		})]
-	});
-});
-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 = M(() => pe.map((e) => ({
-		value: e,
-		label: o?.[e] ?? me[e] ?? e
-	})), [o]), d = k((e) => {
-		a?.(e);
-	}, [a]);
-	return /* @__PURE__ */ F(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: M, decimalPlaces: N = 2, min: L = 0, max: R, showUnitSelector: z = !0, disableUnitSelector: B = !1, layout: V = "horizontal", invalid: H, disabled: U = !1, className: W, size: ne, strings: re }, G) {
-	let { defaultScale: ie } = e(), q = _(ne, ie), J = n(ge, re), Y = d ?? J.width, X = p ?? J.height, ae = g ?? J.depth, oe = y ?? J.unit, se = S ?? J.widthPlaceholder, ce = E ?? J.heightPlaceholder, le = D ?? J.depthPlaceholder, ue = V === "horizontal", Z = V === "vertical", de = z === !0, fe = (v ?? "").length > 0, pe = Z ? Y : "", me = Z ? X : "", he = Z ? ae : "", be = j(), 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] = P(Ce.width), [Ee, De] = P(Ce.height), [Oe, ke] = P(Ce.depth), [Ae, je] = P(l || u), Me = ve(t, s), Ne = $ ? Me.width : we, Pe = $ ? Me.height : Ee, Fe = $ ? Me.depth : Oe, Ie = Se ? l : Ae;
-	A(() => {
-		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), M?.(t);
-	}, [Se, M]), ze = /* @__PURE__ */ I(c, {
-		gap: "xs",
-		children: [!!fe && Z && /* @__PURE__ */ F(i, {
-			htmlFor: Q.unit,
-			className: xe,
-			children: v
-		}), /* @__PURE__ */ I(te, {
-			value: Ie,
-			onValueChange: (e) => Re(e),
-			disabled: U || B,
-			children: [/* @__PURE__ */ F(b, {
-				id: Q.unit,
-				"aria-label": v ?? J.unit,
-				"aria-invalid": H || void 0,
-				iconClassName: f.icon[q],
-				className: r(h(q), V === "vertical" ? "w-full" : "w-full @md/dimensions-input:w-32"),
-				children: /* @__PURE__ */ F(w, { placeholder: /* @__PURE__ */ F(a, {
-					tag: "span",
-					size: "inherit",
-					type: "secondary",
-					lineHeight: "tight",
-					className: "text-inherit",
-					children: oe
-				}) })
-			}), /* @__PURE__ */ F(ee, { children: /* @__PURE__ */ F(x, { children: _e.map((e) => /* @__PURE__ */ F(C, {
-				value: e.value,
-				size: q,
-				children: /* @__PURE__ */ F(a, {
-					tag: "span",
-					size: "inherit",
-					lineHeight: "tight",
-					className: "text-inherit",
-					children: e.label
-				})
-			}, e.value)) }) })]
-		})]
-	});
-	return /* @__PURE__ */ F(c, {
-		ref: G,
-		gap: "md",
-		className: r("dimensions-input--component @container/dimensions-input", W),
-		children: /* @__PURE__ */ I(c, {
-			direction: V === "vertical" ? "vertical" : "horizontal",
-			gap: "md",
-			align: V === "vertical" ? "stretch" : "start",
-			className: "dimensions-input--fields",
-			children: [
-				/* @__PURE__ */ I(c, {
-					gap: "xs",
-					className: "min-w-0 flex-1",
-					children: [
-						!!Z && !!pe && /* @__PURE__ */ F(i, {
-							htmlFor: Q.width,
-							className: xe,
-							children: pe
-						}),
-						/* @__PURE__ */ F(K, {
-							id: Q.width,
-							size: q,
-							value: Ne,
-							onChange: (e) => Le("width", e.target.value),
-							placeholder: se,
-							decimalPlaces: N,
-							min: L,
-							max: R,
-							disabled: U,
-							invalid: H,
-							"aria-label": Y
-						}),
-						!!ue && /* @__PURE__ */ F(a, {
-							size: "xs",
-							type: "secondary",
-							className: "text-center",
-							children: Y
-						})
-					]
-				}),
-				V === "horizontal" && /* @__PURE__ */ F("div", {
-					"aria-hidden": "true",
-					className: r("dimensions-input--separator flex items-center", T[q]),
-					children: /* @__PURE__ */ F(a, {
-						tag: "span",
-						type: "secondary",
-						children: "×"
-					})
-				}),
-				/* @__PURE__ */ I(c, {
-					gap: "xs",
-					className: "min-w-0 flex-1",
-					children: [
-						!!Z && !!me && /* @__PURE__ */ F(i, {
-							htmlFor: Q.height,
-							className: xe,
-							children: me
-						}),
-						/* @__PURE__ */ F(K, {
-							id: Q.height,
-							size: q,
-							value: Pe,
-							onChange: (e) => Le("height", e.target.value),
-							placeholder: ce,
-							decimalPlaces: N,
-							min: L,
-							max: R,
-							disabled: U,
-							invalid: H,
-							"aria-label": X
-						}),
-						!!ue && /* @__PURE__ */ F(a, {
-							size: "xs",
-							type: "secondary",
-							className: "text-center",
-							children: X
-						})
-					]
-				}),
-				V === "horizontal" && /* @__PURE__ */ F("div", {
-					"aria-hidden": "true",
-					className: r("dimensions-input--separator flex items-center", T[q]),
-					children: /* @__PURE__ */ F(a, {
-						tag: "span",
-						type: "secondary",
-						children: "×"
-					})
-				}),
-				/* @__PURE__ */ I(c, {
-					gap: "xs",
-					className: "min-w-0 flex-1",
-					children: [
-						!!Z && !!he && /* @__PURE__ */ F(i, {
-							htmlFor: Q.depth,
-							className: xe,
-							children: he
-						}),
-						/* @__PURE__ */ F(K, {
-							id: Q.depth,
-							size: q,
-							value: Fe,
-							onChange: (e) => Le("depth", e.target.value),
-							placeholder: le,
-							decimalPlaces: N,
-							min: L,
-							max: R,
-							disabled: U,
-							invalid: H,
-							"aria-label": ae
-						}),
-						!!ue && /* @__PURE__ */ F(a, {
-							size: "xs",
-							type: "secondary",
-							className: "text-center",
-							children: ae
-						})
-					]
-				}),
-				!!de && /* @__PURE__ */ I(c, {
-					gap: "xs",
-					className: r("dimensions-input--unit", V === "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__ */ F(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: A }, N) {
-	let { defaultScale: L } = e(), R = _(O, L), z = n(Q, T), B = t !== void 0, V = s !== void 0, [H, U] = P(o ?? ""), [W, ne] = P(s ?? l), re = B ? t ?? "" : H, G = V ? s ?? l : W, ie = k((e) => {
-		B || U(e.target.value), u?.({ target: { value: e.target.value } });
-	}, [B, u]), q = k((e) => {
-		if (e === null) return;
-		let t = e;
-		V || ne(t), d?.(t);
-	}, [V, d]), J = M(() => xe, []), Y = z.unitLabel !== "", X = j();
-	return /* @__PURE__ */ I("div", {
-		ref: N,
-		className: r("weight-input--component", "flex items-end gap-space-md", A),
-		children: [/* @__PURE__ */ F("div", {
-			className: "flex-1",
-			children: /* @__PURE__ */ F(K, {
-				size: R,
-				value: re,
-				onChange: ie,
-				decimalPlaces: p,
-				allowNegative: !1,
-				min: m,
-				max: g,
-				disabled: D,
-				invalid: E
-			})
-		}), !!v && /* @__PURE__ */ I(c, {
-			gap: "xs",
-			children: [!!Y && /* @__PURE__ */ F(i, {
-				htmlFor: X,
-				className: r("text-inherit", "leading-6"),
-				children: z.unitLabel
-			}), /* @__PURE__ */ I(te, {
-				value: G,
-				onValueChange: (e) => q(e),
-				disabled: D || y,
-				children: [/* @__PURE__ */ F(b, {
-					id: X,
-					"aria-label": z.unitLabel || z.unitAriaLabel,
-					"aria-invalid": E || void 0,
-					iconClassName: f.icon[R],
-					className: r(h(R), S),
-					children: /* @__PURE__ */ F(w, { placeholder: z.unitPlaceholder ? /* @__PURE__ */ F(a, {
-						tag: "span",
-						size: "inherit",
-						type: "secondary",
-						lineHeight: "tight",
-						className: "text-inherit",
-						children: z.unitPlaceholder
-					}) : void 0 })
-				}), /* @__PURE__ */ F(ee, { children: /* @__PURE__ */ F(x, { children: J.map((e) => /* @__PURE__ */ F(C, {
-					value: e.value,
-					size: R,
-					children: /* @__PURE__ */ F(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: "",
-	latAccessibleLabel: "Latitude",
-	lngAccessibleLabel: "Longitude"
-}, 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, x] = P(b.lat), [te, S] = P(b.lng), C = Ce(e, i), w = v ? C.lat : ee, T = v ? C.lng : te;
-	A(() => {
-		v && (x(C.lat), S(C.lng));
-	}, [
-		v,
-		C.lat,
-		C.lng
-	]);
-	let E = k((e, t) => {
-		v || (x(e), S(t)), a?.({ target: { value: we(e, t, i) } });
-	}, [
-		v,
-		a,
-		i
-	]), D = M(() => {
-		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__ */ I(c, {
-		ref: g,
-		gap: "lg",
-		className: r("coordinates-input--component", p),
-		children: [/* @__PURE__ */ I(s, {
-			columns: {
-				base: 1,
-				md: 2
-			},
-			gap: "lg",
-			children: [/* @__PURE__ */ F(y, {
-				label: _.latLabel || void 0,
-				children: /* @__PURE__ */ F(K, {
-					placeholder: _.latPlaceholder || void 0,
-					"aria-label": _.latLabel ? void 0 : _.latAccessibleLabel || 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__ */ F(y, {
-				label: _.lngLabel || void 0,
-				children: /* @__PURE__ */ F(K, {
-					placeholder: _.lngPlaceholder || void 0,
-					"aria-label": _.lngLabel ? void 0 : _.lngAccessibleLabel || 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__ */ F(o, {
-			href: D,
-			type: "secondary",
-			underline: !1,
-			children: _.previewLinkLabel
-		})]
-	});
-});
-Ee.displayName = "CoordinatesInput";
-//#endregion
-export { he as a, oe as c, K as d, be as i, J as l, $ as n, fe as o, Q as r, se as s, Ee as t, q as u };
-
-//# sourceMappingURL=forms-numeric-DIhghX1Q.js.map