@myghf/ui 0.1.0 → 0.3.0

package/dist/index.js

@@ -1,79 +1,273 @@
 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 { Fragment as a, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createTextVNode as d, createVNode as f, defineComponent as p, inject as m, mergeProps as h, normalizeClass as g, normalizeStyle as _, onBeforeUnmount as v, onMounted as y, openBlock as b, provide as x, ref as S, renderList as C, renderSlot as w, resolveDynamicComponent as T, toDisplayString as E, unref as D, useAttrs as O, useSlots as ee, vModelSelect as k, vModelText as A, vShow as te, watch as j, withCtx as M, withDirectives as N, withModifiers as P } from "vue";
+import * as ne from "lucide-vue-next";
+import { Calendar as re, Check as F, ChevronDown as I, ChevronLeft as ie, ChevronRight as L, ChevronUp as ae, ChevronsLeft as oe, ChevronsRight as se, ChevronsUpDown as ce, Clock as le, Eye as R, EyeOff as ue, Moon as de, Search as fe, Sun as pe, X as z } from "lucide-vue-next";
 import { tv as B } from "tailwind-variants";
-import { CheckboxIndicator as 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 { CheckboxIndicator as V, CheckboxRoot as me, DialogClose as he, DialogContent as ge, DialogDescription as _e, DialogOverlay as ve, DialogPortal as ye, DialogRoot as be, DialogTitle as H, DialogTrigger as xe, DropdownMenuContent as Se, DropdownMenuItem as Ce, DropdownMenuPortal as we, DropdownMenuRoot as Te, DropdownMenuTrigger as Ee, NumberFieldDecrement as De, NumberFieldIncrement as Oe, NumberFieldInput as ke, NumberFieldRoot as Ae, PopoverContent as je, PopoverRoot as Me, PopoverTrigger as Ne, RadioGroupIndicator as Pe, RadioGroupItem as Fe, RadioGroupRoot as Ie, SelectContent as Le, SelectItem as Re, SelectItemIndicator as ze, SelectItemText as Be, SelectRoot as Ve, SelectTrigger as He, SelectValue as Ue, TabsContent as We, TabsList as Ge, TabsRoot as Ke, TabsTrigger as qe, ToastAction as Je, ToastClose as Ye, ToastDescription as Xe, ToastProvider as Ze, ToastRoot as Qe, ToastTitle as $e, ToastViewport as et, TreeItem as tt, TreeRoot as nt, VisuallyHidden as rt } from "reka-ui";
+import { FlexRender as it, createExpandedRowModel as at, createPaginatedRowModel as ot, createSortedRowModel as st, rowExpandingFeature as ct, rowPaginationFeature as lt, rowSortingFeature as ut, sortFns as dt, tableFeatures as ft, useTable as pt } from "@tanstack/vue-table";
 //#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 mt(e) {
 	return new n(e.getFullYear(), e.getMonth() + 1, e.getDate());
 }
-function $e(e) {
+function ht(e) {
 	return e instanceof r ? e.toDate(i()) : new Date(e.year, e.month - 1, e.day);
 }
-function U(e) {
+function gt(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 _t(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(gt(t) / 60), gt(t) % 60, 0, 0), n;
 }
 function G(e, t) {
 	return !e || !t || e.getTime() <= t.getTime() ? [e, t] : [t, e];
 }
-function K(e) {
+function vt(e) {
 	let t = e.getMonth() + 1, n = e.getDate();
 	return `${e.getFullYear()}-${String(t).padStart(2, "0")}-${String(n).padStart(2, "0")}`;
 }
+function yt(e) {
+	return e === "12" ? Array.from({ length: 12 }, (e, t) => t + 1) : Array.from({ length: 24 }, (e, t) => t);
+}
+function bt(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 xt(e, t) {
+	let n = Math.trunc(e) % 12;
+	return t === "pm" ? n + 12 : n;
+}
+//#endregion
+//#region src/lib/locale.ts
+function St(e) {
+	try {
+		let t = new Intl.Locale(e), n = t.weekInfo ?? t.getWeekInfo?.();
+		if (n && typeof n.firstDay == "number") return n.firstDay % 7;
+	} catch {}
+	return 1;
+}
+function Ct(e, t) {
+	let n = (Math.trunc(t) % 7 + 7) % 7, r = new Intl.DateTimeFormat(e, { weekday: "short" });
+	return Array.from({ length: 7 }, (e, t) => r.format(new Date(2026, 0, 4 + (n + t) % 7)));
+}
+function wt(e, t) {
+	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 Tt(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 Et(e) {
+	return e == null || !Number.isFinite(e) ? null : e;
+}
+function Dt(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 Ot(e) {
 	return e.split("-").map((e) => e.charAt(0).toUpperCase() + e.slice(1)).join("");
 }
-var nt = "circle";
-function rt(e) {
+var kt = "circle";
+function At(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() : kt;
+}
+//#endregion
+//#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"
+	}
+}, jt = "myghf-theme", Mt = "both", Nt = "system";
+function Y() {
+	return typeof window < "u" && typeof document < "u";
+}
+function Pt() {
+	return !Y() || typeof window.matchMedia != "function" ? "light" : window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+}
+function Ft(e) {
+	try {
+		let t = window.localStorage.getItem(e);
+		return t === "light" || t === "dark" || t === "system" ? t : null;
+	} catch {
+		return null;
+	}
+}
+function It(e) {
+	return {
+		storageKey: e.storageKey ?? jt,
+		attribute: e.attribute ?? Mt,
+		defaultMode: e.defaultMode ?? Nt
+	};
+}
+function Lt(e = {}) {
+	let { storageKey: t, attribute: n, defaultMode: r } = It(e), i = Y() ? Ft(t) ?? r : r, a = S(i), s = o(() => a.value === "system" ? Pt() : a.value), c = o(() => s.value === "dark");
+	function 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 Rt = null;
+function zt(e) {
+	return Rt || (Rt = Lt(e), Rt);
 }
 //#endregion
-//#region src/components/icon/Icon.vue
-var q = /* @__PURE__ */ p({
+//#region src/components/theme-toggle/ThemeToggle.vue?vue&type=script&setup=true&lang.ts
+var Bt = ["aria-label", "aria-pressed"], Vt = /* @__PURE__ */ p({
+	__name: "ThemeToggle",
+	props: {
+		size: { default: "default" },
+		label: { default: "Toggle theme" }
+	},
+	setup(e) {
+		let t = e, { isDark: n, toggle: r } = zt(), 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) => (b(), l("button", {
+			type: "button",
+			class: g(a.value),
+			"aria-label": e.label,
+			"aria-pressed": D(n),
+			onClick: i[0] ||= (e) => D(r)()
+		}, [D(n) ? (b(), s(D(pe), { key: 0 })) : (b(), s(D(de), { key: 1 }))], 10, Bt));
+	}
+}), 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(() => ne[Ot(At(t.name))] ?? ne.Circle);
+		return (t, r) => (b(), s(T(n.value), {
 			size: e.size,
 			"aria-hidden": "true",
 			"data-icon": "",
 			name: e.name
 		}, null, 8, ["size", "name"]));
 	}
-}), it = [
+}), Ht = [
 	"type",
 	"disabled",
 	"data-loading"
-], at = {
+], Ut = {
 	key: 0,
 	class: "size-4 animate-spin rounded-full border-2 border-current border-t-transparent",
 	"aria-hidden": "true"
-}, J = /* @__PURE__ */ p({
+}, Z = /* @__PURE__ */ p({
 	__name: "Button",
 	props: {
 		variant: { default: "default" },
@@ -91,7 +285,7 @@ var q = /* @__PURE__ */ p({
 	},
 	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",
+			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,22 +306,22 @@ 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 = O(), i = o(() => n.disabled || n.loading || !!r.disabled);
+		return (n, a) => (b(), l("button", h({
 			type: e.type,
 			disabled: i.value,
 			"data-loading": e.loading || void 0,
-			class: T(t)({
+			class: D(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));
+		}, D(r)), [e.loading ? (b(), l("span", Ut)) : w(n.$slots, "default", {}, () => [d(E(e.label), 1)], void 0, 1)], 16, Ht));
 	}
-}), ot = { class: "relative w-full" }, st = [
+}), Wt = { class: "relative w-full" }, Gt = [
 	"value",
 	"placeholder",
 	"disabled"
-], ct = /* @__PURE__ */ p({
+], Kt = /* @__PURE__ */ p({
 	__name: "Input",
 	props: {
 		modelValue: {},
@@ -140,14 +334,14 @@ var q = /* @__PURE__ */ p({
 	},
 	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 = n, i = O(), a = S();
+		return t({ focus: () => a.value?.focus() }), (t, n) => (b(), l("div", Wt, [
+			e.leadingIcon ? (b(), 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,
 				value: e.modelValue,
@@ -160,20 +354,127 @@ var q = /* @__PURE__ */ p({
 					e.trailingIcon ? "pe-9" : "pe-3",
 					e.invalid ? "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, {
+			}, D(i), { onInput: n[0] ||= (e) => r("update:modelValue", e.target.value) }), null, 16, Gt),
+			e.trailingIcon ? (b(), 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"
+}, Jt = {
+	key: 1,
+	class: "shrink-0 select-none text-muted"
+}, Yt = {
+	key: 2,
+	class: "ms-1 flex shrink-0 flex-col"
+}, Xt = /* @__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 = O(), a = o(() => Number.isFinite(n.step) && n.step > 0 ? n.step : 1), s = o(() => Dt({
+			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) => (b(), l("div", { class: g(["relative flex w-full items-center rounded-md border border-border bg-surface px-3 text-sm text-foreground shadow-sm transition-colors focus-within:ring-2 focus-within:ring-primary-500", [
+			e.size === "sm" ? "h-8 text-xs" : e.size === "lg" ? "h-10" : "h-9",
+			e.invalid ? "border-error-500 focus-within:ring-error-500" : "",
+			e.disabled ? "cursor-not-allowed opacity-50" : ""
+		]]) }, [f(D(Ae), {
+			"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", D(Et)(e))
+		}, {
+			default: M(() => [
+				e.prefix ? (b(), l("span", qt, E(e.prefix), 1)) : c("", !0),
+				f(D(ke), h(D(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 ? (b(), l("span", Jt, E(e.suffix), 1)) : c("", !0),
+				e.showButtons ? (b(), l("div", Yt, [f(D(Oe), { class: "flex size-4 items-center justify-center rounded text-muted transition-colors hover:text-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-primary-500 disabled:cursor-not-allowed disabled:opacity-40" }, {
+					default: M(() => [f(X, {
+						name: "chevron-up",
+						size: 12
+					})]),
+					_: 1
+				}), f(D(De), { class: "flex size-4 items-center justify-center rounded text-muted transition-colors hover:text-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-primary-500 disabled:cursor-not-allowed disabled:opacity-40" }, {
+					default: M(() => [f(X, {
+						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));
+	}
+}), Zt = [
 	"value",
 	"placeholder",
 	"disabled",
 	"rows"
-], ut = /* @__PURE__ */ p({
+], Qt = /* @__PURE__ */ p({
 	__name: "Textarea",
 	props: {
 		modelValue: {},
@@ -184,26 +485,26 @@ var q = /* @__PURE__ */ p({
 	},
 	emits: ["update:modelValue"],
 	setup(e, { emit: t }) {
-		let n = t, r = E();
-		return (t, i) => (y(), l("textarea", m({
+		let n = t, r = O();
+		return (t, i) => (b(), l("textarea", h({
 			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));
+		}, D(r), { onInput: i[0] ||= (e) => n("update:modelValue", e.target.value) }), null, 16, Zt));
 	}
-}), dt = { class: "w-full" }, ft = { class: "relative w-full" }, pt = [
+}), $t = { class: "w-full" }, en = { class: "relative w-full" }, tn = [
 	"id",
 	"type",
 	"value",
 	"placeholder",
 	"disabled"
-], mt = ["disabled"], ht = {
+], nn = ["disabled"], rn = {
 	key: 0,
 	class: "mt-1.5 flex items-center gap-1.5",
 	"aria-hidden": "true"
-}, gt = /* @__PURE__ */ p({
+}, an = /* @__PURE__ */ p({
 	__name: "Password",
 	props: {
 		modelValue: {},
@@ -218,13 +519,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 = O(), d = S(!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) => (b(), l("div", $t, [u("div", en, [u("input", h({
 			id: e.id,
 			type: f.value,
 			value: e.modelValue,
@@ -235,24 +536,24 @@ 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", {
+		}, D(i), { onInput: n[0] ||= (e) => r("update:modelValue", e.target.value) }), null, 16, tn), 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 ? (b(), s(D(ue), {
 			key: 0,
 			class: "size-4"
-		})) : (y(), s(T(oe), {
+		})) : (b(), s(D(R), {
 			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, nn)]), e.feedback && e.modelValue ? (b(), l("div", rn, [(b(), l(a, null, C(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({
+}), on = /* @__PURE__ */ p({
 	__name: "Checkbox",
 	props: {
 		modelValue: {
@@ -265,15 +566,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) => (b(), s(D(me), {
 			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: M(() => [f(D(V), { class: "flex items-center justify-center text-white" }, {
+				default: M(() => [f(D(F), { class: "size-3.5" })]),
 				_: 1
 			})]),
 			_: 1
@@ -283,82 +584,170 @@ var q = /* @__PURE__ */ p({
 			"disabled"
 		]));
 	}
-}), _t = ["aria-label"], vt = /* @__PURE__ */ p({
+}), sn = ["aria-label"], cn = /* @__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) => (b(), l("span", { class: g(["inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-xs font-medium", D(J)[e.tone].soft]) }, [
+			e.icon ? (b(), s(X, {
 				key: 0,
 				name: e.icon,
 				class: "size-3"
 			}, null, 8, ["name"])) : c("", !0),
-			S(t.$slots, "default"),
-			e.removable ? (y(), l("button", {
+			w(t.$slots, "default"),
+			e.removable ? (b(), 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] ||= P((e) => n("remove"), ["stop"])
+			}, [f(D(z), { class: "size-3" })], 8, sn)) : c("", !0)
 		], 2));
 	}
-}), yt = /* @__PURE__ */ p({
+}), ln = ["role"], un = { class: "min-w-0 flex-1" }, dn = {
+	key: 0,
+	class: "font-medium"
+}, fn = ["aria-label"], pn = /* @__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 = S(!1), o = S(!1), p = S(!1), m, h = 0, _ = 0;
+		function x() {
+			m !== void 0 && (clearTimeout(m), m = void 0);
+		}
+		function C(e) {
+			x(), !(e <= 0) && (_ = e, h = Date.now() + e, m = setTimeout(j, e));
+		}
+		function T() {
+			m !== void 0 && (x(), _ = Math.max(0, h - Date.now()));
+		}
+		function O() {
+			if (!(a.value || o.value || p.value || m !== void 0) && !(!n.duration || n.duration <= 0)) {
+				if (_ <= 0) {
+					j();
+					return;
+				}
+				C(_);
+			}
+		}
+		function ee() {
+			o.value = !0, T();
+		}
+		function k() {
+			o.value = !1, O();
+		}
+		function A() {
+			p.value = !0, T();
+		}
+		function te() {
+			p.value = !1, O();
+		}
+		function j() {
+			a.value || (a.value = !0, x(), r("close"));
+		}
+		return y(() => {
+			n.duration && n.duration > 0 && C(n.duration);
+		}), v(x), (t, n) => a.value ? c("", !0) : (b(), l("div", {
+			key: 0,
+			role: D(J)[e.tone].role,
+			class: g(["flex w-full items-start gap-3 rounded-lg p-4 text-sm", D(J)[e.tone][e.variant]]),
+			onMouseenter: ee,
+			onMouseleave: k,
+			onFocusin: A,
+			onFocusout: te
+		}, [
+			w(t.$slots, "icon", {}, () => [e.showIcon ? (b(), s(X, {
+				key: 0,
+				name: e.icon || i[e.tone],
+				class: g(["mt-0.5 size-4 shrink-0", D(J)[e.tone].icon])
+			}, null, 8, ["name", "class"])) : c("", !0)]),
+			u("div", un, [
+				e.title || t.$slots.title ? (b(), l("p", dn, [w(t.$slots, "title", {}, () => [d(E(e.title), 1)])])) : c("", !0),
+				e.description || t.$slots.description ? (b(), l("div", {
+					key: 1,
+					class: g(["leading-relaxed", e.title || t.$slots.title ? "mt-1" : ""])
+				}, [w(t.$slots, "description", {}, () => [d(E(e.description), 1)])], 2)) : c("", !0),
+				w(t.$slots, "default")
+			]),
+			w(t.$slots, "actions"),
+			e.closable ? (b(), l("button", {
+				key: 0,
+				type: "button",
+				"aria-label": e.closeLabel,
+				class: "-me-1 -mt-1 ms-auto shrink-0 rounded-md p-1 transition-colors hover:bg-black/10 dark:hover:bg-white/10 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500",
+				onClick: j
+			}, [w(t.$slots, "close", {}, () => [f(D(z), { class: "size-4" })])], 8, fn)) : c("", !0)
+		], 42, ln));
+	}
+}), mn = /* @__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) => (b(), s(D(Ke), {
 			"model-value": e.modelValue,
 			"onUpdate:modelValue": r[0] ||= (e) => n("update:modelValue", e)
 		}, {
-			default: j(() => [S(t.$slots, "default")]),
+			default: M(() => [w(t.$slots, "default")]),
 			_: 3
 		}, 8, ["model-value"]));
 	}
-}), bt = /* @__PURE__ */ p({
+}), hn = /* @__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) => (b(), s(D(Ge), { class: "inline-flex h-9 w-full items-center justify-start gap-1 rounded-lg bg-surface-muted p-1 text-muted" }, {
+			default: M(() => [w(e.$slots, "default")]),
 			_: 3
 		}));
 	}
-}), xt = /* @__PURE__ */ p({
+}), gn = /* @__PURE__ */ p({
 	__name: "TabsTrigger",
 	props: {
 		value: {},
 		disabled: { type: Boolean }
 	},
 	setup(e) {
-		return (t, n) => (y(), s(T(Be), {
+		return (t, n) => (b(), s(D(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: M(() => [w(t.$slots, "default")]),
 			_: 3
 		}, 8, ["value", "disabled"]));
 	}
-}), St = /* @__PURE__ */ p({
+}), _n = /* @__PURE__ */ p({
 	__name: "TabsContent",
 	props: {
 		value: {},
@@ -368,15 +757,15 @@ var q = /* @__PURE__ */ p({
 		}
 	},
 	setup(e) {
-		return (t, n) => (y(), s(T(Le), {
+		return (t, n) => (b(), s(D(We), {
 			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: M(() => [w(t.$slots, "default")]),
 			_: 3
 		}, 8, ["value", "class"]));
 	}
-}), Ct = { class: "truncate" }, wt = { class: "ms-auto flex shrink-0 items-center gap-1" }, Tt = /* @__PURE__ */ p({
+}), vn = { class: "truncate" }, yn = { class: "ms-auto flex shrink-0 items-center gap-1" }, bn = /* @__PURE__ */ p({
 	__name: "Select",
 	props: {
 		modelValue: {},
@@ -392,18 +781,18 @@ var q = /* @__PURE__ */ p({
 	},
 	emits: ["update:modelValue"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, i = b(!1);
+		let n = e, r = t, i = S(!1);
 		function p(e) {
 			return e && typeof e == "object" && n.optionValue ? e[n.optionValue] ?? e : e;
 		}
-		function h(e) {
+		function m(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);
+		let g = o(() => n.multiple ? (Array.isArray(n.modelValue) ? n.modelValue : []).map((e) => m(n.options?.find((t) => p(t) === e))).filter(Boolean).join(", ") : n.modelValue == null ? "" : m(n.options?.find((e) => p(e) === n.modelValue))), _ = o(() => n.multiple && Array.isArray(n.modelValue) ? n.modelValue.length > 0 : n.modelValue != null);
 		function v() {
 			r("update:modelValue", n.multiple ? [] : null);
 		}
-		return (t, n) => (y(), s(T(Pe), {
+		return (t, n) => (b(), s(D(Ve), {
 			open: i.value,
 			"onUpdate:open": n[0] ||= (e) => i.value = e,
 			"model-value": e.modelValue,
@@ -411,34 +800,34 @@ var q = /* @__PURE__ */ p({
 			disabled: e.disabled,
 			"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: M(() => [f(D(He), h({ class: D(U)("flex w-full items-center justify-between gap-2 rounded-md border border-border bg-surface px-3 text-sm text-foreground shadow-sm transition-colors placeholder:text-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500 disabled:cursor-not-allowed disabled:opacity-50", e.size === "sm" ? "h-8 text-xs" : "h-9", e.invalid ? "border-error-500 focus-visible:ring-error-500" : "", t.$attrs.class || "") }, t.$attrs), {
+				default: M(() => [f(D(Ue), { placeholder: e.placeholder }, {
+					default: M(() => [u("span", vn, E(g.value || e.placeholder), 1)]),
 					_: 1
-				}, 8, ["placeholder"]), u("span", wt, [e.clearable && _.value ? (y(), l("button", {
+				}, 8, ["placeholder"]), u("span", yn, [e.clearable && _.value ? (b(), 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: P(v, ["stop"])
+				}, [f(D(z), { class: "size-3.5" })])) : c("", !0), f(D(I), { class: "size-4 opacity-50" })])]),
 				_: 1
-			}, 16, ["class"]), i.value ? (y(), s(T(Ae), {
+			}, 16, ["class"]), i.value ? (b(), s(D(Le), {
 				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), {
+				default: M(() => [(b(!0), l(a, null, C(e.options, (e) => (b(), s(D(Re), {
 					key: String(p(e)),
 					value: p(e),
-					class: "relative flex cursor-pointer select-none items-center rounded px-2 py-1.5 pr-8 text-sm text-foreground outline-none transition-colors focus:bg-surface-muted data-[highlighted]:bg-surface-muted data-[disabled]:opacity-50"
+					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: M(() => [f(D(Be), null, {
+						default: M(() => [d(E(m(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(D(ze), { class: "absolute end-2 flex items-center justify-center text-primary-600" }, {
+						default: M(() => [f(D(F), { class: "size-4" })]),
 						_: 1
 					})]),
 					_: 2
@@ -453,7 +842,7 @@ var q = /* @__PURE__ */ p({
 			"disabled"
 		]));
 	}
-}), Et = /* @__PURE__ */ p({
+}), xn = /* @__PURE__ */ p({
 	__name: "SelectButton",
 	props: {
 		modelValue: {},
@@ -464,7 +853,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 = S(null), o = S({
 			left: 0,
 			top: 0,
 			width: 0,
@@ -491,15 +880,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 x;
+		return y(() => {
+			g(), typeof ResizeObserver < "u" && i.value?.$el && (x = new ResizeObserver(g), x.observe(i.value.$el)), window.addEventListener("resize", g);
+		}), v(() => {
+			cancelAnimationFrame(c), x?.disconnect(), window.removeEventListener("resize", g);
+		}), j(() => n.modelValue, g), j(() => n.options, g, { deep: !0 }), (t, n) => (b(), s(D(Ie), {
 			ref_key: "rootEl",
 			ref: i,
 			"model-value": e.modelValue,
@@ -507,192 +896,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: M(() => [N(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]]), (b(!0), l(a, null, C(e.options, (t) => (b(), s(D(Fe), {
 				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: M(() => [f(D(Pe), { class: "hidden" }), d(" " + E(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 = {
+}), Sn = ["id", "disabled"], Cn = { class: "flex items-center justify-between" }, wn = ["aria-label"], Tn = {
+	"data-test": "month-label",
+	class: "text-sm font-medium"
+}, En = ["aria-label"], Dn = {
+	"data-test": "weekdays",
+	class: "mt-2 grid grid-cols-7 gap-0.5 text-center text-xs"
+}, On = { key: 0 }, kn = ["onClick"], An = {
 	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 = {
+}, jn = ["aria-label"], Mn = ["aria-label"], Nn = ["value"], Pn = ["aria-label"], Fn = ["value"], In = ["aria-label"], Ln = { value: "am" }, Rn = { value: "pm" }, zn = { class: "flex items-center gap-2" }, Bn = ["disabled"], Vn = {
 	key: 1,
 	class: "mt-3 flex justify-end border-t border-border pt-3"
-}, Rt = /* @__PURE__ */ p({
+}, Hn = /* @__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 = ee(), m = S(i.defaultOpen ?? !1), h = S(/* @__PURE__ */ new Date()), _ = S(null), v = S(null), y = S("09:00"), x = o(() => i.locale || "en"), w = o(() => ({
+			...r(x.value),
+			...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 O(e) {
+			let t = p[`label-${e}`];
+			if (t) {
+				let e = t().map(T).join("").trim();
+				if (e) return e;
+			}
+			return w.value[e];
+		}
+		let A = o(() => i.weekStartsOn ?? St(x.value)), te = o(() => Ct(x.value, A.value)), P = o(() => wt(h.value, x.value));
+		j(() => i.modelValue, (e) => {
+			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 ne = o(() => {
+			let e = (new Date(h.value.getFullYear(), h.value.getMonth(), 1).getDay() - A.value + 7) % 7, t = Array.from({ length: e }, () => null), n = new Date(h.value.getFullYear(), h.value.getMonth() + 1, 0).getDate();
+			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 F(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 E(e) {
-			d.value = new Date(d.value.getFullYear(), d.value.getMonth() + e, 1);
+		function I(e) {
+			h.value = new Date(h.value.getFullYear(), h.value.getMonth() + e, 1);
 		}
-		function D() {
-			return n.mode === "range" ? !!(p.value && m.value) : !!p.value;
+		function ae() {
+			return i.mode === "range" ? !!(_.value && v.value) : !!_.value;
 		}
-		function k(e) {
-			if (n.mode === "range") {
-				if (!p.value || m.value) p.value = e, m.value = null;
+		function oe(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" && (se(), 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 se() {
+			if (_.value) {
+				if (i.mode === "range") {
+					if (!v.value) return;
+					d("update:modelValue", [_.value, v.value]);
+				} else i.mode === "datetime" ? d("update:modelValue", _t(_.value, y.value)) : d("update:modelValue", _.value);
 			}
 		}
-		function P() {
-			p.value = null, m.value = null, r("update:modelValue", null), i.value = !1;
+		function ce() {
+			_.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 R = o(() => {
+			let [e, t] = y.value.split(":").map(Number);
+			return {
+				hour24: Number.isFinite(e) ? (Math.trunc(e) % 24 + 24) % 24 : 0,
+				minute: Number.isFinite(t) ? (Math.trunc(t) % 60 + 60) % 60 : 0
+			};
+		}), ue = o(() => yt(i.hourFormat)), de = o(() => bt(Math.min(30, Math.max(1, i.minuteStep ?? 1)))), fe = o({
+			get: () => i.hourFormat === "12" ? K(R.value.hour24).hour : R.value.hour24,
+			set: (e) => {
+				let { hour24: t, minute: n } = R.value, r = i.hourFormat === "12" ? xt(e, K(t).meridiem) : e;
+				y.value = W(r * 60 + n);
+			}
+		}), pe = o({
+			get: () => R.value.minute,
+			set: (e) => {
+				y.value = W(R.value.hour24 * 60 + e);
+			}
+		}), z = o({
+			get: () => K(R.value.hour24).meridiem,
+			set: (e) => {
+				let { hour: t } = K(R.value.hour24);
+				y.value = W(xt(t, e) * 60 + R.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 B(e) {
+			return String(e).padStart(2, "0");
+		}
+		let V = o(() => {
+			if (i.mode === "range") {
+				if (!_.value || !v.value) return "";
+				let [e, t] = G(_.value, v.value);
+				return `${q(e, x.value)} – ${q(t, x.value)}`;
+			}
+			if (!_.value) return "";
+			let e = i.mode === "datetime" ? _t(_.value, y.value) : _.value;
+			return i.mode === "datetime" ? `${q(e, x.value)} ${Tt(e, x.value, i.hourFormat)}` : q(e, x.value);
+		});
+		return (t, n) => (b(), s(D(Me), {
+			open: m.value,
+			"onUpdate:open": n[6] ||= (e) => m.value = e
 		}, {
-			default: j(() => [f(T(Ee), { "as-child": "" }, {
-				default: j(() => [u("button", {
+			default: M(() => [f(D(Ne), { "as-child": "" }, {
+				default: M(() => [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", V.value ? "text-foreground" : "text-muted"]) }, E(V.value || O("placeholder")), 3), f(D(re), { class: "size-4 shrink-0 text-muted" })], 10, Sn)]),
 				_: 1
-			}), f(T(we), {
+			}), f(D(je), {
 				"side-offset": 4,
 				class: "z-50 rounded-md border border-border bg-surface p-3 shadow-popover"
 			}, {
-				default: j(() => [
-					u("div", Ot, [
+				default: M(() => [
+					u("div", Cn, [
 						u("button", {
 							type: "button",
-							"aria-label": "Previous month",
+							"aria-label": O("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) => I(-1)
+						}, [f(D(ie), { class: "size-4 rtl:rotate-180" })], 8, wn),
+						u("span", Tn, E(P.value), 1),
 						u("button", {
 							type: "button",
-							"aria-label": "Next month",
+							"aria-label": O("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) => I(1)
+						}, [f(D(L), { class: "size-4 rtl:rotate-180" })], 8, En)
 					]),
-					u("div", At, [(y(), l(a, null, x(_, (e) => u("span", {
-						key: e,
+					u("div", Dn, [(b(!0), l(a, null, C(te.value, (e, t) => (b(), 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", {
+					}, E(e), 1))), 128)), (b(!0), l(a, null, C(ne.value, (e, t) => (b(), l(a, { key: t }, [e ? (b(), 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" : ""
+							F(e) ? "bg-primary-100 text-primary-800 dark:bg-primary-900/40 dark:text-primary-200" : "hover:bg-surface-muted",
+							_.value && _.value.getTime() === e.getTime() ? "bg-primary-500 text-white hover:bg-primary-500" : "",
+							v.value && v.value.getTime() === e.getTime() ? "bg-primary-500 text-white hover:bg-primary-500" : ""
 						]),
-						onClick: (t) => 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) => oe(e)
+					}, E(e.getDate()), 11, kn)) : (b(), l("span", On))], 64))), 128))]),
+					e.mode === "datetime" ? (b(), l("div", An, [u("div", {
+						role: "group",
+						"aria-label": O("time"),
+						class: "flex items-center gap-1.5 text-xs text-muted"
+					}, [
+						f(D(le), { class: "size-3.5" }),
+						N(u("select", {
+							"onUpdate:modelValue": n[2] ||= (e) => fe.value = e,
+							"data-test": "hours",
+							"aria-label": O("hour"),
+							class: "rounded border border-border bg-surface px-1.5 py-1 text-sm text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500"
+						}, [(b(!0), l(a, null, C(ue.value, (t) => (b(), l("option", {
+							key: t,
+							value: t
+						}, E(e.hourFormat === "12" ? t : B(t)), 9, Nn))), 128))], 8, Mn), [[
+							k,
+							fe.value,
+							void 0,
+							{ number: !0 }
+						]]),
+						n[7] ||= u("span", { "aria-hidden": "true" }, ":", -1),
+						N(u("select", {
+							"onUpdate:modelValue": n[3] ||= (e) => pe.value = e,
+							"data-test": "minutes",
+							"aria-label": O("minute"),
+							class: "rounded border border-border bg-surface px-1.5 py-1 text-sm text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500"
+						}, [(b(!0), l(a, null, C(de.value, (e) => (b(), l("option", {
+							key: e,
+							value: e
+						}, E(B(e)), 9, Fn))), 128))], 8, Pn), [[
+							k,
+							pe.value,
+							void 0,
+							{ number: !0 }
+						]]),
+						e.hourFormat === "12" ? N((b(), l("select", {
+							key: 0,
+							"onUpdate:modelValue": n[4] ||= (e) => z.value = e,
+							"data-test": "meridiem",
+							"aria-label": O("time"),
+							class: "rounded border border-border bg-surface px-1.5 py-1 text-sm text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500"
+						}, [u("option", Ln, E(O("am")), 1), u("option", Rn, E(O("pm")), 1)], 8, In)), [[k, z.value]]) : c("", !0)
+					], 8, jn), u("div", zn, [u("button", {
 						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: ce
+					}, E(O("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) => {
+							se(), m.value = !1;
 						}
-					}, " Apply ", 8, It)])])) : D() ? (y(), l("div", Lt, [u("button", {
+					}, E(O("apply")), 9, Bn)])])) : ae() ? (b(), l("div", Vn, [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: ce
+					}, E(O("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 = {
+}), Un = { class: "flex items-start justify-between gap-4 border-b border-border p-5 pb-4" }, Wn = { class: "min-w-0" }, Gn = { class: "overflow-y-auto bg-surface p-5" }, Kn = {
 	key: 0,
 	class: "flex justify-end gap-2 border-t border-border bg-surface-muted p-4"
-}, Ut = /* @__PURE__ */ p({
+}, qn = /* @__PURE__ */ p({
 	__name: "Dialog",
 	props: {
 		visible: { type: Boolean },
@@ -714,40 +1266,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) => (b(), s(D(be), {
 			open: i.value,
 			"onUpdate:open": p
 		}, {
-			default: j(() => [t.$slots.trigger ? (y(), s(T(ve), {
+			default: M(() => [t.$slots.trigger ? (b(), s(D(xe), {
 				key: 0,
 				"as-child": ""
 			}, {
-				default: j(() => [S(t.$slots, "trigger")]),
+				default: M(() => [w(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(D(ye), null, {
+				default: M(() => [f(D(ve), { class: "fixed inset-0 z-50 bg-black/50 dark:bg-black/70" }), f(D(ge), { class: g(["fixed left-1/2 top-1/2 z-50 w-full max-h-[85vh] -translate-x-1/2 -translate-y-1/2 overflow-hidden rounded-lg border border-border bg-surface shadow-dialog focus-visible:outline-none", a[e.size]]) }, {
+					default: M(() => [
+						u("div", Un, [u("div", Wn, [e.title || t.$slots.header ? (b(), s(D(H), {
 							key: 0,
 							class: "text-lg font-semibold text-foreground"
 						}, {
-							default: j(() => [S(t.$slots, "header", {}, () => [d(w(e.title), 1)])]),
+							default: M(() => [w(t.$slots, "header", {}, () => [d(E(e.title), 1)])]),
 							_: 3
-						})) : c("", !0), e.description || t.$slots.description ? (y(), s(T(pe), {
+						})) : c("", !0), e.description || t.$slots.description ? (b(), s(D(_e), {
 							key: 1,
 							class: "mt-1 text-sm text-muted"
 						}, {
-							default: j(() => [S(t.$slots, "description", {}, () => [d(w(e.description), 1)])]),
+							default: M(() => [w(t.$slots, "description", {}, () => [d(E(e.description), 1)])]),
 							_: 3
-						})) : c("", !0)]), f(T(de), {
+						})) : c("", !0)]), f(D(he), {
 							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: M(() => [f(D(z), { 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", Gn, [w(t.$slots, "default")]),
+						t.$slots.footer ? (b(), l("div", Kn, [w(t.$slots, "footer")])) : c("", !0)
 					]),
 					_: 3
 				}, 8, ["class"])]),
@@ -756,28 +1308,164 @@ var q = /* @__PURE__ */ p({
 			_: 3
 		}, 8, ["open"]));
 	}
-}), Wt = /* @__PURE__ */ p({
+}), Jn = {
+	key: 1,
+	class: "flex shrink-0 items-start justify-between gap-4 border-b border-border p-5 pb-4"
+}, Yn = { class: "min-w-0" }, Xn = { class: "flex-1 overflow-y-auto p-5" }, Zn = {
+	key: 2,
+	class: "shrink-0 border-t border-border bg-surface-muted p-4"
+}, Qn = /* @__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"), x = o(() => y.value ? v[n.size] : _[n.size]);
+		return (t, n) => (b(), s(D(be), {
+			open: i.value,
+			"onUpdate:open": a
+		}, {
+			default: M(() => [t.$slots.trigger ? (b(), s(D(xe), {
+				key: 0,
+				"as-child": ""
+			}, {
+				default: M(() => [w(t.$slots, "trigger")]),
+				_: 3
+			})) : c("", !0), f(D(ye), { "force-mount": i.value }, {
+				default: M(() => [e.backdrop || e.preventScroll ? (b(), s(D(ve), {
+					key: 0,
+					class: g(["fixed inset-0 z-50", e.backdrop ? "bg-black/50 dark:bg-black/70" : "bg-transparent"])
+				}, null, 8, ["class"])) : c("", !0), f(D(ge), {
+					class: g([
+						"fixed z-50 flex flex-col overflow-hidden border-border bg-surface shadow-dialog transition-transform duration-200 focus-visible:outline-none",
+						h[e.position],
+						x.value
+					]),
+					onEscapeKeyDown: p,
+					onPointerDownOutside: m
+				}, {
+					default: M(() => [
+						!e.title && !t.$slots.header ? (b(), s(D(rt), { key: 0 }, {
+							default: M(() => [f(D(H), null, {
+								default: M(() => [...n[0] ||= [d("Drawer", -1)]]),
+								_: 1
+							})]),
+							_: 1
+						})) : c("", !0),
+						e.title || t.$slots.header || e.description || t.$slots.description || e.showClose ? (b(), l("header", Jn, [u("div", Yn, [e.title || t.$slots.header ? (b(), s(D(H), {
+							key: 0,
+							class: "text-lg font-semibold text-foreground"
+						}, {
+							default: M(() => [w(t.$slots, "header", {}, () => [d(E(e.title), 1)])]),
+							_: 3
+						})) : c("", !0), e.description || t.$slots.description ? (b(), s(D(_e), {
+							key: 1,
+							class: "mt-1 text-sm text-muted"
+						}, {
+							default: M(() => [w(t.$slots, "description", {}, () => [d(E(e.description), 1)])]),
+							_: 3
+						})) : c("", !0)]), e.showClose ? (b(), s(D(he), {
+							key: 0,
+							class: "ms-auto shrink-0 rounded-md p-1 text-muted transition-colors hover:bg-surface-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500",
+							"aria-label": "Close"
+						}, {
+							default: M(() => [w(t.$slots, "close", {}, () => [f(D(z), { class: "size-4" })])]),
+							_: 3
+						})) : c("", !0)])) : c("", !0),
+						u("div", Xn, [w(t.$slots, "default")]),
+						t.$slots.footer ? (b(), l("footer", Zn, [w(t.$slots, "footer")])) : c("", !0)
+					]),
+					_: 3
+				}, 8, ["class"])]),
+				_: 3
+			}, 8, ["force-mount"])]),
+			_: 3
+		}, 8, ["open"]));
+	}
+}), $n = /* @__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) => (b(), s(D(Te), h(e.$attrs, { "onUpdate:open": t[0] ||= (e) => n("update:open", e) }), {
+			default: M(() => [w(e.$slots, "default")]),
 			_: 3
 		}, 16));
 	}
-}), Gt = /* @__PURE__ */ p({
+}), er = /* @__PURE__ */ p({
 	__name: "DropdownMenuTrigger",
 	setup(e) {
-		return (e, t) => (y(), s(T(Ce), {
+		return (e, t) => (b(), s(D(Ee), {
 			"as-child": "",
 			"focus-on-select": ""
 		}, {
-			default: j(() => [S(e.$slots, "default")]),
+			default: M(() => [w(e.$slots, "default")]),
 			_: 3
 		}));
 	}
-}), Kt = /* @__PURE__ */ p({
+}), tr = /* @__PURE__ */ p({
 	__name: "DropdownMenuContent",
 	props: {
 		align: { default: "start" },
@@ -785,14 +1473,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) => (b(), s(D(we), null, {
+			default: M(() => [f(D(Se), {
 				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: M(() => [w(t.$slots, "default")]),
 				_: 3
 			}, 8, [
 				"align",
@@ -802,7 +1490,7 @@ var q = /* @__PURE__ */ p({
 			_: 3
 		}));
 	}
-}), qt = /* @__PURE__ */ p({
+}), nr = /* @__PURE__ */ p({
 	__name: "DropdownMenuItem",
 	props: { variant: {} },
 	emits: ["select"],
@@ -815,21 +1503,21 @@ var q = /* @__PURE__ */ p({
 			} },
 			defaultVariants: { variant: "default" }
 		}), r = t;
-		return (t, i) => (y(), s(T(be), {
-			class: h(T(n)({ variant: e.variant })),
+		return (t, i) => (b(), s(D(Ce), {
+			class: g(D(n)({ variant: e.variant })),
 			onSelect: i[0] ||= (e) => r("select")
 		}, {
-			default: j(() => [S(t.$slots, "default")]),
+			default: M(() => [w(t.$slots, "default")]),
 			_: 3
 		}, 8, ["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 = {
+}), rr = { class: "flex flex-col gap-2 sm:flex-row sm:items-stretch" }, ir = { class: "border-b border-border px-3 py-2 text-xs font-medium text-muted" }, ar = { class: "max-h-64 flex-1 overflow-y-auto p-1" }, or = ["disabled", "onClick"], sr = { class: "truncate" }, cr = {
 	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 = {
+}, lr = { class: "flex flex-row items-center justify-center gap-1 sm:flex-col" }, ur = { class: "border-b border-border px-3 py-2 text-xs font-medium text-muted" }, dr = { class: "max-h-64 flex-1 overflow-y-auto p-1" }, fr = ["disabled", "onClick"], pr = { class: "truncate" }, mr = {
 	key: 0,
 	class: "px-2 py-1.5 text-sm text-muted"
-}, sn = /* @__PURE__ */ p({
+}, hr = /* @__PURE__ */ p({
 	__name: "TransferList",
 	props: {
 		options: {},
@@ -843,106 +1531,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 = S(new Set(n.modelValue ?? [])), s = S(/* @__PURE__ */ new Set()), p = S(/* @__PURE__ */ new Set()), m = o(() => n.options.filter((e) => !i.value.has(e.value))), h = o(() => n.options.filter((e) => i.value.has(e.value)));
 		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 x() {
 			for (let e of p.value) i.value.delete(e);
 			p.value.clear(), _();
 		}
-		function D() {
+		function T() {
 			for (let e of n.options) i.value.add(e.value);
 			s.value.clear(), _();
 		}
 		function O() {
 			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) => (b(), l("div", rr, [
+			u("div", { class: g(["flex min-h-40 flex-1 flex-col rounded-md border border-border bg-surface", e.disabled && "opacity-50"]) }, [u("div", ir, [w(t.$slots, "source-header", {}, () => [d(E(e.sourceLabel), 1)])]), u("ul", ar, [(b(!0), l(a, null, C(m.value, (r) => (b(), l("li", { key: r.value }, [u("button", {
 				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(on, {
 				"model-value": s.value.has(r.value),
 				disabled: e.disabled,
-				onClick: n[0] ||= N(() => {}, ["stop"]),
+				onClick: n[0] ||= P(() => {}, ["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, {
+			]), w(t.$slots, "item", { option: r }, () => [u("span", sr, E(r.label), 1)])], 8, or)]))), 128)), m.value.length === 0 ? (b(), l("li", cr, "Empty")) : c("", !0)])], 2),
+			u("div", lr, [
+				f(Z, {
 					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: M(() => [f(D(L), { 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: x
 				}, {
-					default: j(() => [f(T(L), { class: "size-4" })]),
+					default: M(() => [f(D(ie), { 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: T
 				}, {
-					default: j(() => [f(T(re), { class: "size-4" })]),
+					default: M(() => [f(D(se), { 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
 				}, {
-					default: j(() => [f(T(ne), { class: "size-4" })]),
+					default: M(() => [f(D(oe), { 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", ur, [w(t.$slots, "target-header", {}, () => [d(E(e.targetLabel), 1)])]), u("ul", dr, [(b(!0), l(a, null, C(h.value, (r) => (b(), l("li", { key: r.value }, [u("button", {
 				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(on, {
 				"model-value": p.value.has(r.value),
 				disabled: e.disabled,
-				onClick: n[1] ||= N(() => {}, ["stop"]),
+				onClick: n[1] ||= P(() => {}, ["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)
+			]), w(t.$slots, "item", { option: r }, () => [u("span", pr, E(r.label), 1)])], 8, fr)]))), 128)), h.value.length === 0 ? (b(), l("li", mr, "Empty")) : c("", !0)])], 2)
 		]));
 	}
-}), cn = /* @__PURE__ */ p({
+}), gr = /* @__PURE__ */ p({
 	__name: "Table",
 	props: {
 		striped: { type: Boolean },
@@ -953,31 +1641,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) => (b(), l("table", { class: g(n.value) }, [w(e.$slots, "default")], 2));
 	}
-}), ln = (e, t) => {
+}), _r = (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 = {}, yr = { class: "border-b border-border bg-surface-muted/60 text-xs font-medium text-muted" };
+function br(e, t) {
+	return b(), l("thead", yr, [w(e.$slots, "default")]);
 }
-var pn = /*#__PURE__*/ ln(un, [["render", fn]]), mn = {};
-function hn(e, t) {
-	return y(), l("tbody", null, [S(e.$slots, "default")]);
+var xr = /*#__PURE__*/ _r(vr, [["render", br]]), Sr = {};
+function Cr(e, t) {
+	return b(), l("tbody", null, [w(e.$slots, "default")]);
 }
-var gn = /*#__PURE__*/ ln(mn, [["render", hn]]), X = /* @__PURE__ */ p({
+var wr = /*#__PURE__*/ _r(Sr, [["render", Cr]]), Q = /* @__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) => (b(), l("tr", { class: g(["border-b border-border/60 last:border-b-0", e.clickable && "cursor-pointer transition-colors hover:bg-surface-muted/50"]) }, [w(t.$slots, "default")], 2));
 	}
-}), _n = ["aria-sort"], vn = /* @__PURE__ */ p({
+}), Tr = ["aria-sort"], Er = /* @__PURE__ */ p({
 	__name: "TableHead",
 	props: {
 		sortDirection: {},
@@ -986,39 +1674,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) => (b(), 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(D(U)("px-3 py-2 font-medium", e.align === "center" && "text-center", e.align === "end" && "text-end"))
+		}, [w(t.$slots, "default")], 14, Tr));
 	}
-}), Z = /* @__PURE__ */ p({
+}), Dr = /* @__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) => (b(), l("td", { class: g(n.value) }, [w(e.$slots, "default")], 2));
 	}
-}), yn = ["colspan"], bn = /* @__PURE__ */ p({
+}), Or = ["colspan"], kr = /* @__PURE__ */ p({
 	__name: "TableEmpty",
 	props: {
 		columns: {},
 		label: {}
 	},
 	setup(e) {
-		return (t, n) => (y(), l("tr", null, [u("td", {
+		return (t, n) => (b(), 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)]));
+		}, [w(t.$slots, "default", {}, () => [d(E(e.label), 1)])], 8, Or)]));
 	}
 });
 //#endregion
 //#region src/lib/pagination.ts
-function xn(e, t, n) {
+function Ar(e, t, n) {
 	if (n <= 0 || t <= 0) return {
 		from: 0,
 		to: 0,
@@ -1035,17 +1723,17 @@ function xn(e, t, n) {
 		total: n
 	};
 }
-function Sn(e, t) {
+function jr(e, t) {
 	return t <= 0 ? 1 : Math.max(1, Math.ceil(e / t));
 }
-function Cn(e, t, n = 5) {
+function Mr(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 Nr = { class: "flex flex-wrap items-center justify-between gap-3 px-3 py-2 text-sm text-muted" }, Pr = { class: "flex items-center gap-2" }, Fr = ["value"], Ir = ["value"], Lr = { class: "flex items-center gap-2" }, Rr = { class: "flex items-center gap-1" }, zr = /* @__PURE__ */ p({
 	__name: "TablePagination",
 	props: {
 		pageIndex: {},
@@ -1063,63 +1751,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(() => jr(n.total, n.pageSize)), c = o(() => Ar(n.pageIndex, n.pageSize, n.total)), p = o(() => Mr(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) => (b(), l("div", Nr, [u("div", Pr, [u("span", null, E(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", {
+		}, [(b(!0), l(a, null, C(e.pageSizeOptions, (e) => (b(), 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, {
+		}, E(e), 9, Ir))), 128))], 40, Fr)]), u("div", Lr, [u("span", null, E(c.value.from) + "–" + E(c.value.to) + " " + E(e.ofLabel) + " " + E(c.value.total), 1), u("div", Rr, [
+			f(Z, {
 				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: M(() => [f(D(ie), { class: "size-4 rtl:rotate-180" })]),
 				_: 1
 			}, 8, ["disabled", "aria-label"]),
-			(y(!0), l(a, null, x(p.value, (t) => (y(), s(J, {
+			(b(!0), l(a, null, C(p.value, (t) => (b(), 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: M(() => [d(E(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: M(() => [f(D(L), { 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 = [
+}), Br = ft({
+	rowSortingFeature: ut,
+	rowPaginationFeature: lt,
+	rowExpandingFeature: ct,
+	sortedRowModel: st(),
+	paginatedRowModel: ot(),
+	expandedRowModel: at(),
+	sortFns: dt
+}), Vr = [
 	"a[href]",
 	"button",
 	"input",
@@ -1132,16 +1820,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 Hr(e) {
 	let t = e;
-	return !t || typeof t.closest != "function" ? !1 : t.closest(Mn) !== null;
+	return !t || typeof t.closest != "function" ? !1 : t.closest(Vr) !== null;
 }
-function Pn(e, t) {
+function Ur(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 Wr = ["onClick"], Gr = /* @__PURE__ */ p({
 	__name: "DataTable",
 	props: {
 		data: {},
@@ -1174,8 +1862,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 = ee(), u = S([]), p = n.getRowId ? (e) => n.getRowId(e) : void 0, m = pt({
+			features: Br,
 			get columns() {
 				return n.columns;
 			},
@@ -1202,47 +1890,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 x = (e) => !!i[`cell-${e}`], T = (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 O(e, t) {
+			r("row-click", h.value.find((e) => e.id === t)?.original), n.expandable && (n.stopRowToggleOnInteractiveCells && Hr(e.target) || r("update:expanded", Ur(n.expanded, t)));
 		}
-		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) => (b(), l("div", {
+			class: g(e.maxHeight ? "overflow-auto" : void 0),
+			style: _(e.maxHeight ? { maxHeight: e.maxHeight } : void 0)
+		}, [f(gr, {
 			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: M(() => [f(xr, null, {
+				default: M(() => [f(Q, null, {
+					default: M(() => [(b(!0), l(a, null, C(D(m).getHeaderGroups()[0]?.headers ?? [], (t) => (b(), s(Er, {
 						key: t.id,
-						width: O(t.column.columnDef),
-						"sort-direction": t.column.getCanSort() ? C(t.column.id) : void 0
+						width: T(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: M(() => [e.sortable && t.column.getCanSort() ? (b(), 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(D(it), { header: t }, null, 8, ["header"]), y(t.column.id) === "descending" ? (b(), s(D(I), {
 							key: 0,
 							class: "size-3.5"
-						})) : C(t.column.id) === "ascending" ? (y(), s(T(te), {
+						})) : y(t.column.id) === "ascending" ? (b(), s(D(ae), {
 							key: 1,
 							class: "size-3.5"
-						})) : (y(), s(T(ie), {
+						})) : (b(), s(D(ce), {
 							key: 2,
 							class: "size-3.5 opacity-40"
-						}))], 8, Fn)) : (y(), s(T(V), {
+						}))], 8, Wr)) : (b(), s(D(it), {
 							key: 1,
 							header: t
 						}, null, 8, ["header"]))]),
@@ -1251,25 +1939,25 @@ var Fn = ["onClick"], In = /* @__PURE__ */ p({
 					_: 1
 				})]),
 				_: 1
-			}), f(gn, null, {
-				default: j(() => [_.value.length === 0 ? (y(), s(bn, {
+			}), f(wr, null, {
+				default: M(() => [h.value.length === 0 ? (b(), s(kr, {
 					key: 0,
 					columns: v.value
 				}, {
-					default: j(() => [S(t.$slots, "empty", {}, () => [d(w(e.emptyLabel), 1)])]),
+					default: M(() => [w(t.$slots, "empty", {}, () => [d(E(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), (b(!0), l(a, null, C(h.value, (n) => (b(), l(a, { key: n.id }, [f(Q, {
 					clickable: e.expandable,
 					"data-row-id": n.id,
 					"data-state": n.getIsExpanded() ? "expanded" : void 0,
-					onClick: (e) => k(e, n.id)
+					onClick: (e) => O(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: M(() => [(b(!0), l(a, null, C(n.getAllCells(), (e) => (b(), s(Dr, { key: e.id }, {
+						default: M(() => [x(e.column.id) ? w(t.$slots, `cell-${e.column.id}`, {
 							row: n,
 							cell: e,
 							value: e.getValue()
-						}, void 0, void 0, 0) : (y(), s(T(V), {
+						}, void 0, void 0, 0) : (b(), s(D(it), {
 							key: 1,
 							cell: e
 						}, null, 8, ["cell"]))]),
@@ -1281,12 +1969,12 @@ var Fn = ["onClick"], In = /* @__PURE__ */ p({
 					"data-row-id",
 					"data-state",
 					"onClick"
-				]), n.getIsExpanded() ? (y(), s(X, {
+				]), n.getIsExpanded() ? (b(), s(Q, {
 					key: 0,
 					class: "bg-surface-muted/30"
 				}, {
-					default: j(() => [f(Z, { colspan: v.value }, {
-						default: j(() => [S(t.$slots, "expansion", { row: n })]),
+					default: M(() => [f(Dr, { colspan: v.value }, {
+						default: M(() => [w(t.$slots, "expansion", { row: n })]),
 						_: 2
 					}, 1032, ["colspan"])]),
 					_: 2
@@ -1299,7 +1987,7 @@ var Fn = ["onClick"], In = /* @__PURE__ */ p({
 });
 //#endregion
 //#region src/lib/tree.ts
-function Q(e, t, n = 1, r = null) {
+function Kr(e, t, n = 1, r = null) {
 	return e.flatMap((e) => {
 		let i = {
 			node: e,
@@ -1308,27 +1996,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, ...Kr(e.children, t, n + 1, e.value)];
 	});
 }
-function Ln(e, t) {
+function qr(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 ? qr(n.children, t) : void 0;
 		if (e) return e;
 	}
 }
-function $(e) {
-	return e.flatMap((e) => e.children?.length ? $(e.children) : [e.value]);
+function Jr(e) {
+	return e.flatMap((e) => e.children?.length ? Jr(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 Yr(e, t) {
+	let n = e.children?.length ? Jr([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 Xr(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 ? Xr(i.children, t, n) : void 0;
 		return !n(i).toLowerCase().includes(r) && (!a || a.length === 0) || e.push({
 			...i,
 			children: a
@@ -1337,10 +2025,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 Zr = { class: "overflow-hidden rounded-md border border-border bg-surface" }, Qr = { class: "px-3 py-2" }, $r = ["aria-label", "onClick"], ei = {
 	key: 1,
 	class: "inline-block size-4"
-}, Wn = /* @__PURE__ */ p({
+}, ti = /* @__PURE__ */ p({
 	__name: "TreeTable",
 	props: {
 		nodes: {},
@@ -1354,44 +2042,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(() => Kr(n.nodes, n.expanded));
+		return (t, n) => (b(), l("div", Zr, [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", Qr, [w(t.$slots, "header", {}, () => [d(E(e.rowColumnHeader), 1)])]), (b(!0), l(a, null, C(e.columns, (e) => (b(), 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"]])
+		}, E(e.header), 3))), 128))], 4), f(D(nt), {
 			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: M(() => [(b(!0), l(a, null, C(c.value, (n) => (b(), s(D(tt), {
 				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: M(({ 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 ? (b(), 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: P(i, ["stop"])
+				}, [f(D(L), { class: "size-3.5 rtl:rotate-180" })], 10, $r)) : (b(), l("span", ei)), w(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(E(e.rowLabel(n.node)), 1)])], 4), (b(!0), l(a, null, C(e.columns, (e) => (b(), 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"]])
+				}, [w(t.$slots, `cell-${e.key}`, {
 					node: n.node,
 					row: n,
 					isExpanded: r,
@@ -1412,22 +2100,22 @@ var Bn = { class: "overflow-hidden rounded-md border border-border bg-surface" }
 			"expanded"
 		])]));
 	}
-}), Gn = ["disabled"], Kn = {
+}), ni = ["disabled"], ri = {
 	key: 0,
 	class: "truncate text-muted"
-}, qn = {
+}, ii = {
 	key: 1,
 	class: "flex flex-wrap items-center gap-1"
-}, Jn = {
+}, ai = {
 	key: 0,
 	class: "relative mb-2"
-}, Yn = ["placeholder"], Xn = {
+}, oi = ["placeholder"], si = {
 	key: 1,
 	class: "block h-0.5 w-2 rounded bg-white"
-}, Zn = { class: "truncate" }, Qn = {
+}, ci = { class: "truncate" }, li = {
 	key: 1,
 	class: "mt-2 flex justify-end border-t border-border pt-2"
-}, $n = /* @__PURE__ */ p({
+}, ui = /* @__PURE__ */ p({
 	__name: "TreeSelect",
 	props: {
 		modelValue: { default: () => [] },
@@ -1447,70 +2135,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 = S(!1), p = S(""), m = S([]), h = o(() => Xr(n.nodes, p.value)), v = o(() => Kr(h.value, m.value)), y = o(() => Jr(n.nodes)), x = o(() => n.modelValue.map((e) => qr(n.nodes, e)).filter((e) => !!e));
+		function w(e) {
+			return Yr(e, n.modelValue);
 		}
-		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) => (b(), s(D(Me), {
 			open: i.value,
 			"onUpdate:open": n[3] ||= (e) => i.value = e
 		}, {
-			default: j(() => [f(T(Ee), {
+			default: M(() => [f(D(Ne), {
 				"as-child": "",
 				disabled: e.disabled
 			}, {
-				default: j(() => [u("button", {
+				default: M(() => [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"])
+				}, [x.value.length === 0 ? (b(), l("span", ri, E(e.placeholder), 1)) : (b(), l("span", ii, [(b(!0), l(a, null, C(x.value, (e) => (b(), s(cn, {
 					key: e.value,
 					tone: "secondary"
 				}, {
-					default: j(() => [d(w(e.label ?? e.value), 1)]),
+					default: M(() => [d(E(e.label ?? e.value), 1)]),
 					_: 2
-				}, 1024))), 128))])), f(T(I), { class: "size-4 shrink-0 opacity-50" })], 10, Gn)]),
+				}, 1024))), 128))])), f(D(I), { class: "size-4 shrink-0 opacity-50" })], 10, ni)]),
 				_: 1
-			}, 8, ["disabled"]), f(T(we), {
+			}, 8, ["disabled"]), f(D(je), {
 				"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: M(() => [
+					e.filterable ? (b(), l("div", ai, [f(D(fe), { class: "pointer-events-none absolute start-2 top-1/2 size-3.5 -translate-y-1/2 text-muted" }), N(u("input", {
 						"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, oi), [[A, p.value]])])) : c("", !0),
+					f(D(nt), {
+						"model-value": x.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: M(() => [(b(!0), l(a, null, C(v.value, (e) => (b(), s(D(tt), {
 							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: M(() => [u("span", {
+								class: g(["flex size-4 shrink-0 items-center justify-center rounded border border-border", w(e.node) !== "unchecked" && "border-primary-500 bg-primary-500 text-white"]),
 								"aria-hidden": "true"
-							}, [E(e.node) === "checked" ? (y(), s(T(F), {
+							}, [w(e.node) === "checked" ? (b(), s(D(F), {
 								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)]),
+							})) : w(e.node) === "indeterminate" ? (b(), l("span", si)) : c("", !0)], 2), u("span", ci, E(e.node.label ?? e.node.value), 1)]),
 							_: 2
 						}, 1032, [
 							"value",
@@ -1525,19 +2213,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 ? (b(), l("div", li, [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(D(z), { class: "size-3" }), n[4] ||= d("Clear ", -1)])])) : c("", !0)
 				]),
 				_: 1
 			})]),
 			_: 1
 		}, 8, ["open"]));
 	}
+}), $ = Symbol("myghf-toast"), di = 0;
+function fi(e = {}) {
+	let t = Math.max(1, e.max ?? 4), n = e.duration ?? 5e3, r = e.position ?? "top-end", i = S([]), a = o(() => i.value.slice(0, t));
+	function s(e) {
+		let t = `toast-${++di}`;
+		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 pi() {
+	let e = m($);
+	if (!e) throw Error("useToast() requires a <Toaster /> mounted above this component.");
+	return e;
+}
+//#endregion
+//#region src/components/toast/Toast.vue?vue&type=script&setup=true&lang.ts
+var mi = { class: "min-w-0 flex-1" }, hi = /* @__PURE__ */ p({
+	__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) => (b(), s(D(Qe), {
+			"default-open": !0,
+			duration: l.value,
+			type: a.value,
+			"data-toast-root": "",
+			"data-duration": l.value,
+			class: g(["pointer-events-auto flex w-full items-start gap-3 rounded-lg p-4 text-sm shadow-popover", D(J)[i.value].soft]),
+			"onUpdate:open": n[1] ||= (e) => !e && r("close")
+		}, {
+			default: M(() => [
+				f(X, {
+					name: e.item.icon || p[i.value],
+					class: g(["mt-0.5 size-4 shrink-0", D(J)[i.value].icon])
+				}, null, 8, ["name", "class"]),
+				u("div", mi, [e.item.title ? (b(), s(D($e), {
+					key: 0,
+					class: "font-medium"
+				}, {
+					default: M(() => [d(E(e.item.title), 1)]),
+					_: 1
+				})) : c("", !0), e.item.description ? (b(), s(D(Xe), {
+					key: 1,
+					class: g(["leading-relaxed", e.item.title ? "mt-1" : ""])
+				}, {
+					default: M(() => [d(E(e.item.description), 1)]),
+					_: 1
+				}, 8, ["class"])) : c("", !0)]),
+				e.item.action ? (b(), s(D(Je), {
+					key: 0,
+					"alt-text": e.item.action.label,
+					class: "-my-1 shrink-0 rounded-md px-2 py-1 font-medium transition-colors hover:bg-black/10 dark:hover:bg-white/10 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500",
+					onClick: n[0] ||= (t) => e.item.action.onClick()
+				}, {
+					default: M(() => [d(E(e.item.action.label), 1)]),
+					_: 1
+				}, 8, ["alt-text"])) : c("", !0),
+				e.item.closable === !1 ? c("", !0) : (b(), s(D(Ye), {
+					key: 1,
+					"aria-label": "Close",
+					class: "-me-1 -mt-1 shrink-0 rounded-md p-1 transition-colors hover:bg-black/10 dark:hover:bg-white/10 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500"
+				}, {
+					default: M(() => [f(D(z), { class: "size-4" })]),
+					_: 1
+				}))
+			]),
+			_: 1
+		}, 8, [
+			"duration",
+			"type",
+			"data-duration",
+			"class"
+		]));
+	}
+}), gi = /* @__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 ?? fi({
+			max: t.max,
+			duration: t.duration,
+			position: t.position
+		});
+		x($, 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) => (b(), s(D(Ze), {
+			label: e.label,
+			duration: e.duration
+		}, {
+			default: M(() => [w(t.$slots, "default"), (b(), l(a, null, C(r, (t) => (b(), l(a, { key: t }, [o(t).length > 0 ? (b(), s(D(et), {
+				key: 0,
+				label: e.label,
+				class: g(["pointer-events-none fixed z-50 flex max-h-screen w-full max-w-sm flex-col", i[t]]),
+				style: _({ gap: e.gap })
+			}, {
+				default: M(() => [(b(!0), l(a, null, C(o(t), (t) => (b(), s(hi, {
+					key: t.id,
+					item: t,
+					duration: e.duration,
+					onClose: (e) => D(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 { pn as Alert, pn as Message, Z as Button, on as Checkbox, Gr as DataTable, Hn as DatePicker, qn as Dialog, Qn as Drawer, $n as DropdownMenu, tr as DropdownMenuContent, nr as DropdownMenuItem, er as DropdownMenuTrigger, X as Icon, Kt as Input, Xt as InputNumber, an as Password, bn as Select, xn as SelectButton, gr as Table, wr as TableBody, Dr as TableCell, kr as TableEmpty, Er as TableHead, xr as TableHeader, zr as TablePagination, Q as TableRow, mn as Tabs, _n as TabsContent, hn as TabsList, gn as TabsTrigger, cn as Tag, Qt as Textarea, Vt as ThemeToggle, gi as Toaster, hr as TransferList, ui as TreeSelect, ti as TreeTable, yt as buildHourOptions, bt as buildMinuteOptions, _t as clampTime, U as cn, Lt as createTheme, fi as createToastStore, mt as dateToValue, q as formatLocalizedDate, Tt as formatLocalizedTime, xt as from12Hour, St as getFirstDayOfWeek, wt as getMonthLabel, Ct as getWeekdayLabels, Dt as mergeFormatOptions, At as resolveIconName, G as sortRange, K as to12Hour, vt as toISODate, gt as toMinutes, Et as toNumberOrNull, Ot as toPascalCase, W as toTime, $ as toastKey, J as toneClasses, zt as useTheme, pi as useToast, ht as valueToDate };
 
 //# sourceMappingURL=index.js.map