quickit-ui 0.1.20 → 0.1.21

package/dist/quickit-ui.js

@@ -3428,19 +3428,19 @@ var Kr = a(function({ children: e, className: t, htmlFor: n, optional: r = !1, r
 	}
 }, Jr = {
 	light: {
-		box: "border-slate-500 bg-slate-200/90 shadow-[0_1px_2px_rgba(15,23,42,0.09)] peer-hover:border-slate-700 peer-hover:bg-slate-100",
-		focus: "peer-focus-visible:outline-slate-700 peer-focus-visible:ring-slate-400/35 peer-focus-visible:ring-offset-stone-50",
+		box: "border-slate-300 bg-white shadow-[0_1px_2px_rgba(15,23,42,0.08)] peer-hover:border-slate-400 peer-hover:bg-slate-50",
+		focus: "peer-focus-visible:outline-slate-500 peer-focus-visible:ring-slate-400/45 peer-focus-visible:ring-offset-white",
 		colors: {
 			neutral: {
-				box: "peer-checked:border-slate-800 peer-checked:bg-slate-800 peer-hover:peer-checked:border-slate-950 peer-hover:peer-checked:bg-slate-950",
+				box: "peer-checked:border-slate-700 peer-checked:bg-slate-700 peer-hover:peer-checked:border-slate-800 peer-hover:peer-checked:bg-slate-800",
 				icon: "text-white"
 			},
 			slate: {
-				box: "peer-checked:border-slate-800 peer-checked:bg-slate-800 peer-hover:peer-checked:border-slate-950 peer-hover:peer-checked:bg-slate-950",
+				box: "peer-checked:border-slate-700 peer-checked:bg-slate-700 peer-hover:peer-checked:border-slate-800 peer-hover:peer-checked:bg-slate-800",
 				icon: "text-white"
 			},
 			zinc: {
-				box: "peer-checked:border-zinc-800 peer-checked:bg-zinc-800 peer-hover:peer-checked:border-zinc-950 peer-hover:peer-checked:bg-zinc-950",
+				box: "peer-checked:border-zinc-700 peer-checked:bg-zinc-700 peer-hover:peer-checked:border-zinc-800 peer-hover:peer-checked:bg-zinc-800",
 				icon: "text-white"
 			},
 			primary: {
@@ -3472,7 +3472,7 @@ var Kr = a(function({ children: e, className: t, htmlFor: n, optional: r = !1, r
 				icon: "text-stone-950"
 			},
 			dark: {
-				box: "peer-checked:border-zinc-900 peer-checked:bg-zinc-900 peer-hover:peer-checked:border-black peer-hover:peer-checked:bg-black",
+				box: "peer-checked:border-zinc-800 peer-checked:bg-zinc-800 peer-hover:peer-checked:border-zinc-900 peer-hover:peer-checked:bg-zinc-900",
 				icon: "text-white"
 			},
 			black: {
@@ -3480,7 +3480,7 @@ var Kr = a(function({ children: e, className: t, htmlFor: n, optional: r = !1, r
 				icon: "text-white"
 			}
 		},
-		invalid: "border-rose-400 peer-checked:border-rose-600 peer-checked:bg-rose-600 peer-hover:peer-checked:border-rose-700 peer-hover:peer-checked:bg-rose-700",
+		invalid: "border-rose-300 peer-checked:border-rose-600 peer-checked:bg-rose-600 peer-hover:peer-checked:border-rose-700 peer-hover:peer-checked:bg-rose-700",
 		invalidIcon: "text-white"
 	},
 	dark: {
@@ -6753,43 +6753,43 @@ var sl = a(function({ align: e = "center", children: t, className: n, ...r }, i)
 }), dl = {
 	light: {
 		neutral: {
-			base: "border-slate-500 bg-slate-200/90 text-slate-950 shadow-[0_1px_2px_rgba(15,23,42,0.06)] focus-visible:border-slate-700 focus-visible:ring-slate-600/22",
-			hover: "hover:border-slate-700"
+			base: "border-slate-300 bg-white text-slate-950 shadow-[0_1px_2px_rgba(15,23,42,0.05)] focus-visible:border-slate-500 focus-visible:ring-slate-400/50",
+			hover: "hover:border-slate-400"
 		},
 		slate: {
-			base: "border-slate-600 bg-slate-300 text-slate-950 shadow-[0_1px_2px_rgba(15,23,42,0.06)] focus-visible:border-slate-800 focus-visible:ring-slate-700/20",
-			hover: "hover:border-slate-700"
+			base: "border-slate-300 bg-slate-50 text-slate-950 shadow-[0_1px_2px_rgba(15,23,42,0.05)] focus-visible:border-slate-500 focus-visible:ring-slate-400/50",
+			hover: "hover:border-slate-400"
 		},
 		zinc: {
-			base: "border-zinc-600 bg-zinc-300 text-zinc-950 shadow-[0_1px_2px_rgba(24,24,27,0.06)] focus-visible:border-zinc-800 focus-visible:ring-zinc-700/20",
-			hover: "hover:border-zinc-700"
+			base: "border-zinc-300 bg-zinc-50 text-zinc-950 shadow-[0_1px_2px_rgba(24,24,27,0.05)] focus-visible:border-zinc-500 focus-visible:ring-zinc-400/50",
+			hover: "hover:border-zinc-400"
 		},
 		primary: {
-			base: "border-sky-400/85 bg-sky-100/80 text-slate-950 shadow-[0_1px_2px_rgba(14,165,233,0.08)] focus-visible:border-sky-600 focus-visible:ring-sky-400/25",
-			hover: "hover:border-sky-500"
+			base: "border-sky-300/90 bg-sky-50/85 text-slate-950 shadow-[0_1px_2px_rgba(14,165,233,0.06)] focus-visible:border-sky-500 focus-visible:ring-sky-400/45",
+			hover: "hover:border-sky-400"
 		},
 		brand: {
-			base: "border-brand-400/80 bg-brand-100/75 text-slate-950 shadow-[0_1px_2px_rgba(112,56,255,0.1)] focus-visible:border-brand-600 focus-visible:ring-brand-400/25",
-			hover: "hover:border-brand-500"
+			base: "border-brand-300/90 bg-brand-50/80 text-slate-950 shadow-[0_1px_2px_rgba(112,56,255,0.08)] focus-visible:border-brand-500 focus-visible:ring-brand-400/45",
+			hover: "hover:border-brand-400"
 		},
 		success: {
-			base: "border-emerald-400/85 bg-emerald-100/75 text-slate-950 shadow-[0_1px_2px_rgba(16,185,129,0.08)] focus-visible:border-emerald-600 focus-visible:ring-emerald-400/25",
-			hover: "hover:border-emerald-500"
+			base: "border-emerald-300/90 bg-emerald-50/80 text-slate-950 shadow-[0_1px_2px_rgba(16,185,129,0.06)] focus-visible:border-emerald-500 focus-visible:ring-emerald-400/45",
+			hover: "hover:border-emerald-400"
 		},
 		danger: {
-			base: "border-rose-400/85 bg-rose-100/75 text-slate-950 shadow-[0_1px_2px_rgba(244,63,94,0.08)] focus-visible:border-rose-600 focus-visible:ring-rose-400/25",
-			hover: "hover:border-rose-500"
+			base: "border-rose-300/90 bg-rose-50/80 text-slate-950 shadow-[0_1px_2px_rgba(244,63,94,0.06)] focus-visible:border-rose-500 focus-visible:ring-rose-400/45",
+			hover: "hover:border-rose-400"
 		},
 		warning: {
-			base: "border-amber-400/85 bg-amber-100/80 text-slate-950 shadow-[0_1px_2px_rgba(245,158,11,0.08)] focus-visible:border-amber-600 focus-visible:ring-amber-400/25",
-			hover: "hover:border-amber-500"
+			base: "border-amber-300/90 bg-amber-50/85 text-slate-950 shadow-[0_1px_2px_rgba(245,158,11,0.06)] focus-visible:border-amber-500 focus-visible:ring-amber-400/45",
+			hover: "hover:border-amber-400"
 		},
 		info: {
-			base: "border-cyan-400/85 bg-cyan-100/75 text-slate-950 shadow-[0_1px_2px_rgba(6,182,212,0.08)] focus-visible:border-cyan-600 focus-visible:ring-cyan-400/25",
-			hover: "hover:border-cyan-500"
+			base: "border-cyan-300/90 bg-cyan-50/80 text-slate-950 shadow-[0_1px_2px_rgba(6,182,212,0.06)] focus-visible:border-cyan-500 focus-visible:ring-cyan-400/45",
+			hover: "hover:border-cyan-400"
 		},
 		light: {
-			base: "border-stone-300 bg-stone-100/90 text-stone-900 shadow-[0_1px_2px_rgba(120,113,108,0.06)] focus-visible:border-stone-500 focus-visible:ring-stone-400/25",
+			base: "border-stone-300 bg-stone-50 text-stone-900 shadow-[0_1px_2px_rgba(120,113,108,0.05)] focus-visible:border-stone-500 focus-visible:ring-stone-400/45",
 			hover: "hover:border-stone-400"
 		},
 		dark: {
@@ -6800,7 +6800,7 @@ var sl = a(function({ align: e = "center", children: t, className: n, ...r }, i)
 			base: "border-zinc-950 bg-zinc-950 text-white shadow-[0_1px_2px_rgba(0,0,0,0.28)] focus-visible:border-zinc-700 focus-visible:ring-zinc-700/32",
 			hover: "hover:border-black"
 		},
-		invalid: "border-rose-400 bg-rose-100/75 text-rose-950 shadow-[0_1px_2px_rgba(239,68,68,0.1)] focus-visible:border-rose-600 focus-visible:ring-rose-300/35"
+		invalid: "border-rose-300 bg-rose-50 text-rose-950 shadow-[0_1px_2px_rgba(239,68,68,0.07)] focus-visible:border-rose-500 focus-visible:ring-rose-400/45"
 	},
 	dark: {
 		neutral: {
@@ -6853,18 +6853,163 @@ var sl = a(function({ align: e = "center", children: t, className: n, ...r }, i)
 		},
 		invalid: "border-rose-500/70 bg-rose-500/16 text-stone-50 shadow-[0_1px_2px_rgba(239,68,68,0.14)] focus-visible:border-rose-400/90 focus-visible:ring-rose-500/25"
 	}
+}, fl = {
+	light: {
+		neutral: {
+			background: "var(--color-slate-100)",
+			border: "var(--color-slate-400)",
+			text: "var(--color-slate-950)"
+		},
+		slate: {
+			background: "var(--color-slate-100)",
+			border: "var(--color-slate-500)",
+			text: "var(--color-slate-950)"
+		},
+		zinc: {
+			background: "var(--color-zinc-100)",
+			border: "var(--color-zinc-500)",
+			text: "var(--color-zinc-950)"
+		},
+		primary: {
+			background: "var(--color-sky-100)",
+			border: "var(--color-sky-400)",
+			text: "var(--color-slate-950)"
+		},
+		brand: {
+			background: "var(--color-brand-100)",
+			border: "var(--color-brand-400)",
+			text: "var(--color-slate-950)"
+		},
+		success: {
+			background: "var(--color-emerald-100)",
+			border: "var(--color-emerald-400)",
+			text: "var(--color-slate-950)"
+		},
+		danger: {
+			background: "var(--color-rose-100)",
+			border: "var(--color-rose-400)",
+			text: "var(--color-slate-950)"
+		},
+		warning: {
+			background: "var(--color-amber-100)",
+			border: "var(--color-amber-400)",
+			text: "var(--color-slate-950)"
+		},
+		info: {
+			background: "var(--color-cyan-100)",
+			border: "var(--color-cyan-400)",
+			text: "var(--color-slate-950)"
+		},
+		light: {
+			background: "var(--color-stone-100)",
+			border: "var(--color-stone-400)",
+			text: "var(--color-stone-900)"
+		},
+		dark: {
+			background: "color-mix(in oklab, var(--color-zinc-800) 88%, black)",
+			border: "var(--color-zinc-700)",
+			text: "white"
+		},
+		black: {
+			background: "color-mix(in oklab, var(--color-zinc-900) 92%, black)",
+			border: "var(--color-zinc-800)",
+			text: "white"
+		},
+		invalid: {
+			background: "var(--color-rose-100)",
+			border: "var(--color-rose-400)",
+			text: "var(--color-rose-950)"
+		}
+	},
+	dark: {
+		neutral: {
+			background: "var(--color-zinc-900)",
+			border: "var(--color-zinc-600)",
+			text: "var(--color-stone-50)"
+		},
+		slate: {
+			background: "var(--color-slate-800)",
+			border: "var(--color-slate-600)",
+			text: "var(--color-slate-50)"
+		},
+		zinc: {
+			background: "var(--color-zinc-800)",
+			border: "var(--color-zinc-600)",
+			text: "var(--color-zinc-50)"
+		},
+		primary: {
+			background: "color-mix(in oklab, var(--color-sky-500) 28%, var(--color-zinc-950))",
+			border: "var(--color-sky-400)",
+			text: "var(--color-stone-50)"
+		},
+		brand: {
+			background: "color-mix(in oklab, var(--color-brand-500) 28%, var(--color-zinc-950))",
+			border: "var(--color-brand-400)",
+			text: "var(--color-stone-50)"
+		},
+		success: {
+			background: "color-mix(in oklab, var(--color-emerald-500) 28%, var(--color-zinc-950))",
+			border: "var(--color-emerald-400)",
+			text: "var(--color-stone-50)"
+		},
+		danger: {
+			background: "color-mix(in oklab, var(--color-rose-500) 28%, var(--color-zinc-950))",
+			border: "var(--color-rose-400)",
+			text: "var(--color-stone-50)"
+		},
+		warning: {
+			background: "color-mix(in oklab, var(--color-amber-500) 28%, var(--color-zinc-950))",
+			border: "var(--color-amber-400)",
+			text: "var(--color-stone-50)"
+		},
+		info: {
+			background: "color-mix(in oklab, var(--color-cyan-500) 28%, var(--color-zinc-950))",
+			border: "var(--color-cyan-400)",
+			text: "var(--color-stone-50)"
+		},
+		light: {
+			background: "var(--color-stone-200)",
+			border: "var(--color-stone-400)",
+			text: "var(--color-stone-950)"
+		},
+		dark: {
+			background: "var(--color-zinc-900)",
+			border: "var(--color-zinc-600)",
+			text: "white"
+		},
+		black: {
+			background: "color-mix(in oklab, var(--color-zinc-900) 90%, black)",
+			border: "var(--color-zinc-500)",
+			text: "white"
+		},
+		invalid: {
+			background: "color-mix(in oklab, var(--color-rose-500) 26%, var(--color-zinc-950))",
+			border: "var(--color-rose-400)",
+			text: "var(--color-stone-50)"
+		}
+	}
 };
-function fl(e) {
+function pl(e) {
 	return e === "dark" ? "dark" : "light";
 }
-function pl(e) {
+function ml(e) {
 	return mn(Qt, e, "neutral");
 }
+function hl({ color: e = "neutral", invalid: t = !1, style: n, theme: r = "light" }) {
+	let i = pl(r), a = ml(e), o = t ? fl[i].invalid : fl[i][a];
+	return {
+		...n,
+		"--qi-field-autofill-bg": o.background,
+		"--qi-field-autofill-border": o.border,
+		"--qi-field-autofill-text": o.text,
+		"--qi-field-autofill-caret": o.text
+	};
+}
 //#endregion
 //#region src/lib/components/input/input.shared.js
-var ml = {
+var gl = {
 	base: [
-		"w-full border text-sm outline-none",
+		"qi-form-field-autofill w-full border text-sm outline-none",
 		"transition-[background-color,border-color,color,box-shadow] duration-200",
 		"placeholder:text-current/45",
 		"focus-visible:ring-4 focus-visible:ring-offset-0",
@@ -6889,15 +7034,15 @@ var ml = {
 	groupItem: "min-w-0",
 	addon: "inline-flex min-w-0 shrink-0 items-center whitespace-nowrap border text-sm font-medium transition-[background-color,border-color,color,box-shadow] duration-200",
 	action: "inline-flex min-w-0 shrink-0 items-center justify-center whitespace-nowrap border font-medium transition-[background-color,border-color,color,box-shadow] duration-200 disabled:cursor-not-allowed disabled:opacity-60"
-}, hl = {
+}, _l = {
 	sm: "h-9 px-3",
 	md: "h-11 px-3.5",
 	lg: "h-12 px-4 text-base"
-}, gl = {
+}, vl = {
 	sm: "h-9",
 	md: "h-11",
 	lg: "h-12"
-}, _l = {
+}, yl = {
 	square: {
 		sm: "size-6",
 		md: "size-7",
@@ -6908,7 +7053,7 @@ var ml = {
 		md: "size-7",
 		lg: "size-8"
 	}
-}, vl = {
+}, bl = {
 	light: [
 		"border-transparent bg-transparent text-slate-500",
 		"hover:border-slate-200 hover:bg-slate-100 hover:text-slate-950",
@@ -6919,18 +7064,18 @@ var ml = {
 		"hover:border-zinc-800 hover:bg-zinc-900 hover:text-zinc-50",
 		"focus-visible:outline-zinc-400"
 	].join(" ")
-}, yl = {
+}, xl = {
 	sm: "size-3.5",
 	md: "size-4",
 	lg: "size-4"
-}, bl = {
+}, Sl = {
 	sm: "text-[0.875rem]",
 	md: "text-[0.95rem]",
 	lg: "text-base"
-}, xl = {
+}, Cl = {
 	light: "text-slate-500/90",
 	dark: "text-zinc-400/90"
-}, Sl = {
+}, wl = {
 	clear: {
 		sm: "pr-9",
 		md: "pr-10",
@@ -6956,74 +7101,74 @@ var ml = {
 		md: "pr-[4.5rem]",
 		lg: "pr-20"
 	}
-}, Cl = {
+}, Tl = {
 	sm: "h-9 px-3 text-sm",
 	md: "h-11 px-3.5 text-sm",
 	lg: "h-12 px-4 text-base"
-}, wl = {
+}, El = {
 	sm: "h-full px-3 text-sm",
 	md: "h-full px-3.5 text-sm",
 	lg: "h-full px-4 text-base"
-}, Tl = {
+}, Dl = {
 	inline: "flex-1",
 	grid: ""
-}, El = {
+}, Ol = {
 	start: "justify-start text-left",
 	center: "justify-center text-center",
 	end: "justify-end text-right",
 	"inline-start": "justify-start text-left",
 	"inline-end": "justify-end text-right"
-}, Dl = {
+}, kl = {
 	light: {
 		neutral: {
-			frame: "border-slate-500/90 shadow-[0_1px_2px_rgba(15,23,42,0.08)]",
-			separator: "bg-slate-500/90",
-			focus: "focus-within:ring-slate-600/22"
+			frame: "border-slate-300 shadow-[0_1px_2px_rgba(15,23,42,0.06)]",
+			separator: "bg-slate-300",
+			focus: "focus-within:ring-slate-400/50"
 		},
 		slate: {
-			frame: "border-slate-600 shadow-[0_1px_2px_rgba(15,23,42,0.08)]",
-			separator: "bg-slate-600",
-			focus: "focus-within:ring-slate-700/20"
+			frame: "border-slate-300 shadow-[0_1px_2px_rgba(15,23,42,0.06)]",
+			separator: "bg-slate-300",
+			focus: "focus-within:ring-slate-400/50"
 		},
 		zinc: {
-			frame: "border-zinc-600 shadow-[0_1px_2px_rgba(24,24,27,0.08)]",
-			separator: "bg-zinc-600",
-			focus: "focus-within:ring-zinc-700/20"
+			frame: "border-zinc-300 shadow-[0_1px_2px_rgba(24,24,27,0.06)]",
+			separator: "bg-zinc-300",
+			focus: "focus-within:ring-zinc-400/50"
 		},
 		primary: {
-			frame: "border-sky-400/85 shadow-[0_1px_2px_rgba(14,165,233,0.1)]",
-			separator: "bg-sky-400/85",
-			focus: "focus-within:ring-sky-400/25"
+			frame: "border-sky-300/90 shadow-[0_1px_2px_rgba(14,165,233,0.08)]",
+			separator: "bg-sky-300/90",
+			focus: "focus-within:ring-sky-400/45"
 		},
 		brand: {
-			frame: "border-brand-400/80 shadow-[0_1px_2px_rgba(112,56,255,0.12)]",
-			separator: "bg-brand-400/80",
-			focus: "focus-within:ring-brand-400/25"
+			frame: "border-brand-300/90 shadow-[0_1px_2px_rgba(112,56,255,0.08)]",
+			separator: "bg-brand-300/90",
+			focus: "focus-within:ring-brand-400/45"
 		},
 		success: {
-			frame: "border-emerald-400/85 shadow-[0_1px_2px_rgba(16,185,129,0.1)]",
-			separator: "bg-emerald-400/85",
-			focus: "focus-within:ring-emerald-400/25"
+			frame: "border-emerald-300/90 shadow-[0_1px_2px_rgba(16,185,129,0.08)]",
+			separator: "bg-emerald-300/90",
+			focus: "focus-within:ring-emerald-400/45"
 		},
 		danger: {
-			frame: "border-rose-400/85 shadow-[0_1px_2px_rgba(244,63,94,0.1)]",
-			separator: "bg-rose-400/85",
-			focus: "focus-within:ring-rose-400/25"
+			frame: "border-rose-300/90 shadow-[0_1px_2px_rgba(244,63,94,0.08)]",
+			separator: "bg-rose-300/90",
+			focus: "focus-within:ring-rose-400/45"
 		},
 		warning: {
-			frame: "border-amber-400/85 shadow-[0_1px_2px_rgba(245,158,11,0.1)]",
-			separator: "bg-amber-400/85",
-			focus: "focus-within:ring-amber-400/25"
+			frame: "border-amber-300/90 shadow-[0_1px_2px_rgba(245,158,11,0.08)]",
+			separator: "bg-amber-300/90",
+			focus: "focus-within:ring-amber-400/45"
 		},
 		info: {
-			frame: "border-cyan-400/85 shadow-[0_1px_2px_rgba(6,182,212,0.1)]",
-			separator: "bg-cyan-400/85",
-			focus: "focus-within:ring-cyan-400/25"
+			frame: "border-cyan-300/90 shadow-[0_1px_2px_rgba(6,182,212,0.08)]",
+			separator: "bg-cyan-300/90",
+			focus: "focus-within:ring-cyan-400/45"
 		},
 		light: {
-			frame: "border-stone-300 shadow-[0_1px_2px_rgba(120,113,108,0.08)]",
+			frame: "border-stone-300 shadow-[0_1px_2px_rgba(120,113,108,0.06)]",
 			separator: "bg-stone-300",
-			focus: "focus-within:ring-stone-400/25"
+			focus: "focus-within:ring-stone-400/45"
 		},
 		dark: {
 			frame: "border-zinc-800 shadow-[0_1px_2px_rgba(24,24,27,0.22)]",
@@ -7099,13 +7244,13 @@ var ml = {
 		}
 	}
 };
-function Ol(e) {
+function Al(e) {
 	return e === "pill" ? "pill" : "square";
 }
-function kl(e = "square", t = "md") {
-	return Ol(e) === "pill" ? "rounded-full" : Nt(t);
+function jl(e = "square", t = "md") {
+	return Al(e) === "pill" ? "rounded-full" : Nt(t);
 }
-var Al = {
+var Ml = {
 	pill: {
 		sm: {
 			inline: [
@@ -7189,15 +7334,15 @@ var Al = {
 		}
 	}
 };
-function jl(e = "square", t = "md") {
-	let n = Ol(e), r = hl[t] ? t : "md";
-	return Al[n]?.[r] ?? Al.square.md;
+function Nl(e = "square", t = "md") {
+	let n = Al(e), r = _l[t] ? t : "md";
+	return Ml[n]?.[r] ?? Ml.square.md;
 }
-function Ml(e) {
+function Pl(e) {
 	return e == null ? "" : String(e);
 }
-function Nl({ color: e = "neutral", disabled: t = !1, id: n, invalid: r = !1, required: i = !1, ariaDescribedBy: a }) {
-	let o = fl(G()), s = dl[o], c = pl(e), l = dl[o][c], u = Ur(), d = r || u?.invalid, f = t || u?.disabled, p = i || u?.required;
+function Fl({ color: e = "neutral", disabled: t = !1, id: n, invalid: r = !1, required: i = !1, ariaDescribedBy: a }) {
+	let o = pl(G()), s = dl[o], c = ml(e), l = dl[o][c], u = Ur(), d = r || u?.invalid, f = t || u?.disabled, p = i || u?.required;
 	return {
 		colorUi: l,
 		describedBy: [
@@ -7213,44 +7358,44 @@ function Nl({ color: e = "neutral", disabled: t = !1, id: n, invalid: r = !1, re
 		ui: s
 	};
 }
-function Pl({ attached: e = !1, className: t, colorUi: n, focusRingEnabled: r = !0, shape: i = "square", resolvedDisabled: a, resolvedInvalid: o, size: s = "md", ui: c, paddingStartClassName: l, paddingEndClassName: u }) {
-	return Z(T(r, ml.base), e ? "rounded-none border-0 shadow-none focus-visible:border-transparent focus-visible:ring-0" : kl(i, s), hl[s] ?? hl.md, l, u, T(e ? !1 : r, o ? c.invalid : n.base), e && !o && !a && "focus-visible:outline-none", !e && !a && !o && n.hover, t);
+function Il({ attached: e = !1, className: t, colorUi: n, focusRingEnabled: r = !0, shape: i = "square", resolvedDisabled: a, resolvedInvalid: o, size: s = "md", ui: c, paddingStartClassName: l, paddingEndClassName: u }) {
+	return Z(T(r, gl.base), e ? "rounded-none border-0 shadow-none focus-visible:border-transparent focus-visible:ring-0" : jl(i, s), _l[s] ?? _l.md, l, u, T(e ? !1 : r, o ? c.invalid : n.base), e && !o && !a && "focus-visible:outline-none", !e && !a && !o && n.hover, t);
 }
-function Fl({ focusRingEnabled: e = !0, shape: t = "circle", size: n = "md", theme: r = "light" }) {
-	let i = t === "square" ? "square" : "circle", a = _l[i]?.[n] ? n : "md";
-	return Z(T(e, ml.actionButton), ur(i, a), _l[i][a], T(e, vl[r]));
+function Ll({ focusRingEnabled: e = !0, shape: t = "circle", size: n = "md", theme: r = "light" }) {
+	let i = t === "square" ? "square" : "circle", a = yl[i]?.[n] ? n : "md";
+	return Z(T(e, gl.actionButton), ur(i, a), yl[i][a], T(e, bl[r]));
 }
-function Il(e) {
+function Rl(e) {
 	return e === "grid" ? "grid" : "inline";
 }
-function Ll({ attached: e = !1, className: t, color: n = "neutral", focusRingEnabled: r = !0, fullWidth: i = !0, layout: a = "inline", shape: o = "square", size: s = "md", theme: c = "light" }) {
-	let l = Il(a), u = fl(c), d = pl(n), f = Dl[u][d];
-	return Z(ml.group, i && "w-full", !e && (l === "grid" ? "grid gap-2" : "flex items-stretch gap-2"), e && Z(ml.attachedGroup, kl(o, s), r && f.focus), t);
+function zl({ attached: e = !1, className: t, color: n = "neutral", focusRingEnabled: r = !0, fullWidth: i = !0, layout: a = "inline", shape: o = "square", size: s = "md", theme: c = "light" }) {
+	let l = Rl(a), u = pl(c), d = ml(n), f = kl[u][d];
+	return Z(gl.group, i && "w-full", !e && (l === "grid" ? "grid gap-2" : "flex items-stretch gap-2"), e && Z(gl.attachedGroup, jl(o, s), r && f.focus), t);
 }
-function Rl({ color: e = "neutral", layout: t = "inline", shape: n = "square", size: r = "md", theme: i = "light" }) {
-	let a = fl(i), o = pl(e), s = Dl[a][o], c = Il(t);
-	return Z(ml.attachedGroupFrame, kl(n, r), s.frame, c === "inline" && (gl[r] ?? gl.md));
+function Bl({ color: e = "neutral", layout: t = "inline", shape: n = "square", size: r = "md", theme: i = "light" }) {
+	let a = pl(i), o = ml(e), s = kl[a][o], c = Rl(t);
+	return Z(gl.attachedGroupFrame, jl(n, r), s.frame, c === "inline" && (vl[r] ?? vl.md));
 }
-function zl({ color: e = "neutral", layout: t = "inline", theme: n = "light" }) {
-	let r = Il(t), i = fl(n), a = pl(e), o = Dl[i][a];
-	return Z(ml.attachedGroupInner, o.separator, r === "inline" ? "flex h-full w-full items-stretch gap-px" : "grid w-full gap-px");
+function Vl({ color: e = "neutral", layout: t = "inline", theme: n = "light" }) {
+	let r = Rl(t), i = pl(n), a = ml(e), o = kl[i][a];
+	return Z(gl.attachedGroupInner, o.separator, r === "inline" ? "flex h-full w-full items-stretch gap-px" : "grid w-full gap-px");
 }
-function Bl({ columns: e, layout: t = "inline", shape: n = "square", size: r = "md" }) {
-	let i = Il(t), a = jl(n, r);
+function Hl({ columns: e, layout: t = "inline", shape: n = "square", size: r = "md" }) {
+	let i = Rl(t), a = Nl(n, r);
 	return Z("[&>*]:min-w-0 [&>*]:overflow-hidden", i === "inline" && Z("[&>*]:h-full", a.inline), i === "grid" && Z(a.grid, e === 2 && a.gridTwoColumns));
 }
-function Vl({ className: e, grow: t = !0, layout: n = "inline" }) {
-	let r = Il(n);
-	return Z(ml.groupItem, t && Tl[r], e);
+function Ul({ className: e, grow: t = !0, layout: n = "inline" }) {
+	let r = Rl(n);
+	return Z(gl.groupItem, t && Dl[r], e);
 }
-function Hl({ align: e = "start", attached: t = !1, className: n, color: r = "neutral", shape: i = "square", size: a = "md", theme: o = "light" }) {
-	let s = fl(o), c = pl(r), l = dl[s][c];
-	return Z(ml.addon, t ? wl[a] ?? wl.md : Cl[a] ?? Cl.md, El[e] ?? El.start, t ? "rounded-none border-0 shadow-none" : Z(kl(i, a), l.base), t && Z("shadow-none", l.base, "rounded-none border-0"), n);
+function Wl({ align: e = "start", attached: t = !1, className: n, color: r = "neutral", shape: i = "square", size: a = "md", theme: o = "light" }) {
+	let s = pl(o), c = ml(r), l = dl[s][c];
+	return Z(gl.addon, t ? El[a] ?? El.md : Tl[a] ?? Tl.md, Ol[e] ?? Ol.start, t ? "rounded-none border-0 shadow-none" : Z(jl(i, a), l.base), t && Z("shadow-none", l.base, "rounded-none border-0"), n);
 }
-function Ul({ attached: e = !1, className: t, size: n = "md" }) {
-	return Z("min-w-0", e ? wl[n] ?? wl.md : Cl[n] ?? Cl.md, e ? "rounded-none border-0 shadow-none" : null, t);
+function Gl({ attached: e = !1, className: t, size: n = "md" }) {
+	return Z("min-w-0", e ? El[n] ?? El.md : Tl[n] ?? Tl.md, e ? "rounded-none border-0 shadow-none" : null, t);
 }
-function Wl(e, t) {
+function Kl(e, t) {
 	if (e) {
 		if (typeof e == "function") {
 			e(t);
@@ -7259,23 +7404,23 @@ function Wl(e, t) {
 		e.current = t;
 	}
 }
-function Gl(...e) {
+function ql(...e) {
 	return (t) => {
-		e.forEach((e) => Wl(e, t));
+		e.forEach((e) => Kl(e, t));
 	};
 }
-function Kl(e, t) {
+function Jl(e, t) {
 	e && (Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype, "value")?.set?.call(e, t), e.dispatchEvent(new Event("input", { bubbles: !0 })));
 }
 //#endregion
 //#region src/lib/components/input/input-group.context.js
-var ql = i(null);
-function Jl() {
-	return c(ql);
+var Yl = i(null);
+function Xl() {
+	return c(Yl);
 }
 //#endregion
 //#region src/lib/components/input/Input.jsx
-function Yl({ className: e }) {
+function Zl({ className: e }) {
 	return /* @__PURE__ */ (0, R.jsx)("svg", {
 		"aria-hidden": "true",
 		viewBox: "0 0 20 20",
@@ -7289,7 +7434,7 @@ function Yl({ className: e }) {
 		})
 	});
 }
-function Xl({ className: e }) {
+function Ql({ className: e }) {
 	return /* @__PURE__ */ (0, R.jsxs)("svg", {
 		"aria-hidden": "true",
 		viewBox: "0 0 20 20",
@@ -7310,7 +7455,7 @@ function Xl({ className: e }) {
 		})]
 	});
 }
-function Zl({ className: e }) {
+function $l({ className: e }) {
 	return /* @__PURE__ */ (0, R.jsxs)("svg", {
 		"aria-hidden": "true",
 		viewBox: "0 0 20 20",
@@ -7340,18 +7485,25 @@ function Zl({ className: e }) {
 		]
 	});
 }
-var Ql = a(function({ actionShape: e = "circle", className: t, clearButton: n, clearButtonLabel: r = "Limpiar búsqueda", clearIcon: i, color: a, defaultPasswordVisible: o = !1, disabled: s = !1, hidePasswordIcon: c, hidePasswordLabel: u = "Ocultar contraseña", id: d, invalid: f = !1, leftElement: h, onClear: g, onPasswordVisibilityChange: _, required: v = !1, rightElement: y, shape: b, showPasswordIcon: x, showPasswordLabel: S = "Mostrar contraseña", passwordToggle: C, size: w, style: T, ...E }, O) {
-	let k = E.type ?? "text", A = p(null), j = p(null), M = p(null), N = Jl(), P = D("input"), F = w ?? N?.size ?? "md", I = a ?? N?.color ?? "neutral", ee = b ?? N?.shape ?? "square", L = E.value !== void 0, z = n ?? k === "search", B = C ?? k === "password", [V, H] = m(o), [te, U] = m(() => Ml(E.value ?? E.defaultValue)), [W, ne] = m(0), [re, ie] = m(0), ae = L ? Ml(E.value) : te, { colorUi: oe, describedBy: G, resolvedDisabled: K, resolvedId: se, resolvedInvalid: ce, resolvedRequired: le, theme: ue, ui: de } = Nl({
+var eu = a(function({ actionShape: e = "circle", className: t, clearButton: n, clearButtonLabel: r = "Limpiar búsqueda", clearIcon: i, color: a, defaultPasswordVisible: o = !1, disabled: s = !1, hidePasswordIcon: c, hidePasswordLabel: u = "Ocultar contraseña", id: d, invalid: f = !1, leftElement: h, onClear: g, onPasswordVisibilityChange: _, required: v = !1, rightElement: y, shape: b, showPasswordIcon: x, showPasswordLabel: S = "Mostrar contraseña", passwordToggle: C, size: w, style: T, ...E }, O) {
+	let k = E.type ?? "text", A = p(null), j = p(null), M = p(null), N = Xl(), P = D("input"), F = w ?? N?.size ?? "md", I = a ?? N?.color ?? "neutral", ee = b ?? N?.shape ?? "square", L = E.value !== void 0, z = n ?? k === "search", B = C ?? k === "password", [V, H] = m(o), [te, U] = m(() => Pl(E.value ?? E.defaultValue)), [W, ne] = m(0), [re, ie] = m(0), ae = L ? Pl(E.value) : te, { colorUi: oe, describedBy: G, resolvedDisabled: K, resolvedId: se, resolvedInvalid: ce, resolvedRequired: le, theme: ue, ui: de } = Fl({
 		ariaDescribedBy: E["aria-describedby"],
 		color: I,
 		disabled: s,
 		id: d,
 		invalid: f,
 		required: v
-	}), fe = e === "circle" ? "circle" : "square", pe = Ol(ee), me = !!N?.attached, he = _l[fe]?.[F] ? F : "md", ge = !!h, _e = !!y, ve = B ? V ? "text" : "password" : k, ye = z && !K && !B && ae.length > 0, be = yl[he], xe = i ?? /* @__PURE__ */ (0, R.jsx)(Yl, { className: be }), Se = V ? c ?? /* @__PURE__ */ (0, R.jsx)(Zl, { className: be }) : x ?? /* @__PURE__ */ (0, R.jsx)(Xl, { className: be }), Ce = ye || B, we = ge ? Sl.leftElement[he] : void 0, Te = _e && Ce ? Sl.elementWithAction[he] : Ce ? B ? Sl.password[he] : Sl.clear[he] : _e ? Sl.element[he] : void 0, Ee = Z(bl[he] ?? bl.md, xl[ue]), De = {
-		...T,
+	}), fe = e === "circle" ? "circle" : "square", pe = Al(ee), me = !!N?.attached, he = yl[fe]?.[F] ? F : "md", ge = !!h, _e = !!y, ve = B ? V ? "text" : "password" : k, ye = E.autoComplete ?? (k === "password" ? "new-password" : void 0), be = z && !K && !B && ae.length > 0, xe = xl[he], Se = i ?? /* @__PURE__ */ (0, R.jsx)(Zl, { className: xe }), Ce = V ? c ?? /* @__PURE__ */ (0, R.jsx)($l, { className: xe }) : x ?? /* @__PURE__ */ (0, R.jsx)(Ql, { className: xe }), we = be || B, Te = ge ? wl.leftElement[he] : void 0, Ee = _e && we ? wl.elementWithAction[he] : we ? B ? wl.password[he] : wl.clear[he] : _e ? wl.element[he] : void 0, De = Z(Sl[he] ?? Sl.md, Cl[ue]), Oe = () => {
+		Jl(A.current, ""), A.current?.focus(), g?.();
+	}, ke = {
+		...hl({
+			color: I,
+			invalid: ce,
+			style: T,
+			theme: ue
+		}),
 		...ge ? { paddingLeft: `calc(${W}px + 1.75rem)` } : null,
-		..._e || Ce ? { paddingRight: `calc(${re}px + 1rem)` } : null
+		..._e || we ? { paddingRight: `calc(${re}px + 1rem)` } : null
 	};
 	return l(() => {
 		let e = j.current, t = M.current, n = () => {
@@ -7364,35 +7516,35 @@ var Ql = a(function({ actionShape: e = "circle", className: t, clearButton: n, c
 		};
 	}, [
 		ae,
-		Ce,
+		we,
 		ge,
 		_e,
 		h,
 		V,
 		y,
 		he,
-		ye
+		be
 	]), /* @__PURE__ */ (0, R.jsxs)("div", {
 		"data-slot": "input-shell",
 		"data-attached": me ? "" : void 0,
-		className: Z(ml.shell, me && "h-full", N?.layout === "inline" && "flex-1", E.type === "hidden" && "contents"),
+		className: Z(gl.shell, me && "h-full", N?.layout === "inline" && "flex-1", E.type === "hidden" && "contents"),
 		children: [
 			ge ? /* @__PURE__ */ (0, R.jsx)("span", {
 				ref: j,
-				className: ml.leftElement,
+				className: gl.leftElement,
 				children: /* @__PURE__ */ (0, R.jsx)("span", {
-					className: Ee,
+					className: De,
 					children: h
 				})
 			}) : null,
 			/* @__PURE__ */ (0, R.jsx)("input", {
-				ref: Gl(O, A),
+				ref: ql(O, A),
 				id: se,
 				required: le,
 				disabled: K,
 				"aria-invalid": ce || void 0,
 				"aria-describedby": G,
-				className: Pl({
+				className: Il({
 					attached: me,
 					className: t,
 					colorUi: oe,
@@ -7402,31 +7554,35 @@ var Ql = a(function({ actionShape: e = "circle", className: t, clearButton: n, c
 					resolvedInvalid: ce,
 					size: F,
 					ui: de,
-					paddingStartClassName: we,
-					paddingEndClassName: Te
+					paddingStartClassName: Te,
+					paddingEndClassName: Ee
 				}),
-				style: De,
+				style: ke,
 				...E,
+				autoComplete: ye,
 				type: ve,
+				onKeyDown: (e) => {
+					E.onKeyDown?.(e), !e.defaultPrevented && e.ctrlKey && !e.altKey && !e.metaKey && !e.shiftKey && !e.isComposing && !K && !E.readOnly && ae.length > 0 && (e.code === "Space" || e.key === " ") && (e.preventDefault(), Oe());
+				},
 				onChange: (e) => {
 					L || U(e.target.value), E.onChange?.(e);
 				}
 			}),
-			_e || Ce ? /* @__PURE__ */ (0, R.jsxs)("span", {
+			_e || we ? /* @__PURE__ */ (0, R.jsxs)("span", {
 				ref: M,
-				className: ml.rightCluster,
+				className: gl.rightCluster,
 				children: [
 					_e ? /* @__PURE__ */ (0, R.jsx)("span", {
-						className: Z(ml.rightElement, Ee),
+						className: Z(gl.rightElement, De),
 						children: y
 					}) : null,
-					ye ? /* @__PURE__ */ (0, R.jsx)("button", {
+					be ? /* @__PURE__ */ (0, R.jsx)("button", {
 						type: "button",
 						tabIndex: K ? -1 : 0,
 						"aria-label": r,
 						disabled: K,
 						title: r,
-						className: Fl({
+						className: Ll({
 							shape: fe,
 							size: he,
 							theme: ue,
@@ -7434,9 +7590,9 @@ var Ql = a(function({ actionShape: e = "circle", className: t, clearButton: n, c
 						}),
 						onMouseDown: (e) => e.preventDefault(),
 						onClick: () => {
-							Kl(A.current, ""), A.current?.focus(), g?.();
+							Oe();
 						},
-						children: xe
+						children: Se
 					}) : null,
 					B ? /* @__PURE__ */ (0, R.jsx)("button", {
 						type: "button",
@@ -7445,7 +7601,7 @@ var Ql = a(function({ actionShape: e = "circle", className: t, clearButton: n, c
 						"aria-pressed": V,
 						disabled: K,
 						title: V ? u : S,
-						className: Fl({
+						className: Ll({
 							shape: fe,
 							size: he,
 							theme: ue,
@@ -7456,14 +7612,14 @@ var Ql = a(function({ actionShape: e = "circle", className: t, clearButton: n, c
 							let e = !V;
 							H(e), _?.(e);
 						},
-						children: Se
+						children: Ce
 					}) : null
 				]
 			}) : null
 		]
 	});
-}), $l = a(function({ attached: e = !1, children: t, className: n, color: r = "neutral", columns: i, fullWidth: a = !0, layout: o = "inline", shape: s = "square", size: c = "md", style: l, ...u }, d) {
-	let p = G(), m = D("input"), h = Il(o), g = f(() => ({
+}), tu = a(function({ attached: e = !1, children: t, className: n, color: r = "neutral", columns: i, fullWidth: a = !0, layout: o = "inline", shape: s = "square", size: c = "md", style: l, ...u }, d) {
+	let p = G(), m = D("input"), h = Rl(o), g = f(() => ({
 		attached: e,
 		color: r,
 		columns: i,
@@ -7482,13 +7638,13 @@ var Ql = a(function({ actionShape: e = "circle", className: t, clearButton: n, c
 		c,
 		p
 	]);
-	return /* @__PURE__ */ (0, R.jsx)(ql.Provider, {
+	return /* @__PURE__ */ (0, R.jsx)(Yl.Provider, {
 		value: g,
 		children: /* @__PURE__ */ (0, R.jsx)("div", {
 			ref: d,
 			"data-slot": "input-group",
 			"data-attached": e ? "" : void 0,
-			className: Ll({
+			className: zl({
 				attached: e,
 				className: n,
 				color: r,
@@ -7506,7 +7662,7 @@ var Ql = a(function({ actionShape: e = "circle", className: t, clearButton: n, c
 			...u,
 			children: e ? /* @__PURE__ */ (0, R.jsx)("div", {
 				"data-slot": "input-group-frame",
-				className: Rl({
+				className: Bl({
 					color: r,
 					layout: h,
 					shape: s,
@@ -7515,11 +7671,11 @@ var Ql = a(function({ actionShape: e = "circle", className: t, clearButton: n, c
 				}),
 				children: /* @__PURE__ */ (0, R.jsx)("div", {
 					"data-slot": "input-group-inner",
-					className: Z(zl({
+					className: Z(Vl({
 						color: r,
 						layout: h,
 						theme: p
-					}), Bl({
+					}), Hl({
 						columns: i,
 						layout: h,
 						shape: s,
@@ -7534,14 +7690,14 @@ var Ql = a(function({ actionShape: e = "circle", className: t, clearButton: n, c
 			}) : t
 		})
 	});
-}), eu = a(function({ children: e, className: t, grow: n = !0, span: r, style: i, ...a }, o) {
-	let s = Jl(), c = s?.layout === "grid" && Number.isFinite(r) && Number.isFinite(s?.columns) && r >= s.columns;
+}), nu = a(function({ children: e, className: t, grow: n = !0, span: r, style: i, ...a }, o) {
+	let s = Xl(), c = s?.layout === "grid" && Number.isFinite(r) && Number.isFinite(s?.columns) && r >= s.columns;
 	return /* @__PURE__ */ (0, R.jsx)("div", {
 		ref: o,
 		"data-slot": "input-group-item",
 		"data-full-row": c ? "" : void 0,
 		"data-span": r ?? void 0,
-		className: Vl({
+		className: Ul({
 			className: t,
 			grow: n,
 			layout: s?.layout
@@ -7553,12 +7709,12 @@ var Ql = a(function({ actionShape: e = "circle", className: t, clearButton: n, c
 		...a,
 		children: e
 	});
-}), tu = a(function({ align: e = "start", children: t, className: n, color: r, shape: i, size: a, ...o }, s) {
-	let c = Jl();
+}), ru = a(function({ align: e = "start", children: t, className: n, color: r, shape: i, size: a, ...o }, s) {
+	let c = Xl();
 	return /* @__PURE__ */ (0, R.jsx)("div", {
 		ref: s,
 		"data-slot": "input-group-addon",
-		className: Hl({
+		className: Wl({
 			align: e,
 			attached: c?.attached,
 			className: n,
@@ -7570,8 +7726,8 @@ var Ql = a(function({ actionShape: e = "circle", className: t, clearButton: n, c
 		...o,
 		children: t
 	});
-}), nu = a(function({ activeMotion: e = !1, children: t, className: n, color: r, shape: i, size: a, type: o = "button", variant: s = "solid", ...c }, l) {
-	let u = Jl(), d = (i ?? u?.shape) === "pill" ? "pill" : "default";
+}), iu = a(function({ activeMotion: e = !1, children: t, className: n, color: r, shape: i, size: a, type: o = "button", variant: s = "solid", ...c }, l) {
+	let u = Xl(), d = (i ?? u?.shape) === "pill" ? "pill" : "default";
 	return /* @__PURE__ */ (0, R.jsx)(Fr, {
 		ref: l,
 		"data-slot": "input-group-action",
@@ -7581,7 +7737,7 @@ var Ql = a(function({ actionShape: e = "circle", className: t, clearButton: n, c
 		size: a ?? u?.size,
 		variant: s,
 		activeMotion: e,
-		className: Ul({
+		className: Gl({
 			attached: u?.attached,
 			className: n,
 			size: a ?? u?.size
@@ -7592,55 +7748,55 @@ var Ql = a(function({ actionShape: e = "circle", className: t, clearButton: n, c
 });
 //#endregion
 //#region src/lib/components/logic/Logic.jsx
-function ru(e, t) {
+function au(e, t) {
 	return typeof e == "function" ? e(t) : e ?? null;
 }
-function iu(e) {
+function ou(e) {
 	return e == null ? [] : Array.isArray(e) ? e : typeof e[Symbol.iterator] == "function" ? Array.from(e) : [];
 }
-function au(e, t) {
+function su(e, t) {
 	return typeof e == "function" ? !!e(t) : Array.isArray(e) ? e.some((e) => Object.is(e, t)) : Object.is(e, t);
 }
-function ou({ children: e, fallback: t = null, when: r }) {
-	return /* @__PURE__ */ (0, R.jsx)(n, { children: ru(r ? e : t, r) });
+function cu({ children: e, fallback: t = null, when: r }) {
+	return /* @__PURE__ */ (0, R.jsx)(n, { children: au(r ? e : t, r) });
 }
-function su({ children: e }) {
+function lu({ children: e }) {
 	return /* @__PURE__ */ (0, R.jsx)(n, { children: e });
 }
-function cu({ children: e }) {
+function uu({ children: e }) {
 	return /* @__PURE__ */ (0, R.jsx)(n, { children: e });
 }
-function lu({ children: e, fallback: r = null, value: i }) {
+function du({ children: e, fallback: r = null, value: i }) {
 	let a = t.toArray(e), s = null;
 	for (let e of a) if (o(e)) {
-		if (e.type === cu) {
+		if (e.type === uu) {
 			s = e;
 			continue;
 		}
-		if (e.type === su && au(e.props.when, i)) return /* @__PURE__ */ (0, R.jsx)(n, { children: ru(e.props.children, i) });
+		if (e.type === lu && su(e.props.when, i)) return /* @__PURE__ */ (0, R.jsx)(n, { children: au(e.props.children, i) });
 	}
-	return s ? /* @__PURE__ */ (0, R.jsx)(n, { children: ru(s.props.children, i) }) : /* @__PURE__ */ (0, R.jsx)(n, { children: ru(r, i) });
+	return s ? /* @__PURE__ */ (0, R.jsx)(n, { children: au(s.props.children, i) }) : /* @__PURE__ */ (0, R.jsx)(n, { children: au(r, i) });
 }
-function uu({ children: e, each: t, fallback: r = null }) {
-	let i = iu(t);
-	return i.length ? typeof e == "function" ? /* @__PURE__ */ (0, R.jsx)(n, { children: i.map((t, n) => e(t, n)) }) : /* @__PURE__ */ (0, R.jsx)(n, { children: e }) : /* @__PURE__ */ (0, R.jsx)(n, { children: ru(r, i) });
+function fu({ children: e, each: t, fallback: r = null }) {
+	let i = ou(t);
+	return i.length ? typeof e == "function" ? /* @__PURE__ */ (0, R.jsx)(n, { children: i.map((t, n) => e(t, n)) }) : /* @__PURE__ */ (0, R.jsx)(n, { children: e }) : /* @__PURE__ */ (0, R.jsx)(n, { children: au(r, i) });
 }
-su.displayName = "Match", cu.displayName = "Default", lu.displayName = "RenderSwitch", ou.displayName = "Show", uu.displayName = "For";
+lu.displayName = "Match", uu.displayName = "Default", du.displayName = "RenderSwitch", cu.displayName = "Show", fu.displayName = "For";
 //#endregion
 //#region src/lib/components/modal/modal-context.js
-var du = i(null);
-function fu(e) {
-	let t = c(du);
+var pu = i(null);
+function mu(e) {
+	let t = c(pu);
 	if (!t) throw Error(`${e} debe usarse dentro de <Modal>.`);
 	return t;
 }
 //#endregion
 //#region src/lib/components/modal/Modal.jsx
-var pu = 140, mu = 0, hu = 50, gu = 0, _u = [], vu = "", yu = "", bu = "", xu = "";
-function Su(e) {
+var hu = 140, gu = 0, _u = 50, vu = 0, yu = [], bu = "", xu = "", Su = "", Cu = "";
+function wu(e) {
 	return !e || e === "transparent" || e === "rgba(0, 0, 0, 0)" || e === "rgb(0 0 0 / 0)";
 }
-function Cu() {
+function Tu() {
 	let e = [
 		document.body,
 		document.getElementById("root"),
@@ -7649,34 +7805,34 @@ function Cu() {
 	].filter(Boolean);
 	for (let t of e) {
 		let e = window.getComputedStyle(t).backgroundColor;
-		if (!Su(e)) return e;
+		if (!wu(e)) return e;
 	}
 	return "";
 }
-function wu() {
-	if (gu += 1, gu !== 1) return;
+function Eu() {
+	if (vu += 1, vu !== 1) return;
 	let e = document.body, t = window.innerWidth - document.documentElement.clientWidth, n = Number.parseFloat(window.getComputedStyle(e).paddingRight) || 0;
-	vu = e.style.overflow, yu = e.style.overscrollBehavior, bu = e.style.paddingRight, xu = e.style.backgroundColor, e.style.overflow = "hidden", e.style.overscrollBehavior = "none", e.style.backgroundColor = Cu(), t > 0 && (e.style.paddingRight = `${n + t}px`);
+	bu = e.style.overflow, xu = e.style.overscrollBehavior, Su = e.style.paddingRight, Cu = e.style.backgroundColor, e.style.overflow = "hidden", e.style.overscrollBehavior = "none", e.style.backgroundColor = Tu(), t > 0 && (e.style.paddingRight = `${n + t}px`);
 }
-function Tu() {
-	if (gu = Math.max(0, gu - 1), gu !== 0) return;
+function Du() {
+	if (vu = Math.max(0, vu - 1), vu !== 0) return;
 	let e = document.body;
-	e.style.overflow = vu, e.style.overscrollBehavior = yu, e.style.paddingRight = bu, e.style.backgroundColor = xu;
-}
-function Eu(e) {
-	_u.includes(e) || _u.push(e);
-}
-function Du(e) {
-	let t = _u.indexOf(e);
-	t !== -1 && _u.splice(t, 1);
+	e.style.overflow = bu, e.style.overscrollBehavior = xu, e.style.paddingRight = Su, e.style.backgroundColor = Cu;
 }
 function Ou(e) {
-	return _u.at(-1) === e;
+	yu.includes(e) || yu.push(e);
 }
 function ku(e) {
+	let t = yu.indexOf(e);
+	t !== -1 && yu.splice(t, 1);
+}
+function Au(e) {
+	return yu.at(-1) === e;
+}
+function ju(e) {
 	return !!(e?.props?.disabled || e?.props?.["aria-disabled"] === !0);
 }
-var Au = {
+var Mu = {
 	overlay: "fixed inset-0 bg-neutral-950/70 transition-opacity duration-[140ms]",
 	viewport: "fixed inset-0 flex items-center justify-center p-4 sm:p-6 pointer-events-none",
 	dialog: ["pointer-events-auto flex max-h-[calc(100dvh-2rem)] w-full flex-col overflow-hidden", "rounded-[1.25rem] border transition-[opacity,transform] duration-[140ms] ease-out"].join(" "),
@@ -7688,7 +7844,7 @@ var Au = {
 		"text-base font-medium transition-colors cursor-pointer",
 		"focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2"
 	].join(" ")
-}, ju = {
+}, Nu = {
 	light: {
 		dialog: "border-slate-200 bg-white text-slate-950",
 		muted: "text-slate-600",
@@ -7704,10 +7860,10 @@ var Au = {
 		closeButton: "border-zinc-800 text-stone-400 hover:border-zinc-700 hover:bg-zinc-900 hover:text-stone-50 focus-visible:outline-zinc-700"
 	}
 };
-function Mu(e) {
+function Pu(e) {
 	return e === "dark" ? "dark" : "light";
 }
-function Nu() {
+function Fu() {
 	return /* @__PURE__ */ (0, R.jsx)("svg", {
 		"aria-hidden": "true",
 		viewBox: "0 0 24 24",
@@ -7721,8 +7877,8 @@ function Nu() {
 		})
 	});
 }
-function Pu({ children: e, defaultOpen: t = !1, maxWidth: n = "max-w-md", onBeforeClose: r, onOpenChange: i, open: a, outsideClick: o = !0, zIndex: c }) {
-	let [u, d] = m(t), [p, h] = m(t), [g, _] = m(c ?? 50), [v] = m(() => (mu += 1, mu)), y = a !== void 0, b = y ? a : u, x = b || p, S = s((e) => {
+function Iu({ children: e, defaultOpen: t = !1, maxWidth: n = "max-w-md", onBeforeClose: r, onOpenChange: i, open: a, outsideClick: o = !0, zIndex: c }) {
+	let [u, d] = m(t), [p, h] = m(t), [g, _] = m(c ?? 50), [v] = m(() => (gu += 1, gu)), y = a !== void 0, b = y ? a : u, x = b || p, S = s((e) => {
 		y || d(e), e !== b && i?.(e);
 	}, [
 		y,
@@ -7742,18 +7898,18 @@ function Pu({ children: e, defaultOpen: t = !1, maxWidth: n = "max-w-md", onBefo
 		}
 		let e = window.setTimeout(() => {
 			h(!1);
-		}, pu);
+		}, hu);
 		return () => {
 			window.clearTimeout(e);
 		};
 	}, [b]), l(() => {
 		if (!x) return;
-		Eu(v), wu();
-		let e = c || (hu += 10, hu), t = window.requestAnimationFrame(() => {
+		Ou(v), Eu();
+		let e = c || (_u += 10, _u), t = window.requestAnimationFrame(() => {
 			_(e);
 		});
 		return () => {
-			window.cancelAnimationFrame(t), Du(v), Tu(), !c && hu > 50 && (hu -= 10);
+			window.cancelAnimationFrame(t), ku(v), Du(), !c && _u > 50 && (_u -= 10);
 		};
 	}, [
 		c,
@@ -7762,7 +7918,7 @@ function Pu({ children: e, defaultOpen: t = !1, maxWidth: n = "max-w-md", onBefo
 	]), l(() => {
 		if (!x || !o) return;
 		let e = (e) => {
-			e.key !== "Escape" || !Ou(v) || C();
+			e.key !== "Escape" || !Au(v) || C();
 		};
 		return window.addEventListener("keydown", e), () => {
 			window.removeEventListener("keydown", e);
@@ -7792,13 +7948,13 @@ function Pu({ children: e, defaultOpen: t = !1, maxWidth: n = "max-w-md", onBefo
 		S,
 		p
 	]);
-	return /* @__PURE__ */ (0, R.jsx)(du.Provider, {
+	return /* @__PURE__ */ (0, R.jsx)(pu.Provider, {
 		value: w,
 		children: e
 	});
 }
-function Fu({ as: e = "button", asChild: n = !1, children: i, className: a, disabled: s = !1, ...c }) {
-	let { open: l, setOpen: u } = fu("ModalTrigger");
+function Lu({ as: e = "button", asChild: n = !1, children: i, className: a, disabled: s = !1, ...c }) {
+	let { open: l, setOpen: u } = mu("ModalTrigger");
 	if (n) {
 		let e = t.only(i);
 		if (!o(e)) throw Error("ModalTrigger con asChild requiere un único elemento React válido.");
@@ -7807,7 +7963,7 @@ function Fu({ as: e = "button", asChild: n = !1, children: i, className: a, disa
 			className: Z(e.props.className, a),
 			...c
 		};
-		return ku(e) ? r(e, n) : r(e, {
+		return ju(e) ? r(e, n) : r(e, {
 			...n,
 			onClick: (t) => {
 				e.props.onClick?.(t), t.defaultPrevented || u(!l);
@@ -7824,17 +7980,17 @@ function Fu({ as: e = "button", asChild: n = !1, children: i, className: a, disa
 		children: i
 	});
 }
-function Iu({ children: e, className: t }) {
-	let { close: n, instanceZIndex: r, maxWidth: i, outsideClick: a, rendered: o, visible: s } = fu("ModalContent"), c = ju[Mu(G())];
+function Ru({ children: e, className: t }) {
+	let { close: n, instanceZIndex: r, maxWidth: i, outsideClick: a, rendered: o, visible: s } = mu("ModalContent"), c = Nu[Pu(G())];
 	return typeof window > "u" || !o ? null : g(/* @__PURE__ */ (0, R.jsxs)(R.Fragment, { children: [/* @__PURE__ */ (0, R.jsx)("div", {
-		className: Z(Au.overlay, s ? "opacity-100" : "opacity-0"),
+		className: Z(Mu.overlay, s ? "opacity-100" : "opacity-0"),
 		style: { zIndex: r },
 		onClick: a ? n : void 0
 	}), /* @__PURE__ */ (0, R.jsx)("div", {
-		className: Au.viewport,
+		className: Mu.viewport,
 		style: { zIndex: r + 1 },
 		children: /* @__PURE__ */ (0, R.jsx)("div", {
-			className: Z(Au.dialog, c.dialog, i, "translate-y-0 scale-100 opacity-100", !s && "translate-y-2 scale-[0.995] opacity-0", t),
+			className: Z(Mu.dialog, c.dialog, i, "translate-y-0 scale-100 opacity-100", !s && "translate-y-2 scale-[0.995] opacity-0", t),
 			role: "dialog",
 			"aria-modal": "true",
 			onClick: (e) => e.stopPropagation(),
@@ -7842,44 +7998,44 @@ function Iu({ children: e, className: t }) {
 		})
 	})] }), document.body);
 }
-function Lu({ children: e, className: t }) {
-	let { close: n, outsideClick: r } = fu("ModalHeader"), i = Mu(G()), a = D("modal"), o = ju[i];
+function zu({ children: e, className: t }) {
+	let { close: n, outsideClick: r } = mu("ModalHeader"), i = Pu(G()), a = D("modal"), o = Nu[i];
 	return /* @__PURE__ */ (0, R.jsxs)("div", {
-		className: Z(Au.header, o.header, t),
+		className: Z(Mu.header, o.header, t),
 		children: [/* @__PURE__ */ (0, R.jsx)("div", {
 			className: "min-w-0 flex-1",
 			children: e
 		}), r ? /* @__PURE__ */ (0, R.jsx)("button", {
 			type: "button",
 			onClick: n,
-			className: Z(T(a, Au.closeButton), T(a, o.closeButton)),
+			className: Z(T(a, Mu.closeButton), T(a, o.closeButton)),
 			"aria-label": "Cerrar modal",
-			children: /* @__PURE__ */ (0, R.jsx)(Nu, {})
+			children: /* @__PURE__ */ (0, R.jsx)(Fu, {})
 		}) : null]
 	});
 }
-function Ru({ centered: e = !0, children: t, className: n }) {
+function Bu({ centered: e = !0, children: t, className: n }) {
 	return /* @__PURE__ */ (0, R.jsx)("h2", {
 		className: Z("text-lg font-semibold tracking-[-0.02em]", e && "text-center", n),
 		children: t
 	});
 }
-function zu({ children: e, className: t }) {
-	let n = ju[Mu(G())];
+function Vu({ children: e, className: t }) {
+	let n = Nu[Pu(G())];
 	return /* @__PURE__ */ (0, R.jsx)("div", {
-		className: Z(Au.body, n.muted, t),
+		className: Z(Mu.body, n.muted, t),
 		children: e
 	});
 }
-function Bu({ children: e, className: t, placement: n = "center" }) {
-	let r = ju[Mu(G())];
+function Hu({ children: e, className: t, placement: n = "center" }) {
+	let r = Nu[Pu(G())];
 	return /* @__PURE__ */ (0, R.jsx)("div", {
-		className: Z(Au.actions, r.actions, n === "start" && "justify-start", n === "center" && "justify-center", n === "end" && "justify-end", t),
+		className: Z(Mu.actions, r.actions, n === "start" && "justify-start", n === "center" && "justify-center", n === "end" && "justify-end", t),
 		children: e
 	});
 }
-function Vu({ children: e, className: t, closeOnClick: n = !0, color: r = "primary", onClick: i, size: a = "md", variant: o = "solid", ...s }) {
-	let { close: c } = fu("ModalAction");
+function Uu({ children: e, className: t, closeOnClick: n = !0, color: r = "primary", onClick: i, size: a = "md", variant: o = "solid", ...s }) {
+	let { close: c } = mu("ModalAction");
 	return /* @__PURE__ */ (0, R.jsx)(Fr, {
 		variant: o,
 		color: r,
@@ -7892,15 +8048,15 @@ function Vu({ children: e, className: t, closeOnClick: n = !0, color: r = "prima
 		children: e
 	});
 }
-Pu.Trigger = Fu, Pu.Content = Iu, Pu.Header = Lu, Pu.Title = Ru, Pu.Body = zu, Pu.Actions = Bu, Pu.Action = Vu;
+Iu.Trigger = Lu, Iu.Content = Ru, Iu.Header = zu, Iu.Title = Bu, Iu.Body = Vu, Iu.Actions = Hu, Iu.Action = Uu;
 //#endregion
 //#region src/lib/components/modal/useModal.js
-function Hu() {
-	return fu("useModal");
+function Wu() {
+	return mu("useModal");
 }
 //#endregion
 //#region src/lib/components/pagination/Pagination.jsx
-function Uu({ count: e, page: t, siblingCount: n }) {
+function Gu({ count: e, page: t, siblingCount: n }) {
 	if (e <= n * 2 + 5) return Array.from({ length: e }, (e, t) => t + 1);
 	let r = Math.max(t - n, 1), i = Math.min(t + n, e), a = r > 2, o = i < e - 1;
 	return !a && o ? [
@@ -7919,8 +8075,8 @@ function Uu({ count: e, page: t, siblingCount: n }) {
 		e
 	];
 }
-function Wu({ className: e, color: t = "neutral", count: n, defaultPage: r = 1, disabled: i = !1, onPageChange: a, page: o, siblingCount: s = 1 }) {
-	let c = o !== void 0, [l, u] = m(r), d = c ? o : l, p = Math.max(1, n ?? 1), h = Math.min(Math.max(d, 1), p), g = f(() => Uu({
+function Ku({ className: e, color: t = "neutral", count: n, defaultPage: r = 1, disabled: i = !1, onPageChange: a, page: o, siblingCount: s = 1 }) {
+	let c = o !== void 0, [l, u] = m(r), d = c ? o : l, p = Math.max(1, n ?? 1), h = Math.min(Math.max(d, 1), p), g = f(() => Gu({
 		count: p,
 		page: h,
 		siblingCount: s
@@ -7974,10 +8130,10 @@ function Wu({ className: e, color: t = "neutral", count: n, defaultPage: r = 1,
 }
 //#endregion
 //#region src/lib/components/popover/Popover.jsx
-var Gu = {
+var qu = {
 	wrapper: "inline-flex",
 	panel: ["z-50 w-max max-w-[20rem] break-words rounded-[1rem] border px-3 py-2", "text-sm leading-6 outline-none"].join(" ")
-}, Ku = {
+}, Ju = {
 	light: {
 		default: {
 			panel: "border-slate-200 bg-white text-slate-700",
@@ -8113,10 +8269,10 @@ var Gu = {
 		}
 	}
 };
-function qu(e) {
+function Yu(e) {
 	return e === "dark" ? "dark" : "light";
 }
-function Ju(e) {
+function Xu(e) {
 	switch (e) {
 		case "top-start": return "bottom left";
 		case "top-end": return "bottom right";
@@ -8133,7 +8289,7 @@ function Ju(e) {
 		default: return "top center";
 	}
 }
-function Yu(e) {
+function Zu(e) {
 	switch (e) {
 		case "top": return "translateY(4px) scale(0.98)";
 		case "bottom": return "translateY(-4px) scale(0.98)";
@@ -8142,11 +8298,11 @@ function Yu(e) {
 		default: return "scale(0.98)";
 	}
 }
-function Xu(e) {
+function Qu(e) {
 	return !!(e?.props?.disabled || e?.props?.["aria-disabled"] === !0);
 }
-function Zu({ arrowHeight: e = 8, arrowFill: t, arrowStrokeWidth: n = .75, arrowStroke: i, arrowTipRadius: a = 2, arrowWidth: c = 16, autoCloseMs: u = 0, children: d, className: f = "", color: p = "default", content: h, offset: g = 8, placement: _ = "top", showArrow: v = !0, trigger: y = "hover", usePortal: b = !0, zIndex: x = 2e3 }) {
-	let [S, C] = m(!1), [w, T] = m(null), E = qu(G()), D = Ku[E][p] ? p : "default", O = Ku[E][D], k = y === "hover", { refs: A, floatingStyles: j, context: M } = vc({
+function $u({ arrowHeight: e = 8, arrowFill: t, arrowStrokeWidth: n = .75, arrowStroke: i, arrowTipRadius: a = 2, arrowWidth: c = 16, autoCloseMs: u = 0, children: d, className: f = "", color: p = "default", content: h, offset: g = 8, placement: _ = "top", showArrow: v = !0, trigger: y = "hover", usePortal: b = !0, zIndex: x = 2e3 }) {
+	let [S, C] = m(!1), [w, T] = m(null), E = Yu(G()), D = Ju[E][p] ? p : "default", O = Ju[E][D], k = y === "hover", { refs: A, floatingStyles: j, context: M } = vc({
 		open: S,
 		onOpenChange: C,
 		placement: _,
@@ -8184,7 +8340,7 @@ function Zu({ arrowHeight: e = 8, arrowFill: t, arrowStrokeWidth: n = .75, arrow
 		},
 		initial: ({ side: e }) => ({
 			opacity: 0,
-			transform: Yu(e)
+			transform: Zu(e)
 		}),
 		open: {
 			opacity: 1,
@@ -8192,9 +8348,9 @@ function Zu({ arrowHeight: e = 8, arrowFill: t, arrowStrokeWidth: n = .75, arrow
 		},
 		close: ({ side: e }) => ({
 			opacity: 0,
-			transform: Yu(e)
+			transform: Zu(e)
 		}),
-		common: { transformOrigin: Ju(_) }
+		common: { transformOrigin: Xu(_) }
 	});
 	l(() => {
 		if (!S || !(u > 0)) return;
@@ -8207,19 +8363,19 @@ function Zu({ arrowHeight: e = 8, arrowFill: t, arrowStrokeWidth: n = .75, arrow
 	}, [u, S]);
 	let z = o(d) ? /* @__PURE__ */ (0, R.jsx)("span", {
 		ref: F,
-		className: Gu.wrapper,
-		...Xu(d) ? { "data-state": S ? "open" : "closed" } : N({ "data-state": S ? "open" : "closed" }),
+		className: qu.wrapper,
+		...Qu(d) ? { "data-state": S ? "open" : "closed" } : N({ "data-state": S ? "open" : "closed" }),
 		children: r(d, { className: Z(d.props.className) })
 	}) : /* @__PURE__ */ (0, R.jsx)("span", {
 		ref: F,
-		className: Gu.wrapper,
+		className: qu.wrapper,
 		...N({ "data-state": S ? "open" : "closed" }),
 		children: d
 	});
 	if (!ee) return z;
 	let B = t ?? O.arrowFill, V = i ?? O.arrowStroke, H = /* @__PURE__ */ (0, R.jsxs)("div", {
 		ref: I,
-		className: Z(Gu.panel, O.panel, f),
+		className: Z(qu.panel, O.panel, f),
 		style: {
 			...j,
 			...L,
@@ -8242,22 +8398,22 @@ function Zu({ arrowHeight: e = 8, arrowFill: t, arrowStrokeWidth: n = .75, arrow
 }
 //#endregion
 //#region src/lib/components/radio/Radio.jsx
-var Qu = {
+var ed = {
 	light: {
-		ring: "border-slate-500 bg-slate-200/90 shadow-[0_1px_2px_rgba(15,23,42,0.09)] peer-hover:border-slate-700 peer-hover:bg-slate-100",
-		focus: "peer-focus-visible:outline-slate-700 peer-focus-visible:ring-slate-400/35 peer-focus-visible:ring-offset-stone-50",
+		ring: "border-slate-300 bg-white shadow-[0_1px_2px_rgba(15,23,42,0.08)] peer-hover:border-slate-400 peer-hover:bg-slate-50",
+		focus: "peer-focus-visible:outline-slate-500 peer-focus-visible:ring-slate-400/45 peer-focus-visible:ring-offset-white",
 		colors: {
 			neutral: {
-				ring: "peer-checked:border-slate-800",
-				dot: "bg-slate-800"
+				ring: "peer-checked:border-slate-700",
+				dot: "bg-slate-700"
 			},
 			slate: {
-				ring: "peer-checked:border-slate-800",
-				dot: "bg-slate-800"
+				ring: "peer-checked:border-slate-700",
+				dot: "bg-slate-700"
 			},
 			zinc: {
-				ring: "peer-checked:border-zinc-800",
-				dot: "bg-zinc-800"
+				ring: "peer-checked:border-zinc-700",
+				dot: "bg-zinc-700"
 			},
 			primary: {
 				ring: "peer-checked:border-sky-600",
@@ -8288,15 +8444,15 @@ var Qu = {
 				dot: "bg-stone-300"
 			},
 			dark: {
-				ring: "peer-checked:border-zinc-900",
-				dot: "bg-zinc-900"
+				ring: "peer-checked:border-zinc-800",
+				dot: "bg-zinc-800"
 			},
 			black: {
 				ring: "peer-checked:border-slate-950",
 				dot: "bg-slate-950"
 			}
 		},
-		invalid: "border-rose-400 peer-checked:border-rose-600",
+		invalid: "border-rose-300 peer-checked:border-rose-600",
 		invalidDot: "bg-rose-600"
 	},
 	dark: {
@@ -8355,7 +8511,7 @@ var Qu = {
 		invalid: "border-rose-500/70 peer-checked:border-rose-300",
 		invalidDot: "bg-rose-300"
 	}
-}, $u = {
+}, td = {
 	sm: {
 		root: "size-3.5",
 		control: "size-3.5",
@@ -8367,11 +8523,11 @@ var Qu = {
 		dot: "size-2"
 	}
 };
-function ed(e) {
+function nd(e) {
 	return e === "dark" ? "dark" : "light";
 }
-var td = a(function({ className: e, color: t = "neutral", containerClassName: n, disabled: r = !1, id: i, invalid: a = !1, label: o, labelClassName: s, onChange: c, onCheckedChange: l, required: d = !1, size: f = "md", ...p }, m) {
-	let h = u(), g = ed(G()), _ = D("radio"), v = Qu[g], y = Ur(), b = a || y?.invalid, x = r || y?.disabled, S = d || y?.required, C = v.colors[t] ? t : "neutral", w = $u[$u[f] ? f : "md"], E = i ?? y?.controlId ?? h, O = [
+var rd = a(function({ className: e, color: t = "neutral", containerClassName: n, disabled: r = !1, id: i, invalid: a = !1, label: o, labelClassName: s, onChange: c, onCheckedChange: l, required: d = !1, size: f = "md", ...p }, m) {
+	let h = u(), g = nd(G()), _ = D("radio"), v = ed[g], y = Ur(), b = a || y?.invalid, x = r || y?.disabled, S = d || y?.required, C = v.colors[t] ? t : "neutral", w = td[td[f] ? f : "md"], E = i ?? y?.controlId ?? h, O = [
 		p["aria-describedby"],
 		y?.descriptionId,
 		b ? y?.messageId : null
@@ -8404,7 +8560,7 @@ var td = a(function({ className: e, color: t = "neutral", containerClassName: n,
 			children: o
 		})]
 	}) : k;
-}), nd = {
+}), id = {
 	wrapper: "relative w-full",
 	trigger: [
 		"flex w-full items-center justify-between gap-3 border px-3.5 text-sm outline-none",
@@ -8415,23 +8571,23 @@ var td = a(function({ className: e, color: t = "neutral", containerClassName: n,
 	value: "min-w-0 truncate text-left",
 	icon: "shrink-0 text-current/55 transition-transform duration-200",
 	content: "max-h-72 overflow-y-auto"
-}, rd = "bottom-start", id = 140, ad = 100, od = {
+}, ad = "bottom-start", od = 140, sd = 100, cd = {
 	sm: "h-9",
 	md: "h-11",
 	lg: "h-12 text-base"
-}, sd = {
+}, ld = {
 	light: { invalid: dl.light.invalid },
 	dark: { invalid: dl.dark.invalid }
 };
-function cd(e) {
+function ud(e) {
 	return e == null ? "" : String(e);
 }
-function ld(e) {
+function dd(e) {
 	return typeof e == "string" || typeof e == "number" ? String(e) : e;
 }
-function ud(e) {
+function fd(e) {
 	return t.toArray(e).filter((e) => o(e) && e.type === "option").map((e, t) => {
-		let n = ld(e.props.children), r = typeof e.props.children == "string" || typeof e.props.children == "number" ? String(e.props.children) : "", i = e.props.value === void 0 ? r || String(t) : cd(e.props.value);
+		let n = dd(e.props.children), r = typeof e.props.children == "string" || typeof e.props.children == "number" ? String(e.props.children) : "", i = e.props.value === void 0 ? r || String(t) : ud(e.props.value);
 		return {
 			disabled: !!e.props.disabled,
 			key: e.key ?? `${i}-${t}`,
@@ -8440,16 +8596,16 @@ function ud(e) {
 		};
 	});
 }
-function dd({ controlledValue: e, defaultValue: t, options: n, placeholder: r }) {
-	return e === void 0 ? t === void 0 ? r ? "" : n[0]?.value ?? "" : cd(t) : cd(e);
+function pd({ controlledValue: e, defaultValue: t, options: n, placeholder: r }) {
+	return e === void 0 ? t === void 0 ? r ? "" : n[0]?.value ?? "" : ud(t) : ud(e);
 }
-function fd({ nextOpen: e, selectedIndex: t, firstEnabledIndex: n }) {
+function md({ nextOpen: e, selectedIndex: t, firstEnabledIndex: n }) {
 	return e ? t >= 0 ? t : n : null;
 }
-function pd(e, t) {
+function hd(e, t) {
 	typeof e == "function" ? e(t) : e && typeof e == "object" && (e.current = t);
 }
-function md({ id: e, name: t, nativeEvent: n, value: r }) {
+function gd({ id: e, name: t, nativeEvent: n, value: r }) {
 	return {
 		type: "change",
 		nativeEvent: n,
@@ -8471,18 +8627,18 @@ function md({ id: e, name: t, nativeEvent: n, value: r }) {
 		}
 	};
 }
-var hd = a(function({ children: e, className: t, color: n, size: r, defaultValue: i, disabled: a = !1, id: o, invalid: c = !1, name: l, onChange: u, onValueChange: d, placeholder: h, required: g = !1, usePortal: _ = !0, value: v, ...y }, b) {
-	let x = Jl(), S = !!x?.attached, C = Gc(G()), w = fl(G()), E = D("select"), O = sd[w], k = r ?? x?.size ?? "md", A = pl(n ?? x?.color ?? "neutral"), j = dl[w][A], M = Ur(), N = f(() => ud(e), [e]), [P, F] = m(dd({
+var _d = a(function({ children: e, className: t, color: n, size: r, defaultValue: i, disabled: a = !1, id: o, invalid: c = !1, name: l, onChange: u, onValueChange: d, placeholder: h, required: g = !1, usePortal: _ = !0, value: v, ...y }, b) {
+	let x = Xl(), S = !!x?.attached, C = Gc(G()), w = pl(G()), E = D("select"), O = ld[w], k = r ?? x?.size ?? "md", A = ml(n ?? x?.color ?? "neutral"), j = dl[w][A], M = Ur(), N = f(() => fd(e), [e]), [P, F] = m(pd({
 		controlledValue: v,
 		defaultValue: i,
 		options: N,
 		placeholder: h
-	})), [I, ee] = m(!1), [L, z] = m(null), B = p([]), V = v === void 0 ? P : cd(v), H = N.findIndex((e) => e.value === V), te = H >= 0 ? N[H] : null, U = c || M?.invalid, W = a || M?.disabled, ne = g || M?.required, re = o ?? M?.controlId, ie = [
+	})), [I, ee] = m(!1), [L, z] = m(null), B = p([]), V = v === void 0 ? P : ud(v), H = N.findIndex((e) => e.value === V), te = H >= 0 ? N[H] : null, U = c || M?.invalid, W = a || M?.disabled, ne = g || M?.required, re = o ?? M?.controlId, ie = [
 		y["aria-describedby"],
 		M?.descriptionId,
 		U ? M?.messageId : null
 	].filter(Boolean).join(" ") || void 0, ae = N.findIndex((e) => !e.disabled), oe = s((e) => {
-		ee(e), z(fd({
+		ee(e), z(md({
 			nextOpen: e,
 			selectedIndex: H,
 			firstEnabledIndex: ae
@@ -8490,7 +8646,7 @@ var hd = a(function({ children: e, className: t, color: n, size: r, defaultValue
 	}, [ae, H]), { refs: K, floatingStyles: se, context: ce } = vc({
 		open: I,
 		onOpenChange: oe,
-		placement: rd,
+		placement: ad,
 		transform: !1,
 		middleware: [
 			ys(8),
@@ -8513,8 +8669,8 @@ var hd = a(function({ children: e, className: t, color: n, size: r, defaultValue
 		})
 	]), { isMounted: ue, styles: de } = Ic(ce, {
 		duration: {
-			open: id,
-			close: ad
+			open: od,
+			close: sd
 		},
 		initial: ({ side: e }) => ({
 			opacity: 0,
@@ -8528,13 +8684,13 @@ var hd = a(function({ children: e, className: t, color: n, size: r, defaultValue
 			opacity: 0,
 			transform: qc(e)
 		}),
-		common: { transformOrigin: Kc(rd) }
+		common: { transformOrigin: Kc(ad) }
 	}), fe = s((e) => {
 		K.setFloating(e);
 	}, [K]), pe = s((e) => {
-		K.setReference(e), pd(b, e);
+		K.setReference(e), hd(b, e);
 	}, [b, K]), me = s((e, t) => {
-		v === void 0 && F(e), d?.(e), u?.(md({
+		v === void 0 && F(e), d?.(e), u?.(gd({
 			id: re,
 			name: l,
 			nativeEvent: t,
@@ -8577,7 +8733,7 @@ var hd = a(function({ children: e, className: t, color: n, size: r, defaultValue
 		le
 	]), be = te?.label ?? h ?? "Selecciona una opción", xe = ue ? /* @__PURE__ */ (0, R.jsx)("ul", {
 		ref: fe,
-		className: Z(Vc.layout, Uc[C], nd.content),
+		className: Z(Vc.layout, Uc[C], id.content),
 		style: {
 			...se,
 			...de
@@ -8611,7 +8767,7 @@ var hd = a(function({ children: e, className: t, color: n, size: r, defaultValue
 		})
 	}) : null;
 	return /* @__PURE__ */ (0, R.jsxs)("span", {
-		className: Z(nd.wrapper, S && "h-full", x?.layout === "inline" && "flex-1"),
+		className: Z(id.wrapper, S && "h-full", x?.layout === "inline" && "flex-1"),
 		children: [
 			l ? /* @__PURE__ */ (0, R.jsx)("input", {
 				type: "hidden",
@@ -8628,7 +8784,7 @@ var hd = a(function({ children: e, className: t, color: n, size: r, defaultValue
 				"aria-haspopup": "listbox",
 				"aria-invalid": U || void 0,
 				"aria-required": ne || void 0,
-				className: Z(nd.trigger, S ? "h-full rounded-none border-0 shadow-none focus-visible:border-transparent focus-visible:ring-0" : Nt(k), S ? null : od[k] ?? od.md, T(S ? !1 : E, U ? O.invalid : j.base), !S && !W && !U && j.hover, t),
+				className: Z(id.trigger, S ? "h-full rounded-none border-0 shadow-none focus-visible:border-transparent focus-visible:ring-0" : Nt(k), S ? null : cd[k] ?? cd.md, T(S ? !1 : E, U ? O.invalid : j.base), !S && !W && !U && j.hover, t),
 				...le.getReferenceProps({
 					...y,
 					onClick(e) {
@@ -8639,10 +8795,10 @@ var hd = a(function({ children: e, className: t, color: n, size: r, defaultValue
 					}
 				}),
 				children: [/* @__PURE__ */ (0, R.jsx)("span", {
-					className: Z(nd.value, !te && "text-current/55"),
+					className: Z(id.value, !te && "text-current/55"),
 					children: be
 				}), /* @__PURE__ */ (0, R.jsx)("span", {
-					className: Z(nd.icon, I && "rotate-180"),
+					className: Z(id.icon, I && "rotate-180"),
 					"aria-hidden": "true",
 					children: /* @__PURE__ */ (0, R.jsx)("svg", {
 						viewBox: "0 0 20 20",
@@ -8654,26 +8810,26 @@ var hd = a(function({ children: e, className: t, color: n, size: r, defaultValue
 			_ ? /* @__PURE__ */ (0, R.jsx)(sc, { children: xe }) : xe
 		]
 	});
-}), gd = {
+}), vd = {
 	light: "bg-slate-200",
 	dark: "bg-zinc-800"
-}, _d = {
+}, yd = {
 	line: "h-4 w-full rounded-full",
 	rect: "h-24 w-full rounded-[1rem]",
 	circle: "size-12 rounded-full"
 };
-function vd(e) {
+function bd(e) {
 	return e === "dark" ? "dark" : "light";
 }
-var yd = a(function({ animated: e = !0, className: t, shape: n = "line", ...r }, i) {
-	let a = vd(G());
+var xd = a(function({ animated: e = !0, className: t, shape: n = "line", ...r }, i) {
+	let a = bd(G());
 	return /* @__PURE__ */ (0, R.jsx)("div", {
 		ref: i,
 		"aria-hidden": "true",
-		className: Z(_d[n] ?? _d.line, gd[a], e && "animate-pulse", t),
+		className: Z(yd[n] ?? yd.line, vd[a], e && "animate-pulse", t),
 		...r
 	});
-}), bd = {
+}), Sd = {
 	root: [
 		"relative inline-flex shrink-0 cursor-pointer items-center rounded-full border outline-none",
 		"transition-[background-color,border-color] duration-200",
@@ -8681,7 +8837,7 @@ var yd = a(function({ animated: e = !0, className: t, shape: n = "line", ...r },
 		"disabled:cursor-not-allowed disabled:opacity-60"
 	].join(" "),
 	thumb: ["pointer-events-none inline-flex rounded-full border", "transition-transform duration-200"].join(" ")
-}, xd = {
+}, Cd = {
 	sm: {
 		root: "h-5 w-9",
 		thumb: "size-[0.875rem]",
@@ -8694,13 +8850,13 @@ var yd = a(function({ animated: e = !0, className: t, shape: n = "line", ...r },
 		checked: "translate-x-[1.375rem]",
 		unchecked: "translate-x-0.5"
 	}
-}, Sd = {
+}, wd = {
 	light: {
-		idle: "border-slate-500 bg-slate-400/95 hover:border-slate-700 hover:bg-slate-500 focus-visible:outline-slate-600",
+		idle: "border-slate-300 bg-slate-100 hover:border-slate-400 hover:bg-slate-200/90 focus-visible:outline-slate-500 focus-visible:ring-slate-400/45",
 		checked: {
-			neutral: "border-slate-800 bg-slate-800",
-			slate: "border-slate-800 bg-slate-800",
-			zinc: "border-zinc-800 bg-zinc-800",
+			neutral: "border-slate-700 bg-slate-700",
+			slate: "border-slate-700 bg-slate-700",
+			zinc: "border-zinc-700 bg-zinc-700",
 			primary: "border-sky-600 bg-sky-600",
 			brand: "border-brand-600 bg-brand-600",
 			success: "border-emerald-600 bg-emerald-600",
@@ -8708,11 +8864,11 @@ var yd = a(function({ animated: e = !0, className: t, shape: n = "line", ...r },
 			warning: "border-amber-500 bg-amber-500",
 			info: "border-cyan-600 bg-cyan-600",
 			light: "border-stone-300 bg-stone-300",
-			dark: "border-zinc-900 bg-zinc-900",
+			dark: "border-zinc-800 bg-zinc-800",
 			black: "border-slate-950 bg-slate-950"
 		},
-		invalid: "border-rose-400 bg-rose-100/80 focus-visible:outline-rose-400",
-		thumb: "border-white/90 bg-white shadow-[0_1px_1px_rgba(15,23,42,0.18)]",
+		invalid: "border-rose-300 bg-rose-50 focus-visible:outline-rose-400 focus-visible:ring-rose-400/45",
+		thumb: "border-slate-200 bg-white shadow-[0_1px_1px_rgba(15,23,42,0.14)]",
 		thumbChecked: {
 			warning: "border-slate-950 bg-slate-950",
 			light: "border-slate-950 bg-slate-950"
@@ -8752,10 +8908,10 @@ var yd = a(function({ animated: e = !0, className: t, shape: n = "line", ...r },
 		}
 	}
 };
-function Cd(e) {
+function Td(e) {
 	return e === "dark" ? "dark" : "light";
 }
-function wd({ checked: e, id: t, name: n, nativeEvent: r, value: i }) {
+function Ed({ checked: e, id: t, name: n, nativeEvent: r, value: i }) {
 	return {
 		type: "change",
 		nativeEvent: r,
@@ -8779,8 +8935,8 @@ function wd({ checked: e, id: t, name: n, nativeEvent: r, value: i }) {
 		}
 	};
 }
-var Td = a(function({ checked: e, className: t, color: n = "neutral", containerClassName: r, defaultChecked: i = !1, disabled: a = !1, id: o, invalid: s = !1, label: c, labelClassName: l, name: d, onChange: p, onCheckedChange: h, onClick: g, required: _ = !1, size: v = "md", value: y = "on", ...b }, x) {
-	let S = u(), C = e !== void 0, [w, E] = m(i), O = C ? e : w, k = Cd(G()), A = D("switch"), j = Sd[k], M = Ur(), N = a || M?.disabled, P = _ || M?.required, F = s || M?.invalid, I = j.checked[n] ? n : "neutral", ee = xd[v] ? v : "md", L = o ?? M?.controlId ?? S, z = [
+var Dd = a(function({ checked: e, className: t, color: n = "neutral", containerClassName: r, defaultChecked: i = !1, disabled: a = !1, id: o, invalid: s = !1, label: c, labelClassName: l, name: d, onChange: p, onCheckedChange: h, onClick: g, required: _ = !1, size: v = "md", value: y = "on", ...b }, x) {
+	let S = u(), C = e !== void 0, [w, E] = m(i), O = C ? e : w, k = Td(G()), A = D("switch"), j = wd[k], M = Ur(), N = a || M?.disabled, P = _ || M?.required, F = s || M?.invalid, I = j.checked[n] ? n : "neutral", ee = Cd[v] ? v : "md", L = o ?? M?.controlId ?? S, z = [
 		b["aria-describedby"],
 		M?.descriptionId,
 		F ? M?.messageId : null
@@ -8797,7 +8953,7 @@ var Td = a(function({ checked: e, className: t, color: n = "neutral", containerC
 	]), V = (e) => {
 		if (N) return;
 		let t = !O;
-		C || E(t), h?.(t), p?.(wd({
+		C || E(t), h?.(t), p?.(Ed({
 			checked: t,
 			id: L,
 			name: d,
@@ -8814,12 +8970,12 @@ var Td = a(function({ checked: e, className: t, color: n = "neutral", containerC
 		"aria-describedby": z,
 		disabled: N,
 		"data-state": O ? "checked" : "unchecked",
-		className: Z(T(A, bd.root), xd[ee].root, T(A, F ? j.invalid : O ? j.checked[I] : j.idle), t),
+		className: Z(T(A, Sd.root), Cd[ee].root, T(A, F ? j.invalid : O ? j.checked[I] : j.idle), t),
 		...b,
 		onClick: (e) => {
 			g?.(e), e.defaultPrevented || V(e);
 		},
-		children: /* @__PURE__ */ (0, R.jsx)("span", { className: Z(bd.thumb, xd[ee].thumb, j.thumb, O && j.thumbChecked?.[I], O ? xd[ee].checked : xd[ee].unchecked) })
+		children: /* @__PURE__ */ (0, R.jsx)("span", { className: Z(Sd.thumb, Cd[ee].thumb, j.thumb, O && j.thumbChecked?.[I], O ? Cd[ee].checked : Cd[ee].unchecked) })
 	}), B ? /* @__PURE__ */ (0, R.jsx)("input", {
 		type: "checkbox",
 		hidden: !0,
@@ -8835,19 +8991,19 @@ var Td = a(function({ checked: e, className: t, color: n = "neutral", containerC
 			children: c
 		})]
 	}) : H;
-}), Ed = i(null);
-function Dd(e) {
-	let t = c(Ed);
+}), Od = i(null);
+function kd(e) {
+	let t = c(Od);
 	if (!t) throw Error(`${e} debe usarse dentro de <Tabs>.`);
 	return t;
 }
 //#endregion
 //#region src/lib/components/tabs/Tabs.jsx
-var Od = { base: "w-full" }, kd = {
+var Ad = { base: "w-full" }, jd = {
 	base: ["inline-flex items-center gap-1 border", "w-fit"].join(" "),
 	horizontal: "flex-row",
 	vertical: "flex-col items-stretch"
-}, Ad = {
+}, Md = {
 	base: [
 		"inline-flex items-center justify-center border border-transparent font-medium",
 		"transition-colors outline-none cursor-pointer",
@@ -8855,7 +9011,7 @@ var Od = { base: "w-full" }, kd = {
 		"disabled:cursor-not-allowed disabled:opacity-50"
 	].join(" "),
 	vertical: "justify-start text-left"
-}, jd = {
+}, Nd = {
 	xs: {
 		list: "min-h-9 rounded-[0.9rem] p-1",
 		trigger: "min-w-[4.75rem] rounded-[0.7rem] px-2.5 py-1 text-xs"
@@ -8872,7 +9028,7 @@ var Od = { base: "w-full" }, kd = {
 		list: "min-h-12 rounded-[1.1rem] p-1.5",
 		trigger: "min-w-[7.5rem] rounded-[0.95rem] px-4 py-2.5 text-base"
 	}
-}, Md = { base: "mt-4 outline-none" }, Nd = {
+}, Pd = { base: "mt-4 outline-none" }, Fd = {
 	light: {
 		list: "border-slate-200 bg-slate-100/80",
 		triggerIdle: "text-slate-600 hover:bg-white hover:text-slate-950 focus-visible:outline-slate-300",
@@ -8912,13 +9068,13 @@ var Od = { base: "w-full" }, kd = {
 		content: "text-stone-300"
 	}
 };
-function Pd(e) {
+function Id(e) {
 	return e === "dark" ? "dark" : "light";
 }
-function Fd(e) {
+function Ld(e) {
 	return Array.from(e.querySelectorAll("[role=\"tab\"]")).filter((e) => e.getAttribute("aria-disabled") !== "true" && !e.disabled);
 }
-function Id({ activationMode: e = "automatic", children: t, className: n, color: r = "neutral", defaultValue: i, onValueChange: a, orientation: o = "horizontal", size: c = "md", value: l }) {
+function Rd({ activationMode: e = "automatic", children: t, className: n, color: r = "neutral", defaultValue: i, onValueChange: a, orientation: o = "horizontal", size: c = "md", value: l }) {
 	let d = u(), p = l !== void 0, [h, g] = m(i), _ = p ? l : h, v = s((e) => {
 		p || g(e), e !== _ && a?.(e);
 	}, [
@@ -8942,31 +9098,31 @@ function Id({ activationMode: e = "automatic", children: t, className: n, color:
 		v,
 		_
 	]);
-	return /* @__PURE__ */ (0, R.jsx)(Ed.Provider, {
+	return /* @__PURE__ */ (0, R.jsx)(Od.Provider, {
 		value: C,
 		children: /* @__PURE__ */ (0, R.jsx)("div", {
 			"data-orientation": y,
 			"data-size": x,
-			className: Z(Od.base, n),
+			className: Z(Ad.base, n),
 			children: t
 		})
 	});
 }
-function Ld({ children: e, className: t }) {
-	let { orientation: n, size: r } = Dd("TabsList"), i = Nd[Pd(G())];
+function zd({ children: e, className: t }) {
+	let { orientation: n, size: r } = kd("TabsList"), i = Fd[Id(G())];
 	return /* @__PURE__ */ (0, R.jsx)("div", {
 		role: "tablist",
 		"aria-orientation": n,
 		"data-size": r,
-		className: Z(kd.base, kd[n], jd[r].list, i.list, t),
+		className: Z(jd.base, jd[n], Nd[r].list, i.list, t),
 		children: e
 	});
 }
-function Rd({ children: e, className: t, disabled: n = !1, value: r }) {
-	let { activationMode: i, baseId: a, color: o, orientation: s, setValue: c, size: l, value: u } = Dd("TabsTrigger"), d = Pd(G()), f = D("tabs"), p = Nd[d], m = u === r, h = (e) => {
+function Bd({ children: e, className: t, disabled: n = !1, value: r }) {
+	let { activationMode: i, baseId: a, color: o, orientation: s, setValue: c, size: l, value: u } = kd("TabsTrigger"), d = Id(G()), f = D("tabs"), p = Fd[d], m = u === r, h = (e) => {
 		let t = e.currentTarget.parentElement;
 		if (!t) return;
-		let n = Fd(t), a = n.indexOf(e.currentTarget);
+		let n = Ld(t), a = n.indexOf(e.currentTarget);
 		if (a === -1) return;
 		let o = s === "horizontal", l = a;
 		if (o && e.key === "ArrowRight" || !o && e.key === "ArrowDown") l = (a + 1) % n.length;
@@ -8995,56 +9151,62 @@ function Rd({ children: e, className: t, disabled: n = !1, value: r }) {
 		disabled: n,
 		onClick: () => c(r),
 		onKeyDown: h,
-		className: Z(T(f, Ad.base), jd[l].trigger, s === "vertical" && Ad.vertical, T(f, m ? p.triggerActive[o] : p.triggerIdle), t),
+		className: Z(T(f, Md.base), Nd[l].trigger, s === "vertical" && Md.vertical, T(f, m ? p.triggerActive[o] : p.triggerIdle), t),
 		children: e
 	});
 }
-function zd({ children: e, className: t, forceMount: n = !1, value: r }) {
-	let { baseId: i, value: a } = Dd("TabsContent"), o = Nd[Pd(G())], s = a === r;
+function Vd({ children: e, className: t, forceMount: n = !1, value: r }) {
+	let { baseId: i, value: a } = kd("TabsContent"), o = Fd[Id(G())], s = a === r;
 	return !n && !s ? null : /* @__PURE__ */ (0, R.jsx)("div", {
 		role: "tabpanel",
 		id: `${i}-content-${r}`,
 		"aria-labelledby": `${i}-trigger-${r}`,
 		hidden: !s,
 		tabIndex: 0,
-		className: Z(Md.base, o.content, t),
+		className: Z(Pd.base, o.content, t),
 		children: e
 	});
 }
 //#endregion
 //#region src/lib/components/tabs/useTabs.js
-function Bd() {
-	return Dd("useTabs");
+function Hd() {
+	return kd("useTabs");
 }
 //#endregion
 //#region src/lib/components/textarea/Textarea.jsx
-var Vd = { base: [
-	"w-full border px-3.5 py-3 text-sm outline-none",
+var Ud = { base: [
+	"qi-form-field-autofill w-full border px-3.5 py-3 text-sm outline-none",
 	"transition-[background-color,border-color,color,box-shadow] duration-200",
 	"placeholder:text-current/45",
 	"focus-visible:ring-4 focus-visible:ring-offset-0",
 	"disabled:cursor-not-allowed disabled:opacity-60"
-].join(" ") }, Hd = a(function({ className: e, color: t = "neutral", disabled: n = !1, id: r, invalid: i = !1, minRows: a = 4, required: o = !1, ...s }, c) {
-	let l = fl(G()), u = D("textarea"), d = dl[l], f = pl(t), p = dl[l][f], m = Ur(), h = i || m?.invalid, g = n || m?.disabled, _ = o || m?.required, v = [
-		s["aria-describedby"],
-		m?.descriptionId,
-		h ? m?.messageId : null
+].join(" ") }, Wd = a(function({ className: e, color: t = "neutral", disabled: n = !1, id: r, invalid: i = !1, minRows: a = 4, required: o = !1, style: s, ...c }, l) {
+	let u = pl(G()), d = D("textarea"), f = dl[u], p = ml(t), m = dl[u][p], h = Ur(), g = i || h?.invalid, _ = n || h?.disabled, v = o || h?.required, y = [
+		c["aria-describedby"],
+		h?.descriptionId,
+		g ? h?.messageId : null
 	].filter(Boolean).join(" ") || void 0;
 	return /* @__PURE__ */ (0, R.jsx)("textarea", {
-		ref: c,
-		id: r ?? m?.controlId,
-		required: _,
-		disabled: g,
-		"aria-invalid": h || void 0,
-		"aria-describedby": v,
+		ref: l,
+		id: r ?? h?.controlId,
+		required: v,
+		disabled: _,
+		"aria-invalid": g || void 0,
+		"aria-describedby": y,
 		"field-sizing": "content",
 		rows: a,
-		className: Z(T(u, Vd.base), Nt("md"), "min-h-28", T(u, h ? d.invalid : p.base), !g && !h && p.hover, e),
-		...s
+		style: hl({
+			color: t,
+			invalid: g,
+			style: s,
+			theme: u
+		}),
+		className: Z(T(d, Ud.base), Nt("md"), "min-h-28", T(d, g ? f.invalid : m.base), !_ && !g && m.hover, e),
+		...c
 	});
-}), Ud = ["!max-w-[16rem] !rounded-[0.875rem] !px-2.5 !py-1.5", "!text-xs !leading-5"].join(" ");
-function Wd({ children: e, className: t = "", color: n = "default", content: r, placement: i = "top", ...a }) {
-	return /* @__PURE__ */ (0, R.jsx)(Zu, {
+}), Gd = ["!max-w-[16rem] !rounded-[0.875rem] !px-2.5 !py-1.5", "!text-xs !leading-5"].join(" ");
+function Kd({ children: e, className: t = "", color: n = "default", content: r, placement: i = "top", ...a }) {
+	return /* @__PURE__ */ (0, R.jsx)($u, {
 		content: r,
 		color: n,
 		placement: i,
@@ -9053,14 +9215,14 @@ function Wd({ children: e, className: t = "", color: n = "default", content: r,
 		arrowWidth: 12,
 		arrowHeight: 6,
 		arrowTipRadius: 1.5,
-		className: [Ud, t].filter(Boolean).join(" "),
+		className: [Gd, t].filter(Boolean).join(" "),
 		...a,
 		children: e
 	});
 }
 //#endregion
 //#region src/lib/hooks/useFloatingLayer.js
-function Gd(e = {}) {
+function qd(e = {}) {
 	let { middleware: t = [], offset: n = 10, placement: r = "bottom-start", shiftPadding: i = 12, ...a } = e;
 	return vc({
 		placement: r,
@@ -9075,8 +9237,8 @@ function Gd(e = {}) {
 }
 //#endregion
 //#region src/lib/hooks/useBreakpoint.js
-var Kd = un;
-function qd() {
+var Jd = un;
+function Yd() {
 	return typeof window > "u" ? {
 		height: null,
 		width: null
@@ -9085,27 +9247,27 @@ function qd() {
 		width: window.innerWidth
 	};
 }
-function Jd(e = {}) {
+function Xd(e = {}) {
 	return {
-		...Kd,
+		...Jd,
 		...e
 	};
 }
-function Yd(e, t) {
+function Zd(e, t) {
 	return e == null ? null : e >= t["2xl"] ? "2xl" : e >= t.xl ? "xl" : e >= t.lg ? "lg" : e >= t.md ? "md" : e >= t.sm ? "sm" : "xs";
 }
-function Xd(e = {}) {
-	let { breakpoints: t } = e, n = f(() => Jd(t), [t]), [r, i] = m(qd);
+function Qd(e = {}) {
+	let { breakpoints: t } = e, n = f(() => Xd(t), [t]), [r, i] = m(Yd);
 	l(() => {
 		if (typeof window > "u") return;
 		let e = () => {
-			i(qd());
+			i(Yd());
 		};
 		return e(), window.addEventListener("resize", e), window.addEventListener("orientationchange", e), () => {
 			window.removeEventListener("resize", e), window.removeEventListener("orientationchange", e);
 		};
 	}, []);
-	let a = Yd(r.width, n), o = r.width != null, s = o ? r.width < n.md : !1, c = o ? r.width >= n.md && r.width < n.lg : !1, u = o ? r.width >= n.lg : !1;
+	let a = Zd(r.width, n), o = r.width != null, s = o ? r.width < n.md : !1, c = o ? r.width >= n.md && r.width < n.lg : !1, u = o ? r.width >= n.lg : !1;
 	return {
 		breakpoint: a,
 		breakpoints: n,
@@ -9119,11 +9281,11 @@ function Xd(e = {}) {
 }
 //#endregion
 //#region src/lib/hooks/useMediaQuery.js
-function Zd(e, t) {
+function $d(e, t) {
 	return typeof window > "u" || typeof window.matchMedia != "function" ? t : window.matchMedia(e).matches;
 }
-function Qd(e, t = {}) {
-	let { defaultValue: n = !1 } = t, [r, i] = m(() => Zd(e, n));
+function ef(e, t = {}) {
+	let { defaultValue: n = !1 } = t, [r, i] = m(() => $d(e, n));
 	return l(() => {
 		if (typeof window > "u" || typeof window.matchMedia != "function") return;
 		let t = window.matchMedia(e), n = () => {
@@ -9137,4 +9299,4 @@ function Qd(e, t = {}) {
 	}, [n, e]), r;
 }
 //#endregion
-export { jt as AVATAR_RADIUS_BY_SIZE, Hn as Accordion, Gn as AccordionContent, Un as AccordionItem, Wn as AccordionTrigger, Dn as Avatar, On as AvatarFallback, kn as AvatarGroup, An as AvatarImage, jn as AvatarPresence, Xn as Badge, Tr as Breadcrumb, Ar as BreadcrumbCurrent, Dr as BreadcrumbItem, Or as BreadcrumbLink, Er as BreadcrumbList, kr as BreadcrumbSeparator, Fr as Button, At as CONTROL_RADIUS_BY_SIZE, Xr as Checkbox, Mt as DEFAULT_CONTROL_RADIUS, cu as Default, $c as Dropdown, tl as DropdownContent, nl as DropdownItem, rl as DropdownSeparator, el as DropdownTrigger, sl as EmptyState, ul as EmptyStateActions, ll as EmptyStateDescription, cl as EmptyStateTitle, uu as For, Br as FormControl, Vr as FormDescription, Hr as FormMessage, Pn as Initials, Ql as Input, $l as InputGroup, nu as InputGroupAction, tu as InputGroupAddon, eu as InputGroupItem, Kr as Label, Sr as Link, su as Match, Pu as Modal, Vu as ModalAction, Bu as ModalActions, zu as ModalBody, Iu as ModalContent, Lu as ModalHeader, Ru as ModalTitle, Fu as ModalTrigger, Wu as Pagination, Zu as Popover, $t as QUICKIT_ACCENT_COLORS, fn as QUICKIT_AVATAR_RADIUS_TOKENS, an as QUICKIT_AVATAR_SHAPES, on as QUICKIT_AVATAR_SIZES, un as QUICKIT_BREAKPOINTS, rn as QUICKIT_BUTTON_SHAPES, nn as QUICKIT_BUTTON_VARIANTS, tn as QUICKIT_COMPACT_CONTROL_SIZES, dn as QUICKIT_CONTROL_RADIUS_TOKENS, en as QUICKIT_CONTROL_SIZES, y as QUICKIT_FOCUS_RING_COMPONENTS, sn as QUICKIT_LINK_TEXT_VARIANTS, cn as QUICKIT_LINK_UNDERLINES, O as QUICKIT_PRESS_EFFECTS, j as QUICKIT_RIPPLE_COMPONENTS, Qt as QUICKIT_SEMANTIC_COLORS, ln as QUICKIT_TAB_SIZES, V as QUICKIT_THEME_OPTIONS, B as QUICKIT_THEME_STORAGE_KEY, z as QuickitProvider, ae as QuickitThemeProvider, td as Radio, lu as RenderSwitch, hd as Select, ou as Show, yd as Skeleton, Td as Switch, Id as Tabs, zd as TabsContent, Ld as TabsList, Rd as TabsTrigger, Hd as Textarea, Wd as Tooltip, Fn as UserChip, Z as cn, Pt as getAvatarRadius, Nt as getControlRadius, Nn as getInitials, C as isQuickitFocusRingEnabled, F as isQuickitRippleEnabled, pn as isQuickitTokenValue, S as normalizeQuickitFocusRingConfig, k as normalizeQuickitPressEffect, P as normalizeQuickitRippleConfig, T as resolveQuickitFocusRingClasses, mn as resolveQuickitToken, w as stripQuickitFocusRingClasses, Xd as useBreakpoint, il as useDropdown, Gd as useFloatingLayer, Ur as useFormControl, Qd as useMediaQuery, Hu as useModal, D as useQuickitFocusRing, E as useQuickitFocusRingConfig, A as useQuickitPressEffect, ee as useQuickitRipple, I as useQuickitRippleConfig, G as useQuickitTheme, oe as useQuickitThemeController, Bd as useTabs };
+export { jt as AVATAR_RADIUS_BY_SIZE, Hn as Accordion, Gn as AccordionContent, Un as AccordionItem, Wn as AccordionTrigger, Dn as Avatar, On as AvatarFallback, kn as AvatarGroup, An as AvatarImage, jn as AvatarPresence, Xn as Badge, Tr as Breadcrumb, Ar as BreadcrumbCurrent, Dr as BreadcrumbItem, Or as BreadcrumbLink, Er as BreadcrumbList, kr as BreadcrumbSeparator, Fr as Button, At as CONTROL_RADIUS_BY_SIZE, Xr as Checkbox, Mt as DEFAULT_CONTROL_RADIUS, uu as Default, $c as Dropdown, tl as DropdownContent, nl as DropdownItem, rl as DropdownSeparator, el as DropdownTrigger, sl as EmptyState, ul as EmptyStateActions, ll as EmptyStateDescription, cl as EmptyStateTitle, fu as For, Br as FormControl, Vr as FormDescription, Hr as FormMessage, Pn as Initials, eu as Input, tu as InputGroup, iu as InputGroupAction, ru as InputGroupAddon, nu as InputGroupItem, Kr as Label, Sr as Link, lu as Match, Iu as Modal, Uu as ModalAction, Hu as ModalActions, Vu as ModalBody, Ru as ModalContent, zu as ModalHeader, Bu as ModalTitle, Lu as ModalTrigger, Ku as Pagination, $u as Popover, $t as QUICKIT_ACCENT_COLORS, fn as QUICKIT_AVATAR_RADIUS_TOKENS, an as QUICKIT_AVATAR_SHAPES, on as QUICKIT_AVATAR_SIZES, un as QUICKIT_BREAKPOINTS, rn as QUICKIT_BUTTON_SHAPES, nn as QUICKIT_BUTTON_VARIANTS, tn as QUICKIT_COMPACT_CONTROL_SIZES, dn as QUICKIT_CONTROL_RADIUS_TOKENS, en as QUICKIT_CONTROL_SIZES, y as QUICKIT_FOCUS_RING_COMPONENTS, sn as QUICKIT_LINK_TEXT_VARIANTS, cn as QUICKIT_LINK_UNDERLINES, O as QUICKIT_PRESS_EFFECTS, j as QUICKIT_RIPPLE_COMPONENTS, Qt as QUICKIT_SEMANTIC_COLORS, ln as QUICKIT_TAB_SIZES, V as QUICKIT_THEME_OPTIONS, B as QUICKIT_THEME_STORAGE_KEY, z as QuickitProvider, ae as QuickitThemeProvider, rd as Radio, du as RenderSwitch, _d as Select, cu as Show, xd as Skeleton, Dd as Switch, Rd as Tabs, Vd as TabsContent, zd as TabsList, Bd as TabsTrigger, Wd as Textarea, Kd as Tooltip, Fn as UserChip, Z as cn, Pt as getAvatarRadius, Nt as getControlRadius, Nn as getInitials, C as isQuickitFocusRingEnabled, F as isQuickitRippleEnabled, pn as isQuickitTokenValue, S as normalizeQuickitFocusRingConfig, k as normalizeQuickitPressEffect, P as normalizeQuickitRippleConfig, T as resolveQuickitFocusRingClasses, mn as resolveQuickitToken, w as stripQuickitFocusRingClasses, Qd as useBreakpoint, il as useDropdown, qd as useFloatingLayer, Ur as useFormControl, ef as useMediaQuery, Wu as useModal, D as useQuickitFocusRing, E as useQuickitFocusRingConfig, A as useQuickitPressEffect, ee as useQuickitRipple, I as useQuickitRippleConfig, G as useQuickitTheme, oe as useQuickitThemeController, Hd as useTabs };