@velkymx/vibeui 0.6.0 → 0.7.0

package/dist/vibeui.es.js

@@ -1,5 +1,5 @@
-import { defineComponent as F, ref as E, onMounted as Y, onBeforeUnmount as X, watch as O, openBlock as i, createElementBlock as n, normalizeClass as $, renderSlot as N, createTextVNode as M, toDisplayString as k, createCommentVNode as y, computed as m, createBlock as z, resolveDynamicComponent as A, withCtx as j, createElementVNode as S, normalizeStyle as K, Fragment as I, renderList as H, nextTick as te, reactive as ve, provide as ne, unref as fe, inject as U, getCurrentInstance as be, Teleport as ae, useModel as _, withDirectives as oe, vModelText as he, vModelSelect as me, withModifiers as Z, mergeModels as se } from "vue";
-const pe = /* @__PURE__ */ F({
+import { defineComponent as M, ref as E, onMounted as Y, onBeforeUnmount as X, watch as O, openBlock as n, createElementBlock as i, normalizeClass as $, renderSlot as N, createTextVNode as I, toDisplayString as k, createCommentVNode as y, computed as m, createBlock as z, resolveDynamicComponent as A, withCtx as j, createElementVNode as S, normalizeStyle as K, Fragment as F, renderList as H, nextTick as ne, reactive as pe, provide as ve, unref as ye, inject as J, getCurrentInstance as ge, Teleport as ie, useModel as _, withDirectives as de, vModelText as ke, vModelSelect as Se, withModifiers as Z, mergeModels as ue } from "vue";
+const $e = /* @__PURE__ */ M({
   __name: "VibeAlert",
   props: {
     variant: { type: String, default: "primary" },
@@ -35,7 +35,7 @@ const pe = /* @__PURE__ */ F({
     const c = () => {
       s.value ? s.value.close() : (o.value = !1, a("update:modelValue", !1), a("closed"));
     };
-    return (b, g) => o.value ? (i(), n("div", {
+    return (b, g) => o.value ? (n(), i("div", {
       key: 0,
       ref_key: "alertRef",
       ref: l,
@@ -43,9 +43,9 @@ const pe = /* @__PURE__ */ F({
       role: "alert"
     }, [
       N(b.$slots, "default", {}, () => [
-        M(k(e.message), 1)
+        I(k(e.message), 1)
       ]),
-      e.dismissable ? (i(), n("button", {
+      e.dismissable ? (n(), i("button", {
         key: 0,
         type: "button",
         class: "btn-close",
@@ -54,7 +54,7 @@ const pe = /* @__PURE__ */ F({
       })) : y("", !0)
     ], 2)) : y("", !0);
   }
-}), ye = /* @__PURE__ */ F({
+}), we = /* @__PURE__ */ M({
   __name: "VibeBadge",
   props: {
     variant: { type: String, default: "primary" },
@@ -67,7 +67,7 @@ const pe = /* @__PURE__ */ F({
       const l = ["badge", `bg-${t.variant}`];
       return t.pill && l.push("rounded-pill"), l.join(" ");
     });
-    return (l, s) => (i(), z(A(e.tag), {
+    return (l, s) => (n(), z(A(e.tag), {
       class: $(a.value)
     }, {
       default: j(() => [
@@ -76,7 +76,7 @@ const pe = /* @__PURE__ */ F({
       _: 3
     }, 8, ["class"]));
   }
-}), ge = /* @__PURE__ */ F({
+}), Ve = /* @__PURE__ */ M({
   __name: "VibeButton",
   props: {
     variant: { type: String, default: "primary" },
@@ -96,7 +96,7 @@ const pe = /* @__PURE__ */ F({
     }), o = (r) => {
       t.disabled || a("click", r);
     };
-    return (r, u) => (i(), z(A(l.value), {
+    return (r, u) => (n(), z(A(l.value), {
       class: $(s.value),
       type: e.href || e.to ? void 0 : e.type,
       href: e.href,
@@ -111,7 +111,7 @@ const pe = /* @__PURE__ */ F({
       _: 3
     }, 8, ["class", "type", "href", "to", "disabled", "aria-disabled"]));
   }
-}), ke = ["role", "aria-label"], Se = /* @__PURE__ */ F({
+}), Ce = ["role", "aria-label"], xe = /* @__PURE__ */ M({
   __name: "VibeButtonGroup",
   props: {
     size: { type: String, default: void 0 },
@@ -125,15 +125,15 @@ const pe = /* @__PURE__ */ F({
       const l = [t.vertical ? "btn-group-vertical" : "btn-group"];
       return t.size && l.push(`btn-group-${t.size}`), l.join(" ");
     });
-    return (l, s) => (i(), n("div", {
+    return (l, s) => (n(), i("div", {
       class: $(a.value),
       role: e.role,
       "aria-label": e.ariaLabel
     }, [
       N(l.$slots, "default")
-    ], 10, ke));
+    ], 10, Ce));
   }
-}), $e = ["disabled", "aria-label"], we = /* @__PURE__ */ F({
+}), Be = ["disabled", "aria-label"], Le = /* @__PURE__ */ M({
   __name: "VibeCloseButton",
   props: {
     disabled: { type: Boolean, default: !1 },
@@ -145,15 +145,15 @@ const pe = /* @__PURE__ */ F({
     const t = e, a = v, l = (s) => {
       t.disabled || a("click", s);
     };
-    return (s, o) => (i(), n("button", {
+    return (s, o) => (n(), i("button", {
       type: "button",
       class: $(["btn-close", { "btn-close-white": e.white }]),
       disabled: e.disabled,
       "aria-label": e.ariaLabel,
       onClick: l
-    }, null, 10, $e));
+    }, null, 10, Be));
   }
-}), Ve = { class: "visually-hidden" }, Ce = /* @__PURE__ */ F({
+}), Te = { class: "visually-hidden" }, Ne = /* @__PURE__ */ M({
   __name: "VibeSpinner",
   props: {
     variant: { type: String, default: void 0 },
@@ -168,17 +168,17 @@ const pe = /* @__PURE__ */ F({
       const l = [`spinner-${t.type}`];
       return t.variant && l.push(`text-${t.variant}`), t.size && l.push(`spinner-${t.type}-${t.size}`), l.join(" ");
     });
-    return (l, s) => (i(), z(A(e.tag), {
+    return (l, s) => (n(), z(A(e.tag), {
       class: $(a.value),
       role: "status"
     }, {
       default: j(() => [
-        S("span", Ve, k(e.label), 1)
+        S("span", Te, k(e.label), 1)
       ]),
       _: 1
     }, 8, ["class"]));
   }
-}), xe = /* @__PURE__ */ F({
+}), Ee = /* @__PURE__ */ M({
   __name: "VibePlaceholder",
   props: {
     variant: { type: String, default: void 0 },
@@ -198,7 +198,7 @@ const pe = /* @__PURE__ */ F({
       if (t.width)
         return { width: typeof t.width == "number" ? `${t.width}%` : t.width };
     });
-    return (o, r) => (i(), z(A(e.tag), {
+    return (o, r) => (n(), z(A(e.tag), {
       class: $(l.value)
     }, {
       default: j(() => [
@@ -212,7 +212,7 @@ const pe = /* @__PURE__ */ F({
       _: 3
     }, 8, ["class"]));
   }
-}), Be = /* @__PURE__ */ F({
+}), Me = /* @__PURE__ */ M({
   __name: "VibeContainer",
   props: {
     fluid: { type: [Boolean, String], default: !1 },
@@ -221,7 +221,7 @@ const pe = /* @__PURE__ */ F({
   emits: ["component-error"],
   setup(e, { emit: v }) {
     const t = e, a = m(() => t.fluid === !1 ? "container" : t.fluid === !0 ? "container-fluid" : `container-${t.fluid}`);
-    return (l, s) => (i(), z(A(e.tag), {
+    return (l, s) => (n(), z(A(e.tag), {
       class: $(a.value)
     }, {
       default: j(() => [
@@ -230,7 +230,7 @@ const pe = /* @__PURE__ */ F({
       _: 3
     }, 8, ["class"]));
   }
-}), Le = /* @__PURE__ */ F({
+}), Ie = /* @__PURE__ */ M({
   __name: "VibeRow",
   props: {
     tag: { type: String, default: "div" },
@@ -283,7 +283,7 @@ const pe = /* @__PURE__ */ F({
         t[r] !== void 0 && l.push(`row-cols-${o}-${t[r]}`);
       }), t.alignItems && l.push(`align-items-${t.alignItems}`), t.justifyContent && l.push(`justify-content-${t.justifyContent}`), l.join(" ");
     });
-    return (l, s) => (i(), z(A(e.tag), {
+    return (l, s) => (n(), z(A(e.tag), {
       class: $(a.value)
     }, {
       default: j(() => [
@@ -292,7 +292,7 @@ const pe = /* @__PURE__ */ F({
       _: 3
     }, 8, ["class"]));
   }
-}), Te = /* @__PURE__ */ F({
+}), Fe = /* @__PURE__ */ M({
   __name: "VibeCol",
   props: {
     tag: { type: String, default: "div" },
@@ -334,7 +334,7 @@ const pe = /* @__PURE__ */ F({
         u === !0 ? l.push(`col-${r}`) : u === "auto" ? l.push(`col-${r}-auto`) : u !== void 0 && l.push(`col-${r}-${u}`);
       })) : l.push("col"), t.offset !== void 0 && l.push(`offset-${t.offset}`), t.offsetSm !== void 0 && l.push(`offset-sm-${t.offsetSm}`), t.offsetMd !== void 0 && l.push(`offset-md-${t.offsetMd}`), t.offsetLg !== void 0 && l.push(`offset-lg-${t.offsetLg}`), t.offsetXl !== void 0 && l.push(`offset-xl-${t.offsetXl}`), t.offsetXxl !== void 0 && l.push(`offset-xxl-${t.offsetXxl}`), t.order !== void 0 && l.push(`order-${t.order}`), t.orderSm !== void 0 && l.push(`order-sm-${t.orderSm}`), t.orderMd !== void 0 && l.push(`order-md-${t.orderMd}`), t.orderLg !== void 0 && l.push(`order-lg-${t.orderLg}`), t.orderXl !== void 0 && l.push(`order-xl-${t.orderXl}`), t.orderXxl !== void 0 && l.push(`order-xxl-${t.orderXxl}`), t.alignSelf && l.push(`align-self-${t.alignSelf}`), l.join(" ");
     });
-    return (l, s) => (i(), z(A(e.tag), {
+    return (l, s) => (n(), z(A(e.tag), {
       class: $(a.value)
     }, {
       default: j(() => [
@@ -343,22 +343,22 @@ const pe = /* @__PURE__ */ F({
       _: 3
     }, 8, ["class"]));
   }
-}), Ne = ["src", "alt"], Ee = {
+}), Pe = ["src", "alt"], Re = {
   key: 1,
   class: "card-header"
-}, Fe = {
+}, qe = {
   key: 2,
   class: "card-body"
-}, Me = {
+}, ze = {
   key: 0,
   class: "card-title"
-}, Ie = {
+}, Ae = {
   key: 1,
   class: "card-text"
-}, Pe = {
+}, je = {
   key: 3,
   class: "card-footer"
-}, Re = ["src", "alt"], qe = /* @__PURE__ */ F({
+}, Oe = ["src", "alt"], He = /* @__PURE__ */ M({
   __name: "VibeCard",
   props: {
     variant: { type: String, default: void 0 },
@@ -382,50 +382,50 @@ const pe = /* @__PURE__ */ F({
       const l = ["card"];
       return t.variant && l.push(`text-bg-${t.variant}`), t.border && l.push(`border-${t.border}`), t.textVariant && l.push(`text-${t.textVariant}`), l.join(" ");
     });
-    return (l, s) => (i(), z(A(e.tag), {
+    return (l, s) => (n(), z(A(e.tag), {
       class: $(a.value)
     }, {
       default: j(() => [
-        e.imgSrc && e.imgTop ? (i(), n("img", {
+        e.imgSrc && e.imgTop ? (n(), i("img", {
           key: 0,
           src: e.imgSrc,
           alt: e.imgAlt,
           class: "card-img-top"
-        }, null, 8, Ne)) : y("", !0),
-        e.header || l.$slots.header ? (i(), n("div", Ee, [
+        }, null, 8, Pe)) : y("", !0),
+        e.header || l.$slots.header ? (n(), i("div", Re, [
           N(l.$slots, "header", {}, () => [
-            M(k(e.header), 1)
+            I(k(e.header), 1)
           ])
         ])) : y("", !0),
-        e.title || e.body || l.$slots.default || l.$slots.body ? (i(), n("div", Fe, [
-          e.title || l.$slots.title ? (i(), n("h5", Me, [
+        e.title || e.body || l.$slots.default || l.$slots.body ? (n(), i("div", qe, [
+          e.title || l.$slots.title ? (n(), i("h5", ze, [
             N(l.$slots, "title", {}, () => [
-              M(k(e.title), 1)
+              I(k(e.title), 1)
             ])
           ])) : y("", !0),
-          e.body || l.$slots.body ? (i(), n("p", Ie, [
+          e.body || l.$slots.body ? (n(), i("p", Ae, [
             N(l.$slots, "body", {}, () => [
-              M(k(e.body), 1)
+              I(k(e.body), 1)
             ])
           ])) : y("", !0),
           N(l.$slots, "default")
         ])) : y("", !0),
-        e.footer || l.$slots.footer ? (i(), n("div", Pe, [
+        e.footer || l.$slots.footer ? (n(), i("div", je, [
           N(l.$slots, "footer", {}, () => [
-            M(k(e.footer), 1)
+            I(k(e.footer), 1)
           ])
         ])) : y("", !0),
-        e.imgSrc && e.imgBottom ? (i(), n("img", {
+        e.imgSrc && e.imgBottom ? (n(), i("img", {
           key: 4,
           src: e.imgSrc,
           alt: e.imgAlt,
           class: "card-img-bottom"
-        }, null, 8, Re)) : y("", !0)
+        }, null, 8, Oe)) : y("", !0)
       ]),
       _: 3
     }, 8, ["class"]));
   }
-}), ze = ["aria-label"], Ae = { class: "breadcrumb" }, je = ["aria-current"], Oe = /* @__PURE__ */ F({
+}), De = ["aria-label"], Ge = { class: "breadcrumb" }, Xe = ["aria-current"], Ye = /* @__PURE__ */ M({
   __name: "VibeBreadcrumb",
   props: {
     ariaLabel: { type: String, default: "breadcrumb" },
@@ -436,14 +436,14 @@ const pe = /* @__PURE__ */ F({
     const t = v, a = (l, s, o) => {
       l.active || t("item-click", { item: l, index: s, event: o });
     };
-    return (l, s) => (i(), n("nav", { "aria-label": e.ariaLabel }, [
-      S("ol", Ae, [
-        (i(!0), n(I, null, H(e.items, (o, r) => (i(), n("li", {
+    return (l, s) => (n(), i("nav", { "aria-label": e.ariaLabel }, [
+      S("ol", Ge, [
+        (n(!0), i(F, null, H(e.items, (o, r) => (n(), i("li", {
           key: r,
           class: $(["breadcrumb-item", { active: o.active }]),
           "aria-current": o.active ? "page" : void 0
         }, [
-          (i(), z(A(o.href ? "a" : o.to ? "router-link" : "span"), {
+          (n(), z(A(o.href ? "a" : o.to ? "router-link" : "span"), {
             href: o.href,
             to: o.to,
             onClick: (u) => a(o, r, u)
@@ -453,22 +453,22 @@ const pe = /* @__PURE__ */ F({
                 item: o,
                 index: r
               }, () => [
-                M(k(o.text), 1)
+                I(k(o.text), 1)
               ])
             ]),
             _: 2
           }, 1032, ["href", "to", "onClick"]))
-        ], 10, je))), 128))
+        ], 10, Xe))), 128))
       ])
-    ], 8, ze));
+    ], 8, De));
   }
-}), He = { class: "dropdown-menu" }, De = {
+}), Ue = { class: "dropdown-menu" }, Je = {
   key: 0,
   class: "dropdown-divider"
-}, Ge = {
+}, Ke = {
   key: 1,
   class: "dropdown-header"
-}, Xe = /* @__PURE__ */ F({
+}, Qe = /* @__PURE__ */ M({
   __name: "VibeNav",
   props: {
     items: { type: Array, required: !0 },
@@ -508,22 +508,22 @@ const pe = /* @__PURE__ */ F({
         f.removeEventListener("show.bs.tab", u), f.removeEventListener("shown.bs.tab", c), f.removeEventListener("hide.bs.tab", b), f.removeEventListener("hidden.bs.tab", g), d.dispose();
       }), o.clear();
     }), O(() => a.items, async () => {
-      await te(), await C();
+      await ne(), await C();
     }, { deep: !0 });
     const p = (d, f, h) => {
       d.disabled || l("item-click", { item: d, index: f, event: h });
     };
-    return v({ bsInstances: o, refresh: C }), (d, f) => (i(), z(A(e.tag), {
+    return v({ bsInstances: o, refresh: C }), (d, f) => (n(), z(A(e.tag), {
       ref_key: "navRef",
       ref: s,
       class: $(r.value)
     }, {
       default: j(() => [
-        (i(!0), n(I, null, H(e.items, (h, w) => (i(), n("li", {
+        (n(!0), i(F, null, H(e.items, (h, w) => (n(), i("li", {
           key: w,
           class: $(["nav-item", { dropdown: h.children && h.children.length > 0 }])
         }, [
-          h.children && h.children.length > 0 ? (i(), n(I, { key: 0 }, [
+          h.children && h.children.length > 0 ? (n(), i(F, { key: 0 }, [
             S("a", {
               class: $(["nav-link dropdown-toggle", { active: h.active, disabled: h.disabled }]),
               "data-bs-toggle": "dropdown",
@@ -531,9 +531,9 @@ const pe = /* @__PURE__ */ F({
               role: "button",
               "aria-expanded": "false"
             }, k(h.text), 3),
-            S("ul", He, [
-              (i(!0), n(I, null, H(h.children, (x, V) => (i(), n("li", { key: V }, [
-                x.divider ? (i(), n("hr", De)) : x.header ? (i(), n("h6", Ge, k(x.text), 1)) : (i(), z(A(x.href ? "a" : x.to ? "router-link" : "button"), {
+            S("ul", Ue, [
+              (n(!0), i(F, null, H(h.children, (x, V) => (n(), i("li", { key: V }, [
+                x.divider ? (n(), i("hr", Je)) : x.header ? (n(), i("h6", Ke, k(x.text), 1)) : (n(), z(A(x.href ? "a" : x.to ? "router-link" : "button"), {
                   key: 2,
                   class: $(["dropdown-item", { active: x.active, disabled: x.disabled }]),
                   href: x.href,
@@ -541,13 +541,13 @@ const pe = /* @__PURE__ */ F({
                   type: !x.href && !x.to ? "button" : void 0
                 }, {
                   default: j(() => [
-                    M(k(x.text), 1)
+                    I(k(x.text), 1)
                   ]),
                   _: 2
                 }, 1032, ["class", "href", "to", "type"]))
               ]))), 128))
             ])
-          ], 64)) : (i(), z(A(h.href ? "a" : h.to ? "router-link" : "button"), {
+          ], 64)) : (n(), z(A(h.href ? "a" : h.to ? "router-link" : "button"), {
             key: 1,
             class: $(["nav-link", { active: h.active, disabled: h.disabled }]),
             href: h.href,
@@ -559,7 +559,7 @@ const pe = /* @__PURE__ */ F({
             onClick: (x) => p(h, w, x)
           }, {
             default: j(() => [
-              M(k(h.text), 1)
+              I(k(h.text), 1)
             ]),
             _: 2
           }, 1032, ["class", "href", "to", "type", "aria-current", "data-bs-toggle", "data-bs-target", "onClick"]))
@@ -568,7 +568,7 @@ const pe = /* @__PURE__ */ F({
       _: 1
     }, 8, ["class"]));
   }
-}), Ye = /* @__PURE__ */ F({
+}), We = /* @__PURE__ */ M({
   __name: "VibeNavbar",
   props: {
     variant: { type: String, default: "light" },
@@ -580,8 +580,8 @@ const pe = /* @__PURE__ */ F({
   },
   emits: ["component-error"],
   setup(e, { emit: v }) {
-    const t = e, a = ve({});
-    ne("vibeNavbarCollapse", { collapseStates: a, toggleCollapse: (u) => {
+    const t = e, a = pe({});
+    ve("vibeNavbarCollapse", { collapseStates: a, toggleCollapse: (u) => {
       a[u] = !a[u];
     } });
     const s = m(() => {
@@ -595,12 +595,12 @@ const pe = /* @__PURE__ */ F({
       if (t.container !== !1)
         return t.container === !0 ? "container-fluid" : `container-${t.container}`;
     });
-    return (u, c) => (i(), z(A(e.tag), {
+    return (u, c) => (n(), z(A(e.tag), {
       class: $(s.value),
       "data-bs-theme": o.value
     }, {
       default: j(() => [
-        r.value ? (i(), n("div", {
+        r.value ? (n(), i("div", {
           key: 0,
           class: $(r.value)
         }, [
@@ -610,7 +610,7 @@ const pe = /* @__PURE__ */ F({
       _: 3
     }, 8, ["class", "data-bs-theme"]));
   }
-}), Je = /* @__PURE__ */ F({
+}), Ze = /* @__PURE__ */ M({
   __name: "VibeNavbarBrand",
   props: {
     href: { type: String, default: void 0 },
@@ -619,7 +619,7 @@ const pe = /* @__PURE__ */ F({
   emits: ["component-error"],
   setup(e, { emit: v }) {
     const t = e, a = t.href ? "a" : t.to ? "router-link" : "span";
-    return (l, s) => (i(), z(A(fe(a)), {
+    return (l, s) => (n(), z(A(ye(a)), {
       class: "navbar-brand",
       href: e.href,
       to: e.to
@@ -630,7 +630,7 @@ const pe = /* @__PURE__ */ F({
       _: 3
     }, 8, ["href", "to"]));
   }
-}), Ue = ["data-bs-target", "aria-controls", "aria-expanded", "aria-label"], Ke = /* @__PURE__ */ F({
+}), _e = ["data-bs-target", "aria-controls", "aria-expanded", "aria-label"], et = /* @__PURE__ */ M({
   __name: "VibeNavbarToggle",
   props: {
     target: { type: String, required: !0 },
@@ -638,7 +638,7 @@ const pe = /* @__PURE__ */ F({
   },
   emits: ["component-error"],
   setup(e, { emit: v }) {
-    const t = e, a = U("vibeNavbarCollapse", null), l = m(() => a?.collapseStates[t.target] ?? !1), s = async () => {
+    const t = e, a = J("vibeNavbarCollapse", null), l = m(() => a?.collapseStates[t.target] ?? !1), s = async () => {
       a && a.toggleCollapse(t.target);
       try {
         const o = document.getElementById(t.target);
@@ -646,7 +646,7 @@ const pe = /* @__PURE__ */ F({
       } catch {
       }
     };
-    return (o, r) => (i(), n("button", {
+    return (o, r) => (n(), i("button", {
       class: "navbar-toggler",
       type: "button",
       "data-bs-target": `#${e.target}`,
@@ -657,9 +657,9 @@ const pe = /* @__PURE__ */ F({
       onClick: s
     }, [...r[0] || (r[0] = [
       S("span", { class: "navbar-toggler-icon" }, null, -1)
-    ])], 8, Ue));
+    ])], 8, _e));
   }
-}), Qe = { class: "dropdown-menu" }, We = { key: 0 }, Ze = { key: 1 }, _e = { class: "dropdown-header" }, et = { key: 2 }, tt = /* @__PURE__ */ F({
+}), tt = { class: "dropdown-menu" }, at = { key: 0 }, lt = { key: 1 }, ot = { class: "dropdown-header" }, st = { key: 2 }, nt = /* @__PURE__ */ M({
   __name: "VibeNavbarNav",
   props: {
     tag: { type: String, default: "ul" },
@@ -681,13 +681,13 @@ const pe = /* @__PURE__ */ F({
     }, u = (c, b, g, C, p) => {
       !g.disabled && !g.divider && !g.header && t("dropdown-item-click", { item: c, itemIndex: b, child: g, childIndex: C, event: p });
     };
-    return (c, b) => (i(), z(A(e.tag), { class: "navbar-nav" }, {
+    return (c, b) => (n(), z(A(e.tag), { class: "navbar-nav" }, {
       default: j(() => [
-        e.items && e.items.length > 0 ? (i(!0), n(I, { key: 0 }, H(e.items, (g, C) => (i(), n("li", {
+        e.items && e.items.length > 0 ? (n(!0), i(F, { key: 0 }, H(e.items, (g, C) => (n(), i("li", {
           key: C,
           class: $(a(g))
         }, [
-          g.children?.length ? (i(), n(I, { key: 0 }, [
+          g.children?.length ? (n(), i(F, { key: 0 }, [
             S("a", {
               class: $(l(g)),
               href: "#",
@@ -699,17 +699,17 @@ const pe = /* @__PURE__ */ F({
                 item: g,
                 index: C
               }, () => [
-                M(k(g.text), 1)
+                I(k(g.text), 1)
               ])
             ], 2),
-            S("ul", Qe, [
-              (i(!0), n(I, null, H(g.children, (p, d) => (i(), n(I, { key: d }, [
-                p.divider ? (i(), n("li", We, [...b[0] || (b[0] = [
+            S("ul", tt, [
+              (n(!0), i(F, null, H(g.children, (p, d) => (n(), i(F, { key: d }, [
+                p.divider ? (n(), i("li", at, [...b[0] || (b[0] = [
                   S("hr", { class: "dropdown-divider" }, null, -1)
-                ])])) : p.header ? (i(), n("li", Ze, [
-                  S("h6", _e, k(p.text), 1)
-                ])) : (i(), n("li", et, [
-                  (i(), z(A(p.href ? "a" : p.to ? "router-link" : "button"), {
+                ])])) : p.header ? (n(), i("li", lt, [
+                  S("h6", ot, k(p.text), 1)
+                ])) : (n(), i("li", st, [
+                  (n(), z(A(p.href ? "a" : p.to ? "router-link" : "button"), {
                     class: $(o(p)),
                     href: p.href,
                     to: p.to,
@@ -723,7 +723,7 @@ const pe = /* @__PURE__ */ F({
                         index: C,
                         childIndex: d
                       }, () => [
-                        M(k(p.text), 1)
+                        I(k(p.text), 1)
                       ])
                     ]),
                     _: 2
@@ -731,7 +731,7 @@ const pe = /* @__PURE__ */ F({
                 ]))
               ], 64))), 128))
             ])
-          ], 64)) : (i(), z(A(s(g)), {
+          ], 64)) : (n(), z(A(s(g)), {
             key: 1,
             class: $(l(g)),
             href: g.href,
@@ -745,7 +745,7 @@ const pe = /* @__PURE__ */ F({
                 item: g,
                 index: C
               }, () => [
-                M(k(g.text), 1)
+                I(k(g.text), 1)
               ])
             ]),
             _: 2
@@ -755,7 +755,7 @@ const pe = /* @__PURE__ */ F({
       _: 3
     }));
   }
-}), at = ["aria-label"], lt = ["disabled", "aria-disabled"], ot = ["aria-current", "onClick"], st = ["disabled", "aria-disabled"], it = /* @__PURE__ */ F({
+}), it = ["aria-label"], rt = ["disabled", "aria-disabled"], dt = ["aria-current", "onClick"], ut = ["disabled", "aria-disabled"], ct = /* @__PURE__ */ M({
   __name: "VibePagination",
   props: {
     size: { type: String, default: void 0 },
@@ -774,11 +774,11 @@ const pe = /* @__PURE__ */ F({
     }), s = m(() => Array.from({ length: t.totalPages }, (c, b) => b + 1)), o = (c) => {
       c >= 1 && c <= t.totalPages && (a("update:currentPage", c), a("page-click", c));
     }, r = m(() => t.currentPage === 1), u = m(() => t.currentPage === t.totalPages);
-    return (c, b) => (i(), n("nav", { "aria-label": e.ariaLabel }, [
+    return (c, b) => (n(), i("nav", { "aria-label": e.ariaLabel }, [
       S("ul", {
         class: $(l.value)
       }, [
-        e.showPrevNext ? (i(), n("li", {
+        e.showPrevNext ? (n(), i("li", {
           key: 0,
           class: $(["page-item", { disabled: r.value }])
         }, [
@@ -790,11 +790,11 @@ const pe = /* @__PURE__ */ F({
             onClick: b[0] || (b[0] = (g) => o(e.currentPage - 1))
           }, [
             N(c.$slots, "prev", { disabled: r.value }, () => [
-              M(k(e.prevText), 1)
+              I(k(e.prevText), 1)
             ])
-          ], 8, lt)
+          ], 8, rt)
         ], 2)) : y("", !0),
-        (i(!0), n(I, null, H(s.value, (g) => (i(), n("li", {
+        (n(!0), i(F, null, H(s.value, (g) => (n(), i("li", {
           key: g,
           class: $(["page-item", { active: g === e.currentPage }])
         }, [
@@ -808,11 +808,11 @@ const pe = /* @__PURE__ */ F({
               page: g,
               active: g === e.currentPage
             }, () => [
-              M(k(g), 1)
+              I(k(g), 1)
             ])
-          ], 8, ot)
+          ], 8, dt)
         ], 2))), 128)),
-        e.showPrevNext ? (i(), n("li", {
+        e.showPrevNext ? (n(), i("li", {
           key: 1,
           class: $(["page-item", { disabled: u.value }])
         }, [
@@ -824,14 +824,14 @@ const pe = /* @__PURE__ */ F({
             onClick: b[1] || (b[1] = (g) => o(e.currentPage + 1))
           }, [
             N(c.$slots, "next", { disabled: u.value }, () => [
-              M(k(e.nextText), 1)
+              I(k(e.nextText), 1)
             ])
-          ], 8, st)
+          ], 8, ut)
         ], 2)) : y("", !0)
       ], 2)
-    ], 8, at));
+    ], 8, it));
   }
-}), nt = ["id", "aria-labelledby"], rt = /* @__PURE__ */ F({
+}), vt = ["id", "aria-labelledby"], ft = /* @__PURE__ */ M({
   __name: "VibeTabContent",
   props: {
     id: { type: String, default: void 0 },
@@ -853,14 +853,14 @@ const pe = /* @__PURE__ */ F({
         }
     }), X(() => {
       l.forEach((o) => o.dispose()), l.clear();
-    }), (o, r) => (i(), z(A(e.tag), {
+    }), (o, r) => (n(), z(A(e.tag), {
       id: e.id,
       ref_key: "tabContentRef",
       ref: a,
       class: "tab-content"
     }, {
       default: j(() => [
-        (i(!0), n(I, null, H(e.panes, (u, c) => (i(), n("div", {
+        (n(!0), i(F, null, H(e.panes, (u, c) => (n(), i("div", {
           key: u.id,
           id: u.id,
           class: $(s(u)),
@@ -872,14 +872,14 @@ const pe = /* @__PURE__ */ F({
             pane: u,
             index: c
           }, () => [
-            M(k(u.content), 1)
+            I(k(u.content), 1)
           ])
-        ], 10, nt))), 128))
+        ], 10, vt))), 128))
       ]),
       _: 3
     }, 8, ["id"]));
   }
-}), dt = /* @__PURE__ */ F({
+}), bt = /* @__PURE__ */ M({
   __name: "VibeListGroup",
   props: {
     flush: { type: Boolean, default: !1 },
@@ -899,11 +899,11 @@ const pe = /* @__PURE__ */ F({
     }, r = (u, c, b) => {
       u.disabled || a("item-click", { item: u, index: c, event: b });
     };
-    return (u, c) => (i(), z(A(e.tag), {
+    return (u, c) => (n(), z(A(e.tag), {
       class: $(l.value)
     }, {
       default: j(() => [
-        (i(!0), n(I, null, H(e.items, (b, g) => (i(), z(A(s(b)), {
+        (n(!0), i(F, null, H(e.items, (b, g) => (n(), z(A(s(b)), {
           key: g,
           class: $(o(b)),
           href: b.href,
@@ -917,7 +917,7 @@ const pe = /* @__PURE__ */ F({
               item: b,
               index: g
             }, () => [
-              M(k(b.text), 1)
+              I(k(b.text), 1)
             ])
           ]),
           _: 2
@@ -926,7 +926,7 @@ const pe = /* @__PURE__ */ F({
       _: 3
     }, 8, ["class"]));
   }
-}), ut = ["aria-valuenow", "aria-valuemax"], ct = /* @__PURE__ */ F({
+}), ht = ["aria-valuenow", "aria-valuemax"], mt = /* @__PURE__ */ M({
   __name: "VibeProgress",
   props: {
     height: { type: String, default: void 0 },
@@ -944,11 +944,11 @@ const pe = /* @__PURE__ */ F({
       const u = r.max || 100;
       return { width: `${Math.min(100, Math.max(0, r.value / u * 100))}%` };
     }, o = (r) => r.label ? r.label : r.showValue ? `${r.value}%` : "";
-    return (r, u) => (i(), n("div", {
+    return (r, u) => (n(), i("div", {
       class: "progress",
       style: K(a.value)
     }, [
-      (i(!0), n(I, null, H(e.bars, (c, b) => (i(), n("div", {
+      (n(!0), i(F, null, H(e.bars, (c, b) => (n(), i("div", {
         key: b,
         class: $(l(c)),
         style: K(s(c)),
@@ -961,18 +961,18 @@ const pe = /* @__PURE__ */ F({
           bar: c,
           index: b
         }, () => [
-          M(k(o(c)), 1)
+          I(k(o(c)), 1)
         ])
-      ], 14, ut))), 128))
+      ], 14, ht))), 128))
     ], 4));
   }
 });
-let ie = 0;
+let ce = 0;
 function G(e = "vibe") {
-  const v = be(), t = v ? v.uid : "no-instance";
-  return ie++, `${e}-${t}-${ie}`;
+  const v = ge(), t = v ? v.uid : "no-instance";
+  return ce++, `${e}-${t}-${ce}`;
 }
-const vt = ["id"], ft = { class: "accordion-header" }, bt = ["data-bs-target", "aria-expanded", "aria-controls", "onClick"], ht = ["id", "data-bs-parent"], mt = { class: "accordion-body" }, pt = /* @__PURE__ */ F({
+const pt = ["id"], yt = { class: "accordion-header" }, gt = ["data-bs-target", "aria-expanded", "aria-controls", "onClick"], kt = ["id", "data-bs-parent"], St = { class: "accordion-body" }, $t = /* @__PURE__ */ M({
   __name: "VibeAccordion",
   props: {
     id: { type: String, default: () => G("accordion") },
@@ -1010,7 +1010,7 @@ const vt = ["id"], ft = { class: "accordion-header" }, bt = ["data-bs-target", "
         f && (f.removeEventListener("show.bs.collapse", () => r(d)), f.removeEventListener("shown.bs.collapse", () => u(d)), f.removeEventListener("hide.bs.collapse", () => c(d)), f.removeEventListener("hidden.bs.collapse", () => b(d))), p.dispose();
       }), o.clear();
     }), O(() => a.items, async (p, d) => {
-      p.length !== d?.length && (await te(), await g()), p.forEach((f) => {
+      p.length !== d?.length && (await ne(), await g()), p.forEach((f) => {
         const h = o.get(f.id);
         h && (f.show ? h.show() : a.alwaysOpen || h.hide());
       });
@@ -1018,17 +1018,17 @@ const vt = ["id"], ft = { class: "accordion-header" }, bt = ["data-bs-target", "
     const C = (p, d) => {
       l("item-click", { item: p, index: d });
     };
-    return v({ bsInstances: o, refresh: g }), (p, d) => (i(), n("div", {
+    return v({ bsInstances: o, refresh: g }), (p, d) => (n(), i("div", {
       ref_key: "accordionRef",
       ref: s,
       id: e.id,
       class: $(["accordion", { "accordion-flush": e.flush }])
     }, [
-      (i(!0), n(I, null, H(e.items, (f, h) => (i(), n("div", {
+      (n(!0), i(F, null, H(e.items, (f, h) => (n(), i("div", {
         key: f.id,
         class: "accordion-item"
       }, [
-        S("h2", ft, [
+        S("h2", yt, [
           S("button", {
             class: $(["accordion-button", { collapsed: !f.show }]),
             type: "button",
@@ -1042,28 +1042,28 @@ const vt = ["id"], ft = { class: "accordion-header" }, bt = ["data-bs-target", "
               item: f,
               index: h
             }, () => [
-              M(k(f.title), 1)
+              I(k(f.title), 1)
             ])
-          ], 10, bt)
+          ], 10, gt)
         ]),
         S("div", {
           id: f.id,
           class: $(["accordion-collapse", "collapse", { show: f.show }]),
           "data-bs-parent": e.alwaysOpen ? void 0 : `#${e.id}`
         }, [
-          S("div", mt, [
+          S("div", St, [
             N(p.$slots, "content", {
               item: f,
               index: h
             }, () => [
-              M(k(f.content), 1)
+              I(k(f.content), 1)
             ])
           ])
-        ], 10, ht)
+        ], 10, kt)
       ]))), 128))
-    ], 10, vt));
+    ], 10, pt));
   }
-}), yt = /* @__PURE__ */ F({
+}), wt = /* @__PURE__ */ M({
   __name: "VibeCollapse",
   props: {
     id: { type: String, default: () => G("collapse") },
@@ -1074,7 +1074,7 @@ const vt = ["id"], ft = { class: "accordion-header" }, bt = ["data-bs-target", "
   },
   emits: ["update:modelValue", "show", "shown", "hide", "hidden", "component-error"],
   setup(e, { emit: v }) {
-    const t = e, a = v, l = U("vibeNavbarCollapse", null), s = E(null), o = E(null), r = E(!1), u = () => {
+    const t = e, a = v, l = J("vibeNavbarCollapse", null), s = E(null), o = E(null), r = E(!1), u = () => {
       r.value = !0, a("show");
     }, c = () => {
       a("shown"), a("update:modelValue", !0);
@@ -1108,7 +1108,7 @@ const vt = ["id"], ft = { class: "accordion-header" }, bt = ["data-bs-target", "
       const d = ["collapse"];
       return t.isNav && d.push("navbar-collapse"), t.horizontal && d.push("collapse-horizontal"), !o.value && C.value && d.push("show"), d.join(" ");
     });
-    return (d, f) => (i(), z(A(e.tag), {
+    return (d, f) => (n(), z(A(e.tag), {
       ref_key: "collapseRef",
       ref: s,
       id: e.id,
@@ -1120,7 +1120,7 @@ const vt = ["id"], ft = { class: "accordion-header" }, bt = ["data-bs-target", "
       _: 3
     }, 8, ["id", "class"]));
   }
-}), gt = ["id", "data-bs-auto-close"], kt = ["id", "data-bs-auto-close"], St = ["aria-labelledby"], $t = { key: 0 }, wt = { key: 1 }, Vt = { class: "dropdown-header" }, Ct = { key: 2 }, xt = /* @__PURE__ */ F({
+}), Vt = ["id", "data-bs-auto-close"], Ct = ["id", "data-bs-auto-close"], xt = ["aria-labelledby"], Bt = { key: 0 }, Lt = { key: 1 }, Tt = { class: "dropdown-header" }, Nt = { key: 2 }, Et = /* @__PURE__ */ M({
   __name: "VibeDropdown",
   props: {
     id: { type: String, default: () => G("dropdown") },
@@ -1166,18 +1166,18 @@ const vt = ["id"], ft = { class: "accordion-header" }, bt = ["data-bs-target", "
     const f = (V, q, P) => {
       !V.disabled && !V.divider && !V.header && l("item-click", { item: V, index: q, event: P });
     };
-    return v({ show: () => o.value?.show(), hide: () => o.value?.hide(), toggle: () => o.value?.toggle() }), (V, q) => (i(), n("div", {
+    return v({ show: () => o.value?.show(), hide: () => o.value?.hide(), toggle: () => o.value?.toggle() }), (V, q) => (n(), i("div", {
       ref_key: "dropdownRef",
       ref: s,
       class: $(r.value)
     }, [
-      e.split ? (i(), n(I, { key: 1 }, [
+      e.split ? (n(), i(F, { key: 1 }, [
         S("button", {
           class: $(u.value),
           type: "button"
         }, [
           N(V.$slots, "button", {}, () => [
-            M(k(e.text), 1)
+            I(k(e.text), 1)
           ])
         ], 2),
         S("button", {
@@ -1189,8 +1189,8 @@ const vt = ["id"], ft = { class: "accordion-header" }, bt = ["data-bs-target", "
           "data-bs-auto-close": e.autoClose
         }, [...q[0] || (q[0] = [
           S("span", { class: "visually-hidden" }, "Toggle Dropdown", -1)
-        ])], 10, kt)
-      ], 64)) : (i(), n("button", {
+        ])], 10, Ct)
+      ], 64)) : (n(), i("button", {
         key: 0,
         id: e.id,
         class: $([u.value, "dropdown-toggle"]),
@@ -1200,27 +1200,27 @@ const vt = ["id"], ft = { class: "accordion-header" }, bt = ["data-bs-target", "
         "data-bs-auto-close": e.autoClose
       }, [
         N(V.$slots, "button", {}, () => [
-          M(k(e.text), 1)
+          I(k(e.text), 1)
         ])
-      ], 10, gt)),
+      ], 10, Vt)),
       S("ul", {
         class: $(c.value),
         "aria-labelledby": e.id
       }, [
-        (i(!0), n(I, null, H(e.items, (P, R) => (i(), n(I, { key: R }, [
-          P.divider ? (i(), n("li", $t, [...q[1] || (q[1] = [
+        (n(!0), i(F, null, H(e.items, (P, R) => (n(), i(F, { key: R }, [
+          P.divider ? (n(), i("li", Bt, [...q[1] || (q[1] = [
             S("hr", { class: "dropdown-divider" }, null, -1)
-          ])])) : P.header ? (i(), n("li", wt, [
-            S("h6", Vt, [
+          ])])) : P.header ? (n(), i("li", Lt, [
+            S("h6", Tt, [
               N(V.$slots, "header", {
                 item: P,
                 index: R
               }, () => [
-                M(k(P.text), 1)
+                I(k(P.text), 1)
               ])
             ])
-          ])) : (i(), n("li", Ct, [
-            (i(), z(A(P.href ? "a" : P.to ? "router-link" : "button"), {
+          ])) : (n(), i("li", Nt, [
+            (n(), z(A(P.href ? "a" : P.to ? "router-link" : "button"), {
               class: $(b(P)),
               href: P.href,
               to: P.to,
@@ -1233,23 +1233,23 @@ const vt = ["id"], ft = { class: "accordion-header" }, bt = ["data-bs-target", "
                   item: P,
                   index: R
                 }, () => [
-                  M(k(P.text), 1)
+                  I(k(P.text), 1)
                 ])
               ]),
               _: 2
             }, 1032, ["class", "href", "to", "type", "disabled", "onClick"]))
           ]))
         ], 64))), 128))
-      ], 10, St)
+      ], 10, xt)
     ], 2));
   }
-}), Bt = ["id", "aria-labelledby", "aria-hidden", "data-bs-backdrop", "data-bs-keyboard"], Lt = { class: "modal-content" }, Tt = {
+}), Mt = ["id", "aria-labelledby", "aria-hidden", "data-bs-backdrop", "data-bs-keyboard"], It = { class: "modal-content" }, Ft = {
   key: 0,
   class: "modal-header"
-}, Nt = ["id"], Et = { class: "modal-body" }, Ft = {
+}, Pt = ["id"], Rt = { class: "modal-body" }, qt = {
   key: 1,
   class: "modal-footer"
-}, Mt = /* @__PURE__ */ F({
+}, zt = /* @__PURE__ */ M({
   __name: "VibeModal",
   props: {
     id: { type: String, default: () => G("modal") },
@@ -1302,7 +1302,7 @@ const vt = ["id"], ft = { class: "accordion-header" }, bt = ["data-bs-target", "
       o.value && (w && !r.value ? o.value.show() : !w && r.value && o.value.hide());
     }), O(() => a.staticBackdrop, p);
     const d = () => o.value?.show(), f = () => o.value?.hide();
-    return v({ show: d, hide: f, handleUpdate: () => o.value?.handleUpdate(), bsInstance: o }), (w, x) => (i(), z(ae, {
+    return v({ show: d, hide: f, handleUpdate: () => o.value?.handleUpdate(), bsInstance: o }), (w, x) => (n(), z(ie, {
       to: e.teleport === !0 ? "body" : e.teleport || void 0,
       disabled: !e.teleport
     }, [
@@ -1320,16 +1320,16 @@ const vt = ["id"], ft = { class: "accordion-header" }, bt = ["data-bs-target", "
         S("div", {
           class: $(u.value)
         }, [
-          S("div", Lt, [
-            e.hideHeader ? y("", !0) : (i(), n("div", Tt, [
+          S("div", It, [
+            e.hideHeader ? y("", !0) : (n(), i("div", Ft, [
               S("h5", {
                 id: `${e.id}-label`,
                 class: "modal-title"
               }, [
                 N(w.$slots, "header", {}, () => [
-                  M(k(e.title), 1)
+                  I(k(e.title), 1)
                 ])
-              ], 8, Nt),
+              ], 8, Pt),
               S("button", {
                 type: "button",
                 class: "btn-close",
@@ -1337,10 +1337,10 @@ const vt = ["id"], ft = { class: "accordion-header" }, bt = ["data-bs-target", "
                 onClick: f
               })
             ])),
-            S("div", Et, [
+            S("div", Rt, [
               N(w.$slots, "default")
             ]),
-            e.hideFooter ? y("", !0) : (i(), n("div", Ft, [
+            e.hideFooter ? y("", !0) : (n(), i("div", qt, [
               N(w.$slots, "footer", {}, () => [
                 S("button", {
                   type: "button",
@@ -1351,10 +1351,10 @@ const vt = ["id"], ft = { class: "accordion-header" }, bt = ["data-bs-target", "
             ]))
           ])
         ], 2)
-      ], 10, Bt)
+      ], 10, Mt)
     ], 8, ["to", "disabled"]));
   }
-}), It = ["id", "aria-labelledby", "data-bs-backdrop", "data-bs-scroll"], Pt = { class: "offcanvas-header" }, Rt = ["id"], qt = { class: "offcanvas-body" }, zt = /* @__PURE__ */ F({
+}), At = ["id", "aria-labelledby", "data-bs-backdrop", "data-bs-scroll"], jt = { class: "offcanvas-header" }, Ot = ["id"], Ht = { class: "offcanvas-body" }, Dt = /* @__PURE__ */ M({
   __name: "VibeOffcanvas",
   props: {
     id: { type: String, default: () => G("offcanvas") },
@@ -1400,7 +1400,7 @@ const vt = ["id"], ft = { class: "accordion-header" }, bt = ["data-bs-target", "
       o.value && (h && !r.value ? o.value.show() : !h && r.value && o.value.hide());
     }), O([() => a.placement, () => a.backdrop, () => a.scroll], p);
     const d = () => o.value?.show(), f = () => o.value?.hide();
-    return v({ show: d, hide: f, bsInstance: o }), (h, w) => (i(), z(ae, {
+    return v({ show: d, hide: f, bsInstance: o }), (h, w) => (n(), z(ie, {
       to: e.teleport === !0 ? "body" : e.teleport || void 0,
       disabled: !e.teleport
     }, [
@@ -1414,15 +1414,15 @@ const vt = ["id"], ft = { class: "accordion-header" }, bt = ["data-bs-target", "
         "data-bs-backdrop": e.backdrop === !1 ? "false" : e.backdrop === "static" ? "static" : "true",
         "data-bs-scroll": e.scroll
       }, [
-        S("div", Pt, [
+        S("div", jt, [
           S("h5", {
             id: `${e.id}-label`,
             class: "offcanvas-title"
           }, [
             N(h.$slots, "header", {}, () => [
-              M(k(e.title), 1)
+              I(k(e.title), 1)
             ])
-          ], 8, Rt),
+          ], 8, Ot),
           S("button", {
             type: "button",
             class: "btn-close",
@@ -1430,16 +1430,16 @@ const vt = ["id"], ft = { class: "accordion-header" }, bt = ["data-bs-target", "
             onClick: f
           })
         ]),
-        S("div", qt, [
+        S("div", Ht, [
           N(h.$slots, "default")
         ])
-      ], 10, It)
+      ], 10, At)
     ], 8, ["to", "disabled"]));
   }
-}), At = ["id", "data-bs-autohide", "data-bs-delay"], jt = {
+}), Gt = ["id", "data-bs-autohide", "data-bs-delay"], Xt = {
   key: 0,
   class: "toast-header"
-}, Ot = { class: "me-auto" }, Ht = { class: "toast-body" }, Dt = /* @__PURE__ */ F({
+}, Yt = { class: "me-auto" }, Ut = { class: "toast-body" }, Jt = /* @__PURE__ */ M({
   __name: "VibeToast",
   props: {
     id: { type: String, default: () => G("toast") },
@@ -1491,7 +1491,7 @@ const vt = ["id"], ft = { class: "accordion-header" }, bt = ["data-bs-target", "
       o.value && (w && !r.value ? o.value.show() : !w && r.value && o.value.hide());
     }), O([() => a.autohide, () => a.delay], d);
     const f = () => o.value?.show(), h = () => o.value?.hide();
-    return v({ show: f, hide: h, bsInstance: o }), (w, x) => (i(), z(ae, {
+    return v({ show: f, hide: h, bsInstance: o }), (w, x) => (n(), z(ie, {
       to: e.teleport === !0 ? "body" : e.teleport || void 0,
       disabled: !e.teleport
     }, [
@@ -1510,9 +1510,9 @@ const vt = ["id"], ft = { class: "accordion-header" }, bt = ["data-bs-target", "
           "data-bs-autohide": e.autohide,
           "data-bs-delay": e.delay
         }, [
-          e.title || w.$slots.header ? (i(), n("div", jt, [
+          e.title || w.$slots.header ? (n(), i("div", Xt, [
             N(w.$slots, "header", {}, () => [
-              S("strong", Ot, k(e.title), 1)
+              S("strong", Yt, k(e.title), 1)
             ]),
             S("button", {
               type: "button",
@@ -1521,20 +1521,20 @@ const vt = ["id"], ft = { class: "accordion-header" }, bt = ["data-bs-target", "
               onClick: h
             })
           ])) : y("", !0),
-          S("div", Ht, [
+          S("div", Ut, [
             N(w.$slots, "default")
           ])
-        ], 10, At)
+        ], 10, Gt)
       ], 2)
     ], 8, ["to", "disabled"]));
   }
-}), Gt = ["id", "data-bs-ride", "data-bs-interval", "data-bs-keyboard", "data-bs-pause", "data-bs-wrap", "data-bs-touch"], Xt = {
+}), Kt = ["id", "data-bs-ride", "data-bs-interval", "data-bs-keyboard", "data-bs-pause", "data-bs-wrap", "data-bs-touch"], Qt = {
   key: 0,
   class: "carousel-indicators"
-}, Yt = ["data-bs-target", "data-bs-slide-to", "aria-current", "aria-label"], Jt = { class: "carousel-inner" }, Ut = ["data-bs-interval"], Kt = ["src", "alt"], Qt = {
+}, Wt = ["data-bs-target", "data-bs-slide-to", "aria-current", "aria-label"], Zt = { class: "carousel-inner" }, _t = ["data-bs-interval"], ea = ["src", "alt"], ta = {
   key: 0,
   class: "carousel-caption d-none d-md-block"
-}, Wt = { key: 0 }, Zt = { key: 1 }, _t = ["data-bs-target"], ea = ["data-bs-target"], ta = /* @__PURE__ */ F({
+}, aa = { key: 0 }, la = { key: 1 }, oa = ["data-bs-target"], sa = ["data-bs-target"], na = /* @__PURE__ */ M({
   __name: "VibeCarousel",
   props: {
     id: { type: String, default: () => G("carousel") },
@@ -1587,10 +1587,10 @@ const vt = ["id"], ft = { class: "accordion-header" }, bt = ["data-bs-target", "
     }), O(() => a.modelValue, (p) => {
       o.value && p !== r.value && o.value.to(p);
     }), O(() => a.items, async () => {
-      await te(), await g();
+      await ne(), await g();
     }, { deep: !0 });
     const C = (p, d) => p.alt ? p.alt : p.caption ? p.caption : p.captionText ? p.captionText : `Carousel slide ${d + 1}`;
-    return v({ bsInstance: o, refresh: g }), (p, d) => (i(), n("div", {
+    return v({ bsInstance: o, refresh: g }), (p, d) => (n(), i("div", {
       ref_key: "carouselRef",
       ref: s,
       id: e.id,
@@ -1602,8 +1602,8 @@ const vt = ["id"], ft = { class: "accordion-header" }, bt = ["data-bs-target", "
       "data-bs-wrap": e.wrap,
       "data-bs-touch": e.touch
     }, [
-      e.indicators ? (i(), n("div", Xt, [
-        (i(!0), n(I, null, H(e.items, (f, h) => (i(), n("button", {
+      e.indicators ? (n(), i("div", Qt, [
+        (n(!0), i(F, null, H(e.items, (f, h) => (n(), i("button", {
           key: `indicator-${h}`,
           type: "button",
           "data-bs-target": `#${e.id}`,
@@ -1611,10 +1611,10 @@ const vt = ["id"], ft = { class: "accordion-header" }, bt = ["data-bs-target", "
           class: $({ active: h === r.value }),
           "aria-current": h === r.value,
           "aria-label": `Slide ${h + 1}`
-        }, null, 10, Yt))), 128))
+        }, null, 10, Wt))), 128))
       ])) : y("", !0),
-      S("div", Jt, [
-        (i(!0), n(I, null, H(e.items, (f, h) => (i(), n("div", {
+      S("div", Zt, [
+        (n(!0), i(F, null, H(e.items, (f, h) => (n(), i("div", {
           key: `slide-${h}`,
           class: $(["carousel-item", { active: h === r.value }]),
           "data-bs-interval": f.interval
@@ -1623,19 +1623,19 @@ const vt = ["id"], ft = { class: "accordion-header" }, bt = ["data-bs-target", "
             src: f.src,
             alt: C(f, h),
             class: "d-block w-100"
-          }, null, 8, Kt),
-          f.caption || f.captionText || p.$slots.caption ? (i(), n("div", Qt, [
+          }, null, 8, ea),
+          f.caption || f.captionText || p.$slots.caption ? (n(), i("div", ta, [
             N(p.$slots, "caption", {
               item: f,
               index: h
             }, () => [
-              f.caption ? (i(), n("h5", Wt, k(f.caption), 1)) : y("", !0),
-              f.captionText ? (i(), n("p", Zt, k(f.captionText), 1)) : y("", !0)
+              f.caption ? (n(), i("h5", aa, k(f.caption), 1)) : y("", !0),
+              f.captionText ? (n(), i("p", la, k(f.captionText), 1)) : y("", !0)
             ])
           ])) : y("", !0)
-        ], 10, Ut))), 128))
+        ], 10, _t))), 128))
       ]),
-      e.controls ? (i(), n(I, { key: 1 }, [
+      e.controls ? (n(), i(F, { key: 1 }, [
         S("button", {
           class: "carousel-control-prev",
           type: "button",
@@ -1647,7 +1647,7 @@ const vt = ["id"], ft = { class: "accordion-header" }, bt = ["data-bs-target", "
             "aria-hidden": "true"
           }, null, -1),
           S("span", { class: "visually-hidden" }, "Previous", -1)
-        ])], 8, _t),
+        ])], 8, oa),
         S("button", {
           class: "carousel-control-next",
           type: "button",
@@ -1659,11 +1659,11 @@ const vt = ["id"], ft = { class: "accordion-header" }, bt = ["data-bs-target", "
             "aria-hidden": "true"
           }, null, -1),
           S("span", { class: "visually-hidden" }, "Next", -1)
-        ])], 8, ea)
+        ])], 8, sa)
       ], 64)) : y("", !0)
-    ], 10, Gt));
+    ], 10, Kt));
   }
-}), aa = ["data-bs-placement", "data-bs-title", "data-bs-trigger", "data-bs-html"], la = /* @__PURE__ */ F({
+}), ia = ["data-bs-placement", "data-bs-title", "data-bs-trigger", "data-bs-html"], ra = /* @__PURE__ */ M({
   __name: "VibeTooltip",
   props: {
     content: { type: String, default: void 0 },
@@ -1698,7 +1698,7 @@ const vt = ["id"], ft = { class: "accordion-header" }, bt = ["data-bs-target", "
       o.value && (o.value.dispose(), o.value = null);
     }), O([() => a.content, () => a.text], () => {
       o.value && o.value.setContent({ ".tooltip-inner": a.text || a.content || "" });
-    }), O([() => a.placement, () => a.trigger, () => a.html], r), v({ bsInstance: o }), (u, c) => (i(), n("span", {
+    }), O([() => a.placement, () => a.trigger, () => a.html], r), v({ bsInstance: o }), (u, c) => (n(), i("span", {
       ref_key: "tooltipRef",
       ref: s,
       "data-bs-toggle": "tooltip",
@@ -1708,9 +1708,9 @@ const vt = ["id"], ft = { class: "accordion-header" }, bt = ["data-bs-target", "
       "data-bs-html": e.html
     }, [
       N(u.$slots, "default")
-    ], 8, aa));
+    ], 8, ia));
   }
-}), oa = ["data-bs-placement", "data-bs-title", "data-bs-content", "data-bs-trigger", "data-bs-html"], sa = /* @__PURE__ */ F({
+}), da = ["data-bs-placement", "data-bs-title", "data-bs-content", "data-bs-trigger", "data-bs-html"], ua = /* @__PURE__ */ M({
   __name: "VibePopover",
   props: {
     title: { type: String, default: void 0 },
@@ -1750,7 +1750,7 @@ const vt = ["id"], ft = { class: "accordion-header" }, bt = ["data-bs-target", "
         ".popover-header": a.title || "",
         ".popover-body": a.text || a.content || ""
       });
-    }), O([() => a.placement, () => a.trigger, () => a.html], r), v({ bsInstance: o }), (u, c) => (i(), n("span", {
+    }), O([() => a.placement, () => a.trigger, () => a.html], r), v({ bsInstance: o }), (u, c) => (n(), i("span", {
       ref_key: "popoverRef",
       ref: s,
       "data-bs-toggle": "popover",
@@ -1761,9 +1761,9 @@ const vt = ["id"], ft = { class: "accordion-header" }, bt = ["data-bs-target", "
       "data-bs-html": e.html
     }, [
       N(u.$slots, "default")
-    ], 8, oa));
+    ], 8, da));
   }
-}), ia = /* @__PURE__ */ F({
+}), ca = /* @__PURE__ */ M({
   __name: "VibeScrollspy",
   props: {
     target: { type: String, required: !0 },
@@ -1798,7 +1798,7 @@ const vt = ["id"], ft = { class: "accordion-header" }, bt = ["data-bs-target", "
       s.value && s.value.removeEventListener("activate.bs.scrollspy", r), o.value && (o.value.dispose(), o.value = null);
     }), v({ refresh: () => {
       o.value && o.value.refresh();
-    } }), (c, b) => (i(), z(A(e.tag), {
+    } }), (c, b) => (n(), z(A(e.tag), {
       ref_key: "scrollspyRef",
       ref: s,
       "data-bs-spy": "scroll",
@@ -1815,7 +1815,7 @@ const vt = ["id"], ft = { class: "accordion-header" }, bt = ["data-bs-target", "
       _: 3
     }, 8, ["data-bs-target", "data-bs-offset", "data-bs-method", "data-bs-smooth-scroll"]));
   }
-}), na = /* @__PURE__ */ F({
+}), va = /* @__PURE__ */ M({
   __name: "VibeIcon",
   props: {
     // Icon name (e.g., 'house', 'heart-fill', 'star')
@@ -1858,43 +1858,43 @@ const vt = ["id"], ft = { class: "accordion-header" }, bt = ["data-bs-target", "
     }), o = (r) => {
       a("click", r);
     };
-    return (r, u) => (i(), n("i", {
+    return (r, u) => (n(), i("i", {
       class: $(l.value),
       style: K(s.value),
       "aria-hidden": !0,
       onClick: o
     }, null, 6));
   }
-}), ra = { class: "vibe-datatable" }, da = { class: "row mb-3" }, ua = {
+}), fa = { class: "vibe-datatable" }, ba = { class: "row mb-3" }, ha = {
   key: 0,
   class: "col-md-6 mb-2 mb-md-0"
-}, ca = ["placeholder"], va = {
+}, ma = ["placeholder"], pa = {
   key: 1,
   class: "col-md-6"
-}, fa = { class: "d-flex justify-content-md-end align-items-center" }, ba = ["value"], ha = ["onClick"], ma = {
+}, ya = { class: "d-flex justify-content-md-end align-items-center" }, ga = ["value"], ka = ["onClick"], Sa = {
   key: 0,
   class: "ms-1"
-}, pa = ["onClick"], ya = { key: 0 }, ga = ["colspan"], ka = { class: "row" }, Sa = {
+}, $a = ["onClick"], wa = { key: 0 }, Va = ["colspan"], Ca = { class: "row" }, xa = {
   key: 0,
   class: "col-md-6 mb-2 mb-md-0"
-}, $a = { class: "datatable-info" }, wa = {
+}, Ba = { class: "datatable-info" }, La = {
   key: 1,
   class: "col-md-6"
-}, Va = { class: "pagination justify-content-md-end mb-0" }, Ca = {
+}, Ta = { class: "pagination justify-content-md-end mb-0" }, Na = {
   key: 0,
   class: "page-item"
-}, xa = {
+}, Ea = {
   key: 1,
   class: "page-item disabled"
-}, Ba = ["onClick"], La = {
+}, Ma = ["onClick"], Ia = {
   key: 2,
   class: "page-item disabled"
-}, Ta = {
+}, Fa = {
   key: 3,
   class: "page-item"
-}, Na = /* @__PURE__ */ F({
+}, Pa = /* @__PURE__ */ M({
   __name: "VibeDataTable",
-  props: /* @__PURE__ */ se({
+  props: /* @__PURE__ */ ue({
     // Data
     items: { type: Array, default: () => [] },
     columns: { type: Array, required: !0 },
@@ -1933,7 +1933,7 @@ const vt = ["id"], ft = { class: "accordion-header" }, bt = ["data-bs-target", "
     sortDesc: { type: Boolean, default: !1 },
     sortDescModifiers: {}
   }),
-  emits: /* @__PURE__ */ se(["row-clicked", "component-error"], ["update:currentPage", "update:perPage", "update:sortBy", "update:sortDesc"]),
+  emits: /* @__PURE__ */ ue(["row-clicked", "component-error"], ["update:currentPage", "update:perPage", "update:sortBy", "update:sortDesc"]),
   setup(e, { emit: v }) {
     const t = e, a = _(e, "currentPage"), l = _(e, "perPage"), s = _(e, "sortBy"), o = _(e, "sortDesc"), r = v, u = E(""), c = E(null), b = E(""), g = (B, L) => t.rowKey && B[t.rowKey] !== void 0 ? String(B[t.rowKey]) : L;
     O(u, (B) => {
@@ -1956,16 +1956,16 @@ const vt = ["id"], ft = { class: "accordion-header" }, bt = ["data-bs-target", "
       if (B == null) return 1;
       if (L == null) return -1;
       if (typeof B == "string" && typeof L == "string") {
-        const D = B.toLowerCase(), J = L.toLowerCase();
-        return D < J ? T ? 1 : -1 : D > J ? T ? -1 : 1 : 0;
+        const D = B.toLowerCase(), U = L.toLowerCase();
+        return D < U ? T ? 1 : -1 : D > U ? T ? -1 : 1 : 0;
       }
       if (typeof B == "number" && typeof L == "number")
         return B < L ? T ? 1 : -1 : B > L ? T ? -1 : 1 : 0;
       if (typeof B == "boolean" && typeof L == "boolean")
         return B === L ? 0 : (B ? 1 : -1) * (T ? -1 : 1);
       if (B instanceof Date && L instanceof Date) {
-        const D = B.getTime(), J = L.getTime();
-        return D < J ? T ? 1 : -1 : D > J ? T ? -1 : 1 : 0;
+        const D = B.getTime(), U = L.getTime();
+        return D < U ? T ? 1 : -1 : D > U ? T ? -1 : 1 : 0;
       }
       return 0;
     }, d = m(() => {
@@ -1988,45 +1988,45 @@ const vt = ["id"], ft = { class: "accordion-header" }, bt = ["data-bs-target", "
       !t.sortable || B.sortable === !1 || (s.value === B.key ? o.value = !o.value : (s.value = B.key, o.value = !1));
     }, W = (B) => {
       B < 1 || B > x.value || (a.value = B);
-    }, ee = () => {
+    }, te = () => {
       a.value = 1;
-    }, re = (B, L) => {
+    }, fe = (B, L) => {
       r("row-clicked", B, L);
-    }, de = (B, L) => {
+    }, be = (B, L) => {
       const T = B[L.key];
       return L.formatter ? L.formatter(T, B) : T;
-    }, ue = (B) => !t.sortable || B.sortable === !1 ? "" : s.value !== B.key ? "⇅" : o.value ? "↓" : "↑", ce = (B) => {
+    }, he = (B) => !t.sortable || B.sortable === !1 ? "" : s.value !== B.key ? "⇅" : o.value ? "↓" : "↑", me = (B) => {
       const L = { ...B.thStyle };
       return t.sortable && B.sortable !== !1 && (L.cursor = "pointer"), L;
     };
-    return (B, L) => (i(), n("div", ra, [
-      S("div", da, [
-        e.searchable ? (i(), n("div", ua, [
-          oe(S("input", {
+    return (B, L) => (n(), i("div", fa, [
+      S("div", ba, [
+        e.searchable ? (n(), i("div", ha, [
+          de(S("input", {
             "onUpdate:modelValue": L[0] || (L[0] = (T) => u.value = T),
             type: "search",
             class: "form-control",
             placeholder: e.searchPlaceholder
-          }, null, 8, ca), [
-            [he, u.value]
+          }, null, 8, ma), [
+            [ke, u.value]
           ])
         ])) : y("", !0),
-        e.showPerPage && e.paginated ? (i(), n("div", va, [
-          S("div", fa, [
+        e.showPerPage && e.paginated ? (n(), i("div", pa, [
+          S("div", ya, [
             L[6] || (L[6] = S("label", { class: "me-2 mb-0" }, "Show", -1)),
-            oe(S("select", {
+            de(S("select", {
               "onUpdate:modelValue": L[1] || (L[1] = (T) => l.value = T),
               class: "form-select form-select-sm",
               style: { width: "auto" },
-              onChange: ee
+              onChange: te
             }, [
-              (i(!0), n(I, null, H(e.perPageOptions, (T) => (i(), n("option", {
+              (n(!0), i(F, null, H(e.perPageOptions, (T) => (n(), i("option", {
                 key: T,
                 value: T
-              }, k(T), 9, ba))), 128))
+              }, k(T), 9, ga))), 128))
             ], 544), [
               [
-                me,
+                Se,
                 l.value,
                 void 0,
                 { number: !0 }
@@ -2044,53 +2044,53 @@ const vt = ["id"], ft = { class: "accordion-header" }, bt = ["data-bs-target", "
         }, [
           S("thead", null, [
             S("tr", null, [
-              (i(!0), n(I, null, H(e.columns, (T) => (i(), n("th", {
+              (n(!0), i(F, null, H(e.columns, (T) => (n(), i("th", {
                 key: T.key,
                 class: $(T.headerClass),
-                style: K(ce(T)),
+                style: K(me(T)),
                 onClick: (D) => Q(T)
               }, [
-                M(k(T.label) + " ", 1),
-                e.sortable && T.sortable !== !1 ? (i(), n("span", ma, k(ue(T)), 1)) : y("", !0)
-              ], 14, ha))), 128))
+                I(k(T.label) + " ", 1),
+                e.sortable && T.sortable !== !1 ? (n(), i("span", Sa, k(he(T)), 1)) : y("", !0)
+              ], 14, ka))), 128))
             ])
           ]),
           S("tbody", null, [
-            (i(!0), n(I, null, H(f.value, (T, D) => (i(), n("tr", {
+            (n(!0), i(F, null, H(f.value, (T, D) => (n(), i("tr", {
               key: g(T, D),
-              onClick: (J) => re(T, D),
+              onClick: (U) => fe(T, D),
               style: { cursor: "pointer" }
             }, [
-              (i(!0), n(I, null, H(e.columns, (J) => (i(), n("td", {
-                key: J.key,
-                class: $(J.class),
-                style: K(J.tdStyle)
+              (n(!0), i(F, null, H(e.columns, (U) => (n(), i("td", {
+                key: U.key,
+                class: $(U.class),
+                style: K(U.tdStyle)
               }, [
-                N(B.$slots, `cell(${J.key})`, {
+                N(B.$slots, `cell(${U.key})`, {
                   item: T,
-                  value: T[J.key],
+                  value: T[U.key],
                   index: D
                 }, () => [
-                  M(k(de(T, J)), 1)
+                  I(k(be(T, U)), 1)
                 ], !0)
               ], 6))), 128))
-            ], 8, pa))), 128)),
-            f.value.length === 0 && e.showEmpty ? (i(), n("tr", ya, [
+            ], 8, $a))), 128)),
+            f.value.length === 0 && e.showEmpty ? (n(), i("tr", wa, [
               S("td", {
                 colspan: e.columns?.length || 1,
                 class: "text-center"
-              }, k(e.emptyText), 9, ga)
+              }, k(e.emptyText), 9, Va)
             ])) : y("", !0)
           ])
         ], 2)
       ], 2),
-      S("div", ka, [
-        e.showInfo ? (i(), n("div", Sa, [
-          S("div", $a, k(P.value), 1)
+      S("div", Ca, [
+        e.showInfo ? (n(), i("div", xa, [
+          S("div", Ba, k(P.value), 1)
         ])) : y("", !0),
-        e.paginated && x.value > 1 ? (i(), n("div", wa, [
+        e.paginated && x.value > 1 ? (n(), i("div", La, [
           S("nav", null, [
-            S("ul", Va, [
+            S("ul", Ta, [
               S("li", {
                 class: $(["page-item", { disabled: a.value === 1 }])
               }, [
@@ -2100,19 +2100,19 @@ const vt = ["id"], ft = { class: "accordion-header" }, bt = ["data-bs-target", "
                   onClick: L[2] || (L[2] = Z((T) => W(a.value - 1), ["prevent"]))
                 }, " Previous ")
               ], 2),
-              a.value > 3 ? (i(), n("li", Ca, [
+              a.value > 3 ? (n(), i("li", Na, [
                 S("a", {
                   class: "page-link",
                   href: "#",
                   onClick: L[3] || (L[3] = Z((T) => W(1), ["prevent"]))
                 }, "1")
               ])) : y("", !0),
-              a.value > 4 ? (i(), n("li", xa, [...L[8] || (L[8] = [
+              a.value > 4 ? (n(), i("li", Ea, [...L[8] || (L[8] = [
                 S("span", { class: "page-link" }, "...", -1)
               ])])) : y("", !0),
-              (i(!0), n(I, null, H(Array.from({ length: x.value }, (T, D) => D + 1).filter(
+              (n(!0), i(F, null, H(Array.from({ length: x.value }, (T, D) => D + 1).filter(
                 (T) => T >= a.value - 2 && T <= a.value + 2
-              ), (T) => (i(), n("li", {
+              ), (T) => (n(), i("li", {
                 key: T,
                 class: $(["page-item", { active: T === a.value }])
               }, [
@@ -2120,12 +2120,12 @@ const vt = ["id"], ft = { class: "accordion-header" }, bt = ["data-bs-target", "
                   class: "page-link",
                   href: "#",
                   onClick: Z((D) => W(T), ["prevent"])
-                }, k(T), 9, Ba)
+                }, k(T), 9, Ma)
               ], 2))), 128)),
-              a.value < x.value - 3 ? (i(), n("li", La, [...L[9] || (L[9] = [
+              a.value < x.value - 3 ? (n(), i("li", Ia, [...L[9] || (L[9] = [
                 S("span", { class: "page-link" }, "...", -1)
               ])])) : y("", !0),
-              a.value < x.value - 2 ? (i(), n("li", Ta, [
+              a.value < x.value - 2 ? (n(), i("li", Fa, [
                 S("a", {
                   class: "page-link",
                   href: "#",
@@ -2147,19 +2147,19 @@ const vt = ["id"], ft = { class: "accordion-header" }, bt = ["data-bs-target", "
       ])
     ]));
   }
-}), le = (e, v) => {
+}), re = (e, v) => {
   const t = e.__vccOpts || e;
   for (const [a, l] of v)
     t[a] = l;
   return t;
-}, Ea = /* @__PURE__ */ le(Na, [["__scopeId", "data-v-d5aa8072"]]), Fa = ["for"], Ma = {
+}, Ra = /* @__PURE__ */ re(Pa, [["__scopeId", "data-v-d5aa8072"]]), qa = ["for"], za = {
   key: 0,
   class: "text-danger"
-}, Ia = ["id", "type", "value", "placeholder", "disabled", "readonly", "required", "aria-invalid", "aria-describedby"], Pa = ["id"], Ra = {
+}, Aa = ["id", "type", "value", "placeholder", "disabled", "readonly", "required", "aria-invalid", "aria-describedby"], ja = ["id"], Oa = {
   key: 0,
   class: "valid-feedback",
   style: { display: "block" }
-}, qa = ["id"], za = /* @__PURE__ */ F({
+}, Ha = ["id"], Da = /* @__PURE__ */ M({
   __name: "VibeFormInput",
   props: {
     modelValue: {
@@ -2183,7 +2183,7 @@ const vt = ["id"], ft = { class: "accordion-header" }, bt = ["data-bs-target", "
   },
   emits: ["update:modelValue", "validate", "blur", "focus", "input", "change"],
   setup(e, { emit: v }) {
-    const t = e, a = v, l = U("vibeFormGroup", null), s = m(() => t.id || l?.consumeId() || G("input")), o = m(() => !!t.label && !l?.hasLabel.value), r = m(() => !!t.validationState && !l?.hasValidation.value), u = m(() => !!t.helpText && !l?.hasHelp.value), c = m(() => {
+    const t = e, a = v, l = J("vibeFormGroup", null), s = m(() => t.id || l?.consumeId() || G("input")), o = m(() => !!t.label && !l?.hasLabel.value), r = m(() => !!t.validationState && !l?.hasValidation.value), u = m(() => !!t.helpText && !l?.hasHelp.value), c = m(() => {
       const d = [];
       return t.plaintext ? d.push("form-control-plaintext") : (d.push("form-control"), t.size && d.push(`form-control-${t.size}`)), t.validationState === "valid" && d.push("is-valid"), t.validationState === "invalid" && d.push("is-invalid"), d.join(" ");
     }), b = (d) => {
@@ -2196,17 +2196,17 @@ const vt = ["id"], ft = { class: "accordion-header" }, bt = ["data-bs-target", "
     }, p = (d) => {
       a("focus", d);
     };
-    return (d, f) => (i(), n("div", {
+    return (d, f) => (n(), i("div", {
       class: $({ "mb-3": o.value || u.value || r.value })
     }, [
-      o.value ? (i(), n("label", {
+      o.value ? (n(), i("label", {
         key: 0,
         for: s.value,
         class: "form-label"
       }, [
-        M(k(e.label) + " ", 1),
-        e.required ? (i(), n("span", Ma, "*")) : y("", !0)
-      ], 8, Fa)) : y("", !0),
+        I(k(e.label) + " ", 1),
+        e.required ? (n(), i("span", za, "*")) : y("", !0)
+      ], 8, qa)) : y("", !0),
       S("input", {
         id: s.value,
         type: e.type,
@@ -2222,36 +2222,36 @@ const vt = ["id"], ft = { class: "accordion-header" }, bt = ["data-bs-target", "
         onChange: g,
         onBlur: C,
         onFocus: p
-      }, null, 42, Ia),
-      u.value ? (i(), n("div", {
+      }, null, 42, Aa),
+      u.value ? (n(), i("div", {
         key: 1,
         id: `${s.value}-feedback`,
         class: "form-text"
-      }, k(e.helpText), 9, Pa)) : y("", !0),
-      r.value ? (i(), n(I, { key: 2 }, [
-        e.validationState === "valid" ? (i(), n("div", Ra, k(e.validationMessage || "Looks good!"), 1)) : y("", !0),
-        e.validationState === "invalid" ? (i(), n("div", {
+      }, k(e.helpText), 9, ja)) : y("", !0),
+      r.value ? (n(), i(F, { key: 2 }, [
+        e.validationState === "valid" ? (n(), i("div", Oa, k(e.validationMessage || "Looks good!"), 1)) : y("", !0),
+        e.validationState === "invalid" ? (n(), i("div", {
           key: 1,
           id: `${s.value}-feedback`,
           class: "invalid-feedback",
           style: { display: "block" }
-        }, k(e.validationMessage || "Please provide a valid value."), 9, qa)) : y("", !0)
+        }, k(e.validationMessage || "Please provide a valid value."), 9, Ha)) : y("", !0)
       ], 64)) : y("", !0)
     ], 2));
   }
-}), Aa = ["for"], ja = {
+}), Ga = ["for"], Xa = {
   key: 0,
   class: "text-danger"
-}, Oa = ["id", "value", "multiple", "size", "disabled", "required", "aria-invalid", "aria-describedby"], Ha = {
+}, Ya = ["id", "value", "multiple", "size", "disabled", "required", "aria-invalid", "aria-describedby"], Ua = {
   key: 0,
   value: "",
   disabled: "",
   selected: ""
-}, Da = ["value", "disabled"], Ga = ["id"], Xa = {
+}, Ja = ["value", "disabled"], Ka = ["id"], Qa = {
   key: 0,
   class: "valid-feedback",
   style: { display: "block" }
-}, Ya = ["id"], Ja = /* @__PURE__ */ F({
+}, Wa = ["id"], Za = /* @__PURE__ */ M({
   __name: "VibeFormSelect",
   props: {
     modelValue: {
@@ -2276,7 +2276,7 @@ const vt = ["id"], ft = { class: "accordion-header" }, bt = ["data-bs-target", "
   },
   emits: ["update:modelValue", "validate", "blur", "focus", "change"],
   setup(e, { emit: v }) {
-    const t = e, a = v, l = U("vibeFormGroup", null), s = m(() => t.id || l?.consumeId() || G("select")), o = m(() => !!t.label && !l?.hasLabel.value), r = m(() => !!t.validationState && !l?.hasValidation.value), u = m(() => !!t.helpText && !l?.hasHelp.value), c = m(() => {
+    const t = e, a = v, l = J("vibeFormGroup", null), s = m(() => t.id || l?.consumeId() || G("select")), o = m(() => !!t.label && !l?.hasLabel.value), r = m(() => !!t.validationState && !l?.hasValidation.value), u = m(() => !!t.helpText && !l?.hasHelp.value), c = m(() => {
       const d = ["form-select"];
       return t.size && d.push(`form-select-${t.size}`), t.validationState === "valid" && d.push("is-valid"), t.validationState === "invalid" && d.push("is-invalid"), d.join(" ");
     }), b = (d) => {
@@ -2290,17 +2290,17 @@ const vt = ["id"], ft = { class: "accordion-header" }, bt = ["data-bs-target", "
     }, p = (d) => {
       a("focus", d);
     };
-    return (d, f) => (i(), n("div", {
+    return (d, f) => (n(), i("div", {
       class: $({ "mb-3": o.value || u.value || r.value })
     }, [
-      o.value ? (i(), n("label", {
+      o.value ? (n(), i("label", {
         key: 0,
         for: s.value,
         class: "form-label"
       }, [
-        M(k(e.label) + " ", 1),
-        e.required ? (i(), n("span", ja, "*")) : y("", !0)
-      ], 8, Aa)) : y("", !0),
+        I(k(e.label) + " ", 1),
+        e.required ? (n(), i("span", Xa, "*")) : y("", !0)
+      ], 8, Ga)) : y("", !0),
       S("select", {
         id: s.value,
         class: $(c.value),
@@ -2316,42 +2316,42 @@ const vt = ["id"], ft = { class: "accordion-header" }, bt = ["data-bs-target", "
         onBlur: C,
         onFocus: p
       }, [
-        e.placeholder ? (i(), n("option", Ha, k(e.placeholder), 1)) : y("", !0),
+        e.placeholder ? (n(), i("option", Ua, k(e.placeholder), 1)) : y("", !0),
         N(d.$slots, "default", {}, () => [
-          (i(!0), n(I, null, H(e.options, (h) => (i(), n("option", {
+          (n(!0), i(F, null, H(e.options, (h) => (n(), i("option", {
             key: String(h.value),
             value: h.value,
             disabled: h.disabled
-          }, k(h.text), 9, Da))), 128))
+          }, k(h.text), 9, Ja))), 128))
         ])
-      ], 42, Oa),
-      u.value ? (i(), n("div", {
+      ], 42, Ya),
+      u.value ? (n(), i("div", {
         key: 1,
         id: `${s.value}-feedback`,
         class: "form-text"
-      }, k(e.helpText), 9, Ga)) : y("", !0),
-      r.value ? (i(), n(I, { key: 2 }, [
-        e.validationState === "valid" ? (i(), n("div", Xa, k(e.validationMessage || "Looks good!"), 1)) : y("", !0),
-        e.validationState === "invalid" ? (i(), n("div", {
+      }, k(e.helpText), 9, Ka)) : y("", !0),
+      r.value ? (n(), i(F, { key: 2 }, [
+        e.validationState === "valid" ? (n(), i("div", Qa, k(e.validationMessage || "Looks good!"), 1)) : y("", !0),
+        e.validationState === "invalid" ? (n(), i("div", {
           key: 1,
           id: `${s.value}-feedback`,
           class: "invalid-feedback",
           style: { display: "block" }
-        }, k(e.validationMessage || "Please select an option."), 9, Ya)) : y("", !0)
+        }, k(e.validationMessage || "Please select an option."), 9, Wa)) : y("", !0)
       ], 64)) : y("", !0)
     ], 2));
   }
-}), Ua = ["for"], Ka = {
+}), _a = ["for"], el = {
   key: 0,
   class: "text-danger"
-}, Qa = ["id", "value", "placeholder", "rows", "maxlength", "disabled", "readonly", "required", "aria-invalid", "aria-describedby"], Wa = ["id"], Za = {
+}, tl = ["id", "value", "placeholder", "rows", "maxlength", "disabled", "readonly", "required", "aria-invalid", "aria-describedby"], al = ["id"], ll = {
   key: 0,
   class: "ms-auto"
-}, _a = {
+}, ol = {
   key: 0,
   class: "valid-feedback",
   style: { display: "block" }
-}, el = ["id"], tl = /* @__PURE__ */ F({
+}, sl = ["id"], nl = /* @__PURE__ */ M({
   __name: "VibeFormTextarea",
   props: {
     modelValue: {
@@ -2377,7 +2377,7 @@ const vt = ["id"], ft = { class: "accordion-header" }, bt = ["data-bs-target", "
   },
   emits: ["update:modelValue", "validate", "blur", "focus", "input", "change"],
   setup(e, { emit: v }) {
-    const t = e, a = v, l = U("vibeFormGroup", null), s = m(() => t.id || l?.consumeId() || G("textarea")), o = m(() => !!t.label && !l?.hasLabel.value), r = m(() => !!t.validationState && !l?.hasValidation.value), u = m(() => (!!t.helpText || t.showCharCount) && !l?.hasHelp.value), c = m(() => {
+    const t = e, a = v, l = J("vibeFormGroup", null), s = m(() => t.id || l?.consumeId() || G("textarea")), o = m(() => !!t.label && !l?.hasLabel.value), r = m(() => !!t.validationState && !l?.hasValidation.value), u = m(() => (!!t.helpText || t.showCharCount) && !l?.hasHelp.value), c = m(() => {
       const h = ["form-control"];
       return t.size && h.push(`form-control-${t.size}`), t.validationState === "valid" && h.push("is-valid"), t.validationState === "invalid" && h.push("is-invalid"), h.join(" ");
     }), b = m(() => {
@@ -2392,17 +2392,17 @@ const vt = ["id"], ft = { class: "accordion-header" }, bt = ["data-bs-target", "
     }, f = (h) => {
       a("focus", h);
     };
-    return (h, w) => (i(), n("div", {
+    return (h, w) => (n(), i("div", {
       class: $({ "mb-3": o.value || u.value || r.value })
     }, [
-      o.value ? (i(), n("label", {
+      o.value ? (n(), i("label", {
         key: 0,
         for: s.value,
         class: "form-label"
       }, [
-        M(k(e.label) + " ", 1),
-        e.required ? (i(), n("span", Ka, "*")) : y("", !0)
-      ], 8, Ua)) : y("", !0),
+        I(k(e.label) + " ", 1),
+        e.required ? (n(), i("span", el, "*")) : y("", !0)
+      ], 8, _a)) : y("", !0),
       S("textarea", {
         id: s.value,
         class: $(c.value),
@@ -2420,40 +2420,40 @@ const vt = ["id"], ft = { class: "accordion-header" }, bt = ["data-bs-target", "
         onChange: p,
         onBlur: d,
         onFocus: f
-      }, null, 46, Qa),
-      u.value ? (i(), n("div", {
+      }, null, 46, tl),
+      u.value ? (n(), i("div", {
         key: 1,
         id: `${s.value}-feedback`,
         class: "form-text d-flex justify-content-between"
       }, [
         S("span", null, k(e.helpText), 1),
-        e.showCharCount ? (i(), n("span", Za, [
-          e.maxlength ? (i(), n(I, { key: 0 }, [
-            M(k(g.value) + " / " + k(e.maxlength), 1)
-          ], 64)) : (i(), n(I, { key: 1 }, [
-            M(k(g.value), 1)
+        e.showCharCount ? (n(), i("span", ll, [
+          e.maxlength ? (n(), i(F, { key: 0 }, [
+            I(k(g.value) + " / " + k(e.maxlength), 1)
+          ], 64)) : (n(), i(F, { key: 1 }, [
+            I(k(g.value), 1)
           ], 64))
         ])) : y("", !0)
-      ], 8, Wa)) : y("", !0),
-      r.value ? (i(), n(I, { key: 2 }, [
-        e.validationState === "valid" ? (i(), n("div", _a, k(e.validationMessage || "Looks good!"), 1)) : y("", !0),
-        e.validationState === "invalid" ? (i(), n("div", {
+      ], 8, al)) : y("", !0),
+      r.value ? (n(), i(F, { key: 2 }, [
+        e.validationState === "valid" ? (n(), i("div", ol, k(e.validationMessage || "Looks good!"), 1)) : y("", !0),
+        e.validationState === "invalid" ? (n(), i("div", {
           key: 1,
           id: `${s.value}-feedback`,
           class: "invalid-feedback",
           style: { display: "block" }
-        }, k(e.validationMessage || "Please provide a valid value."), 9, el)) : y("", !0)
+        }, k(e.validationMessage || "Please provide a valid value."), 9, sl)) : y("", !0)
       ], 64)) : y("", !0)
     ], 2));
   }
-}), al = ["for"], ll = {
+}), il = ["for"], rl = {
   key: 0,
   class: "text-danger"
-}, ol = ["disabled"], sl = ["id", "value", "disabled", "readonly", "required", "min", "max", "step", "aria-invalid", "aria-describedby"], il = ["disabled"], nl = ["id"], rl = {
+}, dl = ["disabled"], ul = ["id", "value", "disabled", "readonly", "required", "min", "max", "step", "aria-invalid", "aria-describedby"], cl = ["disabled"], vl = ["id"], fl = {
   key: 0,
   class: "valid-feedback",
   style: { display: "block" }
-}, dl = ["id"], ul = /* @__PURE__ */ F({
+}, bl = ["id"], hl = /* @__PURE__ */ M({
   __name: "VibeFormSpinbutton",
   props: {
     modelValue: {
@@ -2480,7 +2480,7 @@ const vt = ["id"], ft = { class: "accordion-header" }, bt = ["data-bs-target", "
   },
   emits: ["update:modelValue", "validate", "blur", "focus", "input", "change", "increment", "decrement"],
   setup(e, { emit: v }) {
-    const t = e, a = v, l = U("vibeFormGroup", null), s = m(() => t.id || l?.consumeId() || G("spinbutton")), o = m(() => !!t.label && !l?.hasLabel.value), r = m(() => !!t.validationState && !l?.hasValidation.value), u = m(() => !!t.helpText && !l?.hasHelp.value), c = m(() => {
+    const t = e, a = v, l = J("vibeFormGroup", null), s = m(() => t.id || l?.consumeId() || G("spinbutton")), o = m(() => !!t.label && !l?.hasLabel.value), r = m(() => !!t.validationState && !l?.hasValidation.value), u = m(() => !!t.helpText && !l?.hasHelp.value), c = m(() => {
       const V = ["form-control"];
       return t.size && V.push(`form-control-${t.size}`), t.validationState === "valid" && V.push("is-valid"), t.validationState === "invalid" && V.push("is-invalid"), V.join(" ");
     }), b = m(() => {
@@ -2505,17 +2505,17 @@ const vt = ["id"], ft = { class: "accordion-header" }, bt = ["data-bs-target", "
       let V = t.modelValue - t.step;
       t.min !== void 0 && V < t.min && (V = t.wrap ? t.max ?? 0 : t.min), a("update:modelValue", V), a("decrement", V), t.validateOn === "change" && a("validate");
     };
-    return (V, q) => (i(), n("div", {
+    return (V, q) => (n(), i("div", {
       class: $({ "mb-3": o.value || u.value || r.value })
     }, [
-      o.value ? (i(), n("label", {
+      o.value ? (n(), i("label", {
         key: 0,
         for: s.value,
         class: "form-label"
       }, [
-        M(k(e.label) + " ", 1),
-        e.required ? (i(), n("span", ll, "*")) : y("", !0)
-      ], 8, al)) : y("", !0),
+        I(k(e.label) + " ", 1),
+        e.required ? (n(), i("span", rl, "*")) : y("", !0)
+      ], 8, il)) : y("", !0),
       S("div", {
         class: $(b.value)
       }, [
@@ -2527,7 +2527,7 @@ const vt = ["id"], ft = { class: "accordion-header" }, bt = ["data-bs-target", "
           "aria-label": "Decrement"
         }, [...q[0] || (q[0] = [
           S("span", { "aria-hidden": "true" }, "−", -1)
-        ])], 8, ol),
+        ])], 8, dl),
         S("input", {
           id: s.value,
           type: "number",
@@ -2545,7 +2545,7 @@ const vt = ["id"], ft = { class: "accordion-header" }, bt = ["data-bs-target", "
           onChange: d,
           onBlur: f,
           onFocus: h
-        }, null, 42, sl),
+        }, null, 42, ul),
         S("button", {
           class: "btn btn-outline-secondary",
           type: "button",
@@ -2554,32 +2554,32 @@ const vt = ["id"], ft = { class: "accordion-header" }, bt = ["data-bs-target", "
           "aria-label": "Increment"
         }, [...q[1] || (q[1] = [
           S("span", { "aria-hidden": "true" }, "+", -1)
-        ])], 8, il)
+        ])], 8, cl)
       ], 2),
-      u.value ? (i(), n("div", {
+      u.value ? (n(), i("div", {
         key: 1,
         id: `${s.value}-feedback`,
         class: "form-text"
-      }, k(e.helpText), 9, nl)) : y("", !0),
-      r.value ? (i(), n(I, { key: 2 }, [
-        e.validationState === "valid" ? (i(), n("div", rl, k(e.validationMessage || "Looks good!"), 1)) : y("", !0),
-        e.validationState === "invalid" ? (i(), n("div", {
+      }, k(e.helpText), 9, vl)) : y("", !0),
+      r.value ? (n(), i(F, { key: 2 }, [
+        e.validationState === "valid" ? (n(), i("div", fl, k(e.validationMessage || "Looks good!"), 1)) : y("", !0),
+        e.validationState === "invalid" ? (n(), i("div", {
           key: 1,
           id: `${s.value}-feedback`,
           class: "invalid-feedback",
           style: { display: "block" }
-        }, k(e.validationMessage || "Please provide a valid value."), 9, dl)) : y("", !0)
+        }, k(e.validationMessage || "Please provide a valid value."), 9, bl)) : y("", !0)
       ], 64)) : y("", !0)
     ], 2));
   }
-}), cl = /* @__PURE__ */ le(ul, [["__scopeId", "data-v-49746a62"]]), vl = ["for"], fl = {
+}), ml = /* @__PURE__ */ re(hl, [["__scopeId", "data-v-49746a62"]]), pl = ["for"], yl = {
   key: 0,
   class: "text-danger"
-}, bl = ["id", "type", "value", "disabled", "readonly", "required", "min", "max", "aria-invalid", "aria-describedby"], hl = ["id"], ml = {
+}, gl = ["id", "type", "value", "disabled", "readonly", "required", "min", "max", "aria-invalid", "aria-describedby"], kl = ["id"], Sl = {
   key: 0,
   class: "valid-feedback",
   style: { display: "block" }
-}, pl = ["id"], yl = /* @__PURE__ */ F({
+}, $l = ["id"], wl = /* @__PURE__ */ M({
   __name: "VibeFormDatepicker",
   props: {
     modelValue: {
@@ -2604,7 +2604,7 @@ const vt = ["id"], ft = { class: "accordion-header" }, bt = ["data-bs-target", "
   },
   emits: ["update:modelValue", "validate", "blur", "focus", "input", "change"],
   setup(e, { emit: v }) {
-    const t = e, a = v, l = U("vibeFormGroup", null), s = m(() => t.id || l?.consumeId() || G("datepicker")), o = m(() => !!t.label && !l?.hasLabel.value), r = m(() => !!t.validationState && !l?.hasValidation.value), u = m(() => !!t.helpText && !l?.hasHelp.value), c = m(() => {
+    const t = e, a = v, l = J("vibeFormGroup", null), s = m(() => t.id || l?.consumeId() || G("datepicker")), o = m(() => !!t.label && !l?.hasLabel.value), r = m(() => !!t.validationState && !l?.hasValidation.value), u = m(() => !!t.helpText && !l?.hasHelp.value), c = m(() => {
       const d = ["form-control"];
       return t.size && d.push(`form-control-${t.size}`), t.validationState === "valid" && d.push("is-valid"), t.validationState === "invalid" && d.push("is-invalid"), d.join(" ");
     }), b = (d) => {
@@ -2617,17 +2617,17 @@ const vt = ["id"], ft = { class: "accordion-header" }, bt = ["data-bs-target", "
     }, p = (d) => {
       a("focus", d);
     };
-    return (d, f) => (i(), n("div", {
+    return (d, f) => (n(), i("div", {
       class: $({ "mb-3": o.value || u.value || r.value })
     }, [
-      o.value ? (i(), n("label", {
+      o.value ? (n(), i("label", {
         key: 0,
         for: s.value,
         class: "form-label"
       }, [
-        M(k(e.label) + " ", 1),
-        e.required ? (i(), n("span", fl, "*")) : y("", !0)
-      ], 8, vl)) : y("", !0),
+        I(k(e.label) + " ", 1),
+        e.required ? (n(), i("span", yl, "*")) : y("", !0)
+      ], 8, pl)) : y("", !0),
       S("input", {
         id: s.value,
         type: e.type,
@@ -2644,31 +2644,31 @@ const vt = ["id"], ft = { class: "accordion-header" }, bt = ["data-bs-target", "
         onChange: g,
         onBlur: C,
         onFocus: p
-      }, null, 42, bl),
-      u.value ? (i(), n("div", {
+      }, null, 42, gl),
+      u.value ? (n(), i("div", {
         key: 1,
         id: `${s.value}-feedback`,
         class: "form-text"
-      }, k(e.helpText), 9, hl)) : y("", !0),
-      r.value ? (i(), n(I, { key: 2 }, [
-        e.validationState === "valid" ? (i(), n("div", ml, k(e.validationMessage || "Looks good!"), 1)) : y("", !0),
-        e.validationState === "invalid" ? (i(), n("div", {
+      }, k(e.helpText), 9, kl)) : y("", !0),
+      r.value ? (n(), i(F, { key: 2 }, [
+        e.validationState === "valid" ? (n(), i("div", Sl, k(e.validationMessage || "Looks good!"), 1)) : y("", !0),
+        e.validationState === "invalid" ? (n(), i("div", {
           key: 1,
           id: `${s.value}-feedback`,
           class: "invalid-feedback",
           style: { display: "block" }
-        }, k(e.validationMessage || "Please provide a valid date."), 9, pl)) : y("", !0)
+        }, k(e.validationMessage || "Please provide a valid date."), 9, $l)) : y("", !0)
       ], 64)) : y("", !0)
     ], 2));
   }
-}), gl = ["id", "checked", "disabled", "required", "indeterminate", "aria-invalid", "aria-describedby"], kl = ["for"], Sl = {
+}), Vl = ["id", "checked", "disabled", "required", "indeterminate", "aria-invalid", "aria-describedby"], Cl = ["for"], xl = {
   key: 0,
   class: "text-danger"
-}, $l = ["id"], wl = {
+}, Bl = ["id"], Ll = {
   key: 0,
   class: "valid-feedback",
   style: { display: "block" }
-}, Vl = ["id"], Cl = /* @__PURE__ */ F({
+}, Tl = ["id"], Nl = /* @__PURE__ */ M({
   __name: "VibeFormCheckbox",
   props: {
     modelValue: {
@@ -2691,7 +2691,7 @@ const vt = ["id"], ft = { class: "accordion-header" }, bt = ["data-bs-target", "
   },
   emits: ["update:modelValue", "validate", "blur", "focus", "change"],
   setup(e, { emit: v }) {
-    const t = e, a = v, l = U("vibeFormGroup", null), s = m(() => t.id || l?.consumeId() || G("checkbox")), o = m(() => !!t.label && !l?.hasLabel.value), r = m(() => !!t.validationState && !l?.hasValidation.value), u = m(() => !!t.helpText && !l?.hasHelp.value), c = m(() => {
+    const t = e, a = v, l = J("vibeFormGroup", null), s = m(() => t.id || l?.consumeId() || G("checkbox")), o = m(() => !!t.label && !l?.hasLabel.value), r = m(() => !!t.validationState && !l?.hasValidation.value), u = m(() => !!t.helpText && !l?.hasHelp.value), c = m(() => {
       const f = ["form-check"];
       return t.inline && f.push("form-check-inline"), t.reverse && f.push("form-check-reverse"), f.join(" ");
     }), b = m(() => {
@@ -2715,7 +2715,7 @@ const vt = ["id"], ft = { class: "accordion-header" }, bt = ["data-bs-target", "
     }, d = (f) => {
       a("focus", f);
     };
-    return (f, h) => (i(), n("div", {
+    return (f, h) => (n(), i("div", {
       class: $([c.value, { "mb-3": o.value || u.value || r.value }])
     }, [
       S("input", {
@@ -2731,39 +2731,39 @@ const vt = ["id"], ft = { class: "accordion-header" }, bt = ["data-bs-target", "
         onChange: C,
         onBlur: p,
         onFocus: d
-      }, null, 42, gl),
-      o.value ? (i(), n("label", {
+      }, null, 42, Vl),
+      o.value ? (n(), i("label", {
         key: 0,
         for: s.value,
         class: "form-check-label"
       }, [
-        M(k(e.label) + " ", 1),
-        e.required ? (i(), n("span", Sl, "*")) : y("", !0)
-      ], 8, kl)) : y("", !0),
-      u.value ? (i(), n("div", {
+        I(k(e.label) + " ", 1),
+        e.required ? (n(), i("span", xl, "*")) : y("", !0)
+      ], 8, Cl)) : y("", !0),
+      u.value ? (n(), i("div", {
         key: 1,
         id: `${s.value}-feedback`,
         class: "form-text"
-      }, k(e.helpText), 9, $l)) : y("", !0),
-      r.value ? (i(), n(I, { key: 2 }, [
-        e.validationState === "valid" ? (i(), n("div", wl, k(e.validationMessage || "Looks good!"), 1)) : y("", !0),
-        e.validationState === "invalid" ? (i(), n("div", {
+      }, k(e.helpText), 9, Bl)) : y("", !0),
+      r.value ? (n(), i(F, { key: 2 }, [
+        e.validationState === "valid" ? (n(), i("div", Ll, k(e.validationMessage || "Looks good!"), 1)) : y("", !0),
+        e.validationState === "invalid" ? (n(), i("div", {
           key: 1,
           id: `${s.value}-feedback`,
           class: "invalid-feedback",
           style: { display: "block" }
-        }, k(e.validationMessage || "Please check this box."), 9, Vl)) : y("", !0)
+        }, k(e.validationMessage || "Please check this box."), 9, Tl)) : y("", !0)
       ], 64)) : y("", !0)
     ], 2));
   }
-}), xl = ["id", "name", "value", "checked", "disabled", "required", "aria-invalid", "aria-describedby"], Bl = ["for"], Ll = {
+}), El = ["id", "name", "value", "checked", "disabled", "required", "aria-invalid", "aria-describedby"], Ml = ["for"], Il = {
   key: 0,
   class: "text-danger"
-}, Tl = ["id"], Nl = {
+}, Fl = ["id"], Pl = {
   key: 0,
   class: "valid-feedback",
   style: { display: "block" }
-}, El = ["id"], Fl = /* @__PURE__ */ F({
+}, Rl = ["id"], ql = /* @__PURE__ */ M({
   __name: "VibeFormRadio",
   props: {
     modelValue: {
@@ -2786,7 +2786,7 @@ const vt = ["id"], ft = { class: "accordion-header" }, bt = ["data-bs-target", "
   },
   emits: ["update:modelValue", "validate", "blur", "focus", "change"],
   setup(e, { emit: v }) {
-    const t = e, a = v, l = U("vibeFormGroup", null), s = m(() => t.id || l?.consumeId() || G("radio")), o = m(() => !!t.label && !l?.hasLabel.value), r = m(() => !!t.validationState && !l?.hasValidation.value), u = m(() => !!t.helpText && !l?.hasHelp.value), c = m(() => {
+    const t = e, a = v, l = J("vibeFormGroup", null), s = m(() => t.id || l?.consumeId() || G("radio")), o = m(() => !!t.label && !l?.hasLabel.value), r = m(() => !!t.validationState && !l?.hasValidation.value), u = m(() => !!t.helpText && !l?.hasHelp.value), c = m(() => {
       const f = ["form-check"];
       return t.inline && f.push("form-check-inline"), t.reverse && f.push("form-check-reverse"), f.join(" ");
     }), b = m(() => {
@@ -2799,7 +2799,7 @@ const vt = ["id"], ft = { class: "accordion-header" }, bt = ["data-bs-target", "
     }, d = (f) => {
       a("focus", f);
     };
-    return (f, h) => (i(), n("div", {
+    return (f, h) => (n(), i("div", {
       class: $([c.value, { "mb-3": o.value || u.value || r.value }])
     }, [
       S("input", {
@@ -2816,39 +2816,39 @@ const vt = ["id"], ft = { class: "accordion-header" }, bt = ["data-bs-target", "
         onChange: C,
         onBlur: p,
         onFocus: d
-      }, null, 42, xl),
-      o.value ? (i(), n("label", {
+      }, null, 42, El),
+      o.value ? (n(), i("label", {
         key: 0,
         for: s.value,
         class: "form-check-label"
       }, [
-        M(k(e.label) + " ", 1),
-        e.required ? (i(), n("span", Ll, "*")) : y("", !0)
-      ], 8, Bl)) : y("", !0),
-      u.value ? (i(), n("div", {
+        I(k(e.label) + " ", 1),
+        e.required ? (n(), i("span", Il, "*")) : y("", !0)
+      ], 8, Ml)) : y("", !0),
+      u.value ? (n(), i("div", {
         key: 1,
         id: `${s.value}-feedback`,
         class: "form-text"
-      }, k(e.helpText), 9, Tl)) : y("", !0),
-      r.value ? (i(), n(I, { key: 2 }, [
-        e.validationState === "valid" ? (i(), n("div", Nl, k(e.validationMessage || "Looks good!"), 1)) : y("", !0),
-        e.validationState === "invalid" ? (i(), n("div", {
+      }, k(e.helpText), 9, Fl)) : y("", !0),
+      r.value ? (n(), i(F, { key: 2 }, [
+        e.validationState === "valid" ? (n(), i("div", Pl, k(e.validationMessage || "Looks good!"), 1)) : y("", !0),
+        e.validationState === "invalid" ? (n(), i("div", {
           key: 1,
           id: `${s.value}-feedback`,
           class: "invalid-feedback",
           style: { display: "block" }
-        }, k(e.validationMessage || "Please select an option."), 9, El)) : y("", !0)
+        }, k(e.validationMessage || "Please select an option."), 9, Rl)) : y("", !0)
       ], 64)) : y("", !0)
     ], 2));
   }
-}), Ml = ["id", "checked", "disabled", "required", "aria-invalid", "aria-describedby"], Il = ["for"], Pl = {
+}), zl = ["id", "checked", "disabled", "required", "aria-invalid", "aria-describedby"], Al = ["for"], jl = {
   key: 0,
   class: "text-danger"
-}, Rl = ["id"], ql = {
+}, Ol = ["id"], Hl = {
   key: 0,
   class: "valid-feedback",
   style: { display: "block" }
-}, zl = ["id"], Al = /* @__PURE__ */ F({
+}, Dl = ["id"], Gl = /* @__PURE__ */ M({
   __name: "VibeFormSwitch",
   props: {
     modelValue: {
@@ -2868,7 +2868,7 @@ const vt = ["id"], ft = { class: "accordion-header" }, bt = ["data-bs-target", "
   },
   emits: ["update:modelValue", "validate", "blur", "focus", "change"],
   setup(e, { emit: v }) {
-    const t = e, a = v, l = U("vibeFormGroup", null), s = m(() => t.id || l?.consumeId() || G("switch")), o = m(() => !!t.label && !l?.hasLabel.value), r = m(() => !!t.validationState && !l?.hasValidation.value), u = m(() => !!t.helpText && !l?.hasHelp.value), c = m(() => {
+    const t = e, a = v, l = J("vibeFormGroup", null), s = m(() => t.id || l?.consumeId() || G("switch")), o = m(() => !!t.label && !l?.hasLabel.value), r = m(() => !!t.validationState && !l?.hasValidation.value), u = m(() => !!t.helpText && !l?.hasHelp.value), c = m(() => {
       const d = ["form-check", "form-switch"];
       return t.inline && d.push("form-check-inline"), d.join(" ");
     }), b = m(() => {
@@ -2882,7 +2882,7 @@ const vt = ["id"], ft = { class: "accordion-header" }, bt = ["data-bs-target", "
     }, p = (d) => {
       a("focus", d);
     };
-    return (d, f) => (i(), n("div", {
+    return (d, f) => (n(), i("div", {
       class: $([c.value, { "mb-3": o.value || u.value || r.value }])
     }, [
       S("input", {
@@ -2898,46 +2898,46 @@ const vt = ["id"], ft = { class: "accordion-header" }, bt = ["data-bs-target", "
         onChange: g,
         onBlur: C,
         onFocus: p
-      }, null, 42, Ml),
-      o.value ? (i(), n("label", {
+      }, null, 42, zl),
+      o.value ? (n(), i("label", {
         key: 0,
         for: s.value,
         class: "form-check-label"
       }, [
-        M(k(e.label) + " ", 1),
-        e.required ? (i(), n("span", Pl, "*")) : y("", !0)
-      ], 8, Il)) : y("", !0),
-      u.value ? (i(), n("div", {
+        I(k(e.label) + " ", 1),
+        e.required ? (n(), i("span", jl, "*")) : y("", !0)
+      ], 8, Al)) : y("", !0),
+      u.value ? (n(), i("div", {
         key: 1,
         id: `${s.value}-feedback`,
         class: "form-text"
-      }, k(e.helpText), 9, Rl)) : y("", !0),
-      r.value ? (i(), n(I, { key: 2 }, [
-        e.validationState === "valid" ? (i(), n("div", ql, k(e.validationMessage || "Looks good!"), 1)) : y("", !0),
-        e.validationState === "invalid" ? (i(), n("div", {
+      }, k(e.helpText), 9, Ol)) : y("", !0),
+      r.value ? (n(), i(F, { key: 2 }, [
+        e.validationState === "valid" ? (n(), i("div", Hl, k(e.validationMessage || "Looks good!"), 1)) : y("", !0),
+        e.validationState === "invalid" ? (n(), i("div", {
           key: 1,
           id: `${s.value}-feedback`,
           class: "invalid-feedback",
           style: { display: "block" }
-        }, k(e.validationMessage || "Please toggle this switch."), 9, zl)) : y("", !0)
+        }, k(e.validationMessage || "Please toggle this switch."), 9, Dl)) : y("", !0)
       ], 64)) : y("", !0)
     ], 2));
   }
-}), jl = ["for"], Ol = {
+}), Xl = ["for"], Yl = {
   key: 0,
   class: "text-danger"
-}, Hl = ["id"], Dl = {
+}, Ul = ["id"], Jl = {
   key: 1,
   class: "valid-feedback",
   style: { display: "block" }
-}, Gl = ["id"], Xl = ["for"], Yl = {
+}, Kl = ["id"], Ql = ["for"], Wl = {
   key: 0,
   class: "text-danger"
-}, Jl = ["id"], Ul = {
+}, Zl = ["id"], _l = {
   key: 2,
   class: "valid-feedback",
   style: { display: "block" }
-}, Kl = ["id"], Ql = /* @__PURE__ */ F({
+}, eo = ["id"], to = /* @__PURE__ */ M({
   __name: "VibeFormGroup",
   props: {
     label: { type: String, default: void 0 },
@@ -2953,7 +2953,7 @@ const vt = ["id"], ft = { class: "accordion-header" }, bt = ["data-bs-target", "
   },
   setup(e) {
     const v = e, t = m(() => v.labelFor || G("form-group")), a = E(!1);
-    ne("vibeFormGroup", {
+    ve("vibeFormGroup", {
       id: t,
       consumeId: () => a.value ? null : (a.value = !0, t.value),
       hasLabel: m(() => !!v.label),
@@ -2967,71 +2967,71 @@ const vt = ["id"], ft = { class: "accordion-header" }, bt = ["data-bs-target", "
       const c = [];
       return v.floating ? c.push("form-label") : v.row ? (c.push("col-form-label"), v.labelCols && c.push(`col-sm-${v.labelCols}`), v.labelAlign && c.push(`text-${v.labelAlign}`)) : c.push("form-label"), c.join(" ");
     }), r = m(() => v.row && v.labelCols ? `col-sm-${12 - Number(v.labelCols)}` : ""), u = m(() => `${t.value}-feedback`);
-    return (c, b) => (i(), n("div", {
+    return (c, b) => (n(), i("div", {
       class: $(s.value)
     }, [
-      e.label && !e.floating ? (i(), n("label", {
+      e.label && !e.floating ? (n(), i("label", {
         key: 0,
         for: t.value,
         class: $(o.value)
       }, [
-        M(k(e.label) + " ", 1),
-        e.required ? (i(), n("span", Ol, "*")) : y("", !0)
-      ], 10, jl)) : y("", !0),
-      e.row && e.labelCols ? (i(), n("div", {
+        I(k(e.label) + " ", 1),
+        e.required ? (n(), i("span", Yl, "*")) : y("", !0)
+      ], 10, Xl)) : y("", !0),
+      e.row && e.labelCols ? (n(), i("div", {
         key: 1,
         class: $(r.value)
       }, [
         N(c.$slots, "default"),
-        e.helpText && !e.validationMessage ? (i(), n("div", {
+        e.helpText && !e.validationMessage ? (n(), i("div", {
           key: 0,
           id: u.value,
           class: "form-text"
-        }, k(e.helpText), 9, Hl)) : y("", !0),
-        e.validationState === "valid" ? (i(), n("div", Dl, k(e.validationMessage || "Looks good!"), 1)) : y("", !0),
-        e.validationState === "invalid" ? (i(), n("div", {
+        }, k(e.helpText), 9, Ul)) : y("", !0),
+        e.validationState === "valid" ? (n(), i("div", Jl, k(e.validationMessage || "Looks good!"), 1)) : y("", !0),
+        e.validationState === "invalid" ? (n(), i("div", {
           key: 2,
           id: u.value,
           class: "invalid-feedback",
           style: { display: "block" }
-        }, k(e.validationMessage || "Please provide a valid value."), 9, Gl)) : y("", !0)
-      ], 2)) : (i(), n(I, { key: 2 }, [
+        }, k(e.validationMessage || "Please provide a valid value."), 9, Kl)) : y("", !0)
+      ], 2)) : (n(), i(F, { key: 2 }, [
         N(c.$slots, "default"),
-        e.label && e.floating ? (i(), n("label", {
+        e.label && e.floating ? (n(), i("label", {
           key: 0,
           for: t.value,
           class: $(o.value)
         }, [
-          M(k(e.label) + " ", 1),
-          e.required ? (i(), n("span", Yl, "*")) : y("", !0)
-        ], 10, Xl)) : y("", !0),
-        e.helpText && !e.validationMessage ? (i(), n("div", {
+          I(k(e.label) + " ", 1),
+          e.required ? (n(), i("span", Wl, "*")) : y("", !0)
+        ], 10, Ql)) : y("", !0),
+        e.helpText && !e.validationMessage ? (n(), i("div", {
           key: 1,
           id: u.value,
           class: "form-text"
-        }, k(e.helpText), 9, Jl)) : y("", !0),
-        e.validationState === "valid" ? (i(), n("div", Ul, k(e.validationMessage || "Looks good!"), 1)) : y("", !0),
-        e.validationState === "invalid" ? (i(), n("div", {
+        }, k(e.helpText), 9, Zl)) : y("", !0),
+        e.validationState === "valid" ? (n(), i("div", _l, k(e.validationMessage || "Looks good!"), 1)) : y("", !0),
+        e.validationState === "invalid" ? (n(), i("div", {
           key: 3,
           id: u.value,
           class: "invalid-feedback",
           style: { display: "block" }
-        }, k(e.validationMessage || "Please provide a valid value."), 9, Kl)) : y("", !0)
+        }, k(e.validationMessage || "Please provide a valid value."), 9, eo)) : y("", !0)
       ], 64))
     ], 2));
   }
-}), Wl = ["for"], Zl = {
+}), ao = ["for"], lo = {
   key: 0,
   class: "text-danger"
-}, _l = {
+}, oo = {
   key: 1,
   class: "alert alert-warning",
   role: "alert"
-}, eo = ["id"], to = ["id"], ao = {
+}, so = ["id"], no = ["id"], io = {
   key: 0,
   class: "valid-feedback",
   style: { display: "block" }
-}, lo = ["id"], oo = /* @__PURE__ */ F({
+}, ro = ["id"], uo = /* @__PURE__ */ M({
   __name: "VibeFormWysiwyg",
   props: {
     modelValue: {
@@ -3055,7 +3055,7 @@ const vt = ["id"], ft = { class: "accordion-header" }, bt = ["data-bs-target", "
   },
   emits: ["update:modelValue", "validate", "blur", "focus", "change", "ready"],
   setup(e, { emit: v }) {
-    const t = e, a = v, l = U("vibeFormGroup", null), s = m(() => t.id || l?.id.value || G("wysiwyg")), o = m(() => !!t.label && !l?.hasLabel.value), r = m(() => !!t.validationState && !l?.hasValidation.value), u = m(() => !!t.helpText && !l?.hasHelp.value), c = E(null), b = E(null), g = E(!1), C = E(null), p = E(!1), d = E(null), f = E(null), h = E(null), w = m(() => {
+    const t = e, a = v, l = J("vibeFormGroup", null), s = m(() => t.id || l?.id.value || G("wysiwyg")), o = m(() => !!t.label && !l?.hasLabel.value), r = m(() => !!t.validationState && !l?.hasValidation.value), u = m(() => !!t.helpText && !l?.hasHelp.value), c = E(null), b = E(null), g = E(!1), C = E(null), p = E(!1), d = E(null), f = E(null), h = E(null), w = m(() => {
       const R = ["vibe-wysiwyg-container"];
       return t.validationState === "valid" && R.push("is-valid"), t.validationState === "invalid" && R.push("is-invalid"), t.disabled && R.push("disabled"), R.join(" ");
     }), x = [
@@ -3082,8 +3082,8 @@ const vt = ["id"], ft = { class: "accordion-header" }, bt = ["data-bs-target", "
           };
           b.value = new Q(c.value, W), t.modelValue && q(t.modelValue), h.value = () => {
             if (p.value) return;
-            const ee = P();
-            a("update:modelValue", ee), a("change"), t.validateOn === "change" && a("validate");
+            const te = P();
+            a("update:modelValue", te), a("change"), t.validateOn === "change" && a("validate");
           }, b.value.on("text-change", h.value), d.value = () => {
             a("blur"), t.validateOn === "blur" && a("validate");
           }, b.value.root.addEventListener("blur", d.value), f.value = () => {
@@ -3108,18 +3108,18 @@ const vt = ["id"], ft = { class: "accordion-header" }, bt = ["data-bs-target", "
       b.value && b.value.enable(!R);
     }), O(() => t.readonly, (R) => {
       b.value && b.value.enable(!R);
-    }), (R, Q) => (i(), n("div", {
+    }), (R, Q) => (n(), i("div", {
       class: $({ "mb-3": o.value || u.value || r.value })
     }, [
-      o.value ? (i(), n("label", {
+      o.value ? (n(), i("label", {
         key: 0,
         for: s.value,
         class: "form-label"
       }, [
-        M(k(e.label) + " ", 1),
-        e.required ? (i(), n("span", Zl, "*")) : y("", !0)
-      ], 8, Wl)) : y("", !0),
-      C.value ? (i(), n("div", _l, k(C.value), 1)) : (i(), n("div", {
+        I(k(e.label) + " ", 1),
+        e.required ? (n(), i("span", lo, "*")) : y("", !0)
+      ], 8, ao)) : y("", !0),
+      C.value ? (n(), i("div", oo, k(C.value), 1)) : (n(), i("div", {
         key: 2,
         class: $(w.value),
         style: K({ minHeight: e.height })
@@ -3128,30 +3128,30 @@ const vt = ["id"], ft = { class: "accordion-header" }, bt = ["data-bs-target", "
           ref_key: "editorContainer",
           ref: c,
           id: s.value
-        }, null, 8, eo)
+        }, null, 8, so)
       ], 6)),
-      u.value ? (i(), n("div", {
+      u.value ? (n(), i("div", {
         key: 3,
         id: `${s.value}-feedback`,
         class: "form-text"
-      }, k(e.helpText), 9, to)) : y("", !0),
-      r.value ? (i(), n(I, { key: 4 }, [
-        e.validationState === "valid" ? (i(), n("div", ao, k(e.validationMessage || "Looks good!"), 1)) : y("", !0),
-        e.validationState === "invalid" ? (i(), n("div", {
+      }, k(e.helpText), 9, no)) : y("", !0),
+      r.value ? (n(), i(F, { key: 4 }, [
+        e.validationState === "valid" ? (n(), i("div", io, k(e.validationMessage || "Looks good!"), 1)) : y("", !0),
+        e.validationState === "invalid" ? (n(), i("div", {
           key: 1,
           id: `${s.value}-feedback`,
           class: "invalid-feedback",
           style: { display: "block" }
-        }, k(e.validationMessage || "Please provide valid content."), 9, lo)) : y("", !0)
+        }, k(e.validationMessage || "Please provide valid content."), 9, ro)) : y("", !0)
       ], 64)) : y("", !0)
     ], 2));
   }
-}), so = /* @__PURE__ */ le(oo, [["__scopeId", "data-v-1ed73fd7"]]), no = {
+}), co = /* @__PURE__ */ re(uo, [["__scopeId", "data-v-1ed73fd7"]]), bo = {
   install(e) {
-    e.component("VibeAlert", pe), e.component("VibeBadge", ye), e.component("VibeButton", ge), e.component("VibeButtonGroup", Se), e.component("VibeCloseButton", we), e.component("VibeSpinner", Ce), e.component("VibePlaceholder", xe), e.component("VibeContainer", Be), e.component("VibeRow", Le), e.component("VibeCol", Te), e.component("VibeCard", qe), e.component("VibeBreadcrumb", Oe), e.component("VibeNav", Xe), e.component("VibeNavbar", Ye), e.component("VibeNavbarBrand", Je), e.component("VibeNavbarToggle", Ke), e.component("VibeNavbarNav", tt), e.component("VibePagination", it), e.component("VibeTabContent", rt), e.component("VibeListGroup", dt), e.component("VibeProgress", ct), e.component("VibeAccordion", pt), e.component("VibeCollapse", yt), e.component("VibeDropdown", xt), e.component("VibeModal", Mt), e.component("VibeOffcanvas", zt), e.component("VibeToast", Dt), e.component("VibeCarousel", ta), e.component("VibeTooltip", la), e.component("VibePopover", sa), e.component("VibeScrollspy", ia), e.component("VibeIcon", na), e.component("VibeDataTable", Ea), e.component("VibeFormInput", za), e.component("VibeFormSelect", Ja), e.component("VibeFormTextarea", tl), e.component("VibeFormSpinbutton", cl), e.component("VibeFormDatepicker", yl), e.component("VibeFormCheckbox", Cl), e.component("VibeFormRadio", Fl), e.component("VibeFormSwitch", Al), e.component("VibeFormGroup", Ql), e.component("VibeFormWysiwyg", so);
+    e.component("VibeAlert", $e), e.component("VibeBadge", we), e.component("VibeButton", Ve), e.component("VibeButtonGroup", xe), e.component("VibeCloseButton", Le), e.component("VibeSpinner", Ne), e.component("VibePlaceholder", Ee), e.component("VibeContainer", Me), e.component("VibeRow", Ie), e.component("VibeCol", Fe), e.component("VibeCard", He), e.component("VibeBreadcrumb", Ye), e.component("VibeNav", Qe), e.component("VibeNavbar", We), e.component("VibeNavbarBrand", Ze), e.component("VibeNavbarToggle", et), e.component("VibeNavbarNav", nt), e.component("VibePagination", ct), e.component("VibeTabContent", ft), e.component("VibeListGroup", bt), e.component("VibeProgress", mt), e.component("VibeAccordion", $t), e.component("VibeCollapse", wt), e.component("VibeDropdown", Et), e.component("VibeModal", zt), e.component("VibeOffcanvas", Dt), e.component("VibeToast", Jt), e.component("VibeCarousel", na), e.component("VibeTooltip", ra), e.component("VibePopover", ua), e.component("VibeScrollspy", ca), e.component("VibeIcon", va), e.component("VibeDataTable", Ra), e.component("VibeFormInput", Da), e.component("VibeFormSelect", Za), e.component("VibeFormTextarea", nl), e.component("VibeFormSpinbutton", ml), e.component("VibeFormDatepicker", wl), e.component("VibeFormCheckbox", Nl), e.component("VibeFormRadio", ql), e.component("VibeFormSwitch", Gl), e.component("VibeFormGroup", to), e.component("VibeFormWysiwyg", co);
   }
 };
-function ro(e = "") {
+function ho(e = "") {
   const v = E(e), t = E(null), a = E(""), l = E(!1), s = E(!1), o = E(!1), r = async (p) => {
     if (!p)
       return t.value = null, a.value = "", { valid: !0 };
@@ -3189,7 +3189,7 @@ function ro(e = "") {
     markAsDirty: b
   };
 }
-const uo = {
+const mo = {
   required: (e = "This field is required") => ({
     validator: (v) => Array.isArray(v) ? v.length > 0 || e : typeof v == "string" ? v.trim().length > 0 || e : v != null && v !== "" || e,
     message: e
@@ -3241,53 +3241,104 @@ const uo = {
   async: (e) => ({
     validator: e
   })
-};
+}, ae = "vibe-color-mode", le = {
+  light: "dark",
+  dark: "auto",
+  auto: "light"
+}, se = E("auto");
+let oe = !1;
+function vo(e) {
+  typeof document > "u" || document.documentElement.setAttribute("data-bs-theme", e);
+}
+function ee(e) {
+  se.value = e, vo(e);
+}
+ee("auto");
+function po() {
+  function e(l) {
+    if (l in le) {
+      try {
+        localStorage.setItem(ae, l);
+      } catch {
+      }
+      ee(l);
+    }
+  }
+  function v() {
+    if (oe) return;
+    let l = "auto";
+    try {
+      const s = localStorage.getItem(ae);
+      s !== null && s in le && (l = s);
+    } catch {
+    }
+    ee(l), oe = !0;
+  }
+  function t() {
+    try {
+      localStorage.removeItem(ae);
+    } catch {
+    }
+    oe = !1, ee("auto");
+  }
+  function a() {
+    e(le[se.value] ?? "auto");
+  }
+  return {
+    colorMode: se,
+    setColorMode: e,
+    toggleColorMode: a,
+    initColorMode: v,
+    clearColorMode: t
+  };
+}
 export {
-  pt as VibeAccordion,
-  pe as VibeAlert,
-  ye as VibeBadge,
-  Oe as VibeBreadcrumb,
-  ge as VibeButton,
-  Se as VibeButtonGroup,
-  qe as VibeCard,
-  ta as VibeCarousel,
-  we as VibeCloseButton,
-  Te as VibeCol,
-  yt as VibeCollapse,
-  Be as VibeContainer,
-  Ea as VibeDataTable,
-  xt as VibeDropdown,
-  Cl as VibeFormCheckbox,
-  yl as VibeFormDatepicker,
-  Ql as VibeFormGroup,
-  za as VibeFormInput,
-  Fl as VibeFormRadio,
-  Ja as VibeFormSelect,
-  cl as VibeFormSpinbutton,
-  Al as VibeFormSwitch,
-  tl as VibeFormTextarea,
-  so as VibeFormWysiwyg,
-  na as VibeIcon,
-  dt as VibeListGroup,
-  Mt as VibeModal,
-  Xe as VibeNav,
-  Ye as VibeNavbar,
-  Je as VibeNavbarBrand,
-  tt as VibeNavbarNav,
-  Ke as VibeNavbarToggle,
-  zt as VibeOffcanvas,
-  it as VibePagination,
-  xe as VibePlaceholder,
-  sa as VibePopover,
-  ct as VibeProgress,
-  Le as VibeRow,
-  ia as VibeScrollspy,
-  Ce as VibeSpinner,
-  rt as VibeTabContent,
-  Dt as VibeToast,
-  la as VibeTooltip,
-  no as default,
-  ro as useFormValidation,
+  $t as VibeAccordion,
+  $e as VibeAlert,
+  we as VibeBadge,
+  Ye as VibeBreadcrumb,
+  Ve as VibeButton,
+  xe as VibeButtonGroup,
+  He as VibeCard,
+  na as VibeCarousel,
+  Le as VibeCloseButton,
+  Fe as VibeCol,
+  wt as VibeCollapse,
+  Me as VibeContainer,
+  Ra as VibeDataTable,
+  Et as VibeDropdown,
+  Nl as VibeFormCheckbox,
+  wl as VibeFormDatepicker,
+  to as VibeFormGroup,
+  Da as VibeFormInput,
+  ql as VibeFormRadio,
+  Za as VibeFormSelect,
+  ml as VibeFormSpinbutton,
+  Gl as VibeFormSwitch,
+  nl as VibeFormTextarea,
+  co as VibeFormWysiwyg,
+  va as VibeIcon,
+  bt as VibeListGroup,
+  zt as VibeModal,
+  Qe as VibeNav,
+  We as VibeNavbar,
+  Ze as VibeNavbarBrand,
+  nt as VibeNavbarNav,
+  et as VibeNavbarToggle,
+  Dt as VibeOffcanvas,
+  ct as VibePagination,
+  Ee as VibePlaceholder,
+  ua as VibePopover,
+  mt as VibeProgress,
+  Ie as VibeRow,
+  ca as VibeScrollspy,
+  Ne as VibeSpinner,
+  ft as VibeTabContent,
+  Jt as VibeToast,
+  ra as VibeTooltip,
+  bo as default,
+  po as useColorMode,
+  ho as useFormValidation,
   G as useId,
-  uo as validators
+  mo as validators
 };