@myghf/ui 0.3.0 → 0.5.0

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, onMounted as y, openBlock as b, provide as x, ref as S, renderList as C, renderSlot as w, resolveDynamicComponent as T, toDisplayString as E, unref as D, useAttrs as O, useSlots as ee, vModelSelect as k, vModelText as A, vShow as te, watch as j, withCtx as M, withDirectives as N, withModifiers as P } from "vue";
-import * as ne from "lucide-vue-next";
-import { Calendar as re, Check as F, ChevronDown as I, ChevronLeft as ie, ChevronRight as L, ChevronUp as ae, ChevronsLeft as oe, ChevronsRight as se, ChevronsUpDown as ce, Clock as le, Eye as R, EyeOff as ue, Moon as de, Search as fe, Sun as pe, X as z } from "lucide-vue-next";
-import { tv as B } from "tailwind-variants";
-import { CheckboxIndicator as V, CheckboxRoot as me, DialogClose as he, DialogContent as ge, DialogDescription as _e, DialogOverlay as ve, DialogPortal as ye, DialogRoot as be, DialogTitle as H, DialogTrigger as xe, DropdownMenuContent as Se, DropdownMenuItem as Ce, DropdownMenuPortal as we, DropdownMenuRoot as Te, DropdownMenuTrigger as Ee, NumberFieldDecrement as De, NumberFieldIncrement as Oe, NumberFieldInput as ke, NumberFieldRoot as Ae, PopoverContent as je, PopoverRoot as Me, PopoverTrigger as Ne, RadioGroupIndicator as Pe, RadioGroupItem as Fe, RadioGroupRoot as Ie, SelectContent as Le, SelectItem as Re, SelectItemIndicator as ze, SelectItemText as Be, SelectRoot as Ve, SelectTrigger as He, SelectValue as Ue, TabsContent as We, TabsList as Ge, TabsRoot as Ke, TabsTrigger as qe, ToastAction as Je, ToastClose as Ye, ToastDescription as Xe, ToastProvider as Ze, ToastRoot as Qe, ToastTitle as $e, ToastViewport as et, TreeItem as tt, TreeRoot as nt, VisuallyHidden as rt } from "reka-ui";
-import { FlexRender as it, createExpandedRowModel as at, createPaginatedRowModel as ot, createSortedRowModel as st, rowExpandingFeature as ct, rowPaginationFeature as lt, rowSortingFeature as ut, sortFns as dt, tableFeatures as ft, useTable as pt } 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 te, vModelSelect as A, 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, PopoverRoot as Re, PopoverTrigger as ze, RadioGroupIndicator as Be, RadioGroupItem as Ve, RadioGroupRoot as He, SelectContent as Ue, SelectItem as We, SelectItemIndicator as Ge, SelectItemText as Ke, SelectRoot as qe, SelectTrigger as Je, SelectValue as Ye, TabsContent as Xe, TabsList as Ze, TabsRoot as Qe, TabsTrigger as $e, ToastAction as et, ToastClose as tt, ToastDescription as nt, ToastProvider as rt, ToastRoot as it, ToastTitle as at, ToastViewport as ot, TreeItem as st, TreeRoot as ct, VisuallyHidden as lt } from "reka-ui";
+import { FlexRender as ut, createExpandedRowModel as dt, createPaginatedRowModel as ft, createSortedRowModel as pt, rowExpandingFeature as mt, rowPaginationFeature as ht, rowSortingFeature as gt, sortFns as _t, tableFeatures as vt, useTable as yt } 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 mt(e) {
+function bt(e) {
 	return new n(e.getFullYear(), e.getMonth() + 1, e.getDate());
 }
-function ht(e) {
+function xt(e) {
 	return e instanceof r ? e.toDate(i()) : new Date(e.year, e.month - 1, e.day);
 }
-function gt(e) {
+function St(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 _t(e, t) {
+function Ct(e, t) {
 	let n = new Date(e);
-	return n.setHours(Math.floor(gt(t) / 60), gt(t) % 60, 0, 0), n;
+	return n.setHours(Math.floor(St(t) / 60), St(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 vt(e) {
+function wt(e) {
 	let t = e.getMonth() + 1, n = e.getDate();
 	return `${e.getFullYear()}-${String(t).padStart(2, "0")}-${String(n).padStart(2, "0")}`;
 }
-function yt(e) {
+function Tt(e) {
 	return e === "12" ? Array.from({ length: 12 }, (e, t) => t + 1) : Array.from({ length: 24 }, (e, t) => t);
 }
-function bt(e) {
+function Et(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 xt(e, t) {
+function Dt(e, t) {
 	let n = Math.trunc(e) % 12;
 	return t === "pm" ? n + 12 : n;
 }
 //#endregion
 //#region src/lib/locale.ts
-function St(e) {
+function Ot(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 Ct(e, t) {
+function kt(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 wt(e, t) {
+function At(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 Tt(e, t, n) {
+function jt(e, t, n) {
 	let r = n === "24" ? {
 		hour: "2-digit",
 		minute: "2-digit",
@@ -93,10 +93,10 @@ function Tt(e, t, n) {
 }
 //#endregion
 //#region src/lib/number.ts
-function Et(e) {
+function Mt(e) {
 	return e == null || !Number.isFinite(e) ? null : e;
 }
-function Dt(e) {
+function Nt(e) {
 	return {
 		...e.currency ? {
 			style: "currency",
@@ -108,17 +108,17 @@ function Dt(e) {
 }
 //#endregion
 //#region src/lib/icons.ts
-function Ot(e) {
+function Pt(e) {
 	return e.split("-").map((e) => e.charAt(0).toUpperCase() + e.slice(1)).join("");
 }
-var kt = "circle";
-function At(e) {
+var Ft = "circle";
+function It(e) {
 	let t = e.trim();
-	return t ? t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase() : kt;
+	return t ? t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase() : Ft;
 }
 //#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"
 	}
-}, jt = "myghf-theme", Mt = "both", Nt = "system";
-function Y() {
+}, Lt = "myghf-theme", Rt = "both", zt = "system";
+function J() {
 	return typeof window < "u" && typeof document < "u";
 }
-function Pt() {
-	return !Y() || typeof window.matchMedia != "function" ? "light" : window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+function Bt() {
+	return !J() || typeof window.matchMedia != "function" ? "light" : window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
 }
-function Ft(e) {
+function Vt(e) {
 	try {
 		let t = window.localStorage.getItem(e);
 		return t === "light" || t === "dark" || t === "system" ? t : null;
@@ -164,22 +164,22 @@ function Ft(e) {
 		return null;
 	}
 }
-function It(e) {
+function Ht(e) {
 	return {
-		storageKey: e.storageKey ?? jt,
-		attribute: e.attribute ?? Mt,
-		defaultMode: e.defaultMode ?? Nt
+		storageKey: e.storageKey ?? Lt,
+		attribute: e.attribute ?? Rt,
+		defaultMode: e.defaultMode ?? zt
 	};
 }
-function Lt(e = {}) {
-	let { storageKey: t, attribute: n, defaultMode: r } = It(e), i = Y() ? Ft(t) ?? r : r, a = S(i), s = o(() => a.value === "system" ? Pt() : a.value), c = o(() => s.value === "dark");
+function Ut(e = {}) {
+	let { storageKey: t, attribute: n, defaultMode: r } = Ht(e), i = J() ? Vt(t) ?? r : r, a = C(i), s = o(() => a.value === "system" ? Bt() : 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 Lt(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 Lt(e = {}) {
 		reset: h
 	};
 }
-var Rt = null;
-function zt(e) {
-	return Rt || (Rt = Lt(e), Rt);
+var Wt = null;
+function Gt(e) {
+	return Wt || (Wt = Ut(e), Wt);
 }
 //#endregion
 //#region src/components/theme-toggle/ThemeToggle.vue?vue&type=script&setup=true&lang.ts
-var Bt = ["aria-label", "aria-pressed"], Vt = /* @__PURE__ */ p({
+var Kt = ["aria-label", "aria-pressed"], qt = /* @__PURE__ */ p({
 	__name: "ThemeToggle",
 	props: {
 		size: { default: "default" },
 		label: { default: "Toggle theme" }
 	},
 	setup(e) {
-		let t = e, { isDark: n, toggle: r } = zt(), i = {
+		let t = e, { isDark: n, toggle: r } = Gt(), i = {
 			sm: "h-8 px-3 text-xs",
 			default: "h-9 px-4",
 			lg: "h-10 px-6"
@@ -236,38 +236,35 @@ var Bt = ["aria-label", "aria-pressed"], Vt = /* @__PURE__ */ p({
 			"disabled:pointer-events-none disabled:opacity-50 [&_svg]:size-4",
 			i[t.size]
 		]);
-		return (t, i) => (b(), l("button", {
+		return (t, i) => (x(), l("button", {
 			type: "button",
 			class: g(a.value),
 			"aria-label": e.label,
-			"aria-pressed": D(n),
-			onClick: i[0] ||= (e) => D(r)()
-		}, [D(n) ? (b(), s(D(pe), { key: 0 })) : (b(), s(D(de), { key: 1 }))], 10, Bt));
+			"aria-pressed": O(n),
+			onClick: i[0] ||= (e) => O(r)()
+		}, [O(n) ? (x(), s(O(pe), { key: 0 })) : (x(), s(O(de), { key: 1 }))], 10, Kt));
 	}
-}), X = /* @__PURE__ */ p({
+}), Y = /* @__PURE__ */ p({
 	__name: "Icon",
 	props: {
 		name: {},
 		size: { default: 16 }
 	},
 	setup(e) {
-		let t = e, n = o(() => ne[Ot(At(t.name))] ?? ne.Circle);
-		return (t, r) => (b(), s(T(n.value), {
+		let t = e, n = o(() => I[Pt(It(t.name))] ?? I.Circle);
+		return (t, r) => (x(), s(E(n.value), {
 			size: e.size,
 			"aria-hidden": "true",
 			"data-icon": "",
 			name: e.name
 		}, null, 8, ["size", "name"]));
 	}
-}), Ht = [
+}), Jt = [
 	"type",
 	"disabled",
-	"data-loading"
-], Ut = {
-	key: 0,
-	class: "size-4 animate-spin rounded-full border-2 border-current border-t-transparent",
-	"aria-hidden": "true"
-}, Z = /* @__PURE__ */ p({
+	"data-loading",
+	"aria-busy"
+], X = /* @__PURE__ */ p({
 	__name: "Button",
 	props: {
 		variant: { default: "default" },
@@ -281,10 +278,13 @@ var Bt = ["aria-label", "aria-pressed"], Vt = /* @__PURE__ */ p({
 			type: Boolean,
 			default: !1
 		},
-		label: {}
+		label: {},
+		icon: {},
+		iconTrailing: {},
+		iconPos: { default: "start" }
 	},
 	setup(e) {
-		let t = B({
+		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: {
@@ -306,72 +306,125 @@ var Bt = ["aria-label", "aria-pressed"], Vt = /* @__PURE__ */ p({
 				variant: "default",
 				size: "default"
 			}
-		}), n = e, r = O(), i = o(() => n.disabled || n.loading || !!r.disabled);
-		return (n, a) => (b(), l("button", h({
+		}), n = e, r = k(), i = o(() => n.disabled || n.loading || !!r.disabled);
+		return (n, a) => (x(), l("button", h({
 			type: e.type,
 			disabled: i.value,
 			"data-loading": e.loading || void 0,
-			class: D(t)({
+			"aria-busy": e.loading || void 0,
+			class: O(t)({
 				variant: e.variant,
 				size: e.size
 			})
-		}, D(r)), [e.loading ? (b(), l("span", Ut)) : w(n.$slots, "default", {}, () => [d(E(e.label), 1)], void 0, 1)], 16, Ht));
+		}, O(r)), [
+			e.loading ? (x(), s(Y, {
+				key: 0,
+				name: "loader-circle",
+				class: "animate-spin",
+				"aria-hidden": "true"
+			})) : 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(Y, {
+				key: 2,
+				name: e.iconTrailing,
+				"aria-hidden": "true"
+			}, 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, Jt));
 	}
-}), Wt = { class: "relative w-full" }, Gt = [
+}), Yt = Symbol("myghf-form-field");
+function Z() {
+	return m(Yt, null);
+}
+//#endregion
+//#region src/components/input/Input.vue?vue&type=script&setup=true&lang.ts
+var Xt = { class: "relative w-full" }, Zt = [
+	"id",
+	"type",
+	"name",
+	"autocomplete",
 	"value",
 	"placeholder",
-	"disabled"
-], Kt = /* @__PURE__ */ p({
+	"disabled",
+	"required",
+	"aria-invalid",
+	"aria-describedby"
+], Qt = /* @__PURE__ */ p({
 	__name: "Input",
 	props: {
 		modelValue: {},
 		placeholder: {},
 		disabled: { type: Boolean },
-		invalid: { type: Boolean },
+		invalid: {
+			type: Boolean,
+			default: void 0
+		},
 		leadingIcon: {},
 		trailingIcon: {},
-		size: { default: "default" }
+		size: { default: "default" },
+		type: { default: "text" },
+		id: {},
+		name: {},
+		autocomplete: {},
+		required: {
+			type: Boolean,
+			default: void 0
+		}
 	},
 	emits: ["update:modelValue"],
 	setup(e, { expose: t, emit: n }) {
-		let r = n, i = O(), a = S();
-		return t({ focus: () => a.value?.focus() }), (t, n) => (b(), l("div", Wt, [
-			e.leadingIcon ? (b(), 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", Xt, [
+			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"
 			}, null, 8, ["name"])) : c("", !0),
 			u("input", h({
 				ref_key: "inputRef",
-				ref: a,
+				ref: d,
+				id: p.value,
+				type: e.type,
+				name: e.name,
+				autocomplete: e.autocomplete,
 				value: e.modelValue,
 				placeholder: e.placeholder,
 				disabled: e.disabled,
+				required: g.value,
+				"aria-invalid": m.value || void 0,
+				"aria-describedby": _.value,
 				class: [
 					"flex w-full rounded-md border border-border bg-surface px-3 py-1 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" : e.size === "lg" ? "h-10" : "h-9",
 					e.leadingIcon ? "ps-9" : "ps-3",
 					e.trailingIcon ? "pe-9" : "pe-3",
-					e.invalid ? "border-error-500 focus-visible:ring-error-500" : ""
+					m.value ? "border-error-500 focus-visible:ring-error-500" : ""
 				]
-			}, D(i), { onInput: n[0] ||= (e) => r("update:modelValue", e.target.value) }), null, 16, Gt),
-			e.trailingIcon ? (b(), s(X, {
+			}, O(a), { onInput: n[0] ||= (e) => i("update:modelValue", e.target.value) }), null, 16, Zt),
+			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 = {
+}), $t = {
 	key: 0,
 	class: "shrink-0 select-none text-muted"
-}, Jt = {
+}, en = {
 	key: 1,
 	class: "shrink-0 select-none text-muted"
-}, Yt = {
+}, tn = {
 	key: 2,
 	class: "ms-1 flex shrink-0 flex-col"
-}, Xt = /* @__PURE__ */ p({
+}, nn = /* @__PURE__ */ p({
 	inheritAttrs: !1,
 	__name: "InputNumber",
 	props: {
@@ -397,7 +450,7 @@ var Bt = ["aria-label", "aria-pressed"], Vt = /* @__PURE__ */ p({
 	},
 	emits: ["update:modelValue"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, i = O(), a = o(() => Number.isFinite(n.step) && n.step > 0 ? n.step : 1), s = o(() => Dt({
+		let n = e, r = t, i = k(), a = o(() => Number.isFinite(n.step) && n.step > 0 ? n.step : 1), s = o(() => Nt({
 			currency: n.currency,
 			formatOptions: n.formatOptions,
 			integer: n.integer
@@ -408,11 +461,11 @@ var Bt = ["aria-label", "aria-pressed"], Vt = /* @__PURE__ */ p({
 				return;
 			}
 		});
-		return (t, n) => (b(), l("div", { class: g(["relative flex w-full items-center rounded-md border border-border bg-surface px-3 text-sm text-foreground shadow-sm transition-colors focus-within:ring-2 focus-within:ring-primary-500", [
+		return (t, n) => (x(), l("div", { class: g(["relative flex w-full items-center rounded-md border border-border bg-surface px-3 text-sm text-foreground shadow-sm transition-colors focus-within:ring-2 focus-within:ring-primary-500", [
 			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(D(Ae), {
+		]]) }, [f(O(Ie), {
 			"model-value": e.modelValue,
 			min: e.min,
 			max: e.max,
@@ -425,11 +478,11 @@ var Bt = ["aria-label", "aria-pressed"], Vt = /* @__PURE__ */ p({
 			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", D(Et)(e))
+			"onUpdate:modelValue": n[0] ||= (e) => r("update:modelValue", O(Mt)(e))
 		}, {
-			default: M(() => [
-				e.prefix ? (b(), l("span", qt, E(e.prefix), 1)) : c("", !0),
-				f(D(ke), h(D(i), {
+			default: N(() => [
+				e.prefix ? (x(), l("span", $t, 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,
@@ -439,15 +492,15 @@ var Bt = ["aria-label", "aria-pressed"], Vt = /* @__PURE__ */ p({
 					"aria-invalid",
 					"aria-valuetext"
 				]),
-				e.suffix ? (b(), l("span", Jt, E(e.suffix), 1)) : c("", !0),
-				e.showButtons ? (b(), l("div", Yt, [f(D(Oe), { 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: M(() => [f(X, {
+				e.suffix ? (x(), l("span", en, D(e.suffix), 1)) : c("", !0),
+				e.showButtons ? (x(), l("div", tn, [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(D(De), { 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: M(() => [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
 					})]),
@@ -469,42 +522,81 @@ var Bt = ["aria-label", "aria-pressed"], Vt = /* @__PURE__ */ p({
 			"name"
 		])], 2));
 	}
-}), Zt = [
+}), rn = [
+	"id",
 	"value",
 	"placeholder",
 	"disabled",
-	"rows"
-], Qt = /* @__PURE__ */ p({
+	"rows",
+	"required",
+	"aria-invalid",
+	"aria-describedby"
+], an = /* @__PURE__ */ p({
 	__name: "Textarea",
 	props: {
 		modelValue: {},
 		placeholder: {},
 		disabled: { type: Boolean },
 		rows: { default: 3 },
-		invalid: { type: Boolean }
+		invalid: {
+			type: Boolean,
+			default: void 0
+		},
+		autoResize: { type: Boolean },
+		maxRows: {},
+		id: {},
+		required: {
+			type: Boolean,
+			default: void 0
+		}
 	},
 	emits: ["update:modelValue"],
 	setup(e, { emit: t }) {
-		let n = t, r = O();
-		return (t, i) => (b(), l("textarea", h({
+		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;
+			e.style.height = "auto";
+			let t = e.scrollHeight, r = t;
+			if (c.value = !1, n.maxRows && t) {
+				let i = parseFloat(getComputedStyle(e).lineHeight) || 0, a = n.maxRows * i;
+				a > 0 && t > a && (r = a, c.value = !0);
+			}
+			e.style.height = t ? `${r}px` : "";
+		}
+		function g(e) {
+			r("update:modelValue", e.target.value), m();
+		}
+		return b(m), M(() => n.modelValue, m, { flush: "post" }), (t, n) => (x(), l("textarea", h({
+			ref_key: "el",
+			ref: a,
+			id: u.value,
 			value: e.modelValue,
 			placeholder: e.placeholder,
 			disabled: e.disabled,
 			rows: e.rows,
-			class: ["w-full rounded-md border border-border bg-surface px-3 py-2 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.invalid ? "border-error-500 focus-visible:ring-error-500" : ""]
-		}, D(r), { onInput: i[0] ||= (e) => n("update:modelValue", e.target.value) }), null, 16, Zt));
+			required: f.value,
+			"aria-invalid": d.value || void 0,
+			"aria-describedby": p.value,
+			class: [
+				"w-full rounded-md border border-border bg-surface px-3 py-2 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",
+				d.value ? "border-error-500 focus-visible:ring-error-500" : "",
+				e.autoResize ? "resize-none" : "",
+				c.value ? "overflow-y-auto" : ""
+			]
+		}, O(i), { onInput: g }), null, 16, rn));
 	}
-}), $t = { class: "w-full" }, en = { class: "relative w-full" }, tn = [
+}), on = { class: "w-full" }, sn = { class: "relative w-full" }, cn = [
 	"id",
 	"type",
 	"value",
 	"placeholder",
 	"disabled"
-], nn = ["disabled"], rn = {
+], ln = ["disabled"], un = {
 	key: 0,
 	class: "mt-1.5 flex items-center gap-1.5",
 	"aria-hidden": "true"
-}, an = /* @__PURE__ */ p({
+}, dn = /* @__PURE__ */ p({
 	__name: "Password",
 	props: {
 		modelValue: {},
@@ -519,13 +611,13 @@ var Bt = ["aria-label", "aria-pressed"], Vt = /* @__PURE__ */ p({
 	},
 	emits: ["update:modelValue"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, i = O(), d = S(!1), f = o(() => d.value ? "text" : "password"), p = o(() => {
+		let n = e, r = t, i = k(), d = C(!1), f = o(() => d.value ? "text" : "password"), p = o(() => {
 			let e = n.modelValue ?? "";
 			if (e.length === 0) return 0;
 			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) => (b(), l("div", $t, [u("div", en, [u("input", h({
+		return (t, n) => (x(), l("div", on, [u("div", sn, [u("input", h({
 			id: e.id,
 			type: f.value,
 			value: e.modelValue,
@@ -536,24 +628,116 @@ var Bt = ["aria-label", "aria-pressed"], Vt = /* @__PURE__ */ p({
 				e.invalid ? "border-error-500 focus-visible:ring-error-500" : "",
 				"pe-10"
 			]
-		}, D(i), { onInput: n[0] ||= (e) => r("update:modelValue", e.target.value) }), null, 16, tn), u("button", {
+		}, O(i), { onInput: n[0] ||= (e) => r("update:modelValue", e.target.value) }), null, 16, cn), 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 ? (b(), s(D(ue), {
+		}, [d.value ? (x(), s(O(ue), {
 			key: 0,
 			class: "size-4"
-		})) : (b(), s(D(R), {
+		})) : (x(), s(O(le), {
 			key: 1,
 			class: "size-4"
-		}))], 8, nn)]), e.feedback && e.modelValue ? (b(), l("div", rn, [(b(), l(a, null, C(4, (e) => u("span", {
+		}))], 8, ln)]), e.feedback && e.modelValue ? (x(), l("div", un, [(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)]));
 	}
-}), on = /* @__PURE__ */ p({
+}), fn = ["for"], pn = {
+	key: 0,
+	class: "text-error-600",
+	"aria-hidden": "true"
+}, mn = /* @__PURE__ */ p({
+	__name: "Label",
+	props: {
+		for: {},
+		required: { type: Boolean }
+	},
+	setup(e) {
+		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", pn, "*")) : c("", !0)], 8, fn));
+	}
+}), hn = ["id"], gn = /* @__PURE__ */ p({
+	__name: "FormDescription",
+	props: { id: {} },
+	setup(e) {
+		return (t, n) => t.$slots.default ? (x(), l("p", {
+			key: 0,
+			id: e.id,
+			class: "text-sm text-muted"
+		}, [T(t.$slots, "default")], 8, hn)) : c("", !0);
+	}
+}), _n = ["id"], vn = /* @__PURE__ */ p({
+	__name: "FormMessage",
+	props: { id: {} },
+	setup(e) {
+		return (t, n) => t.$slots.default ? (x(), l("p", {
+			key: 0,
+			id: e.id,
+			role: "alert",
+			class: "text-sm text-error-600"
+		}, [T(t.$slots, "default")], 8, _n)) : c("", !0);
+	}
+}), yn = { class: "grid gap-2" }, bn = /* @__PURE__ */ p({
+	__name: "FormField",
+	props: {
+		label: {},
+		description: {},
+		error: {},
+		required: { type: Boolean },
+		invalid: {
+			type: Boolean,
+			default: void 0
+		},
+		id: {}
+	},
+	setup(e) {
+		let t = e, n = te(), r = C(0);
+		y(() => {
+			r.value++;
+		});
+		let i = ee(), a = o(() => t.id ?? i), u = o(() => t.invalid ?? !!t.error), f = o(() => t.required ?? !1), p = o(() => {
+			r.value;
+			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(Yt, {
+			id: a,
+			describedBy: p,
+			invalid: u,
+			required: f
+		}), (t, n) => (x(), l("div", yn, [
+			e.label || t.$slots.label ? (x(), s(mn, {
+				key: 0,
+				for: a.value,
+				required: f.value
+			}, {
+				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(gn, {
+				key: 1,
+				id: `${a.value}-description`
+			}, {
+				default: N(() => [T(t.$slots, "description", {}, () => [d(D(e.description), 1)])]),
+				_: 3
+			}, 8, ["id"])) : c("", !0),
+			e.error || t.$slots.error ? (x(), s(vn, {
+				key: 2,
+				id: `${a.value}-error`
+			}, {
+				default: N(() => [T(t.$slots, "error", {}, () => [d(D(e.error), 1)])]),
+				_: 3
+			}, 8, ["id"])) : c("", !0)
+		]));
+	}
+}), xn = /* @__PURE__ */ p({
 	__name: "Checkbox",
 	props: {
 		modelValue: {
@@ -566,15 +750,15 @@ var Bt = ["aria-label", "aria-pressed"], Vt = /* @__PURE__ */ p({
 	emits: ["update:modelValue"],
 	setup(e, { emit: t }) {
 		let n = t;
-		return (t, r) => (b(), s(D(me), {
+		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: M(() => [f(D(V), { class: "flex items-center justify-center text-white" }, {
-				default: M(() => [f(D(F), { 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
@@ -584,7 +768,7 @@ var Bt = ["aria-label", "aria-pressed"], Vt = /* @__PURE__ */ p({
 			"disabled"
 		]));
 	}
-}), sn = ["aria-label"], cn = /* @__PURE__ */ p({
+}), Sn = ["aria-label"], Cn = /* @__PURE__ */ p({
 	__name: "Tag",
 	props: {
 		tone: { default: "secondary" },
@@ -595,26 +779,26 @@ var Bt = ["aria-label", "aria-pressed"], Vt = /* @__PURE__ */ p({
 	emits: ["remove"],
 	setup(e, { emit: t }) {
 		let n = t;
-		return (t, r) => (b(), l("span", { class: g(["inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-xs font-medium", D(J)[e.tone].soft]) }, [
-			e.icon ? (b(), 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"
 			}, null, 8, ["name"])) : c("", !0),
-			w(t.$slots, "default"),
-			e.removable ? (b(), l("button", {
+			T(t.$slots, "default"),
+			e.removable ? (x(), l("button", {
 				key: 1,
 				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] ||= P((e) => n("remove"), ["stop"])
-			}, [f(D(z), { class: "size-3" })], 8, sn)) : c("", !0)
+				onClick: r[0] ||= F((e) => n("remove"), ["stop"])
+			}, [f(O(V), { class: "size-3" })], 8, Sn)) : c("", !0)
 		], 2));
 	}
-}), ln = ["role"], un = { class: "min-w-0 flex-1" }, dn = {
+}), wn = ["role"], Tn = { class: "min-w-0 flex-1" }, En = {
 	key: 0,
 	class: "font-medium"
-}, fn = ["aria-label"], pn = /* @__PURE__ */ p({
+}, Dn = ["aria-label"], On = /* @__PURE__ */ p({
 	__name: "Alert",
 	props: {
 		tone: { default: "info" },
@@ -641,113 +825,201 @@ var Bt = ["aria-label", "aria-pressed"], Vt = /* @__PURE__ */ p({
 			warning: "triangle-alert",
 			danger: "circle-alert",
 			secondary: "info"
-		}, a = S(!1), o = S(!1), p = S(!1), m, h = 0, _ = 0;
-		function x() {
+		}, a = C(!1), o = C(!1), p = C(!1), m, h = 0, _ = 0;
+		function y() {
 			m !== void 0 && (clearTimeout(m), m = void 0);
 		}
-		function C(e) {
-			x(), !(e <= 0) && (_ = e, h = Date.now() + e, m = setTimeout(j, e));
+		function S(e) {
+			y(), !(e <= 0) && (_ = e, h = Date.now() + e, m = setTimeout(j, e));
 		}
-		function T() {
-			m !== void 0 && (x(), _ = Math.max(0, h - Date.now()));
+		function w() {
+			m !== void 0 && (y(), _ = Math.max(0, h - Date.now()));
 		}
-		function O() {
+		function E() {
 			if (!(a.value || o.value || p.value || m !== void 0) && !(!n.duration || n.duration <= 0)) {
 				if (_ <= 0) {
 					j();
 					return;
 				}
-				C(_);
+				S(_);
 			}
 		}
-		function ee() {
-			o.value = !0, T();
-		}
 		function k() {
-			o.value = !1, O();
+			o.value = !0, w();
 		}
-		function A() {
-			p.value = !0, T();
+		function ee() {
+			o.value = !1, E();
 		}
 		function te() {
-			p.value = !1, O();
+			p.value = !0, w();
+		}
+		function A() {
+			p.value = !1, E();
 		}
 		function j() {
-			a.value || (a.value = !0, x(), r("close"));
+			a.value || (a.value = !0, y(), r("close"));
 		}
-		return y(() => {
-			n.duration && n.duration > 0 && C(n.duration);
-		}), v(x), (t, n) => a.value ? c("", !0) : (b(), l("div", {
+		return b(() => {
+			n.duration && n.duration > 0 && S(n.duration);
+		}), v(y), (t, n) => a.value ? c("", !0) : (x(), l("div", {
 			key: 0,
-			role: D(J)[e.tone].role,
-			class: g(["flex w-full items-start gap-3 rounded-lg p-4 text-sm", D(J)[e.tone][e.variant]]),
-			onMouseenter: ee,
-			onMouseleave: k,
-			onFocusin: A,
-			onFocusout: te
+			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: te,
+			onFocusout: A
 		}, [
-			w(t.$slots, "icon", {}, () => [e.showIcon ? (b(), 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", D(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", un, [
-				e.title || t.$slots.title ? (b(), l("p", dn, [w(t.$slots, "title", {}, () => [d(E(e.title), 1)])])) : c("", !0),
-				e.description || t.$slots.description ? (b(), l("div", {
+			u("div", Tn, [
+				e.title || t.$slots.title ? (x(), l("p", En, [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" : ""])
-				}, [w(t.$slots, "description", {}, () => [d(E(e.description), 1)])], 2)) : c("", !0),
-				w(t.$slots, "default")
+				}, [T(t.$slots, "description", {}, () => [d(D(e.description), 1)])], 2)) : c("", !0),
+				T(t.$slots, "default")
 			]),
-			w(t.$slots, "actions"),
-			e.closable ? (b(), l("button", {
+			T(t.$slots, "actions"),
+			e.closable ? (x(), l("button", {
 				key: 0,
 				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: j
-			}, [w(t.$slots, "close", {}, () => [f(D(z), { class: "size-4" })])], 8, fn)) : c("", !0)
-		], 42, ln));
+			}, [T(t.$slots, "close", {}, () => [f(O(V), { class: "size-4" })])], 8, Dn)) : c("", !0)
+		], 42, wn));
+	}
+}), kn = { class: "sr-only" }, An = /* @__PURE__ */ p({
+	__name: "Spinner",
+	props: {
+		size: { default: "default" },
+		label: { default: "Loading…" },
+		tone: { default: "info" }
+	},
+	setup(e) {
+		let t = e, n = {
+			sm: "size-4",
+			default: "size-5",
+			lg: "size-6"
+		}, 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(Y, {
+			name: "loader-circle",
+			class: g(O(H)("animate-spin", n[e.size])),
+			"aria-hidden": "true"
+		}, null, 8, ["class"]), u("span", kn, D(e.label), 1)], 2));
+	}
+}), jn = /* @__PURE__ */ p({
+	inheritAttrs: !1,
+	__name: "Skeleton",
+	props: {
+		rounded: { default: "md" },
+		width: {},
+		height: {}
+	},
+	setup(e) {
+		let t = me({
+			base: "animate-pulse bg-surface-muted",
+			variants: { rounded: {
+				none: "",
+				sm: "rounded-sm",
+				md: "rounded-md",
+				lg: "rounded-lg",
+				full: "rounded-full"
+			} },
+			defaultVariants: { rounded: "md" }
+		});
+		return (n, r) => (x(), l("div", h({
+			class: O(t)({ rounded: e.rounded }),
+			style: {
+				width: e.width,
+				height: e.height
+			}
+		}, n.$attrs), [T(n.$slots, "default")], 16));
 	}
-}), mn = /* @__PURE__ */ p({
+}), Mn = ["src", "alt"], Nn = ["role", "aria-label"], Pn = /* @__PURE__ */ p({
+	inheritAttrs: !1,
+	__name: "Avatar",
+	props: {
+		src: {},
+		alt: {},
+		name: {},
+		initials: {},
+		size: { default: "default" }
+	},
+	setup(e) {
+		let t = e, n = {
+			sm: "size-6 text-xs",
+			default: "size-8 text-sm",
+			lg: "size-10 text-base",
+			xl: "size-14 text-lg"
+		};
+		function r(e) {
+			return e ? e.trim().split(/\s+/).filter(Boolean).slice(0, 2).map((e) => e.charAt(0)).join("").toUpperCase() : "";
+		}
+		let i = o(() => t.initials ?? r(t.name)), a = o(() => n[t.size]), s = o(() => {
+			let e = t.alt ?? t.name ?? i.value;
+			return e === "" ? void 0 : e;
+		}), c = C(!1);
+		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(H)(a.value, "shrink-0 rounded-full object-cover"),
+			onError: n[0] ||= (e) => c.value = !0
+		}), null, 16, Mn)) : (x(), l("span", h({ key: 1 }, t.$attrs, {
+			role: s.value ? "img" : void 0,
+			"aria-label": s.value,
+			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, Nn));
+	}
+}), Fn = /* @__PURE__ */ p({
 	__name: "Tabs",
 	props: { modelValue: {} },
 	emits: ["update:modelValue"],
 	setup(e, { emit: t }) {
 		let n = t;
-		return (t, r) => (b(), s(D(Ke), {
+		return (t, r) => (x(), s(O(Qe), {
 			"model-value": e.modelValue,
 			"onUpdate:modelValue": r[0] ||= (e) => n("update:modelValue", e)
 		}, {
-			default: M(() => [w(t.$slots, "default")]),
+			default: N(() => [T(t.$slots, "default")]),
 			_: 3
 		}, 8, ["model-value"]));
 	}
-}), hn = /* @__PURE__ */ p({
+}), In = /* @__PURE__ */ p({
 	__name: "TabsList",
 	setup(e) {
-		return (e, t) => (b(), s(D(Ge), { class: "inline-flex h-9 w-full items-center justify-start gap-1 rounded-lg bg-surface-muted p-1 text-muted" }, {
-			default: M(() => [w(e.$slots, "default")]),
+		return (e, t) => (x(), s(O(Ze), { 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
 		}));
 	}
-}), gn = /* @__PURE__ */ p({
+}), Ln = /* @__PURE__ */ p({
 	__name: "TabsTrigger",
 	props: {
 		value: {},
 		disabled: { type: Boolean }
 	},
 	setup(e) {
-		return (t, n) => (b(), s(D(qe), {
+		return (t, n) => (x(), s(O($e), {
 			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: M(() => [w(t.$slots, "default")]),
+			default: N(() => [T(t.$slots, "default")]),
 			_: 3
 		}, 8, ["value", "disabled"]));
 	}
-}), _n = /* @__PURE__ */ p({
+}), Rn = /* @__PURE__ */ p({
 	__name: "TabsContent",
 	props: {
 		value: {},
@@ -757,15 +1029,15 @@ var Bt = ["aria-label", "aria-pressed"], Vt = /* @__PURE__ */ p({
 		}
 	},
 	setup(e) {
-		return (t, n) => (b(), s(D(We), {
+		return (t, n) => (x(), s(O(Xe), {
 			value: e.value,
 			class: g(["focus-visible:outline-none", e.padding ? "pt-4" : ""])
 		}, {
-			default: M(() => [w(t.$slots, "default")]),
+			default: N(() => [T(t.$slots, "default")]),
 			_: 3
 		}, 8, ["value", "class"]));
 	}
-}), vn = { class: "truncate" }, yn = { class: "ms-auto flex shrink-0 items-center gap-1" }, bn = /* @__PURE__ */ p({
+}), zn = { class: "truncate" }, Bn = { class: "ms-auto flex shrink-0 items-center gap-1" }, Vn = /* @__PURE__ */ p({
 	__name: "Select",
 	props: {
 		modelValue: {},
@@ -777,57 +1049,76 @@ var Bt = ["aria-label", "aria-pressed"], Vt = /* @__PURE__ */ p({
 		disabled: { type: Boolean },
 		multiple: { type: Boolean },
 		size: { default: "default" },
-		invalid: { type: Boolean }
+		invalid: {
+			type: Boolean,
+			default: void 0
+		},
+		id: {},
+		required: {
+			type: Boolean,
+			default: void 0
+		}
 	},
 	emits: ["update:modelValue"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, i = S(!1);
-		function p(e) {
+		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;
 		}
-		function m(e) {
+		function b(e) {
 			return e && typeof e == "object" && n.optionLabel ? String(e[n.optionLabel] ?? "") : e == null ? "" : String(e);
 		}
-		let g = o(() => n.multiple ? (Array.isArray(n.modelValue) ? n.modelValue : []).map((e) => m(n.options?.find((t) => p(t) === e))).filter(Boolean).join(", ") : n.modelValue == null ? "" : m(n.options?.find((e) => p(e) === n.modelValue))), _ = o(() => n.multiple && Array.isArray(n.modelValue) ? n.modelValue.length > 0 : n.modelValue != null);
-		function v() {
+		let S = o(() => n.multiple ? (Array.isArray(n.modelValue) ? n.modelValue : []).map((e) => b(n.options?.find((t) => y(t) === e))).filter(Boolean).join(", ") : n.modelValue == null ? "" : b(n.options?.find((e) => y(e) === n.modelValue))), T = o(() => n.multiple && Array.isArray(n.modelValue) ? n.modelValue.length > 0 : n.modelValue != null);
+		function E() {
 			r("update:modelValue", n.multiple ? [] : null);
 		}
-		return (t, n) => (b(), s(D(Ve), {
-			open: i.value,
-			"onUpdate:open": n[0] ||= (e) => i.value = e,
+		return (t, n) => (x(), s(O(qe), {
+			open: v.value,
+			"onUpdate:open": n[0] ||= (e) => v.value = e,
 			"model-value": e.modelValue,
 			multiple: e.multiple,
 			disabled: e.disabled,
+			required: g.value || void 0,
 			"onUpdate:modelValue": n[1] ||= (e) => r("update:modelValue", e)
 		}, {
-			default: M(() => [f(D(He), h({ class: D(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", e.invalid ? "border-error-500 focus-visible:ring-error-500" : "", t.$attrs.class || "") }, t.$attrs), {
-				default: M(() => [f(D(Ue), { placeholder: e.placeholder }, {
-					default: M(() => [u("span", vn, E(g.value || e.placeholder), 1)]),
+			default: N(() => [f(O(Je), 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: N(() => [f(O(Ye), { placeholder: e.placeholder }, {
+					default: N(() => [u("span", zn, D(S.value || e.placeholder), 1)]),
 					_: 1
-				}, 8, ["placeholder"]), u("span", yn, [e.clearable && _.value ? (b(), l("button", {
+				}, 8, ["placeholder"]), u("span", Bn, [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: P(v, ["stop"])
-				}, [f(D(z), { class: "size-3.5" })])) : c("", !0), f(D(I), { 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"]), i.value ? (b(), s(D(Le), {
+			}, 16, [
+				"class",
+				"id",
+				"aria-invalid",
+				"aria-describedby"
+			]), v.value ? (x(), s(O(Ue), {
 				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: M(() => [(b(!0), l(a, null, C(e.options, (e) => (b(), s(D(Re), {
-					key: String(p(e)),
-					value: p(e),
+				default: N(() => [(x(!0), l(a, null, w(e.options, (e) => (x(), s(O(We), {
+					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: M(() => [f(D(Be), null, {
-						default: M(() => [d(E(m(e)), 1)]),
+					default: N(() => [f(O(Ke), null, {
+						default: N(() => [d(D(b(e)), 1)]),
 						_: 2
-					}, 1024), f(D(ze), { class: "absolute end-2 flex items-center justify-center text-primary-600" }, {
-						default: M(() => [f(D(F), { class: "size-4" })]),
+					}, 1024), f(O(Ge), { class: "absolute end-2 flex items-center justify-center text-primary-600" }, {
+						default: N(() => [f(O(L), { class: "size-4" })]),
 						_: 1
 					})]),
 					_: 2
@@ -839,10 +1130,11 @@ var Bt = ["aria-label", "aria-pressed"], Vt = /* @__PURE__ */ p({
 			"open",
 			"model-value",
 			"multiple",
-			"disabled"
+			"disabled",
+			"required"
 		]));
 	}
-}), xn = /* @__PURE__ */ p({
+}), Hn = /* @__PURE__ */ p({
 	__name: "SelectButton",
 	props: {
 		modelValue: {},
@@ -853,7 +1145,7 @@ var Bt = ["aria-label", "aria-pressed"], Vt = /* @__PURE__ */ p({
 	},
 	emits: ["update:modelValue"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, i = S(null), o = S({
+		let n = e, r = t, i = C(null), o = C({
 			left: 0,
 			top: 0,
 			width: 0,
@@ -883,12 +1175,12 @@ var Bt = ["aria-label", "aria-pressed"], Vt = /* @__PURE__ */ p({
 		function g() {
 			cancelAnimationFrame(c), c = requestAnimationFrame(h);
 		}
-		let x;
-		return y(() => {
-			g(), typeof ResizeObserver < "u" && i.value?.$el && (x = new ResizeObserver(g), x.observe(i.value.$el)), window.addEventListener("resize", g);
+		let y;
+		return b(() => {
+			g(), typeof ResizeObserver < "u" && i.value?.$el && (y = new ResizeObserver(g), y.observe(i.value.$el)), window.addEventListener("resize", g);
 		}), v(() => {
-			cancelAnimationFrame(c), x?.disconnect(), window.removeEventListener("resize", g);
-		}), j(() => n.modelValue, g), j(() => n.options, g, { deep: !0 }), (t, n) => (b(), s(D(Ie), {
+			cancelAnimationFrame(c), y?.disconnect(), window.removeEventListener("resize", g);
+		}), M(() => n.modelValue, g), M(() => n.options, g, { deep: !0 }), (t, n) => (x(), s(O(He), {
 			ref_key: "rootEl",
 			ref: i,
 			"model-value": e.modelValue,
@@ -896,7 +1188,7 @@ var Bt = ["aria-label", "aria-pressed"], Vt = /* @__PURE__ */ p({
 			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: M(() => [N(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: _({
@@ -905,31 +1197,31 @@ var Bt = ["aria-label", "aria-pressed"], Vt = /* @__PURE__ */ p({
 					width: `${o.value.width}px`,
 					height: `${o.value.height}px`
 				})
-			}, null, 4), [[te, o.value.ready]]), (b(!0), l(a, null, C(e.options, (t) => (b(), s(D(Fe), {
+			}, null, 4), [[ne, o.value.ready]]), (x(!0), l(a, null, w(e.options, (t) => (x(), s(O(Ve), {
 				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: M(() => [f(D(Pe), { class: "hidden" }), d(" " + E(m(t)), 1)]),
+				default: N(() => [f(O(Be), { class: "hidden" }), d(" " + D(m(t)), 1)]),
 				_: 2
 			}, 1032, ["value", "disabled"]))), 128))]),
 			_: 1
 		}, 8, ["model-value", "disabled"]));
 	}
-}), Sn = ["id", "disabled"], Cn = { class: "flex items-center justify-between" }, wn = ["aria-label"], Tn = {
+}), Un = ["id", "disabled"], Wn = { class: "flex items-center justify-between" }, Gn = ["aria-label"], Kn = {
 	"data-test": "month-label",
 	class: "text-sm font-medium"
-}, En = ["aria-label"], Dn = {
+}, qn = ["aria-label"], Jn = {
 	"data-test": "weekdays",
 	class: "mt-2 grid grid-cols-7 gap-0.5 text-center text-xs"
-}, On = { key: 0 }, kn = ["onClick"], An = {
+}, Yn = { key: 0 }, Xn = ["onClick"], Zn = {
 	key: 0,
 	class: "mt-3 flex items-center justify-between gap-2 border-t border-border pt-3"
-}, jn = ["aria-label"], Mn = ["aria-label"], Nn = ["value"], Pn = ["aria-label"], Fn = ["value"], In = ["aria-label"], Ln = { value: "am" }, Rn = { value: "pm" }, zn = { class: "flex items-center gap-2" }, Bn = ["disabled"], Vn = {
+}, Qn = ["aria-label"], $n = ["aria-label"], er = ["value"], tr = ["aria-label"], nr = ["value"], rr = ["aria-label"], ir = { value: "am" }, ar = { value: "pm" }, or = { class: "flex items-center gap-2" }, sr = ["disabled"], cr = {
 	key: 1,
 	class: "mt-3 flex justify-end border-t border-border pt-3"
-}, Hn = /* @__PURE__ */ p({
+}, lr = /* @__PURE__ */ p({
 	__name: "DatePicker",
 	props: {
 		mode: { default: "date" },
@@ -1028,8 +1320,8 @@ var Bt = ["aria-label", "aria-pressed"], Vt = /* @__PURE__ */ p({
 			let t = e.toLowerCase().split(/[-_]/)[0];
 			return n[t] ?? n.en;
 		}
-		let i = e, d = t, p = ee(), m = S(i.defaultOpen ?? !1), h = S(/* @__PURE__ */ new Date()), _ = S(null), v = S(null), y = S("09:00"), x = o(() => i.locale || "en"), w = o(() => ({
-			...r(x.value),
+		let i = e, d = t, p = te(), m = C(i.defaultOpen ?? !1), h = C(/* @__PURE__ */ new Date()), _ = C(null), v = C(null), y = C("09:00"), b = o(() => i.locale || "en"), S = o(() => ({
+			...r(b.value),
 			...i.placeholder === void 0 ? {} : { placeholder: i.placeholder },
 			...i.labels
 		}));
@@ -1040,99 +1332,99 @@ var Bt = ["aria-label", "aria-pressed"], Vt = /* @__PURE__ */ p({
 			let t = e;
 			return typeof t.children == "string" ? t.children : Array.isArray(t.children) ? t.children.map(T).join("") : "";
 		}
-		function O(e) {
+		function E(e) {
 			let t = p[`label-${e}`];
 			if (t) {
 				let e = t().map(T).join("").trim();
 				if (e) return e;
 			}
-			return w.value[e];
+			return S.value[e];
 		}
-		let A = o(() => i.weekStartsOn ?? St(x.value)), te = o(() => Ct(x.value, A.value)), P = o(() => wt(h.value, x.value));
-		j(() => i.modelValue, (e) => {
+		let k = o(() => i.weekStartsOn ?? Ot(b.value)), ee = o(() => kt(b.value, k.value)), j = o(() => At(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 ne = o(() => {
-			let e = (new Date(h.value.getFullYear(), h.value.getMonth(), 1).getDay() - A.value + 7) % 7, t = Array.from({ length: e }, () => null), n = new Date(h.value.getFullYear(), h.value.getMonth() + 1, 0).getDate();
+			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 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 I(e) {
 			h.value = new Date(h.value.getFullYear(), h.value.getMonth() + e, 1);
 		}
-		function ae() {
+		function L() {
 			return i.mode === "range" ? !!(_.value && v.value) : !!_.value;
 		}
-		function oe(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" && (se(), m.value = !1);
+			_.value = e, i.mode !== "datetime" && (ae(), m.value = !1);
 		}
-		function se() {
+		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", _t(_.value, y.value)) : d("update:modelValue", _.value);
+				} else i.mode === "datetime" ? d("update:modelValue", Ct(_.value, y.value)) : d("update:modelValue", _.value);
 			}
 		}
-		function ce() {
+		function oe() {
 			_.value = null, v.value = null, d("update:modelValue", null), m.value = !1;
 		}
-		let R = 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
 			};
-		}), ue = o(() => yt(i.hourFormat)), de = o(() => bt(Math.min(30, Math.max(1, i.minuteStep ?? 1)))), fe = o({
-			get: () => i.hourFormat === "12" ? K(R.value.hour24).hour : R.value.hour24,
+		}), se = o(() => Tt(i.hourFormat)), le = o(() => Et(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 } = R.value, r = i.hourFormat === "12" ? xt(e, K(t).meridiem) : e;
-				y.value = W(r * 60 + n);
+				let { hour24: t, minute: n } = B.value, r = i.hourFormat === "12" ? Dt(e, G(t).meridiem) : e;
+				y.value = U(r * 60 + n);
 			}
-		}), pe = o({
-			get: () => R.value.minute,
+		}), de = o({
+			get: () => B.value.minute,
 			set: (e) => {
-				y.value = W(R.value.hour24 * 60 + e);
+				y.value = U(B.value.hour24 * 60 + e);
 			}
-		}), z = o({
-			get: () => K(R.value.hour24).meridiem,
+		}), fe = o({
+			get: () => G(B.value.hour24).meridiem,
 			set: (e) => {
-				let { hour: t } = K(R.value.hour24);
-				y.value = W(xt(t, e) * 60 + R.value.minute);
+				let { hour: t } = G(B.value.hour24);
+				y.value = U(Dt(t, e) * 60 + B.value.minute);
 			}
 		});
-		function B(e) {
+		function pe(e) {
 			return String(e).padStart(2, "0");
 		}
 		let V = o(() => {
 			if (i.mode === "range") {
 				if (!_.value || !v.value) return "";
-				let [e, t] = G(_.value, v.value);
-				return `${q(e, x.value)} – ${q(t, x.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" ? _t(_.value, y.value) : _.value;
-			return i.mode === "datetime" ? `${q(e, x.value)} ${Tt(e, x.value, i.hourFormat)}` : q(e, x.value);
+			let e = i.mode === "datetime" ? Ct(_.value, y.value) : _.value;
+			return i.mode === "datetime" ? `${K(e, b.value)} ${jt(e, b.value, i.hourFormat)}` : K(e, b.value);
 		});
-		return (t, n) => (b(), s(D(Me), {
+		return (t, n) => (x(), s(O(Re), {
 			open: m.value,
 			"onUpdate:open": n[6] ||= (e) => m.value = e
 		}, {
-			default: M(() => [f(D(Ne), { "as-child": "" }, {
-				default: M(() => [u("button", {
+			default: N(() => [f(O(ze), { "as-child": "" }, {
+				default: N(() => [u("button", {
 					type: "button",
 					id: e.inputId,
 					disabled: e.disabled,
@@ -1141,32 +1433,32 @@ var Bt = ["aria-label", "aria-pressed"], Vt = /* @__PURE__ */ p({
 						e.size === "sm" ? "h-8 text-xs" : "h-9",
 						e.invalid ? "border-error-500" : ""
 					])
-				}, [u("span", { class: g(["truncate", V.value ? "text-foreground" : "text-muted"]) }, E(V.value || O("placeholder")), 3), f(D(re), { class: "size-4 shrink-0 text-muted" })], 10, Sn)]),
+				}, [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, Un)]),
 				_: 1
-			}), f(D(je), {
+			}), f(O(Le), {
 				"side-offset": 4,
 				class: "z-50 rounded-md border border-border bg-surface p-3 shadow-popover"
 			}, {
-				default: M(() => [
-					u("div", Cn, [
+				default: N(() => [
+					u("div", Wn, [
 						u("button", {
 							type: "button",
-							"aria-label": O("previousMonth"),
+							"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(D(ie), { class: "size-4 rtl:rotate-180" })], 8, wn),
-						u("span", Tn, E(P.value), 1),
+						}, [f(O(ie), { class: "size-4 rtl:rotate-180" })], 8, Gn),
+						u("span", Kn, D(j.value), 1),
 						u("button", {
 							type: "button",
-							"aria-label": O("nextMonth"),
+							"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(D(L), { class: "size-4 rtl:rotate-180" })], 8, En)
+						}, [f(O(z), { class: "size-4 rtl:rotate-180" })], 8, qn)
 					]),
-					u("div", Dn, [(b(!0), l(a, null, C(te.value, (e, t) => (b(), l("span", {
+					u("div", Jn, [(x(!0), l(a, null, w(ee.value, (e, t) => (x(), l("span", {
 						key: t,
 						class: "py-1 font-medium text-muted"
-					}, E(e), 1))), 128)), (b(!0), l(a, null, C(ne.value, (e, t) => (b(), l(a, { key: t }, [e ? (b(), l("button", {
+					}, 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([
@@ -1175,76 +1467,76 @@ var Bt = ["aria-label", "aria-pressed"], Vt = /* @__PURE__ */ p({
 							_.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) => oe(e)
-					}, E(e.getDate()), 11, kn)) : (b(), l("span", On))], 64))), 128))]),
-					e.mode === "datetime" ? (b(), l("div", An, [u("div", {
+						onClick: (t) => R(e)
+					}, D(e.getDate()), 11, Xn)) : (x(), l("span", Yn))], 64))), 128))]),
+					e.mode === "datetime" ? (x(), l("div", Zn, [u("div", {
 						role: "group",
-						"aria-label": O("time"),
+						"aria-label": E("time"),
 						class: "flex items-center gap-1.5 text-xs text-muted"
 					}, [
-						f(D(le), { class: "size-3.5" }),
-						N(u("select", {
-							"onUpdate:modelValue": n[2] ||= (e) => fe.value = e,
+						f(O(ce), { class: "size-3.5" }),
+						P(u("select", {
+							"onUpdate:modelValue": n[2] ||= (e) => ue.value = e,
 							"data-test": "hours",
-							"aria-label": O("hour"),
+							"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"
-						}, [(b(!0), l(a, null, C(ue.value, (t) => (b(), l("option", {
+						}, [(x(!0), l(a, null, w(se.value, (t) => (x(), l("option", {
 							key: t,
 							value: t
-						}, E(e.hourFormat === "12" ? t : B(t)), 9, Nn))), 128))], 8, Mn), [[
-							k,
-							fe.value,
+						}, D(e.hourFormat === "12" ? t : pe(t)), 9, er))), 128))], 8, $n), [[
+							A,
+							ue.value,
 							void 0,
 							{ number: !0 }
 						]]),
 						n[7] ||= u("span", { "aria-hidden": "true" }, ":", -1),
-						N(u("select", {
-							"onUpdate:modelValue": n[3] ||= (e) => pe.value = e,
+						P(u("select", {
+							"onUpdate:modelValue": n[3] ||= (e) => de.value = e,
 							"data-test": "minutes",
-							"aria-label": O("minute"),
+							"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"
-						}, [(b(!0), l(a, null, C(de.value, (e) => (b(), l("option", {
+						}, [(x(!0), l(a, null, w(le.value, (e) => (x(), l("option", {
 							key: e,
 							value: e
-						}, E(B(e)), 9, Fn))), 128))], 8, Pn), [[
-							k,
-							pe.value,
+						}, D(pe(e)), 9, nr))), 128))], 8, tr), [[
+							A,
+							de.value,
 							void 0,
 							{ number: !0 }
 						]]),
-						e.hourFormat === "12" ? N((b(), l("select", {
+						e.hourFormat === "12" ? P((x(), l("select", {
 							key: 0,
-							"onUpdate:modelValue": n[4] ||= (e) => z.value = e,
+							"onUpdate:modelValue": n[4] ||= (e) => fe.value = e,
 							"data-test": "meridiem",
-							"aria-label": O("time"),
+							"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", Ln, E(O("am")), 1), u("option", Rn, E(O("pm")), 1)], 8, In)), [[k, z.value]]) : c("", !0)
-					], 8, jn), u("div", zn, [u("button", {
+						}, [u("option", ir, D(E("am")), 1), u("option", ar, D(E("pm")), 1)], 8, rr)), [[A, fe.value]]) : c("", !0)
+					], 8, Qn), u("div", or, [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: ce
-					}, E(O("clear")), 1), u("button", {
+						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) => {
-							se(), m.value = !1;
+							ae(), m.value = !1;
 						}
-					}, E(O("apply")), 9, Bn)])])) : ae() ? (b(), l("div", Vn, [u("button", {
+					}, D(E("apply")), 9, sr)])])) : L() ? (x(), l("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: ce
-					}, E(O("clear")), 1)])) : c("", !0)
+						onClick: oe
+					}, D(E("clear")), 1)])) : c("", !0)
 				]),
 				_: 1
 			})]),
 			_: 1
 		}, 8, ["open"]));
 	}
-}), Un = { class: "flex items-start justify-between gap-4 border-b border-border p-5 pb-4" }, Wn = { class: "min-w-0" }, Gn = { class: "overflow-y-auto bg-surface p-5" }, Kn = {
+}), ur = { class: "flex items-start justify-between gap-4 border-b border-border p-5 pb-4" }, dr = { class: "min-w-0" }, fr = { class: "overflow-y-auto bg-surface p-5" }, pr = {
 	key: 0,
 	class: "flex justify-end gap-2 border-t border-border bg-surface-muted p-4"
-}, qn = /* @__PURE__ */ p({
+}, mr = /* @__PURE__ */ p({
 	__name: "Dialog",
 	props: {
 		visible: { type: Boolean },
@@ -1266,40 +1558,40 @@ var Bt = ["aria-label", "aria-pressed"], Vt = /* @__PURE__ */ p({
 		function p(e) {
 			r("update:visible", e), e || r("close");
 		}
-		return (t, n) => (b(), s(D(be), {
+		return (t, n) => (x(), s(O(Se), {
 			open: i.value,
 			"onUpdate:open": p
 		}, {
-			default: M(() => [t.$slots.trigger ? (b(), s(D(xe), {
+			default: N(() => [t.$slots.trigger ? (x(), s(O(we), {
 				key: 0,
 				"as-child": ""
 			}, {
-				default: M(() => [w(t.$slots, "trigger")]),
+				default: N(() => [T(t.$slots, "trigger")]),
 				_: 3
-			})) : c("", !0), f(D(ye), null, {
-				default: M(() => [f(D(ve), { class: "fixed inset-0 z-50 bg-black/50 dark:bg-black/70" }), f(D(ge), { 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: M(() => [
-						u("div", Un, [u("div", Wn, [e.title || t.$slots.header ? (b(), s(D(H), {
+			})) : 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 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", ur, [u("div", dr, [e.title || t.$slots.header ? (x(), s(O(Ce), {
 							key: 0,
 							class: "text-lg font-semibold text-foreground"
 						}, {
-							default: M(() => [w(t.$slots, "header", {}, () => [d(E(e.title), 1)])]),
+							default: N(() => [T(t.$slots, "header", {}, () => [d(D(e.title), 1)])]),
 							_: 3
-						})) : c("", !0), e.description || t.$slots.description ? (b(), s(D(_e), {
+						})) : c("", !0), e.description || t.$slots.description ? (x(), s(O(ye), {
 							key: 1,
 							class: "mt-1 text-sm text-muted"
 						}, {
-							default: M(() => [w(t.$slots, "description", {}, () => [d(E(e.description), 1)])]),
+							default: N(() => [T(t.$slots, "description", {}, () => [d(D(e.description), 1)])]),
 							_: 3
-						})) : c("", !0)]), f(D(he), {
+						})) : 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: M(() => [f(D(z), { class: "size-4" })]),
+							default: N(() => [f(O(V), { class: "size-4" })]),
 							_: 1
 						})]),
-						u("div", Gn, [w(t.$slots, "default")]),
-						t.$slots.footer ? (b(), l("div", Kn, [w(t.$slots, "footer")])) : c("", !0)
+						u("div", fr, [T(t.$slots, "default")]),
+						t.$slots.footer ? (x(), l("div", pr, [T(t.$slots, "footer")])) : c("", !0)
 					]),
 					_: 3
 				}, 8, ["class"])]),
@@ -1308,13 +1600,13 @@ var Bt = ["aria-label", "aria-pressed"], Vt = /* @__PURE__ */ p({
 			_: 3
 		}, 8, ["open"]));
 	}
-}), Jn = {
+}), hr = {
 	key: 1,
 	class: "flex shrink-0 items-start justify-between gap-4 border-b border-border p-5 pb-4"
-}, Yn = { class: "min-w-0" }, Xn = { class: "flex-1 overflow-y-auto p-5" }, Zn = {
+}, gr = { class: "min-w-0" }, _r = { class: "flex-1 overflow-y-auto p-5" }, vr = {
 	key: 2,
 	class: "shrink-0 border-t border-border bg-surface-muted p-4"
-}, Qn = /* @__PURE__ */ p({
+}, yr = /* @__PURE__ */ p({
 	__name: "Drawer",
 	props: {
 		open: {
@@ -1382,60 +1674,60 @@ var Bt = ["aria-label", "aria-pressed"], Vt = /* @__PURE__ */ p({
 			md: "max-h-96",
 			lg: "max-h-[32rem]",
 			full: "max-h-full"
-		}, y = o(() => n.position === "top" || n.position === "bottom"), x = o(() => y.value ? v[n.size] : _[n.size]);
-		return (t, n) => (b(), s(D(be), {
+		}, y = o(() => n.position === "top" || n.position === "bottom"), b = o(() => y.value ? v[n.size] : _[n.size]);
+		return (t, n) => (x(), s(O(Se), {
 			open: i.value,
 			"onUpdate:open": a
 		}, {
-			default: M(() => [t.$slots.trigger ? (b(), s(D(xe), {
+			default: N(() => [t.$slots.trigger ? (x(), s(O(we), {
 				key: 0,
 				"as-child": ""
 			}, {
-				default: M(() => [w(t.$slots, "trigger")]),
+				default: N(() => [T(t.$slots, "trigger")]),
 				_: 3
-			})) : c("", !0), f(D(ye), { "force-mount": i.value }, {
-				default: M(() => [e.backdrop || e.preventScroll ? (b(), s(D(ve), {
+			})) : 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(D(ge), {
+				}, 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],
-						x.value
+						b.value
 					]),
 					onEscapeKeyDown: p,
 					onPointerDownOutside: m
 				}, {
-					default: M(() => [
-						!e.title && !t.$slots.header ? (b(), s(D(rt), { key: 0 }, {
-							default: M(() => [f(D(H), null, {
-								default: M(() => [...n[0] ||= [d("Drawer", -1)]]),
+					default: N(() => [
+						!e.title && !t.$slots.header ? (x(), s(O(lt), { 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 ? (b(), l("header", Jn, [u("div", Yn, [e.title || t.$slots.header ? (b(), s(D(H), {
+						e.title || t.$slots.header || e.description || t.$slots.description || e.showClose ? (x(), l("header", hr, [u("div", gr, [e.title || t.$slots.header ? (x(), s(O(Ce), {
 							key: 0,
 							class: "text-lg font-semibold text-foreground"
 						}, {
-							default: M(() => [w(t.$slots, "header", {}, () => [d(E(e.title), 1)])]),
+							default: N(() => [T(t.$slots, "header", {}, () => [d(D(e.title), 1)])]),
 							_: 3
-						})) : c("", !0), e.description || t.$slots.description ? (b(), s(D(_e), {
+						})) : c("", !0), e.description || t.$slots.description ? (x(), s(O(ye), {
 							key: 1,
 							class: "mt-1 text-sm text-muted"
 						}, {
-							default: M(() => [w(t.$slots, "description", {}, () => [d(E(e.description), 1)])]),
+							default: N(() => [T(t.$slots, "description", {}, () => [d(D(e.description), 1)])]),
 							_: 3
-						})) : c("", !0)]), e.showClose ? (b(), s(D(he), {
+						})) : 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: M(() => [w(t.$slots, "close", {}, () => [f(D(z), { class: "size-4" })])]),
+							default: N(() => [T(t.$slots, "close", {}, () => [f(O(V), { class: "size-4" })])]),
 							_: 3
 						})) : c("", !0)])) : c("", !0),
-						u("div", Xn, [w(t.$slots, "default")]),
-						t.$slots.footer ? (b(), l("footer", Zn, [w(t.$slots, "footer")])) : c("", !0)
+						u("div", _r, [T(t.$slots, "default")]),
+						t.$slots.footer ? (x(), l("footer", vr, [T(t.$slots, "footer")])) : c("", !0)
 					]),
 					_: 3
 				}, 8, ["class"])]),
@@ -1444,28 +1736,28 @@ var Bt = ["aria-label", "aria-pressed"], Vt = /* @__PURE__ */ p({
 			_: 3
 		}, 8, ["open"]));
 	}
-}), $n = /* @__PURE__ */ p({
+}), br = /* @__PURE__ */ p({
 	__name: "DropdownMenu",
 	emits: ["update:open"],
 	setup(e, { emit: t }) {
 		let n = t;
-		return (e, t) => (b(), s(D(Te), h(e.$attrs, { "onUpdate:open": t[0] ||= (e) => n("update:open", e) }), {
-			default: M(() => [w(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));
 	}
-}), er = /* @__PURE__ */ p({
+}), xr = /* @__PURE__ */ p({
 	__name: "DropdownMenuTrigger",
 	setup(e) {
-		return (e, t) => (b(), s(D(Ee), {
+		return (e, t) => (x(), s(O(Me), {
 			"as-child": "",
 			"focus-on-select": ""
 		}, {
-			default: M(() => [w(e.$slots, "default")]),
+			default: N(() => [T(e.$slots, "default")]),
 			_: 3
 		}));
 	}
-}), tr = /* @__PURE__ */ p({
+}), Sr = /* @__PURE__ */ p({
 	__name: "DropdownMenuContent",
 	props: {
 		align: { default: "start" },
@@ -1473,14 +1765,14 @@ var Bt = ["aria-label", "aria-pressed"], Vt = /* @__PURE__ */ p({
 		sideOffset: { default: 4 }
 	},
 	setup(e) {
-		return (t, n) => (b(), s(D(we), null, {
-			default: M(() => [f(D(Se), {
+		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: M(() => [w(t.$slots, "default")]),
+				default: N(() => [T(t.$slots, "default")]),
 				_: 3
 			}, 8, [
 				"align",
@@ -1490,34 +1782,70 @@ var Bt = ["aria-label", "aria-pressed"], Vt = /* @__PURE__ */ p({
 			_: 3
 		}));
 	}
-}), nr = /* @__PURE__ */ p({
+}), Cr = /* @__PURE__ */ p({
 	__name: "DropdownMenuItem",
-	props: { variant: {} },
+	props: {
+		variant: {},
+		icon: {},
+		disabled: {
+			type: Boolean,
+			default: !1
+		}
+	},
 	emits: ["select"],
 	setup(e, { emit: t }) {
-		let n = B({
+		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",
 				destructive: "text-error-600"
 			} },
 			defaultVariants: { variant: "default" }
-		}), r = t;
-		return (t, i) => (b(), s(D(Ce), {
-			class: g(D(n)({ variant: e.variant })),
-			onSelect: i[0] ||= (e) => r("select")
+		}), r = e, i = t;
+		function a() {
+			r.disabled || i("select");
+		}
+		return (t, r) => (x(), s(O(De), {
+			disabled: e.disabled,
+			class: g(O(n)({ variant: e.variant })),
+			onSelect: a
 		}, {
-			default: M(() => [w(t.$slots, "default")]),
+			default: N(() => [e.icon ? (x(), s(Y, {
+				key: 0,
+				name: e.icon,
+				class: "size-4 shrink-0"
+			}, null, 8, ["name"])) : c("", !0), T(t.$slots, "default")]),
+			_: 3
+		}, 8, ["disabled", "class"]));
+	}
+}), wr = /* @__PURE__ */ p({
+	__name: "DropdownMenuSeparator",
+	setup(e) {
+		return (e, t) => (x(), s(O(je), { class: "my-1 h-px bg-border" }));
+	}
+}), Tr = /* @__PURE__ */ p({
+	__name: "DropdownMenuLabel",
+	setup(e) {
+		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
-		}, 8, ["class"]));
+		}));
 	}
-}), rr = { class: "flex flex-col gap-2 sm:flex-row sm:items-stretch" }, ir = { class: "border-b border-border px-3 py-2 text-xs font-medium text-muted" }, ar = { class: "max-h-64 flex-1 overflow-y-auto p-1" }, or = ["disabled", "onClick"], sr = { class: "truncate" }, cr = {
+}), Er = /* @__PURE__ */ p({
+	__name: "DropdownMenuGroup",
+	setup(e) {
+		return (e, t) => (x(), s(O(Ee), null, {
+			default: N(() => [T(e.$slots, "default")]),
+			_: 3
+		}));
+	}
+}), Dr = { class: "flex flex-col gap-2 sm:flex-row sm:items-stretch" }, Or = { class: "border-b border-border px-3 py-2 text-xs font-medium text-muted" }, kr = { class: "max-h-64 flex-1 overflow-y-auto p-1" }, Ar = ["disabled", "onClick"], jr = { class: "truncate" }, Mr = {
 	key: 0,
 	class: "px-2 py-1.5 text-sm text-muted"
-}, lr = { class: "flex flex-row items-center justify-center gap-1 sm:flex-col" }, ur = { class: "border-b border-border px-3 py-2 text-xs font-medium text-muted" }, dr = { class: "max-h-64 flex-1 overflow-y-auto p-1" }, fr = ["disabled", "onClick"], pr = { class: "truncate" }, mr = {
+}, Nr = { class: "flex flex-row items-center justify-center gap-1 sm:flex-col" }, Pr = { class: "border-b border-border px-3 py-2 text-xs font-medium text-muted" }, Fr = { class: "max-h-64 flex-1 overflow-y-auto p-1" }, Ir = ["disabled", "onClick"], Lr = { class: "truncate" }, Rr = {
 	key: 0,
 	class: "px-2 py-1.5 text-sm text-muted"
-}, hr = /* @__PURE__ */ p({
+}, zr = /* @__PURE__ */ p({
 	__name: "TransferList",
 	props: {
 		options: {},
@@ -1531,7 +1859,7 @@ var Bt = ["aria-label", "aria-pressed"], Vt = /* @__PURE__ */ p({
 	},
 	emits: ["update:modelValue"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, i = S(new Set(n.modelValue ?? [])), s = S(/* @__PURE__ */ new Set()), p = S(/* @__PURE__ */ new Set()), m = o(() => n.options.filter((e) => !i.value.has(e.value))), h = o(() => n.options.filter((e) => i.value.has(e.value)));
+		let n = e, r = t, i = C(new Set(n.modelValue ?? [])), s = C(/* @__PURE__ */ new Set()), p = C(/* @__PURE__ */ new Set()), m = o(() => n.options.filter((e) => !i.value.has(e.value))), h = o(() => n.options.filter((e) => i.value.has(e.value)));
 		function _() {
 			r("update:modelValue", h.value.map((e) => e.value));
 		}
@@ -1544,93 +1872,93 @@ var Bt = ["aria-label", "aria-pressed"], Vt = /* @__PURE__ */ p({
 			for (let e of s.value) i.value.add(e);
 			s.value.clear(), _();
 		}
-		function x() {
+		function b() {
 			for (let e of p.value) i.value.delete(e);
 			p.value.clear(), _();
 		}
-		function T() {
+		function S() {
 			for (let e of n.options) i.value.add(e.value);
 			s.value.clear(), _();
 		}
-		function O() {
+		function E() {
 			i.value.clear(), p.value.clear(), _();
 		}
-		return (t, n) => (b(), l("div", rr, [
-			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, [w(t.$slots, "source-header", {}, () => [d(E(e.sourceLabel), 1)])]), u("ul", ar, [(b(!0), l(a, null, C(m.value, (r) => (b(), l("li", { key: r.value }, [u("button", {
+		return (t, n) => (x(), l("div", Dr, [
+			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", Or, [T(t.$slots, "source-header", {}, () => [d(D(e.sourceLabel), 1)])]), u("ul", kr, [(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(on, {
+			}, [f(xn, {
 				"model-value": s.value.has(r.value),
 				disabled: e.disabled,
-				onClick: n[0] ||= P(() => {}, ["stop"]),
+				onClick: n[0] ||= F(() => {}, ["stop"]),
 				"onUpdate:modelValue": (e) => v(s.value, r.value)
 			}, null, 8, [
 				"model-value",
 				"disabled",
 				"onUpdate:modelValue"
-			]), w(t.$slots, "item", { option: r }, () => [u("span", sr, E(r.label), 1)])], 8, or)]))), 128)), m.value.length === 0 ? (b(), l("li", cr, "Empty")) : c("", !0)])], 2),
-			u("div", lr, [
-				f(Z, {
+			]), T(t.$slots, "item", { option: r }, () => [u("span", jr, D(r.label), 1)])], 8, Ar)]))), 128)), m.value.length === 0 ? (x(), l("li", Mr, "Empty")) : c("", !0)])], 2),
+			u("div", Nr, [
+				f(X, {
 					variant: "outline",
 					size: "icon-sm",
 					disabled: e.disabled || s.value.size === 0,
 					"aria-label": "Move selected to target",
 					onClick: y
 				}, {
-					default: M(() => [f(D(L), { 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: x
+					onClick: b
 				}, {
-					default: M(() => [f(D(ie), { 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: T
+					onClick: S
 				}, {
-					default: M(() => [f(D(se), { 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: O
+					onClick: E
 				}, {
-					default: M(() => [f(D(oe), { 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", ur, [w(t.$slots, "target-header", {}, () => [d(E(e.targetLabel), 1)])]), u("ul", dr, [(b(!0), l(a, null, C(h.value, (r) => (b(), 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", Pr, [T(t.$slots, "target-header", {}, () => [d(D(e.targetLabel), 1)])]), u("ul", Fr, [(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(on, {
+			}, [f(xn, {
 				"model-value": p.value.has(r.value),
 				disabled: e.disabled,
-				onClick: n[1] ||= P(() => {}, ["stop"]),
+				onClick: n[1] ||= F(() => {}, ["stop"]),
 				"onUpdate:modelValue": (e) => v(p.value, r.value)
 			}, null, 8, [
 				"model-value",
 				"disabled",
 				"onUpdate:modelValue"
-			]), w(t.$slots, "item", { option: r }, () => [u("span", pr, E(r.label), 1)])], 8, fr)]))), 128)), h.value.length === 0 ? (b(), l("li", mr, "Empty")) : c("", !0)])], 2)
+			]), T(t.$slots, "item", { option: r }, () => [u("span", Lr, D(r.label), 1)])], 8, Ir)]))), 128)), h.value.length === 0 ? (x(), l("li", Rr, "Empty")) : c("", !0)])], 2)
 		]));
 	}
-}), gr = /* @__PURE__ */ p({
+}), Br = /* @__PURE__ */ p({
 	__name: "Table",
 	props: {
 		striped: { type: Boolean },
@@ -1641,31 +1969,31 @@ var Bt = ["aria-label", "aria-pressed"], Vt = /* @__PURE__ */ p({
 		}
 	},
 	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"));
-		return (e, t) => (b(), l("table", { class: g(n.value) }, [w(e.$slots, "default")], 2));
+		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));
 	}
-}), _r = (e, t) => {
+}), Vr = (e, t) => {
 	let n = e.__vccOpts || e;
 	for (let [e, r] of t) n[e] = r;
 	return n;
-}, vr = {}, yr = { class: "border-b border-border bg-surface-muted/60 text-xs font-medium text-muted" };
-function br(e, t) {
-	return b(), l("thead", yr, [w(e.$slots, "default")]);
+}, Hr = {}, Ur = { class: "border-b border-border bg-surface-muted/60 text-xs font-medium text-muted" };
+function Wr(e, t) {
+	return x(), l("thead", Ur, [T(e.$slots, "default")]);
 }
-var xr = /*#__PURE__*/ _r(vr, [["render", br]]), Sr = {};
-function Cr(e, t) {
-	return b(), l("tbody", null, [w(e.$slots, "default")]);
+var Gr = /*#__PURE__*/ Vr(Hr, [["render", Wr]]), Kr = {};
+function qr(e, t) {
+	return x(), l("tbody", null, [T(e.$slots, "default")]);
 }
-var wr = /*#__PURE__*/ _r(Sr, [["render", Cr]]), Q = /* @__PURE__ */ p({
+var Jr = /*#__PURE__*/ Vr(Kr, [["render", qr]]), Q = /* @__PURE__ */ p({
 	__name: "TableRow",
 	props: { clickable: {
 		type: Boolean,
 		default: !1
 	} },
 	setup(e) {
-		return (t, n) => (b(), l("tr", { class: g(["border-b border-border/60 last:border-b-0", e.clickable && "cursor-pointer transition-colors hover:bg-surface-muted/50"]) }, [w(t.$slots, "default")], 2));
+		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));
 	}
-}), Tr = ["aria-sort"], Er = /* @__PURE__ */ p({
+}), Yr = ["aria-sort"], Xr = /* @__PURE__ */ p({
 	__name: "TableHead",
 	props: {
 		sortDirection: {},
@@ -1674,39 +2002,39 @@ var wr = /*#__PURE__*/ _r(Sr, [["render", Cr]]), Q = /* @__PURE__ */ p({
 	},
 	setup(e) {
 		let t = e, n = o(() => t.sortDirection && t.sortDirection !== "none" ? t.sortDirection : void 0);
-		return (t, r) => (b(), l("th", {
+		return (t, r) => (x(), l("th", {
 			scope: "col",
 			"aria-sort": n.value,
 			style: _(e.width ? { width: e.width } : void 0),
-			class: g(D(U)("px-3 py-2 font-medium", e.align === "center" && "text-center", e.align === "end" && "text-end"))
-		}, [w(t.$slots, "default")], 14, Tr));
+			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, Yr));
 	}
-}), Dr = /* @__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"));
-		return (e, t) => (b(), l("td", { class: g(n.value) }, [w(e.$slots, "default")], 2));
+		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));
 	}
-}), Or = ["colspan"], kr = /* @__PURE__ */ p({
+}), Zr = ["colspan"], Qr = /* @__PURE__ */ p({
 	__name: "TableEmpty",
 	props: {
 		columns: {},
 		label: {}
 	},
 	setup(e) {
-		return (t, n) => (b(), l("tr", null, [u("td", {
+		return (t, n) => (x(), l("tr", null, [u("td", {
 			colspan: e.columns,
 			class: "px-3 py-8 text-center text-sm text-muted"
-		}, [w(t.$slots, "default", {}, () => [d(E(e.label), 1)])], 8, Or)]));
+		}, [T(t.$slots, "default", {}, () => [d(D(e.label), 1)])], 8, Zr)]));
 	}
 });
 //#endregion
 //#region src/lib/pagination.ts
-function Ar(e, t, n) {
+function $r(e, t, n) {
 	if (n <= 0 || t <= 0) return {
 		from: 0,
 		to: 0,
@@ -1723,17 +2051,17 @@ function Ar(e, t, n) {
 		total: n
 	};
 }
-function jr(e, t) {
+function ei(e, t) {
 	return t <= 0 ? 1 : Math.max(1, Math.ceil(e / t));
 }
-function Mr(e, t, n = 5) {
+function ti(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 Nr = { class: "flex flex-wrap items-center justify-between gap-3 px-3 py-2 text-sm text-muted" }, Pr = { class: "flex items-center gap-2" }, Fr = ["value"], Ir = ["value"], Lr = { class: "flex items-center gap-2" }, Rr = { class: "flex items-center gap-1" }, zr = /* @__PURE__ */ p({
+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({
 	__name: "TablePagination",
 	props: {
 		pageIndex: {},
@@ -1751,63 +2079,63 @@ var Nr = { 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(() => jr(n.total, n.pageSize)), c = o(() => Ar(n.pageIndex, n.pageSize, n.total)), p = o(() => Mr(n.pageIndex, i.value));
+		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));
 		function m(e) {
 			r("update:pageIndex", Math.max(0, Math.min(e, i.value - 1)));
 		}
-		return (t, n) => (b(), l("div", Nr, [u("div", Pr, [u("span", null, E(e.rowsPerPageLabel), 1), u("select", {
+		return (t, n) => (x(), l("div", ni, [u("div", ri, [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))
-		}, [(b(!0), l(a, null, C(e.pageSizeOptions, (e) => (b(), l("option", {
+		}, [(x(!0), l(a, null, w(e.pageSizeOptions, (e) => (x(), l("option", {
 			key: e,
 			value: e
-		}, E(e), 9, Ir))), 128))], 40, Fr)]), u("div", Lr, [u("span", null, E(c.value.from) + "–" + E(c.value.to) + " " + E(e.ofLabel) + " " + E(c.value.total), 1), u("div", Rr, [
-			f(Z, {
+		}, 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(X, {
 				variant: "ghost",
 				size: "icon-sm",
 				disabled: e.pageIndex <= 0,
 				"aria-label": e.previousLabel,
 				onClick: n[1] ||= (t) => m(e.pageIndex - 1)
 			}, {
-				default: M(() => [f(D(ie), { class: "size-4 rtl:rotate-180" })]),
+				default: N(() => [f(O(ie), { class: "size-4 rtl:rotate-180" })]),
 				_: 1
 			}, 8, ["disabled", "aria-label"]),
-			(b(!0), l(a, null, C(p.value, (t) => (b(), 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: M(() => [d(E(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: M(() => [f(D(L), { class: "size-4 rtl:rotate-180" })]),
+				default: N(() => [f(O(z), { class: "size-4 rtl:rotate-180" })]),
 				_: 1
 			}, 8, ["disabled", "aria-label"])
 		])])]));
 	}
-}), Br = ft({
-	rowSortingFeature: ut,
-	rowPaginationFeature: lt,
-	rowExpandingFeature: ct,
-	sortedRowModel: st(),
-	paginatedRowModel: ot(),
-	expandedRowModel: at(),
-	sortFns: dt
-}), Vr = [
+}), li = vt({
+	rowSortingFeature: gt,
+	rowPaginationFeature: ht,
+	rowExpandingFeature: mt,
+	sortedRowModel: pt(),
+	paginatedRowModel: ft(),
+	expandedRowModel: dt(),
+	sortFns: _t
+}), ui = [
 	"a[href]",
 	"button",
 	"input",
@@ -1820,16 +2148,21 @@ var Nr = { class: "flex flex-wrap items-center justify-between gap-3 px-3 py-2 t
 	"[role=\"menu\"]",
 	"[data-row-toggle-ignore]"
 ].join(",");
-function Hr(e) {
+function di(e) {
 	let t = e;
-	return !t || typeof t.closest != "function" ? !1 : t.closest(Vr) !== null;
+	return !t || typeof t.closest != "function" ? !1 : t.closest(ui) !== null;
 }
-function Ur(e, t) {
+function fi(e, t) {
 	return e[t] ? {} : { [t]: !0 };
 }
 //#endregion
 //#region src/components/data-table/DataTable.vue?vue&type=script&setup=true&lang.ts
-var Wr = ["onClick"], Gr = /* @__PURE__ */ p({
+var pi = ["aria-busy"], mi = {
+	key: 0,
+	class: "sr-only",
+	role: "status",
+	"aria-live": "polite"
+}, hi = ["onClick"], gi = /* @__PURE__ */ p({
 	__name: "DataTable",
 	props: {
 		data: {},
@@ -1854,7 +2187,13 @@ var Wr = ["onClick"], Gr = /* @__PURE__ */ p({
 			type: Boolean,
 			default: !0
 		},
-		maxHeight: {}
+		maxHeight: {},
+		loading: {
+			type: Boolean,
+			default: !1
+		},
+		loadingRows: { default: 5 },
+		loadingLabel: { default: "Loading…" }
 	},
 	emits: [
 		"update:sorting",
@@ -1862,8 +2201,8 @@ var Wr = ["onClick"], Gr = /* @__PURE__ */ p({
 		"row-click"
 	],
 	setup(e, { emit: t }) {
-		let n = e, r = t, i = ee(), u = S([]), p = n.getRowId ? (e) => n.getRowId(e) : void 0, m = pt({
-			features: Br,
+		let n = e, r = t, i = te(), u = C([]), p = n.getRowId ? (e) => n.getRowId(e) : void 0, m = yt({
+			features: li,
 			get columns() {
 				return n.columns;
 			},
@@ -1890,47 +2229,48 @@ var Wr = ["onClick"], Gr = /* @__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 x = (e) => !!i[`cell-${e}`], T = (e) => {
+		let S = (e) => !!i[`cell-${e}`], E = (e) => {
 			let t = e.size;
 			return t ? `${t}px` : void 0;
 		};
-		function O(e, t) {
-			r("row-click", h.value.find((e) => e.id === t)?.original), n.expandable && (n.stopRowToggleOnInteractiveCells && Hr(e.target) || r("update:expanded", Ur(n.expanded, t)));
+		function k(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)));
 		}
-		return (t, n) => (b(), l("div", {
+		return (t, n) => (x(), l("div", {
 			class: g(e.maxHeight ? "overflow-auto" : void 0),
-			style: _(e.maxHeight ? { maxHeight: e.maxHeight } : void 0)
-		}, [f(gr, {
+			style: _(e.maxHeight ? { maxHeight: e.maxHeight } : void 0),
+			"aria-busy": e.loading || void 0
+		}, [e.loading ? (x(), l("span", mi, D(e.loadingLabel), 1)) : c("", !0), f(Br, {
 			striped: e.striped,
 			size: e.size
 		}, {
-			default: M(() => [f(xr, null, {
-				default: M(() => [f(Q, null, {
-					default: M(() => [(b(!0), l(a, null, C(D(m).getHeaderGroups()[0]?.headers ?? [], (t) => (b(), s(Er, {
+			default: N(() => [f(Gr, null, {
+				default: N(() => [f(Q, null, {
+					default: N(() => [(x(!0), l(a, null, w(O(m).getHeaderGroups()[0]?.headers ?? [], (t) => (x(), s(Xr, {
 						key: t.id,
-						width: T(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: M(() => [e.sortable && t.column.getCanSort() ? (b(), 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(D(it), { header: t }, null, 8, ["header"]), y(t.column.id) === "descending" ? (b(), s(D(I), {
+						}, [f(O(ut), { 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" ? (b(), s(D(ae), {
+						})) : b(t.column.id) === "ascending" ? (x(), s(O(ae), {
 							key: 1,
 							class: "size-3.5"
-						})) : (b(), s(D(ce), {
+						})) : (x(), s(O(se), {
 							key: 2,
 							class: "size-3.5 opacity-40"
-						}))], 8, Wr)) : (b(), s(D(it), {
+						}))], 8, hi)) : (x(), s(O(ut), {
 							key: 1,
 							header: t
 						}, null, 8, ["header"]))]),
@@ -1939,25 +2279,34 @@ var Wr = ["onClick"], Gr = /* @__PURE__ */ p({
 					_: 1
 				})]),
 				_: 1
-			}), f(wr, null, {
-				default: M(() => [h.value.length === 0 ? (b(), s(kr, {
+			}), f(Jr, null, {
+				default: N(() => [!e.loading && h.value.length === 0 ? (x(), s(Qr, {
 					key: 0,
 					columns: v.value
 				}, {
-					default: M(() => [w(t.$slots, "empty", {}, () => [d(E(e.emptyLabel), 1)])]),
+					default: N(() => [T(t.$slots, "empty", {}, () => [d(D(e.emptyLabel), 1)])]),
 					_: 3
-				}, 8, ["columns"])) : c("", !0), (b(!0), l(a, null, C(h.value, (n) => (b(), l(a, { key: n.id }, [f(Q, {
+				}, 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(jn, {
+							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) => O(e, n.id)
+					onClick: (e) => k(e, n.id)
 				}, {
-					default: M(() => [(b(!0), l(a, null, C(n.getAllCells(), (e) => (b(), s(Dr, { key: e.id }, {
-						default: M(() => [x(e.column.id) ? w(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) : (b(), s(D(it), {
+						}, void 0, void 0, 0) : (x(), s(O(ut), {
 							key: 1,
 							cell: e
 						}, null, 8, ["cell"]))]),
@@ -1969,12 +2318,12 @@ var Wr = ["onClick"], Gr = /* @__PURE__ */ p({
 					"data-row-id",
 					"data-state",
 					"onClick"
-				]), n.getIsExpanded() ? (b(), s(Q, {
+				]), n.getIsExpanded() ? (x(), s(Q, {
 					key: 0,
 					class: "bg-surface-muted/30"
 				}, {
-					default: M(() => [f(Dr, { colspan: v.value }, {
-						default: M(() => [w(t.$slots, "expansion", { row: n })]),
+					default: N(() => [f($, { colspan: v.value }, {
+						default: N(() => [T(t.$slots, "expansion", { row: n })]),
 						_: 2
 					}, 1032, ["colspan"])]),
 					_: 2
@@ -1982,12 +2331,12 @@ var Wr = ["onClick"], Gr = /* @__PURE__ */ p({
 				_: 3
 			})]),
 			_: 3
-		}, 8, ["striped", "size"])], 6));
+		}, 8, ["striped", "size"])], 14, pi));
 	}
 });
 //#endregion
 //#region src/lib/tree.ts
-function Kr(e, t, n = 1, r = null) {
+function _i(e, t, n = 1, r = null) {
 	return e.flatMap((e) => {
 		let i = {
 			node: e,
@@ -1996,27 +2345,27 @@ function Kr(e, t, n = 1, r = null) {
 			parentKey: r,
 			hasChildren: !!e.children?.length
 		};
-		return !i.hasChildren || !t.includes(e.value) ? [i] : [i, ...Kr(e.children, t, n + 1, e.value)];
+		return !i.hasChildren || !t.includes(e.value) ? [i] : [i, ..._i(e.children, t, n + 1, e.value)];
 	});
 }
-function qr(e, t) {
+function vi(e, t) {
 	for (let n of e) {
 		if (n.value === t) return n;
-		let e = n.children ? qr(n.children, t) : void 0;
+		let e = n.children ? vi(n.children, t) : void 0;
 		if (e) return e;
 	}
 }
-function Jr(e) {
-	return e.flatMap((e) => e.children?.length ? Jr(e.children) : [e.value]);
+function yi(e) {
+	return e.flatMap((e) => e.children?.length ? yi(e.children) : [e.value]);
 }
-function Yr(e, t) {
-	let n = e.children?.length ? Jr([e]) : [e.value], r = n.filter((e) => t.includes(e)).length;
+function bi(e, t) {
+	let n = e.children?.length ? yi([e]) : [e.value], r = n.filter((e) => t.includes(e)).length;
 	return r === 0 ? "unchecked" : r === n.length ? "checked" : "indeterminate";
 }
-function Xr(e, t, n = (e) => e.label ?? "") {
+function xi(e, t, n = (e) => e.label ?? "") {
 	let r = t.trim().toLowerCase();
 	return r ? e.reduce((e, i) => {
-		let a = i.children ? Xr(i.children, t, n) : void 0;
+		let a = i.children ? xi(i.children, t, n) : void 0;
 		return !n(i).toLowerCase().includes(r) && (!a || a.length === 0) || e.push({
 			...i,
 			children: a
@@ -2025,10 +2374,10 @@ function Xr(e, t, n = (e) => e.label ?? "") {
 }
 //#endregion
 //#region src/components/tree-table/TreeTable.vue?vue&type=script&setup=true&lang.ts
-var Zr = { class: "overflow-hidden rounded-md border border-border bg-surface" }, Qr = { class: "px-3 py-2" }, $r = ["aria-label", "onClick"], ei = {
+var Si = { class: "overflow-hidden rounded-md border border-border bg-surface" }, Ci = { class: "px-3 py-2" }, wi = ["aria-label", "onClick"], Ti = {
 	key: 1,
 	class: "inline-block size-4"
-}, ti = /* @__PURE__ */ p({
+}, Ei = /* @__PURE__ */ p({
 	__name: "TreeTable",
 	props: {
 		nodes: {},
@@ -2042,21 +2391,21 @@ var Zr = { 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(() => Kr(n.nodes, n.expanded));
-		return (t, n) => (b(), l("div", Zr, [u("div", {
+		let n = e, r = t, i = o(() => `minmax(12rem, 1fr) ${n.columns.map((e) => e.width ?? "minmax(6rem, 1fr)").join(" ")}`), c = o(() => _i(n.nodes, n.expanded));
+		return (t, n) => (x(), l("div", Si, [u("div", {
 			class: "grid border-b border-border bg-surface-muted/60 text-xs font-medium text-muted",
 			style: _({ gridTemplateColumns: i.value })
-		}, [u("div", Qr, [w(t.$slots, "header", {}, () => [d(E(e.rowColumnHeader), 1)])]), (b(!0), l(a, null, C(e.columns, (e) => (b(), l("div", {
+		}, [u("div", Ci, [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"]])
-		}, E(e.header), 3))), 128))], 4), f(D(nt), {
+		}, D(e.header), 3))), 128))], 4), f(O(ct), {
 			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: M(() => [(b(!0), l(a, null, C(c.value, (n) => (b(), s(D(tt), {
+			default: N(() => [(x(!0), l(a, null, w(c.value, (n) => (x(), s(O(st), {
 				key: n.key,
 				value: n.node,
 				level: n.level,
@@ -2064,22 +2413,22 @@ var Zr = { 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: M(({ 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 ? (b(), l("button", {
+				}, [n.hasChildren ? (x(), l("button", {
 					key: 0,
 					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: P(i, ["stop"])
-				}, [f(D(L), { class: "size-3.5 rtl:rotate-180" })], 10, $r)) : (b(), l("span", ei)), w(t.$slots, "row-label", {
+					onClick: F(i, ["stop"])
+				}, [f(O(z), { class: "size-3.5 rtl:rotate-180" })], 10, wi)) : (x(), l("span", Ti)), T(t.$slots, "row-label", {
 					node: n.node,
 					level: n.level
-				}, () => [d(E(e.rowLabel(n.node)), 1)])], 4), (b(!0), l(a, null, C(e.columns, (e) => (b(), l("div", {
+				}, () => [d(D(e.rowLabel(n.node)), 1)])], 4), (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"]])
-				}, [w(t.$slots, `cell-${e.key}`, {
+				}, [T(t.$slots, `cell-${e.key}`, {
 					node: n.node,
 					row: n,
 					isExpanded: r,
@@ -2100,22 +2449,22 @@ var Zr = { class: "overflow-hidden rounded-md border border-border bg-surface" }
 			"expanded"
 		])]));
 	}
-}), ni = ["disabled"], ri = {
+}), Di = ["disabled"], Oi = {
 	key: 0,
 	class: "truncate text-muted"
-}, ii = {
+}, ki = {
 	key: 1,
 	class: "flex flex-wrap items-center gap-1"
-}, ai = {
+}, Ai = {
 	key: 0,
 	class: "relative mb-2"
-}, oi = ["placeholder"], si = {
+}, ji = ["placeholder"], Mi = {
 	key: 1,
 	class: "block h-0.5 w-2 rounded bg-white"
-}, ci = { class: "truncate" }, li = {
+}, Ni = { class: "truncate" }, Pi = {
 	key: 1,
 	class: "mt-2 flex justify-end border-t border-border pt-2"
-}, ui = /* @__PURE__ */ p({
+}, Fi = /* @__PURE__ */ p({
 	__name: "TreeSelect",
 	props: {
 		modelValue: { default: () => [] },
@@ -2135,46 +2484,46 @@ var Zr = { class: "overflow-hidden rounded-md border border-border bg-surface" }
 	},
 	emits: ["update:modelValue"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, i = S(!1), p = S(""), m = S([]), h = o(() => Xr(n.nodes, p.value)), v = o(() => Kr(h.value, m.value)), y = o(() => Jr(n.nodes)), x = o(() => n.modelValue.map((e) => qr(n.nodes, e)).filter((e) => !!e));
-		function w(e) {
-			return Yr(e, n.modelValue);
+		let n = e, r = t, i = C(!1), p = C(""), m = C([]), h = o(() => xi(n.nodes, p.value)), v = o(() => _i(h.value, m.value)), y = o(() => yi(n.nodes)), b = o(() => n.modelValue.map((e) => vi(n.nodes, e)).filter((e) => !!e));
+		function S(e) {
+			return bi(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) => (b(), s(D(Me), {
+		return (t, n) => (x(), s(O(Re), {
 			open: i.value,
 			"onUpdate:open": n[3] ||= (e) => i.value = e
 		}, {
-			default: M(() => [f(D(Ne), {
+			default: N(() => [f(O(ze), {
 				"as-child": "",
 				disabled: e.disabled
 			}, {
-				default: M(() => [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"])
-				}, [x.value.length === 0 ? (b(), l("span", ri, E(e.placeholder), 1)) : (b(), l("span", ii, [(b(!0), l(a, null, C(x.value, (e) => (b(), s(cn, {
+				}, [b.value.length === 0 ? (x(), l("span", Oi, D(e.placeholder), 1)) : (x(), l("span", ki, [(x(!0), l(a, null, w(b.value, (e) => (x(), s(Cn, {
 					key: e.value,
 					tone: "secondary"
 				}, {
-					default: M(() => [d(E(e.label ?? e.value), 1)]),
+					default: N(() => [d(D(e.label ?? e.value), 1)]),
 					_: 2
-				}, 1024))), 128))])), f(D(I), { class: "size-4 shrink-0 opacity-50" })], 10, ni)]),
+				}, 1024))), 128))])), f(O(R), { class: "size-4 shrink-0 opacity-50" })], 10, Di)]),
 				_: 1
-			}, 8, ["disabled"]), f(D(je), {
+			}, 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: M(() => [
-					e.filterable ? (b(), l("div", ai, [f(D(fe), { class: "pointer-events-none absolute start-2 top-1/2 size-3.5 -translate-y-1/2 text-muted" }), N(u("input", {
+				default: N(() => [
+					e.filterable ? (x(), l("div", Ai, [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, oi), [[A, p.value]])])) : c("", !0),
-					f(D(nt), {
-						"model-value": x.value,
+					}, null, 8, ji), [[j, p.value]])])) : c("", !0),
+					f(O(ct), {
+						"model-value": b.value,
 						items: h.value,
 						"get-key": (e) => e.value,
 						"get-children": (e) => e.children,
@@ -2184,7 +2533,7 @@ var Zr = { class: "overflow-hidden rounded-md border border-border bg-surface" }
 						"bubble-select": "",
 						"onUpdate:modelValue": T
 					}, {
-						default: M(() => [(b(!0), l(a, null, C(v.value, (e) => (b(), s(D(tt), {
+						default: N(() => [(x(!0), l(a, null, w(v.value, (e) => (x(), s(O(st), {
 							key: e.key,
 							value: e.node,
 							level: e.level,
@@ -2192,13 +2541,13 @@ var Zr = { 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: M(() => [u("span", {
-								class: g(["flex size-4 shrink-0 items-center justify-center rounded border border-border", w(e.node) !== "unchecked" && "border-primary-500 bg-primary-500 text-white"]),
+							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"
-							}, [w(e.node) === "checked" ? (b(), s(D(F), {
+							}, [S(e.node) === "checked" ? (x(), s(O(L), {
 								key: 0,
 								class: "size-3"
-							})) : w(e.node) === "indeterminate" ? (b(), l("span", si)) : c("", !0)], 2), u("span", ci, E(e.node.label ?? e.node.value), 1)]),
+							})) : S(e.node) === "indeterminate" ? (x(), l("span", Mi)) : c("", !0)], 2), u("span", Ni, D(e.node.label ?? e.node.value), 1)]),
 							_: 2
 						}, 1032, [
 							"value",
@@ -2213,22 +2562,22 @@ var Zr = { class: "overflow-hidden rounded-md border border-border bg-surface" }
 						"get-children",
 						"expanded"
 					]),
-					e.modelValue.length ? (b(), l("div", li, [u("button", {
+					e.modelValue.length ? (x(), l("div", Pi, [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(D(z), { 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"]));
 	}
-}), $ = Symbol("myghf-toast"), di = 0;
-function fi(e = {}) {
-	let t = Math.max(1, e.max ?? 4), n = e.duration ?? 5e3, r = e.position ?? "top-end", i = S([]), a = o(() => i.value.slice(0, t));
+}), Ii = Symbol("myghf-toast"), Li = 0;
+function Ri(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-${++di}`;
+		let t = `toast-${++Li}`;
 		return i.value.push({
 			severity: "info",
 			position: r,
@@ -2264,14 +2613,14 @@ function fi(e = {}) {
 		secondary: u("secondary")
 	};
 }
-function pi() {
-	let e = m($);
+function zi() {
+	let e = m(Ii);
 	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 mi = { class: "min-w-0 flex-1" }, hi = /* @__PURE__ */ p({
+var Bi = { class: "min-w-0 flex-1" }, Vi = /* @__PURE__ */ p({
 	__name: "Toast",
 	props: {
 		item: {},
@@ -2286,48 +2635,48 @@ var mi = { class: "min-w-0 flex-1" }, hi = /* @__PURE__ */ p({
 			danger: "circle-alert",
 			secondary: "info"
 		};
-		return (t, n) => (b(), s(D(Qe), {
+		return (t, n) => (x(), s(O(it), {
 			"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", D(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: M(() => [
-				f(X, {
+			default: N(() => [
+				f(Y, {
 					name: e.item.icon || p[i.value],
-					class: g(["mt-0.5 size-4 shrink-0", D(J)[i.value].icon])
+					class: g(["mt-0.5 size-4 shrink-0", O(q)[i.value].icon])
 				}, null, 8, ["name", "class"]),
-				u("div", mi, [e.item.title ? (b(), s(D($e), {
+				u("div", Bi, [e.item.title ? (x(), s(O(at), {
 					key: 0,
 					class: "font-medium"
 				}, {
-					default: M(() => [d(E(e.item.title), 1)]),
+					default: N(() => [d(D(e.item.title), 1)]),
 					_: 1
-				})) : c("", !0), e.item.description ? (b(), s(D(Xe), {
+				})) : c("", !0), e.item.description ? (x(), s(O(nt), {
 					key: 1,
 					class: g(["leading-relaxed", e.item.title ? "mt-1" : ""])
 				}, {
-					default: M(() => [d(E(e.item.description), 1)]),
+					default: N(() => [d(D(e.item.description), 1)]),
 					_: 1
 				}, 8, ["class"])) : c("", !0)]),
-				e.item.action ? (b(), s(D(Je), {
+				e.item.action ? (x(), s(O(et), {
 					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: M(() => [d(E(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) : (b(), s(D(Ye), {
+				e.item.closable === !1 ? c("", !0) : (x(), s(O(tt), {
 					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: M(() => [f(D(z), { class: "size-4" })]),
+					default: N(() => [f(O(V), { class: "size-4" })]),
 					_: 1
 				}))
 			]),
@@ -2339,7 +2688,7 @@ var mi = { class: "min-w-0 flex-1" }, hi = /* @__PURE__ */ p({
 			"class"
 		]));
 	}
-}), gi = /* @__PURE__ */ p({
+}), Hi = /* @__PURE__ */ p({
 	__name: "Toaster",
 	props: {
 		position: { default: "top-end" },
@@ -2350,12 +2699,12 @@ var mi = { class: "min-w-0 flex-1" }, hi = /* @__PURE__ */ p({
 		store: {}
 	},
 	setup(e) {
-		let t = e, n = t.store ?? fi({
+		let t = e, n = t.store ?? Ri({
 			max: t.max,
 			duration: t.duration,
 			position: t.position
 		});
-		x($, n);
+		S(Ii, n);
 		let r = [
 			"top-start",
 			"top-center",
@@ -2374,21 +2723,21 @@ var mi = { class: "min-w-0 flex-1" }, hi = /* @__PURE__ */ p({
 		function o(e) {
 			return n.visible.value.filter((n) => (n.position ?? t.position) === e);
 		}
-		return (t, u) => (b(), s(D(Ze), {
+		return (t, u) => (x(), s(O(rt), {
 			label: e.label,
 			duration: e.duration
 		}, {
-			default: M(() => [w(t.$slots, "default"), (b(), l(a, null, C(r, (t) => (b(), l(a, { key: t }, [o(t).length > 0 ? (b(), s(D(et), {
+			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(ot), {
 				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: M(() => [(b(!0), l(a, null, C(o(t), (t) => (b(), s(hi, {
+				default: N(() => [(x(!0), l(a, null, w(o(t), (t) => (x(), s(Vi, {
 					key: t.id,
 					item: t,
 					duration: e.duration,
-					onClose: (e) => D(n).remove(t.id)
+					onClose: (e) => O(n).remove(t.id)
 				}, null, 8, [
 					"item",
 					"duration",
@@ -2405,6 +2754,6 @@ var mi = { class: "min-w-0 flex-1" }, hi = /* @__PURE__ */ p({
 	}
 });
 //#endregion
-export { pn as Alert, pn as Message, Z as Button, on as Checkbox, Gr as DataTable, Hn as DatePicker, qn as Dialog, Qn as Drawer, $n as DropdownMenu, tr as DropdownMenuContent, nr as DropdownMenuItem, er as DropdownMenuTrigger, X as Icon, Kt as Input, Xt as InputNumber, an as Password, bn as Select, xn as SelectButton, gr as Table, wr as TableBody, Dr as TableCell, kr as TableEmpty, Er as TableHead, xr as TableHeader, zr as TablePagination, Q as TableRow, mn as Tabs, _n as TabsContent, hn as TabsList, gn as TabsTrigger, cn as Tag, Qt as Textarea, Vt as ThemeToggle, gi as Toaster, hr as TransferList, ui as TreeSelect, ti as TreeTable, yt as buildHourOptions, bt as buildMinuteOptions, _t as clampTime, U as cn, Lt as createTheme, fi as createToastStore, mt as dateToValue, q as formatLocalizedDate, Tt as formatLocalizedTime, xt as from12Hour, St as getFirstDayOfWeek, wt as getMonthLabel, Ct as getWeekdayLabels, Dt as mergeFormatOptions, At as resolveIconName, G as sortRange, K as to12Hour, vt as toISODate, gt as toMinutes, Et as toNumberOrNull, Ot as toPascalCase, W as toTime, $ as toastKey, J as toneClasses, zt as useTheme, pi as useToast, ht as valueToDate };
+export { On as Alert, On as Message, Pn as Avatar, X as Button, xn as Checkbox, gi as DataTable, lr as DatePicker, mr as Dialog, yr as Drawer, br as DropdownMenu, Sr as DropdownMenuContent, Er as DropdownMenuGroup, Cr as DropdownMenuItem, Tr as DropdownMenuLabel, wr as DropdownMenuSeparator, xr as DropdownMenuTrigger, gn as FormDescription, bn as FormField, vn as FormMessage, Y as Icon, Qt as Input, nn as InputNumber, mn as Label, dn as Password, Vn as Select, Hn as SelectButton, jn as Skeleton, An as Spinner, Br as Table, Jr as TableBody, $ as TableCell, Qr as TableEmpty, Xr as TableHead, Gr as TableHeader, ci as TablePagination, Q as TableRow, Fn as Tabs, Rn as TabsContent, In as TabsList, Ln as TabsTrigger, Cn as Tag, an as Textarea, qt as ThemeToggle, Hi as Toaster, zr as TransferList, Fi as TreeSelect, Ei as TreeTable, Tt as buildHourOptions, Et as buildMinuteOptions, Ct as clampTime, H as cn, Ut as createTheme, Ri as createToastStore, bt as dateToValue, K as formatLocalizedDate, jt as formatLocalizedTime, Dt as from12Hour, Ot as getFirstDayOfWeek, At as getMonthLabel, kt as getWeekdayLabels, Nt as mergeFormatOptions, It as resolveIconName, W as sortRange, G as to12Hour, wt as toISODate, St as toMinutes, Mt as toNumberOrNull, Pt as toPascalCase, U as toTime, Ii as toastKey, q as toneClasses, Z as useFormField, Gt as useTheme, zi as useToast, xt as valueToDate };
 
 //# sourceMappingURL=index.js.map