@velkymx/vibeui 1.1.0 → 1.1.1

package/dist/vibeui.es.js

@@ -1,7 +1,7 @@
 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";
 //#endregion
 //#region src/components/VibeAlert.vue
-var ee = /* @__PURE__ */ c({
+var U = /* @__PURE__ */ c({
 	__name: "VibeAlert",
 	props: {
 		variant: {
@@ -97,7 +97,7 @@ var ee = /* @__PURE__ */ c({
 			})) : i("", !0)
 		], 2)) : i("", !0);
 	}
-}), te = /* @__PURE__ */ c({
+}), ee = /* @__PURE__ */ c({
 	__name: "VibeBadge",
 	props: {
 		variant: {
@@ -127,7 +127,7 @@ var ee = /* @__PURE__ */ c({
 			_: 3
 		}, 8, ["class"]));
 	}
-}), U = /*@__PURE__*/ c({
+}), W = /*@__PURE__*/ c({
 	__name: "VibeButton",
 	props: {
 		variant: {
@@ -203,11 +203,11 @@ var ee = /* @__PURE__ */ c({
 			"aria-disabled"
 		]));
 	}
-}), W = (e, t) => {
+}), G = (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({
+}, te = /*#__PURE__*/ G(W, [["__scopeId", "data-v-17d9412e"]]), ne = ["role", "aria-label"], re = /* @__PURE__ */ c({
 	__name: "VibeButtonGroup",
 	props: {
 		size: {
@@ -236,9 +236,9 @@ var ee = /* @__PURE__ */ c({
 			class: m(r.value),
 			role: e.role,
 			"aria-label": e.ariaLabel
-		}, [D(t.$slots, "default")], 10, re));
+		}, [D(t.$slots, "default")], 10, ne));
 	}
-}), ae = ["disabled", "aria-label"], oe = /* @__PURE__ */ c({
+}), ie = ["disabled", "aria-label"], ae = /* @__PURE__ */ c({
 	__name: "VibeCloseButton",
 	props: {
 		disabled: {
@@ -265,9 +265,9 @@ var ee = /* @__PURE__ */ c({
 			disabled: e.disabled,
 			"aria-label": e.ariaLabel,
 			onClick: i
-		}, null, 10, ae));
+		}, null, 10, ie));
 	}
-}), se = { class: "visually-hidden" }, ce = /* @__PURE__ */ c({
+}), oe = { class: "visually-hidden" }, se = /* @__PURE__ */ c({
 	__name: "VibeSpinner",
 	props: {
 		variant: {
@@ -300,11 +300,11 @@ var ee = /* @__PURE__ */ c({
 			class: m(i.value),
 			role: "status"
 		}, {
-			default: R(() => [o("span", se, A(e.label), 1)]),
+			default: R(() => [o("span", oe, A(e.label), 1)]),
 			_: 1
 		}, 8, ["class"]));
 	}
-}), le = /* @__PURE__ */ c({
+}), ce = /* @__PURE__ */ c({
 	__name: "VibePlaceholder",
 	props: {
 		variant: {
@@ -345,7 +345,7 @@ var ee = /* @__PURE__ */ c({
 			_: 3
 		}, 8, ["class"]));
 	}
-}), ue = /*#__PURE__*/ W(/* @__PURE__ */ c({
+}), le = /*#__PURE__*/ G(/* @__PURE__ */ c({
 	inheritAttrs: !1,
 	__name: "VibeSkeleton",
 	props: {
@@ -456,7 +456,7 @@ var ee = /* @__PURE__ */ c({
 			}, null, 2)
 		], 16)) : i("", !0);
 	}
-}), [["__scopeId", "data-v-c0c2699d"]]), de = /* @__PURE__ */ c({
+}), [["__scopeId", "data-v-c0c2699d"]]), ue = /* @__PURE__ */ c({
 	__name: "VibeContainer",
 	props: {
 		fluid: {
@@ -475,7 +475,7 @@ var ee = /* @__PURE__ */ c({
 			_: 3
 		}, 8, ["class"]));
 	}
-}), fe = /* @__PURE__ */ c({
+}), de = /* @__PURE__ */ c({
 	__name: "VibeRow",
 	props: {
 		tag: {
@@ -615,7 +615,7 @@ var ee = /* @__PURE__ */ c({
 			_: 3
 		}, 8, ["class"]));
 	}
-}), pe = /* @__PURE__ */ c({
+}), fe = /* @__PURE__ */ c({
 	__name: "VibeCol",
 	props: {
 		tag: {
@@ -756,13 +756,13 @@ var ee = /* @__PURE__ */ c({
 			_: 3
 		}, 8, ["class"]));
 	}
-}), me = ["src", "alt"], he = {
+}), pe = ["src", "alt"], me = {
 	key: 0,
 	class: "card-title"
-}, ge = {
+}, he = {
 	key: 1,
 	class: "card-text"
-}, _e = ["src", "alt"], ve = /* @__PURE__ */ c({
+}, ge = ["src", "alt"], _e = /* @__PURE__ */ c({
 	__name: "VibeCard",
 	props: {
 		variant: {
@@ -850,7 +850,7 @@ var ee = /* @__PURE__ */ c({
 					src: e.imgSrc,
 					alt: e.imgAlt,
 					class: "card-img-top"
-				}, null, 8, me)) : i("", !0),
+				}, null, 8, pe)) : i("", !0),
 				D(t.$slots, "image"),
 				e.header || t.$slots.header ? (x(), a("div", {
 					key: 1,
@@ -860,8 +860,8 @@ var ee = /* @__PURE__ */ c({
 					key: 2,
 					class: m(["card-body", e.bodyClass])
 				}, [
-					e.title || t.$slots.title ? (x(), a("h5", he, [D(t.$slots, "title", {}, () => [s(A(e.title), 1)])])) : i("", !0),
-					e.body || t.$slots.body ? (x(), a("p", ge, [D(t.$slots, "body", {}, () => [s(A(e.body), 1)])])) : i("", !0),
+					e.title || t.$slots.title ? (x(), a("h5", me, [D(t.$slots, "title", {}, () => [s(A(e.title), 1)])])) : i("", !0),
+					e.body || t.$slots.body ? (x(), a("p", he, [D(t.$slots, "body", {}, () => [s(A(e.body), 1)])])) : i("", !0),
 					D(t.$slots, "default")
 				], 2)) : i("", !0),
 				e.footer || t.$slots.footer ? (x(), a("div", {
@@ -873,18 +873,18 @@ var ee = /* @__PURE__ */ c({
 					src: e.imgSrc,
 					alt: e.imgAlt,
 					class: "card-img-bottom"
-				}, null, 8, _e)) : i("", !0)
+				}, null, 8, ge)) : i("", !0)
 			]),
 			_: 3
 		}, 8, ["class"]));
 	}
-}), ye = /^(https?:\/\/|\/(?!\/)|\.\.?\/|#)/i;
-function G(e) {
-	if (!(e === void 0 || e === "")) return ye.test(e) ? e : void 0;
+}), ve = /^(https?:\/\/|\/(?!\/)|\.\.?\/|#)/i;
+function K(e) {
+	if (!(e === void 0 || e === "")) return ve.test(e) ? e : void 0;
 }
 //#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 = /* @__PURE__ */ new Set([
+var ye = /^(auto|0|[\d.]+(%|px|rem|em|vh|vw|dvh|dvw|svh|svw|ch|ex|vmin|vmax))$/, be = /^(#[0-9a-fA-F]{3,8}|rgba?\(\s*[\d.,\s]+\)|hsla?\(\s*[\d.,\s%]+\)|var\(--[\w-]+(?:\s*,\s*[^)]+)?\)|[a-zA-Z]+)$/, xe = /* @__PURE__ */ new Set([
 	"width",
 	"minWidth",
 	"maxWidth",
@@ -909,18 +909,18 @@ var be = /^(auto|0|[\d.]+(%|px|rem|em|vh|vw|dvh|dvw|svh|svw|ch|ex|vmin|vmax))$/,
 	"borderTop",
 	"borderBottom"
 ]);
+function Se(e) {
+	if (e !== void 0) return ye.test(e.trim()) ? e : void 0;
+}
 function Ce(e) {
 	if (e !== void 0) return be.test(e.trim()) ? e : void 0;
 }
 function we(e) {
-	if (e !== void 0) return xe.test(e.trim()) ? e : void 0;
-}
-function Te(e) {
-	return e ? Object.fromEntries(Object.entries(e).filter(([e]) => Se.has(e))) : {};
+	return e ? Object.fromEntries(Object.entries(e).filter(([e]) => xe.has(e))) : {};
 }
 //#endregion
 //#region src/components/VibeHero.vue
-var Ee = /* @__PURE__ */ c({
+var Te = /* @__PURE__ */ c({
 	__name: "VibeHero",
 	props: {
 		variant: {
@@ -975,16 +975,16 @@ var Ee = /* @__PURE__ */ c({
 			if (!/url\(|expression\(|javascript:/i.test(t)) return i.test(t) ? t : void 0;
 		}, s = n(() => {
 			let e = ["py-5", `text-${t.align}`];
-			return t.variant && e.push(`bg-${t.variant}`), t.textVariant && e.push(`text-${t.textVariant}`), t.border && e.push("border", `border-${t.border}`, "rounded-3"), Ce(t.minHeight) && e.push("d-flex", "align-items-center"), e;
+			return t.variant && e.push(`bg-${t.variant}`), t.textVariant && e.push(`text-${t.textVariant}`), t.border && e.push("border", `border-${t.border}`, "rounded-3"), Se(t.minHeight) && e.push("d-flex", "align-items-center"), e;
 		}), c = n(() => t.fluid === !0 ? "container-fluid" : typeof t.fluid == "string" ? `container-${t.fluid}` : "container"), l = n(() => {
-			let e = {}, n = G(t.bgImage), r = a(t.gradient), i = [];
+			let e = {}, n = K(t.bgImage), r = a(t.gradient), i = [];
 			if (r) i.push(r);
 			else if (n && t.overlay) {
-				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})`;
+				let e = Math.min(1, Math.max(0, t.overlayOpacity)), n = typeof t.overlay == "string" ? Ce(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);
+			let o = Se(t.minHeight);
 			return o && (e.minHeight = o), e;
 		}), u = n(() => Object.keys(l.value).length > 0);
 		return (t, n) => (x(), r(O(e.tag), {
@@ -995,7 +995,7 @@ var Ee = /* @__PURE__ */ c({
 			_: 3
 		}, 8, ["class", "style"]));
 	}
-}), De = ["aria-label"], Oe = { class: "breadcrumb" }, ke = ["aria-current"], Ae = /* @__PURE__ */ c({
+}), Ee = ["aria-label"], De = { class: "breadcrumb" }, Oe = ["aria-current"], ke = /* @__PURE__ */ c({
 	__name: "VibeBreadcrumb",
 	props: {
 		ariaLabel: {
@@ -1016,12 +1016,12 @@ var Ee = /* @__PURE__ */ c({
 				event: n
 			});
 		};
-		return (n, i) => (x(), a("nav", { "aria-label": t.ariaLabel }, [o("ol", Oe, [(x(!0), a(e, null, E(t.items, (e, t) => (x(), a("li", {
+		return (n, i) => (x(), a("nav", { "aria-label": t.ariaLabel }, [o("ol", De, [(x(!0), a(e, null, E(t.items, (e, t) => (x(), a("li", {
 			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" : "button"), {
-			href: e.active ? void 0 : j(G)(e.href),
+		}, [(x(), r(O(e.active ? "span" : j(K)(e.href) ? "a" : e.to ? "router-link" : "button"), {
+			href: e.active ? void 0 : j(K)(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)
@@ -1036,23 +1036,23 @@ var Ee = /* @__PURE__ */ c({
 			"to",
 			"type",
 			"onClick"
-		]))], 10, ke))), 128))])], 8, De));
+		]))], 10, Oe))), 128))])], 8, Ee));
 	}
 });
 //#endregion
 //#region src/utils/routeKey.ts
-function je(e) {
+function Ae(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 = {
+var je = { class: "dropdown-menu" }, Me = {
 	key: 0,
 	class: "dropdown-divider"
-}, Pe = {
+}, Ne = {
 	key: 1,
 	class: "dropdown-header"
-}, Fe = /* @__PURE__ */ c({
+}, Pe = /* @__PURE__ */ c({
 	__name: "VibeNav",
 	props: {
 		items: {
@@ -1167,7 +1167,7 @@ var Me = { class: "dropdown-menu" }, Ne = {
 			class: m(b.value)
 		}, {
 			default: R(() => [(x(!0), a(e, null, E(t.items, (i, c) => (x(), a("li", {
-				key: i.href || j(je)(i.to) || i.text || String(c),
+				key: i.href || j(Ae)(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",
@@ -1177,13 +1177,13 @@ var Me = { class: "dropdown-menu" }, Ne = {
 				}]),
 				"data-bs-toggle": "dropdown",
 				"aria-expanded": "false"
-			}, 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"), {
+			}, 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(K)(e.href) ? "a" : e.to ? "router-link" : "button"), {
 				key: 2,
 				class: m(["dropdown-item", {
 					active: e.active,
 					disabled: e.disabled
 				}]),
-				href: j(G)(e.href),
+				href: j(K)(e.href),
 				to: e.to,
 				type: !e.href && !e.to ? "button" : void 0
 			}, {
@@ -1194,13 +1194,13 @@ var Me = { class: "dropdown-menu" }, Ne = {
 				"href",
 				"to",
 				"type"
-			]))]))), 128))])], 64)) : (x(), r(O(j(G)(i.href) ? "a" : i.to ? "router-link" : "button"), {
+			]))]))), 128))])], 64)) : (x(), r(O(j(K)(i.href) ? "a" : i.to ? "router-link" : "button"), {
 				key: 1,
 				class: m(["nav-link", {
 					active: i.active,
 					disabled: i.disabled
 				}]),
-				href: j(G)(i.href),
+				href: j(K)(i.href),
 				to: i.to,
 				type: !i.href && !i.to ? "button" : void 0,
 				disabled: !i.href && !i.to && i.disabled || void 0,
@@ -1228,7 +1228,7 @@ var Me = { class: "dropdown-menu" }, Ne = {
 			_: 3
 		}, 8, ["class"]));
 	}
-}), K = Symbol("vibeFormGroup"), Ie = Symbol("vibeNavbarCollapse"), Le = Symbol("vibeTabsContext"), Re = /*#__PURE__*/ W(/* @__PURE__ */ c({
+}), q = Symbol("vibeFormGroup"), Fe = Symbol("vibeNavbarCollapse"), Ie = Symbol("vibeTabsContext"), Le = /*#__PURE__*/ G(/* @__PURE__ */ c({
 	__name: "VibeNavbar",
 	props: {
 		variant: {
@@ -1258,7 +1258,7 @@ var Me = { class: "dropdown-menu" }, Ne = {
 	},
 	setup(e) {
 		let t = e, i = C({});
-		S(Ie, {
+		S(Fe, {
 			collapseStates: i,
 			toggleCollapse: (e) => {
 				i[e] = !i[e];
@@ -1285,7 +1285,7 @@ var Me = { class: "dropdown-menu" }, Ne = {
 			_: 3
 		}, 8, ["class", "data-bs-theme"]));
 	}
-}), [["__scopeId", "data-v-c3e6fe24"]]), ze = /* @__PURE__ */ c({
+}), [["__scopeId", "data-v-c3e6fe24"]]), Re = /* @__PURE__ */ c({
 	__name: "VibeNavbarBrand",
 	props: {
 		href: {
@@ -1298,21 +1298,21 @@ var Me = { class: "dropdown-menu" }, Ne = {
 		}
 	},
 	setup(e) {
-		let t = e, n = G(t.href) ? "a" : t.to ? "router-link" : "span";
+		let t = e, n = K(t.href) ? "a" : t.to ? "router-link" : "span";
 		return (t, i) => (x(), r(O(j(n)), {
 			class: "navbar-brand",
-			href: j(G)(e.href),
+			href: j(K)(e.href),
 			to: e.to
 		}, {
 			default: R(() => [D(t.$slots, "default")]),
 			_: 3
 		}, 8, ["href", "to"]));
 	}
-}), Be = [
+}), ze = [
 	"aria-controls",
 	"aria-expanded",
 	"aria-label"
-], Ve = /* @__PURE__ */ c({
+], Be = /* @__PURE__ */ c({
 	__name: "VibeNavbarToggle",
 	props: {
 		target: {
@@ -1326,7 +1326,7 @@ var Me = { class: "dropdown-menu" }, Ne = {
 	},
 	emits: ["component-error"],
 	setup(e, { emit: t }) {
-		let r = e, i = t, s = u(Ie, null), c = n(() => s?.collapseStates[r.target] ?? !1), l = async () => {
+		let r = e, i = t, s = u(Fe, null), c = n(() => s?.collapseStates[r.target] ?? !1), l = async () => {
 			if (s) {
 				s.toggleCollapse(r.target);
 				return;
@@ -1349,9 +1349,9 @@ var Me = { class: "dropdown-menu" }, Ne = {
 			"aria-expanded": c.value,
 			"aria-label": e.ariaLabel,
 			onClick: l
-		}, [...n[0] ||= [o("span", { class: "navbar-toggler-icon" }, null, -1)]], 8, Be));
+		}, [...n[0] ||= [o("span", { class: "navbar-toggler-icon" }, null, -1)]], 8, ze));
 	}
-}), He = { class: "dropdown-menu" }, Ue = { key: 0 }, We = { key: 1 }, Ge = { class: "dropdown-header" }, Ke = { key: 2 }, qe = /* @__PURE__ */ c({
+}), Ve = { class: "dropdown-menu" }, He = { key: 0 }, Ue = { key: 1 }, We = { class: "dropdown-header" }, Ge = { key: 2 }, Ke = /* @__PURE__ */ c({
 	__name: "VibeNavbarNav",
 	props: {
 		tag: {
@@ -1428,7 +1428,7 @@ var Me = { class: "dropdown-menu" }, Ne = {
 			}, [D(n.$slots, "item", {
 				item: t,
 				index: c
-			}, () => [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"), {
+			}, () => [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"), {
 				class: m(v(l)),
 				href: l.href,
 				to: l.to,
@@ -1475,11 +1475,11 @@ var Me = { class: "dropdown-menu" }, Ne = {
 			_: 3
 		}, 512));
 	}
-}), Je = ["aria-label"], Ye = ["disabled"], Xe = {
+}), qe = ["aria-label"], Je = ["disabled"], Ye = {
 	key: 0,
 	class: "page-item disabled",
 	"aria-hidden": "true"
-}, Ze = ["aria-current", "onClick"], Qe = ["disabled"], $e = /* @__PURE__ */ c({
+}, Xe = ["aria-current", "onClick"], Ze = ["disabled"], Qe = /* @__PURE__ */ c({
 	__name: "VibePagination",
 	props: {
 		size: {
@@ -1548,8 +1548,8 @@ var Me = { class: "dropdown-menu" }, Ne = {
 				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, 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", {
+			}, [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", {
 				key: 1,
 				class: m(["page-item", { active: i === t.currentPage }])
 			}, [o("button", {
@@ -1560,7 +1560,7 @@ var Me = { class: "dropdown-menu" }, Ne = {
 			}, [D(n.$slots, "page", {
 				page: i,
 				active: i === t.currentPage
-			}, () => [s(A(i), 1)])], 8, Ze)], 2))], 64))), 128)),
+			}, () => [s(A(i), 1)])], 8, Xe)], 2))], 64))), 128)),
 			t.showPrevNext ? (x(), a("li", {
 				key: 1,
 				class: m(["page-item", { disabled: h.value }])
@@ -1569,10 +1569,10 @@ var Me = { class: "dropdown-menu" }, Ne = {
 				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, Qe)], 2)) : i("", !0)
-		], 2)], 8, Je));
+			}, [D(n.$slots, "next", { disabled: h.value }, () => [s(A(t.nextText), 1)])], 8, Ze)], 2)) : i("", !0)
+		], 2)], 8, qe));
 	}
-}), et = ["id", "aria-labelledby"], tt = /* @__PURE__ */ c({
+}), $e = ["id", "aria-labelledby"], et = /* @__PURE__ */ c({
 	__name: "VibeTabContent",
 	props: {
 		id: {
@@ -1611,15 +1611,15 @@ var Me = { class: "dropdown-menu" }, Ne = {
 			}, [D(n.$slots, "pane", {
 				pane: e,
 				index: t
-			}, () => [s(A(e.content), 1)])], 10, et))), 128))]),
+			}, () => [s(A(e.content), 1)])], 10, $e))), 128))]),
 			_: 3
 		}, 8, ["id"]));
 	}
-}), nt = [
+}), tt = [
 	"disabled",
 	"aria-selected",
 	"onClick"
-], rt = /* @__PURE__ */ c({
+], nt = /* @__PURE__ */ c({
 	__name: "VibeTabs",
 	props: {
 		modelValue: {
@@ -1659,7 +1659,7 @@ var Me = { class: "dropdown-menu" }, Ne = {
 			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(Le, {
+		return S(Ie, {
 			register: (e, t, n) => {
 				c.find((t) => t.name === e) || (c.push({
 					name: e,
@@ -1696,9 +1696,9 @@ var Me = { class: "dropdown-menu" }, Ne = {
 			"aria-selected": e.name === d.value,
 			role: "tab",
 			onClick: (t) => f(e.name)
-		}, 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));
+		}, 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));
 	}
-}), it = /* @__PURE__ */ c({
+}), rt = /* @__PURE__ */ c({
 	__name: "VibeTab",
 	props: {
 		name: {
@@ -1715,7 +1715,7 @@ var Me = { class: "dropdown-menu" }, Ne = {
 		}
 	},
 	setup(e) {
-		let t = e, r = u(Le, null);
+		let t = e, r = u(Ie, null);
 		r || console.error("[VibeTab] must be a descendant of <VibeTabs>"), y(() => {
 			r?.register(t.name, t.label, t.disabled);
 		}), _(() => {
@@ -1731,7 +1731,7 @@ var Me = { class: "dropdown-menu" }, Ne = {
 			role: "tabpanel"
 		}, [D(e.$slots, "default")], 2)), [[F, o.value]]) : i("", !0);
 	}
-}), at = /* @__PURE__ */ c({
+}), it = /* @__PURE__ */ c({
 	__name: "VibeListGroup",
 	props: {
 		flush: {
@@ -1762,7 +1762,7 @@ var Me = { class: "dropdown-menu" }, Ne = {
 			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 (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(" ");
+			return (K(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,
@@ -1778,10 +1778,10 @@ var Me = { class: "dropdown-menu" }, Ne = {
 				e.disabled,
 				e.variant,
 				e.text
-			], () => (x(), r(O(j(G)(e.href) ? "a" : e.to ? "router-link" : "li"), {
+			], () => (x(), r(O(j(K)(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),
+				style: h(!j(K)(e.href) && !e.to && !e.disabled ? { cursor: "pointer" } : void 0),
+				href: j(K)(e.href),
 				to: e.to,
 				"aria-disabled": e.disabled || void 0,
 				"aria-current": e.active,
@@ -1804,11 +1804,11 @@ var Me = { class: "dropdown-menu" }, Ne = {
 			_: 3
 		}, 8, ["class"]));
 	}
-}), ot = [
+}), at = [
 	"aria-label",
 	"aria-valuenow",
 	"aria-valuemax"
-], st = /* @__PURE__ */ c({
+], ot = /* @__PURE__ */ c({
 	__name: "VibeProgress",
 	props: {
 		height: {
@@ -1822,7 +1822,7 @@ var Me = { class: "dropdown-menu" }, Ne = {
 	},
 	setup(t) {
 		let r = t, i = n(() => {
-			let e = Ce(r.height);
+			let e = Se(r.height);
 			return e ? { height: e } : void 0;
 		}), o = (e) => {
 			let t = ["progress-bar"];
@@ -1854,23 +1854,23 @@ var Me = { class: "dropdown-menu" }, Ne = {
 		}, [D(n.$slots, "label", {
 			bar: e,
 			index: t
-		}, () => [s(A(l(e)), 1)])], 14, ot))), 128))], 4));
+		}, () => [s(A(l(e)), 1)])], 14, at))), 128))], 4));
 	}
-}), ct = 0, lt = /* @__PURE__ */ new WeakMap();
-function q(e = "vibe") {
+}), st = 0, ct = /* @__PURE__ */ new WeakMap();
+function J(e = "vibe") {
 	let t = l();
-	if (!t) return `${e}-${++ct}`;
-	let n = (lt.get(t) ?? 0) + 1;
-	return lt.set(t, n), `${e}-${t.uid}-${n}`;
+	if (!t) return `${e}-${++st}`;
+	let n = (ct.get(t) ?? 0) + 1;
+	return ct.set(t, n), `${e}-${t.uid}-${n}`;
 }
 //#endregion
 //#region src/components/VibeAccordion.vue?vue&type=script&setup=true&lang.ts
-var ut = ["id"], dt = { class: "accordion-header" }, ft = [
+var lt = ["id"], ut = { class: "accordion-header" }, dt = [
 	"data-bs-target",
 	"aria-expanded",
 	"aria-controls",
 	"onClick"
-], pt = ["id", "data-bs-parent"], mt = { class: "accordion-body" }, ht = /* @__PURE__ */ c({
+], ft = ["id", "data-bs-parent"], pt = { class: "accordion-body" }, mt = /* @__PURE__ */ c({
 	__name: "VibeAccordion",
 	props: {
 		id: {
@@ -1899,7 +1899,7 @@ var ut = ["id"], dt = { class: "accordion-header" }, ft = [
 		"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 = !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 c = J("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 () => {
@@ -1984,7 +1984,7 @@ var ut = ["id"], dt = { class: "accordion-header" }, ft = [
 		}, [(x(!0), a(e, null, E(t.items, (e, r) => (x(), a("div", {
 			key: e.id,
 			class: "accordion-item"
-		}, [o("h2", dt, [o("button", {
+		}, [o("h2", ut, [o("button", {
 			class: m(["accordion-button", { collapsed: !e.show }]),
 			type: "button",
 			"data-bs-toggle": "collapse",
@@ -1995,16 +1995,16 @@ var ut = ["id"], dt = { class: "accordion-header" }, ft = [
 		}, [D(n.$slots, "title", {
 			item: e,
 			index: r
-		}, () => [s(A(e.title), 1)])], 10, ft)]), o("div", {
+		}, () => [s(A(e.title), 1)])], 10, dt)]), o("div", {
 			id: e.id,
 			class: m(["accordion-collapse", "collapse"]),
 			"data-bs-parent": t.alwaysOpen ? void 0 : `#${u.value}`
-		}, [o("div", mt, [D(n.$slots, "content", {
+		}, [o("div", pt, [D(n.$slots, "content", {
 			item: e,
 			index: r
-		}, () => [s(A(e.content), 1)])])], 8, pt)]))), 128))], 10, ut));
+		}, () => [s(A(e.content), 1)])])], 8, ft)]))), 128))], 10, lt));
 	}
-}), gt = /* @__PURE__ */ c({
+}), ht = /* @__PURE__ */ c({
 	__name: "VibeCollapse",
 	props: {
 		id: {
@@ -2037,7 +2037,7 @@ var ut = ["id"], dt = { class: "accordion-header" }, ft = [
 		"component-error"
 	],
 	setup(e, { emit: t }) {
-		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 = () => {
+		let i = J("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 = !1, v = null, b = () => {
 			f.value = !0, o("show");
 		}, S = () => {
 			o("shown"), o("update:modelValue", !0);
@@ -2088,7 +2088,7 @@ var ut = ["id"], dt = { class: "accordion-header" }, ft = [
 			_: 3
 		}, 8, ["id", "class"]));
 	}
-}), _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({
+}), 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({
 	__name: "VibeDropdown",
 	props: {
 		id: {
@@ -2137,7 +2137,7 @@ var ut = ["id"], dt = { class: "accordion-header" }, ft = [
 		"component-error"
 	],
 	setup(t, { expose: i, emit: c }) {
-		let l = q("dropdown"), u = t, d = c, f = n(() => u.id || l), p = T(null), h = k(null), g = null, v = !1, b = !1, S = !1, C = n(() => u.direction === "up" ? "dropup" : u.direction === "end" ? "dropend" : u.direction === "start" ? "dropstart" : "dropdown"), w = n(() => {
+		let l = J("dropdown"), u = t, d = c, f = n(() => u.id || l), p = T(null), h = k(null), g = null, v = !1, b = !1, S = !1, C = n(() => u.direction === "up" ? "dropup" : u.direction === "end" ? "dropend" : u.direction === "start" ? "dropstart" : "dropdown"), w = n(() => {
 			let e = ["btn", `btn-${u.variant}`];
 			return u.size && e.push(`btn-${u.size}`), e.join(" ");
 		}), M = n(() => {
@@ -2207,7 +2207,7 @@ var ut = ["id"], dt = { class: "accordion-header" }, ft = [
 			"data-bs-toggle": "dropdown",
 			"aria-expanded": "false",
 			"data-bs-auto-close": t.autoClose
-		}, [...i[0] ||= [o("span", { class: "visually-hidden" }, "Toggle Dropdown", -1)]], 10, vt)], 64)) : (x(), a("button", {
+		}, [...i[0] ||= [o("span", { class: "visually-hidden" }, "Toggle Dropdown", -1)]], 10, _t)], 64)) : (x(), a("button", {
 			key: 0,
 			id: f.value,
 			class: m([w.value, "dropdown-toggle"]),
@@ -2215,15 +2215,15 @@ var ut = ["id"], dt = { class: "accordion-header" }, ft = [
 			"data-bs-toggle": "dropdown",
 			"aria-expanded": "false",
 			"data-bs-auto-close": t.autoClose
-		}, [D(n.$slots, "button", {}, () => [s(A(t.text), 1)])], 10, _t)), o("ul", {
+		}, [D(n.$slots, "button", {}, () => [s(A(t.text), 1)])], 10, gt)), 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 || 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", {
+		}, [(x(!0), a(e, null, E(t.items, (t, c) => (x(), a(e, { key: t.text || t.href || j(Ae)(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", {
 			item: t,
 			index: c
-		}, () => [s(A(t.text), 1)])])])) : (x(), a("li", Ct, [(x(), r(O(j(G)(t.href) ? "a" : t.to ? "router-link" : "button"), {
+		}, () => [s(A(t.text), 1)])])])) : (x(), a("li", St, [(x(), r(O(j(K)(t.href) ? "a" : t.to ? "router-link" : "button"), {
 			class: m(N(t)),
-			href: j(G)(t.href),
+			href: j(K)(t.href),
 			to: t.to,
 			type: !t.href && !t.to ? "button" : void 0,
 			disabled: t.disabled,
@@ -2241,43 +2241,43 @@ var ut = ["id"], dt = { class: "accordion-header" }, ft = [
 			"type",
 			"disabled",
 			"onClick"
-		]))]))], 64))), 128))], 10, yt)], 2));
+		]))]))], 64))), 128))], 10, vt)], 2));
 	}
-}), Tt = [];
-function Et(e) {
-	if (Tt.length > 0) {
+}), wt = [];
+function Tt(e) {
+	if (wt.length > 0) {
 		e.preventDefault();
-		let t = Tt.pop();
+		let t = wt.pop();
 		t && t.action();
 	}
 }
-function Dt(e) {
+function Et(e) {
 	let t = Symbol();
 	y(() => {
-		Tt.push({
+		wt.push({
 			token: t,
 			action: e
-		}), Tt.length === 1 && typeof document < "u" && document.addEventListener("backbutton", Et);
+		}), wt.length === 1 && typeof document < "u" && document.addEventListener("backbutton", Tt);
 	}), b(() => {
-		let e = Tt.findIndex((e) => e.token === t);
-		e !== -1 && Tt.splice(e, 1), Tt.length === 0 && typeof document < "u" && document.removeEventListener("backbutton", Et);
+		let e = wt.findIndex((e) => e.token === t);
+		e !== -1 && wt.splice(e, 1), wt.length === 0 && typeof document < "u" && document.removeEventListener("backbutton", Tt);
 	});
 }
 //#endregion
 //#region src/components/VibeModal.vue?vue&type=script&setup=true&lang.ts
-var Ot = [
+var Dt = [
 	"id",
 	"aria-labelledby",
 	"aria-hidden",
 	"data-bs-backdrop",
 	"data-bs-keyboard"
-], kt = { class: "modal-content" }, At = {
+], Ot = { class: "modal-content" }, kt = {
 	key: 0,
 	class: "modal-header"
-}, jt = ["id"], Mt = { class: "modal-body" }, Nt = {
+}, At = ["id"], jt = { class: "modal-body" }, Mt = {
 	key: 1,
 	class: "modal-footer"
-}, Pt = "a[href], button:not([disabled]), input:not([disabled]),select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])", Ft = /*#__PURE__*/ W(/* @__PURE__ */ c({
+}, Nt = "a[href], button:not([disabled]), input:not([disabled]),select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])", Pt = /*#__PURE__*/ G(/* @__PURE__ */ c({
 	__name: "VibeModal",
 	props: {
 		id: {
@@ -2342,9 +2342,9 @@ var Ot = [
 		"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 = [];
+		let u = J("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)) : [];
+			return h.value ? Array.from(h.value.querySelectorAll(Nt)) : [];
 		}
 		function w(e) {
 			if (!v.value) return;
@@ -2376,7 +2376,7 @@ var Ot = [
 		}), F = () => {
 			typeof document < "u" && (b = document.activeElement), f("show");
 		}, 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();
+			v.value = !0, f("shown"), f("update:modelValue", !0), E(), d.autoFocus && h.value && (h.value.querySelector("input:not([type=\"hidden\"]):not([disabled]), select:not([disabled]), textarea:not([disabled])") ?? C()[0])?.focus();
 		}, R = () => {
 			f("hide");
 		}, z = () => {
@@ -2417,12 +2417,12 @@ var Ot = [
 		}), I(() => d.modelValue, (e) => {
 			g.value && (e && !v.value ? g.value.show() : !e && v.value && g.value.hide());
 		}), I(() => d.staticBackdrop, H);
-		let ee = () => g.value?.show(), te = () => g.value?.hide();
-		return Dt(() => {
-			v.value && te();
+		let U = () => g.value?.show(), ee = () => g.value?.hide();
+		return Et(() => {
+			v.value && ee();
 		}), c({
-			show: ee,
-			hide: te,
+			show: U,
+			hide: ee,
 			handleUpdate: () => g.value?.handleUpdate(),
 			_unsafe_bsInstance: g
 		}), (n, c) => (x(), r(t, {
@@ -2438,30 +2438,30 @@ var Ot = [
 			"aria-hidden": v.value ? void 0 : "true",
 			"data-bs-backdrop": e.staticBackdrop ? "static" : void 0,
 			"data-bs-keyboard": !e.staticBackdrop
-		}, [o("div", { class: m(P.value) }, [o("div", kt, [
-			e.hideHeader ? i("", !0) : (x(), a("div", At, [o("h5", {
+		}, [o("div", { class: m(P.value) }, [o("div", Ot, [
+			e.hideHeader ? i("", !0) : (x(), a("div", kt, [o("h5", {
 				id: `${p.value}-label`,
 				class: "modal-title"
-			}, [D(n.$slots, "header", {}, () => [s(A(e.title), 1)], !0)], 8, jt), o("button", {
+			}, [D(n.$slots, "header", {}, () => [s(A(e.title), 1)], !0)], 8, At), o("button", {
 				type: "button",
 				class: "btn-close",
 				"aria-label": "Close",
-				onClick: te
+				onClick: ee
 			})])),
-			o("div", Mt, [D(n.$slots, "default", {}, void 0, !0)]),
-			e.hideFooter ? i("", !0) : (x(), a("div", Nt, [D(n.$slots, "footer", {}, () => [o("button", {
+			o("div", jt, [D(n.$slots, "default", {}, void 0, !0)]),
+			e.hideFooter ? i("", !0) : (x(), a("div", Mt, [D(n.$slots, "footer", {}, () => [o("button", {
 				type: "button",
 				class: "btn btn-secondary",
-				onClick: te
+				onClick: ee
 			}, "Close")], !0)]))
-		])], 2)], 8, Ot)], 8, ["to", "disabled"]));
+		])], 2)], 8, Dt)], 8, ["to", "disabled"]));
 	}
-}), [["__scopeId", "data-v-37f40a50"]]), It = [
+}), [["__scopeId", "data-v-08f7036a"]]), Ft = [
 	"id",
 	"aria-labelledby",
 	"data-bs-backdrop",
 	"data-bs-scroll"
-], Lt = { class: "offcanvas-header" }, Rt = ["id"], zt = { class: "offcanvas-body" }, Bt = /*#__PURE__*/ W(/* @__PURE__ */ c({
+], It = { class: "offcanvas-header" }, Lt = ["id"], Rt = { class: "offcanvas-body" }, zt = /*#__PURE__*/ G(/* @__PURE__ */ c({
 	__name: "VibeOffcanvas",
 	props: {
 		id: {
@@ -2502,7 +2502,7 @@ var Ot = [
 		"component-error"
 	],
 	setup(e, { expose: i, emit: a }) {
-		let c = q("offcanvas"), l = e, u = a, d = n(() => l.id || c), f = T(null), p = k(null), h = T(!1), g = !1, v = !1, b = !1, S = null, C = n(() => `offcanvas offcanvas-${l.placement}`), w = () => {
+		let c = J("offcanvas"), l = e, u = a, d = n(() => l.id || c), f = T(null), p = k(null), h = T(!1), g = !1, v = !1, b = !1, S = null, C = n(() => `offcanvas offcanvas-${l.placement}`), w = () => {
 			typeof document < "u" && (S = document.activeElement), u("show");
 		}, E = () => {
 			h.value = !0, u("shown"), u("update:modelValue", !0);
@@ -2551,7 +2551,7 @@ var Ot = [
 			() => l.scroll
 		], P);
 		let F = () => p.value?.show(), L = () => p.value?.hide();
-		return Dt(() => {
+		return Et(() => {
 			h.value && L();
 		}), i({
 			show: F,
@@ -2569,23 +2569,23 @@ var Ot = [
 			"aria-labelledby": `${d.value}-label`,
 			"data-bs-backdrop": e.backdrop === !1 ? "false" : e.backdrop === "static" ? "static" : "true",
 			"data-bs-scroll": e.scroll
-		}, [o("div", Lt, [o("h5", {
+		}, [o("div", It, [o("h5", {
 			id: `${d.value}-label`,
 			class: "offcanvas-title"
-		}, [D(n.$slots, "header", {}, () => [s(A(e.title), 1)], !0)], 8, Rt), o("button", {
+		}, [D(n.$slots, "header", {}, () => [s(A(e.title), 1)], !0)], 8, Lt), o("button", {
 			type: "button",
 			class: "btn-close",
 			"aria-label": "Close",
 			onClick: L
-		})]), o("div", zt, [D(n.$slots, "default", {}, void 0, !0)])], 10, It)], 8, ["to", "disabled"]));
+		})]), o("div", Rt, [D(n.$slots, "default", {}, void 0, !0)])], 10, Ft)], 8, ["to", "disabled"]));
 	}
-}), [["__scopeId", "data-v-417d55a1"]]), Vt = {
+}), [["__scopeId", "data-v-417d55a1"]]), Bt = {
 	key: 0,
 	class: "toast-header"
-}, Ht = { class: "me-auto" }, Ut = { class: "toast-body" }, Wt = {
+}, Vt = { class: "me-auto" }, Ht = { class: "toast-body" }, Ut = {
 	key: 0,
 	class: "toast-header"
-}, Gt = { class: "me-auto" }, Kt = { class: "toast-body" }, qt = /* @__PURE__ */ c({
+}, Wt = { class: "me-auto" }, Gt = { class: "toast-body" }, Kt = /* @__PURE__ */ c({
 	__name: "VibeToast",
 	props: {
 		id: {
@@ -2634,7 +2634,7 @@ var Ot = [
 		"component-error"
 	],
 	setup(e, { expose: s, emit: c }) {
-		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 l = J("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(" ");
 		}), S = n(() => {
@@ -2688,11 +2688,11 @@ var Ot = [
 			hide: L,
 			_unsafe_bsInstance: g
 		});
-		let R = n(() => ({
+		let R = n(() => u.variant === "danger" || u.variant === "warning"), z = n(() => ({
 			id: p.value,
 			class: b.value,
-			role: "alert",
-			"aria-live": "assertive",
+			role: R.value ? "alert" : "status",
+			"aria-live": R.value ? "assertive" : "polite",
 			"aria-atomic": "true",
 			"data-bs-autohide": u.autohide,
 			"data-bs-delay": u.delay
@@ -2704,27 +2704,27 @@ var Ot = [
 			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", {
+		}, z.value), [e.title || n.$slots.header ? (x(), a("div", Ut, [D(n.$slots, "header", {}, () => [o("strong", Wt, A(e.title), 1)]), o("button", {
 			type: "button",
 			class: "btn-close",
 			"aria-label": "Close",
 			onClick: L
-		})])) : i("", !0), o("div", Kt, [D(n.$slots, "default")])], 16)) : (x(), a("div", {
+		})])) : i("", !0), o("div", Gt, [D(n.$slots, "default")])], 16)) : (x(), a("div", {
 			key: 0,
 			class: m(S.value),
 			style: { "z-index": "1090" }
 		}, [o("div", f({
 			ref_key: "toastRef",
 			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", {
+		}, z.value), [e.title || n.$slots.header ? (x(), a("div", Bt, [D(n.$slots, "header", {}, () => [o("strong", Vt, A(e.title), 1)]), o("button", {
 			type: "button",
 			class: "btn-close",
 			"aria-label": "Close",
 			onClick: L
-		})])) : i("", !0), o("div", Ut, [D(n.$slots, "default")])], 16)], 2))], 8, ["to", "disabled"]));
+		})])) : i("", !0), o("div", Ht, [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);
+}), qt = C({ toasts: [] }), Jt = /* @__PURE__ */ new Map(), Yt = 0, Xt = () => (Yt += 1, `vibe-toast-${Yt}`), Zt = (e, t) => {
+	let n = t.id ?? Xt(), r = Jt.get(n);
 	if (r) return Object.assign(r, {
 		body: e,
 		title: t.title,
@@ -2742,53 +2742,53 @@ var Ot = [
 		autohide: t.autohide,
 		delay: t.delay
 	};
-	return Yt.set(n, i), Jt.toasts.push(i), i;
-}, $t = (e) => {
-	if (!Yt.has(e)) return !1;
-	Yt.delete(e);
-	let t = Jt.toasts.findIndex((t) => t.id === e);
-	return t !== -1 && Jt.toasts.splice(t, 1), !0;
-}, en = () => {
-	Yt.clear(), Jt.toasts.splice(0, Jt.toasts.length);
+	return Jt.set(n, i), qt.toasts.push(i), i;
+}, Qt = (e) => {
+	if (!Jt.has(e)) return !1;
+	Jt.delete(e);
+	let t = qt.toasts.findIndex((t) => t.id === e);
+	return t !== -1 && qt.toasts.splice(t, 1), !0;
+}, $t = () => {
+	Jt.clear(), qt.toasts.splice(0, qt.toasts.length);
 };
-function tn() {
+function en() {
 	return {
 		get toasts() {
-			return w(Jt.toasts);
+			return w(qt.toasts);
 		},
-		show: (e, t = {}) => Qt(e, t),
-		success: (e, t = {}) => Qt(e, {
+		show: (e, t = {}) => Zt(e, t),
+		success: (e, t = {}) => Zt(e, {
 			...t,
 			variant: "success"
 		}),
-		error: (e, t = {}) => Qt(e, {
+		error: (e, t = {}) => Zt(e, {
 			...t,
 			variant: "danger"
 		}),
-		warn: (e, t = {}) => Qt(e, {
+		warn: (e, t = {}) => Zt(e, {
 			...t,
 			variant: "warning"
 		}),
-		info: (e, t = {}) => Qt(e, {
+		info: (e, t = {}) => Zt(e, {
 			...t,
 			variant: "info"
 		}),
-		dismiss: $t,
-		clear: en
+		dismiss: Qt,
+		clear: $t
 	};
 }
-var nn = () => {
-	en(), Xt = 0;
-}, rn = Jt, an = /* @__PURE__ */ c({
+var tn = () => {
+	$t(), Yt = 0;
+}, nn = qt, rn = /* @__PURE__ */ c({
 	__name: "VibeToastHost",
 	props: { defaultPlacement: {
 		type: String,
 		default: "top-end"
 	} },
 	setup(i) {
-		let o = i, { dismiss: c } = tn(), l = n(() => {
+		let o = i, { dismiss: c } = en(), l = n(() => {
 			let e = /* @__PURE__ */ new Map();
-			for (let t of rn.toasts) {
+			for (let t of nn.toasts) {
 				let n = t.placement ?? o.defaultPlacement, r = e.get(n);
 				r ? r.push(t) : e.set(n, [t]);
 			}
@@ -2808,7 +2808,7 @@ var nn = () => {
 			key: t.placement,
 			class: m(u(t.placement)),
 			style: { "z-index": "1090" }
-		}, [(x(!0), a(e, null, E(t.toasts, (e) => (x(), r(qt, {
+		}, [(x(!0), a(e, null, E(t.toasts, (e) => (x(), r(Kt, {
 			key: e.id,
 			"no-container": "",
 			"model-value": !0,
@@ -2830,7 +2830,7 @@ var nn = () => {
 			"onHidden"
 		]))), 128))], 2))), 128))]));
 	}
-}), on = [
+}), an = [
 	"id",
 	"data-bs-ride",
 	"data-bs-interval",
@@ -2838,18 +2838,18 @@ var nn = () => {
 	"data-bs-pause",
 	"data-bs-wrap",
 	"data-bs-touch"
-], sn = {
+], on = {
 	key: 0,
 	class: "carousel-indicators"
-}, cn = [
+}, sn = [
 	"data-bs-target",
 	"data-bs-slide-to",
 	"aria-current",
 	"aria-label"
-], ln = { class: "carousel-inner" }, un = ["data-bs-interval"], dn = ["src", "alt"], fn = {
+], cn = { class: "carousel-inner" }, ln = ["data-bs-interval"], un = ["src", "alt"], dn = {
 	key: 1,
 	class: "carousel-caption d-none d-md-block"
-}, pn = { key: 0 }, mn = { key: 1 }, hn = ["data-bs-target"], gn = ["data-bs-target"], _n = /* @__PURE__ */ c({
+}, fn = { key: 0 }, pn = { key: 1 }, mn = ["data-bs-target"], hn = ["data-bs-target"], gn = /* @__PURE__ */ c({
 	__name: "VibeCarousel",
 	props: {
 		id: {
@@ -2912,7 +2912,7 @@ var nn = () => {
 		"component-error"
 	],
 	setup(t, { expose: r, emit: s }) {
-		let c = q("carousel"), l = t, u = s, d = T(null), f = k(null), h = T(l.modelValue), g = n(() => l.id || c), v = !1, b = n(() => {
+		let c = J("carousel"), l = t, u = s, d = T(null), f = k(null), h = T(l.modelValue), g = n(() => l.id || c), v = !1, b = n(() => {
 			let e = ["carousel", "slide"];
 			return l.dark && e.push("carousel-dark"), l.fade && e.push("carousel-fade"), e.join(" ");
 		}), S = (e) => {
@@ -2969,7 +2969,7 @@ var nn = () => {
 			"data-bs-wrap": t.wrap,
 			"data-bs-touch": t.touch
 		}, [
-			t.indicators ? (x(), a("div", sn, [(x(!0), a(e, null, E(t.items, (e, t) => (x(), a("button", {
+			t.indicators ? (x(), a("div", on, [(x(!0), a(e, null, E(t.items, (e, t) => (x(), a("button", {
 				key: e.src ?? t,
 				type: "button",
 				"data-bs-target": `#${g.value}`,
@@ -2977,8 +2977,8 @@ var nn = () => {
 				class: m({ active: t === h.value }),
 				"aria-current": t === h.value,
 				"aria-label": `Slide ${t + 1}`
-			}, null, 10, cn))), 128))])) : i("", !0),
-			o("div", ln, [(x(!0), a(e, null, E(t.items, (e, t) => (x(), a("div", {
+			}, null, 10, sn))), 128))])) : i("", !0),
+			o("div", cn, [(x(!0), a(e, null, E(t.items, (e, t) => (x(), a("div", {
 				key: e.src ?? t,
 				class: m(["carousel-item", { active: t === h.value }]),
 				"data-bs-interval": e.interval
@@ -2987,10 +2987,10 @@ var nn = () => {
 				src: e.src,
 				alt: M(e, t),
 				class: "d-block w-100"
-			}, null, 8, dn)) : i("", !0), e.caption || e.captionText || n.$slots.caption ? (x(), a("div", fn, [D(n.$slots, "caption", {
+			}, null, 8, un)) : i("", !0), e.caption || e.captionText || n.$slots.caption ? (x(), a("div", dn, [D(n.$slots, "caption", {
 				item: e,
 				index: t
-			}, () => [e.caption ? (x(), a("h5", pn, A(e.caption), 1)) : i("", !0), e.captionText ? (x(), a("p", mn, A(e.captionText), 1)) : i("", !0)])])) : i("", !0)], 10, un))), 128))]),
+			}, () => [e.caption ? (x(), a("h5", fn, A(e.caption), 1)) : i("", !0), e.captionText ? (x(), a("p", pn, A(e.captionText), 1)) : i("", !0)])])) : i("", !0)], 10, ln))), 128))]),
 			t.controls ? (x(), a(e, { key: 1 }, [o("button", {
 				class: "carousel-control-prev",
 				type: "button",
@@ -2999,7 +2999,7 @@ var nn = () => {
 			}, [...r[0] ||= [o("span", {
 				class: "carousel-control-prev-icon",
 				"aria-hidden": "true"
-			}, null, -1), o("span", { class: "visually-hidden" }, "Previous", -1)]], 8, hn), o("button", {
+			}, null, -1), o("span", { class: "visually-hidden" }, "Previous", -1)]], 8, mn), o("button", {
 				class: "carousel-control-next",
 				type: "button",
 				"data-bs-target": `#${g.value}`,
@@ -3007,14 +3007,14 @@ var nn = () => {
 			}, [...r[1] ||= [o("span", {
 				class: "carousel-control-next-icon",
 				"aria-hidden": "true"
-			}, null, -1), o("span", { class: "visually-hidden" }, "Next", -1)]], 8, gn)], 64)) : i("", !0)
-		], 10, on));
+			}, null, -1), o("span", { class: "visually-hidden" }, "Next", -1)]], 8, hn)], 64)) : i("", !0)
+		], 10, an));
 	}
-}), vn = [
+}), _n = [
 	"data-bs-placement",
 	"data-bs-title",
 	"data-bs-trigger"
-], yn = /* @__PURE__ */ c({
+], vn = /* @__PURE__ */ c({
 	__name: "VibeTooltip",
 	props: {
 		content: {
@@ -3076,14 +3076,14 @@ var nn = () => {
 			"data-bs-placement": e.placement,
 			"data-bs-title": e.text || e.content,
 			"data-bs-trigger": d.value
-		}, [D(t.$slots, "default")], 8, vn));
+		}, [D(t.$slots, "default")], 8, _n));
 	}
-}), bn = [
+}), yn = [
 	"data-bs-placement",
 	"data-bs-title",
 	"data-bs-content",
 	"data-bs-trigger"
-], xn = /* @__PURE__ */ c({
+], bn = /* @__PURE__ */ c({
 	__name: "VibePopover",
 	props: {
 		title: {
@@ -3156,9 +3156,9 @@ var nn = () => {
 			"data-bs-title": e.title,
 			"data-bs-content": e.text || e.content,
 			"data-bs-trigger": d.value
-		}, [D(t.$slots, "default")], 8, bn));
+		}, [D(t.$slots, "default")], 8, yn));
 	}
-}), Sn = /* @__PURE__ */ c({
+}), xn = /* @__PURE__ */ c({
 	__name: "VibeScrollspy",
 	props: {
 		target: {
@@ -3229,7 +3229,7 @@ var nn = () => {
 		}), _(() => {
 			u = !0, s.value && s.value.removeEventListener("activate.bs.scrollspy", d), c.value &&= (c.value.dispose(), null);
 		});
-		let m = n(() => Ce(a.height) ?? "100%"), v = () => c.value?.refresh();
+		let m = n(() => Se(a.height) ?? "100%"), v = () => c.value?.refresh();
 		return g(v), t({ refresh: v }), (t, n) => (x(), r(O(e.tag), {
 			ref_key: "scrollspyRef",
 			ref: s,
@@ -3255,11 +3255,11 @@ var nn = () => {
 			"style"
 		]));
 	}
-}), Cn = [
+}), Sn = [
 	"aria-hidden",
 	"aria-label",
 	"role"
-], wn = /* @__PURE__ */ c({
+], Cn = /* @__PURE__ */ c({
 	__name: "VibeIcon",
 	props: {
 		icon: {
@@ -3314,7 +3314,7 @@ var nn = () => {
 				userSelect: "none"
 			};
 			if (r.fontSize) {
-				let t = Ce(r.fontSize);
+				let t = Se(r.fontSize);
 				t && (e.fontSize = t);
 			} else if (r.size) {
 				let t = {
@@ -3329,7 +3329,7 @@ var nn = () => {
 				t[r.size] && (e.fontSize = t[r.size]);
 			}
 			if (r.color) {
-				let t = we(r.color);
+				let t = Ce(r.color);
 				t && (e.color = t);
 			}
 			let t = [];
@@ -3344,9 +3344,9 @@ var nn = () => {
 			"aria-label": e.ariaLabel,
 			role: e.ariaLabel ? "img" : void 0,
 			onClick: c
-		}, null, 14, Cn));
+		}, null, 14, Sn));
 	}
-}), Tn = [
+}), wn = [
 	"--bs-primary",
 	"--bs-success",
 	"--bs-danger",
@@ -3356,17 +3356,17 @@ var nn = () => {
 	"--bs-dark",
 	"--bs-light"
 ];
-function En(e, t) {
+function Tn(e, t) {
 	let n = getComputedStyle(t);
-	return e.map((e, t) => e.color ?? n.getPropertyValue(Tn[t % Tn.length]).trim());
+	return e.map((e, t) => e.color ?? n.getPropertyValue(wn[t % wn.length]).trim());
 }
-function Dn(e, t) {
+function En(e, t) {
 	let n = getComputedStyle(t);
-	return Array.from({ length: e }, (e, t) => n.getPropertyValue(Tn[t % Tn.length]).trim());
+	return Array.from({ length: e }, (e, t) => n.getPropertyValue(wn[t % wn.length]).trim());
 }
 //#endregion
 //#region src/components/chart/chartResize.ts
-function On(e, t, n) {
+function Dn(e, t, n) {
 	let r = null, i = null;
 	y(() => {
 		if (typeof ResizeObserver > "u") return;
@@ -3384,10 +3384,10 @@ function On(e, t, n) {
 }
 //#endregion
 //#region src/components/chart/chartTooltip.ts
-function kn(e, t) {
+function On(e, t) {
 	return e === null && t === null ? !0 : e === null || t === null ? !1 : e.datasetIndex === t.datasetIndex && e.pointIndex === t.pointIndex;
 }
-function An(e, t, n) {
+function kn(e, t, n) {
 	let r = null, i = document.createElement("canvas");
 	i.style.cssText = "position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none", e.appendChild(i);
 	let a = () => {
@@ -3406,7 +3406,7 @@ function An(e, t, n) {
 		e && e.clearRect(0, 0, i.width, i.height);
 	}, c = (e) => {
 		let i = t.getBoundingClientRect(), a = e.clientX - i.left, c = e.clientY - i.top, l = n(a, c);
-		kn(l, r) || (r = l, l ? o(l, a, c, i) : s());
+		On(l, r) || (r = l, l ? o(l, a, c, i) : s());
 	}, l = () => {
 		r !== null && (r = null, s());
 	};
@@ -3416,8 +3416,8 @@ function An(e, t, n) {
 }
 //#endregion
 //#region src/components/chart/drawLine.ts
-var jn = 5, Mn = 4, Nn = 12;
-function Pn(e) {
+var An = 5, jn = 4, Mn = 12;
+function Nn(e) {
 	return e ? {
 		left: 50,
 		right: 10,
@@ -3430,22 +3430,22 @@ function Pn(e) {
 		bottom: 10
 	};
 }
-function Fn(e, t, n, r, i, a, o, s, c) {
-	let l = Pn(a), u = n - l.left - l.right, d = r - l.top - l.bottom, f = t.datasets.flatMap((e) => e.data);
+function Pn(e, t, n, r, i, a, o, s, c) {
+	let l = Nn(a), u = n - l.left - l.right, d = r - l.top - l.bottom, f = t.datasets.flatMap((e) => e.data);
 	if (f.length === 0) return;
 	let p = f.reduce((e, t) => Math.min(e, t), f[0]), m = f.reduce((e, t) => Math.max(e, t), f[0]) - p || 1, h = t.labels.length, g = u / Math.max(h - 1, 1), _ = (e) => l.left + e * g, v = (e) => l.top + d - (e - p) / m * d;
 	if (e.clearRect(0, 0, n, r), o) {
 		e.strokeStyle = "rgba(0,0,0,0.1)", e.lineWidth = 1, e.setLineDash([4, 4]);
-		for (let t = 0; t <= jn; t++) {
-			let n = l.top + d / jn * t;
+		for (let t = 0; t <= An; t++) {
+			let n = l.top + d / An * t;
 			e.beginPath(), e.moveTo(l.left, n), e.lineTo(l.left + u, n), e.stroke();
 		}
 		e.setLineDash([]);
 	}
 	if (a) {
 		e.save(), e.strokeStyle = "#666", e.lineWidth = 1, e.beginPath(), e.moveTo(l.left, l.top), e.lineTo(l.left, l.top + d), e.stroke(), e.beginPath(), e.moveTo(l.left, l.top + d), e.lineTo(l.left + u, l.top + d), e.stroke(), e.fillStyle = "#666", e.font = "11px sans-serif", e.textAlign = "center", t.labels.forEach((t, n) => e.fillText(String(t), _(n), l.top + d + 18)), e.textAlign = "right";
-		for (let t = 0; t <= jn; t++) {
-			let n = p + m / jn * (jn - t), r = l.top + d / jn * t;
+		for (let t = 0; t <= An; t++) {
+			let n = p + m / An * (An - t), r = l.top + d / An * t;
 			e.fillText(n.toFixed(0), l.left - 5, r + 4);
 		}
 		e.restore();
@@ -3464,11 +3464,11 @@ function Fn(e, t, n, r, i, a, o, s, c) {
 			});
 		};
 		c && r.data.length > 0 && (e.beginPath(), a(!0), e.lineTo(_(r.data.length - 1), l.top + d), e.lineTo(_(0), l.top + d), e.closePath(), e.fillStyle = `${t}33`, e.fill()), e.strokeStyle = t, e.lineWidth = 2, e.beginPath(), a(!0), e.stroke(), e.fillStyle = t, r.data.forEach((t, n) => {
-			e.beginPath(), e.arc(_(n), v(t), Mn, 0, Math.PI * 2), e.fill();
+			e.beginPath(), e.arc(_(n), v(t), jn, 0, Math.PI * 2), e.fill();
 		});
 	}
 }
-function In(e) {
+function Fn(e) {
 	let t = e.datasets.flatMap((e) => e.data);
 	if (t.length === 0) return null;
 	let n = t.reduce((e, t) => Math.min(e, t), t[0]), r = t.reduce((e, t) => Math.max(e, t), t[0]);
@@ -3478,11 +3478,11 @@ function In(e) {
 		range: r - n || 1
 	};
 }
-function Ln(e, t, n, r, i, a, o) {
-	let s = Pn(a), c = r - s.left - s.right, l = i - s.top - s.bottom;
+function In(e, t, n, r, i, a, o) {
+	let s = Nn(a), c = r - s.left - s.right, l = i - s.top - s.bottom;
 	if (!o) return null;
 	let u = o.min, d = o.range, f = n.labels.length, p = c / Math.max(f - 1, 1), m = (e) => s.left + e * p, h = (e) => s.top + l - (e - u) / d * l;
-	for (let [r, i] of n.datasets.entries()) for (let [a, o] of i.data.entries()) if (Math.hypot(e - m(a), t - h(o)) <= Nn) return {
+	for (let [r, i] of n.datasets.entries()) for (let [a, o] of i.data.entries()) if (Math.hypot(e - m(a), t - h(o)) <= Mn) return {
 		datasetIndex: r,
 		pointIndex: a,
 		value: o,
@@ -3492,13 +3492,13 @@ function Ln(e, t, n, r, i, a, o) {
 }
 //#endregion
 //#region src/components/VibeChartLine.vue?vue&type=script&setup=true&lang.ts
-var Rn = { class: "vibe-chart" }, zn = {
+var Ln = { class: "vibe-chart" }, Rn = {
 	key: 0,
 	class: "vibe-chart-legend vibe-chart-legend--top"
-}, Bn = {
+}, zn = {
 	key: 1,
 	class: "vibe-chart-legend vibe-chart-legend--bottom"
-}, Vn = /*#__PURE__*/ W(/* @__PURE__ */ c({
+}, Bn = /*#__PURE__*/ G(/* @__PURE__ */ c({
 	__name: "VibeChartLine",
 	props: {
 		data: {
@@ -3539,20 +3539,20 @@ var Rn = { class: "vibe-chart" }, zn = {
 			height: typeof r.height == "number" ? `${r.height}px` : r.height
 		}), m = T([]);
 		function g() {
-			m.value = c.value ? En(r.data.datasets, c.value) : [];
+			m.value = c.value ? Tn(r.data.datasets, c.value) : [];
 		}
 		let _ = null;
 		function v() {
-			if (g(), _ = In(r.data), !l.value || !d || !f) return;
+			if (g(), _ = Fn(r.data), !l.value || !d || !f) return;
 			let e = l.value, t = e.getContext("2d");
 			if (!t) return;
 			let n = window.devicePixelRatio || 1, i = Math.round(d * n), a = Math.round(f * n);
-			(e.width !== i || e.height !== a) && (e.width = i, e.height = a), t.setTransform(n, 0, 0, n, 0, 0), Fn(t, r.data, d, f, m.value, r.showAxes, r.showGrid, r.smooth, r.fill);
+			(e.width !== i || e.height !== a) && (e.width = i, e.height = a), t.setTransform(n, 0, 0, n, 0, 0), Pn(t, r.data, d, f, m.value, r.showAxes, r.showGrid, r.smooth, r.fill);
 		}
-		return On(c, l, (e, t) => {
+		return Dn(c, l, (e, t) => {
 			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, _)));
+			g(), _ = Fn(r.data), c.value && l.value && (u = kn(c.value, l.value, (e, t) => In(e, t, r.data, d, f, r.showAxes, _)));
 		}), I(() => r.data, v), I([
 			() => r.showAxes,
 			() => r.showGrid,
@@ -3560,8 +3560,8 @@ var Rn = { class: "vibe-chart" }, zn = {
 			() => r.fill
 		], v), b(() => {
 			u?.();
-		}), (n, r) => (x(), a("div", Rn, [
-			t.legend === "top" ? (x(), a("div", zn, [(x(!0), a(e, null, E(t.data.datasets, (e, t) => (x(), a("span", {
+		}), (n, r) => (x(), a("div", Ln, [
+			t.legend === "top" ? (x(), a("div", Rn, [(x(!0), a(e, null, E(t.data.datasets, (e, t) => (x(), a("span", {
 				key: e.label ?? t,
 				class: "vibe-chart-legend-item"
 			}, [o("span", {
@@ -3584,7 +3584,7 @@ var Rn = { class: "vibe-chart" }, zn = {
 					height: "100%"
 				}
 			}, null, 512)], 4),
-			t.legend === "bottom" ? (x(), a("div", Bn, [(x(!0), a(e, null, E(t.data.datasets, (e, t) => (x(), a("span", {
+			t.legend === "bottom" ? (x(), a("div", zn, [(x(!0), a(e, null, E(t.data.datasets, (e, t) => (x(), a("span", {
 				key: e.label ?? t,
 				class: "vibe-chart-legend-item"
 			}, [o("span", {
@@ -3593,8 +3593,8 @@ var Rn = { class: "vibe-chart" }, zn = {
 			}, null, 4), s(" " + A(e.label), 1)]))), 128))])) : i("", !0)
 		]));
 	}
-}), [["__scopeId", "data-v-d995a6f3"]]), Hn = 5, Un = .2;
-function Wn(e) {
+}), [["__scopeId", "data-v-d995a6f3"]]), Vn = 5, Hn = .2;
+function Un(e) {
 	return e ? {
 		left: 50,
 		right: 10,
@@ -3607,15 +3607,15 @@ function Wn(e) {
 		bottom: 10
 	};
 }
-function Gn(e, t) {
+function Wn(e, t) {
 	return t ? e.labels.map((t, n) => e.datasets.reduce((e, t) => e + (t.data[n] ?? 0), 0)).reduce((e, t) => Math.max(e, t), 0) || 1 : e.datasets.flatMap((e) => e.data).reduce((e, t) => Math.max(e, t), 0) || 1;
 }
-function Kn(e, t, n, r, i, a, o, s) {
-	let c = Wn(a), l = n - c.left - c.right, u = r - c.top - c.bottom, d = t.labels.length, f = t.datasets.length, p = Gn(t, s), m = l / d, h = s ? m * (1 - Un) : m * (1 - Un) / f;
+function Gn(e, t, n, r, i, a, o, s) {
+	let c = Un(a), l = n - c.left - c.right, u = r - c.top - c.bottom, d = t.labels.length, f = t.datasets.length, p = Wn(t, s), m = l / d, h = s ? m * (1 - Hn) : m * (1 - Hn) / f;
 	if (e.clearRect(0, 0, n, r), o) {
 		e.strokeStyle = "rgba(0,0,0,0.1)", e.lineWidth = 1, e.setLineDash([4, 4]);
-		for (let t = 1; t <= Hn; t++) {
-			let n = c.top + u / Hn * t;
+		for (let t = 1; t <= Vn; t++) {
+			let n = c.top + u / Vn * t;
 			e.beginPath(), e.moveTo(c.left, n), e.lineTo(c.left + l, n), e.stroke();
 		}
 		e.setLineDash([]);
@@ -3624,14 +3624,14 @@ function Kn(e, t, n, r, i, a, o, s) {
 		e.save(), e.strokeStyle = "#666", e.lineWidth = 1, e.beginPath(), e.moveTo(c.left, c.top), e.lineTo(c.left, c.top + u), e.stroke(), e.beginPath(), e.moveTo(c.left, c.top + u), e.lineTo(c.left + l, c.top + u), e.stroke(), e.fillStyle = "#666", e.font = "11px sans-serif", e.textAlign = "center", t.labels.forEach((t, n) => {
 			e.fillText(String(t), c.left + n * m + m / 2, c.top + u + 18);
 		}), e.textAlign = "right";
-		for (let t = 0; t <= Hn; t++) {
-			let n = p / Hn * (Hn - t), r = c.top + u / Hn * t;
+		for (let t = 0; t <= Vn; t++) {
+			let n = p / Vn * (Vn - t), r = c.top + u / Vn * t;
 			e.fillText(n.toFixed(0), c.left - 5, r + 4);
 		}
 		e.restore();
 	}
 	if (s) for (let n = 0; n < d; n++) {
-		let r = c.top + u, a = c.left + n * m + m * Un / 2;
+		let r = c.top + u, a = c.left + n * m + m * Hn / 2;
 		for (let [o, s] of t.datasets.entries()) {
 			let t = Math.max(0, s.data[n] ?? 0) / p * u;
 			e.fillStyle = i[o], e.fillRect(a, r - t, h, t), r -= t;
@@ -3640,15 +3640,15 @@ function Kn(e, t, n, r, i, a, o, s) {
 	else for (let [n, r] of t.datasets.entries()) {
 		e.fillStyle = i[n];
 		for (let t = 0; t < d; t++) {
-			let i = Math.max(0, r.data[t] ?? 0) / p * u, a = c.left + t * m + m * Un / 2 + n * h;
+			let i = Math.max(0, r.data[t] ?? 0) / p * u, a = c.left + t * m + m * Hn / 2 + n * h;
 			e.fillRect(a, c.top + u - i, h, i);
 		}
 	}
 }
-function qn(e, t, n, r, i, a, o, s) {
-	let c = Wn(a), l = r - c.left - c.right, u = i - c.top - c.bottom, d = n.labels.length, f = n.datasets.length, p = l / d, m = o ? p * (1 - Un) : p * (1 - Un) / f, h = Math.floor((e - c.left) / p);
+function Kn(e, t, n, r, i, a, o, s) {
+	let c = Un(a), l = r - c.left - c.right, u = i - c.top - c.bottom, d = n.labels.length, f = n.datasets.length, p = l / d, m = o ? p * (1 - Hn) : p * (1 - Hn) / f, h = Math.floor((e - c.left) / p);
 	if (h < 0 || h >= d) return null;
-	let g = c.left + h * p + p * Un / 2;
+	let g = c.left + h * p + p * Hn / 2;
 	if (o) {
 		if (e < g || e > g + m) return null;
 		let r = c.top + u;
@@ -3679,13 +3679,13 @@ function qn(e, t, n, r, i, a, o, s) {
 }
 //#endregion
 //#region src/components/VibeChartBar.vue?vue&type=script&setup=true&lang.ts
-var Jn = { class: "vibe-chart" }, Yn = {
+var qn = { class: "vibe-chart" }, Jn = {
 	key: 0,
 	class: "vibe-chart-legend vibe-chart-legend--top"
-}, Xn = {
+}, Yn = {
 	key: 1,
 	class: "vibe-chart-legend vibe-chart-legend--bottom"
-}, Zn = /*#__PURE__*/ W(/* @__PURE__ */ c({
+}, Xn = /*#__PURE__*/ G(/* @__PURE__ */ c({
 	__name: "VibeChartBar",
 	props: {
 		data: {
@@ -3722,28 +3722,28 @@ var Jn = { class: "vibe-chart" }, Yn = {
 			height: typeof r.height == "number" ? `${r.height}px` : r.height
 		}), m = T([]);
 		function g() {
-			m.value = c.value ? En(r.data.datasets, c.value) : [];
+			m.value = c.value ? Tn(r.data.datasets, c.value) : [];
 		}
 		let _ = 1;
 		function v() {
-			if (g(), _ = Gn(r.data, r.stacked), !l.value || !d || !f) return;
+			if (g(), _ = Wn(r.data, r.stacked), !l.value || !d || !f) return;
 			let e = l.value, t = e.getContext("2d");
 			if (!t) return;
 			let n = window.devicePixelRatio || 1, i = Math.round(d * n), a = Math.round(f * n);
-			(e.width !== i || e.height !== a) && (e.width = i, e.height = a), t.setTransform(n, 0, 0, n, 0, 0), Kn(t, r.data, d, f, m.value, r.showAxes, r.showGrid, r.stacked);
+			(e.width !== i || e.height !== a) && (e.width = i, e.height = a), t.setTransform(n, 0, 0, n, 0, 0), Gn(t, r.data, d, f, m.value, r.showAxes, r.showGrid, r.stacked);
 		}
-		return On(c, l, (e, t) => {
+		return Dn(c, l, (e, t) => {
 			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, _)));
+			g(), _ = Wn(r.data, r.stacked), c.value && l.value && (u = kn(c.value, l.value, (e, t) => Kn(e, t, r.data, d, f, r.showAxes, r.stacked, _)));
 		}), I(() => r.data, v), I([
 			() => r.showAxes,
 			() => r.showGrid,
 			() => r.stacked
 		], v), b(() => {
 			u?.();
-		}), (n, r) => (x(), a("div", Jn, [
-			t.legend === "top" ? (x(), a("div", Yn, [(x(!0), a(e, null, E(t.data.datasets, (e, t) => (x(), a("span", {
+		}), (n, r) => (x(), a("div", qn, [
+			t.legend === "top" ? (x(), a("div", Jn, [(x(!0), a(e, null, E(t.data.datasets, (e, t) => (x(), a("span", {
 				key: e.label ?? t,
 				class: "vibe-chart-legend-item"
 			}, [o("span", {
@@ -3766,7 +3766,7 @@ var Jn = { class: "vibe-chart" }, Yn = {
 					height: "100%"
 				}
 			}, null, 512)], 4),
-			t.legend === "bottom" ? (x(), a("div", Xn, [(x(!0), a(e, null, E(t.data.datasets, (e, t) => (x(), a("span", {
+			t.legend === "bottom" ? (x(), a("div", Yn, [(x(!0), a(e, null, E(t.data.datasets, (e, t) => (x(), a("span", {
 				key: e.label ?? t,
 				class: "vibe-chart-legend-item"
 			}, [o("span", {
@@ -3778,7 +3778,7 @@ var Jn = { class: "vibe-chart" }, Yn = {
 }), [["__scopeId", "data-v-eb3ff4df"]]);
 //#endregion
 //#region src/components/chart/drawPie.ts
-function Qn(e, t, n, r, i) {
+function Zn(e, t, n, r, i) {
 	e.clearRect(0, 0, n, r);
 	let a = (t.datasets[0]?.data ?? []).map((e) => Math.max(0, e)), o = a.reduce((e, t) => e + t, 0);
 	if (o === 0) return;
@@ -3790,7 +3790,7 @@ function Qn(e, t, n, r, i) {
 		e.beginPath(), e.moveTo(s, c), e.arc(s, c, l, u, u + r), e.closePath(), e.fillStyle = i[t], e.fill(), e.stroke(), u += r;
 	}
 }
-function $n(e, t, n, r, i) {
+function Qn(e, t, n, r, i) {
 	let a = r / 2, o = i / 2, s = Math.min(r, i) * .4, c = e - a, l = t - o;
 	if (Math.hypot(c, l) > s) return null;
 	let u = (n.datasets[0]?.data ?? []).map((e) => Math.max(0, e)), d = u.reduce((e, t) => e + t, 0);
@@ -3810,13 +3810,13 @@ function $n(e, t, n, r, i) {
 }
 //#endregion
 //#region src/components/VibeChartPie.vue?vue&type=script&setup=true&lang.ts
-var er = { class: "vibe-chart" }, tr = {
+var $n = { class: "vibe-chart" }, er = {
 	key: 0,
 	class: "vibe-chart-legend vibe-chart-legend--top"
-}, nr = {
+}, tr = {
 	key: 1,
 	class: "vibe-chart-legend vibe-chart-legend--bottom"
-}, rr = /*#__PURE__*/ W(/* @__PURE__ */ c({
+}, nr = /*#__PURE__*/ G(/* @__PURE__ */ c({
 	__name: "VibeChartPie",
 	props: {
 		data: {
@@ -3841,23 +3841,23 @@ var er = { class: "vibe-chart" }, tr = {
 			height: typeof r.height == "number" ? `${r.height}px` : r.height
 		}), m = T([]);
 		function g() {
-			m.value = c.value ? Dn(r.data.labels?.length ?? 0, c.value) : [];
+			m.value = c.value ? En(r.data.labels?.length ?? 0, c.value) : [];
 		}
 		function _() {
 			if (g(), !l.value || !d || !f) return;
 			let e = l.value, t = e.getContext("2d");
 			if (!t) return;
 			let n = window.devicePixelRatio || 1, i = Math.round(d * n), a = Math.round(f * n);
-			(e.width !== i || e.height !== a) && (e.width = i, e.height = a), t.setTransform(n, 0, 0, n, 0, 0), Qn(t, r.data, d, f, m.value);
+			(e.width !== i || e.height !== a) && (e.width = i, e.height = a), t.setTransform(n, 0, 0, n, 0, 0), Zn(t, r.data, d, f, m.value);
 		}
-		return On(c, l, (e, t) => {
+		return Dn(c, l, (e, t) => {
 			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)));
+			g(), c.value && l.value && (u = kn(c.value, l.value, (e, t) => Qn(e, t, r.data, d, f)));
 		}), 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", {
+		}), (n, r) => (x(), a("div", $n, [
+			t.legend === "top" ? (x(), a("div", er, [(x(!0), a(e, null, E(t.data.labels, (e, t) => (x(), a("span", {
 				key: e ?? t,
 				class: "vibe-chart-legend-item"
 			}, [o("span", {
@@ -3880,7 +3880,7 @@ var er = { class: "vibe-chart" }, tr = {
 					height: "100%"
 				}
 			}, null, 512)], 4),
-			t.legend === "bottom" ? (x(), a("div", nr, [(x(!0), a(e, null, E(t.data.labels, (e, t) => (x(), a("span", {
+			t.legend === "bottom" ? (x(), a("div", tr, [(x(!0), a(e, null, E(t.data.labels, (e, t) => (x(), a("span", {
 				key: e ?? t,
 				class: "vibe-chart-legend-item"
 			}, [o("span", {
@@ -3889,31 +3889,31 @@ var er = { class: "vibe-chart" }, tr = {
 			}, null, 4), s(" " + A(e), 1)]))), 128))])) : i("", !0)
 		]));
 	}
-}), [["__scopeId", "data-v-bab16cba"]]), ir = { class: "vibe-datatable" }, ar = { class: "row mb-3" }, or = {
+}), [["__scopeId", "data-v-bab16cba"]]), rr = { class: "vibe-datatable" }, ir = { class: "row mb-3" }, ar = {
 	key: 0,
 	class: "col-md-6 mb-2 mb-md-0"
-}, sr = ["placeholder"], cr = {
+}, or = ["placeholder"], sr = {
 	key: 1,
 	class: "col-md-6"
-}, 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 = {
+}, cr = { class: "d-flex justify-content-md-end align-items-center" }, lr = ["value"], ur = ["aria-sort", "onClick"], dr = ["onClick"], fr = ["data-label"], pr = { key: 0 }, mr = ["colspan"], hr = { class: "row" }, gr = {
 	key: 0,
 	class: "col-md-6 mb-2 mb-md-0"
-}, vr = { class: "datatable-info" }, yr = {
+}, _r = { class: "datatable-info" }, vr = {
 	key: 1,
 	class: "col-md-6"
-}, br = { class: "pagination justify-content-md-end mb-0" }, xr = {
+}, yr = { class: "pagination justify-content-md-end mb-0" }, br = {
 	key: 0,
 	class: "page-item"
-}, Sr = {
+}, xr = {
 	key: 1,
 	class: "page-item disabled"
-}, Cr = ["onClick"], wr = {
+}, Sr = ["onClick"], Cr = {
 	key: 2,
 	class: "page-item disabled"
-}, Tr = {
+}, wr = {
 	key: 3,
 	class: "page-item"
-}, Er = /*#__PURE__*/ W(/* @__PURE__ */ c({
+}, Tr = /*#__PURE__*/ G(/* @__PURE__ */ c({
 	__name: "VibeDataTable",
 	props: /*@__PURE__*/ d({
 		items: {
@@ -4083,61 +4083,61 @@ var er = { class: "vibe-chart" }, tr = {
 			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;
-		}), ee = n(() => {
+		}), U = 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(" ");
-		}), te = (e) => {
+		}), ee = (e) => {
 			!c.sortable || e.sortable === !1 || (d.value === e.key ? f.value = !f.value : (d.value = e.key, f.value = !1));
 		};
 		I(L, (e) => {
 			e > 0 && l.value > e && (l.value = e);
 		});
-		let U = (e) => {
+		let W = (e) => {
 			e < 1 || e > L.value || (l.value = e);
-		}, W = () => {
+		}, G = () => {
 			l.value = 1;
-		}, ne = (e, t) => {
+		}, te = (e, t) => {
 			p("row-clicked", e, R.value - 1 + t);
-		}, re = (e, t) => {
+		}, ne = (e, t) => {
 			let n = e[t.key];
 			return t.formatter ? t.formatter(n, e) : n;
-		}, ie = n(() => {
+		}, re = n(() => {
 			let e = /* @__PURE__ */ new Map();
 			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;
-		}), ae = n(() => {
+		}), ie = 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(() => {
+		}), ae = n(() => {
 			let e = /* @__PURE__ */ new Map();
 			for (let t of c.columns) {
-				let n = Te(t.thStyle);
+				let n = we(t.thStyle);
 				c.sortable && t.sortable !== !1 && (n.cursor = "pointer"), e.set(t, n);
 			}
 			return e;
-		}), se = n(() => {
+		}), oe = n(() => {
 			let e = /* @__PURE__ */ new Map();
-			for (let t of c.columns) e.set(t, Te(t.tdStyle));
+			for (let t of c.columns) e.set(t, we(t.tdStyle));
 			return e;
 		});
-		return (n, r) => (x(), a("div", ir, [
-			o("div", ar, [t.searchable ? (x(), a("div", or, [z(o("input", {
+		return (n, r) => (x(), a("div", rr, [
+			o("div", ir, [t.searchable ? (x(), a("div", ar, [z(o("input", {
 				"onUpdate:modelValue": r[0] ||= (e) => g.value = e,
 				type: "search",
 				class: "form-control",
 				placeholder: t.searchPlaceholder
-			}, null, 8, sr), [[P, g.value]])])) : i("", !0), t.showPerPage && t.paginated ? (x(), a("div", cr, [o("div", lr, [
+			}, null, 8, or), [[P, g.value]])])) : i("", !0), t.showPerPage && t.paginated ? (x(), a("div", sr, [o("div", cr, [
 				r[6] ||= o("label", { class: "me-2 mb-0" }, "Show", -1),
 				z(o("select", {
 					"onUpdate:modelValue": r[1] ||= (e) => u.value = e,
 					class: "form-select form-select-sm",
 					style: { width: "auto" },
-					onChange: W
+					onChange: G
 				}, [(x(!0), a(e, null, E(t.perPageOptions, (e) => (x(), a("option", {
 					key: e,
 					value: e
-				}, A(e), 9, ur))), 128))], 544), [[
+				}, A(e), 9, lr))), 128))], 544), [[
 					N,
 					u.value,
 					void 0,
@@ -4145,86 +4145,86 @@ var er = { class: "vibe-chart" }, tr = {
 				]]),
 				r[7] ||= o("span", { class: "ms-2" }, "entries", -1)
 			])])) : i("", !0)]),
-			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", {
+			o("div", { class: m({ "table-responsive": t.responsive }) }, [o("table", { class: m(U.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(oe.value.get(e)),
-				"aria-sort": ae.value.get(e),
-				onClick: (t) => te(e)
+				style: h(ae.value.get(e)),
+				"aria-sort": ie.value.get(e),
+				onClick: (t) => ee(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)
+					re.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", {
+			}, null, 2)) : i("", !0)], 14, ur))), 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)
+				onClick: (e) => te(r, i)
 			}, [(x(!0), a(e, null, E(t.columns, (e) => (x(), a("td", {
 				key: e.key,
 				class: m(e.class),
-				style: h(se.value.get(e)),
+				style: h(oe.value.get(e)),
 				"data-label": e.label
 			}, [D(n.$slots, `cell(${e.key})`, {
 				item: r,
 				value: r[e.key],
 				index: i
-			}, () => [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", {
+			}, () => [s(A(ne(r, e)), 1)], !0)], 14, fr))), 128))], 12, dr))), 128)), k.value.length === 0 && t.showEmpty ? (x(), a("tr", pr, [o("td", {
 				colspan: t.columns?.length || 1,
 				class: "text-center"
-			}, 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, [
+			}, A(t.emptyText), 9, mr)])) : i("", !0)])], 2)], 2),
+			o("div", hr, [t.showInfo ? (x(), a("div", gr, [o("div", _r, A(V.value), 1)])) : i("", !0), t.paginated && L.value > 1 ? (x(), a("div", vr, [o("nav", null, [o("ul", yr, [
 				o("li", { class: m(["page-item", { disabled: l.value === 1 }]) }, [o("button", {
 					type: "button",
 					class: "page-link",
-					onClick: r[2] ||= (e) => U(l.value - 1)
+					onClick: r[2] ||= (e) => W(l.value - 1)
 				}, " Previous ")], 2),
-				l.value > 3 ? (x(), a("li", xr, [o("button", {
+				l.value > 3 ? (x(), a("li", br, [o("button", {
 					type: "button",
 					class: "page-link",
-					onClick: r[3] ||= (e) => U(1)
+					onClick: r[3] ||= (e) => W(1)
 				}, "1")])) : i("", !0),
-				l.value > 4 ? (x(), a("li", Sr, [...r[8] ||= [o("span", { class: "page-link" }, "...", -1)]])) : i("", !0),
+				l.value > 4 ? (x(), a("li", xr, [...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 === l.value }])
 				}, [o("button", {
 					type: "button",
 					class: "page-link",
-					onClick: (t) => U(e)
-				}, 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", {
+					onClick: (t) => W(e)
+				}, A(e), 9, Sr)], 2))), 128)),
+				l.value < L.value - 3 ? (x(), a("li", Cr, [...r[9] ||= [o("span", { class: "page-link" }, "...", -1)]])) : i("", !0),
+				l.value < L.value - 2 ? (x(), a("li", wr, [o("button", {
 					type: "button",
 					class: "page-link",
-					onClick: r[4] ||= (e) => U(L.value)
+					onClick: r[4] ||= (e) => W(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(l.value + 1)
+					onClick: r[5] ||= (e) => W(l.value + 1)
 				}, " Next ")], 2)
 			])])])) : i("", !0)])
 		]));
 	}
-}), [["__scopeId", "data-v-fd417a3a"]]), Dr = ["for"], Or = {
+}), [["__scopeId", "data-v-fd417a3a"]]), Er = ["for"], Dr = {
 	key: 0,
 	class: "text-danger ms-1",
 	"aria-hidden": "true"
-}, kr = {
+}, Or = {
 	key: 1,
 	class: "text-muted ms-1 small",
 	"aria-hidden": "true"
-}, Ar = {
+}, kr = {
 	key: 2,
 	class: "visually-hidden"
-}, jr = {
+}, Ar = {
 	key: 1,
 	class: "input-group"
-}, Mr = [
+}, jr = [
 	"id",
 	"type",
 	"value",
@@ -4236,7 +4236,7 @@ var er = { class: "vibe-chart" }, tr = {
 	"inputmode",
 	"aria-invalid",
 	"aria-describedby"
-], Nr = ["aria-label", "aria-pressed"], Pr = [
+], Mr = ["aria-label", "aria-pressed"], Nr = [
 	"id",
 	"type",
 	"value",
@@ -4248,14 +4248,14 @@ var er = { class: "vibe-chart" }, tr = {
 	"inputmode",
 	"aria-invalid",
 	"aria-describedby"
-], Fr = {
+], Pr = {
 	key: 3,
 	"aria-live": "polite",
 	class: "mt-1"
-}, Ir = {
+}, Fr = {
 	class: "d-flex gap-1 mb-1",
 	"aria-hidden": "true"
-}, Lr = { class: "text-muted" }, Rr = ["id"], zr = ["id"], Br = ["id"], Vr = [
+}, Ir = { class: "text-muted" }, Lr = ["id"], Rr = ["id"], zr = ["id"], Br = [
 	"id",
 	"type",
 	"value",
@@ -4267,7 +4267,8 @@ var er = { class: "vibe-chart" }, tr = {
 	"inputmode",
 	"aria-invalid",
 	"aria-describedby"
-], Hr = /*#__PURE__*/ W(/* @__PURE__ */ c({
+], Vr = /*#__PURE__*/ G(/* @__PURE__ */ c({
+	inheritAttrs: !1,
 	__name: "VibeFormInput",
 	props: /*@__PURE__*/ d({
 		type: {
@@ -4362,8 +4363,8 @@ 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 = T(!1), g = n(() => l.type === "password" && l.showToggle && p.value ? "text" : l.type);
-		function _(e) {
+		let c = M(t, "modelValue"), l = t, d = r, p = u(q, null), g = T(!1), _ = n(() => l.type === "password" && l.showToggle && g.value ? "text" : l.type);
+		function v(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,
@@ -4379,137 +4380,136 @@ var er = { class: "vibe-chart" }, tr = {
 				label: "Strong"
 			};
 		}
-		let v = n(() => _(String(c.value ?? ""))), y = [
+		let y = n(() => v(String(c.value ?? ""))), b = [
 			"",
 			"#dc3545",
 			"#fd7e14",
 			"#0d6efd",
 			"#198754"
-		], b = {
+		], S = {
 			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(() => {
+		}, C = n(() => l.inputmode ?? S[l.type]), w = { email: "email" }, D = n(() => l.autocomplete ?? w[l.type]), O = p?.consumeId(), k = J("input"), j = n(() => l.id || O || k), N = n(() => `${j.value}-help`), P = n(() => `${j.value}-feedback`), F = 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(() => {
+			return l.helpText && e.push(N.value), l.validationMessage && e.push(P.value), p?.helpId.value && e.push(p.helpId.value), p?.feedbackId.value && e.push(p.feedbackId.value), e.length ? [...new Set(e)].join(" ") : void 0;
+		}), I = n(() => !!l.label && !p?.hasLabel.value), L = n(() => !!l.validationState && !p?.hasValidation.value), R = n(() => !!l.helpText && !p?.hasHelp.value), z = 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(" ");
-		}), z = (e) => {
+		}), B = (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");
-		}, B = (e) => {
-			d("change", e), l.validateOn === "change" && d("validate");
 		}, V = (e) => {
-			d("blur", e), l.validateOn === "blur" && d("validate");
+			d("change", e), l.validateOn === "change" && d("validate");
 		}, H = (e) => {
+			d("blur", e), l.validateOn === "blur" && d("validate");
+		}, U = (e) => {
 			d("focus", e);
 		};
-		return (n, r) => t.noWrapper ? (x(), a("input", {
-			key: 1,
-			id: k.value,
+		return (n, r) => t.noWrapper ? (x(), a("input", f({ key: 1 }, n.$attrs, {
+			id: j.value,
 			type: t.type,
-			class: m(R.value),
+			class: z.value,
 			value: c.value,
 			placeholder: t.placeholder,
 			disabled: t.disabled,
 			readonly: t.readonly || t.plaintext,
 			required: t.required,
-			autocomplete: w.value,
-			inputmode: S.value,
+			autocomplete: D.value,
+			inputmode: C.value,
 			"aria-invalid": t.validationState === "invalid",
-			"aria-describedby": P.value,
-			onInput: z,
-			onChange: B,
-			onBlur: V,
-			onFocus: H
-		}, null, 42, Vr)) : (x(), a("div", {
+			"aria-describedby": F.value,
+			onInput: B,
+			onChange: V,
+			onBlur: H,
+			onFocus: U
+		}), null, 16, Br)) : (x(), a("div", {
 			key: 0,
-			class: m({ "mb-3": F.value || L.value || I.value })
+			class: m({ "mb-3": I.value || R.value || L.value })
 		}, [
-			F.value ? (x(), a("label", {
+			I.value ? (x(), a("label", {
 				key: 0,
-				for: k.value,
+				for: j.value,
 				class: "form-label"
 			}, [
 				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),
+				t.required ? (x(), a("span", Dr, "*")) : (x(), a("span", Or, "(optional)")),
+				t.required ? (x(), a("span", kr, "required")) : i("", !0)
+			], 8, Er)) : i("", !0),
+			t.showToggle && t.type === "password" ? (x(), a("div", Ar, [o("input", f(n.$attrs, {
+				id: j.value,
+				type: _.value,
+				class: z.value,
 				value: c.value,
 				placeholder: t.placeholder,
 				disabled: t.disabled,
 				readonly: t.readonly || t.plaintext,
 				required: t.required,
-				autocomplete: w.value,
-				inputmode: S.value,
+				autocomplete: D.value,
+				inputmode: C.value,
 				"aria-invalid": t.validationState === "invalid",
-				"aria-describedby": P.value,
-				onInput: z,
-				onChange: B,
-				onBlur: V,
-				onFocus: H
-			}, null, 42, Mr), o("button", {
+				"aria-describedby": F.value,
+				onInput: B,
+				onChange: V,
+				onBlur: H,
+				onFocus: U
+			}), null, 16, jr), 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
+				"aria-label": g.value ? "Hide password" : "Show password",
+				"aria-pressed": g.value,
+				onClick: r[0] ||= (e) => g.value = !g.value
 			}, [o("i", {
-				class: m(p.value ? "bi bi-eye-slash" : "bi bi-eye"),
+				class: m(g.value ? "bi bi-eye-slash" : "bi bi-eye"),
 				"aria-hidden": "true"
-			}, null, 2)], 8, Nr)])) : (x(), a("input", {
-				key: 2,
-				id: k.value,
+			}, null, 2)], 8, Mr)])) : (x(), a("input", f({ key: 2 }, n.$attrs, {
+				id: j.value,
 				type: t.type,
-				class: m(R.value),
+				class: z.value,
 				value: c.value,
 				placeholder: t.placeholder,
 				disabled: t.disabled,
 				readonly: t.readonly || t.plaintext,
 				required: t.required,
-				autocomplete: w.value,
-				inputmode: S.value,
+				autocomplete: D.value,
+				inputmode: C.value,
 				"aria-invalid": t.validationState === "invalid",
-				"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", {
+				"aria-describedby": F.value,
+				onInput: B,
+				onChange: V,
+				onBlur: H,
+				onFocus: U
+			}), null, 16, Nr)),
+			t.showPasswordStrength && t.type === "password" ? (x(), a("div", Pr, [o("div", Fr, [(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", {
+				style: h([{ height: "4px" }, { backgroundColor: e <= y.value.level ? b[y.value.level] : "var(--bs-border-color)" }])
+			}, null, 4)), 64))]), o("small", Ir, "Password strength: " + A(y.value.label), 1)])) : i("", !0),
+			R.value ? (x(), a("div", {
 				key: 4,
-				id: j.value,
+				id: N.value,
 				class: "form-text"
-			}, A(t.helpText), 9, Rr)) : i("", !0),
-			I.value ? (x(), a(e, { key: 5 }, [t.validationState === "valid" ? (x(), a("div", {
+			}, A(t.helpText), 9, Lr)) : i("", !0),
+			L.value ? (x(), a(e, { key: 5 }, [t.validationState === "valid" ? (x(), a("div", {
 				key: 0,
-				id: N.value,
+				id: P.value,
 				class: "valid-feedback",
 				style: { display: "block" }
-			}, A(t.validationMessage || "Looks good!"), 9, zr)) : i("", !0), t.validationState === "invalid" ? (x(), a("div", {
+			}, A(t.validationMessage || "Looks good!"), 9, Rr)) : i("", !0), t.validationState === "invalid" ? (x(), a("div", {
 				key: 1,
-				id: N.value,
+				id: P.value,
 				class: "invalid-feedback",
+				role: "alert",
 				style: { display: "block" }
-			}, A(t.validationMessage || "Please provide a valid value."), 9, Br)) : i("", !0)], 64)) : i("", !0)
+			}, A(t.validationMessage || "Please provide a valid value."), 9, zr)) : i("", !0)], 64)) : i("", !0)
 		], 2));
 	}
-}), [["__scopeId", "data-v-d9ebcf8c"]]), Ur = ["for"], Wr = {
+}), [["__scopeId", "data-v-418a46b0"]]), Hr = ["for"], Ur = {
 	key: 0,
 	class: "text-danger"
-}, Gr = [
+}, Wr = [
 	"id",
 	"value",
 	"multiple",
@@ -4518,12 +4518,13 @@ var er = { class: "vibe-chart" }, tr = {
 	"required",
 	"aria-invalid",
 	"aria-describedby"
-], Kr = {
+], Gr = {
 	key: 0,
 	value: "",
 	disabled: "",
 	selected: ""
-}, qr = ["value", "disabled"], Jr = ["id"], Yr = ["id"], Xr = ["id"], Zr = "", Qr = "vi:", $r = /* @__PURE__ */ c({
+}, Kr = ["value", "disabled"], qr = ["id"], Jr = ["id"], Yr = ["id"], Xr = "", Zr = "vi:", Qr = /* @__PURE__ */ c({
+	inheritAttrs: !1,
 	__name: "VibeFormSelect",
 	props: /*@__PURE__*/ d({
 		id: {
@@ -4606,83 +4607,84 @@ var er = { class: "vibe-chart" }, tr = {
 		"change"
 	], ["update:modelValue"]),
 	setup(t, { emit: r }) {
-		let c = (e) => `${Qr}${e}`, l = (e) => {
-			if (!e.startsWith(Qr)) return -1;
+		let c = (e) => `${Zr}${e}`, l = (e) => {
+			if (!e.startsWith(Zr)) return -1;
 			let t = Number(e.slice(3));
 			return Number.isInteger(t) && t >= 0 ? t : -1;
 		}, d = (e, t) => {
 			for (let n = 0; n < e.length; n++) if (Object.is(e[n].value, t)) return n;
 			return -1;
-		}, f = M(t, "modelValue"), p = t, h = r, g = u(K, null), _ = g?.consumeId(), v = q("select"), y = n(() => p.id || _ || v), b = n(() => `${y.value}-help`), S = n(() => `${y.value}-feedback`), C = n(() => !!p.label && !g?.hasLabel.value), w = n(() => !!p.validationState && !g?.hasValidation.value), T = n(() => !!p.helpText && !g?.hasHelp.value), O = n(() => {
+		}, p = M(t, "modelValue"), h = t, g = r, _ = u(q, null), v = _?.consumeId(), y = J("select"), b = n(() => h.id || v || y), S = n(() => `${b.value}-help`), C = n(() => `${b.value}-feedback`), w = n(() => !!h.label && !_?.hasLabel.value), T = n(() => !!h.validationState && !_?.hasValidation.value), O = n(() => !!h.helpText && !_?.hasHelp.value), k = n(() => {
 			let e = ["form-select"];
-			return p.size && e.push(`form-select-${p.size}`), p.validationState === "valid" && e.push("is-valid"), p.validationState === "invalid" && e.push("is-invalid"), e.join(" ");
-		}), k = (e) => {
+			return h.size && e.push(`form-select-${h.size}`), h.validationState === "valid" && e.push("is-valid"), h.validationState === "invalid" && e.push("is-invalid"), e.join(" ");
+		}), j = (e) => {
 			let t = l(e);
-			return t >= 0 && t < p.options.length ? p.options[t].value : "";
-		}, j = (e) => {
+			return t >= 0 && t < h.options.length ? h.options[t].value : "";
+		}, N = (e) => {
 			let t = e.target, n;
-			n = p.multiple ? Array.from(t.selectedOptions).map((e) => k(e.value)) : k(t.value), f.value = n;
-		}, N = n(() => {
-			if (Array.isArray(f.value)) return f.value.map((e) => {
-				let t = d(p.options, e);
-				return t >= 0 ? c(t) : Zr;
-			}).filter((e) => e !== Zr);
-			let e = d(p.options, f.value);
-			return e >= 0 ? c(e) : Zr;
-		}), P = (e) => {
-			h("change", e), p.validateOn === "change" && h("validate");
-		}, F = (e) => {
-			h("blur", e), p.validateOn === "blur" && h("validate");
+			n = h.multiple ? Array.from(t.selectedOptions).map((e) => j(e.value)) : j(t.value), p.value = n;
+		}, P = n(() => {
+			if (Array.isArray(p.value)) return p.value.map((e) => {
+				let t = d(h.options, e);
+				return t >= 0 ? c(t) : Xr;
+			}).filter((e) => e !== Xr);
+			let e = d(h.options, p.value);
+			return e >= 0 ? c(e) : Xr;
+		}), F = (e) => {
+			g("change", e), h.validateOn === "change" && g("validate");
 		}, I = (e) => {
-			h("focus", e);
+			g("blur", e), h.validateOn === "blur" && g("validate");
+		}, L = (e) => {
+			g("focus", e);
 		};
-		return (n, r) => (x(), a("div", { class: m({ "mb-3": C.value || T.value || w.value }) }, [
-			C.value ? (x(), a("label", {
+		return (n, r) => (x(), a("div", { class: m({ "mb-3": w.value || O.value || T.value }) }, [
+			w.value ? (x(), a("label", {
 				key: 0,
-				for: y.value,
+				for: b.value,
 				class: "form-label"
-			}, [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),
-				value: N.value,
+			}, [s(A(t.label) + " ", 1), t.required ? (x(), a("span", Ur, "*")) : i("", !0)], 8, Hr)) : i("", !0),
+			o("select", f(n.$attrs, {
+				id: b.value,
+				class: k.value,
+				value: P.value,
 				multiple: t.multiple,
 				size: t.htmlSize || t.selectSize,
 				disabled: t.disabled,
 				required: t.required,
 				"aria-invalid": t.validationState === "invalid",
-				"aria-describedby": t.helpText && t.validationMessage ? `${b.value} ${S.value}` : t.helpText ? b.value : t.validationMessage ? S.value : void 0,
-				onInput: j,
-				onChange: P,
-				onBlur: F,
-				onFocus: I
-			}, [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", {
+				"aria-describedby": t.helpText && t.validationMessage ? `${S.value} ${C.value}` : t.helpText ? S.value : t.validationMessage ? C.value : void 0,
+				onInput: N,
+				onChange: F,
+				onBlur: I,
+				onFocus: L
+			}), [t.placeholder && !t.multiple ? (x(), a("option", Gr, 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, qr))), 128))])], 42, Gr),
-			T.value ? (x(), a("div", {
+			}, A(e.text), 9, Kr))), 128))])], 16, Wr),
+			O.value ? (x(), a("div", {
 				key: 1,
-				id: `${y.value}-help`,
+				id: `${b.value}-help`,
 				class: "form-text"
-			}, A(t.helpText), 9, Jr)) : i("", !0),
-			w.value ? (x(), a(e, { key: 2 }, [t.validationState === "valid" ? (x(), a("div", {
+			}, A(t.helpText), 9, qr)) : i("", !0),
+			T.value ? (x(), a(e, { key: 2 }, [t.validationState === "valid" ? (x(), a("div", {
 				key: 0,
-				id: `${y.value}-feedback`,
+				id: `${b.value}-feedback`,
 				class: "valid-feedback",
 				style: { display: "block" }
-			}, A(t.validationMessage || "Looks good!"), 9, Yr)) : i("", !0), t.validationState === "invalid" ? (x(), a("div", {
+			}, A(t.validationMessage || "Looks good!"), 9, Jr)) : i("", !0), t.validationState === "invalid" ? (x(), a("div", {
 				key: 1,
-				id: `${y.value}-feedback`,
+				id: `${b.value}-feedback`,
 				class: "invalid-feedback",
+				role: "alert",
 				style: { display: "block" }
-			}, A(t.validationMessage || "Please select an option."), 9, Xr)) : i("", !0)], 64)) : i("", !0)
+			}, A(t.validationMessage || "Please select an option."), 9, Yr)) : i("", !0)], 64)) : i("", !0)
 		], 2));
 	}
-}), ei = ["for"], ti = {
+}), $r = ["for"], ei = {
 	key: 0,
 	class: "text-danger"
-}, ni = [
+}, ti = [
 	"id",
 	"value",
 	"placeholder",
@@ -4693,10 +4695,11 @@ var er = { class: "vibe-chart" }, tr = {
 	"required",
 	"aria-invalid",
 	"aria-describedby"
-], ri = ["id"], ii = {
+], ni = ["id"], ri = {
 	key: 0,
 	class: "ms-auto"
-}, ai = ["id"], oi = ["id"], si = /* @__PURE__ */ c({
+}, ii = ["id"], ai = ["id"], oi = /* @__PURE__ */ c({
+	inheritAttrs: !1,
 	__name: "VibeFormTextarea",
 	props: /*@__PURE__*/ d({
 		id: {
@@ -4775,7 +4778,7 @@ 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(), g = q("textarea"), _ = n(() => l.id || p || g), v = n(() => `${_.value}-help`), y = n(() => `${_.value}-feedback`), b = n(() => !!l.label && !f?.hasLabel.value), S = n(() => !!l.validationState && !f?.hasValidation.value), C = n(() => (!!l.helpText || l.showCharCount) && !f?.hasHelp.value), w = n(() => {
+		let c = M(t, "modelValue"), l = t, d = r, p = u(q, null), h = p?.consumeId(), g = J("textarea"), _ = n(() => l.id || h || g), v = n(() => `${_.value}-help`), y = n(() => `${_.value}-feedback`), b = n(() => !!l.label && !p?.hasLabel.value), S = n(() => !!l.validationState && !p?.hasValidation.value), C = n(() => (!!l.helpText || l.showCharCount) && !p?.hasHelp.value), w = n(() => {
 			let e = ["form-control"];
 			return l.size && e.push(`form-control-${l.size}`), l.validationState === "valid" && e.push("is-valid"), l.validationState === "invalid" && e.push("is-invalid"), e.join(" ");
 		}), T = n(() => {
@@ -4794,11 +4797,11 @@ var er = { class: "vibe-chart" }, tr = {
 				key: 0,
 				for: _.value,
 				class: "form-label"
-			}, [s(A(t.label) + " ", 1), t.required ? (x(), a("span", ti, "*")) : i("", !0)], 8, ei)) : i("", !0),
-			o("textarea", {
+			}, [s(A(t.label) + " ", 1), t.required ? (x(), a("span", ei, "*")) : i("", !0)], 8, $r)) : i("", !0),
+			o("textarea", f(n.$attrs, {
 				id: _.value,
-				class: m(w.value),
-				style: h(T.value),
+				class: w.value,
+				style: T.value,
 				value: c.value,
 				placeholder: t.placeholder,
 				rows: t.rows,
@@ -4812,29 +4815,30 @@ var er = { class: "vibe-chart" }, tr = {
 				onChange: O,
 				onBlur: k,
 				onFocus: j
-			}, null, 46, ni),
+			}), null, 16, ti),
 			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", 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),
+			}, [o("span", null, A(t.helpText), 1), t.showCharCount ? (x(), a("span", ri, [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, ni)) : 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, ai)) : i("", !0), t.validationState === "invalid" ? (x(), a("div", {
+			}, A(t.validationMessage || "Looks good!"), 9, ii)) : i("", !0), t.validationState === "invalid" ? (x(), a("div", {
 				key: 1,
 				id: y.value,
 				class: "invalid-feedback",
+				role: "alert",
 				style: { display: "block" }
-			}, A(t.validationMessage || "Please provide a valid value."), 9, oi)) : i("", !0)], 64)) : i("", !0)
+			}, A(t.validationMessage || "Please provide a valid value."), 9, ai)) : i("", !0)], 64)) : i("", !0)
 		], 2));
 	}
-}), ci = ["for"], li = {
+}), si = ["for"], ci = {
 	key: 0,
 	class: "text-danger"
-}, ui = ["disabled"], di = [
+}, li = ["disabled"], ui = [
 	"id",
 	"value",
 	"disabled",
@@ -4845,7 +4849,7 @@ var er = { class: "vibe-chart" }, tr = {
 	"step",
 	"aria-invalid",
 	"aria-describedby"
-], fi = ["disabled"], pi = ["id"], mi = ["id"], hi = ["id"], gi = /*#__PURE__*/ W(/* @__PURE__ */ c({
+], di = ["disabled"], fi = ["id"], pi = ["id"], mi = ["id"], hi = /*#__PURE__*/ G(/* @__PURE__ */ c({
 	__name: "VibeFormSpinbutton",
 	props: /*@__PURE__*/ d({
 		id: {
@@ -4929,7 +4933,7 @@ var er = { class: "vibe-chart" }, tr = {
 		"decrement"
 	], ["update:modelValue"]),
 	setup(t, { emit: r }) {
-		let c = M(t, "modelValue"), l = t, d = r, f = u(K, null), p = f?.consumeId(), h = q("spinbutton"), g = n(() => l.id || p || h), _ = n(() => !!l.label && !f?.hasLabel.value), v = n(() => !!l.validationState && !f?.hasValidation.value), y = n(() => !!l.helpText && !f?.hasHelp.value), b = n(() => {
+		let c = M(t, "modelValue"), l = t, d = r, f = u(q, null), p = f?.consumeId(), h = J("spinbutton"), g = n(() => l.id || p || h), _ = n(() => !!l.label && !f?.hasLabel.value), v = n(() => !!l.validationState && !f?.hasValidation.value), y = n(() => !!l.helpText && !f?.hasHelp.value), b = n(() => {
 			let e = ["form-control"];
 			return l.size && e.push(`form-control-${l.size}`), l.validationState === "valid" && e.push("is-valid"), l.validationState === "invalid" && e.push("is-invalid"), e.join(" ");
 		}), S = n(() => {
@@ -4970,7 +4974,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", li, "*")) : i("", !0)], 8, ci)) : i("", !0),
+			}, [s(A(t.label) + " ", 1), t.required ? (x(), a("span", ci, "*")) : i("", !0)], 8, si)) : i("", !0),
 			o("div", { class: m(S.value) }, [
 				o("button", {
 					class: "btn btn-outline-secondary",
@@ -4978,7 +4982,7 @@ var er = { class: "vibe-chart" }, tr = {
 					disabled: !w.value,
 					onClick: z,
 					"aria-label": "Decrement"
-				}, [...r[0] ||= [o("span", { "aria-hidden": "true" }, "−", -1)]], 8, ui),
+				}, [...r[0] ||= [o("span", { "aria-hidden": "true" }, "−", -1)]], 8, li),
 				o("input", {
 					id: g.value,
 					type: "number",
@@ -4996,37 +5000,38 @@ var er = { class: "vibe-chart" }, tr = {
 					onChange: k,
 					onBlur: j,
 					onFocus: N
-				}, null, 42, di),
+				}, null, 42, ui),
 				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, fi)
+				}, [...r[1] ||= [o("span", { "aria-hidden": "true" }, "+", -1)]], 8, di)
 			], 2),
 			y.value ? (x(), a("div", {
 				key: 1,
 				id: `${g.value}-help`,
 				class: "form-text"
-			}, A(t.helpText), 9, pi)) : i("", !0),
+			}, A(t.helpText), 9, fi)) : 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, mi)) : i("", !0), t.validationState === "invalid" ? (x(), a("div", {
+			}, A(t.validationMessage || "Looks good!"), 9, pi)) : i("", !0), t.validationState === "invalid" ? (x(), a("div", {
 				key: 1,
 				id: `${g.value}-feedback`,
 				class: "invalid-feedback",
+				role: "alert",
 				style: { display: "block" }
-			}, A(t.validationMessage || "Please provide a valid value."), 9, hi)) : i("", !0)], 64)) : i("", !0)
+			}, A(t.validationMessage || "Please provide a valid value."), 9, mi)) : i("", !0)], 64)) : i("", !0)
 		], 2));
 	}
-}), [["__scopeId", "data-v-9dd7f0b5"]]), _i = ["for"], vi = {
+}), [["__scopeId", "data-v-248b16a9"]]), gi = ["for"], _i = {
 	key: 0,
 	class: "text-danger"
-}, yi = [
+}, vi = [
 	"id",
 	"type",
 	"value",
@@ -5037,7 +5042,7 @@ var er = { class: "vibe-chart" }, tr = {
 	"max",
 	"aria-invalid",
 	"aria-describedby"
-], bi = ["id"], xi = ["id"], Si = ["id"], Ci = /* @__PURE__ */ c({
+], yi = ["id"], bi = ["id"], xi = ["id"], Si = /* @__PURE__ */ c({
 	__name: "VibeFormDatepicker",
 	props: /*@__PURE__*/ d({
 		id: {
@@ -5111,7 +5116,7 @@ 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("datepicker"), 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(q, null), p = f?.consumeId(), h = J("datepicker"), 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 e = ["form-control"];
 			return l.size && e.push(`form-control-${l.size}`), l.validationState === "valid" && e.push("is-valid"), l.validationState === "invalid" && e.push("is-invalid"), e.join(" ");
 		}), w = (e) => {
@@ -5128,7 +5133,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", vi, "*")) : i("", !0)], 8, _i)) : i("", !0),
+			}, [s(A(t.label) + " ", 1), t.required ? (x(), a("span", _i, "*")) : i("", !0)], 8, gi)) : i("", !0),
 			o("input", {
 				id: g.value,
 				type: t.type,
@@ -5145,34 +5150,35 @@ var er = { class: "vibe-chart" }, tr = {
 				onChange: T,
 				onBlur: E,
 				onFocus: D
-			}, null, 42, yi),
+			}, null, 42, vi),
 			S.value ? (x(), a("div", {
 				key: 1,
 				id: _.value,
 				class: "form-text"
-			}, A(t.helpText), 9, bi)) : i("", !0),
+			}, A(t.helpText), 9, yi)) : 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, xi)) : i("", !0), t.validationState === "invalid" ? (x(), a("div", {
+			}, A(t.validationMessage || "Looks good!"), 9, bi)) : i("", !0), t.validationState === "invalid" ? (x(), a("div", {
 				key: 1,
 				id: v.value,
 				class: "invalid-feedback",
+				role: "alert",
 				style: { display: "block" }
-			}, A(t.validationMessage || "Please provide a valid date."), 9, Si)) : i("", !0)], 64)) : i("", !0)
+			}, A(t.validationMessage || "Please provide a valid date."), 9, xi)) : i("", !0)], 64)) : i("", !0)
 		], 2));
 	}
-}), wi = { class: "vibe-file-input" }, Ti = ["for"], Ei = { class: "mb-0" }, Di = [
+}), Ci = { class: "vibe-file-input" }, wi = ["for"], Ti = { class: "mb-0" }, Ei = [
 	"id",
 	"multiple",
 	"accept",
-	"disabled"
-], Oi = {
-	key: 2,
-	class: "form-text"
-}, ki = /*#__PURE__*/ W(/* @__PURE__ */ c({
+	"disabled",
+	"aria-invalid",
+	"aria-describedby"
+], Di = ["id"], Oi = ["id"], ki = ["id"], Ai = /*#__PURE__*/ G(/* @__PURE__ */ c({
+	inheritAttrs: !1,
 	__name: "VibeFileInput",
 	props: {
 		modelValue: {
@@ -5211,6 +5217,14 @@ var er = { class: "vibe-chart" }, tr = {
 			type: String,
 			default: void 0
 		},
+		validationState: {
+			type: String,
+			default: null
+		},
+		validationMessage: {
+			type: String,
+			default: void 0
+		},
 		helpText: {
 			type: String,
 			default: void 0
@@ -5225,11 +5239,14 @@ var er = { class: "vibe-chart" }, tr = {
 		"change",
 		"invalid"
 	],
-	setup(e, { expose: t, emit: r }) {
-		let s = e, c = r, l = q("file-input"), u = n(() => s.id || l), d = T(!1), f = T(null), p = n(() => {
+	setup(t, { expose: r, emit: s }) {
+		let c = t, l = s, d = u(q, null), p = d?.consumeId(), h = J("file-input"), g = n(() => c.id || p || h), v = n(() => `${g.value}-help`), b = n(() => `${g.value}-feedback`), S = n(() => !!c.label && !d?.hasLabel.value), C = n(() => !!c.validationState && !d?.hasValidation.value), w = n(() => !!c.helpText && !d?.hasHelp.value), E = T(!1), O = T(null), k = n(() => {
+			let e = [];
+			return c.helpText && e.push(v.value), c.validationMessage && e.push(b.value), d?.helpId.value && e.push(d.helpId.value), d?.feedbackId.value && e.push(d.feedbackId.value), e.length ? [...new Set(e)].join(" ") : void 0;
+		}), j = n(() => {
 			let e = ["form-control"];
-			return s.size && e.push(`form-control-${s.size}`), e.join(" ");
-		}), g = (e, t) => {
+			return c.size && e.push(`form-control-${c.size}`), c.validationState === "valid" && e.push("is-valid"), c.validationState === "invalid" && e.push("is-invalid"), e.join(" ");
+		}), M = (e, t) => {
 			let n = t.split(",").map((e) => e.trim().toLowerCase()).filter(Boolean);
 			if (n.length === 0) return !0;
 			let r = e.type.toLowerCase(), i = e.name.toLowerCase();
@@ -5246,14 +5263,14 @@ var er = { class: "vibe-chart" }, tr = {
 				if (r === e) return !0;
 			}
 			return !1;
-		}, v = (e) => {
+		}, N = (e) => {
 			let t = [], n = [];
 			for (let r of e) {
-				if (s.maxSize !== void 0 && r.size > s.maxSize) {
+				if (c.maxSize !== void 0 && r.size > c.maxSize) {
 					n.push(r);
 					continue;
 				}
-				if (s.accept && !g(r, s.accept)) {
+				if (c.accept && !M(r, c.accept)) {
 					n.push(r);
 					continue;
 				}
@@ -5263,78 +5280,96 @@ var er = { class: "vibe-chart" }, tr = {
 				accepted: t,
 				rejected: n
 			};
-		}, b = (e) => {
-			let { accepted: t, rejected: n } = v(e);
-			c("update:modelValue", t), c("change", t), n.length > 0 && c("invalid", n);
-		}, S = (e) => {
+		}, P = (e) => {
+			let { accepted: t, rejected: n } = N(e);
+			l("update:modelValue", t), l("change", t), n.length > 0 && l("invalid", n);
+		}, F = (e) => {
 			let t = e.target;
-			b(t.files ? Array.from(t.files) : []), t.value = "";
-		}, C = (e) => {
-			e.preventDefault(), w = 0, d.value = !1, !s.disabled && b(e.dataTransfer?.files ? Array.from(e.dataTransfer.files) : []);
-		}, w = 0, E = (e) => {
-			e.preventDefault(), s.disabled || (w++, d.value = !0);
-		}, O = (e) => {
+			P(t.files ? Array.from(t.files) : []), t.value = "";
+		}, I = (e) => {
+			e.preventDefault(), L = 0, E.value = !1, !c.disabled && P(e.dataTransfer?.files ? Array.from(e.dataTransfer.files) : []);
+		}, L = 0, R = (e) => {
+			e.preventDefault(), c.disabled || (L++, E.value = !0);
+		}, z = (e) => {
 			e.preventDefault();
-		}, k = (e) => {
-			e.preventDefault(), w = Math.max(0, w - 1), w === 0 && (d.value = !1);
-		}, j = () => {
-			s.disabled || f.value?.click();
+		}, B = (e) => {
+			e.preventDefault(), L = Math.max(0, L - 1), L === 0 && (E.value = !1);
+		}, V = () => {
+			c.disabled || O.value?.click();
 		};
-		t({ clearFiles: () => {
-			f.value && (f.value.value = ""), c("update:modelValue", []), c("change", []);
+		r({ clearFiles: () => {
+			O.value && (O.value.value = ""), l("update:modelValue", []), l("change", []);
 		} });
-		let M = n(() => {
+		let H = n(() => {
 			let e = ["vibe-file-input-dropzone"];
-			return d.value && e.push("vibe-file-input-dropzone-active"), s.disabled && e.push("vibe-file-input-dropzone-disabled"), e.join(" ");
-		}), N = () => {
-			w = 0, d.value = !1;
+			return E.value && e.push("vibe-file-input-dropzone-active"), c.disabled && e.push("vibe-file-input-dropzone-disabled"), c.validationState === "invalid" && e.push("vibe-file-input-dropzone-invalid"), e.join(" ");
+		}), U = () => {
+			L = 0, E.value = !1;
 		};
 		return y(() => {
-			typeof document > "u" || (document.addEventListener("dragend", N), document.addEventListener("drop", N));
+			typeof document > "u" || (document.addEventListener("dragend", U), document.addEventListener("drop", U));
 		}), _(() => {
-			typeof document > "u" || (document.removeEventListener("dragend", N), document.removeEventListener("drop", N));
-		}), (t, n) => (x(), a("div", wi, [
-			e.label ? (x(), a("label", {
+			typeof document > "u" || (document.removeEventListener("dragend", U), document.removeEventListener("drop", U));
+		}), (n, r) => (x(), a("div", Ci, [
+			S.value ? (x(), a("label", {
 				key: 0,
-				for: u.value,
+				for: g.value,
 				class: "form-label"
-			}, A(e.label), 9, Ti)) : i("", !0),
-			e.dragDrop ? (x(), a("div", {
+			}, A(t.label), 9, wi)) : i("", !0),
+			t.dragDrop ? (x(), a("div", {
 				key: 1,
-				class: m(M.value),
-				onDrop: C,
-				onDragenter: E,
-				onDragover: O,
-				onDragleave: k,
-				onClick: j
-			}, [D(t.$slots, "dropzone", {}, () => [o("p", Ei, A(e.dropzoneText), 1)], !0)], 34)) : i("", !0),
-			o("input", {
-				id: u.value,
+				class: m(H.value),
+				onDrop: I,
+				onDragenter: R,
+				onDragover: z,
+				onDragleave: B,
+				onClick: V
+			}, [D(n.$slots, "dropzone", {}, () => [o("p", Ti, A(t.dropzoneText), 1)], !0)], 34)) : i("", !0),
+			o("input", f(n.$attrs, {
+				id: g.value,
 				ref_key: "inputRef",
-				ref: f,
+				ref: O,
 				type: "file",
-				class: m(e.dragDrop ? "" : p.value),
-				multiple: e.multiple,
-				accept: e.accept,
-				disabled: e.disabled,
-				style: h(e.dragDrop ? "display: none" : void 0),
-				onChange: S
-			}, null, 46, Di),
-			e.helpText ? (x(), a("div", Oi, A(e.helpText), 1)) : i("", !0)
+				class: t.dragDrop ? "" : j.value,
+				multiple: t.multiple,
+				accept: t.accept,
+				disabled: t.disabled,
+				style: t.dragDrop ? "display: none" : void 0,
+				"aria-invalid": t.validationState === "invalid",
+				"aria-describedby": k.value,
+				onChange: F
+			}), null, 16, Ei),
+			w.value ? (x(), a("div", {
+				key: 2,
+				id: v.value,
+				class: "form-text"
+			}, A(t.helpText), 9, Di)) : i("", !0),
+			C.value ? (x(), a(e, { key: 3 }, [t.validationState === "valid" ? (x(), a("div", {
+				key: 0,
+				id: b.value,
+				class: "valid-feedback",
+				style: { display: "block" }
+			}, A(t.validationMessage || "Looks good!"), 9, Oi)) : i("", !0), t.validationState === "invalid" ? (x(), a("div", {
+				key: 1,
+				id: b.value,
+				class: "invalid-feedback",
+				role: "alert",
+				style: { display: "block" }
+			}, A(t.validationMessage || "Please provide a valid file."), 9, ki)) : i("", !0)], 64)) : i("", !0)
 		]));
 	}
-}), [["__scopeId", "data-v-d6447a0f"]]), Ai = [
+}), [["__scopeId", "data-v-38c97d93"]]), ji = [
 	"aria-label",
 	"aria-valuemin",
 	"aria-valuemax",
 	"aria-valuenow",
 	"aria-disabled"
-], ji = [
+], Mi = [
 	"aria-valuemin",
 	"aria-valuemax",
 	"aria-valuenow",
 	"aria-disabled"
-], Mi = /*#__PURE__*/ W(/* @__PURE__ */ c({
+], Ni = /*#__PURE__*/ G(/* @__PURE__ */ c({
 	__name: "VibeSlider",
 	props: {
 		modelValue: {
@@ -5469,7 +5504,7 @@ var er = { class: "vibe-chart" }, tr = {
 				style: h(k.value),
 				onKeydown: L,
 				onPointerdown: z
-			}, null, 44, Ai),
+			}, null, 44, ji),
 			e.range ? (x(), a("div", {
 				key: 0,
 				class: "vibe-slider-handle",
@@ -5483,18 +5518,18 @@ var er = { class: "vibe-chart" }, tr = {
 				style: h(A.value),
 				onKeydown: R,
 				onPointerdown: B
-			}, null, 44, ji)) : i("", !0)
+			}, null, 44, Mi)) : i("", !0)
 		], 544)], 2));
 	}
-}), [["__scopeId", "data-v-58d4508c"]]), Ni = { class: "vibe-stepper-header" }, Pi = [
+}), [["__scopeId", "data-v-58d4508c"]]), Pi = { class: "vibe-stepper-header" }, Fi = [
 	"tabindex",
 	"aria-disabled",
 	"onClick",
 	"onKeydown"
-], Fi = { class: "vibe-stepper-marker" }, Ii = { class: "vibe-stepper-label" }, Li = {
+], Ii = { class: "vibe-stepper-marker" }, Li = { class: "vibe-stepper-label" }, Ri = {
 	key: 0,
 	class: "vibe-stepper-description"
-}, Ri = { class: "vibe-stepper-body" }, zi = { class: "vibe-stepper-actions" }, Bi = ["disabled"], Vi = /*#__PURE__*/ W(/* @__PURE__ */ c({
+}, zi = { class: "vibe-stepper-body" }, Bi = { class: "vibe-stepper-actions" }, Vi = ["disabled"], Hi = /*#__PURE__*/ G(/* @__PURE__ */ c({
 	__name: "VibeStepper",
 	props: {
 		modelValue: {
@@ -5599,26 +5634,26 @@ var er = { class: "vibe-chart" }, tr = {
 			return c.steps[e];
 		});
 		return (n, r) => (x(), a("div", { class: m(u.value) }, [
-			o("ol", Ni, [(x(!0), a(e, null, E(t.steps, (e, r) => (x(), a("li", {
+			o("ol", Pi, [(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", Fi, [D(n.$slots, "marker", {
+			}, [o("span", Ii, [D(n.$slots, "marker", {
 				index: r,
 				step: e,
 				active: r === t.modelValue
-			}, () => [s(A(r + 1), 1)], !0)]), o("span", Ii, [D(n.$slots, "label", {
+			}, () => [s(A(r + 1), 1)], !0)]), o("span", Li, [D(n.$slots, "label", {
 				index: r,
 				step: e
-			}, () => [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", {
+			}, () => [s(A(e.label), 1)], !0), e.description ? (x(), a("small", Ri, A(e.description), 1)) : i("", !0)])], 42, Fi))), 128))]),
+			o("div", zi, [D(n.$slots, "step", {
 				index: t.modelValue,
 				step: O.value
 			}, void 0, !0)]),
-			o("div", zi, [D(n.$slots, "actions", {
+			o("div", Bi, [D(n.$slots, "actions", {
 				next: S,
 				prev: C,
 				isFirst: h.value,
@@ -5629,7 +5664,7 @@ var er = { class: "vibe-chart" }, tr = {
 				disabled: h.value,
 				"data-stepper-prev": "",
 				onClick: C
-			}, A(t.prevText), 9, Bi), o("button", {
+			}, A(t.prevText), 9, Vi), o("button", {
 				type: "button",
 				class: "btn btn-primary",
 				"data-stepper-next": "",
@@ -5637,7 +5672,7 @@ var er = { class: "vibe-chart" }, tr = {
 			}, A(p.value ? t.finishText : t.nextText), 1)], !0)])
 		], 2));
 	}
-}), [["__scopeId", "data-v-d9646674"]]), Hi = ["for"], Ui = [
+}), [["__scopeId", "data-v-d9646674"]]), Ui = ["for"], Wi = [
 	"id",
 	"value",
 	"placeholder",
@@ -5645,15 +5680,15 @@ var er = { class: "vibe-chart" }, tr = {
 	"aria-expanded",
 	"aria-controls",
 	"aria-activedescendant"
-], Wi = ["id"], Gi = [
+], Gi = ["id"], Ki = [
 	"id",
 	"aria-selected",
 	"onMouseenter",
 	"onClick"
-], Ki = {
+], qi = {
 	key: 2,
 	class: "vibe-autocomplete-empty"
-}, qi = /*#__PURE__*/ W(/* @__PURE__ */ c({
+}, Ji = /*#__PURE__*/ G(/* @__PURE__ */ c({
 	__name: "VibeAutocomplete",
 	props: {
 		modelValue: {
@@ -5699,7 +5734,7 @@ var er = { class: "vibe-chart" }, tr = {
 	},
 	emits: ["update:modelValue", "select"],
 	setup(t, { emit: r }) {
-		let c = t, l = r, u = q("autocomplete"), d = n(() => c.id || u), f = n(() => `${d.value}-listbox`), p = T(c.modelValue), h = T([]), g = T(-1), v = T(!1), y = T(null), b = T(null), S = 0;
+		let c = t, l = r, u = J("autocomplete"), d = n(() => c.id || u), f = n(() => `${d.value}-listbox`), p = T(c.modelValue), h = T([]), g = T(-1), v = T(!1), y = T(null), b = T(null), S = 0;
 		I(() => c.modelValue, (e) => {
 			e !== p.value && (p.value = e);
 		});
@@ -5776,7 +5811,7 @@ var er = { class: "vibe-chart" }, tr = {
 		}), _(() => {
 			M = !0, P(), y.value !== null && clearTimeout(y.value), typeof document < "u" && document.removeEventListener("mousedown", H);
 		});
-		let ee = n(() => v.value && p.value.length >= c.minChars && h.value.length === 0);
+		let U = n(() => v.value && p.value.length >= c.minChars && h.value.length === 0);
 		return (n, r) => (x(), a("div", {
 			class: "vibe-autocomplete",
 			ref_key: "rootRef",
@@ -5786,7 +5821,7 @@ var er = { class: "vibe-chart" }, tr = {
 				key: 0,
 				for: d.value,
 				class: "form-label"
-			}, A(t.label), 9, Hi)) : i("", !0),
+			}, A(t.label), 9, Ui)) : i("", !0),
 			o("input", {
 				id: d.value,
 				class: "form-control",
@@ -5803,7 +5838,7 @@ var er = { class: "vibe-chart" }, tr = {
 				onInput: L,
 				onFocus: R,
 				onKeydown: V
-			}, null, 40, Ui),
+			}, null, 40, Wi),
 			v.value && h.value.length > 0 ? (x(), a("ul", {
 				key: 1,
 				id: f.value,
@@ -5821,10 +5856,10 @@ var er = { class: "vibe-chart" }, tr = {
 				item: e,
 				index: t,
 				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)
+			}, () => [s(A(w(e)), 1)], !0)], 42, Ki))), 128))], 8, Gi)) : U.value ? (x(), a("div", qi, [D(n.$slots, "empty", {}, () => [r[0] ||= s("No results", -1)], !0)])) : i("", !0)
 		], 512));
 	}
-}), [["__scopeId", "data-v-34f733e3"]]), Ji = /*#__PURE__*/ W(/* @__PURE__ */ c({
+}), [["__scopeId", "data-v-34f733e3"]]), Yi = /*#__PURE__*/ G(/* @__PURE__ */ c({
 	__name: "VibeSortable",
 	props: {
 		modelValue: {
@@ -5903,24 +5938,24 @@ var er = { class: "vibe-chart" }, tr = {
 			_: 3
 		}));
 	}
-}), [["__scopeId", "data-v-0d48df5a"]]), J = {
+}), [["__scopeId", "data-v-0d48df5a"]]), Y = {
 	payload: void 0,
 	group: "",
 	active: !1
-}, 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));
+}, Xi = !1, Zi = () => {
+	Y.payload = void 0, Y.group = "", Y.active = !1, $i();
 }, 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, na = /*#__PURE__*/ W(/* @__PURE__ */ c({
+	Xi || typeof document > "u" || (Xi = !0, document.addEventListener("dragend", Zi), document.addEventListener("drop", Zi));
+}, $i = () => {
+	!Xi || typeof document > "u" || (Xi = !1, document.removeEventListener("dragend", Zi), document.removeEventListener("drop", Zi));
+}, ea = (e, t) => {
+	typeof window > "u" || (Y.payload = e, Y.group = t, Y.active = !0, Qi());
+}, ta = () => {
+	typeof window > "u" || (Y.payload = void 0, Y.group = "", Y.active = !1, $i());
+}, na = () => Y.active ? {
+	payload: Y.payload,
+	group: Y.group
+} : null, ra = /*#__PURE__*/ G(/* @__PURE__ */ c({
 	__name: "VibeDraggable",
 	props: {
 		payload: {
@@ -5947,13 +5982,13 @@ var er = { class: "vibe-chart" }, tr = {
 				e.preventDefault();
 				return;
 			}
-			a.value = !0, $i(n.payload, n.group), e.dataTransfer && (e.dataTransfer.effectAllowed = "move"), i("dragstart", {
+			a.value = !0, ea(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, ea(), i("dragend", {
+			a.value = !1, ta(), i("dragend", {
 				payload: n.payload,
 				group: n.group,
 				event: e
@@ -5978,7 +6013,7 @@ var er = { class: "vibe-chart" }, tr = {
 			"data-vibe-group"
 		]));
 	}
-}), [["__scopeId", "data-v-39b73254"]]), ra = /*#__PURE__*/ W(/* @__PURE__ */ c({
+}), [["__scopeId", "data-v-39b73254"]]), ia = /*#__PURE__*/ G(/* @__PURE__ */ c({
 	__name: "VibeDroppable",
 	props: {
 		group: {
@@ -6008,7 +6043,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 = () => ta(), l = (e) => {
+		let s = (e) => n.acceptGroups && n.acceptGroups.length > 0 ? n.acceptGroups.includes(e) : e === n.group, c = () => na(), l = (e) => {
 			if (n.disabled) return;
 			let t = c();
 			t && s(t.group) && (o += 1, a.value = !0, i("dragenter", e));
@@ -6046,7 +6081,7 @@ var er = { class: "vibe-chart" }, tr = {
 			_: 3
 		}, 40, ["class", "data-vibe-group"]));
 	}
-}), [["__scopeId", "data-v-cb4f90ac"]]), ia = ["data-handle", "onPointerdown"], aa = /*#__PURE__*/ W(/* @__PURE__ */ c({
+}), [["__scopeId", "data-v-cb4f90ac"]]), aa = ["data-handle", "onPointerdown"], oa = /*#__PURE__*/ G(/* @__PURE__ */ c({
 	__name: "VibeResizable",
 	props: {
 		handles: {
@@ -6160,19 +6195,19 @@ var er = { class: "vibe-chart" }, tr = {
 			onPointerdown: j(O)[e],
 			onPointermove: k,
 			onPointerup: A
-		}, null, 42, ia))), 128))], 6));
+		}, null, 42, aa))), 128))], 6));
 	}
-}), [["__scopeId", "data-v-6582c06b"]]), oa = ["for"], sa = [
+}), [["__scopeId", "data-v-6582c06b"]]), sa = ["for"], ca = [
 	"id",
 	"value",
 	"placeholder",
 	"disabled",
 	"aria-expanded"
-], ca = ["aria-label"], la = { class: "vibe-datepicker-header" }, ua = { class: "vibe-datepicker-title" }, da = { class: "vibe-datepicker-weekdays" }, fa = { class: "vibe-datepicker-grid" }, pa = [
+], la = ["aria-label"], ua = { class: "vibe-datepicker-header" }, da = { class: "vibe-datepicker-title" }, fa = { class: "vibe-datepicker-weekdays" }, pa = { class: "vibe-datepicker-grid" }, ma = [
 	"data-iso",
 	"disabled",
 	"onClick"
-], ma = /*#__PURE__*/ W(/* @__PURE__ */ c({
+], ha = /*#__PURE__*/ G(/* @__PURE__ */ c({
 	__name: "VibeDatePicker",
 	props: {
 		modelValue: {
@@ -6230,7 +6265,7 @@ var er = { class: "vibe-chart" }, tr = {
 		"close"
 	],
 	setup(t, { expose: r, emit: s }) {
-		let c = t, l = s, u = q("datepicker"), d = n(() => c.id || u), f = (e) => String(e).padStart(2, "0"), h = (e) => `${e.getFullYear()}-${f(e.getMonth() + 1)}-${f(e.getDate())}`, g = /^\d{4}-\d{2}-\d{2}$/, v = (e) => {
+		let c = t, l = s, u = J("datepicker"), d = n(() => c.id || u), f = (e) => String(e).padStart(2, "0"), h = (e) => `${e.getFullYear()}-${f(e.getMonth() + 1)}-${f(e.getDate())}`, g = /^\d{4}-\d{2}-\d{2}$/, v = (e) => {
 			if (!g.test(e)) return /* @__PURE__ */ new Date();
 			let [t, n, r] = e.split("-").map(Number);
 			return new Date(t, n - 1, r);
@@ -6288,7 +6323,7 @@ var er = { class: "vibe-chart" }, tr = {
 			C.value === 0 ? (C.value = 11, --S.value) : --C.value;
 		}, H = () => {
 			C.value === 11 ? (C.value = 0, S.value += 1) : C.value += 1;
-		}, ee = (e) => {
+		}, U = (e) => {
 			if (e.disabled) return;
 			if (!c.range) {
 				l("update:modelValue", e.iso), B();
@@ -6300,49 +6335,49 @@ var er = { class: "vibe-chart" }, tr = {
 				return;
 			}
 			e.iso < t ? l("update:modelValue", [e.iso, t]) : (l("update:modelValue", [t, e.iso]), B());
-		}, te = (e) => {
+		}, ee = (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(" ");
-		}, U = async (e) => {
+		}, W = 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();
-		}, W = async (e) => {
+		}, G = async (e) => {
 			let t = v(w.value || k.value || h(b()));
-			t.setDate(t.getDate() + e), await U(h(t));
-		}, ne = async (e) => {
+			t.setDate(t.getDate() + e), await W(h(t));
+		}, te = 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 U(h(t));
-		}, re = async (e) => {
+			t.setFullYear(r, i, Math.min(t.getDate(), a)), await W(h(t));
+		}, ne = async (e) => {
 			switch (e.key) {
 				case "ArrowRight":
-					e.preventDefault(), await W(1);
+					e.preventDefault(), await G(1);
 					break;
 				case "ArrowLeft":
-					e.preventDefault(), await W(-1);
+					e.preventDefault(), await G(-1);
 					break;
 				case "ArrowDown":
-					e.preventDefault(), await W(7);
+					e.preventDefault(), await G(7);
 					break;
 				case "ArrowUp":
-					e.preventDefault(), await W(-7);
+					e.preventDefault(), await G(-7);
 					break;
 				case "PageDown":
-					e.preventDefault(), await ne(1);
+					e.preventDefault(), await te(1);
 					break;
 				case "PageUp":
-					e.preventDefault(), await ne(-1);
+					e.preventDefault(), await te(-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 U(h(t));
+					t.setDate(t.getDate() - n), await W(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 U(h(t));
+					t.setDate(t.getDate() + (6 - n)), await W(h(t));
 					break;
 				}
 				case "Enter":
@@ -6351,22 +6386,22 @@ var er = { class: "vibe-chart" }, tr = {
 					let t = w.value;
 					if (!t) break;
 					let n = P.value.find((e) => e.iso === t);
-					n && ee(n);
+					n && U(n);
 					break;
 				}
 				case "Escape":
 					e.preventDefault(), B();
 					break;
 			}
-		}, ie = (e) => {
+		}, re = (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", ie)) : (w.value = null, document.removeEventListener("mousedown", ie)));
+			typeof document > "u" || (e ? (w.value = k.value || h(b()), document.addEventListener("mousedown", re)) : (w.value = null, document.removeEventListener("mousedown", re)));
 		}), _(() => {
-			typeof document < "u" && document.removeEventListener("mousedown", ie);
+			typeof document < "u" && document.removeEventListener("mousedown", re);
 		}), r({
 			open: () => {
 				y.value || z();
@@ -6381,7 +6416,7 @@ var er = { class: "vibe-chart" }, tr = {
 				key: 0,
 				for: d.value,
 				class: "form-label"
-			}, A(t.label), 9, oa)) : i("", !0),
+			}, A(t.label), 9, sa)) : i("", !0),
 			o("input", {
 				id: d.value,
 				type: "text",
@@ -6393,7 +6428,7 @@ var er = { class: "vibe-chart" }, tr = {
 				"aria-haspopup": "dialog",
 				"aria-expanded": y.value,
 				onClick: z
-			}, null, 8, sa),
+			}, null, 8, ca),
 			y.value ? (x(), a("div", {
 				key: 1,
 				ref_key: "popoverRef",
@@ -6401,9 +6436,9 @@ var er = { class: "vibe-chart" }, tr = {
 				class: "vibe-datepicker-popover",
 				role: "dialog",
 				"aria-label": t.label || "Date picker",
-				onKeydown: re
+				onKeydown: ne
 			}, [
-				o("div", la, [
+				o("div", ua, [
 					o("button", {
 						type: "button",
 						class: "vibe-datepicker-nav",
@@ -6411,7 +6446,7 @@ var er = { class: "vibe-chart" }, tr = {
 						"data-prev-month": "",
 						onClick: V
 					}, "‹"),
-					o("span", ua, A(F.value), 1),
+					o("span", da, A(F.value), 1),
 					o("button", {
 						type: "button",
 						class: "vibe-datepicker-nav",
@@ -6420,32 +6455,32 @@ var er = { class: "vibe-chart" }, tr = {
 						onClick: H
 					}, "›")
 				]),
-				o("div", da, [(x(!0), a(e, null, E(L.value, (e) => (x(), a("span", {
+				o("div", fa, [(x(!0), a(e, null, E(L.value, (e) => (x(), a("span", {
 					key: e,
 					class: "vibe-datepicker-weekday"
 				}, A(e), 1))), 128))]),
-				o("div", fa, [(x(!0), a(e, null, E(P.value, (e) => (x(), a("button", {
+				o("div", pa, [(x(!0), a(e, null, E(P.value, (e) => (x(), a("button", {
 					key: e.iso,
 					type: "button",
-					class: m(te(e)),
+					class: m(ee(e)),
 					"data-iso": e.iso,
 					disabled: e.disabled,
-					onClick: (t) => ee(e)
-				}, A(e.day), 11, pa))), 128))])
-			], 40, ca)) : i("", !0)
+					onClick: (t) => U(e)
+				}, A(e.day), 11, ma))), 128))])
+			], 40, la)) : i("", !0)
 		], 512));
 	}
-}), [["__scopeId", "data-v-0a5b8fa4"]]), ha = [
+}), [["__scopeId", "data-v-0a5b8fa4"]]), ga = [
 	"id",
 	"checked",
 	"disabled",
 	"required",
 	"aria-invalid",
 	"aria-describedby"
-], ga = ["for"], _a = {
+], _a = ["for"], va = {
 	key: 0,
 	class: "text-danger"
-}, va = ["id"], ya = ["id"], ba = ["id"], xa = /* @__PURE__ */ c({
+}, ya = ["id"], ba = ["id"], xa = ["id"], Sa = /* @__PURE__ */ c({
 	__name: "VibeFormCheckbox",
 	props: /*@__PURE__*/ d({
 		value: {
@@ -6531,7 +6566,7 @@ 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("checkbox"), g = n(() => l.id || p || h), _ = n(() => `${g.value}-help`), v = n(() => `${g.value}-feedback`), b = n(() => !!l.label && !f?.hasLabel.value), S = n(() => !!l.validationState && !f?.hasValidation.value), C = n(() => !!l.helpText && !f?.hasHelp.value), w = n(() => {
+		let c = M(t, "modelValue"), l = t, d = r, f = u(q, null), p = f?.consumeId(), h = J("checkbox"), g = n(() => l.id || p || h), _ = n(() => `${g.value}-help`), v = n(() => `${g.value}-feedback`), b = n(() => !!l.label && !f?.hasLabel.value), S = n(() => !!l.validationState && !f?.hasValidation.value), C = n(() => !!l.helpText && !f?.hasHelp.value), w = n(() => {
 			let e = ["form-check"];
 			return l.inline && e.push("form-check-inline"), l.reverse && e.push("form-check-reverse"), e.join(" ");
 		}), E = n(() => {
@@ -6564,31 +6599,32 @@ var er = { class: "vibe-chart" }, tr = {
 				onChange: O,
 				onBlur: k,
 				onFocus: j
-			}, null, 42, ha),
+			}, null, 42, ga),
 			b.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", va, "*")) : i("", !0)], 8, _a)) : i("", !0),
 			C.value ? (x(), a("div", {
 				key: 1,
 				id: `${g.value}-help`,
 				class: "form-text"
-			}, A(t.helpText), 9, va)) : i("", !0),
+			}, A(t.helpText), 9, ya)) : 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, ya)) : i("", !0), t.validationState === "invalid" ? (x(), a("div", {
+			}, A(t.validationMessage || "Looks good!"), 9, ba)) : i("", !0), t.validationState === "invalid" ? (x(), a("div", {
 				key: 1,
 				id: `${g.value}-feedback`,
 				class: "invalid-feedback",
+				role: "alert",
 				style: { display: "block" }
-			}, A(t.validationMessage || "Please check this box."), 9, ba)) : i("", !0)], 64)) : i("", !0)
+			}, A(t.validationMessage || "Please check this box."), 9, xa)) : i("", !0)], 64)) : i("", !0)
 		], 2));
 	}
-}), Sa = [
+}), Ca = [
 	"id",
 	"name",
 	"value",
@@ -6597,10 +6633,10 @@ var er = { class: "vibe-chart" }, tr = {
 	"required",
 	"aria-invalid",
 	"aria-describedby"
-], Ca = ["for"], wa = {
+], wa = ["for"], Ta = {
 	key: 0,
 	class: "text-danger"
-}, Ta = ["id"], Ea = ["id"], Da = ["id"], Oa = /* @__PURE__ */ c({
+}, Ea = ["id"], Da = ["id"], Oa = ["id"], ka = /* @__PURE__ */ c({
 	__name: "VibeFormRadio",
 	props: /*@__PURE__*/ d({
 		value: {
@@ -6677,7 +6713,7 @@ 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("radio"), g = n(() => l.id || p || h);
+		let c = M(t, "modelValue"), l = t, d = r, f = u(q, null), p = f?.consumeId(), h = J("radio"), g = n(() => l.id || p || h);
 		n(() => `${g.value}-help`), n(() => `${g.value}-feedback`);
 		let _ = n(() => !!l.label && !f?.hasLabel.value), v = n(() => !!l.validationState && !f?.hasValidation.value), y = n(() => !!l.helpText && !f?.hasHelp.value), b = n(() => {
 			let e = ["form-check"];
@@ -6707,41 +6743,42 @@ var er = { class: "vibe-chart" }, tr = {
 				onChange: w,
 				onBlur: T,
 				onFocus: E
-			}, null, 42, Sa),
+			}, null, 42, Ca),
 			_.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", Ta, "*")) : i("", !0)], 8, wa)) : 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, Ea)) : 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, Da)) : i("", !0), t.validationState === "invalid" ? (x(), a("div", {
 				key: 1,
 				id: `${g.value}-feedback`,
 				class: "invalid-feedback",
+				role: "alert",
 				style: { display: "block" }
-			}, A(t.validationMessage || "Please select an option."), 9, Da)) : i("", !0)], 64)) : i("", !0)
+			}, A(t.validationMessage || "Please select an option."), 9, Oa)) : i("", !0)], 64)) : i("", !0)
 		], 2));
 	}
-}), ka = [
+}), Aa = [
 	"id",
 	"checked",
 	"disabled",
 	"required",
 	"aria-invalid",
 	"aria-describedby"
-], Aa = ["for"], ja = {
+], ja = ["for"], Ma = {
 	key: 0,
 	class: "text-danger"
-}, Ma = ["id"], Na = ["id"], Pa = ["id"], Fa = /* @__PURE__ */ c({
+}, Na = ["id"], Pa = ["id"], Fa = ["id"], Ia = /* @__PURE__ */ c({
 	__name: "VibeFormSwitch",
 	props: /*@__PURE__*/ d({
 		id: {
@@ -6798,7 +6835,7 @@ 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("switch"), g = n(() => l.id || p || h), _ = n(() => !!l.label && !f?.hasLabel.value), v = n(() => !!l.validationState && !f?.hasValidation.value), y = n(() => !!l.helpText && !f?.hasHelp.value), b = n(() => {
+		let c = M(t, "modelValue"), l = t, d = r, f = u(q, null), p = f?.consumeId(), h = J("switch"), g = n(() => l.id || p || h), _ = n(() => !!l.label && !f?.hasLabel.value), v = n(() => !!l.validationState && !f?.hasValidation.value), y = n(() => !!l.helpText && !f?.hasHelp.value), b = n(() => {
 			let e = ["form-check", "form-switch"];
 			return l.inline && e.push("form-check-inline"), e.join(" ");
 		}), S = n(() => {
@@ -6825,53 +6862,54 @@ var er = { class: "vibe-chart" }, tr = {
 				onChange: C,
 				onBlur: w,
 				onFocus: T
-			}, null, 42, ka),
+			}, null, 42, Aa),
 			_.value ? (x(), a("label", {
 				key: 0,
 				for: g.value,
 				class: "form-check-label"
-			}, [s(A(t.label) + " ", 1), t.required ? (x(), a("span", ja, "*")) : i("", !0)], 8, Aa)) : i("", !0),
+			}, [s(A(t.label) + " ", 1), t.required ? (x(), a("span", Ma, "*")) : i("", !0)], 8, ja)) : i("", !0),
 			y.value ? (x(), a("div", {
 				key: 1,
 				id: `${g.value}-help`,
 				class: "form-text"
-			}, A(t.helpText), 9, Ma)) : i("", !0),
+			}, A(t.helpText), 9, Na)) : 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, Na)) : i("", !0), t.validationState === "invalid" ? (x(), a("div", {
+			}, A(t.validationMessage || "Looks good!"), 9, Pa)) : i("", !0), t.validationState === "invalid" ? (x(), a("div", {
 				key: 1,
 				id: `${g.value}-feedback`,
 				class: "invalid-feedback",
+				role: "alert",
 				style: { display: "block" }
-			}, A(t.validationMessage || "Please toggle this switch."), 9, Pa)) : i("", !0)], 64)) : i("", !0)
+			}, A(t.validationMessage || "Please toggle this switch."), 9, Fa)) : i("", !0)], 64)) : i("", !0)
 		], 2));
 	}
-}), Ia = ["for"], La = {
+}), La = ["for"], Ra = {
 	key: 0,
 	class: "text-danger ms-1",
 	"aria-hidden": "true"
-}, Ra = {
+}, za = {
 	key: 1,
 	class: "text-muted ms-1 small",
 	"aria-hidden": "true"
-}, za = {
+}, Ba = {
 	key: 2,
 	class: "visually-hidden"
-}, Ba = ["id"], Va = ["id"], Ha = ["id"], Ua = ["for"], Wa = {
+}, Va = ["id"], Ha = ["id"], Ua = ["id"], Wa = ["for"], Ga = {
 	key: 0,
 	class: "text-danger ms-1",
 	"aria-hidden": "true"
-}, Ga = {
+}, Ka = {
 	key: 1,
 	class: "text-muted ms-1 small",
 	"aria-hidden": "true"
-}, Ka = {
+}, qa = {
 	key: 2,
 	class: "visually-hidden"
-}, qa = ["id"], Ja = ["id"], Ya = ["id"], Xa = /* @__PURE__ */ c({
+}, Ja = ["id"], Ya = ["id"], Xa = ["id"], Za = /* @__PURE__ */ c({
 	__name: "VibeFormGroup",
 	props: {
 		label: {
@@ -6916,8 +6954,8 @@ var er = { class: "vibe-chart" }, tr = {
 		}
 	},
 	setup(t) {
-		let r = t, o = q("form-group"), c = n(() => r.labelFor || o), l = T(!1);
-		S(K, {
+		let r = t, o = J("form-group"), c = n(() => r.labelFor || o), l = T(!1);
+		S(q, {
 			id: c,
 			consumeId: () => l.value ? null : (l.value = !0, c.value),
 			hasLabel: n(() => !!r.label),
@@ -6939,9 +6977,9 @@ var er = { class: "vibe-chart" }, tr = {
 			class: m(d.value)
 		}, [
 			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", {
+			t.required ? (x(), a("span", Ra, "*")) : (x(), a("span", za, "(optional)")),
+			t.required ? (x(), a("span", Ba, "required")) : i("", !0)
+		], 10, La)) : i("", !0), t.row && t.labelCols ? (x(), a("div", {
 			key: 1,
 			class: m(f.value)
 		}, [
@@ -6950,20 +6988,20 @@ var er = { class: "vibe-chart" }, tr = {
 				key: 0,
 				id: h.value,
 				class: "form-text"
-			}, A(t.helpText), 9, Ba)) : i("", !0),
+			}, A(t.helpText), 9, Va)) : 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, Va)) : i("", !0),
+			}, A(t.validationMessage || "Looks good!"), 9, Ha)) : 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, Ha)) : i("", !0)
+			}, A(t.validationMessage || "Please provide a valid value."), 9, Ua)) : i("", !0)
 		], 2)) : (x(), a(e, { key: 2 }, [
 			D(n.$slots, "default"),
 			t.label && t.floating ? (x(), a("label", {
@@ -6972,35 +7010,35 @@ var er = { class: "vibe-chart" }, tr = {
 				class: m(d.value)
 			}, [
 				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.required ? (x(), a("span", Ga, "*")) : (x(), a("span", Ka, "(optional)")),
+				t.required ? (x(), a("span", qa, "required")) : i("", !0)
+			], 10, Wa)) : i("", !0),
 			t.helpText ? (x(), a("div", {
 				key: 1,
 				id: h.value,
 				class: "form-text"
-			}, A(t.helpText), 9, qa)) : i("", !0),
+			}, A(t.helpText), 9, Ja)) : 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, Ja)) : i("", !0),
+			}, A(t.validationMessage || "Looks good!"), 9, Ya)) : 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, Ya)) : i("", !0)
+			}, A(t.validationMessage || "Please provide a valid value."), 9, Xa)) : i("", !0)
 		], 64))], 2));
 	}
-}), Za = {
+}), Qa = {
 	key: 0,
 	role: "alert",
 	"aria-live": "polite",
 	class: "alert alert-danger"
-}, Qa = { class: "mb-0" }, $a = ["href", "onClick"], eo = /* @__PURE__ */ c({
+}, $a = { class: "mb-0" }, eo = ["href", "onClick"], to = /* @__PURE__ */ c({
 	__name: "VibeFormErrorSummary",
 	props: { errors: {
 		type: Object,
@@ -7009,26 +7047,26 @@ var er = { class: "vibe-chart" }, tr = {
 	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", {
+		return (t, n) => l.value.length ? (x(), a("div", Qa, [n[0] ||= o("strong", null, "Please fix the following:", -1), o("ul", $a, [(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);
+		}, A(t), 9, eo)]))), 128))])])) : i("", !0);
 	}
-}), to = {
+}), no = {
 	sm: 576,
 	md: 768,
 	lg: 992,
 	xl: 1200,
 	xxl: 1400
 };
-function no() {
+function ro() {
 	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: ${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)`)
+		sm: window.matchMedia(`(min-width: ${no.sm}px)`),
+		md: window.matchMedia(`(min-width: ${no.md}px)`),
+		lg: window.matchMedia(`(min-width: ${no.lg}px)`),
+		xl: window.matchMedia(`(min-width: ${no.xl}px)`),
+		xxl: window.matchMedia(`(min-width: ${no.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);
@@ -7055,7 +7093,7 @@ function no() {
 }
 //#endregion
 //#region src/utils/sanitizeHtml.ts
-var ro = {
+var io = {
 	ALLOWED_TAGS: [
 		"p",
 		"br",
@@ -7079,29 +7117,29 @@ var ro = {
 		"target",
 		"rel"
 	]
-}, io = null, ao = !1;
-async function oo() {
-	if (!ao) {
-		ao = !0;
+}, ao = null, oo = !1;
+async function so() {
+	if (!oo) {
+		oo = !0;
 		try {
 			let e = await import("./purify.es-eYghtX9j.mjs"), t = e.default ?? e;
-			io = (e) => t.sanitize(e, ro);
+			ao = (e) => t.sanitize(e, io);
 		} catch {}
 	}
 }
-function so(e) {
-	return io ? io(e) : e;
+function co(e) {
+	return ao ? ao(e) : e;
 }
 //#endregion
 //#region src/components/VibeFormWysiwyg.vue?vue&type=script&setup=true&lang.ts
-var co = ["for"], lo = {
+var lo = ["for"], uo = {
 	key: 0,
 	class: "text-danger"
-}, uo = {
+}, fo = {
 	key: 1,
 	class: "alert alert-warning",
 	role: "alert"
-}, fo = ["id"], po = ["id"], mo = ["id"], ho = /*#__PURE__*/ W(/* @__PURE__ */ c({
+}, po = ["id"], mo = ["id"], ho = ["id"], go = /*#__PURE__*/ G(/* @__PURE__ */ c({
 	__name: "VibeFormWysiwyg",
 	props: {
 		modelValue: {
@@ -7187,7 +7225,7 @@ var co = ["for"], lo = {
 		"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 } = 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 c = J("wysiwyg"), l = t, d = r, f = u(q, null), g = f?.consumeId(), v = n(() => l.id || g || c), b = n(() => Se(l.height) ?? "200px"), { isMobile: S } = ro(), 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(" ");
 		}), H = [
@@ -7207,7 +7245,7 @@ var co = ["for"], lo = {
 			[{ color: [] }, { background: [] }],
 			["link", "image"],
 			["clean"]
-		], ee = [
+		], U = [
 			[
 				"bold",
 				"italic",
@@ -7215,7 +7253,7 @@ var co = ["for"], lo = {
 			],
 			[{ list: "ordered" }, { list: "bullet" }],
 			["link", "clean"]
-		], te = {
+		], ee = {
 			minimal: [[
 				"bold",
 				"italic",
@@ -7268,21 +7306,21 @@ var co = ["for"], lo = {
 				],
 				["clean"]
 			]
-		}, 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) => {
+		}, W = (e, t) => e === !1 ? !1 : e === !0 || e === void 0 ? t : typeof e == "string" ? ee[e] ?? t : e, G = () => l.toolbar === !1 ? !1 : S.value ? l.mobileToolbar === !1 ? !1 : l.mobileToolbar === void 0 ? U : W(l.mobileToolbar, U) : W(l.toolbar, H), te = (e) => {
 			if (!O.value) return;
 			N.value = !0;
-			let t = so(e || ""), n = O.value.clipboard.convert({ html: t });
+			let t = co(e || ""), n = O.value.clipboard.convert({ html: t });
 			O.value.setContents(n, "silent"), N.value = !1;
-		}, re = () => !O.value || O.value.getText().trim().length === 0 ? "" : so(O.value.getSemanticHTML()), ie = () => {
+		}, ne = () => !O.value || O.value.getText().trim().length === 0 ? "" : co(O.value.getSemanticHTML()), re = () => {
 			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");
-		}, ae = async () => {
+		}, ie = async () => {
 			if (P) return;
 			P = !0, M.value = null;
-			let e = oo();
+			let e = so();
 			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;
@@ -7291,12 +7329,12 @@ var co = ["for"], lo = {
 						theme: l.theme,
 						placeholder: l.placeholder,
 						readOnly: l.readonly || l.disabled,
-						modules: { toolbar: W() }
+						modules: { toolbar: G() }
 					};
 					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"), ie(), l.modelValue && ne(l.modelValue), B = () => {
-						N.value || (d("update:modelValue", re()), d("change"), l.validateOn === "change" && d("validate"));
+					t.id = v.value || "", D.value.removeAttribute("id"), t.setAttribute("role", "textbox"), t.setAttribute("aria-multiline", "true"), re(), l.modelValue && te(l.modelValue), B = () => {
+						N.value || (d("update:modelValue", ne()), 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 = () => {
@@ -7313,7 +7351,7 @@ var co = ["for"], lo = {
 				P = !1;
 			}
 		};
-		return y(ae), _(() => {
+		return y(ie), _(() => {
 			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), 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");
@@ -7322,7 +7360,7 @@ var co = ["for"], lo = {
 				O.value = null;
 			}
 		}), I(() => l.modelValue, (e) => {
-			O.value && re() !== (e || "") && ne(e || "");
+			O.value && ne() !== (e || "") && te(e || "");
 		}), I(() => l.disabled, (e) => {
 			O.value && O.value.enable(!e);
 		}), I(() => l.readonly, (e) => {
@@ -7331,13 +7369,13 @@ var co = ["for"], lo = {
 			() => l.validationState,
 			() => l.helpText,
 			() => l.validationMessage
-		], ie), I(S, () => {
+		], re), I(S, () => {
 			O.value && (L !== null && clearTimeout(L), L = setTimeout(async () => {
 				if (L = null, !(F || !O.value)) try {
-					let e = re();
+					let e = ne();
 					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);
+					t && t.remove(), D.value && (D.value.innerHTML = ""), await p(), await ie(), e && te(e);
 				} catch (e) {
 					O.value = null, j.value = !1, d("component-error", {
 						message: "Editor failed to reinitialise on mobile breakpoint change.",
@@ -7351,8 +7389,8 @@ var co = ["for"], lo = {
 				key: 0,
 				for: v.value,
 				class: "form-label"
-			}, [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", {
+			}, [s(A(t.label) + " ", 1), t.required ? (x(), a("span", uo, "*")) : i("", !0)], 8, lo)) : i("", !0),
+			M.value ? (x(), a("div", fo, A(M.value), 1)) : (x(), a("div", {
 				key: 2,
 				class: m(V.value),
 				style: h({ minHeight: b.value })
@@ -7364,27 +7402,28 @@ var co = ["for"], lo = {
 				key: 3,
 				id: `${v.value}-help`,
 				class: "form-text"
-			}, A(t.helpText), 9, fo)) : i("", !0),
+			}, A(t.helpText), 9, po)) : 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, po)) : i("", !0), t.validationState === "invalid" ? (x(), a("div", {
+			}, A(t.validationMessage || "Looks good!"), 9, mo)) : i("", !0), t.validationState === "invalid" ? (x(), a("div", {
 				key: 1,
 				id: `${v.value}-feedback`,
 				class: "invalid-feedback",
+				role: "alert",
 				style: { display: "block" }
-			}, A(t.validationMessage || "Please provide valid content."), 9, mo)) : i("", !0)], 64)) : i("", !0)
+			}, A(t.validationMessage || "Please provide valid content."), 9, ho)) : i("", !0)], 64)) : i("", !0)
 		], 2));
 	}
-}), [["__scopeId", "data-v-82e0c636"]]), go = {
+}), [["__scopeId", "data-v-f0a5eec1"]]), _o = {
 	key: 0,
 	class: "input-group-text"
-}, _o = {
+}, vo = {
 	key: 0,
 	class: "input-group-text"
-}, vo = /* @__PURE__ */ c({
+}, yo = /* @__PURE__ */ c({
 	__name: "VibeInputGroup",
 	props: {
 		size: {
@@ -7411,14 +7450,14 @@ var co = ["for"], lo = {
 		});
 		return (t, n) => (x(), r(O(e.tag), { class: m(o.value) }, {
 			default: R(() => [
-				D(t.$slots, "prepend", {}, () => [e.prepend ? (x(), a("span", go, A(e.prepend), 1)) : i("", !0)]),
+				D(t.$slots, "prepend", {}, () => [e.prepend ? (x(), a("span", _o, A(e.prepend), 1)) : i("", !0)]),
 				D(t.$slots, "default"),
-				D(t.$slots, "append", {}, () => [e.append ? (x(), a("span", _o, A(e.append), 1)) : i("", !0)])
+				D(t.$slots, "append", {}, () => [e.append ? (x(), a("span", vo, A(e.append), 1)) : i("", !0)])
 			]),
 			_: 3
 		}, 8, ["class"]));
 	}
-}), yo = /* @__PURE__ */ c({
+}), bo = /* @__PURE__ */ c({
 	__name: "VibeLink",
 	props: {
 		tag: {
@@ -7470,7 +7509,7 @@ var co = ["for"], lo = {
 		return (t, n) => (x(), r(O(a.value), {
 			class: m(o.value),
 			to: i.value ? e.to : void 0,
-			href: i.value ? void 0 : j(G)(e.href)
+			href: i.value ? void 0 : j(K)(e.href)
 		}, {
 			default: R(() => [D(t.$slots, "default")]),
 			_: 3
@@ -7480,57 +7519,57 @@ var co = ["for"], lo = {
 			"href"
 		]));
 	}
-}), 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 ? {
+}), xo = Symbol("vibeTooltipInstance"), So = Symbol("vibeTooltipPending"), Co = Symbol("vibeTooltipOpts"), wo = () => typeof window < "u" && ("ontouchstart" in window || typeof navigator < "u" && navigator.maxTouchPoints > 0), To = (e) => typeof e == "string" ? { title: e } : e ? {
 	...e,
 	title: e.title ?? e.text ?? e.content
-} : {}, To = (e) => {
+} : {}, Eo = (e) => {
 	let t = e || "hover focus";
-	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;
+	return wo() && t === "hover focus" ? "click" : t;
+}, Do = (e, t) => (e.placement || "top") !== (t.placement || "top") || Eo(e.trigger) !== Eo(t.trigger), Oo = async (e, t) => {
+	if (e[So] || e[xo]) return;
+	e[So] = !0;
 	let n = t;
-	e[So] = t;
+	e[Co] = t;
 	try {
-		e[bo] = new (await (import("bootstrap"))).Tooltip(e, {
+		e[xo] = new (await (import("bootstrap"))).Tooltip(e, {
 			title: t.title || "",
 			placement: t.placement || "top",
-			trigger: To(t.trigger),
+			trigger: Eo(t.trigger),
 			html: !1
-		}), e[So] !== n && e[bo] && e[bo].setContent({ ".tooltip-inner": e[So]?.title ?? "" });
+		}), e[Co] !== n && e[xo] && e[xo].setContent({ ".tooltip-inner": e[Co]?.title ?? "" });
 	} catch {}
-	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 = {
+	e[So] = !1;
+}, ko = (e) => {
+	let t = e[xo];
+	t && (t.dispose(), e[xo] = null);
+}, Ao = (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", Eo(t.trigger)), e.removeAttribute("data-bs-html");
+}, jo = {
 	mounted(e, t) {
-		let n = wo(t.value);
-		ko(e, n), Do(e, n);
+		let n = To(t.value);
+		Ao(e, n), Oo(e, n);
 	},
 	updated(e, t) {
-		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);
+		let n = To(t.value);
+		Ao(e, n);
+		let r = e[Co] || {}, i = e[xo];
+		if (e[Co] = n, !e[So]) {
+			if (i && Do(r, n)) {
+				ko(e), Oo(e, n);
 				return;
 			}
 			i && i.setContent({ ".tooltip-inner": n.title || "" });
 		}
 	},
 	beforeUnmount(e) {
-		Oo(e);
+		ko(e);
 	}
-}, 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);
+}, Mo = { install(e) {
+	e.component("VibeAlert", U), e.component("VibeBadge", ee), e.component("VibeButton", te), e.component("VibeButtonGroup", re), e.component("VibeCloseButton", ae), e.component("VibeSpinner", se), e.component("VibePlaceholder", ce), e.component("VibeSkeleton", le), e.component("VibeContainer", ue), e.component("VibeRow", de), e.component("VibeCol", fe), e.component("VibeCard", _e), e.component("VibeHero", Te), e.component("VibeBreadcrumb", ke), 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", Pt), e.component("VibeOffcanvas", zt), e.component("VibeToast", Kt), e.component("VibeToastHost", rn), e.component("VibeCarousel", gn), e.component("VibeTooltip", vn), e.component("VibePopover", bn), e.component("VibeScrollspy", xn), e.component("VibeIcon", Cn), e.component("VibeChartLine", Bn), e.component("VibeChartBar", Xn), e.component("VibeChartPie", nr), e.component("VibeDataTable", Tr), e.component("VibeFormInput", Vr), e.component("VibeFormSelect", Qr), e.component("VibeFormTextarea", oi), e.component("VibeFormSpinbutton", hi), e.component("VibeFormDatepicker", Si), e.component("VibeFileInput", Ai), e.component("VibeSlider", Ni), e.component("VibeStepper", Hi), e.component("VibeAutocomplete", Ji), e.component("VibeSortable", Yi), e.component("VibeDraggable", ra), e.component("VibeDroppable", ia), e.component("VibeResizable", oa), e.component("VibeDatePicker", ha), e.component("VibeFormCheckbox", Sa), e.component("VibeFormRadio", ka), e.component("VibeFormSwitch", Ia), e.component("VibeFormGroup", Za), e.component("VibeFormErrorSummary", to), e.component("VibeFormWysiwyg", go), e.component("VibeInputGroup", yo), e.component("VibeLink", bo), e.directive("vibe-tooltip", jo);
 } };
 //#endregion
 //#region src/composables/useFormValidation.ts
-function Mo(e = "") {
+function No(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 = "");
@@ -7576,7 +7615,7 @@ function Mo(e = "") {
 		}
 	};
 }
-var No = {
+var Po = {
 	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
@@ -7631,7 +7670,7 @@ var No = {
 		message: e
 	}),
 	async: (e) => ({ validator: e })
-}, Po = (e) => JSON.parse(JSON.stringify(e)), Fo = async (e, t) => {
+}, Fo = (e) => JSON.parse(JSON.stringify(e)), Io = async (e, t) => {
 	let n = Array.isArray(t) ? t : [{ validator: t }];
 	for (let t of n) {
 		let n = await t.validator(e);
@@ -7640,8 +7679,8 @@ var No = {
 	}
 	return "";
 };
-function Io(e) {
-	let t = Po(e), r = C(Po(e)), i = {}, a = {};
+function Lo(e) {
+	let t = Fo(e), r = C(Fo(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]);
@@ -7666,7 +7705,7 @@ function Io(e) {
 			for (let i of Object.keys(e)) {
 				let a = e[i];
 				if (!a) continue;
-				let s = await Fo(r[i], a);
+				let s = await Io(r[i], a);
 				o[i] = s, s && (t[i] = s, n = !1);
 			}
 			return l.value = !0, {
@@ -7675,11 +7714,11 @@ function Io(e) {
 			};
 		},
 		validateField: async (e, t) => {
-			let n = await Fo(r[e], t);
+			let n = await Io(r[e], t);
 			return o[e] = n, l.value = !0, n;
 		},
 		reset: () => {
-			for (let e of Object.keys(t)) r[e] = Po(t[e]), o[e] = "", s[e] = !1;
+			for (let e of Object.keys(t)) r[e] = Fo(t[e]), o[e] = "", s[e] = !1;
 			c.value = !1, l.value = !1;
 		},
 		markTouched: (e) => {
@@ -7695,75 +7734,75 @@ function Io(e) {
 }
 //#endregion
 //#region node_modules/@floating-ui/utils/dist/floating-ui.utils.mjs
-var Lo = Math.min, Ro = Math.max, zo = Math.round, Bo = Math.floor, Y = (e) => ({
+var Ro = Math.min, zo = Math.max, Bo = Math.round, Vo = Math.floor, X = (e) => ({
 	x: e,
 	y: e
-}), Vo = {
+}), Ho = {
 	left: "right",
 	right: "left",
 	bottom: "top",
 	top: "bottom"
 };
-function Ho(e, t, n) {
-	return Ro(e, Lo(t, n));
+function Uo(e, t, n) {
+	return zo(e, Ro(t, n));
 }
-function Uo(e, t) {
+function Wo(e, t) {
 	return typeof e == "function" ? e(t) : e;
 }
-function Wo(e) {
+function Go(e) {
 	return e.split("-")[0];
 }
-function Go(e) {
+function Ko(e) {
 	return e.split("-")[1];
 }
-function Ko(e) {
+function qo(e) {
 	return e === "x" ? "y" : "x";
 }
-function qo(e) {
+function Jo(e) {
 	return e === "y" ? "height" : "width";
 }
-function Jo(e) {
+function Yo(e) {
 	let t = e[0];
 	return t === "t" || t === "b" ? "y" : "x";
 }
-function Yo(e) {
-	return Ko(Jo(e));
+function Xo(e) {
+	return qo(Yo(e));
 }
-function Xo(e, t, n) {
+function Zo(e, t, n) {
 	n === void 0 && (n = !1);
-	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)];
+	let r = Ko(e), i = Xo(e), a = Jo(i), o = i === "x" ? r === (n ? "end" : "start") ? "right" : "left" : r === "start" ? "bottom" : "top";
+	return t.reference[a] > t.floating[a] && (o = os(o)), [o, os(o)];
 }
-function Zo(e) {
-	let t = as(e);
+function Qo(e) {
+	let t = os(e);
 	return [
-		Qo(e),
+		$o(e),
 		t,
-		Qo(t)
+		$o(t)
 	];
 }
-function Qo(e) {
+function $o(e) {
 	return e.includes("start") ? e.replace("start", "end") : e.replace("end", "start");
 }
-var $o = ["left", "right"], es = ["right", "left"], ts = ["top", "bottom"], ns = ["bottom", "top"];
-function rs(e, t, n) {
+var es = ["left", "right"], ts = ["right", "left"], ns = ["top", "bottom"], rs = ["bottom", "top"];
+function is(e, t, n) {
 	switch (e) {
 		case "top":
-		case "bottom": return n ? t ? es : $o : t ? $o : es;
+		case "bottom": return n ? t ? ts : es : t ? es : ts;
 		case "left":
-		case "right": return t ? ts : ns;
+		case "right": return t ? ns : rs;
 		default: return [];
 	}
 }
-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 as(e) {
-	let t = Wo(e);
-	return Vo[t] + e.slice(t.length);
+function as(e, t, n, r) {
+	let i = Ko(e), a = is(Go(e), n === "start", r);
+	return i && (a = a.map((e) => e + "-" + i), t && (a = a.concat(a.map($o)))), a;
 }
 function os(e) {
+	let t = Go(e);
+	return Ho[t] + e.slice(t.length);
+}
+function ss(e) {
 	return {
 		top: 0,
 		right: 0,
@@ -7772,15 +7811,15 @@ function os(e) {
 		...e
 	};
 }
-function ss(e) {
+function cs(e) {
 	return typeof e == "number" ? {
 		top: e,
 		right: e,
 		bottom: e,
 		left: e
-	} : os(e);
+	} : ss(e);
 }
-function cs(e) {
+function ls(e) {
 	let { x: t, y: n, width: r, height: i } = e;
 	return {
 		width: r,
@@ -7795,8 +7834,8 @@ function cs(e) {
 }
 //#endregion
 //#region node_modules/@floating-ui/core/dist/floating-ui.core.mjs
-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;
+function us(e, t, n) {
+	let { reference: r, floating: i } = e, a = Yo(t), o = Xo(t), s = Jo(o), c = Go(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 = {
@@ -7827,7 +7866,7 @@ function ls(e, t, n) {
 			y: r.y
 		};
 	}
-	switch (Go(t)) {
+	switch (Ko(t)) {
 		case "start":
 			p[o] -= f * (n && l ? -1 : 1);
 			break;
@@ -7837,9 +7876,9 @@ function ls(e, t, n) {
 	}
 	return p;
 }
-async function us(e, t) {
+async function ds(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 } = Uo(t, e), p = ss(f), m = o[d ? u === "floating" ? "reference" : "floating" : u], h = cs(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 } = Wo(t, e), p = cs(f), m = o[d ? u === "floating" ? "reference" : "floating" : u], h = ls(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,
@@ -7852,7 +7891,7 @@ async function us(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 = cs(i.convertOffsetParentRelativeRectToViewportRelativeRect ? await i.convertOffsetParentRelativeRectToViewportRelativeRect({
+	}, y = ls(i.convertOffsetParentRelativeRectToViewportRelativeRect ? await i.convertOffsetParentRelativeRectToViewportRelativeRect({
 		elements: o,
 		rect: g,
 		offsetParent: _,
@@ -7865,15 +7904,15 @@ async function us(e, t) {
 		right: (y.right - h.right + p.right) / v.x
 	};
 }
-var ds = 50, fs = async (e, t, n) => {
+var fs = 50, ps = async (e, t, n) => {
 	let { placement: r = "bottom", strategy: i = "absolute", middleware: a = [], platform: o } = n, s = o.detectOverflow ? o : {
 		...o,
-		detectOverflow: us
+		detectOverflow: ds
 	}, c = await (o.isRTL == null ? void 0 : o.isRTL(t)), l = await o.getElementRects({
 		reference: e,
 		floating: t,
 		strategy: i
-	}), { x: u, y: d } = ls(l, r, c), f = r, p = 0, m = {};
+	}), { x: u, y: d } = us(l, r, c), f = r, p = 0, m = {};
 	for (let n = 0; n < a.length; n++) {
 		let h = a[n];
 		if (!h) continue;
@@ -7894,11 +7933,11 @@ var ds = 50, fs = async (e, t, n) => {
 		u = v ?? u, d = y ?? d, m[g] = {
 			...m[g],
 			...b
-		}, x && p < ds && (p++, typeof x == "object" && (x.placement && (f = x.placement), x.rects && (l = x.rects === !0 ? await o.getElementRects({
+		}, x && p < fs && (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} = ls(l, f, c)), n = -1);
+		}) : x.rects), {x: u, y: d} = us(l, f, c)), n = -1);
 	}
 	return {
 		x: u,
@@ -7907,19 +7946,19 @@ var ds = 50, fs = async (e, t, n) => {
 		strategy: i,
 		middlewareData: m
 	};
-}, ps = function(e) {
+}, ms = 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 } = Uo(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 } = Wo(e, t);
 			if ((n = i.arrow) != null && n.alignmentOffset) return {};
-			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 g = Go(r), _ = Yo(o), v = Go(o) === o, y = await (s.isRTL == null ? void 0 : s.isRTL(c.floating)), b = d || (v || !m ? [os(o)] : Qo(o)), x = p !== "none";
+			!d && x && b.push(...as(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 = Xo(r, a, y);
+				let e = Zo(r, a, y);
 				w.push(C[e[0]], C[e[1]]);
 			}
 			if (T = [...T, {
@@ -7927,7 +7966,7 @@ var ds = 50, fs = 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" && _ !== Jo(t)) || T.every((e) => Jo(e.placement) === _ ? e.overflows[0] > 0 : !0))) return {
+				if (t && (!(u === "alignment" && _ !== Yo(t)) || T.every((e) => Yo(e.placement) === _ ? e.overflows[0] > 0 : !0))) return {
 					data: {
 						index: e,
 						overflows: T
@@ -7939,7 +7978,7 @@ var ds = 50, fs = async (e, t, n) => {
 					case "bestFit": {
 						let e = T.filter((e) => {
 							if (x) {
-								let t = Jo(e.placement);
+								let t = Yo(e.placement);
 								return t === _ || t === "y";
 							}
 							return !0;
@@ -7956,9 +7995,9 @@ var ds = 50, fs = async (e, t, n) => {
 			return {};
 		}
 	};
-}, 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" ? {
+}, hs = /*#__PURE__*/ new Set(["left", "top"]);
+async function gs(e, t) {
+	let { placement: n, platform: r, elements: i } = e, a = await (r.isRTL == null ? void 0 : r.isRTL(i.floating)), o = Go(n), s = Ko(n), c = Yo(n) === "y", l = hs.has(o) ? -1 : 1, u = a && c ? -1 : 1, d = Wo(t, e), { mainAxis: f, crossAxis: p, alignmentAxis: m } = typeof d == "number" ? {
 		mainAxis: d,
 		crossAxis: 0,
 		alignmentAxis: null
@@ -7975,13 +8014,13 @@ async function hs(e, t) {
 		y: p * u
 	};
 }
-var gs = function(e) {
+var _s = 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 hs(t, e);
+			let { x: r, y: i, placement: a, middlewareData: o } = t, s = await gs(t, e);
 			return a === o.offset?.placement && (n = o.arrow) != null && n.alignmentOffset ? {} : {
 				x: r + s.x,
 				y: i + s.y,
@@ -7992,7 +8031,7 @@ var gs = function(e) {
 			};
 		}
 	};
-}, _s = function(e) {
+}, vs = function(e) {
 	return e === void 0 && (e = {}), {
 		name: "shift",
 		options: e,
@@ -8003,17 +8042,17 @@ var gs = function(e) {
 					x: t,
 					y: n
 				};
-			} }, ...l } = Uo(e, t), u = {
+			} }, ...l } = Wo(e, t), u = {
 				x: n,
 				y: r
-			}, d = await a.detectOverflow(t, l), f = Jo(Wo(i)), p = Ko(f), m = u[p], h = u[f];
+			}, d = await a.detectOverflow(t, l), f = Yo(Go(i)), p = qo(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 = Ho(n, m, r);
+				m = Uo(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 = Ho(n, h, r);
+				h = Uo(n, h, r);
 			}
 			let g = c.fn({
 				...t,
@@ -8036,39 +8075,39 @@ var gs = function(e) {
 };
 //#endregion
 //#region node_modules/@floating-ui/utils/dist/floating-ui.utils.dom.mjs
-function vs() {
+function ys() {
 	return typeof window < "u";
 }
-function ys(e) {
-	return bs(e) ? (e.nodeName || "").toLowerCase() : "#document";
+function bs(e) {
+	return Ss(e) ? (e.nodeName || "").toLowerCase() : "#document";
 }
-function X(e) {
+function Z(e) {
 	var t;
 	return (e == null || (t = e.ownerDocument) == null ? void 0 : t.defaultView) || window;
 }
-function Z(e) {
-	return ((bs(e) ? e.ownerDocument : e.document) || window.document)?.documentElement;
+function xs(e) {
+	return ((Ss(e) ? e.ownerDocument : e.document) || window.document)?.documentElement;
 }
-function bs(e) {
-	return vs() ? e instanceof Node || e instanceof X(e).Node : !1;
+function Ss(e) {
+	return ys() ? e instanceof Node || e instanceof Z(e).Node : !1;
 }
 function Q(e) {
-	return vs() ? e instanceof Element || e instanceof X(e).Element : !1;
+	return ys() ? e instanceof Element || e instanceof Z(e).Element : !1;
 }
-function xs(e) {
-	return vs() ? e instanceof HTMLElement || e instanceof X(e).HTMLElement : !1;
+function Cs(e) {
+	return ys() ? e instanceof HTMLElement || e instanceof Z(e).HTMLElement : !1;
 }
-function Ss(e) {
-	return !vs() || typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof X(e).ShadowRoot;
+function ws(e) {
+	return !ys() || typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof Z(e).ShadowRoot;
 }
-function Cs(e) {
+function Ts(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 ws(e) {
-	return /^(table|td|th)$/.test(ys(e));
+function Es(e) {
+	return /^(table|td|th)$/.test(bs(e));
 }
-function Ts(e) {
+function Ds(e) {
 	try {
 		if (e.matches(":popover-open")) return !0;
 	} catch {}
@@ -8078,30 +8117,30 @@ function Ts(e) {
 		return !1;
 	}
 }
-var Es = /transform|translate|scale|rotate|perspective|filter/, Ds = /paint|layout|strict|content/, Os = (e) => !!e && e !== "none", ks;
-function As(e) {
+var Os = /transform|translate|scale|rotate|perspective|filter/, ks = /paint|layout|strict|content/, As = (e) => !!e && e !== "none", js;
+function Ms(e) {
 	let t = Q(e) ? $(e) : e;
-	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 || "");
+	return As(t.transform) || As(t.translate) || As(t.scale) || As(t.rotate) || As(t.perspective) || !Ps() && (As(t.backdropFilter) || As(t.filter)) || Os.test(t.willChange || "") || ks.test(t.contain || "");
 }
-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);
+function Ns(e) {
+	let t = Ls(e);
+	for (; Cs(t) && !Fs(t);) {
+		if (Ms(t)) return t;
+		if (Ds(t)) return null;
+		t = Ls(t);
 	}
 	return null;
 }
-function Ms() {
-	return ks ??= typeof CSS < "u" && CSS.supports && CSS.supports("-webkit-backdrop-filter", "none"), ks;
+function Ps() {
+	return js ??= typeof CSS < "u" && CSS.supports && CSS.supports("-webkit-backdrop-filter", "none"), js;
 }
-function Ns(e) {
-	return /^(html|body|#document)$/.test(ys(e));
+function Fs(e) {
+	return /^(html|body|#document)$/.test(bs(e));
 }
 function $(e) {
-	return X(e).getComputedStyle(e);
+	return Z(e).getComputedStyle(e);
 }
-function Ps(e) {
+function Is(e) {
 	return Q(e) ? {
 		scrollLeft: e.scrollLeft,
 		scrollTop: e.scrollTop
@@ -8110,101 +8149,101 @@ function Ps(e) {
 		scrollTop: e.scrollY
 	};
 }
-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 Ls(e) {
+	if (bs(e) === "html") return e;
+	let t = e.assignedSlot || e.parentNode || ws(e) && e.host || xs(e);
+	return ws(t) ? t.host : 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 Rs(e) {
+	let t = Ls(e);
+	return Fs(t) ? e.ownerDocument ? e.ownerDocument.body : e.body : Cs(t) && Ts(t) ? t : Rs(t);
 }
-function Ls(e, t, n) {
+function zs(e, t, n) {
 	t === void 0 && (t = []), n === void 0 && (n = !0);
-	let r = Is(e), i = r === e.ownerDocument?.body, a = X(r);
+	let r = Rs(e), i = r === e.ownerDocument?.body, a = Z(r);
 	if (i) {
-		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));
+		let e = Bs(a);
+		return t.concat(a, a.visualViewport || [], Ts(r) ? r : [], e && n ? zs(e) : []);
+	} else return t.concat(r, zs(r, [], n));
 }
-function Rs(e) {
+function Bs(e) {
 	return e.parent && Object.getPrototypeOf(e.parent) ? e.frameElement : null;
 }
 //#endregion
 //#region node_modules/@floating-ui/dom/dist/floating-ui.dom.mjs
-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;
+function Vs(e) {
+	let t = $(e), n = parseFloat(t.width) || 0, r = parseFloat(t.height) || 0, i = Cs(e), a = i ? e.offsetWidth : n, o = i ? e.offsetHeight : r, s = Bo(n) !== a || Bo(r) !== o;
 	return s && (n = a, r = o), {
 		width: n,
 		height: r,
 		$: s
 	};
 }
-function Bs(e) {
+function Hs(e) {
 	return Q(e) ? e : e.contextElement;
 }
-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;
+function Us(e) {
+	let t = Hs(e);
+	if (!Cs(t)) return X(1);
+	let n = t.getBoundingClientRect(), { width: r, height: i, $: a } = Vs(t), o = (a ? Bo(n.width) : n.width) / r, s = (a ? Bo(n.height) : n.height) / i;
 	return (!o || !Number.isFinite(o)) && (o = 1), (!s || !Number.isFinite(s)) && (s = 1), {
 		x: o,
 		y: s
 	};
 }
-var Hs = /*#__PURE__*/ Y(0);
-function Us(e) {
-	let t = X(e);
-	return !Ms() || !t.visualViewport ? Hs : {
+var Ws = /*#__PURE__*/ X(0);
+function Gs(e) {
+	let t = Z(e);
+	return !Ps() || !t.visualViewport ? Ws : {
 		x: t.visualViewport.offsetLeft,
 		y: t.visualViewport.offsetTop
 	};
 }
-function Ws(e, t, n) {
-	return t === void 0 && (t = !1), !n || t && n !== X(e) ? !1 : t;
+function Ks(e, t, n) {
+	return t === void 0 && (t = !1), !n || t && n !== Z(e) ? !1 : t;
 }
-function Gs(e, t, n, r) {
+function qs(e, t, n, r) {
 	t === void 0 && (t = !1), n === void 0 && (n = !1);
-	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;
+	let i = e.getBoundingClientRect(), a = Hs(e), o = X(1);
+	t && (r ? Q(r) && (o = Us(r)) : o = Us(e));
+	let s = Ks(a, n, r) ? Gs(a) : X(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 = Rs(n);
+		let e = Z(a), t = r && Q(r) ? Z(r) : r, n = e, i = Bs(n);
 		for (; i && r && t !== 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);
+			let e = Us(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 = Z(i), i = Bs(n);
 		}
 	}
-	return cs({
+	return ls({
 		width: u,
 		height: d,
 		x: c,
 		y: l
 	});
 }
-function Ks(e, t) {
-	let n = Ps(e).scrollLeft;
-	return t ? t.left + n : Gs(Z(e)).left + n;
+function Js(e, t) {
+	let n = Is(e).scrollLeft;
+	return t ? t.left + n : qs(xs(e)).left + n;
 }
-function qs(e, t) {
+function Ys(e, t) {
 	let n = e.getBoundingClientRect();
 	return {
-		x: n.left + t.scrollLeft - Ks(e, n),
+		x: n.left + t.scrollLeft - Js(e, n),
 		y: n.top + t.scrollTop
 	};
 }
-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;
+function Xs(e) {
+	let { elements: t, rect: n, offsetParent: r, strategy: i } = e, a = i === "fixed", o = xs(r), s = t ? Ds(t.floating) : !1;
 	if (r === o || s && a) return n;
 	let c = {
 		scrollLeft: 0,
 		scrollTop: 0
-	}, 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;
+	}, l = X(1), u = X(0), d = Cs(r);
+	if ((d || !d && !a) && ((bs(r) !== "body" || Ts(o)) && (c = Is(r)), d)) {
+		let e = qs(r);
+		l = Us(r), u.x = e.x + r.clientLeft, u.y = e.y + r.clientTop;
 	}
-	let f = o && !d && !a ? qs(o, c) : Y(0);
+	let f = o && !d && !a ? Ys(o, c) : X(0);
 	return {
 		width: n.width * l.x,
 		height: n.height * l.y,
@@ -8212,31 +8251,31 @@ function Js(e) {
 		y: n.y * l.y - c.scrollTop * l.y + u.y + f.y
 	};
 }
-function Ys(e) {
+function Zs(e) {
 	return Array.from(e.getClientRects());
 }
-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), {
+function Qs(e) {
+	let t = xs(e), n = Is(e), r = e.ownerDocument.body, i = zo(t.scrollWidth, t.clientWidth, r.scrollWidth, r.clientWidth), a = zo(t.scrollHeight, t.clientHeight, r.scrollHeight, r.clientHeight), o = -n.scrollLeft + Js(e), s = -n.scrollTop;
+	return $(r).direction === "rtl" && (o += zo(t.clientWidth, r.clientWidth) - i), {
 		width: i,
 		height: a,
 		x: o,
 		y: s
 	};
 }
-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;
+var $s = 25;
+function ec(e, t) {
+	let n = Z(e), r = xs(e), i = n.visualViewport, a = r.clientWidth, o = r.clientHeight, s = 0, c = 0;
 	if (i) {
 		a = i.width, o = i.height;
-		let e = Ms();
+		let e = Ps();
 		(!e || e && t === "fixed") && (s = i.offsetLeft, c = i.offsetTop);
 	}
-	let l = Ks(r);
+	let l = Js(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 <= Zs && (a -= o);
-	} else l <= Zs && (a += l);
+		o <= $s && (a -= o);
+	} else l <= $s && (a += l);
 	return {
 		width: a,
 		height: o,
@@ -8244,8 +8283,8 @@ function Qs(e, t) {
 		y: c
 	};
 }
-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);
+function tc(e, t) {
+	let n = qs(e, !0, t === "fixed"), r = n.top + e.clientTop, i = n.left + e.clientLeft, a = Cs(e) ? Us(e) : X(1);
 	return {
 		width: e.clientWidth * a.x,
 		height: e.clientHeight * a.y,
@@ -8253,13 +8292,13 @@ function $s(e, t) {
 		y: r * a.y
 	};
 }
-function ec(e, t, n) {
+function nc(e, t, n) {
 	let r;
-	if (t === "viewport") r = Qs(e, n);
-	else if (t === "document") r = Xs(Z(e));
-	else if (Q(t)) r = $s(t, n);
+	if (t === "viewport") r = ec(e, n);
+	else if (t === "document") r = Qs(xs(e));
+	else if (Q(t)) r = tc(t, n);
 	else {
-		let n = Us(e);
+		let n = Gs(e);
 		r = {
 			x: t.x - n.x,
 			y: t.y - n.y,
@@ -8267,27 +8306,27 @@ function ec(e, t, n) {
 			height: t.height
 		};
 	}
-	return cs(r);
+	return ls(r);
 }
-function tc(e, t) {
-	let n = Fs(e);
-	return n === t || !Q(n) || Ns(n) ? !1 : $(n).position === "fixed" || tc(n, t);
+function rc(e, t) {
+	let n = Ls(e);
+	return n === t || !Q(n) || Fs(n) ? !1 : $(n).position === "fixed" || rc(n, t);
 }
-function nc(e, t) {
+function ic(e, t) {
 	let n = t.get(e);
 	if (n) return n;
-	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);
+	let r = zs(e, [], !1).filter((e) => Q(e) && bs(e) !== "body"), i = null, a = $(e).position === "fixed", o = a ? Ls(e) : e;
+	for (; Q(o) && !Fs(o);) {
+		let t = $(o), n = Ms(o);
+		!n && t.position === "fixed" && (i = null), (a ? !n && !i : !n && t.position === "static" && i && (i.position === "absolute" || i.position === "fixed") || Ts(o) && !n && rc(e, o)) ? r = r.filter((e) => e !== o) : i = t, o = Ls(o);
 	}
 	return t.set(e, r), r;
 }
-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;
+function ac(e) {
+	let { element: t, boundary: n, rootBoundary: r, strategy: i } = e, a = [...n === "clippingAncestors" ? Ds(t) ? [] : ic(t, this._c) : [].concat(n), r], o = nc(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 = 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);
+		let n = nc(t, a[e], i);
+		s = zo(n.top, s), c = Ro(n.right, c), l = Ro(n.bottom, l), u = zo(n.left, u);
 	}
 	return {
 		width: c - u,
@@ -8296,27 +8335,27 @@ function rc(e) {
 		y: s
 	};
 }
-function ic(e) {
-	let { width: t, height: n } = zs(e);
+function oc(e) {
+	let { width: t, height: n } = Vs(e);
 	return {
 		width: t,
 		height: n
 	};
 }
-function ac(e, t, n) {
-	let r = xs(t), i = Z(t), a = n === "fixed", o = Gs(e, !0, a, t), s = {
+function sc(e, t, n) {
+	let r = Cs(t), i = xs(t), a = n === "fixed", o = qs(e, !0, a, t), s = {
 		scrollLeft: 0,
 		scrollTop: 0
-	}, c = Y(0);
+	}, c = X(0);
 	function l() {
-		c.x = Ks(i);
+		c.x = Js(i);
 	}
-	if (r || !r && !a) if ((ys(t) !== "body" || Cs(i)) && (s = Ps(t)), r) {
-		let e = Gs(t, !0, a, t);
+	if (r || !r && !a) if ((bs(t) !== "body" || Ts(i)) && (s = Is(t)), r) {
+		let e = qs(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 ? qs(i, s) : Y(0);
+	let u = i && !r && !a ? Ys(i, s) : X(0);
 	return {
 		x: o.left + s.scrollLeft - c.x - u.x,
 		y: o.top + s.scrollTop - c.y - u.y,
@@ -8324,34 +8363,34 @@ function ac(e, t, n) {
 		height: o.height
 	};
 }
-function oc(e) {
+function cc(e) {
 	return $(e).position === "static";
 }
-function sc(e, t) {
-	if (!xs(e) || $(e).position === "fixed") return null;
+function lc(e, t) {
+	if (!Cs(e) || $(e).position === "fixed") return null;
 	if (t) return t(e);
 	let n = e.offsetParent;
-	return Z(e) === n && (n = n.ownerDocument.body), n;
+	return xs(e) === n && (n = n.ownerDocument.body), n;
 }
-function cc(e, t) {
-	let n = X(e);
-	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);
+function uc(e, t) {
+	let n = Z(e);
+	if (Ds(e)) return n;
+	if (!Cs(e)) {
+		let t = Ls(e);
+		for (; t && !Fs(t);) {
+			if (Q(t) && !cc(t)) return t;
+			t = Ls(t);
 		}
 		return 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;
+	let r = lc(e, t);
+	for (; r && Es(r) && cc(r);) r = lc(r, t);
+	return r && Fs(r) && cc(r) && !Ms(r) ? n : r || Ns(e) || n;
 }
-var lc = async function(e) {
-	let t = this.getOffsetParent || cc, n = this.getDimensions, r = await n(e.floating);
+var dc = async function(e) {
+	let t = this.getOffsetParent || uc, n = this.getDimensions, r = await n(e.floating);
 	return {
-		reference: ac(e.reference, await t(e.floating), e.strategy),
+		reference: sc(e.reference, await t(e.floating), e.strategy),
 		floating: {
 			x: 0,
 			y: 0,
@@ -8360,26 +8399,26 @@ var lc = async function(e) {
 		}
 	};
 };
-function uc(e) {
+function fc(e) {
 	return $(e).direction === "rtl";
 }
-var dc = {
-	convertOffsetParentRelativeRectToViewportRelativeRect: Js,
-	getDocumentElement: Z,
-	getClippingRect: rc,
-	getOffsetParent: cc,
-	getElementRects: lc,
-	getClientRects: Ys,
-	getDimensions: ic,
-	getScale: Vs,
+var pc = {
+	convertOffsetParentRelativeRectToViewportRelativeRect: Xs,
+	getDocumentElement: xs,
+	getClippingRect: ac,
+	getOffsetParent: uc,
+	getElementRects: dc,
+	getClientRects: Zs,
+	getDimensions: oc,
+	getScale: Us,
 	isElement: Q,
-	isRTL: uc
+	isRTL: fc
 };
-function fc(e, t) {
+function mc(e, t) {
 	return e.x === t.x && e.y === t.y && e.width === t.width && e.height === t.height;
 }
-function pc(e, t) {
-	let n = null, r, i = Z(e);
+function hc(e, t) {
+	let n = null, r, i = xs(e);
 	function a() {
 		var e;
 		clearTimeout(r), (e = n) == null || e.disconnect(), n = null;
@@ -8388,9 +8427,9 @@ function pc(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 = Bo(d), h = Bo(i.clientWidth - (u + f)), g = Bo(i.clientHeight - (d + p)), _ = Bo(u), v = {
+		let m = Vo(d), h = Vo(i.clientWidth - (u + f)), g = Vo(i.clientHeight - (d + p)), _ = Vo(u), v = {
 			rootMargin: -m + "px " + -h + "px " + -g + "px " + -_ + "px",
-			threshold: Ro(0, Lo(1, c)) || 1
+			threshold: zo(0, Ro(1, c)) || 1
 		}, y = !0;
 		function b(t) {
 			let n = t[0].intersectionRatio;
@@ -8400,7 +8439,7 @@ function pc(e, t) {
 					o(!1, 1e-7);
 				}, 1e3);
 			}
-			n === 1 && !fc(l, e.getBoundingClientRect()) && o(), y = !1;
+			n === 1 && !mc(l, e.getBoundingClientRect()) && o(), y = !1;
 		}
 		try {
 			n = new IntersectionObserver(b, {
@@ -8414,13 +8453,13 @@ function pc(e, t) {
 	}
 	return o(!0), a;
 }
-function mc(e, t, n, r) {
+function gc(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 = Bs(e), u = i || a ? [...l ? Ls(l) : [], ...t ? Ls(t) : []] : [];
+	let { ancestorScroll: i = !0, ancestorResize: a = !0, elementResize: o = typeof ResizeObserver == "function", layoutShift: s = typeof IntersectionObserver == "function", animationFrame: c = !1 } = r, l = Hs(e), u = i || a ? [...l ? zs(l) : [], ...t ? zs(t) : []] : [];
 	u.forEach((e) => {
 		i && e.addEventListener("scroll", n, { passive: !0 }), a && e.addEventListener("resize", n);
 	});
-	let d = l && s ? pc(l, n) : null, f = -1, p = null;
+	let d = l && s ? hc(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(() => {
@@ -8428,11 +8467,11 @@ function mc(e, t, n, r) {
 			(e = p) == null || e.observe(t);
 		})), n();
 	}), l && !c && p.observe(l), t && p.observe(t));
-	let m, h = c ? Gs(e) : null;
+	let m, h = c ? qs(e) : null;
 	c && g();
 	function g() {
-		let t = Gs(e);
-		h && !fc(h, t) && n(), h = t, m = requestAnimationFrame(g);
+		let t = qs(e);
+		h && !mc(h, t) && n(), h = t, m = requestAnimationFrame(g);
 	}
 	return n(), () => {
 		var e;
@@ -8441,19 +8480,19 @@ function mc(e, t, n, r) {
 		}), d?.(), (e = p) == null || e.disconnect(), p = null, c && cancelAnimationFrame(m);
 	};
 }
-var hc = gs, gc = _s, _c = ps, vc = (e, t, n) => {
+var _c = _s, vc = vs, yc = ms, bc = (e, t, n) => {
 	let r = /* @__PURE__ */ new Map(), i = {
-		platform: dc,
+		platform: pc,
 		...n
 	}, a = {
 		...i.platform,
 		_c: r
 	};
-	return fs(e, t, {
+	return ps(e, t, {
 		...i,
 		platform: a
 	});
-}, yc = {
+}, xc = {
 	"top start at bottom start": "bottom-start",
 	"top center at bottom center": "bottom",
 	"top end at bottom end": "bottom-end",
@@ -8466,24 +8505,24 @@ var hc = gs, gc = _s, _c = ps, vc = (e, t, n) => {
 	"bottom start at bottom end": "right-end",
 	"top end at top start": "left-start",
 	"bottom end at bottom start": "left-end"
-}, bc = (e, t) => {
+}, Sc = (e, t) => {
 	let n = `${e} at ${t}`;
-	if (yc[n]) return yc[n];
+	if (xc[n]) return xc[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 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) => {
+function Cc(e, t, n = {}) {
+	let r = () => typeof n == "function" ? n() : n, i = r(), a = T(Sc(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(hc({
+			t.push(_c({
 				mainAxis: r,
 				crossAxis: n
 			}));
 		}
 		let n = e.collision ?? "flip+shift";
-		return (n === "flip" || n === "flip+shift") && t.push(_c()), (n === "shift" || n === "flip+shift") && t.push(gc()), t;
+		return (n === "flip" || n === "flip+shift") && t.push(yc()), (n === "shift" || n === "flip+shift") && t.push(vc()), t;
 	}, f = (e) => {
 		u !== e && (u = e, l = {
 			position: e.style.position,
@@ -8498,8 +8537,8 @@ function xc(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 vc(i, n, {
-			placement: bc(l, u),
+		let p = await bc(i, n, {
+			placement: Sc(l, u),
 			strategy: c.strategy ?? "absolute",
 			middleware: d(c)
 		});
@@ -8516,7 +8555,7 @@ function xc(e, t, n = {}) {
 		if (!i || !a) return;
 		u !== null && u !== i && p(u);
 		let s = null;
-		o.autoUpdate === !1 ? m() : s = mc(a, i, () => {
+		o.autoUpdate === !1 ? m() : s = gc(a, i, () => {
 			m();
 		}), n(() => {
 			s?.(), s = null, c = null;
@@ -8533,74 +8572,74 @@ function xc(e, t, n = {}) {
 }
 //#endregion
 //#region src/composables/useColorMode.ts
-var Sc = "vibe-color-mode", Cc = {
+var wc = "vibe-color-mode", Tc = {
 	light: "dark",
 	dark: "auto",
 	auto: "light"
-}, wc = T("auto"), Tc = !1, Ec = [];
-function Dc() {
+}, Ec = T("auto"), Dc = !1, Oc = [];
+function kc() {
 	return typeof window > "u" ? "light" : window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
 }
-function Oc(e) {
+function Ac(e) {
 	if (typeof document > "u") return;
-	let t = e === "auto" ? Dc() : e;
+	let t = e === "auto" ? kc() : e;
 	document.documentElement.setAttribute("data-bs-theme", t);
 }
-function kc(e) {
-	wc.value = e, Oc(e), Ec.forEach((t) => t(e));
+function jc(e) {
+	Ec.value = e, Ac(e), Oc.forEach((t) => t(e));
 }
-var Ac = "auto";
+var Mc = "auto";
 try {
-	let e = typeof localStorage < "u" ? localStorage.getItem(Sc) : null;
-	e !== null && e in Cc && (Ac = e);
+	let e = typeof localStorage < "u" ? localStorage.getItem(wc) : null;
+	e !== null && e in Tc && (Mc = e);
 } catch {}
-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));
+var Nc = () => {
+	Ec.value === "auto" && (Ac("auto"), Oc.forEach((e) => e("auto")));
+}, Pc = null;
+function Fc() {
+	typeof window > "u" || (Pc = window.matchMedia("(prefers-color-scheme: dark)"), Pc.addEventListener("change", Nc));
 }
-function Pc() {
-	Mc?.removeEventListener("change", jc), Mc = null;
+function Ic() {
+	Pc?.removeEventListener("change", Nc), Pc = null;
 }
-typeof window < "u" && (kc(Ac), Nc(), Tc = !0);
-function Fc() {
+typeof window < "u" && (jc(Mc), Fc(), Dc = !0);
+function Lc() {
 	function e(e) {
-		if (e in Cc) {
+		if (e in Tc) {
 			try {
-				localStorage.setItem(Sc, e);
+				localStorage.setItem(wc, e);
 			} catch {}
-			kc(e);
+			jc(e);
 		}
 	}
 	function t() {
-		if (Tc) return;
-		Pc();
+		if (Dc) return;
+		Ic();
 		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(wc) : null;
+			t !== null && t in Tc && (e = t);
 		} catch {}
-		kc(e), Nc(), Tc = !0;
+		jc(e), Fc(), Dc = !0;
 	}
 	function n() {
-		Pc();
+		Ic();
 		try {
-			localStorage.removeItem(Sc);
+			localStorage.removeItem(wc);
 		} catch {}
-		kc("auto"), Nc(), Tc = !1;
+		jc("auto"), Fc(), Dc = !1;
 	}
 	function r() {
-		e(Cc[wc.value] ?? "auto");
+		e(Tc[Ec.value] ?? "auto");
 	}
 	function i(e) {
-		return Ec.push(e), () => {
-			let t = Ec.indexOf(e);
-			t !== -1 && Ec.splice(t, 1);
+		return Oc.push(e), () => {
+			let t = Oc.indexOf(e);
+			t !== -1 && Oc.splice(t, 1);
 		};
 	}
 	return {
-		colorMode: wc,
+		colorMode: Ec,
 		setColorMode: e,
 		toggleColorMode: r,
 		initColorMode: t,
@@ -8610,6 +8649,6 @@ function Fc() {
 }
 //#endregion
 //#region src/index.ts
-var Ic = jo;
+var Rc = Mo;
 //#endregion
-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 };
+export { mt as VibeAccordion, U as VibeAlert, Ji as VibeAutocomplete, ee as VibeBadge, ke as VibeBreadcrumb, te as VibeButton, re as VibeButtonGroup, _e as VibeCard, gn as VibeCarousel, Xn as VibeChartBar, Bn as VibeChartLine, nr as VibeChartPie, ae as VibeCloseButton, fe as VibeCol, ht as VibeCollapse, ue as VibeContainer, Tr as VibeDataTable, ha as VibeDatePicker, ra as VibeDraggable, Ct as VibeDropdown, ia as VibeDroppable, Ai as VibeFileInput, Sa as VibeFormCheckbox, Si as VibeFormDatepicker, to as VibeFormErrorSummary, Za as VibeFormGroup, Vr as VibeFormInput, ka as VibeFormRadio, Qr as VibeFormSelect, hi as VibeFormSpinbutton, Ia as VibeFormSwitch, oi as VibeFormTextarea, go as VibeFormWysiwyg, Te as VibeHero, Cn as VibeIcon, yo as VibeInputGroup, bo as VibeLink, it as VibeListGroup, Pt as VibeModal, Pe as VibeNav, Le as VibeNavbar, Re as VibeNavbarBrand, Ke as VibeNavbarNav, Be as VibeNavbarToggle, zt as VibeOffcanvas, Qe as VibePagination, ce as VibePlaceholder, bn as VibePopover, ot as VibeProgress, oa as VibeResizable, de as VibeRow, xn as VibeScrollspy, le as VibeSkeleton, Ni as VibeSlider, Yi as VibeSortable, se as VibeSpinner, Hi as VibeStepper, rt as VibeTab, et as VibeTabContent, nt as VibeTabs, Kt as VibeToast, rn as VibeToastHost, vn as VibeTooltip, Rc as default, tn as resetToastStoreForSSR, Et as useBackButton, ro as useBreakpoints, Lc as useColorMode, Lo as useForm, No as useFormValidation, J as useId, Cc as usePosition, en as useToast, jo as vTooltip, Po as validators };