@vanduo-oss/vue 0.1.0 → 0.2.0

package/dist/index.js

@@ -1,21 +1,69 @@
-import { Fragment as e, Teleport as t, computed as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createStaticVNode as s, createTextVNode as c, createVNode as l, defineComponent as u, nextTick as d, normalizeClass as f, normalizeStyle as p, onBeforeUnmount as m, onMounted as h, onUnmounted as g, openBlock as _, reactive as v, ref as y, renderList as b, renderSlot as x, resolveComponent as S, resolveDynamicComponent as C, toDisplayString as w, unref as T, vModelText as E, vShow as D, watch as O, withCtx as k, withDirectives as A, withModifiers as j } from "vue";
-import { defineStore as M } from "pinia";
-import { DEFAULTS as ee, FONT_OPTIONS as N, NEUTRAL_COLORS as P, PALETTE_OPTIONS as te, PRIMARY_COLORS as ne, RADIUS_OPTIONS as re, THEME_MODES as F } from "@vanduo-oss/core";
-//#region src/plugin.ts
-var I = null;
-function ie() {
-	return typeof window > "u" ? Promise.resolve() : (I ||= import("@vanduo-oss/framework/iife"), I);
+import { DEFAULTS as e, FONT_OPTIONS as t, NEUTRAL_COLORS as n, PALETTE_OPTIONS as r, PRIMARY_COLORS as i, RADIUS_OPTIONS as a, THEME_MODES as o } from "@vanduo-oss/core";
+import { Fragment as s, Teleport as c, computed as l, createBlock as u, createCommentVNode as d, createElementBlock as f, createElementVNode as p, createStaticVNode as m, createTextVNode as h, createVNode as g, defineComponent as _, nextTick as v, normalizeClass as y, normalizeStyle as b, onBeforeUnmount as x, onMounted as S, onUnmounted as C, openBlock as w, reactive as T, ref as E, renderList as D, renderSlot as O, resolveComponent as k, resolveDynamicComponent as A, toDisplayString as j, unref as M, vModelText as N, vShow as P, watch as F, withCtx as I, withDirectives as L, withModifiers as R } from "vue";
+import { defineStore as ee } from "pinia";
+//#region src/composables/useTheme.ts
+var z = { ...e }, te = () => ({ ...z }), B = (e) => (z = {
+	...z,
+	...e
+}, z), ne = r.map((e) => e.key), re = (e) => ne.includes(e), V = {
+	PALETTE: "vanduo-palette",
+	PRIMARY: "vanduo-primary-color",
+	NEUTRAL: "vanduo-neutral-color",
+	RADIUS: "vanduo-radius",
+	FONT: "vanduo-font-preference",
+	THEME: "vanduo-theme-preference"
+}, H = () => typeof window < "u", ie = () => {
+	if (!H() || typeof window.matchMedia != "function") return !1;
+	let e = window.matchMedia("(prefers-color-scheme: dark)");
+	return !!e && e.matches;
+}, U = (e) => e === "system" ? ie() ? z.PRIMARY_DARK : z.PRIMARY_LIGHT : e === "dark" ? z.PRIMARY_DARK : z.PRIMARY_LIGHT, W = (e, t) => {
+	if (!H()) return t;
+	try {
+		return window.localStorage.getItem(e) ?? t;
+	} catch {
+		return t;
+	}
+}, G = (e, t) => {
+	if (H()) try {
+		window.localStorage.setItem(e, t);
+	} catch {}
+}, ae = () => ({
+	palette: z.PALETTE,
+	theme: z.THEME,
+	primary: U(z.THEME),
+	neutral: z.NEUTRAL,
+	radius: z.RADIUS,
+	font: z.FONT
+}), oe = () => {
+	let e = W(V.THEME, z.THEME), t = W(V.RADIUS, z.RADIUS), n = W(V.PALETTE, z.PALETTE);
+	return {
+		palette: re(n) ? n : z.PALETTE,
+		theme: o.includes(e) ? e : z.THEME,
+		primary: W(V.PRIMARY, U(e)),
+		neutral: W(V.NEUTRAL, z.NEUTRAL),
+		radius: a.includes(t) ? t : z.RADIUS,
+		font: W(V.FONT, z.FONT)
+	};
+}, K = (e) => e === z.PRIMARY_LIGHT || e === z.PRIMARY_DARK, se = (e) => {
+	if (!H()) return;
+	let t = document.documentElement;
+	K(e.primary) && (e.primary = U(e.theme)), t.setAttribute("data-palette", e.palette), t.setAttribute("data-primary", e.primary), t.setAttribute("data-neutral", e.neutral), t.setAttribute("data-radius", e.radius), t.style.setProperty("--vd-radius-scale", e.radius), e.font === "system" ? t.removeAttribute("data-font") : t.setAttribute("data-font", e.font), e.theme === "system" ? t.removeAttribute("data-theme") : t.setAttribute("data-theme", e.theme);
+}, ce = (e) => {
+	G(V.PALETTE, e.palette), G(V.THEME, e.theme), G(V.PRIMARY, e.primary), G(V.NEUTRAL, e.neutral), G(V.RADIUS, e.radius), G(V.FONT, e.font);
+}, q = null;
+function J() {
+	return typeof window > "u" ? Promise.resolve() : (q ||= import("@vanduo-oss/framework/iife"), q);
 }
-var ae = { install(e) {
-	ie();
-} }, oe = { class: "vd-accordion" }, se = [
+var le = { install(e, t = {}) {
+	t.themeDefaults && B(t.themeDefaults), J();
+} }, ue = { class: "vd-accordion" }, de = [
 	"aria-expanded",
 	"aria-controls",
 	"onClick"
-], ce = {
+], fe = {
 	class: "vd-accordion-icon",
 	"aria-hidden": "true"
-}, le = ["id"], ue = /* @__PURE__ */ u({
+}, pe = ["id"], me = /* @__PURE__ */ _({
 	__name: "VdAccordion",
 	props: {
 		items: {},
@@ -23,31 +71,31 @@ var ae = { install(e) {
 		exclusive: { type: Boolean }
 	},
 	emits: ["update:modelValue"],
-	setup(t, { emit: n }) {
-		let r = t, i = n, s = (e) => r.exclusive ? r.modelValue === e : Array.isArray(r.modelValue) && r.modelValue.includes(e), l = (e) => {
-			if (r.exclusive) {
-				i("update:modelValue", r.modelValue === e ? "" : e);
+	setup(e, { emit: t }) {
+		let n = e, r = t, i = (e) => n.exclusive ? n.modelValue === e : Array.isArray(n.modelValue) && n.modelValue.includes(e), a = (e) => {
+			if (n.exclusive) {
+				r("update:modelValue", n.modelValue === e ? "" : e);
 				return;
 			}
-			let t = Array.isArray(r.modelValue) ? [...r.modelValue] : [], n = t.indexOf(e);
-			n >= 0 ? t.splice(n, 1) : t.push(e), i("update:modelValue", t);
+			let t = Array.isArray(n.modelValue) ? [...n.modelValue] : [], i = t.indexOf(e);
+			i >= 0 ? t.splice(i, 1) : t.push(e), r("update:modelValue", t);
 		};
-		return (n, r) => (_(), a("ul", oe, [(_(!0), a(e, null, b(t.items, (e) => (_(), a("li", {
+		return (t, n) => (w(), f("ul", ue, [(w(!0), f(s, null, D(e.items, (e) => (w(), f("li", {
 			key: e.id,
-			class: f(["vd-accordion-item", s(e.id) ? "is-open" : null])
-		}, [o("button", {
+			class: y(["vd-accordion-item", i(e.id) ? "is-open" : null])
+		}, [p("button", {
 			type: "button",
 			class: "vd-accordion-header",
-			"aria-expanded": s(e.id),
+			"aria-expanded": i(e.id),
 			"aria-controls": `vd-accordion-panel-${e.id}`,
-			onClick: (t) => l(e.id)
-		}, [o("span", null, w(e.title), 1), o("span", ce, w(s(e.id) ? "−" : "+"), 1)], 8, se), A(o("div", {
+			onClick: (t) => a(e.id)
+		}, [p("span", null, j(e.title), 1), p("span", fe, j(i(e.id) ? "−" : "+"), 1)], 8, de), L(p("div", {
 			id: `vd-accordion-panel-${e.id}`,
 			class: "vd-accordion-panel",
 			role: "region"
-		}, [x(n.$slots, e.id, { item: e }, () => [c(w(e.content), 1)])], 8, le), [[D, s(e.id)]])], 2))), 128))]));
+		}, [O(t.$slots, e.id, { item: e }, () => [h(j(e.content), 1)])], 8, pe), [[P, i(e.id)]])], 2))), 128))]));
 	}
-}), L = /* @__PURE__ */ u({
+}), Y = /* @__PURE__ */ _({
 	__name: "VdIcon",
 	props: {
 		name: {},
@@ -65,8 +113,8 @@ var ae = { install(e) {
 				default: return "vd-text-xl";
 			}
 		};
-		return (e, r) => (_(), a("i", {
-			class: f([
+		return (e, r) => (w(), f("i", {
+			class: y([
 				t.filled ? "ph-fill" : "ph",
 				`ph-${t.name}`,
 				n()
@@ -74,10 +122,10 @@ var ae = { install(e) {
 			"aria-hidden": "true"
 		}, null, 2));
 	}
-}), de = { class: "vd-alert-body" }, fe = {
+}), he = { class: "vd-alert-body" }, ge = {
 	key: 0,
 	class: "vd-alert-title"
-}, pe = { class: "vd-alert-content" }, me = /* @__PURE__ */ u({
+}, _e = { class: "vd-alert-content" }, ve = /* @__PURE__ */ _({
 	__name: "VdAlert",
 	props: {
 		variant: { default: "info" },
@@ -89,9 +137,9 @@ var ae = { install(e) {
 	},
 	emits: ["dismiss"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, s = () => {
+		let n = e, r = t, i = () => {
 			r("dismiss");
-		}, c = () => {
+		}, a = () => {
 			switch (n.variant) {
 				case "success": return "check-circle";
 				case "warning": return "warning";
@@ -99,32 +147,32 @@ var ae = { install(e) {
 				default: return "info";
 			}
 		};
-		return (t, n) => (_(), a("div", {
-			class: f(["vd-alert", `vd-alert-${e.variant}`]),
+		return (t, n) => (w(), f("div", {
+			class: y(["vd-alert", `vd-alert-${e.variant}`]),
 			role: "alert"
 		}, [
-			l(L, {
-				name: c(),
+			g(Y, {
+				name: a(),
 				class: "vd-alert-icon"
 			}, null, 8, ["name"]),
-			o("div", de, [e.title ? (_(), a("p", fe, w(e.title), 1)) : i("", !0), o("div", pe, [x(t.$slots, "default")])]),
-			e.dismissible ? (_(), a("button", {
+			p("div", he, [e.title ? (w(), f("p", ge, j(e.title), 1)) : d("", !0), p("div", _e, [O(t.$slots, "default")])]),
+			e.dismissible ? (w(), f("button", {
 				key: 0,
 				type: "button",
 				class: "vd-alert-dismiss",
 				"aria-label": "Dismiss",
-				onClick: s
-			}, [l(L, { name: "x" })])) : i("", !0)
+				onClick: i
+			}, [g(Y, { name: "x" })])) : d("", !0)
 		], 2));
 	}
-}), he = ["aria-label"], ge = ["src", "alt"], _e = {
+}), ye = ["aria-label"], be = ["src", "alt"], xe = {
 	key: 1,
 	class: "vd-avatar-initials"
-}, ve = {
+}, Se = {
 	key: 2,
 	class: "vd-avatar-initials",
 	"aria-hidden": "true"
-}, ye = ["aria-label"], be = /* @__PURE__ */ u({
+}, Ce = ["aria-label"], we = /* @__PURE__ */ _({
 	__name: "VdAvatar",
 	props: {
 		src: { default: "" },
@@ -136,25 +184,25 @@ var ae = { install(e) {
 		status: { default: void 0 }
 	},
 	setup(e) {
-		return (t, n) => (_(), a("div", {
-			class: f(["vd-avatar", [
+		return (t, n) => (w(), f("div", {
+			class: y(["vd-avatar", [
 				`vd-avatar-${e.size}`,
 				`vd-avatar-${e.variant}`,
 				`vd-avatar-${e.shape}`
 			]]),
 			"aria-label": e.alt || e.initials || "Avatar"
-		}, [e.src ? (_(), a("img", {
+		}, [e.src ? (w(), f("img", {
 			key: 0,
 			src: e.src,
 			alt: e.alt,
 			class: "vd-avatar-img"
-		}, null, 8, ge)) : e.initials ? (_(), a("span", _e, w(e.initials), 1)) : (_(), a("span", ve, " ? ")), e.status ? (_(), a("span", {
+		}, null, 8, be)) : e.initials ? (w(), f("span", xe, j(e.initials), 1)) : (w(), f("span", Se, " ? ")), e.status ? (w(), f("span", {
 			key: 3,
-			class: f(["vd-avatar-status", `vd-avatar-status-${e.status}`]),
+			class: y(["vd-avatar-status", `vd-avatar-status-${e.status}`]),
 			"aria-label": `Status: ${e.status}`
-		}, null, 10, ye)) : i("", !0)], 10, he));
+		}, null, 10, Ce)) : d("", !0)], 10, ye));
 	}
-}), xe = /* @__PURE__ */ u({
+}), Te = /* @__PURE__ */ _({
 	__name: "VdBadge",
 	props: {
 		variant: { default: "default" },
@@ -164,13 +212,13 @@ var ae = { install(e) {
 		}
 	},
 	setup(e) {
-		return (t, n) => (_(), a("span", { class: f(["vd-badge", [e.variant === "default" ? null : `vd-badge-${e.variant}`, e.pill ? "vd-badge-pill" : null]]) }, [x(t.$slots, "default")], 2));
+		return (t, n) => (w(), f("span", { class: y(["vd-badge", [e.variant === "default" ? null : `vd-badge-${e.variant}`, e.pill ? "vd-badge-pill" : null]]) }, [O(t.$slots, "default")], 2));
 	}
-}), Se = ["type", "disabled"], Ce = {
+}), Ee = ["type", "disabled"], De = {
 	key: 0,
 	class: "vd-btn-spinner",
 	"aria-hidden": "true"
-}, we = /* @__PURE__ */ u({
+}, Oe = /* @__PURE__ */ _({
 	__name: "VdButton",
 	props: {
 		variant: { default: "primary" },
@@ -187,26 +235,26 @@ var ae = { install(e) {
 	},
 	emits: ["click"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, o = (e) => {
+		let n = e, r = t, i = (e) => {
 			if (n.disabled || n.loading) {
 				e.preventDefault();
 				return;
 			}
 			r("click", e);
 		};
-		return (t, n) => (_(), a("button", {
+		return (t, n) => (w(), f("button", {
 			type: e.type,
 			disabled: e.disabled || e.loading,
-			class: f([
+			class: y([
 				"vd-btn",
 				`vd-btn-${e.variant}`,
 				e.size === "md" ? null : `vd-btn-${e.size}`,
 				e.loading ? "is-loading" : null
 			]),
-			onClick: o
-		}, [e.loading ? (_(), a("span", Ce)) : i("", !0), x(t.$slots, "default")], 10, Se));
+			onClick: i
+		}, [e.loading ? (w(), f("span", De)) : d("", !0), O(t.$slots, "default")], 10, Ee));
 	}
-}), Te = /* @__PURE__ */ u({
+}), ke = /* @__PURE__ */ _({
 	__name: "VdButtonGroup",
 	props: {
 		size: { default: "md" },
@@ -220,21 +268,21 @@ var ae = { install(e) {
 		}
 	},
 	setup(e) {
-		return (t, n) => (_(), a("div", {
-			class: f(["vd-btn-group", [`vd-btn-group-${e.size}`, {
+		return (t, n) => (w(), f("div", {
+			class: y(["vd-btn-group", [`vd-btn-group-${e.size}`, {
 				"vd-btn-group-vertical": e.vertical,
 				"vd-btn-group-full": e.fullWidth
 			}]]),
 			role: "group"
-		}, [x(t.$slots, "default")], 2));
+		}, [O(t.$slots, "default")], 2));
 	}
-}), Ee = {
+}), Ae = {
 	key: 0,
 	class: "vd-card-header"
-}, De = { class: "vd-card-body" }, Oe = {
+}, je = { class: "vd-card-body" }, Me = {
 	key: 1,
 	class: "vd-card-footer"
-}, ke = /* @__PURE__ */ u({
+}, Ne = /* @__PURE__ */ _({
 	__name: "VdCard",
 	props: {
 		elevated: {
@@ -247,20 +295,20 @@ var ae = { install(e) {
 		}
 	},
 	setup(e) {
-		return (t, n) => (_(), a("section", { class: f(["vd-card", [e.elevated ? "vd-card-elevated" : null, e.interactive ? "vd-card-interactive" : null]]) }, [
-			t.$slots.header ? (_(), a("header", Ee, [x(t.$slots, "header")])) : i("", !0),
-			o("div", De, [x(t.$slots, "default")]),
-			t.$slots.footer ? (_(), a("footer", Oe, [x(t.$slots, "footer")])) : i("", !0)
+		return (t, n) => (w(), f("section", { class: y(["vd-card", [e.elevated ? "vd-card-elevated" : null, e.interactive ? "vd-card-interactive" : null]]) }, [
+			t.$slots.header ? (w(), f("header", Ae, [O(t.$slots, "header")])) : d("", !0),
+			p("div", je, [O(t.$slots, "default")]),
+			t.$slots.footer ? (w(), f("footer", Me, [O(t.$slots, "footer")])) : d("", !0)
 		], 2));
 	}
-}), Ae = [
+}), Pe = [
 	"id",
 	"name",
 	"value",
 	"checked",
 	"disabled",
 	"onChange"
-], je = ["for"], Me = /* @__PURE__ */ u({
+], Fe = ["for"], Ie = /* @__PURE__ */ _({
 	__name: "VdCheckboxGroup",
 	props: {
 		options: {},
@@ -277,34 +325,34 @@ var ae = { install(e) {
 		}
 	},
 	emits: ["update:modelValue"],
-	setup(t, { emit: n }) {
-		let r = n, i = (e, t) => e.includes(t), s = (e, t) => {
+	setup(e, { emit: t }) {
+		let n = t, r = (e, t) => e.includes(t), i = (e, t) => {
 			let n = [...e], r = n.indexOf(t);
 			return r === -1 ? n.push(t) : n.splice(r, 1), n;
-		}, c = (e, t) => {
-			r("update:modelValue", s(e.modelValue, t));
+		}, a = (e, t) => {
+			n("update:modelValue", i(e.modelValue, t));
 		};
-		return (n, r) => (_(), a("div", {
-			class: f(["vd-form-check-group", { "vd-form-check-group-inline": t.inline }]),
+		return (t, n) => (w(), f("div", {
+			class: y(["vd-form-check-group", { "vd-form-check-group-inline": e.inline }]),
 			role: "group"
-		}, [(_(!0), a(e, null, b(t.options, (e) => (_(), a("div", {
-			key: e.value,
-			class: f(["vd-form-check", [`vd-form-check-${t.size}`, { "vd-form-check-inline": t.inline }]])
-		}, [o("input", {
-			id: `${t.name}-${e.value}`,
+		}, [(w(!0), f(s, null, D(e.options, (n) => (w(), f("div", {
+			key: n.value,
+			class: y(["vd-form-check", [`vd-form-check-${e.size}`, { "vd-form-check-inline": e.inline }]])
+		}, [p("input", {
+			id: `${e.name}-${n.value}`,
 			type: "checkbox",
-			name: t.name,
-			value: e.value,
-			checked: i(t.modelValue, e.value),
-			disabled: t.disabled || e.disabled,
+			name: e.name,
+			value: n.value,
+			checked: r(e.modelValue, n.value),
+			disabled: e.disabled || n.disabled,
 			class: "vd-form-check-input",
-			onChange: (t) => c(n.$props, e.value)
-		}, null, 40, Ae), o("label", {
-			for: `${t.name}-${e.value}`,
+			onChange: (e) => a(t.$props, n.value)
+		}, null, 40, Pe), p("label", {
+			for: `${e.name}-${n.value}`,
 			class: "vd-form-check-label"
-		}, w(e.label), 9, je)], 2))), 128))], 2));
+		}, j(n.label), 9, Fe)], 2))), 128))], 2));
 	}
-}), Ne = ["src"], Pe = /* @__PURE__ */ u({
+}), Le = ["src"], Re = /* @__PURE__ */ _({
 	__name: "VdChip",
 	props: {
 		variant: { default: "primary" },
@@ -328,8 +376,8 @@ var ae = { install(e) {
 		let n = t, r = (e) => {
 			e.stopPropagation(), n("dismiss");
 		};
-		return (t, o) => (_(), a("span", {
-			class: f(["vd-chip", [
+		return (t, i) => (w(), f("span", {
+			class: y(["vd-chip", [
 				`vd-chip-${e.variant}`,
 				`vd-chip-${e.size}`,
 				{
@@ -339,25 +387,25 @@ var ae = { install(e) {
 				}
 			]]),
 			role: "status",
-			onClick: o[0] ||= (t) => e.clickable && n("click", t)
+			onClick: i[0] ||= (t) => e.clickable && n("click", t)
 		}, [
-			e.avatar ? (_(), a("img", {
+			e.avatar ? (w(), f("img", {
 				key: 0,
 				src: e.avatar,
 				class: "vd-chip-avatar",
 				alt: ""
-			}, null, 8, Ne)) : i("", !0),
-			x(t.$slots, "default"),
-			e.dismissible ? (_(), a("button", {
+			}, null, 8, Le)) : d("", !0),
+			O(t.$slots, "default"),
+			e.dismissible ? (w(), f("button", {
 				key: 1,
 				type: "button",
 				class: "vd-chip-close",
 				"aria-label": "Dismiss",
 				onClick: r
-			}, " × ")) : i("", !0)
+			}, " × ")) : d("", !0)
 		], 2));
 	}
-}), Fe = { class: "vd-code-snippet" }, Ie = ["data-language"], Le = ["aria-label"], Re = /* @__PURE__ */ u({
+}), ze = { class: "vd-code-snippet" }, Be = ["data-language"], Ve = ["aria-label"], He = /* @__PURE__ */ _({
 	__name: "VdCodeSnippet",
 	props: {
 		code: {},
@@ -368,37 +416,37 @@ var ae = { install(e) {
 		}
 	},
 	setup(e) {
-		let t = y(!1), n = async (e) => {
+		let t = E(!1), n = async (e) => {
 			if (!(typeof navigator > "u" || !navigator.clipboard)) try {
 				await navigator.clipboard.writeText(e), t.value = !0, setTimeout(() => {
 					t.value = !1;
 				}, 1500);
 			} catch {}
 		};
-		return (r, s) => (_(), a("figure", Fe, [o("pre", {
-			class: f(["vd-code-snippet-pre", `language-${e.language}`]),
+		return (r, i) => (w(), f("figure", ze, [p("pre", {
+			class: y(["vd-code-snippet-pre", `language-${e.language}`]),
 			"data-language": e.language
-		}, [o("code", null, w(e.code), 1)], 10, Ie), e.copyable ? (_(), a("button", {
+		}, [p("code", null, j(e.code), 1)], 10, Be), e.copyable ? (w(), f("button", {
 			key: 0,
 			type: "button",
 			class: "vd-btn vd-btn-ghost vd-btn-sm vd-code-snippet-copy",
 			"aria-label": t.value ? "Copied" : "Copy code",
-			onClick: s[0] ||= (t) => n(e.code)
-		}, [l(L, { name: t.value ? "check" : "copy" }, null, 8, ["name"]), o("span", null, w(t.value ? "Copied" : "Copy"), 1)], 8, Le)) : i("", !0)]));
+			onClick: i[0] ||= (t) => n(e.code)
+		}, [g(Y, { name: t.value ? "check" : "copy" }, null, 8, ["name"]), p("span", null, j(t.value ? "Copied" : "Copy"), 1)], 8, Ve)) : d("", !0)]));
 	}
-}), ze = {
+}), Ue = {
 	key: 0,
 	class: "vd-collection-header"
-}, Be = { class: "vd-collection-title" }, Ve = { class: "vd-collection-list" }, He = {
+}, We = { class: "vd-collection-title" }, Ge = { class: "vd-collection-list" }, Ke = {
 	key: 0,
 	class: "vd-collection-avatar"
-}, Ue = ["src", "alt"], We = { class: "vd-collection-content" }, Ge = { class: "vd-collection-text" }, Ke = { class: "vd-collection-title" }, qe = {
+}, qe = ["src", "alt"], Je = { class: "vd-collection-content" }, Ye = { class: "vd-collection-text" }, Xe = { class: "vd-collection-title" }, Ze = {
 	key: 0,
 	class: "vd-collection-text-secondary"
-}, Je = {
+}, Qe = {
 	key: 1,
 	class: "vd-collection-action"
-}, Ye = /* @__PURE__ */ u({
+}, $e = /* @__PURE__ */ _({
 	__name: "VdCollection",
 	props: {
 		items: {},
@@ -413,33 +461,33 @@ var ae = { install(e) {
 		},
 		size: { default: "md" }
 	},
-	setup(t) {
-		return (n, r) => (_(), a("div", { class: f(["vd-collection", [`vd-collection-${t.size}`, {
-			"vd-collection-hoverable": t.hoverable,
-			"vd-collection-bordered": t.bordered
-		}]]) }, [t.header ? (_(), a("div", ze, [o("h3", Be, w(t.header), 1)])) : i("", !0), o("ul", Ve, [(_(!0), a(e, null, b(t.items, (e) => (_(), a("li", {
+	setup(e) {
+		return (t, n) => (w(), f("div", { class: y(["vd-collection", [`vd-collection-${e.size}`, {
+			"vd-collection-hoverable": e.hoverable,
+			"vd-collection-bordered": e.bordered
+		}]]) }, [e.header ? (w(), f("div", Ue, [p("h3", We, j(e.header), 1)])) : d("", !0), p("ul", Ge, [(w(!0), f(s, null, D(e.items, (e) => (w(), f("li", {
 			key: e.id,
 			class: "vd-collection-item"
 		}, [
-			e.avatar ? (_(), a("div", He, [o("img", {
+			e.avatar ? (w(), f("div", Ke, [p("img", {
 				src: e.avatar,
 				alt: e.subtitle || e.title
-			}, null, 8, Ue)])) : i("", !0),
-			o("div", We, [o("div", Ge, [o("strong", Ke, w(e.title), 1), e.subtitle ? (_(), a("span", qe, w(e.subtitle), 1)) : i("", !0)])]),
-			e.action ? (_(), a("div", Je, w(e.action), 1)) : i("", !0)
+			}, null, 8, qe)])) : d("", !0),
+			p("div", Je, [p("div", Ye, [p("strong", Xe, j(e.title), 1), e.subtitle ? (w(), f("span", Ze, j(e.subtitle), 1)) : d("", !0)])]),
+			e.action ? (w(), f("div", Qe, j(e.action), 1)) : d("", !0)
 		]))), 128))])], 2));
 	}
-}), Xe = [
+}), et = [
 	"id",
 	"name",
 	"value"
-], Ze = ["value", "disabled"], Qe = ["aria-expanded", "aria-labelledby"], $e = [
+], tt = ["value", "disabled"], nt = ["aria-expanded", "aria-labelledby"], rt = [
 	"data-value",
 	"aria-selected",
 	"aria-disabled",
 	"onClick",
 	"onMouseenter"
-], et = /* @__PURE__ */ u({
+], it = /* @__PURE__ */ _({
 	__name: "VdCustomSelect",
 	props: {
 		modelValue: {},
@@ -449,162 +497,162 @@ var ae = { install(e) {
 		placeholder: { default: "Select..." }
 	},
 	emits: ["update:modelValue"],
-	setup(t, { emit: r }) {
-		let i = t, s = r, c = y(!1), l = y(-1), u = y(null), d = n(() => i.id || i.name || "custom-select"), p = n(() => i.options.flatMap((e, t) => e.disabled ? [] : [t])), g = n(() => {
-			let e = i.options.find((e) => e.value === i.modelValue);
-			return e ? e.label : i.placeholder;
-		}), v = () => {
-			c.value = !0;
-			let e = i.options.findIndex((e) => e.value === i.modelValue);
-			l.value = e >= 0 && !i.options[e]?.disabled ? e : p.value[0] ?? -1;
-		}, x = () => {
-			c.value = !1;
-		}, S = () => {
-			c.value ? x() : v();
-		}, C = (e) => {
-			e.disabled || (s("update:modelValue", e.value), x());
-		}, T = (e) => {
-			let t = p.value;
+	setup(e, { emit: t }) {
+		let n = e, r = t, i = E(!1), a = E(-1), o = E(null), c = l(() => n.id || n.name || "custom-select"), u = l(() => n.options.flatMap((e, t) => e.disabled ? [] : [t])), d = l(() => {
+			let e = n.options.find((e) => e.value === n.modelValue);
+			return e ? e.label : n.placeholder;
+		}), m = () => {
+			i.value = !0;
+			let e = n.options.findIndex((e) => e.value === n.modelValue);
+			a.value = e >= 0 && !n.options[e]?.disabled ? e : u.value[0] ?? -1;
+		}, h = () => {
+			i.value = !1;
+		}, g = () => {
+			i.value ? h() : m();
+		}, _ = (e) => {
+			e.disabled || (r("update:modelValue", e.value), h());
+		}, v = (e) => {
+			let t = u.value;
 			if (t.length === 0) return;
-			let n = t.indexOf(l.value);
-			l.value = t[n < 0 ? 0 : (n + e + t.length) % t.length] ?? -1;
-		}, E = "", D = null, O = (e) => {
+			let n = t.indexOf(a.value);
+			a.value = t[n < 0 ? 0 : (n + e + t.length) % t.length] ?? -1;
+		}, b = "", C = null, T = (e) => {
 			switch (e.key) {
 				case "Enter":
 				case " ":
-					if (e.preventDefault(), c.value && l.value >= 0) {
-						let e = i.options[l.value];
-						e && C(e);
-					} else v();
+					if (e.preventDefault(), i.value && a.value >= 0) {
+						let e = n.options[a.value];
+						e && _(e);
+					} else m();
 					break;
 				case "Escape":
-					c.value && (e.preventDefault(), x());
+					i.value && (e.preventDefault(), h());
 					break;
 				case "ArrowDown":
-					e.preventDefault(), c.value ? T(1) : v();
+					e.preventDefault(), i.value ? v(1) : m();
 					break;
 				case "ArrowUp":
-					e.preventDefault(), c.value && T(-1);
+					e.preventDefault(), i.value && v(-1);
 					break;
 				case "Home":
-					c.value && (e.preventDefault(), l.value = p.value[0] ?? -1);
+					i.value && (e.preventDefault(), a.value = u.value[0] ?? -1);
 					break;
 				case "End":
-					if (c.value) {
+					if (i.value) {
 						e.preventDefault();
-						let t = p.value;
-						l.value = t[t.length - 1] ?? -1;
+						let t = u.value;
+						a.value = t[t.length - 1] ?? -1;
 					}
 					break;
-				default: if (c.value && e.key.length === 1 && !e.ctrlKey && !e.metaKey && !e.altKey) {
-					D != null && window.clearTimeout(D), E += e.key.toLowerCase();
-					let t = i.options.findIndex((e) => !e.disabled && e.label.toLowerCase().startsWith(E));
-					t >= 0 && (l.value = t), D = window.setTimeout(() => {
-						E = "";
+				default: if (i.value && e.key.length === 1 && !e.ctrlKey && !e.metaKey && !e.altKey) {
+					C != null && window.clearTimeout(C), b += e.key.toLowerCase();
+					let t = n.options.findIndex((e) => !e.disabled && e.label.toLowerCase().startsWith(b));
+					t >= 0 && (a.value = t), C = window.setTimeout(() => {
+						b = "";
 					}, 500);
 				}
 			}
-		}, k = (e) => {
-			c.value && u.value && !u.value.contains(e.target) && x();
+		}, O = (e) => {
+			i.value && o.value && !o.value.contains(e.target) && h();
 		};
-		return h(() => document.addEventListener("click", k)), m(() => {
-			document.removeEventListener("click", k), D != null && window.clearTimeout(D);
-		}), (n, r) => (_(), a("div", {
+		return S(() => document.addEventListener("click", O)), x(() => {
+			document.removeEventListener("click", O), C != null && window.clearTimeout(C);
+		}), (t, n) => (w(), f("div", {
 			ref_key: "wrapper",
-			ref: u,
+			ref: o,
 			class: "custom-select-wrapper"
 		}, [
-			o("select", {
-				id: t.id || void 0,
-				name: t.name || void 0,
-				value: t.modelValue,
+			p("select", {
+				id: e.id || void 0,
+				name: e.name || void 0,
+				value: e.modelValue,
 				tabindex: "-1",
 				"aria-hidden": "true"
-			}, [(_(!0), a(e, null, b(t.options, (e) => (_(), a("option", {
+			}, [(w(!0), f(s, null, D(e.options, (e) => (w(), f("option", {
 				key: e.value,
 				value: e.value,
 				disabled: e.disabled
-			}, w(e.label), 9, Ze))), 128))], 8, Xe),
-			o("button", {
+			}, j(e.label), 9, tt))), 128))], 8, et),
+			p("button", {
 				type: "button",
 				class: "custom-select-button",
 				"aria-haspopup": "listbox",
-				"aria-expanded": c.value ? "true" : "false",
-				"aria-labelledby": d.value,
-				onClick: j(S, ["stop"]),
-				onKeydown: O
-			}, w(g.value), 41, Qe),
-			o("div", {
-				class: f(["custom-select-dropdown", { "is-open": c.value }]),
+				"aria-expanded": i.value ? "true" : "false",
+				"aria-labelledby": c.value,
+				onClick: R(g, ["stop"]),
+				onKeydown: T
+			}, j(d.value), 41, nt),
+			p("div", {
+				class: y(["custom-select-dropdown", { "is-open": i.value }]),
 				role: "listbox"
-			}, [(_(!0), a(e, null, b(t.options, (e, n) => (_(), a("div", {
-				key: e.value,
-				class: f(["custom-select-option", {
-					"is-selected": e.value === t.modelValue,
-					"is-disabled": e.disabled,
-					"is-active": n === l.value
+			}, [(w(!0), f(s, null, D(e.options, (t, n) => (w(), f("div", {
+				key: t.value,
+				class: y(["custom-select-option", {
+					"is-selected": t.value === e.modelValue,
+					"is-disabled": t.disabled,
+					"is-active": n === a.value
 				}]),
 				role: "option",
-				"data-value": e.value,
-				"aria-selected": e.value === t.modelValue ? "true" : "false",
-				"aria-disabled": e.disabled ? "true" : void 0,
-				onClick: (t) => C(e),
-				onMouseenter: (e) => l.value = n
-			}, w(e.label), 43, $e))), 128))], 2)
+				"data-value": t.value,
+				"aria-selected": t.value === e.modelValue ? "true" : "false",
+				"aria-disabled": t.disabled ? "true" : void 0,
+				onClick: (e) => _(t),
+				onMouseenter: (e) => a.value = n
+			}, j(t.label), 43, rt))), 128))], 2)
 		], 512));
 	}
-}), tt = {
+}), at = {
 	class: "vd-flow",
 	role: "region",
 	"aria-roledescription": "carousel"
-}, nt = ["aria-hidden"], rt = {
+}, ot = ["aria-hidden"], st = {
 	key: 0,
 	class: "vd-flow-controls"
-}, it = ["disabled"], at = { class: "vd-flow-position" }, ot = ["disabled"], st = /* @__PURE__ */ u({
+}, ct = ["disabled"], lt = { class: "vd-flow-position" }, ut = ["disabled"], dt = /* @__PURE__ */ _({
 	__name: "VdFlow",
 	props: {
 		modelValue: {},
 		total: {}
 	},
 	emits: ["update:modelValue"],
-	setup(t, { expose: r, emit: s }) {
-		let c = t, l = s, u = y(c.modelValue), d = (e) => {
-			let t = Math.max(0, Math.min(c.total - 1, e));
-			t !== u.value && (u.value = t, l("update:modelValue", t));
-		}, f = () => d(u.value - 1), m = () => d(u.value + 1);
-		r({
-			go: d,
-			prev: f,
-			next: m,
-			index: u
+	setup(e, { expose: t, emit: n }) {
+		let r = e, i = n, a = E(r.modelValue), o = (e) => {
+			let t = Math.max(0, Math.min(r.total - 1, e));
+			t !== a.value && (a.value = t, i("update:modelValue", t));
+		}, c = () => o(a.value - 1), u = () => o(a.value + 1);
+		t({
+			go: o,
+			prev: c,
+			next: u,
+			index: a
 		});
-		let h = n(() => Array.from({ length: c.total }, (e, t) => t));
-		return (n, r) => (_(), a("div", tt, [o("div", {
+		let m = l(() => Array.from({ length: r.total }, (e, t) => t));
+		return (t, n) => (w(), f("div", at, [p("div", {
 			class: "vd-flow-track",
-			style: p({ transform: `translateX(-${u.value * 100}%)` })
-		}, [(_(!0), a(e, null, b(h.value, (e) => (_(), a("div", {
+			style: b({ transform: `translateX(-${a.value * 100}%)` })
+		}, [(w(!0), f(s, null, D(m.value, (e) => (w(), f("div", {
 			key: e,
 			class: "vd-flow-slide",
-			"aria-hidden": e !== u.value
-		}, [x(n.$slots, `slide-${e}`, { index: e })], 8, nt))), 128))], 4), t.total > 1 ? (_(), a("div", rt, [
-			o("button", {
+			"aria-hidden": e !== a.value
+		}, [O(t.$slots, `slide-${e}`, { index: e })], 8, ot))), 128))], 4), e.total > 1 ? (w(), f("div", st, [
+			p("button", {
 				type: "button",
 				class: "vd-btn vd-btn-ghost vd-btn-icon",
 				"aria-label": "Previous slide",
-				disabled: u.value === 0,
-				onClick: f
-			}, " ‹ ", 8, it),
-			o("span", at, w(u.value + 1) + " / " + w(t.total), 1),
-			o("button", {
+				disabled: a.value === 0,
+				onClick: c
+			}, " ‹ ", 8, ct),
+			p("span", lt, j(a.value + 1) + " / " + j(e.total), 1),
+			p("button", {
 				type: "button",
 				class: "vd-btn vd-btn-ghost vd-btn-icon",
 				"aria-label": "Next slide",
-				disabled: u.value === t.total - 1,
-				onClick: m
-			}, " › ", 8, ot)
-		])) : i("", !0)]));
+				disabled: a.value === e.total - 1,
+				onClick: u
+			}, " › ", 8, ut)
+		])) : d("", !0)]));
 	}
-}), ct = [
+}), ft = [
 	"id",
 	"type",
 	"name",
@@ -617,7 +665,7 @@ var ae = { install(e) {
 	"maxlength",
 	"pattern",
 	"autocomplete"
-], lt = /* @__PURE__ */ u({
+], pt = /* @__PURE__ */ _({
 	__name: "VdInput",
 	props: {
 		modelValue: {},
@@ -654,7 +702,7 @@ var ae = { install(e) {
 			let t = e.target;
 			r("update:modelValue", t.value);
 		};
-		return n.minlength, n.maxlength, (t, n) => (_(), a("input", {
+		return n.minlength, n.maxlength, (t, n) => (w(), f("input", {
 			id: e.id || e.name,
 			type: e.type,
 			name: e.name,
@@ -667,22 +715,22 @@ var ae = { install(e) {
 			maxlength: e.maxlength,
 			pattern: e.pattern,
 			autocomplete: e.autocomplete,
-			class: f(["vd-input", [`vd-input-${e.size}`, e.variant === "default" ? null : `vd-input-${e.variant}`]]),
+			class: y(["vd-input", [`vd-input-${e.size}`, e.variant === "default" ? null : `vd-input-${e.variant}`]]),
 			onInput: i,
 			onBlur: n[0] ||= (e) => r("blur", e),
 			onFocus: n[1] ||= (e) => r("focus", e)
-		}, null, 42, ct));
+		}, null, 42, ft));
 	}
-}), ut = ["aria-label"], dt = {
+}), mt = ["aria-label"], ht = {
 	key: 0,
 	class: "vd-modal-header"
-}, ft = {
+}, gt = {
 	key: 0,
 	class: "vd-modal-title"
-}, pt = { class: "vd-modal-body" }, mt = {
+}, _t = { class: "vd-modal-body" }, vt = {
 	key: 1,
 	class: "vd-modal-footer"
-}, ht = /* @__PURE__ */ u({
+}, yt = /* @__PURE__ */ _({
 	__name: "VdModal",
 	props: {
 		open: { type: Boolean },
@@ -694,53 +742,53 @@ var ae = { install(e) {
 		}
 	},
 	emits: ["update:open", "close"],
-	setup(e, { emit: s }) {
-		let c = e, u = s, p = y(null), m = n(() => `vd-modal-panel-${c.size}`), h = () => {
-			u("update:open", !1), u("close");
-		}, g = () => {
-			c.closeOnBackdrop && h();
-		}, v = (e) => {
-			c.open && e.key === "Escape" && (e.preventDefault(), h());
+	setup(e, { emit: t }) {
+		let n = e, r = t, i = E(null), a = l(() => `vd-modal-panel-${n.size}`), o = () => {
+			r("update:open", !1), r("close");
+		}, s = () => {
+			n.closeOnBackdrop && o();
+		}, m = (e) => {
+			n.open && e.key === "Escape" && (e.preventDefault(), o());
 		};
-		return O(() => c.open, async (e) => {
-			typeof window > "u" || (e ? (window.addEventListener("keydown", v), await d(), p.value?.focus()) : window.removeEventListener("keydown", v));
-		}, { immediate: !0 }), (n, s) => (_(), r(t, { to: "body" }, [e.open ? (_(), a("div", {
+		return F(() => n.open, async (e) => {
+			typeof window > "u" || (e ? (window.addEventListener("keydown", m), await v(), i.value?.focus()) : window.removeEventListener("keydown", m));
+		}, { immediate: !0 }), (t, n) => (w(), u(c, { to: "body" }, [e.open ? (w(), f("div", {
 			key: 0,
 			class: "vd-modal vd-modal-open",
 			role: "dialog",
 			"aria-modal": "true",
 			"aria-label": e.title || "Dialog",
 			"data-vd-modal": ""
-		}, [o("div", {
+		}, [p("div", {
 			class: "vd-modal-backdrop",
-			onClick: g
-		}), o("div", {
+			onClick: s
+		}), p("div", {
 			ref_key: "panel",
-			ref: p,
-			class: f(["vd-modal-panel", m.value]),
+			ref: i,
+			class: y(["vd-modal-panel", a.value]),
 			tabindex: "-1"
 		}, [
-			e.title || n.$slots.header ? (_(), a("header", dt, [
-				e.title ? (_(), a("h2", ft, w(e.title), 1)) : i("", !0),
-				x(n.$slots, "header"),
-				o("button", {
+			e.title || t.$slots.header ? (w(), f("header", ht, [
+				e.title ? (w(), f("h2", gt, j(e.title), 1)) : d("", !0),
+				O(t.$slots, "header"),
+				p("button", {
 					type: "button",
 					class: "vd-btn vd-btn-ghost vd-btn-icon",
 					"aria-label": "Close",
-					onClick: h
-				}, [l(L, { name: "x" })])
-			])) : i("", !0),
-			o("div", pt, [x(n.$slots, "default")]),
-			n.$slots.footer ? (_(), a("footer", mt, [x(n.$slots, "footer")])) : i("", !0)
-		], 2)], 8, ut)) : i("", !0)]));
+					onClick: o
+				}, [g(Y, { name: "x" })])
+			])) : d("", !0),
+			p("div", _t, [O(t.$slots, "default")]),
+			t.$slots.footer ? (w(), f("footer", vt, [O(t.$slots, "footer")])) : d("", !0)
+		], 2)], 8, mt)) : d("", !0)]));
 	}
-}), gt = ["aria-label"], _t = {
+}), bt = ["aria-label"], xt = {
 	key: 0,
 	class: "vd-sidenav-header"
-}, vt = {
+}, St = {
 	key: 0,
 	class: "vd-sidenav-title"
-}, yt = { class: "vd-sidenav-body" }, bt = /* @__PURE__ */ u({
+}, Ct = { class: "vd-sidenav-body" }, wt = /* @__PURE__ */ _({
 	__name: "VdOffcanvas",
 	props: {
 		modelValue: { type: Boolean },
@@ -756,47 +804,47 @@ var ae = { install(e) {
 		}
 	},
 	emits: ["update:modelValue", "close"],
-	setup(e, { emit: n }) {
-		let s = e, c = n, l = () => {
-			c("update:modelValue", !1), c("close");
-		}, u = () => {
-			s.closeOnBackdrop && l();
-		}, d = (e) => {
-			s.modelValue && e.key === "Escape" && s.closeOnEsc && (e.preventDefault(), l());
+	setup(e, { emit: t }) {
+		let n = e, r = t, i = () => {
+			r("update:modelValue", !1), r("close");
+		}, a = () => {
+			n.closeOnBackdrop && i();
+		}, o = (e) => {
+			n.modelValue && e.key === "Escape" && n.closeOnEsc && (e.preventDefault(), i());
 		};
-		return h(() => {
-			typeof window > "u" || window.addEventListener("keydown", d);
-		}), m(() => {
-			typeof window > "u" || window.removeEventListener("keydown", d);
-		}), O(() => s.modelValue, (e) => {
+		return S(() => {
+			typeof window > "u" || window.addEventListener("keydown", o);
+		}), x(() => {
+			typeof window > "u" || window.removeEventListener("keydown", o);
+		}), F(() => n.modelValue, (e) => {
 			typeof document > "u" || (document.body.style.overflow = e ? "hidden" : "");
-		}), (n, s) => (_(), r(t, { to: "body" }, [e.modelValue ? (_(), a("div", {
+		}), (t, n) => (w(), u(c, { to: "body" }, [e.modelValue ? (w(), f("div", {
 			key: 0,
 			class: "vd-sidenav-overlay is-visible",
-			onClick: u
-		})) : i("", !0), e.modelValue ? (_(), a("aside", {
+			onClick: a
+		})) : d("", !0), e.modelValue ? (w(), f("aside", {
 			key: 1,
-			class: f(["vd-offcanvas", [`vd-offcanvas-${e.placement}`, "is-open"]]),
+			class: y(["vd-offcanvas", [`vd-offcanvas-${e.placement}`, "is-open"]]),
 			"aria-label": e.title || "Off-canvas panel"
-		}, [e.title || n.$slots.header ? (_(), a("header", _t, [
-			e.title ? (_(), a("h3", vt, w(e.title), 1)) : i("", !0),
-			x(n.$slots, "header"),
-			o("button", {
+		}, [e.title || t.$slots.header ? (w(), f("header", xt, [
+			e.title ? (w(), f("h3", St, j(e.title), 1)) : d("", !0),
+			O(t.$slots, "header"),
+			p("button", {
 				type: "button",
 				class: "vd-sidenav-close",
 				"aria-label": "Close",
-				onClick: l
+				onClick: i
 			}, " × ")
-		])) : i("", !0), o("div", yt, [x(n.$slots, "default")])], 10, gt)) : i("", !0)]));
+		])) : d("", !0), p("div", Ct, [O(t.$slots, "default")])], 10, bt)) : d("", !0)]));
 	}
-}), xt = {
+}), Tt = {
 	key: 0,
 	class: "vd-pagination-item"
-}, St = ["data-page"], Ct = [
+}, Et = ["data-page"], Dt = [
 	"aria-label",
 	"aria-current",
 	"onClick"
-], wt = /* @__PURE__ */ u({
+], Ot = /* @__PURE__ */ _({
 	__name: "VdPagination",
 	props: {
 		modelValue: {},
@@ -810,8 +858,8 @@ var ae = { install(e) {
 		}
 	},
 	emits: ["update:modelValue"],
-	setup(t, { emit: r }) {
-		let i = t, s = r, c = y(null), l = (e, t, n) => {
+	setup(e, { emit: t }) {
+		let n = e, r = t, i = E(null), a = (e, t, n) => {
 			let r = [], i = Math.floor(n / 2);
 			if (t <= n) {
 				for (let e = 1; e <= t; e++) r.push(e);
@@ -822,52 +870,52 @@ var ae = { install(e) {
 			e <= i + 1 && (o = Math.min(t - 1, n - 1)), e >= t - i && (a = Math.max(2, t - n + 2)), a > 2 && r.push("ellipsis");
 			for (let e = a; e <= o; e++) r.push(e);
 			return o < t - 1 && r.push("ellipsis"), t > 1 && r.push(t), r;
-		}, u = n(() => l(i.modelValue, i.total, i.maxVisible)), d = (e) => {
-			i.disabled || e < 1 || e > i.total || e === i.modelValue || (s("update:modelValue", e), c.value?.dispatchEvent(new CustomEvent("pagination:change", {
+		}, o = l(() => a(n.modelValue, n.total, n.maxVisible)), c = (e) => {
+			n.disabled || e < 1 || e > n.total || e === n.modelValue || (r("update:modelValue", e), i.value?.dispatchEvent(new CustomEvent("pagination:change", {
 				bubbles: !0,
 				detail: {
 					page: e,
-					totalPages: i.total
+					totalPages: n.total
 				}
 			})));
 		};
-		return (n, r) => (_(), a("nav", {
+		return (t, n) => (w(), f("nav", {
 			ref_key: "root",
-			ref: c,
+			ref: i,
 			"aria-label": "Pagination"
-		}, [o("ul", { class: f(["vd-pagination", [`vd-pagination-${t.size}`, `vd-pagination-${t.align}`]]) }, [
-			o("li", { class: f(["vd-pagination-item vd-pagination-prev", { disabled: t.disabled || t.modelValue <= 1 }]) }, [o("a", {
+		}, [p("ul", { class: y(["vd-pagination", [`vd-pagination-${e.size}`, `vd-pagination-${e.align}`]]) }, [
+			p("li", { class: y(["vd-pagination-item vd-pagination-prev", { disabled: e.disabled || e.modelValue <= 1 }]) }, [p("a", {
 				class: "vd-pagination-link",
 				href: "#",
 				"aria-label": "Previous",
-				onClick: r[0] ||= j((e) => d(t.modelValue - 1), ["prevent"])
+				onClick: n[0] ||= R((t) => c(e.modelValue - 1), ["prevent"])
 			}, "Previous")], 2),
-			(_(!0), a(e, null, b(u.value, (n, i) => (_(), a(e, { key: i }, [n === "ellipsis" ? (_(), a("li", xt, [...r[2] ||= [o("span", {
+			(w(!0), f(s, null, D(o.value, (t, r) => (w(), f(s, { key: r }, [t === "ellipsis" ? (w(), f("li", Tt, [...n[2] ||= [p("span", {
 				class: "vd-pagination-ellipsis",
 				"aria-hidden": "true"
-			}, "…", -1)]])) : (_(), a("li", {
+			}, "…", -1)]])) : (w(), f("li", {
 				key: 1,
-				class: f(["vd-pagination-item", { active: n === t.modelValue }]),
-				"data-page": n
-			}, [o("a", {
+				class: y(["vd-pagination-item", { active: t === e.modelValue }]),
+				"data-page": t
+			}, [p("a", {
 				class: "vd-pagination-link",
 				href: "#",
-				"aria-label": `Page ${n}`,
-				"aria-current": n === t.modelValue ? "page" : void 0,
-				onClick: j((e) => d(n), ["prevent"])
-			}, w(n), 9, Ct)], 10, St))], 64))), 128)),
-			o("li", { class: f(["vd-pagination-item vd-pagination-next", { disabled: t.disabled || t.modelValue >= t.total }]) }, [o("a", {
+				"aria-label": `Page ${t}`,
+				"aria-current": t === e.modelValue ? "page" : void 0,
+				onClick: R((e) => c(t), ["prevent"])
+			}, j(t), 9, Dt)], 10, Et))], 64))), 128)),
+			p("li", { class: y(["vd-pagination-item vd-pagination-next", { disabled: e.disabled || e.modelValue >= e.total }]) }, [p("a", {
 				class: "vd-pagination-link",
 				href: "#",
 				"aria-label": "Next",
-				onClick: r[1] ||= j((e) => d(t.modelValue + 1), ["prevent"])
+				onClick: n[1] ||= R((t) => c(e.modelValue + 1), ["prevent"])
 			}, "Next")], 2)
 		], 2)], 512));
 	}
-}), Tt = {
+}), kt = {
 	key: 0,
 	class: "vd-preloader-text"
-}, Et = /* @__PURE__ */ u({
+}, At = /* @__PURE__ */ _({
 	__name: "VdPreloader",
 	props: {
 		variant: { default: "primary" },
@@ -876,20 +924,20 @@ var ae = { install(e) {
 		text: { default: "" }
 	},
 	setup(e) {
-		return (t, n) => (_(), a("div", {
-			class: f(["vd-preloader-container", [`vd-preloader-${e.theme}`]]),
+		return (t, n) => (w(), f("div", {
+			class: y(["vd-preloader-container", [`vd-preloader-${e.theme}`]]),
 			role: "status",
 			"aria-live": "polite"
-		}, [o("div", { class: f(["vd-preloader", [`vd-preloader-${e.variant}`, `vd-preloader-${e.size}`]]) }, [...n[0] ||= [o("div", { class: "vd-preloader-spinner" }, null, -1)]], 2), e.text ? (_(), a("span", Tt, w(e.text), 1)) : i("", !0)], 2));
+		}, [p("div", { class: y(["vd-preloader", [`vd-preloader-${e.variant}`, `vd-preloader-${e.size}`]]) }, [...n[0] ||= [p("div", { class: "vd-preloader-spinner" }, null, -1)]], 2), e.text ? (w(), f("span", kt, j(e.text), 1)) : d("", !0)], 2));
 	}
-}), Dt = [
+}), jt = [
 	"aria-valuemax",
 	"aria-valuenow",
 	"aria-label"
-], Ot = { class: "vd-progress-track" }, kt = {
+], Mt = { class: "vd-progress-track" }, Nt = {
 	key: 0,
 	class: "vd-progress-label vd-text-sm vd-muted"
-}, At = /* @__PURE__ */ u({
+}, Pt = /* @__PURE__ */ _({
 	__name: "VdProgress",
 	props: {
 		value: { default: 0 },
@@ -906,26 +954,26 @@ var ae = { install(e) {
 			let e = t.max || 100;
 			return Math.max(0, Math.min(100, t.value / e * 100));
 		};
-		return (t, r) => (_(), a("div", {
-			class: f(["vd-progress", [e.indeterminate ? "is-indeterminate" : null]]),
+		return (t, r) => (w(), f("div", {
+			class: y(["vd-progress", [e.indeterminate ? "is-indeterminate" : null]]),
 			role: "progressbar",
 			"aria-valuemin": 0,
 			"aria-valuemax": e.max,
 			"aria-valuenow": e.indeterminate ? void 0 : e.value,
 			"aria-label": e.label || "Progress"
-		}, [o("div", Ot, [o("div", {
+		}, [p("div", Mt, [p("div", {
 			class: "vd-progress-fill",
-			style: p(e.indeterminate ? void 0 : { width: `${n()}%` })
-		}, null, 4)]), !e.indeterminate && e.label ? (_(), a("span", kt, w(e.label) + " — " + w(Math.round(n())) + "% ", 1)) : i("", !0)], 10, Dt));
+			style: b(e.indeterminate ? void 0 : { width: `${n()}%` })
+		}, null, 4)]), !e.indeterminate && e.label ? (w(), f("span", Nt, j(e.label) + " — " + j(Math.round(n())) + "% ", 1)) : d("", !0)], 10, jt));
 	}
-}), jt = [
+}), Ft = [
 	"id",
 	"name",
 	"value",
 	"checked",
 	"disabled",
 	"onChange"
-], Mt = ["for"], Nt = /* @__PURE__ */ u({
+], It = ["for"], Lt = /* @__PURE__ */ _({
 	__name: "VdRadioGroup",
 	props: {
 		options: {},
@@ -942,35 +990,35 @@ var ae = { install(e) {
 		}
 	},
 	emits: ["update:modelValue"],
-	setup(t, { emit: n }) {
-		let r = n;
-		return (n, i) => (_(), a("div", {
-			class: f(["vd-form-radio-group", { "vd-form-radio-group-inline": t.inline }]),
+	setup(e, { emit: t }) {
+		let n = t;
+		return (t, r) => (w(), f("div", {
+			class: y(["vd-form-radio-group", { "vd-form-radio-group-inline": e.inline }]),
 			role: "radiogroup"
-		}, [(_(!0), a(e, null, b(t.options, (e) => (_(), a("div", {
-			key: e.value,
-			class: f(["vd-form-radio", [`vd-form-radio-${t.size}`, { "vd-form-radio-inline": t.inline }]])
-		}, [o("input", {
-			id: `${t.name}-${e.value}`,
+		}, [(w(!0), f(s, null, D(e.options, (t) => (w(), f("div", {
+			key: t.value,
+			class: y(["vd-form-radio", [`vd-form-radio-${e.size}`, { "vd-form-radio-inline": e.inline }]])
+		}, [p("input", {
+			id: `${e.name}-${t.value}`,
 			type: "radio",
-			name: t.name,
-			value: e.value,
-			checked: t.modelValue === e.value,
-			disabled: t.disabled || e.disabled,
+			name: e.name,
+			value: t.value,
+			checked: e.modelValue === t.value,
+			disabled: e.disabled || t.disabled,
 			class: "vd-form-radio-input",
-			onChange: (t) => r("update:modelValue", e.value)
-		}, null, 40, jt), o("label", {
-			for: `${t.name}-${e.value}`,
+			onChange: (e) => n("update:modelValue", t.value)
+		}, null, 40, Ft), p("label", {
+			for: `${e.name}-${t.value}`,
 			class: "vd-form-radio-label"
-		}, w(e.label), 9, Mt)], 2))), 128))], 2));
+		}, j(t.label), 9, It)], 2))), 128))], 2));
 	}
-}), Pt = [
+}), Rt = [
 	"aria-checked",
 	"aria-label",
 	"tabindex",
 	"onMouseenter",
 	"onClick"
-], Ft = { class: "vd-rating-value" }, It = /* @__PURE__ */ u({
+], zt = { class: "vd-rating-value" }, Bt = /* @__PURE__ */ _({
 	__name: "VdRating",
 	props: {
 		modelValue: {},
@@ -983,49 +1031,49 @@ var ae = { install(e) {
 		name: { default: "" }
 	},
 	emits: ["update:modelValue", "change"],
-	setup(t, { emit: r }) {
-		let i = t, s = r, c = y(i.modelValue), l = y(-1);
-		O(() => i.modelValue, (e) => {
-			c.value = e;
+	setup(e, { emit: t }) {
+		let n = e, r = t, i = E(n.modelValue), a = E(-1);
+		F(() => n.modelValue, (e) => {
+			i.value = e;
 		});
-		let u = n(() => Array.from({ length: i.max }, (e, t) => t + 1)), d = (e) => ({
-			"is-active": e <= Math.floor(c.value),
-			"is-half": e > Math.floor(c.value) && e - .5 <= c.value,
-			"is-hovered": l.value >= 0 && e <= l.value
-		}), p = (e) => {
-			i.readonly || (c.value = e, s("update:modelValue", e), s("change", e));
-		}, m = (e) => {
-			i.readonly || ((e.key === "ArrowRight" || e.key === "ArrowUp") && c.value < i.max ? (e.preventDefault(), p(c.value + 1)) : (e.key === "ArrowLeft" || e.key === "ArrowDown") && c.value > 1 && (e.preventDefault(), p(c.value - 1)));
+		let o = l(() => Array.from({ length: n.max }, (e, t) => t + 1)), c = (e) => ({
+			"is-active": e <= Math.floor(i.value),
+			"is-half": e > Math.floor(i.value) && e - .5 <= i.value,
+			"is-hovered": a.value >= 0 && e <= a.value
+		}), u = (e) => {
+			n.readonly || (i.value = e, r("update:modelValue", e), r("change", e));
+		}, d = (e) => {
+			n.readonly || ((e.key === "ArrowRight" || e.key === "ArrowUp") && i.value < n.max ? (e.preventDefault(), u(i.value + 1)) : (e.key === "ArrowLeft" || e.key === "ArrowDown") && i.value > 1 && (e.preventDefault(), u(i.value - 1)));
 		};
-		return (n, r) => (_(), a("div", {
-			class: f(["vd-rating", [t.size ? `vd-rating-${t.size}` : null, { "vd-rating-readonly": t.readonly }]]),
+		return (t, n) => (w(), f("div", {
+			class: y(["vd-rating", [e.size ? `vd-rating-${e.size}` : null, { "vd-rating-readonly": e.readonly }]]),
 			role: "radiogroup",
 			"aria-label": "Rating",
-			onKeydown: m,
-			onMouseleave: r[0] ||= (e) => l.value = -1
-		}, [(_(!0), a(e, null, b(u.value, (e) => (_(), a("button", {
-			key: e,
+			onKeydown: d,
+			onMouseleave: n[0] ||= (e) => a.value = -1
+		}, [(w(!0), f(s, null, D(o.value, (t) => (w(), f("button", {
+			key: t,
 			type: "button",
-			class: f(["vd-rating-star", d(e)]),
+			class: y(["vd-rating-star", c(t)]),
 			role: "radio",
-			"aria-checked": e <= c.value ? "true" : "false",
-			"aria-label": `${e} star${e > 1 ? "s" : ""}`,
-			tabindex: t.readonly ? -1 : 0,
-			onMouseenter: (n) => t.readonly ? null : l.value = e,
-			onClick: (t) => p(e)
-		}, null, 42, Pt))), 128)), o("span", Ft, w(c.value > 0 ? c.value : ""), 1)], 34));
+			"aria-checked": t <= i.value ? "true" : "false",
+			"aria-label": `${t} star${t > 1 ? "s" : ""}`,
+			tabindex: e.readonly ? -1 : 0,
+			onMouseenter: (n) => e.readonly ? null : a.value = t,
+			onClick: (e) => u(t)
+		}, null, 42, Rt))), 128)), p("span", zt, j(i.value > 0 ? i.value : ""), 1)], 34));
 	}
-}), Lt = [
+}), Vt = [
 	"id",
 	"name",
 	"value",
 	"disabled",
 	"required"
-], Rt = {
+], Ht = {
 	key: 0,
 	value: "",
 	disabled: ""
-}, zt = ["value", "disabled"], Bt = { class: "vd-visually-hidden" }, Vt = /* @__PURE__ */ u({
+}, Ut = ["value", "disabled"], Wt = { class: "vd-visually-hidden" }, Gt = /* @__PURE__ */ _({
 	__name: "VdSelect",
 	props: {
 		modelValue: {},
@@ -1043,39 +1091,39 @@ var ae = { install(e) {
 		}
 	},
 	emits: ["update:modelValue"],
-	setup(t, { emit: r }) {
-		let s = t, c = r, l = y(s.modelValue);
-		O(() => s.modelValue, (e) => {
-			l.value = e;
+	setup(e, { emit: t }) {
+		let n = e, r = t, i = E(n.modelValue);
+		F(() => n.modelValue, (e) => {
+			i.value = e;
 		});
-		let u = n(() => s.options.find((e) => e.value === l.value)?.label ?? "");
-		return (n, r) => (_(), a(e, null, [o("select", {
-			id: t.id || t.name,
-			name: t.name,
-			value: l.value,
-			disabled: t.disabled,
-			required: t.required,
+		let a = l(() => n.options.find((e) => e.value === i.value)?.label ?? "");
+		return (t, n) => (w(), f(s, null, [p("select", {
+			id: e.id || e.name,
+			name: e.name,
+			value: i.value,
+			disabled: e.disabled,
+			required: e.required,
 			class: "vd-input",
-			onChange: r[0] ||= (e) => {
+			onChange: n[0] ||= (e) => {
 				let t = e.target.value;
-				l.value = t, c("update:modelValue", t);
+				i.value = t, r("update:modelValue", t);
 			}
-		}, [t.placeholder ? (_(), a("option", Rt, w(t.placeholder), 1)) : i("", !0), (_(!0), a(e, null, b(t.options, (e) => (_(), a("option", {
+		}, [e.placeholder ? (w(), f("option", Ht, j(e.placeholder), 1)) : d("", !0), (w(!0), f(s, null, D(e.options, (e) => (w(), f("option", {
 			key: e.value,
 			value: e.value,
 			disabled: e.disabled
-		}, w(e.label), 9, zt))), 128))], 40, Lt), o("span", Bt, w(u.value), 1)], 64));
+		}, j(e.label), 9, Ut))), 128))], 40, Vt), p("span", Wt, j(a.value), 1)], 64));
 	}
-}), Ht = ["aria-label"], Ut = {
+}), Kt = ["aria-label"], qt = {
 	key: 0,
 	class: "vd-sidenav-header"
-}, Wt = {
+}, Jt = {
 	key: 0,
 	class: "vd-sidenav-title"
-}, Gt = { class: "vd-sidenav-body" }, Kt = {
+}, Yt = { class: "vd-sidenav-body" }, Xt = {
 	key: 1,
 	class: "vd-sidenav-footer"
-}, qt = /* @__PURE__ */ u({
+}, Zt = /* @__PURE__ */ _({
 	__name: "VdSidenav",
 	props: {
 		modelValue: { type: Boolean },
@@ -1091,47 +1139,47 @@ var ae = { install(e) {
 		}
 	},
 	emits: ["update:modelValue", "close"],
-	setup(e, { emit: n }) {
-		let s = e, c = n, l = () => {
-			c("update:modelValue", !1), c("close");
-		}, u = () => {
-			s.closeOnBackdrop && l();
-		}, d = (e) => {
-			s.modelValue && e.key === "Escape" && s.closeOnEsc && (e.preventDefault(), l());
+	setup(e, { emit: t }) {
+		let n = e, r = t, i = () => {
+			r("update:modelValue", !1), r("close");
+		}, a = () => {
+			n.closeOnBackdrop && i();
+		}, o = (e) => {
+			n.modelValue && e.key === "Escape" && n.closeOnEsc && (e.preventDefault(), i());
 		};
-		return h(() => {
-			typeof window > "u" || window.addEventListener("keydown", d);
-		}), m(() => {
-			typeof window > "u" || window.removeEventListener("keydown", d);
-		}), O(() => s.modelValue, (e) => {
+		return S(() => {
+			typeof window > "u" || window.addEventListener("keydown", o);
+		}), x(() => {
+			typeof window > "u" || window.removeEventListener("keydown", o);
+		}), F(() => n.modelValue, (e) => {
 			typeof document > "u" || (document.body.style.overflow = e ? "hidden" : "");
-		}), (n, s) => (_(), r(t, { to: "body" }, [e.modelValue ? (_(), a("div", {
+		}), (t, n) => (w(), u(c, { to: "body" }, [e.modelValue ? (w(), f("div", {
 			key: 0,
 			class: "vd-sidenav-overlay is-visible",
-			onClick: u
-		})) : i("", !0), e.modelValue ? (_(), a("aside", {
+			onClick: a
+		})) : d("", !0), e.modelValue ? (w(), f("aside", {
 			key: 1,
-			class: f(["vd-sidenav", [`vd-sidenav-${e.placement}`, "is-open"]]),
+			class: y(["vd-sidenav", [`vd-sidenav-${e.placement}`, "is-open"]]),
 			"aria-label": e.title || "Side navigation"
 		}, [
-			e.title || n.$slots.header ? (_(), a("header", Ut, [
-				e.title ? (_(), a("h3", Wt, w(e.title), 1)) : i("", !0),
-				x(n.$slots, "header"),
-				o("button", {
+			e.title || t.$slots.header ? (w(), f("header", qt, [
+				e.title ? (w(), f("h3", Jt, j(e.title), 1)) : d("", !0),
+				O(t.$slots, "header"),
+				p("button", {
 					type: "button",
 					class: "vd-sidenav-close",
 					"aria-label": "Close",
-					onClick: l
+					onClick: i
 				}, " × ")
-			])) : i("", !0),
-			o("div", Gt, [x(n.$slots, "default")]),
-			n.$slots.footer ? (_(), a("footer", Kt, [x(n.$slots, "footer")])) : i("", !0)
-		], 10, Ht)) : i("", !0)]));
+			])) : d("", !0),
+			p("div", Yt, [O(t.$slots, "default")]),
+			t.$slots.footer ? (w(), f("footer", Xt, [O(t.$slots, "footer")])) : d("", !0)
+		], 10, Kt)) : d("", !0)]));
 	}
-}), Jt = {
+}), Qt = {
 	key: 3,
 	class: "vd-skeleton-lines"
-}, Yt = /* @__PURE__ */ u({
+}, $t = /* @__PURE__ */ _({
 	__name: "VdSkeleton",
 	props: {
 		shape: { default: "text" },
@@ -1139,42 +1187,42 @@ var ae = { install(e) {
 		width: { default: "" },
 		lines: { default: 1 }
 	},
-	setup(t) {
-		return (n, r) => t.shape === "card" ? (_(), a("div", {
+	setup(e) {
+		return (t, n) => e.shape === "card" ? (w(), f("div", {
 			key: 0,
-			class: f(["vd-skeleton-card", `vd-skeleton-card-${t.size}`])
-		}, [...r[0] ||= [s("<div class=\"vd-skeleton vd-skeleton-card-header\"></div><div class=\"vd-skeleton-card-body\"><div class=\"vd-skeleton vd-skeleton-text\"></div><div class=\"vd-skeleton vd-skeleton-text\"></div><div class=\"vd-skeleton vd-skeleton-text vd-skeleton-text-short\"></div></div>", 2)]], 2)) : t.shape === "button" ? (_(), a("div", {
+			class: y(["vd-skeleton-card", `vd-skeleton-card-${e.size}`])
+		}, [...n[0] ||= [m("<div class=\"vd-skeleton vd-skeleton-card-header\"></div><div class=\"vd-skeleton-card-body\"><div class=\"vd-skeleton vd-skeleton-text\"></div><div class=\"vd-skeleton vd-skeleton-text\"></div><div class=\"vd-skeleton vd-skeleton-text vd-skeleton-text-short\"></div></div>", 2)]], 2)) : e.shape === "button" ? (w(), f("div", {
 			key: 1,
-			class: f(["vd-skeleton vd-skeleton-button", `vd-skeleton-button-${t.size}`])
-		}, null, 2)) : t.shape === "circle" ? (_(), a("div", {
+			class: y(["vd-skeleton vd-skeleton-button", `vd-skeleton-button-${e.size}`])
+		}, null, 2)) : e.shape === "circle" ? (w(), f("div", {
 			key: 2,
-			class: f(["vd-skeleton vd-skeleton-circle", `vd-skeleton-circle-${t.size}`])
-		}, null, 2)) : t.lines > 1 ? (_(), a("div", Jt, [(_(!0), a(e, null, b(t.lines, (e) => (_(), a("div", {
-			key: e,
-			class: f(["vd-skeleton vd-skeleton-text", e === t.lines ? "vd-skeleton-text-short" : ""])
-		}, null, 2))), 128))])) : (_(), a("div", {
+			class: y(["vd-skeleton vd-skeleton-circle", `vd-skeleton-circle-${e.size}`])
+		}, null, 2)) : e.lines > 1 ? (w(), f("div", Qt, [(w(!0), f(s, null, D(e.lines, (t) => (w(), f("div", {
+			key: t,
+			class: y(["vd-skeleton vd-skeleton-text", t === e.lines ? "vd-skeleton-text-short" : ""])
+		}, null, 2))), 128))])) : (w(), f("div", {
 			key: 4,
-			class: f(["vd-skeleton vd-skeleton-text", `vd-skeleton-text-${t.size}`]),
-			style: p(t.width ? `width: ${t.width}` : "")
+			class: y(["vd-skeleton vd-skeleton-text", `vd-skeleton-text-${e.size}`]),
+			style: b(e.width ? `width: ${e.width}` : "")
 		}, null, 6));
 	}
-}), Xt = ["aria-label"], Zt = /* @__PURE__ */ u({
+}), en = ["aria-label"], tn = /* @__PURE__ */ _({
 	__name: "VdSpinner",
 	props: {
 		size: { default: "md" },
 		label: { default: "" }
 	},
 	setup(e) {
-		return (t, n) => (_(), a("span", {
-			class: f(["vd-spinner", `vd-spinner-${e.size}`]),
+		return (t, n) => (w(), f("span", {
+			class: y(["vd-spinner", `vd-spinner-${e.size}`]),
 			role: "status",
 			"aria-label": e.label || "Loading"
-		}, [l(L, { name: "circle-notch" })], 10, Xt));
+		}, [g(Y, { name: "circle-notch" })], 10, en));
 	}
-}), Qt = { class: "vd-table-responsive" }, $t = {
+}), nn = { class: "vd-table-responsive" }, rn = {
 	key: 0,
 	class: "vd-table-caption"
-}, en = { class: "vd-table-header" }, tn = /* @__PURE__ */ u({
+}, an = { class: "vd-table-header" }, on = /* @__PURE__ */ _({
 	__name: "VdTable",
 	props: {
 		columns: {},
@@ -1193,124 +1241,124 @@ var ae = { install(e) {
 		},
 		caption: { default: "" }
 	},
-	setup(t) {
-		return (n, r) => (_(), a("div", Qt, [o("table", { class: f(["vd-table", {
-			"vd-table-striped": t.striped,
-			"vd-table-bordered": t.bordered,
-			"vd-table-hover": t.hover
+	setup(e) {
+		return (t, n) => (w(), f("div", nn, [p("table", { class: y(["vd-table", {
+			"vd-table-striped": e.striped,
+			"vd-table-bordered": e.bordered,
+			"vd-table-hover": e.hover
 		}]) }, [
-			t.caption ? (_(), a("caption", $t, w(t.caption), 1)) : i("", !0),
-			o("thead", en, [o("tr", null, [(_(!0), a(e, null, b(t.columns, (e) => (_(), a("th", {
+			e.caption ? (w(), f("caption", rn, j(e.caption), 1)) : d("", !0),
+			p("thead", an, [p("tr", null, [(w(!0), f(s, null, D(e.columns, (e) => (w(), f("th", {
 				key: e.key,
 				scope: "col"
-			}, w(e.label), 1))), 128))])]),
-			o("tbody", null, [(_(!0), a(e, null, b(t.rows, (n, r) => (_(), a("tr", { key: r }, [(_(!0), a(e, null, b(t.columns, (e) => (_(), a("td", { key: e.key }, w(n[e.key]), 1))), 128))]))), 128))])
+			}, j(e.label), 1))), 128))])]),
+			p("tbody", null, [(w(!0), f(s, null, D(e.rows, (t, n) => (w(), f("tr", { key: n }, [(w(!0), f(s, null, D(e.columns, (e) => (w(), f("td", { key: e.key }, j(t[e.key]), 1))), 128))]))), 128))])
 		], 2)]));
 	}
-}), nn = {
+}), sn = {
 	class: "vd-tabs",
 	role: "tablist"
-}, rn = {
+}, cn = {
 	class: "vd-tab-list",
 	role: "presentation"
-}, an = ["aria-selected", "onClick"], on = { class: "vd-tab-panels" }, sn = /* @__PURE__ */ u({
+}, ln = ["aria-selected", "onClick"], un = { class: "vd-tab-panels" }, dn = /* @__PURE__ */ _({
 	__name: "VdTabs",
 	props: {
 		tabs: {},
 		modelValue: {}
 	},
 	emits: ["update:modelValue"],
-	setup(t, { emit: n }) {
-		let r = t, i = n, s = (e) => {
-			e !== r.modelValue && i("update:modelValue", e);
+	setup(e, { emit: t }) {
+		let n = e, r = t, i = (e) => {
+			e !== n.modelValue && r("update:modelValue", e);
 		};
-		return (n, r) => (_(), a("div", nn, [o("div", rn, [(_(!0), a(e, null, b(t.tabs, (e) => (_(), a("button", {
-			key: e.id,
+		return (t, n) => (w(), f("div", sn, [p("div", cn, [(w(!0), f(s, null, D(e.tabs, (t) => (w(), f("button", {
+			key: t.id,
 			type: "button",
 			role: "tab",
-			"aria-selected": e.id === t.modelValue,
-			class: f(["vd-tab", e.id === t.modelValue ? "is-active" : null]),
-			onClick: (t) => s(e.id)
-		}, w(e.label), 11, an))), 128))]), o("div", on, [x(n.$slots, "default")])]));
+			"aria-selected": t.id === e.modelValue,
+			class: y(["vd-tab", t.id === e.modelValue ? "is-active" : null]),
+			onClick: (e) => i(t.id)
+		}, j(t.label), 11, ln))), 128))]), p("div", un, [O(t.$slots, "default")])]));
 	}
-}), cn = ["innerHTML"], ln = { class: "vd-toast-content" }, un = {
+}), fn = ["innerHTML"], pn = { class: "vd-toast-content" }, mn = {
 	key: 0,
 	class: "vd-toast-title"
-}, dn = { class: "vd-toast-message" }, fn = /* @__PURE__ */ u({
+}, hn = { class: "vd-toast-message" }, X = /* @__PURE__ */ _({
 	__name: "VdToast",
 	props: { toast: {} },
 	emits: ["dismiss"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, s = {
+		let n = e, r = t, i = {
 			success: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"></path><polyline points=\"22 4 12 14.01 9 11.01\"></polyline></svg>",
 			error: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"></circle><line x1=\"15\" y1=\"9\" x2=\"9\" y2=\"15\"></line><line x1=\"9\" y1=\"9\" x2=\"15\" y2=\"15\"></line></svg>",
 			warning: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z\"></path><line x1=\"12\" y1=\"9\" x2=\"12\" y2=\"13\"></line><line x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\"></line></svg>",
 			info: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"></circle><line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\"></line><line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\"></line></svg>"
-		}, c = y(!1), l = y(!1), u = y(!1), d = null, g = null, v = 0, b = n.toast.duration, x = () => {
-			d != null && (window.clearTimeout(d), d = null);
-		}, S = () => {
-			u.value = !1, n.toast.duration > 0 && typeof window < "u" && (v = Date.now(), d = window.setTimeout(T, b));
+		}, a = E(!1), o = E(!1), s = E(!1), c = null, l = null, u = 0, m = n.toast.duration, h = () => {
+			c != null && (window.clearTimeout(c), c = null);
+		}, g = () => {
+			s.value = !1, n.toast.duration > 0 && typeof window < "u" && (u = Date.now(), c = window.setTimeout(v, m));
+		}, _ = () => {
+			c != null && (window.clearTimeout(c), c = null, m -= Date.now() - u, s.value = !0);
+		}, v = () => {
+			o.value || (h(), a.value = !1, o.value = !0, l = window.setTimeout(() => r("dismiss", n.toast.id), 400));
 		}, C = () => {
-			d != null && (window.clearTimeout(d), d = null, b -= Date.now() - v, u.value = !0);
-		}, T = () => {
-			l.value || (x(), c.value = !1, l.value = !0, g = window.setTimeout(() => r("dismiss", n.toast.id), 400));
-		}, E = () => {
-			l.value && r("dismiss", n.toast.id);
+			o.value && r("dismiss", n.toast.id);
 		};
-		return h(() => {
+		return S(() => {
 			requestAnimationFrame(() => {
-				c.value = !0, S();
+				a.value = !0, g();
 			});
-		}), m(() => {
-			x(), g != null && window.clearTimeout(g);
-		}), (t, n) => (_(), a("div", {
-			class: f([
+		}), x(() => {
+			h(), l != null && window.clearTimeout(l);
+		}), (t, n) => (w(), f("div", {
+			class: y([
 				"vd-toast",
 				e.toast.type ? `vd-toast-${e.toast.type}` : null,
 				e.toast.solid ? "vd-toast-solid" : null,
 				e.toast.showProgress && e.toast.duration > 0 ? "vd-toast-with-progress" : null,
 				{
-					"is-visible": c.value,
-					"is-exiting": l.value
+					"is-visible": a.value,
+					"is-exiting": o.value
 				}
 			]),
 			role: "status",
 			"aria-live": "polite",
-			onMouseenter: C,
-			onMouseleave: S,
-			onTransitionend: E
+			onMouseenter: _,
+			onMouseleave: g,
+			onTransitionend: C
 		}, [
-			e.toast.type ? (_(), a("span", {
+			e.toast.type ? (w(), f("span", {
 				key: 0,
 				class: "vd-toast-icon",
-				innerHTML: s[e.toast.type]
-			}, null, 8, cn)) : i("", !0),
-			o("div", ln, [e.toast.title ? (_(), a("div", un, w(e.toast.title), 1)) : i("", !0), o("div", dn, w(e.toast.message), 1)]),
-			e.toast.dismissible ? (_(), a("button", {
+				innerHTML: i[e.toast.type]
+			}, null, 8, fn)) : d("", !0),
+			p("div", pn, [e.toast.title ? (w(), f("div", mn, j(e.toast.title), 1)) : d("", !0), p("div", hn, j(e.toast.message), 1)]),
+			e.toast.dismissible ? (w(), f("button", {
 				key: 1,
 				type: "button",
 				class: "vd-toast-close",
 				"aria-label": "Close",
-				onClick: T
-			})) : i("", !0),
-			e.toast.showProgress && e.toast.duration > 0 ? (_(), a("div", {
+				onClick: v
+			})) : d("", !0),
+			e.toast.showProgress && e.toast.duration > 0 ? (w(), f("div", {
 				key: 2,
 				class: "vd-toast-progress",
-				style: p({
+				style: b({
 					animationDuration: `${e.toast.duration}ms`,
-					animationPlayState: u.value ? "paused" : "running"
+					animationPlayState: s.value ? "paused" : "running"
 				})
-			}, null, 4)) : i("", !0)
+			}, null, 4)) : d("", !0)
 		], 34));
 	}
-}), R = {
+}), Z = {
 	duration: 5e3,
 	position: "top-right",
 	dismissible: !0,
 	showProgress: !0,
 	solid: !1
-}, pn = 0, mn = () => (pn += 1, `toast-${Date.now().toString(36)}-${pn}`), z = M("toast", () => {
-	let e = y([]), t = (t, n, r) => {
+}, gn = 0, _n = () => (gn += 1, `toast-${Date.now().toString(36)}-${gn}`), Q = ee("toast", () => {
+	let e = E([]), t = (t, n, r) => {
 		let i;
 		i = typeof t == "string" ? n && typeof n == "object" ? {
 			...n,
@@ -1320,16 +1368,16 @@ var ae = { install(e) {
 			type: n,
 			duration: r
 		} : { ...t };
-		let a = mn(), o = {
+		let a = _n(), o = {
 			id: a,
 			message: i.message ?? "",
 			title: i.title,
 			type: i.type,
-			duration: i.duration ?? R.duration,
-			position: i.position ?? R.position,
-			dismissible: i.dismissible ?? R.dismissible,
-			showProgress: i.showProgress ?? R.showProgress,
-			solid: i.solid ?? R.solid
+			duration: i.duration ?? Z.duration,
+			position: i.position ?? Z.position,
+			dismissible: i.dismissible ?? Z.dismissible,
+			showProgress: i.showProgress ?? Z.showProgress,
+			solid: i.solid ?? Z.solid
 		};
 		return e.value.push(o), a;
 	};
@@ -1360,8 +1408,8 @@ var ae = { install(e) {
 			type: "info"
 		})
 	};
-}), hn = () => {
-	let e = z();
+}), vn = () => {
+	let e = Q();
 	return {
 		show: e.show,
 		dismiss: e.dismiss,
@@ -1371,236 +1419,236 @@ var ae = { install(e) {
 		info: e.info,
 		queue: e.queue
 	};
-}, gn = /* @__PURE__ */ u({
+}, yn = /* @__PURE__ */ _({
 	__name: "VdToastContainer",
-	setup(i) {
-		let o = z(), s = [
+	setup(e) {
+		let t = Q(), n = [
 			"top-right",
 			"top-left",
 			"top-center",
 			"bottom-right",
 			"bottom-left",
 			"bottom-center"
-		], c = n(() => s.map((e) => ({
+		], r = l(() => n.map((e) => ({
 			position: e,
-			toasts: o.queue.filter((t) => t.position === e)
+			toasts: t.queue.filter((t) => t.position === e)
 		})).filter((e) => e.toasts.length > 0));
-		return (n, i) => (_(), r(t, { to: "body" }, [(_(!0), a(e, null, b(c.value, (t) => (_(), a("div", {
-			key: t.position,
-			class: f(["vd-toast-container", `vd-toast-container-${t.position}`]),
+		return (e, n) => (w(), u(c, { to: "body" }, [(w(!0), f(s, null, D(r.value, (e) => (w(), f("div", {
+			key: e.position,
+			class: y(["vd-toast-container", `vd-toast-container-${e.position}`]),
 			role: "status",
 			"aria-live": "polite",
 			"aria-atomic": "false"
-		}, [(_(!0), a(e, null, b(t.toasts, (e) => (_(), r(fn, {
+		}, [(w(!0), f(s, null, D(e.toasts, (e) => (w(), u(X, {
 			key: e.id,
 			toast: e,
-			onDismiss: T(o).dismiss
+			onDismiss: M(t).dismiss
 		}, null, 8, ["toast", "onDismiss"]))), 128))], 2))), 128))]));
 	}
-}), _n = ["data-tooltip-position", "data-tooltip"], vn = /* @__PURE__ */ u({
+}), bn = ["data-tooltip-position", "data-tooltip"], xn = /* @__PURE__ */ _({
 	__name: "VdTooltip",
 	props: {
 		text: {},
 		position: { default: "top" }
 	},
 	setup(e) {
-		return (t, n) => (_(), a("span", {
+		return (t, n) => (w(), f("span", {
 			class: "vd-tooltip",
 			"data-tooltip-position": e.position,
 			"data-tooltip": e.text
-		}, [x(t.$slots, "default")], 8, _n));
+		}, [O(t.$slots, "default")], 8, bn));
 	}
-}), yn = { class: "vd-transfer-panel" }, bn = { class: "vd-transfer-header" }, xn = {
+}), Sn = { class: "vd-transfer-panel" }, Cn = { class: "vd-transfer-header" }, wn = {
 	class: "vd-transfer-count",
 	"aria-live": "polite"
-}, Sn = { class: "vd-transfer-search" }, Cn = {
+}, Tn = { class: "vd-transfer-search" }, En = {
 	class: "vd-transfer-list",
 	role: "listbox",
 	"aria-multiselectable": "true"
-}, wn = ["aria-selected", "onClick"], Tn = ["checked", "aria-label"], En = { class: "vd-transfer-actions" }, Dn = ["disabled"], On = ["disabled"], kn = { class: "vd-transfer-panel" }, An = { class: "vd-transfer-header" }, jn = {
+}, Dn = ["aria-selected", "onClick"], On = ["checked", "aria-label"], kn = { class: "vd-transfer-actions" }, An = ["disabled"], jn = ["disabled"], Mn = { class: "vd-transfer-panel" }, Nn = { class: "vd-transfer-header" }, Pn = {
 	class: "vd-transfer-count",
 	"aria-live": "polite"
-}, Mn = { class: "vd-transfer-search" }, Nn = {
+}, Fn = { class: "vd-transfer-search" }, In = {
 	class: "vd-transfer-list",
 	role: "listbox",
 	"aria-multiselectable": "true"
-}, Pn = ["aria-selected", "onClick"], Fn = ["checked", "aria-label"], In = /* @__PURE__ */ u({
+}, Ln = ["aria-selected", "onClick"], Rn = ["checked", "aria-label"], zn = /* @__PURE__ */ _({
 	__name: "VdTransfer",
 	props: { items: {} },
-	setup(t, { expose: r }) {
-		let i = t, s = y(null), c = y(i.items.map((e) => ({ ...e }))), l = y([]), u = y(/* @__PURE__ */ new Set()), d = y(/* @__PURE__ */ new Set()), p = y(""), m = y(""), h = (e, t) => {
+	setup(e, { expose: t }) {
+		let n = e, r = E(null), i = E(n.items.map((e) => ({ ...e }))), a = E([]), o = E(/* @__PURE__ */ new Set()), c = E(/* @__PURE__ */ new Set()), u = E(""), d = E(""), m = (e, t) => {
 			if (!t) return e;
 			let n = t.toLowerCase();
 			return e.filter((e) => e.label.toLowerCase().includes(n));
-		}, g = n(() => h(c.value, p.value)), v = n(() => h(l.value, m.value)), x = (e, t) => {
-			let n = e === "source" ? u : d, r = new Set(n.value);
+		}, h = l(() => m(i.value, u.value)), g = l(() => m(a.value, d.value)), _ = (e, t) => {
+			let n = e === "source" ? o : c, r = new Set(n.value);
 			r.has(t) ? r.delete(t) : r.add(t), n.value = r;
-		}, S = () => {
-			s.value?.dispatchEvent(new CustomEvent("transfer:change", {
+		}, v = () => {
+			r.value?.dispatchEvent(new CustomEvent("transfer:change", {
 				bubbles: !0,
 				detail: {
-					selected: l.value.map((e) => e.id),
-					available: c.value.map((e) => e.id)
+					selected: a.value.map((e) => e.id),
+					available: i.value.map((e) => e.id)
 				}
 			}));
-		}, C = () => {
-			if (u.value.size === 0) return;
-			let e = c.value.filter((e) => u.value.has(e.id));
-			c.value = c.value.filter((e) => !u.value.has(e.id)), l.value = [...l.value, ...e], u.value = /* @__PURE__ */ new Set(), S();
-		}, T = () => {
-			if (d.value.size === 0) return;
-			let e = l.value.filter((e) => d.value.has(e.id));
-			l.value = l.value.filter((e) => !d.value.has(e.id)), c.value = [...c.value, ...e], d.value = /* @__PURE__ */ new Set(), S();
+		}, b = () => {
+			if (o.value.size === 0) return;
+			let e = i.value.filter((e) => o.value.has(e.id));
+			i.value = i.value.filter((e) => !o.value.has(e.id)), a.value = [...a.value, ...e], o.value = /* @__PURE__ */ new Set(), v();
+		}, x = () => {
+			if (c.value.size === 0) return;
+			let e = a.value.filter((e) => c.value.has(e.id));
+			a.value = a.value.filter((e) => !c.value.has(e.id)), i.value = [...i.value, ...e], c.value = /* @__PURE__ */ new Set(), v();
 		};
-		return r({ getSelected: () => l.value.map((e) => e.id) }), (t, n) => (_(), a("div", {
+		return t({ getSelected: () => a.value.map((e) => e.id) }), (e, t) => (w(), f("div", {
 			ref_key: "root",
-			ref: s,
+			ref: r,
 			class: "vd-transfer"
 		}, [
-			o("div", yn, [
-				o("div", bn, [n[2] ||= o("span", null, "Source", -1), o("span", xn, w(u.value.size) + "/" + w(c.value.length), 1)]),
-				o("div", Sn, [A(o("input", {
-					"onUpdate:modelValue": n[0] ||= (e) => p.value = e,
+			p("div", Sn, [
+				p("div", Cn, [t[2] ||= p("span", null, "Source", -1), p("span", wn, j(o.value.size) + "/" + j(i.value.length), 1)]),
+				p("div", Tn, [L(p("input", {
+					"onUpdate:modelValue": t[0] ||= (e) => u.value = e,
 					type: "text",
 					placeholder: "Search...",
 					"aria-label": "Search source"
-				}, null, 512), [[E, p.value]])]),
-				o("ul", Cn, [(_(!0), a(e, null, b(g.value, (e) => (_(), a("li", {
+				}, null, 512), [[N, u.value]])]),
+				p("ul", En, [(w(!0), f(s, null, D(h.value, (e) => (w(), f("li", {
 					key: e.id,
-					class: f(["vd-transfer-item", { "is-selected": u.value.has(e.id) }]),
+					class: y(["vd-transfer-item", { "is-selected": o.value.has(e.id) }]),
 					role: "option",
-					"aria-selected": u.value.has(e.id),
-					onClick: (t) => x("source", e.id)
-				}, [o("input", {
+					"aria-selected": o.value.has(e.id),
+					onClick: (t) => _("source", e.id)
+				}, [p("input", {
 					type: "checkbox",
-					checked: u.value.has(e.id),
+					checked: o.value.has(e.id),
 					"aria-label": e.label,
 					tabindex: "-1"
-				}, null, 8, Tn), o("span", null, w(e.label), 1)], 10, wn))), 128))])
+				}, null, 8, On), p("span", null, j(e.label), 1)], 10, Dn))), 128))])
 			]),
-			o("div", En, [o("button", {
+			p("div", kn, [p("button", {
 				type: "button",
 				class: "vd-transfer-btn",
 				"aria-label": "Move to target",
-				disabled: u.value.size === 0,
-				onClick: C
-			}, " › ", 8, Dn), o("button", {
+				disabled: o.value.size === 0,
+				onClick: b
+			}, " › ", 8, An), p("button", {
 				type: "button",
 				class: "vd-transfer-btn",
 				"aria-label": "Move to source",
-				disabled: d.value.size === 0,
-				onClick: T
-			}, " ‹ ", 8, On)]),
-			o("div", kn, [
-				o("div", An, [n[3] ||= o("span", null, "Target", -1), o("span", jn, w(d.value.size) + "/" + w(l.value.length), 1)]),
-				o("div", Mn, [A(o("input", {
-					"onUpdate:modelValue": n[1] ||= (e) => m.value = e,
+				disabled: c.value.size === 0,
+				onClick: x
+			}, " ‹ ", 8, jn)]),
+			p("div", Mn, [
+				p("div", Nn, [t[3] ||= p("span", null, "Target", -1), p("span", Pn, j(c.value.size) + "/" + j(a.value.length), 1)]),
+				p("div", Fn, [L(p("input", {
+					"onUpdate:modelValue": t[1] ||= (e) => d.value = e,
 					type: "text",
 					placeholder: "Search...",
 					"aria-label": "Search target"
-				}, null, 512), [[E, m.value]])]),
-				o("ul", Nn, [(_(!0), a(e, null, b(v.value, (e) => (_(), a("li", {
+				}, null, 512), [[N, d.value]])]),
+				p("ul", In, [(w(!0), f(s, null, D(g.value, (e) => (w(), f("li", {
 					key: e.id,
-					class: f(["vd-transfer-item", { "is-selected": d.value.has(e.id) }]),
+					class: y(["vd-transfer-item", { "is-selected": c.value.has(e.id) }]),
 					role: "option",
-					"aria-selected": d.value.has(e.id),
-					onClick: (t) => x("target", e.id)
-				}, [o("input", {
+					"aria-selected": c.value.has(e.id),
+					onClick: (t) => _("target", e.id)
+				}, [p("input", {
 					type: "checkbox",
-					checked: d.value.has(e.id),
+					checked: c.value.has(e.id),
 					"aria-label": e.label,
 					tabindex: "-1"
-				}, null, 8, Fn), o("span", null, w(e.label), 1)], 10, Pn))), 128))])
+				}, null, 8, Rn), p("span", null, j(e.label), 1)], 10, Ln))), 128))])
 			])
 		], 512));
 	}
-}), Ln = ["aria-expanded"], Rn = { class: "vd-tree-node-content" }, zn = {
+}), Bn = ["aria-expanded"], Vn = { class: "vd-tree-node-content" }, Hn = {
 	key: 1,
 	class: "vd-tree-toggle-placeholder"
-}, Bn = ["checked", "aria-label"], Vn = {
+}, Un = ["checked", "aria-label"], Wn = {
 	class: "vd-tree-label",
 	tabindex: "-1"
-}, Hn = {
+}, Gn = {
 	key: 0,
 	class: "vd-tree-children",
 	role: "group"
-}, Un = /* @__PURE__ */ u({
+}, Kn = /* @__PURE__ */ _({
 	__name: "VdTreeNode",
 	props: {
 		node: {},
 		checkbox: { type: Boolean }
 	},
 	emits: ["toggle", "check"],
-	setup(t, { emit: s }) {
-		let c = t, l = s, u = n(() => !!c.node.children && c.node.children.length > 0), d = () => {
-			c.node.open = !c.node.open, l("toggle", c.node);
-		}, p = (e) => {
-			l("check", c.node, e.target.checked);
+	setup(e, { emit: t }) {
+		let n = e, r = t, i = l(() => !!n.node.children && n.node.children.length > 0), a = () => {
+			n.node.open = !n.node.open, r("toggle", n.node);
+		}, o = (e) => {
+			r("check", n.node, e.target.checked);
 		};
-		return (n, s) => {
-			let c = S("VdTreeNode", !0);
-			return _(), a("li", {
-				class: f(["vd-tree-node", { "is-open": t.node.open }]),
+		return (t, n) => {
+			let c = k("VdTreeNode", !0);
+			return w(), f("li", {
+				class: y(["vd-tree-node", { "is-open": e.node.open }]),
 				role: "treeitem",
-				"aria-expanded": u.value ? t.node.open ? "true" : "false" : void 0
-			}, [o("div", Rn, [
-				u.value ? (_(), a("button", {
+				"aria-expanded": i.value ? e.node.open ? "true" : "false" : void 0
+			}, [p("div", Vn, [
+				i.value ? (w(), f("button", {
 					key: 0,
 					type: "button",
 					class: "vd-tree-toggle",
 					"aria-label": "Toggle",
-					onClick: j(d, ["stop"])
-				})) : (_(), a("span", zn)),
-				t.checkbox ? (_(), a("input", {
+					onClick: R(a, ["stop"])
+				})) : (w(), f("span", Hn)),
+				e.checkbox ? (w(), f("input", {
 					key: 2,
 					type: "checkbox",
 					class: "vd-tree-checkbox",
-					checked: t.node.checked,
-					"aria-label": t.node.label,
-					onChange: j(p, ["stop"]),
-					onClick: s[0] ||= j(() => {}, ["stop"])
-				}, null, 40, Bn)) : i("", !0),
-				t.node.icon ? (_(), a("span", {
+					checked: e.node.checked,
+					"aria-label": e.node.label,
+					onChange: R(o, ["stop"]),
+					onClick: n[0] ||= R(() => {}, ["stop"])
+				}, null, 40, Un)) : d("", !0),
+				e.node.icon ? (w(), f("span", {
 					key: 3,
-					class: f(["vd-tree-icon", t.node.icon])
-				}, null, 2)) : i("", !0),
-				o("span", Vn, w(t.node.label), 1)
-			]), u.value ? (_(), a("ul", Hn, [(_(!0), a(e, null, b(t.node.children, (e, n) => (_(), r(c, {
-				key: e.id ?? n,
-				node: e,
-				checkbox: t.checkbox,
-				onToggle: s[1] ||= (e) => l("toggle", e),
-				onCheck: s[2] ||= (e, t) => l("check", e, t)
-			}, null, 8, ["node", "checkbox"]))), 128))])) : i("", !0)], 10, Ln);
+					class: y(["vd-tree-icon", e.node.icon])
+				}, null, 2)) : d("", !0),
+				p("span", Wn, j(e.node.label), 1)
+			]), i.value ? (w(), f("ul", Gn, [(w(!0), f(s, null, D(e.node.children, (t, i) => (w(), u(c, {
+				key: t.id ?? i,
+				node: t,
+				checkbox: e.checkbox,
+				onToggle: n[1] ||= (e) => r("toggle", e),
+				onCheck: n[2] ||= (e, t) => r("check", e, t)
+			}, null, 8, ["node", "checkbox"]))), 128))])) : d("", !0)], 10, Bn);
 		};
 	}
-}), Wn = /* @__PURE__ */ u({
+}), qn = /* @__PURE__ */ _({
 	__name: "VdTree",
 	props: {
 		nodes: {},
 		checkbox: { type: Boolean },
 		cascade: { type: Boolean }
 	},
-	setup(t, { expose: n }) {
-		let i = t, o = y(null), s = (e) => e.map((e) => ({
+	setup(e, { expose: t }) {
+		let n = e, r = E(null), i = (e) => e.map((e) => ({
 			...e,
-			children: e.children ? s(e.children) : void 0
-		})), c = v(s(i.nodes)), l = (e, t) => {
+			children: e.children ? i(e.children) : void 0
+		})), a = T(i(n.nodes)), o = (e, t) => {
 			e.forEach((e) => {
-				e.checked = t, e.children && l(e.children, t);
+				e.checked = t, e.children && o(e.children, t);
 			});
-		}, u = (e, t = []) => (e.forEach((e) => {
-			e.checked && t.push(e.id ?? e.label ?? ""), e.children && u(e.children, t);
-		}), t), d = (e, t) => {
-			e.checked = t, (i.cascade ?? !0) && e.children && l(e.children, t), o.value?.dispatchEvent(new CustomEvent("tree:check", {
+		}, c = (e, t = []) => (e.forEach((e) => {
+			e.checked && t.push(e.id ?? e.label ?? ""), e.children && c(e.children, t);
+		}), t), l = (e, t) => {
+			e.checked = t, (n.cascade ?? !0) && e.children && o(e.children, t), r.value?.dispatchEvent(new CustomEvent("tree:check", {
 				bubbles: !0,
 				detail: {
-					checked: u(c),
+					checked: c(a),
 					node: e.id
 				}
 			}));
-		}, f = (e) => {
-			o.value?.dispatchEvent(new CustomEvent("tree:toggle", {
+		}, d = (e) => {
+			r.value?.dispatchEvent(new CustomEvent("tree:toggle", {
 				bubbles: !0,
 				detail: {
 					id: e.id,
@@ -1608,64 +1656,64 @@ var ae = { install(e) {
 				}
 			}));
 		}, p = (e) => {
-			let t = o.value, n = document.activeElement;
+			let t = r.value, n = document.activeElement;
 			if (!t || !n || !t.contains(n)) return;
-			let r = Array.from(t.querySelectorAll(".vd-tree-node-content")), i = n.closest(".vd-tree-node-content"), a = i ? r.indexOf(i) : -1;
-			if (a === -1) return;
+			let i = Array.from(t.querySelectorAll(".vd-tree-node-content")), a = n.closest(".vd-tree-node-content"), o = a ? i.indexOf(a) : -1;
+			if (o === -1) return;
 			let s = (e) => {
-				r[e]?.querySelector(".vd-tree-toggle, .vd-tree-label")?.focus();
+				i[e]?.querySelector(".vd-tree-toggle, .vd-tree-label")?.focus();
 			};
 			switch (e.key) {
 				case "ArrowDown":
-					e.preventDefault(), a < r.length - 1 && s(a + 1);
+					e.preventDefault(), o < i.length - 1 && s(o + 1);
 					break;
 				case "ArrowUp":
-					e.preventDefault(), a > 0 && s(a - 1);
+					e.preventDefault(), o > 0 && s(o - 1);
 					break;
 				case "ArrowRight": {
 					e.preventDefault();
-					let t = i?.closest(".vd-tree-node"), n = i?.querySelector(".vd-tree-toggle");
+					let t = a?.closest(".vd-tree-node"), n = a?.querySelector(".vd-tree-toggle");
 					n && !t?.classList.contains("is-open") && n.click();
 					break;
 				}
 				case "ArrowLeft": {
 					e.preventDefault();
-					let t = i?.closest(".vd-tree-node"), n = i?.querySelector(".vd-tree-toggle");
+					let t = a?.closest(".vd-tree-node"), n = a?.querySelector(".vd-tree-toggle");
 					n && t?.classList.contains("is-open") && n.click();
 					break;
 				}
 			}
 		};
-		return n({ getChecked: () => u(c) }), (n, i) => (_(), a("div", {
+		return t({ getChecked: () => c(a) }), (t, n) => (w(), f("div", {
 			ref_key: "root",
-			ref: o,
+			ref: r,
 			class: "vd-tree",
 			role: "tree",
 			onKeydown: p
-		}, [(_(!0), a(e, null, b(c, (e, n) => (_(), r(Un, {
-			key: e.id ?? n,
-			node: e,
-			checkbox: !!t.checkbox,
-			onToggle: f,
-			onCheck: d
+		}, [(w(!0), f(s, null, D(a, (t, n) => (w(), u(Kn, {
+			key: t.id ?? n,
+			node: t,
+			checkbox: !!e.checkbox,
+			onToggle: d,
+			onCheck: l
 		}, null, 8, ["node", "checkbox"]))), 128))], 544));
 	}
-}), Gn = /* @__PURE__ */ u({
+}), Jn = /* @__PURE__ */ _({
 	__name: "VdBox",
 	props: {
 		as: { default: "div" },
 		pad: { default: "fib-8" }
 	},
 	setup(e) {
-		return (t, n) => (_(), r(C(e.as), {
+		return (t, n) => (w(), u(A(e.as), {
 			class: "vd-box",
 			"data-pad": e.pad
 		}, {
-			default: k(() => [x(t.$slots, "default")]),
+			default: I(() => [O(t.$slots, "default")]),
 			_: 3
 		}, 8, ["data-pad"]));
 	}
-}), Kn = /* @__PURE__ */ u({
+}), Yn = /* @__PURE__ */ _({
 	__name: "VdCenter",
 	props: {
 		as: { default: "div" },
@@ -1673,16 +1721,16 @@ var ae = { install(e) {
 		axis: {}
 	},
 	setup(e) {
-		return (t, n) => (_(), r(C(e.as), {
+		return (t, n) => (w(), u(A(e.as), {
 			class: "vd-center",
 			"data-max": e.max,
 			"data-axis": e.axis
 		}, {
-			default: k(() => [x(t.$slots, "default")]),
+			default: I(() => [O(t.$slots, "default")]),
 			_: 3
 		}, 8, ["data-max", "data-axis"]));
 	}
-}), qn = /* @__PURE__ */ u({
+}), Xn = /* @__PURE__ */ _({
 	__name: "VdCover",
 	props: {
 		as: { default: "div" },
@@ -1690,84 +1738,84 @@ var ae = { install(e) {
 		gap: {}
 	},
 	setup(e) {
-		return (t, n) => (_(), r(C(e.as), {
+		return (t, n) => (w(), u(A(e.as), {
 			class: "vd-cover",
 			"data-min": e.min,
 			"data-gap": e.gap
 		}, {
-			default: k(() => [x(t.$slots, "default")]),
+			default: I(() => [O(t.$slots, "default")]),
 			_: 3
 		}, 8, ["data-min", "data-gap"]));
 	}
-}), Jn = ["data-ratio"], Yn = /* @__PURE__ */ u({
+}), Zn = ["data-ratio"], Qn = /* @__PURE__ */ _({
 	__name: "VdFrame",
 	props: { ratio: { default: "golden" } },
 	setup(e) {
-		return (t, n) => (_(), a("div", {
+		return (t, n) => (w(), f("div", {
 			class: "vd-frame",
 			"data-ratio": e.ratio
-		}, [x(t.$slots, "default")], 8, Jn));
+		}, [O(t.$slots, "default")], 8, Zn));
 	}
-}), Xn = ["data-gap"], Zn = /* @__PURE__ */ u({
+}), $n = ["data-gap"], er = /* @__PURE__ */ _({
 	__name: "VdInline",
 	props: { gap: { default: "fib-5" } },
 	setup(e) {
-		return (t, n) => (_(), a("div", {
+		return (t, n) => (w(), f("div", {
 			class: "vd-inline",
 			"data-gap": e.gap
-		}, [x(t.$slots, "default")], 8, Xn));
+		}, [O(t.$slots, "default")], 8, $n));
 	}
-}), Qn = /* @__PURE__ */ u({
+}), tr = /* @__PURE__ */ _({
 	__name: "VdStack",
 	props: {
 		gap: { default: "fib-8" },
 		as: { default: "div" }
 	},
 	setup(e) {
-		return (t, n) => (_(), r(C(e.as), {
+		return (t, n) => (w(), u(A(e.as), {
 			class: "vd-stack",
 			"data-gap": e.gap
 		}, {
-			default: k(() => [x(t.$slots, "default")]),
+			default: I(() => [O(t.$slots, "default")]),
 			_: 3
 		}, 8, ["data-gap"]));
 	}
-}), $n = ["data-threshold", "data-gap"], er = /* @__PURE__ */ u({
+}), nr = ["data-threshold", "data-gap"], rr = /* @__PURE__ */ _({
 	__name: "VdSwitcher",
 	props: {
 		threshold: { default: "fib-610" },
 		gap: { default: "fib-5" }
 	},
 	setup(e) {
-		return (t, n) => (_(), a("div", {
+		return (t, n) => (w(), f("div", {
 			class: "vd-switcher",
 			"data-threshold": e.threshold,
 			"data-gap": e.gap
-		}, [x(t.$slots, "default")], 8, $n));
+		}, [O(t.$slots, "default")], 8, nr));
 	}
 });
 //#endregion
 //#region src/composables/useAffix.ts
-function tr(e) {
+function ir(e) {
 	if (!e || e === document.body) return !1;
 	let t = window.getComputedStyle(e), n = /(auto|scroll|overlay)/.test(t.overflowY) && e.scrollHeight > e.clientHeight, r = /(auto|scroll|overlay)/.test(t.overflowX) && e.scrollWidth > e.clientWidth;
 	return n || r;
 }
-function nr(e) {
+function ar(e) {
 	let t = e.parentElement;
 	for (; t && t !== document.body && t !== document.documentElement;) {
-		if (tr(t)) return t;
+		if (ir(t)) return t;
 		t = t.parentElement;
 	}
 	return null;
 }
-function rr(e) {
+function or(e) {
 	let t = [];
-	h(() => {
+	S(() => {
 		if (typeof window > "u") return;
 		let n = e.value;
 		n && n.querySelectorAll(".vd-affix, .vd-sticky, [data-vd-affix]").forEach((e) => {
-			let n = parseInt(e.getAttribute("data-vd-affix-offset") || "0", 10), r = Number.isNaN(n) ? 0 : n, i = nr(e), a = !1, o = document.createElement("div");
+			let n = parseInt(e.getAttribute("data-vd-affix-offset") || "0", 10), r = Number.isNaN(n) ? 0 : n, i = ar(e), a = !1, o = document.createElement("div");
 			o.style.cssText = "display:block;height:1px;margin-bottom:-1px;visibility:hidden;pointer-events:none;", e.parentNode?.insertBefore(o, e), e.style.setProperty("--vd-affix-top-offset", r + "px");
 			let s = () => {
 				a || (a = !0, e.classList.add("is-stuck"), e.dispatchEvent(new CustomEvent("affix:stuck", {
@@ -1800,13 +1848,13 @@ function rr(e) {
 				e.classList.remove("is-stuck"), e.style.removeProperty("--vd-affix-top-offset");
 			});
 		});
-	}), g(() => {
+	}), C(() => {
 		t.forEach((e) => e()), t.length = 0;
 	});
 }
 //#endregion
 //#region src/composables/useDatepicker.ts
-var ir = [
+var sr = [
 	"Su",
 	"Mo",
 	"Tu",
@@ -1814,7 +1862,7 @@ var ir = [
 	"Th",
 	"Fr",
 	"Sa"
-], B = [
+], cr = [
 	"January",
 	"February",
 	"March",
@@ -1827,21 +1875,21 @@ var ir = [
 	"October",
 	"November",
 	"December"
-], ar = (e) => e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
-function or(e) {
+], lr = (e) => e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+function ur(e) {
 	let t = "^", n = [], r = 0;
 	for (; r < e.length;) {
 		let i = e.slice(r);
-		i.toLowerCase().startsWith("yyyy") ? (t += "(\\d{4})", n.push("y"), r += 4) : i.toLowerCase().startsWith("mm") ? (t += "(\\d{2})", n.push("m"), r += 2) : i.toLowerCase().startsWith("dd") ? (t += "(\\d{2})", n.push("d"), r += 2) : (t += ar(e[r]), r++);
+		i.toLowerCase().startsWith("yyyy") ? (t += "(\\d{4})", n.push("y"), r += 4) : i.toLowerCase().startsWith("mm") ? (t += "(\\d{2})", n.push("m"), r += 2) : i.toLowerCase().startsWith("dd") ? (t += "(\\d{2})", n.push("d"), r += 2) : (t += lr(e[r]), r++);
 	}
 	return t += "$", {
 		regex: new RegExp(t),
 		order: n
 	};
 }
-function sr(e, t) {
+function dr(e, t) {
 	if (!e || !t) return null;
-	let { regex: n, order: r } = or(t), i = e.trim().match(n);
+	let { regex: n, order: r } = ur(t), i = e.trim().match(n);
 	if (!i) return null;
 	let a, o, s, c = 1;
 	for (let e of r) {
@@ -1853,7 +1901,7 @@ function sr(e, t) {
 	let l = new Date(a, o, s);
 	return l.getFullYear() !== a || l.getMonth() !== o || l.getDate() !== s ? null : l;
 }
-function cr(e, t) {
+function fr(e, t) {
 	let n = String(e.getFullYear()), r = String(e.getMonth() + 1).padStart(2, "0"), i = String(e.getDate()).padStart(2, "0"), a = "", o = 0;
 	for (; o < t.length;) {
 		let e = t.slice(o);
@@ -1861,28 +1909,28 @@ function cr(e, t) {
 	}
 	return a;
 }
-var V = (e) => e.getFullYear() + "-" + String(e.getMonth() + 1).padStart(2, "0") + "-" + String(e.getDate()).padStart(2, "0");
-function H(e, t) {
+var pr = (e) => e.getFullYear() + "-" + String(e.getMonth() + 1).padStart(2, "0") + "-" + String(e.getDate()).padStart(2, "0");
+function $(e, t) {
 	let n = new Date(e.getFullYear(), e.getMonth(), e.getDate());
 	return n.setDate(n.getDate() + t), n;
 }
-var U = (e, t) => new Date(e.getFullYear(), e.getMonth() + t, e.getDate());
-function W(e) {
+var mr = (e, t) => new Date(e.getFullYear(), e.getMonth() + t, e.getDate());
+function hr(e) {
 	if (!e || typeof e != "string") return null;
 	let t = /^(\d{4})-(\d{2})-(\d{2})$/.exec(e.trim());
 	if (!t) return null;
 	let n = +t[1], r = t[2] - 1, i = +t[3], a = new Date(n, r, i);
 	return a.getFullYear() !== n || a.getMonth() !== r || a.getDate() !== i ? null : a;
 }
-function lr(e) {
+function gr(e) {
 	let t = new Date(e.getFullYear(), e.getMonth(), e.getDate());
 	return t.setDate(t.getDate() - t.getDay()), t;
 }
-function ur(e) {
+function _r(e) {
 	let t = new Date(e.getFullYear(), e.getMonth(), e.getDate());
 	return t.setDate(t.getDate() + (6 - t.getDay())), t;
 }
-function dr(e, t, n = 4) {
+function vr(e, t, n = 4) {
 	let r = e.getBoundingClientRect();
 	t.style.minWidth = Math.max(r.width, 0) + "px";
 	let i = r.bottom + n, a = r.left;
@@ -1892,18 +1940,18 @@ function dr(e, t, n = 4) {
 	let s = t.getBoundingClientRect();
 	a = r.left, a + s.width > window.innerWidth - 8 && (a = window.innerWidth - s.width - 8), t.style.left = Math.max(8, a) + "px";
 }
-function fr(e) {
+function yr(e) {
 	let t = [];
-	h(() => {
+	S(() => {
 		if (typeof window > "u") return;
 		let n = e.value;
-		n && n.querySelectorAll("[data-vd-datepicker]").forEach((e) => pr(e, t));
-	}), g(() => {
+		n && n.querySelectorAll("[data-vd-datepicker]").forEach((e) => br(e, t));
+	}), C(() => {
 		t.forEach((e) => e()), t.length = 0;
 	});
 }
-function pr(e, t) {
-	let n = e.getAttribute("data-vd-datepicker-format") || "YYYY-MM-DD", r = W(e.getAttribute("data-vd-datepicker-min")), i = W(e.getAttribute("data-vd-datepicker-max")), a = /* @__PURE__ */ new Date(), o = a.getFullYear(), s = a.getMonth(), c = null, l = "days", u = null, d = !1, f = 0, p = (e) => {
+function br(e, t) {
+	let n = e.getAttribute("data-vd-datepicker-format") || "YYYY-MM-DD", r = hr(e.getAttribute("data-vd-datepicker-min")), i = hr(e.getAttribute("data-vd-datepicker-max")), a = /* @__PURE__ */ new Date(), o = a.getFullYear(), s = a.getMonth(), c = null, l = "days", u = null, d = !1, f = 0, p = (e) => {
 		let t = new Date(e.getFullYear(), e.getMonth(), e.getDate()).getTime();
 		return !!(r && t < r.getTime() || i && t > i.getTime());
 	}, m = (e, t) => {
@@ -1931,7 +1979,7 @@ function pr(e, t) {
 		return new Date(e, t, 1);
 	};
 	if (e.value) {
-		let t = e.value.trim(), r = sr(t, n);
+		let t = e.value.trim(), r = dr(t, n);
 		if (!r) {
 			let e = new Date(t);
 			isNaN(e.getTime()) || (r = e);
@@ -1945,7 +1993,7 @@ function pr(e, t) {
 	let v = e.closest(".vd-suggest-wrapper");
 	v || (v = document.createElement("div"), v.className = "vd-suggest-wrapper", v.style.position = "relative", v.style.display = "inline-block", e.parentNode?.insertBefore(v, e), v.appendChild(e)), document.body.appendChild(_);
 	let y = (e, t) => !!e && !!t && e.getFullYear() === t.getFullYear() && e.getMonth() === t.getMonth() && e.getDate() === t.getDate(), b = (t) => {
-		c = t, o = t.getFullYear(), s = t.getMonth(), e.value = cr(t, n), d = !0, A(), e.dispatchEvent(new CustomEvent("datepicker:select", {
+		c = t, o = t.getFullYear(), s = t.getMonth(), e.value = fr(t, n), d = !0, A(), e.dispatchEvent(new CustomEvent("datepicker:select", {
 			bubbles: !0,
 			detail: {
 				date: t,
@@ -1954,18 +2002,18 @@ function pr(e, t) {
 		})), e.dispatchEvent(new Event("change", { bubbles: !0 })), e.focus();
 	}, x = () => {
 		if (l !== "days" || !u) return;
-		let e = _.querySelector("[data-vd-date=\"" + V(u) + "\"]");
+		let e = _.querySelector("[data-vd-date=\"" + pr(u) + "\"]");
 		e && !e.classList.contains("is-outside") && e.getAttribute("aria-disabled") !== "true" && e.focus();
 	}, S = (e, t, n) => {
 		let r = new Date(e.getFullYear(), e.getMonth(), e.getDate()), i = t > 0 ? 1 : -1;
 		for (let e = 0; e < n; e++) {
 			if (!p(r)) return r;
-			r = H(r, i);
+			r = $(r, i);
 		}
 		return e;
 	}, C = (e, t, n) => {
 		let r = document.createElement("button");
-		return r.type = "button", r.className = "vd-datepicker-day", r.textContent = String(e), r.setAttribute("role", "gridcell"), t ? (r.classList.add("is-outside"), r.tabIndex = -1, r.setAttribute("aria-disabled", "true"), r) : (r.setAttribute("data-vd-date", V(n)), y(n, a) && r.classList.add("is-today"), y(n, c) && r.classList.add("is-selected"), p(n) ? (r.classList.add("is-disabled"), r.setAttribute("aria-disabled", "true"), r.tabIndex = -1, r) : (r.tabIndex = u && y(n, u) ? 0 : -1, r.addEventListener("click", () => {
+		return r.type = "button", r.className = "vd-datepicker-day", r.textContent = String(e), r.setAttribute("role", "gridcell"), t ? (r.classList.add("is-outside"), r.tabIndex = -1, r.setAttribute("aria-disabled", "true"), r) : (r.setAttribute("data-vd-date", pr(n)), y(n, a) && r.classList.add("is-today"), y(n, c) && r.classList.add("is-selected"), p(n) ? (r.classList.add("is-disabled"), r.setAttribute("aria-disabled", "true"), r.tabIndex = -1, r) : (r.tabIndex = u && y(n, u) ? 0 : -1, r.addEventListener("click", () => {
 			u = new Date(n.getFullYear(), n.getMonth(), n.getDate()), b(n);
 		}), r));
 	}, w = () => {
@@ -1977,7 +2025,7 @@ function pr(e, t) {
 		let n = document.createElement("button");
 		n.type = "button", n.className = "vd-datepicker-next", n.innerHTML = "&#8250;", n.setAttribute("aria-label", "Next");
 		let r = document.createElement("span");
-		if (r.className = "vd-datepicker-title", l === "days") r.textContent = B[s] + " " + o, r.addEventListener("click", () => {
+		if (r.className = "vd-datepicker-title", l === "days") r.textContent = cr[s] + " " + o, r.addEventListener("click", () => {
 			l = "months", w();
 		}), t.addEventListener("click", () => {
 			s--, s < 0 && (s = 11, o--), w();
@@ -2003,7 +2051,7 @@ function pr(e, t) {
 			let e = document.createElement("div");
 			e.className = "vd-datepicker-grid", e.setAttribute("role", "grid"), e.setAttribute("aria-label", "Calendar");
 			let t = document.createElement("div");
-			t.className = "vd-datepicker-weekdays", t.setAttribute("role", "row"), ir.forEach((e) => {
+			t.className = "vd-datepicker-weekdays", t.setAttribute("role", "row"), sr.forEach((e) => {
 				let n = document.createElement("span");
 				n.setAttribute("role", "columnheader"), n.setAttribute("aria-label", e), n.textContent = e, t.appendChild(n);
 			}), e.appendChild(t);
@@ -2039,7 +2087,7 @@ function pr(e, t) {
 			_.appendChild(e);
 		} else if (l === "months") {
 			let e = document.createElement("div");
-			e.className = "vd-datepicker-months", B.forEach((t, n) => {
+			e.className = "vd-datepicker-months", cr.forEach((t, n) => {
 				let r = document.createElement("button");
 				r.type = "button", r.className = "vd-datepicker-month-btn", r.textContent = t.slice(0, 3), c && c.getFullYear() === o && c.getMonth() === n && r.classList.add("is-selected"), r.addEventListener("click", () => {
 					s = n, l = "days", w();
@@ -2086,14 +2134,14 @@ function pr(e, t) {
 		}
 		t.preventDefault();
 		let i = new Date(u.getFullYear(), u.getMonth(), u.getDate()), a = 1;
-		if (r === "ArrowLeft" ? (i = H(i, -1), a = -1) : r === "ArrowRight" ? (i = H(i, 1), a = 1) : r === "ArrowUp" ? (i = H(i, -7), a = -1) : r === "ArrowDown" ? (i = H(i, 7), a = 1) : r === "Home" ? (i = lr(i), a = 1) : r === "End" ? (i = ur(i), a = -1) : r === "PageUp" ? (i = U(i, -1), a = -1) : r === "PageDown" && (i = U(i, 1), a = 1), i = S(i, a, 400), i.getMonth() !== s || i.getFullYear() !== o) {
+		if (r === "ArrowLeft" ? (i = $(i, -1), a = -1) : r === "ArrowRight" ? (i = $(i, 1), a = 1) : r === "ArrowUp" ? (i = $(i, -7), a = -1) : r === "ArrowDown" ? (i = $(i, 7), a = 1) : r === "Home" ? (i = gr(i), a = 1) : r === "End" ? (i = _r(i), a = -1) : r === "PageUp" ? (i = mr(i, -1), a = -1) : r === "PageDown" && (i = mr(i, 1), a = 1), i = S(i, a, 400), i.getMonth() !== s || i.getFullYear() !== o) {
 			o = i.getFullYear(), s = i.getMonth();
 			let e = m(o, s);
 			o = e.y, s = e.m;
 		}
 		u = i, w(), requestAnimationFrame(x);
 	}, E = () => {
-		_.classList.contains("is-open") && dr(e, _);
+		_.classList.contains("is-open") && vr(e, _);
 	}, D = () => E(), O = () => {
 		f = Date.now() + 100;
 	}, k = () => {
@@ -2112,7 +2160,7 @@ function pr(e, t) {
 		k();
 	}, M = () => {
 		_.classList.contains("is-open") || k();
-	}, ee = (t) => {
+	}, N = (t) => {
 		if (!t || !(t instanceof Node)) return !1;
 		if (t === e || e.contains(t) || _.contains(t)) return !0;
 		let n = e.id;
@@ -2121,23 +2169,23 @@ function pr(e, t) {
 			if (e && (t === e || e.contains(t))) return !0;
 		}
 		return !1;
-	}, N = (e) => {
-		Date.now() < f || ee(e.target) || A();
-	}, P = (t) => {
+	}, P = (e) => {
+		Date.now() < f || N(e.target) || A();
+	}, F = (t) => {
 		t.key === "Escape" && _.classList.contains("is-open") && (d = !0, A(), e.focus());
 	};
-	e.addEventListener("focus", j), e.addEventListener("click", M), document.addEventListener("click", N, !0), document.addEventListener("keydown", P), _.addEventListener("keydown", T), window.addEventListener("resize", D), window.addEventListener("scroll", D, !0), e.setAttribute("aria-haspopup", "dialog"), e.setAttribute("aria-expanded", "false"), e.setAttribute("autocomplete", "off"), t.push(() => e.removeEventListener("focus", j), () => e.removeEventListener("click", M), () => document.removeEventListener("click", N, !0), () => document.removeEventListener("keydown", P), () => _.removeEventListener("keydown", T), () => window.removeEventListener("resize", D), () => window.removeEventListener("scroll", D, !0), () => _.remove());
+	e.addEventListener("focus", j), e.addEventListener("click", M), document.addEventListener("click", P, !0), document.addEventListener("keydown", F), _.addEventListener("keydown", T), window.addEventListener("resize", D), window.addEventListener("scroll", D, !0), e.setAttribute("aria-haspopup", "dialog"), e.setAttribute("aria-expanded", "false"), e.setAttribute("autocomplete", "off"), t.push(() => e.removeEventListener("focus", j), () => e.removeEventListener("click", M), () => document.removeEventListener("click", P, !0), () => document.removeEventListener("keydown", F), () => _.removeEventListener("keydown", T), () => window.removeEventListener("resize", D), () => window.removeEventListener("scroll", D, !0), () => _.remove());
 }
 //#endregion
 //#region src/composables/useDraggable.ts
-function mr(e) {
+function xr(e) {
 	let t = !1;
-	h(() => {
+	S(() => {
 		let n = e.value;
 		if (!n || typeof window > "u") return;
 		let r = window;
 		t = !0, r.VanduoDraggable && typeof r.VanduoDraggable.init == "function" ? r.VanduoDraggable.init(n) : r.Vanduo && typeof r.Vanduo.init == "function" && r.Vanduo.init(n);
-	}), g(() => {
+	}), C(() => {
 		if (typeof window > "u" || !t) return;
 		let e = window;
 		e.VanduoDraggable && typeof e.VanduoDraggable.destroyAll == "function" && e.VanduoDraggable.destroyAll(), t = !1;
@@ -2145,7 +2193,7 @@ function mr(e) {
 }
 //#endregion
 //#region src/composables/useDropdown.ts
-function hr(e) {
+function Sr(e) {
 	let t = () => {
 		let t = e.value;
 		if (!t || typeof window > "u") return;
@@ -2156,22 +2204,22 @@ function hr(e) {
 		let e = window;
 		e.VanduoDropdown && typeof e.VanduoDropdown.destroyAll == "function" && e.VanduoDropdown.destroyAll();
 	};
-	h(() => {
+	S(() => {
 		t();
-	}), g(() => {
+	}), C(() => {
 		n();
 	});
 }
 //#endregion
 //#region src/composables/useExpandingCards.ts
-function gr(e) {
+function Cr(e) {
 	let t = !1;
-	h(() => {
+	S(() => {
 		let n = e.value;
 		if (!n || typeof window > "u") return;
 		let r = window;
 		t = !0, r.VanduoExpandingCards && typeof r.VanduoExpandingCards.init == "function" ? r.VanduoExpandingCards.init(n) : r.Vanduo && typeof r.Vanduo.init == "function" && r.Vanduo.init(n);
-	}), g(() => {
+	}), C(() => {
 		if (typeof window > "u" || !t) return;
 		let e = window;
 		e.VanduoExpandingCards && typeof e.VanduoExpandingCards.destroyAll == "function" && e.VanduoExpandingCards.destroyAll(), t = !1;
@@ -2179,7 +2227,7 @@ function gr(e) {
 }
 //#endregion
 //#region src/composables/useFlow.ts
-function _r(e) {
+function wr(e) {
 	let t = [], n = (e) => {
 		let n = e.querySelector(".vd-flow-track");
 		if (!n) return;
@@ -2236,26 +2284,26 @@ function _r(e) {
 		};
 		a && (w(), e.addEventListener("mouseenter", T), e.addEventListener("mouseleave", w), e.addEventListener("focusin", T), e.addEventListener("focusout", w), t.push(() => e.removeEventListener("mouseenter", T), () => e.removeEventListener("mouseleave", w), () => e.removeEventListener("focusin", T), () => e.removeEventListener("focusout", w), () => T())), h(0, !1);
 	};
-	h(() => {
+	S(() => {
 		let t = e.value;
 		t && t.querySelectorAll(".vd-flow, .vd-carousel").forEach(n);
-	}), g(() => {
+	}), C(() => {
 		t.forEach((e) => e()), t.length = 0;
 	});
 }
 //#endregion
 //#region src/composables/useFocusTrap.ts
-var G = [
+var Tr = [
 	"a[href]",
 	"button:not([disabled])",
 	"input:not([disabled])",
 	"select:not([disabled])",
 	"textarea:not([disabled])",
 	"[tabindex]:not([tabindex=\"-1\"])"
-].join(","), vr = (e) => {
-	let t = y(!1), n = (n) => {
+].join(","), Er = (e) => {
+	let t = E(!1), n = (n) => {
 		if (!t.value || n.key !== "Tab" || !e.value) return;
-		let r = Array.from(e.value.querySelectorAll(G)).filter((e) => !e.hasAttribute("disabled") && e.tabIndex !== -1);
+		let r = Array.from(e.value.querySelectorAll(Tr)).filter((e) => !e.hasAttribute("disabled") && e.tabIndex !== -1);
 		if (r.length === 0) {
 			n.preventDefault();
 			return;
@@ -2263,14 +2311,14 @@ var G = [
 		let i = r[0], a = r[r.length - 1], o = document.activeElement;
 		n.shiftKey && o === i ? (n.preventDefault(), a.focus()) : !n.shiftKey && o === a && (n.preventDefault(), i.focus());
 	};
-	return h(() => {
+	return S(() => {
 		typeof window < "u" && window.addEventListener("keydown", n);
-	}), g(() => {
+	}), C(() => {
 		typeof window < "u" && window.removeEventListener("keydown", n);
 	}), {
 		active: t,
 		activate: () => {
-			t.value = !0, e.value && e.value.querySelector(G)?.focus();
+			t.value = !0, e.value && e.value.querySelector(Tr)?.focus();
 		},
 		deactivate: () => {
 			t.value = !1;
@@ -2279,9 +2327,9 @@ var G = [
 };
 //#endregion
 //#region src/composables/useGlass.ts
-function yr(e) {
+function Dr(e) {
 	let t = [];
-	h(() => {
+	S(() => {
 		let n = e.value;
 		!n || typeof IntersectionObserver > "u" || n.querySelectorAll("[data-glass-scroll]").forEach((e) => {
 			let n = e.dataset.glassSentinel, r = n ? document.querySelector(n) : null;
@@ -2299,20 +2347,20 @@ function yr(e) {
 			});
 			i.observe(r), t.push(i);
 		});
-	}), g(() => {
+	}), C(() => {
 		t.forEach((e) => e.disconnect()), t.length = 0;
 	});
 }
 //#endregion
 //#region src/composables/useImageBox.ts
-function br(e) {
+function Or(e) {
 	let t = !1;
-	h(() => {
+	S(() => {
 		let n = e.value;
 		if (!n || typeof window > "u") return;
 		let r = window;
 		t = !0, r.VanduoImageBox && typeof r.VanduoImageBox.init == "function" ? r.VanduoImageBox.init(n) : r.Vanduo && typeof r.Vanduo.init == "function" && r.Vanduo.init(n);
-	}), g(() => {
+	}), C(() => {
 		if (typeof window > "u" || !t) return;
 		let e = window;
 		e.VanduoImageBox && typeof e.VanduoImageBox.destroyAll == "function" && e.VanduoImageBox.destroyAll(), t = !1;
@@ -2320,8 +2368,8 @@ function br(e) {
 }
 //#endregion
 //#region src/composables/useKeyboardNav.ts
-var xr = (e, t) => {
-	let n = y(0), r = 0, i = () => e.value ? Array.from(e.value.querySelectorAll(t.itemSelector)) : [], a = (e) => {
+var kr = (e, t) => {
+	let n = E(0), r = 0, i = () => e.value ? Array.from(e.value.querySelectorAll(t.itemSelector)) : [], a = (e) => {
 		let t = i()[e];
 		t && (t.focus(), n.value = e);
 	};
@@ -2359,8 +2407,8 @@ var xr = (e, t) => {
 			r = e, n.value >= r && (n.value = Math.max(0, r - 1));
 		}
 	};
-}, Sr = 750;
-function Cr(e) {
+}, Ar = 750;
+function jr(e) {
 	let t = [], n = (e) => {
 		if (!e.querySelector(".vd-morph-wave")) {
 			let t = document.createElement("span");
@@ -2379,7 +2427,7 @@ function Cr(e) {
 			r.style.left = `${o - n.left}px`, r.style.top = `${s - n.top}px`;
 		}
 		e.classList.add("is-morphing");
-		let i = Sr, a = getComputedStyle(e).getPropertyValue("--vd-morph-duration");
+		let i = Ar, a = getComputedStyle(e).getPropertyValue("--vd-morph-duration");
 		if (a) {
 			let e = parseFloat(a);
 			isNaN(e) || (i = e * (a.includes("ms") ? 1 : 1e3));
@@ -2390,7 +2438,7 @@ function Cr(e) {
 			t && r && (t.classList.replace("vd-morph-current", "vd-morph-next"), r.classList.replace("vd-morph-next", "vd-morph-current")), n();
 		}, i);
 	};
-	h(() => {
+	S(() => {
 		let i = e.value;
 		i && i.querySelectorAll(".vd-morph, [data-vd-morph]").forEach((e) => {
 			if (e.getAttribute("data-vd-morph") === "manual") return;
@@ -2400,13 +2448,13 @@ function Cr(e) {
 			};
 			e.addEventListener("click", a), t.push(() => e.removeEventListener("click", a));
 		});
-	}), g(() => {
+	}), C(() => {
 		t.forEach((e) => e()), t.length = 0;
 	});
 }
 //#endregion
 //#region src/composables/useMorphBadges.ts
-function wr(e) {
+function Mr(e) {
 	let t = [], n = (e, t, n) => {
 		if (!e) return;
 		let r = String(t || "").replace(/[^a-z0-9-\s]/gi, "").trim();
@@ -2417,7 +2465,7 @@ function wr(e) {
 		}
 		e.appendChild(document.createTextNode(n == null ? "" : String(n)));
 	};
-	h(() => {
+	S(() => {
 		let r = e.value;
 		r && r.querySelectorAll("[data-vd-morph=\"manual\"][data-morph-states]").forEach((e) => {
 			let r = JSON.parse(e.getAttribute("data-morph-states") || "[]"), i = JSON.parse(e.getAttribute("data-morph-classes") || "[]"), a = JSON.parse(e.getAttribute("data-morph-icons") || "[]"), o = 0, s = !1, c = 750, l = getComputedStyle(e).getPropertyValue("--vd-morph-duration").trim();
@@ -2443,15 +2491,15 @@ function wr(e) {
 			};
 			e.addEventListener("click", u), t.push(() => e.removeEventListener("click", u));
 		});
-	}), g(() => {
+	}), C(() => {
 		t.forEach((e) => e()), t.length = 0;
 	});
 }
 //#endregion
 //#region src/composables/useNavbarGlassScroll.ts
-function Tr(e) {
-	let t = y(!1), n = null;
-	return h(() => {
+function Nr(e) {
+	let t = E(!1), n = null;
+	return S(() => {
 		let r = e.value;
 		if (!r) return;
 		let i = r.classList.contains("vd-navbar-glass"), a = r.classList.contains("vd-navbar-transparent");
@@ -2463,13 +2511,13 @@ function Tr(e) {
 		n = () => {
 			t.value = window.scrollY > o();
 		}, n(), window.addEventListener("scroll", n, { passive: !0 });
-	}), g(() => {
+	}), C(() => {
 		n &&= (window.removeEventListener("scroll", n), null);
 	}), t;
 }
 //#endregion
 //#region src/composables/useParallax.ts
-function Er(e) {
+function Pr(e) {
 	let t = /* @__PURE__ */ new Map(), n = !1, r = null, i = (e) => e.classList.contains("vd-parallax-slow") ? .5 : e.classList.contains("vd-parallax-fast") ? 1.5 : 1, a = (e) => {
 		let n = t.get(e);
 		if (!n) return;
@@ -2483,7 +2531,7 @@ function Er(e) {
 			o(), n = !1;
 		}), !0);
 	};
-	h(() => {
+	S(() => {
 		if (typeof window > "u" || window.matchMedia?.("(prefers-reduced-motion: reduce)").matches) return;
 		let n = e.value;
 		n && (n.querySelectorAll(".vd-parallax").forEach((e) => {
@@ -2494,7 +2542,7 @@ function Er(e) {
 				direction: r
 			}), a(e);
 		}), r = () => s(), window.addEventListener("scroll", r, { passive: !0 }), s());
-	}), g(() => {
+	}), C(() => {
 		r && window.removeEventListener("scroll", r), r = null, t.forEach((e) => {
 			e.layers.forEach((e) => e.style.transform = "");
 		}), t.clear();
@@ -2502,14 +2550,14 @@ function Er(e) {
 }
 //#endregion
 //#region src/composables/usePopover.ts
-function Dr(e) {
+function Fr(e) {
 	let t = !1;
-	h(() => {
+	S(() => {
 		let n = e.value;
 		if (!n || typeof window > "u") return;
 		let r = window;
 		t = !0, r.VanduoBubble && typeof r.VanduoBubble.init == "function" ? r.VanduoBubble.init(n) : r.Vanduo && typeof r.Vanduo.init == "function" && r.Vanduo.init(n);
-	}), g(() => {
+	}), C(() => {
 		if (typeof window > "u" || !t) return;
 		let e = window;
 		e.VanduoBubble && typeof e.VanduoBubble.destroyAll == "function" && e.VanduoBubble.destroyAll(), t = !1;
@@ -2517,13 +2565,13 @@ function Dr(e) {
 }
 //#endregion
 //#region src/composables/useRipple.ts
-function Or(e) {
-	h(() => {
+function Ir(e) {
+	S(() => {
 		let t = e.value;
 		if (!t || typeof window > "u") return;
 		let n = window;
 		n.VanduoRipple && typeof n.VanduoRipple.init == "function" ? n.VanduoRipple.init(t) : n.Vanduo && typeof n.Vanduo.init == "function" && n.Vanduo.init(t);
-	}), g(() => {
+	}), C(() => {
 		if (typeof window > "u") return;
 		let e = window;
 		e.VanduoRipple && typeof e.VanduoRipple.destroyAll == "function" && e.VanduoRipple.destroyAll();
@@ -2531,9 +2579,9 @@ function Or(e) {
 }
 //#endregion
 //#region src/composables/useScrollspy.ts
-var kr = (e, t = {}) => {
-	let n = y(e[0] ?? null), r = t.offset ?? 96, i = null;
-	return h(() => {
+var Lr = (e, t = {}) => {
+	let n = E(e[0] ?? null), r = t.offset ?? 96, i = null;
+	return S(() => {
 		if (typeof window > "u" || !("IntersectionObserver" in window)) return;
 		let a = /* @__PURE__ */ new Set();
 		i = new IntersectionObserver((t) => {
@@ -2548,22 +2596,22 @@ var kr = (e, t = {}) => {
 			let e = document.getElementById(t);
 			e && i.observe(e);
 		}
-	}), g(() => {
+	}), C(() => {
 		i?.disconnect(), i = null;
 	}), { activeId: n };
 };
 //#endregion
 //#region src/composables/useSearch.ts
-function Ar(e) {
-	h(() => {
+function Rr(e) {
+	S(() => {
 		if (typeof window > "u") return;
 		let e = window;
 		e.VanduoSearch && e.VanduoSearch.list();
-	}), g(() => {});
+	}), C(() => {});
 }
 //#endregion
 //#region src/composables/useSidenav.ts
-function jr(e) {
+function zr(e) {
 	let t = [], n = [], r = (e, t) => {
 		!e.classList.contains("vd-sidenav-fixed") && !e.classList.contains("vd-offcanvas-fixed") && t.classList.add("is-visible"), e.classList.add("is-open"), e.setAttribute("aria-hidden", "false"), document.body.classList.add("body-sidenav-open"), e.dispatchEvent(new CustomEvent("sidenav:open", { bubbles: !0 }));
 	}, i = (e, t) => {
@@ -2571,7 +2619,7 @@ function jr(e) {
 	}, a = (e, t) => {
 		e.classList.contains("is-open") ? i(e, t) : r(e, t);
 	};
-	h(() => {
+	S(() => {
 		let r = e.value;
 		if (!r) return;
 		let o = /* @__PURE__ */ new Map();
@@ -2606,20 +2654,20 @@ function jr(e) {
 			};
 			e.addEventListener("click", n), t.push(() => e.removeEventListener("click", n));
 		});
-	}), g(() => {
+	}), C(() => {
 		t.forEach((e) => e()), t.length = 0, n.forEach((e) => e.remove()), n.length = 0, document.body.classList.remove("body-sidenav-open");
 	});
 }
 //#endregion
 //#region src/composables/useSpotlight.ts
-function Mr(e) {
+function Br(e) {
 	let t = !1;
-	h(() => {
+	S(() => {
 		let n = e.value;
 		if (!n || typeof window > "u") return;
 		let r = window;
 		t = !0, r.VanduoSpotlight && typeof r.VanduoSpotlight.init == "function" ? r.VanduoSpotlight.init(n) : r.Vanduo && typeof r.Vanduo.init == "function" && r.Vanduo.init(n);
-	}), g(() => {
+	}), C(() => {
 		if (typeof window > "u" || !t) return;
 		let e = window;
 		e.VanduoSpotlight && typeof e.VanduoSpotlight.destroyAll == "function" && e.VanduoSpotlight.destroyAll(), t = !1;
@@ -2627,9 +2675,9 @@ function Mr(e) {
 }
 //#endregion
 //#region src/composables/useStepper.ts
-function Nr(e) {
+function Vr(e) {
 	let t = /* @__PURE__ */ new Map(), n = [];
-	return h(() => {
+	return S(() => {
 		let r = e.value;
 		r && r.querySelectorAll(".vd-stepper").forEach((e) => {
 			let r = Array.from(e.querySelectorAll(".vd-stepper-item")), i = e.classList.contains("vd-stepper-clickable"), a = r.findIndex((e) => e.classList.contains("is-active"));
@@ -2661,7 +2709,7 @@ function Nr(e) {
 				prev: () => o(a - 1)
 			});
 		});
-	}), g(() => {
+	}), C(() => {
 		n.forEach((e) => e()), n.length = 0, t.clear();
 	}), {
 		next: (e) => {
@@ -2677,7 +2725,7 @@ function Nr(e) {
 }
 //#endregion
 //#region src/composables/useSuggest.ts
-function Pr(e, t) {
+function Hr(e, t) {
 	try {
 		let n = new URL(e, window.location.href);
 		return n.origin === window.location.origin ? !0 : t.includes(n.origin);
@@ -2685,10 +2733,10 @@ function Pr(e, t) {
 		return !1;
 	}
 }
-var K = (e) => typeof e == "object" && (e.label || e.text) || String(e);
-function Fr(e) {
+var Ur = (e) => typeof e == "object" && (e.label || e.text) || String(e);
+function Wr(e) {
 	let t = [];
-	h(() => {
+	S(() => {
 		if (typeof window > "u") return;
 		let n = e.value;
 		n && n.querySelectorAll("[data-vd-suggest], [data-vd-autocomplete]").forEach((e) => {
@@ -2713,7 +2761,7 @@ function Fr(e) {
 				e.forEach((e, n) => {
 					let r = document.createElement("li");
 					r.className = "vd-suggest-item", r.setAttribute("role", "option"), r.id = l + "-item-" + n;
-					let i = K(e);
+					let i = Ur(e);
 					if (t) {
 						let e = i.toLowerCase(), n = t.toLowerCase(), a = 0, o = e.indexOf(n, a);
 						for (; o !== -1;) {
@@ -2749,7 +2797,7 @@ function Fr(e) {
 				}
 				let t;
 				if (r) try {
-					if (!Pr(r, i)) t = [];
+					if (!Hr(r, i)) t = [];
 					else {
 						let n = r.includes("?") ? "&" : "?";
 						t = await (await window.fetch(r + n + "q=" + encodeURIComponent(e))).json();
@@ -2759,7 +2807,7 @@ function Fr(e) {
 				}
 				else {
 					let n = e.toLowerCase();
-					t = o.filter((e) => K(e).toLowerCase().includes(n));
+					t = o.filter((e) => Ur(e).toLowerCase().includes(n));
 				}
 				p(t, e), m();
 			}, y = () => {
@@ -2795,15 +2843,15 @@ function Fr(e) {
 				c.parentNode && c.parentNode.removeChild(c);
 			});
 		});
-	}), g(() => {
+	}), C(() => {
 		t.forEach((e) => e()), t.length = 0;
 	});
 }
 //#endregion
 //#region src/composables/useTabs.ts
-function Ir(e) {
+function Gr(e) {
 	let t = [];
-	h(() => {
+	S(() => {
 		let n = e.value;
 		n && n.querySelectorAll(".vd-tabs").forEach((e) => {
 			e.querySelectorAll(".vd-tab-link[data-tab-target]").forEach((n) => {
@@ -2817,71 +2865,20 @@ function Ir(e) {
 				n.addEventListener("click", r), t.push(() => n.removeEventListener("click", r));
 			});
 		});
-	}), g(() => {
+	}), C(() => {
 		t.forEach((e) => e()), t.length = 0;
 	});
 }
 //#endregion
-//#region src/composables/useTheme.ts
-var q = {
-	...ee,
-	PRIMARY_DARK: "blue"
-}, Lr = te.map((e) => e.key), Rr = (e) => Lr.includes(e), J = {
-	PALETTE: "vanduo-palette",
-	PRIMARY: "vanduo-primary-color",
-	NEUTRAL: "vanduo-neutral-color",
-	RADIUS: "vanduo-radius",
-	FONT: "vanduo-font-preference",
-	THEME: "vanduo-theme-preference"
-}, Y = () => typeof window < "u", zr = () => {
-	if (!Y() || typeof window.matchMedia != "function") return !1;
-	let e = window.matchMedia("(prefers-color-scheme: dark)");
-	return !!e && e.matches;
-}, X = (e) => e === "system" ? zr() ? q.PRIMARY_DARK : q.PRIMARY_LIGHT : e === "dark" ? q.PRIMARY_DARK : q.PRIMARY_LIGHT, Z = (e, t) => {
-	if (!Y()) return t;
-	try {
-		return window.localStorage.getItem(e) ?? t;
-	} catch {
-		return t;
-	}
-}, Q = (e, t) => {
-	if (Y()) try {
-		window.localStorage.setItem(e, t);
-	} catch {}
-}, Br = () => ({
-	palette: q.PALETTE,
-	theme: q.THEME,
-	primary: X(q.THEME),
-	neutral: q.NEUTRAL,
-	radius: q.RADIUS,
-	font: q.FONT
-}), Vr = () => {
-	let e = Z(J.THEME, q.THEME), t = Z(J.RADIUS, q.RADIUS), n = Z(J.PALETTE, q.PALETTE);
-	return {
-		palette: Rr(n) ? n : q.PALETTE,
-		theme: F.includes(e) ? e : q.THEME,
-		primary: Z(J.PRIMARY, X(e)),
-		neutral: Z(J.NEUTRAL, q.NEUTRAL),
-		radius: re.includes(t) ? t : q.RADIUS,
-		font: Z(J.FONT, q.FONT)
-	};
-}, Hr = (e) => e === q.PRIMARY_LIGHT || e === q.PRIMARY_DARK, Ur = (e) => {
-	if (!Y()) return;
-	let t = document.documentElement;
-	Hr(e.primary) && (e.primary = X(e.theme)), t.setAttribute("data-palette", e.palette), t.setAttribute("data-primary", e.primary), t.setAttribute("data-neutral", e.neutral), t.setAttribute("data-radius", e.radius), t.style.setProperty("--vd-radius-scale", e.radius), e.font === "system" ? t.removeAttribute("data-font") : t.setAttribute("data-font", e.font), e.theme === "system" ? t.removeAttribute("data-theme") : t.setAttribute("data-theme", e.theme);
-}, Wr = (e) => {
-	Q(J.PALETTE, e.palette), Q(J.THEME, e.theme), Q(J.PRIMARY, e.primary), Q(J.NEUTRAL, e.neutral), Q(J.RADIUS, e.radius), Q(J.FONT, e.font);
-};
-//#endregion
 //#region src/composables/useTimeline.ts
-function Gr(e) {
+function Kr(e) {
 	let t = !1;
-	h(() => {
+	S(() => {
 		let n = e.value;
 		if (!n || typeof window > "u") return;
 		let r = window;
 		t = !0, r.VanduoTimeline && typeof r.VanduoTimeline.init == "function" ? r.VanduoTimeline.init(n) : r.Vanduo && typeof r.Vanduo.init == "function" && r.Vanduo.init(n);
-	}), g(() => {
+	}), C(() => {
 		if (typeof window > "u" || !t) return;
 		let e = window;
 		e.VanduoTimeline && typeof e.VanduoTimeline.destroyAll == "function" && e.VanduoTimeline.destroyAll(), t = !1;
@@ -2889,7 +2886,7 @@ function Gr(e) {
 }
 //#endregion
 //#region src/composables/useTimepicker.ts
-function Kr(e, t, n = 4) {
+function qr(e, t, n = 4) {
 	let r = e.getBoundingClientRect();
 	t.style.minWidth = Math.max(r.width, 0) + "px";
 	let i = r.bottom + n, a = r.left;
@@ -2899,9 +2896,9 @@ function Kr(e, t, n = 4) {
 	let s = t.getBoundingClientRect();
 	a = r.left, a + s.width > window.innerWidth - 8 && (a = window.innerWidth - s.width - 8), t.style.left = Math.max(8, a) + "px";
 }
-function qr(e) {
+function Jr(e) {
 	let t = [];
-	h(() => {
+	S(() => {
 		if (typeof window > "u") return;
 		let n = e.value;
 		n && n.querySelectorAll("[data-vd-timepicker]").forEach((e) => {
@@ -2941,7 +2938,7 @@ function qr(e) {
 					}), i.appendChild(n);
 				});
 			}, s = () => {
-				i.classList.contains("is-open") && Kr(e, i);
+				i.classList.contains("is-open") && qr(e, i);
 			}, c = () => {
 				o(), i.classList.add("is-open"), e.setAttribute("aria-expanded", "true"), requestAnimationFrame(() => {
 					s();
@@ -2958,13 +2955,13 @@ function qr(e) {
 			}, p = () => s();
 			e.addEventListener("focus", u), document.addEventListener("click", d, !0), document.addEventListener("keydown", f), window.addEventListener("resize", p), window.addEventListener("scroll", p, !0), e.setAttribute("aria-haspopup", "listbox"), e.setAttribute("aria-expanded", "false"), e.setAttribute("autocomplete", "off"), e.readOnly = !0, t.push(() => e.removeEventListener("focus", u), () => document.removeEventListener("click", d, !0), () => document.removeEventListener("keydown", f), () => window.removeEventListener("resize", p), () => window.removeEventListener("scroll", p, !0), () => i.remove());
 		});
-	}), g(() => {
+	}), C(() => {
 		t.forEach((e) => e()), t.length = 0;
 	});
 }
 //#endregion
 //#region src/utils/sanitizeHtml.ts
-var Jr = [
+var Yr = [
 	"B",
 	"STRONG",
 	"I",
@@ -2979,7 +2976,7 @@ var Jr = [
 	"CODE",
 	"SMALL",
 	"MARK"
-], Yr = [
+], Xr = [
 	"SVG",
 	"PATH",
 	"LINE",
@@ -2987,7 +2984,7 @@ var Jr = [
 	"POLYLINE",
 	"RECT",
 	"G"
-], Xr = /* @__PURE__ */ new Set([
+], Zr = /* @__PURE__ */ new Set([
 	"xmlns",
 	"width",
 	"height",
@@ -3009,17 +3006,17 @@ var Jr = [
 	"transform",
 	"class"
 ]);
-function Zr(e) {
+function Qr(e) {
 	return e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
 }
-function $(e, t = {}) {
+function $r(e, t = {}) {
 	if (!e) return "";
-	if (typeof DOMParser > "u") return Zr(e);
-	let n = t.allowSvg === !0, r = t.allowStyle === !0, i = n ? Jr.concat(Yr) : Jr, a;
+	if (typeof DOMParser > "u") return Qr(e);
+	let n = t.allowSvg === !0, r = t.allowStyle === !0, i = n ? Yr.concat(Xr) : Yr, a;
 	try {
 		a = new DOMParser().parseFromString(e, "text/html");
 	} catch {
-		return Zr(e);
+		return Qr(e);
 	}
 	let o = (e) => {
 		Array.from(e.childNodes).forEach((t) => {
@@ -3043,7 +3040,7 @@ function $(e, t = {}) {
 				}
 				a.removeAttribute("target"), a.removeAttribute("rel");
 			} else if (n && (a.nodeName === "SVG" || a.closest?.("svg"))) Array.from(a.attributes).forEach((e) => {
-				Xr.has(e.name) || a.removeAttribute(e.name);
+				Zr.has(e.name) || a.removeAttribute(e.name);
 			});
 			else {
 				let e = /* @__PURE__ */ new Set(["class"]);
@@ -3058,7 +3055,7 @@ function $(e, t = {}) {
 }
 //#endregion
 //#region src/composables/useTooltips.ts
-function Qr(e) {
+function ei(e) {
 	let t = null, n = [], r = () => {
 		t &&= (t.remove(), null);
 	}, i = (e, t, n) => {
@@ -3081,9 +3078,9 @@ function Qr(e) {
 		let n = e.getAttribute("data-tooltip"), a = e.getAttribute("data-tooltip-html");
 		if (!n && !a) return;
 		let o = e.getAttribute("data-tooltip-placement") ?? "top", s = e.getAttribute("data-tooltip-variant"), c = e.getAttribute("data-tooltip-size"), l = document.createElement("div");
-		l.className = "vd-tooltip vd-tooltip-" + o + (s ? " vd-tooltip-" + s : "") + (c ? " vd-tooltip-" + c : "") + (a ? " vd-tooltip-html" : ""), l.setAttribute("data-placement", o), l.style.position = "fixed", a ? l.innerHTML = $(a, { allowStyle: !1 }) : l.textContent = n, document.body.appendChild(l), i(e, l, o), requestAnimationFrame(() => l.classList.add("is-visible")), t = l;
+		l.className = "vd-tooltip vd-tooltip-" + o + (s ? " vd-tooltip-" + s : "") + (c ? " vd-tooltip-" + c : "") + (a ? " vd-tooltip-html" : ""), l.setAttribute("data-placement", o), l.style.position = "fixed", a ? l.innerHTML = $r(a, { allowStyle: !1 }) : l.textContent = n, document.body.appendChild(l), i(e, l, o), requestAnimationFrame(() => l.classList.add("is-visible")), t = l;
 	};
-	h(() => {
+	S(() => {
 		let t = e.value;
 		t && t.querySelectorAll("[data-tooltip],[data-tooltip-html]").forEach((e) => {
 			let t = () => a(e), i = () => r();
@@ -3091,13 +3088,13 @@ function Qr(e) {
 				e.removeEventListener("mouseenter", t), e.removeEventListener("mouseleave", i), e.removeEventListener("focus", t), e.removeEventListener("blur", i);
 			});
 		});
-	}), g(() => {
+	}), C(() => {
 		r(), n.forEach((e) => e()), n.length = 0;
 	});
 }
 //#endregion
 //#region src/composables/useValidate.ts
-var $r = {
+var ti = {
 	required: (e) => e.trim().length > 0,
 	email: (e) => /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(e),
 	url: (e) => {
@@ -3127,7 +3124,7 @@ var $r = {
 			return !1;
 		}
 	}
-}, ei = {
+}, ni = {
 	required: "This field is required",
 	email: "Please enter a valid email address",
 	url: "Please enter a valid URL",
@@ -3138,25 +3135,25 @@ var $r = {
 	maxVal: "Value must be at most {0}",
 	pattern: "Invalid format",
 	match: "Fields do not match"
-}, ti = 0;
-function ni(e, t) {
+}, ri = 0;
+function ii(e, t) {
 	let n = e.closest(".vd-form-group") ?? e.parentElement;
 	if (!n) return;
 	let r = n.querySelector(".vd-validate-error");
-	e.classList.remove("is-valid", "is-invalid"), t.length > 0 ? (e.classList.add("is-invalid"), e.setAttribute("aria-invalid", "true"), r || (r = document.createElement("div"), r.className = "vd-validate-error", ti += 1, r.id = `vd-err-${ti}`, r.setAttribute("role", "alert"), n.appendChild(r)), r.textContent = t[0] ?? "", r.style.display = "", e.setAttribute("aria-describedby", r.id)) : e.value.trim() ? (e.classList.add("is-valid"), e.removeAttribute("aria-invalid"), r && (r.style.display = "none")) : (e.removeAttribute("aria-invalid"), r && (r.style.display = "none"));
+	e.classList.remove("is-valid", "is-invalid"), t.length > 0 ? (e.classList.add("is-invalid"), e.setAttribute("aria-invalid", "true"), r || (r = document.createElement("div"), r.className = "vd-validate-error", ri += 1, r.id = `vd-err-${ri}`, r.setAttribute("role", "alert"), n.appendChild(r)), r.textContent = t[0] ?? "", r.style.display = "", e.setAttribute("aria-describedby", r.id)) : e.value.trim() ? (e.classList.add("is-valid"), e.removeAttribute("aria-invalid"), r && (r.style.display = "none")) : (e.removeAttribute("aria-invalid"), r && (r.style.display = "none"));
 }
-function ri(e) {
+function ai(e) {
 	let t = [], n = (e) => {
 		let t = (e.getAttribute("data-vd-rules") ?? "").split("|").map((e) => e.trim()).filter(Boolean), n = e.value, r = [];
 		for (let i of t) {
-			let [t, ...a] = i.split(":"), o = a.join(":"), s = t ? $r[t] : void 0;
+			let [t, ...a] = i.split(":"), o = a.join(":"), s = t ? ti[t] : void 0;
 			if (s && !s(n, o)) {
-				let n = (t ? e.getAttribute(`data-vd-msg-${t}`) : null) ?? (t ? ei[t] : void 0) ?? "Invalid";
+				let n = (t ? e.getAttribute(`data-vd-msg-${t}`) : null) ?? (t ? ni[t] : void 0) ?? "Invalid";
 				o && (n = n.replace("{0}", o)), r.push(n);
 				break;
 			}
 		}
-		return ni(e, r), r.length === 0;
+		return ii(e, r), r.length === 0;
 	}, r = (e) => {
 		let r = e.getAttribute("data-vd-validate-mode") ?? "blur", i = Array.from(e.querySelectorAll("[data-vd-rules]")), a = () => {
 			let e = !0;
@@ -3185,18 +3182,18 @@ function ri(e) {
 		};
 		e.addEventListener("submit", o), t.push(() => e.removeEventListener("submit", o));
 	};
-	h(() => {
+	S(() => {
 		let t = e.value;
 		t && t.querySelectorAll("[data-vd-validate], .vd-validate").forEach(r);
-	}), g(() => {
+	}), C(() => {
 		t.forEach((e) => e()), t.length = 0;
 	});
 }
 //#endregion
 //#region src/composables/useWaypoint.ts
-function ii(e) {
+function oi(e) {
 	let t = [];
-	h(() => {
+	S(() => {
 		if (typeof window > "u") return;
 		let n = e.value;
 		n && n.querySelectorAll("[data-vd-waypoint-nav], [data-vd-scrollspy-nav]").forEach((e) => {
@@ -3244,11 +3241,11 @@ function ii(e) {
 				e.addEventListener("click", n), t.push(() => e.removeEventListener("click", n));
 			}), t.push(() => l.disconnect());
 		});
-	}), g(() => {
+	}), C(() => {
 		t.forEach((e) => e()), t.length = 0;
 	});
 }
 //#endregion
-export { q as DEFAULTS, N as FONT_OPTIONS, P as NEUTRAL_COLORS, te as PALETTE_OPTIONS, ne as PRIMARY_COLORS, re as RADIUS_OPTIONS, F as THEME_MODES, ae as VanduoVue, ue as VdAccordion, me as VdAlert, be as VdAvatar, xe as VdBadge, Gn as VdBox, we as VdButton, Te as VdButtonGroup, ke as VdCard, Kn as VdCenter, Me as VdCheckboxGroup, Pe as VdChip, Re as VdCodeSnippet, Ye as VdCollection, qn as VdCover, et as VdCustomSelect, st as VdFlow, Yn as VdFrame, L as VdIcon, Zn as VdInline, lt as VdInput, ht as VdModal, bt as VdOffcanvas, wt as VdPagination, Et as VdPreloader, At as VdProgress, Nt as VdRadioGroup, It as VdRating, Vt as VdSelect, qt as VdSidenav, Yt as VdSkeleton, Zt as VdSpinner, Qn as VdStack, er as VdSwitcher, tn as VdTable, sn as VdTabs, fn as VdToast, gn as VdToastContainer, vn as VdTooltip, In as VdTransfer, Wn as VdTree, Un as VdTreeNode, Ur as applyPreference, Br as defaultPreference, X as defaultPrimary, Hr as isDefaultPrimary, Vr as loadPreference, ie as loadVanduoRuntime, Wr as persistPreference, $ as sanitizeHtml, rr as useAffix, fr as useDatepicker, mr as useDraggable, hr as useDropdown, gr as useExpandingCards, _r as useFlow, vr as useFocusTrap, yr as useGlass, br as useImageBox, xr as useKeyboardNav, Cr as useMorph, wr as useMorphBadges, Tr as useNavbarGlassScroll, Er as useParallax, Dr as usePopover, Or as useRipple, kr as useScrollspy, Ar as useSearch, jr as useSidenav, Mr as useSpotlight, Nr as useStepper, Fr as useSuggest, Ir as useTabs, Gr as useTimeline, qr as useTimepicker, hn as useToast, z as useToastStore, Qr as useTooltips, ri as useValidate, ii as useWaypoint };
+export { t as FONT_OPTIONS, n as NEUTRAL_COLORS, r as PALETTE_OPTIONS, i as PRIMARY_COLORS, a as RADIUS_OPTIONS, o as THEME_MODES, le as VanduoVue, me as VdAccordion, ve as VdAlert, we as VdAvatar, Te as VdBadge, Jn as VdBox, Oe as VdButton, ke as VdButtonGroup, Ne as VdCard, Yn as VdCenter, Ie as VdCheckboxGroup, Re as VdChip, He as VdCodeSnippet, $e as VdCollection, Xn as VdCover, it as VdCustomSelect, dt as VdFlow, Qn as VdFrame, Y as VdIcon, er as VdInline, pt as VdInput, yt as VdModal, wt as VdOffcanvas, Ot as VdPagination, At as VdPreloader, Pt as VdProgress, Lt as VdRadioGroup, Bt as VdRating, Gt as VdSelect, Zt as VdSidenav, $t as VdSkeleton, tn as VdSpinner, tr as VdStack, rr as VdSwitcher, on as VdTable, dn as VdTabs, X as VdToast, yn as VdToastContainer, xn as VdTooltip, zn as VdTransfer, qn as VdTree, Kn as VdTreeNode, se as applyPreference, ae as defaultPreference, U as defaultPrimary, te as getThemeDefaults, K as isDefaultPrimary, oe as loadPreference, J as loadVanduoRuntime, ce as persistPreference, $r as sanitizeHtml, B as setThemeDefaults, or as useAffix, yr as useDatepicker, xr as useDraggable, Sr as useDropdown, Cr as useExpandingCards, wr as useFlow, Er as useFocusTrap, Dr as useGlass, Or as useImageBox, kr as useKeyboardNav, jr as useMorph, Mr as useMorphBadges, Nr as useNavbarGlassScroll, Pr as useParallax, Fr as usePopover, Ir as useRipple, Lr as useScrollspy, Rr as useSearch, zr as useSidenav, Br as useSpotlight, Vr as useStepper, Wr as useSuggest, Gr as useTabs, Kr as useTimeline, Jr as useTimepicker, vn as useToast, Q as useToastStore, ei as useTooltips, ai as useValidate, oi as useWaypoint };
 
 //# sourceMappingURL=index.js.map