@myghf/ui 0.2.0 → 0.4.0

package/dist/index.js

@@ -1,79 +1,270 @@
 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, mergeProps as m, normalizeClass as h, normalizeStyle as g, onBeforeUnmount as _, onMounted as v, openBlock as y, ref as b, renderList as x, renderSlot as S, resolveDynamicComponent as C, toDisplayString as w, unref as T, useAttrs as E, useSlots as D, vModelText as O, vShow as k, watch as A, withCtx as j, withDirectives as M, withModifiers as N } from "vue";
-import * as P from "lucide-vue-next";
-import { Calendar as ee, Check as F, ChevronDown as I, ChevronLeft as L, ChevronRight as R, ChevronUp as te, ChevronsLeft as ne, ChevronsRight as re, ChevronsUpDown as ie, Clock as ae, Eye as oe, EyeOff as se, Search as ce, X as z } from "lucide-vue-next";
-import { tv as B } from "tailwind-variants";
-import { CheckboxIndicator as le, CheckboxRoot as ue, DialogClose as de, DialogContent as fe, DialogDescription as pe, DialogOverlay as me, DialogPortal as he, DialogRoot as ge, DialogTitle as _e, DialogTrigger as ve, DropdownMenuContent as ye, DropdownMenuItem as be, DropdownMenuPortal as xe, DropdownMenuRoot as Se, DropdownMenuTrigger as Ce, PopoverContent as we, PopoverRoot as Te, PopoverTrigger as Ee, RadioGroupIndicator as De, RadioGroupItem as Oe, RadioGroupRoot as ke, SelectContent as Ae, SelectItem as je, SelectItemIndicator as Me, SelectItemText as Ne, SelectRoot as Pe, SelectTrigger as Fe, SelectValue as Ie, TabsContent as Le, TabsList as Re, TabsRoot as ze, TabsTrigger as Be, TreeItem as Ve, TreeRoot as He } from "reka-ui";
-import { FlexRender as V, createExpandedRowModel as Ue, createPaginatedRowModel as We, createSortedRowModel as Ge, rowExpandingFeature as Ke, rowPaginationFeature as qe, rowSortingFeature as Je, sortFns as Ye, tableFeatures as Xe, useTable as Ze } from "@tanstack/vue-table";
+import { Fragment as a, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createTextVNode as d, createVNode as f, defineComponent as p, inject as m, mergeProps as h, normalizeClass as g, normalizeStyle as _, onBeforeUnmount as v, onBeforeUpdate as y, onMounted as b, openBlock as x, provide as S, ref as C, renderList as w, renderSlot as T, resolveDynamicComponent as E, toDisplayString as D, unref as O, useAttrs as k, useId as ee, useSlots as A, vModelSelect as j, vModelText as M, vShow as te, watch as N, withCtx as P, withDirectives as F, withModifiers as I } from "vue";
+import * as L from "lucide-vue-next";
+import { Calendar as ne, Check as R, ChevronDown as z, ChevronLeft as re, ChevronRight as B, ChevronUp as ie, ChevronsLeft as ae, ChevronsRight as V, ChevronsUpDown as oe, Clock as se, Eye as ce, EyeOff as le, Moon as ue, Search as de, Sun as fe, X as H } from "lucide-vue-next";
+import { tv as pe } from "tailwind-variants";
+import { CheckboxIndicator as me, CheckboxRoot as he, DialogClose as ge, DialogContent as _e, DialogDescription as ve, DialogOverlay as ye, DialogPortal as be, DialogRoot as xe, DialogTitle as Se, DialogTrigger as Ce, DropdownMenuContent as we, DropdownMenuGroup as Te, DropdownMenuItem as Ee, DropdownMenuLabel as De, DropdownMenuPortal as Oe, DropdownMenuRoot as ke, DropdownMenuSeparator as Ae, DropdownMenuTrigger as je, NumberFieldDecrement as Me, NumberFieldIncrement as Ne, NumberFieldInput as Pe, NumberFieldRoot as Fe, PopoverContent as Ie, PopoverRoot as Le, PopoverTrigger as Re, RadioGroupIndicator as ze, RadioGroupItem as Be, RadioGroupRoot as Ve, SelectContent as He, SelectItem as Ue, SelectItemIndicator as We, SelectItemText as Ge, SelectRoot as Ke, SelectTrigger as qe, SelectValue as Je, TabsContent as Ye, TabsList as Xe, TabsRoot as Ze, TabsTrigger as Qe, ToastAction as $e, ToastClose as et, ToastDescription as tt, ToastProvider as nt, ToastRoot as rt, ToastTitle as it, ToastViewport as at, TreeItem as ot, TreeRoot as st, VisuallyHidden as ct } from "reka-ui";
+import { FlexRender as lt, createExpandedRowModel as ut, createPaginatedRowModel as dt, createSortedRowModel as ft, rowExpandingFeature as pt, rowPaginationFeature as mt, rowSortingFeature as ht, sortFns as gt, tableFeatures as _t, useTable as vt } from "@tanstack/vue-table";
 //#region src/lib/cn.ts
-function H(...n) {
+function U(...n) {
 	return t(e(n));
 }
 //#endregion
 //#region src/lib/date.ts
-function Qe(e) {
+function yt(e) {
 	return new n(e.getFullYear(), e.getMonth() + 1, e.getDate());
 }
-function $e(e) {
+function bt(e) {
 	return e instanceof r ? e.toDate(i()) : new Date(e.year, e.month - 1, e.day);
 }
-function U(e) {
+function xt(e) {
 	let [t, n] = e.split(":").map(Number);
 	return t * 60 + (n || 0);
 }
-function et(e) {
+function W(e) {
 	let t = Math.floor(e / 60), n = e % 60;
 	return `${String(t).padStart(2, "0")}:${String(n).padStart(2, "0")}`;
 }
-function W(e, t) {
+function St(e, t) {
 	let n = new Date(e);
-	return n.setHours(Math.floor(U(t) / 60), U(t) % 60, 0, 0), n;
+	return n.setHours(Math.floor(xt(t) / 60), xt(t) % 60, 0, 0), n;
 }
 function G(e, t) {
 	return !e || !t || e.getTime() <= t.getTime() ? [e, t] : [t, e];
 }
-function K(e) {
+function Ct(e) {
 	let t = e.getMonth() + 1, n = e.getDate();
 	return `${e.getFullYear()}-${String(t).padStart(2, "0")}-${String(n).padStart(2, "0")}`;
 }
+function wt(e) {
+	return e === "12" ? Array.from({ length: 12 }, (e, t) => t + 1) : Array.from({ length: 24 }, (e, t) => t);
+}
+function Tt(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) {
+	let t = (Math.trunc(e) % 24 + 24) % 24, n = t < 12 ? "am" : "pm";
+	return {
+		hour: t % 12 == 0 ? 12 : t % 12,
+		meridiem: n
+	};
+}
+function Et(e, t) {
+	let n = Math.trunc(e) % 12;
+	return t === "pm" ? n + 12 : n;
+}
+//#endregion
+//#region src/lib/locale.ts
+function Dt(e) {
+	try {
+		let t = new Intl.Locale(e), n = t.weekInfo ?? t.getWeekInfo?.();
+		if (n && typeof n.firstDay == "number") return n.firstDay % 7;
+	} catch {}
+	return 1;
+}
+function Ot(e, t) {
+	let n = (Math.trunc(t) % 7 + 7) % 7, r = new Intl.DateTimeFormat(e, { weekday: "short" });
+	return Array.from({ length: 7 }, (e, t) => r.format(new Date(2026, 0, 4 + (n + t) % 7)));
+}
+function kt(e, t) {
+	return new Intl.DateTimeFormat(t, {
+		month: "long",
+		year: "numeric"
+	}).format(e);
+}
+function q(e, t) {
+	return new Intl.DateTimeFormat(t, { dateStyle: "medium" }).format(e);
+}
+function At(e, t, n) {
+	let r = n === "24" ? {
+		hour: "2-digit",
+		minute: "2-digit",
+		hourCycle: "h23"
+	} : {
+		hour: "numeric",
+		minute: "2-digit",
+		hour12: !0
+	};
+	return new Intl.DateTimeFormat(t, r).format(e);
+}
+//#endregion
+//#region src/lib/number.ts
+function jt(e) {
+	return e == null || !Number.isFinite(e) ? null : e;
+}
+function Mt(e) {
+	return {
+		...e.currency ? {
+			style: "currency",
+			currency: e.currency
+		} : {},
+		...e.formatOptions,
+		...e.integer ? { maximumFractionDigits: 0 } : {}
+	};
+}
 //#endregion
 //#region src/lib/icons.ts
-function tt(e) {
+function Nt(e) {
 	return e.split("-").map((e) => e.charAt(0).toUpperCase() + e.slice(1)).join("");
 }
-var nt = "circle";
-function rt(e) {
+var Pt = "circle";
+function Ft(e) {
 	let t = e.trim();
-	return t ? t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase() : nt;
+	return t ? t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase() : Pt;
 }
 //#endregion
-//#region src/components/icon/Icon.vue
-var q = /* @__PURE__ */ p({
+//#region src/lib/tones.ts
+var J = {
+	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",
+		icon: "text-primary-500 dark:text-primary-300",
+		role: "status"
+	},
+	success: {
+		soft: "bg-success-100 text-success-800 dark:bg-success-900/40 dark:text-success-200",
+		outline: "border border-success-300 text-success-800 dark:border-success-700 dark:text-success-200",
+		icon: "text-success-500 dark:text-success-300",
+		role: "status"
+	},
+	warning: {
+		soft: "bg-warning-100 text-warning-800 dark:bg-warning-900/40 dark:text-warning-200",
+		outline: "border border-warning-300 text-warning-800 dark:border-warning-700 dark:text-warning-200",
+		icon: "text-warning-500 dark:text-warning-300",
+		role: "alert"
+	},
+	danger: {
+		soft: "bg-error-100 text-error-800 dark:bg-error-900/40 dark:text-error-200",
+		outline: "border border-error-300 text-error-800 dark:border-error-700 dark:text-error-200",
+		icon: "text-error-500 dark:text-error-300",
+		role: "alert"
+	},
+	secondary: {
+		soft: "bg-surface-muted text-foreground",
+		outline: "border border-border text-foreground",
+		icon: "text-muted",
+		role: "status"
+	}
+}, It = "myghf-theme", Lt = "both", Rt = "system";
+function Y() {
+	return typeof window < "u" && typeof document < "u";
+}
+function zt() {
+	return !Y() || typeof window.matchMedia != "function" ? "light" : window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+}
+function Bt(e) {
+	try {
+		let t = window.localStorage.getItem(e);
+		return t === "light" || t === "dark" || t === "system" ? t : null;
+	} catch {
+		return null;
+	}
+}
+function Vt(e) {
+	return {
+		storageKey: e.storageKey ?? It,
+		attribute: e.attribute ?? Lt,
+		defaultMode: e.defaultMode ?? Rt
+	};
+}
+function Ht(e = {}) {
+	let { storageKey: t, attribute: n, defaultMode: r } = Vt(e), i = Y() ? Bt(t) ?? r : r, a = C(i), s = o(() => a.value === "system" ? zt() : a.value), c = o(() => s.value === "dark");
+	function l() {
+		if (!Y()) 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 {
+			e === "system" ? window.localStorage.removeItem(t) : window.localStorage.setItem(t, e);
+		} catch {}
+	}
+	function d(e) {
+		a.value = e, u(e), l();
+	}
+	function f() {
+		d(c.value ? "light" : "dark");
+	}
+	function p() {
+		d("dark");
+	}
+	function m() {
+		d("light");
+	}
+	function h() {
+		if (a.value = "system", Y()) try {
+			window.localStorage.removeItem(t);
+		} catch {}
+		l();
+	}
+	return l(), {
+		mode: a,
+		resolved: s,
+		isDark: c,
+		setMode: d,
+		toggle: f,
+		enable: p,
+		disable: m,
+		reset: h
+	};
+}
+var Ut = null;
+function Wt(e) {
+	return Ut || (Ut = Ht(e), Ut);
+}
+//#endregion
+//#region src/components/theme-toggle/ThemeToggle.vue?vue&type=script&setup=true&lang.ts
+var Gt = ["aria-label", "aria-pressed"], Kt = /* @__PURE__ */ p({
+	__name: "ThemeToggle",
+	props: {
+		size: { default: "default" },
+		label: { default: "Toggle theme" }
+	},
+	setup(e) {
+		let t = e, { isDark: n, toggle: r } = Wt(), i = {
+			sm: "h-8 px-3 text-xs",
+			default: "h-9 px-4",
+			lg: "h-10 px-6"
+		}, a = o(() => [
+			"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors",
+			"text-foreground hover:bg-surface-muted",
+			"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",
+			i[t.size]
+		]);
+		return (t, i) => (x(), l("button", {
+			type: "button",
+			class: g(a.value),
+			"aria-label": e.label,
+			"aria-pressed": O(n),
+			onClick: i[0] ||= (e) => O(r)()
+		}, [O(n) ? (x(), s(O(fe), { key: 0 })) : (x(), s(O(ue), { key: 1 }))], 10, Gt));
+	}
+}), X = /* @__PURE__ */ p({
 	__name: "Icon",
 	props: {
 		name: {},
 		size: { default: 16 }
 	},
 	setup(e) {
-		let t = e, n = o(() => P[tt(rt(t.name))] ?? P.Circle);
-		return (t, r) => (y(), s(C(n.value), {
+		let t = e, n = o(() => L[Nt(Ft(t.name))] ?? L.Circle);
+		return (t, r) => (x(), s(E(n.value), {
 			size: e.size,
 			"aria-hidden": "true",
 			"data-icon": "",
 			name: e.name
 		}, null, 8, ["size", "name"]));
 	}
-}), it = [
+}), qt = [
 	"type",
 	"disabled",
-	"data-loading"
-], at = {
-	key: 0,
-	class: "size-4 animate-spin rounded-full border-2 border-current border-t-transparent",
-	"aria-hidden": "true"
-}, J = /* @__PURE__ */ p({
+	"data-loading",
+	"aria-busy"
+], Z = /* @__PURE__ */ p({
 	__name: "Button",
 	props: {
 		variant: { default: "default" },
@@ -87,11 +278,14 @@ var q = /* @__PURE__ */ p({
 			type: Boolean,
 			default: !1
 		},
-		label: {}
+		label: {},
+		icon: {},
+		iconTrailing: {},
+		iconPos: { default: "start" }
 	},
 	setup(e) {
-		let t = B({
-			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 disabled:pointer-events-none disabled:opacity-50 [&_svg]:size-4 data-[loading=true]:cursor-not-allowed",
+		let t = pe({
+			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: {
 					default: "bg-primary-500 text-white hover:bg-primary-600",
@@ -112,98 +306,297 @@ var q = /* @__PURE__ */ p({
 				variant: "default",
 				size: "default"
 			}
-		}), n = e, r = E(), i = o(() => n.disabled || n.loading || !!r.disabled);
-		return (n, a) => (y(), l("button", m({
+		}), 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: T(t)({
+			"aria-busy": e.loading || void 0,
+			class: O(t)({
 				variant: e.variant,
 				size: e.size
 			})
-		}, T(r)), [e.loading ? (y(), l("span", at)) : S(n.$slots, "default", {}, () => [d(w(e.label), 1)], void 0, 1)], 16, it));
+		}, O(r)), [
+			e.loading ? (x(), s(X, {
+				key: 0,
+				name: "loader-circle",
+				class: "animate-spin",
+				"aria-hidden": "true"
+			})) : e.iconPos === "start" && e.icon ? (x(), s(X, {
+				key: 1,
+				name: e.icon,
+				"aria-hidden": "true"
+			}, null, 8, ["name"])) : c("", !0),
+			T(n.$slots, "default", {}, () => [d(D(e.label), 1)]),
+			e.iconTrailing ? (x(), s(X, {
+				key: 2,
+				name: e.iconTrailing,
+				"aria-hidden": "true"
+			}, null, 8, ["name"])) : e.iconPos === "end" && e.icon ? (x(), s(X, {
+				key: 3,
+				name: e.icon,
+				"aria-hidden": "true"
+			}, null, 8, ["name"])) : c("", !0)
+		], 16, qt));
 	}
-}), ot = { class: "relative w-full" }, st = [
+}), Jt = Symbol("myghf-form-field");
+function Q() {
+	return m(Jt, null);
+}
+//#endregion
+//#region src/components/input/Input.vue?vue&type=script&setup=true&lang.ts
+var Yt = { class: "relative w-full" }, Xt = [
+	"id",
+	"type",
+	"name",
+	"autocomplete",
 	"value",
 	"placeholder",
-	"disabled"
-], ct = /* @__PURE__ */ p({
+	"disabled",
+	"required",
+	"aria-invalid",
+	"aria-describedby"
+], Zt = /* @__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 = E(), a = b();
-		return t({ focus: () => a.value?.focus() }), (t, n) => (y(), l("div", ot, [
-			e.leadingIcon ? (y(), s(q, {
+		let r = e, i = n, a = k(), d = C(), f = Q(), p = o(() => r.id ?? f?.id.value), m = o(() => r.invalid ?? f?.invalid.value ?? !1), g = o(() => r.required ?? f?.required.value ?? !1), _ = o(() => f?.describedBy.value);
+		return t({ focus: () => d.value?.focus() }), (t, n) => (x(), l("div", Yt, [
+			e.leadingIcon ? (x(), s(X, {
 				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", m({
+			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" : ""
 				]
-			}, T(i), { onInput: n[0] ||= (e) => r("update:modelValue", e.target.value) }), null, 16, st),
-			e.trailingIcon ? (y(), s(q, {
+			}, O(a), { onInput: n[0] ||= (e) => i("update:modelValue", e.target.value) }), null, 16, Xt),
+			e.trailingIcon ? (x(), s(X, {
 				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)
 		]));
 	}
-}), lt = [
+}), Qt = {
+	key: 0,
+	class: "shrink-0 select-none text-muted"
+}, $t = {
+	key: 1,
+	class: "shrink-0 select-none text-muted"
+}, en = {
+	key: 2,
+	class: "ms-1 flex shrink-0 flex-col"
+}, tn = /* @__PURE__ */ p({
+	inheritAttrs: !1,
+	__name: "InputNumber",
+	props: {
+		modelValue: {},
+		min: {},
+		max: {},
+		step: { default: 1 },
+		stepSnapping: { type: Boolean },
+		integer: { type: Boolean },
+		locale: {},
+		formatOptions: {},
+		currency: {},
+		prefix: {},
+		suffix: {},
+		showButtons: { type: Boolean },
+		placeholder: {},
+		disabled: { type: Boolean },
+		readonly: { type: Boolean },
+		invalid: { type: Boolean },
+		size: { default: "default" },
+		id: {},
+		name: {}
+	},
+	emits: ["update:modelValue"],
+	setup(e, { emit: t }) {
+		let n = e, r = t, i = k(), a = o(() => Number.isFinite(n.step) && n.step > 0 ? n.step : 1), s = o(() => Mt({
+			currency: n.currency,
+			formatOptions: n.formatOptions,
+			integer: n.integer
+		})), u = o(() => {
+			if (n.modelValue != null) try {
+				return new Intl.NumberFormat(n.locale, s.value).format(n.modelValue);
+			} catch {
+				return;
+			}
+		});
+		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(O(Fe), {
+			"model-value": e.modelValue,
+			min: e.min,
+			max: e.max,
+			step: a.value,
+			"step-snapping": e.stepSnapping,
+			"format-options": s.value,
+			locale: e.locale,
+			disabled: e.disabled,
+			readonly: e.readonly,
+			id: e.id,
+			name: e.name,
+			class: "flex min-w-0 flex-1 items-center gap-1",
+			"onUpdate:modelValue": n[0] ||= (e) => r("update:modelValue", O(jt)(e))
+		}, {
+			default: P(() => [
+				e.prefix ? (x(), l("span", Qt, D(e.prefix), 1)) : c("", !0),
+				f(O(Pe), h(O(i), {
+					placeholder: e.placeholder,
+					"aria-invalid": e.invalid || void 0,
+					"aria-valuetext": u.value,
+					class: "min-w-0 flex-1 border-0 bg-transparent p-0 text-inherit outline-none placeholder:text-muted focus-visible:outline-none disabled:cursor-not-allowed"
+				}), null, 16, [
+					"placeholder",
+					"aria-invalid",
+					"aria-valuetext"
+				]),
+				e.suffix ? (x(), l("span", $t, D(e.suffix), 1)) : c("", !0),
+				e.showButtons ? (x(), l("div", en, [f(O(Ne), { class: "flex size-4 items-center justify-center rounded text-muted transition-colors hover:text-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-primary-500 disabled:cursor-not-allowed disabled:opacity-40" }, {
+					default: P(() => [f(X, {
+						name: "chevron-up",
+						size: 12
+					})]),
+					_: 1
+				}), f(O(Me), { class: "flex size-4 items-center justify-center rounded text-muted transition-colors hover:text-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-primary-500 disabled:cursor-not-allowed disabled:opacity-40" }, {
+					default: P(() => [f(X, {
+						name: "chevron-down",
+						size: 12
+					})]),
+					_: 1
+				})])) : c("", !0)
+			]),
+			_: 1
+		}, 8, [
+			"model-value",
+			"min",
+			"max",
+			"step",
+			"step-snapping",
+			"format-options",
+			"locale",
+			"disabled",
+			"readonly",
+			"id",
+			"name"
+		])], 2));
+	}
+}), nn = [
+	"id",
 	"value",
 	"placeholder",
 	"disabled",
-	"rows"
-], ut = /* @__PURE__ */ p({
+	"rows",
+	"required",
+	"aria-invalid",
+	"aria-describedby"
+], rn = /* @__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 = E();
-		return (t, i) => (y(), l("textarea", m({
+		let n = e, r = t, i = k(), a = C(), s = Q(), c = C(!1), u = o(() => n.id ?? s?.id.value), d = o(() => n.invalid ?? s?.invalid.value ?? !1), f = o(() => n.required ?? s?.required.value ?? !1), p = o(() => s?.describedBy.value);
+		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), N(() => 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" : ""]
-		}, T(r), { onInput: i[0] ||= (e) => n("update:modelValue", e.target.value) }), null, 16, lt));
+			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, nn));
 	}
-}), dt = { class: "w-full" }, ft = { class: "relative w-full" }, pt = [
+}), an = { class: "w-full" }, on = { class: "relative w-full" }, sn = [
 	"id",
 	"type",
 	"value",
 	"placeholder",
 	"disabled"
-], mt = ["disabled"], ht = {
+], cn = ["disabled"], ln = {
 	key: 0,
 	class: "mt-1.5 flex items-center gap-1.5",
 	"aria-hidden": "true"
-}, gt = /* @__PURE__ */ p({
+}, un = /* @__PURE__ */ p({
 	__name: "Password",
 	props: {
 		modelValue: {},
@@ -218,13 +611,13 @@ var q = /* @__PURE__ */ p({
 	},
 	emits: ["update:modelValue"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, i = E(), d = b(!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) => (y(), l("div", dt, [u("div", ft, [u("input", m({
+		return (t, n) => (x(), l("div", an, [u("div", on, [u("input", h({
 			id: e.id,
 			type: f.value,
 			value: e.modelValue,
@@ -235,24 +628,116 @@ var q = /* @__PURE__ */ p({
 				e.invalid ? "border-error-500 focus-visible:ring-error-500" : "",
 				"pe-10"
 			]
-		}, T(i), { onInput: n[0] ||= (e) => r("update:modelValue", e.target.value) }), null, 16, pt), u("button", {
+		}, O(i), { onInput: n[0] ||= (e) => r("update:modelValue", e.target.value) }), null, 16, sn), 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 ? (y(), s(T(se), {
+		}, [d.value ? (x(), s(O(le), {
 			key: 0,
 			class: "size-4"
-		})) : (y(), s(T(oe), {
+		})) : (x(), s(O(ce), {
 			key: 1,
 			class: "size-4"
-		}))], 8, mt)]), e.feedback && e.modelValue ? (y(), l("div", ht, [(y(), l(a, null, x(4, (e) => u("span", {
+		}))], 8, cn)]), e.feedback && e.modelValue ? (x(), l("div", ln, [(x(), l(a, null, w(4, (e) => u("span", {
 			key: e,
-			class: h(["h-1 flex-1 rounded-full transition-colors", e <= p.value ? "bg-success-500" : "bg-surface-muted"])
+			class: g(["h-1 flex-1 rounded-full transition-colors", e <= p.value ? "bg-success-500" : "bg-surface-muted"])
 		}, null, 2)), 64))])) : c("", !0)]));
 	}
-}), Y = /* @__PURE__ */ p({
+}), dn = ["for"], fn = {
+	key: 0,
+	class: "text-error-600",
+	"aria-hidden": "true"
+}, pn = /* @__PURE__ */ p({
+	__name: "Label",
+	props: {
+		for: {},
+		required: { type: Boolean }
+	},
+	setup(e) {
+		let t = e, n = Q(), r = o(() => t.for ?? n?.id.value);
+		return (t, n) => (x(), l("label", {
+			for: r.value,
+			class: "text-sm font-medium text-foreground text-start"
+		}, [T(t.$slots, "default"), e.required ? (x(), l("span", fn, "*")) : c("", !0)], 8, dn));
+	}
+}), mn = ["id"], hn = /* @__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, mn)) : c("", !0);
+	}
+}), gn = ["id"], _n = /* @__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, gn)) : c("", !0);
+	}
+}), vn = { class: "grid gap-2" }, yn = /* @__PURE__ */ p({
+	__name: "FormField",
+	props: {
+		label: {},
+		description: {},
+		error: {},
+		required: { type: Boolean },
+		invalid: {
+			type: Boolean,
+			default: void 0
+		},
+		id: {}
+	},
+	setup(e) {
+		let t = e, n = A(), 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(Jt, {
+			id: a,
+			describedBy: p,
+			invalid: u,
+			required: f
+		}), (t, n) => (x(), l("div", vn, [
+			e.label || t.$slots.label ? (x(), s(pn, {
+				key: 0,
+				for: a.value,
+				required: f.value
+			}, {
+				default: P(() => [T(t.$slots, "label", {}, () => [d(D(e.label), 1)])]),
+				_: 3
+			}, 8, ["for", "required"])) : c("", !0),
+			T(t.$slots, "default"),
+			e.description || t.$slots.description ? (x(), s(hn, {
+				key: 1,
+				id: `${a.value}-description`
+			}, {
+				default: P(() => [T(t.$slots, "description", {}, () => [d(D(e.description), 1)])]),
+				_: 3
+			}, 8, ["id"])) : c("", !0),
+			e.error || t.$slots.error ? (x(), s(_n, {
+				key: 2,
+				id: `${a.value}-error`
+			}, {
+				default: P(() => [T(t.$slots, "error", {}, () => [d(D(e.error), 1)])]),
+				_: 3
+			}, 8, ["id"])) : c("", !0)
+		]));
+	}
+}), bn = /* @__PURE__ */ p({
 	__name: "Checkbox",
 	props: {
 		modelValue: {
@@ -265,15 +750,15 @@ var q = /* @__PURE__ */ p({
 	emits: ["update:modelValue"],
 	setup(e, { emit: t }) {
 		let n = t;
-		return (t, r) => (y(), s(T(ue), {
+		return (t, r) => (x(), s(O(he), {
 			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 data-[state=checked]:border-primary-500 data-[state=checked]:bg-primary-500 data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50",
+			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: j(() => [f(T(le), { class: "flex items-center justify-center text-white" }, {
-				default: j(() => [f(T(F), { class: "size-3.5" })]),
+			default: P(() => [f(O(me), { class: "flex items-center justify-center text-white" }, {
+				default: P(() => [f(O(R), { class: "size-3.5" })]),
 				_: 1
 			})]),
 			_: 1
@@ -283,82 +768,258 @@ var q = /* @__PURE__ */ p({
 			"disabled"
 		]));
 	}
-}), _t = ["aria-label"], vt = /* @__PURE__ */ p({
+}), xn = ["aria-label"], Sn = /* @__PURE__ */ p({
 	__name: "Tag",
 	props: {
-		tone: {},
+		tone: { default: "secondary" },
 		icon: {},
 		removable: { type: Boolean },
 		removeLabel: { default: "Remove" }
 	},
 	emits: ["remove"],
 	setup(e, { emit: t }) {
-		let n = B({
-			base: "inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-xs font-medium",
-			variants: { tone: {
-				info: "bg-primary-100 text-primary-800",
-				success: "bg-success-100 text-success-800",
-				warning: "bg-warning-100 text-warning-800",
-				danger: "bg-error-100 text-error-800",
-				secondary: "bg-surface-muted text-foreground"
-			} },
-			defaultVariants: { tone: "secondary" }
-		}), r = t;
-		return (t, i) => (y(), l("span", { class: h(T(n)({ tone: e.tone })) }, [
-			e.icon ? (y(), s(q, {
+		let n = t;
+		return (t, r) => (x(), l("span", { class: g(["inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-xs font-medium", O(J)[e.tone].soft]) }, [
+			e.icon ? (x(), s(X, {
 				key: 0,
 				name: e.icon,
 				class: "size-3"
 			}, null, 8, ["name"])) : c("", !0),
-			S(t.$slots, "default"),
-			e.removable ? (y(), 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 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500",
-				onClick: i[0] ||= N((e) => r("remove"), ["stop"])
-			}, [f(T(z), { class: "size-3" })], 8, _t)) : c("", !0)
+				class: "-me-0.5 ms-0.5 rounded-full p-0.5 transition-colors hover:bg-black/10 dark:hover:bg-white/10 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500",
+				onClick: r[0] ||= I((e) => n("remove"), ["stop"])
+			}, [f(O(H), { class: "size-3" })], 8, xn)) : c("", !0)
 		], 2));
 	}
-}), yt = /* @__PURE__ */ p({
+}), Cn = ["role"], wn = { class: "min-w-0 flex-1" }, Tn = {
+	key: 0,
+	class: "font-medium"
+}, En = ["aria-label"], Dn = /* @__PURE__ */ p({
+	__name: "Alert",
+	props: {
+		tone: { default: "info" },
+		title: {},
+		description: {},
+		icon: {},
+		showIcon: {
+			type: Boolean,
+			default: !1
+		},
+		closable: {
+			type: Boolean,
+			default: !1
+		},
+		duration: {},
+		closeLabel: { default: "Close" },
+		variant: { default: "soft" }
+	},
+	emits: ["close"],
+	setup(e, { emit: t }) {
+		let n = e, r = t, i = {
+			info: "info",
+			success: "circle-check",
+			warning: "triangle-alert",
+			danger: "circle-alert",
+			secondary: "info"
+		}, a = C(!1), o = C(!1), p = C(!1), m, h = 0, _ = 0;
+		function y() {
+			m !== void 0 && (clearTimeout(m), m = void 0);
+		}
+		function S(e) {
+			y(), !(e <= 0) && (_ = e, h = Date.now() + e, m = setTimeout(M, e));
+		}
+		function w() {
+			m !== void 0 && (y(), _ = Math.max(0, h - Date.now()));
+		}
+		function E() {
+			if (!(a.value || o.value || p.value || m !== void 0) && !(!n.duration || n.duration <= 0)) {
+				if (_ <= 0) {
+					M();
+					return;
+				}
+				S(_);
+			}
+		}
+		function k() {
+			o.value = !0, w();
+		}
+		function ee() {
+			o.value = !1, E();
+		}
+		function A() {
+			p.value = !0, w();
+		}
+		function j() {
+			p.value = !1, E();
+		}
+		function M() {
+			a.value || (a.value = !0, y(), r("close"));
+		}
+		return b(() => {
+			n.duration && n.duration > 0 && S(n.duration);
+		}), v(y), (t, n) => a.value ? c("", !0) : (x(), l("div", {
+			key: 0,
+			role: O(J)[e.tone].role,
+			class: g(["flex w-full items-start gap-3 rounded-lg p-4 text-sm", O(J)[e.tone][e.variant]]),
+			onMouseenter: k,
+			onMouseleave: ee,
+			onFocusin: A,
+			onFocusout: j
+		}, [
+			T(t.$slots, "icon", {}, () => [e.showIcon ? (x(), s(X, {
+				key: 0,
+				name: e.icon || i[e.tone],
+				class: g(["mt-0.5 size-4 shrink-0", O(J)[e.tone].icon])
+			}, null, 8, ["name", "class"])) : c("", !0)]),
+			u("div", wn, [
+				e.title || t.$slots.title ? (x(), l("p", Tn, [T(t.$slots, "title", {}, () => [d(D(e.title), 1)])])) : c("", !0),
+				e.description || t.$slots.description ? (x(), l("div", {
+					key: 1,
+					class: g(["leading-relaxed", e.title || t.$slots.title ? "mt-1" : ""])
+				}, [T(t.$slots, "description", {}, () => [d(D(e.description), 1)])], 2)) : c("", !0),
+				T(t.$slots, "default")
+			]),
+			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: M
+			}, [T(t.$slots, "close", {}, () => [f(O(H), { class: "size-4" })])], 8, En)) : c("", !0)
+		], 42, Cn));
+	}
+}), On = { class: "sr-only" }, kn = /* @__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(() => U("inline-flex items-center", J[t.tone].icon));
+		return (t, i) => (x(), l("span", {
+			role: "status",
+			"aria-live": "polite",
+			class: g(r.value)
+		}, [f(X, {
+			name: "loader-circle",
+			class: g(O(U)("animate-spin", n[e.size])),
+			"aria-hidden": "true"
+		}, null, 8, ["class"]), u("span", On, D(e.label), 1)], 2));
+	}
+}), An = /* @__PURE__ */ p({
+	inheritAttrs: !1,
+	__name: "Skeleton",
+	props: {
+		rounded: { default: "md" },
+		width: {},
+		height: {}
+	},
+	setup(e) {
+		let t = pe({
+			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));
+	}
+}), jn = ["src", "alt"], Mn = ["role", "aria-label"], Nn = /* @__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 N(() => t.src, () => {
+			c.value = !1;
+		}), (t, n) => e.src && !c.value ? (x(), l("img", h({ key: 0 }, t.$attrs, {
+			src: e.src,
+			alt: e.alt ?? e.name ?? "",
+			class: O(U)(a.value, "shrink-0 rounded-full object-cover"),
+			onError: n[0] ||= (e) => c.value = !0
+		}), null, 16, jn)) : (x(), l("span", h({ key: 1 }, t.$attrs, {
+			role: s.value ? "img" : void 0,
+			"aria-label": s.value,
+			class: O(U)(a.value, O(J).info.soft, "inline-flex shrink-0 items-center justify-center rounded-full font-medium")
+		}), D(i.value), 17, Mn));
+	}
+}), Pn = /* @__PURE__ */ p({
 	__name: "Tabs",
 	props: { modelValue: {} },
 	emits: ["update:modelValue"],
 	setup(e, { emit: t }) {
 		let n = t;
-		return (t, r) => (y(), s(T(ze), {
+		return (t, r) => (x(), s(O(Ze), {
 			"model-value": e.modelValue,
 			"onUpdate:modelValue": r[0] ||= (e) => n("update:modelValue", e)
 		}, {
-			default: j(() => [S(t.$slots, "default")]),
+			default: P(() => [T(t.$slots, "default")]),
 			_: 3
 		}, 8, ["model-value"]));
 	}
-}), bt = /* @__PURE__ */ p({
+}), Fn = /* @__PURE__ */ p({
 	__name: "TabsList",
 	setup(e) {
-		return (e, t) => (y(), s(T(Re), { class: "inline-flex h-9 w-full items-center justify-start gap-1 rounded-lg bg-surface-muted p-1 text-muted" }, {
-			default: j(() => [S(e.$slots, "default")]),
+		return (e, t) => (x(), s(O(Xe), { class: "inline-flex h-9 w-full items-center justify-start gap-1 rounded-lg bg-surface-muted p-1 text-muted" }, {
+			default: P(() => [T(e.$slots, "default")]),
 			_: 3
 		}));
 	}
-}), xt = /* @__PURE__ */ p({
+}), In = /* @__PURE__ */ p({
 	__name: "TabsTrigger",
 	props: {
 		value: {},
 		disabled: { type: Boolean }
 	},
 	setup(e) {
-		return (t, n) => (y(), s(T(Be), {
+		return (t, n) => (x(), s(O(Qe), {
 			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: j(() => [S(t.$slots, "default")]),
+			default: P(() => [T(t.$slots, "default")]),
 			_: 3
 		}, 8, ["value", "disabled"]));
 	}
-}), St = /* @__PURE__ */ p({
+}), Ln = /* @__PURE__ */ p({
 	__name: "TabsContent",
 	props: {
 		value: {},
@@ -368,15 +1029,15 @@ var q = /* @__PURE__ */ p({
 		}
 	},
 	setup(e) {
-		return (t, n) => (y(), s(T(Le), {
+		return (t, n) => (x(), s(O(Ye), {
 			value: e.value,
-			class: h(["focus-visible:outline-none", e.padding ? "pt-4" : ""])
+			class: g(["focus-visible:outline-none", e.padding ? "pt-4" : ""])
 		}, {
-			default: j(() => [S(t.$slots, "default")]),
+			default: P(() => [T(t.$slots, "default")]),
 			_: 3
 		}, 8, ["value", "class"]));
 	}
-}), Ct = { class: "truncate" }, wt = { class: "ms-auto flex shrink-0 items-center gap-1" }, Tt = /* @__PURE__ */ p({
+}), Rn = { class: "truncate" }, zn = { class: "ms-auto flex shrink-0 items-center gap-1" }, Bn = /* @__PURE__ */ p({
 	__name: "Select",
 	props: {
 		modelValue: {},
@@ -388,57 +1049,76 @@ var q = /* @__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 = b(!1);
-		function p(e) {
+		let n = e, r = t, i = Q(), p = o(() => n.id ?? i?.id.value), m = o(() => n.invalid ?? i?.invalid.value ?? !1), g = o(() => n.required ?? i?.required.value ?? !1), _ = o(() => i?.describedBy.value), v = C(!1);
+		function y(e) {
 			return e && typeof e == "object" && n.optionValue ? e[n.optionValue] ?? e : e;
 		}
-		function h(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) => h(n.options?.find((t) => p(t) === e))).filter(Boolean).join(", ") : n.modelValue == null ? "" : h(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) => (y(), s(T(Pe), {
-			open: i.value,
-			"onUpdate:open": n[0] ||= (e) => i.value = e,
+		return (t, n) => (x(), s(O(Ke), {
+			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: j(() => [f(T(Fe), m({ class: T(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", e.invalid ? "border-error-500 focus-visible:ring-error-500" : "", t.$attrs.class || "") }, t.$attrs), {
-				default: j(() => [f(T(Ie), { placeholder: e.placeholder }, {
-					default: j(() => [u("span", Ct, w(g.value || e.placeholder), 1)]),
+			default: P(() => [f(O(qe), h({
+				class: O(U)("flex w-full items-center justify-between gap-2 rounded-md border border-border bg-surface px-3 text-sm text-foreground shadow-sm transition-colors placeholder:text-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500 disabled:cursor-not-allowed disabled:opacity-50", e.size === "sm" ? "h-8 text-xs" : "h-9", m.value ? "border-error-500 focus-visible:ring-error-500" : "", t.$attrs.class || ""),
+				id: p.value,
+				"aria-invalid": m.value || void 0,
+				"aria-describedby": _.value
+			}, t.$attrs), {
+				default: P(() => [f(O(Je), { placeholder: e.placeholder }, {
+					default: P(() => [u("span", Rn, D(S.value || e.placeholder), 1)]),
 					_: 1
-				}, 8, ["placeholder"]), u("span", wt, [e.clearable && _.value ? (y(), l("button", {
+				}, 8, ["placeholder"]), u("span", zn, [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: N(v, ["stop"])
-				}, [f(T(z), { class: "size-3.5" })])) : c("", !0), f(T(I), { class: "size-4 opacity-50" })])]),
+					onClick: I(E, ["stop"])
+				}, [f(O(H), { class: "size-3.5" })])) : c("", !0), f(O(z), { class: "size-4 opacity-50" })])]),
 				_: 1
-			}, 16, ["class"]), i.value ? (y(), s(T(Ae), {
+			}, 16, [
+				"class",
+				"id",
+				"aria-invalid",
+				"aria-describedby"
+			]), v.value ? (x(), s(O(He), {
 				key: 0,
 				position: "popper",
 				"side-offset": 4,
 				class: "z-50 min-w-[--reka-select-trigger-width] rounded-md border border-border bg-surface p-1 shadow-popover"
 			}, {
-				default: j(() => [(y(!0), l(a, null, x(e.options, (e) => (y(), s(T(je), {
-					key: String(p(e)),
-					value: p(e),
+				default: P(() => [(x(!0), l(a, null, w(e.options, (e) => (x(), s(O(Ue), {
+					key: String(y(e)),
+					value: y(e),
 					class: "relative flex cursor-pointer select-none items-center rounded px-2 py-1.5 pe-8 text-sm text-foreground outline-none transition-colors focus:bg-surface-muted data-[highlighted]:bg-surface-muted data-[disabled]:opacity-50"
 				}, {
-					default: j(() => [f(T(Ne), null, {
-						default: j(() => [d(w(h(e)), 1)]),
+					default: P(() => [f(O(Ge), null, {
+						default: P(() => [d(D(b(e)), 1)]),
 						_: 2
-					}, 1024), f(T(Me), { class: "absolute end-2 flex items-center justify-center text-primary-600" }, {
-						default: j(() => [f(T(F), { class: "size-4" })]),
+					}, 1024), f(O(We), { class: "absolute end-2 flex items-center justify-center text-primary-600" }, {
+						default: P(() => [f(O(R), { class: "size-4" })]),
 						_: 1
 					})]),
 					_: 2
@@ -450,10 +1130,11 @@ var q = /* @__PURE__ */ p({
 			"open",
 			"model-value",
 			"multiple",
-			"disabled"
+			"disabled",
+			"required"
 		]));
 	}
-}), Et = /* @__PURE__ */ p({
+}), Vn = /* @__PURE__ */ p({
 	__name: "SelectButton",
 	props: {
 		modelValue: {},
@@ -464,7 +1145,7 @@ var q = /* @__PURE__ */ p({
 	},
 	emits: ["update:modelValue"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, i = b(null), o = b({
+		let n = e, r = t, i = C(null), o = C({
 			left: 0,
 			top: 0,
 			width: 0,
@@ -491,15 +1172,15 @@ var q = /* @__PURE__ */ p({
 				ready: !0
 			};
 		}
-		function S() {
+		function g() {
 			cancelAnimationFrame(c), c = requestAnimationFrame(h);
 		}
-		let C;
-		return v(() => {
-			S(), typeof ResizeObserver < "u" && i.value?.$el && (C = new ResizeObserver(S), C.observe(i.value.$el)), window.addEventListener("resize", S);
-		}), _(() => {
-			cancelAnimationFrame(c), C?.disconnect(), window.removeEventListener("resize", S);
-		}), A(() => n.modelValue, S), A(() => n.options, S, { deep: !0 }), (t, n) => (y(), s(T(ke), {
+		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), y?.disconnect(), window.removeEventListener("resize", g);
+		}), N(() => n.modelValue, g), N(() => n.options, g, { deep: !0 }), (t, n) => (x(), s(O(Ve), {
 			ref_key: "rootEl",
 			ref: i,
 			"model-value": e.modelValue,
@@ -507,192 +1188,355 @@ var q = /* @__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: j(() => [M(u("span", {
+			default: P(() => [F(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: g({
+				style: _({
 					left: `${o.value.left}px`,
 					top: `${o.value.top}px`,
 					width: `${o.value.width}px`,
 					height: `${o.value.height}px`
 				})
-			}, null, 4), [[k, o.value.ready]]), (y(!0), l(a, null, x(e.options, (t) => (y(), s(T(Oe), {
+			}, null, 4), [[te, o.value.ready]]), (x(!0), l(a, null, w(e.options, (t) => (x(), s(O(Be), {
 				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: j(() => [f(T(De), { class: "hidden" }), d(" " + w(m(t)), 1)]),
+				default: P(() => [f(O(ze), { class: "hidden" }), d(" " + D(m(t)), 1)]),
 				_: 2
 			}, 1032, ["value", "disabled"]))), 128))]),
 			_: 1
 		}, 8, ["model-value", "disabled"]));
 	}
-}), Dt = ["id", "disabled"], Ot = { class: "flex items-center justify-between" }, kt = { class: "text-sm font-medium" }, At = { class: "mt-2 grid grid-cols-7 gap-0.5 text-center text-xs" }, jt = { key: 0 }, Mt = ["onClick"], Nt = {
+}), Hn = ["id", "disabled"], Un = { class: "flex items-center justify-between" }, Wn = ["aria-label"], Gn = {
+	"data-test": "month-label",
+	class: "text-sm font-medium"
+}, Kn = ["aria-label"], qn = {
+	"data-test": "weekdays",
+	class: "mt-2 grid grid-cols-7 gap-0.5 text-center text-xs"
+}, Jn = { key: 0 }, Yn = ["onClick"], Xn = {
 	key: 0,
 	class: "mt-3 flex items-center justify-between gap-2 border-t border-border pt-3"
-}, Pt = { class: "flex items-center gap-2 text-xs text-muted" }, Ft = { class: "flex items-center gap-2" }, It = ["disabled"], Lt = {
+}, Zn = ["aria-label"], Qn = ["aria-label"], $n = ["value"], er = ["aria-label"], tr = ["value"], nr = ["aria-label"], rr = { value: "am" }, ir = { value: "pm" }, ar = { class: "flex items-center gap-2" }, or = ["disabled"], sr = {
 	key: 1,
 	class: "mt-3 flex justify-end border-t border-border pt-3"
-}, Rt = /* @__PURE__ */ p({
+}, cr = /* @__PURE__ */ p({
 	__name: "DatePicker",
 	props: {
 		mode: { default: "date" },
 		modelValue: {},
-		placeholder: { default: "Select date" },
+		placeholder: {},
 		disabled: { type: Boolean },
 		invalid: { type: Boolean },
 		size: { default: "default" },
-		inputId: {}
+		inputId: {},
+		hourFormat: { default: "24" },
+		minuteStep: { default: 1 },
+		locale: { default: () => {
+			try {
+				return Intl.DateTimeFormat().resolvedOptions().locale || "en";
+			} catch {
+				return "en";
+			}
+		} },
+		labels: {},
+		weekStartsOn: {},
+		defaultOpen: {
+			type: Boolean,
+			default: !1
+		}
 	},
 	emits: ["update:modelValue"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, i = b(!1), d = b(/* @__PURE__ */ new Date()), p = b(null), m = b(null), g = b("09:00"), _ = [
-			0,
-			1,
-			2,
-			3,
-			4,
-			5,
-			6
-		];
-		A(() => n.modelValue, (e) => {
-			Array.isArray(e) ? (p.value = e[0] ?? null, m.value = e[1] ?? null) : e instanceof Date ? (p.value = e, m.value = null) : (p.value = null, m.value = null);
+		let n = {
+			en: {
+				placeholder: "Select date",
+				previousMonth: "Previous month",
+				nextMonth: "Next month",
+				clear: "Clear",
+				apply: "Apply",
+				today: "Today",
+				time: "Time",
+				hour: "Hour",
+				minute: "Minute",
+				am: "AM",
+				pm: "PM"
+			},
+			fr: {
+				placeholder: "Choisir une date",
+				previousMonth: "Mois précédent",
+				nextMonth: "Mois suivant",
+				clear: "Effacer",
+				apply: "Appliquer",
+				today: "Aujourd'hui",
+				time: "Heure",
+				hour: "Heure",
+				minute: "Minute",
+				am: "AM",
+				pm: "PM"
+			},
+			es: {
+				placeholder: "Seleccionar fecha",
+				previousMonth: "Mes anterior",
+				nextMonth: "Mes siguiente",
+				clear: "Borrar",
+				apply: "Aplicar",
+				today: "Hoy",
+				time: "Hora",
+				hour: "Hora",
+				minute: "Minuto",
+				am: "AM",
+				pm: "PM"
+			},
+			de: {
+				placeholder: "Datum wählen",
+				previousMonth: "Vorheriger Monat",
+				nextMonth: "Nächster Monat",
+				clear: "Löschen",
+				apply: "Übernehmen",
+				today: "Heute",
+				time: "Uhrzeit",
+				hour: "Stunde",
+				minute: "Minute",
+				am: "AM",
+				pm: "PM"
+			},
+			ar: {
+				placeholder: "اختر التاريخ",
+				previousMonth: "الشهر السابق",
+				nextMonth: "الشهر التالي",
+				clear: "مسح",
+				apply: "تطبيق",
+				today: "اليوم",
+				time: "الوقت",
+				hour: "الساعة",
+				minute: "الدقيقة",
+				am: "ص",
+				pm: "م"
+			}
+		};
+		function r(e) {
+			let t = e.toLowerCase().split(/[-_]/)[0];
+			return n[t] ?? n.en;
+		}
+		let i = e, d = t, p = A(), 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
+		}));
+		function T(e) {
+			if (e == null || typeof e == "boolean") return "";
+			if (typeof e == "string" || typeof e == "number") return String(e);
+			if (Array.isArray(e)) return e.map(T).join("");
+			let t = e;
+			return typeof t.children == "string" ? t.children : Array.isArray(t.children) ? t.children.map(T).join("") : "";
+		}
+		function E(e) {
+			let t = p[`label-${e}`];
+			if (t) {
+				let e = t().map(T).join("").trim();
+				if (e) return e;
+			}
+			return S.value[e];
+		}
+		let k = o(() => i.weekStartsOn ?? Dt(b.value)), ee = o(() => Ot(b.value, k.value)), M = o(() => kt(h.value, b.value));
+		N(() => i.modelValue, (e) => {
+			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 v = o(() => {
-			let e = (new Date(d.value.getFullYear(), d.value.getMonth(), 1).getDay() + 6) % 7, t = Array.from({ length: e }, () => null), n = new Date(d.value.getFullYear(), d.value.getMonth() + 1, 0).getDate();
-			for (let e = 1; e <= n; e++) t.push(new Date(d.value.getFullYear(), d.value.getMonth(), e));
+		let te = o(() => {
+			let e = (new Date(h.value.getFullYear(), h.value.getMonth(), 1).getDay() - k.value + 7) % 7, t = Array.from({ length: e }, () => null), n = new Date(h.value.getFullYear(), h.value.getMonth() + 1, 0).getDate();
+			for (let e = 1; e <= n; e++) t.push(new Date(h.value.getFullYear(), h.value.getMonth(), e));
 			return t;
 		});
-		function S(e) {
-			if (!p.value || !m.value) return !1;
-			let [t, n] = G(p.value, m.value);
+		function I(e) {
+			if (!_.value || !v.value) return !1;
+			let [t, n] = G(_.value, v.value);
 			return e.getTime() >= t.getTime() && e.getTime() <= n.getTime();
 		}
-		function C() {
-			return d.value.toLocaleString("en", {
-				month: "long",
-				year: "numeric"
-			});
+		function L(e) {
+			h.value = new Date(h.value.getFullYear(), h.value.getMonth() + e, 1);
 		}
-		function E(e) {
-			d.value = new Date(d.value.getFullYear(), d.value.getMonth() + e, 1);
+		function R() {
+			return i.mode === "range" ? !!(_.value && v.value) : !!_.value;
 		}
-		function D() {
-			return n.mode === "range" ? !!(p.value && m.value) : !!p.value;
-		}
-		function k(e) {
-			if (n.mode === "range") {
-				if (!p.value || m.value) p.value = e, m.value = null;
+		function z(e) {
+			if (i.mode === "range") {
+				if (!_.value || v.value) _.value = e, v.value = null;
 				else {
-					let [t, n] = G(p.value, e);
-					p.value = t, m.value = n;
+					let [t, n] = G(_.value, e);
+					_.value = t, v.value = n;
 				}
 				return;
 			}
-			p.value = e, n.mode !== "datetime" && (N(), i.value = !1);
+			_.value = e, i.mode !== "datetime" && (ie(), m.value = !1);
 		}
-		function N() {
-			if (p.value) {
-				if (n.mode === "range") {
-					if (!m.value) return;
-					r("update:modelValue", [p.value, m.value]);
-				} else n.mode === "datetime" ? r("update:modelValue", W(p.value, g.value)) : r("update:modelValue", p.value);
+		function ie() {
+			if (_.value) {
+				if (i.mode === "range") {
+					if (!v.value) return;
+					d("update:modelValue", [_.value, v.value]);
+				} else i.mode === "datetime" ? d("update:modelValue", St(_.value, y.value)) : d("update:modelValue", _.value);
 			}
 		}
-		function P() {
-			p.value = null, m.value = null, r("update:modelValue", null), i.value = !1;
+		function ae() {
+			_.value = null, v.value = null, d("update:modelValue", null), m.value = !1;
 		}
-		let F = o(() => {
-			if (n.mode === "range") {
-				if (!p.value || !m.value) return "";
-				let [e, t] = G(p.value, m.value);
-				return `${K(e)} – ${K(t)}`;
+		let V = o(() => {
+			let [e, t] = y.value.split(":").map(Number);
+			return {
+				hour24: Number.isFinite(e) ? (Math.trunc(e) % 24 + 24) % 24 : 0,
+				minute: Number.isFinite(t) ? (Math.trunc(t) % 60 + 60) % 60 : 0
+			};
+		}), oe = o(() => wt(i.hourFormat)), ce = o(() => Tt(Math.min(30, Math.max(1, i.minuteStep ?? 1)))), le = o({
+			get: () => i.hourFormat === "12" ? K(V.value.hour24).hour : V.value.hour24,
+			set: (e) => {
+				let { hour24: t, minute: n } = V.value, r = i.hourFormat === "12" ? Et(e, K(t).meridiem) : e;
+				y.value = W(r * 60 + n);
+			}
+		}), ue = o({
+			get: () => V.value.minute,
+			set: (e) => {
+				y.value = W(V.value.hour24 * 60 + e);
+			}
+		}), de = o({
+			get: () => K(V.value.hour24).meridiem,
+			set: (e) => {
+				let { hour: t } = K(V.value.hour24);
+				y.value = W(Et(t, e) * 60 + V.value.minute);
 			}
-			if (!p.value) return "";
-			let e = n.mode === "datetime" ? W(p.value, g.value) : p.value;
-			return `${K(e)}${n.mode === "datetime" ? " " + et(e.getHours() * 60 + e.getMinutes()) : ""}`;
 		});
-		return (t, n) => (y(), s(T(Te), {
-			open: i.value,
-			"onUpdate:open": n[4] ||= (e) => i.value = e
+		function fe(e) {
+			return String(e).padStart(2, "0");
+		}
+		let H = o(() => {
+			if (i.mode === "range") {
+				if (!_.value || !v.value) return "";
+				let [e, t] = G(_.value, v.value);
+				return `${q(e, b.value)} – ${q(t, b.value)}`;
+			}
+			if (!_.value) return "";
+			let e = i.mode === "datetime" ? St(_.value, y.value) : _.value;
+			return i.mode === "datetime" ? `${q(e, b.value)} ${At(e, b.value, i.hourFormat)}` : q(e, b.value);
+		});
+		return (t, n) => (x(), s(O(Le), {
+			open: m.value,
+			"onUpdate:open": n[6] ||= (e) => m.value = e
 		}, {
-			default: j(() => [f(T(Ee), { "as-child": "" }, {
-				default: j(() => [u("button", {
+			default: P(() => [f(O(Re), { "as-child": "" }, {
+				default: P(() => [u("button", {
 					type: "button",
 					id: e.inputId,
 					disabled: e.disabled,
-					class: h([
+					class: g([
 						"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 hover:bg-surface-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500 disabled:cursor-not-allowed disabled:opacity-50 data-[state=open]:border-primary-500",
 						e.size === "sm" ? "h-8 text-xs" : "h-9",
 						e.invalid ? "border-error-500" : ""
 					])
-				}, [u("span", { class: h(["truncate", F.value ? "text-foreground" : "text-muted"]) }, w(F.value || e.placeholder), 3), f(T(ee), { class: "size-4 shrink-0 text-muted" })], 10, Dt)]),
+				}, [u("span", { class: g(["truncate", H.value ? "text-foreground" : "text-muted"]) }, D(H.value || E("placeholder")), 3), f(O(ne), { class: "size-4 shrink-0 text-muted" })], 10, Hn)]),
 				_: 1
-			}), f(T(we), {
+			}), f(O(Ie), {
 				"side-offset": 4,
 				class: "z-50 rounded-md border border-border bg-surface p-3 shadow-popover"
 			}, {
-				default: j(() => [
-					u("div", Ot, [
+				default: P(() => [
+					u("div", Un, [
 						u("button", {
 							type: "button",
-							"aria-label": "Previous month",
+							"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) => E(-1)
-						}, [f(T(L), { class: "size-4" })]),
-						u("span", kt, w(C()), 1),
+							onClick: n[0] ||= (e) => L(-1)
+						}, [f(O(re), { class: "size-4 rtl:rotate-180" })], 8, Wn),
+						u("span", Gn, D(M.value), 1),
 						u("button", {
 							type: "button",
-							"aria-label": "Next month",
+							"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) => E(1)
-						}, [f(T(R), { class: "size-4" })])
+							onClick: n[1] ||= (e) => L(1)
+						}, [f(O(B), { class: "size-4 rtl:rotate-180" })], 8, Kn)
 					]),
-					u("div", At, [(y(), l(a, null, x(_, (e) => u("span", {
-						key: e,
+					u("div", qn, [(x(!0), l(a, null, w(ee.value, (e, t) => (x(), l("span", {
+						key: t,
 						class: "py-1 font-medium text-muted"
-					}, w(new Date(2026, 0, 5 + e).toLocaleDateString("en", { weekday: "short" })), 1)), 64)), (y(!0), l(a, null, x(v.value, (e, t) => (y(), l(a, { key: t }, [e ? (y(), l("button", {
+					}, D(e), 1))), 128)), (x(!0), l(a, null, w(te.value, (e, t) => (x(), l(a, { key: t }, [e ? (x(), l("button", {
 						key: 1,
 						type: "button",
-						class: h([
+						class: g([
 							"flex h-8 items-center justify-center rounded-md text-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500",
-							S(e) ? "bg-primary-100 text-primary-800" : "hover:bg-surface-muted",
-							p.value && p.value.getTime() === e.getTime() ? "bg-primary-500 text-white hover:bg-primary-500" : "",
-							m.value && m.value.getTime() === e.getTime() ? "bg-primary-500 text-white hover:bg-primary-500" : ""
+							I(e) ? "bg-primary-100 text-primary-800 dark:bg-primary-900/40 dark:text-primary-200" : "hover:bg-surface-muted",
+							_.value && _.value.getTime() === e.getTime() ? "bg-primary-500 text-white hover:bg-primary-500" : "",
+							v.value && v.value.getTime() === e.getTime() ? "bg-primary-500 text-white hover:bg-primary-500" : ""
 						]),
-						onClick: (t) => k(e)
-					}, w(e.getDate()), 11, Mt)) : (y(), l("span", jt))], 64))), 128))]),
-					e.mode === "datetime" ? (y(), l("div", Nt, [u("label", Pt, [f(T(ae), { class: "size-3.5" }), M(u("input", {
-						"onUpdate:modelValue": n[2] ||= (e) => g.value = e,
-						type: "time",
-						class: "rounded border border-border bg-surface px-2 py-1 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500"
-					}, null, 512), [[O, g.value]])]), u("div", Ft, [u("button", {
+						onClick: (t) => z(e)
+					}, D(e.getDate()), 11, Yn)) : (x(), l("span", Jn))], 64))), 128))]),
+					e.mode === "datetime" ? (x(), l("div", Xn, [u("div", {
+						role: "group",
+						"aria-label": E("time"),
+						class: "flex items-center gap-1.5 text-xs text-muted"
+					}, [
+						f(O(se), { class: "size-3.5" }),
+						F(u("select", {
+							"onUpdate:modelValue": n[2] ||= (e) => le.value = e,
+							"data-test": "hours",
+							"aria-label": E("hour"),
+							class: "rounded border border-border bg-surface px-1.5 py-1 text-sm text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500"
+						}, [(x(!0), l(a, null, w(oe.value, (t) => (x(), l("option", {
+							key: t,
+							value: t
+						}, D(e.hourFormat === "12" ? t : fe(t)), 9, $n))), 128))], 8, Qn), [[
+							j,
+							le.value,
+							void 0,
+							{ number: !0 }
+						]]),
+						n[7] ||= u("span", { "aria-hidden": "true" }, ":", -1),
+						F(u("select", {
+							"onUpdate:modelValue": n[3] ||= (e) => ue.value = e,
+							"data-test": "minutes",
+							"aria-label": E("minute"),
+							class: "rounded border border-border bg-surface px-1.5 py-1 text-sm text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500"
+						}, [(x(!0), l(a, null, w(ce.value, (e) => (x(), l("option", {
+							key: e,
+							value: e
+						}, D(fe(e)), 9, tr))), 128))], 8, er), [[
+							j,
+							ue.value,
+							void 0,
+							{ number: !0 }
+						]]),
+						e.hourFormat === "12" ? F((x(), l("select", {
+							key: 0,
+							"onUpdate:modelValue": n[4] ||= (e) => de.value = e,
+							"data-test": "meridiem",
+							"aria-label": E("time"),
+							class: "rounded border border-border bg-surface px-1.5 py-1 text-sm text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500"
+						}, [u("option", rr, D(E("am")), 1), u("option", ir, D(E("pm")), 1)], 8, nr)), [[j, de.value]]) : c("", !0)
+					], 8, Zn), u("div", ar, [u("button", {
 						type: "button",
 						class: "rounded px-3 py-1 text-sm text-muted transition-colors hover:bg-surface-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500",
-						onClick: P
-					}, " Clear "), u("button", {
+						onClick: ae
+					}, D(E("clear")), 1), u("button", {
 						type: "button",
-						disabled: !p.value,
+						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[3] ||= (e) => {
-							N(), i.value = !1;
+						onClick: n[5] ||= (e) => {
+							ie(), m.value = !1;
 						}
-					}, " Apply ", 8, It)])])) : D() ? (y(), l("div", Lt, [u("button", {
+					}, D(E("apply")), 9, or)])])) : R() ? (x(), l("div", sr, [u("button", {
 						type: "button",
 						class: "rounded px-3 py-1 text-sm text-muted transition-colors hover:bg-surface-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500",
-						onClick: P
-					}, " Clear ")])) : c("", !0)
+						onClick: ae
+					}, D(E("clear")), 1)])) : c("", !0)
 				]),
 				_: 1
 			})]),
 			_: 1
 		}, 8, ["open"]));
 	}
-}), zt = { class: "flex items-start justify-between gap-4 border-b border-border p-5 pb-4" }, Bt = { class: "min-w-0" }, Vt = { class: "overflow-y-auto bg-surface p-5" }, Ht = {
+}), lr = { class: "flex items-start justify-between gap-4 border-b border-border p-5 pb-4" }, ur = { class: "min-w-0" }, dr = { class: "overflow-y-auto bg-surface p-5" }, fr = {
 	key: 0,
 	class: "flex justify-end gap-2 border-t border-border bg-surface-muted p-4"
-}, Ut = /* @__PURE__ */ p({
+}, pr = /* @__PURE__ */ p({
 	__name: "Dialog",
 	props: {
 		visible: { type: Boolean },
@@ -714,40 +1558,40 @@ var q = /* @__PURE__ */ p({
 		function p(e) {
 			r("update:visible", e), e || r("close");
 		}
-		return (t, n) => (y(), s(T(ge), {
+		return (t, n) => (x(), s(O(xe), {
 			open: i.value,
 			"onUpdate:open": p
 		}, {
-			default: j(() => [t.$slots.trigger ? (y(), s(T(ve), {
+			default: P(() => [t.$slots.trigger ? (x(), s(O(Ce), {
 				key: 0,
 				"as-child": ""
 			}, {
-				default: j(() => [S(t.$slots, "trigger")]),
+				default: P(() => [T(t.$slots, "trigger")]),
 				_: 3
-			})) : c("", !0), f(T(he), null, {
-				default: j(() => [f(T(me), { class: "fixed inset-0 z-50 bg-black/50" }), f(T(fe), { class: h(["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: j(() => [
-						u("div", zt, [u("div", Bt, [e.title || t.$slots.header ? (y(), s(T(_e), {
+			})) : c("", !0), f(O(be), null, {
+				default: P(() => [f(O(ye), { class: "fixed inset-0 z-50 bg-black/50 dark:bg-black/70" }), f(O(_e), { class: g(["fixed left-1/2 top-1/2 z-50 w-full max-h-[85vh] -translate-x-1/2 -translate-y-1/2 overflow-hidden rounded-lg border border-border bg-surface shadow-dialog focus-visible:outline-none", a[e.size]]) }, {
+					default: P(() => [
+						u("div", lr, [u("div", ur, [e.title || t.$slots.header ? (x(), s(O(Se), {
 							key: 0,
 							class: "text-lg font-semibold text-foreground"
 						}, {
-							default: j(() => [S(t.$slots, "header", {}, () => [d(w(e.title), 1)])]),
+							default: P(() => [T(t.$slots, "header", {}, () => [d(D(e.title), 1)])]),
 							_: 3
-						})) : c("", !0), e.description || t.$slots.description ? (y(), s(T(pe), {
+						})) : c("", !0), e.description || t.$slots.description ? (x(), s(O(ve), {
 							key: 1,
 							class: "mt-1 text-sm text-muted"
 						}, {
-							default: j(() => [S(t.$slots, "description", {}, () => [d(w(e.description), 1)])]),
+							default: P(() => [T(t.$slots, "description", {}, () => [d(D(e.description), 1)])]),
 							_: 3
-						})) : c("", !0)]), f(T(de), {
+						})) : c("", !0)]), f(O(ge), {
 							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: j(() => [f(T(z), { class: "size-4" })]),
+							default: P(() => [f(O(H), { class: "size-4" })]),
 							_: 1
 						})]),
-						u("div", Vt, [S(t.$slots, "default")]),
-						t.$slots.footer ? (y(), l("div", Ht, [S(t.$slots, "footer")])) : c("", !0)
+						u("div", dr, [T(t.$slots, "default")]),
+						t.$slots.footer ? (x(), l("div", fr, [T(t.$slots, "footer")])) : c("", !0)
 					]),
 					_: 3
 				}, 8, ["class"])]),
@@ -756,28 +1600,164 @@ var q = /* @__PURE__ */ p({
 			_: 3
 		}, 8, ["open"]));
 	}
-}), Wt = /* @__PURE__ */ p({
+}), mr = {
+	key: 1,
+	class: "flex shrink-0 items-start justify-between gap-4 border-b border-border p-5 pb-4"
+}, hr = { class: "min-w-0" }, gr = { class: "flex-1 overflow-y-auto p-5" }, _r = {
+	key: 2,
+	class: "shrink-0 border-t border-border bg-surface-muted p-4"
+}, vr = /* @__PURE__ */ p({
+	__name: "Drawer",
+	props: {
+		open: {
+			type: Boolean,
+			default: !1
+		},
+		position: { default: "right" },
+		size: { default: "md" },
+		backdrop: {
+			type: Boolean,
+			default: !0
+		},
+		closeOnEscape: {
+			type: Boolean,
+			default: !0
+		},
+		closeOnOutside: {
+			type: Boolean,
+			default: !0
+		},
+		title: {},
+		description: {},
+		showClose: {
+			type: Boolean,
+			default: !0
+		},
+		preventScroll: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	emits: [
+		"update:open",
+		"open",
+		"close"
+	],
+	setup(e, { emit: t }) {
+		let n = e, r = t, i = o({
+			get: () => n.open,
+			set: (e) => r("update:open", e)
+		});
+		function a(e) {
+			r("update:open", e), r(e ? "open" : "close");
+		}
+		function p(e) {
+			n.closeOnEscape || e.preventDefault();
+		}
+		function m(e) {
+			n.closeOnOutside || e.preventDefault();
+		}
+		let h = {
+			right: "inset-y-0 right-0 h-full w-full data-[state=closed]:translate-x-full data-[state=open]:translate-x-0",
+			left: "inset-y-0 left-0 h-full w-full data-[state=closed]:-translate-x-full data-[state=open]:translate-x-0",
+			end: "inset-y-0 end-0 h-full w-full data-[state=closed]:translate-x-full rtl:data-[state=closed]:-translate-x-full data-[state=open]:translate-x-0",
+			start: "inset-y-0 start-0 h-full w-full data-[state=closed]:-translate-x-full rtl:data-[state=closed]:translate-x-full data-[state=open]:translate-x-0",
+			top: "inset-x-0 top-0 w-full h-full data-[state=closed]:-translate-y-full data-[state=open]:translate-y-0",
+			bottom: "inset-x-0 bottom-0 w-full h-full data-[state=closed]:translate-y-full data-[state=open]:translate-y-0"
+		}, _ = {
+			sm: "max-w-sm",
+			md: "max-w-md",
+			lg: "max-w-lg",
+			full: "max-w-full"
+		}, v = {
+			sm: "max-h-64",
+			md: "max-h-96",
+			lg: "max-h-[32rem]",
+			full: "max-h-full"
+		}, y = o(() => n.position === "top" || n.position === "bottom"), b = o(() => y.value ? v[n.size] : _[n.size]);
+		return (t, n) => (x(), s(O(xe), {
+			open: i.value,
+			"onUpdate:open": a
+		}, {
+			default: P(() => [t.$slots.trigger ? (x(), s(O(Ce), {
+				key: 0,
+				"as-child": ""
+			}, {
+				default: P(() => [T(t.$slots, "trigger")]),
+				_: 3
+			})) : c("", !0), f(O(be), { "force-mount": i.value }, {
+				default: P(() => [e.backdrop || e.preventScroll ? (x(), s(O(ye), {
+					key: 0,
+					class: g(["fixed inset-0 z-50", e.backdrop ? "bg-black/50 dark:bg-black/70" : "bg-transparent"])
+				}, null, 8, ["class"])) : c("", !0), f(O(_e), {
+					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],
+						b.value
+					]),
+					onEscapeKeyDown: p,
+					onPointerDownOutside: m
+				}, {
+					default: P(() => [
+						!e.title && !t.$slots.header ? (x(), s(O(ct), { key: 0 }, {
+							default: P(() => [f(O(Se), null, {
+								default: P(() => [...n[0] ||= [d("Drawer", -1)]]),
+								_: 1
+							})]),
+							_: 1
+						})) : c("", !0),
+						e.title || t.$slots.header || e.description || t.$slots.description || e.showClose ? (x(), l("header", mr, [u("div", hr, [e.title || t.$slots.header ? (x(), s(O(Se), {
+							key: 0,
+							class: "text-lg font-semibold text-foreground"
+						}, {
+							default: P(() => [T(t.$slots, "header", {}, () => [d(D(e.title), 1)])]),
+							_: 3
+						})) : c("", !0), e.description || t.$slots.description ? (x(), s(O(ve), {
+							key: 1,
+							class: "mt-1 text-sm text-muted"
+						}, {
+							default: P(() => [T(t.$slots, "description", {}, () => [d(D(e.description), 1)])]),
+							_: 3
+						})) : c("", !0)]), e.showClose ? (x(), s(O(ge), {
+							key: 0,
+							class: "ms-auto shrink-0 rounded-md p-1 text-muted transition-colors hover:bg-surface-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500",
+							"aria-label": "Close"
+						}, {
+							default: P(() => [T(t.$slots, "close", {}, () => [f(O(H), { class: "size-4" })])]),
+							_: 3
+						})) : c("", !0)])) : c("", !0),
+						u("div", gr, [T(t.$slots, "default")]),
+						t.$slots.footer ? (x(), l("footer", _r, [T(t.$slots, "footer")])) : c("", !0)
+					]),
+					_: 3
+				}, 8, ["class"])]),
+				_: 3
+			}, 8, ["force-mount"])]),
+			_: 3
+		}, 8, ["open"]));
+	}
+}), yr = /* @__PURE__ */ p({
 	__name: "DropdownMenu",
 	emits: ["update:open"],
 	setup(e, { emit: t }) {
 		let n = t;
-		return (e, t) => (y(), s(T(Se), m(e.$attrs, { "onUpdate:open": t[0] ||= (e) => n("update:open", e) }), {
-			default: j(() => [S(e.$slots, "default")]),
+		return (e, t) => (x(), s(O(ke), h(e.$attrs, { "onUpdate:open": t[0] ||= (e) => n("update:open", e) }), {
+			default: P(() => [T(e.$slots, "default")]),
 			_: 3
 		}, 16));
 	}
-}), Gt = /* @__PURE__ */ p({
+}), br = /* @__PURE__ */ p({
 	__name: "DropdownMenuTrigger",
 	setup(e) {
-		return (e, t) => (y(), s(T(Ce), {
+		return (e, t) => (x(), s(O(je), {
 			"as-child": "",
 			"focus-on-select": ""
 		}, {
-			default: j(() => [S(e.$slots, "default")]),
+			default: P(() => [T(e.$slots, "default")]),
 			_: 3
 		}));
 	}
-}), Kt = /* @__PURE__ */ p({
+}), xr = /* @__PURE__ */ p({
 	__name: "DropdownMenuContent",
 	props: {
 		align: { default: "start" },
@@ -785,14 +1765,14 @@ var q = /* @__PURE__ */ p({
 		sideOffset: { default: 4 }
 	},
 	setup(e) {
-		return (t, n) => (y(), s(T(xe), null, {
-			default: j(() => [f(T(ye), {
+		return (t, n) => (x(), s(O(Oe), null, {
+			default: P(() => [f(O(we), {
 				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: j(() => [S(t.$slots, "default")]),
+				default: P(() => [T(t.$slots, "default")]),
 				_: 3
 			}, 8, [
 				"align",
@@ -802,34 +1782,70 @@ var q = /* @__PURE__ */ p({
 			_: 3
 		}));
 	}
-}), qt = /* @__PURE__ */ p({
+}), Sr = /* @__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 = pe({
 			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) => (y(), s(T(be), {
-			class: h(T(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(Ee), {
+			disabled: e.disabled,
+			class: g(O(n)({ variant: e.variant })),
+			onSelect: a
 		}, {
-			default: j(() => [S(t.$slots, "default")]),
+			default: P(() => [e.icon ? (x(), s(X, {
+				key: 0,
+				name: e.icon,
+				class: "size-4 shrink-0"
+			}, null, 8, ["name"])) : c("", !0), T(t.$slots, "default")]),
 			_: 3
-		}, 8, ["class"]));
+		}, 8, ["disabled", "class"]));
 	}
-}), Jt = { class: "flex flex-col gap-2 sm:flex-row sm:items-stretch" }, Yt = { class: "border-b border-border px-3 py-2 text-xs font-medium text-muted" }, Xt = { class: "max-h-64 flex-1 overflow-y-auto p-1" }, Zt = ["disabled", "onClick"], Qt = { class: "truncate" }, $t = {
+}), Cr = /* @__PURE__ */ p({
+	__name: "DropdownMenuSeparator",
+	setup(e) {
+		return (e, t) => (x(), s(O(Ae), { class: "my-1 h-px bg-border" }));
+	}
+}), wr = /* @__PURE__ */ p({
+	__name: "DropdownMenuLabel",
+	setup(e) {
+		return (e, t) => (x(), s(O(De), { class: "px-2 py-1.5 text-xs font-medium text-muted" }, {
+			default: P(() => [T(e.$slots, "default")]),
+			_: 3
+		}));
+	}
+}), Tr = /* @__PURE__ */ p({
+	__name: "DropdownMenuGroup",
+	setup(e) {
+		return (e, t) => (x(), s(O(Te), null, {
+			default: P(() => [T(e.$slots, "default")]),
+			_: 3
+		}));
+	}
+}), Er = { class: "flex flex-col gap-2 sm:flex-row sm:items-stretch" }, Dr = { class: "border-b border-border px-3 py-2 text-xs font-medium text-muted" }, Or = { class: "max-h-64 flex-1 overflow-y-auto p-1" }, kr = ["disabled", "onClick"], Ar = { class: "truncate" }, jr = {
 	key: 0,
 	class: "px-2 py-1.5 text-sm text-muted"
-}, en = { class: "flex flex-row items-center justify-center gap-1 sm:flex-col" }, tn = { class: "border-b border-border px-3 py-2 text-xs font-medium text-muted" }, nn = { class: "max-h-64 flex-1 overflow-y-auto p-1" }, rn = ["disabled", "onClick"], an = { class: "truncate" }, on = {
+}, Mr = { class: "flex flex-row items-center justify-center gap-1 sm:flex-col" }, Nr = { class: "border-b border-border px-3 py-2 text-xs font-medium text-muted" }, Pr = { class: "max-h-64 flex-1 overflow-y-auto p-1" }, Fr = ["disabled", "onClick"], Ir = { class: "truncate" }, Lr = {
 	key: 0,
 	class: "px-2 py-1.5 text-sm text-muted"
-}, sn = /* @__PURE__ */ p({
+}, Rr = /* @__PURE__ */ p({
 	__name: "TransferList",
 	props: {
 		options: {},
@@ -843,106 +1859,106 @@ var q = /* @__PURE__ */ p({
 	},
 	emits: ["update:modelValue"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, i = b(new Set(n.modelValue ?? [])), s = b(/* @__PURE__ */ new Set()), p = b(/* @__PURE__ */ new Set()), m = o(() => n.options.filter((e) => !i.value.has(e.value))), g = 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", g.value.map((e) => e.value));
+			r("update:modelValue", h.value.map((e) => e.value));
 		}
 		function v(e, t) {
 			let n = new Set(e);
 			n.has(t) ? n.delete(t) : n.add(t), e.clear();
 			for (let t of n) e.add(t);
 		}
-		function C() {
+		function y() {
 			for (let e of s.value) i.value.add(e);
 			s.value.clear(), _();
 		}
-		function E() {
+		function b() {
 			for (let e of p.value) i.value.delete(e);
 			p.value.clear(), _();
 		}
-		function D() {
+		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) => (y(), l("div", Jt, [
-			u("div", { class: h(["flex min-h-40 flex-1 flex-col rounded-md border border-border bg-surface", e.disabled && "opacity-50"]) }, [u("div", Yt, [S(t.$slots, "source-header", {}, () => [d(w(e.sourceLabel), 1)])]), u("ul", Xt, [(y(!0), l(a, null, x(m.value, (r) => (y(), l("li", { key: r.value }, [u("button", {
+		return (t, n) => (x(), l("div", Er, [
+			u("div", { class: g(["flex min-h-40 flex-1 flex-col rounded-md border border-border bg-surface", e.disabled && "opacity-50"]) }, [u("div", Dr, [T(t.$slots, "source-header", {}, () => [d(D(e.sourceLabel), 1)])]), u("ul", Or, [(x(!0), l(a, null, w(m.value, (r) => (x(), l("li", { key: r.value }, [u("button", {
 				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(Y, {
+			}, [f(bn, {
 				"model-value": s.value.has(r.value),
 				disabled: e.disabled,
-				onClick: n[0] ||= N(() => {}, ["stop"]),
+				onClick: n[0] ||= I(() => {}, ["stop"]),
 				"onUpdate:modelValue": (e) => v(s.value, r.value)
 			}, null, 8, [
 				"model-value",
 				"disabled",
 				"onUpdate:modelValue"
-			]), S(t.$slots, "item", { option: r }, () => [u("span", Qt, w(r.label), 1)])], 8, Zt)]))), 128)), m.value.length === 0 ? (y(), l("li", $t, "Empty")) : c("", !0)])], 2),
-			u("div", en, [
-				f(J, {
+			]), T(t.$slots, "item", { option: r }, () => [u("span", Ar, D(r.label), 1)])], 8, kr)]))), 128)), m.value.length === 0 ? (x(), l("li", jr, "Empty")) : c("", !0)])], 2),
+			u("div", Mr, [
+				f(Z, {
 					variant: "outline",
 					size: "icon-sm",
 					disabled: e.disabled || s.value.size === 0,
 					"aria-label": "Move selected to target",
-					onClick: C
+					onClick: y
 				}, {
-					default: j(() => [f(T(R), { class: "size-4" })]),
+					default: P(() => [f(O(B), { class: "size-4" })]),
 					_: 1
 				}, 8, ["disabled"]),
-				f(J, {
+				f(Z, {
 					variant: "outline",
 					size: "icon-sm",
 					disabled: e.disabled || p.value.size === 0,
 					"aria-label": "Move selected to source",
-					onClick: E
+					onClick: b
 				}, {
-					default: j(() => [f(T(L), { class: "size-4" })]),
+					default: P(() => [f(O(re), { class: "size-4" })]),
 					_: 1
 				}, 8, ["disabled"]),
-				f(J, {
+				f(Z, {
 					variant: "ghost",
 					size: "icon-sm",
 					disabled: e.disabled,
 					"aria-label": "Move all to target",
-					onClick: D
+					onClick: S
 				}, {
-					default: j(() => [f(T(re), { class: "size-4" })]),
+					default: P(() => [f(O(V), { class: "size-4" })]),
 					_: 1
 				}, 8, ["disabled"]),
-				f(J, {
+				f(Z, {
 					variant: "ghost",
 					size: "icon-sm",
 					disabled: e.disabled,
 					"aria-label": "Move all to source",
-					onClick: O
+					onClick: E
 				}, {
-					default: j(() => [f(T(ne), { class: "size-4" })]),
+					default: P(() => [f(O(ae), { class: "size-4" })]),
 					_: 1
 				}, 8, ["disabled"])
 			]),
-			u("div", { class: h(["flex min-h-40 flex-1 flex-col rounded-md border border-border bg-surface", e.disabled && "opacity-50"]) }, [u("div", tn, [S(t.$slots, "target-header", {}, () => [d(w(e.targetLabel), 1)])]), u("ul", nn, [(y(!0), l(a, null, x(g.value, (r) => (y(), 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", Nr, [T(t.$slots, "target-header", {}, () => [d(D(e.targetLabel), 1)])]), u("ul", Pr, [(x(!0), l(a, null, w(h.value, (r) => (x(), l("li", { key: r.value }, [u("button", {
 				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(Y, {
+			}, [f(bn, {
 				"model-value": p.value.has(r.value),
 				disabled: e.disabled,
-				onClick: n[1] ||= N(() => {}, ["stop"]),
+				onClick: n[1] ||= I(() => {}, ["stop"]),
 				"onUpdate:modelValue": (e) => v(p.value, r.value)
 			}, null, 8, [
 				"model-value",
 				"disabled",
 				"onUpdate:modelValue"
-			]), S(t.$slots, "item", { option: r }, () => [u("span", an, w(r.label), 1)])], 8, rn)]))), 128)), g.value.length === 0 ? (y(), l("li", on, "Empty")) : c("", !0)])], 2)
+			]), T(t.$slots, "item", { option: r }, () => [u("span", Ir, D(r.label), 1)])], 8, Fr)]))), 128)), h.value.length === 0 ? (x(), l("li", Lr, "Empty")) : c("", !0)])], 2)
 		]));
 	}
-}), cn = /* @__PURE__ */ p({
+}), zr = /* @__PURE__ */ p({
 	__name: "Table",
 	props: {
 		striped: { type: Boolean },
@@ -953,31 +1969,31 @@ var q = /* @__PURE__ */ p({
 		}
 	},
 	setup(e) {
-		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) => (y(), l("table", { class: h(n.value) }, [S(e.$slots, "default")], 2));
+		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) => (x(), l("table", { class: g(n.value) }, [T(e.$slots, "default")], 2));
 	}
-}), ln = (e, t) => {
+}), Br = (e, t) => {
 	let n = e.__vccOpts || e;
 	for (let [e, r] of t) n[e] = r;
 	return n;
-}, un = {}, dn = { class: "border-b border-border bg-surface-muted/60 text-xs font-medium text-muted" };
-function fn(e, t) {
-	return y(), l("thead", dn, [S(e.$slots, "default")]);
+}, Vr = {}, Hr = { class: "border-b border-border bg-surface-muted/60 text-xs font-medium text-muted" };
+function Ur(e, t) {
+	return x(), l("thead", Hr, [T(e.$slots, "default")]);
 }
-var pn = /*#__PURE__*/ ln(un, [["render", fn]]), mn = {};
-function hn(e, t) {
-	return y(), l("tbody", null, [S(e.$slots, "default")]);
+var Wr = /*#__PURE__*/ Br(Vr, [["render", Ur]]), Gr = {};
+function Kr(e, t) {
+	return x(), l("tbody", null, [T(e.$slots, "default")]);
 }
-var gn = /*#__PURE__*/ ln(mn, [["render", hn]]), X = /* @__PURE__ */ p({
+var qr = /*#__PURE__*/ Br(Gr, [["render", Kr]]), $ = /* @__PURE__ */ p({
 	__name: "TableRow",
 	props: { clickable: {
 		type: Boolean,
 		default: !1
 	} },
 	setup(e) {
-		return (t, n) => (y(), l("tr", { class: h(["border-b border-border/60 last:border-b-0", e.clickable && "cursor-pointer transition-colors hover:bg-surface-muted/50"]) }, [S(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));
 	}
-}), _n = ["aria-sort"], vn = /* @__PURE__ */ p({
+}), Jr = ["aria-sort"], Yr = /* @__PURE__ */ p({
 	__name: "TableHead",
 	props: {
 		sortDirection: {},
@@ -986,39 +2002,39 @@ var gn = /*#__PURE__*/ ln(mn, [["render", hn]]), X = /* @__PURE__ */ p({
 	},
 	setup(e) {
 		let t = e, n = o(() => t.sortDirection && t.sortDirection !== "none" ? t.sortDirection : void 0);
-		return (t, r) => (y(), l("th", {
+		return (t, r) => (x(), l("th", {
 			scope: "col",
 			"aria-sort": n.value,
-			style: g(e.width ? { width: e.width } : void 0),
-			class: h(T(H)("px-3 py-2 font-medium", e.align === "center" && "text-center", e.align === "end" && "text-end"))
-		}, [S(t.$slots, "default")], 14, _n));
+			style: _(e.width ? { width: e.width } : void 0),
+			class: g(O(U)("px-3 py-2 font-medium", e.align === "center" && "text-center", e.align === "end" && "text-end"))
+		}, [T(t.$slots, "default")], 14, Jr));
 	}
-}), Z = /* @__PURE__ */ p({
+}), Xr = /* @__PURE__ */ p({
 	__name: "TableCell",
 	props: {
 		align: { default: "start" },
 		truncate: { type: Boolean }
 	},
 	setup(e) {
-		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) => (y(), l("td", { class: h(n.value) }, [S(e.$slots, "default")], 2));
+		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) => (x(), l("td", { class: g(n.value) }, [T(e.$slots, "default")], 2));
 	}
-}), yn = ["colspan"], bn = /* @__PURE__ */ p({
+}), Zr = ["colspan"], Qr = /* @__PURE__ */ p({
 	__name: "TableEmpty",
 	props: {
 		columns: {},
 		label: {}
 	},
 	setup(e) {
-		return (t, n) => (y(), 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"
-		}, [S(t.$slots, "default", {}, () => [d(w(e.label), 1)])], 8, yn)]));
+		}, [T(t.$slots, "default", {}, () => [d(D(e.label), 1)])], 8, Zr)]));
 	}
 });
 //#endregion
 //#region src/lib/pagination.ts
-function xn(e, t, n) {
+function $r(e, t, n) {
 	if (n <= 0 || t <= 0) return {
 		from: 0,
 		to: 0,
@@ -1035,17 +2051,17 @@ function xn(e, t, n) {
 		total: n
 	};
 }
-function Sn(e, t) {
+function ei(e, t) {
 	return t <= 0 ? 1 : Math.max(1, Math.ceil(e / t));
 }
-function Cn(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 wn = { class: "flex flex-wrap items-center justify-between gap-3 px-3 py-2 text-sm text-muted" }, Tn = { class: "flex items-center gap-2" }, En = ["value"], Dn = ["value"], On = { class: "flex items-center gap-2" }, kn = { class: "flex items-center gap-1" }, An = /* @__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: {},
@@ -1063,63 +2079,63 @@ var wn = { 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(() => Sn(n.total, n.pageSize)), c = o(() => xn(n.pageIndex, n.pageSize, n.total)), p = o(() => Cn(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) => (y(), l("div", wn, [u("div", Tn, [u("span", null, w(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))
-		}, [(y(!0), l(a, null, x(e.pageSizeOptions, (e) => (y(), l("option", {
+		}, [(x(!0), l(a, null, w(e.pageSizeOptions, (e) => (x(), l("option", {
 			key: e,
 			value: e
-		}, w(e), 9, Dn))), 128))], 40, En)]), u("div", On, [u("span", null, w(c.value.from) + "–" + w(c.value.to) + " " + w(e.ofLabel) + " " + w(c.value.total), 1), u("div", kn, [
-			f(J, {
+		}, D(e), 9, ai))), 128))], 40, ii)]), u("div", oi, [u("span", null, D(c.value.from) + "–" + D(c.value.to) + " " + D(e.ofLabel) + " " + D(c.value.total), 1), u("div", si, [
+			f(Z, {
 				variant: "ghost",
 				size: "icon-sm",
 				disabled: e.pageIndex <= 0,
 				"aria-label": e.previousLabel,
 				onClick: n[1] ||= (t) => m(e.pageIndex - 1)
 			}, {
-				default: j(() => [f(T(L), { class: "size-4 rtl:rotate-180" })]),
+				default: P(() => [f(O(re), { class: "size-4 rtl:rotate-180" })]),
 				_: 1
 			}, 8, ["disabled", "aria-label"]),
-			(y(!0), l(a, null, x(p.value, (t) => (y(), s(J, {
+			(x(!0), l(a, null, w(p.value, (t) => (x(), s(Z, {
 				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: j(() => [d(w(t), 1)]),
+				default: P(() => [d(D(t), 1)]),
 				_: 2
 			}, 1032, [
 				"variant",
 				"aria-current",
 				"onClick"
 			]))), 128)),
-			f(J, {
+			f(Z, {
 				variant: "ghost",
 				size: "icon-sm",
 				disabled: e.pageIndex >= i.value - 1,
 				"aria-label": e.nextLabel,
 				onClick: n[2] ||= (t) => m(e.pageIndex + 1)
 			}, {
-				default: j(() => [f(T(R), { class: "size-4 rtl:rotate-180" })]),
+				default: P(() => [f(O(B), { class: "size-4 rtl:rotate-180" })]),
 				_: 1
 			}, 8, ["disabled", "aria-label"])
 		])])]));
 	}
-}), jn = Xe({
-	rowSortingFeature: Je,
-	rowPaginationFeature: qe,
-	rowExpandingFeature: Ke,
-	sortedRowModel: Ge(),
-	paginatedRowModel: We(),
-	expandedRowModel: Ue(),
-	sortFns: Ye
-}), Mn = [
+}), li = _t({
+	rowSortingFeature: ht,
+	rowPaginationFeature: mt,
+	rowExpandingFeature: pt,
+	sortedRowModel: ft(),
+	paginatedRowModel: dt(),
+	expandedRowModel: ut(),
+	sortFns: gt
+}), ui = [
 	"a[href]",
 	"button",
 	"input",
@@ -1132,16 +2148,16 @@ var wn = { class: "flex flex-wrap items-center justify-between gap-3 px-3 py-2 t
 	"[role=\"menu\"]",
 	"[data-row-toggle-ignore]"
 ].join(",");
-function Nn(e) {
+function di(e) {
 	let t = e;
-	return !t || typeof t.closest != "function" ? !1 : t.closest(Mn) !== null;
+	return !t || typeof t.closest != "function" ? !1 : t.closest(ui) !== null;
 }
-function Pn(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 Fn = ["onClick"], In = /* @__PURE__ */ p({
+var pi = ["onClick"], mi = /* @__PURE__ */ p({
 	__name: "DataTable",
 	props: {
 		data: {},
@@ -1174,8 +2190,8 @@ var Fn = ["onClick"], In = /* @__PURE__ */ p({
 		"row-click"
 	],
 	setup(e, { emit: t }) {
-		let n = e, r = t, i = D(), u = b([]), p = n.getRowId ? (e) => n.getRowId(e) : void 0, m = Ze({
-			features: jn,
+		let n = e, r = t, i = A(), u = C([]), p = n.getRowId ? (e) => n.getRowId(e) : void 0, m = vt({
+			features: li,
 			get columns() {
 				return n.columns;
 			},
@@ -1202,47 +2218,47 @@ var Fn = ["onClick"], In = /* @__PURE__ */ p({
 				let t = typeof e == "function" ? e(n.expanded) : e;
 				r("update:expanded", t === !0 ? {} : t);
 			}
-		}), _ = o(() => m.getRowModel().rows), v = o(() => m.getAllLeafColumns().length);
-		function C(e) {
+		}), h = o(() => m.getRowModel().rows), v = o(() => m.getAllLeafColumns().length);
+		function y(e) {
 			let t = m.getColumn(e);
 			return t?.getIsSorted() ? t.getIsSorted() === "desc" ? "descending" : "ascending" : "none";
 		}
-		let E = (e) => !!i[`cell-${e}`], O = (e) => {
+		let b = (e) => !!i[`cell-${e}`], S = (e) => {
 			let t = e.size;
 			return t ? `${t}px` : void 0;
 		};
-		function k(e, t) {
-			r("row-click", _.value.find((e) => e.id === t)?.original), n.expandable && (n.stopRowToggleOnInteractiveCells && Nn(e.target) || r("update:expanded", Pn(n.expanded, t)));
+		function E(e, t) {
+			r("row-click", h.value.find((e) => e.id === t)?.original), n.expandable && (n.stopRowToggleOnInteractiveCells && di(e.target) || r("update:expanded", fi(n.expanded, t)));
 		}
-		return (t, n) => (y(), l("div", {
-			class: h(e.maxHeight ? "overflow-auto" : void 0),
-			style: g(e.maxHeight ? { maxHeight: e.maxHeight } : void 0)
-		}, [f(cn, {
+		return (t, n) => (x(), l("div", {
+			class: g(e.maxHeight ? "overflow-auto" : void 0),
+			style: _(e.maxHeight ? { maxHeight: e.maxHeight } : void 0)
+		}, [f(zr, {
 			striped: e.striped,
 			size: e.size
 		}, {
-			default: j(() => [f(pn, null, {
-				default: j(() => [f(X, null, {
-					default: j(() => [(y(!0), l(a, null, x(T(m).getHeaderGroups()[0]?.headers ?? [], (t) => (y(), s(vn, {
+			default: P(() => [f(Wr, null, {
+				default: P(() => [f($, null, {
+					default: P(() => [(x(!0), l(a, null, w(O(m).getHeaderGroups()[0]?.headers ?? [], (t) => (x(), s(Yr, {
 						key: t.id,
-						width: O(t.column.columnDef),
-						"sort-direction": t.column.getCanSort() ? C(t.column.id) : void 0
+						width: S(t.column.columnDef),
+						"sort-direction": t.column.getCanSort() ? y(t.column.id) : void 0
 					}, {
-						default: j(() => [e.sortable && t.column.getCanSort() ? (y(), l("button", {
+						default: P(() => [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(T(V), { header: t }, null, 8, ["header"]), C(t.column.id) === "descending" ? (y(), s(T(I), {
+						}, [f(O(lt), { header: t }, null, 8, ["header"]), y(t.column.id) === "descending" ? (x(), s(O(z), {
 							key: 0,
 							class: "size-3.5"
-						})) : C(t.column.id) === "ascending" ? (y(), s(T(te), {
+						})) : y(t.column.id) === "ascending" ? (x(), s(O(ie), {
 							key: 1,
 							class: "size-3.5"
-						})) : (y(), s(T(ie), {
+						})) : (x(), s(O(oe), {
 							key: 2,
 							class: "size-3.5 opacity-40"
-						}))], 8, Fn)) : (y(), s(T(V), {
+						}))], 8, pi)) : (x(), s(O(lt), {
 							key: 1,
 							header: t
 						}, null, 8, ["header"]))]),
@@ -1251,25 +2267,25 @@ var Fn = ["onClick"], In = /* @__PURE__ */ p({
 					_: 1
 				})]),
 				_: 1
-			}), f(gn, null, {
-				default: j(() => [_.value.length === 0 ? (y(), s(bn, {
+			}), f(qr, null, {
+				default: P(() => [h.value.length === 0 ? (x(), s(Qr, {
 					key: 0,
 					columns: v.value
 				}, {
-					default: j(() => [S(t.$slots, "empty", {}, () => [d(w(e.emptyLabel), 1)])]),
+					default: P(() => [T(t.$slots, "empty", {}, () => [d(D(e.emptyLabel), 1)])]),
 					_: 3
-				}, 8, ["columns"])) : c("", !0), (y(!0), l(a, null, x(_.value, (n) => (y(), l(a, { key: n.id }, [f(X, {
+				}, 8, ["columns"])) : c("", !0), (x(!0), l(a, null, w(h.value, (n) => (x(), l(a, { key: n.id }, [f($, {
 					clickable: e.expandable,
 					"data-row-id": n.id,
 					"data-state": n.getIsExpanded() ? "expanded" : void 0,
-					onClick: (e) => k(e, n.id)
+					onClick: (e) => E(e, n.id)
 				}, {
-					default: j(() => [(y(!0), l(a, null, x(n.getAllCells(), (e) => (y(), s(Z, { key: e.id }, {
-						default: j(() => [E(e.column.id) ? S(t.$slots, `cell-${e.column.id}`, {
+					default: P(() => [(x(!0), l(a, null, w(n.getAllCells(), (e) => (x(), s(Xr, { key: e.id }, {
+						default: P(() => [b(e.column.id) ? T(t.$slots, `cell-${e.column.id}`, {
 							row: n,
 							cell: e,
 							value: e.getValue()
-						}, void 0, void 0, 0) : (y(), s(T(V), {
+						}, void 0, void 0, 0) : (x(), s(O(lt), {
 							key: 1,
 							cell: e
 						}, null, 8, ["cell"]))]),
@@ -1281,12 +2297,12 @@ var Fn = ["onClick"], In = /* @__PURE__ */ p({
 					"data-row-id",
 					"data-state",
 					"onClick"
-				]), n.getIsExpanded() ? (y(), s(X, {
+				]), n.getIsExpanded() ? (x(), s($, {
 					key: 0,
 					class: "bg-surface-muted/30"
 				}, {
-					default: j(() => [f(Z, { colspan: v.value }, {
-						default: j(() => [S(t.$slots, "expansion", { row: n })]),
+					default: P(() => [f(Xr, { colspan: v.value }, {
+						default: P(() => [T(t.$slots, "expansion", { row: n })]),
 						_: 2
 					}, 1032, ["colspan"])]),
 					_: 2
@@ -1299,7 +2315,7 @@ var Fn = ["onClick"], In = /* @__PURE__ */ p({
 });
 //#endregion
 //#region src/lib/tree.ts
-function Q(e, t, n = 1, r = null) {
+function hi(e, t, n = 1, r = null) {
 	return e.flatMap((e) => {
 		let i = {
 			node: e,
@@ -1308,27 +2324,27 @@ function Q(e, t, n = 1, r = null) {
 			parentKey: r,
 			hasChildren: !!e.children?.length
 		};
-		return !i.hasChildren || !t.includes(e.value) ? [i] : [i, ...Q(e.children, t, n + 1, e.value)];
+		return !i.hasChildren || !t.includes(e.value) ? [i] : [i, ...hi(e.children, t, n + 1, e.value)];
 	});
 }
-function Ln(e, t) {
+function gi(e, t) {
 	for (let n of e) {
 		if (n.value === t) return n;
-		let e = n.children ? Ln(n.children, t) : void 0;
+		let e = n.children ? gi(n.children, t) : void 0;
 		if (e) return e;
 	}
 }
-function $(e) {
-	return e.flatMap((e) => e.children?.length ? $(e.children) : [e.value]);
+function _i(e) {
+	return e.flatMap((e) => e.children?.length ? _i(e.children) : [e.value]);
 }
-function Rn(e, t) {
-	let n = e.children?.length ? $([e]) : [e.value], r = n.filter((e) => t.includes(e)).length;
+function vi(e, t) {
+	let n = e.children?.length ? _i([e]) : [e.value], r = n.filter((e) => t.includes(e)).length;
 	return r === 0 ? "unchecked" : r === n.length ? "checked" : "indeterminate";
 }
-function zn(e, t, n = (e) => e.label ?? "") {
+function yi(e, t, n = (e) => e.label ?? "") {
 	let r = t.trim().toLowerCase();
 	return r ? e.reduce((e, i) => {
-		let a = i.children ? zn(i.children, t, n) : void 0;
+		let a = i.children ? yi(i.children, t, n) : void 0;
 		return !n(i).toLowerCase().includes(r) && (!a || a.length === 0) || e.push({
 			...i,
 			children: a
@@ -1337,10 +2353,10 @@ function zn(e, t, n = (e) => e.label ?? "") {
 }
 //#endregion
 //#region src/components/tree-table/TreeTable.vue?vue&type=script&setup=true&lang.ts
-var Bn = { class: "overflow-hidden rounded-md border border-border bg-surface" }, Vn = { class: "px-3 py-2" }, Hn = ["aria-label", "onClick"], Un = {
+var bi = { class: "overflow-hidden rounded-md border border-border bg-surface" }, xi = { class: "px-3 py-2" }, Si = ["aria-label", "onClick"], Ci = {
 	key: 1,
 	class: "inline-block size-4"
-}, Wn = /* @__PURE__ */ p({
+}, wi = /* @__PURE__ */ p({
 	__name: "TreeTable",
 	props: {
 		nodes: {},
@@ -1354,44 +2370,44 @@ var Bn = { 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(() => Q(n.nodes, n.expanded));
-		return (t, n) => (y(), l("div", Bn, [u("div", {
+		let n = e, r = t, i = o(() => `minmax(12rem, 1fr) ${n.columns.map((e) => e.width ?? "minmax(6rem, 1fr)").join(" ")}`), c = o(() => hi(n.nodes, n.expanded));
+		return (t, n) => (x(), l("div", bi, [u("div", {
 			class: "grid border-b border-border bg-surface-muted/60 text-xs font-medium text-muted",
-			style: g({ gridTemplateColumns: i.value })
-		}, [u("div", Vn, [S(t.$slots, "header", {}, () => [d(w(e.rowColumnHeader), 1)])]), (y(!0), l(a, null, x(e.columns, (e) => (y(), l("div", {
+			style: _({ gridTemplateColumns: i.value })
+		}, [u("div", xi, [T(t.$slots, "header", {}, () => [d(D(e.rowColumnHeader), 1)])]), (x(!0), l(a, null, w(e.columns, (e) => (x(), l("div", {
 			key: e.key,
-			class: h(["px-3 py-2", [e.align === "center" && "text-center", e.align === "end" && "text-end"]])
-		}, w(e.header), 3))), 128))], 4), f(T(He), {
+			class: g(["px-3 py-2", [e.align === "center" && "text-center", e.align === "end" && "text-end"]])
+		}, D(e.header), 3))), 128))], 4), f(O(st), {
 			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: j(() => [(y(!0), l(a, null, x(c.value, (n) => (y(), s(T(Ve), {
+			default: P(() => [(x(!0), l(a, null, w(c.value, (n) => (x(), s(O(ot), {
 				key: n.key,
 				value: n.node,
 				level: n.level,
 				as: "div",
 				class: "grid items-center border-b border-border/60 text-sm last:border-b-0 data-[selected]:bg-surface-muted/30",
-				style: g({ gridTemplateColumns: i.value })
+				style: _({ gridTemplateColumns: i.value })
 			}, {
-				default: j(({ isExpanded: r, handleToggle: i }) => [u("div", {
+				default: P(({ isExpanded: r, handleToggle: i }) => [u("div", {
 					class: "flex items-center gap-1 px-3 py-2",
-					style: g({ paddingInlineStart: `calc(0.75rem + ${(n.level - 1) * 1.25}rem)` })
-				}, [n.hasChildren ? (y(), l("button", {
+					style: _({ paddingInlineStart: `calc(0.75rem + ${(n.level - 1) * 1.25}rem)` })
+				}, [n.hasChildren ? (x(), l("button", {
 					key: 0,
 					type: "button",
 					"aria-label": e.rowLabel(n.node),
-					class: h(["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: N(i, ["stop"])
-				}, [f(T(R), { class: "size-3.5 rtl:rotate-180" })], 10, Hn)) : (y(), l("span", Un)), S(t.$slots, "row-label", {
+					class: g(["rounded p-0.5 text-muted transition-transform hover:bg-surface-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500", r && "rotate-90"]),
+					onClick: I(i, ["stop"])
+				}, [f(O(B), { class: "size-3.5 rtl:rotate-180" })], 10, Si)) : (x(), l("span", Ci)), T(t.$slots, "row-label", {
 					node: n.node,
 					level: n.level
-				}, () => [d(w(e.rowLabel(n.node)), 1)])], 4), (y(!0), l(a, null, x(e.columns, (e) => (y(), 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: h(["px-3 py-2", [e.align === "center" && "text-center", e.align === "end" && "text-end"]])
-				}, [S(t.$slots, `cell-${e.key}`, {
+					class: g(["px-3 py-2", [e.align === "center" && "text-center", e.align === "end" && "text-end"]])
+				}, [T(t.$slots, `cell-${e.key}`, {
 					node: n.node,
 					row: n,
 					isExpanded: r,
@@ -1412,22 +2428,22 @@ var Bn = { class: "overflow-hidden rounded-md border border-border bg-surface" }
 			"expanded"
 		])]));
 	}
-}), Gn = ["disabled"], Kn = {
+}), Ti = ["disabled"], Ei = {
 	key: 0,
 	class: "truncate text-muted"
-}, qn = {
+}, Di = {
 	key: 1,
 	class: "flex flex-wrap items-center gap-1"
-}, Jn = {
+}, Oi = {
 	key: 0,
 	class: "relative mb-2"
-}, Yn = ["placeholder"], Xn = {
+}, ki = ["placeholder"], Ai = {
 	key: 1,
 	class: "block h-0.5 w-2 rounded bg-white"
-}, Zn = { class: "truncate" }, Qn = {
+}, ji = { class: "truncate" }, Mi = {
 	key: 1,
 	class: "mt-2 flex justify-end border-t border-border pt-2"
-}, $n = /* @__PURE__ */ p({
+}, Ni = /* @__PURE__ */ p({
 	__name: "TreeSelect",
 	props: {
 		modelValue: { default: () => [] },
@@ -1447,70 +2463,70 @@ var Bn = { class: "overflow-hidden rounded-md border border-border bg-surface" }
 	},
 	emits: ["update:modelValue"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, i = b(!1), p = b(""), m = b([]), _ = o(() => zn(n.nodes, p.value)), v = o(() => Q(_.value, m.value)), S = o(() => $(n.nodes)), C = o(() => n.modelValue.map((e) => Ln(n.nodes, e)).filter((e) => !!e));
-		function E(e) {
-			return Rn(e, n.modelValue);
+		let n = e, r = t, i = C(!1), p = C(""), m = C([]), h = o(() => yi(n.nodes, p.value)), v = o(() => hi(h.value, m.value)), y = o(() => _i(n.nodes)), b = o(() => n.modelValue.map((e) => gi(n.nodes, e)).filter((e) => !!e));
+		function S(e) {
+			return vi(e, n.modelValue);
 		}
-		function D(e) {
+		function T(e) {
 			let t = (Array.isArray(e) ? e : []).map((e) => e.value);
-			r("update:modelValue", n.leafOnly ? t.filter((e) => S.value.includes(e)) : t);
+			r("update:modelValue", n.leafOnly ? t.filter((e) => y.value.includes(e)) : t);
 		}
-		return (t, n) => (y(), s(T(Te), {
+		return (t, n) => (x(), s(O(Le), {
 			open: i.value,
 			"onUpdate:open": n[3] ||= (e) => i.value = e
 		}, {
-			default: j(() => [f(T(Ee), {
+			default: P(() => [f(O(Re), {
 				"as-child": "",
 				disabled: e.disabled
 			}, {
-				default: j(() => [u("button", {
+				default: P(() => [u("button", {
 					type: "button",
 					disabled: e.disabled,
-					class: h(["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"])
-				}, [C.value.length === 0 ? (y(), l("span", Kn, w(e.placeholder), 1)) : (y(), l("span", qn, [(y(!0), l(a, null, x(C.value, (e) => (y(), s(vt, {
+					class: g(["flex w-full items-center justify-between gap-2 rounded-md border border-border bg-surface px-3 text-start text-sm text-foreground shadow-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500 disabled:cursor-not-allowed disabled:opacity-50", e.size === "sm" ? "min-h-8 py-1 text-xs" : "min-h-9 py-1.5"])
+				}, [b.value.length === 0 ? (x(), l("span", Ei, D(e.placeholder), 1)) : (x(), l("span", Di, [(x(!0), l(a, null, w(b.value, (e) => (x(), s(Sn, {
 					key: e.value,
 					tone: "secondary"
 				}, {
-					default: j(() => [d(w(e.label ?? e.value), 1)]),
+					default: P(() => [d(D(e.label ?? e.value), 1)]),
 					_: 2
-				}, 1024))), 128))])), f(T(I), { class: "size-4 shrink-0 opacity-50" })], 10, Gn)]),
+				}, 1024))), 128))])), f(O(z), { class: "size-4 shrink-0 opacity-50" })], 10, Ti)]),
 				_: 1
-			}, 8, ["disabled"]), f(T(we), {
+			}, 8, ["disabled"]), f(O(Ie), {
 				"side-offset": 4,
 				class: "z-50 w-72 rounded-md border border-border bg-surface p-2 shadow-popover"
 			}, {
-				default: j(() => [
-					e.filterable ? (y(), l("div", Jn, [f(T(ce), { class: "pointer-events-none absolute start-2 top-1/2 size-3.5 -translate-y-1/2 text-muted" }), M(u("input", {
+				default: P(() => [
+					e.filterable ? (x(), l("div", Oi, [f(O(de), { class: "pointer-events-none absolute start-2 top-1/2 size-3.5 -translate-y-1/2 text-muted" }), F(u("input", {
 						"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, Yn), [[O, p.value]])])) : c("", !0),
-					f(T(He), {
-						"model-value": C.value,
-						items: _.value,
+					}, null, 8, ki), [[M, p.value]])])) : c("", !0),
+					f(O(st), {
+						"model-value": b.value,
+						items: h.value,
 						"get-key": (e) => e.value,
 						"get-children": (e) => e.children,
 						expanded: m.value,
 						"onUpdate:expanded": n[1] ||= (e) => m.value = e,
 						multiple: "",
 						"bubble-select": "",
-						"onUpdate:modelValue": D
+						"onUpdate:modelValue": T
 					}, {
-						default: j(() => [(y(!0), l(a, null, x(v.value, (e) => (y(), s(T(Ve), {
+						default: P(() => [(x(!0), l(a, null, w(v.value, (e) => (x(), s(O(ot), {
 							key: e.key,
 							value: e.node,
 							level: e.level,
 							as: "div",
 							class: "flex items-center gap-2 rounded py-1.5 text-sm text-foreground data-[selected]:bg-surface-muted/50",
-							style: g({ paddingInlineStart: `calc(0.5rem + ${(e.level - 1) * 1}rem)` })
+							style: _({ paddingInlineStart: `calc(0.5rem + ${(e.level - 1) * 1}rem)` })
 						}, {
-							default: j(() => [u("span", {
-								class: h(["flex size-4 shrink-0 items-center justify-center rounded border border-border", E(e.node) !== "unchecked" && "border-primary-500 bg-primary-500 text-white"]),
+							default: P(() => [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"
-							}, [E(e.node) === "checked" ? (y(), s(T(F), {
+							}, [S(e.node) === "checked" ? (x(), s(O(R), {
 								key: 0,
 								class: "size-3"
-							})) : E(e.node) === "indeterminate" ? (y(), l("span", Xn)) : c("", !0)], 2), u("span", Zn, w(e.node.label ?? e.node.value), 1)]),
+							})) : S(e.node) === "indeterminate" ? (x(), l("span", Ai)) : c("", !0)], 2), u("span", ji, D(e.node.label ?? e.node.value), 1)]),
 							_: 2
 						}, 1032, [
 							"value",
@@ -1525,19 +2541,198 @@ var Bn = { class: "overflow-hidden rounded-md border border-border bg-surface" }
 						"get-children",
 						"expanded"
 					]),
-					e.modelValue.length ? (y(), l("div", Qn, [u("button", {
+					e.modelValue.length ? (x(), l("div", Mi, [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(T(z), { class: "size-3" }), n[4] ||= d("Clear ", -1)])])) : c("", !0)
+					}, [f(O(H), { class: "size-3" }), n[4] ||= d("Clear ", -1)])])) : c("", !0)
 				]),
 				_: 1
 			})]),
 			_: 1
 		}, 8, ["open"]));
 	}
+}), Pi = Symbol("myghf-toast"), Fi = 0;
+function Ii(e = {}) {
+	let t = Math.max(1, e.max ?? 4), n = e.duration ?? 5e3, r = e.position ?? "top-end", i = C([]), a = o(() => i.value.slice(0, t));
+	function s(e) {
+		let t = `toast-${++Fi}`;
+		return i.value.push({
+			severity: "info",
+			position: r,
+			duration: n,
+			...e,
+			id: t
+		}), t;
+	}
+	function c(e) {
+		let t = i.value.findIndex((t) => t.id === e);
+		t !== -1 && i.value.splice(t, 1);
+	}
+	function l() {
+		i.value = [];
+	}
+	function u(e) {
+		return (t, n) => s({
+			title: t,
+			description: n,
+			severity: e
+		});
+	}
+	return {
+		items: i,
+		visible: a,
+		add: s,
+		remove: c,
+		clear: l,
+		info: u("info"),
+		success: u("success"),
+		warning: u("warning"),
+		danger: u("danger"),
+		secondary: u("secondary")
+	};
+}
+function Li() {
+	let e = m(Pi);
+	if (!e) throw Error("useToast() requires a <Toaster /> mounted above this component.");
+	return e;
+}
+//#endregion
+//#region src/components/toast/Toast.vue?vue&type=script&setup=true&lang.ts
+var Ri = { class: "min-w-0 flex-1" }, zi = /* @__PURE__ */ p({
+	__name: "Toast",
+	props: {
+		item: {},
+		duration: {}
+	},
+	emits: ["close"],
+	setup(e, { emit: t }) {
+		let n = e, r = t, i = o(() => n.item.severity ?? "info"), a = o(() => i.value === "danger" || i.value === "warning" ? "foreground" : "background"), l = o(() => n.item.duration ?? n.duration), p = {
+			info: "info",
+			success: "circle-check",
+			warning: "triangle-alert",
+			danger: "circle-alert",
+			secondary: "info"
+		};
+		return (t, n) => (x(), s(O(rt), {
+			"default-open": !0,
+			duration: l.value,
+			type: a.value,
+			"data-toast-root": "",
+			"data-duration": l.value,
+			class: g(["pointer-events-auto flex w-full items-start gap-3 rounded-lg p-4 text-sm shadow-popover", O(J)[i.value].soft]),
+			"onUpdate:open": n[1] ||= (e) => !e && r("close")
+		}, {
+			default: P(() => [
+				f(X, {
+					name: e.item.icon || p[i.value],
+					class: g(["mt-0.5 size-4 shrink-0", O(J)[i.value].icon])
+				}, null, 8, ["name", "class"]),
+				u("div", Ri, [e.item.title ? (x(), s(O(it), {
+					key: 0,
+					class: "font-medium"
+				}, {
+					default: P(() => [d(D(e.item.title), 1)]),
+					_: 1
+				})) : c("", !0), e.item.description ? (x(), s(O(tt), {
+					key: 1,
+					class: g(["leading-relaxed", e.item.title ? "mt-1" : ""])
+				}, {
+					default: P(() => [d(D(e.item.description), 1)]),
+					_: 1
+				}, 8, ["class"])) : c("", !0)]),
+				e.item.action ? (x(), s(O($e), {
+					key: 0,
+					"alt-text": e.item.action.label,
+					class: "-my-1 shrink-0 rounded-md px-2 py-1 font-medium transition-colors hover:bg-black/10 dark:hover:bg-white/10 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500",
+					onClick: n[0] ||= (t) => e.item.action.onClick()
+				}, {
+					default: P(() => [d(D(e.item.action.label), 1)]),
+					_: 1
+				}, 8, ["alt-text"])) : c("", !0),
+				e.item.closable === !1 ? c("", !0) : (x(), s(O(et), {
+					key: 1,
+					"aria-label": "Close",
+					class: "-me-1 -mt-1 shrink-0 rounded-md p-1 transition-colors hover:bg-black/10 dark:hover:bg-white/10 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500"
+				}, {
+					default: P(() => [f(O(H), { class: "size-4" })]),
+					_: 1
+				}))
+			]),
+			_: 1
+		}, 8, [
+			"duration",
+			"type",
+			"data-duration",
+			"class"
+		]));
+	}
+}), Bi = /* @__PURE__ */ p({
+	__name: "Toaster",
+	props: {
+		position: { default: "top-end" },
+		max: { default: 4 },
+		duration: { default: 5e3 },
+		gap: { default: "0.5rem" },
+		label: { default: "Notifications" },
+		store: {}
+	},
+	setup(e) {
+		let t = e, n = t.store ?? Ii({
+			max: t.max,
+			duration: t.duration,
+			position: t.position
+		});
+		S(Pi, n);
+		let r = [
+			"top-start",
+			"top-center",
+			"top-end",
+			"bottom-start",
+			"bottom-center",
+			"bottom-end"
+		], i = {
+			"top-start": "top-0 start-0",
+			"top-center": "top-0 inset-x-0 mx-auto",
+			"top-end": "top-0 end-0",
+			"bottom-start": "bottom-0 start-0",
+			"bottom-center": "bottom-0 inset-x-0 mx-auto",
+			"bottom-end": "bottom-0 end-0"
+		};
+		function o(e) {
+			return n.visible.value.filter((n) => (n.position ?? t.position) === e);
+		}
+		return (t, u) => (x(), s(O(nt), {
+			label: e.label,
+			duration: e.duration
+		}, {
+			default: P(() => [T(t.$slots, "default"), (x(), l(a, null, w(r, (t) => (x(), l(a, { key: t }, [o(t).length > 0 ? (x(), s(O(at), {
+				key: 0,
+				label: e.label,
+				class: g(["pointer-events-none fixed z-50 flex max-h-screen w-full max-w-sm flex-col", i[t]]),
+				style: _({ gap: e.gap })
+			}, {
+				default: P(() => [(x(!0), l(a, null, w(o(t), (t) => (x(), s(zi, {
+					key: t.id,
+					item: t,
+					duration: e.duration,
+					onClose: (e) => O(n).remove(t.id)
+				}, null, 8, [
+					"item",
+					"duration",
+					"onClose"
+				]))), 128))]),
+				_: 2
+			}, 1032, [
+				"label",
+				"class",
+				"style"
+			])) : c("", !0)], 64))), 64))]),
+			_: 3
+		}, 8, ["label", "duration"]));
+	}
 });
 //#endregion
-export { J as Button, Y as Checkbox, In as DataTable, Rt as DatePicker, Ut as Dialog, Wt as DropdownMenu, Kt as DropdownMenuContent, qt as DropdownMenuItem, Gt as DropdownMenuTrigger, q as Icon, ct as Input, gt as Password, Tt as Select, Et as SelectButton, cn as Table, gn as TableBody, Z as TableCell, bn as TableEmpty, vn as TableHead, pn as TableHeader, An as TablePagination, X as TableRow, yt as Tabs, St as TabsContent, bt as TabsList, xt as TabsTrigger, vt as Tag, ut as Textarea, sn as TransferList, $n as TreeSelect, Wn as TreeTable, W as clampTime, H as cn, Qe as dateToValue, rt as resolveIconName, G as sortRange, K as toISODate, U as toMinutes, tt as toPascalCase, et as toTime, $e as valueToDate };
+export { Dn as Alert, Dn as Message, Nn as Avatar, Z as Button, bn as Checkbox, mi as DataTable, cr as DatePicker, pr as Dialog, vr as Drawer, yr as DropdownMenu, xr as DropdownMenuContent, Tr as DropdownMenuGroup, Sr as DropdownMenuItem, wr as DropdownMenuLabel, Cr as DropdownMenuSeparator, br as DropdownMenuTrigger, hn as FormDescription, yn as FormField, _n as FormMessage, X as Icon, Zt as Input, tn as InputNumber, pn as Label, un as Password, Bn as Select, Vn as SelectButton, An as Skeleton, kn as Spinner, zr as Table, qr as TableBody, Xr as TableCell, Qr as TableEmpty, Yr as TableHead, Wr as TableHeader, ci as TablePagination, $ as TableRow, Pn as Tabs, Ln as TabsContent, Fn as TabsList, In as TabsTrigger, Sn as Tag, rn as Textarea, Kt as ThemeToggle, Bi as Toaster, Rr as TransferList, Ni as TreeSelect, wi as TreeTable, wt as buildHourOptions, Tt as buildMinuteOptions, St as clampTime, U as cn, Ht as createTheme, Ii as createToastStore, yt as dateToValue, q as formatLocalizedDate, At as formatLocalizedTime, Et as from12Hour, Dt as getFirstDayOfWeek, kt as getMonthLabel, Ot as getWeekdayLabels, Mt as mergeFormatOptions, Ft as resolveIconName, G as sortRange, K as to12Hour, Ct as toISODate, xt as toMinutes, jt as toNumberOrNull, Nt as toPascalCase, W as toTime, Pi as toastKey, J as toneClasses, Q as useFormField, Wt as useTheme, Li as useToast, bt as valueToDate };
 
 //# sourceMappingURL=index.js.map