@velkymx/vibeui 1.0.2 → 1.1.0

package/dist/vibeui.es.js

@@ -1,5 +1,4 @@
 import { Fragment as e, Teleport as t, computed as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createTextVNode as s, defineComponent as c, getCurrentInstance as l, inject as u, mergeModels as d, mergeProps as f, nextTick as p, normalizeClass as m, normalizeStyle as h, onActivated as g, onBeforeUnmount as _, onDeactivated as v, onMounted as y, onUnmounted as b, openBlock as x, provide as S, reactive as C, readonly as w, ref as T, renderList as E, renderSlot as D, resolveDynamicComponent as O, shallowRef as k, toDisplayString as A, unref as j, useModel as M, vModelSelect as N, vModelText as P, vShow as F, watch as I, watchEffect as L, withCtx as R, withDirectives as z, withKeys as B, withMemo as V, withModifiers as H } from "vue";
-import "quill";
 //#endregion
 //#region src/components/VibeAlert.vue
 var ee = /* @__PURE__ */ c({
@@ -52,7 +51,8 @@ var ee = /* @__PURE__ */ c({
 			}
 			h = !0, w();
 			try {
-				if (!l.value || u.value) return;
+				if (!l.value) return;
+				u.value &&= (u.value.dispose(), null);
 				let e = await import("bootstrap");
 				if (!l.value || v) return;
 				u.value = new e.Alert(l.value), C();
@@ -127,7 +127,7 @@ var ee = /* @__PURE__ */ c({
 			_: 3
 		}, 8, ["class"]));
 	}
-}), ne = /* @__PURE__ */ c({
+}), U = /*@__PURE__*/ c({
 	__name: "VibeButton",
 	props: {
 		variant: {
@@ -169,26 +169,30 @@ var ee = /* @__PURE__ */ c({
 	},
 	emits: ["click", "component-error"],
 	setup(e, { emit: t }) {
-		let i = e, a = t, o = n(() => i.href ? "a" : i.to ? i.disabled ? "span" : "router-link" : "button"), s = n(() => {
+		let i = e, a = t, o = T(null);
+		y(() => {});
+		let s = n(() => i.href ? "a" : i.to ? i.disabled ? "span" : "router-link" : "button"), c = n(() => {
 			let e = ["btn"];
-			return i.variant === "link" ? e.push("btn-link") : i.outline ? e.push(`btn-outline-${i.variant}`) : e.push(`btn-${i.variant}`), i.size && e.push(`btn-${i.size}`), i.active && e.push("active"), i.focusRing && e.push("focus-ring"), i.disabled && o.value !== "button" && e.push("disabled"), e.join(" ");
-		}), c = (e) => {
+			return i.variant === "link" ? e.push("btn-link") : i.outline ? e.push(`btn-outline-${i.variant}`) : e.push(`btn-${i.variant}`), i.size && e.push(`btn-${i.size}`), i.active && e.push("active"), i.focusRing && e.push("focus-ring"), i.disabled && s.value !== "button" && e.push("disabled"), e.join(" ");
+		}), l = (e) => {
 			if (i.disabled) {
 				e.preventDefault();
 				return;
 			}
 			a("click", e);
 		};
-		return (t, n) => (x(), r(O(o.value), {
-			class: m(s.value),
+		return (t, n) => (x(), r(O(s.value), {
+			ref_key: "rootRef",
+			ref: o,
+			class: m(c.value),
 			type: e.href || e.to ? void 0 : e.type,
 			href: e.href,
 			to: e.to || void 0,
-			disabled: o.value === "button" ? e.disabled : void 0,
+			disabled: s.value === "button" ? e.disabled : void 0,
 			"aria-disabled": e.disabled || void 0,
-			onClick: c
+			onClick: l
 		}, {
-			default: R(() => [D(t.$slots, "default")]),
+			default: R(() => [D(t.$slots, "default", {}, void 0, !0)]),
 			_: 3
 		}, 8, [
 			"class",
@@ -199,7 +203,11 @@ var ee = /* @__PURE__ */ c({
 			"aria-disabled"
 		]));
 	}
-}), re = ["role", "aria-label"], U = /* @__PURE__ */ c({
+}), W = (e, t) => {
+	let n = e.__vccOpts || e;
+	for (let [e, r] of t) n[e] = r;
+	return n;
+}, ne = /*#__PURE__*/ W(U, [["__scopeId", "data-v-17d9412e"]]), re = ["role", "aria-label"], ie = /* @__PURE__ */ c({
 	__name: "VibeButtonGroup",
 	props: {
 		size: {
@@ -230,7 +238,7 @@ var ee = /* @__PURE__ */ c({
 			"aria-label": e.ariaLabel
 		}, [D(t.$slots, "default")], 10, re));
 	}
-}), ie = ["disabled", "aria-label"], ae = /* @__PURE__ */ c({
+}), ae = ["disabled", "aria-label"], oe = /* @__PURE__ */ c({
 	__name: "VibeCloseButton",
 	props: {
 		disabled: {
@@ -257,9 +265,9 @@ var ee = /* @__PURE__ */ c({
 			disabled: e.disabled,
 			"aria-label": e.ariaLabel,
 			onClick: i
-		}, null, 10, ie));
+		}, null, 10, ae));
 	}
-}), oe = { class: "visually-hidden" }, se = /* @__PURE__ */ c({
+}), se = { class: "visually-hidden" }, ce = /* @__PURE__ */ c({
 	__name: "VibeSpinner",
 	props: {
 		variant: {
@@ -292,11 +300,11 @@ var ee = /* @__PURE__ */ c({
 			class: m(i.value),
 			role: "status"
 		}, {
-			default: R(() => [o("span", oe, A(e.label), 1)]),
+			default: R(() => [o("span", se, A(e.label), 1)]),
 			_: 1
 		}, 8, ["class"]));
 	}
-}), ce = /* @__PURE__ */ c({
+}), le = /* @__PURE__ */ c({
 	__name: "VibePlaceholder",
 	props: {
 		variant: {
@@ -337,7 +345,7 @@ var ee = /* @__PURE__ */ c({
 			_: 3
 		}, 8, ["class"]));
 	}
-}), le = /* @__PURE__ */ c({
+}), ue = /*#__PURE__*/ W(/* @__PURE__ */ c({
 	inheritAttrs: !1,
 	__name: "VibeSkeleton",
 	props: {
@@ -388,7 +396,7 @@ var ee = /* @__PURE__ */ c({
 				width: e === l.value && l.value > 1 ? "60%" : s(t.width),
 				height: s(t.height)
 			}
-		}, { ref_for: !0 }, e === 1 ? n.$attrs : void 0, {
+		}, { ref_for: !0 }, n.$attrs, {
 			role: "status",
 			"aria-busy": "true"
 		}), null, 16))), 128)) : t.variant === "rect" ? (x(), a("div", f({
@@ -448,11 +456,7 @@ var ee = /* @__PURE__ */ c({
 			}, null, 2)
 		], 16)) : i("", !0);
 	}
-}), W = (e, t) => {
-	let n = e.__vccOpts || e;
-	for (let [e, r] of t) n[e] = r;
-	return n;
-}, ue = /* @__PURE__ */ W(le, [["__scopeId", "data-v-56cea6eb"]]), de = /* @__PURE__ */ c({
+}), [["__scopeId", "data-v-c0c2699d"]]), de = /* @__PURE__ */ c({
 	__name: "VibeContainer",
 	props: {
 		fluid: {
@@ -880,7 +884,7 @@ function G(e) {
 }
 //#endregion
 //#region src/utils/safeCss.ts
-var be = /^(auto|0|[\d.]+(%|px|rem|em|vh|vw|dvh|dvw|svh|svw|ch|ex|vmin|vmax))$/, xe = /^(#[0-9a-fA-F]{3,8}|rgba?\(\s*[\d.,\s]+\)|hsla?\(\s*[\d.,\s%]+\)|var\(--[\w-]+(?:\s*,\s*[^)]+)?\)|[a-zA-Z]+)$/, Se = new Set([
+var be = /^(auto|0|[\d.]+(%|px|rem|em|vh|vw|dvh|dvw|svh|svw|ch|ex|vmin|vmax))$/, xe = /^(#[0-9a-fA-F]{3,8}|rgba?\(\s*[\d.,\s]+\)|hsla?\(\s*[\d.,\s%]+\)|var\(--[\w-]+(?:\s*,\s*[^)]+)?\)|[a-zA-Z]+)$/, Se = /* @__PURE__ */ new Set([
 	"width",
 	"minWidth",
 	"maxWidth",
@@ -951,6 +955,10 @@ var Ee = /* @__PURE__ */ c({
 			type: [Boolean, String],
 			default: !1
 		},
+		overlayOpacity: {
+			type: Number,
+			default: .5
+		},
 		gradient: {
 			type: String,
 			default: void 0
@@ -972,8 +980,8 @@ var Ee = /* @__PURE__ */ c({
 			let e = {}, n = G(t.bgImage), r = a(t.gradient), i = [];
 			if (r) i.push(r);
 			else if (n && t.overlay) {
-				let e = typeof t.overlay == "string" ? we(t.overlay) ?? "rgba(0, 0, 0, 0.5)" : "rgba(0, 0, 0, 0.5)";
-				i.push(`linear-gradient(${e}, ${e})`);
+				let e = Math.min(1, Math.max(0, t.overlayOpacity)), n = typeof t.overlay == "string" ? we(t.overlay) ?? `rgba(0, 0, 0, ${e})` : `rgba(0, 0, 0, ${e})`;
+				i.push(`linear-gradient(${n}, ${n})`);
 			}
 			n && i.push(`url("${n}")`), i.length && (e.backgroundImage = i.join(", "), n && (e.backgroundSize = "cover", e.backgroundPosition = "center"));
 			let o = Ce(t.minHeight);
@@ -1012,9 +1020,10 @@ var Ee = /* @__PURE__ */ c({
 			key: e.href || e.text || String(t),
 			class: m(["breadcrumb-item", { active: e.active }]),
 			"aria-current": e.active ? "page" : void 0
-		}, [(x(), r(O(e.active ? "span" : j(G)(e.href) ? "a" : e.to ? "router-link" : "span"), {
+		}, [(x(), r(O(e.active ? "span" : j(G)(e.href) ? "a" : e.to ? "router-link" : "button"), {
 			href: e.active ? void 0 : j(G)(e.href),
 			to: e.active ? void 0 : e.to,
+			type: !e.active && !e.href && !e.to ? "button" : void 0,
 			onClick: (n) => c(e, t, n)
 		}, {
 			default: R(() => [D(n.$slots, "item", {
@@ -1025,16 +1034,25 @@ var Ee = /* @__PURE__ */ c({
 		}, 1032, [
 			"href",
 			"to",
+			"type",
 			"onClick"
 		]))], 10, ke))), 128))])], 8, De));
 	}
-}), je = { class: "dropdown-menu" }, Me = {
+});
+//#endregion
+//#region src/utils/routeKey.ts
+function je(e) {
+	return e == null ? "" : typeof e == "string" ? e : JSON.stringify(e);
+}
+//#endregion
+//#region src/components/VibeNav.vue?vue&type=script&setup=true&lang.ts
+var Me = { class: "dropdown-menu" }, Ne = {
 	key: 0,
 	class: "dropdown-divider"
-}, Ne = {
+}, Pe = {
 	key: 1,
 	class: "dropdown-header"
-}, Pe = /* @__PURE__ */ c({
+}, Fe = /* @__PURE__ */ c({
 	__name: "VibeNav",
 	props: {
 		items: {
@@ -1079,20 +1097,20 @@ var Ee = /* @__PURE__ */ c({
 		"component-error"
 	],
 	setup(t, { expose: i, emit: c }) {
-		let l = t, u = c, d = T(null), f = /* @__PURE__ */ new Map(), h = !1, g = !1, v = n(() => {
+		let l = t, u = c, d = T(null), f = /* @__PURE__ */ new Map(), h = !1, g = !1, v = !1, b = n(() => {
 			let e = ["nav"];
 			return l.pills && e.push("nav-pills"), l.tabs && e.push("nav-tabs"), l.vertical && e.push("flex-column"), l.justified && e.push("nav-justified"), l.fill && e.push("nav-fill"), l.underline && e.push("nav-underline"), e.join(" ");
-		}), b = (e) => u("show", e), S = (e) => u("shown", e), C = (e) => u("hide", e), w = (e) => u("hidden", e), k = async () => {
+		}), S = (e) => u("show", e), C = (e) => u("shown", e), w = (e) => u("hide", e), k = (e) => u("hidden", e), M = async () => {
 			if (!(!d.value || h)) {
 				h = !0;
 				try {
 					let e = (await import("bootstrap")).Tab;
-					if (!d.value || g) return;
+					if (!d.value || v) return;
 					d.value.querySelectorAll("[data-bs-toggle=\"tab\"], [data-bs-toggle=\"pill\"]").forEach((t) => {
 						let n = t;
 						if (!f.has(n)) {
 							let t = new e(n);
-							f.set(n, t), n.addEventListener("show.bs.tab", b), n.addEventListener("shown.bs.tab", S), n.addEventListener("hide.bs.tab", C), n.addEventListener("hidden.bs.tab", w);
+							f.set(n, t), n.addEventListener("show.bs.tab", S), n.addEventListener("shown.bs.tab", C), n.addEventListener("hide.bs.tab", w), n.addEventListener("hidden.bs.tab", k);
 						}
 					});
 				} catch (e) {
@@ -1106,23 +1124,30 @@ var Ee = /* @__PURE__ */ c({
 				}
 			}
 		};
-		y(k), _(() => {
-			g = !0, f.forEach((e, t) => {
-				t.removeEventListener("show.bs.tab", b), t.removeEventListener("shown.bs.tab", S), t.removeEventListener("hide.bs.tab", C), t.removeEventListener("hidden.bs.tab", w), e.dispose();
+		y(M), _(() => {
+			v = !0, f.forEach((e, t) => {
+				t.removeEventListener("show.bs.tab", S), t.removeEventListener("shown.bs.tab", C), t.removeEventListener("hide.bs.tab", w), t.removeEventListener("hidden.bs.tab", k), e.dispose();
 			}), f.clear();
 		}), I(() => l.items, async () => {
-			f.forEach((e, t) => {
-				t.removeEventListener("show.bs.tab", b), t.removeEventListener("shown.bs.tab", S), t.removeEventListener("hide.bs.tab", C), t.removeEventListener("hidden.bs.tab", w), e.dispose();
-			}), f.clear(), await p(), await k();
+			if (!g) {
+				g = !0;
+				try {
+					f.forEach((e, t) => {
+						t.removeEventListener("show.bs.tab", S), t.removeEventListener("shown.bs.tab", C), t.removeEventListener("hide.bs.tab", w), t.removeEventListener("hidden.bs.tab", k), e.dispose();
+					}), f.clear(), await p(), await M();
+				} finally {
+					g = !1;
+				}
+			}
 		}, { deep: !1 });
-		let M = (e) => {
+		let N = (e) => {
 			if (e.href?.startsWith("#")) return e.href;
 			if (e.target) return e.target;
 			if (typeof e.to == "string") {
 				let t = e.to.indexOf("#");
 				if (t !== -1) return e.to.slice(t);
 			}
-		}, N = (e, t, n) => {
+		}, P = (e, t, n) => {
 			e.disabled || u("item-click", {
 				item: e,
 				index: t,
@@ -1132,17 +1157,17 @@ var Ee = /* @__PURE__ */ c({
 		return i({
 			refresh: async () => {
 				f.forEach((e, t) => {
-					t.removeEventListener("show.bs.tab", b), t.removeEventListener("shown.bs.tab", S), t.removeEventListener("hide.bs.tab", C), t.removeEventListener("hidden.bs.tab", w), e.dispose();
-				}), f.clear(), await p(), await k();
+					t.removeEventListener("show.bs.tab", S), t.removeEventListener("shown.bs.tab", C), t.removeEventListener("hide.bs.tab", w), t.removeEventListener("hidden.bs.tab", k), e.dispose();
+				}), f.clear(), await p(), await M();
 			},
 			_unsafe_bsInstances: f
 		}), (n, i) => (x(), r(O(t.tag), {
 			ref_key: "navRef",
 			ref: d,
-			class: m(v.value)
+			class: m(b.value)
 		}, {
 			default: R(() => [(x(!0), a(e, null, E(t.items, (i, c) => (x(), a("li", {
-				key: i.href || (i.to ? String(i.to) : void 0) || i.text || String(c),
+				key: i.href || j(je)(i.to) || i.text || String(c),
 				class: m(["nav-item", { dropdown: i.children && i.children.length > 0 }])
 			}, [i.children && i.children.length > 0 ? (x(), a(e, { key: 0 }, [o("button", {
 				type: "button",
@@ -1152,7 +1177,7 @@ var Ee = /* @__PURE__ */ c({
 				}]),
 				"data-bs-toggle": "dropdown",
 				"aria-expanded": "false"
-			}, A(i.text), 3), o("ul", je, [(x(!0), a(e, null, E(i.children, (e, t) => (x(), a("li", { key: e.href || e.text || String(t) }, [e.divider ? (x(), a("hr", Me)) : e.header ? (x(), a("h6", Ne, A(e.text), 1)) : (x(), r(O(j(G)(e.href) ? "a" : e.to ? "router-link" : "button"), {
+			}, A(i.text), 3), o("ul", Me, [(x(!0), a(e, null, E(i.children, (e, t) => (x(), a("li", { key: e.href || e.text || String(t) }, [e.divider ? (x(), a("hr", Ne)) : e.header ? (x(), a("h6", Pe, A(e.text), 1)) : (x(), r(O(j(G)(e.href) ? "a" : e.to ? "router-link" : "button"), {
 				key: 2,
 				class: m(["dropdown-item", {
 					active: e.active,
@@ -1180,9 +1205,9 @@ var Ee = /* @__PURE__ */ c({
 				type: !i.href && !i.to ? "button" : void 0,
 				disabled: !i.href && !i.to && i.disabled || void 0,
 				"aria-current": i.active ? "page" : void 0,
-				"data-bs-toggle": (t.tabs || t.pills) && M(i) ? t.tabs ? "tab" : "pill" : void 0,
-				"data-bs-target": M(i),
-				onClick: (e) => N(i, c, e)
+				"data-bs-toggle": (t.tabs || t.pills) && N(i) ? t.tabs ? "tab" : "pill" : void 0,
+				"data-bs-target": N(i),
+				onClick: (e) => P(i, c, e)
 			}, {
 				default: R(() => [D(n.$slots, "item", {
 					item: i,
@@ -1203,7 +1228,7 @@ var Ee = /* @__PURE__ */ c({
 			_: 3
 		}, 8, ["class"]));
 	}
-}), K = Symbol("vibeFormGroup"), Fe = Symbol("vibeNavbarCollapse"), Ie = Symbol("vibeTabsContext"), Le = /* @__PURE__ */ W(/* @__PURE__ */ c({
+}), K = Symbol("vibeFormGroup"), Ie = Symbol("vibeNavbarCollapse"), Le = Symbol("vibeTabsContext"), Re = /*#__PURE__*/ W(/* @__PURE__ */ c({
 	__name: "VibeNavbar",
 	props: {
 		variant: {
@@ -1233,7 +1258,7 @@ var Ee = /* @__PURE__ */ c({
 	},
 	setup(e) {
 		let t = e, i = C({});
-		S(Fe, {
+		S(Ie, {
 			collapseStates: i,
 			toggleCollapse: (e) => {
 				i[e] = !i[e];
@@ -1260,7 +1285,7 @@ var Ee = /* @__PURE__ */ c({
 			_: 3
 		}, 8, ["class", "data-bs-theme"]));
 	}
-}), [["__scopeId", "data-v-c3e6fe24"]]), Re = /* @__PURE__ */ c({
+}), [["__scopeId", "data-v-c3e6fe24"]]), ze = /* @__PURE__ */ c({
 	__name: "VibeNavbarBrand",
 	props: {
 		href: {
@@ -1283,11 +1308,11 @@ var Ee = /* @__PURE__ */ c({
 			_: 3
 		}, 8, ["href", "to"]));
 	}
-}), ze = [
+}), Be = [
 	"aria-controls",
 	"aria-expanded",
 	"aria-label"
-], Be = /* @__PURE__ */ c({
+], Ve = /* @__PURE__ */ c({
 	__name: "VibeNavbarToggle",
 	props: {
 		target: {
@@ -1301,13 +1326,16 @@ var Ee = /* @__PURE__ */ c({
 	},
 	emits: ["component-error"],
 	setup(e, { emit: t }) {
-		let r = e, i = t, s = u(Fe, null), c = n(() => s?.collapseStates[r.target] ?? !1), l = async () => {
-			s && s.toggleCollapse(r.target);
+		let r = e, i = t, s = u(Ie, null), c = n(() => s?.collapseStates[r.target] ?? !1), l = async () => {
+			if (s) {
+				s.toggleCollapse(r.target);
+				return;
+			}
 			try {
 				let e = document.getElementById(r.target);
 				e && (await import("bootstrap")).Collapse.getOrCreateInstance(e).toggle();
 			} catch (e) {
-				s && s.toggleCollapse(r.target), i("component-error", {
+				i("component-error", {
 					message: "Bootstrap JS toggle failed.",
 					componentName: "VibeNavbarToggle",
 					originalError: e
@@ -1321,9 +1349,9 @@ var Ee = /* @__PURE__ */ c({
 			"aria-expanded": c.value,
 			"aria-label": e.ariaLabel,
 			onClick: l
-		}, [...n[0] ||= [o("span", { class: "navbar-toggler-icon" }, null, -1)]], 8, ze));
+		}, [...n[0] ||= [o("span", { class: "navbar-toggler-icon" }, null, -1)]], 8, Be));
 	}
-}), Ve = { class: "dropdown-menu" }, He = { key: 0 }, Ue = { key: 1 }, We = { class: "dropdown-header" }, Ge = { key: 2 }, Ke = /* @__PURE__ */ c({
+}), He = { class: "dropdown-menu" }, Ue = { key: 0 }, We = { key: 1 }, Ge = { class: "dropdown-header" }, Ke = { key: 2 }, qe = /* @__PURE__ */ c({
 	__name: "VibeNavbarNav",
 	props: {
 		tag: {
@@ -1400,7 +1428,7 @@ var Ee = /* @__PURE__ */ c({
 			}, [D(n.$slots, "item", {
 				item: t,
 				index: c
-			}, () => [s(A(t.text), 1)])], 2), o("ul", Ve, [(x(!0), a(e, null, E(t.children, (l, u) => (x(), a(e, { key: l.href || l.text || String(u) }, [l.divider ? (x(), a("li", He, [...i[0] ||= [o("hr", { class: "dropdown-divider" }, null, -1)]])) : l.header ? (x(), a("li", Ue, [o("h6", We, A(l.text), 1)])) : (x(), a("li", Ge, [(x(), r(O(l.href ? "a" : l.to ? "router-link" : "button"), {
+			}, () => [s(A(t.text), 1)])], 2), o("ul", He, [(x(!0), a(e, null, E(t.children, (l, u) => (x(), a(e, { key: l.href || l.text || String(u) }, [l.divider ? (x(), a("li", Ue, [...i[0] ||= [o("hr", { class: "dropdown-divider" }, null, -1)]])) : l.header ? (x(), a("li", We, [o("h6", Ge, A(l.text), 1)])) : (x(), a("li", Ke, [(x(), r(O(l.href ? "a" : l.to ? "router-link" : "button"), {
 				class: m(v(l)),
 				href: l.href,
 				to: l.to,
@@ -1447,11 +1475,11 @@ var Ee = /* @__PURE__ */ c({
 			_: 3
 		}, 512));
 	}
-}), qe = ["aria-label"], Je = ["disabled"], Ye = {
+}), Je = ["aria-label"], Ye = ["disabled"], Xe = {
 	key: 0,
 	class: "page-item disabled",
 	"aria-hidden": "true"
-}, Xe = ["aria-current", "onClick"], Ze = ["disabled"], Qe = /* @__PURE__ */ c({
+}, Ze = ["aria-current", "onClick"], Qe = ["disabled"], $e = /* @__PURE__ */ c({
 	__name: "VibePagination",
 	props: {
 		size: {
@@ -1520,8 +1548,8 @@ var Ee = /* @__PURE__ */ c({
 				type: "button",
 				disabled: p.value,
 				onClick: r[0] ||= (e) => f(t.currentPage - 1)
-			}, [D(n.$slots, "prev", { disabled: p.value }, () => [s(A(t.prevText), 1)])], 8, Je)], 2)) : i("", !0),
-			(x(!0), a(e, null, E(d.value, (i, c) => (x(), a(e, { key: i === null ? `e${c}` : `p${i}` }, [i === null ? (x(), a("li", Ye, [...r[2] ||= [o("span", { class: "page-link" }, "…", -1)]])) : (x(), a("li", {
+			}, [D(n.$slots, "prev", { disabled: p.value }, () => [s(A(t.prevText), 1)])], 8, Ye)], 2)) : i("", !0),
+			(x(!0), a(e, null, E(d.value, (i, c) => (x(), a(e, { key: i === null ? `e${c}` : `p${i}` }, [i === null ? (x(), a("li", Xe, [...r[2] ||= [o("span", { class: "page-link" }, "…", -1)]])) : (x(), a("li", {
 				key: 1,
 				class: m(["page-item", { active: i === t.currentPage }])
 			}, [o("button", {
@@ -1532,7 +1560,7 @@ var Ee = /* @__PURE__ */ c({
 			}, [D(n.$slots, "page", {
 				page: i,
 				active: i === t.currentPage
-			}, () => [s(A(i), 1)])], 8, Xe)], 2))], 64))), 128)),
+			}, () => [s(A(i), 1)])], 8, Ze)], 2))], 64))), 128)),
 			t.showPrevNext ? (x(), a("li", {
 				key: 1,
 				class: m(["page-item", { disabled: h.value }])
@@ -1541,10 +1569,10 @@ var Ee = /* @__PURE__ */ c({
 				type: "button",
 				disabled: h.value,
 				onClick: r[1] ||= (e) => f(t.currentPage + 1)
-			}, [D(n.$slots, "next", { disabled: h.value }, () => [s(A(t.nextText), 1)])], 8, Ze)], 2)) : i("", !0)
-		], 2)], 8, qe));
+			}, [D(n.$slots, "next", { disabled: h.value }, () => [s(A(t.nextText), 1)])], 8, Qe)], 2)) : i("", !0)
+		], 2)], 8, Je));
 	}
-}), $e = ["id", "aria-labelledby"], et = /* @__PURE__ */ c({
+}), et = ["id", "aria-labelledby"], tt = /* @__PURE__ */ c({
 	__name: "VibeTabContent",
 	props: {
 		id: {
@@ -1583,15 +1611,15 @@ var Ee = /* @__PURE__ */ c({
 			}, [D(n.$slots, "pane", {
 				pane: e,
 				index: t
-			}, () => [s(A(e.content), 1)])], 10, $e))), 128))]),
+			}, () => [s(A(e.content), 1)])], 10, et))), 128))]),
 			_: 3
 		}, 8, ["id"]));
 	}
-}), tt = [
+}), nt = [
 	"disabled",
 	"aria-selected",
 	"onClick"
-], nt = /* @__PURE__ */ c({
+], rt = /* @__PURE__ */ c({
 	__name: "VibeTabs",
 	props: {
 		modelValue: {
@@ -1631,7 +1659,7 @@ var Ee = /* @__PURE__ */ c({
 			let e = ["nav"];
 			return i.variant === "tabs" ? e.push("nav-tabs") : i.variant === "pills" ? e.push("nav-pills") : i.variant === "underline" && e.push("nav-underline"), i.fill && e.push("nav-fill"), i.justified && e.push("nav-justified"), i.vertical && e.push("flex-column"), e.join(" ");
 		}), g = n(() => i.vertical ? "d-flex" : "");
-		return S(Ie, {
+		return S(Le, {
 			register: (e, t, n) => {
 				c.find((t) => t.name === e) || (c.push({
 					name: e,
@@ -1641,7 +1669,7 @@ var Ee = /* @__PURE__ */ c({
 			},
 			unregister: (e) => {
 				let t = l.value === e, n = c.filter((t) => t.name !== e);
-				if (c.splice(0, c.length, ...n), t) {
+				if (c.splice(0, c.length, ...n), u.delete(e), t) {
 					let e = c.find((e) => !e.disabled)?.name;
 					l.value = e, e !== void 0 && (u.add(e), s("update:modelValue", e), s("change", e));
 				}
@@ -1668,9 +1696,9 @@ var Ee = /* @__PURE__ */ c({
 			"aria-selected": e.name === d.value,
 			role: "tab",
 			onClick: (t) => f(e.name)
-		}, A(e.label), 11, tt)]))), 128))], 2), o("div", { class: m(["tab-content", { "flex-grow-1 ms-3": t.vertical }]) }, [D(n.$slots, "default")], 2)], 2));
+		}, A(e.label), 11, nt)]))), 128))], 2), o("div", { class: m(["tab-content", { "flex-grow-1 ms-3": t.vertical }]) }, [D(n.$slots, "default")], 2)], 2));
 	}
-}), rt = /* @__PURE__ */ c({
+}), it = /* @__PURE__ */ c({
 	__name: "VibeTab",
 	props: {
 		name: {
@@ -1687,7 +1715,7 @@ var Ee = /* @__PURE__ */ c({
 		}
 	},
 	setup(e) {
-		let t = e, r = u(Ie, null);
+		let t = e, r = u(Le, null);
 		r || console.error("[VibeTab] must be a descendant of <VibeTabs>"), y(() => {
 			r?.register(t.name, t.label, t.disabled);
 		}), _(() => {
@@ -1703,7 +1731,7 @@ var Ee = /* @__PURE__ */ c({
 			role: "tabpanel"
 		}, [D(e.$slots, "default")], 2)), [[F, o.value]]) : i("", !0);
 	}
-}), it = /* @__PURE__ */ c({
+}), at = /* @__PURE__ */ c({
 	__name: "VibeListGroup",
 	props: {
 		flush: {
@@ -1734,7 +1762,7 @@ var Ee = /* @__PURE__ */ c({
 			return o.flush && e.push("list-group-flush"), o.numbered && e.push("list-group-numbered"), o.horizontal === !0 ? e.push("list-group-horizontal") : typeof o.horizontal == "string" && e.push(`list-group-horizontal-${o.horizontal}`), e.join(" ");
 		}), u = (e) => {
 			let t = ["list-group-item"];
-			return e.active && t.push("active"), e.disabled && t.push("disabled"), e.variant && t.push(`list-group-item-${e.variant}`), t.join(" ");
+			return (G(e.href) || e.to || !e.disabled) && t.push("list-group-item-action"), e.active && t.push("active"), e.disabled && t.push("disabled"), e.variant && t.push(`list-group-item-${e.variant}`), t.join(" ");
 		}, d = (e, t, n) => {
 			e.disabled || c("item-click", {
 				item: e,
@@ -1752,6 +1780,7 @@ var Ee = /* @__PURE__ */ c({
 				e.text
 			], () => (x(), r(O(j(G)(e.href) ? "a" : e.to ? "router-link" : "li"), {
 				class: m(u(e)),
+				style: h(!j(G)(e.href) && !e.to && !e.disabled ? { cursor: "pointer" } : void 0),
 				href: j(G)(e.href),
 				to: e.to,
 				"aria-disabled": e.disabled || void 0,
@@ -1765,6 +1794,7 @@ var Ee = /* @__PURE__ */ c({
 				_: 2
 			}, 1032, [
 				"class",
+				"style",
 				"href",
 				"to",
 				"aria-disabled",
@@ -1774,11 +1804,11 @@ var Ee = /* @__PURE__ */ c({
 			_: 3
 		}, 8, ["class"]));
 	}
-}), at = [
+}), ot = [
 	"aria-label",
 	"aria-valuenow",
 	"aria-valuemax"
-], ot = /* @__PURE__ */ c({
+], st = /* @__PURE__ */ c({
 	__name: "VibeProgress",
 	props: {
 		height: {
@@ -1824,23 +1854,23 @@ var Ee = /* @__PURE__ */ c({
 		}, [D(n.$slots, "label", {
 			bar: e,
 			index: t
-		}, () => [s(A(l(e)), 1)])], 14, at))), 128))], 4));
+		}, () => [s(A(l(e)), 1)])], 14, ot))), 128))], 4));
 	}
-}), st = 0, ct = /* @__PURE__ */ new WeakMap();
+}), ct = 0, lt = /* @__PURE__ */ new WeakMap();
 function q(e = "vibe") {
 	let t = l();
-	if (!t) return `${e}-${++st}`;
-	let n = (ct.get(t) ?? 0) + 1;
-	return ct.set(t, n), `${e}-${t.uid}-${n}`;
+	if (!t) return `${e}-${++ct}`;
+	let n = (lt.get(t) ?? 0) + 1;
+	return lt.set(t, n), `${e}-${t.uid}-${n}`;
 }
 //#endregion
 //#region src/components/VibeAccordion.vue?vue&type=script&setup=true&lang.ts
-var lt = ["id"], ut = { class: "accordion-header" }, dt = [
+var ut = ["id"], dt = { class: "accordion-header" }, ft = [
 	"data-bs-target",
 	"aria-expanded",
 	"aria-controls",
 	"onClick"
-], ft = ["id", "data-bs-parent"], pt = { class: "accordion-body" }, mt = /* @__PURE__ */ c({
+], pt = ["id", "data-bs-parent"], mt = { class: "accordion-body" }, ht = /* @__PURE__ */ c({
 	__name: "VibeAccordion",
 	props: {
 		id: {
@@ -1869,10 +1899,10 @@ var lt = ["id"], ut = { class: "accordion-header" }, dt = [
 		"component-error"
 	],
 	setup(t, { expose: r, emit: i }) {
-		let c = q("accordion"), l = t, u = n(() => l.id || c), d = i, f = T(null), h = /* @__PURE__ */ new Map(), g = /* @__PURE__ */ new Map(), v = !1, b = !1, S = /* @__PURE__ */ new Map(), C = (e) => d("show", e), w = (e) => d("shown", e), O = (e) => d("hide", e), k = (e) => d("hidden", e), j = (e) => {
-			let t = g.get(e), n = S.get(e);
-			t && n && (t.removeEventListener("show.bs.collapse", n.show), t.removeEventListener("shown.bs.collapse", n.shown), t.removeEventListener("hide.bs.collapse", n.hide), t.removeEventListener("hidden.bs.collapse", n.hidden)), g.delete(e), S.delete(e), h.get(e)?.dispose(), h.delete(e);
-		}, M = async () => {
+		let c = q("accordion"), l = t, u = n(() => l.id || c), d = i, f = T(null), h = /* @__PURE__ */ new Map(), g = /* @__PURE__ */ new Map(), v = !1, b = !1, S = !1, C = !1, w = /* @__PURE__ */ new Map(), O = (e) => d("show", e), k = (e) => d("shown", e), j = (e) => d("hide", e), M = (e) => d("hidden", e), N = (e) => {
+			let t = g.get(e), n = w.get(e);
+			t && n && (t.removeEventListener("show.bs.collapse", n.show), t.removeEventListener("shown.bs.collapse", n.shown), t.removeEventListener("hide.bs.collapse", n.hide), t.removeEventListener("hidden.bs.collapse", n.hidden)), g.delete(e), w.delete(e), h.get(e)?.dispose(), h.delete(e);
+		}, P = async () => {
 			if (f.value) {
 				if (v) {
 					b = !0;
@@ -1881,23 +1911,29 @@ var lt = ["id"], ut = { class: "accordion-header" }, dt = [
 				v = !0, b = !1;
 				try {
 					let e = (await import("bootstrap")).Collapse;
-					f.value.querySelectorAll(".accordion-collapse").forEach((t) => {
-						let n = t.id;
-						if (!h.has(n)) {
-							let r = t;
-							g.set(n, r);
-							let i = new e(r, {
+					if (C || !f.value) return;
+					let t = f.value.querySelectorAll(".accordion-collapse"), n = /* @__PURE__ */ new Set();
+					t.forEach((t) => {
+						let r = t.id;
+						if (n.has(r)) {
+							console.warn(`[VibeAccordion] Duplicate item.id "${r}" detected — only the first occurrence is initialised. Ensure each item has a unique id.`);
+							return;
+						}
+						if (n.add(r), !h.has(r)) {
+							let n = t;
+							g.set(r, n);
+							let i = new e(n, {
 								toggle: !1,
 								parent: l.alwaysOpen ? void 0 : `#${u.value}`
 							});
-							h.set(n, i);
+							h.set(r, i);
 							let a = {
-								show: () => C(n),
-								shown: () => w(n),
-								hide: () => O(n),
-								hidden: () => k(n)
+								show: () => O(r),
+								shown: () => k(r),
+								hide: () => j(r),
+								hidden: () => M(r)
 							};
-							S.set(n, a), t.addEventListener("show.bs.collapse", a.show), t.addEventListener("shown.bs.collapse", a.shown), t.addEventListener("hide.bs.collapse", a.hide), t.addEventListener("hidden.bs.collapse", a.hidden), l.items.find((e) => e.id === n)?.show && i.show();
+							w.set(r, a), t.addEventListener("show.bs.collapse", a.show), t.addEventListener("shown.bs.collapse", a.shown), t.addEventListener("hide.bs.collapse", a.hide), t.addEventListener("hidden.bs.collapse", a.hidden), l.items.find((e) => e.id === r)?.show && i.show();
 						}
 					});
 				} catch (e) {
@@ -1907,25 +1943,38 @@ var lt = ["id"], ut = { class: "accordion-header" }, dt = [
 						originalError: e
 					});
 				} finally {
-					v = !1, b && (b = !1, M());
+					v = !1, !C && b && (b = !1, P());
 				}
 			}
 		};
-		y(M), _(() => {
-			h.forEach((e, t) => j(t));
+		y(P), _(() => {
+			C = !0, h.forEach((e, t) => N(t));
 		}), I([() => l.items, () => l.alwaysOpen], async () => {
-			let e = [...h.keys()];
-			for (let t of e) j(t);
-			h.clear(), g.clear(), await p(), await M();
+			if (!S) {
+				S = !0;
+				try {
+					let e = [...h.keys()];
+					for (let t of e) N(t);
+					h.clear(), g.clear(), await p(), await P();
+				} catch (e) {
+					d("component-error", {
+						message: "Error reinitialising accordion items.",
+						componentName: "VibeAccordion",
+						originalError: e
+					});
+				} finally {
+					S = !1;
+				}
+			}
 		}, { deep: !1 });
-		let N = (e, t) => {
+		let F = (e, t) => {
 			d("item-click", {
 				item: e,
 				index: t
 			});
 		};
 		return r({
-			refresh: M,
+			refresh: P,
 			_unsafe_bsInstances: h
 		}), (n, r) => (x(), a("div", {
 			ref_key: "accordionRef",
@@ -1935,27 +1984,27 @@ var lt = ["id"], ut = { class: "accordion-header" }, dt = [
 		}, [(x(!0), a(e, null, E(t.items, (e, r) => (x(), a("div", {
 			key: e.id,
 			class: "accordion-item"
-		}, [o("h2", ut, [o("button", {
+		}, [o("h2", dt, [o("button", {
 			class: m(["accordion-button", { collapsed: !e.show }]),
 			type: "button",
 			"data-bs-toggle": "collapse",
 			"data-bs-target": `#${e.id}`,
 			"aria-expanded": e.show,
 			"aria-controls": e.id,
-			onClick: (t) => N(e, r)
+			onClick: (t) => F(e, r)
 		}, [D(n.$slots, "title", {
 			item: e,
 			index: r
-		}, () => [s(A(e.title), 1)])], 10, dt)]), o("div", {
+		}, () => [s(A(e.title), 1)])], 10, ft)]), o("div", {
 			id: e.id,
 			class: m(["accordion-collapse", "collapse"]),
 			"data-bs-parent": t.alwaysOpen ? void 0 : `#${u.value}`
-		}, [o("div", pt, [D(n.$slots, "content", {
+		}, [o("div", mt, [D(n.$slots, "content", {
 			item: e,
 			index: r
-		}, () => [s(A(e.content), 1)])])], 8, ft)]))), 128))], 10, lt));
+		}, () => [s(A(e.content), 1)])])], 8, pt)]))), 128))], 10, ut));
 	}
-}), ht = /* @__PURE__ */ c({
+}), gt = /* @__PURE__ */ c({
 	__name: "VibeCollapse",
 	props: {
 		id: {
@@ -1988,22 +2037,22 @@ var lt = ["id"], ut = { class: "accordion-header" }, dt = [
 		"component-error"
 	],
 	setup(e, { emit: t }) {
-		let i = q("collapse"), a = e, o = t, s = u(Fe, null), c = n(() => a.id || i), l = T(null), d = k(null), f = T(!1), h = T(!1), g = null, v = () => {
+		let i = q("collapse"), a = e, o = t, s = u(Ie, null), c = n(() => a.id || i), l = T(null), d = k(null), f = T(!1), h = T(!1), g = !1, v = null, b = () => {
 			f.value = !0, o("show");
-		}, b = () => {
-			o("shown"), o("update:modelValue", !0);
 		}, S = () => {
-			o("hide");
+			o("shown"), o("update:modelValue", !0);
 		}, C = () => {
+			o("hide");
+		}, w = () => {
 			f.value = !1, o("hidden"), o("update:modelValue", !1);
 		};
 		y(async () => {
 			if (l.value) try {
 				let e = (await import("bootstrap")).Collapse;
-				if (!l.value) return;
-				d.value = new e(l.value, { toggle: !1 }), l.value.addEventListener("show.bs.collapse", v), l.value.addEventListener("shown.bs.collapse", b), l.value.addEventListener("hide.bs.collapse", S), l.value.addEventListener("hidden.bs.collapse", C);
-				let t = g === null ? s && c.value in s.collapseStates ? s.collapseStates[c.value] : a.modelValue : g;
-				if (g = null, h.value = !0, await p(), !d.value) return;
+				if (g || !l.value) return;
+				d.value = new e(l.value, { toggle: !1 }), l.value.addEventListener("show.bs.collapse", b), l.value.addEventListener("shown.bs.collapse", S), l.value.addEventListener("hide.bs.collapse", C), l.value.addEventListener("hidden.bs.collapse", w);
+				let t = v === null ? s && c.value in s.collapseStates ? s.collapseStates[c.value] : a.modelValue : v;
+				if (v = null, h.value = !0, await p(), !d.value) return;
 				t && d.value.show();
 			} catch (e) {
 				h.value = !0, o("component-error", {
@@ -2013,33 +2062,33 @@ var lt = ["id"], ut = { class: "accordion-header" }, dt = [
 				});
 			}
 		}), _(() => {
-			l.value && (l.value.removeEventListener("show.bs.collapse", v), l.value.removeEventListener("shown.bs.collapse", b), l.value.removeEventListener("hide.bs.collapse", S), l.value.removeEventListener("hidden.bs.collapse", C)), d.value &&= (d.value.dispose(), null);
+			g = !0, l.value && (l.value.removeEventListener("show.bs.collapse", b), l.value.removeEventListener("shown.bs.collapse", S), l.value.removeEventListener("hide.bs.collapse", C), l.value.removeEventListener("hidden.bs.collapse", w)), d.value &&= (d.value.dispose(), null);
 		});
-		let w = n(() => s && c.value in s.collapseStates ? s.collapseStates[c.value] : a.modelValue);
-		I(w, (e) => {
+		let E = n(() => s && c.value in s.collapseStates ? s.collapseStates[c.value] : a.modelValue);
+		I(E, (e) => {
 			if (!h.value) {
-				g = e;
+				v = e;
 				return;
 			}
 			d.value && (e && !f.value ? d.value.show() : !e && f.value && d.value.hide());
 		}), I(() => a.modelValue, (e) => {
 			s && c.value in s.collapseStates && s.collapseStates[c.value] !== e && (s.collapseStates[c.value] = e);
 		});
-		let E = n(() => {
+		let A = n(() => {
 			let e = ["collapse"];
-			return a.isNav && e.push("navbar-collapse"), a.horizontal && e.push("collapse-horizontal"), !h.value && w.value && e.push("show"), e.join(" ");
+			return a.isNav && e.push("navbar-collapse"), a.horizontal && e.push("collapse-horizontal"), !h.value && E.value && e.push("show"), e.join(" ");
 		});
 		return (t, n) => (x(), r(O(e.tag), {
 			ref_key: "collapseRef",
 			ref: l,
 			id: c.value,
-			class: m(E.value)
+			class: m(A.value)
 		}, {
 			default: R(() => [D(t.$slots, "default")]),
 			_: 3
 		}, 8, ["id", "class"]));
 	}
-}), gt = ["id", "data-bs-auto-close"], _t = ["id", "data-bs-auto-close"], vt = ["aria-labelledby"], yt = { key: 0 }, bt = { key: 1 }, xt = { class: "dropdown-header" }, St = { key: 2 }, Ct = /* @__PURE__ */ c({
+}), _t = ["id", "data-bs-auto-close"], vt = ["id", "data-bs-auto-close"], yt = ["aria-labelledby"], bt = { key: 0 }, xt = { key: 1 }, St = { class: "dropdown-header" }, Ct = { key: 2 }, wt = /* @__PURE__ */ c({
 	__name: "VibeDropdown",
 	props: {
 		id: {
@@ -2094,14 +2143,10 @@ var lt = ["id"], ut = { class: "accordion-header" }, dt = [
 		}), M = n(() => {
 			let e = ["dropdown-menu"];
 			return u.menuEnd && e.push("dropdown-menu-end"), e.join(" ");
-		}), N = n(() => {
-			let e = /* @__PURE__ */ new Map();
-			for (let t of u.items) {
-				let n = ["dropdown-item"];
-				t.active && n.push("active"), t.disabled && n.push("disabled"), e.set(t, n.join(" "));
-			}
-			return e;
-		}), P = () => d("show"), F = () => d("shown"), L = () => d("hide"), z = () => d("hidden"), B = async () => {
+		}), N = (e) => {
+			let t = ["dropdown-item"];
+			return e.active && t.push("active"), e.disabled && t.push("disabled"), t.join(" ");
+		}, P = () => d("show"), F = () => d("shown"), L = () => d("hide"), z = () => d("hidden"), B = async () => {
 			if (!(!p.value || b)) {
 				b = !0;
 				try {
@@ -2162,7 +2207,7 @@ var lt = ["id"], ut = { class: "accordion-header" }, dt = [
 			"data-bs-toggle": "dropdown",
 			"aria-expanded": "false",
 			"data-bs-auto-close": t.autoClose
-		}, [...i[0] ||= [o("span", { class: "visually-hidden" }, "Toggle Dropdown", -1)]], 10, _t)], 64)) : (x(), a("button", {
+		}, [...i[0] ||= [o("span", { class: "visually-hidden" }, "Toggle Dropdown", -1)]], 10, vt)], 64)) : (x(), a("button", {
 			key: 0,
 			id: f.value,
 			class: m([w.value, "dropdown-toggle"]),
@@ -2170,14 +2215,14 @@ var lt = ["id"], ut = { class: "accordion-header" }, dt = [
 			"data-bs-toggle": "dropdown",
 			"aria-expanded": "false",
 			"data-bs-auto-close": t.autoClose
-		}, [D(n.$slots, "button", {}, () => [s(A(t.text), 1)])], 10, gt)), o("ul", {
+		}, [D(n.$slots, "button", {}, () => [s(A(t.text), 1)])], 10, _t)), o("ul", {
 			class: m(M.value),
 			"aria-labelledby": f.value
-		}, [(x(!0), a(e, null, E(t.items, (t, c) => (x(), a(e, { key: t.text || t.href || String(t.to) || c }, [t.divider ? (x(), a("li", yt, [...i[1] ||= [o("hr", { class: "dropdown-divider" }, null, -1)]])) : t.header ? (x(), a("li", bt, [o("h6", xt, [D(n.$slots, "header", {
+		}, [(x(!0), a(e, null, E(t.items, (t, c) => (x(), a(e, { key: t.text || t.href || j(je)(t.to) || c }, [t.divider ? (x(), a("li", bt, [...i[1] ||= [o("hr", { class: "dropdown-divider" }, null, -1)]])) : t.header ? (x(), a("li", xt, [o("h6", St, [D(n.$slots, "header", {
 			item: t,
 			index: c
-		}, () => [s(A(t.text), 1)])])])) : (x(), a("li", St, [(x(), r(O(j(G)(t.href) ? "a" : t.to ? "router-link" : "button"), {
-			class: m(N.value.get(t)),
+		}, () => [s(A(t.text), 1)])])])) : (x(), a("li", Ct, [(x(), r(O(j(G)(t.href) ? "a" : t.to ? "router-link" : "button"), {
+			class: m(N(t)),
 			href: j(G)(t.href),
 			to: t.to,
 			type: !t.href && !t.to ? "button" : void 0,
@@ -2196,43 +2241,43 @@ var lt = ["id"], ut = { class: "accordion-header" }, dt = [
 			"type",
 			"disabled",
 			"onClick"
-		]))]))], 64))), 128))], 10, vt)], 2));
+		]))]))], 64))), 128))], 10, yt)], 2));
 	}
-}), wt = [];
-function Tt(e) {
-	if (wt.length > 0) {
+}), Tt = [];
+function Et(e) {
+	if (Tt.length > 0) {
 		e.preventDefault();
-		let t = wt.pop();
+		let t = Tt.pop();
 		t && t.action();
 	}
 }
-function Et(e) {
+function Dt(e) {
 	let t = Symbol();
 	y(() => {
-		wt.push({
+		Tt.push({
 			token: t,
 			action: e
-		}), wt.length === 1 && typeof document < "u" && document.addEventListener("backbutton", Tt);
+		}), Tt.length === 1 && typeof document < "u" && document.addEventListener("backbutton", Et);
 	}), b(() => {
-		let e = wt.findIndex((e) => e.token === t);
-		e !== -1 && wt.splice(e, 1), wt.length === 0 && typeof document < "u" && document.removeEventListener("backbutton", Tt);
+		let e = Tt.findIndex((e) => e.token === t);
+		e !== -1 && Tt.splice(e, 1), Tt.length === 0 && typeof document < "u" && document.removeEventListener("backbutton", Et);
 	});
 }
 //#endregion
 //#region src/components/VibeModal.vue?vue&type=script&setup=true&lang.ts
-var Dt = [
+var Ot = [
 	"id",
 	"aria-labelledby",
 	"aria-hidden",
 	"data-bs-backdrop",
 	"data-bs-keyboard"
-], Ot = { class: "modal-content" }, kt = {
+], kt = { class: "modal-content" }, At = {
 	key: 0,
 	class: "modal-header"
-}, At = ["id"], jt = { class: "modal-body" }, Mt = {
+}, jt = ["id"], Mt = { class: "modal-body" }, Nt = {
 	key: 1,
 	class: "modal-footer"
-}, Nt = /* @__PURE__ */ W(/* @__PURE__ */ c({
+}, Pt = "a[href], button:not([disabled]), input:not([disabled]),select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])", Ft = /*#__PURE__*/ W(/* @__PURE__ */ c({
 	__name: "VibeModal",
 	props: {
 		id: {
@@ -2278,6 +2323,14 @@ var Dt = [
 		teleport: {
 			type: [String, Boolean],
 			default: "body"
+		},
+		autoFocus: {
+			type: Boolean,
+			default: !0
+		},
+		submitOnMetaEnter: {
+			type: Boolean,
+			default: !0
 		}
 	},
 	emits: [
@@ -2289,37 +2342,65 @@ var Dt = [
 		"component-error"
 	],
 	setup(e, { expose: c, emit: l }) {
-		let u = q("modal"), d = e, f = l, p = n(() => d.id || u), h = T(null), g = k(null), v = T(!1), b = null, S = !1, C = !1, w = !1, E = n(() => {
+		let u = q("modal"), d = e, f = l, p = n(() => d.id || u), h = T(null), g = k(null), v = T(!1), b = null, S = [];
+		function C() {
+			return h.value ? Array.from(h.value.querySelectorAll(Pt)) : [];
+		}
+		function w(e) {
+			if (!v.value) return;
+			if (d.submitOnMetaEnter && (e.metaKey || e.ctrlKey) && e.key === "Enter") {
+				(h.value?.querySelector("form"))?.requestSubmit();
+				return;
+			}
+			if (e.key !== "Tab") return;
+			let t = C();
+			if (t.length === 0) return;
+			let n = t[0], r = t[t.length - 1];
+			e.shiftKey ? document.activeElement === n && (e.preventDefault(), r.focus()) : document.activeElement === r && (e.preventDefault(), n.focus());
+		}
+		function E() {
+			let e = h.value?.parentElement;
+			e && Array.from(e.children).forEach((e) => {
+				let t = e;
+				t === h.value || t.inert || (t.inert = !0, S.push(t));
+			});
+		}
+		function O() {
+			S.forEach((e) => {
+				e.inert = !1;
+			}), S.length = 0;
+		}
+		let j = !1, M = !1, N = !1, P = n(() => {
 			let e = ["modal-dialog"];
 			return d.size && e.push(`modal-${d.size}`), d.centered && e.push("modal-dialog-centered"), d.scrollable && e.push("modal-dialog-scrollable"), d.fullscreen === !0 ? e.push("modal-fullscreen") : typeof d.fullscreen == "string" && e.push(`modal-fullscreen-${d.fullscreen}-down`), e.join(" ");
-		}), O = () => {
+		}), F = () => {
 			typeof document < "u" && (b = document.activeElement), f("show");
-		}, j = () => {
-			v.value = !0, f("shown"), f("update:modelValue", !0);
-		}, M = () => {
+		}, L = () => {
+			v.value = !0, f("shown"), f("update:modelValue", !0), E(), d.autoFocus && h.value && h.value.querySelector("input:not([type=\"hidden\"]), select, textarea")?.focus();
+		}, R = () => {
 			f("hide");
-		}, N = () => {
-			v.value = !1, f("hidden"), f("update:modelValue", !1), b && typeof b.focus == "function" && b.focus(), b = null;
+		}, z = () => {
+			v.value = !1, f("hidden"), f("update:modelValue", !1), O(), b && typeof b.focus == "function" && b.focus(), b = null;
 		};
-		function P() {
-			C || !h.value || (h.value.addEventListener("show.bs.modal", O), h.value.addEventListener("shown.bs.modal", j), h.value.addEventListener("hide.bs.modal", M), h.value.addEventListener("hidden.bs.modal", N), C = !0);
+		function B() {
+			M || !h.value || (h.value.addEventListener("show.bs.modal", F), h.value.addEventListener("shown.bs.modal", L), h.value.addEventListener("hide.bs.modal", R), h.value.addEventListener("hidden.bs.modal", z), h.value.addEventListener("keydown", w), M = !0);
 		}
-		function F() {
-			!C || !h.value || (h.value.removeEventListener("show.bs.modal", O), h.value.removeEventListener("shown.bs.modal", j), h.value.removeEventListener("hide.bs.modal", M), h.value.removeEventListener("hidden.bs.modal", N), C = !1);
+		function V() {
+			!M || !h.value || (h.value.removeEventListener("show.bs.modal", F), h.value.removeEventListener("shown.bs.modal", L), h.value.removeEventListener("hide.bs.modal", R), h.value.removeEventListener("hidden.bs.modal", z), h.value.removeEventListener("keydown", w), M = !1);
 		}
-		let L = async () => {
-			if (h.value && !S) {
-				S = !0;
+		let H = async () => {
+			if (h.value && !j) {
+				j = !0;
 				try {
-					g.value &&= (F(), g.value.dispose(), null);
+					g.value &&= (V(), g.value.dispose(), null);
 					let e = await import("bootstrap");
-					if (!h.value || w) return;
+					if (!h.value || N) return;
 					let t = e.Modal;
 					g.value = new t(h.value, {
 						backdrop: d.staticBackdrop ? "static" : !0,
 						keyboard: !d.staticBackdrop,
 						focus: !0
-					}), P(), d.modelValue && g.value.show();
+					}), B(), d.modelValue && g.value.show();
 				} catch (e) {
 					f("component-error", {
 						message: "Bootstrap JS not loaded. Modal will use data attributes only.",
@@ -2327,21 +2408,21 @@ var Dt = [
 						originalError: e
 					});
 				} finally {
-					S = !1;
+					j = !1;
 				}
 			}
 		};
-		y(L), _(() => {
-			w = !0, F(), g.value?.dispose(), g.value = null;
+		y(H), _(() => {
+			N = !0, O(), V(), g.value?.dispose(), g.value = null;
 		}), I(() => d.modelValue, (e) => {
 			g.value && (e && !v.value ? g.value.show() : !e && v.value && g.value.hide());
-		}), I(() => d.staticBackdrop, L);
-		let R = () => g.value?.show(), z = () => g.value?.hide();
-		return Et(() => {
-			v.value && z();
+		}), I(() => d.staticBackdrop, H);
+		let ee = () => g.value?.show(), te = () => g.value?.hide();
+		return Dt(() => {
+			v.value && te();
 		}), c({
-			show: R,
-			hide: z,
+			show: ee,
+			hide: te,
 			handleUpdate: () => g.value?.handleUpdate(),
 			_unsafe_bsInstance: g
 		}), (n, c) => (x(), r(t, {
@@ -2357,30 +2438,30 @@ var Dt = [
 			"aria-hidden": v.value ? void 0 : "true",
 			"data-bs-backdrop": e.staticBackdrop ? "static" : void 0,
 			"data-bs-keyboard": !e.staticBackdrop
-		}, [o("div", { class: m(E.value) }, [o("div", Ot, [
-			e.hideHeader ? i("", !0) : (x(), a("div", kt, [o("h5", {
+		}, [o("div", { class: m(P.value) }, [o("div", kt, [
+			e.hideHeader ? i("", !0) : (x(), a("div", At, [o("h5", {
 				id: `${p.value}-label`,
 				class: "modal-title"
-			}, [D(n.$slots, "header", {}, () => [s(A(e.title), 1)], !0)], 8, At), o("button", {
+			}, [D(n.$slots, "header", {}, () => [s(A(e.title), 1)], !0)], 8, jt), o("button", {
 				type: "button",
 				class: "btn-close",
 				"aria-label": "Close",
-				onClick: z
+				onClick: te
 			})])),
-			o("div", jt, [D(n.$slots, "default", {}, void 0, !0)]),
-			e.hideFooter ? i("", !0) : (x(), a("div", Mt, [D(n.$slots, "footer", {}, () => [o("button", {
+			o("div", Mt, [D(n.$slots, "default", {}, void 0, !0)]),
+			e.hideFooter ? i("", !0) : (x(), a("div", Nt, [D(n.$slots, "footer", {}, () => [o("button", {
 				type: "button",
 				class: "btn btn-secondary",
-				onClick: z
+				onClick: te
 			}, "Close")], !0)]))
-		])], 2)], 8, Dt)], 8, ["to", "disabled"]));
+		])], 2)], 8, Ot)], 8, ["to", "disabled"]));
 	}
-}), [["__scopeId", "data-v-ed3ac656"]]), Pt = [
+}), [["__scopeId", "data-v-37f40a50"]]), It = [
 	"id",
 	"aria-labelledby",
 	"data-bs-backdrop",
 	"data-bs-scroll"
-], Ft = { class: "offcanvas-header" }, It = ["id"], Lt = { class: "offcanvas-body" }, Rt = /* @__PURE__ */ W(/* @__PURE__ */ c({
+], Lt = { class: "offcanvas-header" }, Rt = ["id"], zt = { class: "offcanvas-body" }, Bt = /*#__PURE__*/ W(/* @__PURE__ */ c({
 	__name: "VibeOffcanvas",
 	props: {
 		id: {
@@ -2470,7 +2551,7 @@ var Dt = [
 			() => l.scroll
 		], P);
 		let F = () => p.value?.show(), L = () => p.value?.hide();
-		return Et(() => {
+		return Dt(() => {
 			h.value && L();
 		}), i({
 			show: F,
@@ -2488,28 +2569,20 @@ var Dt = [
 			"aria-labelledby": `${d.value}-label`,
 			"data-bs-backdrop": e.backdrop === !1 ? "false" : e.backdrop === "static" ? "static" : "true",
 			"data-bs-scroll": e.scroll
-		}, [o("div", Ft, [o("h5", {
+		}, [o("div", Lt, [o("h5", {
 			id: `${d.value}-label`,
 			class: "offcanvas-title"
-		}, [D(n.$slots, "header", {}, () => [s(A(e.title), 1)], !0)], 8, It), o("button", {
+		}, [D(n.$slots, "header", {}, () => [s(A(e.title), 1)], !0)], 8, Rt), o("button", {
 			type: "button",
 			class: "btn-close",
 			"aria-label": "Close",
 			onClick: L
-		})]), o("div", Lt, [D(n.$slots, "default", {}, void 0, !0)])], 10, Pt)], 8, ["to", "disabled"]));
+		})]), o("div", zt, [D(n.$slots, "default", {}, void 0, !0)])], 10, It)], 8, ["to", "disabled"]));
 	}
-}), [["__scopeId", "data-v-417d55a1"]]), zt = [
-	"id",
-	"data-bs-autohide",
-	"data-bs-delay"
-], Bt = {
+}), [["__scopeId", "data-v-417d55a1"]]), Vt = {
 	key: 0,
 	class: "toast-header"
-}, Vt = { class: "me-auto" }, Ht = { class: "toast-body" }, Ut = [
-	"id",
-	"data-bs-autohide",
-	"data-bs-delay"
-], Wt = {
+}, Ht = { class: "me-auto" }, Ut = { class: "toast-body" }, Wt = {
 	key: 0,
 	class: "toast-header"
 }, Gt = { class: "me-auto" }, Kt = { class: "toast-body" }, qt = /* @__PURE__ */ c({
@@ -2561,38 +2634,38 @@ var Dt = [
 		"component-error"
 	],
 	setup(e, { expose: s, emit: c }) {
-		let l = q("toast"), u = e, d = c, f = n(() => u.id ?? l), p = T(null), h = k(null), g = T(!1), v = n(() => {
+		let l = q("toast"), u = e, d = c, p = n(() => u.id ?? l), h = T(null), g = k(null), v = T(!1), b = n(() => {
 			let e = ["toast"];
 			return u.variant && e.push(`text-bg-${u.variant}`), e.join(" ");
-		}), b = n(() => {
+		}), S = n(() => {
 			let e = [
 				"toast-container",
 				"position-fixed",
 				"p-3"
 			], t = u.placement;
 			return t.includes("top") && e.push("top-0"), t.includes("bottom") && e.push("bottom-0"), t.includes("middle") && e.push("top-50", "start-50", "translate-middle"), t.includes("start") && e.push("start-0"), t.includes("end") && e.push("end-0"), t.includes("center") && !t.includes("middle") && e.push("start-50", "translate-middle-x"), e.join(" ");
-		}), S = () => {
+		}), C = () => {
 			d("show");
-		}, C = () => {
-			g.value = !0, d("shown"), d("update:modelValue", !0);
 		}, w = () => {
-			d("hide");
+			v.value = !0, d("shown"), d("update:modelValue", !0);
 		}, E = () => {
-			g.value = !1, d("hidden"), d("update:modelValue", !1);
+			d("hide");
 		}, O = () => {
-			let e = p.value;
-			e && (e.removeEventListener("show.bs.toast", S), e.removeEventListener("shown.bs.toast", C), e.removeEventListener("hide.bs.toast", w), e.removeEventListener("hidden.bs.toast", E));
-		}, j = !1, M = !1, N = async () => {
-			if (!(!p.value || j)) {
-				j = !0, O(), h.value &&= (h.value.dispose(), null);
+			v.value = !1, d("hidden"), d("update:modelValue", !1);
+		}, j = () => {
+			let e = h.value;
+			e && (e.removeEventListener("show.bs.toast", C), e.removeEventListener("shown.bs.toast", w), e.removeEventListener("hide.bs.toast", E), e.removeEventListener("hidden.bs.toast", O));
+		}, M = !1, N = !1, P = async () => {
+			if (!(!h.value || M)) {
+				M = !0, j(), g.value &&= (g.value.dispose(), null);
 				try {
 					let e = await import("bootstrap");
-					if (!p.value || M) return;
+					if (!h.value || N) return;
 					let t = e.Toast;
-					h.value = new t(p.value, {
+					g.value = new t(h.value, {
 						autohide: u.autohide,
 						delay: u.delay
-					}), p.value.addEventListener("show.bs.toast", S), p.value.addEventListener("shown.bs.toast", C), p.value.addEventListener("hide.bs.toast", w), p.value.addEventListener("hidden.bs.toast", E), u.modelValue && h.value.show();
+					}), h.value.addEventListener("show.bs.toast", C), h.value.addEventListener("shown.bs.toast", w), h.value.addEventListener("hide.bs.toast", E), h.value.addEventListener("hidden.bs.toast", O), u.modelValue && g.value.show();
 				} catch (e) {
 					d("component-error", {
 						message: "Bootstrap JS not loaded. Toast will use data attributes only.",
@@ -2600,59 +2673,55 @@ var Dt = [
 						originalError: e
 					});
 				} finally {
-					j = !1;
+					M = !1;
 				}
 			}
 		};
-		y(N), _(() => {
-			M = !0, O(), h.value &&= (h.value.dispose(), null);
+		y(P), _(() => {
+			N = !0, j(), g.value &&= (g.value.dispose(), null);
 		}), I(() => u.modelValue, (e) => {
-			h.value && (e && !g.value ? h.value.show() : !e && g.value && h.value.hide());
-		}), I([() => u.autohide, () => u.delay], N);
-		let P = () => h.value?.show(), F = () => h.value?.hide();
-		return s({
-			show: P,
-			hide: F,
-			_unsafe_bsInstance: h
-		}), (n, s) => e.noContainer ? (x(), a("div", {
-			key: 0,
-			ref_key: "toastRef",
-			ref: p,
-			id: f.value,
-			class: m(v.value),
+			g.value && (e && !v.value ? g.value.show() : !e && v.value && g.value.hide());
+		}), I([() => u.autohide, () => u.delay], P);
+		let F = () => g.value?.show(), L = () => g.value?.hide();
+		s({
+			show: F,
+			hide: L,
+			_unsafe_bsInstance: g
+		});
+		let R = n(() => ({
+			id: p.value,
+			class: b.value,
 			role: "alert",
 			"aria-live": "assertive",
 			"aria-atomic": "true",
-			"data-bs-autohide": e.autohide,
-			"data-bs-delay": e.delay
-		}, [e.title || n.$slots.header ? (x(), a("div", Bt, [D(n.$slots, "header", {}, () => [o("strong", Vt, A(e.title), 1)]), o("button", {
+			"data-bs-autohide": u.autohide,
+			"data-bs-delay": u.delay
+		}));
+		return (n, s) => (x(), r(t, {
+			to: e.teleport === !0 ? "body" : e.teleport || void 0,
+			disabled: e.noContainer || !e.teleport
+		}, [e.noContainer ? (x(), a("div", f({
+			key: 1,
+			ref_key: "toastRef",
+			ref: h
+		}, R.value), [e.title || n.$slots.header ? (x(), a("div", Wt, [D(n.$slots, "header", {}, () => [o("strong", Gt, A(e.title), 1)]), o("button", {
 			type: "button",
 			class: "btn-close",
 			"aria-label": "Close",
-			onClick: F
-		})])) : i("", !0), o("div", Ht, [D(n.$slots, "default")])], 10, zt)) : (x(), r(t, {
-			key: 1,
-			to: e.teleport === !0 ? "body" : e.teleport || void 0,
-			disabled: !e.teleport
-		}, [o("div", {
-			class: m(b.value),
+			onClick: L
+		})])) : i("", !0), o("div", Kt, [D(n.$slots, "default")])], 16)) : (x(), a("div", {
+			key: 0,
+			class: m(S.value),
 			style: { "z-index": "1090" }
-		}, [o("div", {
+		}, [o("div", f({
 			ref_key: "toastRef",
-			ref: p,
-			id: f.value,
-			class: m(v.value),
-			role: "alert",
-			"aria-live": "assertive",
-			"aria-atomic": "true",
-			"data-bs-autohide": e.autohide,
-			"data-bs-delay": e.delay
-		}, [e.title || n.$slots.header ? (x(), a("div", Wt, [D(n.$slots, "header", {}, () => [o("strong", Gt, A(e.title), 1)]), o("button", {
+			ref: h
+		}, R.value), [e.title || n.$slots.header ? (x(), a("div", Vt, [D(n.$slots, "header", {}, () => [o("strong", Ht, A(e.title), 1)]), o("button", {
 			type: "button",
 			class: "btn-close",
 			"aria-label": "Close",
-			onClick: F
-		})])) : i("", !0), o("div", Kt, [D(n.$slots, "default")])], 10, Ut)], 2)], 8, ["to", "disabled"]));
+			onClick: L
+		})])) : i("", !0), o("div", Ut, [D(n.$slots, "default")])], 16)], 2))], 8, ["to", "disabled"]));
 	}
 }), Jt = C({ toasts: [] }), Yt = /* @__PURE__ */ new Map(), Xt = 0, Zt = () => (Xt += 1, `vibe-toast-${Xt}`), Qt = (e, t) => {
 	let n = t.id ?? Zt(), r = Yt.get(n);
@@ -2727,21 +2796,17 @@ var nn = () => {
 				placement: e,
 				toasts: t
 			}));
-		}), u = /* @__PURE__ */ new Map(), d = (e) => {
-			let t = u.get(e);
-			if (t !== void 0) return t;
-			let n = [
+		}), u = (e) => {
+			let t = [
 				"toast-container",
 				"position-fixed",
 				"p-3"
 			];
-			e.includes("top") && n.push("top-0"), e.includes("bottom") && n.push("bottom-0"), e.includes("middle") && n.push("top-50", "start-50", "translate-middle"), e.includes("start") && n.push("start-0"), e.includes("end") && n.push("end-0"), e.includes("center") && !e.includes("middle") && n.push("start-50", "translate-middle-x");
-			let r = n.join(" ");
-			return u.set(e, r), r;
+			return e.includes("top") && t.push("top-0"), e.includes("bottom") && t.push("bottom-0"), e.includes("middle") && t.push("top-50", "start-50", "translate-middle"), e.includes("start") && t.push("start-0"), e.includes("end") && t.push("end-0"), e.includes("center") && !e.includes("middle") && t.push("start-50", "translate-middle-x"), t.join(" ");
 		};
 		return (n, i) => (x(), r(t, { to: "body" }, [(x(!0), a(e, null, E(l.value, (t) => (x(), a("div", {
 			key: t.placement,
-			class: m(d(t.placement)),
+			class: m(u(t.placement)),
 			style: { "z-index": "1090" }
 		}, [(x(!0), a(e, null, E(t.toasts, (e) => (x(), r(qt, {
 			key: e.id,
@@ -2973,7 +3038,7 @@ var nn = () => {
 	setup(e, { expose: t, emit: r }) {
 		let i = e, o = r;
 		i.content !== void 0 && i.text === void 0 && console.warn("[VibeTooltip] The `content` prop is deprecated and may be removed in a future version. Use `text` instead.");
-		let s = T(null), c = k(null), l = !1, u = () => typeof window < "u" && ("ontouchstart" in window || typeof navigator < "u" && navigator.maxTouchPoints > 0), d = n(() => u() && i.trigger === "hover focus" ? "click" : i.trigger), f = !1, p = !1, m = async () => {
+		let s = T(null), c = k(null), l = !1, u = typeof window < "u" && ("ontouchstart" in window || typeof navigator < "u" && navigator.maxTouchPoints > 0), d = n(() => u && i.trigger === "hover focus" ? "click" : i.trigger), f = !1, p = !1, m = async () => {
 			if (s.value) {
 				if (f) {
 					p = !0;
@@ -3044,7 +3109,7 @@ var nn = () => {
 	},
 	emits: ["component-error"],
 	setup(e, { expose: t, emit: r }) {
-		let i = e, o = r, s = T(null), c = k(null), l = !1, u = () => typeof window < "u" && ("ontouchstart" in window || typeof navigator < "u" && navigator.maxTouchPoints > 0), d = n(() => u() && i.trigger === "hover focus" ? "click" : i.trigger), f = !1, p = !1, m = async () => {
+		let i = e, o = r, s = T(null), c = k(null), l = !1, u = typeof window < "u" && ("ontouchstart" in window || typeof navigator < "u" && navigator.maxTouchPoints > 0), d = n(() => u && i.trigger === "hover focus" ? "click" : i.trigger), f = !1, p = !1, m = async () => {
 			if (s.value) {
 				if (f) {
 					p = !0;
@@ -3135,12 +3200,14 @@ var nn = () => {
 				try {
 					let e = (await import("bootstrap")).ScrollSpy;
 					if (!s.value || u) return;
-					a.offset !== void 0 && console.warn("[VibeScrollspy] The `offset` prop is deprecated (Bootstrap 5.2+). Use `rootMargin` instead."), c.value = new e(s.value, {
+					a.offset !== void 0 && console.warn("[VibeScrollspy] The `offset` prop is deprecated (Bootstrap 5.2+). Use `rootMargin` instead.");
+					let t = {
 						target: a.target,
 						rootMargin: a.rootMargin,
 						method: a.method,
 						smoothScroll: a.smoothScroll
-					}), s.value.addEventListener("activate.bs.scrollspy", d);
+					};
+					c.value = new e(s.value, t), s.value.addEventListener("activate.bs.scrollspy", d);
 				} catch (e) {
 					o("component-error", {
 						message: "Bootstrap JS not loaded. ScrollSpy will use data attributes only.",
@@ -3242,7 +3309,10 @@ var nn = () => {
 			let e = ["bi", `bi-${r.icon}`];
 			return r.customClass && e.push(r.customClass), e.join(" ");
 		}), s = n(() => {
-			let e = {};
+			let e = {
+				cursor: "inherit",
+				userSelect: "none"
+			};
 			if (r.fontSize) {
 				let t = Ce(r.fontSize);
 				t && (e.fontSize = t);
@@ -3263,7 +3333,7 @@ var nn = () => {
 				t && (e.color = t);
 			}
 			let t = [];
-			return r.flipH && t.push("scaleX(-1)"), r.flipV && t.push("scaleY(-1)"), r.rotate && t.push(`rotate(${r.rotate}deg)`), t.length > 0 && (e.transform = t.join(" "), e.display = "inline-block"), Object.keys(e).length > 0 ? e : void 0;
+			return r.flipH && t.push("scaleX(-1)"), r.flipV && t.push("scaleY(-1)"), r.rotate && t.push(`rotate(${r.rotate}deg)`), t.length > 0 && (e.transform = t.join(" "), e.display = "inline-block"), e;
 		}), c = (e) => {
 			(r.ariaLabel || !r.ariaHidden) && i("click", e);
 		};
@@ -3428,7 +3498,7 @@ var Rn = { class: "vibe-chart" }, zn = {
 }, Bn = {
 	key: 1,
 	class: "vibe-chart-legend vibe-chart-legend--bottom"
-}, Vn = /* @__PURE__ */ W(/* @__PURE__ */ c({
+}, Vn = /*#__PURE__*/ W(/* @__PURE__ */ c({
 	__name: "VibeChartLine",
 	props: {
 		data: {
@@ -3483,7 +3553,7 @@ var Rn = { class: "vibe-chart" }, zn = {
 			d = e, f = t, v();
 		}), y(() => {
 			g(), _ = In(r.data), c.value && l.value && (u = An(c.value, l.value, (e, t) => Ln(e, t, r.data, d, f, r.showAxes, _)));
-		}), I(() => r.data, v, { deep: !0 }), I([
+		}), I(() => r.data, v), I([
 			() => r.showAxes,
 			() => r.showGrid,
 			() => r.smooth,
@@ -3523,7 +3593,7 @@ var Rn = { class: "vibe-chart" }, zn = {
 			}, null, 4), s(" " + A(e.label), 1)]))), 128))])) : i("", !0)
 		]));
 	}
-}), [["__scopeId", "data-v-a910a057"]]), Hn = 5, Un = .2;
+}), [["__scopeId", "data-v-d995a6f3"]]), Hn = 5, Un = .2;
 function Wn(e) {
 	return e ? {
 		left: 50,
@@ -3615,7 +3685,7 @@ var Jn = { class: "vibe-chart" }, Yn = {
 }, Xn = {
 	key: 1,
 	class: "vibe-chart-legend vibe-chart-legend--bottom"
-}, Zn = /* @__PURE__ */ W(/* @__PURE__ */ c({
+}, Zn = /*#__PURE__*/ W(/* @__PURE__ */ c({
 	__name: "VibeChartBar",
 	props: {
 		data: {
@@ -3666,7 +3736,7 @@ var Jn = { class: "vibe-chart" }, Yn = {
 			d = e, f = t, v();
 		}), y(() => {
 			g(), _ = Gn(r.data, r.stacked), c.value && l.value && (u = An(c.value, l.value, (e, t) => qn(e, t, r.data, d, f, r.showAxes, r.stacked, _)));
-		}), I(() => r.data, v, { deep: !0 }), I([
+		}), I(() => r.data, v), I([
 			() => r.showAxes,
 			() => r.showGrid,
 			() => r.stacked
@@ -3705,7 +3775,7 @@ var Jn = { class: "vibe-chart" }, Yn = {
 			}, null, 4), s(" " + A(e.label), 1)]))), 128))])) : i("", !0)
 		]));
 	}
-}), [["__scopeId", "data-v-b143798f"]]);
+}), [["__scopeId", "data-v-eb3ff4df"]]);
 //#endregion
 //#region src/components/chart/drawPie.ts
 function Qn(e, t, n, r, i) {
@@ -3746,7 +3816,7 @@ var er = { class: "vibe-chart" }, tr = {
 }, nr = {
 	key: 1,
 	class: "vibe-chart-legend vibe-chart-legend--bottom"
-}, rr = /* @__PURE__ */ W(/* @__PURE__ */ c({
+}, rr = /*#__PURE__*/ W(/* @__PURE__ */ c({
 	__name: "VibeChartPie",
 	props: {
 		data: {
@@ -3784,7 +3854,7 @@ var er = { class: "vibe-chart" }, tr = {
 			d = e, f = t, _();
 		}), y(() => {
 			g(), c.value && l.value && (u = An(c.value, l.value, (e, t) => $n(e, t, r.data, d, f)));
-		}), I(() => r.data, _, { deep: !0 }), b(() => {
+		}), I(() => r.data, _), b(() => {
 			u?.();
 		}), (n, r) => (x(), a("div", er, [
 			t.legend === "top" ? (x(), a("div", tr, [(x(!0), a(e, null, E(t.data.labels, (e, t) => (x(), a("span", {
@@ -3819,43 +3889,40 @@ var er = { class: "vibe-chart" }, tr = {
 			}, null, 4), s(" " + A(e), 1)]))), 128))])) : i("", !0)
 		]));
 	}
-}), [["__scopeId", "data-v-f45b7211"]]), ir = { class: "vibe-datatable" }, ar = { class: "row mb-3" }, or = {
+}), [["__scopeId", "data-v-bab16cba"]]), ir = { class: "vibe-datatable" }, ar = { class: "row mb-3" }, or = {
 	key: 0,
 	class: "col-md-6 mb-2 mb-md-0"
 }, sr = ["placeholder"], cr = {
 	key: 1,
 	class: "col-md-6"
-}, lr = { class: "d-flex justify-content-md-end align-items-center" }, ur = ["value"], dr = ["onClick"], fr = {
-	key: 0,
-	class: "ms-1"
-}, pr = ["onClick"], mr = ["data-label"], hr = { key: 0 }, gr = ["colspan"], _r = { class: "row" }, vr = {
+}, lr = { class: "d-flex justify-content-md-end align-items-center" }, ur = ["value"], dr = ["aria-sort", "onClick"], fr = ["onClick"], pr = ["data-label"], mr = { key: 0 }, hr = ["colspan"], gr = { class: "row" }, _r = {
 	key: 0,
 	class: "col-md-6 mb-2 mb-md-0"
-}, yr = { class: "datatable-info" }, br = {
+}, vr = { class: "datatable-info" }, yr = {
 	key: 1,
 	class: "col-md-6"
-}, xr = { class: "pagination justify-content-md-end mb-0" }, Sr = {
+}, br = { class: "pagination justify-content-md-end mb-0" }, xr = {
 	key: 0,
 	class: "page-item"
-}, Cr = {
+}, Sr = {
 	key: 1,
 	class: "page-item disabled"
-}, wr = ["onClick"], Tr = {
+}, Cr = ["onClick"], wr = {
 	key: 2,
 	class: "page-item disabled"
-}, Er = {
+}, Tr = {
 	key: 3,
 	class: "page-item"
-}, Dr = /* @__PURE__ */ W(/* @__PURE__ */ c({
+}, Er = /*#__PURE__*/ W(/* @__PURE__ */ c({
 	__name: "VibeDataTable",
-	props: /* @__PURE__ */ d({
+	props: /*@__PURE__*/ d({
 		items: {
 			type: Array,
 			default: () => []
 		},
 		columns: {
 			type: Array,
-			required: !0
+			default: () => []
 		},
 		rowKey: {
 			type: String,
@@ -3946,6 +4013,10 @@ var er = { class: "vibe-chart" }, tr = {
 				50,
 				100
 			]
+		},
+		clickable: {
+			type: Boolean,
+			default: !1
 		}
 	}, {
 		currentPage: { default: 1 },
@@ -3960,33 +4031,30 @@ var er = { class: "vibe-chart" }, tr = {
 		},
 		sortDescModifiers: {}
 	}),
-	emits: /* @__PURE__ */ d(["row-clicked", "component-error"], [
+	emits: /*@__PURE__*/ d(["row-clicked", "component-error"], [
 		"update:currentPage",
 		"update:perPage",
 		"update:sortBy",
 		"update:sortDesc"
 	]),
 	setup(t, { emit: r }) {
-		let c = t, u = M(t, "currentPage"), d = M(t, "perPage"), f = M(t, "sortBy"), p = M(t, "sortDesc"), g = r, v = l(), y = n(() => {
-			let e = v?.vnode.props;
-			return typeof e?.onRowClicked == "function" || typeof e?.["onRow-clicked"] == "function";
-		}), b = T(""), S = T(null), C = T(""), w = (e, t) => c.rowKey && e[c.rowKey] !== void 0 ? String(e[c.rowKey]) : `__row_${V.value - 1 + t}`;
-		I(b, (e) => {
-			S.value !== null && clearTimeout(S.value), S.value = setTimeout(() => {
-				C.value = e, u.value = 1, S.value = null;
+		let c = t, l = M(t, "currentPage"), u = M(t, "perPage"), d = M(t, "sortBy"), f = M(t, "sortDesc"), p = r, g = T(""), v = T(null), y = T(""), b = (e, t) => c.rowKey && e[c.rowKey] !== void 0 ? String(e[c.rowKey]) : `__row_${R.value - 1 + t}`, S = !1;
+		I(g, (e) => {
+			v.value !== null && clearTimeout(v.value), v.value = setTimeout(() => {
+				S || (y.value = e, l.value = 1, v.value = null);
 			}, c.searchDebounce);
 		}), _(() => {
-			S.value !== null && (clearTimeout(S.value), S.value = null);
+			S = !0, v.value !== null && (clearTimeout(v.value), v.value = null);
 		});
-		let O = n(() => {
-			if (!c.searchable || !C.value) return c.items || [];
-			let e = C.value.toLowerCase();
+		let C = n(() => {
+			if (!c.searchable || !y.value) return c.items || [];
+			let e = y.value.toLowerCase();
 			return (c.items || []).filter((t) => (c.columns || []).some((n) => {
 				if (n.searchable === !1) return !1;
 				let r = t[n.key];
 				return r == null ? !1 : String(r).toLowerCase().includes(e);
 			}));
-		}), k = (e, t, n) => {
+		}), w = (e, t, n) => {
 			if (e == null) return 1;
 			if (t == null) return -1;
 			if (typeof e == "string" && typeof t == "string") {
@@ -4000,139 +4068,175 @@ var er = { class: "vibe-chart" }, tr = {
 				return r < i ? n ? 1 : -1 : r > i ? n ? -1 : 1 : 0;
 			}
 			return 0;
-		}, j = n(() => {
-			if (!c.sortable || !f.value) return O.value;
-			let e = [...O.value], t = f.value;
-			return e.sort((e, n) => k(e[t], n[t], p.value)), e;
-		}), F = n(() => {
-			if (!c.paginated) return j.value;
-			let e = (u.value - 1) * d.value, t = e + d.value;
-			return j.value.slice(e, t);
-		}), L = n(() => c.items.length), R = n(() => O.value.length), B = n(() => Math.ceil(R.value / Math.max(1, d.value))), V = n(() => R.value === 0 ? 0 : (u.value - 1) * d.value + 1), H = n(() => {
-			let e = u.value * d.value;
-			return Math.min(e, R.value);
-		}), ee = n(() => (R.value === L.value ? c.infoText : c.filteredInfoText).replace("{start}", String(V.value)).replace("{end}", String(H.value)).replace("{total}", String(R.value)).replace("{totalRows}", String(L.value))), te = n(() => {
-			let e = u.value - 2, t = u.value + 2, n = [];
-			for (let r = Math.max(1, e); r <= Math.min(B.value, t); r++) n.push(r);
+		}, O = n(() => {
+			if (!c.sortable || !d.value) return C.value;
+			let e = [...C.value], t = d.value;
+			return e.sort((e, n) => w(e[t], n[t], f.value)), e;
+		}), k = n(() => {
+			if (!c.paginated) return O.value;
+			let e = (l.value - 1) * u.value, t = e + u.value;
+			return O.value.slice(e, t);
+		}), j = n(() => c.items.length), F = n(() => C.value.length), L = n(() => Math.ceil(F.value / Math.max(1, u.value))), R = n(() => F.value === 0 ? 0 : (l.value - 1) * u.value + 1), B = n(() => {
+			let e = l.value * u.value;
+			return Math.min(e, F.value);
+		}), V = n(() => (F.value === j.value ? c.infoText : c.filteredInfoText).replace("{start}", String(R.value)).replace("{end}", String(B.value)).replace("{total}", String(F.value)).replace("{totalRows}", String(j.value))), H = n(() => {
+			let e = l.value - 2, t = l.value + 2, n = [];
+			for (let r = Math.max(1, e); r <= Math.min(L.value, t); r++) n.push(r);
 			return n;
-		}), ne = n(() => {
+		}), ee = n(() => {
 			let e = ["table"];
 			return c.striped && e.push("table-striped"), c.bordered && e.push("table-bordered"), c.borderless && e.push("table-borderless"), c.hover && e.push("table-hover"), c.small && e.push("table-sm"), c.stack && e.push("vibe-table-stack"), c.variant && e.push(`table-${c.variant}`), e.join(" ");
-		}), re = (e) => {
-			!c.sortable || e.sortable === !1 || (f.value === e.key ? p.value = !p.value : (f.value = e.key, p.value = !1));
+		}), te = (e) => {
+			!c.sortable || e.sortable === !1 || (d.value === e.key ? f.value = !f.value : (d.value = e.key, f.value = !1));
 		};
-		I(B, (e) => {
-			e > 0 && u.value > e && (u.value = e);
+		I(L, (e) => {
+			e > 0 && l.value > e && (l.value = e);
 		});
 		let U = (e) => {
-			e < 1 || e > B.value || (u.value = e);
-		}, ie = () => {
-			u.value = 1;
-		}, ae = (e, t) => {
-			g("row-clicked", e, V.value - 1 + t);
-		}, oe = (e, t) => {
+			e < 1 || e > L.value || (l.value = e);
+		}, W = () => {
+			l.value = 1;
+		}, ne = (e, t) => {
+			p("row-clicked", e, R.value - 1 + t);
+		}, re = (e, t) => {
 			let n = e[t.key];
 			return t.formatter ? t.formatter(n, e) : n;
-		}, se = n(() => {
+		}, ie = n(() => {
 			let e = /* @__PURE__ */ new Map();
-			for (let t of c.columns) !c.sortable || t.sortable === !1 ? e.set(t, "") : f.value === t.key ? e.set(t, p.value ? "↓" : "↑") : e.set(t, "⇅");
+			for (let t of c.columns) !c.sortable || t.sortable === !1 ? e.set(t, "") : d.value === t.key ? e.set(t, f.value ? "sort-desc" : "sort-asc") : e.set(t, "sort-none");
 			return e;
-		}), ce = n(() => {
+		}), ae = n(() => {
+			let e = /* @__PURE__ */ new Map();
+			for (let t of c.columns) !c.sortable || t.sortable === !1 ? e.set(t, void 0) : d.value === t.key ? e.set(t, f.value ? "descending" : "ascending") : e.set(t, "none");
+			return e;
+		}), oe = n(() => {
 			let e = /* @__PURE__ */ new Map();
 			for (let t of c.columns) {
 				let n = Te(t.thStyle);
 				c.sortable && t.sortable !== !1 && (n.cursor = "pointer"), e.set(t, n);
 			}
 			return e;
-		}), le = n(() => {
+		}), se = n(() => {
 			let e = /* @__PURE__ */ new Map();
 			for (let t of c.columns) e.set(t, Te(t.tdStyle));
 			return e;
 		});
 		return (n, r) => (x(), a("div", ir, [
 			o("div", ar, [t.searchable ? (x(), a("div", or, [z(o("input", {
-				"onUpdate:modelValue": r[0] ||= (e) => b.value = e,
+				"onUpdate:modelValue": r[0] ||= (e) => g.value = e,
 				type: "search",
 				class: "form-control",
 				placeholder: t.searchPlaceholder
-			}, null, 8, sr), [[P, b.value]])])) : i("", !0), t.showPerPage && t.paginated ? (x(), a("div", cr, [o("div", lr, [
+			}, null, 8, sr), [[P, g.value]])])) : i("", !0), t.showPerPage && t.paginated ? (x(), a("div", cr, [o("div", lr, [
 				r[6] ||= o("label", { class: "me-2 mb-0" }, "Show", -1),
 				z(o("select", {
-					"onUpdate:modelValue": r[1] ||= (e) => d.value = e,
+					"onUpdate:modelValue": r[1] ||= (e) => u.value = e,
 					class: "form-select form-select-sm",
 					style: { width: "auto" },
-					onChange: ie
+					onChange: W
 				}, [(x(!0), a(e, null, E(t.perPageOptions, (e) => (x(), a("option", {
 					key: e,
 					value: e
 				}, A(e), 9, ur))), 128))], 544), [[
 					N,
-					d.value,
+					u.value,
 					void 0,
 					{ number: !0 }
 				]]),
 				r[7] ||= o("span", { class: "ms-2" }, "entries", -1)
 			])])) : i("", !0)]),
-			o("div", { class: m({ "table-responsive": t.responsive }) }, [o("table", { class: m(ne.value) }, [o("thead", null, [o("tr", null, [(x(!0), a(e, null, E(t.columns, (e) => (x(), a("th", {
+			o("div", { class: m({ "table-responsive": t.responsive }) }, [o("table", { class: m(ee.value) }, [o("thead", null, [o("tr", null, [(x(!0), a(e, null, E(t.columns, (e) => (x(), a("th", {
 				key: e.key,
 				class: m(e.headerClass),
-				style: h(ce.value.get(e)),
-				onClick: (t) => re(e)
-			}, [s(A(e.label) + " ", 1), t.sortable && e.sortable !== !1 ? (x(), a("span", fr, A(se.value.get(e)), 1)) : i("", !0)], 14, dr))), 128))])]), o("tbody", null, [(x(!0), a(e, null, E(F.value, (r, i) => (x(), a("tr", {
-				key: w(r, i),
-				style: h(y.value ? { cursor: "pointer" } : void 0),
-				onClick: (e) => ae(r, i)
+				style: h(oe.value.get(e)),
+				"aria-sort": ae.value.get(e),
+				onClick: (t) => te(e)
+			}, [s(A(e.label) + " ", 1), t.sortable && e.sortable !== !1 ? (x(), a("span", {
+				key: 0,
+				class: m([
+					"ms-1",
+					"vibe-sort-icon",
+					ie.value.get(e)
+				]),
+				"aria-hidden": "true"
+			}, null, 2)) : i("", !0)], 14, dr))), 128))])]), o("tbody", null, [(x(!0), a(e, null, E(k.value, (r, i) => (x(), a("tr", {
+				key: b(r, i),
+				style: h(t.clickable ? { cursor: "pointer" } : void 0),
+				onClick: (e) => ne(r, i)
 			}, [(x(!0), a(e, null, E(t.columns, (e) => (x(), a("td", {
 				key: e.key,
 				class: m(e.class),
-				style: h(le.value.get(e)),
+				style: h(se.value.get(e)),
 				"data-label": e.label
 			}, [D(n.$slots, `cell(${e.key})`, {
 				item: r,
 				value: r[e.key],
 				index: i
-			}, () => [s(A(oe(r, e)), 1)], !0)], 14, mr))), 128))], 12, pr))), 128)), F.value.length === 0 && t.showEmpty ? (x(), a("tr", hr, [o("td", {
+			}, () => [s(A(re(r, e)), 1)], !0)], 14, pr))), 128))], 12, fr))), 128)), k.value.length === 0 && t.showEmpty ? (x(), a("tr", mr, [o("td", {
 				colspan: t.columns?.length || 1,
 				class: "text-center"
-			}, A(t.emptyText), 9, gr)])) : i("", !0)])], 2)], 2),
-			o("div", _r, [t.showInfo ? (x(), a("div", vr, [o("div", yr, A(ee.value), 1)])) : i("", !0), t.paginated && B.value > 1 ? (x(), a("div", br, [o("nav", null, [o("ul", xr, [
-				o("li", { class: m(["page-item", { disabled: u.value === 1 }]) }, [o("button", {
+			}, A(t.emptyText), 9, hr)])) : i("", !0)])], 2)], 2),
+			o("div", gr, [t.showInfo ? (x(), a("div", _r, [o("div", vr, A(V.value), 1)])) : i("", !0), t.paginated && L.value > 1 ? (x(), a("div", yr, [o("nav", null, [o("ul", br, [
+				o("li", { class: m(["page-item", { disabled: l.value === 1 }]) }, [o("button", {
 					type: "button",
 					class: "page-link",
-					onClick: r[2] ||= (e) => U(u.value - 1)
+					onClick: r[2] ||= (e) => U(l.value - 1)
 				}, " Previous ")], 2),
-				u.value > 3 ? (x(), a("li", Sr, [o("button", {
+				l.value > 3 ? (x(), a("li", xr, [o("button", {
 					type: "button",
 					class: "page-link",
 					onClick: r[3] ||= (e) => U(1)
 				}, "1")])) : i("", !0),
-				u.value > 4 ? (x(), a("li", Cr, [...r[8] ||= [o("span", { class: "page-link" }, "...", -1)]])) : i("", !0),
-				(x(!0), a(e, null, E(te.value, (e) => (x(), a("li", {
+				l.value > 4 ? (x(), a("li", Sr, [...r[8] ||= [o("span", { class: "page-link" }, "...", -1)]])) : i("", !0),
+				(x(!0), a(e, null, E(H.value, (e) => (x(), a("li", {
 					key: e,
-					class: m(["page-item", { active: e === u.value }])
+					class: m(["page-item", { active: e === l.value }])
 				}, [o("button", {
 					type: "button",
 					class: "page-link",
 					onClick: (t) => U(e)
-				}, A(e), 9, wr)], 2))), 128)),
-				u.value < B.value - 3 ? (x(), a("li", Tr, [...r[9] ||= [o("span", { class: "page-link" }, "...", -1)]])) : i("", !0),
-				u.value < B.value - 2 ? (x(), a("li", Er, [o("button", {
+				}, A(e), 9, Cr)], 2))), 128)),
+				l.value < L.value - 3 ? (x(), a("li", wr, [...r[9] ||= [o("span", { class: "page-link" }, "...", -1)]])) : i("", !0),
+				l.value < L.value - 2 ? (x(), a("li", Tr, [o("button", {
 					type: "button",
 					class: "page-link",
-					onClick: r[4] ||= (e) => U(B.value)
-				}, A(B.value), 1)])) : i("", !0),
-				o("li", { class: m(["page-item", { disabled: u.value === B.value }]) }, [o("button", {
+					onClick: r[4] ||= (e) => U(L.value)
+				}, A(L.value), 1)])) : i("", !0),
+				o("li", { class: m(["page-item", { disabled: l.value === L.value }]) }, [o("button", {
 					type: "button",
 					class: "page-link",
-					onClick: r[5] ||= (e) => U(u.value + 1)
+					onClick: r[5] ||= (e) => U(l.value + 1)
 				}, " Next ")], 2)
 			])])])) : i("", !0)])
 		]));
 	}
-}), [["__scopeId", "data-v-7820466d"]]), Or = ["for"], kr = {
+}), [["__scopeId", "data-v-fd417a3a"]]), Dr = ["for"], Or = {
 	key: 0,
-	class: "text-danger"
-}, Ar = [
+	class: "text-danger ms-1",
+	"aria-hidden": "true"
+}, kr = {
+	key: 1,
+	class: "text-muted ms-1 small",
+	"aria-hidden": "true"
+}, Ar = {
+	key: 2,
+	class: "visually-hidden"
+}, jr = {
+	key: 1,
+	class: "input-group"
+}, Mr = [
+	"id",
+	"type",
+	"value",
+	"placeholder",
+	"disabled",
+	"readonly",
+	"required",
+	"autocomplete",
+	"inputmode",
+	"aria-invalid",
+	"aria-describedby"
+], Nr = ["aria-label", "aria-pressed"], Pr = [
 	"id",
 	"type",
 	"value",
@@ -4140,9 +4244,18 @@ var er = { class: "vibe-chart" }, tr = {
 	"disabled",
 	"readonly",
 	"required",
+	"autocomplete",
+	"inputmode",
 	"aria-invalid",
 	"aria-describedby"
-], jr = ["id"], Mr = ["id"], Nr = ["id"], Pr = [
+], Fr = {
+	key: 3,
+	"aria-live": "polite",
+	class: "mt-1"
+}, Ir = {
+	class: "d-flex gap-1 mb-1",
+	"aria-hidden": "true"
+}, Lr = { class: "text-muted" }, Rr = ["id"], zr = ["id"], Br = ["id"], Vr = [
 	"id",
 	"type",
 	"value",
@@ -4150,11 +4263,13 @@ var er = { class: "vibe-chart" }, tr = {
 	"disabled",
 	"readonly",
 	"required",
+	"autocomplete",
+	"inputmode",
 	"aria-invalid",
 	"aria-describedby"
-], Fr = /* @__PURE__ */ c({
+], Hr = /*#__PURE__*/ W(/* @__PURE__ */ c({
 	__name: "VibeFormInput",
-	props: /* @__PURE__ */ d({
+	props: /*@__PURE__*/ d({
 		type: {
 			type: String,
 			default: "text"
@@ -4218,12 +4333,28 @@ var er = { class: "vibe-chart" }, tr = {
 		focusRing: {
 			type: Boolean,
 			default: !1
+		},
+		showToggle: {
+			type: Boolean,
+			default: !1
+		},
+		showPasswordStrength: {
+			type: Boolean,
+			default: !1
+		},
+		autocomplete: {
+			type: String,
+			default: void 0
+		},
+		inputmode: {
+			type: String,
+			default: void 0
 		}
 	}, {
 		modelValue: { default: "" },
 		modelModifiers: {}
 	}),
-	emits: /* @__PURE__ */ d([
+	emits: /*@__PURE__*/ d([
 		"validate",
 		"blur",
 		"focus",
@@ -4231,82 +4362,154 @@ var er = { class: "vibe-chart" }, tr = {
 		"change"
 	], ["update:modelValue"]),
 	setup(t, { emit: r }) {
-		let c = M(t, "modelValue"), l = t, d = r, f = u(K, null), p = f?.consumeId(), h = q("input"), g = n(() => l.id || p || h), _ = n(() => `${g.value}-help`), v = n(() => `${g.value}-feedback`), y = n(() => !!l.label && !f?.hasLabel.value), b = n(() => !!l.validationState && !f?.hasValidation.value), S = n(() => !!l.helpText && !f?.hasHelp.value), C = n(() => {
+		let c = M(t, "modelValue"), l = t, d = r, f = u(K, null), p = T(!1), g = n(() => l.type === "password" && l.showToggle && p.value ? "text" : l.type);
+		function _(e) {
+			let t = 0;
+			return e.length >= 8 && t++, e.length >= 12 && t++, /[a-z]/.test(e) && t++, /[A-Z]/.test(e) && t++, /\d/.test(e) && t++, /[^a-zA-Z0-9]/.test(e) && t++, t <= 1 ? {
+				level: 1,
+				label: "Weak"
+			} : t <= 2 ? {
+				level: 2,
+				label: "Fair"
+			} : t <= 4 ? {
+				level: 3,
+				label: "Good"
+			} : {
+				level: 4,
+				label: "Strong"
+			};
+		}
+		let v = n(() => _(String(c.value ?? ""))), y = [
+			"",
+			"#dc3545",
+			"#fd7e14",
+			"#0d6efd",
+			"#198754"
+		], b = {
+			number: "decimal",
+			email: "email",
+			tel: "tel",
+			url: "url",
+			search: "search"
+		}, S = n(() => l.inputmode ?? b[l.type]), C = { email: "email" }, w = n(() => l.autocomplete ?? C[l.type]), D = f?.consumeId(), O = q("input"), k = n(() => l.id || D || O), j = n(() => `${k.value}-help`), N = n(() => `${k.value}-feedback`), P = n(() => {
+			let e = [];
+			return l.helpText && e.push(j.value), l.validationMessage && e.push(N.value), f?.helpId.value && e.push(f.helpId.value), f?.feedbackId.value && e.push(f.feedbackId.value), e.length ? [...new Set(e)].join(" ") : void 0;
+		}), F = n(() => !!l.label && !f?.hasLabel.value), I = n(() => !!l.validationState && !f?.hasValidation.value), L = n(() => !!l.helpText && !f?.hasHelp.value), R = n(() => {
 			let e = [];
 			return l.plaintext ? e.push("form-control-plaintext") : (e.push("form-control"), l.size && e.push(`form-control-${l.size}`)), l.validationState === "valid" && e.push("is-valid"), l.validationState === "invalid" && e.push("is-invalid"), l.focusRing && e.push("focus-ring"), e.join(" ");
-		}), w = (e) => {
+		}), z = (e) => {
 			let t = e.target;
 			c.value = l.type === "number" ? t.value === "" ? "" : Number(t.value) : t.value, d("input", e), l.validateOn === "input" && d("validate");
-		}, T = (e) => {
+		}, B = (e) => {
 			d("change", e), l.validateOn === "change" && d("validate");
-		}, E = (e) => {
+		}, V = (e) => {
 			d("blur", e), l.validateOn === "blur" && d("validate");
-		}, D = (e) => {
+		}, H = (e) => {
 			d("focus", e);
 		};
 		return (n, r) => t.noWrapper ? (x(), a("input", {
 			key: 1,
-			id: g.value,
+			id: k.value,
 			type: t.type,
-			class: m(C.value),
+			class: m(R.value),
 			value: c.value,
 			placeholder: t.placeholder,
 			disabled: t.disabled,
 			readonly: t.readonly || t.plaintext,
 			required: t.required,
+			autocomplete: w.value,
+			inputmode: S.value,
 			"aria-invalid": t.validationState === "invalid",
-			"aria-describedby": j(f) ? t.helpText && t.validationMessage ? `${_.value} ${v.value}` : t.helpText ? _.value : t.validationMessage ? v.value : void 0 : void 0,
-			onInput: w,
-			onChange: T,
-			onBlur: E,
-			onFocus: D
-		}, null, 42, Pr)) : (x(), a("div", {
+			"aria-describedby": P.value,
+			onInput: z,
+			onChange: B,
+			onBlur: V,
+			onFocus: H
+		}, null, 42, Vr)) : (x(), a("div", {
 			key: 0,
-			class: m({ "mb-3": y.value || S.value || b.value })
+			class: m({ "mb-3": F.value || L.value || I.value })
 		}, [
-			y.value ? (x(), a("label", {
+			F.value ? (x(), a("label", {
 				key: 0,
-				for: g.value,
+				for: k.value,
 				class: "form-label"
-			}, [s(A(t.label) + " ", 1), t.required ? (x(), a("span", kr, "*")) : i("", !0)], 8, Or)) : i("", !0),
-			o("input", {
-				id: g.value,
+			}, [
+				s(A(t.label) + " ", 1),
+				t.required ? (x(), a("span", Or, "*")) : (x(), a("span", kr, "(optional)")),
+				t.required ? (x(), a("span", Ar, "required")) : i("", !0)
+			], 8, Dr)) : i("", !0),
+			t.showToggle && t.type === "password" ? (x(), a("div", jr, [o("input", {
+				id: k.value,
+				type: g.value,
+				class: m(R.value),
+				value: c.value,
+				placeholder: t.placeholder,
+				disabled: t.disabled,
+				readonly: t.readonly || t.plaintext,
+				required: t.required,
+				autocomplete: w.value,
+				inputmode: S.value,
+				"aria-invalid": t.validationState === "invalid",
+				"aria-describedby": P.value,
+				onInput: z,
+				onChange: B,
+				onBlur: V,
+				onFocus: H
+			}, null, 42, Mr), o("button", {
+				type: "button",
+				class: "btn btn-outline-secondary",
+				"aria-label": p.value ? "Hide password" : "Show password",
+				"aria-pressed": p.value,
+				onClick: r[0] ||= (e) => p.value = !p.value
+			}, [o("i", {
+				class: m(p.value ? "bi bi-eye-slash" : "bi bi-eye"),
+				"aria-hidden": "true"
+			}, null, 2)], 8, Nr)])) : (x(), a("input", {
+				key: 2,
+				id: k.value,
 				type: t.type,
-				class: m(C.value),
+				class: m(R.value),
 				value: c.value,
 				placeholder: t.placeholder,
 				disabled: t.disabled,
 				readonly: t.readonly || t.plaintext,
 				required: t.required,
+				autocomplete: w.value,
+				inputmode: S.value,
 				"aria-invalid": t.validationState === "invalid",
-				"aria-describedby": t.helpText && t.validationMessage ? `${_.value} ${v.value}` : t.helpText ? _.value : t.validationMessage ? v.value : void 0,
-				onInput: w,
-				onChange: T,
-				onBlur: E,
-				onFocus: D
-			}, null, 42, Ar),
-			S.value ? (x(), a("div", {
-				key: 1,
-				id: _.value,
+				"aria-describedby": P.value,
+				onInput: z,
+				onChange: B,
+				onBlur: V,
+				onFocus: H
+			}, null, 42, Pr)),
+			t.showPasswordStrength && t.type === "password" ? (x(), a("div", Fr, [o("div", Ir, [(x(), a(e, null, E(4, (e) => o("div", {
+				key: e,
+				class: "flex-fill rounded",
+				style: h([{ height: "4px" }, { backgroundColor: e <= v.value.level ? y[v.value.level] : "var(--bs-border-color)" }])
+			}, null, 4)), 64))]), o("small", Lr, "Password strength: " + A(v.value.label), 1)])) : i("", !0),
+			L.value ? (x(), a("div", {
+				key: 4,
+				id: j.value,
 				class: "form-text"
-			}, A(t.helpText), 9, jr)) : i("", !0),
-			b.value ? (x(), a(e, { key: 2 }, [t.validationState === "valid" ? (x(), a("div", {
+			}, A(t.helpText), 9, Rr)) : i("", !0),
+			I.value ? (x(), a(e, { key: 5 }, [t.validationState === "valid" ? (x(), a("div", {
 				key: 0,
-				id: v.value,
+				id: N.value,
 				class: "valid-feedback",
 				style: { display: "block" }
-			}, A(t.validationMessage || "Looks good!"), 9, Mr)) : i("", !0), t.validationState === "invalid" ? (x(), a("div", {
+			}, A(t.validationMessage || "Looks good!"), 9, zr)) : i("", !0), t.validationState === "invalid" ? (x(), a("div", {
 				key: 1,
-				id: v.value,
+				id: N.value,
 				class: "invalid-feedback",
 				style: { display: "block" }
-			}, A(t.validationMessage || "Please provide a valid value."), 9, Nr)) : i("", !0)], 64)) : i("", !0)
+			}, A(t.validationMessage || "Please provide a valid value."), 9, Br)) : i("", !0)], 64)) : i("", !0)
 		], 2));
 	}
-}), Ir = ["for"], Lr = {
+}), [["__scopeId", "data-v-d9ebcf8c"]]), Ur = ["for"], Wr = {
 	key: 0,
 	class: "text-danger"
-}, Rr = [
+}, Gr = [
 	"id",
 	"value",
 	"multiple",
@@ -4315,14 +4518,14 @@ var er = { class: "vibe-chart" }, tr = {
 	"required",
 	"aria-invalid",
 	"aria-describedby"
-], zr = {
+], Kr = {
 	key: 0,
 	value: "",
 	disabled: "",
 	selected: ""
-}, Br = ["value", "disabled"], Vr = ["id"], Hr = ["id"], Ur = ["id"], Wr = "", Gr = "vi:", Kr = /* @__PURE__ */ c({
+}, qr = ["value", "disabled"], Jr = ["id"], Yr = ["id"], Xr = ["id"], Zr = "", Qr = "vi:", $r = /* @__PURE__ */ c({
 	__name: "VibeFormSelect",
-	props: /* @__PURE__ */ d({
+	props: /*@__PURE__*/ d({
 		id: {
 			type: String,
 			default: void 0
@@ -4396,15 +4599,15 @@ var er = { class: "vibe-chart" }, tr = {
 		},
 		modelModifiers: {}
 	}),
-	emits: /* @__PURE__ */ d([
+	emits: /*@__PURE__*/ d([
 		"validate",
 		"blur",
 		"focus",
 		"change"
 	], ["update:modelValue"]),
 	setup(t, { emit: r }) {
-		let c = (e) => `${Gr}${e}`, l = (e) => {
-			if (!e.startsWith(Gr)) return -1;
+		let c = (e) => `${Qr}${e}`, l = (e) => {
+			if (!e.startsWith(Qr)) return -1;
 			let t = Number(e.slice(3));
 			return Number.isInteger(t) && t >= 0 ? t : -1;
 		}, d = (e, t) => {
@@ -4422,10 +4625,10 @@ var er = { class: "vibe-chart" }, tr = {
 		}, N = n(() => {
 			if (Array.isArray(f.value)) return f.value.map((e) => {
 				let t = d(p.options, e);
-				return t >= 0 ? c(t) : Wr;
-			}).filter((e) => e !== Wr);
+				return t >= 0 ? c(t) : Zr;
+			}).filter((e) => e !== Zr);
 			let e = d(p.options, f.value);
-			return e >= 0 ? c(e) : Wr;
+			return e >= 0 ? c(e) : Zr;
 		}), P = (e) => {
 			h("change", e), p.validateOn === "change" && h("validate");
 		}, F = (e) => {
@@ -4438,7 +4641,7 @@ var er = { class: "vibe-chart" }, tr = {
 				key: 0,
 				for: y.value,
 				class: "form-label"
-			}, [s(A(t.label) + " ", 1), t.required ? (x(), a("span", Lr, "*")) : i("", !0)], 8, Ir)) : i("", !0),
+			}, [s(A(t.label) + " ", 1), t.required ? (x(), a("span", Wr, "*")) : i("", !0)], 8, Ur)) : i("", !0),
 			o("select", {
 				id: y.value,
 				class: m(O.value),
@@ -4453,33 +4656,33 @@ var er = { class: "vibe-chart" }, tr = {
 				onChange: P,
 				onBlur: F,
 				onFocus: I
-			}, [t.placeholder && !t.multiple ? (x(), a("option", zr, A(t.placeholder), 1)) : i("", !0), D(n.$slots, "default", {}, () => [(x(!0), a(e, null, E(t.options, (e, t) => (x(), a("option", {
+			}, [t.placeholder && !t.multiple ? (x(), a("option", Kr, A(t.placeholder), 1)) : i("", !0), D(n.$slots, "default", {}, () => [(x(!0), a(e, null, E(t.options, (e, t) => (x(), a("option", {
 				key: e.value === void 0 ? e.text : String(e.value),
 				value: c(t),
 				disabled: e.disabled
-			}, A(e.text), 9, Br))), 128))])], 42, Rr),
+			}, A(e.text), 9, qr))), 128))])], 42, Gr),
 			T.value ? (x(), a("div", {
 				key: 1,
 				id: `${y.value}-help`,
 				class: "form-text"
-			}, A(t.helpText), 9, Vr)) : i("", !0),
+			}, A(t.helpText), 9, Jr)) : i("", !0),
 			w.value ? (x(), a(e, { key: 2 }, [t.validationState === "valid" ? (x(), a("div", {
 				key: 0,
 				id: `${y.value}-feedback`,
 				class: "valid-feedback",
 				style: { display: "block" }
-			}, A(t.validationMessage || "Looks good!"), 9, Hr)) : i("", !0), t.validationState === "invalid" ? (x(), a("div", {
+			}, A(t.validationMessage || "Looks good!"), 9, Yr)) : i("", !0), t.validationState === "invalid" ? (x(), a("div", {
 				key: 1,
 				id: `${y.value}-feedback`,
 				class: "invalid-feedback",
 				style: { display: "block" }
-			}, A(t.validationMessage || "Please select an option."), 9, Ur)) : i("", !0)], 64)) : i("", !0)
+			}, A(t.validationMessage || "Please select an option."), 9, Xr)) : i("", !0)], 64)) : i("", !0)
 		], 2));
 	}
-}), qr = ["for"], Jr = {
+}), ei = ["for"], ti = {
 	key: 0,
 	class: "text-danger"
-}, Yr = [
+}, ni = [
 	"id",
 	"value",
 	"placeholder",
@@ -4490,12 +4693,12 @@ var er = { class: "vibe-chart" }, tr = {
 	"required",
 	"aria-invalid",
 	"aria-describedby"
-], Xr = ["id"], Zr = {
+], ri = ["id"], ii = {
 	key: 0,
 	class: "ms-auto"
-}, Qr = ["id"], $r = ["id"], ei = /* @__PURE__ */ c({
+}, ai = ["id"], oi = ["id"], si = /* @__PURE__ */ c({
 	__name: "VibeFormTextarea",
-	props: /* @__PURE__ */ d({
+	props: /*@__PURE__*/ d({
 		id: {
 			type: String,
 			default: void 0
@@ -4564,7 +4767,7 @@ var er = { class: "vibe-chart" }, tr = {
 		modelValue: { default: "" },
 		modelModifiers: {}
 	}),
-	emits: /* @__PURE__ */ d([
+	emits: /*@__PURE__*/ d([
 		"validate",
 		"blur",
 		"focus",
@@ -4591,7 +4794,7 @@ var er = { class: "vibe-chart" }, tr = {
 				key: 0,
 				for: _.value,
 				class: "form-label"
-			}, [s(A(t.label) + " ", 1), t.required ? (x(), a("span", Jr, "*")) : i("", !0)], 8, qr)) : i("", !0),
+			}, [s(A(t.label) + " ", 1), t.required ? (x(), a("span", ti, "*")) : i("", !0)], 8, ei)) : i("", !0),
 			o("textarea", {
 				id: _.value,
 				class: m(w.value),
@@ -4609,29 +4812,29 @@ var er = { class: "vibe-chart" }, tr = {
 				onChange: O,
 				onBlur: k,
 				onFocus: j
-			}, null, 46, Yr),
+			}, null, 46, ni),
 			C.value ? (x(), a("div", {
 				key: 1,
 				id: v.value,
 				class: "form-text d-flex justify-content-between"
-			}, [o("span", null, A(t.helpText), 1), t.showCharCount ? (x(), a("span", Zr, [t.maxlength ? (x(), a(e, { key: 0 }, [s(A(E.value) + " / " + A(t.maxlength), 1)], 64)) : (x(), a(e, { key: 1 }, [s(A(E.value), 1)], 64))])) : i("", !0)], 8, Xr)) : i("", !0),
+			}, [o("span", null, A(t.helpText), 1), t.showCharCount ? (x(), a("span", ii, [t.maxlength ? (x(), a(e, { key: 0 }, [s(A(E.value) + " / " + A(t.maxlength), 1)], 64)) : (x(), a(e, { key: 1 }, [s(A(E.value), 1)], 64))])) : i("", !0)], 8, ri)) : i("", !0),
 			S.value ? (x(), a(e, { key: 2 }, [t.validationState === "valid" ? (x(), a("div", {
 				key: 0,
 				id: y.value,
 				class: "valid-feedback",
 				style: { display: "block" }
-			}, A(t.validationMessage || "Looks good!"), 9, Qr)) : i("", !0), t.validationState === "invalid" ? (x(), a("div", {
+			}, A(t.validationMessage || "Looks good!"), 9, ai)) : i("", !0), t.validationState === "invalid" ? (x(), a("div", {
 				key: 1,
 				id: y.value,
 				class: "invalid-feedback",
 				style: { display: "block" }
-			}, A(t.validationMessage || "Please provide a valid value."), 9, $r)) : i("", !0)], 64)) : i("", !0)
+			}, A(t.validationMessage || "Please provide a valid value."), 9, oi)) : i("", !0)], 64)) : i("", !0)
 		], 2));
 	}
-}), ti = ["for"], ni = {
+}), ci = ["for"], li = {
 	key: 0,
 	class: "text-danger"
-}, ri = ["disabled"], ii = [
+}, ui = ["disabled"], di = [
 	"id",
 	"value",
 	"disabled",
@@ -4642,9 +4845,9 @@ var er = { class: "vibe-chart" }, tr = {
 	"step",
 	"aria-invalid",
 	"aria-describedby"
-], ai = ["disabled"], oi = ["id"], si = ["id"], ci = ["id"], li = /* @__PURE__ */ W(/* @__PURE__ */ c({
+], fi = ["disabled"], pi = ["id"], mi = ["id"], hi = ["id"], gi = /*#__PURE__*/ W(/* @__PURE__ */ c({
 	__name: "VibeFormSpinbutton",
-	props: /* @__PURE__ */ d({
+	props: /*@__PURE__*/ d({
 		id: {
 			type: String,
 			default: void 0
@@ -4716,7 +4919,7 @@ var er = { class: "vibe-chart" }, tr = {
 		},
 		modelModifiers: {}
 	}),
-	emits: /* @__PURE__ */ d([
+	emits: /*@__PURE__*/ d([
 		"validate",
 		"blur",
 		"focus",
@@ -4767,7 +4970,7 @@ var er = { class: "vibe-chart" }, tr = {
 				key: 0,
 				for: g.value,
 				class: "form-label"
-			}, [s(A(t.label) + " ", 1), t.required ? (x(), a("span", ni, "*")) : i("", !0)], 8, ti)) : i("", !0),
+			}, [s(A(t.label) + " ", 1), t.required ? (x(), a("span", li, "*")) : i("", !0)], 8, ci)) : i("", !0),
 			o("div", { class: m(S.value) }, [
 				o("button", {
 					class: "btn btn-outline-secondary",
@@ -4775,7 +4978,7 @@ var er = { class: "vibe-chart" }, tr = {
 					disabled: !w.value,
 					onClick: z,
 					"aria-label": "Decrement"
-				}, [...r[0] ||= [o("span", { "aria-hidden": "true" }, "−", -1)]], 8, ri),
+				}, [...r[0] ||= [o("span", { "aria-hidden": "true" }, "−", -1)]], 8, ui),
 				o("input", {
 					id: g.value,
 					type: "number",
@@ -4793,37 +4996,37 @@ var er = { class: "vibe-chart" }, tr = {
 					onChange: k,
 					onBlur: j,
 					onFocus: N
-				}, null, 42, ii),
+				}, null, 42, di),
 				o("button", {
 					class: "btn btn-outline-secondary",
 					type: "button",
 					disabled: !E.value,
 					onClick: R,
 					"aria-label": "Increment"
-				}, [...r[1] ||= [o("span", { "aria-hidden": "true" }, "+", -1)]], 8, ai)
+				}, [...r[1] ||= [o("span", { "aria-hidden": "true" }, "+", -1)]], 8, fi)
 			], 2),
 			y.value ? (x(), a("div", {
 				key: 1,
 				id: `${g.value}-help`,
 				class: "form-text"
-			}, A(t.helpText), 9, oi)) : i("", !0),
+			}, A(t.helpText), 9, pi)) : i("", !0),
 			v.value ? (x(), a(e, { key: 2 }, [t.validationState === "valid" ? (x(), a("div", {
 				key: 0,
 				id: `${g.value}-feedback`,
 				class: "valid-feedback",
 				style: { display: "block" }
-			}, A(t.validationMessage || "Looks good!"), 9, si)) : i("", !0), t.validationState === "invalid" ? (x(), a("div", {
+			}, A(t.validationMessage || "Looks good!"), 9, mi)) : i("", !0), t.validationState === "invalid" ? (x(), a("div", {
 				key: 1,
 				id: `${g.value}-feedback`,
 				class: "invalid-feedback",
 				style: { display: "block" }
-			}, A(t.validationMessage || "Please provide a valid value."), 9, ci)) : i("", !0)], 64)) : i("", !0)
+			}, A(t.validationMessage || "Please provide a valid value."), 9, hi)) : i("", !0)], 64)) : i("", !0)
 		], 2));
 	}
-}), [["__scopeId", "data-v-9dd7f0b5"]]), ui = ["for"], di = {
+}), [["__scopeId", "data-v-9dd7f0b5"]]), _i = ["for"], vi = {
 	key: 0,
 	class: "text-danger"
-}, fi = [
+}, yi = [
 	"id",
 	"type",
 	"value",
@@ -4834,9 +5037,9 @@ var er = { class: "vibe-chart" }, tr = {
 	"max",
 	"aria-invalid",
 	"aria-describedby"
-], pi = ["id"], mi = ["id"], hi = ["id"], gi = /* @__PURE__ */ c({
+], bi = ["id"], xi = ["id"], Si = ["id"], Ci = /* @__PURE__ */ c({
 	__name: "VibeFormDatepicker",
-	props: /* @__PURE__ */ d({
+	props: /*@__PURE__*/ d({
 		id: {
 			type: String,
 			default: void 0
@@ -4900,7 +5103,7 @@ var er = { class: "vibe-chart" }, tr = {
 		},
 		modelModifiers: {}
 	}),
-	emits: /* @__PURE__ */ d([
+	emits: /*@__PURE__*/ d([
 		"validate",
 		"blur",
 		"focus",
@@ -4925,7 +5128,7 @@ var er = { class: "vibe-chart" }, tr = {
 				key: 0,
 				for: g.value,
 				class: "form-label"
-			}, [s(A(t.label) + " ", 1), t.required ? (x(), a("span", di, "*")) : i("", !0)], 8, ui)) : i("", !0),
+			}, [s(A(t.label) + " ", 1), t.required ? (x(), a("span", vi, "*")) : i("", !0)], 8, _i)) : i("", !0),
 			o("input", {
 				id: g.value,
 				type: t.type,
@@ -4942,34 +5145,34 @@ var er = { class: "vibe-chart" }, tr = {
 				onChange: T,
 				onBlur: E,
 				onFocus: D
-			}, null, 42, fi),
+			}, null, 42, yi),
 			S.value ? (x(), a("div", {
 				key: 1,
 				id: _.value,
 				class: "form-text"
-			}, A(t.helpText), 9, pi)) : i("", !0),
+			}, A(t.helpText), 9, bi)) : i("", !0),
 			b.value ? (x(), a(e, { key: 2 }, [t.validationState === "valid" ? (x(), a("div", {
 				key: 0,
 				id: v.value,
 				class: "valid-feedback",
 				style: { display: "block" }
-			}, A(t.validationMessage || "Looks good!"), 9, mi)) : i("", !0), t.validationState === "invalid" ? (x(), a("div", {
+			}, A(t.validationMessage || "Looks good!"), 9, xi)) : i("", !0), t.validationState === "invalid" ? (x(), a("div", {
 				key: 1,
 				id: v.value,
 				class: "invalid-feedback",
 				style: { display: "block" }
-			}, A(t.validationMessage || "Please provide a valid date."), 9, hi)) : i("", !0)], 64)) : i("", !0)
+			}, A(t.validationMessage || "Please provide a valid date."), 9, Si)) : i("", !0)], 64)) : i("", !0)
 		], 2));
 	}
-}), _i = { class: "vibe-file-input" }, vi = ["for"], yi = { class: "mb-0" }, bi = [
+}), wi = { class: "vibe-file-input" }, Ti = ["for"], Ei = { class: "mb-0" }, Di = [
 	"id",
 	"multiple",
 	"accept",
 	"disabled"
-], xi = {
+], Oi = {
 	key: 2,
 	class: "form-text"
-}, Si = /* @__PURE__ */ W(/* @__PURE__ */ c({
+}, ki = /*#__PURE__*/ W(/* @__PURE__ */ c({
 	__name: "VibeFileInput",
 	props: {
 		modelValue: {
@@ -5090,12 +5293,12 @@ var er = { class: "vibe-chart" }, tr = {
 			typeof document > "u" || (document.addEventListener("dragend", N), document.addEventListener("drop", N));
 		}), _(() => {
 			typeof document > "u" || (document.removeEventListener("dragend", N), document.removeEventListener("drop", N));
-		}), (t, n) => (x(), a("div", _i, [
+		}), (t, n) => (x(), a("div", wi, [
 			e.label ? (x(), a("label", {
 				key: 0,
 				for: u.value,
 				class: "form-label"
-			}, A(e.label), 9, vi)) : i("", !0),
+			}, A(e.label), 9, Ti)) : i("", !0),
 			e.dragDrop ? (x(), a("div", {
 				key: 1,
 				class: m(M.value),
@@ -5104,7 +5307,7 @@ var er = { class: "vibe-chart" }, tr = {
 				onDragover: O,
 				onDragleave: k,
 				onClick: j
-			}, [D(t.$slots, "dropzone", {}, () => [o("p", yi, A(e.dropzoneText), 1)], !0)], 34)) : i("", !0),
+			}, [D(t.$slots, "dropzone", {}, () => [o("p", Ei, A(e.dropzoneText), 1)], !0)], 34)) : i("", !0),
 			o("input", {
 				id: u.value,
 				ref_key: "inputRef",
@@ -5116,22 +5319,22 @@ var er = { class: "vibe-chart" }, tr = {
 				disabled: e.disabled,
 				style: h(e.dragDrop ? "display: none" : void 0),
 				onChange: S
-			}, null, 46, bi),
-			e.helpText ? (x(), a("div", xi, A(e.helpText), 1)) : i("", !0)
+			}, null, 46, Di),
+			e.helpText ? (x(), a("div", Oi, A(e.helpText), 1)) : i("", !0)
 		]));
 	}
-}), [["__scopeId", "data-v-d6447a0f"]]), Ci = [
+}), [["__scopeId", "data-v-d6447a0f"]]), Ai = [
 	"aria-label",
 	"aria-valuemin",
 	"aria-valuemax",
 	"aria-valuenow",
 	"aria-disabled"
-], wi = [
+], ji = [
 	"aria-valuemin",
 	"aria-valuemax",
 	"aria-valuenow",
 	"aria-disabled"
-], Ti = /* @__PURE__ */ W(/* @__PURE__ */ c({
+], Mi = /*#__PURE__*/ W(/* @__PURE__ */ c({
 	__name: "VibeSlider",
 	props: {
 		modelValue: {
@@ -5266,7 +5469,7 @@ var er = { class: "vibe-chart" }, tr = {
 				style: h(k.value),
 				onKeydown: L,
 				onPointerdown: z
-			}, null, 44, Ci),
+			}, null, 44, Ai),
 			e.range ? (x(), a("div", {
 				key: 0,
 				class: "vibe-slider-handle",
@@ -5280,18 +5483,18 @@ var er = { class: "vibe-chart" }, tr = {
 				style: h(A.value),
 				onKeydown: R,
 				onPointerdown: B
-			}, null, 44, wi)) : i("", !0)
+			}, null, 44, ji)) : i("", !0)
 		], 544)], 2));
 	}
-}), [["__scopeId", "data-v-58d4508c"]]), Ei = { class: "vibe-stepper-header" }, Di = [
+}), [["__scopeId", "data-v-58d4508c"]]), Ni = { class: "vibe-stepper-header" }, Pi = [
 	"tabindex",
 	"aria-disabled",
 	"onClick",
 	"onKeydown"
-], Oi = { class: "vibe-stepper-marker" }, ki = { class: "vibe-stepper-label" }, Ai = {
+], Fi = { class: "vibe-stepper-marker" }, Ii = { class: "vibe-stepper-label" }, Li = {
 	key: 0,
 	class: "vibe-stepper-description"
-}, ji = { class: "vibe-stepper-body" }, Mi = { class: "vibe-stepper-actions" }, Ni = ["disabled"], Pi = /* @__PURE__ */ W(/* @__PURE__ */ c({
+}, Ri = { class: "vibe-stepper-body" }, zi = { class: "vibe-stepper-actions" }, Bi = ["disabled"], Vi = /*#__PURE__*/ W(/* @__PURE__ */ c({
 	__name: "VibeStepper",
 	props: {
 		modelValue: {
@@ -5396,26 +5599,26 @@ var er = { class: "vibe-chart" }, tr = {
 			return c.steps[e];
 		});
 		return (n, r) => (x(), a("div", { class: m(u.value) }, [
-			o("ol", Ei, [(x(!0), a(e, null, E(t.steps, (e, r) => (x(), a("li", {
+			o("ol", Ni, [(x(!0), a(e, null, E(t.steps, (e, r) => (x(), a("li", {
 				key: e.label ?? r,
 				class: m(g(r)),
 				tabindex: y(r) || r === t.modelValue ? 0 : -1,
 				"aria-disabled": y(r) || r === t.modelValue ? void 0 : "true",
 				onClick: (e) => w(r),
 				onKeydown: [B(H((e) => w(r), ["prevent"]), ["enter"]), B(H((e) => w(r), ["prevent"]), ["space"])]
-			}, [o("span", Oi, [D(n.$slots, "marker", {
+			}, [o("span", Fi, [D(n.$slots, "marker", {
 				index: r,
 				step: e,
 				active: r === t.modelValue
-			}, () => [s(A(r + 1), 1)], !0)]), o("span", ki, [D(n.$slots, "label", {
+			}, () => [s(A(r + 1), 1)], !0)]), o("span", Ii, [D(n.$slots, "label", {
 				index: r,
 				step: e
-			}, () => [s(A(e.label), 1)], !0), e.description ? (x(), a("small", Ai, A(e.description), 1)) : i("", !0)])], 42, Di))), 128))]),
-			o("div", ji, [D(n.$slots, "step", {
+			}, () => [s(A(e.label), 1)], !0), e.description ? (x(), a("small", Li, A(e.description), 1)) : i("", !0)])], 42, Pi))), 128))]),
+			o("div", Ri, [D(n.$slots, "step", {
 				index: t.modelValue,
 				step: O.value
 			}, void 0, !0)]),
-			o("div", Mi, [D(n.$slots, "actions", {
+			o("div", zi, [D(n.$slots, "actions", {
 				next: S,
 				prev: C,
 				isFirst: h.value,
@@ -5426,7 +5629,7 @@ var er = { class: "vibe-chart" }, tr = {
 				disabled: h.value,
 				"data-stepper-prev": "",
 				onClick: C
-			}, A(t.prevText), 9, Ni), o("button", {
+			}, A(t.prevText), 9, Bi), o("button", {
 				type: "button",
 				class: "btn btn-primary",
 				"data-stepper-next": "",
@@ -5434,7 +5637,7 @@ var er = { class: "vibe-chart" }, tr = {
 			}, A(p.value ? t.finishText : t.nextText), 1)], !0)])
 		], 2));
 	}
-}), [["__scopeId", "data-v-d9646674"]]), Fi = ["for"], Ii = [
+}), [["__scopeId", "data-v-d9646674"]]), Hi = ["for"], Ui = [
 	"id",
 	"value",
 	"placeholder",
@@ -5442,15 +5645,15 @@ var er = { class: "vibe-chart" }, tr = {
 	"aria-expanded",
 	"aria-controls",
 	"aria-activedescendant"
-], Li = ["id"], Ri = [
+], Wi = ["id"], Gi = [
 	"id",
 	"aria-selected",
 	"onMouseenter",
 	"onClick"
-], zi = {
+], Ki = {
 	key: 2,
 	class: "vibe-autocomplete-empty"
-}, Bi = /* @__PURE__ */ W(/* @__PURE__ */ c({
+}, qi = /*#__PURE__*/ W(/* @__PURE__ */ c({
 	__name: "VibeAutocomplete",
 	props: {
 		modelValue: {
@@ -5500,73 +5703,80 @@ var er = { class: "vibe-chart" }, tr = {
 		I(() => c.modelValue, (e) => {
 			e !== p.value && (p.value = e);
 		});
-		let C = (e) => c.itemText ? c.itemText(e) : typeof e == "string" ? e : String(e), w = (e, t) => {
+		let C = !1, w = (e) => c.itemText ? c.itemText(e) : (typeof e != "string" && !C && (C = !0, console.warn("[VibeAutocomplete] Item is an object but no itemText prop was provided — labelOf falls back to String(item) which produces \"[object Object]\". Pass an itemText function: :itemText=\"item => item.name\"")), typeof e == "string" ? e : String(e)), O = (e, t) => {
 			let n = t.toLowerCase();
-			return e.filter((e) => C(e).toLowerCase().includes(n)).slice(0, c.maxResults);
-		}, O = () => {
+			return e.filter((e) => w(e).toLowerCase().includes(n)).slice(0, c.maxResults);
+		}, k = () => {
 			if (g.value < 0) return null;
 			let e = h.value[g.value];
-			return e === void 0 ? null : C(e);
-		}, k = (e) => {
+			return e === void 0 ? null : w(e);
+		}, j = (e) => {
 			if (e === null) {
 				g.value = -1;
 				return;
 			}
-			g.value = h.value.findIndex((t) => C(t) === e);
-		}, j = !1, M = async (e) => {
-			let t = O();
+			g.value = h.value.findIndex((t) => w(t) === e);
+		}, M = !1, N = async (e) => {
+			let t = k();
 			if (typeof c.source == "function") {
 				S += 1;
-				let t = S, n = await c.source(e);
-				if (t !== S || j) return;
-				h.value = n.slice(0, c.maxResults);
-			} else S += 1, h.value = w(c.source, e);
-			j || (k(t), v.value = !0);
-		}, N = () => {
+				let t = S;
+				try {
+					let n = await c.source(e);
+					if (t !== S || M) return;
+					h.value = n.slice(0, c.maxResults);
+				} catch {
+					if (t !== S || M) return;
+					h.value = [], v.value = !1;
+					return;
+				}
+			} else S += 1, h.value = O(c.source, e);
+			M || (j(t), v.value = !0);
+		}, P = () => {
 			S += 1;
-		}, P = (e) => {
+		}, F = (e) => {
 			if (y.value !== null && clearTimeout(y.value), c.debounce <= 0) {
-				M(e);
+				N(e);
 				return;
 			}
 			y.value = setTimeout(() => {
-				M(e), y.value = null;
+				N(e), y.value = null;
 			}, c.debounce);
-		}, F = (e) => {
+		}, L = (e) => {
 			let t = e.target;
 			if (p.value = t.value, l("update:modelValue", t.value), t.value.length < c.minChars) {
-				N(), h.value = [], v.value = !1;
+				P(), h.value = [], v.value = !1;
 				return;
 			}
-			P(t.value);
-		}, L = () => {
-			c.disabled || p.value.length >= c.minChars && M(p.value);
+			F(t.value);
 		}, R = () => {
-			N(), v.value = !1, g.value = -1;
-		}, z = (e) => {
-			p.value = C(e), l("update:modelValue", p.value), l("select", e), R();
+			c.disabled || p.value.length >= c.minChars && N(p.value);
+		}, z = () => {
+			P(), v.value = !1, g.value = -1;
 		}, B = (e) => {
+			p.value = w(e), l("update:modelValue", p.value), l("select", e), z();
+		}, V = (e) => {
 			if (!c.disabled) if (e.key === "ArrowDown") {
 				if (e.preventDefault(), !v.value) {
-					M(p.value);
+					N(p.value);
 					return;
 				}
 				g.value = Math.min(h.value.length - 1, g.value + 1);
 			} else if (e.key === "ArrowUp") {
 				if (e.preventDefault(), !v.value) return;
-				g.value = g.value <= 0 ? h.value.length - 1 : g.value - 1;
-			} else e.key === "Enter" ? g.value >= 0 && h.value[g.value] && (e.preventDefault(), z(h.value[g.value])) : e.key === "Escape" && (e.preventDefault(), R());
-		}, V = (e) => {
+				g.value = Math.max(0, g.value - 1);
+			} else e.key === "Enter" ? g.value >= 0 && h.value[g.value] && (e.preventDefault(), B(h.value[g.value])) : e.key === "Escape" && (e.preventDefault(), z());
+		}, H = (e) => {
 			if (!v.value) return;
 			let t = b.value;
-			t && e.target instanceof Node && t.contains(e.target) || R();
+			t && e.target instanceof Node && t.contains(e.target) || z();
 		};
 		I(v, (e) => {
-			typeof document > "u" || (e ? document.addEventListener("mousedown", V) : document.removeEventListener("mousedown", V));
+			typeof document > "u" || (e ? document.addEventListener("mousedown", H) : document.removeEventListener("mousedown", H));
 		}), _(() => {
-			j = !0, N(), y.value !== null && clearTimeout(y.value), typeof document < "u" && document.removeEventListener("mousedown", V);
+			M = !0, P(), y.value !== null && clearTimeout(y.value), typeof document < "u" && document.removeEventListener("mousedown", H);
 		});
-		let H = n(() => v.value && p.value.length >= c.minChars && h.value.length === 0);
+		let ee = n(() => v.value && p.value.length >= c.minChars && h.value.length === 0);
 		return (n, r) => (x(), a("div", {
 			class: "vibe-autocomplete",
 			ref_key: "rootRef",
@@ -5576,7 +5786,7 @@ var er = { class: "vibe-chart" }, tr = {
 				key: 0,
 				for: d.value,
 				class: "form-label"
-			}, A(t.label), 9, Fi)) : i("", !0),
+			}, A(t.label), 9, Hi)) : i("", !0),
 			o("input", {
 				id: d.value,
 				class: "form-control",
@@ -5590,31 +5800,31 @@ var er = { class: "vibe-chart" }, tr = {
 				"aria-controls": v.value && h.value.length > 0 ? f.value : void 0,
 				"aria-activedescendant": g.value >= 0 ? `${d.value}-option-${g.value}` : void 0,
 				role: "combobox",
-				onInput: F,
-				onFocus: L,
-				onKeydown: B
-			}, null, 40, Ii),
+				onInput: L,
+				onFocus: R,
+				onKeydown: V
+			}, null, 40, Ui),
 			v.value && h.value.length > 0 ? (x(), a("ul", {
 				key: 1,
 				id: f.value,
 				class: "vibe-autocomplete-menu",
 				role: "listbox"
 			}, [(x(!0), a(e, null, E(h.value, (e, t) => (x(), a("li", {
-				key: C(e) + "\0" + t,
+				key: w(e) + "\0" + t,
 				id: `${d.value}-option-${t}`,
 				class: m(["vibe-autocomplete-item", t === g.value ? "vibe-autocomplete-item-highlighted" : ""]),
 				role: "option",
 				"aria-selected": t === g.value,
 				onMouseenter: (e) => g.value = t,
-				onClick: (t) => z(e)
+				onClick: (t) => B(e)
 			}, [D(n.$slots, "item", {
 				item: e,
 				index: t,
-				label: C(e)
-			}, () => [s(A(C(e)), 1)], !0)], 42, Ri))), 128))], 8, Li)) : H.value ? (x(), a("div", zi, [D(n.$slots, "empty", {}, () => [r[0] ||= s("No results", -1)], !0)])) : i("", !0)
+				label: w(e)
+			}, () => [s(A(w(e)), 1)], !0)], 42, Gi))), 128))], 8, Wi)) : ee.value ? (x(), a("div", Ki, [D(n.$slots, "empty", {}, () => [r[0] ||= s("No results", -1)], !0)])) : i("", !0)
 		], 512));
 	}
-}), [["__scopeId", "data-v-5d8fb9ff"]]), Vi = /* @__PURE__ */ W(/* @__PURE__ */ c({
+}), [["__scopeId", "data-v-34f733e3"]]), Ji = /*#__PURE__*/ W(/* @__PURE__ */ c({
 	__name: "VibeSortable",
 	props: {
 		modelValue: {
@@ -5693,24 +5903,24 @@ var er = { class: "vibe-chart" }, tr = {
 			_: 3
 		}));
 	}
-}), [["__scopeId", "data-v-eda2a0c7"]]), J = {
+}), [["__scopeId", "data-v-0d48df5a"]]), J = {
 	payload: void 0,
 	group: "",
 	active: !1
-}, Hi = !1, Ui = () => {
-	J.payload = void 0, J.group = "", J.active = !1, Gi();
-}, Wi = () => {
-	Hi || typeof document > "u" || (Hi = !0, document.addEventListener("dragend", Ui), document.addEventListener("drop", Ui));
-}, Gi = () => {
-	!Hi || typeof document > "u" || (Hi = !1, document.removeEventListener("dragend", Ui), document.removeEventListener("drop", Ui));
-}, Ki = (e, t) => {
-	typeof window > "u" || (J.payload = e, J.group = t, J.active = !0, Wi());
-}, qi = () => {
-	typeof window > "u" || (J.payload = void 0, J.group = "", J.active = !1, Gi());
-}, Ji = () => J.active ? {
+}, Yi = !1, Xi = () => {
+	J.payload = void 0, J.group = "", J.active = !1, Qi();
+}, Zi = () => {
+	Yi || typeof document > "u" || (Yi = !0, document.addEventListener("dragend", Xi), document.addEventListener("drop", Xi));
+}, Qi = () => {
+	!Yi || typeof document > "u" || (Yi = !1, document.removeEventListener("dragend", Xi), document.removeEventListener("drop", Xi));
+}, $i = (e, t) => {
+	typeof window > "u" || (J.payload = e, J.group = t, J.active = !0, Zi());
+}, ea = () => {
+	typeof window > "u" || (J.payload = void 0, J.group = "", J.active = !1, Qi());
+}, ta = () => J.active ? {
 	payload: J.payload,
 	group: J.group
-} : null, Yi = /* @__PURE__ */ W(/* @__PURE__ */ c({
+} : null, na = /*#__PURE__*/ W(/* @__PURE__ */ c({
 	__name: "VibeDraggable",
 	props: {
 		payload: {
@@ -5737,13 +5947,13 @@ var er = { class: "vibe-chart" }, tr = {
 				e.preventDefault();
 				return;
 			}
-			a.value = !0, Ki(n.payload, n.group), e.dataTransfer && (e.dataTransfer.effectAllowed = "move"), i("dragstart", {
+			a.value = !0, $i(n.payload, n.group), e.dataTransfer && (e.dataTransfer.effectAllowed = "move"), i("dragstart", {
 				payload: n.payload,
 				group: n.group,
 				event: e
 			});
 		}, s = (e) => {
-			a.value = !1, qi(), i("dragend", {
+			a.value = !1, ea(), i("dragend", {
 				payload: n.payload,
 				group: n.group,
 				event: e
@@ -5768,7 +5978,7 @@ var er = { class: "vibe-chart" }, tr = {
 			"data-vibe-group"
 		]));
 	}
-}), [["__scopeId", "data-v-39b73254"]]), Xi = /* @__PURE__ */ W(/* @__PURE__ */ c({
+}), [["__scopeId", "data-v-39b73254"]]), ra = /*#__PURE__*/ W(/* @__PURE__ */ c({
 	__name: "VibeDroppable",
 	props: {
 		group: {
@@ -5798,7 +6008,7 @@ var er = { class: "vibe-chart" }, tr = {
 		I(() => n.disabled, (e) => {
 			e && (o = 0, a.value = !1);
 		});
-		let s = (e) => n.acceptGroups && n.acceptGroups.length > 0 ? n.acceptGroups.includes(e) : e === n.group, c = () => Ji(), l = (e) => {
+		let s = (e) => n.acceptGroups && n.acceptGroups.length > 0 ? n.acceptGroups.includes(e) : e === n.group, c = () => ta(), l = (e) => {
 			if (n.disabled) return;
 			let t = c();
 			t && s(t.group) && (o += 1, a.value = !0, i("dragenter", e));
@@ -5836,7 +6046,7 @@ var er = { class: "vibe-chart" }, tr = {
 			_: 3
 		}, 40, ["class", "data-vibe-group"]));
 	}
-}), [["__scopeId", "data-v-cb4f90ac"]]), Zi = ["data-handle", "onPointerdown"], Qi = /* @__PURE__ */ W(/* @__PURE__ */ c({
+}), [["__scopeId", "data-v-cb4f90ac"]]), ia = ["data-handle", "onPointerdown"], aa = /*#__PURE__*/ W(/* @__PURE__ */ c({
 	__name: "VibeResizable",
 	props: {
 		handles: {
@@ -5950,19 +6160,19 @@ var er = { class: "vibe-chart" }, tr = {
 			onPointerdown: j(O)[e],
 			onPointermove: k,
 			onPointerup: A
-		}, null, 42, Zi))), 128))], 6));
+		}, null, 42, ia))), 128))], 6));
 	}
-}), [["__scopeId", "data-v-6582c06b"]]), $i = ["for"], ea = [
+}), [["__scopeId", "data-v-6582c06b"]]), oa = ["for"], sa = [
 	"id",
 	"value",
 	"placeholder",
 	"disabled",
 	"aria-expanded"
-], ta = ["aria-label"], na = { class: "vibe-datepicker-header" }, ra = { class: "vibe-datepicker-title" }, ia = { class: "vibe-datepicker-weekdays" }, aa = { class: "vibe-datepicker-grid" }, oa = [
+], ca = ["aria-label"], la = { class: "vibe-datepicker-header" }, ua = { class: "vibe-datepicker-title" }, da = { class: "vibe-datepicker-weekdays" }, fa = { class: "vibe-datepicker-grid" }, pa = [
 	"data-iso",
 	"disabled",
 	"onClick"
-], sa = /* @__PURE__ */ W(/* @__PURE__ */ c({
+], ma = /*#__PURE__*/ W(/* @__PURE__ */ c({
 	__name: "VibeDatePicker",
 	props: {
 		modelValue: {
@@ -6093,46 +6303,46 @@ var er = { class: "vibe-chart" }, tr = {
 		}, te = (e) => {
 			let t = ["vibe-datepicker-day"];
 			return e.inMonth || t.push("vibe-datepicker-day-outside"), e.disabled && t.push("vibe-datepicker-day-disabled"), e.isToday && t.push("vibe-datepicker-day-today"), e.isSelected && t.push("vibe-datepicker-day-selected"), e.isFocused && t.push("vibe-datepicker-day-focused"), e.isInRange && t.push("vibe-datepicker-day-in-range"), e.isRangeStart && t.push("vibe-datepicker-day-range-start"), e.isRangeEnd && t.push("vibe-datepicker-day-range-end"), t.join(" ");
-		}, ne = async (e) => {
+		}, U = async (e) => {
 			w.value = e;
 			let t = v(e);
 			(t.getFullYear() !== S.value || t.getMonth() !== C.value) && (S.value = t.getFullYear(), C.value = t.getMonth()), await p(), (O.value?.querySelector(`[data-iso="${e}"]`))?.focus();
-		}, re = async (e) => {
+		}, W = async (e) => {
 			let t = v(w.value || k.value || h(b()));
-			t.setDate(t.getDate() + e), await ne(h(t));
-		}, U = async (e) => {
+			t.setDate(t.getDate() + e), await U(h(t));
+		}, ne = async (e) => {
 			let t = v(w.value || k.value || h(b())), n = t.getMonth() + e, r = t.getFullYear() + Math.floor(n / 12), i = (n % 12 + 12) % 12, a = new Date(r, i + 1, 0).getDate();
-			t.setFullYear(r, i, Math.min(t.getDate(), a)), await ne(h(t));
-		}, ie = async (e) => {
+			t.setFullYear(r, i, Math.min(t.getDate(), a)), await U(h(t));
+		}, re = async (e) => {
 			switch (e.key) {
 				case "ArrowRight":
-					e.preventDefault(), await re(1);
+					e.preventDefault(), await W(1);
 					break;
 				case "ArrowLeft":
-					e.preventDefault(), await re(-1);
+					e.preventDefault(), await W(-1);
 					break;
 				case "ArrowDown":
-					e.preventDefault(), await re(7);
+					e.preventDefault(), await W(7);
 					break;
 				case "ArrowUp":
-					e.preventDefault(), await re(-7);
+					e.preventDefault(), await W(-7);
 					break;
 				case "PageDown":
-					e.preventDefault(), await U(1);
+					e.preventDefault(), await ne(1);
 					break;
 				case "PageUp":
-					e.preventDefault(), await U(-1);
+					e.preventDefault(), await ne(-1);
 					break;
 				case "Home": {
 					e.preventDefault();
 					let t = v(w.value || k.value || h(b())), n = (t.getDay() - c.weekStart + 7) % 7;
-					t.setDate(t.getDate() - n), await ne(h(t));
+					t.setDate(t.getDate() - n), await U(h(t));
 					break;
 				}
 				case "End": {
 					e.preventDefault();
 					let t = v(w.value || k.value || h(b())), n = (t.getDay() - c.weekStart + 7) % 7;
-					t.setDate(t.getDate() + (6 - n)), await ne(h(t));
+					t.setDate(t.getDate() + (6 - n)), await U(h(t));
 					break;
 				}
 				case "Enter":
@@ -6148,15 +6358,15 @@ var er = { class: "vibe-chart" }, tr = {
 					e.preventDefault(), B();
 					break;
 			}
-		}, ae = (e) => {
+		}, ie = (e) => {
 			if (!y.value) return;
 			let t = D.value;
 			t && e.target instanceof Node && t.contains(e.target) || B();
 		};
 		return I(y, (e) => {
-			typeof document > "u" || (e ? (w.value = k.value || h(b()), document.addEventListener("mousedown", ae)) : (w.value = null, document.removeEventListener("mousedown", ae)));
+			typeof document > "u" || (e ? (w.value = k.value || h(b()), document.addEventListener("mousedown", ie)) : (w.value = null, document.removeEventListener("mousedown", ie)));
 		}), _(() => {
-			typeof document < "u" && document.removeEventListener("mousedown", ae);
+			typeof document < "u" && document.removeEventListener("mousedown", ie);
 		}), r({
 			open: () => {
 				y.value || z();
@@ -6171,7 +6381,7 @@ var er = { class: "vibe-chart" }, tr = {
 				key: 0,
 				for: d.value,
 				class: "form-label"
-			}, A(t.label), 9, $i)) : i("", !0),
+			}, A(t.label), 9, oa)) : i("", !0),
 			o("input", {
 				id: d.value,
 				type: "text",
@@ -6183,7 +6393,7 @@ var er = { class: "vibe-chart" }, tr = {
 				"aria-haspopup": "dialog",
 				"aria-expanded": y.value,
 				onClick: z
-			}, null, 8, ea),
+			}, null, 8, sa),
 			y.value ? (x(), a("div", {
 				key: 1,
 				ref_key: "popoverRef",
@@ -6191,9 +6401,9 @@ var er = { class: "vibe-chart" }, tr = {
 				class: "vibe-datepicker-popover",
 				role: "dialog",
 				"aria-label": t.label || "Date picker",
-				onKeydown: ie
+				onKeydown: re
 			}, [
-				o("div", na, [
+				o("div", la, [
 					o("button", {
 						type: "button",
 						class: "vibe-datepicker-nav",
@@ -6201,7 +6411,7 @@ var er = { class: "vibe-chart" }, tr = {
 						"data-prev-month": "",
 						onClick: V
 					}, "‹"),
-					o("span", ra, A(F.value), 1),
+					o("span", ua, A(F.value), 1),
 					o("button", {
 						type: "button",
 						class: "vibe-datepicker-nav",
@@ -6210,34 +6420,34 @@ var er = { class: "vibe-chart" }, tr = {
 						onClick: H
 					}, "›")
 				]),
-				o("div", ia, [(x(!0), a(e, null, E(L.value, (e) => (x(), a("span", {
+				o("div", da, [(x(!0), a(e, null, E(L.value, (e) => (x(), a("span", {
 					key: e,
 					class: "vibe-datepicker-weekday"
 				}, A(e), 1))), 128))]),
-				o("div", aa, [(x(!0), a(e, null, E(P.value, (e) => (x(), a("button", {
+				o("div", fa, [(x(!0), a(e, null, E(P.value, (e) => (x(), a("button", {
 					key: e.iso,
 					type: "button",
 					class: m(te(e)),
 					"data-iso": e.iso,
 					disabled: e.disabled,
 					onClick: (t) => ee(e)
-				}, A(e.day), 11, oa))), 128))])
-			], 40, ta)) : i("", !0)
+				}, A(e.day), 11, pa))), 128))])
+			], 40, ca)) : i("", !0)
 		], 512));
 	}
-}), [["__scopeId", "data-v-0a5b8fa4"]]), ca = [
+}), [["__scopeId", "data-v-0a5b8fa4"]]), ha = [
 	"id",
 	"checked",
 	"disabled",
 	"required",
 	"aria-invalid",
 	"aria-describedby"
-], la = ["for"], ua = {
+], ga = ["for"], _a = {
 	key: 0,
 	class: "text-danger"
-}, da = ["id"], fa = ["id"], pa = ["id"], ma = /* @__PURE__ */ c({
+}, va = ["id"], ya = ["id"], ba = ["id"], xa = /* @__PURE__ */ c({
 	__name: "VibeFormCheckbox",
-	props: /* @__PURE__ */ d({
+	props: /*@__PURE__*/ d({
 		value: {
 			type: [
 				String,
@@ -6314,7 +6524,7 @@ var er = { class: "vibe-chart" }, tr = {
 		},
 		modelModifiers: {}
 	}),
-	emits: /* @__PURE__ */ d([
+	emits: /*@__PURE__*/ d([
 		"validate",
 		"blur",
 		"focus",
@@ -6329,13 +6539,7 @@ var er = { class: "vibe-chart" }, tr = {
 			return l.validationState === "valid" && e.push("is-valid"), l.validationState === "invalid" && e.push("is-invalid"), e.join(" ");
 		}), D = n(() => l.indeterminate ? !1 : Array.isArray(c.value) ? c.value.includes(l.value) : c.value === l.value), O = (e) => {
 			let t = e.target, n;
-			if (Array.isArray(c.value)) if (n = [...c.value], t.checked) n.push(l.value);
-			else {
-				let e = n.indexOf(l.value);
-				e > -1 && n.splice(e, 1);
-			}
-			else n = t.checked ? l.value : l.uncheckedValue;
-			c.value = n, d("change", e), l.validateOn === "change" && d("validate");
+			Array.isArray(c.value) ? (n = [...c.value], t.checked ? n.push(l.value) : n = n.filter((e) => e !== l.value)) : n = t.checked ? l.value : l.uncheckedValue, c.value = n, d("change", e), l.validateOn === "change" && d("validate");
 		}, k = (e) => {
 			d("blur", e), l.validateOn === "blur" && d("validate");
 		}, j = (e) => {
@@ -6360,31 +6564,31 @@ var er = { class: "vibe-chart" }, tr = {
 				onChange: O,
 				onBlur: k,
 				onFocus: j
-			}, null, 42, ca),
+			}, null, 42, ha),
 			b.value ? (x(), a("label", {
 				key: 0,
 				for: g.value,
 				class: "form-check-label"
-			}, [s(A(t.label) + " ", 1), t.required ? (x(), a("span", ua, "*")) : i("", !0)], 8, la)) : i("", !0),
+			}, [s(A(t.label) + " ", 1), t.required ? (x(), a("span", _a, "*")) : i("", !0)], 8, ga)) : i("", !0),
 			C.value ? (x(), a("div", {
 				key: 1,
 				id: `${g.value}-help`,
 				class: "form-text"
-			}, A(t.helpText), 9, da)) : i("", !0),
+			}, A(t.helpText), 9, va)) : i("", !0),
 			S.value ? (x(), a(e, { key: 2 }, [t.validationState === "valid" ? (x(), a("div", {
 				key: 0,
 				id: `${g.value}-feedback`,
 				class: "valid-feedback",
 				style: { display: "block" }
-			}, A(t.validationMessage || "Looks good!"), 9, fa)) : i("", !0), t.validationState === "invalid" ? (x(), a("div", {
+			}, A(t.validationMessage || "Looks good!"), 9, ya)) : i("", !0), t.validationState === "invalid" ? (x(), a("div", {
 				key: 1,
 				id: `${g.value}-feedback`,
 				class: "invalid-feedback",
 				style: { display: "block" }
-			}, A(t.validationMessage || "Please check this box."), 9, pa)) : i("", !0)], 64)) : i("", !0)
+			}, A(t.validationMessage || "Please check this box."), 9, ba)) : i("", !0)], 64)) : i("", !0)
 		], 2));
 	}
-}), ha = [
+}), Sa = [
 	"id",
 	"name",
 	"value",
@@ -6393,12 +6597,12 @@ var er = { class: "vibe-chart" }, tr = {
 	"required",
 	"aria-invalid",
 	"aria-describedby"
-], ga = ["for"], _a = {
+], Ca = ["for"], wa = {
 	key: 0,
 	class: "text-danger"
-}, va = ["id"], ya = ["id"], ba = ["id"], xa = /* @__PURE__ */ c({
+}, Ta = ["id"], Ea = ["id"], Da = ["id"], Oa = /* @__PURE__ */ c({
 	__name: "VibeFormRadio",
-	props: /* @__PURE__ */ d({
+	props: /*@__PURE__*/ d({
 		value: {
 			type: [
 				String,
@@ -6466,7 +6670,7 @@ var er = { class: "vibe-chart" }, tr = {
 		},
 		modelModifiers: {}
 	}),
-	emits: /* @__PURE__ */ d([
+	emits: /*@__PURE__*/ d([
 		"validate",
 		"blur",
 		"focus",
@@ -6503,43 +6707,43 @@ var er = { class: "vibe-chart" }, tr = {
 				onChange: w,
 				onBlur: T,
 				onFocus: E
-			}, null, 42, ha),
+			}, null, 42, Sa),
 			_.value ? (x(), a("label", {
 				key: 0,
 				for: g.value,
 				class: "form-check-label"
-			}, [s(A(t.label) + " ", 1), t.required ? (x(), a("span", _a, "*")) : i("", !0)], 8, ga)) : i("", !0),
+			}, [s(A(t.label) + " ", 1), t.required ? (x(), a("span", wa, "*")) : i("", !0)], 8, Ca)) : i("", !0),
 			y.value ? (x(), a("div", {
 				key: 1,
 				id: `${g.value}-help`,
 				class: "form-text"
-			}, A(t.helpText), 9, va)) : i("", !0),
+			}, A(t.helpText), 9, Ta)) : i("", !0),
 			v.value ? (x(), a(e, { key: 2 }, [t.validationState === "valid" ? (x(), a("div", {
 				key: 0,
 				id: `${g.value}-feedback`,
 				class: "valid-feedback",
 				style: { display: "block" }
-			}, A(t.validationMessage || "Looks good!"), 9, ya)) : i("", !0), t.validationState === "invalid" ? (x(), a("div", {
+			}, A(t.validationMessage || "Looks good!"), 9, Ea)) : i("", !0), t.validationState === "invalid" ? (x(), a("div", {
 				key: 1,
 				id: `${g.value}-feedback`,
 				class: "invalid-feedback",
 				style: { display: "block" }
-			}, A(t.validationMessage || "Please select an option."), 9, ba)) : i("", !0)], 64)) : i("", !0)
+			}, A(t.validationMessage || "Please select an option."), 9, Da)) : i("", !0)], 64)) : i("", !0)
 		], 2));
 	}
-}), Sa = [
+}), ka = [
 	"id",
 	"checked",
 	"disabled",
 	"required",
 	"aria-invalid",
 	"aria-describedby"
-], Ca = ["for"], wa = {
+], Aa = ["for"], ja = {
 	key: 0,
 	class: "text-danger"
-}, Ta = ["id"], Ea = ["id"], Da = ["id"], Oa = /* @__PURE__ */ c({
+}, Ma = ["id"], Na = ["id"], Pa = ["id"], Fa = /* @__PURE__ */ c({
 	__name: "VibeFormSwitch",
-	props: /* @__PURE__ */ d({
+	props: /*@__PURE__*/ d({
 		id: {
 			type: String,
 			default: void 0
@@ -6587,7 +6791,7 @@ var er = { class: "vibe-chart" }, tr = {
 		},
 		modelModifiers: {}
 	}),
-	emits: /* @__PURE__ */ d([
+	emits: /*@__PURE__*/ d([
 		"validate",
 		"blur",
 		"focus",
@@ -6621,37 +6825,53 @@ var er = { class: "vibe-chart" }, tr = {
 				onChange: C,
 				onBlur: w,
 				onFocus: T
-			}, null, 42, Sa),
+			}, null, 42, ka),
 			_.value ? (x(), a("label", {
 				key: 0,
 				for: g.value,
 				class: "form-check-label"
-			}, [s(A(t.label) + " ", 1), t.required ? (x(), a("span", wa, "*")) : i("", !0)], 8, Ca)) : i("", !0),
+			}, [s(A(t.label) + " ", 1), t.required ? (x(), a("span", ja, "*")) : i("", !0)], 8, Aa)) : i("", !0),
 			y.value ? (x(), a("div", {
 				key: 1,
 				id: `${g.value}-help`,
 				class: "form-text"
-			}, A(t.helpText), 9, Ta)) : i("", !0),
+			}, A(t.helpText), 9, Ma)) : i("", !0),
 			v.value ? (x(), a(e, { key: 2 }, [t.validationState === "valid" ? (x(), a("div", {
 				key: 0,
 				id: `${g.value}-feedback`,
 				class: "valid-feedback",
 				style: { display: "block" }
-			}, A(t.validationMessage || "Looks good!"), 9, Ea)) : i("", !0), t.validationState === "invalid" ? (x(), a("div", {
+			}, A(t.validationMessage || "Looks good!"), 9, Na)) : i("", !0), t.validationState === "invalid" ? (x(), a("div", {
 				key: 1,
 				id: `${g.value}-feedback`,
 				class: "invalid-feedback",
 				style: { display: "block" }
-			}, A(t.validationMessage || "Please toggle this switch."), 9, Da)) : i("", !0)], 64)) : i("", !0)
+			}, A(t.validationMessage || "Please toggle this switch."), 9, Pa)) : i("", !0)], 64)) : i("", !0)
 		], 2));
 	}
-}), ka = ["for"], Aa = {
+}), Ia = ["for"], La = {
 	key: 0,
-	class: "text-danger"
-}, ja = ["id"], Ma = ["id"], Na = ["id"], Pa = ["for"], Fa = {
+	class: "text-danger ms-1",
+	"aria-hidden": "true"
+}, Ra = {
+	key: 1,
+	class: "text-muted ms-1 small",
+	"aria-hidden": "true"
+}, za = {
+	key: 2,
+	class: "visually-hidden"
+}, Ba = ["id"], Va = ["id"], Ha = ["id"], Ua = ["for"], Wa = {
 	key: 0,
-	class: "text-danger"
-}, Ia = ["id"], La = ["id"], Ra = ["id"], za = /* @__PURE__ */ c({
+	class: "text-danger ms-1",
+	"aria-hidden": "true"
+}, Ga = {
+	key: 1,
+	class: "text-muted ms-1 small",
+	"aria-hidden": "true"
+}, Ka = {
+	key: 2,
+	class: "visually-hidden"
+}, qa = ["id"], Ja = ["id"], Ya = ["id"], Xa = /* @__PURE__ */ c({
 	__name: "VibeFormGroup",
 	props: {
 		label: {
@@ -6702,7 +6922,9 @@ var er = { class: "vibe-chart" }, tr = {
 			consumeId: () => l.value ? null : (l.value = !0, c.value),
 			hasLabel: n(() => !!r.label),
 			hasValidation: n(() => !!r.validationState),
-			hasHelp: n(() => !!r.helpText)
+			hasHelp: n(() => !!r.helpText),
+			helpId: n(() => r.helpText ? h.value : null),
+			feedbackId: n(() => r.validationState ? p.value : null)
 		});
 		let u = n(() => {
 			let e = [];
@@ -6715,7 +6937,11 @@ var er = { class: "vibe-chart" }, tr = {
 			key: 0,
 			for: c.value,
 			class: m(d.value)
-		}, [s(A(t.label) + " ", 1), t.required ? (x(), a("span", Aa, "*")) : i("", !0)], 10, ka)) : i("", !0), t.row && t.labelCols ? (x(), a("div", {
+		}, [
+			s(A(t.label) + " ", 1),
+			t.required ? (x(), a("span", La, "*")) : (x(), a("span", Ra, "(optional)")),
+			t.required ? (x(), a("span", za, "required")) : i("", !0)
+		], 10, Ia)) : i("", !0), t.row && t.labelCols ? (x(), a("div", {
 			key: 1,
 			class: m(f.value)
 		}, [
@@ -6724,60 +6950,85 @@ var er = { class: "vibe-chart" }, tr = {
 				key: 0,
 				id: h.value,
 				class: "form-text"
-			}, A(t.helpText), 9, ja)) : i("", !0),
+			}, A(t.helpText), 9, Ba)) : i("", !0),
 			t.validationState === "valid" ? (x(), a("div", {
 				key: 1,
 				id: p.value,
 				class: "valid-feedback",
 				style: { display: "block" }
-			}, A(t.validationMessage || "Looks good!"), 9, Ma)) : i("", !0),
+			}, A(t.validationMessage || "Looks good!"), 9, Va)) : i("", !0),
 			t.validationState === "invalid" ? (x(), a("div", {
 				key: 2,
 				id: p.value,
 				class: "invalid-feedback",
+				role: "alert",
 				style: { display: "block" }
-			}, A(t.validationMessage || "Please provide a valid value."), 9, Na)) : i("", !0)
+			}, A(t.validationMessage || "Please provide a valid value."), 9, Ha)) : i("", !0)
 		], 2)) : (x(), a(e, { key: 2 }, [
 			D(n.$slots, "default"),
 			t.label && t.floating ? (x(), a("label", {
 				key: 0,
 				for: c.value,
 				class: m(d.value)
-			}, [s(A(t.label) + " ", 1), t.required ? (x(), a("span", Fa, "*")) : i("", !0)], 10, Pa)) : i("", !0),
+			}, [
+				s(A(t.label) + " ", 1),
+				t.required ? (x(), a("span", Wa, "*")) : (x(), a("span", Ga, "(optional)")),
+				t.required ? (x(), a("span", Ka, "required")) : i("", !0)
+			], 10, Ua)) : i("", !0),
 			t.helpText ? (x(), a("div", {
 				key: 1,
 				id: h.value,
 				class: "form-text"
-			}, A(t.helpText), 9, Ia)) : i("", !0),
+			}, A(t.helpText), 9, qa)) : i("", !0),
 			t.validationState === "valid" ? (x(), a("div", {
 				key: 2,
 				id: p.value,
 				class: "valid-feedback",
 				style: { display: "block" }
-			}, A(t.validationMessage || "Looks good!"), 9, La)) : i("", !0),
+			}, A(t.validationMessage || "Looks good!"), 9, Ja)) : i("", !0),
 			t.validationState === "invalid" ? (x(), a("div", {
 				key: 3,
 				id: p.value,
 				class: "invalid-feedback",
+				role: "alert",
 				style: { display: "block" }
-			}, A(t.validationMessage || "Please provide a valid value."), 9, Ra)) : i("", !0)
+			}, A(t.validationMessage || "Please provide a valid value."), 9, Ya)) : i("", !0)
 		], 64))], 2));
 	}
-}), Ba = {
+}), Za = {
+	key: 0,
+	role: "alert",
+	"aria-live": "polite",
+	class: "alert alert-danger"
+}, Qa = { class: "mb-0" }, $a = ["href", "onClick"], eo = /* @__PURE__ */ c({
+	__name: "VibeFormErrorSummary",
+	props: { errors: {
+		type: Object,
+		required: !0
+	} },
+	emits: ["focus"],
+	setup(t, { emit: r }) {
+		let s = t, c = r, l = n(() => Object.entries(s.errors).filter(([, e]) => e));
+		return (t, n) => l.value.length ? (x(), a("div", Za, [n[0] ||= o("strong", null, "Please fix the following:", -1), o("ul", Qa, [(x(!0), a(e, null, E(l.value, ([e, t]) => (x(), a("li", { key: e }, [o("a", {
+			href: `#field-${e}`,
+			onClick: H((t) => c("focus", e), ["prevent"])
+		}, A(t), 9, $a)]))), 128))])])) : i("", !0);
+	}
+}), to = {
 	sm: 576,
 	md: 768,
 	lg: 992,
 	xl: 1200,
 	xxl: 1400
 };
-function Va() {
+function no() {
 	let e = T(!1), t = T(!1), r = T(!1), i = T(!1), a = T(!1), o = [], s = null;
 	typeof window < "u" && (s = {
-		sm: window.matchMedia(`(min-width: ${Ba.sm}px)`),
-		md: window.matchMedia(`(min-width: ${Ba.md}px)`),
-		lg: window.matchMedia(`(min-width: ${Ba.lg}px)`),
-		xl: window.matchMedia(`(min-width: ${Ba.xl}px)`),
-		xxl: window.matchMedia(`(min-width: ${Ba.xxl}px)`)
+		sm: window.matchMedia(`(min-width: ${to.sm}px)`),
+		md: window.matchMedia(`(min-width: ${to.md}px)`),
+		lg: window.matchMedia(`(min-width: ${to.lg}px)`),
+		xl: window.matchMedia(`(min-width: ${to.xl}px)`),
+		xxl: window.matchMedia(`(min-width: ${to.xxl}px)`)
 	});
 	let c = () => {
 		s && (e.value = s.sm.matches, t.value = s.md.matches, r.value = s.lg.matches, i.value = s.xl.matches, a.value = s.xxl.matches);
@@ -6804,7 +7055,7 @@ function Va() {
 }
 //#endregion
 //#region src/utils/sanitizeHtml.ts
-var Ha = {
+var ro = {
 	ALLOWED_TAGS: [
 		"p",
 		"br",
@@ -6828,29 +7079,29 @@ var Ha = {
 		"target",
 		"rel"
 	]
-}, Ua = null, Wa = !1;
-async function Ga() {
-	if (!Wa) {
-		Wa = !0;
+}, io = null, ao = !1;
+async function oo() {
+	if (!ao) {
+		ao = !0;
 		try {
-			let e = await import("./purify.es-1D-VntFD.mjs"), t = e.default ?? e;
-			Ua = (e) => t.sanitize(e, Ha);
+			let e = await import("./purify.es-eYghtX9j.mjs"), t = e.default ?? e;
+			io = (e) => t.sanitize(e, ro);
 		} catch {}
 	}
 }
-function Ka(e) {
-	return Ua ? Ua(e) : e;
+function so(e) {
+	return io ? io(e) : e;
 }
 //#endregion
 //#region src/components/VibeFormWysiwyg.vue?vue&type=script&setup=true&lang.ts
-var qa = ["for"], Ja = {
+var co = ["for"], lo = {
 	key: 0,
 	class: "text-danger"
-}, Ya = {
+}, uo = {
 	key: 1,
 	class: "alert alert-warning",
 	role: "alert"
-}, Xa = ["id"], Za = ["id"], Qa = ["id"], $a = /* @__PURE__ */ W(/* @__PURE__ */ c({
+}, fo = ["id"], po = ["id"], mo = ["id"], ho = /*#__PURE__*/ W(/* @__PURE__ */ c({
 	__name: "VibeFormWysiwyg",
 	props: {
 		modelValue: {
@@ -6936,10 +7187,10 @@ var qa = ["for"], Ja = {
 		"component-error"
 	],
 	setup(t, { emit: r }) {
-		let c = q("wysiwyg"), l = t, d = r, f = u(K, null), g = f?.consumeId(), v = n(() => l.id || g || c), b = n(() => Ce(l.height) ?? "200px"), { isMobile: S } = Va(), C = n(() => !!l.label && !f?.hasLabel.value), w = n(() => !!l.validationState && !f?.hasValidation.value), E = n(() => !!l.helpText && !f?.hasHelp.value), D = T(null), O = k(null), j = T(!1), M = T(null), N = T(!1), P = !1, F = !1, L = null, R = null, z = null, B = null, V = null, H = n(() => {
+		let c = q("wysiwyg"), l = t, d = r, f = u(K, null), g = f?.consumeId(), v = n(() => l.id || g || c), b = n(() => Ce(l.height) ?? "200px"), { isMobile: S } = no(), C = n(() => !!l.label && !f?.hasLabel.value), w = n(() => !!l.validationState && !f?.hasValidation.value), E = n(() => !!l.helpText && !f?.hasHelp.value), D = T(null), O = k(null), j = T(!1), M = T(null), N = T(!1), P = !1, F = !1, L = null, R = null, z = null, B = null, V = n(() => {
 			let e = ["vibe-wysiwyg-container"];
 			return l.validationState === "valid" && e.push("is-valid"), l.validationState === "invalid" && e.push("is-invalid"), l.disabled && e.push("disabled"), e.join(" ");
-		}), ee = [
+		}), H = [
 			[{ header: [
 				1,
 				2,
@@ -6956,7 +7207,7 @@ var qa = ["for"], Ja = {
 			[{ color: [] }, { background: [] }],
 			["link", "image"],
 			["clean"]
-		], te = [
+		], ee = [
 			[
 				"bold",
 				"italic",
@@ -6964,7 +7215,7 @@ var qa = ["for"], Ja = {
 			],
 			[{ list: "ordered" }, { list: "bullet" }],
 			["link", "clean"]
-		], ne = {
+		], te = {
 			minimal: [[
 				"bold",
 				"italic",
@@ -7017,21 +7268,21 @@ var qa = ["for"], Ja = {
 				],
 				["clean"]
 			]
-		}, re = (e, t) => e === !1 ? !1 : e === !0 || e === void 0 ? t : typeof e == "string" ? ne[e] ?? t : e, U = () => l.toolbar === !1 ? !1 : S.value ? l.mobileToolbar === !1 ? !1 : l.mobileToolbar === void 0 ? te : re(l.mobileToolbar, te) : re(l.toolbar, ee), ie = (e) => {
+		}, U = (e, t) => e === !1 ? !1 : e === !0 || e === void 0 ? t : typeof e == "string" ? te[e] ?? t : e, W = () => l.toolbar === !1 ? !1 : S.value ? l.mobileToolbar === !1 ? !1 : l.mobileToolbar === void 0 ? ee : U(l.mobileToolbar, ee) : U(l.toolbar, H), ne = (e) => {
 			if (!O.value) return;
 			N.value = !0;
-			let t = Ka(e || ""), n = O.value.clipboard.convert({ html: t });
+			let t = so(e || ""), n = O.value.clipboard.convert({ html: t });
 			O.value.setContents(n, "silent"), N.value = !1;
-		}, ae = () => !O.value || O.value.getText().trim().length === 0 ? "" : Ka(O.value.getSemanticHTML()), oe = () => {
+		}, re = () => !O.value || O.value.getText().trim().length === 0 ? "" : so(O.value.getSemanticHTML()), ie = () => {
 			let e = O.value?.root;
 			if (!e) return;
 			e.setAttribute("aria-invalid", String(l.validationState === "invalid"));
 			let t = [l.helpText ? `${v.value}-help` : null, l.validationMessage ? `${v.value}-feedback` : null].filter(Boolean).join(" ");
 			t ? e.setAttribute("aria-describedby", t) : e.removeAttribute("aria-describedby");
-		}, se = async () => {
+		}, ae = async () => {
 			if (P) return;
-			P = !0;
-			let e = Ga();
+			P = !0, M.value = null;
+			let e = oo();
 			try {
 				let t = await import("quill"), n = t.default || t;
 				if (await Promise.all([import("quill/dist/quill.snow.css"), e]), !D.value || F) return;
@@ -7040,17 +7291,17 @@ var qa = ["for"], Ja = {
 						theme: l.theme,
 						placeholder: l.placeholder,
 						readOnly: l.readonly || l.disabled,
-						modules: { toolbar: U() }
+						modules: { toolbar: W() }
 					};
 					O.value = new n(D.value, e);
 					let t = O.value.root;
-					t.id = v.value || "", D.value.removeAttribute("id"), t.setAttribute("role", "textbox"), t.setAttribute("aria-multiline", "true"), oe(), l.modelValue && ie(l.modelValue), B = () => {
-						N.value || (d("update:modelValue", ae()), d("change"), l.validateOn === "change" && d("validate"));
+					t.id = v.value || "", D.value.removeAttribute("id"), t.setAttribute("role", "textbox"), t.setAttribute("aria-multiline", "true"), ie(), l.modelValue && ne(l.modelValue), B = () => {
+						N.value || (d("update:modelValue", re()), d("change"), l.validateOn === "change" && d("validate"));
 					}, O.value.on("text-change", B), R = () => {
 						d("blur"), l.validateOn === "blur" && d("validate");
 					}, O.value.root.addEventListener("blur", R), z = () => {
 						d("focus");
-					}, O.value.root.addEventListener("focus", z), V = () => {}, O.value.on("selection-change", V), j.value = !0, d("ready", O.value);
+					}, O.value.root.addEventListener("focus", z), j.value = !0, d("ready", O.value);
 				}
 			} catch (e) {
 				console.error("Failed to load Quill editor:", e), M.value = "Failed to load WYSIWYG editor. Please install quill: npm install quill", j.value = !1, d("component-error", {
@@ -7062,16 +7313,16 @@ var qa = ["for"], Ja = {
 				P = !1;
 			}
 		};
-		return y(se), _(() => {
+		return y(ae), _(() => {
 			if (F = !0, L !== null && (clearTimeout(L), L = null), O.value) {
-				if (O.value.scroll?.observer?.disconnect(), O.value.enable(!1), B &&= (O.value.off("text-change", B), null), V &&= (O.value.off("selection-change", V), null), R &&= (O.value.root.removeEventListener("blur", R), null), z &&= (O.value.root.removeEventListener("focus", z), null), O.value.selection = null, typeof O.value.destroy == "function" && O.value.destroy(), D.value) {
+				if (O.value.scroll?.observer?.disconnect(), O.value.enable(!1), B &&= (O.value.off("text-change", B), null), R &&= (O.value.root.removeEventListener("blur", R), null), z &&= (O.value.root.removeEventListener("focus", z), null), O.value.selection = null, typeof O.value.destroy == "function" && O.value.destroy(), D.value) {
 					let e = D.value.parentElement?.querySelector(".ql-toolbar");
 					e && e.remove();
 				}
 				O.value = null;
 			}
 		}), I(() => l.modelValue, (e) => {
-			O.value && ae() !== (e || "") && ie(e || "");
+			O.value && re() !== (e || "") && ne(e || "");
 		}), I(() => l.disabled, (e) => {
 			O.value && O.value.enable(!e);
 		}), I(() => l.readonly, (e) => {
@@ -7080,23 +7331,30 @@ var qa = ["for"], Ja = {
 			() => l.validationState,
 			() => l.helpText,
 			() => l.validationMessage
-		], oe), I(S, () => {
+		], ie), I(S, () => {
 			O.value && (L !== null && clearTimeout(L), L = setTimeout(async () => {
-				if (L = null, F || !O.value) return;
-				let e = ae();
-				O.value.scroll?.observer?.disconnect(), O.value.enable(!1), B &&= (O.value.off("text-change", B), null), V &&= (O.value.off("selection-change", V), null), R &&= (O.value.root.removeEventListener("blur", R), null), z &&= (O.value.root.removeEventListener("focus", z), null), O.value.selection = null, O.value && typeof O.value.destroy == "function" && O.value.destroy(), O.value = null, j.value = !1;
-				let t = D.value?.parentElement?.querySelector(".ql-toolbar");
-				t && t.remove(), D.value && (D.value.innerHTML = ""), await p(), await se(), e && ie(e);
+				if (L = null, !(F || !O.value)) try {
+					let e = re();
+					O.value.scroll?.observer?.disconnect(), O.value.enable(!1), B &&= (O.value.off("text-change", B), null), R &&= (O.value.root.removeEventListener("blur", R), null), z &&= (O.value.root.removeEventListener("focus", z), null), O.value.selection = null, O.value && typeof O.value.destroy == "function" && O.value.destroy(), O.value = null, j.value = !1;
+					let t = D.value?.parentElement?.querySelector(".ql-toolbar");
+					t && t.remove(), D.value && (D.value.innerHTML = ""), await p(), await ae(), e && ne(e);
+				} catch (e) {
+					O.value = null, j.value = !1, d("component-error", {
+						message: "Editor failed to reinitialise on mobile breakpoint change.",
+						componentName: "VibeFormWysiwyg",
+						originalError: e
+					});
+				}
 			}, 250));
 		}), (n, r) => (x(), a("div", { class: m({ "mb-3": C.value || E.value || w.value }) }, [
 			C.value ? (x(), a("label", {
 				key: 0,
 				for: v.value,
 				class: "form-label"
-			}, [s(A(t.label) + " ", 1), t.required ? (x(), a("span", Ja, "*")) : i("", !0)], 8, qa)) : i("", !0),
-			M.value ? (x(), a("div", Ya, A(M.value), 1)) : (x(), a("div", {
+			}, [s(A(t.label) + " ", 1), t.required ? (x(), a("span", lo, "*")) : i("", !0)], 8, co)) : i("", !0),
+			M.value ? (x(), a("div", uo, A(M.value), 1)) : (x(), a("div", {
 				key: 2,
-				class: m(H.value),
+				class: m(V.value),
 				style: h({ minHeight: b.value })
 			}, [o("div", {
 				ref_key: "editorContainer",
@@ -7106,27 +7364,27 @@ var qa = ["for"], Ja = {
 				key: 3,
 				id: `${v.value}-help`,
 				class: "form-text"
-			}, A(t.helpText), 9, Xa)) : i("", !0),
+			}, A(t.helpText), 9, fo)) : i("", !0),
 			w.value ? (x(), a(e, { key: 4 }, [t.validationState === "valid" ? (x(), a("div", {
 				key: 0,
 				id: `${v.value}-feedback`,
 				class: "valid-feedback",
 				style: { display: "block" }
-			}, A(t.validationMessage || "Looks good!"), 9, Za)) : i("", !0), t.validationState === "invalid" ? (x(), a("div", {
+			}, A(t.validationMessage || "Looks good!"), 9, po)) : i("", !0), t.validationState === "invalid" ? (x(), a("div", {
 				key: 1,
 				id: `${v.value}-feedback`,
 				class: "invalid-feedback",
 				style: { display: "block" }
-			}, A(t.validationMessage || "Please provide valid content."), 9, Qa)) : i("", !0)], 64)) : i("", !0)
+			}, A(t.validationMessage || "Please provide valid content."), 9, mo)) : i("", !0)], 64)) : i("", !0)
 		], 2));
 	}
-}), [["__scopeId", "data-v-be2008b3"]]), eo = {
+}), [["__scopeId", "data-v-82e0c636"]]), go = {
 	key: 0,
 	class: "input-group-text"
-}, to = {
+}, _o = {
 	key: 0,
 	class: "input-group-text"
-}, no = /* @__PURE__ */ c({
+}, vo = /* @__PURE__ */ c({
 	__name: "VibeInputGroup",
 	props: {
 		size: {
@@ -7153,14 +7411,14 @@ var qa = ["for"], Ja = {
 		});
 		return (t, n) => (x(), r(O(e.tag), { class: m(o.value) }, {
 			default: R(() => [
-				D(t.$slots, "prepend", {}, () => [e.prepend ? (x(), a("span", eo, A(e.prepend), 1)) : i("", !0)]),
+				D(t.$slots, "prepend", {}, () => [e.prepend ? (x(), a("span", go, A(e.prepend), 1)) : i("", !0)]),
 				D(t.$slots, "default"),
-				D(t.$slots, "append", {}, () => [e.append ? (x(), a("span", to, A(e.append), 1)) : i("", !0)])
+				D(t.$slots, "append", {}, () => [e.append ? (x(), a("span", _o, A(e.append), 1)) : i("", !0)])
 			]),
 			_: 3
 		}, 8, ["class"]));
 	}
-}), ro = /* @__PURE__ */ c({
+}), yo = /* @__PURE__ */ c({
 	__name: "VibeLink",
 	props: {
 		tag: {
@@ -7222,57 +7480,57 @@ var qa = ["for"], Ja = {
 			"href"
 		]));
 	}
-}), io = Symbol("vibeTooltipInstance"), ao = Symbol("vibeTooltipPending"), oo = Symbol("vibeTooltipOpts"), so = () => typeof window < "u" && ("ontouchstart" in window || typeof navigator < "u" && navigator.maxTouchPoints > 0), co = (e) => typeof e == "string" ? { title: e } : e ? {
+}), bo = Symbol("vibeTooltipInstance"), xo = Symbol("vibeTooltipPending"), So = Symbol("vibeTooltipOpts"), Co = () => typeof window < "u" && ("ontouchstart" in window || typeof navigator < "u" && navigator.maxTouchPoints > 0), wo = (e) => typeof e == "string" ? { title: e } : e ? {
 	...e,
 	title: e.title ?? e.text ?? e.content
-} : {}, lo = (e) => {
+} : {}, To = (e) => {
 	let t = e || "hover focus";
-	return so() && t === "hover focus" ? "click" : t;
-}, uo = (e, t) => (e.placement || "top") !== (t.placement || "top") || lo(e.trigger) !== lo(t.trigger), fo = async (e, t) => {
-	if (e[ao] || e[io]) return;
-	e[ao] = !0;
+	return Co() && t === "hover focus" ? "click" : t;
+}, Eo = (e, t) => (e.placement || "top") !== (t.placement || "top") || To(e.trigger) !== To(t.trigger), Do = async (e, t) => {
+	if (e[xo] || e[bo]) return;
+	e[xo] = !0;
 	let n = t;
-	e[oo] = t;
+	e[So] = t;
 	try {
-		e[io] = new (await (import("bootstrap"))).Tooltip(e, {
+		e[bo] = new (await (import("bootstrap"))).Tooltip(e, {
 			title: t.title || "",
 			placement: t.placement || "top",
-			trigger: lo(t.trigger),
+			trigger: To(t.trigger),
 			html: !1
-		}), e[oo] !== n && e[io] && e[io].setContent({ ".tooltip-inner": e[oo]?.title ?? "" });
+		}), e[So] !== n && e[bo] && e[bo].setContent({ ".tooltip-inner": e[So]?.title ?? "" });
 	} catch {}
-	e[ao] = !1;
-}, po = (e) => {
-	let t = e[io];
-	t && (t.dispose(), e[io] = null);
-}, mo = (e, t) => {
-	e.setAttribute("data-bs-toggle", "tooltip"), t.title ? e.setAttribute("data-bs-title", t.title) : e.removeAttribute("data-bs-title"), e.setAttribute("data-bs-placement", t.placement || "top"), e.setAttribute("data-bs-trigger", lo(t.trigger)), e.removeAttribute("data-bs-html");
-}, ho = {
+	e[xo] = !1;
+}, Oo = (e) => {
+	let t = e[bo];
+	t && (t.dispose(), e[bo] = null);
+}, ko = (e, t) => {
+	e.setAttribute("data-bs-toggle", "tooltip"), t.title ? e.setAttribute("data-bs-title", t.title) : e.removeAttribute("data-bs-title"), e.setAttribute("data-bs-placement", t.placement || "top"), e.setAttribute("data-bs-trigger", To(t.trigger)), e.removeAttribute("data-bs-html");
+}, Ao = {
 	mounted(e, t) {
-		let n = co(t.value);
-		mo(e, n), fo(e, n);
+		let n = wo(t.value);
+		ko(e, n), Do(e, n);
 	},
 	updated(e, t) {
-		let n = co(t.value);
-		mo(e, n);
-		let r = e[oo] || {}, i = e[io];
-		if (e[oo] = n, !e[ao]) {
-			if (i && uo(r, n)) {
-				po(e), fo(e, n);
+		let n = wo(t.value);
+		ko(e, n);
+		let r = e[So] || {}, i = e[bo];
+		if (e[So] = n, !e[xo]) {
+			if (i && Eo(r, n)) {
+				Oo(e), Do(e, n);
 				return;
 			}
 			i && i.setContent({ ".tooltip-inner": n.title || "" });
 		}
 	},
 	beforeUnmount(e) {
-		po(e);
+		Oo(e);
 	}
-}, go = { install(e) {
-	e.component("VibeAlert", ee), e.component("VibeBadge", te), e.component("VibeButton", ne), e.component("VibeButtonGroup", U), e.component("VibeCloseButton", ae), e.component("VibeSpinner", se), e.component("VibePlaceholder", ce), e.component("VibeSkeleton", ue), e.component("VibeContainer", de), e.component("VibeRow", fe), e.component("VibeCol", pe), e.component("VibeCard", ve), e.component("VibeHero", Ee), e.component("VibeBreadcrumb", Ae), e.component("VibeNav", Pe), e.component("VibeNavbar", Le), e.component("VibeNavbarBrand", Re), e.component("VibeNavbarToggle", Be), e.component("VibeNavbarNav", Ke), e.component("VibePagination", Qe), e.component("VibeTabContent", et), e.component("VibeTabs", nt), e.component("VibeTab", rt), e.component("VibeListGroup", it), e.component("VibeProgress", ot), e.component("VibeAccordion", mt), e.component("VibeCollapse", ht), e.component("VibeDropdown", Ct), e.component("VibeModal", Nt), e.component("VibeOffcanvas", Rt), e.component("VibeToast", qt), e.component("VibeToastHost", an), e.component("VibeCarousel", _n), e.component("VibeTooltip", yn), e.component("VibePopover", xn), e.component("VibeScrollspy", Sn), e.component("VibeIcon", wn), e.component("VibeChartLine", Vn), e.component("VibeChartBar", Zn), e.component("VibeChartPie", rr), e.component("VibeDataTable", Dr), e.component("VibeFormInput", Fr), e.component("VibeFormSelect", Kr), e.component("VibeFormTextarea", ei), e.component("VibeFormSpinbutton", li), e.component("VibeFormDatepicker", gi), e.component("VibeFileInput", Si), e.component("VibeSlider", Ti), e.component("VibeStepper", Pi), e.component("VibeAutocomplete", Bi), e.component("VibeSortable", Vi), e.component("VibeDraggable", Yi), e.component("VibeDroppable", Xi), e.component("VibeResizable", Qi), e.component("VibeDatePicker", sa), e.component("VibeFormCheckbox", ma), e.component("VibeFormRadio", xa), e.component("VibeFormSwitch", Oa), e.component("VibeFormGroup", za), e.component("VibeFormWysiwyg", $a), e.component("VibeInputGroup", no), e.component("VibeLink", ro), e.directive("vibe-tooltip", ho);
+}, jo = { install(e) {
+	e.component("VibeAlert", ee), e.component("VibeBadge", te), e.component("VibeButton", ne), e.component("VibeButtonGroup", ie), e.component("VibeCloseButton", oe), e.component("VibeSpinner", ce), e.component("VibePlaceholder", le), e.component("VibeSkeleton", ue), e.component("VibeContainer", de), e.component("VibeRow", fe), e.component("VibeCol", pe), e.component("VibeCard", ve), e.component("VibeHero", Ee), e.component("VibeBreadcrumb", Ae), e.component("VibeNav", Fe), e.component("VibeNavbar", Re), e.component("VibeNavbarBrand", ze), e.component("VibeNavbarToggle", Ve), e.component("VibeNavbarNav", qe), e.component("VibePagination", $e), e.component("VibeTabContent", tt), e.component("VibeTabs", rt), e.component("VibeTab", it), e.component("VibeListGroup", at), e.component("VibeProgress", st), e.component("VibeAccordion", ht), e.component("VibeCollapse", gt), e.component("VibeDropdown", wt), e.component("VibeModal", Ft), e.component("VibeOffcanvas", Bt), e.component("VibeToast", qt), e.component("VibeToastHost", an), e.component("VibeCarousel", _n), e.component("VibeTooltip", yn), e.component("VibePopover", xn), e.component("VibeScrollspy", Sn), e.component("VibeIcon", wn), e.component("VibeChartLine", Vn), e.component("VibeChartBar", Zn), e.component("VibeChartPie", rr), e.component("VibeDataTable", Er), e.component("VibeFormInput", Hr), e.component("VibeFormSelect", $r), e.component("VibeFormTextarea", si), e.component("VibeFormSpinbutton", gi), e.component("VibeFormDatepicker", Ci), e.component("VibeFileInput", ki), e.component("VibeSlider", Mi), e.component("VibeStepper", Vi), e.component("VibeAutocomplete", qi), e.component("VibeSortable", Ji), e.component("VibeDraggable", na), e.component("VibeDroppable", ra), e.component("VibeResizable", aa), e.component("VibeDatePicker", ma), e.component("VibeFormCheckbox", xa), e.component("VibeFormRadio", Oa), e.component("VibeFormSwitch", Fa), e.component("VibeFormGroup", Xa), e.component("VibeFormErrorSummary", eo), e.component("VibeFormWysiwyg", ho), e.component("VibeInputGroup", vo), e.component("VibeLink", yo), e.directive("vibe-tooltip", Ao);
 } };
 //#endregion
 //#region src/composables/useFormValidation.ts
-function _o(e = "") {
+function Mo(e = "") {
 	let t = T(e), r = T(null), i = T(""), a = T(!1), o = T(!1), s = T(!1), c = 0;
 	return I(t, () => {
 		r.value === "invalid" && (r.value = null, i.value = "");
@@ -7318,7 +7576,7 @@ function _o(e = "") {
 		}
 	};
 }
-var vo = {
+var No = {
 	required: (e = "This field is required") => ({
 		validator: (t) => Array.isArray(t) ? t.length > 0 || e : typeof t == "string" ? t.trim().length > 0 || e : t != null && t !== "" || e,
 		message: e
@@ -7373,7 +7631,7 @@ var vo = {
 		message: e
 	}),
 	async: (e) => ({ validator: e })
-}, yo = (e) => JSON.parse(JSON.stringify(e)), bo = async (e, t) => {
+}, Po = (e) => JSON.parse(JSON.stringify(e)), Fo = async (e, t) => {
 	let n = Array.isArray(t) ? t : [{ validator: t }];
 	for (let t of n) {
 		let n = await t.validator(e);
@@ -7382,8 +7640,8 @@ var vo = {
 	}
 	return "";
 };
-function xo(e) {
-	let t = yo(e), r = C(yo(e)), i = {}, a = {};
+function Io(e) {
+	let t = Po(e), r = C(Po(e)), i = {}, a = {};
 	for (let t of Object.keys(e)) i[t] = "", a[t] = !1;
 	let o = C(i), s = C(a), c = T(!1), l = T(!1), u = n(() => c.value), d = Object.keys(t), f = {};
 	for (let e of d) f[e] = JSON.stringify(t[e]);
@@ -7408,7 +7666,7 @@ function xo(e) {
 			for (let i of Object.keys(e)) {
 				let a = e[i];
 				if (!a) continue;
-				let s = await bo(r[i], a);
+				let s = await Fo(r[i], a);
 				o[i] = s, s && (t[i] = s, n = !1);
 			}
 			return l.value = !0, {
@@ -7417,11 +7675,11 @@ function xo(e) {
 			};
 		},
 		validateField: async (e, t) => {
-			let n = await bo(r[e], t);
+			let n = await Fo(r[e], t);
 			return o[e] = n, l.value = !0, n;
 		},
 		reset: () => {
-			for (let e of Object.keys(t)) r[e] = yo(t[e]), o[e] = "", s[e] = !1;
+			for (let e of Object.keys(t)) r[e] = Po(t[e]), o[e] = "", s[e] = !1;
 			c.value = !1, l.value = !1;
 		},
 		markTouched: (e) => {
@@ -7437,75 +7695,75 @@ function xo(e) {
 }
 //#endregion
 //#region node_modules/@floating-ui/utils/dist/floating-ui.utils.mjs
-var So = Math.min, Co = Math.max, wo = Math.round, To = Math.floor, Y = (e) => ({
+var Lo = Math.min, Ro = Math.max, zo = Math.round, Bo = Math.floor, Y = (e) => ({
 	x: e,
 	y: e
-}), Eo = {
+}), Vo = {
 	left: "right",
 	right: "left",
 	bottom: "top",
 	top: "bottom"
 };
-function Do(e, t, n) {
-	return Co(e, So(t, n));
+function Ho(e, t, n) {
+	return Ro(e, Lo(t, n));
 }
-function Oo(e, t) {
+function Uo(e, t) {
 	return typeof e == "function" ? e(t) : e;
 }
-function ko(e) {
+function Wo(e) {
 	return e.split("-")[0];
 }
-function Ao(e) {
+function Go(e) {
 	return e.split("-")[1];
 }
-function jo(e) {
+function Ko(e) {
 	return e === "x" ? "y" : "x";
 }
-function Mo(e) {
+function qo(e) {
 	return e === "y" ? "height" : "width";
 }
-function No(e) {
+function Jo(e) {
 	let t = e[0];
 	return t === "t" || t === "b" ? "y" : "x";
 }
-function Po(e) {
-	return jo(No(e));
+function Yo(e) {
+	return Ko(Jo(e));
 }
-function Fo(e, t, n) {
+function Xo(e, t, n) {
 	n === void 0 && (n = !1);
-	let r = Ao(e), i = Po(e), a = Mo(i), o = i === "x" ? r === (n ? "end" : "start") ? "right" : "left" : r === "start" ? "bottom" : "top";
-	return t.reference[a] > t.floating[a] && (o = Wo(o)), [o, Wo(o)];
+	let r = Go(e), i = Yo(e), a = qo(i), o = i === "x" ? r === (n ? "end" : "start") ? "right" : "left" : r === "start" ? "bottom" : "top";
+	return t.reference[a] > t.floating[a] && (o = as(o)), [o, as(o)];
 }
-function Io(e) {
-	let t = Wo(e);
+function Zo(e) {
+	let t = as(e);
 	return [
-		Lo(e),
+		Qo(e),
 		t,
-		Lo(t)
+		Qo(t)
 	];
 }
-function Lo(e) {
+function Qo(e) {
 	return e.includes("start") ? e.replace("start", "end") : e.replace("end", "start");
 }
-var Ro = ["left", "right"], zo = ["right", "left"], Bo = ["top", "bottom"], Vo = ["bottom", "top"];
-function Ho(e, t, n) {
+var $o = ["left", "right"], es = ["right", "left"], ts = ["top", "bottom"], ns = ["bottom", "top"];
+function rs(e, t, n) {
 	switch (e) {
 		case "top":
-		case "bottom": return n ? t ? zo : Ro : t ? Ro : zo;
+		case "bottom": return n ? t ? es : $o : t ? $o : es;
 		case "left":
-		case "right": return t ? Bo : Vo;
+		case "right": return t ? ts : ns;
 		default: return [];
 	}
 }
-function Uo(e, t, n, r) {
-	let i = Ao(e), a = Ho(ko(e), n === "start", r);
-	return i && (a = a.map((e) => e + "-" + i), t && (a = a.concat(a.map(Lo)))), a;
+function is(e, t, n, r) {
+	let i = Go(e), a = rs(Wo(e), n === "start", r);
+	return i && (a = a.map((e) => e + "-" + i), t && (a = a.concat(a.map(Qo)))), a;
 }
-function Wo(e) {
-	let t = ko(e);
-	return Eo[t] + e.slice(t.length);
+function as(e) {
+	let t = Wo(e);
+	return Vo[t] + e.slice(t.length);
 }
-function Go(e) {
+function os(e) {
 	return {
 		top: 0,
 		right: 0,
@@ -7514,15 +7772,15 @@ function Go(e) {
 		...e
 	};
 }
-function Ko(e) {
+function ss(e) {
 	return typeof e == "number" ? {
 		top: e,
 		right: e,
 		bottom: e,
 		left: e
-	} : Go(e);
+	} : os(e);
 }
-function qo(e) {
+function cs(e) {
 	let { x: t, y: n, width: r, height: i } = e;
 	return {
 		width: r,
@@ -7537,8 +7795,8 @@ function qo(e) {
 }
 //#endregion
 //#region node_modules/@floating-ui/core/dist/floating-ui.core.mjs
-function Jo(e, t, n) {
-	let { reference: r, floating: i } = e, a = No(t), o = Po(t), s = Mo(o), c = ko(t), l = a === "y", u = r.x + r.width / 2 - i.width / 2, d = r.y + r.height / 2 - i.height / 2, f = r[s] / 2 - i[s] / 2, p;
+function ls(e, t, n) {
+	let { reference: r, floating: i } = e, a = Jo(t), o = Yo(t), s = qo(o), c = Wo(t), l = a === "y", u = r.x + r.width / 2 - i.width / 2, d = r.y + r.height / 2 - i.height / 2, f = r[s] / 2 - i[s] / 2, p;
 	switch (c) {
 		case "top":
 			p = {
@@ -7569,7 +7827,7 @@ function Jo(e, t, n) {
 			y: r.y
 		};
 	}
-	switch (Ao(t)) {
+	switch (Go(t)) {
 		case "start":
 			p[o] -= f * (n && l ? -1 : 1);
 			break;
@@ -7579,9 +7837,9 @@ function Jo(e, t, n) {
 	}
 	return p;
 }
-async function Yo(e, t) {
+async function us(e, t) {
 	t === void 0 && (t = {});
-	let { x: n, y: r, platform: i, rects: a, elements: o, strategy: s } = e, { boundary: c = "clippingAncestors", rootBoundary: l = "viewport", elementContext: u = "floating", altBoundary: d = !1, padding: f = 0 } = Oo(t, e), p = Ko(f), m = o[d ? u === "floating" ? "reference" : "floating" : u], h = qo(await i.getClippingRect({
+	let { x: n, y: r, platform: i, rects: a, elements: o, strategy: s } = e, { boundary: c = "clippingAncestors", rootBoundary: l = "viewport", elementContext: u = "floating", altBoundary: d = !1, padding: f = 0 } = Uo(t, e), p = ss(f), m = o[d ? u === "floating" ? "reference" : "floating" : u], h = cs(await i.getClippingRect({
 		element: await (i.isElement == null ? void 0 : i.isElement(m)) ?? !0 ? m : m.contextElement || await (i.getDocumentElement == null ? void 0 : i.getDocumentElement(o.floating)),
 		boundary: c,
 		rootBoundary: l,
@@ -7594,7 +7852,7 @@ async function Yo(e, t) {
 	} : a.reference, _ = await (i.getOffsetParent == null ? void 0 : i.getOffsetParent(o.floating)), v = await (i.isElement == null ? void 0 : i.isElement(_)) && await (i.getScale == null ? void 0 : i.getScale(_)) || {
 		x: 1,
 		y: 1
-	}, y = qo(i.convertOffsetParentRelativeRectToViewportRelativeRect ? await i.convertOffsetParentRelativeRectToViewportRelativeRect({
+	}, y = cs(i.convertOffsetParentRelativeRectToViewportRelativeRect ? await i.convertOffsetParentRelativeRectToViewportRelativeRect({
 		elements: o,
 		rect: g,
 		offsetParent: _,
@@ -7607,15 +7865,15 @@ async function Yo(e, t) {
 		right: (y.right - h.right + p.right) / v.x
 	};
 }
-var Xo = 50, Zo = async (e, t, n) => {
+var ds = 50, fs = async (e, t, n) => {
 	let { placement: r = "bottom", strategy: i = "absolute", middleware: a = [], platform: o } = n, s = o.detectOverflow ? o : {
 		...o,
-		detectOverflow: Yo
+		detectOverflow: us
 	}, c = await (o.isRTL == null ? void 0 : o.isRTL(t)), l = await o.getElementRects({
 		reference: e,
 		floating: t,
 		strategy: i
-	}), { x: u, y: d } = Jo(l, r, c), f = r, p = 0, m = {};
+	}), { x: u, y: d } = ls(l, r, c), f = r, p = 0, m = {};
 	for (let n = 0; n < a.length; n++) {
 		let h = a[n];
 		if (!h) continue;
@@ -7636,11 +7894,11 @@ var Xo = 50, Zo = async (e, t, n) => {
 		u = v ?? u, d = y ?? d, m[g] = {
 			...m[g],
 			...b
-		}, x && p < Xo && (p++, typeof x == "object" && (x.placement && (f = x.placement), x.rects && (l = x.rects === !0 ? await o.getElementRects({
+		}, x && p < ds && (p++, typeof x == "object" && (x.placement && (f = x.placement), x.rects && (l = x.rects === !0 ? await o.getElementRects({
 			reference: e,
 			floating: t,
 			strategy: i
-		}) : x.rects), {x: u, y: d} = Jo(l, f, c)), n = -1);
+		}) : x.rects), {x: u, y: d} = ls(l, f, c)), n = -1);
 	}
 	return {
 		x: u,
@@ -7649,19 +7907,19 @@ var Xo = 50, Zo = async (e, t, n) => {
 		strategy: i,
 		middlewareData: m
 	};
-}, Qo = function(e) {
+}, ps = function(e) {
 	return e === void 0 && (e = {}), {
 		name: "flip",
 		options: e,
 		async fn(t) {
 			var n;
-			let { placement: r, middlewareData: i, rects: a, initialPlacement: o, platform: s, elements: c } = t, { mainAxis: l = !0, crossAxis: u = !0, fallbackPlacements: d, fallbackStrategy: f = "bestFit", fallbackAxisSideDirection: p = "none", flipAlignment: m = !0, ...h } = Oo(e, t);
+			let { placement: r, middlewareData: i, rects: a, initialPlacement: o, platform: s, elements: c } = t, { mainAxis: l = !0, crossAxis: u = !0, fallbackPlacements: d, fallbackStrategy: f = "bestFit", fallbackAxisSideDirection: p = "none", flipAlignment: m = !0, ...h } = Uo(e, t);
 			if ((n = i.arrow) != null && n.alignmentOffset) return {};
-			let g = ko(r), _ = No(o), v = ko(o) === o, y = await (s.isRTL == null ? void 0 : s.isRTL(c.floating)), b = d || (v || !m ? [Wo(o)] : Io(o)), x = p !== "none";
-			!d && x && b.push(...Uo(o, m, p, y));
+			let g = Wo(r), _ = Jo(o), v = Wo(o) === o, y = await (s.isRTL == null ? void 0 : s.isRTL(c.floating)), b = d || (v || !m ? [as(o)] : Zo(o)), x = p !== "none";
+			!d && x && b.push(...is(o, m, p, y));
 			let S = [o, ...b], C = await s.detectOverflow(t, h), w = [], T = i.flip?.overflows || [];
 			if (l && w.push(C[g]), u) {
-				let e = Fo(r, a, y);
+				let e = Xo(r, a, y);
 				w.push(C[e[0]], C[e[1]]);
 			}
 			if (T = [...T, {
@@ -7669,7 +7927,7 @@ var Xo = 50, Zo = async (e, t, n) => {
 				overflows: w
 			}], !w.every((e) => e <= 0)) {
 				let e = (i.flip?.index || 0) + 1, t = S[e];
-				if (t && (!(u === "alignment" && _ !== No(t)) || T.every((e) => No(e.placement) === _ ? e.overflows[0] > 0 : !0))) return {
+				if (t && (!(u === "alignment" && _ !== Jo(t)) || T.every((e) => Jo(e.placement) === _ ? e.overflows[0] > 0 : !0))) return {
 					data: {
 						index: e,
 						overflows: T
@@ -7681,7 +7939,7 @@ var Xo = 50, Zo = async (e, t, n) => {
 					case "bestFit": {
 						let e = T.filter((e) => {
 							if (x) {
-								let t = No(e.placement);
+								let t = Jo(e.placement);
 								return t === _ || t === "y";
 							}
 							return !0;
@@ -7698,9 +7956,9 @@ var Xo = 50, Zo = async (e, t, n) => {
 			return {};
 		}
 	};
-}, $o = /* @__PURE__ */ new Set(["left", "top"]);
-async function es(e, t) {
-	let { placement: n, platform: r, elements: i } = e, a = await (r.isRTL == null ? void 0 : r.isRTL(i.floating)), o = ko(n), s = Ao(n), c = No(n) === "y", l = $o.has(o) ? -1 : 1, u = a && c ? -1 : 1, d = Oo(t, e), { mainAxis: f, crossAxis: p, alignmentAxis: m } = typeof d == "number" ? {
+}, ms = /*#__PURE__*/ new Set(["left", "top"]);
+async function hs(e, t) {
+	let { placement: n, platform: r, elements: i } = e, a = await (r.isRTL == null ? void 0 : r.isRTL(i.floating)), o = Wo(n), s = Go(n), c = Jo(n) === "y", l = ms.has(o) ? -1 : 1, u = a && c ? -1 : 1, d = Uo(t, e), { mainAxis: f, crossAxis: p, alignmentAxis: m } = typeof d == "number" ? {
 		mainAxis: d,
 		crossAxis: 0,
 		alignmentAxis: null
@@ -7717,13 +7975,13 @@ async function es(e, t) {
 		y: p * u
 	};
 }
-var ts = function(e) {
+var gs = function(e) {
 	return e === void 0 && (e = 0), {
 		name: "offset",
 		options: e,
 		async fn(t) {
 			var n;
-			let { x: r, y: i, placement: a, middlewareData: o } = t, s = await es(t, e);
+			let { x: r, y: i, placement: a, middlewareData: o } = t, s = await hs(t, e);
 			return a === o.offset?.placement && (n = o.arrow) != null && n.alignmentOffset ? {} : {
 				x: r + s.x,
 				y: i + s.y,
@@ -7734,7 +7992,7 @@ var ts = function(e) {
 			};
 		}
 	};
-}, ns = function(e) {
+}, _s = function(e) {
 	return e === void 0 && (e = {}), {
 		name: "shift",
 		options: e,
@@ -7745,17 +8003,17 @@ var ts = function(e) {
 					x: t,
 					y: n
 				};
-			} }, ...l } = Oo(e, t), u = {
+			} }, ...l } = Uo(e, t), u = {
 				x: n,
 				y: r
-			}, d = await a.detectOverflow(t, l), f = No(ko(i)), p = jo(f), m = u[p], h = u[f];
+			}, d = await a.detectOverflow(t, l), f = Jo(Wo(i)), p = Ko(f), m = u[p], h = u[f];
 			if (o) {
 				let e = p === "y" ? "top" : "left", t = p === "y" ? "bottom" : "right", n = m + d[e], r = m - d[t];
-				m = Do(n, m, r);
+				m = Ho(n, m, r);
 			}
 			if (s) {
 				let e = f === "y" ? "top" : "left", t = f === "y" ? "bottom" : "right", n = h + d[e], r = h - d[t];
-				h = Do(n, h, r);
+				h = Ho(n, h, r);
 			}
 			let g = c.fn({
 				...t,
@@ -7778,39 +8036,39 @@ var ts = function(e) {
 };
 //#endregion
 //#region node_modules/@floating-ui/utils/dist/floating-ui.utils.dom.mjs
-function rs() {
+function vs() {
 	return typeof window < "u";
 }
-function is(e) {
-	return as(e) ? (e.nodeName || "").toLowerCase() : "#document";
+function ys(e) {
+	return bs(e) ? (e.nodeName || "").toLowerCase() : "#document";
 }
 function X(e) {
 	var t;
 	return (e == null || (t = e.ownerDocument) == null ? void 0 : t.defaultView) || window;
 }
 function Z(e) {
-	return ((as(e) ? e.ownerDocument : e.document) || window.document)?.documentElement;
+	return ((bs(e) ? e.ownerDocument : e.document) || window.document)?.documentElement;
 }
-function as(e) {
-	return rs() ? e instanceof Node || e instanceof X(e).Node : !1;
+function bs(e) {
+	return vs() ? e instanceof Node || e instanceof X(e).Node : !1;
 }
 function Q(e) {
-	return rs() ? e instanceof Element || e instanceof X(e).Element : !1;
+	return vs() ? e instanceof Element || e instanceof X(e).Element : !1;
 }
-function os(e) {
-	return rs() ? e instanceof HTMLElement || e instanceof X(e).HTMLElement : !1;
+function xs(e) {
+	return vs() ? e instanceof HTMLElement || e instanceof X(e).HTMLElement : !1;
 }
-function ss(e) {
-	return !rs() || typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof X(e).ShadowRoot;
+function Ss(e) {
+	return !vs() || typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof X(e).ShadowRoot;
 }
-function cs(e) {
+function Cs(e) {
 	let { overflow: t, overflowX: n, overflowY: r, display: i } = $(e);
 	return /auto|scroll|overlay|hidden|clip/.test(t + r + n) && i !== "inline" && i !== "contents";
 }
-function ls(e) {
-	return /^(table|td|th)$/.test(is(e));
+function ws(e) {
+	return /^(table|td|th)$/.test(ys(e));
 }
-function us(e) {
+function Ts(e) {
 	try {
 		if (e.matches(":popover-open")) return !0;
 	} catch {}
@@ -7820,30 +8078,30 @@ function us(e) {
 		return !1;
 	}
 }
-var ds = /transform|translate|scale|rotate|perspective|filter/, fs = /paint|layout|strict|content/, ps = (e) => !!e && e !== "none", ms;
-function hs(e) {
+var Es = /transform|translate|scale|rotate|perspective|filter/, Ds = /paint|layout|strict|content/, Os = (e) => !!e && e !== "none", ks;
+function As(e) {
 	let t = Q(e) ? $(e) : e;
-	return ps(t.transform) || ps(t.translate) || ps(t.scale) || ps(t.rotate) || ps(t.perspective) || !_s() && (ps(t.backdropFilter) || ps(t.filter)) || ds.test(t.willChange || "") || fs.test(t.contain || "");
+	return Os(t.transform) || Os(t.translate) || Os(t.scale) || Os(t.rotate) || Os(t.perspective) || !Ms() && (Os(t.backdropFilter) || Os(t.filter)) || Es.test(t.willChange || "") || Ds.test(t.contain || "");
 }
-function gs(e) {
-	let t = bs(e);
-	for (; os(t) && !vs(t);) {
-		if (hs(t)) return t;
-		if (us(t)) return null;
-		t = bs(t);
+function js(e) {
+	let t = Fs(e);
+	for (; xs(t) && !Ns(t);) {
+		if (As(t)) return t;
+		if (Ts(t)) return null;
+		t = Fs(t);
 	}
 	return null;
 }
-function _s() {
-	return ms ??= typeof CSS < "u" && CSS.supports && CSS.supports("-webkit-backdrop-filter", "none"), ms;
+function Ms() {
+	return ks ??= typeof CSS < "u" && CSS.supports && CSS.supports("-webkit-backdrop-filter", "none"), ks;
 }
-function vs(e) {
-	return /^(html|body|#document)$/.test(is(e));
+function Ns(e) {
+	return /^(html|body|#document)$/.test(ys(e));
 }
 function $(e) {
 	return X(e).getComputedStyle(e);
 }
-function ys(e) {
+function Ps(e) {
 	return Q(e) ? {
 		scrollLeft: e.scrollLeft,
 		scrollTop: e.scrollTop
@@ -7852,101 +8110,101 @@ function ys(e) {
 		scrollTop: e.scrollY
 	};
 }
-function bs(e) {
-	if (is(e) === "html") return e;
-	let t = e.assignedSlot || e.parentNode || ss(e) && e.host || Z(e);
-	return ss(t) ? t.host : t;
+function Fs(e) {
+	if (ys(e) === "html") return e;
+	let t = e.assignedSlot || e.parentNode || Ss(e) && e.host || Z(e);
+	return Ss(t) ? t.host : t;
 }
-function xs(e) {
-	let t = bs(e);
-	return vs(t) ? e.ownerDocument ? e.ownerDocument.body : e.body : os(t) && cs(t) ? t : xs(t);
+function Is(e) {
+	let t = Fs(e);
+	return Ns(t) ? e.ownerDocument ? e.ownerDocument.body : e.body : xs(t) && Cs(t) ? t : Is(t);
 }
-function Ss(e, t, n) {
+function Ls(e, t, n) {
 	t === void 0 && (t = []), n === void 0 && (n = !0);
-	let r = xs(e), i = r === e.ownerDocument?.body, a = X(r);
+	let r = Is(e), i = r === e.ownerDocument?.body, a = X(r);
 	if (i) {
-		let e = Cs(a);
-		return t.concat(a, a.visualViewport || [], cs(r) ? r : [], e && n ? Ss(e) : []);
-	} else return t.concat(r, Ss(r, [], n));
+		let e = Rs(a);
+		return t.concat(a, a.visualViewport || [], Cs(r) ? r : [], e && n ? Ls(e) : []);
+	} else return t.concat(r, Ls(r, [], n));
 }
-function Cs(e) {
+function Rs(e) {
 	return e.parent && Object.getPrototypeOf(e.parent) ? e.frameElement : null;
 }
 //#endregion
 //#region node_modules/@floating-ui/dom/dist/floating-ui.dom.mjs
-function ws(e) {
-	let t = $(e), n = parseFloat(t.width) || 0, r = parseFloat(t.height) || 0, i = os(e), a = i ? e.offsetWidth : n, o = i ? e.offsetHeight : r, s = wo(n) !== a || wo(r) !== o;
+function zs(e) {
+	let t = $(e), n = parseFloat(t.width) || 0, r = parseFloat(t.height) || 0, i = xs(e), a = i ? e.offsetWidth : n, o = i ? e.offsetHeight : r, s = zo(n) !== a || zo(r) !== o;
 	return s && (n = a, r = o), {
 		width: n,
 		height: r,
 		$: s
 	};
 }
-function Ts(e) {
+function Bs(e) {
 	return Q(e) ? e : e.contextElement;
 }
-function Es(e) {
-	let t = Ts(e);
-	if (!os(t)) return Y(1);
-	let n = t.getBoundingClientRect(), { width: r, height: i, $: a } = ws(t), o = (a ? wo(n.width) : n.width) / r, s = (a ? wo(n.height) : n.height) / i;
+function Vs(e) {
+	let t = Bs(e);
+	if (!xs(t)) return Y(1);
+	let n = t.getBoundingClientRect(), { width: r, height: i, $: a } = zs(t), o = (a ? zo(n.width) : n.width) / r, s = (a ? zo(n.height) : n.height) / i;
 	return (!o || !Number.isFinite(o)) && (o = 1), (!s || !Number.isFinite(s)) && (s = 1), {
 		x: o,
 		y: s
 	};
 }
-var Ds = /* @__PURE__ */ Y(0);
-function Os(e) {
+var Hs = /*#__PURE__*/ Y(0);
+function Us(e) {
 	let t = X(e);
-	return !_s() || !t.visualViewport ? Ds : {
+	return !Ms() || !t.visualViewport ? Hs : {
 		x: t.visualViewport.offsetLeft,
 		y: t.visualViewport.offsetTop
 	};
 }
-function ks(e, t, n) {
+function Ws(e, t, n) {
 	return t === void 0 && (t = !1), !n || t && n !== X(e) ? !1 : t;
 }
-function As(e, t, n, r) {
+function Gs(e, t, n, r) {
 	t === void 0 && (t = !1), n === void 0 && (n = !1);
-	let i = e.getBoundingClientRect(), a = Ts(e), o = Y(1);
-	t && (r ? Q(r) && (o = Es(r)) : o = Es(e));
-	let s = ks(a, n, r) ? Os(a) : Y(0), c = (i.left + s.x) / o.x, l = (i.top + s.y) / o.y, u = i.width / o.x, d = i.height / o.y;
+	let i = e.getBoundingClientRect(), a = Bs(e), o = Y(1);
+	t && (r ? Q(r) && (o = Vs(r)) : o = Vs(e));
+	let s = Ws(a, n, r) ? Us(a) : Y(0), c = (i.left + s.x) / o.x, l = (i.top + s.y) / o.y, u = i.width / o.x, d = i.height / o.y;
 	if (a) {
-		let e = X(a), t = r && Q(r) ? X(r) : r, n = e, i = Cs(n);
+		let e = X(a), t = r && Q(r) ? X(r) : r, n = e, i = Rs(n);
 		for (; i && r && t !== n;) {
-			let e = Es(i), t = i.getBoundingClientRect(), r = $(i), a = t.left + (i.clientLeft + parseFloat(r.paddingLeft)) * e.x, o = t.top + (i.clientTop + parseFloat(r.paddingTop)) * e.y;
-			c *= e.x, l *= e.y, u *= e.x, d *= e.y, c += a, l += o, n = X(i), i = Cs(n);
+			let e = Vs(i), t = i.getBoundingClientRect(), r = $(i), a = t.left + (i.clientLeft + parseFloat(r.paddingLeft)) * e.x, o = t.top + (i.clientTop + parseFloat(r.paddingTop)) * e.y;
+			c *= e.x, l *= e.y, u *= e.x, d *= e.y, c += a, l += o, n = X(i), i = Rs(n);
 		}
 	}
-	return qo({
+	return cs({
 		width: u,
 		height: d,
 		x: c,
 		y: l
 	});
 }
-function js(e, t) {
-	let n = ys(e).scrollLeft;
-	return t ? t.left + n : As(Z(e)).left + n;
+function Ks(e, t) {
+	let n = Ps(e).scrollLeft;
+	return t ? t.left + n : Gs(Z(e)).left + n;
 }
-function Ms(e, t) {
+function qs(e, t) {
 	let n = e.getBoundingClientRect();
 	return {
-		x: n.left + t.scrollLeft - js(e, n),
+		x: n.left + t.scrollLeft - Ks(e, n),
 		y: n.top + t.scrollTop
 	};
 }
-function Ns(e) {
-	let { elements: t, rect: n, offsetParent: r, strategy: i } = e, a = i === "fixed", o = Z(r), s = t ? us(t.floating) : !1;
+function Js(e) {
+	let { elements: t, rect: n, offsetParent: r, strategy: i } = e, a = i === "fixed", o = Z(r), s = t ? Ts(t.floating) : !1;
 	if (r === o || s && a) return n;
 	let c = {
 		scrollLeft: 0,
 		scrollTop: 0
-	}, l = Y(1), u = Y(0), d = os(r);
-	if ((d || !d && !a) && ((is(r) !== "body" || cs(o)) && (c = ys(r)), d)) {
-		let e = As(r);
-		l = Es(r), u.x = e.x + r.clientLeft, u.y = e.y + r.clientTop;
+	}, l = Y(1), u = Y(0), d = xs(r);
+	if ((d || !d && !a) && ((ys(r) !== "body" || Cs(o)) && (c = Ps(r)), d)) {
+		let e = Gs(r);
+		l = Vs(r), u.x = e.x + r.clientLeft, u.y = e.y + r.clientTop;
 	}
-	let f = o && !d && !a ? Ms(o, c) : Y(0);
+	let f = o && !d && !a ? qs(o, c) : Y(0);
 	return {
 		width: n.width * l.x,
 		height: n.height * l.y,
@@ -7954,31 +8212,31 @@ function Ns(e) {
 		y: n.y * l.y - c.scrollTop * l.y + u.y + f.y
 	};
 }
-function Ps(e) {
+function Ys(e) {
 	return Array.from(e.getClientRects());
 }
-function Fs(e) {
-	let t = Z(e), n = ys(e), r = e.ownerDocument.body, i = Co(t.scrollWidth, t.clientWidth, r.scrollWidth, r.clientWidth), a = Co(t.scrollHeight, t.clientHeight, r.scrollHeight, r.clientHeight), o = -n.scrollLeft + js(e), s = -n.scrollTop;
-	return $(r).direction === "rtl" && (o += Co(t.clientWidth, r.clientWidth) - i), {
+function Xs(e) {
+	let t = Z(e), n = Ps(e), r = e.ownerDocument.body, i = Ro(t.scrollWidth, t.clientWidth, r.scrollWidth, r.clientWidth), a = Ro(t.scrollHeight, t.clientHeight, r.scrollHeight, r.clientHeight), o = -n.scrollLeft + Ks(e), s = -n.scrollTop;
+	return $(r).direction === "rtl" && (o += Ro(t.clientWidth, r.clientWidth) - i), {
 		width: i,
 		height: a,
 		x: o,
 		y: s
 	};
 }
-var Is = 25;
-function Ls(e, t) {
+var Zs = 25;
+function Qs(e, t) {
 	let n = X(e), r = Z(e), i = n.visualViewport, a = r.clientWidth, o = r.clientHeight, s = 0, c = 0;
 	if (i) {
 		a = i.width, o = i.height;
-		let e = _s();
+		let e = Ms();
 		(!e || e && t === "fixed") && (s = i.offsetLeft, c = i.offsetTop);
 	}
-	let l = js(r);
+	let l = Ks(r);
 	if (l <= 0) {
 		let e = r.ownerDocument, t = e.body, n = getComputedStyle(t), i = e.compatMode === "CSS1Compat" && parseFloat(n.marginLeft) + parseFloat(n.marginRight) || 0, o = Math.abs(r.clientWidth - t.clientWidth - i);
-		o <= Is && (a -= o);
-	} else l <= Is && (a += l);
+		o <= Zs && (a -= o);
+	} else l <= Zs && (a += l);
 	return {
 		width: a,
 		height: o,
@@ -7986,8 +8244,8 @@ function Ls(e, t) {
 		y: c
 	};
 }
-function Rs(e, t) {
-	let n = As(e, !0, t === "fixed"), r = n.top + e.clientTop, i = n.left + e.clientLeft, a = os(e) ? Es(e) : Y(1);
+function $s(e, t) {
+	let n = Gs(e, !0, t === "fixed"), r = n.top + e.clientTop, i = n.left + e.clientLeft, a = xs(e) ? Vs(e) : Y(1);
 	return {
 		width: e.clientWidth * a.x,
 		height: e.clientHeight * a.y,
@@ -7995,13 +8253,13 @@ function Rs(e, t) {
 		y: r * a.y
 	};
 }
-function zs(e, t, n) {
+function ec(e, t, n) {
 	let r;
-	if (t === "viewport") r = Ls(e, n);
-	else if (t === "document") r = Fs(Z(e));
-	else if (Q(t)) r = Rs(t, n);
+	if (t === "viewport") r = Qs(e, n);
+	else if (t === "document") r = Xs(Z(e));
+	else if (Q(t)) r = $s(t, n);
 	else {
-		let n = Os(e);
+		let n = Us(e);
 		r = {
 			x: t.x - n.x,
 			y: t.y - n.y,
@@ -8009,27 +8267,27 @@ function zs(e, t, n) {
 			height: t.height
 		};
 	}
-	return qo(r);
+	return cs(r);
 }
-function Bs(e, t) {
-	let n = bs(e);
-	return n === t || !Q(n) || vs(n) ? !1 : $(n).position === "fixed" || Bs(n, t);
+function tc(e, t) {
+	let n = Fs(e);
+	return n === t || !Q(n) || Ns(n) ? !1 : $(n).position === "fixed" || tc(n, t);
 }
-function Vs(e, t) {
+function nc(e, t) {
 	let n = t.get(e);
 	if (n) return n;
-	let r = Ss(e, [], !1).filter((e) => Q(e) && is(e) !== "body"), i = null, a = $(e).position === "fixed", o = a ? bs(e) : e;
-	for (; Q(o) && !vs(o);) {
-		let t = $(o), n = hs(o);
-		!n && t.position === "fixed" && (i = null), (a ? !n && !i : !n && t.position === "static" && i && (i.position === "absolute" || i.position === "fixed") || cs(o) && !n && Bs(e, o)) ? r = r.filter((e) => e !== o) : i = t, o = bs(o);
+	let r = Ls(e, [], !1).filter((e) => Q(e) && ys(e) !== "body"), i = null, a = $(e).position === "fixed", o = a ? Fs(e) : e;
+	for (; Q(o) && !Ns(o);) {
+		let t = $(o), n = As(o);
+		!n && t.position === "fixed" && (i = null), (a ? !n && !i : !n && t.position === "static" && i && (i.position === "absolute" || i.position === "fixed") || Cs(o) && !n && tc(e, o)) ? r = r.filter((e) => e !== o) : i = t, o = Fs(o);
 	}
 	return t.set(e, r), r;
 }
-function Hs(e) {
-	let { element: t, boundary: n, rootBoundary: r, strategy: i } = e, a = [...n === "clippingAncestors" ? us(t) ? [] : Vs(t, this._c) : [].concat(n), r], o = zs(t, a[0], i), s = o.top, c = o.right, l = o.bottom, u = o.left;
+function rc(e) {
+	let { element: t, boundary: n, rootBoundary: r, strategy: i } = e, a = [...n === "clippingAncestors" ? Ts(t) ? [] : nc(t, this._c) : [].concat(n), r], o = ec(t, a[0], i), s = o.top, c = o.right, l = o.bottom, u = o.left;
 	for (let e = 1; e < a.length; e++) {
-		let n = zs(t, a[e], i);
-		s = Co(n.top, s), c = So(n.right, c), l = So(n.bottom, l), u = Co(n.left, u);
+		let n = ec(t, a[e], i);
+		s = Ro(n.top, s), c = Lo(n.right, c), l = Lo(n.bottom, l), u = Ro(n.left, u);
 	}
 	return {
 		width: c - u,
@@ -8038,27 +8296,27 @@ function Hs(e) {
 		y: s
 	};
 }
-function Us(e) {
-	let { width: t, height: n } = ws(e);
+function ic(e) {
+	let { width: t, height: n } = zs(e);
 	return {
 		width: t,
 		height: n
 	};
 }
-function Ws(e, t, n) {
-	let r = os(t), i = Z(t), a = n === "fixed", o = As(e, !0, a, t), s = {
+function ac(e, t, n) {
+	let r = xs(t), i = Z(t), a = n === "fixed", o = Gs(e, !0, a, t), s = {
 		scrollLeft: 0,
 		scrollTop: 0
 	}, c = Y(0);
 	function l() {
-		c.x = js(i);
+		c.x = Ks(i);
 	}
-	if (r || !r && !a) if ((is(t) !== "body" || cs(i)) && (s = ys(t)), r) {
-		let e = As(t, !0, a, t);
+	if (r || !r && !a) if ((ys(t) !== "body" || Cs(i)) && (s = Ps(t)), r) {
+		let e = Gs(t, !0, a, t);
 		c.x = e.x + t.clientLeft, c.y = e.y + t.clientTop;
 	} else i && l();
 	a && !r && i && l();
-	let u = i && !r && !a ? Ms(i, s) : Y(0);
+	let u = i && !r && !a ? qs(i, s) : Y(0);
 	return {
 		x: o.left + s.scrollLeft - c.x - u.x,
 		y: o.top + s.scrollTop - c.y - u.y,
@@ -8066,34 +8324,34 @@ function Ws(e, t, n) {
 		height: o.height
 	};
 }
-function Gs(e) {
+function oc(e) {
 	return $(e).position === "static";
 }
-function Ks(e, t) {
-	if (!os(e) || $(e).position === "fixed") return null;
+function sc(e, t) {
+	if (!xs(e) || $(e).position === "fixed") return null;
 	if (t) return t(e);
 	let n = e.offsetParent;
 	return Z(e) === n && (n = n.ownerDocument.body), n;
 }
-function qs(e, t) {
+function cc(e, t) {
 	let n = X(e);
-	if (us(e)) return n;
-	if (!os(e)) {
-		let t = bs(e);
-		for (; t && !vs(t);) {
-			if (Q(t) && !Gs(t)) return t;
-			t = bs(t);
+	if (Ts(e)) return n;
+	if (!xs(e)) {
+		let t = Fs(e);
+		for (; t && !Ns(t);) {
+			if (Q(t) && !oc(t)) return t;
+			t = Fs(t);
 		}
 		return n;
 	}
-	let r = Ks(e, t);
-	for (; r && ls(r) && Gs(r);) r = Ks(r, t);
-	return r && vs(r) && Gs(r) && !hs(r) ? n : r || gs(e) || n;
+	let r = sc(e, t);
+	for (; r && ws(r) && oc(r);) r = sc(r, t);
+	return r && Ns(r) && oc(r) && !As(r) ? n : r || js(e) || n;
 }
-var Js = async function(e) {
-	let t = this.getOffsetParent || qs, n = this.getDimensions, r = await n(e.floating);
+var lc = async function(e) {
+	let t = this.getOffsetParent || cc, n = this.getDimensions, r = await n(e.floating);
 	return {
-		reference: Ws(e.reference, await t(e.floating), e.strategy),
+		reference: ac(e.reference, await t(e.floating), e.strategy),
 		floating: {
 			x: 0,
 			y: 0,
@@ -8102,25 +8360,25 @@ var Js = async function(e) {
 		}
 	};
 };
-function Ys(e) {
+function uc(e) {
 	return $(e).direction === "rtl";
 }
-var Xs = {
-	convertOffsetParentRelativeRectToViewportRelativeRect: Ns,
+var dc = {
+	convertOffsetParentRelativeRectToViewportRelativeRect: Js,
 	getDocumentElement: Z,
-	getClippingRect: Hs,
-	getOffsetParent: qs,
-	getElementRects: Js,
-	getClientRects: Ps,
-	getDimensions: Us,
-	getScale: Es,
+	getClippingRect: rc,
+	getOffsetParent: cc,
+	getElementRects: lc,
+	getClientRects: Ys,
+	getDimensions: ic,
+	getScale: Vs,
 	isElement: Q,
-	isRTL: Ys
+	isRTL: uc
 };
-function Zs(e, t) {
+function fc(e, t) {
 	return e.x === t.x && e.y === t.y && e.width === t.width && e.height === t.height;
 }
-function Qs(e, t) {
+function pc(e, t) {
 	let n = null, r, i = Z(e);
 	function a() {
 		var e;
@@ -8130,9 +8388,9 @@ function Qs(e, t) {
 		s === void 0 && (s = !1), c === void 0 && (c = 1), a();
 		let l = e.getBoundingClientRect(), { left: u, top: d, width: f, height: p } = l;
 		if (s || t(), !f || !p) return;
-		let m = To(d), h = To(i.clientWidth - (u + f)), g = To(i.clientHeight - (d + p)), _ = To(u), v = {
+		let m = Bo(d), h = Bo(i.clientWidth - (u + f)), g = Bo(i.clientHeight - (d + p)), _ = Bo(u), v = {
 			rootMargin: -m + "px " + -h + "px " + -g + "px " + -_ + "px",
-			threshold: Co(0, So(1, c)) || 1
+			threshold: Ro(0, Lo(1, c)) || 1
 		}, y = !0;
 		function b(t) {
 			let n = t[0].intersectionRatio;
@@ -8142,7 +8400,7 @@ function Qs(e, t) {
 					o(!1, 1e-7);
 				}, 1e3);
 			}
-			n === 1 && !Zs(l, e.getBoundingClientRect()) && o(), y = !1;
+			n === 1 && !fc(l, e.getBoundingClientRect()) && o(), y = !1;
 		}
 		try {
 			n = new IntersectionObserver(b, {
@@ -8156,13 +8414,13 @@ function Qs(e, t) {
 	}
 	return o(!0), a;
 }
-function $s(e, t, n, r) {
+function mc(e, t, n, r) {
 	r === void 0 && (r = {});
-	let { ancestorScroll: i = !0, ancestorResize: a = !0, elementResize: o = typeof ResizeObserver == "function", layoutShift: s = typeof IntersectionObserver == "function", animationFrame: c = !1 } = r, l = Ts(e), u = i || a ? [...l ? Ss(l) : [], ...t ? Ss(t) : []] : [];
+	let { ancestorScroll: i = !0, ancestorResize: a = !0, elementResize: o = typeof ResizeObserver == "function", layoutShift: s = typeof IntersectionObserver == "function", animationFrame: c = !1 } = r, l = Bs(e), u = i || a ? [...l ? Ls(l) : [], ...t ? Ls(t) : []] : [];
 	u.forEach((e) => {
 		i && e.addEventListener("scroll", n, { passive: !0 }), a && e.addEventListener("resize", n);
 	});
-	let d = l && s ? Qs(l, n) : null, f = -1, p = null;
+	let d = l && s ? pc(l, n) : null, f = -1, p = null;
 	o && (p = new ResizeObserver((e) => {
 		let [r] = e;
 		r && r.target === l && p && t && (p.unobserve(t), cancelAnimationFrame(f), f = requestAnimationFrame(() => {
@@ -8170,11 +8428,11 @@ function $s(e, t, n, r) {
 			(e = p) == null || e.observe(t);
 		})), n();
 	}), l && !c && p.observe(l), t && p.observe(t));
-	let m, h = c ? As(e) : null;
+	let m, h = c ? Gs(e) : null;
 	c && g();
 	function g() {
-		let t = As(e);
-		h && !Zs(h, t) && n(), h = t, m = requestAnimationFrame(g);
+		let t = Gs(e);
+		h && !fc(h, t) && n(), h = t, m = requestAnimationFrame(g);
 	}
 	return n(), () => {
 		var e;
@@ -8183,19 +8441,19 @@ function $s(e, t, n, r) {
 		}), d?.(), (e = p) == null || e.disconnect(), p = null, c && cancelAnimationFrame(m);
 	};
 }
-var ec = ts, tc = ns, nc = Qo, rc = (e, t, n) => {
+var hc = gs, gc = _s, _c = ps, vc = (e, t, n) => {
 	let r = /* @__PURE__ */ new Map(), i = {
-		platform: Xs,
+		platform: dc,
 		...n
 	}, a = {
 		...i.platform,
 		_c: r
 	};
-	return Zo(e, t, {
+	return fs(e, t, {
 		...i,
 		platform: a
 	});
-}, ic = {
+}, yc = {
 	"top start at bottom start": "bottom-start",
 	"top center at bottom center": "bottom",
 	"top end at bottom end": "bottom-end",
@@ -8208,24 +8466,24 @@ var ec = ts, tc = ns, nc = Qo, rc = (e, t, n) => {
 	"bottom start at bottom end": "right-end",
 	"top end at top start": "left-start",
 	"bottom end at bottom start": "left-end"
-}, ac = (e, t) => {
+}, bc = (e, t) => {
 	let n = `${e} at ${t}`;
-	if (ic[n]) return ic[n];
+	if (yc[n]) return yc[n];
 	let [r, i] = t.split(" ");
 	return r === "bottom" ? i === "start" ? "bottom-start" : i === "end" ? "bottom-end" : "bottom" : r === "top" ? i === "start" ? "top-start" : i === "end" ? "top-end" : "top" : i === "start" ? r === "top" ? "left-start" : r === "bottom" ? "left-end" : "left" : i === "end" ? r === "top" ? "right-start" : r === "bottom" ? "right-end" : "right" : "bottom";
 };
-function oc(e, t, n = {}) {
-	let r = () => typeof n == "function" ? n() : n, i = r(), a = T(ac(i.my ?? "top center", i.at ?? "bottom center")), o = T(0), s = T(0), c = null, l = null, u = null, d = (e) => {
+function xc(e, t, n = {}) {
+	let r = () => typeof n == "function" ? n() : n, i = r(), a = T(bc(i.my ?? "top center", i.at ?? "bottom center")), o = T(0), s = T(0), c = null, l = null, u = null, d = (e) => {
 		let t = [];
 		if (e.offset) {
 			let [n, r] = e.offset;
-			t.push(ec({
+			t.push(hc({
 				mainAxis: r,
 				crossAxis: n
 			}));
 		}
 		let n = e.collision ?? "flip+shift";
-		return (n === "flip" || n === "flip+shift") && t.push(nc()), (n === "shift" || n === "flip+shift") && t.push(tc()), t;
+		return (n === "flip" || n === "flip+shift") && t.push(_c()), (n === "shift" || n === "flip+shift") && t.push(gc()), t;
 	}, f = (e) => {
 		u !== e && (u = e, l = {
 			position: e.style.position,
@@ -8240,8 +8498,8 @@ function oc(e, t, n = {}) {
 		if (!n || !i) return;
 		let c = r(), l = c.my ?? "top center", u = c.at ?? "bottom center";
 		f(n);
-		let p = await rc(i, n, {
-			placement: ac(l, u),
+		let p = await vc(i, n, {
+			placement: bc(l, u),
 			strategy: c.strategy ?? "absolute",
 			middleware: d(c)
 		});
@@ -8258,7 +8516,7 @@ function oc(e, t, n = {}) {
 		if (!i || !a) return;
 		u !== null && u !== i && p(u);
 		let s = null;
-		o.autoUpdate === !1 ? m() : s = $s(a, i, () => {
+		o.autoUpdate === !1 ? m() : s = mc(a, i, () => {
 			m();
 		}), n(() => {
 			s?.(), s = null, c = null;
@@ -8275,74 +8533,74 @@ function oc(e, t, n = {}) {
 }
 //#endregion
 //#region src/composables/useColorMode.ts
-var sc = "vibe-color-mode", cc = {
+var Sc = "vibe-color-mode", Cc = {
 	light: "dark",
 	dark: "auto",
 	auto: "light"
-}, lc = T("auto"), uc = !1, dc = [];
-function fc() {
+}, wc = T("auto"), Tc = !1, Ec = [];
+function Dc() {
 	return typeof window > "u" ? "light" : window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
 }
-function pc(e) {
+function Oc(e) {
 	if (typeof document > "u") return;
-	let t = e === "auto" ? fc() : e;
+	let t = e === "auto" ? Dc() : e;
 	document.documentElement.setAttribute("data-bs-theme", t);
 }
-function mc(e) {
-	lc.value = e, pc(e), dc.forEach((t) => t(e));
+function kc(e) {
+	wc.value = e, Oc(e), Ec.forEach((t) => t(e));
 }
-var hc = "auto";
+var Ac = "auto";
 try {
-	let e = typeof localStorage < "u" ? localStorage.getItem(sc) : null;
-	e !== null && e in cc && (hc = e);
+	let e = typeof localStorage < "u" ? localStorage.getItem(Sc) : null;
+	e !== null && e in Cc && (Ac = e);
 } catch {}
-var gc = () => {
-	lc.value === "auto" && (pc("auto"), dc.forEach((e) => e("auto")));
-}, _c = null;
-function vc() {
-	typeof window > "u" || (_c = window.matchMedia("(prefers-color-scheme: dark)"), _c.addEventListener("change", gc));
+var jc = () => {
+	wc.value === "auto" && (Oc("auto"), Ec.forEach((e) => e("auto")));
+}, Mc = null;
+function Nc() {
+	typeof window > "u" || (Mc = window.matchMedia("(prefers-color-scheme: dark)"), Mc.addEventListener("change", jc));
 }
-function yc() {
-	_c?.removeEventListener("change", gc), _c = null;
+function Pc() {
+	Mc?.removeEventListener("change", jc), Mc = null;
 }
-typeof window < "u" && (mc(hc), vc(), uc = !0);
-function bc() {
+typeof window < "u" && (kc(Ac), Nc(), Tc = !0);
+function Fc() {
 	function e(e) {
-		if (e in cc) {
+		if (e in Cc) {
 			try {
-				localStorage.setItem(sc, e);
+				localStorage.setItem(Sc, e);
 			} catch {}
-			mc(e);
+			kc(e);
 		}
 	}
 	function t() {
-		if (uc) return;
-		yc();
+		if (Tc) return;
+		Pc();
 		let e = "auto";
 		try {
-			let t = typeof localStorage < "u" ? localStorage.getItem(sc) : null;
-			t !== null && t in cc && (e = t);
+			let t = typeof localStorage < "u" ? localStorage.getItem(Sc) : null;
+			t !== null && t in Cc && (e = t);
 		} catch {}
-		mc(e), vc(), uc = !0;
+		kc(e), Nc(), Tc = !0;
 	}
 	function n() {
-		yc();
+		Pc();
 		try {
-			localStorage.removeItem(sc);
+			localStorage.removeItem(Sc);
 		} catch {}
-		mc("auto"), vc(), uc = !1;
+		kc("auto"), Nc(), Tc = !1;
 	}
 	function r() {
-		e(cc[lc.value] ?? "auto");
+		e(Cc[wc.value] ?? "auto");
 	}
 	function i(e) {
-		return dc.push(e), () => {
-			let t = dc.indexOf(e);
-			t !== -1 && dc.splice(t, 1);
+		return Ec.push(e), () => {
+			let t = Ec.indexOf(e);
+			t !== -1 && Ec.splice(t, 1);
 		};
 	}
 	return {
-		colorMode: lc,
+		colorMode: wc,
 		setColorMode: e,
 		toggleColorMode: r,
 		initColorMode: t,
@@ -8352,6 +8610,6 @@ function bc() {
 }
 //#endregion
 //#region src/index.ts
-var xc = go;
+var Ic = jo;
 //#endregion
-export { mt as VibeAccordion, ee as VibeAlert, Bi as VibeAutocomplete, te as VibeBadge, Ae as VibeBreadcrumb, ne as VibeButton, U as VibeButtonGroup, ve as VibeCard, _n as VibeCarousel, Zn as VibeChartBar, Vn as VibeChartLine, rr as VibeChartPie, ae as VibeCloseButton, pe as VibeCol, ht as VibeCollapse, de as VibeContainer, Dr as VibeDataTable, sa as VibeDatePicker, Yi as VibeDraggable, Ct as VibeDropdown, Xi as VibeDroppable, Si as VibeFileInput, ma as VibeFormCheckbox, gi as VibeFormDatepicker, za as VibeFormGroup, Fr as VibeFormInput, xa as VibeFormRadio, Kr as VibeFormSelect, li as VibeFormSpinbutton, Oa as VibeFormSwitch, ei as VibeFormTextarea, $a as VibeFormWysiwyg, Ee as VibeHero, wn as VibeIcon, no as VibeInputGroup, ro as VibeLink, it as VibeListGroup, Nt as VibeModal, Pe as VibeNav, Le as VibeNavbar, Re as VibeNavbarBrand, Ke as VibeNavbarNav, Be as VibeNavbarToggle, Rt as VibeOffcanvas, Qe as VibePagination, ce as VibePlaceholder, xn as VibePopover, ot as VibeProgress, Qi as VibeResizable, fe as VibeRow, Sn as VibeScrollspy, ue as VibeSkeleton, Ti as VibeSlider, Vi as VibeSortable, se as VibeSpinner, Pi as VibeStepper, rt as VibeTab, et as VibeTabContent, nt as VibeTabs, qt as VibeToast, an as VibeToastHost, yn as VibeTooltip, xc as default, nn as resetToastStoreForSSR, Et as useBackButton, Va as useBreakpoints, bc as useColorMode, xo as useForm, _o as useFormValidation, q as useId, oc as usePosition, tn as useToast, ho as vTooltip, vo as validators };
+export { ht as VibeAccordion, ee as VibeAlert, qi as VibeAutocomplete, te as VibeBadge, Ae as VibeBreadcrumb, ne as VibeButton, ie as VibeButtonGroup, ve as VibeCard, _n as VibeCarousel, Zn as VibeChartBar, Vn as VibeChartLine, rr as VibeChartPie, oe as VibeCloseButton, pe as VibeCol, gt as VibeCollapse, de as VibeContainer, Er as VibeDataTable, ma as VibeDatePicker, na as VibeDraggable, wt as VibeDropdown, ra as VibeDroppable, ki as VibeFileInput, xa as VibeFormCheckbox, Ci as VibeFormDatepicker, eo as VibeFormErrorSummary, Xa as VibeFormGroup, Hr as VibeFormInput, Oa as VibeFormRadio, $r as VibeFormSelect, gi as VibeFormSpinbutton, Fa as VibeFormSwitch, si as VibeFormTextarea, ho as VibeFormWysiwyg, Ee as VibeHero, wn as VibeIcon, vo as VibeInputGroup, yo as VibeLink, at as VibeListGroup, Ft as VibeModal, Fe as VibeNav, Re as VibeNavbar, ze as VibeNavbarBrand, qe as VibeNavbarNav, Ve as VibeNavbarToggle, Bt as VibeOffcanvas, $e as VibePagination, le as VibePlaceholder, xn as VibePopover, st as VibeProgress, aa as VibeResizable, fe as VibeRow, Sn as VibeScrollspy, ue as VibeSkeleton, Mi as VibeSlider, Ji as VibeSortable, ce as VibeSpinner, Vi as VibeStepper, it as VibeTab, tt as VibeTabContent, rt as VibeTabs, qt as VibeToast, an as VibeToastHost, yn as VibeTooltip, Ic as default, nn as resetToastStoreForSSR, Dt as useBackButton, no as useBreakpoints, Fc as useColorMode, Io as useForm, Mo as useFormValidation, q as useId, xc as usePosition, tn as useToast, Ao as vTooltip, No as validators };