@myghf/ui 0.4.0 → 0.5.1

package/dist/index.js

@@ -1,85 +1,85 @@
 import { clsx as e } from "clsx";
 import { twMerge as t } from "tailwind-merge";
 import { CalendarDate as n, CalendarDateTime as r, getLocalTimeZone as i } from "@internationalized/date";
-import { Fragment as a, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createTextVNode as d, createVNode as f, defineComponent as p, inject as m, mergeProps as h, normalizeClass as g, normalizeStyle as _, onBeforeUnmount as v, onBeforeUpdate as y, onMounted as b, openBlock as x, provide as S, ref as C, renderList as w, renderSlot as T, resolveDynamicComponent as E, toDisplayString as D, unref as O, useAttrs as k, useId as ee, useSlots as A, vModelSelect as j, vModelText as M, vShow as te, watch as N, withCtx as P, withDirectives as F, withModifiers as I } from "vue";
-import * as L from "lucide-vue-next";
-import { Calendar as ne, Check as R, ChevronDown as z, ChevronLeft as re, ChevronRight as B, ChevronUp as ie, ChevronsLeft as ae, ChevronsRight as V, ChevronsUpDown as oe, Clock as se, Eye as ce, EyeOff as le, Moon as ue, Search as de, Sun as fe, X as H } from "lucide-vue-next";
-import { tv as pe } from "tailwind-variants";
-import { CheckboxIndicator as me, CheckboxRoot as he, DialogClose as ge, DialogContent as _e, DialogDescription as ve, DialogOverlay as ye, DialogPortal as be, DialogRoot as xe, DialogTitle as Se, DialogTrigger as Ce, DropdownMenuContent as we, DropdownMenuGroup as Te, DropdownMenuItem as Ee, DropdownMenuLabel as De, DropdownMenuPortal as Oe, DropdownMenuRoot as ke, DropdownMenuSeparator as Ae, DropdownMenuTrigger as je, NumberFieldDecrement as Me, NumberFieldIncrement as Ne, NumberFieldInput as Pe, NumberFieldRoot as Fe, PopoverContent as Ie, PopoverRoot as Le, PopoverTrigger as Re, RadioGroupIndicator as ze, RadioGroupItem as Be, RadioGroupRoot as Ve, SelectContent as He, SelectItem as Ue, SelectItemIndicator as We, SelectItemText as Ge, SelectRoot as Ke, SelectTrigger as qe, SelectValue as Je, TabsContent as Ye, TabsList as Xe, TabsRoot as Ze, TabsTrigger as Qe, ToastAction as $e, ToastClose as et, ToastDescription as tt, ToastProvider as nt, ToastRoot as rt, ToastTitle as it, ToastViewport as at, TreeItem as ot, TreeRoot as st, VisuallyHidden as ct } from "reka-ui";
-import { FlexRender as lt, createExpandedRowModel as ut, createPaginatedRowModel as dt, createSortedRowModel as ft, rowExpandingFeature as pt, rowPaginationFeature as mt, rowSortingFeature as ht, sortFns as gt, tableFeatures as _t, useTable as vt } from "@tanstack/vue-table";
+import { Fragment as a, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createTextVNode as d, createVNode as f, defineComponent as p, inject as m, mergeProps as h, normalizeClass as g, normalizeStyle as _, onBeforeUnmount as v, onBeforeUpdate as y, onMounted as b, openBlock as x, provide as S, ref as C, renderList as w, renderSlot as T, resolveDynamicComponent as E, toDisplayString as D, unref as O, useAttrs as k, useId as ee, useSlots as A, vModelSelect as te, vModelText as j, vShow as ne, watch as M, withCtx as N, withDirectives as P, withModifiers as F } from "vue";
+import * as I from "lucide-vue-next";
+import { Calendar as re, Check as L, ChevronDown as R, ChevronLeft as ie, ChevronRight as z, ChevronUp as ae, ChevronsLeft as oe, ChevronsRight as B, ChevronsUpDown as se, Clock as ce, Eye as le, EyeOff as ue, Moon as de, Search as fe, Sun as pe, X as V } from "lucide-vue-next";
+import { tv as me } from "tailwind-variants";
+import { CheckboxIndicator as he, CheckboxRoot as ge, DialogClose as _e, DialogContent as ve, DialogDescription as ye, DialogOverlay as be, DialogPortal as xe, DialogRoot as Se, DialogTitle as Ce, DialogTrigger as we, DropdownMenuContent as Te, DropdownMenuGroup as Ee, DropdownMenuItem as De, DropdownMenuLabel as Oe, DropdownMenuPortal as ke, DropdownMenuRoot as Ae, DropdownMenuSeparator as je, DropdownMenuTrigger as Me, NumberFieldDecrement as Ne, NumberFieldIncrement as Pe, NumberFieldInput as Fe, NumberFieldRoot as Ie, PopoverContent as Le, PopoverPortal as Re, PopoverRoot as ze, PopoverTrigger as Be, RadioGroupIndicator as Ve, RadioGroupItem as He, RadioGroupRoot as Ue, SelectContent as We, SelectItem as Ge, SelectItemIndicator as Ke, SelectItemText as qe, SelectPortal as Je, SelectRoot as Ye, SelectTrigger as Xe, SelectValue as Ze, TabsContent as Qe, TabsList as $e, TabsRoot as et, TabsTrigger as tt, ToastAction as nt, ToastClose as rt, ToastDescription as it, ToastProvider as at, ToastRoot as ot, ToastTitle as st, ToastViewport as ct, TreeItem as lt, TreeRoot as ut, VisuallyHidden as dt } from "reka-ui";
+import { FlexRender as ft, createExpandedRowModel as pt, createPaginatedRowModel as mt, createSortedRowModel as ht, rowExpandingFeature as gt, rowPaginationFeature as _t, rowSortingFeature as vt, sortFns as yt, tableFeatures as bt, useTable as xt } from "@tanstack/vue-table";
 //#region src/lib/cn.ts
-function U(...n) {
+function H(...n) {
 	return t(e(n));
 }
 //#endregion
 //#region src/lib/date.ts
-function yt(e) {
+function St(e) {
 	return new n(e.getFullYear(), e.getMonth() + 1, e.getDate());
 }
-function bt(e) {
+function Ct(e) {
 	return e instanceof r ? e.toDate(i()) : new Date(e.year, e.month - 1, e.day);
 }
-function xt(e) {
+function wt(e) {
 	let [t, n] = e.split(":").map(Number);
 	return t * 60 + (n || 0);
 }
-function W(e) {
+function U(e) {
 	let t = Math.floor(e / 60), n = e % 60;
 	return `${String(t).padStart(2, "0")}:${String(n).padStart(2, "0")}`;
 }
-function St(e, t) {
+function Tt(e, t) {
 	let n = new Date(e);
-	return n.setHours(Math.floor(xt(t) / 60), xt(t) % 60, 0, 0), n;
+	return n.setHours(Math.floor(wt(t) / 60), wt(t) % 60, 0, 0), n;
 }
-function G(e, t) {
+function W(e, t) {
 	return !e || !t || e.getTime() <= t.getTime() ? [e, t] : [t, e];
 }
-function Ct(e) {
+function Et(e) {
 	let t = e.getMonth() + 1, n = e.getDate();
 	return `${e.getFullYear()}-${String(t).padStart(2, "0")}-${String(n).padStart(2, "0")}`;
 }
-function wt(e) {
+function Dt(e) {
 	return e === "12" ? Array.from({ length: 12 }, (e, t) => t + 1) : Array.from({ length: 24 }, (e, t) => t);
 }
-function Tt(e) {
+function Ot(e) {
 	let t = Number.isFinite(e) && e > 0 ? e : 1, n = [];
 	for (let e = 0; e < 60; e += t) n.push(e);
 	return n;
 }
-function K(e) {
+function G(e) {
 	let t = (Math.trunc(e) % 24 + 24) % 24, n = t < 12 ? "am" : "pm";
 	return {
 		hour: t % 12 == 0 ? 12 : t % 12,
 		meridiem: n
 	};
 }
-function Et(e, t) {
+function kt(e, t) {
 	let n = Math.trunc(e) % 12;
 	return t === "pm" ? n + 12 : n;
 }
 //#endregion
 //#region src/lib/locale.ts
-function Dt(e) {
+function At(e) {
 	try {
 		let t = new Intl.Locale(e), n = t.weekInfo ?? t.getWeekInfo?.();
 		if (n && typeof n.firstDay == "number") return n.firstDay % 7;
 	} catch {}
 	return 1;
 }
-function Ot(e, t) {
+function jt(e, t) {
 	let n = (Math.trunc(t) % 7 + 7) % 7, r = new Intl.DateTimeFormat(e, { weekday: "short" });
 	return Array.from({ length: 7 }, (e, t) => r.format(new Date(2026, 0, 4 + (n + t) % 7)));
 }
-function kt(e, t) {
+function Mt(e, t) {
 	return new Intl.DateTimeFormat(t, {
 		month: "long",
 		year: "numeric"
 	}).format(e);
 }
-function q(e, t) {
+function K(e, t) {
 	return new Intl.DateTimeFormat(t, { dateStyle: "medium" }).format(e);
 }
-function At(e, t, n) {
+function Nt(e, t, n) {
 	let r = n === "24" ? {
 		hour: "2-digit",
 		minute: "2-digit",
@@ -93,10 +93,10 @@ function At(e, t, n) {
 }
 //#endregion
 //#region src/lib/number.ts
-function jt(e) {
+function Pt(e) {
 	return e == null || !Number.isFinite(e) ? null : e;
 }
-function Mt(e) {
+function Ft(e) {
 	return {
 		...e.currency ? {
 			style: "currency",
@@ -108,17 +108,17 @@ function Mt(e) {
 }
 //#endregion
 //#region src/lib/icons.ts
-function Nt(e) {
+function It(e) {
 	return e.split("-").map((e) => e.charAt(0).toUpperCase() + e.slice(1)).join("");
 }
-var Pt = "circle";
-function Ft(e) {
+var Lt = "circle";
+function Rt(e) {
 	let t = e.trim();
-	return t ? t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase() : Pt;
+	return t ? t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase() : Lt;
 }
 //#endregion
 //#region src/lib/tones.ts
-var J = {
+var q = {
 	info: {
 		soft: "bg-primary-100 text-primary-800 dark:bg-primary-900/40 dark:text-primary-200",
 		outline: "border border-primary-300 text-primary-800 dark:border-primary-700 dark:text-primary-200",
@@ -149,14 +149,14 @@ var J = {
 		icon: "text-muted",
 		role: "status"
 	}
-}, It = "myghf-theme", Lt = "both", Rt = "system";
-function Y() {
+}, zt = "myghf-theme", Bt = "both", Vt = "system";
+function J() {
 	return typeof window < "u" && typeof document < "u";
 }
-function zt() {
-	return !Y() || typeof window.matchMedia != "function" ? "light" : window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+function Ht() {
+	return !J() || typeof window.matchMedia != "function" ? "light" : window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
 }
-function Bt(e) {
+function Ut(e) {
 	try {
 		let t = window.localStorage.getItem(e);
 		return t === "light" || t === "dark" || t === "system" ? t : null;
@@ -164,22 +164,22 @@ function Bt(e) {
 		return null;
 	}
 }
-function Vt(e) {
+function Wt(e) {
 	return {
-		storageKey: e.storageKey ?? It,
-		attribute: e.attribute ?? Lt,
-		defaultMode: e.defaultMode ?? Rt
+		storageKey: e.storageKey ?? zt,
+		attribute: e.attribute ?? Bt,
+		defaultMode: e.defaultMode ?? Vt
 	};
 }
-function Ht(e = {}) {
-	let { storageKey: t, attribute: n, defaultMode: r } = Vt(e), i = Y() ? Bt(t) ?? r : r, a = C(i), s = o(() => a.value === "system" ? zt() : a.value), c = o(() => s.value === "dark");
+function Gt(e = {}) {
+	let { storageKey: t, attribute: n, defaultMode: r } = Wt(e), i = J() ? Ut(t) ?? r : r, a = C(i), s = o(() => a.value === "system" ? Ht() : a.value), c = o(() => s.value === "dark");
 	function l() {
-		if (!Y()) return;
+		if (!J()) return;
 		let e = c.value, t = document.documentElement;
 		n === "both" || n === "class" ? t.classList.toggle("dark", e) : t.classList.remove("dark"), (n === "both" || n === "data-theme") && e ? t.setAttribute("data-theme", "dark") : t.removeAttribute("data-theme");
 	}
 	function u(e) {
-		if (Y()) try {
+		if (J()) try {
 			e === "system" ? window.localStorage.removeItem(t) : window.localStorage.setItem(t, e);
 		} catch {}
 	}
@@ -196,7 +196,7 @@ function Ht(e = {}) {
 		d("light");
 	}
 	function h() {
-		if (a.value = "system", Y()) try {
+		if (a.value = "system", J()) try {
 			window.localStorage.removeItem(t);
 		} catch {}
 		l();
@@ -212,20 +212,20 @@ function Ht(e = {}) {
 		reset: h
 	};
 }
-var Ut = null;
-function Wt(e) {
-	return Ut || (Ut = Ht(e), Ut);
+var Kt = null;
+function qt(e) {
+	return Kt || (Kt = Gt(e), Kt);
 }
 //#endregion
 //#region src/components/theme-toggle/ThemeToggle.vue?vue&type=script&setup=true&lang.ts
-var Gt = ["aria-label", "aria-pressed"], Kt = /* @__PURE__ */ p({
+var Jt = ["aria-label", "aria-pressed"], Yt = /* @__PURE__ */ p({
 	__name: "ThemeToggle",
 	props: {
 		size: { default: "default" },
 		label: { default: "Toggle theme" }
 	},
 	setup(e) {
-		let t = e, { isDark: n, toggle: r } = Wt(), i = {
+		let t = e, { isDark: n, toggle: r } = qt(), i = {
 			sm: "h-8 px-3 text-xs",
 			default: "h-9 px-4",
 			lg: "h-10 px-6"
@@ -242,16 +242,16 @@ var Gt = ["aria-label", "aria-pressed"], Kt = /* @__PURE__ */ p({
 			"aria-label": e.label,
 			"aria-pressed": O(n),
 			onClick: i[0] ||= (e) => O(r)()
-		}, [O(n) ? (x(), s(O(fe), { key: 0 })) : (x(), s(O(ue), { key: 1 }))], 10, Gt));
+		}, [O(n) ? (x(), s(O(pe), { key: 0 })) : (x(), s(O(de), { key: 1 }))], 10, Jt));
 	}
-}), X = /* @__PURE__ */ p({
+}), Y = /* @__PURE__ */ p({
 	__name: "Icon",
 	props: {
 		name: {},
 		size: { default: 16 }
 	},
 	setup(e) {
-		let t = e, n = o(() => L[Nt(Ft(t.name))] ?? L.Circle);
+		let t = e, n = o(() => I[It(Rt(t.name))] ?? I.Circle);
 		return (t, r) => (x(), s(E(n.value), {
 			size: e.size,
 			"aria-hidden": "true",
@@ -259,12 +259,12 @@ var Gt = ["aria-label", "aria-pressed"], Kt = /* @__PURE__ */ p({
 			name: e.name
 		}, null, 8, ["size", "name"]));
 	}
-}), qt = [
+}), Xt = [
 	"type",
 	"disabled",
 	"data-loading",
 	"aria-busy"
-], Z = /* @__PURE__ */ p({
+], X = /* @__PURE__ */ p({
 	__name: "Button",
 	props: {
 		variant: { default: "default" },
@@ -284,7 +284,7 @@ var Gt = ["aria-label", "aria-pressed"], Kt = /* @__PURE__ */ p({
 		iconPos: { default: "start" }
 	},
 	setup(e) {
-		let t = pe({
+		let t = me({
 			base: "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500 focus-visible:ring-offset-2 dark:focus-visible:ring-offset-background disabled:pointer-events-none disabled:opacity-50 [&_svg]:size-4 data-[loading=true]:cursor-not-allowed",
 			variants: {
 				variant: {
@@ -317,35 +317,35 @@ var Gt = ["aria-label", "aria-pressed"], Kt = /* @__PURE__ */ p({
 				size: e.size
 			})
 		}, O(r)), [
-			e.loading ? (x(), s(X, {
+			e.loading ? (x(), s(Y, {
 				key: 0,
 				name: "loader-circle",
 				class: "animate-spin",
 				"aria-hidden": "true"
-			})) : e.iconPos === "start" && e.icon ? (x(), s(X, {
+			})) : e.iconPos === "start" && e.icon ? (x(), s(Y, {
 				key: 1,
 				name: e.icon,
 				"aria-hidden": "true"
 			}, null, 8, ["name"])) : c("", !0),
 			T(n.$slots, "default", {}, () => [d(D(e.label), 1)]),
-			e.iconTrailing ? (x(), s(X, {
+			e.iconTrailing ? (x(), s(Y, {
 				key: 2,
 				name: e.iconTrailing,
 				"aria-hidden": "true"
-			}, null, 8, ["name"])) : e.iconPos === "end" && e.icon ? (x(), s(X, {
+			}, null, 8, ["name"])) : e.iconPos === "end" && e.icon ? (x(), s(Y, {
 				key: 3,
 				name: e.icon,
 				"aria-hidden": "true"
 			}, null, 8, ["name"])) : c("", !0)
-		], 16, qt));
+		], 16, Xt));
 	}
-}), Jt = Symbol("myghf-form-field");
-function Q() {
-	return m(Jt, null);
+}), Zt = Symbol("myghf-form-field");
+function Z() {
+	return m(Zt, null);
 }
 //#endregion
 //#region src/components/input/Input.vue?vue&type=script&setup=true&lang.ts
-var Yt = { class: "relative w-full" }, Xt = [
+var Qt = { class: "relative w-full" }, $t = [
 	"id",
 	"type",
 	"name",
@@ -356,7 +356,7 @@ var Yt = { class: "relative w-full" }, Xt = [
 	"required",
 	"aria-invalid",
 	"aria-describedby"
-], Zt = /* @__PURE__ */ p({
+], en = /* @__PURE__ */ p({
 	__name: "Input",
 	props: {
 		modelValue: {},
@@ -380,9 +380,9 @@ var Yt = { class: "relative w-full" }, Xt = [
 	},
 	emits: ["update:modelValue"],
 	setup(e, { expose: t, emit: n }) {
-		let r = e, i = n, a = k(), d = C(), f = Q(), p = o(() => r.id ?? f?.id.value), m = o(() => r.invalid ?? f?.invalid.value ?? !1), g = o(() => r.required ?? f?.required.value ?? !1), _ = o(() => f?.describedBy.value);
-		return t({ focus: () => d.value?.focus() }), (t, n) => (x(), l("div", Yt, [
-			e.leadingIcon ? (x(), s(X, {
+		let r = e, i = n, a = k(), d = C(), f = Z(), p = o(() => r.id ?? f?.id.value), m = o(() => r.invalid ?? f?.invalid.value ?? !1), g = o(() => r.required ?? f?.required.value ?? !1), _ = o(() => f?.describedBy.value);
+		return t({ focus: () => d.value?.focus() }), (t, n) => (x(), l("div", Qt, [
+			e.leadingIcon ? (x(), s(Y, {
 				key: 0,
 				name: e.leadingIcon,
 				class: "pointer-events-none absolute start-3 top-1/2 size-4 -translate-y-1/2 text-muted"
@@ -407,24 +407,24 @@ var Yt = { class: "relative w-full" }, Xt = [
 					e.trailingIcon ? "pe-9" : "pe-3",
 					m.value ? "border-error-500 focus-visible:ring-error-500" : ""
 				]
-			}, O(a), { onInput: n[0] ||= (e) => i("update:modelValue", e.target.value) }), null, 16, Xt),
-			e.trailingIcon ? (x(), s(X, {
+			}, O(a), { onInput: n[0] ||= (e) => i("update:modelValue", e.target.value) }), null, 16, $t),
+			e.trailingIcon ? (x(), s(Y, {
 				key: 1,
 				name: e.trailingIcon,
 				class: "pointer-events-none absolute end-3 top-1/2 size-4 -translate-y-1/2 text-muted"
 			}, null, 8, ["name"])) : c("", !0)
 		]));
 	}
-}), Qt = {
+}), tn = {
 	key: 0,
 	class: "shrink-0 select-none text-muted"
-}, $t = {
+}, nn = {
 	key: 1,
 	class: "shrink-0 select-none text-muted"
-}, en = {
+}, rn = {
 	key: 2,
 	class: "ms-1 flex shrink-0 flex-col"
-}, tn = /* @__PURE__ */ p({
+}, an = /* @__PURE__ */ p({
 	inheritAttrs: !1,
 	__name: "InputNumber",
 	props: {
@@ -450,7 +450,7 @@ var Yt = { class: "relative w-full" }, Xt = [
 	},
 	emits: ["update:modelValue"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, i = k(), a = o(() => Number.isFinite(n.step) && n.step > 0 ? n.step : 1), s = o(() => Mt({
+		let n = e, r = t, i = k(), a = o(() => Number.isFinite(n.step) && n.step > 0 ? n.step : 1), s = o(() => Ft({
 			currency: n.currency,
 			formatOptions: n.formatOptions,
 			integer: n.integer
@@ -465,7 +465,7 @@ var Yt = { class: "relative w-full" }, Xt = [
 			e.size === "sm" ? "h-8 text-xs" : e.size === "lg" ? "h-10" : "h-9",
 			e.invalid ? "border-error-500 focus-within:ring-error-500" : "",
 			e.disabled ? "cursor-not-allowed opacity-50" : ""
-		]]) }, [f(O(Fe), {
+		]]) }, [f(O(Ie), {
 			"model-value": e.modelValue,
 			min: e.min,
 			max: e.max,
@@ -478,11 +478,11 @@ var Yt = { class: "relative w-full" }, Xt = [
 			id: e.id,
 			name: e.name,
 			class: "flex min-w-0 flex-1 items-center gap-1",
-			"onUpdate:modelValue": n[0] ||= (e) => r("update:modelValue", O(jt)(e))
+			"onUpdate:modelValue": n[0] ||= (e) => r("update:modelValue", O(Pt)(e))
 		}, {
-			default: P(() => [
-				e.prefix ? (x(), l("span", Qt, D(e.prefix), 1)) : c("", !0),
-				f(O(Pe), h(O(i), {
+			default: N(() => [
+				e.prefix ? (x(), l("span", tn, D(e.prefix), 1)) : c("", !0),
+				f(O(Fe), h(O(i), {
 					placeholder: e.placeholder,
 					"aria-invalid": e.invalid || void 0,
 					"aria-valuetext": u.value,
@@ -492,15 +492,15 @@ var Yt = { class: "relative w-full" }, Xt = [
 					"aria-invalid",
 					"aria-valuetext"
 				]),
-				e.suffix ? (x(), l("span", $t, D(e.suffix), 1)) : c("", !0),
-				e.showButtons ? (x(), l("div", en, [f(O(Ne), { class: "flex size-4 items-center justify-center rounded text-muted transition-colors hover:text-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-primary-500 disabled:cursor-not-allowed disabled:opacity-40" }, {
-					default: P(() => [f(X, {
+				e.suffix ? (x(), l("span", nn, D(e.suffix), 1)) : c("", !0),
+				e.showButtons ? (x(), l("div", rn, [f(O(Pe), { class: "flex size-4 items-center justify-center rounded text-muted transition-colors hover:text-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-primary-500 disabled:cursor-not-allowed disabled:opacity-40" }, {
+					default: N(() => [f(Y, {
 						name: "chevron-up",
 						size: 12
 					})]),
 					_: 1
-				}), f(O(Me), { class: "flex size-4 items-center justify-center rounded text-muted transition-colors hover:text-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-primary-500 disabled:cursor-not-allowed disabled:opacity-40" }, {
-					default: P(() => [f(X, {
+				}), f(O(Ne), { class: "flex size-4 items-center justify-center rounded text-muted transition-colors hover:text-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-primary-500 disabled:cursor-not-allowed disabled:opacity-40" }, {
+					default: N(() => [f(Y, {
 						name: "chevron-down",
 						size: 12
 					})]),
@@ -522,7 +522,7 @@ var Yt = { class: "relative w-full" }, Xt = [
 			"name"
 		])], 2));
 	}
-}), nn = [
+}), on = [
 	"id",
 	"value",
 	"placeholder",
@@ -531,7 +531,7 @@ var Yt = { class: "relative w-full" }, Xt = [
 	"required",
 	"aria-invalid",
 	"aria-describedby"
-], rn = /* @__PURE__ */ p({
+], sn = /* @__PURE__ */ p({
 	__name: "Textarea",
 	props: {
 		modelValue: {},
@@ -552,7 +552,7 @@ var Yt = { class: "relative w-full" }, Xt = [
 	},
 	emits: ["update:modelValue"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, i = k(), a = C(), s = Q(), c = C(!1), u = o(() => n.id ?? s?.id.value), d = o(() => n.invalid ?? s?.invalid.value ?? !1), f = o(() => n.required ?? s?.required.value ?? !1), p = o(() => s?.describedBy.value);
+		let n = e, r = t, i = k(), a = C(), s = Z(), c = C(!1), u = o(() => n.id ?? s?.id.value), d = o(() => n.invalid ?? s?.invalid.value ?? !1), f = o(() => n.required ?? s?.required.value ?? !1), p = o(() => s?.describedBy.value);
 		function m() {
 			if (!n.autoResize || !a.value) return;
 			let e = a.value;
@@ -567,7 +567,7 @@ var Yt = { class: "relative w-full" }, Xt = [
 		function g(e) {
 			r("update:modelValue", e.target.value), m();
 		}
-		return b(m), N(() => n.modelValue, m, { flush: "post" }), (t, n) => (x(), l("textarea", h({
+		return b(m), M(() => n.modelValue, m, { flush: "post" }), (t, n) => (x(), l("textarea", h({
 			ref_key: "el",
 			ref: a,
 			id: u.value,
@@ -584,19 +584,19 @@ var Yt = { class: "relative w-full" }, Xt = [
 				e.autoResize ? "resize-none" : "",
 				c.value ? "overflow-y-auto" : ""
 			]
-		}, O(i), { onInput: g }), null, 16, nn));
+		}, O(i), { onInput: g }), null, 16, on));
 	}
-}), an = { class: "w-full" }, on = { class: "relative w-full" }, sn = [
+}), cn = { class: "w-full" }, ln = { class: "relative w-full" }, un = [
 	"id",
 	"type",
 	"value",
 	"placeholder",
 	"disabled"
-], cn = ["disabled"], ln = {
+], dn = ["disabled"], fn = {
 	key: 0,
 	class: "mt-1.5 flex items-center gap-1.5",
 	"aria-hidden": "true"
-}, un = /* @__PURE__ */ p({
+}, pn = /* @__PURE__ */ p({
 	__name: "Password",
 	props: {
 		modelValue: {},
@@ -617,7 +617,7 @@ var Yt = { class: "relative w-full" }, Xt = [
 			let t = 0;
 			return e.length >= 8 && t++, e.length >= 12 && t++, /[A-Z]/.test(e) && /[a-z]/.test(e) && t++, /\d/.test(e) && t++, /[^A-Za-z0-9]/.test(e) && t++, Math.max(1, Math.min(4, Math.ceil(t / 5 * 4)));
 		});
-		return (t, n) => (x(), l("div", an, [u("div", on, [u("input", h({
+		return (t, n) => (x(), l("div", cn, [u("div", ln, [u("input", h({
 			id: e.id,
 			type: f.value,
 			value: e.modelValue,
@@ -628,41 +628,41 @@ var Yt = { class: "relative w-full" }, Xt = [
 				e.invalid ? "border-error-500 focus-visible:ring-error-500" : "",
 				"pe-10"
 			]
-		}, O(i), { onInput: n[0] ||= (e) => r("update:modelValue", e.target.value) }), null, 16, sn), u("button", {
+		}, O(i), { onInput: n[0] ||= (e) => r("update:modelValue", e.target.value) }), null, 16, un), u("button", {
 			type: "button",
 			disabled: e.disabled,
 			"aria-label": "Toggle password visibility",
 			class: "absolute end-2 top-1/2 -translate-y-1/2 rounded p-1 text-muted transition-colors hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500",
 			onClick: n[1] ||= (e) => d.value = !d.value
-		}, [d.value ? (x(), s(O(le), {
+		}, [d.value ? (x(), s(O(ue), {
 			key: 0,
 			class: "size-4"
-		})) : (x(), s(O(ce), {
+		})) : (x(), s(O(le), {
 			key: 1,
 			class: "size-4"
-		}))], 8, cn)]), e.feedback && e.modelValue ? (x(), l("div", ln, [(x(), l(a, null, w(4, (e) => u("span", {
+		}))], 8, dn)]), e.feedback && e.modelValue ? (x(), l("div", fn, [(x(), l(a, null, w(4, (e) => u("span", {
 			key: e,
 			class: g(["h-1 flex-1 rounded-full transition-colors", e <= p.value ? "bg-success-500" : "bg-surface-muted"])
 		}, null, 2)), 64))])) : c("", !0)]));
 	}
-}), dn = ["for"], fn = {
+}), mn = ["for"], hn = {
 	key: 0,
 	class: "text-error-600",
 	"aria-hidden": "true"
-}, pn = /* @__PURE__ */ p({
+}, gn = /* @__PURE__ */ p({
 	__name: "Label",
 	props: {
 		for: {},
 		required: { type: Boolean }
 	},
 	setup(e) {
-		let t = e, n = Q(), r = o(() => t.for ?? n?.id.value);
+		let t = e, n = Z(), r = o(() => t.for ?? n?.id.value);
 		return (t, n) => (x(), l("label", {
 			for: r.value,
 			class: "text-sm font-medium text-foreground text-start"
-		}, [T(t.$slots, "default"), e.required ? (x(), l("span", fn, "*")) : c("", !0)], 8, dn));
+		}, [T(t.$slots, "default"), e.required ? (x(), l("span", hn, "*")) : c("", !0)], 8, mn));
 	}
-}), mn = ["id"], hn = /* @__PURE__ */ p({
+}), _n = ["id"], vn = /* @__PURE__ */ p({
 	__name: "FormDescription",
 	props: { id: {} },
 	setup(e) {
@@ -670,9 +670,9 @@ var Yt = { class: "relative w-full" }, Xt = [
 			key: 0,
 			id: e.id,
 			class: "text-sm text-muted"
-		}, [T(t.$slots, "default")], 8, mn)) : c("", !0);
+		}, [T(t.$slots, "default")], 8, _n)) : c("", !0);
 	}
-}), gn = ["id"], _n = /* @__PURE__ */ p({
+}), yn = ["id"], bn = /* @__PURE__ */ p({
 	__name: "FormMessage",
 	props: { id: {} },
 	setup(e) {
@@ -681,9 +681,9 @@ var Yt = { class: "relative w-full" }, Xt = [
 			id: e.id,
 			role: "alert",
 			class: "text-sm text-error-600"
-		}, [T(t.$slots, "default")], 8, gn)) : c("", !0);
+		}, [T(t.$slots, "default")], 8, yn)) : c("", !0);
 	}
-}), vn = { class: "grid gap-2" }, yn = /* @__PURE__ */ p({
+}), xn = { class: "grid gap-2" }, Sn = /* @__PURE__ */ p({
 	__name: "FormField",
 	props: {
 		label: {},
@@ -706,38 +706,38 @@ var Yt = { class: "relative w-full" }, Xt = [
 			let e = [];
 			return (t.description || n.description) && e.push(`${a.value}-description`), (t.error || n.error) && e.push(`${a.value}-error`), e.length > 0 ? e.join(" ") : void 0;
 		});
-		return S(Jt, {
+		return S(Zt, {
 			id: a,
 			describedBy: p,
 			invalid: u,
 			required: f
-		}), (t, n) => (x(), l("div", vn, [
-			e.label || t.$slots.label ? (x(), s(pn, {
+		}), (t, n) => (x(), l("div", xn, [
+			e.label || t.$slots.label ? (x(), s(gn, {
 				key: 0,
 				for: a.value,
 				required: f.value
 			}, {
-				default: P(() => [T(t.$slots, "label", {}, () => [d(D(e.label), 1)])]),
+				default: N(() => [T(t.$slots, "label", {}, () => [d(D(e.label), 1)])]),
 				_: 3
 			}, 8, ["for", "required"])) : c("", !0),
 			T(t.$slots, "default"),
-			e.description || t.$slots.description ? (x(), s(hn, {
+			e.description || t.$slots.description ? (x(), s(vn, {
 				key: 1,
 				id: `${a.value}-description`
 			}, {
-				default: P(() => [T(t.$slots, "description", {}, () => [d(D(e.description), 1)])]),
+				default: N(() => [T(t.$slots, "description", {}, () => [d(D(e.description), 1)])]),
 				_: 3
 			}, 8, ["id"])) : c("", !0),
-			e.error || t.$slots.error ? (x(), s(_n, {
+			e.error || t.$slots.error ? (x(), s(bn, {
 				key: 2,
 				id: `${a.value}-error`
 			}, {
-				default: P(() => [T(t.$slots, "error", {}, () => [d(D(e.error), 1)])]),
+				default: N(() => [T(t.$slots, "error", {}, () => [d(D(e.error), 1)])]),
 				_: 3
 			}, 8, ["id"])) : c("", !0)
 		]));
 	}
-}), bn = /* @__PURE__ */ p({
+}), Cn = /* @__PURE__ */ p({
 	__name: "Checkbox",
 	props: {
 		modelValue: {
@@ -750,15 +750,15 @@ var Yt = { class: "relative w-full" }, Xt = [
 	emits: ["update:modelValue"],
 	setup(e, { emit: t }) {
 		let n = t;
-		return (t, r) => (x(), s(O(he), {
+		return (t, r) => (x(), s(O(ge), {
 			id: e.id,
 			"model-value": e.modelValue,
 			disabled: e.disabled,
 			class: "peer size-4 shrink-0 rounded border border-border bg-surface shadow-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500 focus-visible:ring-offset-2 dark:focus-visible:ring-offset-background data-[state=checked]:border-primary-500 data-[state=checked]:bg-primary-500 data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50",
 			"onUpdate:modelValue": r[0] ||= (e) => n("update:modelValue", e)
 		}, {
-			default: P(() => [f(O(me), { class: "flex items-center justify-center text-white" }, {
-				default: P(() => [f(O(R), { class: "size-3.5" })]),
+			default: N(() => [f(O(he), { class: "flex items-center justify-center text-white" }, {
+				default: N(() => [f(O(L), { class: "size-3.5" })]),
 				_: 1
 			})]),
 			_: 1
@@ -768,7 +768,7 @@ var Yt = { class: "relative w-full" }, Xt = [
 			"disabled"
 		]));
 	}
-}), xn = ["aria-label"], Sn = /* @__PURE__ */ p({
+}), wn = ["aria-label"], Tn = /* @__PURE__ */ p({
 	__name: "Tag",
 	props: {
 		tone: { default: "secondary" },
@@ -779,8 +779,8 @@ var Yt = { class: "relative w-full" }, Xt = [
 	emits: ["remove"],
 	setup(e, { emit: t }) {
 		let n = t;
-		return (t, r) => (x(), l("span", { class: g(["inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-xs font-medium", O(J)[e.tone].soft]) }, [
-			e.icon ? (x(), s(X, {
+		return (t, r) => (x(), l("span", { class: g(["inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-xs font-medium", O(q)[e.tone].soft]) }, [
+			e.icon ? (x(), s(Y, {
 				key: 0,
 				name: e.icon,
 				class: "size-3"
@@ -791,14 +791,14 @@ var Yt = { class: "relative w-full" }, Xt = [
 				type: "button",
 				"aria-label": e.removeLabel,
 				class: "-me-0.5 ms-0.5 rounded-full p-0.5 transition-colors hover:bg-black/10 dark:hover:bg-white/10 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500",
-				onClick: r[0] ||= I((e) => n("remove"), ["stop"])
-			}, [f(O(H), { class: "size-3" })], 8, xn)) : c("", !0)
+				onClick: r[0] ||= F((e) => n("remove"), ["stop"])
+			}, [f(O(V), { class: "size-3" })], 8, wn)) : c("", !0)
 		], 2));
 	}
-}), Cn = ["role"], wn = { class: "min-w-0 flex-1" }, Tn = {
+}), En = ["role"], Dn = { class: "min-w-0 flex-1" }, On = {
 	key: 0,
 	class: "font-medium"
-}, En = ["aria-label"], Dn = /* @__PURE__ */ p({
+}, kn = ["aria-label"], An = /* @__PURE__ */ p({
 	__name: "Alert",
 	props: {
 		tone: { default: "info" },
@@ -830,7 +830,7 @@ var Yt = { class: "relative w-full" }, Xt = [
 			m !== void 0 && (clearTimeout(m), m = void 0);
 		}
 		function S(e) {
-			y(), !(e <= 0) && (_ = e, h = Date.now() + e, m = setTimeout(M, e));
+			y(), !(e <= 0) && (_ = e, h = Date.now() + e, m = setTimeout(j, e));
 		}
 		function w() {
 			m !== void 0 && (y(), _ = Math.max(0, h - Date.now()));
@@ -838,7 +838,7 @@ var Yt = { class: "relative w-full" }, Xt = [
 		function E() {
 			if (!(a.value || o.value || p.value || m !== void 0) && !(!n.duration || n.duration <= 0)) {
 				if (_ <= 0) {
-					M();
+					j();
 					return;
 				}
 				S(_);
@@ -853,30 +853,30 @@ var Yt = { class: "relative w-full" }, Xt = [
 		function A() {
 			p.value = !0, w();
 		}
-		function j() {
+		function te() {
 			p.value = !1, E();
 		}
-		function M() {
+		function j() {
 			a.value || (a.value = !0, y(), r("close"));
 		}
 		return b(() => {
 			n.duration && n.duration > 0 && S(n.duration);
 		}), v(y), (t, n) => a.value ? c("", !0) : (x(), l("div", {
 			key: 0,
-			role: O(J)[e.tone].role,
-			class: g(["flex w-full items-start gap-3 rounded-lg p-4 text-sm", O(J)[e.tone][e.variant]]),
+			role: O(q)[e.tone].role,
+			class: g(["flex w-full items-start gap-3 rounded-lg p-4 text-sm", O(q)[e.tone][e.variant]]),
 			onMouseenter: k,
 			onMouseleave: ee,
 			onFocusin: A,
-			onFocusout: j
+			onFocusout: te
 		}, [
-			T(t.$slots, "icon", {}, () => [e.showIcon ? (x(), s(X, {
+			T(t.$slots, "icon", {}, () => [e.showIcon ? (x(), s(Y, {
 				key: 0,
 				name: e.icon || i[e.tone],
-				class: g(["mt-0.5 size-4 shrink-0", O(J)[e.tone].icon])
+				class: g(["mt-0.5 size-4 shrink-0", O(q)[e.tone].icon])
 			}, null, 8, ["name", "class"])) : c("", !0)]),
-			u("div", wn, [
-				e.title || t.$slots.title ? (x(), l("p", Tn, [T(t.$slots, "title", {}, () => [d(D(e.title), 1)])])) : c("", !0),
+			u("div", Dn, [
+				e.title || t.$slots.title ? (x(), l("p", On, [T(t.$slots, "title", {}, () => [d(D(e.title), 1)])])) : c("", !0),
 				e.description || t.$slots.description ? (x(), l("div", {
 					key: 1,
 					class: g(["leading-relaxed", e.title || t.$slots.title ? "mt-1" : ""])
@@ -889,11 +889,11 @@ var Yt = { class: "relative w-full" }, Xt = [
 				type: "button",
 				"aria-label": e.closeLabel,
 				class: "-me-1 -mt-1 ms-auto shrink-0 rounded-md p-1 transition-colors hover:bg-black/10 dark:hover:bg-white/10 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500",
-				onClick: M
-			}, [T(t.$slots, "close", {}, () => [f(O(H), { class: "size-4" })])], 8, En)) : c("", !0)
-		], 42, Cn));
+				onClick: j
+			}, [T(t.$slots, "close", {}, () => [f(O(V), { class: "size-4" })])], 8, kn)) : c("", !0)
+		], 42, En));
 	}
-}), On = { class: "sr-only" }, kn = /* @__PURE__ */ p({
+}), jn = { class: "sr-only" }, Mn = /* @__PURE__ */ p({
 	__name: "Spinner",
 	props: {
 		size: { default: "default" },
@@ -905,18 +905,18 @@ var Yt = { class: "relative w-full" }, Xt = [
 			sm: "size-4",
 			default: "size-5",
 			lg: "size-6"
-		}, r = o(() => U("inline-flex items-center", J[t.tone].icon));
+		}, r = o(() => H("inline-flex items-center", q[t.tone].icon));
 		return (t, i) => (x(), l("span", {
 			role: "status",
 			"aria-live": "polite",
 			class: g(r.value)
-		}, [f(X, {
+		}, [f(Y, {
 			name: "loader-circle",
-			class: g(O(U)("animate-spin", n[e.size])),
+			class: g(O(H)("animate-spin", n[e.size])),
 			"aria-hidden": "true"
-		}, null, 8, ["class"]), u("span", On, D(e.label), 1)], 2));
+		}, null, 8, ["class"]), u("span", jn, D(e.label), 1)], 2));
 	}
-}), An = /* @__PURE__ */ p({
+}), Nn = /* @__PURE__ */ p({
 	inheritAttrs: !1,
 	__name: "Skeleton",
 	props: {
@@ -925,7 +925,7 @@ var Yt = { class: "relative w-full" }, Xt = [
 		height: {}
 	},
 	setup(e) {
-		let t = pe({
+		let t = me({
 			base: "animate-pulse bg-surface-muted",
 			variants: { rounded: {
 				none: "",
@@ -944,7 +944,7 @@ var Yt = { class: "relative w-full" }, Xt = [
 			}
 		}, n.$attrs), [T(n.$slots, "default")], 16));
 	}
-}), jn = ["src", "alt"], Mn = ["role", "aria-label"], Nn = /* @__PURE__ */ p({
+}), Pn = ["src", "alt"], Fn = ["role", "aria-label"], In = /* @__PURE__ */ p({
 	inheritAttrs: !1,
 	__name: "Avatar",
 	props: {
@@ -968,58 +968,58 @@ var Yt = { class: "relative w-full" }, Xt = [
 			let e = t.alt ?? t.name ?? i.value;
 			return e === "" ? void 0 : e;
 		}), c = C(!1);
-		return N(() => t.src, () => {
+		return M(() => t.src, () => {
 			c.value = !1;
 		}), (t, n) => e.src && !c.value ? (x(), l("img", h({ key: 0 }, t.$attrs, {
 			src: e.src,
 			alt: e.alt ?? e.name ?? "",
-			class: O(U)(a.value, "shrink-0 rounded-full object-cover"),
+			class: O(H)(a.value, "shrink-0 rounded-full object-cover"),
 			onError: n[0] ||= (e) => c.value = !0
-		}), null, 16, jn)) : (x(), l("span", h({ key: 1 }, t.$attrs, {
+		}), null, 16, Pn)) : (x(), l("span", h({ key: 1 }, t.$attrs, {
 			role: s.value ? "img" : void 0,
 			"aria-label": s.value,
-			class: O(U)(a.value, O(J).info.soft, "inline-flex shrink-0 items-center justify-center rounded-full font-medium")
-		}), D(i.value), 17, Mn));
+			class: O(H)(a.value, O(q).info.soft, "inline-flex shrink-0 items-center justify-center rounded-full font-medium")
+		}), D(i.value), 17, Fn));
 	}
-}), Pn = /* @__PURE__ */ p({
+}), Ln = /* @__PURE__ */ p({
 	__name: "Tabs",
 	props: { modelValue: {} },
 	emits: ["update:modelValue"],
 	setup(e, { emit: t }) {
 		let n = t;
-		return (t, r) => (x(), s(O(Ze), {
+		return (t, r) => (x(), s(O(et), {
 			"model-value": e.modelValue,
 			"onUpdate:modelValue": r[0] ||= (e) => n("update:modelValue", e)
 		}, {
-			default: P(() => [T(t.$slots, "default")]),
+			default: N(() => [T(t.$slots, "default")]),
 			_: 3
 		}, 8, ["model-value"]));
 	}
-}), Fn = /* @__PURE__ */ p({
+}), Rn = /* @__PURE__ */ p({
 	__name: "TabsList",
 	setup(e) {
-		return (e, t) => (x(), s(O(Xe), { class: "inline-flex h-9 w-full items-center justify-start gap-1 rounded-lg bg-surface-muted p-1 text-muted" }, {
-			default: P(() => [T(e.$slots, "default")]),
+		return (e, t) => (x(), s(O($e), { class: "inline-flex h-9 w-full items-center justify-start gap-1 rounded-lg bg-surface-muted p-1 text-muted" }, {
+			default: N(() => [T(e.$slots, "default")]),
 			_: 3
 		}));
 	}
-}), In = /* @__PURE__ */ p({
+}), zn = /* @__PURE__ */ p({
 	__name: "TabsTrigger",
 	props: {
 		value: {},
 		disabled: { type: Boolean }
 	},
 	setup(e) {
-		return (t, n) => (x(), s(O(Qe), {
+		return (t, n) => (x(), s(O(tt), {
 			value: e.value,
 			disabled: e.disabled,
 			class: "inline-flex items-center justify-center whitespace-nowrap rounded-md px-3 py-1 text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500 data-[state=active]:bg-surface data-[state=active]:text-foreground data-[state=active]:shadow-sm data-[disabled]:opacity-50"
 		}, {
-			default: P(() => [T(t.$slots, "default")]),
+			default: N(() => [T(t.$slots, "default")]),
 			_: 3
 		}, 8, ["value", "disabled"]));
 	}
-}), Ln = /* @__PURE__ */ p({
+}), Bn = /* @__PURE__ */ p({
 	__name: "TabsContent",
 	props: {
 		value: {},
@@ -1029,15 +1029,15 @@ var Yt = { class: "relative w-full" }, Xt = [
 		}
 	},
 	setup(e) {
-		return (t, n) => (x(), s(O(Ye), {
+		return (t, n) => (x(), s(O(Qe), {
 			value: e.value,
 			class: g(["focus-visible:outline-none", e.padding ? "pt-4" : ""])
 		}, {
-			default: P(() => [T(t.$slots, "default")]),
+			default: N(() => [T(t.$slots, "default")]),
 			_: 3
 		}, 8, ["value", "class"]));
 	}
-}), Rn = { class: "truncate" }, zn = { class: "ms-auto flex shrink-0 items-center gap-1" }, Bn = /* @__PURE__ */ p({
+}), Vn = { class: "truncate" }, Hn = { class: "ms-auto flex shrink-0 items-center gap-1" }, Un = /* @__PURE__ */ p({
 	__name: "Select",
 	props: {
 		modelValue: {},
@@ -1061,7 +1061,7 @@ var Yt = { class: "relative w-full" }, Xt = [
 	},
 	emits: ["update:modelValue"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, i = Q(), p = o(() => n.id ?? i?.id.value), m = o(() => n.invalid ?? i?.invalid.value ?? !1), g = o(() => n.required ?? i?.required.value ?? !1), _ = o(() => i?.describedBy.value), v = C(!1);
+		let n = e, r = t, i = Z(), p = o(() => n.id ?? i?.id.value), m = o(() => n.invalid ?? i?.invalid.value ?? !1), g = o(() => n.required ?? i?.required.value ?? !1), _ = o(() => i?.describedBy.value), v = C(!1);
 		function y(e) {
 			return e && typeof e == "object" && n.optionValue ? e[n.optionValue] ?? e : e;
 		}
@@ -1072,7 +1072,7 @@ var Yt = { class: "relative w-full" }, Xt = [
 		function E() {
 			r("update:modelValue", n.multiple ? [] : null);
 		}
-		return (t, n) => (x(), s(O(Ke), {
+		return (t, n) => (x(), s(O(Ye), {
 			open: v.value,
 			"onUpdate:open": n[0] ||= (e) => v.value = e,
 			"model-value": e.modelValue,
@@ -1081,50 +1081,53 @@ var Yt = { class: "relative w-full" }, Xt = [
 			required: g.value || void 0,
 			"onUpdate:modelValue": n[1] ||= (e) => r("update:modelValue", e)
 		}, {
-			default: P(() => [f(O(qe), h({
-				class: O(U)("flex w-full items-center justify-between gap-2 rounded-md border border-border bg-surface px-3 text-sm text-foreground shadow-sm transition-colors placeholder:text-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500 disabled:cursor-not-allowed disabled:opacity-50", e.size === "sm" ? "h-8 text-xs" : "h-9", m.value ? "border-error-500 focus-visible:ring-error-500" : "", t.$attrs.class || ""),
+			default: N(() => [f(O(Xe), h({
+				class: O(H)("flex w-full items-center justify-between gap-2 rounded-md border border-border bg-surface px-3 text-sm text-foreground shadow-sm transition-colors placeholder:text-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500 disabled:cursor-not-allowed disabled:opacity-50", e.size === "sm" ? "h-8 text-xs" : "h-9", m.value ? "border-error-500 focus-visible:ring-error-500" : "", t.$attrs.class || ""),
 				id: p.value,
 				"aria-invalid": m.value || void 0,
 				"aria-describedby": _.value
 			}, t.$attrs), {
-				default: P(() => [f(O(Je), { placeholder: e.placeholder }, {
-					default: P(() => [u("span", Rn, D(S.value || e.placeholder), 1)]),
+				default: N(() => [f(O(Ze), { placeholder: e.placeholder }, {
+					default: N(() => [u("span", Vn, D(S.value || e.placeholder), 1)]),
 					_: 1
-				}, 8, ["placeholder"]), u("span", zn, [e.clearable && T.value ? (x(), l("button", {
+				}, 8, ["placeholder"]), u("span", Hn, [e.clearable && T.value ? (x(), l("button", {
 					key: 0,
 					type: "button",
 					"aria-label": "Clear selection",
 					class: "rounded p-0.5 text-muted transition-colors hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500",
-					onClick: I(E, ["stop"])
-				}, [f(O(H), { class: "size-3.5" })])) : c("", !0), f(O(z), { class: "size-4 opacity-50" })])]),
+					onClick: F(E, ["stop"])
+				}, [f(O(V), { class: "size-3.5" })])) : c("", !0), f(O(R), { class: "size-4 opacity-50" })])]),
 				_: 1
 			}, 16, [
 				"class",
 				"id",
 				"aria-invalid",
 				"aria-describedby"
-			]), v.value ? (x(), s(O(He), {
-				key: 0,
-				position: "popper",
-				"side-offset": 4,
-				class: "z-50 min-w-[--reka-select-trigger-width] rounded-md border border-border bg-surface p-1 shadow-popover"
-			}, {
-				default: P(() => [(x(!0), l(a, null, w(e.options, (e) => (x(), s(O(Ue), {
-					key: String(y(e)),
-					value: y(e),
-					class: "relative flex cursor-pointer select-none items-center rounded px-2 py-1.5 pe-8 text-sm text-foreground outline-none transition-colors focus:bg-surface-muted data-[highlighted]:bg-surface-muted data-[disabled]:opacity-50"
+			]), f(O(Je), null, {
+				default: N(() => [v.value ? (x(), s(O(We), {
+					key: 0,
+					position: "popper",
+					"side-offset": 4,
+					class: "z-50 min-w-[--reka-select-trigger-width] rounded-md border border-border bg-surface p-1 shadow-popover"
 				}, {
-					default: P(() => [f(O(Ge), null, {
-						default: P(() => [d(D(b(e)), 1)]),
+					default: N(() => [(x(!0), l(a, null, w(e.options, (e) => (x(), s(O(Ge), {
+						key: String(y(e)),
+						value: y(e),
+						class: "relative flex cursor-pointer select-none items-center rounded px-2 py-1.5 pe-8 text-sm text-foreground outline-none transition-colors focus:bg-surface-muted data-[highlighted]:bg-surface-muted data-[disabled]:opacity-50"
+					}, {
+						default: N(() => [f(O(qe), null, {
+							default: N(() => [d(D(b(e)), 1)]),
+							_: 2
+						}, 1024), f(O(Ke), { class: "absolute end-2 flex items-center justify-center text-primary-600" }, {
+							default: N(() => [f(O(L), { class: "size-4" })]),
+							_: 1
+						})]),
 						_: 2
-					}, 1024), f(O(We), { class: "absolute end-2 flex items-center justify-center text-primary-600" }, {
-						default: P(() => [f(O(R), { class: "size-4" })]),
-						_: 1
-					})]),
-					_: 2
-				}, 1032, ["value"]))), 128))]),
+					}, 1032, ["value"]))), 128))]),
+					_: 1
+				})) : c("", !0)]),
 				_: 1
-			})) : c("", !0)]),
+			})]),
 			_: 1
 		}, 8, [
 			"open",
@@ -1134,7 +1137,7 @@ var Yt = { class: "relative w-full" }, Xt = [
 			"required"
 		]));
 	}
-}), Vn = /* @__PURE__ */ p({
+}), Wn = /* @__PURE__ */ p({
 	__name: "SelectButton",
 	props: {
 		modelValue: {},
@@ -1180,7 +1183,7 @@ var Yt = { class: "relative w-full" }, Xt = [
 			g(), typeof ResizeObserver < "u" && i.value?.$el && (y = new ResizeObserver(g), y.observe(i.value.$el)), window.addEventListener("resize", g);
 		}), v(() => {
 			cancelAnimationFrame(c), y?.disconnect(), window.removeEventListener("resize", g);
-		}), N(() => n.modelValue, g), N(() => n.options, g, { deep: !0 }), (t, n) => (x(), s(O(Ve), {
+		}), M(() => n.modelValue, g), M(() => n.options, g, { deep: !0 }), (t, n) => (x(), s(O(Ue), {
 			ref_key: "rootEl",
 			ref: i,
 			"model-value": e.modelValue,
@@ -1188,7 +1191,7 @@ var Yt = { class: "relative w-full" }, Xt = [
 			class: "relative inline-flex flex-wrap items-center gap-1 rounded-md border border-border bg-surface p-1",
 			"onUpdate:modelValue": n[0] ||= (e) => r("update:modelValue", e)
 		}, {
-			default: P(() => [F(u("span", {
+			default: N(() => [P(u("span", {
 				"aria-hidden": "true",
 				class: "pointer-events-none absolute rounded bg-primary-500 transition-all duration-200 ease-out motion-reduce:transition-none",
 				style: _({
@@ -1197,31 +1200,31 @@ var Yt = { class: "relative w-full" }, Xt = [
 					width: `${o.value.width}px`,
 					height: `${o.value.height}px`
 				})
-			}, null, 4), [[te, o.value.ready]]), (x(!0), l(a, null, w(e.options, (t) => (x(), s(O(Be), {
+			}, null, 4), [[ne, o.value.ready]]), (x(!0), l(a, null, w(e.options, (t) => (x(), s(O(He), {
 				key: String(p(t)),
 				value: p(t),
 				disabled: e.disabled,
 				class: "relative inline-flex items-center justify-center rounded px-3 py-1 text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500 data-[state=checked]:text-white data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50"
 			}, {
-				default: P(() => [f(O(ze), { class: "hidden" }), d(" " + D(m(t)), 1)]),
+				default: N(() => [f(O(Ve), { class: "hidden" }), d(" " + D(m(t)), 1)]),
 				_: 2
 			}, 1032, ["value", "disabled"]))), 128))]),
 			_: 1
 		}, 8, ["model-value", "disabled"]));
 	}
-}), Hn = ["id", "disabled"], Un = { class: "flex items-center justify-between" }, Wn = ["aria-label"], Gn = {
+}), Gn = ["id", "disabled"], Kn = { class: "flex items-center justify-between" }, qn = ["aria-label"], Jn = {
 	"data-test": "month-label",
 	class: "text-sm font-medium"
-}, Kn = ["aria-label"], qn = {
+}, Yn = ["aria-label"], Xn = {
 	"data-test": "weekdays",
 	class: "mt-2 grid grid-cols-7 gap-0.5 text-center text-xs"
-}, Jn = { key: 0 }, Yn = ["onClick"], Xn = {
+}, Zn = { key: 0 }, Qn = ["onClick"], $n = {
 	key: 0,
 	class: "mt-3 flex items-center justify-between gap-2 border-t border-border pt-3"
-}, Zn = ["aria-label"], Qn = ["aria-label"], $n = ["value"], er = ["aria-label"], tr = ["value"], nr = ["aria-label"], rr = { value: "am" }, ir = { value: "pm" }, ar = { class: "flex items-center gap-2" }, or = ["disabled"], sr = {
+}, er = ["aria-label"], tr = ["aria-label"], nr = ["value"], rr = ["aria-label"], ir = ["value"], ar = ["aria-label"], or = { value: "am" }, sr = { value: "pm" }, cr = { class: "flex items-center gap-2" }, lr = ["disabled"], ur = {
 	key: 1,
 	class: "mt-3 flex justify-end border-t border-border pt-3"
-}, cr = /* @__PURE__ */ p({
+}, dr = /* @__PURE__ */ p({
 	__name: "DatePicker",
 	props: {
 		mode: { default: "date" },
@@ -1340,91 +1343,91 @@ var Yt = { class: "relative w-full" }, Xt = [
 			}
 			return S.value[e];
 		}
-		let k = o(() => i.weekStartsOn ?? Dt(b.value)), ee = o(() => Ot(b.value, k.value)), M = o(() => kt(h.value, b.value));
-		N(() => i.modelValue, (e) => {
+		let k = o(() => i.weekStartsOn ?? At(b.value)), ee = o(() => jt(b.value, k.value)), j = o(() => Mt(h.value, b.value));
+		M(() => i.modelValue, (e) => {
 			Array.isArray(e) ? (_.value = e[0] ?? null, v.value = e[1] ?? null) : e instanceof Date ? (_.value = e, v.value = null) : (_.value = null, v.value = null);
 		}, { immediate: !0 });
-		let te = o(() => {
+		let ne = o(() => {
 			let e = (new Date(h.value.getFullYear(), h.value.getMonth(), 1).getDay() - k.value + 7) % 7, t = Array.from({ length: e }, () => null), n = new Date(h.value.getFullYear(), h.value.getMonth() + 1, 0).getDate();
 			for (let e = 1; e <= n; e++) t.push(new Date(h.value.getFullYear(), h.value.getMonth(), e));
 			return t;
 		});
-		function I(e) {
+		function F(e) {
 			if (!_.value || !v.value) return !1;
-			let [t, n] = G(_.value, v.value);
+			let [t, n] = W(_.value, v.value);
 			return e.getTime() >= t.getTime() && e.getTime() <= n.getTime();
 		}
-		function L(e) {
+		function I(e) {
 			h.value = new Date(h.value.getFullYear(), h.value.getMonth() + e, 1);
 		}
-		function R() {
+		function L() {
 			return i.mode === "range" ? !!(_.value && v.value) : !!_.value;
 		}
-		function z(e) {
+		function R(e) {
 			if (i.mode === "range") {
 				if (!_.value || v.value) _.value = e, v.value = null;
 				else {
-					let [t, n] = G(_.value, e);
+					let [t, n] = W(_.value, e);
 					_.value = t, v.value = n;
 				}
 				return;
 			}
-			_.value = e, i.mode !== "datetime" && (ie(), m.value = !1);
+			_.value = e, i.mode !== "datetime" && (ae(), m.value = !1);
 		}
-		function ie() {
+		function ae() {
 			if (_.value) {
 				if (i.mode === "range") {
 					if (!v.value) return;
 					d("update:modelValue", [_.value, v.value]);
-				} else i.mode === "datetime" ? d("update:modelValue", St(_.value, y.value)) : d("update:modelValue", _.value);
+				} else i.mode === "datetime" ? d("update:modelValue", Tt(_.value, y.value)) : d("update:modelValue", _.value);
 			}
 		}
-		function ae() {
+		function oe() {
 			_.value = null, v.value = null, d("update:modelValue", null), m.value = !1;
 		}
-		let V = o(() => {
+		let B = o(() => {
 			let [e, t] = y.value.split(":").map(Number);
 			return {
 				hour24: Number.isFinite(e) ? (Math.trunc(e) % 24 + 24) % 24 : 0,
 				minute: Number.isFinite(t) ? (Math.trunc(t) % 60 + 60) % 60 : 0
 			};
-		}), oe = o(() => wt(i.hourFormat)), ce = o(() => Tt(Math.min(30, Math.max(1, i.minuteStep ?? 1)))), le = o({
-			get: () => i.hourFormat === "12" ? K(V.value.hour24).hour : V.value.hour24,
+		}), se = o(() => Dt(i.hourFormat)), le = o(() => Ot(Math.min(30, Math.max(1, i.minuteStep ?? 1)))), ue = o({
+			get: () => i.hourFormat === "12" ? G(B.value.hour24).hour : B.value.hour24,
 			set: (e) => {
-				let { hour24: t, minute: n } = V.value, r = i.hourFormat === "12" ? Et(e, K(t).meridiem) : e;
-				y.value = W(r * 60 + n);
+				let { hour24: t, minute: n } = B.value, r = i.hourFormat === "12" ? kt(e, G(t).meridiem) : e;
+				y.value = U(r * 60 + n);
 			}
-		}), ue = o({
-			get: () => V.value.minute,
+		}), de = o({
+			get: () => B.value.minute,
 			set: (e) => {
-				y.value = W(V.value.hour24 * 60 + e);
+				y.value = U(B.value.hour24 * 60 + e);
 			}
-		}), de = o({
-			get: () => K(V.value.hour24).meridiem,
+		}), fe = o({
+			get: () => G(B.value.hour24).meridiem,
 			set: (e) => {
-				let { hour: t } = K(V.value.hour24);
-				y.value = W(Et(t, e) * 60 + V.value.minute);
+				let { hour: t } = G(B.value.hour24);
+				y.value = U(kt(t, e) * 60 + B.value.minute);
 			}
 		});
-		function fe(e) {
+		function pe(e) {
 			return String(e).padStart(2, "0");
 		}
-		let H = o(() => {
+		let V = o(() => {
 			if (i.mode === "range") {
 				if (!_.value || !v.value) return "";
-				let [e, t] = G(_.value, v.value);
-				return `${q(e, b.value)} – ${q(t, b.value)}`;
+				let [e, t] = W(_.value, v.value);
+				return `${K(e, b.value)} – ${K(t, b.value)}`;
 			}
 			if (!_.value) return "";
-			let e = i.mode === "datetime" ? St(_.value, y.value) : _.value;
-			return i.mode === "datetime" ? `${q(e, b.value)} ${At(e, b.value, i.hourFormat)}` : q(e, b.value);
+			let e = i.mode === "datetime" ? Tt(_.value, y.value) : _.value;
+			return i.mode === "datetime" ? `${K(e, b.value)} ${Nt(e, b.value, i.hourFormat)}` : K(e, b.value);
 		});
-		return (t, n) => (x(), s(O(Le), {
+		return (t, n) => (x(), s(O(ze), {
 			open: m.value,
 			"onUpdate:open": n[6] ||= (e) => m.value = e
 		}, {
-			default: P(() => [f(O(Re), { "as-child": "" }, {
-				default: P(() => [u("button", {
+			default: N(() => [f(O(Be), { "as-child": "" }, {
+				default: N(() => [u("button", {
 					type: "button",
 					id: e.inputId,
 					disabled: e.disabled,
@@ -1433,110 +1436,113 @@ var Yt = { class: "relative w-full" }, Xt = [
 						e.size === "sm" ? "h-8 text-xs" : "h-9",
 						e.invalid ? "border-error-500" : ""
 					])
-				}, [u("span", { class: g(["truncate", H.value ? "text-foreground" : "text-muted"]) }, D(H.value || E("placeholder")), 3), f(O(ne), { class: "size-4 shrink-0 text-muted" })], 10, Hn)]),
+				}, [u("span", { class: g(["truncate", V.value ? "text-foreground" : "text-muted"]) }, D(V.value || E("placeholder")), 3), f(O(re), { class: "size-4 shrink-0 text-muted" })], 10, Gn)]),
 				_: 1
-			}), f(O(Ie), {
-				"side-offset": 4,
-				class: "z-50 rounded-md border border-border bg-surface p-3 shadow-popover"
-			}, {
-				default: P(() => [
-					u("div", Un, [
-						u("button", {
-							type: "button",
-							"aria-label": E("previousMonth"),
-							class: "rounded p-1 text-muted transition-colors hover:bg-surface-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500",
-							onClick: n[0] ||= (e) => L(-1)
-						}, [f(O(re), { class: "size-4 rtl:rotate-180" })], 8, Wn),
-						u("span", Gn, D(M.value), 1),
-						u("button", {
-							type: "button",
-							"aria-label": E("nextMonth"),
-							class: "rounded p-1 text-muted transition-colors hover:bg-surface-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500",
-							onClick: n[1] ||= (e) => L(1)
-						}, [f(O(B), { class: "size-4 rtl:rotate-180" })], 8, Kn)
-					]),
-					u("div", qn, [(x(!0), l(a, null, w(ee.value, (e, t) => (x(), l("span", {
-						key: t,
-						class: "py-1 font-medium text-muted"
-					}, D(e), 1))), 128)), (x(!0), l(a, null, w(te.value, (e, t) => (x(), l(a, { key: t }, [e ? (x(), l("button", {
-						key: 1,
-						type: "button",
-						class: g([
-							"flex h-8 items-center justify-center rounded-md text-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500",
-							I(e) ? "bg-primary-100 text-primary-800 dark:bg-primary-900/40 dark:text-primary-200" : "hover:bg-surface-muted",
-							_.value && _.value.getTime() === e.getTime() ? "bg-primary-500 text-white hover:bg-primary-500" : "",
-							v.value && v.value.getTime() === e.getTime() ? "bg-primary-500 text-white hover:bg-primary-500" : ""
+			}), f(O(Re), null, {
+				default: N(() => [f(O(Le), {
+					"side-offset": 4,
+					class: "z-50 rounded-md border border-border bg-surface p-3 shadow-popover"
+				}, {
+					default: N(() => [
+						u("div", Kn, [
+							u("button", {
+								type: "button",
+								"aria-label": E("previousMonth"),
+								class: "rounded p-1 text-muted transition-colors hover:bg-surface-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500",
+								onClick: n[0] ||= (e) => I(-1)
+							}, [f(O(ie), { class: "size-4 rtl:rotate-180" })], 8, qn),
+							u("span", Jn, D(j.value), 1),
+							u("button", {
+								type: "button",
+								"aria-label": E("nextMonth"),
+								class: "rounded p-1 text-muted transition-colors hover:bg-surface-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500",
+								onClick: n[1] ||= (e) => I(1)
+							}, [f(O(z), { class: "size-4 rtl:rotate-180" })], 8, Yn)
 						]),
-						onClick: (t) => z(e)
-					}, D(e.getDate()), 11, Yn)) : (x(), l("span", Jn))], 64))), 128))]),
-					e.mode === "datetime" ? (x(), l("div", Xn, [u("div", {
-						role: "group",
-						"aria-label": E("time"),
-						class: "flex items-center gap-1.5 text-xs text-muted"
-					}, [
-						f(O(se), { class: "size-3.5" }),
-						F(u("select", {
-							"onUpdate:modelValue": n[2] ||= (e) => le.value = e,
-							"data-test": "hours",
-							"aria-label": E("hour"),
-							class: "rounded border border-border bg-surface px-1.5 py-1 text-sm text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500"
-						}, [(x(!0), l(a, null, w(oe.value, (t) => (x(), l("option", {
+						u("div", Xn, [(x(!0), l(a, null, w(ee.value, (e, t) => (x(), l("span", {
 							key: t,
-							value: t
-						}, D(e.hourFormat === "12" ? t : fe(t)), 9, $n))), 128))], 8, Qn), [[
-							j,
-							le.value,
-							void 0,
-							{ number: !0 }
-						]]),
-						n[7] ||= u("span", { "aria-hidden": "true" }, ":", -1),
-						F(u("select", {
-							"onUpdate:modelValue": n[3] ||= (e) => ue.value = e,
-							"data-test": "minutes",
-							"aria-label": E("minute"),
-							class: "rounded border border-border bg-surface px-1.5 py-1 text-sm text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500"
-						}, [(x(!0), l(a, null, w(ce.value, (e) => (x(), l("option", {
-							key: e,
-							value: e
-						}, D(fe(e)), 9, tr))), 128))], 8, er), [[
-							j,
-							ue.value,
-							void 0,
-							{ number: !0 }
-						]]),
-						e.hourFormat === "12" ? F((x(), l("select", {
-							key: 0,
-							"onUpdate:modelValue": n[4] ||= (e) => de.value = e,
-							"data-test": "meridiem",
+							class: "py-1 font-medium text-muted"
+						}, D(e), 1))), 128)), (x(!0), l(a, null, w(ne.value, (e, t) => (x(), l(a, { key: t }, [e ? (x(), l("button", {
+							key: 1,
+							type: "button",
+							class: g([
+								"flex h-8 items-center justify-center rounded-md text-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500",
+								F(e) ? "bg-primary-100 text-primary-800 dark:bg-primary-900/40 dark:text-primary-200" : "hover:bg-surface-muted",
+								_.value && _.value.getTime() === e.getTime() ? "bg-primary-500 text-white hover:bg-primary-500" : "",
+								v.value && v.value.getTime() === e.getTime() ? "bg-primary-500 text-white hover:bg-primary-500" : ""
+							]),
+							onClick: (t) => R(e)
+						}, D(e.getDate()), 11, Qn)) : (x(), l("span", Zn))], 64))), 128))]),
+						e.mode === "datetime" ? (x(), l("div", $n, [u("div", {
+							role: "group",
 							"aria-label": E("time"),
-							class: "rounded border border-border bg-surface px-1.5 py-1 text-sm text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500"
-						}, [u("option", rr, D(E("am")), 1), u("option", ir, D(E("pm")), 1)], 8, nr)), [[j, de.value]]) : c("", !0)
-					], 8, Zn), u("div", ar, [u("button", {
-						type: "button",
-						class: "rounded px-3 py-1 text-sm text-muted transition-colors hover:bg-surface-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500",
-						onClick: ae
-					}, D(E("clear")), 1), u("button", {
-						type: "button",
-						disabled: !_.value,
-						class: "rounded bg-primary-500 px-3 py-1 text-sm text-white transition-colors hover:bg-primary-600 disabled:cursor-not-allowed disabled:opacity-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500",
-						onClick: n[5] ||= (e) => {
-							ie(), m.value = !1;
-						}
-					}, D(E("apply")), 9, or)])])) : R() ? (x(), l("div", sr, [u("button", {
-						type: "button",
-						class: "rounded px-3 py-1 text-sm text-muted transition-colors hover:bg-surface-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500",
-						onClick: ae
-					}, D(E("clear")), 1)])) : c("", !0)
-				]),
+							class: "flex items-center gap-1.5 text-xs text-muted"
+						}, [
+							f(O(ce), { class: "size-3.5" }),
+							P(u("select", {
+								"onUpdate:modelValue": n[2] ||= (e) => ue.value = e,
+								"data-test": "hours",
+								"aria-label": E("hour"),
+								class: "rounded border border-border bg-surface px-1.5 py-1 text-sm text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500"
+							}, [(x(!0), l(a, null, w(se.value, (t) => (x(), l("option", {
+								key: t,
+								value: t
+							}, D(e.hourFormat === "12" ? t : pe(t)), 9, nr))), 128))], 8, tr), [[
+								te,
+								ue.value,
+								void 0,
+								{ number: !0 }
+							]]),
+							n[7] ||= u("span", { "aria-hidden": "true" }, ":", -1),
+							P(u("select", {
+								"onUpdate:modelValue": n[3] ||= (e) => de.value = e,
+								"data-test": "minutes",
+								"aria-label": E("minute"),
+								class: "rounded border border-border bg-surface px-1.5 py-1 text-sm text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500"
+							}, [(x(!0), l(a, null, w(le.value, (e) => (x(), l("option", {
+								key: e,
+								value: e
+							}, D(pe(e)), 9, ir))), 128))], 8, rr), [[
+								te,
+								de.value,
+								void 0,
+								{ number: !0 }
+							]]),
+							e.hourFormat === "12" ? P((x(), l("select", {
+								key: 0,
+								"onUpdate:modelValue": n[4] ||= (e) => fe.value = e,
+								"data-test": "meridiem",
+								"aria-label": E("time"),
+								class: "rounded border border-border bg-surface px-1.5 py-1 text-sm text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500"
+							}, [u("option", or, D(E("am")), 1), u("option", sr, D(E("pm")), 1)], 8, ar)), [[te, fe.value]]) : c("", !0)
+						], 8, er), u("div", cr, [u("button", {
+							type: "button",
+							class: "rounded px-3 py-1 text-sm text-muted transition-colors hover:bg-surface-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500",
+							onClick: oe
+						}, D(E("clear")), 1), u("button", {
+							type: "button",
+							disabled: !_.value,
+							class: "rounded bg-primary-500 px-3 py-1 text-sm text-white transition-colors hover:bg-primary-600 disabled:cursor-not-allowed disabled:opacity-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500",
+							onClick: n[5] ||= (e) => {
+								ae(), m.value = !1;
+							}
+						}, D(E("apply")), 9, lr)])])) : L() ? (x(), l("div", ur, [u("button", {
+							type: "button",
+							class: "rounded px-3 py-1 text-sm text-muted transition-colors hover:bg-surface-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500",
+							onClick: oe
+						}, D(E("clear")), 1)])) : c("", !0)
+					]),
+					_: 1
+				})]),
 				_: 1
 			})]),
 			_: 1
 		}, 8, ["open"]));
 	}
-}), lr = { class: "flex items-start justify-between gap-4 border-b border-border p-5 pb-4" }, ur = { class: "min-w-0" }, dr = { class: "overflow-y-auto bg-surface p-5" }, fr = {
+}), fr = { class: "flex shrink-0 items-start justify-between gap-4 border-b border-border p-5 pb-4" }, pr = { class: "min-w-0" }, mr = { class: "flex-1 overflow-y-auto bg-surface p-5" }, hr = {
 	key: 0,
-	class: "flex justify-end gap-2 border-t border-border bg-surface-muted p-4"
-}, pr = /* @__PURE__ */ p({
+	class: "flex shrink-0 justify-end gap-2 border-t border-border bg-surface-muted p-4"
+}, gr = /* @__PURE__ */ p({
 	__name: "Dialog",
 	props: {
 		visible: { type: Boolean },
@@ -1558,40 +1564,40 @@ var Yt = { class: "relative w-full" }, Xt = [
 		function p(e) {
 			r("update:visible", e), e || r("close");
 		}
-		return (t, n) => (x(), s(O(xe), {
+		return (t, n) => (x(), s(O(Se), {
 			open: i.value,
 			"onUpdate:open": p
 		}, {
-			default: P(() => [t.$slots.trigger ? (x(), s(O(Ce), {
+			default: N(() => [t.$slots.trigger ? (x(), s(O(we), {
 				key: 0,
 				"as-child": ""
 			}, {
-				default: P(() => [T(t.$slots, "trigger")]),
+				default: N(() => [T(t.$slots, "trigger")]),
 				_: 3
-			})) : c("", !0), f(O(be), null, {
-				default: P(() => [f(O(ye), { class: "fixed inset-0 z-50 bg-black/50 dark:bg-black/70" }), f(O(_e), { class: g(["fixed left-1/2 top-1/2 z-50 w-full max-h-[85vh] -translate-x-1/2 -translate-y-1/2 overflow-hidden rounded-lg border border-border bg-surface shadow-dialog focus-visible:outline-none", a[e.size]]) }, {
-					default: P(() => [
-						u("div", lr, [u("div", ur, [e.title || t.$slots.header ? (x(), s(O(Se), {
+			})) : c("", !0), f(O(xe), null, {
+				default: N(() => [f(O(be), { class: "fixed inset-0 z-50 bg-black/50 dark:bg-black/70" }), f(O(ve), { class: g(["fixed left-1/2 top-1/2 z-50 flex flex-col w-full max-h-[85vh] -translate-x-1/2 -translate-y-1/2 overflow-hidden rounded-lg border border-border bg-surface shadow-dialog focus-visible:outline-none", a[e.size]]) }, {
+					default: N(() => [
+						u("div", fr, [u("div", pr, [e.title || t.$slots.header ? (x(), s(O(Ce), {
 							key: 0,
 							class: "text-lg font-semibold text-foreground"
 						}, {
-							default: P(() => [T(t.$slots, "header", {}, () => [d(D(e.title), 1)])]),
+							default: N(() => [T(t.$slots, "header", {}, () => [d(D(e.title), 1)])]),
 							_: 3
-						})) : c("", !0), e.description || t.$slots.description ? (x(), s(O(ve), {
+						})) : c("", !0), e.description || t.$slots.description ? (x(), s(O(ye), {
 							key: 1,
 							class: "mt-1 text-sm text-muted"
 						}, {
-							default: P(() => [T(t.$slots, "description", {}, () => [d(D(e.description), 1)])]),
+							default: N(() => [T(t.$slots, "description", {}, () => [d(D(e.description), 1)])]),
 							_: 3
-						})) : c("", !0)]), f(O(ge), {
+						})) : c("", !0)]), f(O(_e), {
 							class: "rounded-md p-1 text-muted transition-colors hover:bg-surface-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500",
 							"aria-label": "Close"
 						}, {
-							default: P(() => [f(O(H), { class: "size-4" })]),
+							default: N(() => [f(O(V), { class: "size-4" })]),
 							_: 1
 						})]),
-						u("div", dr, [T(t.$slots, "default")]),
-						t.$slots.footer ? (x(), l("div", fr, [T(t.$slots, "footer")])) : c("", !0)
+						u("div", mr, [T(t.$slots, "default")]),
+						t.$slots.footer ? (x(), l("div", hr, [T(t.$slots, "footer")])) : c("", !0)
 					]),
 					_: 3
 				}, 8, ["class"])]),
@@ -1600,13 +1606,13 @@ var Yt = { class: "relative w-full" }, Xt = [
 			_: 3
 		}, 8, ["open"]));
 	}
-}), mr = {
+}), _r = {
 	key: 1,
 	class: "flex shrink-0 items-start justify-between gap-4 border-b border-border p-5 pb-4"
-}, hr = { class: "min-w-0" }, gr = { class: "flex-1 overflow-y-auto p-5" }, _r = {
+}, vr = { class: "min-w-0" }, yr = { class: "flex-1 overflow-y-auto p-5" }, br = {
 	key: 2,
 	class: "shrink-0 border-t border-border bg-surface-muted p-4"
-}, vr = /* @__PURE__ */ p({
+}, xr = /* @__PURE__ */ p({
 	__name: "Drawer",
 	props: {
 		open: {
@@ -1675,21 +1681,21 @@ var Yt = { class: "relative w-full" }, Xt = [
 			lg: "max-h-[32rem]",
 			full: "max-h-full"
 		}, y = o(() => n.position === "top" || n.position === "bottom"), b = o(() => y.value ? v[n.size] : _[n.size]);
-		return (t, n) => (x(), s(O(xe), {
+		return (t, n) => (x(), s(O(Se), {
 			open: i.value,
 			"onUpdate:open": a
 		}, {
-			default: P(() => [t.$slots.trigger ? (x(), s(O(Ce), {
+			default: N(() => [t.$slots.trigger ? (x(), s(O(we), {
 				key: 0,
 				"as-child": ""
 			}, {
-				default: P(() => [T(t.$slots, "trigger")]),
+				default: N(() => [T(t.$slots, "trigger")]),
 				_: 3
-			})) : c("", !0), f(O(be), { "force-mount": i.value }, {
-				default: P(() => [e.backdrop || e.preventScroll ? (x(), s(O(ye), {
+			})) : c("", !0), f(O(xe), { "force-mount": i.value }, {
+				default: N(() => [e.backdrop || e.preventScroll ? (x(), s(O(be), {
 					key: 0,
 					class: g(["fixed inset-0 z-50", e.backdrop ? "bg-black/50 dark:bg-black/70" : "bg-transparent"])
-				}, null, 8, ["class"])) : c("", !0), f(O(_e), {
+				}, null, 8, ["class"])) : c("", !0), f(O(ve), {
 					class: g([
 						"fixed z-50 flex flex-col overflow-hidden border-border bg-surface shadow-dialog transition-transform duration-200 focus-visible:outline-none",
 						h[e.position],
@@ -1698,36 +1704,36 @@ var Yt = { class: "relative w-full" }, Xt = [
 					onEscapeKeyDown: p,
 					onPointerDownOutside: m
 				}, {
-					default: P(() => [
-						!e.title && !t.$slots.header ? (x(), s(O(ct), { key: 0 }, {
-							default: P(() => [f(O(Se), null, {
-								default: P(() => [...n[0] ||= [d("Drawer", -1)]]),
+					default: N(() => [
+						!e.title && !t.$slots.header ? (x(), s(O(dt), { key: 0 }, {
+							default: N(() => [f(O(Ce), null, {
+								default: N(() => [...n[0] ||= [d("Drawer", -1)]]),
 								_: 1
 							})]),
 							_: 1
 						})) : c("", !0),
-						e.title || t.$slots.header || e.description || t.$slots.description || e.showClose ? (x(), l("header", mr, [u("div", hr, [e.title || t.$slots.header ? (x(), s(O(Se), {
+						e.title || t.$slots.header || e.description || t.$slots.description || e.showClose ? (x(), l("header", _r, [u("div", vr, [e.title || t.$slots.header ? (x(), s(O(Ce), {
 							key: 0,
 							class: "text-lg font-semibold text-foreground"
 						}, {
-							default: P(() => [T(t.$slots, "header", {}, () => [d(D(e.title), 1)])]),
+							default: N(() => [T(t.$slots, "header", {}, () => [d(D(e.title), 1)])]),
 							_: 3
-						})) : c("", !0), e.description || t.$slots.description ? (x(), s(O(ve), {
+						})) : c("", !0), e.description || t.$slots.description ? (x(), s(O(ye), {
 							key: 1,
 							class: "mt-1 text-sm text-muted"
 						}, {
-							default: P(() => [T(t.$slots, "description", {}, () => [d(D(e.description), 1)])]),
+							default: N(() => [T(t.$slots, "description", {}, () => [d(D(e.description), 1)])]),
 							_: 3
-						})) : c("", !0)]), e.showClose ? (x(), s(O(ge), {
+						})) : c("", !0)]), e.showClose ? (x(), s(O(_e), {
 							key: 0,
 							class: "ms-auto shrink-0 rounded-md p-1 text-muted transition-colors hover:bg-surface-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500",
 							"aria-label": "Close"
 						}, {
-							default: P(() => [T(t.$slots, "close", {}, () => [f(O(H), { class: "size-4" })])]),
+							default: N(() => [T(t.$slots, "close", {}, () => [f(O(V), { class: "size-4" })])]),
 							_: 3
 						})) : c("", !0)])) : c("", !0),
-						u("div", gr, [T(t.$slots, "default")]),
-						t.$slots.footer ? (x(), l("footer", _r, [T(t.$slots, "footer")])) : c("", !0)
+						u("div", yr, [T(t.$slots, "default")]),
+						t.$slots.footer ? (x(), l("footer", br, [T(t.$slots, "footer")])) : c("", !0)
 					]),
 					_: 3
 				}, 8, ["class"])]),
@@ -1736,28 +1742,28 @@ var Yt = { class: "relative w-full" }, Xt = [
 			_: 3
 		}, 8, ["open"]));
 	}
-}), yr = /* @__PURE__ */ p({
+}), Sr = /* @__PURE__ */ p({
 	__name: "DropdownMenu",
 	emits: ["update:open"],
 	setup(e, { emit: t }) {
 		let n = t;
-		return (e, t) => (x(), s(O(ke), h(e.$attrs, { "onUpdate:open": t[0] ||= (e) => n("update:open", e) }), {
-			default: P(() => [T(e.$slots, "default")]),
+		return (e, t) => (x(), s(O(Ae), h(e.$attrs, { "onUpdate:open": t[0] ||= (e) => n("update:open", e) }), {
+			default: N(() => [T(e.$slots, "default")]),
 			_: 3
 		}, 16));
 	}
-}), br = /* @__PURE__ */ p({
+}), Cr = /* @__PURE__ */ p({
 	__name: "DropdownMenuTrigger",
 	setup(e) {
-		return (e, t) => (x(), s(O(je), {
+		return (e, t) => (x(), s(O(Me), {
 			"as-child": "",
 			"focus-on-select": ""
 		}, {
-			default: P(() => [T(e.$slots, "default")]),
+			default: N(() => [T(e.$slots, "default")]),
 			_: 3
 		}));
 	}
-}), xr = /* @__PURE__ */ p({
+}), wr = /* @__PURE__ */ p({
 	__name: "DropdownMenuContent",
 	props: {
 		align: { default: "start" },
@@ -1765,14 +1771,14 @@ var Yt = { class: "relative w-full" }, Xt = [
 		sideOffset: { default: 4 }
 	},
 	setup(e) {
-		return (t, n) => (x(), s(O(Oe), null, {
-			default: P(() => [f(O(we), {
+		return (t, n) => (x(), s(O(ke), null, {
+			default: N(() => [f(O(Te), {
 				align: e.align,
 				side: e.side,
 				"side-offset": e.sideOffset,
 				class: "z-50 min-w-40 rounded-md border border-border bg-surface p-1 shadow-popover"
 			}, {
-				default: P(() => [T(t.$slots, "default")]),
+				default: N(() => [T(t.$slots, "default")]),
 				_: 3
 			}, 8, [
 				"align",
@@ -1782,7 +1788,7 @@ var Yt = { class: "relative w-full" }, Xt = [
 			_: 3
 		}));
 	}
-}), Sr = /* @__PURE__ */ p({
+}), Tr = /* @__PURE__ */ p({
 	__name: "DropdownMenuItem",
 	props: {
 		variant: {},
@@ -1794,7 +1800,7 @@ var Yt = { class: "relative w-full" }, Xt = [
 	},
 	emits: ["select"],
 	setup(e, { emit: t }) {
-		let n = pe({
+		let n = me({
 			base: "relative flex w-full cursor-pointer select-none items-center gap-2 rounded px-2 py-1.5 text-sm outline-none transition-colors focus:bg-surface-muted data-[highlighted]:bg-surface-muted data-[highlighted]:text-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
 			variants: { variant: {
 				default: "text-foreground",
@@ -1805,12 +1811,12 @@ var Yt = { class: "relative w-full" }, Xt = [
 		function a() {
 			r.disabled || i("select");
 		}
-		return (t, r) => (x(), s(O(Ee), {
+		return (t, r) => (x(), s(O(De), {
 			disabled: e.disabled,
 			class: g(O(n)({ variant: e.variant })),
 			onSelect: a
 		}, {
-			default: P(() => [e.icon ? (x(), s(X, {
+			default: N(() => [e.icon ? (x(), s(Y, {
 				key: 0,
 				name: e.icon,
 				class: "size-4 shrink-0"
@@ -1818,34 +1824,34 @@ var Yt = { class: "relative w-full" }, Xt = [
 			_: 3
 		}, 8, ["disabled", "class"]));
 	}
-}), Cr = /* @__PURE__ */ p({
+}), Er = /* @__PURE__ */ p({
 	__name: "DropdownMenuSeparator",
 	setup(e) {
-		return (e, t) => (x(), s(O(Ae), { class: "my-1 h-px bg-border" }));
+		return (e, t) => (x(), s(O(je), { class: "my-1 h-px bg-border" }));
 	}
-}), wr = /* @__PURE__ */ p({
+}), Dr = /* @__PURE__ */ p({
 	__name: "DropdownMenuLabel",
 	setup(e) {
-		return (e, t) => (x(), s(O(De), { class: "px-2 py-1.5 text-xs font-medium text-muted" }, {
-			default: P(() => [T(e.$slots, "default")]),
+		return (e, t) => (x(), s(O(Oe), { class: "px-2 py-1.5 text-xs font-medium text-muted" }, {
+			default: N(() => [T(e.$slots, "default")]),
 			_: 3
 		}));
 	}
-}), Tr = /* @__PURE__ */ p({
+}), Or = /* @__PURE__ */ p({
 	__name: "DropdownMenuGroup",
 	setup(e) {
-		return (e, t) => (x(), s(O(Te), null, {
-			default: P(() => [T(e.$slots, "default")]),
+		return (e, t) => (x(), s(O(Ee), null, {
+			default: N(() => [T(e.$slots, "default")]),
 			_: 3
 		}));
 	}
-}), Er = { class: "flex flex-col gap-2 sm:flex-row sm:items-stretch" }, Dr = { class: "border-b border-border px-3 py-2 text-xs font-medium text-muted" }, Or = { class: "max-h-64 flex-1 overflow-y-auto p-1" }, kr = ["disabled", "onClick"], Ar = { class: "truncate" }, jr = {
+}), kr = { class: "flex flex-col gap-2 sm:flex-row sm:items-stretch" }, Ar = { class: "border-b border-border px-3 py-2 text-xs font-medium text-muted" }, jr = { class: "max-h-64 flex-1 overflow-y-auto p-1" }, Mr = ["disabled", "onClick"], Nr = { class: "truncate" }, Pr = {
 	key: 0,
 	class: "px-2 py-1.5 text-sm text-muted"
-}, Mr = { class: "flex flex-row items-center justify-center gap-1 sm:flex-col" }, Nr = { class: "border-b border-border px-3 py-2 text-xs font-medium text-muted" }, Pr = { class: "max-h-64 flex-1 overflow-y-auto p-1" }, Fr = ["disabled", "onClick"], Ir = { class: "truncate" }, Lr = {
+}, Fr = { class: "flex flex-row items-center justify-center gap-1 sm:flex-col" }, Ir = { class: "border-b border-border px-3 py-2 text-xs font-medium text-muted" }, Lr = { class: "max-h-64 flex-1 overflow-y-auto p-1" }, Rr = ["disabled", "onClick"], zr = { class: "truncate" }, Br = {
 	key: 0,
 	class: "px-2 py-1.5 text-sm text-muted"
-}, Rr = /* @__PURE__ */ p({
+}, Vr = /* @__PURE__ */ p({
 	__name: "TransferList",
 	props: {
 		options: {},
@@ -1883,82 +1889,82 @@ var Yt = { class: "relative w-full" }, Xt = [
 		function E() {
 			i.value.clear(), p.value.clear(), _();
 		}
-		return (t, n) => (x(), l("div", Er, [
-			u("div", { class: g(["flex min-h-40 flex-1 flex-col rounded-md border border-border bg-surface", e.disabled && "opacity-50"]) }, [u("div", Dr, [T(t.$slots, "source-header", {}, () => [d(D(e.sourceLabel), 1)])]), u("ul", Or, [(x(!0), l(a, null, w(m.value, (r) => (x(), l("li", { key: r.value }, [u("button", {
+		return (t, n) => (x(), l("div", kr, [
+			u("div", { class: g(["flex min-h-40 flex-1 flex-col rounded-md border border-border bg-surface", e.disabled && "opacity-50"]) }, [u("div", Ar, [T(t.$slots, "source-header", {}, () => [d(D(e.sourceLabel), 1)])]), u("ul", jr, [(x(!0), l(a, null, w(m.value, (r) => (x(), l("li", { key: r.value }, [u("button", {
 				type: "button",
 				disabled: e.disabled,
 				class: "flex w-full items-center gap-2 rounded px-2 py-1.5 text-left text-sm transition-colors hover:bg-surface-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500 disabled:cursor-not-allowed",
 				onClick: (e) => v(s.value, r.value)
-			}, [f(bn, {
+			}, [f(Cn, {
 				"model-value": s.value.has(r.value),
 				disabled: e.disabled,
-				onClick: n[0] ||= I(() => {}, ["stop"]),
+				onClick: n[0] ||= F(() => {}, ["stop"]),
 				"onUpdate:modelValue": (e) => v(s.value, r.value)
 			}, null, 8, [
 				"model-value",
 				"disabled",
 				"onUpdate:modelValue"
-			]), T(t.$slots, "item", { option: r }, () => [u("span", Ar, D(r.label), 1)])], 8, kr)]))), 128)), m.value.length === 0 ? (x(), l("li", jr, "Empty")) : c("", !0)])], 2),
-			u("div", Mr, [
-				f(Z, {
+			]), T(t.$slots, "item", { option: r }, () => [u("span", Nr, D(r.label), 1)])], 8, Mr)]))), 128)), m.value.length === 0 ? (x(), l("li", Pr, "Empty")) : c("", !0)])], 2),
+			u("div", Fr, [
+				f(X, {
 					variant: "outline",
 					size: "icon-sm",
 					disabled: e.disabled || s.value.size === 0,
 					"aria-label": "Move selected to target",
 					onClick: y
 				}, {
-					default: P(() => [f(O(B), { class: "size-4" })]),
+					default: N(() => [f(O(z), { class: "size-4" })]),
 					_: 1
 				}, 8, ["disabled"]),
-				f(Z, {
+				f(X, {
 					variant: "outline",
 					size: "icon-sm",
 					disabled: e.disabled || p.value.size === 0,
 					"aria-label": "Move selected to source",
 					onClick: b
 				}, {
-					default: P(() => [f(O(re), { class: "size-4" })]),
+					default: N(() => [f(O(ie), { class: "size-4" })]),
 					_: 1
 				}, 8, ["disabled"]),
-				f(Z, {
+				f(X, {
 					variant: "ghost",
 					size: "icon-sm",
 					disabled: e.disabled,
 					"aria-label": "Move all to target",
 					onClick: S
 				}, {
-					default: P(() => [f(O(V), { class: "size-4" })]),
+					default: N(() => [f(O(B), { class: "size-4" })]),
 					_: 1
 				}, 8, ["disabled"]),
-				f(Z, {
+				f(X, {
 					variant: "ghost",
 					size: "icon-sm",
 					disabled: e.disabled,
 					"aria-label": "Move all to source",
 					onClick: E
 				}, {
-					default: P(() => [f(O(ae), { class: "size-4" })]),
+					default: N(() => [f(O(oe), { class: "size-4" })]),
 					_: 1
 				}, 8, ["disabled"])
 			]),
-			u("div", { class: g(["flex min-h-40 flex-1 flex-col rounded-md border border-border bg-surface", e.disabled && "opacity-50"]) }, [u("div", Nr, [T(t.$slots, "target-header", {}, () => [d(D(e.targetLabel), 1)])]), u("ul", Pr, [(x(!0), l(a, null, w(h.value, (r) => (x(), l("li", { key: r.value }, [u("button", {
+			u("div", { class: g(["flex min-h-40 flex-1 flex-col rounded-md border border-border bg-surface", e.disabled && "opacity-50"]) }, [u("div", Ir, [T(t.$slots, "target-header", {}, () => [d(D(e.targetLabel), 1)])]), u("ul", Lr, [(x(!0), l(a, null, w(h.value, (r) => (x(), l("li", { key: r.value }, [u("button", {
 				type: "button",
 				disabled: e.disabled,
 				class: "flex w-full items-center gap-2 rounded px-2 py-1.5 text-left text-sm transition-colors hover:bg-surface-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500 disabled:cursor-not-allowed",
 				onClick: (e) => v(p.value, r.value)
-			}, [f(bn, {
+			}, [f(Cn, {
 				"model-value": p.value.has(r.value),
 				disabled: e.disabled,
-				onClick: n[1] ||= I(() => {}, ["stop"]),
+				onClick: n[1] ||= F(() => {}, ["stop"]),
 				"onUpdate:modelValue": (e) => v(p.value, r.value)
 			}, null, 8, [
 				"model-value",
 				"disabled",
 				"onUpdate:modelValue"
-			]), T(t.$slots, "item", { option: r }, () => [u("span", Ir, D(r.label), 1)])], 8, Fr)]))), 128)), h.value.length === 0 ? (x(), l("li", Lr, "Empty")) : c("", !0)])], 2)
+			]), T(t.$slots, "item", { option: r }, () => [u("span", zr, D(r.label), 1)])], 8, Rr)]))), 128)), h.value.length === 0 ? (x(), l("li", Br, "Empty")) : c("", !0)])], 2)
 		]));
 	}
-}), zr = /* @__PURE__ */ p({
+}), Hr = /* @__PURE__ */ p({
 	__name: "Table",
 	props: {
 		striped: { type: Boolean },
@@ -1969,22 +1975,22 @@ var Yt = { class: "relative w-full" }, Xt = [
 		}
 	},
 	setup(e) {
-		let t = e, n = o(() => U("w-full border-collapse text-start text-sm text-foreground", t.size === "sm" ? "text-xs" : "text-sm", t.striped && "[&_tbody>tr:nth-child(even)]:bg-surface-muted/40", t.contained && "overflow-hidden rounded-md border border-border bg-surface"));
+		let t = e, n = o(() => H("w-full border-collapse text-start text-sm text-foreground", t.size === "sm" ? "text-xs" : "text-sm", t.striped && "[&_tbody>tr:nth-child(even)]:bg-surface-muted/40", t.contained && "overflow-hidden rounded-md border border-border bg-surface"));
 		return (e, t) => (x(), l("table", { class: g(n.value) }, [T(e.$slots, "default")], 2));
 	}
-}), Br = (e, t) => {
+}), Ur = (e, t) => {
 	let n = e.__vccOpts || e;
 	for (let [e, r] of t) n[e] = r;
 	return n;
-}, Vr = {}, Hr = { class: "border-b border-border bg-surface-muted/60 text-xs font-medium text-muted" };
-function Ur(e, t) {
-	return x(), l("thead", Hr, [T(e.$slots, "default")]);
-}
-var Wr = /*#__PURE__*/ Br(Vr, [["render", Ur]]), Gr = {};
+}, Wr = {}, Gr = { class: "border-b border-border bg-surface-muted/60 text-xs font-medium text-muted" };
 function Kr(e, t) {
+	return x(), l("thead", Gr, [T(e.$slots, "default")]);
+}
+var qr = /*#__PURE__*/ Ur(Wr, [["render", Kr]]), Jr = {};
+function Yr(e, t) {
 	return x(), l("tbody", null, [T(e.$slots, "default")]);
 }
-var qr = /*#__PURE__*/ Br(Gr, [["render", Kr]]), $ = /* @__PURE__ */ p({
+var Xr = /*#__PURE__*/ Ur(Jr, [["render", Yr]]), Q = /* @__PURE__ */ p({
 	__name: "TableRow",
 	props: { clickable: {
 		type: Boolean,
@@ -1993,7 +1999,7 @@ var qr = /*#__PURE__*/ Br(Gr, [["render", Kr]]), $ = /* @__PURE__ */ p({
 	setup(e) {
 		return (t, n) => (x(), l("tr", { class: g(["border-b border-border/60 last:border-b-0", e.clickable && "cursor-pointer transition-colors hover:bg-surface-muted/50"]) }, [T(t.$slots, "default")], 2));
 	}
-}), Jr = ["aria-sort"], Yr = /* @__PURE__ */ p({
+}), Zr = ["aria-sort"], Qr = /* @__PURE__ */ p({
 	__name: "TableHead",
 	props: {
 		sortDirection: {},
@@ -2006,20 +2012,20 @@ var qr = /*#__PURE__*/ Br(Gr, [["render", Kr]]), $ = /* @__PURE__ */ p({
 			scope: "col",
 			"aria-sort": n.value,
 			style: _(e.width ? { width: e.width } : void 0),
-			class: g(O(U)("px-3 py-2 font-medium", e.align === "center" && "text-center", e.align === "end" && "text-end"))
-		}, [T(t.$slots, "default")], 14, Jr));
+			class: g(O(H)("px-3 py-2 font-medium", e.align === "center" && "text-center", e.align === "end" && "text-end"))
+		}, [T(t.$slots, "default")], 14, Zr));
 	}
-}), Xr = /* @__PURE__ */ p({
+}), $ = /* @__PURE__ */ p({
 	__name: "TableCell",
 	props: {
 		align: { default: "start" },
 		truncate: { type: Boolean }
 	},
 	setup(e) {
-		let t = e, n = o(() => U("px-3 py-2 align-middle", t.align === "center" && "text-center", t.align === "end" && "text-end", t.truncate && "max-w-0 truncate"));
+		let t = e, n = o(() => H("px-3 py-2 align-middle", t.align === "center" && "text-center", t.align === "end" && "text-end", t.truncate && "max-w-0 truncate"));
 		return (e, t) => (x(), l("td", { class: g(n.value) }, [T(e.$slots, "default")], 2));
 	}
-}), Zr = ["colspan"], Qr = /* @__PURE__ */ p({
+}), $r = ["colspan"], ei = /* @__PURE__ */ p({
 	__name: "TableEmpty",
 	props: {
 		columns: {},
@@ -2029,12 +2035,12 @@ var qr = /*#__PURE__*/ Br(Gr, [["render", Kr]]), $ = /* @__PURE__ */ p({
 		return (t, n) => (x(), l("tr", null, [u("td", {
 			colspan: e.columns,
 			class: "px-3 py-8 text-center text-sm text-muted"
-		}, [T(t.$slots, "default", {}, () => [d(D(e.label), 1)])], 8, Zr)]));
+		}, [T(t.$slots, "default", {}, () => [d(D(e.label), 1)])], 8, $r)]));
 	}
 });
 //#endregion
 //#region src/lib/pagination.ts
-function $r(e, t, n) {
+function ti(e, t, n) {
 	if (n <= 0 || t <= 0) return {
 		from: 0,
 		to: 0,
@@ -2051,17 +2057,17 @@ function $r(e, t, n) {
 		total: n
 	};
 }
-function ei(e, t) {
+function ni(e, t) {
 	return t <= 0 ? 1 : Math.max(1, Math.ceil(e / t));
 }
-function ti(e, t, n = 5) {
+function ri(e, t, n = 5) {
 	if (t <= 0) return [];
 	let r = Math.floor(n / 2), i = Math.max(0, Math.min(e - r, t - n)), a = Math.max(0, i);
 	return Array.from({ length: Math.min(n, t - a) }, (e, t) => a + t + 1);
 }
 //#endregion
 //#region src/components/table/TablePagination.vue?vue&type=script&setup=true&lang.ts
-var ni = { class: "flex flex-wrap items-center justify-between gap-3 px-3 py-2 text-sm text-muted" }, ri = { class: "flex items-center gap-2" }, ii = ["value"], ai = ["value"], oi = { class: "flex items-center gap-2" }, si = { class: "flex items-center gap-1" }, ci = /* @__PURE__ */ p({
+var ii = { class: "flex flex-wrap items-center justify-between gap-3 px-3 py-2 text-sm text-muted" }, ai = { class: "flex items-center gap-2" }, oi = ["value"], si = ["value"], ci = { class: "flex items-center gap-2" }, li = { class: "flex items-center gap-1" }, ui = /* @__PURE__ */ p({
 	__name: "TablePagination",
 	props: {
 		pageIndex: {},
@@ -2079,63 +2085,63 @@ var ni = { class: "flex flex-wrap items-center justify-between gap-3 px-3 py-2 t
 	},
 	emits: ["update:pageIndex", "update:pageSize"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, i = o(() => ei(n.total, n.pageSize)), c = o(() => $r(n.pageIndex, n.pageSize, n.total)), p = o(() => ti(n.pageIndex, i.value));
+		let n = e, r = t, i = o(() => ni(n.total, n.pageSize)), c = o(() => ti(n.pageIndex, n.pageSize, n.total)), p = o(() => ri(n.pageIndex, i.value));
 		function m(e) {
 			r("update:pageIndex", Math.max(0, Math.min(e, i.value - 1)));
 		}
-		return (t, n) => (x(), l("div", ni, [u("div", ri, [u("span", null, D(e.rowsPerPageLabel), 1), u("select", {
+		return (t, n) => (x(), l("div", ii, [u("div", ai, [u("span", null, D(e.rowsPerPageLabel), 1), u("select", {
 			value: e.pageSize,
 			class: "rounded-md border border-border bg-surface px-2 py-1 text-sm text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500",
 			onChange: n[0] ||= (e) => r("update:pageSize", Number(e.target.value))
 		}, [(x(!0), l(a, null, w(e.pageSizeOptions, (e) => (x(), l("option", {
 			key: e,
 			value: e
-		}, D(e), 9, ai))), 128))], 40, ii)]), u("div", oi, [u("span", null, D(c.value.from) + "–" + D(c.value.to) + " " + D(e.ofLabel) + " " + D(c.value.total), 1), u("div", si, [
-			f(Z, {
+		}, D(e), 9, si))), 128))], 40, oi)]), u("div", ci, [u("span", null, D(c.value.from) + "–" + D(c.value.to) + " " + D(e.ofLabel) + " " + D(c.value.total), 1), u("div", li, [
+			f(X, {
 				variant: "ghost",
 				size: "icon-sm",
 				disabled: e.pageIndex <= 0,
 				"aria-label": e.previousLabel,
 				onClick: n[1] ||= (t) => m(e.pageIndex - 1)
 			}, {
-				default: P(() => [f(O(re), { class: "size-4 rtl:rotate-180" })]),
+				default: N(() => [f(O(ie), { class: "size-4 rtl:rotate-180" })]),
 				_: 1
 			}, 8, ["disabled", "aria-label"]),
-			(x(!0), l(a, null, w(p.value, (t) => (x(), s(Z, {
+			(x(!0), l(a, null, w(p.value, (t) => (x(), s(X, {
 				key: t,
 				variant: t - 1 === e.pageIndex ? "default" : "ghost",
 				size: "icon-sm",
 				"aria-current": t - 1 === e.pageIndex ? "page" : void 0,
 				onClick: (e) => m(t - 1)
 			}, {
-				default: P(() => [d(D(t), 1)]),
+				default: N(() => [d(D(t), 1)]),
 				_: 2
 			}, 1032, [
 				"variant",
 				"aria-current",
 				"onClick"
 			]))), 128)),
-			f(Z, {
+			f(X, {
 				variant: "ghost",
 				size: "icon-sm",
 				disabled: e.pageIndex >= i.value - 1,
 				"aria-label": e.nextLabel,
 				onClick: n[2] ||= (t) => m(e.pageIndex + 1)
 			}, {
-				default: P(() => [f(O(B), { class: "size-4 rtl:rotate-180" })]),
+				default: N(() => [f(O(z), { class: "size-4 rtl:rotate-180" })]),
 				_: 1
 			}, 8, ["disabled", "aria-label"])
 		])])]));
 	}
-}), li = _t({
-	rowSortingFeature: ht,
-	rowPaginationFeature: mt,
-	rowExpandingFeature: pt,
-	sortedRowModel: ft(),
-	paginatedRowModel: dt(),
-	expandedRowModel: ut(),
-	sortFns: gt
-}), ui = [
+}), di = bt({
+	rowSortingFeature: vt,
+	rowPaginationFeature: _t,
+	rowExpandingFeature: gt,
+	sortedRowModel: ht(),
+	paginatedRowModel: mt(),
+	expandedRowModel: pt(),
+	sortFns: yt
+}), fi = [
 	"a[href]",
 	"button",
 	"input",
@@ -2148,16 +2154,21 @@ var ni = { class: "flex flex-wrap items-center justify-between gap-3 px-3 py-2 t
 	"[role=\"menu\"]",
 	"[data-row-toggle-ignore]"
 ].join(",");
-function di(e) {
+function pi(e) {
 	let t = e;
-	return !t || typeof t.closest != "function" ? !1 : t.closest(ui) !== null;
+	return !t || typeof t.closest != "function" ? !1 : t.closest(fi) !== null;
 }
-function fi(e, t) {
+function mi(e, t) {
 	return e[t] ? {} : { [t]: !0 };
 }
 //#endregion
 //#region src/components/data-table/DataTable.vue?vue&type=script&setup=true&lang.ts
-var pi = ["onClick"], mi = /* @__PURE__ */ p({
+var hi = ["aria-busy"], gi = {
+	key: 0,
+	class: "sr-only",
+	role: "status",
+	"aria-live": "polite"
+}, _i = ["onClick"], vi = /* @__PURE__ */ p({
 	__name: "DataTable",
 	props: {
 		data: {},
@@ -2182,7 +2193,13 @@ var pi = ["onClick"], mi = /* @__PURE__ */ p({
 			type: Boolean,
 			default: !0
 		},
-		maxHeight: {}
+		maxHeight: {},
+		loading: {
+			type: Boolean,
+			default: !1
+		},
+		loadingRows: { default: 5 },
+		loadingLabel: { default: "Loading…" }
 	},
 	emits: [
 		"update:sorting",
@@ -2190,8 +2207,8 @@ var pi = ["onClick"], mi = /* @__PURE__ */ p({
 		"row-click"
 	],
 	setup(e, { emit: t }) {
-		let n = e, r = t, i = A(), u = C([]), p = n.getRowId ? (e) => n.getRowId(e) : void 0, m = vt({
-			features: li,
+		let n = e, r = t, i = A(), u = C([]), p = n.getRowId ? (e) => n.getRowId(e) : void 0, m = xt({
+			features: di,
 			get columns() {
 				return n.columns;
 			},
@@ -2218,47 +2235,48 @@ var pi = ["onClick"], mi = /* @__PURE__ */ p({
 				let t = typeof e == "function" ? e(n.expanded) : e;
 				r("update:expanded", t === !0 ? {} : t);
 			}
-		}), h = o(() => m.getRowModel().rows), v = o(() => m.getAllLeafColumns().length);
-		function y(e) {
+		}), h = o(() => m.getRowModel().rows), v = o(() => m.getAllLeafColumns().length), y = o(() => Math.max(1, Math.floor(n.loadingRows)));
+		function b(e) {
 			let t = m.getColumn(e);
 			return t?.getIsSorted() ? t.getIsSorted() === "desc" ? "descending" : "ascending" : "none";
 		}
-		let b = (e) => !!i[`cell-${e}`], S = (e) => {
+		let S = (e) => !!i[`cell-${e}`], E = (e) => {
 			let t = e.size;
 			return t ? `${t}px` : void 0;
 		};
-		function E(e, t) {
-			r("row-click", h.value.find((e) => e.id === t)?.original), n.expandable && (n.stopRowToggleOnInteractiveCells && di(e.target) || r("update:expanded", fi(n.expanded, t)));
+		function k(e, t) {
+			r("row-click", h.value.find((e) => e.id === t)?.original), n.expandable && (n.stopRowToggleOnInteractiveCells && pi(e.target) || r("update:expanded", mi(n.expanded, t)));
 		}
 		return (t, n) => (x(), l("div", {
 			class: g(e.maxHeight ? "overflow-auto" : void 0),
-			style: _(e.maxHeight ? { maxHeight: e.maxHeight } : void 0)
-		}, [f(zr, {
+			style: _(e.maxHeight ? { maxHeight: e.maxHeight } : void 0),
+			"aria-busy": e.loading || void 0
+		}, [e.loading ? (x(), l("span", gi, D(e.loadingLabel), 1)) : c("", !0), f(Hr, {
 			striped: e.striped,
 			size: e.size
 		}, {
-			default: P(() => [f(Wr, null, {
-				default: P(() => [f($, null, {
-					default: P(() => [(x(!0), l(a, null, w(O(m).getHeaderGroups()[0]?.headers ?? [], (t) => (x(), s(Yr, {
+			default: N(() => [f(qr, null, {
+				default: N(() => [f(Q, null, {
+					default: N(() => [(x(!0), l(a, null, w(O(m).getHeaderGroups()[0]?.headers ?? [], (t) => (x(), s(Qr, {
 						key: t.id,
-						width: S(t.column.columnDef),
-						"sort-direction": t.column.getCanSort() ? y(t.column.id) : void 0
+						width: E(t.column.columnDef),
+						"sort-direction": t.column.getCanSort() ? b(t.column.id) : void 0
 					}, {
-						default: P(() => [e.sortable && t.column.getCanSort() ? (x(), l("button", {
+						default: N(() => [e.sortable && t.column.getCanSort() ? (x(), l("button", {
 							key: 0,
 							type: "button",
 							class: "inline-flex items-center gap-1 rounded focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500",
 							onClick: (e) => t.column.toggleSorting()
-						}, [f(O(lt), { header: t }, null, 8, ["header"]), y(t.column.id) === "descending" ? (x(), s(O(z), {
+						}, [f(O(ft), { header: t }, null, 8, ["header"]), b(t.column.id) === "descending" ? (x(), s(O(R), {
 							key: 0,
 							class: "size-3.5"
-						})) : y(t.column.id) === "ascending" ? (x(), s(O(ie), {
+						})) : b(t.column.id) === "ascending" ? (x(), s(O(ae), {
 							key: 1,
 							class: "size-3.5"
-						})) : (x(), s(O(oe), {
+						})) : (x(), s(O(se), {
 							key: 2,
 							class: "size-3.5 opacity-40"
-						}))], 8, pi)) : (x(), s(O(lt), {
+						}))], 8, _i)) : (x(), s(O(ft), {
 							key: 1,
 							header: t
 						}, null, 8, ["header"]))]),
@@ -2267,25 +2285,34 @@ var pi = ["onClick"], mi = /* @__PURE__ */ p({
 					_: 1
 				})]),
 				_: 1
-			}), f(qr, null, {
-				default: P(() => [h.value.length === 0 ? (x(), s(Qr, {
+			}), f(Xr, null, {
+				default: N(() => [!e.loading && h.value.length === 0 ? (x(), s(ei, {
 					key: 0,
 					columns: v.value
 				}, {
-					default: P(() => [T(t.$slots, "empty", {}, () => [d(D(e.emptyLabel), 1)])]),
+					default: N(() => [T(t.$slots, "empty", {}, () => [d(D(e.emptyLabel), 1)])]),
 					_: 3
-				}, 8, ["columns"])) : c("", !0), (x(!0), l(a, null, w(h.value, (n) => (x(), l(a, { key: n.id }, [f($, {
+				}, 8, ["columns"])) : c("", !0), e.loading ? (x(!0), l(a, { key: 1 }, w(y.value, (e) => (x(), s(Q, { key: "loading-" + e }, {
+					default: N(() => [(x(!0), l(a, null, w(v.value, (e) => (x(), s($, { key: e }, {
+						default: N(() => [f(Nn, {
+							height: "1rem",
+							rounded: "sm"
+						})]),
+						_: 1
+					}))), 128))]),
+					_: 1
+				}))), 128)) : (x(!0), l(a, { key: 2 }, w(h.value, (n) => (x(), l(a, { key: n.id }, [f(Q, {
 					clickable: e.expandable,
 					"data-row-id": n.id,
 					"data-state": n.getIsExpanded() ? "expanded" : void 0,
-					onClick: (e) => E(e, n.id)
+					onClick: (e) => k(e, n.id)
 				}, {
-					default: P(() => [(x(!0), l(a, null, w(n.getAllCells(), (e) => (x(), s(Xr, { key: e.id }, {
-						default: P(() => [b(e.column.id) ? T(t.$slots, `cell-${e.column.id}`, {
+					default: N(() => [(x(!0), l(a, null, w(n.getAllCells(), (e) => (x(), s($, { key: e.id }, {
+						default: N(() => [S(e.column.id) ? T(t.$slots, `cell-${e.column.id}`, {
 							row: n,
 							cell: e,
 							value: e.getValue()
-						}, void 0, void 0, 0) : (x(), s(O(lt), {
+						}, void 0, void 0, 0) : (x(), s(O(ft), {
 							key: 1,
 							cell: e
 						}, null, 8, ["cell"]))]),
@@ -2297,12 +2324,12 @@ var pi = ["onClick"], mi = /* @__PURE__ */ p({
 					"data-row-id",
 					"data-state",
 					"onClick"
-				]), n.getIsExpanded() ? (x(), s($, {
+				]), n.getIsExpanded() ? (x(), s(Q, {
 					key: 0,
 					class: "bg-surface-muted/30"
 				}, {
-					default: P(() => [f(Xr, { colspan: v.value }, {
-						default: P(() => [T(t.$slots, "expansion", { row: n })]),
+					default: N(() => [f($, { colspan: v.value }, {
+						default: N(() => [T(t.$slots, "expansion", { row: n })]),
 						_: 2
 					}, 1032, ["colspan"])]),
 					_: 2
@@ -2310,12 +2337,12 @@ var pi = ["onClick"], mi = /* @__PURE__ */ p({
 				_: 3
 			})]),
 			_: 3
-		}, 8, ["striped", "size"])], 6));
+		}, 8, ["striped", "size"])], 14, hi));
 	}
 });
 //#endregion
 //#region src/lib/tree.ts
-function hi(e, t, n = 1, r = null) {
+function yi(e, t, n = 1, r = null) {
 	return e.flatMap((e) => {
 		let i = {
 			node: e,
@@ -2324,27 +2351,27 @@ function hi(e, t, n = 1, r = null) {
 			parentKey: r,
 			hasChildren: !!e.children?.length
 		};
-		return !i.hasChildren || !t.includes(e.value) ? [i] : [i, ...hi(e.children, t, n + 1, e.value)];
+		return !i.hasChildren || !t.includes(e.value) ? [i] : [i, ...yi(e.children, t, n + 1, e.value)];
 	});
 }
-function gi(e, t) {
+function bi(e, t) {
 	for (let n of e) {
 		if (n.value === t) return n;
-		let e = n.children ? gi(n.children, t) : void 0;
+		let e = n.children ? bi(n.children, t) : void 0;
 		if (e) return e;
 	}
 }
-function _i(e) {
-	return e.flatMap((e) => e.children?.length ? _i(e.children) : [e.value]);
+function xi(e) {
+	return e.flatMap((e) => e.children?.length ? xi(e.children) : [e.value]);
 }
-function vi(e, t) {
-	let n = e.children?.length ? _i([e]) : [e.value], r = n.filter((e) => t.includes(e)).length;
+function Si(e, t) {
+	let n = e.children?.length ? xi([e]) : [e.value], r = n.filter((e) => t.includes(e)).length;
 	return r === 0 ? "unchecked" : r === n.length ? "checked" : "indeterminate";
 }
-function yi(e, t, n = (e) => e.label ?? "") {
+function Ci(e, t, n = (e) => e.label ?? "") {
 	let r = t.trim().toLowerCase();
 	return r ? e.reduce((e, i) => {
-		let a = i.children ? yi(i.children, t, n) : void 0;
+		let a = i.children ? Ci(i.children, t, n) : void 0;
 		return !n(i).toLowerCase().includes(r) && (!a || a.length === 0) || e.push({
 			...i,
 			children: a
@@ -2353,10 +2380,10 @@ function yi(e, t, n = (e) => e.label ?? "") {
 }
 //#endregion
 //#region src/components/tree-table/TreeTable.vue?vue&type=script&setup=true&lang.ts
-var bi = { class: "overflow-hidden rounded-md border border-border bg-surface" }, xi = { class: "px-3 py-2" }, Si = ["aria-label", "onClick"], Ci = {
+var wi = { class: "overflow-hidden rounded-md border border-border bg-surface" }, Ti = { class: "px-3 py-2" }, Ei = ["aria-label", "onClick"], Di = {
 	key: 1,
 	class: "inline-block size-4"
-}, wi = /* @__PURE__ */ p({
+}, Oi = /* @__PURE__ */ p({
 	__name: "TreeTable",
 	props: {
 		nodes: {},
@@ -2370,21 +2397,21 @@ var bi = { class: "overflow-hidden rounded-md border border-border bg-surface" }
 	},
 	emits: ["update:expanded"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, i = o(() => `minmax(12rem, 1fr) ${n.columns.map((e) => e.width ?? "minmax(6rem, 1fr)").join(" ")}`), c = o(() => hi(n.nodes, n.expanded));
-		return (t, n) => (x(), l("div", bi, [u("div", {
+		let n = e, r = t, i = o(() => `minmax(12rem, 1fr) ${n.columns.map((e) => e.width ?? "minmax(6rem, 1fr)").join(" ")}`), c = o(() => yi(n.nodes, n.expanded));
+		return (t, n) => (x(), l("div", wi, [u("div", {
 			class: "grid border-b border-border bg-surface-muted/60 text-xs font-medium text-muted",
 			style: _({ gridTemplateColumns: i.value })
-		}, [u("div", xi, [T(t.$slots, "header", {}, () => [d(D(e.rowColumnHeader), 1)])]), (x(!0), l(a, null, w(e.columns, (e) => (x(), l("div", {
+		}, [u("div", Ti, [T(t.$slots, "header", {}, () => [d(D(e.rowColumnHeader), 1)])]), (x(!0), l(a, null, w(e.columns, (e) => (x(), l("div", {
 			key: e.key,
 			class: g(["px-3 py-2", [e.align === "center" && "text-center", e.align === "end" && "text-end"]])
-		}, D(e.header), 3))), 128))], 4), f(O(st), {
+		}, D(e.header), 3))), 128))], 4), f(O(ut), {
 			items: e.nodes,
 			"get-key": (e) => e.value,
 			"get-children": (e) => e.children,
 			expanded: e.expanded,
 			"onUpdate:expanded": n[0] ||= (e) => r("update:expanded", e)
 		}, {
-			default: P(() => [(x(!0), l(a, null, w(c.value, (n) => (x(), s(O(ot), {
+			default: N(() => [(x(!0), l(a, null, w(c.value, (n) => (x(), s(O(lt), {
 				key: n.key,
 				value: n.node,
 				level: n.level,
@@ -2392,7 +2419,7 @@ var bi = { class: "overflow-hidden rounded-md border border-border bg-surface" }
 				class: "grid items-center border-b border-border/60 text-sm last:border-b-0 data-[selected]:bg-surface-muted/30",
 				style: _({ gridTemplateColumns: i.value })
 			}, {
-				default: P(({ isExpanded: r, handleToggle: i }) => [u("div", {
+				default: N(({ isExpanded: r, handleToggle: i }) => [u("div", {
 					class: "flex items-center gap-1 px-3 py-2",
 					style: _({ paddingInlineStart: `calc(0.75rem + ${(n.level - 1) * 1.25}rem)` })
 				}, [n.hasChildren ? (x(), l("button", {
@@ -2400,8 +2427,8 @@ var bi = { class: "overflow-hidden rounded-md border border-border bg-surface" }
 					type: "button",
 					"aria-label": e.rowLabel(n.node),
 					class: g(["rounded p-0.5 text-muted transition-transform hover:bg-surface-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500", r && "rotate-90"]),
-					onClick: I(i, ["stop"])
-				}, [f(O(B), { class: "size-3.5 rtl:rotate-180" })], 10, Si)) : (x(), l("span", Ci)), T(t.$slots, "row-label", {
+					onClick: F(i, ["stop"])
+				}, [f(O(z), { class: "size-3.5 rtl:rotate-180" })], 10, Ei)) : (x(), l("span", Di)), T(t.$slots, "row-label", {
 					node: n.node,
 					level: n.level
 				}, () => [d(D(e.rowLabel(n.node)), 1)])], 4), (x(!0), l(a, null, w(e.columns, (e) => (x(), l("div", {
@@ -2428,22 +2455,22 @@ var bi = { class: "overflow-hidden rounded-md border border-border bg-surface" }
 			"expanded"
 		])]));
 	}
-}), Ti = ["disabled"], Ei = {
+}), ki = ["disabled"], Ai = {
 	key: 0,
 	class: "truncate text-muted"
-}, Di = {
+}, ji = {
 	key: 1,
 	class: "flex flex-wrap items-center gap-1"
-}, Oi = {
+}, Mi = {
 	key: 0,
 	class: "relative mb-2"
-}, ki = ["placeholder"], Ai = {
+}, Ni = ["placeholder"], Pi = {
 	key: 1,
 	class: "block h-0.5 w-2 rounded bg-white"
-}, ji = { class: "truncate" }, Mi = {
+}, Fi = { class: "truncate" }, Ii = {
 	key: 1,
 	class: "mt-2 flex justify-end border-t border-border pt-2"
-}, Ni = /* @__PURE__ */ p({
+}, Li = /* @__PURE__ */ p({
 	__name: "TreeSelect",
 	props: {
 		modelValue: { default: () => [] },
@@ -2463,45 +2490,45 @@ var bi = { class: "overflow-hidden rounded-md border border-border bg-surface" }
 	},
 	emits: ["update:modelValue"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, i = C(!1), p = C(""), m = C([]), h = o(() => yi(n.nodes, p.value)), v = o(() => hi(h.value, m.value)), y = o(() => _i(n.nodes)), b = o(() => n.modelValue.map((e) => gi(n.nodes, e)).filter((e) => !!e));
+		let n = e, r = t, i = C(!1), p = C(""), m = C([]), h = o(() => Ci(n.nodes, p.value)), v = o(() => yi(h.value, m.value)), y = o(() => xi(n.nodes)), b = o(() => n.modelValue.map((e) => bi(n.nodes, e)).filter((e) => !!e));
 		function S(e) {
-			return vi(e, n.modelValue);
+			return Si(e, n.modelValue);
 		}
 		function T(e) {
 			let t = (Array.isArray(e) ? e : []).map((e) => e.value);
 			r("update:modelValue", n.leafOnly ? t.filter((e) => y.value.includes(e)) : t);
 		}
-		return (t, n) => (x(), s(O(Le), {
+		return (t, n) => (x(), s(O(ze), {
 			open: i.value,
 			"onUpdate:open": n[3] ||= (e) => i.value = e
 		}, {
-			default: P(() => [f(O(Re), {
+			default: N(() => [f(O(Be), {
 				"as-child": "",
 				disabled: e.disabled
 			}, {
-				default: P(() => [u("button", {
+				default: N(() => [u("button", {
 					type: "button",
 					disabled: e.disabled,
 					class: g(["flex w-full items-center justify-between gap-2 rounded-md border border-border bg-surface px-3 text-start text-sm text-foreground shadow-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500 disabled:cursor-not-allowed disabled:opacity-50", e.size === "sm" ? "min-h-8 py-1 text-xs" : "min-h-9 py-1.5"])
-				}, [b.value.length === 0 ? (x(), l("span", Ei, D(e.placeholder), 1)) : (x(), l("span", Di, [(x(!0), l(a, null, w(b.value, (e) => (x(), s(Sn, {
+				}, [b.value.length === 0 ? (x(), l("span", Ai, D(e.placeholder), 1)) : (x(), l("span", ji, [(x(!0), l(a, null, w(b.value, (e) => (x(), s(Tn, {
 					key: e.value,
 					tone: "secondary"
 				}, {
-					default: P(() => [d(D(e.label ?? e.value), 1)]),
+					default: N(() => [d(D(e.label ?? e.value), 1)]),
 					_: 2
-				}, 1024))), 128))])), f(O(z), { class: "size-4 shrink-0 opacity-50" })], 10, Ti)]),
+				}, 1024))), 128))])), f(O(R), { class: "size-4 shrink-0 opacity-50" })], 10, ki)]),
 				_: 1
-			}, 8, ["disabled"]), f(O(Ie), {
+			}, 8, ["disabled"]), f(O(Le), {
 				"side-offset": 4,
 				class: "z-50 w-72 rounded-md border border-border bg-surface p-2 shadow-popover"
 			}, {
-				default: P(() => [
-					e.filterable ? (x(), l("div", Oi, [f(O(de), { class: "pointer-events-none absolute start-2 top-1/2 size-3.5 -translate-y-1/2 text-muted" }), F(u("input", {
+				default: N(() => [
+					e.filterable ? (x(), l("div", Mi, [f(O(fe), { class: "pointer-events-none absolute start-2 top-1/2 size-3.5 -translate-y-1/2 text-muted" }), P(u("input", {
 						"onUpdate:modelValue": n[0] ||= (e) => p.value = e,
 						placeholder: e.filterPlaceholder,
 						class: "w-full rounded-md border border-border bg-surface py-1.5 pe-2 ps-7 text-sm placeholder:text-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500"
-					}, null, 8, ki), [[M, p.value]])])) : c("", !0),
-					f(O(st), {
+					}, null, 8, Ni), [[j, p.value]])])) : c("", !0),
+					f(O(ut), {
 						"model-value": b.value,
 						items: h.value,
 						"get-key": (e) => e.value,
@@ -2512,7 +2539,7 @@ var bi = { class: "overflow-hidden rounded-md border border-border bg-surface" }
 						"bubble-select": "",
 						"onUpdate:modelValue": T
 					}, {
-						default: P(() => [(x(!0), l(a, null, w(v.value, (e) => (x(), s(O(ot), {
+						default: N(() => [(x(!0), l(a, null, w(v.value, (e) => (x(), s(O(lt), {
 							key: e.key,
 							value: e.node,
 							level: e.level,
@@ -2520,13 +2547,13 @@ var bi = { class: "overflow-hidden rounded-md border border-border bg-surface" }
 							class: "flex items-center gap-2 rounded py-1.5 text-sm text-foreground data-[selected]:bg-surface-muted/50",
 							style: _({ paddingInlineStart: `calc(0.5rem + ${(e.level - 1) * 1}rem)` })
 						}, {
-							default: P(() => [u("span", {
+							default: N(() => [u("span", {
 								class: g(["flex size-4 shrink-0 items-center justify-center rounded border border-border", S(e.node) !== "unchecked" && "border-primary-500 bg-primary-500 text-white"]),
 								"aria-hidden": "true"
-							}, [S(e.node) === "checked" ? (x(), s(O(R), {
+							}, [S(e.node) === "checked" ? (x(), s(O(L), {
 								key: 0,
 								class: "size-3"
-							})) : S(e.node) === "indeterminate" ? (x(), l("span", Ai)) : c("", !0)], 2), u("span", ji, D(e.node.label ?? e.node.value), 1)]),
+							})) : S(e.node) === "indeterminate" ? (x(), l("span", Pi)) : c("", !0)], 2), u("span", Fi, D(e.node.label ?? e.node.value), 1)]),
 							_: 2
 						}, 1032, [
 							"value",
@@ -2541,22 +2568,22 @@ var bi = { class: "overflow-hidden rounded-md border border-border bg-surface" }
 						"get-children",
 						"expanded"
 					]),
-					e.modelValue.length ? (x(), l("div", Mi, [u("button", {
+					e.modelValue.length ? (x(), l("div", Ii, [u("button", {
 						type: "button",
 						class: "inline-flex items-center gap-1 rounded px-2 py-1 text-xs text-muted hover:bg-surface-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500",
 						onClick: n[2] ||= (e) => r("update:modelValue", [])
-					}, [f(O(H), { class: "size-3" }), n[4] ||= d("Clear ", -1)])])) : c("", !0)
+					}, [f(O(V), { class: "size-3" }), n[4] ||= d("Clear ", -1)])])) : c("", !0)
 				]),
 				_: 1
 			})]),
 			_: 1
 		}, 8, ["open"]));
 	}
-}), Pi = Symbol("myghf-toast"), Fi = 0;
-function Ii(e = {}) {
+}), Ri = Symbol("myghf-toast"), zi = 0;
+function Bi(e = {}) {
 	let t = Math.max(1, e.max ?? 4), n = e.duration ?? 5e3, r = e.position ?? "top-end", i = C([]), a = o(() => i.value.slice(0, t));
 	function s(e) {
-		let t = `toast-${++Fi}`;
+		let t = `toast-${++zi}`;
 		return i.value.push({
 			severity: "info",
 			position: r,
@@ -2592,14 +2619,14 @@ function Ii(e = {}) {
 		secondary: u("secondary")
 	};
 }
-function Li() {
-	let e = m(Pi);
+function Vi() {
+	let e = m(Ri);
 	if (!e) throw Error("useToast() requires a <Toaster /> mounted above this component.");
 	return e;
 }
 //#endregion
 //#region src/components/toast/Toast.vue?vue&type=script&setup=true&lang.ts
-var Ri = { class: "min-w-0 flex-1" }, zi = /* @__PURE__ */ p({
+var Hi = { class: "min-w-0 flex-1" }, Ui = /* @__PURE__ */ p({
 	__name: "Toast",
 	props: {
 		item: {},
@@ -2614,48 +2641,48 @@ var Ri = { class: "min-w-0 flex-1" }, zi = /* @__PURE__ */ p({
 			danger: "circle-alert",
 			secondary: "info"
 		};
-		return (t, n) => (x(), s(O(rt), {
+		return (t, n) => (x(), s(O(ot), {
 			"default-open": !0,
 			duration: l.value,
 			type: a.value,
 			"data-toast-root": "",
 			"data-duration": l.value,
-			class: g(["pointer-events-auto flex w-full items-start gap-3 rounded-lg p-4 text-sm shadow-popover", O(J)[i.value].soft]),
+			class: g(["pointer-events-auto flex w-full items-start gap-3 rounded-lg p-4 text-sm shadow-popover", O(q)[i.value].soft]),
 			"onUpdate:open": n[1] ||= (e) => !e && r("close")
 		}, {
-			default: P(() => [
-				f(X, {
+			default: N(() => [
+				f(Y, {
 					name: e.item.icon || p[i.value],
-					class: g(["mt-0.5 size-4 shrink-0", O(J)[i.value].icon])
+					class: g(["mt-0.5 size-4 shrink-0", O(q)[i.value].icon])
 				}, null, 8, ["name", "class"]),
-				u("div", Ri, [e.item.title ? (x(), s(O(it), {
+				u("div", Hi, [e.item.title ? (x(), s(O(st), {
 					key: 0,
 					class: "font-medium"
 				}, {
-					default: P(() => [d(D(e.item.title), 1)]),
+					default: N(() => [d(D(e.item.title), 1)]),
 					_: 1
-				})) : c("", !0), e.item.description ? (x(), s(O(tt), {
+				})) : c("", !0), e.item.description ? (x(), s(O(it), {
 					key: 1,
 					class: g(["leading-relaxed", e.item.title ? "mt-1" : ""])
 				}, {
-					default: P(() => [d(D(e.item.description), 1)]),
+					default: N(() => [d(D(e.item.description), 1)]),
 					_: 1
 				}, 8, ["class"])) : c("", !0)]),
-				e.item.action ? (x(), s(O($e), {
+				e.item.action ? (x(), s(O(nt), {
 					key: 0,
 					"alt-text": e.item.action.label,
 					class: "-my-1 shrink-0 rounded-md px-2 py-1 font-medium transition-colors hover:bg-black/10 dark:hover:bg-white/10 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500",
 					onClick: n[0] ||= (t) => e.item.action.onClick()
 				}, {
-					default: P(() => [d(D(e.item.action.label), 1)]),
+					default: N(() => [d(D(e.item.action.label), 1)]),
 					_: 1
 				}, 8, ["alt-text"])) : c("", !0),
-				e.item.closable === !1 ? c("", !0) : (x(), s(O(et), {
+				e.item.closable === !1 ? c("", !0) : (x(), s(O(rt), {
 					key: 1,
 					"aria-label": "Close",
 					class: "-me-1 -mt-1 shrink-0 rounded-md p-1 transition-colors hover:bg-black/10 dark:hover:bg-white/10 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500"
 				}, {
-					default: P(() => [f(O(H), { class: "size-4" })]),
+					default: N(() => [f(O(V), { class: "size-4" })]),
 					_: 1
 				}))
 			]),
@@ -2667,7 +2694,7 @@ var Ri = { class: "min-w-0 flex-1" }, zi = /* @__PURE__ */ p({
 			"class"
 		]));
 	}
-}), Bi = /* @__PURE__ */ p({
+}), Wi = /* @__PURE__ */ p({
 	__name: "Toaster",
 	props: {
 		position: { default: "top-end" },
@@ -2678,12 +2705,12 @@ var Ri = { class: "min-w-0 flex-1" }, zi = /* @__PURE__ */ p({
 		store: {}
 	},
 	setup(e) {
-		let t = e, n = t.store ?? Ii({
+		let t = e, n = t.store ?? Bi({
 			max: t.max,
 			duration: t.duration,
 			position: t.position
 		});
-		S(Pi, n);
+		S(Ri, n);
 		let r = [
 			"top-start",
 			"top-center",
@@ -2702,17 +2729,17 @@ var Ri = { class: "min-w-0 flex-1" }, zi = /* @__PURE__ */ p({
 		function o(e) {
 			return n.visible.value.filter((n) => (n.position ?? t.position) === e);
 		}
-		return (t, u) => (x(), s(O(nt), {
+		return (t, u) => (x(), s(O(at), {
 			label: e.label,
 			duration: e.duration
 		}, {
-			default: P(() => [T(t.$slots, "default"), (x(), l(a, null, w(r, (t) => (x(), l(a, { key: t }, [o(t).length > 0 ? (x(), s(O(at), {
+			default: N(() => [T(t.$slots, "default"), (x(), l(a, null, w(r, (t) => (x(), l(a, { key: t }, [o(t).length > 0 ? (x(), s(O(ct), {
 				key: 0,
 				label: e.label,
 				class: g(["pointer-events-none fixed z-50 flex max-h-screen w-full max-w-sm flex-col", i[t]]),
 				style: _({ gap: e.gap })
 			}, {
-				default: P(() => [(x(!0), l(a, null, w(o(t), (t) => (x(), s(zi, {
+				default: N(() => [(x(!0), l(a, null, w(o(t), (t) => (x(), s(Ui, {
 					key: t.id,
 					item: t,
 					duration: e.duration,
@@ -2733,6 +2760,6 @@ var Ri = { class: "min-w-0 flex-1" }, zi = /* @__PURE__ */ p({
 	}
 });
 //#endregion
-export { Dn as Alert, Dn as Message, Nn as Avatar, Z as Button, bn as Checkbox, mi as DataTable, cr as DatePicker, pr as Dialog, vr as Drawer, yr as DropdownMenu, xr as DropdownMenuContent, Tr as DropdownMenuGroup, Sr as DropdownMenuItem, wr as DropdownMenuLabel, Cr as DropdownMenuSeparator, br as DropdownMenuTrigger, hn as FormDescription, yn as FormField, _n as FormMessage, X as Icon, Zt as Input, tn as InputNumber, pn as Label, un as Password, Bn as Select, Vn as SelectButton, An as Skeleton, kn as Spinner, zr as Table, qr as TableBody, Xr as TableCell, Qr as TableEmpty, Yr as TableHead, Wr as TableHeader, ci as TablePagination, $ as TableRow, Pn as Tabs, Ln as TabsContent, Fn as TabsList, In as TabsTrigger, Sn as Tag, rn as Textarea, Kt as ThemeToggle, Bi as Toaster, Rr as TransferList, Ni as TreeSelect, wi as TreeTable, wt as buildHourOptions, Tt as buildMinuteOptions, St as clampTime, U as cn, Ht as createTheme, Ii as createToastStore, yt as dateToValue, q as formatLocalizedDate, At as formatLocalizedTime, Et as from12Hour, Dt as getFirstDayOfWeek, kt as getMonthLabel, Ot as getWeekdayLabels, Mt as mergeFormatOptions, Ft as resolveIconName, G as sortRange, K as to12Hour, Ct as toISODate, xt as toMinutes, jt as toNumberOrNull, Nt as toPascalCase, W as toTime, Pi as toastKey, J as toneClasses, Q as useFormField, Wt as useTheme, Li as useToast, bt as valueToDate };
+export { An as Alert, An as Message, In as Avatar, X as Button, Cn as Checkbox, vi as DataTable, dr as DatePicker, gr as Dialog, xr as Drawer, Sr as DropdownMenu, wr as DropdownMenuContent, Or as DropdownMenuGroup, Tr as DropdownMenuItem, Dr as DropdownMenuLabel, Er as DropdownMenuSeparator, Cr as DropdownMenuTrigger, vn as FormDescription, Sn as FormField, bn as FormMessage, Y as Icon, en as Input, an as InputNumber, gn as Label, pn as Password, Un as Select, Wn as SelectButton, Nn as Skeleton, Mn as Spinner, Hr as Table, Xr as TableBody, $ as TableCell, ei as TableEmpty, Qr as TableHead, qr as TableHeader, ui as TablePagination, Q as TableRow, Ln as Tabs, Bn as TabsContent, Rn as TabsList, zn as TabsTrigger, Tn as Tag, sn as Textarea, Yt as ThemeToggle, Wi as Toaster, Vr as TransferList, Li as TreeSelect, Oi as TreeTable, Dt as buildHourOptions, Ot as buildMinuteOptions, Tt as clampTime, H as cn, Gt as createTheme, Bi as createToastStore, St as dateToValue, K as formatLocalizedDate, Nt as formatLocalizedTime, kt as from12Hour, At as getFirstDayOfWeek, Mt as getMonthLabel, jt as getWeekdayLabels, Ft as mergeFormatOptions, Rt as resolveIconName, W as sortRange, G as to12Hour, Et as toISODate, wt as toMinutes, Pt as toNumberOrNull, It as toPascalCase, U as toTime, Ri as toastKey, q as toneClasses, Z as useFormField, qt as useTheme, Vi as useToast, Ct as valueToDate };
 
 //# sourceMappingURL=index.js.map