themelia-react-ui 2.0.5 → 3.0.0

package/dist/value-inputs-skdVB2zh.js

@@ -1,980 +0,0 @@
-"use client";
-import { d as e, v 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 { t as i } from "./buttons-BedGfygC.js";
-import { c as a } from "./typography-BQnine1k.js";
-import { s as o } from "./text.styles-B64My8RZ.js";
-import { t as s } from "./focus-recipes-B653VaLq.js";
-import { t as c } from "./structure-DuxKl954.js";
-import { t as l } from "./track-recipes-CDcKmndW.js";
-import { n as u, t as d } from "./popover.recipes-DdiEp0rd.js";
-import { n as f } from "./collection-content-gDh1v6O4.js";
-import { t as p } from "./badge-xIiV_E7f.js";
-import { t as m } from "./field-state-recipes-BVA2CWHo.js";
-import { n as h, r as ee, t as te } from "./field-affordance-recipes-DWcNcOjh.js";
-import { t as g } from "./editable-text-recipe-Cn61kEcv.js";
-import { d as ne, l as re, o as ie, p as _, y as ae } from "./form-sizing-Bs2qFUeE.js";
-import { t as v } from "./input-CvyDQlY7.js";
-import { t as oe } from "./date-picker-RlIzKom_.js";
-import { o as se, t as ce } from "./popover-B85RenIl.js";
-import { _ as le, d as ue, f as y, g as b, p as x, v as S } from "./choice-inputs-zUgBZfE4.js";
-import * as C from "react";
-import { forwardRef as w, memo as T, useCallback as E, useId as de, useMemo as D, useRef as fe, useState as O } from "react";
-import { jsx as k, jsxs as A } from "react/jsx-runtime";
-import { Check as pe } from "lucide-react";
-import { Slider as j } from "@base-ui/react/slider";
-//#region src/components/base/value-inputs/tags-input.tsx
-var M = {
-	placeholder: "Add a tag…",
-	emptyRecommendations: "No recommendations found.",
-	clearAll: "Clear all",
-	summary: (e, t) => `${e} / ${t} tags`,
-	removeTag: (e) => `Remove ${e}`,
-	notAdded: (e) => `Not added: ${e}.`,
-	recommendationsLabel: "Suggested tags"
-};
-function me(e) {
-	return e === !0 || e === "true";
-}
-function N({ id: l, inputRef: m, onBlur: ee, "aria-label": ne, "aria-labelledby": _, "aria-describedby": v, "aria-invalid": oe, "aria-required": le, value: ue, defaultValue: y, onValueChange: b, name: x, placeholder: S, recommendations: w, maxTags: T, showMaxTags: de = !1, allowDuplicates: j = !1, validate: N, disabled: P = !1, showClearAll: he = !1, renderTag: ge, delimiter: F = /[\n,]/, addOnBlur: _e = !0, minLength: ve = 1, maxLength: ye, sortTags: I = !1, caseSensitive: be = !1, field: L, invalid: xe, className: Se, strings: Ce }) {
-	let { defaultTextSize: we } = t(), { defaultScale: Te } = e(), R = ae(void 0, Te), z = n(M, S === void 0 ? void 0 : { placeholder: S }), B = n(z, Ce), V = ue !== void 0, [Ee, De] = O(() => y ?? []), H = ue ?? Ee, [U, Oe] = O(""), [ke, Ae] = O(null), [je, Me] = O(""), [Ne, W] = O(!1), [Pe, G] = O(-1), [Fe, Ie] = O(null), Le = fe(null), Re = fe(null), ze = C.useId(), Be = C.useId(), Ve = T !== void 0 && H.length >= T, He = !!w?.length, K = E((e) => {
-		if (typeof e == "string") return e;
-		if (L && typeof e == "object" && e) {
-			let t = e[L];
-			return typeof t == "string" ? t : t == null ? "" : String(t);
-		}
-		return String(e);
-	}, [L]), Ue = E((e) => L ? { [L]: e } : e, [L]), q = E((e) => be ? e : e.toLowerCase(), [be]), We = E((e, t) => {
-		let n = q(e);
-		return t.some((e) => q(K(e)) === n);
-	}, [q, K]), Ge = D(() => w ? w.map((e, t) => {
-		if (e && typeof e == "object" && "value" in e && "label" in e) {
-			let n = e;
-			return {
-				key: `${t}:${n.label}`,
-				value: n.value,
-				label: n.label
-			};
-		}
-		let n = K(e);
-		return {
-			key: `${t}:${n}`,
-			value: e,
-			label: n
-		};
-	}) : [], [w, K]), J = D(() => {
-		if (!Ge.length) return Ge;
-		let e = q(U.trim()), t = new Set(H.map((e) => q(K(e))));
-		return Ge.filter((n) => {
-			let r = q(K(n.value));
-			return !j && t.has(r) ? !1 : !e || q(n.label).includes(e) || r.includes(e);
-		});
-	}, [
-		Ge,
-		U,
-		H,
-		j,
-		q,
-		K
-	]), Y = Ne && !P && He && !Ve, X = Y && Pe >= 0 && Pe < J.length ? Pe : -1, Ke = E((e) => [...e].sort((e, t) => K(e).localeCompare(K(t))), [K]), Z = E((e) => {
-		V || De(e), b?.(e);
-	}, [V, b]), qe = E((e) => {
-		let t = [...H], n = [];
-		for (let r of e) {
-			let e = typeof r == "string", i = (e ? r : K(r)).trim();
-			if (!i) continue;
-			let a = e ? Ue(i) : r;
-			if (i.length < ve || ye !== void 0 && i.length > ye || T !== void 0 && t.length >= T || !j && We(i, t) || N && !N(a)) {
-				n.push(i);
-				continue;
-			}
-			t.push(a);
-		}
-		return t.length !== H.length && (I && (t = Ke(t)), Z(t)), n;
-	}, [
-		H,
-		K,
-		Ue,
-		ve,
-		ye,
-		T,
-		j,
-		We,
-		N,
-		I,
-		Ke,
-		Z
-	]), Q = E((e) => {
-		let t = qe(e), n = t.join(typeof F == "string" ? F : ", ");
-		Oe(n), Ae(n || null), Me(t.length ? (B.notAdded ?? M.notAdded)(t.join(", ")) : ""), W(!1), G(-1);
-	}, [
-		qe,
-		F,
-		B
-	]), Je = D(() => {
-		let e = /* @__PURE__ */ new Map();
-		return H.map((t, n) => {
-			let r = K(t), i = e.get(r) ?? 0;
-			return e.set(r, i + 1), {
-				tag: t,
-				index: n,
-				display: r,
-				key: `${r}::${i}`
-			};
-		});
-	}, [H, K]), $ = D(() => I ? [...Je].sort((e, t) => e.display.localeCompare(t.display)) : Je, [Je, I]), Ye = E((e) => {
-		Z(H.filter((t, n) => n !== e));
-	}, [H, Z]), Xe = E((e) => {
-		Ie(Math.max(0, $.findIndex((t) => t.index === e))), Ye(e);
-	}, [$, Ye]);
-	C.useLayoutEffect(() => {
-		if (Fe === null) return;
-		Ie(null);
-		let e = Re.current?.querySelectorAll("[data-tag-remove]:not(:disabled)");
-		((e && e.length > 0 ? e[Math.min(Fe, e.length - 1)] : void 0) ?? Le.current)?.focus();
-	}, [Fe]);
-	let Ze = E((e) => {
-		let t = e.target.value;
-		if (t.split(F).length > 1) {
-			Q(t.split(F));
-			return;
-		}
-		Oe(t), Ae(null), G(-1), He && W(!0);
-	}, [
-		F,
-		Q,
-		He
-	]), Qe = E((e) => {
-		P || e.nativeEvent.isComposing || e.keyCode === 229 || (e.key === "Enter" ? (e.preventDefault(), X >= 0 ? Q([J[X].value]) : U.trim() && Q(U.split(F))) : e.key === "ArrowDown" ? Y ? (e.preventDefault(), G((e) => e < J.length - 1 ? e + 1 : e)) : He && !Ve && J.length > 0 && W(!0) : e.key === "ArrowUp" ? Y && (e.preventDefault(), G((e) => e > 0 ? e - 1 : 0)) : e.key === "Escape" ? (W(!1), G(-1)) : e.key === "Backspace" && U === "" && $.length > 0 && (e.preventDefault(), Ye($[$.length - 1].index)));
-	}, [
-		P,
-		X,
-		J,
-		Q,
-		U,
-		F,
-		Y,
-		He,
-		Ve,
-		$,
-		Ye
-	]), $e = E((e) => {
-		if (P) return;
-		let t = e.clipboardData.getData("text");
-		if (!t) return;
-		let n = e.currentTarget.selectionStart ?? U.length, r = e.currentTarget.selectionEnd ?? n, i = `${U.slice(0, n)}${t}${U.slice(r)}`.split(F);
-		i.length <= 1 || (e.preventDefault(), Q(i));
-	}, [
-		P,
-		U,
-		F,
-		Q
-	]), et = E((e) => {
-		W(!1), G(-1), _e && !P && U.trim() && U !== ke && Q(U.split(F)), ee?.(e);
-	}, [
-		_e,
-		P,
-		U,
-		ke,
-		F,
-		Q,
-		ee
-	]), tt = E(() => {
-		Z([]), Oe(""), Ae(null), Me(""), Le.current?.focus();
-	}, [Z]), nt = B.removeTag ?? M.removeTag, rt = R === "sm" ? "sm" : "md", it = (e, t, n) => {
-		let i = K(e);
-		return /* @__PURE__ */ A(p, {
-			tone: "secondary",
-			size: rt,
-			className: r("tags-input--component tags-input--tag", "max-w-full gap-space-xs pe-space-xs"),
-			children: [/* @__PURE__ */ k(a, {
-				tag: "span",
-				size: "inherit",
-				weight: "normal",
-				lineHeight: "none",
-				className: "min-w-0 truncate text-inherit",
-				children: i
-			}), /* @__PURE__ */ k("button", {
-				type: "button",
-				"data-tag-remove": "",
-				"aria-label": nt(i),
-				className: r("tags-input--tag-remove relative after:absolute after:-inset-space-xs", h.inline, s.edge, h.clear, "disabled:pointer-events-none disabled:cursor-not-allowed"),
-				onClick: () => n(t),
-				disabled: P,
-				children: /* @__PURE__ */ k(te, {
-					className: h.icon,
-					"aria-hidden": "true"
-				})
-			})]
-		});
-	}, at = !!xe || me(oe) || ke !== null, ot = T !== void 0 && H.length > T, st = de ? T : void 0, ct = st !== void 0, lt = he && H.length > 0, ut = [v, ct ? Be : void 0].filter(Boolean).join(" ") || void 0;
-	return /* @__PURE__ */ A(c, {
-		gap: "xs",
-		className: r("tags-input--root w-full relative", Se),
-		children: [
-			/* @__PURE__ */ k("span", {
-				role: "status",
-				"aria-live": "polite",
-				"aria-atomic": "true",
-				className: "tags-input--status sr-only",
-				children: je
-			}),
-			!!x && Je.map((e) => /* @__PURE__ */ k("input", {
-				type: "hidden",
-				name: `${x}[]`,
-				value: e.display,
-				disabled: P
-			}, e.key)),
-			/* @__PURE__ */ A(se, {
-				open: Y,
-				onOpenChange: (e, t) => {
-					!e && t.reason === "outside-press" && t.event.target instanceof Node && Re.current?.contains(t.event.target) || (W(e), e || G(-1));
-				},
-				children: [/* @__PURE__ */ A("div", {
-					ref: Re,
-					"data-slot": "tags-input-field",
-					"data-disabled": P || void 0,
-					"aria-invalid": at || void 0,
-					onClick: (e) => {
-						e.target instanceof Element && e.target.closest("button, a, input") || Le.current?.focus();
-					},
-					className: r("tags-input--field", "box-border flex w-full min-w-0 cursor-text flex-wrap items-center rounded-radius border border-input bg-transparent font-sans text-foreground shadow-none outline-none transition-[color,box-shadow]", re[R], ie[R], R === "lg" ? "gap-space-sm" : "gap-space-xs", "py-[calc(0.125rem*var(--density-scale))]", "has-[input:focus-visible]:border-ring has-[input:focus-visible]:ring-3 has-[input:focus-visible]:ring-ring/50", "aria-invalid:border-destructive aria-invalid:has-[input:focus-visible]:border-destructive aria-invalid:has-[input:focus-visible]:ring-destructive/30 dark:aria-invalid:has-[input:focus-visible]:ring-destructive/50", "data-disabled:cursor-not-allowed data-disabled:opacity-50"),
-					children: [$.map((e) => /* @__PURE__ */ k(C.Fragment, { children: ge ? ge(e.tag, e.index, Xe) : it(e.tag, e.index, Xe) }, e.key)), /* @__PURE__ */ k("input", {
-						ref: (e) => {
-							Le.current = e, typeof m == "function" ? m(e) : m && (m.current = e);
-						},
-						id: l,
-						type: "text",
-						"data-slot": "tags-input-control",
-						"aria-label": ne,
-						"aria-labelledby": _,
-						"aria-describedby": ut,
-						"aria-invalid": at || void 0,
-						"aria-required": le,
-						role: w ? "combobox" : void 0,
-						"aria-autocomplete": w ? "list" : void 0,
-						"aria-expanded": w ? Y : void 0,
-						"aria-controls": Y ? ze : void 0,
-						"aria-activedescendant": X >= 0 ? `${ze}-${X}` : void 0,
-						placeholder: H.length === 0 ? B.placeholder : void 0,
-						value: U,
-						onChange: Ze,
-						onKeyDown: Qe,
-						onPaste: $e,
-						onBlur: et,
-						onFocus: () => {
-							He && !Ve && J.length > 0 && W(!0);
-						},
-						disabled: P,
-						autoComplete: "off",
-						className: r("tags-input--input", "box-border min-w-20 flex-1 border-0 bg-transparent p-0 font-sans text-foreground outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed", g[R])
-					})]
-				}), !!w && /* @__PURE__ */ k(ce, {
-					anchor: Re,
-					align: "start",
-					type: "menu",
-					initialFocus: !1,
-					finalFocus: !1,
-					role: "listbox",
-					id: ze,
-					"aria-label": B.recommendationsLabel ?? M.recommendationsLabel,
-					className: "tags-input--recommendations w-(--anchor-width) max-h-[200px]",
-					children: /* @__PURE__ */ k("div", { children: J.length > 0 ? J.map((e, t) => {
-						let n = H.some((t) => K(t) === K(e.value));
-						return /* @__PURE__ */ A("button", {
-							id: `${ze}-${t}`,
-							role: "option",
-							"aria-selected": X === t,
-							tabIndex: -1,
-							type: "button",
-							onPointerDown: (e) => e.preventDefault(),
-							onClick: () => {
-								Q([e.value]), Le.current?.focus();
-							},
-							onMouseEnter: () => G(t),
-							className: r(d.interactive, u(), o[we ?? "sm"], "box-border w-full cursor-pointer justify-between border-0 bg-transparent font-sans text-foreground", "hover:bg-accent hover:text-accent-foreground", "focus-visible:outline-none", X === t && "bg-accent text-accent-foreground"),
-							children: [/* @__PURE__ */ k(f, { children: e.label }), /* @__PURE__ */ k(pe, { className: r("ml-auto size-icon-sm", n ? "opacity-100" : "opacity-0") })]
-						}, e.key);
-					}) : /* @__PURE__ */ k(a, {
-						tag: "div",
-						size: "xs",
-						type: "secondary",
-						className: "px-row-x py-row-y",
-						children: B.emptyRecommendations
-					}) })
-				})]
-			}),
-			(ct || lt) && /* @__PURE__ */ A("div", {
-				className: "tags-input--footer flex items-center justify-between gap-space-sm",
-				children: [st !== void 0 && /* @__PURE__ */ k(a, {
-					id: Be,
-					tag: "span",
-					size: "xs",
-					type: ot ? "error" : "secondary",
-					className: "tags-input--count tabular-nums",
-					children: B.summary(H.length, st)
-				}), !!lt && /* @__PURE__ */ k(i, {
-					type: "button",
-					size: "sm",
-					onClick: tt,
-					disabled: P,
-					className: "tags-input--clear ms-auto",
-					children: B.clearAll
-				})]
-			})
-		]
-	});
-}
-N.displayName = "TagsInput";
-//#endregion
-//#region src/components/base/value-inputs/phone-input.tsx
-var P = {
-	prefixPlaceholder: "Prefix",
-	prefixAriaLabel: "Country prefix"
-}, he = {
-	US: {
-		value: "+1",
-		label: "United States",
-		iso: "US"
-	},
-	CA: {
-		value: "+1",
-		label: "Canada",
-		iso: "CA"
-	},
-	AU: {
-		value: "+61",
-		label: "Australia",
-		iso: "AU"
-	},
-	BG: {
-		value: "+359",
-		label: "Bulgaria",
-		iso: "BG"
-	},
-	GR: {
-		value: "+30",
-		label: "Greece",
-		iso: "GR"
-	},
-	GB: {
-		value: "+44",
-		label: "United Kingdom",
-		iso: "GB"
-	},
-	DE: {
-		value: "+49",
-		label: "Germany",
-		iso: "DE"
-	},
-	FR: {
-		value: "+33",
-		label: "France",
-		iso: "FR"
-	},
-	IT: {
-		value: "+39",
-		label: "Italy",
-		iso: "IT"
-	},
-	ES: {
-		value: "+34",
-		label: "Spain",
-		iso: "ES"
-	},
-	NL: {
-		value: "+31",
-		label: "Netherlands",
-		iso: "NL"
-	},
-	BE: {
-		value: "+32",
-		label: "Belgium",
-		iso: "BE"
-	},
-	AT: {
-		value: "+43",
-		label: "Austria",
-		iso: "AT"
-	},
-	CH: {
-		value: "+41",
-		label: "Switzerland",
-		iso: "CH"
-	},
-	PL: {
-		value: "+48",
-		label: "Poland",
-		iso: "PL"
-	},
-	RO: {
-		value: "+40",
-		label: "Romania",
-		iso: "RO"
-	},
-	RS: {
-		value: "+381",
-		label: "Serbia",
-		iso: "RS"
-	},
-	HR: {
-		value: "+385",
-		label: "Croatia",
-		iso: "HR"
-	},
-	SI: {
-		value: "+386",
-		label: "Slovenia",
-		iso: "SI"
-	},
-	MK: {
-		value: "+389",
-		label: "North Macedonia",
-		iso: "MK"
-	},
-	TR: {
-		value: "+90",
-		label: "Turkey",
-		iso: "TR"
-	},
-	RU: {
-		value: "+7",
-		label: "Russia",
-		iso: "RU"
-	},
-	UA: {
-		value: "+380",
-		label: "Ukraine",
-		iso: "UA"
-	},
-	SK: {
-		value: "+421",
-		label: "Slovakia",
-		iso: "SK"
-	},
-	CZ: {
-		value: "+420",
-		label: "Czech Republic",
-		iso: "CZ"
-	},
-	HU: {
-		value: "+36",
-		label: "Hungary",
-		iso: "HU"
-	},
-	PT: {
-		value: "+351",
-		label: "Portugal",
-		iso: "PT"
-	},
-	IE: {
-		value: "+353",
-		label: "Ireland",
-		iso: "IE"
-	},
-	SE: {
-		value: "+46",
-		label: "Sweden",
-		iso: "SE"
-	},
-	NO: {
-		value: "+47",
-		label: "Norway",
-		iso: "NO"
-	},
-	DK: {
-		value: "+45",
-		label: "Denmark",
-		iso: "DK"
-	},
-	FI: {
-		value: "+358",
-		label: "Finland",
-		iso: "FI"
-	},
-	CY: {
-		value: "+357",
-		label: "Cyprus",
-		iso: "CY"
-	},
-	AL: {
-		value: "+355",
-		label: "Albania",
-		iso: "AL"
-	},
-	ME: {
-		value: "+382",
-		label: "Montenegro",
-		iso: "ME"
-	},
-	BA: {
-		value: "+387",
-		label: "Bosnia and Herzegovina",
-		iso: "BA"
-	},
-	XK: {
-		value: "+383",
-		label: "Kosovo",
-		iso: "XK"
-	},
-	MD: {
-		value: "+373",
-		label: "Moldova",
-		iso: "MD"
-	},
-	BY: {
-		value: "+375",
-		label: "Belarus",
-		iso: "BY"
-	},
-	LT: {
-		value: "+370",
-		label: "Lithuania",
-		iso: "LT"
-	},
-	LV: {
-		value: "+371",
-		label: "Latvia",
-		iso: "LV"
-	},
-	EE: {
-		value: "+372",
-		label: "Estonia",
-		iso: "EE"
-	}
-}, ge = [
-	"US",
-	"CA",
-	"GB",
-	"DE",
-	"FR",
-	"IT",
-	"ES",
-	"AU"
-], F = (e) => typeof e == "string" ? he[e.toUpperCase()] ?? null : e, _e = (e) => e.map(F).filter((e) => e !== null), ve = (e, t) => {
-	let n = e.trim().replace(/\s+/g, " ").replace(/[^\d ()+-]/g, "");
-	return t && n.startsWith(t) && (n = n.slice(t.length).replace(/^[\s-]+/, "")), t && n.startsWith("0") && (n = n.slice(1)), n;
-}, ye = (e, t) => e ? e.startsWith("+") ? e : he[e.toUpperCase()]?.value ?? e : t[0]?.value ?? "";
-function I({ normalizeOnBlur: t = !0, onBlur: i, onChange: o, onValueChange: s, prefix: c, defaultPrefix: l, prefixes: u = ge, onPrefixChange: d, disablePrefixSelector: f = !1, prefixPlaceholder: p, prefixWidth: h = "w-30", showCountryName: te = !0, showPrefixInDropdown: re = !0, invalid: oe, "aria-invalid": se, disabled: ce, readOnly: C, loading: w, className: T, size: de, strings: fe, ...pe }, j) {
-	let M = !!oe || se !== void 0 && se !== !1 && se !== "false", { defaultScale: me } = e(), N = ae(de, me), F = ce || w, I = F || C, be = n(P, fe), L = D(() => _e(u), [u]), xe = D(() => ye(l, L), [l, L]), [Se, Ce] = O(xe), [we, Te] = O(() => {
-		let e = c ?? l;
-		return e && !e.startsWith("+") ? e.toUpperCase() : L.find((e) => e.value === xe)?.iso;
-	}), R = c !== void 0, z = R ? ye(c, L) : Se, B = D(() => {
-		if (!z || L.some((e) => e.value === z)) return L;
-		let e = Object.values(he).find((e) => e.value === z);
-		return e ? [e, ...L] : L;
-	}, [L, z]), V = D(() => B.find((e) => e.iso === (c && !c.startsWith("+") ? c.toUpperCase() : we) && e.value === z) ?? B.find((e) => e.value === z), [
-		B,
-		z,
-		we,
-		c
-	]), Ee = E((e) => {
-		if (e === null || I) return;
-		let t = B.find((t) => t.iso === e);
-		t && (Te(t.iso), R || Ce(t.value), d?.(t.value));
-	}, [
-		R,
-		d,
-		B,
-		I
-	]), De = E((e) => {
-		if (I) return;
-		let t = e.target.value;
-		if (z && t.startsWith(z)) {
-			let n = t.slice(z.length).replace(/^[\s-]+/, ""), r = n.startsWith("0") ? n.slice(1) : n;
-			if (r !== t) {
-				let t = {
-					...e,
-					target: {
-						...e.target,
-						value: r
-					},
-					currentTarget: {
-						...e.currentTarget,
-						value: r
-					}
-				};
-				s?.(r), o?.(t);
-				return;
-			}
-		}
-		s?.(t), o?.(e);
-	}, [
-		I,
-		o,
-		s,
-		z
-	]), H = E((e) => {
-		if (!I && t && (o || s)) {
-			let t = ve(e.target.value, z);
-			if (t !== e.target.value) {
-				let n = {
-					...e,
-					target: {
-						...e.target,
-						value: t
-					},
-					currentTarget: {
-						...e.currentTarget,
-						value: t
-					}
-				};
-				s?.(t), o?.(n);
-			}
-		}
-		i?.(e);
-	}, [
-		I,
-		t,
-		o,
-		s,
-		i,
-		z
-	]);
-	if (B.length === 0 || f) {
-		let e = z || l;
-		return e ? /* @__PURE__ */ A("div", {
-			className: "flex items-start gap-space-md",
-			children: [/* @__PURE__ */ k("div", {
-				"aria-invalid": M || void 0,
-				className: r("phone-input--prefix flex shrink-0 items-center justify-center rounded-radius border border-input bg-muted", ne[N], g[N], ie[N], F && "opacity-50", m.invalid),
-				children: /* @__PURE__ */ k(a, {
-					tag: "span",
-					size: "inherit",
-					type: "secondary",
-					lineHeight: "tight",
-					children: e
-				})
-			}), /* @__PURE__ */ k("div", {
-				className: "flex-1",
-				children: /* @__PURE__ */ k(v, {
-					ref: j,
-					size: N,
-					type: "tel",
-					autoComplete: "tel",
-					inputMode: "tel",
-					onChange: De,
-					onBlur: H,
-					invalid: M,
-					disabled: F,
-					readOnly: C,
-					loading: w,
-					className: T,
-					...pe
-				})
-			})]
-		}) : /* @__PURE__ */ k(v, {
-			ref: j,
-			size: N,
-			type: "tel",
-			autoComplete: "tel",
-			inputMode: "tel",
-			onChange: De,
-			onBlur: H,
-			invalid: M,
-			disabled: F,
-			readOnly: C,
-			loading: w,
-			className: r("phone-input--component", T),
-			...pe
-		});
-	}
-	return /* @__PURE__ */ A("div", {
-		className: "flex items-start gap-space-md",
-		children: [/* @__PURE__ */ A(b, {
-			value: V?.iso ?? null,
-			onValueChange: (e) => Ee(e),
-			disabled: I,
-			children: [/* @__PURE__ */ k(le, {
-				"aria-label": be.prefixAriaLabel,
-				"aria-invalid": M || void 0,
-				iconClassName: ee.icon[N],
-				className: r("phone-input--prefix-trigger", _(N), "shrink-0", h),
-				children: /* @__PURE__ */ k(S, {
-					placeholder: /* @__PURE__ */ k(a, {
-						tag: "span",
-						size: "inherit",
-						type: "secondary",
-						lineHeight: "tight",
-						className: "text-inherit",
-						children: p ?? be.prefixPlaceholder
-					}),
-					children: !!V && /* @__PURE__ */ k(a, {
-						tag: "span",
-						size: "inherit",
-						lineHeight: "tight",
-						className: "text-inherit",
-						children: V.value
-					})
-				})
-			}), /* @__PURE__ */ k(ue, { children: /* @__PURE__ */ k(y, { children: B.map((e) => /* @__PURE__ */ k(x, {
-				value: e.iso,
-				size: N,
-				children: /* @__PURE__ */ A("div", {
-					className: "flex items-center gap-space-md",
-					children: [!!re && /* @__PURE__ */ k(a, {
-						tag: "span",
-						size: "inherit",
-						weight: "medium",
-						lineHeight: "tight",
-						className: "min-w-13 tabular-nums text-inherit",
-						children: e.value
-					}), !!te && /* @__PURE__ */ k(a, {
-						tag: "span",
-						size: "inherit",
-						lineHeight: "tight",
-						className: "text-inherit",
-						children: e.label
-					})]
-				})
-			}, e.iso)) }) })]
-		}), /* @__PURE__ */ k("div", {
-			className: "flex-1",
-			children: /* @__PURE__ */ k(v, {
-				ref: j,
-				size: N,
-				type: "tel",
-				autoComplete: "tel",
-				inputMode: "tel",
-				onChange: De,
-				onBlur: H,
-				invalid: M,
-				disabled: F,
-				readOnly: C,
-				loading: w,
-				className: T,
-				...pe
-			})
-		})]
-	});
-}
-var be = T(C.forwardRef(I));
-be.displayName = "PhoneInput";
-//#endregion
-//#region src/components/base/value-inputs/color-input.tsx
-var L = { chooseColor: "Choose color" }, xe = {
-	sm: "size-control-sm",
-	md: "size-control",
-	lg: "size-control-lg"
-};
-function Se(e) {
-	let t = e.trim().toLowerCase();
-	return /^#[0-9a-f]{6}$/.test(t) ? t : /^#[0-9a-f]{3}$/.test(t) ? `#${t.slice(1).split("").map((e) => `${e}${e}`).join("")}` : null;
-}
-function Ce(e, t) {
-	let n = Number(e.toFixed(t));
-	return Object.is(n, -0) ? 0 : n;
-}
-function we(e) {
-	let t = Se(e);
-	if (!t) return e;
-	let [n, r, i] = [
-		1,
-		3,
-		5
-	].map((e) => Number.parseInt(t.slice(e, e + 2), 16) / 255).map((e) => e <= .04045 ? e / 12.92 : ((e + .055) / 1.055) ** 2.4), a = Math.cbrt(.4122214708 * n + .5363325363 * r + .0514459929 * i), o = Math.cbrt(.2119034982 * n + .6806995451 * r + .1073969566 * i), s = Math.cbrt(.0883024619 * n + .2817188376 * r + .6299787005 * i), c = .2104542553 * a + .793617785 * o - .0040720468 * s, l = 1.9779984951 * a - 2.428592205 * o + .4505937099 * s, u = .0259040371 * a + .7827717662 * o - .808675766 * s, d = Math.hypot(l, u), f = d < 5e-5 ? 0 : Math.atan2(u, l) * 180 / Math.PI + (u < 0 ? 360 : 0);
-	return `oklch(${Ce(c, 4)} ${Ce(d, 4)} ${Ce(f, 2)})`;
-}
-function Te(e, t) {
-	let n = window.getComputedStyle(e).backgroundColor, r = Se(n);
-	if (r) return r;
-	if (typeof CanvasRenderingContext2D > "u") return t;
-	try {
-		let e = document.createElement("canvas");
-		e.width = 1, e.height = 1;
-		let r = e.getContext("2d", { willReadFrequently: !0 });
-		if (!r) return t;
-		r.clearRect(0, 0, 1, 1), r.fillStyle = n, r.fillRect(0, 0, 1, 1);
-		let [i, a, o, s] = r.getImageData(0, 0, 1, 1).data;
-		return s === 0 ? t : `#${[
-			i,
-			a,
-			o
-		].map((e) => e.toString(16).padStart(2, "0")).join("")}`;
-	} catch {
-		return t;
-	}
-}
-var R = C.forwardRef(function({ className: t, value: i, defaultValue: a, onChange: o, onValueChange: s, previewValue: l, pickerAriaLabel: u, size: d, disabled: f, readOnly: p, loading: h, invalid: ee, "aria-invalid": te, strings: g, inputStrings: ne, ...re }, ie) {
-	let _ = !!ee || te !== void 0 && te !== !1 && te !== "false", oe = n(L, g), { defaultScale: se } = e(), ce = ae(d, se), le = f || p || h, [ue, y] = C.useState(a ?? ""), b = i ?? ue, x = l ?? b, S = Se(b) ?? "#000000", [w, T] = C.useState(S), E = C.useRef(null);
-	C.useLayoutEffect(() => {
-		let e = Se(x);
-		if (e) {
-			T(e);
-			return;
-		}
-		E.current && typeof window < "u" && T((e) => Te(E.current, e));
-	}, [x]);
-	let de = (e) => {
-		i === void 0 && y(e.target.value), o?.(e), s?.(e.target.value);
-	};
-	return /* @__PURE__ */ A(c, {
-		direction: "horizontal",
-		gap: "sm",
-		align: "center",
-		wrap: !1,
-		className: r("color-input--component min-w-0 [&>.input--component]:min-w-0 [&>.input--component]:flex-1", t),
-		children: [/* @__PURE__ */ A("label", {
-			"aria-invalid": _ || void 0,
-			className: r("color-input--picker box-border relative shrink-0 cursor-pointer overflow-hidden rounded-radius border border-input bg-background shadow-none outline-none transition-[color,box-shadow]", "has-[input:focus-visible]:border-ring has-[input:focus-visible]:ring-3 has-[input:focus-visible]:ring-ring/50", m.invalid, "aria-invalid:has-[input:focus-visible]:border-destructive aria-invalid:has-[input:focus-visible]:ring-destructive/30 dark:aria-invalid:has-[input:focus-visible]:ring-destructive/50", "data-disabled:pointer-events-none data-disabled:cursor-not-allowed data-disabled:opacity-50", xe[ce]),
-			"data-disabled": le || void 0,
-			children: [/* @__PURE__ */ k("span", {
-				ref: E,
-				"aria-hidden": "true",
-				"data-user-color": !0,
-				className: "color-input--swatch absolute inset-1 rounded-radius-xs",
-				style: { background: x || "transparent" }
-			}), /* @__PURE__ */ k("input", {
-				type: "color",
-				value: w,
-				disabled: le,
-				"aria-label": u ?? oe.chooseColor,
-				onInput: (e) => {
-					if (le) return;
-					let t = we(e.currentTarget.value);
-					i === void 0 && y(t), o && o({
-						...e,
-						target: {
-							...e.currentTarget,
-							value: t
-						},
-						currentTarget: {
-							...e.currentTarget,
-							value: t
-						}
-					}), s?.(t);
-				},
-				className: "color-input--native absolute inset-0 size-full cursor-pointer opacity-0"
-			})]
-		}), /* @__PURE__ */ k(v, {
-			...re,
-			ref: ie,
-			size: ce,
-			value: b,
-			disabled: f,
-			readOnly: p,
-			loading: h,
-			invalid: _,
-			onChange: de,
-			strings: ne,
-			className: "min-w-0 flex-1 font-mono"
-		})]
-	});
-});
-R.displayName = "ColorInput";
-//#endregion
-//#region src/components/base/value-inputs/slider.tsx
-var z = { ariaLabel: "Value" };
-function B({ name: e, inputRef: t, onBlur: i, id: o, "aria-label": s, "aria-labelledby": c, "aria-describedby": u, strings: d, value: f, defaultValue: p, min: m = 0, max: h = 100, step: ee = 1, disabled: te = !1, invalid: g = !1, onChange: ne, onValueChange: re, onValueCommitted: ie, showValue: _ = !1, formatValue: ae, unit: v, className: oe, orientation: se = "horizontal" }, ce) {
-	let le = de(), ue = n(z, d), y = o ?? `slider-${le}`, b = e ?? y, x = s ?? (c ? void 0 : ue.ariaLabel), S = f !== void 0, [C, w] = O(() => p ?? m), T = E((e) => {
-		let t = Array.isArray(e) ? e[0] : e;
-		S || w(t), re?.(t), ne?.({ target: {
-			name: b,
-			value: t
-		} });
-	}, [
-		S,
-		b,
-		ne,
-		re
-	]), fe = E((e) => {
-		let t = Array.isArray(e) ? e[0] : e;
-		ie?.(t);
-	}, [ie]), pe = D(() => {
-		if (!_) return null;
-		let e = Math.min(h, Math.max(m, f ?? C));
-		return ae ? ae(e) : v ? `${e}${v}` : String(e);
-	}, [
-		_,
-		f,
-		C,
-		m,
-		h,
-		ae,
-		v
-	]), M = f === void 0 ? void 0 : [f], me = p === void 0 ? [m] : [p];
-	return /* @__PURE__ */ A("div", {
-		className: r("slider--component", "flex items-center gap-space-lg", oe),
-		children: [/* @__PURE__ */ k(j.Root, {
-			ref: ce,
-			"data-slot": "slider",
-			id: y,
-			"aria-label": x,
-			"aria-labelledby": c,
-			"aria-describedby": u,
-			value: M,
-			defaultValue: me,
-			min: m,
-			max: h,
-			step: ee,
-			disabled: te,
-			orientation: se,
-			onValueChange: T,
-			onValueCommitted: fe,
-			"aria-invalid": g || void 0,
-			className: r("box-border data-[orientation=horizontal]:w-full data-[orientation=horizontal]:px-[calc(var(--icon)/2)] data-[orientation=vertical]:h-full", "min-w-0 flex-1", g && "[&_[data-slot=slider-range]]:bg-destructive"),
-			children: /* @__PURE__ */ A(j.Control, {
-				className: "relative flex w-full touch-none items-center select-none data-disabled:opacity-50 data-[orientation=horizontal]:min-h-control data-[orientation=vertical]:h-full data-[orientation=vertical]:min-h-40 data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col",
-				children: [/* @__PURE__ */ k(j.Track, {
-					"data-slot": "slider-track",
-					className: r("relative grow overflow-hidden rounded-full bg-muted select-none data-[orientation=horizontal]:w-full data-[orientation=horizontal]:-mx-[calc(var(--icon)/2)] data-[orientation=vertical]:h-full", l),
-					children: /* @__PURE__ */ k(j.Indicator, {
-						"data-slot": "slider-range",
-						className: "absolute bg-primary select-none data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full"
-					})
-				}), /* @__PURE__ */ k(j.Thumb, {
-					index: 0,
-					inputRef: t,
-					onBlur: i,
-					"data-slot": "slider-thumb",
-					getAriaLabel: x === void 0 ? void 0 : () => x,
-					"aria-labelledby": c,
-					"aria-describedby": u,
-					className: r("block size-icon shrink-0 rounded-full border border-primary bg-background shadow-sm transition-[color,box-shadow] select-none", "has-[:focus-visible]:outline-hidden has-[:focus-visible]:ring-3 has-[:focus-visible]:ring-ring/50 data-disabled:pointer-events-none", g && "border-destructive has-[:focus-visible]:ring-destructive/30 dark:has-[:focus-visible]:ring-destructive/50")
-				})]
-			})
-		}), !!_ && pe !== null && /* @__PURE__ */ k(a, {
-			tag: "span",
-			type: g ? "error" : "secondary",
-			className: "min-w-8 shrink-0 text-right tabular-nums",
-			children: pe
-		})]
-	});
-}
-var V = C.forwardRef(B);
-V.displayName = "SliderField";
-//#endregion
-//#region src/components/base/value-inputs/date-time-input.tsx
-var Ee = w(function({ value: e, onValueChange: t, placeholder: n, readableFormat: r = "dd-MM-yyyy HH:mm", stepMinutes: i = 30, modal: a = !0, invalid: o, disabled: s, id: c, triggerRef: l, onBlur: u, "aria-describedby": d, "aria-invalid": f }, p) {
-	let m = e ? new Date(e) : void 0, h = E((e) => {
-		t?.(e.date ? e.date.toISOString() : void 0);
-	}, [t]);
-	return /* @__PURE__ */ k(oe, {
-		ref: p,
-		className: "date-time-input--component",
-		id: c,
-		triggerRef: l,
-		onBlur: u,
-		"aria-describedby": d,
-		"aria-invalid": f,
-		mode: "single",
-		disabled: s,
-		invalid: o,
-		placeholder: n,
-		value: m,
-		onValueChange: h,
-		readableFormat: r,
-		withTime: {
-			enabled: !0,
-			format: "24",
-			step: i * 60
-		},
-		modal: a
-	});
-});
-Ee.displayName = "DateTimeInput";
-//#endregion
-export { L as a, be as c, M as d, R as i, P as l, V as n, he as o, z as r, ge as s, Ee as t, N as u };
-
-//# sourceMappingURL=value-inputs-skdVB2zh.js.map