@vanduo-oss/vue 0.1.0

package/dist/index.js

@@ -0,0 +1,3254 @@
+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);
+}
+var ae = { install(e) {
+	ie();
+} }, oe = { class: "vd-accordion" }, se = [
+	"aria-expanded",
+	"aria-controls",
+	"onClick"
+], ce = {
+	class: "vd-accordion-icon",
+	"aria-hidden": "true"
+}, le = ["id"], ue = /* @__PURE__ */ u({
+	__name: "VdAccordion",
+	props: {
+		items: {},
+		modelValue: {},
+		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);
+				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);
+		};
+		return (n, r) => (_(), a("ul", oe, [(_(!0), a(e, null, b(t.items, (e) => (_(), a("li", {
+			key: e.id,
+			class: f(["vd-accordion-item", s(e.id) ? "is-open" : null])
+		}, [o("button", {
+			type: "button",
+			class: "vd-accordion-header",
+			"aria-expanded": s(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", {
+			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))]));
+	}
+}), L = /* @__PURE__ */ u({
+	__name: "VdIcon",
+	props: {
+		name: {},
+		filled: {
+			type: Boolean,
+			default: !1
+		},
+		size: { default: "md" }
+	},
+	setup(e) {
+		let t = e, n = () => {
+			switch (t.size) {
+				case "sm": return "vd-text-base";
+				case "lg": return "vd-text-2xl";
+				default: return "vd-text-xl";
+			}
+		};
+		return (e, r) => (_(), a("i", {
+			class: f([
+				t.filled ? "ph-fill" : "ph",
+				`ph-${t.name}`,
+				n()
+			]),
+			"aria-hidden": "true"
+		}, null, 2));
+	}
+}), de = { class: "vd-alert-body" }, fe = {
+	key: 0,
+	class: "vd-alert-title"
+}, pe = { class: "vd-alert-content" }, me = /* @__PURE__ */ u({
+	__name: "VdAlert",
+	props: {
+		variant: { default: "info" },
+		dismissible: {
+			type: Boolean,
+			default: !1
+		},
+		title: { default: "" }
+	},
+	emits: ["dismiss"],
+	setup(e, { emit: t }) {
+		let n = e, r = t, s = () => {
+			r("dismiss");
+		}, c = () => {
+			switch (n.variant) {
+				case "success": return "check-circle";
+				case "warning": return "warning";
+				case "danger": return "x-circle";
+				default: return "info";
+			}
+		};
+		return (t, n) => (_(), a("div", {
+			class: f(["vd-alert", `vd-alert-${e.variant}`]),
+			role: "alert"
+		}, [
+			l(L, {
+				name: c(),
+				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", {
+				key: 0,
+				type: "button",
+				class: "vd-alert-dismiss",
+				"aria-label": "Dismiss",
+				onClick: s
+			}, [l(L, { name: "x" })])) : i("", !0)
+		], 2));
+	}
+}), he = ["aria-label"], ge = ["src", "alt"], _e = {
+	key: 1,
+	class: "vd-avatar-initials"
+}, ve = {
+	key: 2,
+	class: "vd-avatar-initials",
+	"aria-hidden": "true"
+}, ye = ["aria-label"], be = /* @__PURE__ */ u({
+	__name: "VdAvatar",
+	props: {
+		src: { default: "" },
+		alt: { default: "" },
+		initials: { default: "" },
+		size: { default: "md" },
+		variant: { default: "primary" },
+		shape: { default: "circle" },
+		status: { default: void 0 }
+	},
+	setup(e) {
+		return (t, n) => (_(), a("div", {
+			class: f(["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", {
+			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", {
+			key: 3,
+			class: f(["vd-avatar-status", `vd-avatar-status-${e.status}`]),
+			"aria-label": `Status: ${e.status}`
+		}, null, 10, ye)) : i("", !0)], 10, he));
+	}
+}), xe = /* @__PURE__ */ u({
+	__name: "VdBadge",
+	props: {
+		variant: { default: "default" },
+		pill: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	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));
+	}
+}), Se = ["type", "disabled"], Ce = {
+	key: 0,
+	class: "vd-btn-spinner",
+	"aria-hidden": "true"
+}, we = /* @__PURE__ */ u({
+	__name: "VdButton",
+	props: {
+		variant: { default: "primary" },
+		size: { default: "md" },
+		loading: {
+			type: Boolean,
+			default: !1
+		},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		type: { default: "button" }
+	},
+	emits: ["click"],
+	setup(e, { emit: t }) {
+		let n = e, r = t, o = (e) => {
+			if (n.disabled || n.loading) {
+				e.preventDefault();
+				return;
+			}
+			r("click", e);
+		};
+		return (t, n) => (_(), a("button", {
+			type: e.type,
+			disabled: e.disabled || e.loading,
+			class: f([
+				"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));
+	}
+}), Te = /* @__PURE__ */ u({
+	__name: "VdButtonGroup",
+	props: {
+		size: { default: "md" },
+		vertical: {
+			type: Boolean,
+			default: !1
+		},
+		fullWidth: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	setup(e) {
+		return (t, n) => (_(), a("div", {
+			class: f(["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));
+	}
+}), Ee = {
+	key: 0,
+	class: "vd-card-header"
+}, De = { class: "vd-card-body" }, Oe = {
+	key: 1,
+	class: "vd-card-footer"
+}, ke = /* @__PURE__ */ u({
+	__name: "VdCard",
+	props: {
+		elevated: {
+			type: Boolean,
+			default: !1
+		},
+		interactive: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	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)
+		], 2));
+	}
+}), Ae = [
+	"id",
+	"name",
+	"value",
+	"checked",
+	"disabled",
+	"onChange"
+], je = ["for"], Me = /* @__PURE__ */ u({
+	__name: "VdCheckboxGroup",
+	props: {
+		options: {},
+		modelValue: {},
+		name: {},
+		inline: {
+			type: Boolean,
+			default: !1
+		},
+		size: { default: "md" },
+		disabled: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["update:modelValue"],
+	setup(t, { emit: n }) {
+		let r = n, i = (e, t) => e.includes(t), s = (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));
+		};
+		return (n, r) => (_(), a("div", {
+			class: f(["vd-form-check-group", { "vd-form-check-group-inline": t.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}`,
+			type: "checkbox",
+			name: t.name,
+			value: e.value,
+			checked: i(t.modelValue, e.value),
+			disabled: t.disabled || e.disabled,
+			class: "vd-form-check-input",
+			onChange: (t) => c(n.$props, e.value)
+		}, null, 40, Ae), o("label", {
+			for: `${t.name}-${e.value}`,
+			class: "vd-form-check-label"
+		}, w(e.label), 9, je)], 2))), 128))], 2));
+	}
+}), Ne = ["src"], Pe = /* @__PURE__ */ u({
+	__name: "VdChip",
+	props: {
+		variant: { default: "primary" },
+		size: { default: "md" },
+		outline: {
+			type: Boolean,
+			default: !1
+		},
+		dismissible: {
+			type: Boolean,
+			default: !1
+		},
+		avatar: { default: "" },
+		clickable: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["dismiss", "click"],
+	setup(e, { emit: t }) {
+		let n = t, r = (e) => {
+			e.stopPropagation(), n("dismiss");
+		};
+		return (t, o) => (_(), a("span", {
+			class: f(["vd-chip", [
+				`vd-chip-${e.variant}`,
+				`vd-chip-${e.size}`,
+				{
+					"vd-chip-outline": e.outline,
+					"vd-chip-dismissible": e.dismissible,
+					"vd-chip-clickable": e.clickable
+				}
+			]]),
+			role: "status",
+			onClick: o[0] ||= (t) => e.clickable && n("click", t)
+		}, [
+			e.avatar ? (_(), a("img", {
+				key: 0,
+				src: e.avatar,
+				class: "vd-chip-avatar",
+				alt: ""
+			}, null, 8, Ne)) : i("", !0),
+			x(t.$slots, "default"),
+			e.dismissible ? (_(), a("button", {
+				key: 1,
+				type: "button",
+				class: "vd-chip-close",
+				"aria-label": "Dismiss",
+				onClick: r
+			}, " × ")) : i("", !0)
+		], 2));
+	}
+}), Fe = { class: "vd-code-snippet" }, Ie = ["data-language"], Le = ["aria-label"], Re = /* @__PURE__ */ u({
+	__name: "VdCodeSnippet",
+	props: {
+		code: {},
+		language: { default: "html" },
+		copyable: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	setup(e) {
+		let t = y(!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}`]),
+			"data-language": e.language
+		}, [o("code", null, w(e.code), 1)], 10, Ie), e.copyable ? (_(), a("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)]));
+	}
+}), ze = {
+	key: 0,
+	class: "vd-collection-header"
+}, Be = { class: "vd-collection-title" }, Ve = { class: "vd-collection-list" }, He = {
+	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 = {
+	key: 0,
+	class: "vd-collection-text-secondary"
+}, Je = {
+	key: 1,
+	class: "vd-collection-action"
+}, Ye = /* @__PURE__ */ u({
+	__name: "VdCollection",
+	props: {
+		items: {},
+		header: { default: "" },
+		hoverable: {
+			type: Boolean,
+			default: !1
+		},
+		bordered: {
+			type: Boolean,
+			default: !1
+		},
+		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", {
+			key: e.id,
+			class: "vd-collection-item"
+		}, [
+			e.avatar ? (_(), a("div", He, [o("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)
+		]))), 128))])], 2));
+	}
+}), Xe = [
+	"id",
+	"name",
+	"value"
+], Ze = ["value", "disabled"], Qe = ["aria-expanded", "aria-labelledby"], $e = [
+	"data-value",
+	"aria-selected",
+	"aria-disabled",
+	"onClick",
+	"onMouseenter"
+], et = /* @__PURE__ */ u({
+	__name: "VdCustomSelect",
+	props: {
+		modelValue: {},
+		options: {},
+		id: { default: "" },
+		name: { default: "" },
+		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;
+			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) => {
+			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();
+					break;
+				case "Escape":
+					c.value && (e.preventDefault(), x());
+					break;
+				case "ArrowDown":
+					e.preventDefault(), c.value ? T(1) : v();
+					break;
+				case "ArrowUp":
+					e.preventDefault(), c.value && T(-1);
+					break;
+				case "Home":
+					c.value && (e.preventDefault(), l.value = p.value[0] ?? -1);
+					break;
+				case "End":
+					if (c.value) {
+						e.preventDefault();
+						let t = p.value;
+						l.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 = "";
+					}, 500);
+				}
+			}
+		}, k = (e) => {
+			c.value && u.value && !u.value.contains(e.target) && x();
+		};
+		return h(() => document.addEventListener("click", k)), m(() => {
+			document.removeEventListener("click", k), D != null && window.clearTimeout(D);
+		}), (n, r) => (_(), a("div", {
+			ref_key: "wrapper",
+			ref: u,
+			class: "custom-select-wrapper"
+		}, [
+			o("select", {
+				id: t.id || void 0,
+				name: t.name || void 0,
+				value: t.modelValue,
+				tabindex: "-1",
+				"aria-hidden": "true"
+			}, [(_(!0), a(e, null, b(t.options, (e) => (_(), a("option", {
+				key: e.value,
+				value: e.value,
+				disabled: e.disabled
+			}, w(e.label), 9, Ze))), 128))], 8, Xe),
+			o("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 }]),
+				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
+				}]),
+				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)
+		], 512));
+	}
+}), tt = {
+	class: "vd-flow",
+	role: "region",
+	"aria-roledescription": "carousel"
+}, nt = ["aria-hidden"], rt = {
+	key: 0,
+	class: "vd-flow-controls"
+}, it = ["disabled"], at = { class: "vd-flow-position" }, ot = ["disabled"], st = /* @__PURE__ */ u({
+	__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
+		});
+		let h = n(() => Array.from({ length: c.total }, (e, t) => t));
+		return (n, r) => (_(), a("div", tt, [o("div", {
+			class: "vd-flow-track",
+			style: p({ transform: `translateX(-${u.value * 100}%)` })
+		}, [(_(!0), a(e, null, b(h.value, (e) => (_(), a("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", {
+				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", {
+				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)]));
+	}
+}), ct = [
+	"id",
+	"type",
+	"name",
+	"value",
+	"placeholder",
+	"disabled",
+	"readonly",
+	"required",
+	"minlength",
+	"maxlength",
+	"pattern",
+	"autocomplete"
+], lt = /* @__PURE__ */ u({
+	__name: "VdInput",
+	props: {
+		modelValue: {},
+		type: { default: "text" },
+		placeholder: { default: "" },
+		size: { default: "md" },
+		variant: { default: "default" },
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		readonly: {
+			type: Boolean,
+			default: !1
+		},
+		required: {
+			type: Boolean,
+			default: !1
+		},
+		name: { default: "" },
+		id: { default: "" },
+		minlength: { default: void 0 },
+		maxlength: { default: void 0 },
+		pattern: { default: "" },
+		autocomplete: { default: "" }
+	},
+	emits: [
+		"update:modelValue",
+		"blur",
+		"focus"
+	],
+	setup(e, { emit: t }) {
+		let n = e, r = t, i = (e) => {
+			let t = e.target;
+			r("update:modelValue", t.value);
+		};
+		return n.minlength, n.maxlength, (t, n) => (_(), a("input", {
+			id: e.id || e.name,
+			type: e.type,
+			name: e.name,
+			value: e.modelValue,
+			placeholder: e.placeholder,
+			disabled: e.disabled,
+			readonly: e.readonly,
+			required: e.required,
+			minlength: e.minlength,
+			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}`]]),
+			onInput: i,
+			onBlur: n[0] ||= (e) => r("blur", e),
+			onFocus: n[1] ||= (e) => r("focus", e)
+		}, null, 42, ct));
+	}
+}), ut = ["aria-label"], dt = {
+	key: 0,
+	class: "vd-modal-header"
+}, ft = {
+	key: 0,
+	class: "vd-modal-title"
+}, pt = { class: "vd-modal-body" }, mt = {
+	key: 1,
+	class: "vd-modal-footer"
+}, ht = /* @__PURE__ */ u({
+	__name: "VdModal",
+	props: {
+		open: { type: Boolean },
+		title: { default: "" },
+		size: { default: "md" },
+		closeOnBackdrop: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	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());
+		};
+		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", {
+			key: 0,
+			class: "vd-modal vd-modal-open",
+			role: "dialog",
+			"aria-modal": "true",
+			"aria-label": e.title || "Dialog",
+			"data-vd-modal": ""
+		}, [o("div", {
+			class: "vd-modal-backdrop",
+			onClick: g
+		}), o("div", {
+			ref_key: "panel",
+			ref: p,
+			class: f(["vd-modal-panel", m.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", {
+					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)]));
+	}
+}), gt = ["aria-label"], _t = {
+	key: 0,
+	class: "vd-sidenav-header"
+}, vt = {
+	key: 0,
+	class: "vd-sidenav-title"
+}, yt = { class: "vd-sidenav-body" }, bt = /* @__PURE__ */ u({
+	__name: "VdOffcanvas",
+	props: {
+		modelValue: { type: Boolean },
+		placement: { default: "right" },
+		title: { default: "" },
+		closeOnBackdrop: {
+			type: Boolean,
+			default: !0
+		},
+		closeOnEsc: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	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());
+		};
+		return h(() => {
+			typeof window > "u" || window.addEventListener("keydown", d);
+		}), m(() => {
+			typeof window > "u" || window.removeEventListener("keydown", d);
+		}), O(() => s.modelValue, (e) => {
+			typeof document > "u" || (document.body.style.overflow = e ? "hidden" : "");
+		}), (n, s) => (_(), r(t, { to: "body" }, [e.modelValue ? (_(), a("div", {
+			key: 0,
+			class: "vd-sidenav-overlay is-visible",
+			onClick: u
+		})) : i("", !0), e.modelValue ? (_(), a("aside", {
+			key: 1,
+			class: f(["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", {
+				type: "button",
+				class: "vd-sidenav-close",
+				"aria-label": "Close",
+				onClick: l
+			}, " × ")
+		])) : i("", !0), o("div", yt, [x(n.$slots, "default")])], 10, gt)) : i("", !0)]));
+	}
+}), xt = {
+	key: 0,
+	class: "vd-pagination-item"
+}, St = ["data-page"], Ct = [
+	"aria-label",
+	"aria-current",
+	"onClick"
+], wt = /* @__PURE__ */ u({
+	__name: "VdPagination",
+	props: {
+		modelValue: {},
+		total: {},
+		maxVisible: { default: 7 },
+		size: { default: "md" },
+		align: { default: "left" },
+		disabled: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["update:modelValue"],
+	setup(t, { emit: r }) {
+		let i = t, s = r, c = y(null), l = (e, t, n) => {
+			let r = [], i = Math.floor(n / 2);
+			if (t <= n) {
+				for (let e = 1; e <= t; e++) r.push(e);
+				return r;
+			}
+			r.push(1);
+			let a = Math.max(2, e - i), o = Math.min(t - 1, e + i);
+			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", {
+				bubbles: !0,
+				detail: {
+					page: e,
+					totalPages: i.total
+				}
+			})));
+		};
+		return (n, r) => (_(), a("nav", {
+			ref_key: "root",
+			ref: c,
+			"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", {
+				class: "vd-pagination-link",
+				href: "#",
+				"aria-label": "Previous",
+				onClick: r[0] ||= j((e) => d(t.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", {
+				class: "vd-pagination-ellipsis",
+				"aria-hidden": "true"
+			}, "…", -1)]])) : (_(), a("li", {
+				key: 1,
+				class: f(["vd-pagination-item", { active: n === t.modelValue }]),
+				"data-page": n
+			}, [o("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", {
+				class: "vd-pagination-link",
+				href: "#",
+				"aria-label": "Next",
+				onClick: r[1] ||= j((e) => d(t.modelValue + 1), ["prevent"])
+			}, "Next")], 2)
+		], 2)], 512));
+	}
+}), Tt = {
+	key: 0,
+	class: "vd-preloader-text"
+}, Et = /* @__PURE__ */ u({
+	__name: "VdPreloader",
+	props: {
+		variant: { default: "primary" },
+		size: { default: "md" },
+		theme: { default: "light" },
+		text: { default: "" }
+	},
+	setup(e) {
+		return (t, n) => (_(), a("div", {
+			class: f(["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));
+	}
+}), Dt = [
+	"aria-valuemax",
+	"aria-valuenow",
+	"aria-label"
+], Ot = { class: "vd-progress-track" }, kt = {
+	key: 0,
+	class: "vd-progress-label vd-text-sm vd-muted"
+}, At = /* @__PURE__ */ u({
+	__name: "VdProgress",
+	props: {
+		value: { default: 0 },
+		max: { default: 100 },
+		indeterminate: {
+			type: Boolean,
+			default: !1
+		},
+		label: { default: "" }
+	},
+	setup(e) {
+		let t = e, n = () => {
+			if (t.indeterminate) return 0;
+			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]]),
+			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", {
+			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));
+	}
+}), jt = [
+	"id",
+	"name",
+	"value",
+	"checked",
+	"disabled",
+	"onChange"
+], Mt = ["for"], Nt = /* @__PURE__ */ u({
+	__name: "VdRadioGroup",
+	props: {
+		options: {},
+		modelValue: {},
+		name: {},
+		inline: {
+			type: Boolean,
+			default: !1
+		},
+		size: { default: "md" },
+		disabled: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	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 }]),
+			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}`,
+			type: "radio",
+			name: t.name,
+			value: e.value,
+			checked: t.modelValue === e.value,
+			disabled: t.disabled || e.disabled,
+			class: "vd-form-radio-input",
+			onChange: (t) => r("update:modelValue", e.value)
+		}, null, 40, jt), o("label", {
+			for: `${t.name}-${e.value}`,
+			class: "vd-form-radio-label"
+		}, w(e.label), 9, Mt)], 2))), 128))], 2));
+	}
+}), Pt = [
+	"aria-checked",
+	"aria-label",
+	"tabindex",
+	"onMouseenter",
+	"onClick"
+], Ft = { class: "vd-rating-value" }, It = /* @__PURE__ */ u({
+	__name: "VdRating",
+	props: {
+		modelValue: {},
+		max: { default: 5 },
+		size: { default: void 0 },
+		readonly: {
+			type: Boolean,
+			default: !1
+		},
+		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;
+		});
+		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)));
+		};
+		return (n, r) => (_(), a("div", {
+			class: f(["vd-rating", [t.size ? `vd-rating-${t.size}` : null, { "vd-rating-readonly": t.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,
+			type: "button",
+			class: f(["vd-rating-star", d(e)]),
+			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));
+	}
+}), Lt = [
+	"id",
+	"name",
+	"value",
+	"disabled",
+	"required"
+], Rt = {
+	key: 0,
+	value: "",
+	disabled: ""
+}, zt = ["value", "disabled"], Bt = { class: "vd-visually-hidden" }, Vt = /* @__PURE__ */ u({
+	__name: "VdSelect",
+	props: {
+		modelValue: {},
+		options: {},
+		name: { default: "" },
+		id: { default: "" },
+		placeholder: { default: "" },
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		required: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["update:modelValue"],
+	setup(t, { emit: r }) {
+		let s = t, c = r, l = y(s.modelValue);
+		O(() => s.modelValue, (e) => {
+			l.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,
+			class: "vd-input",
+			onChange: r[0] ||= (e) => {
+				let t = e.target.value;
+				l.value = t, c("update:modelValue", t);
+			}
+		}, [t.placeholder ? (_(), a("option", Rt, w(t.placeholder), 1)) : i("", !0), (_(!0), a(e, null, b(t.options, (e) => (_(), a("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));
+	}
+}), Ht = ["aria-label"], Ut = {
+	key: 0,
+	class: "vd-sidenav-header"
+}, Wt = {
+	key: 0,
+	class: "vd-sidenav-title"
+}, Gt = { class: "vd-sidenav-body" }, Kt = {
+	key: 1,
+	class: "vd-sidenav-footer"
+}, qt = /* @__PURE__ */ u({
+	__name: "VdSidenav",
+	props: {
+		modelValue: { type: Boolean },
+		placement: { default: "left" },
+		title: { default: "" },
+		closeOnBackdrop: {
+			type: Boolean,
+			default: !0
+		},
+		closeOnEsc: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	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());
+		};
+		return h(() => {
+			typeof window > "u" || window.addEventListener("keydown", d);
+		}), m(() => {
+			typeof window > "u" || window.removeEventListener("keydown", d);
+		}), O(() => s.modelValue, (e) => {
+			typeof document > "u" || (document.body.style.overflow = e ? "hidden" : "");
+		}), (n, s) => (_(), r(t, { to: "body" }, [e.modelValue ? (_(), a("div", {
+			key: 0,
+			class: "vd-sidenav-overlay is-visible",
+			onClick: u
+		})) : i("", !0), e.modelValue ? (_(), a("aside", {
+			key: 1,
+			class: f(["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", {
+					type: "button",
+					class: "vd-sidenav-close",
+					"aria-label": "Close",
+					onClick: l
+				}, " × ")
+			])) : 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)]));
+	}
+}), Jt = {
+	key: 3,
+	class: "vd-skeleton-lines"
+}, Yt = /* @__PURE__ */ u({
+	__name: "VdSkeleton",
+	props: {
+		shape: { default: "text" },
+		size: { default: "md" },
+		width: { default: "" },
+		lines: { default: 1 }
+	},
+	setup(t) {
+		return (n, r) => t.shape === "card" ? (_(), a("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", {
+			key: 1,
+			class: f(["vd-skeleton vd-skeleton-button", `vd-skeleton-button-${t.size}`])
+		}, null, 2)) : t.shape === "circle" ? (_(), a("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", {
+			key: 4,
+			class: f(["vd-skeleton vd-skeleton-text", `vd-skeleton-text-${t.size}`]),
+			style: p(t.width ? `width: ${t.width}` : "")
+		}, null, 6));
+	}
+}), Xt = ["aria-label"], Zt = /* @__PURE__ */ u({
+	__name: "VdSpinner",
+	props: {
+		size: { default: "md" },
+		label: { default: "" }
+	},
+	setup(e) {
+		return (t, n) => (_(), a("span", {
+			class: f(["vd-spinner", `vd-spinner-${e.size}`]),
+			role: "status",
+			"aria-label": e.label || "Loading"
+		}, [l(L, { name: "circle-notch" })], 10, Xt));
+	}
+}), Qt = { class: "vd-table-responsive" }, $t = {
+	key: 0,
+	class: "vd-table-caption"
+}, en = { class: "vd-table-header" }, tn = /* @__PURE__ */ u({
+	__name: "VdTable",
+	props: {
+		columns: {},
+		rows: {},
+		striped: {
+			type: Boolean,
+			default: !1
+		},
+		bordered: {
+			type: Boolean,
+			default: !1
+		},
+		hover: {
+			type: Boolean,
+			default: !1
+		},
+		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
+		}]) }, [
+			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", {
+				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))])
+		], 2)]));
+	}
+}), nn = {
+	class: "vd-tabs",
+	role: "tablist"
+}, rn = {
+	class: "vd-tab-list",
+	role: "presentation"
+}, an = ["aria-selected", "onClick"], on = { class: "vd-tab-panels" }, sn = /* @__PURE__ */ u({
+	__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);
+		};
+		return (n, r) => (_(), a("div", nn, [o("div", rn, [(_(!0), a(e, null, b(t.tabs, (e) => (_(), a("button", {
+			key: e.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")])]));
+	}
+}), cn = ["innerHTML"], ln = { class: "vd-toast-content" }, un = {
+	key: 0,
+	class: "vd-toast-title"
+}, dn = { class: "vd-toast-message" }, fn = /* @__PURE__ */ u({
+	__name: "VdToast",
+	props: { toast: {} },
+	emits: ["dismiss"],
+	setup(e, { emit: t }) {
+		let n = e, r = t, s = {
+			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));
+		}, 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);
+		};
+		return h(() => {
+			requestAnimationFrame(() => {
+				c.value = !0, S();
+			});
+		}), m(() => {
+			x(), g != null && window.clearTimeout(g);
+		}), (t, n) => (_(), a("div", {
+			class: f([
+				"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
+				}
+			]),
+			role: "status",
+			"aria-live": "polite",
+			onMouseenter: C,
+			onMouseleave: S,
+			onTransitionend: E
+		}, [
+			e.toast.type ? (_(), a("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", {
+				key: 1,
+				type: "button",
+				class: "vd-toast-close",
+				"aria-label": "Close",
+				onClick: T
+			})) : i("", !0),
+			e.toast.showProgress && e.toast.duration > 0 ? (_(), a("div", {
+				key: 2,
+				class: "vd-toast-progress",
+				style: p({
+					animationDuration: `${e.toast.duration}ms`,
+					animationPlayState: u.value ? "paused" : "running"
+				})
+			}, null, 4)) : i("", !0)
+		], 34));
+	}
+}), R = {
+	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) => {
+		let i;
+		i = typeof t == "string" ? n && typeof n == "object" ? {
+			...n,
+			message: t
+		} : {
+			message: t,
+			type: n,
+			duration: r
+		} : { ...t };
+		let a = mn(), 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
+		};
+		return e.value.push(o), a;
+	};
+	return {
+		queue: e,
+		show: t,
+		dismiss: (t) => {
+			e.value = e.value.filter((e) => e.id !== t);
+		},
+		success: (e, n = {}) => t({
+			...n,
+			message: e,
+			type: "success"
+		}),
+		error: (e, n = {}) => t({
+			...n,
+			message: e,
+			type: "error"
+		}),
+		warning: (e, n = {}) => t({
+			...n,
+			message: e,
+			type: "warning"
+		}),
+		info: (e, n = {}) => t({
+			...n,
+			message: e,
+			type: "info"
+		})
+	};
+}), hn = () => {
+	let e = z();
+	return {
+		show: e.show,
+		dismiss: e.dismiss,
+		success: e.success,
+		error: e.error,
+		warning: e.warning,
+		info: e.info,
+		queue: e.queue
+	};
+}, gn = /* @__PURE__ */ u({
+	__name: "VdToastContainer",
+	setup(i) {
+		let o = z(), s = [
+			"top-right",
+			"top-left",
+			"top-center",
+			"bottom-right",
+			"bottom-left",
+			"bottom-center"
+		], c = n(() => s.map((e) => ({
+			position: e,
+			toasts: o.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}`]),
+			role: "status",
+			"aria-live": "polite",
+			"aria-atomic": "false"
+		}, [(_(!0), a(e, null, b(t.toasts, (e) => (_(), r(fn, {
+			key: e.id,
+			toast: e,
+			onDismiss: T(o).dismiss
+		}, null, 8, ["toast", "onDismiss"]))), 128))], 2))), 128))]));
+	}
+}), _n = ["data-tooltip-position", "data-tooltip"], vn = /* @__PURE__ */ u({
+	__name: "VdTooltip",
+	props: {
+		text: {},
+		position: { default: "top" }
+	},
+	setup(e) {
+		return (t, n) => (_(), a("span", {
+			class: "vd-tooltip",
+			"data-tooltip-position": e.position,
+			"data-tooltip": e.text
+		}, [x(t.$slots, "default")], 8, _n));
+	}
+}), yn = { class: "vd-transfer-panel" }, bn = { class: "vd-transfer-header" }, xn = {
+	class: "vd-transfer-count",
+	"aria-live": "polite"
+}, Sn = { class: "vd-transfer-search" }, Cn = {
+	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 = {
+	class: "vd-transfer-count",
+	"aria-live": "polite"
+}, Mn = { class: "vd-transfer-search" }, Nn = {
+	class: "vd-transfer-list",
+	role: "listbox",
+	"aria-multiselectable": "true"
+}, Pn = ["aria-selected", "onClick"], Fn = ["checked", "aria-label"], In = /* @__PURE__ */ u({
+	__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) => {
+			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);
+			r.has(t) ? r.delete(t) : r.add(t), n.value = r;
+		}, S = () => {
+			s.value?.dispatchEvent(new CustomEvent("transfer:change", {
+				bubbles: !0,
+				detail: {
+					selected: l.value.map((e) => e.id),
+					available: c.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();
+		};
+		return r({ getSelected: () => l.value.map((e) => e.id) }), (t, n) => (_(), a("div", {
+			ref_key: "root",
+			ref: s,
+			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,
+					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", {
+					key: e.id,
+					class: f(["vd-transfer-item", { "is-selected": u.value.has(e.id) }]),
+					role: "option",
+					"aria-selected": u.value.has(e.id),
+					onClick: (t) => x("source", e.id)
+				}, [o("input", {
+					type: "checkbox",
+					checked: u.value.has(e.id),
+					"aria-label": e.label,
+					tabindex: "-1"
+				}, null, 8, Tn), o("span", null, w(e.label), 1)], 10, wn))), 128))])
+			]),
+			o("div", En, [o("button", {
+				type: "button",
+				class: "vd-transfer-btn",
+				"aria-label": "Move to target",
+				disabled: u.value.size === 0,
+				onClick: C
+			}, " › ", 8, Dn), o("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,
+					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", {
+					key: e.id,
+					class: f(["vd-transfer-item", { "is-selected": d.value.has(e.id) }]),
+					role: "option",
+					"aria-selected": d.value.has(e.id),
+					onClick: (t) => x("target", e.id)
+				}, [o("input", {
+					type: "checkbox",
+					checked: d.value.has(e.id),
+					"aria-label": e.label,
+					tabindex: "-1"
+				}, null, 8, Fn), o("span", null, w(e.label), 1)], 10, Pn))), 128))])
+			])
+		], 512));
+	}
+}), Ln = ["aria-expanded"], Rn = { class: "vd-tree-node-content" }, zn = {
+	key: 1,
+	class: "vd-tree-toggle-placeholder"
+}, Bn = ["checked", "aria-label"], Vn = {
+	class: "vd-tree-label",
+	tabindex: "-1"
+}, Hn = {
+	key: 0,
+	class: "vd-tree-children",
+	role: "group"
+}, Un = /* @__PURE__ */ u({
+	__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);
+		};
+		return (n, s) => {
+			let c = S("VdTreeNode", !0);
+			return _(), a("li", {
+				class: f(["vd-tree-node", { "is-open": t.node.open }]),
+				role: "treeitem",
+				"aria-expanded": u.value ? t.node.open ? "true" : "false" : void 0
+			}, [o("div", Rn, [
+				u.value ? (_(), a("button", {
+					key: 0,
+					type: "button",
+					class: "vd-tree-toggle",
+					"aria-label": "Toggle",
+					onClick: j(d, ["stop"])
+				})) : (_(), a("span", zn)),
+				t.checkbox ? (_(), a("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", {
+					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);
+		};
+	}
+}), Wn = /* @__PURE__ */ u({
+	__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) => ({
+			...e,
+			children: e.children ? s(e.children) : void 0
+		})), c = v(s(i.nodes)), l = (e, t) => {
+			e.forEach((e) => {
+				e.checked = t, e.children && l(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", {
+				bubbles: !0,
+				detail: {
+					checked: u(c),
+					node: e.id
+				}
+			}));
+		}, f = (e) => {
+			o.value?.dispatchEvent(new CustomEvent("tree:toggle", {
+				bubbles: !0,
+				detail: {
+					id: e.id,
+					open: !!e.open
+				}
+			}));
+		}, p = (e) => {
+			let t = o.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 s = (e) => {
+				r[e]?.querySelector(".vd-tree-toggle, .vd-tree-label")?.focus();
+			};
+			switch (e.key) {
+				case "ArrowDown":
+					e.preventDefault(), a < r.length - 1 && s(a + 1);
+					break;
+				case "ArrowUp":
+					e.preventDefault(), a > 0 && s(a - 1);
+					break;
+				case "ArrowRight": {
+					e.preventDefault();
+					let t = i?.closest(".vd-tree-node"), n = i?.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");
+					n && t?.classList.contains("is-open") && n.click();
+					break;
+				}
+			}
+		};
+		return n({ getChecked: () => u(c) }), (n, i) => (_(), a("div", {
+			ref_key: "root",
+			ref: o,
+			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
+		}, null, 8, ["node", "checkbox"]))), 128))], 544));
+	}
+}), Gn = /* @__PURE__ */ u({
+	__name: "VdBox",
+	props: {
+		as: { default: "div" },
+		pad: { default: "fib-8" }
+	},
+	setup(e) {
+		return (t, n) => (_(), r(C(e.as), {
+			class: "vd-box",
+			"data-pad": e.pad
+		}, {
+			default: k(() => [x(t.$slots, "default")]),
+			_: 3
+		}, 8, ["data-pad"]));
+	}
+}), Kn = /* @__PURE__ */ u({
+	__name: "VdCenter",
+	props: {
+		as: { default: "div" },
+		max: { default: "fib-610" },
+		axis: {}
+	},
+	setup(e) {
+		return (t, n) => (_(), r(C(e.as), {
+			class: "vd-center",
+			"data-max": e.max,
+			"data-axis": e.axis
+		}, {
+			default: k(() => [x(t.$slots, "default")]),
+			_: 3
+		}, 8, ["data-max", "data-axis"]));
+	}
+}), qn = /* @__PURE__ */ u({
+	__name: "VdCover",
+	props: {
+		as: { default: "div" },
+		min: { default: "fib-610" },
+		gap: {}
+	},
+	setup(e) {
+		return (t, n) => (_(), r(C(e.as), {
+			class: "vd-cover",
+			"data-min": e.min,
+			"data-gap": e.gap
+		}, {
+			default: k(() => [x(t.$slots, "default")]),
+			_: 3
+		}, 8, ["data-min", "data-gap"]));
+	}
+}), Jn = ["data-ratio"], Yn = /* @__PURE__ */ u({
+	__name: "VdFrame",
+	props: { ratio: { default: "golden" } },
+	setup(e) {
+		return (t, n) => (_(), a("div", {
+			class: "vd-frame",
+			"data-ratio": e.ratio
+		}, [x(t.$slots, "default")], 8, Jn));
+	}
+}), Xn = ["data-gap"], Zn = /* @__PURE__ */ u({
+	__name: "VdInline",
+	props: { gap: { default: "fib-5" } },
+	setup(e) {
+		return (t, n) => (_(), a("div", {
+			class: "vd-inline",
+			"data-gap": e.gap
+		}, [x(t.$slots, "default")], 8, Xn));
+	}
+}), Qn = /* @__PURE__ */ u({
+	__name: "VdStack",
+	props: {
+		gap: { default: "fib-8" },
+		as: { default: "div" }
+	},
+	setup(e) {
+		return (t, n) => (_(), r(C(e.as), {
+			class: "vd-stack",
+			"data-gap": e.gap
+		}, {
+			default: k(() => [x(t.$slots, "default")]),
+			_: 3
+		}, 8, ["data-gap"]));
+	}
+}), $n = ["data-threshold", "data-gap"], er = /* @__PURE__ */ u({
+	__name: "VdSwitcher",
+	props: {
+		threshold: { default: "fib-610" },
+		gap: { default: "fib-5" }
+	},
+	setup(e) {
+		return (t, n) => (_(), a("div", {
+			class: "vd-switcher",
+			"data-threshold": e.threshold,
+			"data-gap": e.gap
+		}, [x(t.$slots, "default")], 8, $n));
+	}
+});
+//#endregion
+//#region src/composables/useAffix.ts
+function tr(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) {
+	let t = e.parentElement;
+	for (; t && t !== document.body && t !== document.documentElement;) {
+		if (tr(t)) return t;
+		t = t.parentElement;
+	}
+	return null;
+}
+function rr(e) {
+	let t = [];
+	h(() => {
+		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");
+			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", {
+					bubbles: !0,
+					detail: {
+						offset: r,
+						root: i || window
+					}
+				})));
+			}, c = () => {
+				a && (a = !1, e.classList.remove("is-stuck"), e.dispatchEvent(new CustomEvent("affix:unstuck", {
+					bubbles: !0,
+					detail: {
+						offset: r,
+						root: i || window
+					}
+				})));
+			}, l = new IntersectionObserver((e) => {
+				e.forEach((e) => {
+					e.isIntersecting ? c() : s();
+				});
+			}, {
+				root: i,
+				rootMargin: "-" + r + "px 0px 0px 0px",
+				threshold: 0
+			});
+			l.observe(o), t.push(() => l.disconnect(), () => {
+				o.parentNode && o.parentNode.removeChild(o);
+			}, () => {
+				e.classList.remove("is-stuck"), e.style.removeProperty("--vd-affix-top-offset");
+			});
+		});
+	}), g(() => {
+		t.forEach((e) => e()), t.length = 0;
+	});
+}
+//#endregion
+//#region src/composables/useDatepicker.ts
+var ir = [
+	"Su",
+	"Mo",
+	"Tu",
+	"We",
+	"Th",
+	"Fr",
+	"Sa"
+], B = [
+	"January",
+	"February",
+	"March",
+	"April",
+	"May",
+	"June",
+	"July",
+	"August",
+	"September",
+	"October",
+	"November",
+	"December"
+], ar = (e) => e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+function or(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++);
+	}
+	return t += "$", {
+		regex: new RegExp(t),
+		order: n
+	};
+}
+function sr(e, t) {
+	if (!e || !t) return null;
+	let { regex: n, order: r } = or(t), i = e.trim().match(n);
+	if (!i) return null;
+	let a, o, s, c = 1;
+	for (let e of r) {
+		let t = parseInt(i[c++], 10);
+		if (Number.isNaN(t)) return null;
+		e === "y" ? a = t : e === "m" ? o = t - 1 : e === "d" && (s = t);
+	}
+	if (a === void 0 || o === void 0 || s === void 0) return null;
+	let l = new Date(a, o, s);
+	return l.getFullYear() !== a || l.getMonth() !== o || l.getDate() !== s ? null : l;
+}
+function cr(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);
+		e.toLowerCase().startsWith("yyyy") ? (a += n, o += 4) : e.toLowerCase().startsWith("mm") ? (a += r, o += 2) : e.toLowerCase().startsWith("dd") ? (a += i, o += 2) : (a += t[o], o++);
+	}
+	return a;
+}
+var V = (e) => e.getFullYear() + "-" + String(e.getMonth() + 1).padStart(2, "0") + "-" + String(e.getDate()).padStart(2, "0");
+function H(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) {
+	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) {
+	let t = new Date(e.getFullYear(), e.getMonth(), e.getDate());
+	return t.setDate(t.getDate() - t.getDay()), t;
+}
+function ur(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) {
+	let r = e.getBoundingClientRect();
+	t.style.minWidth = Math.max(r.width, 0) + "px";
+	let i = r.bottom + n, a = r.left;
+	t.style.top = i + "px", t.style.left = a + "px";
+	let o = t.getBoundingClientRect();
+	o.bottom > window.innerHeight - 8 && r.top - o.height > 8 && (i = r.top - o.height - n, t.style.top = i + "px");
+	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) {
+	let t = [];
+	h(() => {
+		if (typeof window > "u") return;
+		let n = e.value;
+		n && n.querySelectorAll("[data-vd-datepicker]").forEach((e) => pr(e, t));
+	}), g(() => {
+		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) => {
+		let t = new Date(e.getFullYear(), e.getMonth(), e.getDate()).getTime();
+		return !!(r && t < r.getTime() || i && t > i.getTime());
+	}, m = (e, t) => {
+		if (!r && !i) return {
+			y: e,
+			m: t
+		};
+		let n = new Date(e, t, 1), a = new Date(e, t + 1, 0);
+		return r && a.getTime() < r.getTime() ? {
+			y: r.getFullYear(),
+			m: r.getMonth()
+		} : i && n.getTime() > i.getTime() ? {
+			y: i.getFullYear(),
+			m: i.getMonth()
+		} : {
+			y: e,
+			m: t
+		};
+	}, h = (e, t) => {
+		let n = new Date(e, t + 1, 0).getDate();
+		for (let r = 1; r <= n; r++) {
+			let n = new Date(e, t, r);
+			if (!p(n)) return n;
+		}
+		return new Date(e, t, 1);
+	};
+	if (e.value) {
+		let t = e.value.trim(), r = sr(t, n);
+		if (!r) {
+			let e = new Date(t);
+			isNaN(e.getTime()) || (r = e);
+		}
+		r && (c = r, o = r.getFullYear(), s = r.getMonth());
+	}
+	let g = m(o, s);
+	o = g.y, s = g.m;
+	let _ = document.createElement("div");
+	_.className = "vd-datepicker-popup", _.setAttribute("role", "dialog"), _.setAttribute("aria-label", "Choose date"), _.tabIndex = -1;
+	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", {
+			bubbles: !0,
+			detail: {
+				date: t,
+				formatted: e.value
+			}
+		})), e.dispatchEvent(new Event("change", { bubbles: !0 })), e.focus();
+	}, x = () => {
+		if (l !== "days" || !u) return;
+		let e = _.querySelector("[data-vd-date=\"" + V(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);
+		}
+		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", () => {
+			u = new Date(n.getFullYear(), n.getMonth(), n.getDate()), b(n);
+		}), r));
+	}, w = () => {
+		_.innerHTML = "";
+		let e = document.createElement("div");
+		e.className = "vd-datepicker-header";
+		let t = document.createElement("button");
+		t.type = "button", t.className = "vd-datepicker-prev", t.innerHTML = "&#8249;", t.setAttribute("aria-label", "Previous");
+		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", () => {
+			l = "months", w();
+		}), t.addEventListener("click", () => {
+			s--, s < 0 && (s = 11, o--), w();
+		}), n.addEventListener("click", () => {
+			s++, s > 11 && (s = 0, o++), w();
+		});
+		else if (l === "months") r.textContent = String(o), r.addEventListener("click", () => {
+			l = "years", w();
+		}), t.addEventListener("click", () => {
+			o--, w();
+		}), n.addEventListener("click", () => {
+			o++, w();
+		});
+		else {
+			let e = Math.floor(o / 10) * 10;
+			r.textContent = e + " - " + (e + 9), t.addEventListener("click", () => {
+				o -= 10, w();
+			}), n.addEventListener("click", () => {
+				o += 10, w();
+			});
+		}
+		if (e.appendChild(t), e.appendChild(r), e.appendChild(n), _.appendChild(e), l === "days") {
+			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) => {
+				let n = document.createElement("span");
+				n.setAttribute("role", "columnheader"), n.setAttribute("aria-label", e), n.textContent = e, t.appendChild(n);
+			}), e.appendChild(t);
+			let n = new Date(o, s, 1).getDay(), r = new Date(o, s + 1, 0).getDate(), i = new Date(o, s, 0).getDate(), a = [];
+			for (let e = n - 1; e >= 0; e--) {
+				let t = i - e, n = s === 0 ? 11 : s - 1, r = s === 0 ? o - 1 : o;
+				a.push({
+					day: t,
+					outside: !0,
+					date: new Date(r, n, t)
+				});
+			}
+			for (let e = 1; e <= r; e++) a.push({
+				day: e,
+				outside: !1,
+				date: new Date(o, s, e)
+			});
+			let c = n + r, l = c % 7 == 0 ? 0 : 7 - c % 7;
+			for (let e = 1; e <= l; e++) a.push({
+				day: e,
+				outside: !0,
+				date: new Date(o, s + 1, e)
+			});
+			for (let t = 0; t < a.length; t += 7) {
+				let n = document.createElement("div");
+				n.className = "vd-datepicker-row", n.setAttribute("role", "row");
+				for (let e = 0; e < 7; e++) {
+					let r = a[t + e];
+					n.appendChild(C(r.day, r.outside, r.date));
+				}
+				e.appendChild(n);
+			}
+			_.appendChild(e);
+		} else if (l === "months") {
+			let e = document.createElement("div");
+			e.className = "vd-datepicker-months", B.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();
+				}), e.appendChild(r);
+			}), _.appendChild(e);
+		} else {
+			let e = document.createElement("div");
+			e.className = "vd-datepicker-years";
+			let t = Math.floor(o / 10) * 10;
+			for (let n = t - 1; n <= t + 10; n++) {
+				let r = document.createElement("button");
+				r.type = "button", r.className = "vd-datepicker-year-btn", r.textContent = String(n), c && c.getFullYear() === n && r.classList.add("is-selected"), (n < t || n > t + 9) && (r.style.opacity = "0.4"), r.addEventListener("click", () => {
+					o = n, l = "months", w();
+				}), e.appendChild(r);
+			}
+			_.appendChild(e);
+		}
+		_.classList.contains("is-open") && requestAnimationFrame(E);
+	}, T = (t) => {
+		if (!_.classList.contains("is-open") || l !== "days") return;
+		let n = _.querySelector(".vd-datepicker-grid");
+		if (!n || !n.contains(t.target)) return;
+		let r = t.key;
+		if (![
+			"ArrowLeft",
+			"ArrowRight",
+			"ArrowUp",
+			"ArrowDown",
+			"Home",
+			"End",
+			"PageUp",
+			"PageDown",
+			"Enter",
+			" ",
+			"Escape"
+		].includes(r)) return;
+		if (r === "Escape") {
+			t.preventDefault(), t.stopPropagation(), d = !0, A(), e.focus();
+			return;
+		}
+		if (u ||= h(o, s), r === "Enter" || r === " ") {
+			t.preventDefault(), u && !p(u) && b(new Date(u.getFullYear(), u.getMonth(), u.getDate()));
+			return;
+		}
+		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) {
+			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, _);
+	}, D = () => E(), O = () => {
+		f = Date.now() + 100;
+	}, k = () => {
+		O(), l = "days", c && (o = c.getFullYear(), s = c.getMonth());
+		let t = m(o, s);
+		o = t.y, s = t.m, u = c ? new Date(c.getFullYear(), c.getMonth(), c.getDate()) : h(o, s), w(), _.classList.add("is-open"), e.setAttribute("aria-expanded", "true"), requestAnimationFrame(() => {
+			E(), x();
+		});
+	}, A = () => {
+		_.classList.remove("is-open"), e.setAttribute("aria-expanded", "false"), l = "days";
+	}, j = () => {
+		if (d) {
+			d = !1;
+			return;
+		}
+		k();
+	}, M = () => {
+		_.classList.contains("is-open") || k();
+	}, ee = (t) => {
+		if (!t || !(t instanceof Node)) return !1;
+		if (t === e || e.contains(t) || _.contains(t)) return !0;
+		let n = e.id;
+		if (n) {
+			let e = document.querySelector("label[for=\"" + n.replace(/"/g, "\\\"") + "\"]");
+			if (e && (t === e || e.contains(t))) return !0;
+		}
+		return !1;
+	}, N = (e) => {
+		Date.now() < f || ee(e.target) || A();
+	}, P = (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());
+}
+//#endregion
+//#region src/composables/useDraggable.ts
+function mr(e) {
+	let t = !1;
+	h(() => {
+		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(() => {
+		if (typeof window > "u" || !t) return;
+		let e = window;
+		e.VanduoDraggable && typeof e.VanduoDraggable.destroyAll == "function" && e.VanduoDraggable.destroyAll(), t = !1;
+	});
+}
+//#endregion
+//#region src/composables/useDropdown.ts
+function hr(e) {
+	let t = () => {
+		let t = e.value;
+		if (!t || typeof window > "u") return;
+		let n = t, r = window;
+		r.VanduoDropdown && typeof r.VanduoDropdown.init == "function" ? r.VanduoDropdown.init(n) : r.Vanduo && typeof r.Vanduo.init == "function" && r.Vanduo.init(n);
+	}, n = () => {
+		if (typeof window > "u") return;
+		let e = window;
+		e.VanduoDropdown && typeof e.VanduoDropdown.destroyAll == "function" && e.VanduoDropdown.destroyAll();
+	};
+	h(() => {
+		t();
+	}), g(() => {
+		n();
+	});
+}
+//#endregion
+//#region src/composables/useExpandingCards.ts
+function gr(e) {
+	let t = !1;
+	h(() => {
+		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(() => {
+		if (typeof window > "u" || !t) return;
+		let e = window;
+		e.VanduoExpandingCards && typeof e.VanduoExpandingCards.destroyAll == "function" && e.VanduoExpandingCards.destroyAll(), t = !1;
+	});
+}
+//#endregion
+//#region src/composables/useFlow.ts
+function _r(e) {
+	let t = [], n = (e) => {
+		let n = e.querySelector(".vd-flow-track");
+		if (!n) return;
+		let r = Array.from(n.querySelectorAll(".vd-flow-slide"));
+		if (r.length === 0) return;
+		let i = e.classList.contains("vd-flow-fade"), a = e.hasAttribute("data-vd-autoplay"), o = parseInt(e.getAttribute("data-vd-interval") ?? "", 10) || 5e3, s = e.getAttribute("data-vd-loop") !== "false", c = {
+			current: 0,
+			total: r.length
+		}, l = null, u = !1, d = 0, f = 0;
+		r.forEach((e, t) => {
+			e.setAttribute("role", "group"), e.setAttribute("aria-roledescription", "slide"), e.setAttribute("aria-label", `Slide ${t + 1} of ${r.length}`), t === 0 && e.classList.add("is-active");
+		}), e.setAttribute("role", "region"), e.setAttribute("aria-roledescription", "carousel"), e.getAttribute("aria-label") || e.setAttribute("aria-label", "Carousel");
+		let p = document.createElement("div");
+		p.setAttribute("aria-live", "polite"), p.setAttribute("aria-atomic", "true"), p.className = "sr-only", p.style.cssText = "position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);", e.appendChild(p);
+		let m = Array.from(e.querySelectorAll(".vd-flow-indicators button, .vd-flow-indicator"));
+		m.forEach((e, t) => {
+			e.classList.add("vd-flow-indicator"), e.setAttribute("role", "tab"), e.setAttribute("aria-selected", t === 0 ? "true" : "false"), e.getAttribute("aria-label") || e.setAttribute("aria-label", `Go to slide ${t + 1}`);
+		});
+		let h = (t, a = !0) => {
+			let o = s ? (t % c.total + c.total) % c.total : Math.max(0, Math.min(t, c.total - 1)), l = c.current;
+			c.current = o, i ? r.forEach((e, t) => e.classList.toggle("is-active", t === o)) : n.style.transform = `translateX(-${o * 100}%)`, m.forEach((e, t) => {
+				e.classList.toggle("is-active", t === o), e.setAttribute("aria-selected", t === o ? "true" : "false"), e.setAttribute("aria-current", t === o ? "true" : "false");
+			}), r.forEach((e, t) => {
+				e.setAttribute("aria-hidden", t === o ? "false" : "true");
+			}), a && (p.textContent = `Slide ${o + 1} of ${c.total}`), e.dispatchEvent(new CustomEvent("flow:change", { detail: {
+				current: o,
+				previous: l,
+				total: c.total
+			} }));
+		}, g = () => h(c.current + 1), _ = () => h(c.current - 1), v = e.querySelector(".vd-flow-prev"), y = e.querySelector(".vd-flow-next");
+		v && (v.addEventListener("click", _), t.push(() => v.removeEventListener("click", _))), y && (y.addEventListener("click", g), t.push(() => y.removeEventListener("click", g))), m.forEach((e, n) => {
+			let r = () => h(n);
+			e.addEventListener("click", r), t.push(() => e.removeEventListener("click", r));
+		});
+		let b = (e) => {
+			e.key === "ArrowLeft" && (_(), e.preventDefault()), e.key === "ArrowRight" && (g(), e.preventDefault());
+		};
+		e.setAttribute("tabindex", "0"), e.addEventListener("keydown", b), t.push(() => e.removeEventListener("keydown", b));
+		let x = (t) => {
+			u = !0, d = t.clientX || t.touches && t.touches[0]?.clientX || 0, f = d, e.classList.add("is-dragging");
+		}, S = (e) => {
+			u && (f = e.clientX || e.touches && e.touches[0]?.clientX || 0);
+		}, C = () => {
+			if (!u) return;
+			u = !1, e.classList.remove("is-dragging");
+			let t = d - f;
+			Math.abs(t) > 50 && (t > 0 ? g() : _());
+		};
+		e.addEventListener("mousedown", x), e.addEventListener("mousemove", S), e.addEventListener("mouseup", C), e.addEventListener("mouseleave", C), e.addEventListener("touchstart", x, { passive: !0 }), e.addEventListener("touchmove", S, { passive: !0 }), e.addEventListener("touchend", C), t.push(() => e.removeEventListener("mousedown", x), () => e.removeEventListener("mousemove", S), () => e.removeEventListener("mouseup", C), () => e.removeEventListener("mouseleave", C), () => e.removeEventListener("touchstart", x), () => e.removeEventListener("touchmove", S), () => e.removeEventListener("touchend", C));
+		let w = () => {
+			T(), l = window.setInterval(g, o);
+		}, T = () => {
+			l != null && (window.clearInterval(l), l = null);
+		};
+		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(() => {
+		let t = e.value;
+		t && t.querySelectorAll(".vd-flow, .vd-carousel").forEach(n);
+	}), g(() => {
+		t.forEach((e) => e()), t.length = 0;
+	});
+}
+//#endregion
+//#region src/composables/useFocusTrap.ts
+var G = [
+	"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) => {
+		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);
+		if (r.length === 0) {
+			n.preventDefault();
+			return;
+		}
+		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(() => {
+		typeof window < "u" && window.addEventListener("keydown", n);
+	}), g(() => {
+		typeof window < "u" && window.removeEventListener("keydown", n);
+	}), {
+		active: t,
+		activate: () => {
+			t.value = !0, e.value && e.value.querySelector(G)?.focus();
+		},
+		deactivate: () => {
+			t.value = !1;
+		}
+	};
+};
+//#endregion
+//#region src/composables/useGlass.ts
+function yr(e) {
+	let t = [];
+	h(() => {
+		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;
+			if (r ||= e.previousElementSibling, !r) {
+				e.classList.add("is-glass-active");
+				return;
+			}
+			let i = new IntersectionObserver((t) => {
+				t.forEach((t) => {
+					e.classList.toggle("is-glass-active", !t.isIntersecting);
+				});
+			}, {
+				threshold: 0,
+				rootMargin: "0px"
+			});
+			i.observe(r), t.push(i);
+		});
+	}), g(() => {
+		t.forEach((e) => e.disconnect()), t.length = 0;
+	});
+}
+//#endregion
+//#region src/composables/useImageBox.ts
+function br(e) {
+	let t = !1;
+	h(() => {
+		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(() => {
+		if (typeof window > "u" || !t) return;
+		let e = window;
+		e.VanduoImageBox && typeof e.VanduoImageBox.destroyAll == "function" && e.VanduoImageBox.destroyAll(), t = !1;
+	});
+}
+//#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) => {
+		let t = i()[e];
+		t && (t.focus(), n.value = e);
+	};
+	return typeof window < "u" && e.value && e.value.addEventListener("keydown", (e) => {
+		let r = i();
+		if (r.length === 0) return;
+		let o = r.length - 1, s = n.value;
+		switch (e.key) {
+			case "ArrowDown":
+			case "ArrowRight":
+				s = Math.min(o, n.value + 1);
+				break;
+			case "ArrowUp":
+			case "ArrowLeft":
+				s = Math.max(0, n.value - 1);
+				break;
+			case "Home":
+				s = 0;
+				break;
+			case "End":
+				s = o;
+				break;
+			case "Enter":
+				t.onSelect?.(n.value);
+				return;
+			case "Escape":
+				t.onEscape?.();
+				return;
+			default: return;
+		}
+		e.preventDefault(), a(s);
+	}), {
+		activeIndex: n,
+		setItems: (e) => {
+			r = e, n.value >= r && (n.value = Math.max(0, r - 1));
+		}
+	};
+}, Sr = 750;
+function Cr(e) {
+	let t = [], n = (e) => {
+		if (!e.querySelector(".vd-morph-wave")) {
+			let t = document.createElement("span");
+			t.className = "vd-morph-wave", t.setAttribute("aria-hidden", "true"), e.insertBefore(t, e.firstChild);
+		}
+		if (!e.querySelector(".vd-morph-shine")) {
+			let t = document.createElement("span");
+			t.className = "vd-morph-shine", t.setAttribute("aria-hidden", "true");
+			let n = e.querySelector(".vd-morph-wave");
+			n?.nextSibling ? e.insertBefore(t, n.nextSibling) : e.insertBefore(t, e.firstChild);
+		}
+	}, r = (e, t, n) => {
+		let r = e.querySelector(".vd-morph-wave");
+		if (r) {
+			let n = e.getBoundingClientRect(), i = n.left + n.width / 2, a = n.top + n.height / 2, o = t && t.clientX || i, s = t && t.clientY || a;
+			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");
+		if (a) {
+			let e = parseFloat(a);
+			isNaN(e) || (i = e * (a.includes("ms") ? 1 : 1e3));
+		}
+		window.setTimeout(() => {
+			e.classList.remove("is-morphing");
+			let t = e.querySelector(".vd-morph-current"), r = e.querySelector(".vd-morph-next");
+			t && r && (t.classList.replace("vd-morph-current", "vd-morph-next"), r.classList.replace("vd-morph-next", "vd-morph-current")), n();
+		}, i);
+	};
+	h(() => {
+		let i = e.value;
+		i && i.querySelectorAll(".vd-morph, [data-vd-morph]").forEach((e) => {
+			if (e.getAttribute("data-vd-morph") === "manual") return;
+			n(e);
+			let i = !1, a = (t) => {
+				i || (i = !0, r(e, t, () => i = !1));
+			};
+			e.addEventListener("click", a), t.push(() => e.removeEventListener("click", a));
+		});
+	}), g(() => {
+		t.forEach((e) => e()), t.length = 0;
+	});
+}
+//#endregion
+//#region src/composables/useMorphBadges.ts
+function wr(e) {
+	let t = [], n = (e, t, n) => {
+		if (!e) return;
+		let r = String(t || "").replace(/[^a-z0-9-\s]/gi, "").trim();
+		for (; e.firstChild;) e.removeChild(e.firstChild);
+		if (r) {
+			let t = document.createElement("i");
+			t.className = `ph ${r}`, t.style.marginRight = "0.35rem", e.appendChild(t);
+		}
+		e.appendChild(document.createTextNode(n == null ? "" : String(n)));
+	};
+	h(() => {
+		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();
+			if (l) {
+				let e = parseFloat(l);
+				isNaN(e) || (c = e * (l.includes("ms") ? 1 : 1e3));
+			}
+			let u = (t) => {
+				if (s || r.length === 0) return;
+				s = !0;
+				let l = (o + 1) % r.length, u = (l + 1) % r.length, d = e.querySelector(".vd-morph-next");
+				d && n(d, a[l] ?? "", r[l] ?? "");
+				let f = e.querySelector(".vd-morph-wave");
+				if (f) {
+					let n = e.getBoundingClientRect();
+					f.style.left = `${(t.clientX || n.left + n.width / 2) - n.left}px`, f.style.top = `${(t.clientY || n.top + n.height / 2) - n.top}px`;
+				}
+				e.classList.add("is-morphing"), window.setTimeout(() => {
+					e.classList.remove("is-morphing"), i.forEach((t) => e.classList.remove(t)), i[l] && e.classList.add(i[l]);
+					let t = e.querySelector(".vd-morph-current"), c = e.querySelector(".vd-morph-next");
+					t && n(t, a[l] ?? "", r[l] ?? ""), c && n(c, a[u] ?? "", r[u] ?? ""), o = l, s = !1;
+				}, c);
+			};
+			e.addEventListener("click", u), t.push(() => e.removeEventListener("click", u));
+		});
+	}), g(() => {
+		t.forEach((e) => e()), t.length = 0;
+	});
+}
+//#endregion
+//#region src/composables/useNavbarGlassScroll.ts
+function Tr(e) {
+	let t = y(!1), n = null;
+	return h(() => {
+		let r = e.value;
+		if (!r) return;
+		let i = r.classList.contains("vd-navbar-glass"), a = r.classList.contains("vd-navbar-transparent");
+		if (!i && !a) return;
+		let o = () => {
+			let e = parseInt(r.dataset.scrollThreshold ?? "", 10);
+			return Number.isNaN(e) ? r.offsetHeight || 60 : e;
+		};
+		n = () => {
+			t.value = window.scrollY > o();
+		}, n(), window.addEventListener("scroll", n, { passive: !0 });
+	}), g(() => {
+		n &&= (window.removeEventListener("scroll", n), null);
+	}), t;
+}
+//#endregion
+//#region src/composables/useParallax.ts
+function Er(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;
+		let r = e.getBoundingClientRect(), i = window.innerHeight, a = (Math.max(0, Math.min(1, (i - r.top) / (i + r.height))) - .5) * n.speed * 100;
+		n.layers.forEach((e) => {
+			let t = e.dataset.parallaxSpeed ?? e.dataset.speed, r = a * (t ? parseFloat(t) : 1);
+			e.style.transform = n.direction === "horizontal" ? `translateX(${r}px)` : `translateY(${r}px)`;
+		});
+	}, o = () => t.forEach((e, t) => a(t)), s = () => {
+		n ||= (window.requestAnimationFrame(() => {
+			o(), n = !1;
+		}), !0);
+	};
+	h(() => {
+		if (typeof window > "u" || window.matchMedia?.("(prefers-reduced-motion: reduce)").matches) return;
+		let n = e.value;
+		n && (n.querySelectorAll(".vd-parallax").forEach((e) => {
+			let n = Array.from(e.querySelectorAll(".vd-parallax-layer, .vd-parallax-bg")), r = e.classList.contains("vd-parallax-horizontal") ? "horizontal" : "vertical";
+			t.set(e, {
+				layers: n,
+				speed: i(e),
+				direction: r
+			}), a(e);
+		}), r = () => s(), window.addEventListener("scroll", r, { passive: !0 }), s());
+	}), g(() => {
+		r && window.removeEventListener("scroll", r), r = null, t.forEach((e) => {
+			e.layers.forEach((e) => e.style.transform = "");
+		}), t.clear();
+	});
+}
+//#endregion
+//#region src/composables/usePopover.ts
+function Dr(e) {
+	let t = !1;
+	h(() => {
+		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(() => {
+		if (typeof window > "u" || !t) return;
+		let e = window;
+		e.VanduoBubble && typeof e.VanduoBubble.destroyAll == "function" && e.VanduoBubble.destroyAll(), t = !1;
+	});
+}
+//#endregion
+//#region src/composables/useRipple.ts
+function Or(e) {
+	h(() => {
+		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(() => {
+		if (typeof window > "u") return;
+		let e = window;
+		e.VanduoRipple && typeof e.VanduoRipple.destroyAll == "function" && e.VanduoRipple.destroyAll();
+	});
+}
+//#endregion
+//#region src/composables/useScrollspy.ts
+var kr = (e, t = {}) => {
+	let n = y(e[0] ?? null), r = t.offset ?? 96, i = null;
+	return h(() => {
+		if (typeof window > "u" || !("IntersectionObserver" in window)) return;
+		let a = /* @__PURE__ */ new Set();
+		i = new IntersectionObserver((t) => {
+			for (let e of t) e.isIntersecting ? a.add(e.target.id) : a.delete(e.target.id);
+			let r = e.find((e) => a.has(e));
+			r && (n.value = r);
+		}, {
+			rootMargin: t.rootMargin ?? `-${r}px 0px -60% 0px`,
+			threshold: 0
+		});
+		for (let t of e) {
+			let e = document.getElementById(t);
+			e && i.observe(e);
+		}
+	}), g(() => {
+		i?.disconnect(), i = null;
+	}), { activeId: n };
+};
+//#endregion
+//#region src/composables/useSearch.ts
+function Ar(e) {
+	h(() => {
+		if (typeof window > "u") return;
+		let e = window;
+		e.VanduoSearch && e.VanduoSearch.list();
+	}), g(() => {});
+}
+//#endregion
+//#region src/composables/useSidenav.ts
+function jr(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) => {
+		t.classList.remove("is-visible"), e.classList.remove("is-open"), e.setAttribute("aria-hidden", "true"), document.body.classList.remove("body-sidenav-open"), e.dispatchEvent(new CustomEvent("sidenav:close", { bubbles: !0 }));
+	}, a = (e, t) => {
+		e.classList.contains("is-open") ? i(e, t) : r(e, t);
+	};
+	h(() => {
+		let r = e.value;
+		if (!r) return;
+		let o = /* @__PURE__ */ new Map();
+		r.querySelectorAll(".vd-sidenav, .vd-offcanvas").forEach((e) => {
+			let r = e.getAttribute("data-vd-position");
+			if (r) {
+				let t = e.classList.contains("vd-offcanvas") ? "vd-offcanvas" : "vd-sidenav";
+				e.classList.add(`${t}-${r}`);
+			}
+			let a = document.createElement("div");
+			a.className = "vd-sidenav-overlay", document.body.appendChild(a), n.push(a), o.set(e, a), e.setAttribute("role", "navigation"), e.setAttribute("aria-hidden", "true");
+			let s = e.querySelector(".vd-sidenav-close, .vd-offcanvas-close");
+			if (s) {
+				let n = () => i(e, a);
+				s.addEventListener("click", n), t.push(() => s.removeEventListener("click", n));
+			}
+			let c = () => {
+				e.dataset.backdrop !== "static" && i(e, a);
+			};
+			a.addEventListener("click", c), t.push(() => a.removeEventListener("click", c));
+			let l = (t) => {
+				t.key === "Escape" && e.classList.contains("is-open") && e.dataset.keyboard !== "false" && i(e, a);
+			};
+			document.addEventListener("keydown", l), t.push(() => document.removeEventListener("keydown", l));
+		}), r.querySelectorAll("[data-sidenav-toggle]").forEach((e) => {
+			let n = (t) => {
+				t.preventDefault();
+				let n = e.dataset.sidenavToggle;
+				if (!n) return;
+				let r = document.querySelector(n), i = r ? o.get(r) : void 0;
+				r && i && a(r, i);
+			};
+			e.addEventListener("click", n), t.push(() => e.removeEventListener("click", n));
+		});
+	}), g(() => {
+		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) {
+	let t = !1;
+	h(() => {
+		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(() => {
+		if (typeof window > "u" || !t) return;
+		let e = window;
+		e.VanduoSpotlight && typeof e.VanduoSpotlight.destroyAll == "function" && e.VanduoSpotlight.destroyAll(), t = !1;
+	});
+}
+//#endregion
+//#region src/composables/useStepper.ts
+function Nr(e) {
+	let t = /* @__PURE__ */ new Map(), n = [];
+	return h(() => {
+		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"));
+			a === -1 && (a = 0);
+			let o = (t) => {
+				if (t < 0 || t >= r.length) return;
+				let n = a;
+				a = t, r.forEach((e, n) => {
+					e.classList.remove("is-active", "is-completed"), e.removeAttribute("aria-current"), n < t ? e.classList.add("is-completed") : n === t && (e.classList.add("is-active"), e.setAttribute("aria-current", "step"));
+				}), e.dispatchEvent(new CustomEvent("stepper:change", {
+					detail: {
+						current: t,
+						previous: n,
+						total: r.length
+					},
+					bubbles: !0
+				}));
+			};
+			i && r.forEach((e, t) => {
+				let r = () => o(t);
+				e.addEventListener("click", r);
+				let i = (e) => {
+					(e.key === "Enter" || e.key === " ") && (e.preventDefault(), o(t));
+				};
+				e.addEventListener("keydown", i), n.push(() => e.removeEventListener("click", r)), n.push(() => e.removeEventListener("keydown", i));
+			}), o(a), t.set(e, {
+				setStep: o,
+				next: () => o(a + 1),
+				prev: () => o(a - 1)
+			});
+		});
+	}), g(() => {
+		n.forEach((e) => e()), n.length = 0, t.clear();
+	}), {
+		next: (e) => {
+			e && t.get(e)?.next();
+		},
+		prev: (e) => {
+			e && t.get(e)?.prev();
+		},
+		setStep: (e, n) => {
+			e && t.get(e)?.setStep(n);
+		}
+	};
+}
+//#endregion
+//#region src/composables/useSuggest.ts
+function Pr(e, t) {
+	try {
+		let n = new URL(e, window.location.href);
+		return n.origin === window.location.origin ? !0 : t.includes(n.origin);
+	} catch {
+		return !1;
+	}
+}
+var K = (e) => typeof e == "object" && (e.label || e.text) || String(e);
+function Fr(e) {
+	let t = [];
+	h(() => {
+		if (typeof window > "u") return;
+		let n = e.value;
+		n && n.querySelectorAll("[data-vd-suggest], [data-vd-autocomplete]").forEach((e) => {
+			let n = parseInt(e.getAttribute("data-vd-suggest-min-chars") || "1", 10), r = e.getAttribute("data-vd-suggest-url") || "", i = (e.getAttribute("data-vd-suggest-allowlist") || "").split(",").map((e) => e.trim()).filter(Boolean), a = e.getAttribute("data-vd-suggest") || e.getAttribute("data-vd-autocomplete") || "", o = [];
+			try {
+				o = JSON.parse(a);
+			} catch {
+				o = a.split(",").map((e) => e.trim()).filter(Boolean);
+			}
+			let s = e.closest(".vd-suggest-wrapper, .vd-autocomplete-wrapper");
+			s || (s = document.createElement("div"), s.className = "vd-suggest-wrapper", e.parentNode?.insertBefore(s, e), s.appendChild(e));
+			let c = document.createElement("ul");
+			c.className = "vd-suggest-list", c.setAttribute("role", "listbox");
+			let l = "vd-suggest-" + Math.random().toString(36).slice(2, 9);
+			c.id = l, s.appendChild(c), e.setAttribute("role", "combobox"), e.setAttribute("aria-autocomplete", "list"), e.setAttribute("aria-expanded", "false"), e.setAttribute("aria-controls", l), e.setAttribute("autocomplete", "off");
+			let u = -1, d = [], f = null, p = (e, t) => {
+				if (c.innerHTML = "", d = e, u = -1, e.length === 0) {
+					let e = document.createElement("li");
+					e.className = "vd-suggest-empty", e.textContent = "No results", c.appendChild(e);
+					return;
+				}
+				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);
+					if (t) {
+						let e = i.toLowerCase(), n = t.toLowerCase(), a = 0, o = e.indexOf(n, a);
+						for (; o !== -1;) {
+							o > a && r.appendChild(document.createTextNode(i.slice(a, o)));
+							let s = document.createElement("span");
+							s.className = "vd-suggest-match", s.textContent = i.slice(o, o + t.length), r.appendChild(s), a = o + t.length, o = e.indexOf(n, a);
+						}
+						a < i.length && r.appendChild(document.createTextNode(i.slice(a)));
+					} else r.textContent = i;
+					r.addEventListener("click", () => g(n)), c.appendChild(r);
+				});
+			}, m = () => {
+				c.classList.add("is-open"), e.setAttribute("aria-expanded", "true");
+			}, h = () => {
+				c.classList.remove("is-open"), e.setAttribute("aria-expanded", "false"), u = -1, e.removeAttribute("aria-activedescendant");
+			}, g = (t) => {
+				let n = d[t], r = typeof n == "object" && (n.value || n.label) || String(n);
+				e.value = r, h(), e.dispatchEvent(new CustomEvent("suggest:select", {
+					bubbles: !0,
+					detail: {
+						value: r,
+						item: n,
+						index: t
+					}
+				}));
+			}, _ = (t) => {
+				let n = c.querySelectorAll(".vd-suggest-item");
+				n.forEach((e) => e.classList.remove("is-highlighted")), t >= 0 && t < n.length && (u = t, n[t].classList.add("is-highlighted"), e.setAttribute("aria-activedescendant", n[t].id), n[t].scrollIntoView({ block: "nearest" }));
+			}, v = async (e) => {
+				if (e.length < n) {
+					h();
+					return;
+				}
+				let t;
+				if (r) try {
+					if (!Pr(r, i)) t = [];
+					else {
+						let n = r.includes("?") ? "&" : "?";
+						t = await (await window.fetch(r + n + "q=" + encodeURIComponent(e))).json();
+					}
+				} catch {
+					t = [];
+				}
+				else {
+					let n = e.toLowerCase();
+					t = o.filter((e) => K(e).toLowerCase().includes(n));
+				}
+				p(t, e), m();
+			}, y = () => {
+				f && clearTimeout(f), f = setTimeout(() => void v(e.value), 200);
+			}, b = (t) => {
+				if (!c.classList.contains("is-open")) {
+					t.key === "ArrowDown" && (v(e.value), t.preventDefault());
+					return;
+				}
+				let n = d.length;
+				switch (t.key) {
+					case "ArrowDown":
+						t.preventDefault(), _(u < n - 1 ? u + 1 : 0);
+						break;
+					case "ArrowUp":
+						t.preventDefault(), _(u > 0 ? u - 1 : n - 1);
+						break;
+					case "Enter":
+						t.preventDefault(), u >= 0 && g(u);
+						break;
+					case "Escape":
+						h();
+						break;
+				}
+			}, x = () => {
+				setTimeout(h, 200);
+			}, S = () => {
+				e.value.length >= n && v(e.value);
+			};
+			e.addEventListener("input", y), e.addEventListener("keydown", b), e.addEventListener("blur", x), e.addEventListener("focus", S), t.push(() => e.removeEventListener("input", y), () => e.removeEventListener("keydown", b), () => e.removeEventListener("blur", x), () => e.removeEventListener("focus", S), () => {
+				f && clearTimeout(f);
+			}, () => {
+				c.parentNode && c.parentNode.removeChild(c);
+			});
+		});
+	}), g(() => {
+		t.forEach((e) => e()), t.length = 0;
+	});
+}
+//#endregion
+//#region src/composables/useTabs.ts
+function Ir(e) {
+	let t = [];
+	h(() => {
+		let n = e.value;
+		n && n.querySelectorAll(".vd-tabs").forEach((e) => {
+			e.querySelectorAll(".vd-tab-link[data-tab-target]").forEach((n) => {
+				let r = () => {
+					if (n.classList.contains("disabled")) return;
+					let t = n.getAttribute("data-tab-target");
+					t && (e.querySelectorAll(".vd-tab-link").forEach((e) => {
+						e.classList.remove("is-active"), e.setAttribute("aria-selected", "false");
+					}), e.querySelectorAll(".vd-tab-pane").forEach((e) => e.classList.remove("is-active")), n.classList.add("is-active"), n.setAttribute("aria-selected", "true"), e.querySelector(`#${CSS.escape(t)}`)?.classList.add("is-active"));
+				};
+				n.addEventListener("click", r), t.push(() => n.removeEventListener("click", r));
+			});
+		});
+	}), g(() => {
+		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) {
+	let t = !1;
+	h(() => {
+		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(() => {
+		if (typeof window > "u" || !t) return;
+		let e = window;
+		e.VanduoTimeline && typeof e.VanduoTimeline.destroyAll == "function" && e.VanduoTimeline.destroyAll(), t = !1;
+	});
+}
+//#endregion
+//#region src/composables/useTimepicker.ts
+function Kr(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;
+	t.style.top = i + "px", t.style.left = a + "px";
+	let o = t.getBoundingClientRect();
+	o.bottom > window.innerHeight - 8 && r.top - o.height > 8 && (i = r.top - o.height - n, t.style.top = i + "px");
+	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) {
+	let t = [];
+	h(() => {
+		if (typeof window > "u") return;
+		let n = e.value;
+		n && n.querySelectorAll("[data-vd-timepicker]").forEach((e) => {
+			let n = e.getAttribute("data-vd-timepicker-format") === "24h", r = parseInt(e.getAttribute("data-vd-timepicker-step") || "30", 10), i = document.createElement("div");
+			i.className = "vd-timepicker-popup", i.setAttribute("role", "listbox"), document.body.appendChild(i);
+			let a = [];
+			for (let e = 0; e < 24; e++) for (let t = 0; t < 60; t += r) {
+				let r = String(e).padStart(2, "0"), i = String(t).padStart(2, "0");
+				if (n) a.push({
+					display: r + ":" + i,
+					value: r + ":" + i
+				});
+				else {
+					let t = e < 12 ? "AM" : "PM", n = e === 0 ? 12 : e > 12 ? e - 12 : e;
+					a.push({
+						display: n + ":" + i + " " + t,
+						value: r + ":" + i
+					});
+				}
+			}
+			let o = () => {
+				i.innerHTML = "", a.forEach((t) => {
+					let n = document.createElement("div");
+					n.className = "vd-timepicker-item", n.setAttribute("role", "option"), n.textContent = t.display, (e.value === t.value || e.value === t.display) && (n.classList.add("is-selected"), n.setAttribute("aria-selected", "true")), n.addEventListener("click", () => {
+						e.value = t.display, i.querySelectorAll(".vd-timepicker-item").forEach((e) => {
+							e.classList.remove("is-selected"), e.removeAttribute("aria-selected");
+						}), n.classList.add("is-selected"), n.setAttribute("aria-selected", "true"), l();
+						let [r, a] = t.value.split(":");
+						e.dispatchEvent(new CustomEvent("timepicker:select", {
+							bubbles: !0,
+							detail: {
+								time: t.display,
+								hours: parseInt(r, 10),
+								minutes: parseInt(a, 10)
+							}
+						})), e.dispatchEvent(new Event("change", { bubbles: !0 }));
+					}), i.appendChild(n);
+				});
+			}, s = () => {
+				i.classList.contains("is-open") && Kr(e, i);
+			}, c = () => {
+				o(), i.classList.add("is-open"), e.setAttribute("aria-expanded", "true"), requestAnimationFrame(() => {
+					s();
+					let e = i.querySelector(".is-selected");
+					e && e.scrollIntoView({ block: "center" });
+				});
+			}, l = () => {
+				i.classList.remove("is-open"), e.setAttribute("aria-expanded", "false");
+			}, u = () => c(), d = (t) => {
+				let n = t.target;
+				!e.contains(n) && !i.contains(n) && l();
+			}, f = (e) => {
+				e.key === "Escape" && l();
+			}, 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(() => {
+		t.forEach((e) => e()), t.length = 0;
+	});
+}
+//#endregion
+//#region src/utils/sanitizeHtml.ts
+var Jr = [
+	"B",
+	"STRONG",
+	"I",
+	"EM",
+	"BR",
+	"A",
+	"SPAN",
+	"U",
+	"DIV",
+	"P",
+	"KBD",
+	"CODE",
+	"SMALL",
+	"MARK"
+], Yr = [
+	"SVG",
+	"PATH",
+	"LINE",
+	"CIRCLE",
+	"POLYLINE",
+	"RECT",
+	"G"
+], Xr = /* @__PURE__ */ new Set([
+	"xmlns",
+	"width",
+	"height",
+	"viewBox",
+	"fill",
+	"stroke",
+	"stroke-width",
+	"stroke-linecap",
+	"stroke-linejoin",
+	"d",
+	"cx",
+	"cy",
+	"r",
+	"x1",
+	"y1",
+	"x2",
+	"y2",
+	"points",
+	"transform",
+	"class"
+]);
+function Zr(e) {
+	return e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
+}
+function $(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;
+	try {
+		a = new DOMParser().parseFromString(e, "text/html");
+	} catch {
+		return Zr(e);
+	}
+	let o = (e) => {
+		Array.from(e.childNodes).forEach((t) => {
+			if (t.nodeType === Node.TEXT_NODE) return;
+			let a = t;
+			if (!i.includes(a.nodeName)) {
+				e.replaceChild(document.createTextNode(a.textContent ?? ""), t);
+				return;
+			}
+			if (a.nodeName === "A") {
+				let e = a.getAttribute("href") ?? "";
+				try {
+					let t = new URL(e, location.href);
+					[
+						"http:",
+						"https:",
+						"mailto:"
+					].includes(t.protocol) || a.removeAttribute("href");
+				} catch {
+					a.removeAttribute("href");
+				}
+				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);
+			});
+			else {
+				let e = /* @__PURE__ */ new Set(["class"]);
+				r && e.add("style"), Array.from(a.attributes).forEach((t) => {
+					e.has(t.name) || a.removeAttribute(t.name);
+				});
+			}
+			o(a);
+		});
+	};
+	return o(a.body), a.body.innerHTML;
+}
+//#endregion
+//#region src/composables/useTooltips.ts
+function Qr(e) {
+	let t = null, n = [], r = () => {
+		t &&= (t.remove(), null);
+	}, i = (e, t, n) => {
+		let r = e.getBoundingClientRect(), i = t.getBoundingClientRect(), a, o;
+		switch (n) {
+			case "bottom":
+				a = r.bottom + 8, o = r.left + r.width / 2 - i.width / 2;
+				break;
+			case "left":
+				a = r.top + r.height / 2 - i.height / 2, o = r.left - i.width - 8;
+				break;
+			case "right":
+				a = r.top + r.height / 2 - i.height / 2, o = r.right + 8;
+				break;
+			default: a = r.top - i.height - 8, o = r.left + r.width / 2 - i.width / 2;
+		}
+		t.style.top = `${Math.max(4, a)}px`, t.style.left = `${Math.max(4, o)}px`;
+	}, a = (e) => {
+		r();
+		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;
+	};
+	h(() => {
+		let t = e.value;
+		t && t.querySelectorAll("[data-tooltip],[data-tooltip-html]").forEach((e) => {
+			let t = () => a(e), i = () => r();
+			e.addEventListener("mouseenter", t), e.addEventListener("mouseleave", i), e.addEventListener("focus", t), e.addEventListener("blur", i), n.push(() => {
+				e.removeEventListener("mouseenter", t), e.removeEventListener("mouseleave", i), e.removeEventListener("focus", t), e.removeEventListener("blur", i);
+			});
+		});
+	}), g(() => {
+		r(), n.forEach((e) => e()), n.length = 0;
+	});
+}
+//#endregion
+//#region src/composables/useValidate.ts
+var $r = {
+	required: (e) => e.trim().length > 0,
+	email: (e) => /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(e),
+	url: (e) => {
+		try {
+			return new URL(e), !0;
+		} catch {
+			return !1;
+		}
+	},
+	number: (e) => !isNaN(parseFloat(e)) && isFinite(Number(e)),
+	min: (e, t) => e.length >= parseInt(t, 10),
+	max: (e, t) => e.length <= parseInt(t, 10),
+	minVal: (e, t) => parseFloat(e) >= parseFloat(t),
+	maxVal: (e, t) => parseFloat(e) <= parseFloat(t),
+	pattern: (e, t) => {
+		try {
+			return t.length > 100 ? !1 : new RegExp(t).test(e);
+		} catch {
+			return !1;
+		}
+	},
+	match: (e, t) => {
+		try {
+			let n = typeof CSS < "u" && CSS.escape ? CSS.escape(t) : t, r = document.getElementById(t) ?? document.querySelector(`[name="${n}"]`);
+			return r ? e === r.value : !1;
+		} catch {
+			return !1;
+		}
+	}
+}, ei = {
+	required: "This field is required",
+	email: "Please enter a valid email address",
+	url: "Please enter a valid URL",
+	number: "Please enter a valid number",
+	min: "Minimum {0} characters required",
+	max: "Maximum {0} characters allowed",
+	minVal: "Value must be at least {0}",
+	maxVal: "Value must be at most {0}",
+	pattern: "Invalid format",
+	match: "Fields do not match"
+}, ti = 0;
+function ni(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"));
+}
+function ri(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;
+			if (s && !s(n, o)) {
+				let n = (t ? e.getAttribute(`data-vd-msg-${t}`) : null) ?? (t ? ei[t] : void 0) ?? "Invalid";
+				o && (n = n.replace("{0}", o)), r.push(n);
+				break;
+			}
+		}
+		return ni(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;
+			return i.forEach((t) => {
+				n(t) || (e = !1);
+			}), e;
+		};
+		i.forEach((e) => {
+			let i = e.getAttribute("data-vd-validate-mode") ?? r;
+			if (i === "input" || i === "blur") {
+				let r = i === "input" ? "input" : "blur", a = () => n(e);
+				if (e.addEventListener(r, a), t.push(() => e.removeEventListener(r, a)), i === "blur") {
+					let r = () => {
+						(e.classList.contains("is-invalid") || e.classList.contains("is-valid")) && n(e);
+					};
+					e.addEventListener("input", r), t.push(() => e.removeEventListener("input", r));
+				}
+			}
+		});
+		let o = (t) => {
+			let n = a();
+			n || (t.preventDefault(), t.stopPropagation(), e.querySelector(".is-invalid")?.focus()), e.dispatchEvent(new CustomEvent("validate:submit", {
+				detail: { valid: n },
+				bubbles: !0
+			}));
+		};
+		e.addEventListener("submit", o), t.push(() => e.removeEventListener("submit", o));
+	};
+	h(() => {
+		let t = e.value;
+		t && t.querySelectorAll("[data-vd-validate], .vd-validate").forEach(r);
+	}), g(() => {
+		t.forEach((e) => e()), t.length = 0;
+	});
+}
+//#endregion
+//#region src/composables/useWaypoint.ts
+function ii(e) {
+	let t = [];
+	h(() => {
+		if (typeof window > "u") return;
+		let n = e.value;
+		n && n.querySelectorAll("[data-vd-waypoint-nav], [data-vd-scrollspy-nav]").forEach((e) => {
+			let n = Array.from(e.querySelectorAll("a[href^=\"#\"]"));
+			if (n.length === 0) return;
+			let r = parseInt(e.getAttribute("data-vd-waypoint-offset") || "80", 10), i = e.getAttribute("data-vd-waypoint-nav") || e.getAttribute("data-vd-scrollspy-nav") || "", a = null;
+			i && i !== "window" && (a = document.querySelector(i));
+			let o = [];
+			if (n.forEach((e) => {
+				let t = (e.getAttribute("href") || "").slice(1), n = t ? document.getElementById(t) : null;
+				n && (n.setAttribute("data-vd-waypoint-section", ""), o.push({
+					id: t,
+					link: e,
+					section: n
+				}));
+			}), o.length === 0) return;
+			let s = /* @__PURE__ */ new Set(), c = (t) => {
+				n.forEach((e) => {
+					e.classList.remove("is-active"), e.removeAttribute("aria-current");
+				});
+				let r = n.find((e) => e.getAttribute("href") === "#" + t);
+				r && (r.classList.add("is-active"), r.setAttribute("aria-current", "true"), e.dispatchEvent(new CustomEvent("waypoint:change", { detail: {
+					activeId: t,
+					link: r
+				} })));
+			}, l = new IntersectionObserver((e) => {
+				e.forEach((e) => {
+					e.isIntersecting ? s.add(e.target.id) : s.delete(e.target.id);
+				});
+				for (let e of o) if (s.has(e.id)) {
+					c(e.id);
+					return;
+				}
+			}, {
+				root: a,
+				rootMargin: "-" + r + "px 0px -40% 0px",
+				threshold: 0
+			});
+			o.forEach((e) => l.observe(e.section)), n.forEach((e) => {
+				let n = (t) => {
+					t.preventDefault();
+					let n = (e.getAttribute("href") || "").slice(1), r = n ? document.getElementById(n) : null;
+					r && (r.scrollIntoView({ behavior: "smooth" }), c(n));
+				};
+				e.addEventListener("click", n), t.push(() => e.removeEventListener("click", n));
+			}), t.push(() => l.disconnect());
+		});
+	}), g(() => {
+		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 };
+
+//# sourceMappingURL=index.js.map