themelia-react-ui 2.0.1 → 2.0.3

package/dist/{value-inputs-TAYMX111.js → value-inputs-TaX4OjNk.js}

@@ -1,31 +1,31 @@
 "use client";
-import { m as e, s as t } from "./ui-provider-1D_NSYzO.js";
+import { m as e, s as t } from "./ui-provider-C_U0Xma4.js";
 import { useStrings as n } from "./lib/strings.js";
-import { t as r } from "./utils-l5LpDw2z.js";
-import { t as i } from "./buttons-SbIcm1HJ.js";
-import { s as a } from "./typography-DTRkE9zL.js";
+import { t as r } from "./utils-BRhFDwuU.js";
+import { t as i } from "./buttons-DPZekJFu.js";
+import { c as a } from "./typography-UTnveOEy.js";
 import { a as o } from "./text.styles-g4He6UIW.js";
 import { t as s } from "./focus-recipes-B653VaLq.js";
-import { t as c } from "./structure-DC2dygdA.js";
+import { t as c } from "./structure-BmisBK-3.js";
 import { t as l } from "./track-recipes-CDcKmndW.js";
-import { n as u, t as d } from "./popover.recipes-Bdyhj2db.js";
-import { n as f } from "./collection-content-uK16Grv0.js";
-import { t as p } from "./badge-MrKVNzW9.js";
+import { n as u, t as d } from "./popover.recipes-D3j8R8Yp.js";
+import { n as f } from "./collection-content-By56pLog.js";
+import { t as p } from "./badge-HpFqoqSY.js";
 import { t as ee } from "./field-state-recipes-BVA2CWHo.js";
-import { n as m, r as h, t as te } from "./field-affordance-recipes-qQeIf4lG.js";
-import { t as ne } from "./editable-text-recipe-Bkm6wKHp.js";
-import { _ as re, a as g, c as _, f as v, u as ie } from "./form-sizing-By94KzXE.js";
-import { t as y } from "./input-DWhBBBww.js";
-import { t as b } from "./date-picker-CF-DtUpF.js";
-import { o as x, t as ae } from "./popover-Di55PyAI.js";
-import { _ as S, d as oe, f as se, g as ce, p as C, v as w } from "./choice-inputs-t6w3ATNz.js";
-import * as T from "react";
-import { forwardRef as E, memo as D, useCallback as O, useId as le, useMemo as k, useRef as A, useState as j } from "react";
-import { jsx as M, jsxs as N } from "react/jsx-runtime";
-import { Check as ue } from "lucide-react";
-import { Slider as P } from "@base-ui/react/slider";
+import { n as m, r as h, t as te } from "./field-affordance-recipes-DZhnIL_Y.js";
+import { t as ne } from "./editable-text-recipe-Cn61kEcv.js";
+import { d as re, l as g, o as ie, p as ae, y as oe } from "./form-sizing-BdP_Mf5p.js";
+import { t as se } from "./input-DQdEd0YD.js";
+import { t as _ } from "./date-picker-B2K3ucWn.js";
+import { o as v, t as y } from "./popover-gnTOhbFM.js";
+import { _ as ce, d as b, f as x, g as le, p as S, v as C } from "./choice-inputs-CNHvARCJ.js";
+import * as w from "react";
+import { forwardRef as T, memo as E, useCallback as D, useId as O, useMemo as k, useRef as ue, useState as A } from "react";
+import { jsx as j, jsxs as M } from "react/jsx-runtime";
+import { Check as de } from "lucide-react";
+import { Slider as N } from "@base-ui/react/slider";
 //#region src/components/base/value-inputs/tags-input.tsx
-var F = {
+var P = {
 	placeholder: "Add a tag…",
 	emptyRecommendations: "No recommendations found.",
 	clearAll: "Clear all",
@@ -34,21 +34,21 @@ var F = {
 	notAdded: (e) => `Not added: ${e}.`,
 	recommendationsLabel: "Suggested tags"
 };
-function de(e) {
+function F(e) {
 	return e === !0 || e === "true";
 }
-function fe({ id: l, "aria-label": ee, "aria-labelledby": h, "aria-describedby": v, "aria-invalid": ie, "aria-required": y, value: b, defaultValue: S, onValueChange: oe, name: se, placeholder: ce, recommendations: C, maxTags: w, showMaxTags: E = !1, allowDuplicates: D = !1, validate: le, disabled: P = !1, showClearAll: fe = !1, renderTag: pe, delimiter: I = /[\n,]/, addOnBlur: me = !0, minLength: he = 1, maxLength: ge, sortTags: _e = !1, caseSensitive: ve = !1, field: L, invalid: ye, className: R, strings: z }) {
-	let { defaultTextSize: B } = e(), { defaultScale: be } = t(), V = re(void 0, be), xe = n(F, ce === void 0 ? void 0 : { placeholder: ce }), H = n(xe, z), Se = b !== void 0, [Ce, we] = j(() => S ?? []), U = b ?? Ce, [W, Te] = j(""), [Ee, De] = j(null), [Oe, ke] = j(""), [Ae, G] = j(!1), [je, K] = j(-1), [Me, Ne] = j(null), Pe = A(null), Fe = A(null), Ie = T.useId(), Le = T.useId(), Re = w !== void 0 && U.length >= w, ze = !!C?.length, q = O((e) => {
+function fe({ id: l, "aria-label": ee, "aria-labelledby": h, "aria-describedby": re, "aria-invalid": ae, "aria-required": se, value: _, defaultValue: ce, onValueChange: b, name: x, placeholder: le, recommendations: S, maxTags: C, showMaxTags: T = !1, allowDuplicates: E = !1, validate: O, disabled: N = !1, showClearAll: fe = !1, renderTag: pe, delimiter: I = /[\n,]/, addOnBlur: me = !0, minLength: L = 1, maxLength: he, sortTags: ge = !1, caseSensitive: _e = !1, field: R, invalid: ve, className: ye, strings: be }) {
+	let { defaultTextSize: xe } = e(), { defaultScale: z } = t(), B = oe(void 0, z), V = n(P, le === void 0 ? void 0 : { placeholder: le }), H = n(V, be), Se = _ !== void 0, [Ce, we] = A(() => ce ?? []), U = _ ?? Ce, [W, Te] = A(""), [Ee, De] = A(null), [Oe, ke] = A(""), [Ae, G] = A(!1), [je, K] = A(-1), [Me, Ne] = A(null), Pe = ue(null), Fe = ue(null), Ie = w.useId(), Le = w.useId(), Re = C !== void 0 && U.length >= C, ze = !!S?.length, q = D((e) => {
 		if (typeof e == "string") return e;
-		if (L && typeof e == "object" && e) {
-			let t = e[L];
+		if (R && typeof e == "object" && e) {
+			let t = e[R];
 			return typeof t == "string" ? t : t == null ? "" : String(t);
 		}
 		return String(e);
-	}, [L]), Be = O((e) => L ? { [L]: e } : e, [L]), J = O((e) => ve ? e : e.toLowerCase(), [ve]), Ve = O((e, t) => {
+	}, [R]), Be = D((e) => R ? { [R]: e } : e, [R]), J = D((e) => _e ? e : e.toLowerCase(), [_e]), Ve = D((e, t) => {
 		let n = J(e);
 		return t.some((e) => J(q(e)) === n);
-	}, [J, q]), He = k(() => C ? C.map((e, t) => {
+	}, [J, q]), He = k(() => S ? S.map((e, t) => {
 		if (e && typeof e == "object" && "value" in e && "label" in e) {
 			let n = e;
 			return {
@@ -63,51 +63,51 @@ function fe({ id: l, "aria-label": ee, "aria-labelledby": h, "aria-describedby":
 			value: e,
 			label: n
 		};
-	}) : [], [C, q]), Y = k(() => {
+	}) : [], [S, q]), Y = k(() => {
 		if (!He.length) return He;
 		let e = J(W.trim()), t = new Set(U.map((e) => J(q(e))));
 		return He.filter((n) => {
 			let r = J(q(n.value));
-			return !D && t.has(r) ? !1 : !e || J(n.label).includes(e) || r.includes(e);
+			return !E && t.has(r) ? !1 : !e || J(n.label).includes(e) || r.includes(e);
 		});
 	}, [
 		He,
 		W,
 		U,
-		D,
+		E,
 		J,
 		q
-	]), X = Ae && !P && ze && !Re, Z = X && je >= 0 && je < Y.length ? je : -1, Ue = O((e) => [...e].sort((e, t) => q(e).localeCompare(q(t))), [q]), We = O((e) => {
-		Se || we(e), oe?.(e);
-	}, [Se, oe]), Ge = O((e) => {
+	]), X = Ae && !N && ze && !Re, Z = X && je >= 0 && je < Y.length ? je : -1, Ue = D((e) => [...e].sort((e, t) => q(e).localeCompare(q(t))), [q]), We = D((e) => {
+		Se || we(e), b?.(e);
+	}, [Se, b]), Ge = D((e) => {
 		let t = [...U], n = [];
 		for (let r of e) {
 			let e = typeof r == "string", i = (e ? r : q(r)).trim();
 			if (!i) continue;
 			let a = e ? Be(i) : r;
-			if (i.length < he || ge !== void 0 && i.length > ge || w !== void 0 && t.length >= w || !D && Ve(i, t) || le && !le(a)) {
+			if (i.length < L || he !== void 0 && i.length > he || C !== void 0 && t.length >= C || !E && Ve(i, t) || O && !O(a)) {
 				n.push(i);
 				continue;
 			}
 			t.push(a);
 		}
-		return t.length !== U.length && (_e && (t = Ue(t)), We(t)), n;
+		return t.length !== U.length && (ge && (t = Ue(t)), We(t)), n;
 	}, [
 		U,
 		q,
 		Be,
+		L,
 		he,
-		ge,
-		w,
-		D,
+		C,
+		E,
 		Ve,
-		le,
-		_e,
+		O,
+		ge,
 		Ue,
 		We
-	]), Q = O((e) => {
+	]), Q = D((e) => {
 		let t = Ge(e), n = t.join(typeof I == "string" ? I : ", ");
-		Te(n), De(n || null), ke(t.length ? (H.notAdded ?? F.notAdded)(t.join(", ")) : ""), G(!1), K(-1);
+		Te(n), De(n || null), ke(t.length ? (H.notAdded ?? P.notAdded)(t.join(", ")) : ""), G(!1), K(-1);
 	}, [
 		Ge,
 		I,
@@ -123,18 +123,18 @@ function fe({ id: l, "aria-label": ee, "aria-labelledby": h, "aria-describedby":
 				key: `${r}::${i}`
 			};
 		});
-	}, [U, q]), $ = k(() => _e ? [...Ke].sort((e, t) => e.display.localeCompare(t.display)) : Ke, [Ke, _e]), qe = O((e) => {
+	}, [U, q]), $ = k(() => ge ? [...Ke].sort((e, t) => e.display.localeCompare(t.display)) : Ke, [Ke, ge]), qe = D((e) => {
 		We(U.filter((t, n) => n !== e));
-	}, [U, We]), Je = O((e) => {
+	}, [U, We]), Je = D((e) => {
 		Ne(Math.max(0, $.findIndex((t) => t.index === e))), qe(e);
 	}, [$, qe]);
-	T.useLayoutEffect(() => {
+	w.useLayoutEffect(() => {
 		if (Me === null) return;
 		Ne(null);
 		let e = Fe.current?.querySelectorAll("[data-tag-remove]:not(:disabled)");
 		((e && e.length > 0 ? e[Math.min(Me, e.length - 1)] : void 0) ?? Pe.current)?.focus();
 	}, [Me]);
-	let Ye = O((e) => {
+	let Ye = D((e) => {
 		let t = e.target.value;
 		if (t.split(I).length > 1) {
 			Q(t.split(I));
@@ -145,10 +145,10 @@ function fe({ id: l, "aria-label": ee, "aria-labelledby": h, "aria-describedby":
 		I,
 		Q,
 		ze
-	]), Xe = O((e) => {
-		P || e.nativeEvent.isComposing || e.keyCode === 229 || (e.key === "Enter" ? (e.preventDefault(), Z >= 0 ? Q([Y[Z].value]) : W.trim() && Q(W.split(I))) : e.key === "ArrowDown" ? X ? (e.preventDefault(), K((e) => e < Y.length - 1 ? e + 1 : e)) : ze && !Re && Y.length > 0 && G(!0) : e.key === "ArrowUp" ? X && (e.preventDefault(), K((e) => e > 0 ? e - 1 : 0)) : e.key === "Escape" ? (G(!1), K(-1)) : e.key === "Backspace" && W === "" && $.length > 0 && (e.preventDefault(), qe($[$.length - 1].index)));
+	]), Xe = D((e) => {
+		N || e.nativeEvent.isComposing || e.keyCode === 229 || (e.key === "Enter" ? (e.preventDefault(), Z >= 0 ? Q([Y[Z].value]) : W.trim() && Q(W.split(I))) : e.key === "ArrowDown" ? X ? (e.preventDefault(), K((e) => e < Y.length - 1 ? e + 1 : e)) : ze && !Re && Y.length > 0 && G(!0) : e.key === "ArrowUp" ? X && (e.preventDefault(), K((e) => e > 0 ? e - 1 : 0)) : e.key === "Escape" ? (G(!1), K(-1)) : e.key === "Backspace" && W === "" && $.length > 0 && (e.preventDefault(), qe($[$.length - 1].index)));
 	}, [
-		P,
+		N,
 		Z,
 		Y,
 		Q,
@@ -159,87 +159,87 @@ function fe({ id: l, "aria-label": ee, "aria-labelledby": h, "aria-describedby":
 		Re,
 		$,
 		qe
-	]), Ze = O((e) => {
-		if (P) return;
+	]), Ze = D((e) => {
+		if (N) return;
 		let t = e.clipboardData.getData("text");
 		if (!t) return;
 		let n = e.currentTarget.selectionStart ?? W.length, r = e.currentTarget.selectionEnd ?? n, i = `${W.slice(0, n)}${t}${W.slice(r)}`.split(I);
 		i.length <= 1 || (e.preventDefault(), Q(i));
 	}, [
-		P,
+		N,
 		W,
 		I,
 		Q
-	]), Qe = O(() => {
-		G(!1), K(-1), me && !P && W.trim() && W !== Ee && Q(W.split(I));
+	]), Qe = D(() => {
+		G(!1), K(-1), me && !N && W.trim() && W !== Ee && Q(W.split(I));
 	}, [
 		me,
-		P,
+		N,
 		W,
 		Ee,
 		I,
 		Q
-	]), $e = O(() => {
+	]), $e = D(() => {
 		We([]), Te(""), De(null), ke(""), Pe.current?.focus();
-	}, [We]), et = H.removeTag ?? F.removeTag, tt = V === "sm" ? "sm" : "md", nt = (e, t, n) => {
+	}, [We]), et = H.removeTag ?? P.removeTag, tt = B === "sm" ? "sm" : "md", nt = (e, t, n) => {
 		let i = q(e);
-		return /* @__PURE__ */ N(p, {
+		return /* @__PURE__ */ M(p, {
 			tone: "secondary",
 			size: tt,
 			className: r("tags-input--component tags-input--tag", "max-w-full gap-space-xs pe-space-xs"),
-			children: [/* @__PURE__ */ M(a, {
+			children: [/* @__PURE__ */ j(a, {
 				tag: "span",
 				size: "inherit",
 				weight: "normal",
 				lineHeight: "none",
 				className: "min-w-0 truncate text-inherit",
 				children: i
-			}), /* @__PURE__ */ M("button", {
+			}), /* @__PURE__ */ j("button", {
 				type: "button",
 				"data-tag-remove": "",
 				"aria-label": et(i),
 				className: r("tags-input--tag-remove relative after:absolute after:-inset-space-xs", m.inline, s.edge, m.clear, "disabled:pointer-events-none disabled:cursor-not-allowed"),
 				onClick: () => n(t),
-				disabled: P,
-				children: /* @__PURE__ */ M(te, {
+				disabled: N,
+				children: /* @__PURE__ */ j(te, {
 					className: m.icon,
 					"aria-hidden": "true"
 				})
 			})]
 		});
-	}, rt = !!ye || de(ie) || Ee !== null, it = w !== void 0 && U.length > w, at = E ? w : void 0, ot = at !== void 0, st = fe && U.length > 0, ct = [v, ot ? Le : void 0].filter(Boolean).join(" ") || void 0;
-	return /* @__PURE__ */ N(c, {
+	}, rt = !!ve || F(ae) || Ee !== null, it = C !== void 0 && U.length > C, at = T ? C : void 0, ot = at !== void 0, st = fe && U.length > 0, ct = [re, ot ? Le : void 0].filter(Boolean).join(" ") || void 0;
+	return /* @__PURE__ */ M(c, {
 		gap: "xs",
-		className: r("tags-input--root w-full relative", R),
+		className: r("tags-input--root w-full relative", ye),
 		children: [
-			/* @__PURE__ */ M("span", {
+			/* @__PURE__ */ j("span", {
 				role: "status",
 				"aria-live": "polite",
 				"aria-atomic": "true",
 				className: "tags-input--status sr-only",
 				children: Oe
 			}),
-			!!se && Ke.map((e) => /* @__PURE__ */ M("input", {
+			!!x && Ke.map((e) => /* @__PURE__ */ j("input", {
 				type: "hidden",
-				name: `${se}[]`,
+				name: `${x}[]`,
 				value: e.display,
-				disabled: P
+				disabled: N
 			}, e.key)),
-			/* @__PURE__ */ N(x, {
+			/* @__PURE__ */ M(v, {
 				open: X,
 				onOpenChange: (e, t) => {
 					!e && t.reason === "outside-press" && t.event.target instanceof Node && Fe.current?.contains(t.event.target) || (G(e), e || K(-1));
 				},
-				children: [/* @__PURE__ */ N("div", {
+				children: [/* @__PURE__ */ M("div", {
 					ref: Fe,
 					"data-slot": "tags-input-field",
-					"data-disabled": P || void 0,
+					"data-disabled": N || void 0,
 					"aria-invalid": rt || void 0,
 					onClick: (e) => {
 						e.target instanceof Element && e.target.closest("button, a, input") || Pe.current?.focus();
 					},
-					className: r("tags-input--field", "box-border flex w-full min-w-0 cursor-text flex-wrap items-center rounded-inner border border-input bg-transparent font-sans text-foreground shadow-none outline-none transition-[color,box-shadow]", _[V], g[V], V === "lg" ? "gap-space-sm" : "gap-space-xs", "py-[calc(0.25rem*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__ */ M(T.Fragment, { children: pe ? pe(e.tag, e.index, Je) : nt(e.tag, e.index, Je) }, e.key)), /* @__PURE__ */ M("input", {
+					className: r("tags-input--field", "box-border flex w-full min-w-0 cursor-text flex-wrap items-center rounded-inner border border-input bg-transparent font-sans text-foreground shadow-none outline-none transition-[color,box-shadow]", g[B], ie[B], B === "lg" ? "gap-space-sm" : "gap-space-xs", "py-[calc(0.25rem*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__ */ j(w.Fragment, { children: pe ? pe(e.tag, e.index, Je) : nt(e.tag, e.index, Je) }, e.key)), /* @__PURE__ */ j("input", {
 						ref: Pe,
 						id: l,
 						type: "text",
@@ -248,10 +248,10 @@ function fe({ id: l, "aria-label": ee, "aria-labelledby": h, "aria-describedby":
 						"aria-labelledby": h,
 						"aria-describedby": ct,
 						"aria-invalid": rt || void 0,
-						"aria-required": y,
-						role: C ? "combobox" : void 0,
-						"aria-autocomplete": C ? "list" : void 0,
-						"aria-expanded": C ? X : void 0,
+						"aria-required": se,
+						role: S ? "combobox" : void 0,
+						"aria-autocomplete": S ? "list" : void 0,
+						"aria-expanded": S ? X : void 0,
 						"aria-controls": X ? Ie : void 0,
 						"aria-activedescendant": Z >= 0 ? `${Ie}-${Z}` : void 0,
 						placeholder: U.length === 0 ? H.placeholder : void 0,
@@ -263,11 +263,11 @@ function fe({ id: l, "aria-label": ee, "aria-labelledby": h, "aria-describedby":
 						onFocus: () => {
 							ze && !Re && Y.length > 0 && G(!0);
 						},
-						disabled: P,
+						disabled: N,
 						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", ne[V])
+						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", ne[B])
 					})]
-				}), !!C && /* @__PURE__ */ M(ae, {
+				}), !!S && /* @__PURE__ */ j(y, {
 					anchor: Fe,
 					align: "start",
 					type: "menu",
@@ -275,11 +275,11 @@ function fe({ id: l, "aria-label": ee, "aria-labelledby": h, "aria-describedby":
 					finalFocus: !1,
 					role: "listbox",
 					id: Ie,
-					"aria-label": H.recommendationsLabel ?? F.recommendationsLabel,
+					"aria-label": H.recommendationsLabel ?? P.recommendationsLabel,
 					className: "tags-input--recommendations w-(--anchor-width) max-h-[200px]",
-					children: /* @__PURE__ */ M("div", { children: Y.length > 0 ? Y.map((e, t) => {
+					children: /* @__PURE__ */ j("div", { children: Y.length > 0 ? Y.map((e, t) => {
 						let n = U.some((t) => q(t) === q(e.value));
-						return /* @__PURE__ */ N("button", {
+						return /* @__PURE__ */ M("button", {
 							id: `${Ie}-${t}`,
 							role: "option",
 							"aria-selected": Z === t,
@@ -290,10 +290,10 @@ function fe({ id: l, "aria-label": ee, "aria-labelledby": h, "aria-describedby":
 								Q([e.value]), Pe.current?.focus();
 							},
 							onMouseEnter: () => K(t),
-							className: r(d.interactive, u(), o[B ?? "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", Z === t && "bg-accent text-accent-foreground"),
-							children: [/* @__PURE__ */ M(f, { children: e.label }), /* @__PURE__ */ M(ue, { className: r("ml-auto size-icon-sm", n ? "opacity-100" : "opacity-0") })]
+							className: r(d.interactive, u(), o[xe ?? "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", Z === t && "bg-accent text-accent-foreground"),
+							children: [/* @__PURE__ */ j(f, { children: e.label }), /* @__PURE__ */ j(de, { className: r("ml-auto size-icon-sm", n ? "opacity-100" : "opacity-0") })]
 						}, e.key);
-					}) : /* @__PURE__ */ M(a, {
+					}) : /* @__PURE__ */ j(a, {
 						tag: "div",
 						size: "xs",
 						type: "secondary",
@@ -302,20 +302,20 @@ function fe({ id: l, "aria-label": ee, "aria-labelledby": h, "aria-describedby":
 					}) })
 				})]
 			}),
-			(ot || st) && /* @__PURE__ */ N("div", {
+			(ot || st) && /* @__PURE__ */ M("div", {
 				className: "tags-input--footer flex items-center justify-between gap-space-sm",
-				children: [at !== void 0 && /* @__PURE__ */ M(a, {
+				children: [at !== void 0 && /* @__PURE__ */ j(a, {
 					id: Le,
 					tag: "span",
 					size: "xs",
 					type: it ? "error" : "secondary",
 					className: "tags-input--count tabular-nums",
 					children: H.summary(U.length, at)
-				}), !!st && /* @__PURE__ */ M(i, {
+				}), !!st && /* @__PURE__ */ j(i, {
 					type: "button",
 					size: "sm",
 					onClick: $e,
-					disabled: P,
+					disabled: N,
 					className: "tags-input--clear ms-auto",
 					children: H.clearAll
 				})]
@@ -549,36 +549,37 @@ var pe = {
 	"IT",
 	"ES",
 	"AU"
-], he = (e) => typeof e == "string" ? I[e.toUpperCase()] ?? null : e, ge = (e) => e.map(he).filter((e) => e !== null), _e = (e, t) => {
+], L = (e) => typeof e == "string" ? I[e.toUpperCase()] ?? null : e, he = (e) => e.map(L).filter((e) => e !== null), ge = (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;
-}, ve = (e, t) => e ? e.startsWith("+") ? e : I[e.toUpperCase()]?.value ?? e : t[0]?.value ?? "";
-function L({ normalizeOnBlur: e = !0, onBlur: i, onChange: o, prefix: s, defaultPrefix: c, prefixes: l = me, onPrefixChange: u, disablePrefixSelector: d = !1, prefixPlaceholder: f, prefixWidth: p = "w-30", showCountryName: m = !0, showPrefixInDropdown: te = !0, invalid: _, disabled: b, className: x, size: ae, strings: T, ...E }, D) {
-	let { defaultScale: le } = t(), A = re(ae, le), ue = n(pe, T), P = k(() => ge(l), [l]), F = k(() => ve(c, P), [c, P]), [de, fe] = j(F), [he, L] = j(() => {
+}, _e = (e, t) => e ? e.startsWith("+") ? e : I[e.toUpperCase()]?.value ?? e : t[0]?.value ?? "";
+function R({ normalizeOnBlur: e = !0, onBlur: i, onChange: o, prefix: s, defaultPrefix: c, prefixes: l = me, onPrefixChange: u, disablePrefixSelector: d = !1, prefixPlaceholder: f, prefixWidth: p = "w-30", showCountryName: m = !0, showPrefixInDropdown: te = !0, invalid: g, disabled: _, readOnly: v, loading: y, className: w, size: T, strings: E, ...O }, ue) {
+	let { defaultScale: de } = t(), N = oe(T, de), P = _ || y, F = P || v, fe = n(pe, E), L = k(() => he(l), [l]), R = k(() => _e(c, L), [c, L]), [ve, ye] = A(R), [be, xe] = A(() => {
 		let e = s ?? c;
-		return e && !e.startsWith("+") ? e.toUpperCase() : P.find((e) => e.value === F)?.iso;
-	}), ye = s !== void 0, R = ye ? ve(s, P) : de, z = k(() => {
-		if (!R || P.some((e) => e.value === R)) return P;
-		let e = Object.values(I).find((e) => e.value === R);
-		return e ? [e, ...P] : P;
-	}, [P, R]), B = k(() => z.find((e) => e.iso === (s && !s.startsWith("+") ? s.toUpperCase() : he) && e.value === R) ?? z.find((e) => e.value === R), [
-		z,
-		R,
-		he,
+		return e && !e.startsWith("+") ? e.toUpperCase() : L.find((e) => e.value === R)?.iso;
+	}), z = s !== void 0, B = z ? _e(s, L) : ve, V = k(() => {
+		if (!B || L.some((e) => e.value === B)) return L;
+		let e = Object.values(I).find((e) => e.value === B);
+		return e ? [e, ...L] : L;
+	}, [L, B]), H = k(() => V.find((e) => e.iso === (s && !s.startsWith("+") ? s.toUpperCase() : be) && e.value === B) ?? V.find((e) => e.value === B), [
+		V,
+		B,
+		be,
 		s
-	]), be = O((e) => {
-		if (e === null) return;
-		let t = z.find((t) => t.iso === e);
-		t && (L(t.iso), ye || fe(t.value), u?.(t.value));
+	]), Se = D((e) => {
+		if (e === null || F) return;
+		let t = V.find((t) => t.iso === e);
+		t && (xe(t.iso), z || ye(t.value), u?.(t.value));
 	}, [
-		ye,
+		z,
 		u,
-		z
-	]), V = O((e) => {
-		if (!o) return;
+		V,
+		F
+	]), Ce = D((e) => {
+		if (F || !o) return;
 		let t = e.target.value;
-		if (R && t.startsWith(R)) {
-			let n = t.slice(R.length).replace(/^[\s-]+/, ""), r = n.startsWith("0") ? n.slice(1) : n;
+		if (B && t.startsWith(B)) {
+			let n = t.slice(B.length).replace(/^[\s-]+/, ""), r = n.startsWith("0") ? n.slice(1) : n;
 			if (r !== t) {
 				o({
 					...e,
@@ -595,9 +596,13 @@ function L({ normalizeOnBlur: e = !0, onBlur: i, onChange: o, prefix: s, default
 			}
 		}
 		o(e);
-	}, [o, R]), xe = O((t) => {
-		if (e && typeof o == "function") {
-			let e = _e(t.target.value, R);
+	}, [
+		F,
+		o,
+		B
+	]), we = D((t) => {
+		if (!F && e && typeof o == "function") {
+			let e = ge(t.target.value, B);
 			e !== t.target.value && o({
 				...t,
 				target: {
@@ -612,96 +617,101 @@ function L({ normalizeOnBlur: e = !0, onBlur: i, onChange: o, prefix: s, default
 		}
 		i?.(t);
 	}, [
+		F,
 		e,
 		o,
 		i,
-		R
+		B
 	]);
-	if (z.length === 0 || d) {
-		let e = R || c;
-		return e ? /* @__PURE__ */ N("div", {
+	if (V.length === 0 || d) {
+		let e = B || c;
+		return e ? /* @__PURE__ */ M("div", {
 			className: "flex items-start gap-space-md",
-			children: [/* @__PURE__ */ M("div", {
-				"aria-invalid": _ || void 0,
-				className: r("phone-input--prefix flex shrink-0 items-center justify-center rounded-inner border border-input bg-muted", ie[A], ne[A], g[A], b && "opacity-50", ee.invalid),
-				children: /* @__PURE__ */ M(a, {
+			children: [/* @__PURE__ */ j("div", {
+				"aria-invalid": g || void 0,
+				className: r("phone-input--prefix flex shrink-0 items-center justify-center rounded-inner border border-input bg-muted", re[N], ne[N], ie[N], P && "opacity-50", ee.invalid),
+				children: /* @__PURE__ */ j(a, {
 					tag: "span",
 					size: "inherit",
 					type: "secondary",
 					lineHeight: "tight",
 					children: e
 				})
-			}), /* @__PURE__ */ M("div", {
+			}), /* @__PURE__ */ j("div", {
 				className: "flex-1",
-				children: /* @__PURE__ */ M(y, {
-					ref: D,
-					size: A,
+				children: /* @__PURE__ */ j(se, {
+					ref: ue,
+					size: N,
 					type: "tel",
 					autoComplete: "tel",
 					inputMode: "tel",
-					onChange: V,
-					onBlur: xe,
-					invalid: _,
-					disabled: b,
-					className: x,
-					...E
+					onChange: Ce,
+					onBlur: we,
+					invalid: g,
+					disabled: P,
+					readOnly: v,
+					loading: y,
+					className: w,
+					...O
 				})
 			})]
-		}) : /* @__PURE__ */ M(y, {
-			ref: D,
-			size: A,
+		}) : /* @__PURE__ */ j(se, {
+			ref: ue,
+			size: N,
 			type: "tel",
 			autoComplete: "tel",
 			inputMode: "tel",
-			onChange: V,
-			onBlur: xe,
-			invalid: _,
-			disabled: b,
-			className: r("phone-input--component", x),
-			...E
+			onChange: Ce,
+			onBlur: we,
+			invalid: g,
+			disabled: P,
+			readOnly: v,
+			loading: y,
+			className: r("phone-input--component", w),
+			...O
 		});
 	}
-	return /* @__PURE__ */ N("div", {
+	return /* @__PURE__ */ M("div", {
 		className: "flex items-start gap-space-md",
-		children: [/* @__PURE__ */ N(ce, {
-			value: B?.iso ?? null,
-			onValueChange: (e) => be(e),
-			disabled: b,
-			children: [/* @__PURE__ */ M(S, {
-				"aria-label": ue.prefixAriaLabel,
-				"aria-invalid": _ || void 0,
-				iconClassName: h.icon[A],
-				className: r("phone-input--prefix-trigger", v(A), "shrink-0", p),
-				children: /* @__PURE__ */ M(w, {
-					placeholder: /* @__PURE__ */ M(a, {
+		children: [/* @__PURE__ */ M(le, {
+			value: H?.iso ?? null,
+			onValueChange: (e) => Se(e),
+			disabled: F,
+			children: [/* @__PURE__ */ j(ce, {
+				"aria-label": fe.prefixAriaLabel,
+				"aria-invalid": g || void 0,
+				iconClassName: h.icon[N],
+				className: r("phone-input--prefix-trigger", ae(N), "shrink-0", p),
+				children: /* @__PURE__ */ j(C, {
+					placeholder: /* @__PURE__ */ j(a, {
 						tag: "span",
 						size: "inherit",
 						type: "secondary",
 						lineHeight: "tight",
 						className: "text-inherit",
-						children: f ?? ue.prefixPlaceholder
+						children: f ?? fe.prefixPlaceholder
 					}),
-					children: !!B && /* @__PURE__ */ M(a, {
+					children: !!H && /* @__PURE__ */ j(a, {
 						tag: "span",
 						size: "inherit",
 						lineHeight: "tight",
 						className: "text-inherit",
-						children: B.value
+						children: H.value
 					})
 				})
-			}), /* @__PURE__ */ M(oe, { children: /* @__PURE__ */ M(se, { children: z.map((e) => /* @__PURE__ */ M(C, {
+			}), /* @__PURE__ */ j(b, { children: /* @__PURE__ */ j(x, { children: V.map((e) => /* @__PURE__ */ j(S, {
 				value: e.iso,
-				size: A,
-				children: /* @__PURE__ */ N("div", {
+				size: N,
+				children: /* @__PURE__ */ M("div", {
 					className: "flex items-center gap-space-md",
-					children: [!!te && /* @__PURE__ */ M(a, {
+					children: [!!te && /* @__PURE__ */ j(a, {
 						tag: "span",
 						size: "inherit",
 						weight: "medium",
 						lineHeight: "tight",
 						className: "min-w-13 tabular-nums text-inherit",
 						children: e.value
-					}), !!m && /* @__PURE__ */ M(a, {
+					}), !!m && /* @__PURE__ */ j(a, {
 						tag: "span",
 						size: "inherit",
 						lineHeight: "tight",
@@ -710,53 +720,55 @@ function L({ normalizeOnBlur: e = !0, onBlur: i, onChange: o, prefix: s, default
 					})]
 				})
 			}, e.iso)) }) })]
-		}), /* @__PURE__ */ M("div", {
+		}), /* @__PURE__ */ j("div", {
 			className: "flex-1",
-			children: /* @__PURE__ */ M(y, {
-				ref: D,
-				size: A,
+			children: /* @__PURE__ */ j(se, {
+				ref: ue,
+				size: N,
 				type: "tel",
 				autoComplete: "tel",
 				inputMode: "tel",
-				onChange: V,
-				onBlur: xe,
-				invalid: _,
-				disabled: b,
-				className: x,
-				...E
+				onChange: Ce,
+				onBlur: we,
+				invalid: g,
+				disabled: P,
+				readOnly: v,
+				loading: y,
+				className: w,
+				...O
 			})
 		})]
 	});
 }
-var ye = D(T.forwardRef(L));
-ye.displayName = "PhoneInput";
+var ve = E(w.forwardRef(R));
+ve.displayName = "PhoneInput";
 //#endregion
 //#region src/components/base/value-inputs/color-input.tsx
-var R = { chooseColor: "Choose color" }, z = {
+var ye = { chooseColor: "Choose color" }, be = {
 	sm: "size-control-sm",
 	md: "size-control",
 	lg: "size-control-lg"
 };
-function B(e) {
+function xe(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 be(e, t) {
+function z(e, t) {
 	let n = Number(e.toFixed(t));
 	return Object.is(n, -0) ? 0 : n;
 }
-function V(e) {
-	let t = B(e);
+function B(e) {
+	let t = xe(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(${be(c, 4)} ${be(d, 4)} ${be(f, 2)})`;
+	return `oklch(${z(c, 4)} ${z(d, 4)} ${z(f, 2)})`;
 }
-function xe(e, t) {
-	let n = window.getComputedStyle(e).backgroundColor, r = B(n);
+function V(e, t) {
+	let n = window.getComputedStyle(e).backgroundColor, r = xe(n);
 	if (r) return r;
 	if (typeof CanvasRenderingContext2D > "u") return t;
 	try {
@@ -775,43 +787,44 @@ function xe(e, t) {
 		return t;
 	}
 }
-var H = T.forwardRef(function({ className: e, value: i, defaultValue: a, onChange: o, onValueChange: s, previewValue: l, pickerAriaLabel: u, size: d, disabled: f, readOnly: p, invalid: m, strings: h, inputStrings: te, ...ne }, g) {
-	let _ = n(R, h), { defaultScale: v } = t(), ie = re(d, v), [b, x] = T.useState(a ?? ""), ae = i ?? b, S = l ?? ae, oe = B(ae) ?? "#000000", [se, ce] = T.useState(oe), C = T.useRef(null);
-	T.useLayoutEffect(() => {
-		let e = B(S);
+var H = w.forwardRef(function({ className: e, value: i, defaultValue: a, onChange: o, onValueChange: s, previewValue: l, pickerAriaLabel: u, size: d, disabled: f, readOnly: p, loading: m, invalid: h, strings: te, inputStrings: ne, ...re }, g) {
+	let ie = n(ye, te), { defaultScale: ae } = t(), _ = oe(d, ae), v = f || p || m, [y, ce] = w.useState(a ?? ""), b = i ?? y, x = l ?? b, le = xe(b) ?? "#000000", [S, C] = w.useState(le), T = w.useRef(null);
+	w.useLayoutEffect(() => {
+		let e = xe(x);
 		if (e) {
-			ce(e);
+			C(e);
 			return;
 		}
-		C.current && typeof window < "u" && ce((e) => xe(C.current, e));
-	}, [S]);
-	let w = (e) => {
-		i === void 0 && x(e.target.value), o?.(e), s?.(e.target.value);
+		T.current && typeof window < "u" && C((e) => V(T.current, e));
+	}, [x]);
+	let E = (e) => {
+		i === void 0 && ce(e.target.value), o?.(e), s?.(e.target.value);
 	};
-	return /* @__PURE__ */ N(c, {
+	return /* @__PURE__ */ M(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", e),
-		children: [/* @__PURE__ */ N("label", {
-			"aria-invalid": m || 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-ring has-[input:focus-visible]:ring-3 has-[input:focus-visible]:ring-ring/50", ee.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", z[ie]),
-			"data-disabled": f || p || void 0,
-			children: [/* @__PURE__ */ M("span", {
-				ref: C,
+		children: [/* @__PURE__ */ M("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-ring has-[input:focus-visible]:ring-3 has-[input:focus-visible]:ring-ring/50", ee.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", be[_]),
+			"data-disabled": v || void 0,
+			children: [/* @__PURE__ */ j("span", {
+				ref: T,
 				"aria-hidden": "true",
 				"data-user-color": !0,
 				className: "color-input--swatch absolute inset-1 rounded-radius-xs",
-				style: { background: S || "transparent" }
-			}), /* @__PURE__ */ M("input", {
+				style: { background: x || "transparent" }
+			}), /* @__PURE__ */ j("input", {
 				type: "color",
-				value: se,
-				disabled: f || p,
-				"aria-label": u ?? _.chooseColor,
+				value: S,
+				disabled: v,
+				"aria-label": u ?? ie.chooseColor,
 				onInput: (e) => {
-					let t = V(e.currentTarget.value);
-					i === void 0 && x(t), o && o({
+					if (v) return;
+					let t = B(e.currentTarget.value);
+					i === void 0 && ce(t), o && o({
 						...e,
 						target: {
 							...e.currentTarget,
@@ -825,16 +838,17 @@ var H = T.forwardRef(function({ className: e, value: i, defaultValue: a, onChang
 				},
 				className: "color-input--native absolute inset-0 size-full cursor-pointer opacity-0"
 			})]
-		}), /* @__PURE__ */ M(y, {
-			...ne,
+		}), /* @__PURE__ */ j(se, {
+			...re,
 			ref: g,
-			size: ie,
-			value: ae,
+			size: _,
+			value: b,
 			disabled: f,
 			readOnly: p,
-			invalid: m,
-			onChange: w,
-			strings: te,
+			loading: m,
+			invalid: h,
+			onChange: E,
+			strings: ne,
 			className: "min-w-0 flex-1 font-mono"
 		})]
 	});
@@ -843,85 +857,87 @@ H.displayName = "ColorInput";
 //#endregion
 //#region src/components/base/value-inputs/slider.tsx
 var Se = { ariaLabel: "Value" };
-function Ce({ name: e, id: t, "aria-label": i, "aria-labelledby": o, "aria-describedby": s, strings: c, value: u, defaultValue: d, min: f = 0, max: p = 100, step: ee = 1, disabled: m = !1, invalid: h = !1, onChange: te, onValueChange: ne, onValueCommitted: re, showValue: g = !1, formatValue: _, unit: v, className: ie, orientation: y = "horizontal" }, b) {
-	let x = le(), ae = n(Se, c), S = t ?? `slider-${x}`, oe = e ?? S, se = i ?? ae.ariaLabel, ce = O((e) => {
+function Ce({ name: e, id: t, "aria-label": i, "aria-labelledby": o, "aria-describedby": s, strings: c, value: u, defaultValue: d, min: f = 0, max: p = 100, step: ee = 1, disabled: m = !1, invalid: h = !1, onChange: te, onValueChange: ne, onValueCommitted: re, showValue: g = !1, formatValue: ie, unit: ae, className: oe, orientation: se = "horizontal" }, _) {
+	let v = O(), y = n(Se, c), ce = t ?? `slider-${v}`, b = e ?? ce, x = i ?? y.ariaLabel, le = u !== void 0, [S, C] = A(() => d ?? f), w = D((e) => {
 		let t = Array.isArray(e) ? e[0] : e;
-		ne?.(t), te?.({ target: {
-			name: oe,
+		le || C(t), ne?.(t), te?.({ target: {
+			name: b,
 			value: t
 		} });
 	}, [
-		oe,
+		le,
+		b,
 		te,
 		ne
-	]), C = O((e) => {
+	]), T = D((e) => {
 		let t = Array.isArray(e) ? e[0] : e;
 		re?.(t);
-	}, [re]), w = k(() => {
+	}, [re]), E = k(() => {
 		if (!g) return null;
-		let e = u ?? d ?? f;
-		return _ ? _(e) : v ? `${e}${v}` : String(e);
+		let e = Math.min(p, Math.max(f, u ?? S));
+		return ie ? ie(e) : ae ? `${e}${ae}` : String(e);
 	}, [
 		g,
 		u,
-		d,
+		S,
 		f,
-		_,
-		v
-	]), T = u === void 0 ? void 0 : [u], E = d === void 0 ? [f] : [d];
-	return /* @__PURE__ */ N("div", {
-		className: r("slider--component", "flex items-center gap-space-lg", ie),
-		children: [/* @__PURE__ */ M(P.Root, {
-			ref: b,
+		p,
+		ie,
+		ae
+	]), ue = u === void 0 ? void 0 : [u], de = d === void 0 ? [f] : [d];
+	return /* @__PURE__ */ M("div", {
+		className: r("slider--component", "flex items-center gap-space-lg", oe),
+		children: [/* @__PURE__ */ j(N.Root, {
+			ref: _,
 			"data-slot": "slider",
-			id: S,
-			"aria-label": se,
+			id: ce,
+			"aria-label": x,
 			"aria-labelledby": o,
 			"aria-describedby": s,
-			value: T,
-			defaultValue: E,
+			value: ue,
+			defaultValue: de,
 			min: f,
 			max: p,
 			step: ee,
 			disabled: m,
-			orientation: y,
-			onValueChange: ce,
-			onValueCommitted: C,
+			orientation: se,
+			onValueChange: w,
+			onValueCommitted: T,
 			"aria-invalid": h || 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", h && "[&_[data-slot=slider-range]]:bg-destructive"),
-			children: /* @__PURE__ */ N(P.Control, {
+			children: /* @__PURE__ */ M(N.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__ */ M(P.Track, {
+				children: [/* @__PURE__ */ j(N.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", l),
-					children: /* @__PURE__ */ M(P.Indicator, {
+					children: /* @__PURE__ */ j(N.Indicator, {
 						"data-slot": "slider-range",
 						className: "absolute bg-primary select-none data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full"
 					})
-				}), /* @__PURE__ */ M(P.Thumb, {
+				}), /* @__PURE__ */ j(N.Thumb, {
 					index: 0,
 					"data-slot": "slider-thumb",
-					getAriaLabel: () => se,
+					getAriaLabel: () => x,
 					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", h && "border-destructive has-[:focus-visible]:ring-destructive/30 dark:has-[:focus-visible]:ring-destructive/50")
 				})]
 			})
-		}), !!g && w !== null && /* @__PURE__ */ M(a, {
+		}), !!g && E !== null && /* @__PURE__ */ j(a, {
 			tag: "span",
 			type: h ? "error" : "secondary",
 			className: "min-w-8 shrink-0 text-right tabular-nums",
-			children: w
+			children: E
 		})]
 	});
 }
-var we = T.forwardRef(Ce);
+var we = w.forwardRef(Ce);
 we.displayName = "SliderField";
 //#endregion
 //#region src/components/base/value-inputs/date-time-input.tsx
-var U = E(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 = O((e) => {
+var U = T(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 = D((e) => {
 		t?.(e.date ? e.date.toISOString() : void 0);
 	}, [t]);
-	return /* @__PURE__ */ M(b, {
+	return /* @__PURE__ */ j(_, {
 		ref: l,
 		className: "date-time-input--component",
 		id: c,
@@ -942,6 +958,6 @@ var U = E(function({ value: e, onValueChange: t, placeholder: n, readableFormat:
 });
 U.displayName = "DateTimeInput";
 //#endregion
-export { R as a, ye as c, F as d, H as i, pe as l, we as n, I as o, Se as r, me as s, U as t, fe as u };
+export { ye as a, ve as c, P as d, H as i, pe as l, we as n, I as o, Se as r, me as s, U as t, fe as u };
 
-//# sourceMappingURL=value-inputs-TAYMX111.js.map
+//# sourceMappingURL=value-inputs-TaX4OjNk.js.map