themelia-react-ui 2.0.0 → 2.0.1

package/dist/value-inputs-CjfzGMsN.js

@@ -1,854 +0,0 @@
-"use client";
-import { p as e, s as t } from "./ui-provider-D2_TeLqw.js";
-import { useStrings as n } from "./lib/strings.js";
-import { t as r } from "./utils-Cospvlj1.js";
-import { t as i } from "./buttons-DS0ZIwJ_.js";
-import { s as a } from "./typography-CAr3dQhX.js";
-import { a as o } from "./text.styles-g4He6UIW.js";
-import { t as s } from "./structure-hzCW-XsV.js";
-import { t as c } from "./track-recipes-CDcKmndW.js";
-import { n as l, t as u } from "./popover.recipes-wmbvL8Ah.js";
-import { n as d } from "./collection-content-Ys-OZOkY.js";
-import { t as f } from "./badge-0tATj-tW.js";
-import { t as p } from "./field-state-recipes-C-MFBX_8.js";
-import { n as m, t as h } from "./field-affordance-recipes-CkOCdE2y.js";
-import { t as g } from "./editable-text-recipe-Bkm6wKHp.js";
-import { a as _, d as v, g as ee, u as y } from "./form-sizing-uWP4lzVh.js";
-import { t as b } from "./input-DhQdBnV3.js";
-import { t as x } from "./date-picker-DrDFj8Lo.js";
-import { o as te, t as S } from "./popover-Dcv_9jxr.js";
-import { _ as C, d as ne, f as w, g as T, h as E, u as D } from "./choice-inputs-DrJ17tpL.js";
-import * as O from "react";
-import { forwardRef as k, memo as A, useCallback as j, useId as M, useMemo as N, useRef as re, useState as P } from "react";
-import { jsx as F, jsxs as I } from "react/jsx-runtime";
-import { Check as ie, X as ae } from "lucide-react";
-import { Slider as L } from "@base-ui/react/slider";
-//#region src/components/base/value-inputs/tags-input.tsx
-var oe = {
-	placeholder: "Add a tag…",
-	emptyRecommendations: "No recommendations found.",
-	clearAll: "Clear all",
-	summary: (e, t) => `${e} / ${t} tags`,
-	removeTag: (e) => `Remove ${e}`
-};
-function R({ id: t, "aria-describedby": c, value: p = [], onValueChange: m, placeholder: g, recommendations: _, maxTags: v, showMaxTags: ee = !1, allowDuplicates: y = !1, validate: x, disabled: C = !1, showClearAll: ne = !1, renderTag: w, delimiter: T = /[\n,]/, addOnBlur: E = !0, minLength: D = 1, maxLength: k, sortTags: A = !1, caseSensitive: M = !1, field: L, invalid: R, className: se, strings: z }) {
-	let { defaultTextSize: ce } = e(), le = n(oe, g === void 0 ? void 0 : { placeholder: g }), B = n(le, z), [V, H] = P(""), [U, W] = P(!1), [G, K] = P(-1), q = re(null), J = O.useId(), Y = U && !C && !!_?.length && !(v !== void 0 && p.length >= v), X = j((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 = j((e) => typeof p[0] == "string" || p.length === 0 ? e : L ? { [L]: e } : e, [L, p]), Z = N(() => _ ? _.map((e) => e && typeof e == "object" && "value" in e && "label" in e ? e : {
-		value: e,
-		label: X(e)
-	}) : [], [_, X]), Q = N(() => {
-		if (!Z.length || !V) return Z;
-		let e = M ? V : V.toLowerCase(), t = new Set(p.map((e) => {
-			let t = X(e);
-			return M ? t : t.toLowerCase();
-		}));
-		return Z.filter((n) => {
-			let r = M ? n.label : n.label.toLowerCase(), i = X(n.value), a = M ? i : i.toLowerCase();
-			return (r.includes(e) || a.includes(e)) && (y || !t.has(a));
-		});
-	}, [
-		Z,
-		V,
-		p,
-		y,
-		M,
-		X
-	]), de = N(() => A ? [...p].sort((e, t) => {
-		let n = X(e), r = X(t);
-		return n.localeCompare(r);
-	}) : p, [
-		p,
-		A,
-		X
-	]), $ = j((e) => {
-		let t = typeof e == "string" ? ue(e) : e, n = X(t).trim();
-		if (!n || n.length < D || k && n.length > k || v && p.length >= v || !y && p.some((e) => {
-			let t = X(e);
-			return M ? t === n : t.toLowerCase() === n.toLowerCase();
-		}) || x && !x(t)) return;
-		let r = [...p, t];
-		m?.(r), H(""), W(!1), K(-1);
-	}, [
-		p,
-		m,
-		v,
-		y,
-		x,
-		D,
-		k,
-		M,
-		X,
-		ue
-	]), fe = j((e) => {
-		let t = p.filter((t, n) => n !== e);
-		m?.(t);
-	}, [p, m]), pe = j((e) => {
-		let t = e.target.value;
-		H(t), K(-1), _ && _.length > 0 && W(!0);
-	}, [_]), me = j((e) => {
-		C || (e.key === "Enter" ? (e.preventDefault(), U && G >= 0 && G < Q.length ? ($(Q[G].value), K(-1)) : V.trim() && $(V)) : e.key === "Tab" ? V && (e.preventDefault(), $(V)) : e.key === "ArrowDown" ? (e.preventDefault(), U && K((e) => e < Q.length - 1 ? e + 1 : e)) : e.key === "ArrowUp" ? (e.preventDefault(), U && K((e) => e > 0 ? e - 1 : 0)) : e.key === "Escape" ? (W(!1), K(-1)) : e.key === "Backspace" && !V && p.length > 0 && fe(p.length - 1));
-	}, [
-		C,
-		U,
-		G,
-		Q,
-		V,
-		$,
-		fe,
-		p.length
-	]), he = j((e) => {
-		C || (e.preventDefault(), e.clipboardData.getData("text").split(T).map((e) => e.trim()).filter(Boolean).forEach((e) => $(e)));
-	}, [
-		C,
-		T,
-		$
-	]), ge = j(() => {
-		W(!1), E && V && $(V);
-	}, [
-		E,
-		V,
-		$
-	]), _e = j(() => {
-		m?.([]), H("");
-	}, [m]), ve = j((e, t, n) => {
-		let i = `${X(e)}-${t}`;
-		return /* @__PURE__ */ I(f, {
-			tone: "secondary",
-			className: r("tags-input--component", "gap-space-xs pe-space-xs"),
-			children: [/* @__PURE__ */ F(a, {
-				tag: "span",
-				size: "inherit",
-				weight: "normal",
-				lineHeight: "none",
-				className: "text-inherit",
-				children: X(e)
-			}), /* @__PURE__ */ F("button", {
-				type: "button",
-				"aria-label": (B.removeTag ?? oe.removeTag)(X(e)),
-				className: r(h.inline, h.focus, h.clear),
-				onClick: () => n(t),
-				disabled: C,
-				children: /* @__PURE__ */ F(ae, {
-					className: h.icon,
-					"aria-hidden": "true"
-				})
-			})]
-		}, i);
-	}, [
-		X,
-		C,
-		B
-	]), ye = !!R;
-	return /* @__PURE__ */ I(s, {
-		gap: "dense",
-		className: r("w-full relative", se),
-		children: [/* @__PURE__ */ I(s, {
-			gap: "md",
-			children: [/* @__PURE__ */ I(te, {
-				open: Y,
-				onOpenChange: (e, t) => {
-					(e || t.reason !== "outside-press" || t.event.target !== q.current) && (W(e), e || K(-1));
-				},
-				children: [/* @__PURE__ */ F(b, {
-					id: t,
-					"aria-describedby": c,
-					role: _ ? "combobox" : void 0,
-					"aria-autocomplete": _ ? "list" : void 0,
-					"aria-expanded": _ ? Y : void 0,
-					"aria-controls": Y ? J : void 0,
-					"aria-activedescendant": Y && G >= 0 && G < Q.length ? `${J}-${G}` : void 0,
-					ref: q,
-					type: "text",
-					placeholder: B.placeholder,
-					value: V,
-					onChange: pe,
-					onKeyDown: me,
-					onPaste: he,
-					onBlur: ge,
-					onFocus: () => {
-						_ && Q.length > 0 && W(!0);
-					},
-					disabled: C || v !== void 0 && p.length >= v,
-					invalid: ye,
-					maxLength: k,
-					className: "w-full"
-				}), !!_ && /* @__PURE__ */ F(S, {
-					anchor: q,
-					align: "start",
-					type: "menu",
-					initialFocus: !1,
-					finalFocus: !1,
-					role: "listbox",
-					id: J,
-					"aria-label": B.placeholder,
-					className: "tags-input--recommendations w-(--anchor-width) max-h-[200px]",
-					children: /* @__PURE__ */ F("div", { children: Q.length > 0 ? Q.map((e, t) => {
-						let n = X(e.value), i = p.some((t) => X(t) === X(e.value));
-						return /* @__PURE__ */ I("button", {
-							id: `${J}-${t}`,
-							role: "option",
-							"aria-selected": G === t,
-							tabIndex: -1,
-							type: "button",
-							onPointerDown: (e) => e.preventDefault(),
-							onClick: () => {
-								$(e.value), K(-1), q.current?.focus();
-							},
-							onMouseEnter: () => K(t),
-							className: r(u.interactive, l(), o[ce ?? "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", G === t && "bg-accent text-accent-foreground"),
-							children: [/* @__PURE__ */ F(d, { children: e.label }), /* @__PURE__ */ F(ie, { className: r("ml-auto size-icon-sm", i ? "opacity-100" : "opacity-0") })]
-						}, n);
-					}) : /* @__PURE__ */ F(a, {
-						tag: "div",
-						size: "xs",
-						type: "secondary",
-						className: "px-row-x py-row-y",
-						children: B.emptyRecommendations
-					}) })
-				})]
-			}), de.length > 0 && /* @__PURE__ */ I(s, {
-				direction: "horizontal",
-				gap: "sm",
-				children: [de.map((e, t) => w ? w(e, t, fe) : ve(e, t, fe)), !!ne && p.length > 0 && !C && /* @__PURE__ */ F(i, {
-					type: "button",
-					size: "sm",
-					onClick: _e,
-					className: "ms-auto",
-					children: B.clearAll
-				})]
-			})]
-		}), !!v && !!ee && /* @__PURE__ */ F(a, {
-			size: "xs",
-			type: "secondary",
-			children: B.summary(p.length, v)
-		})]
-	});
-}
-R.displayName = "TagsInput";
-//#endregion
-//#region src/components/base/value-inputs/phone-input.tsx
-var se = {
-	prefixPlaceholder: "Prefix",
-	prefixAriaLabel: "Country prefix"
-}, z = {
-	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"
-	}
-}, ce = [
-	"US",
-	"CA",
-	"GB",
-	"DE",
-	"FR",
-	"IT",
-	"ES",
-	"AU"
-], le = (e) => typeof e == "string" ? z[e.toUpperCase()] ?? null : e, B = (e) => e.map(le).filter((e) => e !== null), V = (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;
-}, H = (e, t) => e ? e.startsWith("+") ? e : z[e.toUpperCase()]?.value ?? e : t[0]?.value ?? "";
-function U({ normalizeOnBlur: e = !0, onBlur: i, onChange: o, prefix: s, defaultPrefix: c, prefixes: l = ce, onPrefixChange: u, disablePrefixSelector: d = !1, prefixPlaceholder: f, prefixWidth: h = "w-30", showCountryName: x = !0, showPrefixInDropdown: te = !0, invalid: S, disabled: O, className: k, size: A, strings: M, ...re }, ie) {
-	let { defaultScale: ae } = t(), L = ee(A, ae), oe = n(se, M), R = N(() => B(l), [l]), le = N(() => H(c, R), [c, R]), [U, W] = P(le), [G, K] = P(() => {
-		let e = s ?? c;
-		return e && !e.startsWith("+") ? e.toUpperCase() : R.find((e) => e.value === le)?.iso;
-	}), q = s !== void 0, J = q ? H(s, R) : U, Y = N(() => {
-		if (!J || R.some((e) => e.value === J)) return R;
-		let e = Object.values(z).find((e) => e.value === J);
-		return e ? [e, ...R] : R;
-	}, [R, J]), X = N(() => Y.find((e) => e.iso === (s && !s.startsWith("+") ? s.toUpperCase() : G) && e.value === J) ?? Y.find((e) => e.value === J), [
-		Y,
-		J,
-		G,
-		s
-	]), ue = j((e) => {
-		if (e === null) return;
-		let t = Y.find((t) => t.iso === e);
-		t && (K(t.iso), q || W(t.value), u?.(t.value));
-	}, [
-		q,
-		u,
-		Y
-	]), Z = j((e) => {
-		if (!o) return;
-		let t = e.target.value;
-		if (J && t.startsWith(J)) {
-			let n = t.slice(J.length).replace(/^[\s-]+/, ""), r = n.startsWith("0") ? n.slice(1) : n;
-			if (r !== t) {
-				o({
-					...e,
-					target: {
-						...e.target,
-						value: r
-					},
-					currentTarget: {
-						...e.currentTarget,
-						value: r
-					}
-				});
-				return;
-			}
-		}
-		o(e);
-	}, [o, J]), Q = j((t) => {
-		if (e && typeof o == "function") {
-			let e = V(t.target.value, J);
-			e !== t.target.value && o({
-				...t,
-				target: {
-					...t.target,
-					value: e
-				},
-				currentTarget: {
-					...t.currentTarget,
-					value: e
-				}
-			});
-		}
-		i?.(t);
-	}, [
-		e,
-		o,
-		i,
-		J
-	]);
-	if (Y.length === 0 || d) {
-		let e = J || c;
-		return e ? /* @__PURE__ */ I("div", {
-			className: "flex items-start gap-space-md",
-			children: [/* @__PURE__ */ F("div", {
-				"aria-invalid": S || void 0,
-				className: r("phone-input--prefix flex shrink-0 items-center justify-center rounded-inner border border-input bg-muted", y[L], g[L], _[L], O && "opacity-50", p.invalid),
-				children: /* @__PURE__ */ F(a, {
-					tag: "span",
-					size: "inherit",
-					type: "secondary",
-					lineHeight: "tight",
-					children: e
-				})
-			}), /* @__PURE__ */ F("div", {
-				className: "flex-1",
-				children: /* @__PURE__ */ F(b, {
-					ref: ie,
-					size: L,
-					type: "tel",
-					autoComplete: "tel",
-					inputMode: "tel",
-					onChange: Z,
-					onBlur: Q,
-					invalid: S,
-					disabled: O,
-					className: k,
-					...re
-				})
-			})]
-		}) : /* @__PURE__ */ F(b, {
-			ref: ie,
-			size: L,
-			type: "tel",
-			autoComplete: "tel",
-			inputMode: "tel",
-			onChange: Z,
-			onBlur: Q,
-			invalid: S,
-			disabled: O,
-			className: r("phone-input--component", k),
-			...re
-		});
-	}
-	return /* @__PURE__ */ I("div", {
-		className: "flex items-start gap-space-md",
-		children: [/* @__PURE__ */ I(E, {
-			value: X?.iso ?? null,
-			onValueChange: (e) => ue(e),
-			disabled: O,
-			children: [/* @__PURE__ */ F(T, {
-				"aria-label": oe.prefixAriaLabel,
-				"aria-invalid": S || void 0,
-				iconClassName: m.icon[L],
-				className: r("phone-input--prefix-trigger", v(L), "shrink-0", h),
-				children: /* @__PURE__ */ F(C, {
-					placeholder: /* @__PURE__ */ F(a, {
-						tag: "span",
-						size: "inherit",
-						type: "secondary",
-						lineHeight: "tight",
-						className: "text-inherit",
-						children: f ?? oe.prefixPlaceholder
-					}),
-					children: !!X && /* @__PURE__ */ F(a, {
-						tag: "span",
-						size: "inherit",
-						lineHeight: "tight",
-						className: "text-inherit",
-						children: X.value
-					})
-				})
-			}), /* @__PURE__ */ F(D, { children: /* @__PURE__ */ F(ne, { children: Y.map((e) => /* @__PURE__ */ F(w, {
-				value: e.iso,
-				size: L,
-				children: /* @__PURE__ */ I("div", {
-					className: "flex items-center gap-space-md",
-					children: [!!te && /* @__PURE__ */ F(a, {
-						tag: "span",
-						size: "inherit",
-						weight: "medium",
-						lineHeight: "tight",
-						className: "min-w-13 tabular-nums text-inherit",
-						children: e.value
-					}), !!x && /* @__PURE__ */ F(a, {
-						tag: "span",
-						size: "inherit",
-						lineHeight: "tight",
-						className: "text-inherit",
-						children: e.label
-					})]
-				})
-			}, e.iso)) }) })]
-		}), /* @__PURE__ */ F("div", {
-			className: "flex-1",
-			children: /* @__PURE__ */ F(b, {
-				ref: ie,
-				size: L,
-				type: "tel",
-				autoComplete: "tel",
-				inputMode: "tel",
-				onChange: Z,
-				onBlur: Q,
-				invalid: S,
-				disabled: O,
-				className: k,
-				...re
-			})
-		})]
-	});
-}
-var W = A(O.forwardRef(U));
-W.displayName = "PhoneInput";
-//#endregion
-//#region src/components/base/value-inputs/color-input.tsx
-var G = { chooseColor: "Choose color" }, K = {
-	sm: "size-control-sm",
-	md: "size-control",
-	lg: "size-control-lg"
-};
-function q(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 J(e, t) {
-	let n = Number(e.toFixed(t));
-	return Object.is(n, -0) ? 0 : n;
-}
-function Y(e) {
-	let t = q(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(${J(c, 4)} ${J(d, 4)} ${J(f, 2)})`;
-}
-function X(e, t) {
-	let n = window.getComputedStyle(e).backgroundColor, r = q(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 ue = O.forwardRef(function({ className: e, value: i, defaultValue: a, onChange: o, onValueChange: c, previewValue: l, pickerAriaLabel: u, size: d, disabled: f, readOnly: m, invalid: h, strings: g, inputStrings: _, ...v }, y) {
-	let x = n(G, g), { defaultScale: te } = t(), S = ee(d, te), [C, ne] = O.useState(a ?? ""), w = i ?? C, T = l ?? w, E = q(w) ?? "#000000", [D, k] = O.useState(E), A = O.useRef(null);
-	O.useLayoutEffect(() => {
-		let e = q(T);
-		if (e) {
-			k(e);
-			return;
-		}
-		A.current && typeof window < "u" && k((e) => X(A.current, e));
-	}, [T]);
-	let j = (e) => {
-		i === void 0 && ne(e.target.value), o?.(e), c?.(e.target.value);
-	};
-	return /* @__PURE__ */ I(s, {
-		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", e),
-		children: [/* @__PURE__ */ I("label", {
-			"aria-invalid": h || void 0,
-			className: r("color-input--picker box-border relative shrink-0 cursor-pointer overflow-hidden rounded-inner border border-input bg-background shadow-none outline-none transition-[color,box-shadow]", "has-[input:focus-visible]:border-input has-[input:focus-visible]:ring-2 has-[input:focus-visible]:ring-ring", p.invalid, "aria-invalid:has-[input:focus-visible]:ring-destructive", "data-disabled:pointer-events-none data-disabled:cursor-not-allowed data-disabled:opacity-50", K[S]),
-			"data-disabled": f || m || void 0,
-			children: [/* @__PURE__ */ F("span", {
-				ref: A,
-				"aria-hidden": "true",
-				"data-user-color": !0,
-				className: "color-input--swatch absolute inset-1 rounded-radius-xs",
-				style: { background: T || "transparent" }
-			}), /* @__PURE__ */ F("input", {
-				type: "color",
-				value: D,
-				disabled: f || m,
-				"aria-label": u ?? x.chooseColor,
-				onInput: (e) => {
-					let t = Y(e.currentTarget.value);
-					i === void 0 && ne(t), o && o({
-						...e,
-						target: {
-							...e.currentTarget,
-							value: t
-						},
-						currentTarget: {
-							...e.currentTarget,
-							value: t
-						}
-					}), c?.(t);
-				},
-				className: "color-input--native absolute inset-0 size-full cursor-pointer opacity-0"
-			})]
-		}), /* @__PURE__ */ F(b, {
-			...v,
-			ref: y,
-			size: S,
-			value: w,
-			disabled: f,
-			readOnly: m,
-			invalid: h,
-			onChange: j,
-			strings: _,
-			className: "min-w-0 flex-1 font-mono"
-		})]
-	});
-});
-ue.displayName = "ColorInput";
-//#endregion
-//#region src/components/base/value-inputs/slider.tsx
-var Z = { ariaLabel: "Value" };
-function Q({ name: e, id: t, "aria-label": i, "aria-labelledby": o, "aria-describedby": s, strings: l, value: u, defaultValue: d, min: f = 0, max: p = 100, step: m = 1, disabled: h = !1, invalid: g = !1, onChange: _, onValueChange: v, onValueCommitted: ee, showValue: y = !1, formatValue: b, unit: x, className: te, orientation: S = "horizontal" }, C) {
-	let ne = M(), w = n(Z, l), T = t ?? `slider-${ne}`, E = e ?? T, D = i ?? w.ariaLabel, O = j((e) => {
-		let t = Array.isArray(e) ? e[0] : e;
-		v?.(t), _?.({ target: {
-			name: E,
-			value: t
-		} });
-	}, [
-		E,
-		_,
-		v
-	]), k = j((e) => {
-		let t = Array.isArray(e) ? e[0] : e;
-		ee?.(t);
-	}, [ee]), A = N(() => {
-		if (!y) return null;
-		let e = u ?? d ?? f;
-		return b ? b(e) : x ? `${e}${x}` : String(e);
-	}, [
-		y,
-		u,
-		d,
-		f,
-		b,
-		x
-	]), re = u === void 0 ? void 0 : [u], P = d === void 0 ? [f] : [d];
-	return /* @__PURE__ */ I("div", {
-		className: r("slider--component", "flex items-center gap-space-lg", te),
-		children: [/* @__PURE__ */ F(L.Root, {
-			ref: C,
-			"data-slot": "slider",
-			id: T,
-			"aria-label": D,
-			"aria-labelledby": o,
-			"aria-describedby": s,
-			value: re,
-			defaultValue: P,
-			min: f,
-			max: p,
-			step: m,
-			disabled: h,
-			orientation: S,
-			onValueChange: O,
-			onValueCommitted: k,
-			"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__ */ I(L.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__ */ F(L.Track, {
-					"data-slot": "slider-track",
-					className: r("relative grow overflow-hidden rounded-full bg-muted select-none data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full", c),
-					children: /* @__PURE__ */ F(L.Indicator, {
-						"data-slot": "slider-range",
-						className: "absolute bg-primary select-none data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full"
-					})
-				}), /* @__PURE__ */ F(L.Thumb, {
-					index: 0,
-					"data-slot": "slider-thumb",
-					getAriaLabel: () => D,
-					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-2 has-[:focus-visible]:ring-ring data-disabled:pointer-events-none", g && "border-destructive has-[:focus-visible]:ring-destructive")
-				})]
-			})
-		}), !!y && A !== null && /* @__PURE__ */ F(a, {
-			tag: "span",
-			type: g ? "error" : "secondary",
-			className: "min-w-8 shrink-0 text-right tabular-nums",
-			children: A
-		})]
-	});
-}
-var de = O.forwardRef(Q);
-de.displayName = "SliderField";
-//#endregion
-//#region src/components/base/value-inputs/date-time-input.tsx
-var $ = k(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 }, l) {
-	let u = e ? new Date(e) : void 0, d = j((e) => {
-		t?.(e.date ? e.date.toISOString() : void 0);
-	}, [t]);
-	return /* @__PURE__ */ F(x, {
-		ref: l,
-		className: "date-time-input--component",
-		id: c,
-		mode: "single",
-		disabled: s,
-		invalid: o,
-		placeholder: n,
-		value: u,
-		onValueChange: d,
-		readableFormat: r,
-		withTime: {
-			enabled: !0,
-			format: "24",
-			step: i * 60
-		},
-		modal: a
-	});
-});
-$.displayName = "DateTimeInput";
-//#endregion
-export { G as a, W as c, ue as i, se as l, de as n, z as o, Z as r, ce as s, $ as t, R as u };
-
-//# sourceMappingURL=value-inputs-CjfzGMsN.js.map