@velkymx/vibeui 0.5.0 → 0.5.2

package/dist/vibeui.es.js

@@ -1,5 +1,5 @@
-import { defineComponent as C, computed as y, openBlock as i, createElementBlock as n, normalizeClass as g, renderSlot as V, createTextVNode as w, toDisplayString as b, createCommentVNode as v, createBlock as M, resolveDynamicComponent as q, withCtx as P, createElementVNode as h, normalizeStyle as D, Fragment as F, renderList as z, unref as se, ref as T, watch as E, onMounted as G, onBeforeUnmount as H, useModel as Y, withDirectives as W, vModelText as oe, vModelSelect as de, withModifiers as X, mergeModels as J } from "vue";
-const re = /* @__PURE__ */ C({
+import { defineComponent as C, computed as y, openBlock as i, createElementBlock as s, normalizeClass as g, renderSlot as V, createTextVNode as B, toDisplayString as b, createCommentVNode as v, createBlock as M, resolveDynamicComponent as q, withCtx as P, createElementVNode as h, normalizeStyle as D, Fragment as F, renderList as z, reactive as oe, provide as de, unref as re, inject as Z, ref as T, watch as E, onMounted as G, onBeforeUnmount as H, useModel as Y, withDirectives as W, vModelText as ue, vModelSelect as ce, withModifiers as X, mergeModels as J } from "vue";
+const fe = /* @__PURE__ */ C({
   __name: "VibeAlert",
   props: {
     variant: { type: String, default: "primary" },
@@ -11,35 +11,35 @@ const re = /* @__PURE__ */ C({
   setup(e, { emit: f }) {
     const t = e, a = f, l = y({
       get: () => t.modelValue,
-      set: (s) => a("update:modelValue", s)
-    }), o = () => {
+      set: (n) => a("update:modelValue", n)
+    }), r = () => {
       try {
         l.value = !1;
-      } catch (s) {
+      } catch (n) {
         a("component-error", {
           message: "Dismiss failed",
           componentName: "VibeAlert",
-          originalError: s
+          originalError: n
         });
       }
     };
-    return (s, u) => l.value ? (i(), n("div", {
+    return (n, o) => l.value ? (i(), s("div", {
       key: 0,
       class: g(`alert alert-${e.variant}`),
       role: "alert"
     }, [
-      V(s.$slots, "default", {}, () => [
-        w(b(e.message), 1)
+      V(n.$slots, "default", {}, () => [
+        B(b(e.message), 1)
       ]),
-      e.dismissable ? (i(), n("button", {
+      e.dismissable ? (i(), s("button", {
         key: 0,
         class: "btn-close",
-        onClick: o,
+        onClick: r,
         "aria-label": "Close"
       })) : v("", !0)
     ], 2)) : v("", !0);
   }
-}), ue = /* @__PURE__ */ C({
+}), ve = /* @__PURE__ */ C({
   __name: "VibeBadge",
   props: {
     variant: { type: String, default: "primary" },
@@ -52,7 +52,7 @@ const re = /* @__PURE__ */ C({
       const l = ["badge", `bg-${t.variant}`];
       return t.pill && l.push("rounded-pill"), l.join(" ");
     });
-    return (l, o) => (i(), M(q(e.tag), {
+    return (l, r) => (i(), M(q(e.tag), {
       class: g(a.value)
     }, {
       default: P(() => [
@@ -61,7 +61,7 @@ const re = /* @__PURE__ */ C({
       _: 3
     }, 8, ["class"]));
   }
-}), ce = /* @__PURE__ */ C({
+}), be = /* @__PURE__ */ C({
   __name: "VibeButton",
   props: {
     variant: { type: String, default: "primary" },
@@ -75,28 +75,28 @@ const re = /* @__PURE__ */ C({
   },
   emits: ["click", "component-error"],
   setup(e, { emit: f }) {
-    const t = e, a = f, l = y(() => t.href ? "a" : t.to ? "router-link" : "button"), o = y(() => {
-      const u = ["btn"];
-      return t.outline ? u.push(`btn-outline-${t.variant}`) : u.push(`btn-${t.variant}`), t.size && u.push(`btn-${t.size}`), t.active && u.push("active"), u.join(" ");
-    }), s = (u) => {
-      t.disabled || a("click", u);
+    const t = e, a = f, l = y(() => t.href ? "a" : t.to ? "router-link" : "button"), r = y(() => {
+      const o = ["btn"];
+      return t.outline ? o.push(`btn-outline-${t.variant}`) : o.push(`btn-${t.variant}`), t.size && o.push(`btn-${t.size}`), t.active && o.push("active"), o.join(" ");
+    }), n = (o) => {
+      t.disabled || a("click", o);
     };
-    return (u, d) => (i(), M(q(l.value), {
-      class: g(o.value),
+    return (o, d) => (i(), M(q(l.value), {
+      class: g(r.value),
       type: e.href || e.to ? void 0 : e.type,
       href: e.href,
       to: e.to,
       disabled: e.disabled,
       "aria-disabled": e.disabled,
-      onClick: s
+      onClick: n
     }, {
       default: P(() => [
-        V(u.$slots, "default")
+        V(o.$slots, "default")
       ]),
       _: 3
     }, 8, ["class", "type", "href", "to", "disabled", "aria-disabled"]));
   }
-}), fe = ["role", "aria-label"], ve = /* @__PURE__ */ C({
+}), me = ["role", "aria-label"], he = /* @__PURE__ */ C({
   __name: "VibeButtonGroup",
   props: {
     size: { type: String, default: void 0 },
@@ -110,15 +110,15 @@ const re = /* @__PURE__ */ C({
       const l = [t.vertical ? "btn-group-vertical" : "btn-group"];
       return t.size && l.push(`btn-group-${t.size}`), l.join(" ");
     });
-    return (l, o) => (i(), n("div", {
+    return (l, r) => (i(), s("div", {
       class: g(a.value),
       role: e.role,
       "aria-label": e.ariaLabel
     }, [
       V(l.$slots, "default")
-    ], 10, fe));
+    ], 10, me));
   }
-}), be = ["disabled", "aria-label"], me = /* @__PURE__ */ C({
+}), ye = ["disabled", "aria-label"], ge = /* @__PURE__ */ C({
   __name: "VibeCloseButton",
   props: {
     disabled: { type: Boolean, default: !1 },
@@ -127,18 +127,18 @@ const re = /* @__PURE__ */ C({
   },
   emits: ["click", "component-error"],
   setup(e, { emit: f }) {
-    const t = e, a = f, l = (o) => {
-      t.disabled || a("click", o);
+    const t = e, a = f, l = (r) => {
+      t.disabled || a("click", r);
     };
-    return (o, s) => (i(), n("button", {
+    return (r, n) => (i(), s("button", {
       type: "button",
       class: g(["btn-close", { "btn-close-white": e.white }]),
       disabled: e.disabled,
       "aria-label": e.ariaLabel,
       onClick: l
-    }, null, 10, be));
+    }, null, 10, ye));
   }
-}), he = { class: "visually-hidden" }, ye = /* @__PURE__ */ C({
+}), pe = { class: "visually-hidden" }, $e = /* @__PURE__ */ C({
   __name: "VibeSpinner",
   props: {
     variant: { type: String, default: void 0 },
@@ -153,17 +153,17 @@ const re = /* @__PURE__ */ C({
       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, o) => (i(), M(q(e.tag), {
+    return (l, r) => (i(), M(q(e.tag), {
       class: g(a.value),
       role: "status"
     }, {
       default: P(() => [
-        h("span", he, b(e.label), 1)
+        h("span", pe, b(e.label), 1)
       ]),
       _: 1
     }, 8, ["class"]));
   }
-}), ge = /* @__PURE__ */ C({
+}), ke = /* @__PURE__ */ C({
   __name: "VibePlaceholder",
   props: {
     variant: { type: String, default: void 0 },
@@ -175,29 +175,29 @@ const re = /* @__PURE__ */ C({
   emits: ["component-error"],
   setup(e, { emit: f }) {
     const t = e, a = y(() => {
-      const s = ["placeholder"];
-      return t.variant && s.push(`bg-${t.variant}`), t.size && s.push(`placeholder-${t.size}`), s.join(" ");
+      const n = ["placeholder"];
+      return t.variant && n.push(`bg-${t.variant}`), t.size && n.push(`placeholder-${t.size}`), n.join(" ");
     }), l = y(() => {
       if (t.animation) return `placeholder-${t.animation}`;
-    }), o = y(() => {
+    }), r = y(() => {
       if (t.width)
         return { width: typeof t.width == "number" ? `${t.width}%` : t.width };
     });
-    return (s, u) => (i(), M(q(e.tag), {
+    return (n, o) => (i(), M(q(e.tag), {
       class: g(l.value)
     }, {
       default: P(() => [
         h("span", {
           class: g(a.value),
-          style: D(o.value)
+          style: D(r.value)
         }, [
-          V(s.$slots, "default")
+          V(n.$slots, "default")
         ], 6)
       ]),
       _: 3
     }, 8, ["class"]));
   }
-}), pe = /* @__PURE__ */ C({
+}), Se = /* @__PURE__ */ C({
   __name: "VibeContainer",
   props: {
     fluid: { type: [Boolean, String], default: !1 },
@@ -206,7 +206,7 @@ const re = /* @__PURE__ */ C({
   emits: ["component-error"],
   setup(e, { emit: f }) {
     const t = e, a = y(() => t.fluid === !1 ? "container" : t.fluid === !0 ? "container-fluid" : `container-${t.fluid}`);
-    return (l, o) => (i(), M(q(e.tag), {
+    return (l, r) => (i(), M(q(e.tag), {
       class: g(a.value)
     }, {
       default: P(() => [
@@ -215,7 +215,7 @@ const re = /* @__PURE__ */ C({
       _: 3
     }, 8, ["class"]));
   }
-}), $e = /* @__PURE__ */ C({
+}), Ve = /* @__PURE__ */ C({
   __name: "VibeRow",
   props: {
     tag: { type: String, default: "div" },
@@ -255,20 +255,20 @@ const re = /* @__PURE__ */ C({
     const t = e, a = y(() => {
       const l = ["row"];
       t.gutters !== void 0 && l.push(`g-${t.gutters}`), t.guttersX !== void 0 && l.push(`gx-${t.guttersX}`), t.guttersY !== void 0 && l.push(`gy-${t.guttersY}`);
-      const o = ["sm", "md", "lg", "xl", "xxl"];
-      return o.forEach((s) => {
-        const u = s.charAt(0).toUpperCase() + s.slice(1), d = `gutters${u}`;
-        t[d] !== void 0 && l.push(`g-${s}-${t[d]}`);
-        const r = `guttersX${u}`;
-        t[r] !== void 0 && l.push(`gx-${s}-${t[r]}`);
-        const c = `guttersY${u}`;
-        t[c] !== void 0 && l.push(`gy-${s}-${t[c]}`);
-      }), t.rowCols !== void 0 && l.push(`row-cols-${t.rowCols}`), o.forEach((s) => {
-        const u = `rowCols${s.charAt(0).toUpperCase() + s.slice(1)}`;
-        t[u] !== void 0 && l.push(`row-cols-${s}-${t[u]}`);
+      const r = ["sm", "md", "lg", "xl", "xxl"];
+      return r.forEach((n) => {
+        const o = n.charAt(0).toUpperCase() + n.slice(1), d = `gutters${o}`;
+        t[d] !== void 0 && l.push(`g-${n}-${t[d]}`);
+        const u = `guttersX${o}`;
+        t[u] !== void 0 && l.push(`gx-${n}-${t[u]}`);
+        const c = `guttersY${o}`;
+        t[c] !== void 0 && l.push(`gy-${n}-${t[c]}`);
+      }), t.rowCols !== void 0 && l.push(`row-cols-${t.rowCols}`), r.forEach((n) => {
+        const o = `rowCols${n.charAt(0).toUpperCase() + n.slice(1)}`;
+        t[o] !== void 0 && l.push(`row-cols-${n}-${t[o]}`);
       }), t.alignItems && l.push(`align-items-${t.alignItems}`), t.justifyContent && l.push(`justify-content-${t.justifyContent}`), l.join(" ");
     });
-    return (l, o) => (i(), M(q(e.tag), {
+    return (l, r) => (i(), M(q(e.tag), {
       class: g(a.value)
     }, {
       default: P(() => [
@@ -277,7 +277,7 @@ const re = /* @__PURE__ */ C({
       _: 3
     }, 8, ["class"]));
   }
-}), ke = /* @__PURE__ */ C({
+}), Ce = /* @__PURE__ */ C({
   __name: "VibeCol",
   props: {
     tag: { type: String, default: "div" },
@@ -315,11 +315,11 @@ const re = /* @__PURE__ */ C({
         { name: "lg", value: t.lg },
         { name: "xl", value: t.xl },
         { name: "xxl", value: t.xxl }
-      ].forEach(({ name: u, value: d }) => {
-        d === !0 ? l.push(`col-${u}`) : d === "auto" ? l.push(`col-${u}-auto`) : d !== void 0 && l.push(`col-${u}-${d}`);
+      ].forEach(({ name: o, value: d }) => {
+        d === !0 ? l.push(`col-${o}`) : d === "auto" ? l.push(`col-${o}-auto`) : d !== void 0 && l.push(`col-${o}-${d}`);
       })) : 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, o) => (i(), M(q(e.tag), {
+    return (l, r) => (i(), M(q(e.tag), {
       class: g(a.value)
     }, {
       default: P(() => [
@@ -328,22 +328,22 @@ const re = /* @__PURE__ */ C({
       _: 3
     }, 8, ["class"]));
   }
-}), Se = ["src", "alt"], Ve = {
+}), xe = ["src", "alt"], Be = {
   key: 1,
   class: "card-header"
-}, Ce = {
+}, we = {
   key: 2,
   class: "card-body"
-}, xe = {
+}, Ne = {
   key: 0,
   class: "card-title"
-}, we = {
+}, Te = {
   key: 1,
   class: "card-text"
-}, Be = {
+}, Me = {
   key: 3,
   class: "card-footer"
-}, Ne = ["src", "alt"], Te = /* @__PURE__ */ C({
+}, qe = ["src", "alt"], Pe = /* @__PURE__ */ C({
   __name: "VibeCard",
   props: {
     variant: { type: String, default: void 0 },
@@ -367,50 +367,50 @@ const re = /* @__PURE__ */ C({
       const l = ["card"];
       return t.variant && l.push(`bg-${t.variant}`), t.border && l.push(`border-${t.border}`), t.textVariant && l.push(`text-${t.textVariant}`), l.join(" ");
     });
-    return (l, o) => (i(), M(q(e.tag), {
+    return (l, r) => (i(), M(q(e.tag), {
       class: g(a.value)
     }, {
       default: P(() => [
-        e.imgSrc && e.imgTop ? (i(), n("img", {
+        e.imgSrc && e.imgTop ? (i(), s("img", {
           key: 0,
           src: e.imgSrc,
           alt: e.imgAlt,
           class: "card-img-top"
-        }, null, 8, Se)) : v("", !0),
-        e.header || l.$slots.header ? (i(), n("div", Ve, [
+        }, null, 8, xe)) : v("", !0),
+        e.header || l.$slots.header ? (i(), s("div", Be, [
           V(l.$slots, "header", {}, () => [
-            w(b(e.header), 1)
+            B(b(e.header), 1)
           ])
         ])) : v("", !0),
-        e.title || e.body || l.$slots.default ? (i(), n("div", Ce, [
-          e.title || l.$slots.title ? (i(), n("h5", xe, [
+        e.title || e.body || l.$slots.default || l.$slots.body ? (i(), s("div", we, [
+          e.title || l.$slots.title ? (i(), s("h5", Ne, [
             V(l.$slots, "title", {}, () => [
-              w(b(e.title), 1)
+              B(b(e.title), 1)
             ])
           ])) : v("", !0),
-          e.body || l.$slots.body ? (i(), n("p", we, [
+          e.body || l.$slots.body ? (i(), s("p", Te, [
             V(l.$slots, "body", {}, () => [
-              w(b(e.body), 1)
+              B(b(e.body), 1)
             ])
           ])) : v("", !0),
           V(l.$slots, "default")
         ])) : v("", !0),
-        e.footer || l.$slots.footer ? (i(), n("div", Be, [
+        e.footer || l.$slots.footer ? (i(), s("div", Me, [
           V(l.$slots, "footer", {}, () => [
-            w(b(e.footer), 1)
+            B(b(e.footer), 1)
           ])
         ])) : v("", !0),
-        e.imgSrc && e.imgBottom ? (i(), n("img", {
+        e.imgSrc && e.imgBottom ? (i(), s("img", {
           key: 4,
           src: e.imgSrc,
           alt: e.imgAlt,
           class: "card-img-bottom"
-        }, null, 8, Ne)) : v("", !0)
+        }, null, 8, qe)) : v("", !0)
       ]),
       _: 3
     }, 8, ["class"]));
   }
-}), Me = ["aria-label"], qe = { class: "breadcrumb" }, Pe = ["aria-current"], Fe = /* @__PURE__ */ C({
+}), Fe = ["aria-label"], Le = { class: "breadcrumb" }, ze = ["aria-current"], je = /* @__PURE__ */ C({
   __name: "VibeBreadcrumb",
   props: {
     ariaLabel: { type: String, default: "breadcrumb" },
@@ -418,36 +418,36 @@ const re = /* @__PURE__ */ C({
   },
   emits: ["item-click", "component-error"],
   setup(e, { emit: f }) {
-    const t = f, a = (l, o, s) => {
-      l.active || t("item-click", { item: l, index: o, event: s });
+    const t = f, a = (l, r, n) => {
+      l.active || t("item-click", { item: l, index: r, event: n });
     };
-    return (l, o) => (i(), n("nav", { "aria-label": e.ariaLabel }, [
-      h("ol", qe, [
-        (i(!0), n(F, null, z(e.items, (s, u) => (i(), n("li", {
-          key: u,
-          class: g(["breadcrumb-item", { active: s.active }]),
-          "aria-current": s.active ? "page" : void 0
+    return (l, r) => (i(), s("nav", { "aria-label": e.ariaLabel }, [
+      h("ol", Le, [
+        (i(!0), s(F, null, z(e.items, (n, o) => (i(), s("li", {
+          key: o,
+          class: g(["breadcrumb-item", { active: n.active }]),
+          "aria-current": n.active ? "page" : void 0
         }, [
-          (i(), M(q(s.href ? "a" : s.to ? "router-link" : "span"), {
-            href: s.href,
-            to: s.to,
-            onClick: (d) => a(s, u, d)
+          (i(), M(q(n.href ? "a" : n.to ? "router-link" : "span"), {
+            href: n.href,
+            to: n.to,
+            onClick: (d) => a(n, o, d)
           }, {
             default: P(() => [
               V(l.$slots, "item", {
-                item: s,
-                index: u
+                item: n,
+                index: o
               }, () => [
-                w(b(s.text), 1)
+                B(b(n.text), 1)
               ])
             ]),
             _: 2
           }, 1032, ["href", "to", "onClick"]))
-        ], 10, Pe))), 128))
+        ], 10, ze))), 128))
       ])
-    ], 8, Me));
+    ], 8, Fe));
   }
-}), Le = /* @__PURE__ */ C({
+}), Ae = /* @__PURE__ */ C({
   __name: "VibeNav",
   props: {
     tabs: { type: Boolean, default: !1 },
@@ -463,34 +463,34 @@ const re = /* @__PURE__ */ C({
     const t = e, a = f, l = y(() => {
       const d = ["nav"];
       return t.tabs && d.push("nav-tabs"), t.pills && d.push("nav-pills"), t.fill && d.push("nav-fill"), t.justified && d.push("nav-justified"), t.vertical && d.push("flex-column"), d.join(" ");
-    }), o = (d) => {
-      const r = ["nav-link"];
-      return d.active && r.push("active"), d.disabled && r.push("disabled"), r.join(" ");
-    }, s = (d) => d.href ? "a" : d.to ? "router-link" : "a", u = (d, r, c) => {
-      d.disabled || a("item-click", { item: d, index: r, event: c });
+    }), r = (d) => {
+      const u = ["nav-link"];
+      return d.active && u.push("active"), d.disabled && u.push("disabled"), u.join(" ");
+    }, n = (d) => d.href ? "a" : d.to ? "router-link" : "a", o = (d, u, c) => {
+      d.disabled || a("item-click", { item: d, index: u, event: c });
     };
-    return (d, r) => (i(), M(q(e.tag), {
+    return (d, u) => (i(), M(q(e.tag), {
       class: g(l.value)
     }, {
       default: P(() => [
-        (i(!0), n(F, null, z(e.items, (c, m) => (i(), n("li", {
+        (i(!0), s(F, null, z(e.items, (c, m) => (i(), s("li", {
           key: m,
           class: "nav-item"
         }, [
-          (i(), M(q(s(c)), {
-            class: g(o(c)),
+          (i(), M(q(n(c)), {
+            class: g(r(c)),
             href: c.href,
             to: c.to,
             "aria-current": c.active ? "page" : void 0,
             "aria-disabled": c.disabled,
-            onClick: (p) => u(c, m, p)
+            onClick: (p) => o(c, m, p)
           }, {
             default: P(() => [
               V(d.$slots, "item", {
                 item: c,
                 index: m
               }, () => [
-                w(b(c.text), 1)
+                B(b(c.text), 1)
               ])
             ]),
             _: 2
@@ -500,7 +500,7 @@ const re = /* @__PURE__ */ C({
       _: 3
     }, 8, ["class"]));
   }
-}), ze = /* @__PURE__ */ C({
+}), Ie = /* @__PURE__ */ C({
   __name: "VibeNavbar",
   props: {
     variant: { type: String, default: "light" },
@@ -511,20 +511,24 @@ const re = /* @__PURE__ */ C({
   },
   emits: ["component-error"],
   setup(e, { emit: f }) {
-    const t = e, a = y(() => {
+    const t = e, a = oe({});
+    de("vibeNavbarCollapse", { collapseStates: a, toggleCollapse: (o) => {
+      a[o] = !a[o];
+    } });
+    const r = y(() => {
       const o = ["navbar"];
-      return t.expand === !0 ? o.push("navbar-expand") : typeof t.expand == "string" && o.push(`navbar-expand-${t.expand}`), t.variant === "dark" || t.variant === "light" ? o.push(`navbar-${t.variant}`) : o.push(`bg-${t.variant}`), t.position && o.push(t.position), o.join(" ");
-    }), l = y(() => {
+      return t.expand === !0 ? o.push("navbar-expand") : typeof t.expand == "string" && o.push(`navbar-expand-${t.expand}`), t.variant === "dark" || t.variant === "light" ? o.push(`navbar-${t.variant}`, `bg-${t.variant}`) : o.push(`bg-${t.variant}`), t.position && o.push(t.position), o.join(" ");
+    }), n = y(() => {
       if (t.container !== !1)
         return t.container === !0 ? "container-fluid" : `container-${t.container}`;
     });
-    return (o, s) => (i(), M(q(e.tag), {
-      class: g(a.value)
+    return (o, d) => (i(), M(q(e.tag), {
+      class: g(r.value)
     }, {
       default: P(() => [
-        l.value ? (i(), n("div", {
+        n.value ? (i(), s("div", {
           key: 0,
-          class: g(l.value)
+          class: g(n.value)
         }, [
           V(o.$slots, "default")
         ], 2)) : V(o.$slots, "default", { key: 1 })
@@ -532,7 +536,7 @@ const re = /* @__PURE__ */ C({
       _: 3
     }, 8, ["class"]));
   }
-}), Ae = /* @__PURE__ */ C({
+}), Oe = /* @__PURE__ */ C({
   __name: "VibeNavbarBrand",
   props: {
     href: { type: String, default: void 0 },
@@ -541,7 +545,7 @@ const re = /* @__PURE__ */ C({
   emits: ["component-error"],
   setup(e, { emit: f }) {
     const t = e, a = t.href ? "a" : t.to ? "router-link" : "span";
-    return (l, o) => (i(), M(q(se(a)), {
+    return (l, r) => (i(), M(q(re(a)), {
       class: "navbar-brand",
       href: e.href,
       to: e.to
@@ -552,7 +556,7 @@ const re = /* @__PURE__ */ C({
       _: 3
     }, 8, ["href", "to"]));
   }
-}), je = ["data-bs-target", "aria-controls", "aria-label"], Ie = /* @__PURE__ */ C({
+}), Ee = ["aria-controls", "aria-expanded", "aria-label"], De = /* @__PURE__ */ C({
   __name: "VibeNavbarToggle",
   props: {
     target: { type: String, required: !0 },
@@ -560,19 +564,21 @@ const re = /* @__PURE__ */ C({
   },
   emits: ["component-error"],
   setup(e, { emit: f }) {
-    return (t, a) => (i(), n("button", {
+    const t = e, a = Z("vibeNavbarCollapse", null), l = y(() => (a == null ? void 0 : a.collapseStates[t.target]) ?? !1), r = () => {
+      a && a.toggleCollapse(t.target);
+    };
+    return (n, o) => (i(), s("button", {
       class: "navbar-toggler",
       type: "button",
-      "data-bs-toggle": "collapse",
-      "data-bs-target": `#${e.target}`,
       "aria-controls": e.target,
-      "aria-expanded": "false",
-      "aria-label": e.ariaLabel
-    }, [...a[0] || (a[0] = [
+      "aria-expanded": l.value,
+      "aria-label": e.ariaLabel,
+      onClick: r
+    }, [...o[0] || (o[0] = [
       h("span", { class: "navbar-toggler-icon" }, null, -1)
-    ])], 8, je));
+    ])], 8, Ee));
   }
-}), Oe = /* @__PURE__ */ C({
+}), Re = /* @__PURE__ */ C({
   __name: "VibeNavbarNav",
   props: {
     tag: { type: String, default: "ul" },
@@ -580,16 +586,16 @@ const re = /* @__PURE__ */ C({
   },
   emits: ["item-click", "component-error"],
   setup(e, { emit: f }) {
-    const t = f, a = (s) => {
-      const u = ["nav-link"];
-      return s.active && u.push("active"), s.disabled && u.push("disabled"), u.join(" ");
-    }, l = (s) => s.href ? "a" : s.to ? "router-link" : "a", o = (s, u, d) => {
-      s.disabled || t("item-click", { item: s, index: u, event: d });
+    const t = f, a = (n) => {
+      const o = ["nav-link"];
+      return n.active && o.push("active"), n.disabled && o.push("disabled"), o.join(" ");
+    }, l = (n) => n.href ? "a" : n.to ? "router-link" : "a", r = (n, o, d) => {
+      n.disabled || t("item-click", { item: n, index: o, event: d });
     };
-    return (s, u) => (i(), M(q(e.tag), { class: "navbar-nav" }, {
+    return (n, o) => (i(), M(q(e.tag), { class: "navbar-nav" }, {
       default: P(() => [
-        e.items && e.items.length > 0 ? (i(!0), n(F, { key: 0 }, z(e.items, (d, r) => (i(), n("li", {
-          key: r,
+        e.items && e.items.length > 0 ? (i(!0), s(F, { key: 0 }, z(e.items, (d, u) => (i(), s("li", {
+          key: u,
           class: "nav-item"
         }, [
           (i(), M(q(l(d)), {
@@ -598,24 +604,24 @@ const re = /* @__PURE__ */ C({
             to: d.to,
             "aria-current": d.active ? "page" : void 0,
             "aria-disabled": d.disabled,
-            onClick: (c) => o(d, r, c)
+            onClick: (c) => r(d, u, c)
           }, {
             default: P(() => [
-              V(s.$slots, "item", {
+              V(n.$slots, "item", {
                 item: d,
-                index: r
+                index: u
               }, () => [
-                w(b(d.text), 1)
+                B(b(d.text), 1)
               ])
             ]),
             _: 2
           }, 1032, ["class", "href", "to", "aria-current", "aria-disabled", "onClick"]))
-        ]))), 128)) : V(s.$slots, "default", { key: 1 })
+        ]))), 128)) : V(n.$slots, "default", { key: 1 })
       ]),
       _: 3
     }));
   }
-}), Ee = ["aria-label"], De = ["disabled", "aria-disabled"], Re = ["aria-current", "onClick"], Xe = ["disabled", "aria-disabled"], Ye = /* @__PURE__ */ C({
+}), Xe = ["aria-label"], Ye = ["disabled", "aria-disabled"], Ge = ["aria-current", "onClick"], He = ["disabled", "aria-disabled"], Ke = /* @__PURE__ */ C({
   __name: "VibePagination",
   props: {
     size: { type: String, default: void 0 },
@@ -629,32 +635,32 @@ const re = /* @__PURE__ */ C({
   emits: ["update:currentPage", "page-click", "component-error"],
   setup(e, { emit: f }) {
     const t = e, a = f, l = y(() => {
-      const r = ["pagination"];
-      return t.size && r.push(`pagination-${t.size}`), r.join(" ");
-    }), o = y(() => Array.from({ length: t.totalPages }, (r, c) => c + 1)), s = (r) => {
-      r >= 1 && r <= t.totalPages && (a("update:currentPage", r), a("page-click", r));
-    }, u = y(() => t.currentPage === 1), d = y(() => t.currentPage === t.totalPages);
-    return (r, c) => (i(), n("nav", { "aria-label": e.ariaLabel }, [
+      const u = ["pagination"];
+      return t.size && u.push(`pagination-${t.size}`), u.join(" ");
+    }), r = y(() => Array.from({ length: t.totalPages }, (u, c) => c + 1)), n = (u) => {
+      u >= 1 && u <= t.totalPages && (a("update:currentPage", u), a("page-click", u));
+    }, o = y(() => t.currentPage === 1), d = y(() => t.currentPage === t.totalPages);
+    return (u, c) => (i(), s("nav", { "aria-label": e.ariaLabel }, [
       h("ul", {
         class: g(l.value)
       }, [
-        e.showPrevNext ? (i(), n("li", {
+        e.showPrevNext ? (i(), s("li", {
           key: 0,
-          class: g(["page-item", { disabled: u.value }])
+          class: g(["page-item", { disabled: o.value }])
         }, [
           h("button", {
             class: "page-link",
             type: "button",
-            disabled: u.value,
-            "aria-disabled": u.value,
-            onClick: c[0] || (c[0] = (m) => s(e.currentPage - 1))
+            disabled: o.value,
+            "aria-disabled": o.value,
+            onClick: c[0] || (c[0] = (m) => n(e.currentPage - 1))
           }, [
-            V(r.$slots, "prev", { disabled: u.value }, () => [
-              w(b(e.prevText), 1)
+            V(u.$slots, "prev", { disabled: o.value }, () => [
+              B(b(e.prevText), 1)
             ])
-          ], 8, De)
+          ], 8, Ye)
         ], 2)) : v("", !0),
-        (i(!0), n(F, null, z(o.value, (m) => (i(), n("li", {
+        (i(!0), s(F, null, z(r.value, (m) => (i(), s("li", {
           key: m,
           class: g(["page-item", { active: m === e.currentPage }])
         }, [
@@ -662,17 +668,17 @@ const re = /* @__PURE__ */ C({
             class: "page-link",
             type: "button",
             "aria-current": m === e.currentPage ? "page" : void 0,
-            onClick: (p) => s(m)
+            onClick: (p) => n(m)
           }, [
-            V(r.$slots, "page", {
+            V(u.$slots, "page", {
               page: m,
               active: m === e.currentPage
             }, () => [
-              w(b(m), 1)
+              B(b(m), 1)
             ])
-          ], 8, Re)
+          ], 8, Ge)
         ], 2))), 128)),
-        e.showPrevNext ? (i(), n("li", {
+        e.showPrevNext ? (i(), s("li", {
           key: 1,
           class: g(["page-item", { disabled: d.value }])
         }, [
@@ -681,17 +687,17 @@ const re = /* @__PURE__ */ C({
             type: "button",
             disabled: d.value,
             "aria-disabled": d.value,
-            onClick: c[1] || (c[1] = (m) => s(e.currentPage + 1))
+            onClick: c[1] || (c[1] = (m) => n(e.currentPage + 1))
           }, [
-            V(r.$slots, "next", { disabled: d.value }, () => [
-              w(b(e.nextText), 1)
+            V(u.$slots, "next", { disabled: d.value }, () => [
+              B(b(e.nextText), 1)
             ])
-          ], 8, Xe)
+          ], 8, He)
         ], 2)) : v("", !0)
       ], 2)
-    ], 8, Ee));
+    ], 8, Xe));
   }
-}), Ge = ["id", "aria-labelledby"], He = /* @__PURE__ */ C({
+}), Ue = ["id", "aria-labelledby"], Qe = /* @__PURE__ */ C({
   __name: "VibeTabContent",
   props: {
     id: { type: String, default: void 0 },
@@ -702,34 +708,34 @@ const re = /* @__PURE__ */ C({
   emits: ["component-error"],
   setup(e, { emit: f }) {
     const t = e, a = (l) => {
-      const o = ["tab-pane"];
-      return t.fade && o.push("fade"), l.active && o.push("show", "active"), o.join(" ");
+      const r = ["tab-pane"];
+      return t.fade && r.push("fade"), l.active && r.push("show", "active"), r.join(" ");
     };
-    return (l, o) => (i(), M(q(e.tag), {
+    return (l, r) => (i(), M(q(e.tag), {
       id: e.id,
       class: "tab-content"
     }, {
       default: P(() => [
-        (i(!0), n(F, null, z(e.panes, (s, u) => (i(), n("div", {
-          key: s.id,
-          id: s.id,
-          class: g(a(s)),
+        (i(!0), s(F, null, z(e.panes, (n, o) => (i(), s("div", {
+          key: n.id,
+          id: n.id,
+          class: g(a(n)),
           role: "tabpanel",
-          "aria-labelledby": `${s.id}-tab`,
+          "aria-labelledby": `${n.id}-tab`,
           tabindex: "0"
         }, [
           V(l.$slots, "pane", {
-            pane: s,
-            index: u
+            pane: n,
+            index: o
           }, () => [
-            w(b(s.content), 1)
+            B(b(n.content), 1)
           ])
-        ], 10, Ge))), 128))
+        ], 10, Ue))), 128))
       ]),
       _: 3
     }, 8, ["id"]));
   }
-}), Ke = /* @__PURE__ */ C({
+}), We = /* @__PURE__ */ C({
   __name: "VibeListGroup",
   props: {
     flush: { type: Boolean, default: !1 },
@@ -743,31 +749,31 @@ const re = /* @__PURE__ */ C({
     const t = e, a = f, l = y(() => {
       const d = ["list-group"];
       return t.flush && d.push("list-group-flush"), t.numbered && d.push("list-group-numbered"), t.horizontal === !0 ? d.push("list-group-horizontal") : typeof t.horizontal == "string" && d.push(`list-group-horizontal-${t.horizontal}`), d.join(" ");
-    }), o = (d) => d.href ? "a" : d.to ? "router-link" : "li", s = (d) => {
-      const r = ["list-group-item"];
-      return d.active && r.push("active"), d.disabled && r.push("disabled"), d.variant && r.push(`list-group-item-${d.variant}`), r.join(" ");
-    }, u = (d, r, c) => {
-      d.disabled || a("item-click", { item: d, index: r, event: c });
+    }), r = (d) => d.href ? "a" : d.to ? "router-link" : "li", n = (d) => {
+      const u = ["list-group-item"];
+      return d.active && u.push("active"), d.disabled && u.push("disabled"), d.variant && u.push(`list-group-item-${d.variant}`), u.join(" ");
+    }, o = (d, u, c) => {
+      d.disabled || a("item-click", { item: d, index: u, event: c });
     };
-    return (d, r) => (i(), M(q(e.tag), {
+    return (d, u) => (i(), M(q(e.tag), {
       class: g(l.value)
     }, {
       default: P(() => [
-        (i(!0), n(F, null, z(e.items, (c, m) => (i(), M(q(o(c)), {
+        (i(!0), s(F, null, z(e.items, (c, m) => (i(), M(q(r(c)), {
           key: m,
-          class: g(s(c)),
+          class: g(n(c)),
           href: c.href,
           to: c.to,
           "aria-disabled": c.disabled,
           "aria-current": c.active,
-          onClick: (p) => u(c, m, p)
+          onClick: (p) => o(c, m, p)
         }, {
           default: P(() => [
             V(d.$slots, "item", {
               item: c,
               index: m
             }, () => [
-              w(b(c.text), 1)
+              B(b(c.text), 1)
             ])
           ]),
           _: 2
@@ -776,7 +782,7 @@ const re = /* @__PURE__ */ C({
       _: 3
     }, 8, ["class"]));
   }
-}), Ue = ["aria-valuenow", "aria-valuemax"], Qe = /* @__PURE__ */ C({
+}), Je = ["aria-valuenow", "aria-valuemax"], Ze = /* @__PURE__ */ C({
   __name: "VibeProgress",
   props: {
     height: { type: String, default: void 0 },
@@ -787,36 +793,36 @@ const re = /* @__PURE__ */ C({
     const t = e, a = y(() => {
       if (t.height)
         return { height: t.height };
-    }), l = (u) => {
+    }), l = (o) => {
       const d = ["progress-bar"];
-      return u.variant && d.push(`bg-${u.variant}`), (u.striped || u.animated) && d.push("progress-bar-striped"), u.animated && d.push("progress-bar-animated"), d.join(" ");
-    }, o = (u) => {
-      const d = u.max || 100;
-      return { width: `${Math.min(100, Math.max(0, u.value / d * 100))}%` };
-    }, s = (u) => u.label ? u.label : u.showValue ? `${u.value}%` : "";
-    return (u, d) => (i(), n("div", {
+      return o.variant && d.push(`bg-${o.variant}`), (o.striped || o.animated) && d.push("progress-bar-striped"), o.animated && d.push("progress-bar-animated"), d.join(" ");
+    }, r = (o) => {
+      const d = o.max || 100;
+      return { width: `${Math.min(100, Math.max(0, o.value / d * 100))}%` };
+    }, n = (o) => o.label ? o.label : o.showValue ? `${o.value}%` : "";
+    return (o, d) => (i(), s("div", {
       class: "progress",
       style: D(a.value)
     }, [
-      (i(!0), n(F, null, z(e.bars, (r, c) => (i(), n("div", {
+      (i(!0), s(F, null, z(e.bars, (u, c) => (i(), s("div", {
         key: c,
-        class: g(l(r)),
-        style: D(o(r)),
+        class: g(l(u)),
+        style: D(r(u)),
         role: "progressbar",
-        "aria-valuenow": r.value,
+        "aria-valuenow": u.value,
         "aria-valuemin": 0,
-        "aria-valuemax": r.max || 100
+        "aria-valuemax": u.max || 100
       }, [
-        V(u.$slots, "label", {
-          bar: r,
+        V(o.$slots, "label", {
+          bar: u,
           index: c
         }, () => [
-          w(b(s(r)), 1)
+          B(b(n(u)), 1)
         ])
-      ], 14, Ue))), 128))
+      ], 14, Je))), 128))
     ], 4));
   }
-}), We = ["id"], Je = { class: "accordion-header" }, Ze = ["data-bs-target", "aria-expanded", "aria-controls", "onClick"], _e = ["id", "data-bs-parent"], et = { class: "accordion-body" }, tt = /* @__PURE__ */ C({
+}), _e = ["id"], et = { class: "accordion-header" }, tt = ["data-bs-target", "aria-expanded", "aria-controls", "onClick"], at = ["id", "data-bs-parent"], lt = { class: "accordion-body" }, it = /* @__PURE__ */ C({
   __name: "VibeAccordion",
   props: {
     id: { type: String, required: !0 },
@@ -825,73 +831,74 @@ const re = /* @__PURE__ */ C({
   },
   emits: ["item-click", "component-error"],
   setup(e, { emit: f }) {
-    const t = f, a = (l, o) => {
-      t("item-click", { item: l, index: o });
+    const t = f, a = (l, r) => {
+      t("item-click", { item: l, index: r });
     };
-    return (l, o) => (i(), n("div", {
+    return (l, r) => (i(), s("div", {
       id: e.id,
       class: g(["accordion", { "accordion-flush": e.flush }])
     }, [
-      (i(!0), n(F, null, z(e.items, (s, u) => (i(), n("div", {
-        key: s.id,
+      (i(!0), s(F, null, z(e.items, (n, o) => (i(), s("div", {
+        key: n.id,
         class: "accordion-item"
       }, [
-        h("h2", Je, [
+        h("h2", et, [
           h("button", {
-            class: g(["accordion-button", { collapsed: !s.show }]),
+            class: g(["accordion-button", { collapsed: !n.show }]),
             type: "button",
             "data-bs-toggle": "collapse",
-            "data-bs-target": `#${s.id}`,
-            "aria-expanded": s.show,
-            "aria-controls": s.id,
-            onClick: (d) => a(s, u)
+            "data-bs-target": `#${n.id}`,
+            "aria-expanded": n.show,
+            "aria-controls": n.id,
+            onClick: (d) => a(n, o)
           }, [
             V(l.$slots, "title", {
-              item: s,
-              index: u
+              item: n,
+              index: o
             }, () => [
-              w(b(s.title), 1)
+              B(b(n.title), 1)
             ])
-          ], 10, Ze)
+          ], 10, tt)
         ]),
         h("div", {
-          id: s.id,
-          class: g(["accordion-collapse", "collapse", { show: s.show }]),
+          id: n.id,
+          class: g(["accordion-collapse", "collapse", { show: n.show }]),
           "data-bs-parent": `#${e.id}`
         }, [
-          h("div", et, [
+          h("div", lt, [
             V(l.$slots, "content", {
-              item: s,
-              index: u
+              item: n,
+              index: o
             }, () => [
-              w(b(s.content), 1)
+              B(b(n.content), 1)
             ])
           ])
-        ], 10, _e)
+        ], 10, at)
       ]))), 128))
-    ], 10, We));
+    ], 10, _e));
   }
-}), at = /* @__PURE__ */ C({
+}), nt = /* @__PURE__ */ C({
   __name: "VibeCollapse",
   props: {
     id: { type: String, required: !0 },
     modelValue: { type: Boolean, default: !1 },
     tag: { type: String, default: "div" },
-    horizontal: { type: Boolean, default: !1 }
+    horizontal: { type: Boolean, default: !1 },
+    isNav: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue", "show", "shown", "hide", "hidden", "component-error"],
   setup(e, { emit: f }) {
-    const t = e, a = T(t.modelValue);
+    const t = e, a = Z("vibeNavbarCollapse", null), l = T(t.modelValue);
     E(() => t.modelValue, (o) => {
-      a.value = o;
+      l.value = o;
     });
-    const l = y(() => {
+    const r = y(() => a && t.id in a.collapseStates ? a.collapseStates[t.id] : l.value), n = y(() => {
       const o = ["collapse"];
-      return t.horizontal && o.push("collapse-horizontal"), a.value && o.push("show"), o.join(" ");
+      return t.isNav && o.push("navbar-collapse"), t.horizontal && o.push("collapse-horizontal"), r.value && o.push("show"), o.join(" ");
     });
-    return (o, s) => (i(), M(q(e.tag), {
+    return (o, d) => (i(), M(q(e.tag), {
       id: e.id,
-      class: g(l.value)
+      class: g(n.value)
     }, {
       default: P(() => [
         V(o.$slots, "default")
@@ -899,7 +906,7 @@ const re = /* @__PURE__ */ C({
       _: 3
     }, 8, ["id", "class"]));
   }
-}), lt = ["id"], it = ["aria-labelledby"], nt = { key: 0 }, st = { key: 1 }, ot = { class: "dropdown-header" }, dt = { key: 2 }, rt = /* @__PURE__ */ C({
+}), st = ["id"], ot = ["aria-labelledby"], dt = { key: 0 }, rt = { key: 1 }, ut = { class: "dropdown-header" }, ct = { key: 2 }, ft = /* @__PURE__ */ C({
   __name: "VibeDropdown",
   props: {
     id: { type: String, required: !0 },
@@ -913,79 +920,79 @@ const re = /* @__PURE__ */ C({
   },
   emits: ["item-click", "component-error"],
   setup(e, { emit: f }) {
-    const t = e, a = f, l = y(() => t.direction === "up" ? "dropup" : t.direction === "end" ? "dropend" : t.direction === "start" ? "dropstart" : "dropdown"), o = y(() => {
-      const r = ["btn", `btn-${t.variant}`];
-      return t.size && r.push(`btn-${t.size}`), r.join(" ");
-    }), s = y(() => {
-      const r = ["dropdown-menu"];
-      return t.menuEnd && r.push("dropdown-menu-end"), r.join(" ");
-    }), u = (r) => {
+    const t = e, a = f, l = y(() => t.direction === "up" ? "dropup" : t.direction === "end" ? "dropend" : t.direction === "start" ? "dropstart" : "dropdown"), r = y(() => {
+      const u = ["btn", `btn-${t.variant}`];
+      return t.size && u.push(`btn-${t.size}`), u.join(" ");
+    }), n = y(() => {
+      const u = ["dropdown-menu"];
+      return t.menuEnd && u.push("dropdown-menu-end"), u.join(" ");
+    }), o = (u) => {
       const c = ["dropdown-item"];
-      return r.active && c.push("active"), r.disabled && c.push("disabled"), c.join(" ");
-    }, d = (r, c, m) => {
-      !r.disabled && !r.divider && !r.header && a("item-click", { item: r, index: c, event: m });
+      return u.active && c.push("active"), u.disabled && c.push("disabled"), c.join(" ");
+    }, d = (u, c, m) => {
+      !u.disabled && !u.divider && !u.header && a("item-click", { item: u, index: c, event: m });
     };
-    return (r, c) => (i(), n("div", {
+    return (u, c) => (i(), s("div", {
       class: g(l.value)
     }, [
       h("button", {
         id: e.id,
-        class: g([o.value, "dropdown-toggle"]),
+        class: g([r.value, "dropdown-toggle"]),
         type: "button",
         "data-bs-toggle": "dropdown",
         "aria-expanded": "false"
       }, [
-        V(r.$slots, "button", {}, () => [
-          w(b(e.text), 1)
+        V(u.$slots, "button", {}, () => [
+          B(b(e.text), 1)
         ])
-      ], 10, lt),
+      ], 10, st),
       h("ul", {
-        class: g(s.value),
+        class: g(n.value),
         "aria-labelledby": e.id
       }, [
-        (i(!0), n(F, null, z(e.items, (m, p) => (i(), n(F, { key: p }, [
-          m.divider ? (i(), n("li", nt, [...c[0] || (c[0] = [
+        (i(!0), s(F, null, z(e.items, (m, p) => (i(), s(F, { key: p }, [
+          m.divider ? (i(), s("li", dt, [...c[0] || (c[0] = [
             h("hr", { class: "dropdown-divider" }, null, -1)
-          ])])) : m.header ? (i(), n("li", st, [
-            h("h6", ot, [
-              V(r.$slots, "header", {
+          ])])) : m.header ? (i(), s("li", rt, [
+            h("h6", ut, [
+              V(u.$slots, "header", {
                 item: m,
                 index: p
               }, () => [
-                w(b(m.text), 1)
+                B(b(m.text), 1)
               ])
             ])
-          ])) : (i(), n("li", dt, [
+          ])) : (i(), s("li", ct, [
             (i(), M(q(m.href ? "a" : m.to ? "router-link" : "button"), {
-              class: g(u(m)),
+              class: g(o(m)),
               href: m.href,
               to: m.to,
               type: !m.href && !m.to ? "button" : void 0,
               disabled: m.disabled,
-              onClick: (B) => d(m, p, B)
+              onClick: (w) => d(m, p, w)
             }, {
               default: P(() => [
-                V(r.$slots, "item", {
+                V(u.$slots, "item", {
                   item: m,
                   index: p
                 }, () => [
-                  w(b(m.text), 1)
+                  B(b(m.text), 1)
                 ])
               ]),
               _: 2
             }, 1032, ["class", "href", "to", "type", "disabled", "onClick"]))
           ]))
         ], 64))), 128))
-      ], 10, it)
+      ], 10, ot)
     ], 2));
   }
-}), ut = ["id", "aria-labelledby", "aria-hidden", "data-bs-backdrop", "data-bs-keyboard"], ct = { class: "modal-content" }, ft = {
+}), vt = ["id", "aria-labelledby", "aria-hidden", "data-bs-backdrop", "data-bs-keyboard"], bt = { class: "modal-content" }, mt = {
   key: 0,
   class: "modal-header"
-}, vt = ["id"], bt = { class: "modal-body" }, mt = {
+}, ht = ["id"], yt = { class: "modal-body" }, gt = {
   key: 1,
   class: "modal-footer"
-}, ht = /* @__PURE__ */ C({
+}, pt = /* @__PURE__ */ C({
   __name: "VibeModal",
   props: {
     id: { type: String, required: !0 },
@@ -1001,70 +1008,70 @@ const re = /* @__PURE__ */ C({
   },
   emits: ["update:modelValue", "show", "shown", "hide", "hidden", "component-error"],
   setup(e, { emit: f }) {
-    const t = e, a = f, l = T(null), o = T(null), s = T(!1), u = y(() => {
+    const t = e, a = f, l = T(null), r = T(null), n = T(!1), o = y(() => {
       const p = ["modal-dialog"];
       return t.size && p.push(`modal-${t.size}`), t.centered && p.push("modal-dialog-centered"), t.scrollable && p.push("modal-dialog-scrollable"), t.fullscreen === !0 ? p.push("modal-fullscreen") : typeof t.fullscreen == "string" && p.push(`modal-fullscreen-${t.fullscreen}-down`), p.join(" ");
     }), d = () => {
-      s.value = !0, a("show");
-    }, r = () => {
+      n.value = !0, a("show");
+    }, u = () => {
       a("shown"), a("update:modelValue", !0);
     }, c = () => {
       a("hide");
     }, m = () => {
-      s.value = !1, a("hidden"), a("update:modelValue", !1);
+      n.value = !1, a("hidden"), a("update:modelValue", !1);
     };
     return G(async () => {
       if (l.value)
         try {
-          const B = (await import("bootstrap")).Modal;
-          o.value = new B(l.value, {
+          const w = (await import("bootstrap")).Modal;
+          r.value = new w(l.value, {
             backdrop: t.staticBackdrop ? "static" : !0,
             keyboard: !t.staticBackdrop
-          }), l.value.addEventListener("show.bs.modal", d), l.value.addEventListener("shown.bs.modal", r), l.value.addEventListener("hide.bs.modal", c), l.value.addEventListener("hidden.bs.modal", m), t.modelValue && o.value.show();
+          }), l.value.addEventListener("show.bs.modal", d), l.value.addEventListener("shown.bs.modal", u), l.value.addEventListener("hide.bs.modal", c), l.value.addEventListener("hidden.bs.modal", m), t.modelValue && r.value.show();
         } catch {
           a("component-error", "Bootstrap JS not loaded. Modal will use data attributes only.");
         }
     }), H(() => {
-      l.value && (l.value.removeEventListener("show.bs.modal", d), l.value.removeEventListener("shown.bs.modal", r), l.value.removeEventListener("hide.bs.modal", c), l.value.removeEventListener("hidden.bs.modal", m)), o.value && (o.value.dispose(), o.value = null);
+      l.value && (l.value.removeEventListener("show.bs.modal", d), l.value.removeEventListener("shown.bs.modal", u), l.value.removeEventListener("hide.bs.modal", c), l.value.removeEventListener("hidden.bs.modal", m)), r.value && (r.value.dispose(), r.value = null);
     }), E(() => t.modelValue, (p) => {
-      o.value && (p && !s.value ? o.value.show() : !p && s.value && o.value.hide());
-    }), (p, B) => (i(), n("div", {
+      r.value && (p && !n.value ? r.value.show() : !p && n.value && r.value.hide());
+    }), (p, w) => (i(), s("div", {
       ref_key: "modalRef",
       ref: l,
       id: e.id,
       class: "modal fade",
       tabindex: "-1",
       "aria-labelledby": `${e.id}-label`,
-      "aria-hidden": !s.value,
+      "aria-hidden": !n.value,
       "data-bs-backdrop": e.staticBackdrop ? "static" : void 0,
       "data-bs-keyboard": !e.staticBackdrop
     }, [
       h("div", {
-        class: g(u.value)
+        class: g(o.value)
       }, [
-        h("div", ct, [
-          e.hideHeader ? v("", !0) : (i(), n("div", ft, [
+        h("div", bt, [
+          e.hideHeader ? v("", !0) : (i(), s("div", mt, [
             h("h5", {
               id: `${e.id}-label`,
               class: "modal-title"
             }, [
               V(p.$slots, "header", {}, () => [
-                w(b(e.title), 1)
+                B(b(e.title), 1)
               ])
-            ], 8, vt),
-            B[0] || (B[0] = h("button", {
+            ], 8, ht),
+            w[0] || (w[0] = h("button", {
               type: "button",
               class: "btn-close",
               "data-bs-dismiss": "modal",
               "aria-label": "Close"
             }, null, -1))
           ])),
-          h("div", bt, [
+          h("div", yt, [
             V(p.$slots, "default")
           ]),
-          e.hideFooter ? v("", !0) : (i(), n("div", mt, [
+          e.hideFooter ? v("", !0) : (i(), s("div", gt, [
             V(p.$slots, "footer", {}, () => [
-              B[1] || (B[1] = h("button", {
+              w[1] || (w[1] = h("button", {
                 type: "button",
                 class: "btn btn-secondary",
                 "data-bs-dismiss": "modal"
@@ -1073,9 +1080,9 @@ const re = /* @__PURE__ */ C({
           ]))
         ])
       ], 2)
-    ], 8, ut));
+    ], 8, vt));
   }
-}), yt = ["id", "aria-labelledby", "data-bs-backdrop", "data-bs-scroll"], gt = { class: "offcanvas-header" }, pt = ["id"], $t = { class: "offcanvas-body" }, kt = /* @__PURE__ */ C({
+}), $t = ["id", "aria-labelledby", "data-bs-backdrop", "data-bs-scroll"], kt = { class: "offcanvas-header" }, St = ["id"], Vt = { class: "offcanvas-body" }, Ct = /* @__PURE__ */ C({
   __name: "VibeOffcanvas",
   props: {
     id: { type: String, required: !0 },
@@ -1088,7 +1095,7 @@ const re = /* @__PURE__ */ C({
   emits: ["update:modelValue", "show", "shown", "hide", "hidden", "component-error"],
   setup(e, { emit: f }) {
     const t = e, a = y(() => `offcanvas offcanvas-${t.placement}`);
-    return (l, o) => (i(), n("div", {
+    return (l, r) => (i(), s("div", {
       id: e.id,
       class: g(a.value),
       tabindex: "-1",
@@ -1096,31 +1103,31 @@ const re = /* @__PURE__ */ C({
       "data-bs-backdrop": e.backdrop === !1 ? "false" : e.backdrop === "static" ? "static" : "true",
       "data-bs-scroll": e.scroll
     }, [
-      h("div", gt, [
+      h("div", kt, [
         h("h5", {
           id: `${e.id}-label`,
           class: "offcanvas-title"
         }, [
           V(l.$slots, "header", {}, () => [
-            w(b(e.title), 1)
+            B(b(e.title), 1)
           ])
-        ], 8, pt),
-        o[0] || (o[0] = h("button", {
+        ], 8, St),
+        r[0] || (r[0] = h("button", {
           type: "button",
           class: "btn-close",
           "data-bs-dismiss": "offcanvas",
           "aria-label": "Close"
         }, null, -1))
       ]),
-      h("div", $t, [
+      h("div", Vt, [
         V(l.$slots, "default")
       ])
-    ], 10, yt));
+    ], 10, $t));
   }
-}), St = ["id", "data-bs-autohide", "data-bs-delay"], Vt = {
+}), xt = ["id", "data-bs-autohide", "data-bs-delay"], Bt = {
   key: 0,
   class: "toast-header"
-}, Ct = { class: "me-auto" }, xt = { class: "toast-body" }, wt = /* @__PURE__ */ C({
+}, wt = { class: "me-auto" }, Nt = { class: "toast-body" }, Tt = /* @__PURE__ */ C({
   __name: "VibeToast",
   props: {
     id: { type: String, default: void 0 },
@@ -1132,67 +1139,67 @@ const re = /* @__PURE__ */ C({
   },
   emits: ["update:modelValue", "show", "shown", "hide", "hidden", "component-error"],
   setup(e, { emit: f }) {
-    const t = e, a = f, l = T(null), o = T(null), s = T(!1), u = y(() => {
+    const t = e, a = f, l = T(null), r = T(null), n = T(!1), o = y(() => {
       const p = ["toast"];
       return t.variant && p.push(`text-bg-${t.variant}`), p.join(" ");
     }), d = () => {
-      s.value = !0, a("show");
-    }, r = () => {
+      n.value = !0, a("show");
+    }, u = () => {
       a("shown"), a("update:modelValue", !0);
     }, c = () => {
       a("hide");
     }, m = () => {
-      s.value = !1, a("hidden"), a("update:modelValue", !1);
+      n.value = !1, a("hidden"), a("update:modelValue", !1);
     };
     return G(async () => {
       if (l.value)
         try {
-          const B = (await import("bootstrap")).Toast;
-          o.value = new B(l.value, {
+          const w = (await import("bootstrap")).Toast;
+          r.value = new w(l.value, {
             autohide: t.autohide,
             delay: t.delay
-          }), l.value.addEventListener("show.bs.toast", d), l.value.addEventListener("shown.bs.toast", r), l.value.addEventListener("hide.bs.toast", c), l.value.addEventListener("hidden.bs.toast", m), t.modelValue && o.value.show();
+          }), l.value.addEventListener("show.bs.toast", d), l.value.addEventListener("shown.bs.toast", u), l.value.addEventListener("hide.bs.toast", c), l.value.addEventListener("hidden.bs.toast", m), t.modelValue && r.value.show();
         } catch {
           a("component-error", "Bootstrap JS not loaded. Toast will use data attributes only.");
         }
     }), H(() => {
-      l.value && (l.value.removeEventListener("show.bs.toast", d), l.value.removeEventListener("shown.bs.toast", r), l.value.removeEventListener("hide.bs.toast", c), l.value.removeEventListener("hidden.bs.toast", m)), o.value && (o.value.dispose(), o.value = null);
+      l.value && (l.value.removeEventListener("show.bs.toast", d), l.value.removeEventListener("shown.bs.toast", u), l.value.removeEventListener("hide.bs.toast", c), l.value.removeEventListener("hidden.bs.toast", m)), r.value && (r.value.dispose(), r.value = null);
     }), E(() => t.modelValue, (p) => {
-      o.value && (p && !s.value ? o.value.show() : !p && s.value && o.value.hide());
-    }), (p, B) => (i(), n("div", {
+      r.value && (p && !n.value ? r.value.show() : !p && n.value && r.value.hide());
+    }), (p, w) => (i(), s("div", {
       ref_key: "toastRef",
       ref: l,
       id: e.id,
-      class: g(u.value),
+      class: g(o.value),
       role: "alert",
       "aria-live": "assertive",
       "aria-atomic": "true",
       "data-bs-autohide": e.autohide,
       "data-bs-delay": e.delay
     }, [
-      e.title || p.$slots.header ? (i(), n("div", Vt, [
+      e.title || p.$slots.header ? (i(), s("div", Bt, [
         V(p.$slots, "header", {}, () => [
-          h("strong", Ct, b(e.title), 1)
+          h("strong", wt, b(e.title), 1)
         ]),
-        B[0] || (B[0] = h("button", {
+        w[0] || (w[0] = h("button", {
           type: "button",
           class: "btn-close",
           "data-bs-dismiss": "toast",
           "aria-label": "Close"
         }, null, -1))
       ])) : v("", !0),
-      h("div", xt, [
+      h("div", Nt, [
         V(p.$slots, "default")
       ])
-    ], 10, St));
+    ], 10, xt));
   }
-}), Bt = ["id", "data-bs-ride", "data-bs-interval", "data-bs-keyboard", "data-bs-pause", "data-bs-wrap", "data-bs-touch"], Nt = {
+}), Mt = ["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"
-}, Tt = ["data-bs-target", "data-bs-slide-to", "aria-current", "aria-label"], Mt = { class: "carousel-inner" }, qt = ["data-bs-interval"], Pt = ["src", "alt"], Ft = {
+}, Pt = ["data-bs-target", "data-bs-slide-to", "aria-current", "aria-label"], Ft = { class: "carousel-inner" }, Lt = ["data-bs-interval"], zt = ["src", "alt"], jt = {
   key: 0,
   class: "carousel-caption d-none d-md-block"
-}, Lt = { key: 0 }, zt = { key: 1 }, At = ["data-bs-target"], jt = ["data-bs-target"], It = /* @__PURE__ */ C({
+}, At = { key: 0 }, It = { key: 1 }, Ot = ["data-bs-target"], Et = ["data-bs-target"], Dt = /* @__PURE__ */ C({
   __name: "VibeCarousel",
   props: {
     id: { type: String, required: !0 },
@@ -1211,11 +1218,11 @@ const re = /* @__PURE__ */ C({
   emits: ["slide", "slid", "component-error"],
   setup(e, { emit: f }) {
     const t = e, a = y(() => {
-      const o = ["carousel", "slide"];
-      return t.dark && o.push("carousel-dark"), t.fade && o.push("carousel-fade"), o.join(" ");
-    }), l = (o, s) => o.alt ? o.alt : o.caption ? o.caption : o.captionText ? o.captionText : `Carousel slide ${s + 1}`;
+      const r = ["carousel", "slide"];
+      return t.dark && r.push("carousel-dark"), t.fade && r.push("carousel-fade"), r.join(" ");
+    }), l = (r, n) => r.alt ? r.alt : r.caption ? r.caption : r.captionText ? r.captionText : `Carousel slide ${n + 1}`;
     return G(() => {
-    }), (o, s) => (i(), n("div", {
+    }), (r, n) => (i(), s("div", {
       id: e.id,
       class: g(a.value),
       "data-bs-ride": e.ride === !0 ? "carousel" : e.ride,
@@ -1225,68 +1232,68 @@ const re = /* @__PURE__ */ C({
       "data-bs-wrap": e.wrap,
       "data-bs-touch": e.touch
     }, [
-      e.indicators ? (i(), n("div", Nt, [
-        (i(!0), n(F, null, z(e.items, (u, d) => (i(), n("button", {
-          key: `indicator-${u.src}-${d}`,
+      e.indicators ? (i(), s("div", qt, [
+        (i(!0), s(F, null, z(e.items, (o, d) => (i(), s("button", {
+          key: `indicator-${o.src}-${d}`,
           type: "button",
           "data-bs-target": `#${e.id}`,
           "data-bs-slide-to": d,
-          class: g({ active: u.active || d === 0 }),
-          "aria-current": u.active || d === 0,
+          class: g({ active: o.active || d === 0 }),
+          "aria-current": o.active || d === 0,
           "aria-label": `Slide ${d + 1}`
-        }, null, 10, Tt))), 128))
+        }, null, 10, Pt))), 128))
       ])) : v("", !0),
-      h("div", Mt, [
-        (i(!0), n(F, null, z(e.items, (u, d) => (i(), n("div", {
-          key: `slide-${u.src}-${d}`,
-          class: g(["carousel-item", { active: u.active || d === 0 }]),
-          "data-bs-interval": u.interval
+      h("div", Ft, [
+        (i(!0), s(F, null, z(e.items, (o, d) => (i(), s("div", {
+          key: `slide-${o.src}-${d}`,
+          class: g(["carousel-item", { active: o.active || d === 0 }]),
+          "data-bs-interval": o.interval
         }, [
           h("img", {
-            src: u.src,
-            alt: l(u, d),
+            src: o.src,
+            alt: l(o, d),
             class: "d-block w-100"
-          }, null, 8, Pt),
-          u.caption || u.captionText || o.$slots.caption ? (i(), n("div", Ft, [
-            V(o.$slots, "caption", {
-              item: u,
+          }, null, 8, zt),
+          o.caption || o.captionText || r.$slots.caption ? (i(), s("div", jt, [
+            V(r.$slots, "caption", {
+              item: o,
               index: d
             }, () => [
-              u.caption ? (i(), n("h5", Lt, b(u.caption), 1)) : v("", !0),
-              u.captionText ? (i(), n("p", zt, b(u.captionText), 1)) : v("", !0)
+              o.caption ? (i(), s("h5", At, b(o.caption), 1)) : v("", !0),
+              o.captionText ? (i(), s("p", It, b(o.captionText), 1)) : v("", !0)
             ])
           ])) : v("", !0)
-        ], 10, qt))), 128))
+        ], 10, Lt))), 128))
       ]),
-      e.controls ? (i(), n("button", {
+      e.controls ? (i(), s("button", {
         key: 1,
         class: "carousel-control-prev",
         type: "button",
         "data-bs-target": `#${e.id}`,
         "data-bs-slide": "prev"
-      }, [...s[0] || (s[0] = [
+      }, [...n[0] || (n[0] = [
         h("span", {
           class: "carousel-control-prev-icon",
           "aria-hidden": "true"
         }, null, -1),
         h("span", { class: "visually-hidden" }, "Previous", -1)
-      ])], 8, At)) : v("", !0),
-      e.controls ? (i(), n("button", {
+      ])], 8, Ot)) : v("", !0),
+      e.controls ? (i(), s("button", {
         key: 2,
         class: "carousel-control-next",
         type: "button",
         "data-bs-target": `#${e.id}`,
         "data-bs-slide": "next"
-      }, [...s[1] || (s[1] = [
+      }, [...n[1] || (n[1] = [
         h("span", {
           class: "carousel-control-next-icon",
           "aria-hidden": "true"
         }, null, -1),
         h("span", { class: "visually-hidden" }, "Next", -1)
-      ])], 8, jt)) : v("", !0)
-    ], 10, Bt));
+      ])], 8, Et)) : v("", !0)
+    ], 10, Mt));
   }
-}), Ot = ["data-bs-placement", "data-bs-title", "data-bs-trigger", "data-bs-html"], Et = /* @__PURE__ */ C({
+}), Rt = ["data-bs-placement", "data-bs-title", "data-bs-trigger", "data-bs-html"], Xt = /* @__PURE__ */ C({
   __name: "VibeTooltip",
   props: {
     content: { type: String, required: !0 },
@@ -1296,7 +1303,7 @@ const re = /* @__PURE__ */ C({
   },
   emits: ["component-error"],
   setup(e, { emit: f }) {
-    return (t, a) => (i(), n("span", {
+    return (t, a) => (i(), s("span", {
       "data-bs-toggle": "tooltip",
       "data-bs-placement": e.placement,
       "data-bs-title": e.content,
@@ -1304,9 +1311,9 @@ const re = /* @__PURE__ */ C({
       "data-bs-html": e.html
     }, [
       V(t.$slots, "default")
-    ], 8, Ot));
+    ], 8, Rt));
   }
-}), Dt = ["data-bs-placement", "data-bs-title", "data-bs-content", "data-bs-trigger", "data-bs-html"], Rt = /* @__PURE__ */ C({
+}), Yt = ["data-bs-placement", "data-bs-title", "data-bs-content", "data-bs-trigger", "data-bs-html"], Gt = /* @__PURE__ */ C({
   __name: "VibePopover",
   props: {
     title: { type: String, default: void 0 },
@@ -1317,7 +1324,7 @@ const re = /* @__PURE__ */ C({
   },
   emits: ["component-error"],
   setup(e, { emit: f }) {
-    return (t, a) => (i(), n("span", {
+    return (t, a) => (i(), s("span", {
       "data-bs-toggle": "popover",
       "data-bs-placement": e.placement,
       "data-bs-title": e.title,
@@ -1326,9 +1333,9 @@ const re = /* @__PURE__ */ C({
       "data-bs-html": e.html
     }, [
       V(t.$slots, "default")
-    ], 8, Dt));
+    ], 8, Yt));
   }
-}), Xt = /* @__PURE__ */ C({
+}), Ht = /* @__PURE__ */ C({
   __name: "VibeScrollspy",
   props: {
     target: { type: String, required: !0 },
@@ -1353,7 +1360,7 @@ const re = /* @__PURE__ */ C({
       _: 3
     }, 8, ["data-bs-target", "data-bs-offset", "data-bs-method", "data-bs-smooth-scroll"]));
   }
-}), Yt = /* @__PURE__ */ C({
+}), Kt = /* @__PURE__ */ C({
   __name: "VibeIcon",
   props: {
     // Icon name (e.g., 'house', 'heart-fill', 'star')
@@ -1374,63 +1381,63 @@ const re = /* @__PURE__ */ C({
   emits: ["click", "component-error"],
   setup(e, { emit: f }) {
     const t = e, a = f, l = y(() => {
-      const u = ["bi", `bi-${t.icon}`];
-      return t.size && (["1x", "2x", "3x", "4x", "5x"].includes(t.size) || u.push(`bi-${t.size}`)), t.customClass && u.push(t.customClass), u.join(" ");
-    }), o = y(() => {
-      const u = {};
+      const o = ["bi", `bi-${t.icon}`];
+      return t.size && (["1x", "2x", "3x", "4x", "5x"].includes(t.size) || o.push(`bi-${t.size}`)), t.customClass && o.push(t.customClass), o.join(" ");
+    }), r = y(() => {
+      const o = {};
       if (t.fontSize)
-        u.fontSize = t.fontSize;
+        o.fontSize = t.fontSize;
       else if (t.size) {
-        const r = {
+        const u = {
           "1x": "1rem",
           "2x": "2rem",
           "3x": "3rem",
           "4x": "4rem",
           "5x": "5rem"
         };
-        r[t.size] && (u.fontSize = r[t.size]);
+        u[t.size] && (o.fontSize = u[t.size]);
       }
-      t.color && (u.color = t.color);
+      t.color && (o.color = t.color);
       const d = [];
-      return t.flipH && d.push("scaleX(-1)"), t.flipV && d.push("scaleY(-1)"), t.rotate && d.push(`rotate(${t.rotate}deg)`), d.length > 0 && (u.transform = d.join(" "), u.display = "inline-block"), Object.keys(u).length > 0 ? u : void 0;
-    }), s = (u) => {
-      a("click", u);
+      return t.flipH && d.push("scaleX(-1)"), t.flipV && d.push("scaleY(-1)"), t.rotate && d.push(`rotate(${t.rotate}deg)`), d.length > 0 && (o.transform = d.join(" "), o.display = "inline-block"), Object.keys(o).length > 0 ? o : void 0;
+    }), n = (o) => {
+      a("click", o);
     };
-    return (u, d) => (i(), n("i", {
+    return (o, d) => (i(), s("i", {
       class: g(l.value),
-      style: D(o.value),
+      style: D(r.value),
       "aria-hidden": !0,
-      onClick: s
+      onClick: n
     }, null, 6));
   }
-}), Gt = { class: "vibe-datatable" }, Ht = { class: "row mb-3" }, Kt = {
+}), Ut = { class: "vibe-datatable" }, Qt = { class: "row mb-3" }, Wt = {
   key: 0,
   class: "col-md-6 mb-2 mb-md-0"
-}, Ut = ["placeholder"], Qt = {
+}, Jt = ["placeholder"], Zt = {
   key: 1,
   class: "col-md-6"
-}, Wt = { class: "d-flex justify-content-md-end align-items-center" }, Jt = ["value"], Zt = ["onClick"], _t = {
+}, _t = { class: "d-flex justify-content-md-end align-items-center" }, ea = ["value"], ta = ["onClick"], aa = {
   key: 0,
   class: "ms-1"
-}, ea = ["onClick"], ta = { key: 0 }, aa = ["colspan"], la = { class: "row" }, ia = {
+}, la = ["onClick"], ia = { key: 0 }, na = ["colspan"], sa = { class: "row" }, oa = {
   key: 0,
   class: "col-md-6 mb-2 mb-md-0"
-}, na = { class: "datatable-info" }, sa = {
+}, da = { class: "datatable-info" }, ra = {
   key: 1,
   class: "col-md-6"
-}, oa = { class: "pagination justify-content-md-end mb-0" }, da = {
+}, ua = { class: "pagination justify-content-md-end mb-0" }, ca = {
   key: 0,
   class: "page-item"
-}, ra = {
+}, fa = {
   key: 1,
   class: "page-item disabled"
-}, ua = ["onClick"], ca = {
+}, va = ["onClick"], ba = {
   key: 2,
   class: "page-item disabled"
-}, fa = {
+}, ma = {
   key: 3,
   class: "page-item"
-}, va = /* @__PURE__ */ C({
+}, ha = /* @__PURE__ */ C({
   __name: "VibeDataTable",
   props: /* @__PURE__ */ J({
     // Data
@@ -1473,13 +1480,13 @@ const re = /* @__PURE__ */ C({
   }),
   emits: /* @__PURE__ */ J(["row-clicked", "component-error"], ["update:currentPage", "update:perPage", "update:sortBy", "update:sortDesc"]),
   setup(e, { emit: f }) {
-    const t = e, a = Y(e, "currentPage"), l = Y(e, "perPage"), o = Y(e, "sortBy"), s = Y(e, "sortDesc"), u = f, d = T(""), r = T(null), c = T(""), m = ($, k) => t.rowKey && $[t.rowKey] !== void 0 ? String($[t.rowKey]) : k;
+    const t = e, a = Y(e, "currentPage"), l = Y(e, "perPage"), r = Y(e, "sortBy"), n = Y(e, "sortDesc"), o = f, d = T(""), u = T(null), c = T(""), m = ($, k) => t.rowKey && $[t.rowKey] !== void 0 ? String($[t.rowKey]) : k;
     E(d, ($) => {
-      r.value !== null && clearTimeout(r.value), r.value = setTimeout(() => {
-        c.value = $, a.value = 1, r.value = null;
+      u.value !== null && clearTimeout(u.value), u.value = setTimeout(() => {
+        c.value = $, a.value = 1, u.value = null;
       }, t.searchDebounce);
     }), H(() => {
-      r.value !== null && (clearTimeout(r.value), r.value = null);
+      u.value !== null && (clearTimeout(u.value), u.value = null);
     });
     const p = y(() => {
       if (!t.searchable || !c.value)
@@ -1490,7 +1497,7 @@ const re = /* @__PURE__ */ C({
         const L = k[S.key];
         return L == null ? !1 : String(L).toLowerCase().includes($);
       }));
-    }), B = ($, k, S) => {
+    }), w = ($, k, S) => {
       if ($ == null) return 1;
       if (k == null) return -1;
       if (typeof $ == "string" && typeof k == "string") {
@@ -1507,64 +1514,64 @@ const re = /* @__PURE__ */ C({
       }
       return 0;
     }, x = y(() => {
-      if (!t.sortable || !o.value)
+      if (!t.sortable || !r.value)
         return p.value;
-      const $ = [...p.value], k = o.value;
-      return $.sort((S, L) => B(S[k], L[k], s.value)), $;
-    }), A = y(() => {
+      const $ = [...p.value], k = r.value;
+      return $.sort((S, L) => w(S[k], L[k], n.value)), $;
+    }), j = y(() => {
       if (!t.paginated)
         return x.value;
       const $ = (a.value - 1) * l.value, k = $ + l.value;
       return x.value.slice($, k);
-    }), j = y(() => t.items.length), N = y(() => p.value.length), O = y(() => Math.ceil(N.value / l.value)), K = y(() => N.value === 0 ? 0 : (a.value - 1) * l.value + 1), U = y(() => {
+    }), A = y(() => t.items.length), N = y(() => p.value.length), O = y(() => Math.ceil(N.value / l.value)), K = y(() => N.value === 0 ? 0 : (a.value - 1) * l.value + 1), U = y(() => {
       const $ = a.value * l.value;
       return Math.min($, N.value);
-    }), Z = y(() => (N.value !== j.value ? t.filteredInfoText : t.infoText).replace("{start}", String(K.value)).replace("{end}", String(U.value)).replace("{total}", String(N.value)).replace("{totalRows}", String(j.value))), _ = y(() => {
+    }), _ = y(() => (N.value !== A.value ? t.filteredInfoText : t.infoText).replace("{start}", String(K.value)).replace("{end}", String(U.value)).replace("{total}", String(N.value)).replace("{totalRows}", String(A.value))), ee = y(() => {
       const $ = ["table"];
       return t.striped && $.push("table-striped"), t.bordered && $.push("table-bordered"), t.borderless && $.push("table-borderless"), t.hover && $.push("table-hover"), t.small && $.push("table-sm"), t.variant && $.push(`table-${t.variant}`), $.join(" ");
-    }), ee = ($) => {
-      !t.sortable || $.sortable === !1 || (o.value === $.key ? s.value = !s.value : (o.value = $.key, s.value = !1));
+    }), te = ($) => {
+      !t.sortable || $.sortable === !1 || (r.value === $.key ? n.value = !n.value : (r.value = $.key, n.value = !1));
     }, R = ($) => {
       $ < 1 || $ > O.value || (a.value = $);
-    }, te = () => {
+    }, ae = () => {
       a.value = 1;
-    }, ae = ($, k) => {
-      u("row-clicked", $, k);
     }, le = ($, k) => {
+      o("row-clicked", $, k);
+    }, ie = ($, k) => {
       const S = $[k.key];
       return k.formatter ? k.formatter(S, $) : S;
-    }, ie = ($) => !t.sortable || $.sortable === !1 ? "" : o.value !== $.key ? "⇅" : s.value ? "↓" : "↑", ne = ($) => {
+    }, ne = ($) => !t.sortable || $.sortable === !1 ? "" : r.value !== $.key ? "⇅" : n.value ? "↓" : "↑", se = ($) => {
       const k = { ...$.thStyle };
       return t.sortable && $.sortable !== !1 && (k.cursor = "pointer"), k;
     };
-    return ($, k) => (i(), n("div", Gt, [
-      h("div", Ht, [
-        e.searchable ? (i(), n("div", Kt, [
+    return ($, k) => (i(), s("div", Ut, [
+      h("div", Qt, [
+        e.searchable ? (i(), s("div", Wt, [
           W(h("input", {
             "onUpdate:modelValue": k[0] || (k[0] = (S) => d.value = S),
             type: "search",
             class: "form-control",
             placeholder: e.searchPlaceholder
-          }, null, 8, Ut), [
-            [oe, d.value]
+          }, null, 8, Jt), [
+            [ue, d.value]
           ])
         ])) : v("", !0),
-        e.showPerPage && e.paginated ? (i(), n("div", Qt, [
-          h("div", Wt, [
+        e.showPerPage && e.paginated ? (i(), s("div", Zt, [
+          h("div", _t, [
             k[6] || (k[6] = h("label", { class: "me-2 mb-0" }, "Show", -1)),
             W(h("select", {
               "onUpdate:modelValue": k[1] || (k[1] = (S) => l.value = S),
               class: "form-select form-select-sm",
               style: { width: "auto" },
-              onChange: te
+              onChange: ae
             }, [
-              (i(!0), n(F, null, z(e.perPageOptions, (S) => (i(), n("option", {
+              (i(!0), s(F, null, z(e.perPageOptions, (S) => (i(), s("option", {
                 key: S,
                 value: S
-              }, b(S), 9, Jt))), 128))
+              }, b(S), 9, ea))), 128))
             ], 544), [
               [
-                de,
+                ce,
                 l.value,
                 void 0,
                 { number: !0 }
@@ -1578,28 +1585,28 @@ const re = /* @__PURE__ */ C({
         class: g({ "table-responsive": e.responsive })
       }, [
         h("table", {
-          class: g(_.value)
+          class: g(ee.value)
         }, [
           h("thead", null, [
             h("tr", null, [
-              (i(!0), n(F, null, z(e.columns, (S) => (i(), n("th", {
+              (i(!0), s(F, null, z(e.columns, (S) => (i(), s("th", {
                 key: S.key,
                 class: g(S.headerClass),
-                style: D(ne(S)),
-                onClick: (L) => ee(S)
+                style: D(se(S)),
+                onClick: (L) => te(S)
               }, [
-                w(b(S.label) + " ", 1),
-                e.sortable && S.sortable !== !1 ? (i(), n("span", _t, b(ie(S)), 1)) : v("", !0)
-              ], 14, Zt))), 128))
+                B(b(S.label) + " ", 1),
+                e.sortable && S.sortable !== !1 ? (i(), s("span", aa, b(ne(S)), 1)) : v("", !0)
+              ], 14, ta))), 128))
             ])
           ]),
           h("tbody", null, [
-            (i(!0), n(F, null, z(A.value, (S, L) => (i(), n("tr", {
+            (i(!0), s(F, null, z(j.value, (S, L) => (i(), s("tr", {
               key: m(S, L),
-              onClick: (I) => ae(S, L),
+              onClick: (I) => le(S, L),
               style: { cursor: "pointer" }
             }, [
-              (i(!0), n(F, null, z(e.columns, (I) => (i(), n("td", {
+              (i(!0), s(F, null, z(e.columns, (I) => (i(), s("td", {
                 key: I.key,
                 class: g(I.class),
                 style: D(I.tdStyle)
@@ -1609,26 +1616,26 @@ const re = /* @__PURE__ */ C({
                   value: S[I.key],
                   index: L
                 }, () => [
-                  w(b(le(S, I)), 1)
+                  B(b(ie(S, I)), 1)
                 ], !0)
               ], 6))), 128))
-            ], 8, ea))), 128)),
-            A.value.length === 0 && e.showEmpty ? (i(), n("tr", ta, [
+            ], 8, la))), 128)),
+            j.value.length === 0 && e.showEmpty ? (i(), s("tr", ia, [
               h("td", {
                 colspan: e.columns.length,
                 class: "text-center"
-              }, b(e.emptyText), 9, aa)
+              }, b(e.emptyText), 9, na)
             ])) : v("", !0)
           ])
         ], 2)
       ], 2),
-      h("div", la, [
-        e.showInfo ? (i(), n("div", ia, [
-          h("div", na, b(Z.value), 1)
+      h("div", sa, [
+        e.showInfo ? (i(), s("div", oa, [
+          h("div", da, b(_.value), 1)
         ])) : v("", !0),
-        e.paginated && O.value > 1 ? (i(), n("div", sa, [
+        e.paginated && O.value > 1 ? (i(), s("div", ra, [
           h("nav", null, [
-            h("ul", oa, [
+            h("ul", ua, [
               h("li", {
                 class: g(["page-item", { disabled: a.value === 1 }])
               }, [
@@ -1638,19 +1645,19 @@ const re = /* @__PURE__ */ C({
                   onClick: k[2] || (k[2] = X((S) => R(a.value - 1), ["prevent"]))
                 }, " Previous ")
               ], 2),
-              a.value > 3 ? (i(), n("li", da, [
+              a.value > 3 ? (i(), s("li", ca, [
                 h("a", {
                   class: "page-link",
                   href: "#",
                   onClick: k[3] || (k[3] = X((S) => R(1), ["prevent"]))
                 }, "1")
               ])) : v("", !0),
-              a.value > 4 ? (i(), n("li", ra, [...k[8] || (k[8] = [
+              a.value > 4 ? (i(), s("li", fa, [...k[8] || (k[8] = [
                 h("span", { class: "page-link" }, "...", -1)
               ])])) : v("", !0),
-              (i(!0), n(F, null, z(Array.from({ length: O.value }, (S, L) => L + 1).filter(
+              (i(!0), s(F, null, z(Array.from({ length: O.value }, (S, L) => L + 1).filter(
                 (S) => S >= a.value - 2 && S <= a.value + 2
-              ), (S) => (i(), n("li", {
+              ), (S) => (i(), s("li", {
                 key: S,
                 class: g(["page-item", { active: S === a.value }])
               }, [
@@ -1658,12 +1665,12 @@ const re = /* @__PURE__ */ C({
                   class: "page-link",
                   href: "#",
                   onClick: X((L) => R(S), ["prevent"])
-                }, b(S), 9, ua)
+                }, b(S), 9, va)
               ], 2))), 128)),
-              a.value < O.value - 3 ? (i(), n("li", ca, [...k[9] || (k[9] = [
+              a.value < O.value - 3 ? (i(), s("li", ba, [...k[9] || (k[9] = [
                 h("span", { class: "page-link" }, "...", -1)
               ])])) : v("", !0),
-              a.value < O.value - 2 ? (i(), n("li", fa, [
+              a.value < O.value - 2 ? (i(), s("li", ma, [
                 h("a", {
                   class: "page-link",
                   href: "#",
@@ -1690,14 +1697,14 @@ const re = /* @__PURE__ */ C({
   for (const [a, l] of f)
     t[a] = l;
   return t;
-}, ba = /* @__PURE__ */ Q(va, [["__scopeId", "data-v-bafec986"]]), ma = { class: "mb-3" }, ha = ["for"], ya = {
+}, ya = /* @__PURE__ */ Q(ha, [["__scopeId", "data-v-bafec986"]]), ga = { class: "mb-3" }, pa = ["for"], $a = {
   key: 0,
   class: "text-danger"
-}, ga = ["id", "type", "value", "placeholder", "disabled", "readonly", "required", "aria-invalid", "aria-describedby"], pa = ["id"], $a = {
+}, ka = ["id", "type", "value", "placeholder", "disabled", "readonly", "required", "aria-invalid", "aria-describedby"], Sa = ["id"], Va = {
   key: 2,
   class: "valid-feedback",
   style: { display: "block" }
-}, ka = ["id"], Sa = /* @__PURE__ */ C({
+}, Ca = ["id"], xa = /* @__PURE__ */ C({
   __name: "VibeFormInput",
   props: {
     modelValue: {
@@ -1722,27 +1729,27 @@ const re = /* @__PURE__ */ C({
   emits: ["update:modelValue", "validate", "blur", "focus", "input", "change"],
   setup(e, { emit: f }) {
     const t = e, a = f, l = y(() => {
-      const r = [];
-      return t.plaintext ? r.push("form-control-plaintext") : (r.push("form-control"), t.size && r.push(`form-control-${t.size}`)), t.validationState === "valid" && r.push("is-valid"), t.validationState === "invalid" && r.push("is-invalid"), r.join(" ");
-    }), o = (r) => {
-      const c = r.target, m = t.type === "number" ? c.value === "" ? "" : Number(c.value) : c.value;
-      a("update:modelValue", m), a("input", r), t.validateOn === "input" && a("validate");
-    }, s = (r) => {
-      a("change", r), t.validateOn === "change" && a("validate");
-    }, u = (r) => {
-      a("blur", r), t.validateOn === "blur" && a("validate");
-    }, d = (r) => {
-      a("focus", r);
+      const u = [];
+      return t.plaintext ? u.push("form-control-plaintext") : (u.push("form-control"), t.size && u.push(`form-control-${t.size}`)), t.validationState === "valid" && u.push("is-valid"), t.validationState === "invalid" && u.push("is-invalid"), u.join(" ");
+    }), r = (u) => {
+      const c = u.target, m = t.type === "number" ? c.value === "" ? "" : Number(c.value) : c.value;
+      a("update:modelValue", m), a("input", u), t.validateOn === "input" && a("validate");
+    }, n = (u) => {
+      a("change", u), t.validateOn === "change" && a("validate");
+    }, o = (u) => {
+      a("blur", u), t.validateOn === "blur" && a("validate");
+    }, d = (u) => {
+      a("focus", u);
     };
-    return (r, c) => (i(), n("div", ma, [
-      e.label ? (i(), n("label", {
+    return (u, c) => (i(), s("div", ga, [
+      e.label ? (i(), s("label", {
         key: 0,
         for: e.id,
         class: "form-label"
       }, [
-        w(b(e.label) + " ", 1),
-        e.required ? (i(), n("span", ya, "*")) : v("", !0)
-      ], 8, ha)) : v("", !0),
+        B(b(e.label) + " ", 1),
+        e.required ? (i(), s("span", $a, "*")) : v("", !0)
+      ], 8, pa)) : v("", !0),
       h("input", {
         id: e.id,
         type: e.type,
@@ -1754,33 +1761,33 @@ const re = /* @__PURE__ */ C({
         required: e.required,
         "aria-invalid": e.validationState === "invalid",
         "aria-describedby": e.validationMessage || e.helpText ? `${e.id}-feedback` : void 0,
-        onInput: o,
-        onChange: s,
-        onBlur: u,
+        onInput: r,
+        onChange: n,
+        onBlur: o,
         onFocus: d
-      }, null, 42, ga),
-      e.helpText && !e.validationMessage ? (i(), n("div", {
+      }, null, 42, ka),
+      e.helpText && !e.validationMessage ? (i(), s("div", {
         key: 1,
         id: `${e.id}-feedback`,
         class: "form-text"
-      }, b(e.helpText), 9, pa)) : v("", !0),
-      e.validationState === "valid" ? (i(), n("div", $a, b(e.validationMessage || "Looks good!"), 1)) : v("", !0),
-      e.validationState === "invalid" ? (i(), n("div", {
+      }, b(e.helpText), 9, Sa)) : v("", !0),
+      e.validationState === "valid" ? (i(), s("div", Va, b(e.validationMessage || "Looks good!"), 1)) : v("", !0),
+      e.validationState === "invalid" ? (i(), s("div", {
         key: 3,
         id: `${e.id}-feedback`,
         class: "invalid-feedback",
         style: { display: "block" }
-      }, b(e.validationMessage || "Please provide a valid value."), 9, ka)) : v("", !0)
+      }, b(e.validationMessage || "Please provide a valid value."), 9, Ca)) : v("", !0)
     ]));
   }
-}), Va = { class: "mb-3" }, Ca = ["for"], xa = {
+}), Ba = { class: "mb-3" }, wa = ["for"], Na = {
   key: 0,
   class: "text-danger"
-}, wa = ["id", "value", "disabled", "required", "multiple", "size", "aria-invalid", "aria-describedby"], Ba = ["selected"], Na = ["value", "disabled"], Ta = ["id"], Ma = {
+}, Ta = ["id", "value", "disabled", "required", "multiple", "size", "aria-invalid", "aria-describedby"], Ma = ["selected"], qa = ["value", "disabled"], Pa = ["id"], Fa = {
   key: 2,
   class: "valid-feedback",
   style: { display: "block" }
-}, qa = ["id"], Pa = /* @__PURE__ */ C({
+}, La = ["id"], za = /* @__PURE__ */ C({
   __name: "VibeFormSelect",
   props: {
     modelValue: {
@@ -1808,24 +1815,24 @@ const re = /* @__PURE__ */ C({
     const t = e, a = f, l = y(() => {
       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(" ");
-    }), o = (d) => {
-      const r = d.target;
+    }), r = (d) => {
+      const u = d.target;
       let c;
-      t.multiple ? c = Array.from(r.selectedOptions).map((p) => p.value) : c = r.value, a("update:modelValue", c), a("change", d), t.validateOn === "change" && a("validate");
-    }, s = (d) => {
+      t.multiple ? c = Array.from(u.selectedOptions).map((p) => p.value) : c = u.value, a("update:modelValue", c), a("change", d), t.validateOn === "change" && a("validate");
+    }, n = (d) => {
       a("blur", d), t.validateOn === "blur" && a("validate");
-    }, u = (d) => {
+    }, o = (d) => {
       a("focus", d);
     };
-    return (d, r) => (i(), n("div", Va, [
-      e.label ? (i(), n("label", {
+    return (d, u) => (i(), s("div", Ba, [
+      e.label ? (i(), s("label", {
         key: 0,
         for: e.id,
         class: "form-label"
       }, [
-        w(b(e.label) + " ", 1),
-        e.required ? (i(), n("span", xa, "*")) : v("", !0)
-      ], 8, Ca)) : v("", !0),
+        B(b(e.label) + " ", 1),
+        e.required ? (i(), s("span", Na, "*")) : v("", !0)
+      ], 8, wa)) : v("", !0),
       h("select", {
         id: e.id,
         class: g(l.value),
@@ -1836,48 +1843,48 @@ const re = /* @__PURE__ */ C({
         size: e.htmlSize,
         "aria-invalid": e.validationState === "invalid",
         "aria-describedby": e.validationMessage || e.helpText ? `${e.id}-feedback` : void 0,
-        onChange: o,
-        onBlur: s,
-        onFocus: u
+        onChange: r,
+        onBlur: n,
+        onFocus: o
       }, [
-        e.placeholder && !e.multiple ? (i(), n("option", {
+        e.placeholder && !e.multiple ? (i(), s("option", {
           key: 0,
           value: "",
           disabled: "",
           selected: !e.modelValue
-        }, b(e.placeholder), 9, Ba)) : v("", !0),
-        (i(!0), n(F, null, z(e.options, (c) => (i(), n("option", {
+        }, b(e.placeholder), 9, Ma)) : v("", !0),
+        (i(!0), s(F, null, z(e.options, (c) => (i(), s("option", {
           key: c.value,
           value: c.value,
           disabled: c.disabled
-        }, b(c.text), 9, Na))), 128)),
+        }, b(c.text), 9, qa))), 128)),
         V(d.$slots, "default")
-      ], 42, wa),
-      e.helpText && !e.validationMessage ? (i(), n("div", {
+      ], 42, Ta),
+      e.helpText && !e.validationMessage ? (i(), s("div", {
         key: 1,
         id: `${e.id}-feedback`,
         class: "form-text"
-      }, b(e.helpText), 9, Ta)) : v("", !0),
-      e.validationState === "valid" ? (i(), n("div", Ma, b(e.validationMessage || "Looks good!"), 1)) : v("", !0),
-      e.validationState === "invalid" ? (i(), n("div", {
+      }, b(e.helpText), 9, Pa)) : v("", !0),
+      e.validationState === "valid" ? (i(), s("div", Fa, b(e.validationMessage || "Looks good!"), 1)) : v("", !0),
+      e.validationState === "invalid" ? (i(), s("div", {
         key: 3,
         id: `${e.id}-feedback`,
         class: "invalid-feedback",
         style: { display: "block" }
-      }, b(e.validationMessage || "Please select a valid option."), 9, qa)) : v("", !0)
+      }, b(e.validationMessage || "Please select a valid option."), 9, La)) : v("", !0)
     ]));
   }
-}), Fa = { class: "mb-3" }, La = ["for"], za = {
+}), ja = { class: "mb-3" }, Aa = ["for"], Ia = {
   key: 0,
   class: "text-danger"
-}, Aa = ["id", "value", "placeholder", "disabled", "readonly", "required", "rows", "maxlength", "aria-invalid", "aria-describedby"], ja = {
+}, Oa = ["id", "value", "placeholder", "disabled", "readonly", "required", "rows", "maxlength", "aria-invalid", "aria-describedby"], Ea = {
   key: 1,
   class: "form-text"
-}, Ia = ["id"], Oa = {
+}, Da = ["id"], Ra = {
   key: 3,
   class: "valid-feedback",
   style: { display: "block" }
-}, Ea = ["id"], Da = /* @__PURE__ */ C({
+}, Xa = ["id"], Ya = /* @__PURE__ */ C({
   __name: "VibeFormTextarea",
   props: {
     modelValue: {
@@ -1906,28 +1913,28 @@ const re = /* @__PURE__ */ C({
     const t = e, a = f, l = y(() => {
       const m = ["form-control"];
       return t.size && m.push(`form-control-${t.size}`), t.validationState === "valid" && m.push("is-valid"), t.validationState === "invalid" && m.push("is-invalid"), m.join(" ");
-    }), o = y(() => {
+    }), r = y(() => {
       const m = typeof t.modelValue == "string" ? t.modelValue : "";
       return m ? m.length : 0;
-    }), s = y(() => t.maxlength ? `${o.value} / ${t.maxlength}` : `${o.value}`), u = (m) => {
+    }), n = y(() => t.maxlength ? `${r.value} / ${t.maxlength}` : `${r.value}`), o = (m) => {
       const p = m.target;
       a("update:modelValue", p.value), a("input", m), t.validateOn === "input" && a("validate");
     }, d = (m) => {
       a("change", m), t.validateOn === "change" && a("validate");
-    }, r = (m) => {
+    }, u = (m) => {
       a("blur", m), t.validateOn === "blur" && a("validate");
     }, c = (m) => {
       a("focus", m);
     };
-    return (m, p) => (i(), n("div", Fa, [
-      e.label ? (i(), n("label", {
+    return (m, p) => (i(), s("div", ja, [
+      e.label ? (i(), s("label", {
         key: 0,
         for: e.id,
         class: "form-label"
       }, [
-        w(b(e.label) + " ", 1),
-        e.required ? (i(), n("span", za, "*")) : v("", !0)
-      ], 8, La)) : v("", !0),
+        B(b(e.label) + " ", 1),
+        e.required ? (i(), s("span", Ia, "*")) : v("", !0)
+      ], 8, Aa)) : v("", !0),
       h("textarea", {
         id: e.id,
         class: g(l.value),
@@ -1940,34 +1947,34 @@ const re = /* @__PURE__ */ C({
         maxlength: e.maxlength,
         "aria-invalid": e.validationState === "invalid",
         "aria-describedby": e.validationMessage || e.helpText ? `${e.id}-feedback` : void 0,
-        onInput: u,
+        onInput: o,
         onChange: d,
-        onBlur: r,
+        onBlur: u,
         onFocus: c
-      }, null, 42, Aa),
-      e.showCharCount ? (i(), n("div", ja, b(s.value), 1)) : v("", !0),
-      e.helpText && !e.validationMessage && !e.showCharCount ? (i(), n("div", {
+      }, null, 42, Oa),
+      e.showCharCount ? (i(), s("div", Ea, b(n.value), 1)) : v("", !0),
+      e.helpText && !e.validationMessage && !e.showCharCount ? (i(), s("div", {
         key: 2,
         id: `${e.id}-feedback`,
         class: "form-text"
-      }, b(e.helpText), 9, Ia)) : v("", !0),
-      e.validationState === "valid" ? (i(), n("div", Oa, b(e.validationMessage || "Looks good!"), 1)) : v("", !0),
-      e.validationState === "invalid" ? (i(), n("div", {
+      }, b(e.helpText), 9, Da)) : v("", !0),
+      e.validationState === "valid" ? (i(), s("div", Ra, b(e.validationMessage || "Looks good!"), 1)) : v("", !0),
+      e.validationState === "invalid" ? (i(), s("div", {
         key: 4,
         id: `${e.id}-feedback`,
         class: "invalid-feedback",
         style: { display: "block" }
-      }, b(e.validationMessage || "Please provide a valid value."), 9, Ea)) : v("", !0)
+      }, b(e.validationMessage || "Please provide a valid value."), 9, Xa)) : v("", !0)
     ]));
   }
-}), Ra = { class: "mb-3" }, Xa = ["for"], Ya = {
+}), Ga = { class: "mb-3" }, Ha = ["for"], Ka = {
   key: 0,
   class: "text-danger"
-}, Ga = ["disabled"], Ha = ["id", "value", "disabled", "readonly", "required", "min", "max", "step", "aria-invalid", "aria-describedby"], Ka = ["disabled"], Ua = ["id"], Qa = {
+}, Ua = ["disabled"], Qa = ["id", "value", "disabled", "readonly", "required", "min", "max", "step", "aria-invalid", "aria-describedby"], Wa = ["disabled"], Ja = ["id"], Za = {
   key: 2,
   class: "valid-feedback",
   style: { display: "block" }
-}, Wa = ["id"], Ja = /* @__PURE__ */ C({
+}, _a = ["id"], el = /* @__PURE__ */ C({
   __name: "VibeFormSpinbutton",
   props: {
     modelValue: {
@@ -1997,49 +2004,49 @@ const re = /* @__PURE__ */ C({
     const t = e, a = f, l = y(() => {
       const x = ["form-control"];
       return t.size && x.push(`form-control-${t.size}`), t.validationState === "valid" && x.push("is-valid"), t.validationState === "invalid" && x.push("is-invalid"), x.join(" ");
-    }), o = y(() => {
+    }), r = y(() => {
       const x = ["input-group"];
       return t.size && x.push(`input-group-${t.size}`), t.vertical && x.push("input-group-vertical"), x.join(" ");
-    }), s = y(() => t.disabled || t.readonly ? !1 : t.min === void 0 || t.wrap ? !0 : t.modelValue > t.min), u = y(() => t.disabled || t.readonly ? !1 : t.max === void 0 || t.wrap ? !0 : t.modelValue < t.max), d = (x) => {
-      const A = x.target;
-      let j = A.value === "" ? 0 : Number(A.value);
-      t.min !== void 0 && j < t.min && (j = t.min), t.max !== void 0 && j > t.max && (j = t.max), a("update:modelValue", j), a("input", x), t.validateOn === "input" && a("validate");
-    }, r = (x) => {
+    }), n = y(() => t.disabled || t.readonly ? !1 : t.min === void 0 || t.wrap ? !0 : t.modelValue > t.min), o = y(() => t.disabled || t.readonly ? !1 : t.max === void 0 || t.wrap ? !0 : t.modelValue < t.max), d = (x) => {
+      const j = x.target;
+      let A = j.value === "" ? 0 : Number(j.value);
+      t.min !== void 0 && A < t.min && (A = t.min), t.max !== void 0 && A > t.max && (A = t.max), a("update:modelValue", A), a("input", x), t.validateOn === "input" && a("validate");
+    }, u = (x) => {
       a("change", x), t.validateOn === "change" && a("validate");
     }, c = (x) => {
       a("blur", x), t.validateOn === "blur" && a("validate");
     }, m = (x) => {
       a("focus", x);
     }, p = () => {
-      if (!u.value) return;
+      if (!o.value) return;
       let x = t.modelValue + t.step;
       t.max !== void 0 && x > t.max && (x = t.wrap ? t.min ?? 0 : t.max), a("update:modelValue", x), a("increment", x), t.validateOn === "change" && a("validate");
-    }, B = () => {
-      if (!s.value) return;
+    }, w = () => {
+      if (!n.value) return;
       let x = t.modelValue - t.step;
       t.min !== void 0 && x < t.min && (x = t.wrap ? t.max ?? 0 : t.min), a("update:modelValue", x), a("decrement", x), t.validateOn === "change" && a("validate");
     };
-    return (x, A) => (i(), n("div", Ra, [
-      e.label ? (i(), n("label", {
+    return (x, j) => (i(), s("div", Ga, [
+      e.label ? (i(), s("label", {
         key: 0,
         for: e.id,
         class: "form-label"
       }, [
-        w(b(e.label) + " ", 1),
-        e.required ? (i(), n("span", Ya, "*")) : v("", !0)
-      ], 8, Xa)) : v("", !0),
+        B(b(e.label) + " ", 1),
+        e.required ? (i(), s("span", Ka, "*")) : v("", !0)
+      ], 8, Ha)) : v("", !0),
       h("div", {
-        class: g(o.value)
+        class: g(r.value)
       }, [
         h("button", {
           class: "btn btn-outline-secondary",
           type: "button",
-          disabled: !s.value,
-          onClick: B,
+          disabled: !n.value,
+          onClick: w,
           "aria-label": "Decrement"
-        }, [...A[0] || (A[0] = [
+        }, [...j[0] || (j[0] = [
           h("span", { "aria-hidden": "true" }, "−", -1)
-        ])], 8, Ga),
+        ])], 8, Ua),
         h("input", {
           id: e.id,
           type: "number",
@@ -2054,42 +2061,42 @@ const re = /* @__PURE__ */ C({
           "aria-invalid": e.validationState === "invalid",
           "aria-describedby": e.validationMessage || e.helpText ? `${e.id}-feedback` : void 0,
           onInput: d,
-          onChange: r,
+          onChange: u,
           onBlur: c,
           onFocus: m
-        }, null, 42, Ha),
+        }, null, 42, Qa),
         h("button", {
           class: "btn btn-outline-secondary",
           type: "button",
-          disabled: !u.value,
+          disabled: !o.value,
           onClick: p,
           "aria-label": "Increment"
-        }, [...A[1] || (A[1] = [
+        }, [...j[1] || (j[1] = [
           h("span", { "aria-hidden": "true" }, "+", -1)
-        ])], 8, Ka)
+        ])], 8, Wa)
       ], 2),
-      e.helpText && !e.validationMessage ? (i(), n("div", {
+      e.helpText && !e.validationMessage ? (i(), s("div", {
         key: 1,
         id: `${e.id}-feedback`,
         class: "form-text"
-      }, b(e.helpText), 9, Ua)) : v("", !0),
-      e.validationState === "valid" ? (i(), n("div", Qa, b(e.validationMessage || "Looks good!"), 1)) : v("", !0),
-      e.validationState === "invalid" ? (i(), n("div", {
+      }, b(e.helpText), 9, Ja)) : v("", !0),
+      e.validationState === "valid" ? (i(), s("div", Za, b(e.validationMessage || "Looks good!"), 1)) : v("", !0),
+      e.validationState === "invalid" ? (i(), s("div", {
         key: 3,
         id: `${e.id}-feedback`,
         class: "invalid-feedback",
         style: { display: "block" }
-      }, b(e.validationMessage || "Please provide a valid value."), 9, Wa)) : v("", !0)
+      }, b(e.validationMessage || "Please provide a valid value."), 9, _a)) : v("", !0)
     ]));
   }
-}), Za = /* @__PURE__ */ Q(Ja, [["__scopeId", "data-v-fbee244e"]]), _a = { class: "mb-3" }, el = ["for"], tl = {
+}), tl = /* @__PURE__ */ Q(el, [["__scopeId", "data-v-fbee244e"]]), al = { class: "mb-3" }, ll = ["for"], il = {
   key: 0,
   class: "text-danger"
-}, al = ["id", "type", "value", "disabled", "readonly", "required", "min", "max", "aria-invalid", "aria-describedby"], ll = ["id"], il = {
+}, nl = ["id", "type", "value", "disabled", "readonly", "required", "min", "max", "aria-invalid", "aria-describedby"], sl = ["id"], ol = {
   key: 2,
   class: "valid-feedback",
   style: { display: "block" }
-}, nl = ["id"], sl = /* @__PURE__ */ C({
+}, dl = ["id"], rl = /* @__PURE__ */ C({
   __name: "VibeFormDatepicker",
   props: {
     modelValue: {
@@ -2115,27 +2122,27 @@ const re = /* @__PURE__ */ C({
   emits: ["update:modelValue", "validate", "blur", "focus", "input", "change"],
   setup(e, { emit: f }) {
     const t = e, a = f, l = y(() => {
-      const r = ["form-control"];
-      return t.size && r.push(`form-control-${t.size}`), t.validationState === "valid" && r.push("is-valid"), t.validationState === "invalid" && r.push("is-invalid"), r.join(" ");
-    }), o = (r) => {
-      const c = r.target;
-      a("update:modelValue", c.value), a("input", r), t.validateOn === "input" && a("validate");
-    }, s = (r) => {
-      a("change", r), t.validateOn === "change" && a("validate");
-    }, u = (r) => {
-      a("blur", r), t.validateOn === "blur" && a("validate");
-    }, d = (r) => {
-      a("focus", r);
+      const u = ["form-control"];
+      return t.size && u.push(`form-control-${t.size}`), t.validationState === "valid" && u.push("is-valid"), t.validationState === "invalid" && u.push("is-invalid"), u.join(" ");
+    }), r = (u) => {
+      const c = u.target;
+      a("update:modelValue", c.value), a("input", u), t.validateOn === "input" && a("validate");
+    }, n = (u) => {
+      a("change", u), t.validateOn === "change" && a("validate");
+    }, o = (u) => {
+      a("blur", u), t.validateOn === "blur" && a("validate");
+    }, d = (u) => {
+      a("focus", u);
     };
-    return (r, c) => (i(), n("div", _a, [
-      e.label ? (i(), n("label", {
+    return (u, c) => (i(), s("div", al, [
+      e.label ? (i(), s("label", {
         key: 0,
         for: e.id,
         class: "form-label"
       }, [
-        w(b(e.label) + " ", 1),
-        e.required ? (i(), n("span", tl, "*")) : v("", !0)
-      ], 8, el)) : v("", !0),
+        B(b(e.label) + " ", 1),
+        e.required ? (i(), s("span", il, "*")) : v("", !0)
+      ], 8, ll)) : v("", !0),
       h("input", {
         id: e.id,
         type: e.type,
@@ -2148,33 +2155,33 @@ const re = /* @__PURE__ */ C({
         max: e.max,
         "aria-invalid": e.validationState === "invalid",
         "aria-describedby": e.validationMessage || e.helpText ? `${e.id}-feedback` : void 0,
-        onInput: o,
-        onChange: s,
-        onBlur: u,
+        onInput: r,
+        onChange: n,
+        onBlur: o,
         onFocus: d
-      }, null, 42, al),
-      e.helpText && !e.validationMessage ? (i(), n("div", {
+      }, null, 42, nl),
+      e.helpText && !e.validationMessage ? (i(), s("div", {
         key: 1,
         id: `${e.id}-feedback`,
         class: "form-text"
-      }, b(e.helpText), 9, ll)) : v("", !0),
-      e.validationState === "valid" ? (i(), n("div", il, b(e.validationMessage || "Looks good!"), 1)) : v("", !0),
-      e.validationState === "invalid" ? (i(), n("div", {
+      }, b(e.helpText), 9, sl)) : v("", !0),
+      e.validationState === "valid" ? (i(), s("div", ol, b(e.validationMessage || "Looks good!"), 1)) : v("", !0),
+      e.validationState === "invalid" ? (i(), s("div", {
         key: 3,
         id: `${e.id}-feedback`,
         class: "invalid-feedback",
         style: { display: "block" }
-      }, b(e.validationMessage || "Please provide a valid date."), 9, nl)) : v("", !0)
+      }, b(e.validationMessage || "Please provide a valid date."), 9, dl)) : v("", !0)
     ]));
   }
-}), ol = ["id", "checked", "value", "disabled", "required", "indeterminate", "aria-invalid", "aria-describedby"], dl = ["for"], rl = {
+}), ul = ["id", "checked", "value", "disabled", "required", "indeterminate", "aria-invalid", "aria-describedby"], cl = ["for"], fl = {
   key: 0,
   class: "text-danger"
-}, ul = ["id"], cl = {
+}, vl = ["id"], bl = {
   key: 2,
   class: "valid-feedback",
   style: { display: "block" }
-}, fl = ["id"], vl = /* @__PURE__ */ C({
+}, ml = ["id"], hl = /* @__PURE__ */ C({
   __name: "VibeFormCheckbox",
   props: {
     modelValue: {
@@ -2200,75 +2207,75 @@ const re = /* @__PURE__ */ C({
     const t = e, a = f, l = y(() => {
       const c = ["form-check-input"];
       return t.validationState === "valid" && c.push("is-valid"), t.validationState === "invalid" && c.push("is-invalid"), c.join(" ");
-    }), o = y(() => {
+    }), r = y(() => {
       const c = ["form-check"];
       return t.inline && c.push("form-check-inline"), c.join(" ");
-    }), s = y(() => Array.isArray(t.modelValue) ? t.modelValue.includes(t.value) : t.modelValue === t.value || t.modelValue === !0), u = (c) => {
+    }), n = y(() => Array.isArray(t.modelValue) ? t.modelValue.includes(t.value) : t.modelValue === t.value || t.modelValue === !0), o = (c) => {
       const m = c.target;
       let p;
       if (Array.isArray(t.modelValue))
         if (p = [...t.modelValue], m.checked)
           p.includes(t.value) || p.push(t.value);
         else {
-          const B = p.indexOf(t.value);
-          B > -1 && p.splice(B, 1);
+          const w = p.indexOf(t.value);
+          w > -1 && p.splice(w, 1);
         }
       else
         p = m.checked;
       a("update:modelValue", p), a("change", c), t.validateOn === "change" && a("validate");
     }, d = (c) => {
       a("blur", c), t.validateOn === "blur" && a("validate");
-    }, r = (c) => {
+    }, u = (c) => {
       a("focus", c);
     };
-    return (c, m) => (i(), n("div", {
-      class: g(o.value)
+    return (c, m) => (i(), s("div", {
+      class: g(r.value)
     }, [
       h("input", {
         id: e.id,
         type: "checkbox",
         class: g(l.value),
-        checked: s.value,
+        checked: n.value,
         value: e.value,
         disabled: e.disabled,
         required: e.required,
         indeterminate: e.indeterminate,
         "aria-invalid": e.validationState === "invalid",
         "aria-describedby": e.validationMessage || e.helpText ? `${e.id}-feedback` : void 0,
-        onChange: u,
+        onChange: o,
         onBlur: d,
-        onFocus: r
-      }, null, 42, ol),
-      e.label ? (i(), n("label", {
+        onFocus: u
+      }, null, 42, ul),
+      e.label ? (i(), s("label", {
         key: 0,
         for: e.id,
         class: "form-check-label"
       }, [
-        w(b(e.label) + " ", 1),
-        e.required ? (i(), n("span", rl, "*")) : v("", !0)
-      ], 8, dl)) : v("", !0),
-      e.helpText && !e.validationMessage ? (i(), n("div", {
+        B(b(e.label) + " ", 1),
+        e.required ? (i(), s("span", fl, "*")) : v("", !0)
+      ], 8, cl)) : v("", !0),
+      e.helpText && !e.validationMessage ? (i(), s("div", {
         key: 1,
         id: `${e.id}-feedback`,
         class: "form-text"
-      }, b(e.helpText), 9, ul)) : v("", !0),
-      e.validationState === "valid" ? (i(), n("div", cl, b(e.validationMessage || "Looks good!"), 1)) : v("", !0),
-      e.validationState === "invalid" ? (i(), n("div", {
+      }, b(e.helpText), 9, vl)) : v("", !0),
+      e.validationState === "valid" ? (i(), s("div", bl, b(e.validationMessage || "Looks good!"), 1)) : v("", !0),
+      e.validationState === "invalid" ? (i(), s("div", {
         key: 3,
         id: `${e.id}-feedback`,
         class: "invalid-feedback",
         style: { display: "block" }
-      }, b(e.validationMessage || "You must check this box."), 9, fl)) : v("", !0)
+      }, b(e.validationMessage || "You must check this box."), 9, ml)) : v("", !0)
     ], 2));
   }
-}), bl = ["id", "checked", "value", "name", "disabled", "required", "aria-invalid", "aria-describedby"], ml = ["for"], hl = {
+}), yl = ["id", "checked", "value", "name", "disabled", "required", "aria-invalid", "aria-describedby"], gl = ["for"], pl = {
   key: 0,
   class: "text-danger"
-}, yl = ["id"], gl = {
+}, $l = ["id"], kl = {
   key: 2,
   class: "valid-feedback",
   style: { display: "block" }
-}, pl = ["id"], $l = /* @__PURE__ */ C({
+}, Sl = ["id"], Vl = /* @__PURE__ */ C({
   __name: "VibeFormRadio",
   props: {
     modelValue: {
@@ -2294,64 +2301,64 @@ const re = /* @__PURE__ */ C({
     const t = e, a = f, l = y(() => {
       const c = ["form-check-input"];
       return t.validationState === "valid" && c.push("is-valid"), t.validationState === "invalid" && c.push("is-invalid"), c.join(" ");
-    }), o = y(() => {
+    }), r = y(() => {
       const c = ["form-check"];
       return t.inline && c.push("form-check-inline"), c.join(" ");
-    }), s = y(() => t.modelValue === t.value), u = (c) => {
+    }), n = y(() => t.modelValue === t.value), o = (c) => {
       c.target.checked && a("update:modelValue", t.value), a("change", c), t.validateOn === "change" && a("validate");
     }, d = (c) => {
       a("blur", c), t.validateOn === "blur" && a("validate");
-    }, r = (c) => {
+    }, u = (c) => {
       a("focus", c);
     };
-    return (c, m) => (i(), n("div", {
-      class: g(o.value)
+    return (c, m) => (i(), s("div", {
+      class: g(r.value)
     }, [
       h("input", {
         id: e.id,
         type: "radio",
         class: g(l.value),
-        checked: s.value,
+        checked: n.value,
         value: e.value,
         name: e.name,
         disabled: e.disabled,
         required: e.required,
         "aria-invalid": e.validationState === "invalid",
         "aria-describedby": e.validationMessage || e.helpText ? `${e.id}-feedback` : void 0,
-        onChange: u,
+        onChange: o,
         onBlur: d,
-        onFocus: r
-      }, null, 42, bl),
-      e.label ? (i(), n("label", {
+        onFocus: u
+      }, null, 42, yl),
+      e.label ? (i(), s("label", {
         key: 0,
         for: e.id,
         class: "form-check-label"
       }, [
-        w(b(e.label) + " ", 1),
-        e.required ? (i(), n("span", hl, "*")) : v("", !0)
-      ], 8, ml)) : v("", !0),
-      e.helpText && !e.validationMessage ? (i(), n("div", {
+        B(b(e.label) + " ", 1),
+        e.required ? (i(), s("span", pl, "*")) : v("", !0)
+      ], 8, gl)) : v("", !0),
+      e.helpText && !e.validationMessage ? (i(), s("div", {
         key: 1,
         id: `${e.id}-feedback`,
         class: "form-text"
-      }, b(e.helpText), 9, yl)) : v("", !0),
-      e.validationState === "valid" ? (i(), n("div", gl, b(e.validationMessage || "Looks good!"), 1)) : v("", !0),
-      e.validationState === "invalid" ? (i(), n("div", {
+      }, b(e.helpText), 9, $l)) : v("", !0),
+      e.validationState === "valid" ? (i(), s("div", kl, b(e.validationMessage || "Looks good!"), 1)) : v("", !0),
+      e.validationState === "invalid" ? (i(), s("div", {
         key: 3,
         id: `${e.id}-feedback`,
         class: "invalid-feedback",
         style: { display: "block" }
-      }, b(e.validationMessage || "Please select an option."), 9, pl)) : v("", !0)
+      }, b(e.validationMessage || "Please select an option."), 9, Sl)) : v("", !0)
     ], 2));
   }
-}), kl = { class: "form-check form-switch" }, Sl = ["id", "checked", "disabled", "required", "aria-invalid", "aria-describedby"], Vl = ["for"], Cl = {
+}), Cl = { class: "form-check form-switch" }, xl = ["id", "checked", "disabled", "required", "aria-invalid", "aria-describedby"], Bl = ["for"], wl = {
   key: 0,
   class: "text-danger"
-}, xl = ["id"], wl = {
+}, Nl = ["id"], Tl = {
   key: 2,
   class: "valid-feedback",
   style: { display: "block" }
-}, Bl = ["id"], Nl = /* @__PURE__ */ C({
+}, Ml = ["id"], ql = /* @__PURE__ */ C({
   __name: "VibeFormSwitch",
   props: {
     modelValue: {
@@ -2374,15 +2381,15 @@ const re = /* @__PURE__ */ C({
     const t = e, a = f, l = y(() => {
       const d = ["form-check-input"];
       return t.validationState === "valid" && d.push("is-valid"), t.validationState === "invalid" && d.push("is-invalid"), d.join(" ");
-    }), o = (d) => {
-      const r = d.target;
-      a("update:modelValue", r.checked), a("change", d), t.validateOn === "change" && a("validate");
-    }, s = (d) => {
+    }), r = (d) => {
+      const u = d.target;
+      a("update:modelValue", u.checked), a("change", d), t.validateOn === "change" && a("validate");
+    }, n = (d) => {
       a("blur", d), t.validateOn === "blur" && a("validate");
-    }, u = (d) => {
+    }, o = (d) => {
       a("focus", d);
     };
-    return (d, r) => (i(), n("div", kl, [
+    return (d, u) => (i(), s("div", Cl, [
       h("input", {
         id: e.id,
         type: "checkbox",
@@ -2393,47 +2400,47 @@ const re = /* @__PURE__ */ C({
         "aria-invalid": e.validationState === "invalid",
         "aria-describedby": e.validationMessage || e.helpText ? `${e.id}-feedback` : void 0,
         role: "switch",
-        onChange: o,
-        onBlur: s,
-        onFocus: u
-      }, null, 42, Sl),
-      e.label ? (i(), n("label", {
+        onChange: r,
+        onBlur: n,
+        onFocus: o
+      }, null, 42, xl),
+      e.label ? (i(), s("label", {
         key: 0,
         for: e.id,
         class: "form-check-label"
       }, [
-        w(b(e.label) + " ", 1),
-        e.required ? (i(), n("span", Cl, "*")) : v("", !0)
-      ], 8, Vl)) : v("", !0),
-      e.helpText && !e.validationMessage ? (i(), n("div", {
+        B(b(e.label) + " ", 1),
+        e.required ? (i(), s("span", wl, "*")) : v("", !0)
+      ], 8, Bl)) : v("", !0),
+      e.helpText && !e.validationMessage ? (i(), s("div", {
         key: 1,
         id: `${e.id}-feedback`,
         class: "form-text"
-      }, b(e.helpText), 9, xl)) : v("", !0),
-      e.validationState === "valid" ? (i(), n("div", wl, b(e.validationMessage || "Looks good!"), 1)) : v("", !0),
-      e.validationState === "invalid" ? (i(), n("div", {
+      }, b(e.helpText), 9, Nl)) : v("", !0),
+      e.validationState === "valid" ? (i(), s("div", Tl, b(e.validationMessage || "Looks good!"), 1)) : v("", !0),
+      e.validationState === "invalid" ? (i(), s("div", {
         key: 3,
         id: `${e.id}-feedback`,
         class: "invalid-feedback",
         style: { display: "block" }
-      }, b(e.validationMessage || "You must toggle this switch."), 9, Bl)) : v("", !0)
+      }, b(e.validationMessage || "You must toggle this switch."), 9, Ml)) : v("", !0)
     ]));
   }
-}), Tl = ["for"], Ml = {
+}), Pl = ["for"], Fl = {
   key: 0,
   class: "text-danger"
-}, ql = ["id"], Pl = {
+}, Ll = ["id"], zl = {
   key: 1,
   class: "valid-feedback",
   style: { display: "block" }
-}, Fl = ["id"], Ll = ["for"], zl = {
+}, jl = ["id"], Al = ["for"], Il = {
   key: 0,
   class: "text-danger"
-}, Al = ["id"], jl = {
+}, Ol = ["id"], El = {
   key: 2,
   class: "valid-feedback",
   style: { display: "block" }
-}, Il = ["id"], Ol = /* @__PURE__ */ C({
+}, Dl = ["id"], Rl = /* @__PURE__ */ C({
   __name: "VibeFormGroup",
   props: {
     label: { type: String, default: void 0 },
@@ -2449,77 +2456,77 @@ const re = /* @__PURE__ */ C({
   },
   setup(e) {
     const f = e, t = y(() => {
-      const s = [];
-      return f.floating ? s.push("form-floating") : f.row ? s.push("row", "mb-3") : s.push("mb-3"), s.join(" ");
+      const n = [];
+      return f.floating ? n.push("form-floating") : f.row ? n.push("row", "mb-3") : n.push("mb-3"), n.join(" ");
     }), a = y(() => {
-      const s = [];
-      return f.floating ? s.push("form-label") : f.row ? (s.push("col-form-label"), f.labelCols && s.push(`col-sm-${f.labelCols}`), f.labelAlign && s.push(`text-${f.labelAlign}`)) : s.push("form-label"), s.join(" ");
-    }), l = y(() => f.row && f.labelCols ? `col-sm-${12 - Number(f.labelCols)}` : ""), o = y(() => f.labelFor ? `${f.labelFor}-feedback` : void 0);
-    return (s, u) => (i(), n("div", {
+      const n = [];
+      return f.floating ? n.push("form-label") : f.row ? (n.push("col-form-label"), f.labelCols && n.push(`col-sm-${f.labelCols}`), f.labelAlign && n.push(`text-${f.labelAlign}`)) : n.push("form-label"), n.join(" ");
+    }), l = y(() => f.row && f.labelCols ? `col-sm-${12 - Number(f.labelCols)}` : ""), r = y(() => f.labelFor ? `${f.labelFor}-feedback` : void 0);
+    return (n, o) => (i(), s("div", {
       class: g(t.value)
     }, [
-      e.label && !e.floating ? (i(), n("label", {
+      e.label && !e.floating ? (i(), s("label", {
         key: 0,
         for: e.labelFor,
         class: g(a.value)
       }, [
-        w(b(e.label) + " ", 1),
-        e.required ? (i(), n("span", Ml, "*")) : v("", !0)
-      ], 10, Tl)) : v("", !0),
-      e.row && e.labelCols ? (i(), n("div", {
+        B(b(e.label) + " ", 1),
+        e.required ? (i(), s("span", Fl, "*")) : v("", !0)
+      ], 10, Pl)) : v("", !0),
+      e.row && e.labelCols ? (i(), s("div", {
         key: 1,
         class: g(l.value)
       }, [
-        V(s.$slots, "default"),
-        e.helpText && !e.validationMessage ? (i(), n("div", {
+        V(n.$slots, "default"),
+        e.helpText && !e.validationMessage ? (i(), s("div", {
           key: 0,
-          id: o.value,
+          id: r.value,
           class: "form-text"
-        }, b(e.helpText), 9, ql)) : v("", !0),
-        e.validationState === "valid" ? (i(), n("div", Pl, b(e.validationMessage || "Looks good!"), 1)) : v("", !0),
-        e.validationState === "invalid" ? (i(), n("div", {
+        }, b(e.helpText), 9, Ll)) : v("", !0),
+        e.validationState === "valid" ? (i(), s("div", zl, b(e.validationMessage || "Looks good!"), 1)) : v("", !0),
+        e.validationState === "invalid" ? (i(), s("div", {
           key: 2,
-          id: o.value,
+          id: r.value,
           class: "invalid-feedback",
           style: { display: "block" }
-        }, b(e.validationMessage || "Please provide a valid value."), 9, Fl)) : v("", !0)
-      ], 2)) : (i(), n(F, { key: 2 }, [
-        V(s.$slots, "default"),
-        e.label && e.floating ? (i(), n("label", {
+        }, b(e.validationMessage || "Please provide a valid value."), 9, jl)) : v("", !0)
+      ], 2)) : (i(), s(F, { key: 2 }, [
+        V(n.$slots, "default"),
+        e.label && e.floating ? (i(), s("label", {
           key: 0,
           for: e.labelFor,
           class: g(a.value)
         }, [
-          w(b(e.label) + " ", 1),
-          e.required ? (i(), n("span", zl, "*")) : v("", !0)
-        ], 10, Ll)) : v("", !0),
-        e.helpText && !e.validationMessage ? (i(), n("div", {
+          B(b(e.label) + " ", 1),
+          e.required ? (i(), s("span", Il, "*")) : v("", !0)
+        ], 10, Al)) : v("", !0),
+        e.helpText && !e.validationMessage ? (i(), s("div", {
           key: 1,
-          id: o.value,
+          id: r.value,
           class: "form-text"
-        }, b(e.helpText), 9, Al)) : v("", !0),
-        e.validationState === "valid" ? (i(), n("div", jl, b(e.validationMessage || "Looks good!"), 1)) : v("", !0),
-        e.validationState === "invalid" ? (i(), n("div", {
+        }, b(e.helpText), 9, Ol)) : v("", !0),
+        e.validationState === "valid" ? (i(), s("div", El, b(e.validationMessage || "Looks good!"), 1)) : v("", !0),
+        e.validationState === "invalid" ? (i(), s("div", {
           key: 3,
-          id: o.value,
+          id: r.value,
           class: "invalid-feedback",
           style: { display: "block" }
-        }, b(e.validationMessage || "Please provide a valid value."), 9, Il)) : v("", !0)
+        }, b(e.validationMessage || "Please provide a valid value."), 9, Dl)) : v("", !0)
       ], 64))
     ], 2));
   }
-}), El = { class: "mb-3" }, Dl = ["for"], Rl = {
+}), Xl = { class: "mb-3" }, Yl = ["for"], Gl = {
   key: 0,
   class: "text-danger"
-}, Xl = {
+}, Hl = {
   key: 1,
   class: "alert alert-warning",
   role: "alert"
-}, Yl = ["id"], Gl = ["id"], Hl = {
+}, Kl = ["id"], Ul = ["id"], Ql = {
   key: 4,
   class: "valid-feedback",
   style: { display: "block" }
-}, Kl = ["id"], Ul = /* @__PURE__ */ C({
+}, Wl = ["id"], Jl = /* @__PURE__ */ C({
   __name: "VibeFormWysiwyg",
   props: {
     modelValue: {
@@ -2543,19 +2550,19 @@ const re = /* @__PURE__ */ C({
   },
   emits: ["update:modelValue", "validate", "blur", "focus", "change", "ready"],
   setup(e, { emit: f }) {
-    const t = e, a = f, l = T(null), o = T(null), s = T(!1), u = T(null), d = T(!1), r = T(null), c = T(null), m = T(null), p = y(() => {
+    const t = e, a = f, l = T(null), r = T(null), n = T(!1), o = T(null), d = T(!1), u = T(null), c = T(null), m = T(null), p = y(() => {
       const N = ["vibe-wysiwyg-container"];
       return t.validationState === "valid" && N.push("is-valid"), t.validationState === "invalid" && N.push("is-invalid"), t.disabled && N.push("disabled"), N.join(" ");
-    }), B = [
+    }), w = [
       [{ header: [1, 2, 3, !1] }],
       ["bold", "italic", "underline", "strike"],
       [{ list: "ordered" }, { list: "bullet" }],
       [{ color: [] }, { background: [] }],
       ["link", "image"],
       ["clean"]
-    ], x = () => t.toolbar === !1 ? !1 : t.toolbar === !0 || t.toolbar === void 0 ? B : t.toolbar, A = (N) => {
-      o.value && (d.value = !0, o.value.setContents([], "silent"), N && o.value.clipboard.dangerouslyPasteHTML(N, "silent"), d.value = !1);
-    }, j = () => !o.value || o.value.getText().trim().length === 0 ? "" : o.value.getSemanticHTML();
+    ], x = () => t.toolbar === !1 ? !1 : t.toolbar === !0 || t.toolbar === void 0 ? w : t.toolbar, j = (N) => {
+      r.value && (d.value = !0, r.value.setContents([], "silent"), N && r.value.clipboard.dangerouslyPasteHTML(N, "silent"), d.value = !1);
+    }, A = () => !r.value || r.value.getText().trim().length === 0 ? "" : r.value.getSemanticHTML();
     return G(async () => {
       try {
         const N = await import("quill"), O = N.default || N;
@@ -2568,38 +2575,38 @@ const re = /* @__PURE__ */ C({
               toolbar: x()
             }
           };
-          o.value = new O(l.value, K), t.modelValue && A(t.modelValue), m.value = () => {
+          r.value = new O(l.value, K), t.modelValue && j(t.modelValue), m.value = () => {
             if (d.value) return;
-            const U = j();
+            const U = A();
             a("update:modelValue", U), a("change"), t.validateOn === "change" && a("validate");
-          }, o.value.on("text-change", m.value), r.value = () => {
+          }, r.value.on("text-change", m.value), u.value = () => {
             a("blur"), t.validateOn === "blur" && a("validate");
-          }, o.value.root.addEventListener("blur", r.value), c.value = () => {
+          }, r.value.root.addEventListener("blur", u.value), c.value = () => {
             a("focus");
-          }, o.value.root.addEventListener("focus", c.value), s.value = !0, a("ready", o.value);
+          }, r.value.root.addEventListener("focus", c.value), n.value = !0, a("ready", r.value);
         }
       } catch (N) {
-        console.error("Failed to load Quill editor:", N), u.value = "Failed to load WYSIWYG editor. Please install quill: npm install quill", s.value = !1;
+        console.error("Failed to load Quill editor:", N), o.value = "Failed to load WYSIWYG editor. Please install quill: npm install quill", n.value = !1;
       }
     }), H(() => {
-      o.value && (m.value && (o.value.off("text-change", m.value), m.value = null), r.value && (o.value.root.removeEventListener("blur", r.value), r.value = null), c.value && (o.value.root.removeEventListener("focus", c.value), c.value = null), o.value = null);
+      r.value && (m.value && (r.value.off("text-change", m.value), m.value = null), u.value && (r.value.root.removeEventListener("blur", u.value), u.value = null), c.value && (r.value.root.removeEventListener("focus", c.value), c.value = null), r.value = null);
     }), E(() => t.modelValue, (N) => {
-      if (!o.value) return;
-      j() !== (N || "") && A(N || "");
+      if (!r.value) return;
+      A() !== (N || "") && j(N || "");
     }), E(() => t.disabled, (N) => {
-      o.value && o.value.enable(!N);
+      r.value && r.value.enable(!N);
     }), E(() => t.readonly, (N) => {
-      o.value && o.value.enable(!N);
-    }), (N, O) => (i(), n("div", El, [
-      e.label ? (i(), n("label", {
+      r.value && r.value.enable(!N);
+    }), (N, O) => (i(), s("div", Xl, [
+      e.label ? (i(), s("label", {
         key: 0,
         for: e.id,
         class: "form-label"
       }, [
-        w(b(e.label) + " ", 1),
-        e.required ? (i(), n("span", Rl, "*")) : v("", !0)
-      ], 8, Dl)) : v("", !0),
-      u.value ? (i(), n("div", Xl, b(u.value), 1)) : (i(), n("div", {
+        B(b(e.label) + " ", 1),
+        e.required ? (i(), s("span", Gl, "*")) : v("", !0)
+      ], 8, Yl)) : v("", !0),
+      o.value ? (i(), s("div", Hl, b(o.value), 1)) : (i(), s("div", {
         key: 2,
         class: g(p.value),
         style: D({ minHeight: e.height })
@@ -2608,47 +2615,47 @@ const re = /* @__PURE__ */ C({
           ref_key: "editorContainer",
           ref: l,
           id: e.id
-        }, null, 8, Yl)
+        }, null, 8, Kl)
       ], 6)),
-      e.helpText && !e.validationMessage ? (i(), n("div", {
+      e.helpText && !e.validationMessage ? (i(), s("div", {
         key: 3,
         id: `${e.id}-feedback`,
         class: "form-text"
-      }, b(e.helpText), 9, Gl)) : v("", !0),
-      e.validationState === "valid" ? (i(), n("div", Hl, b(e.validationMessage || "Looks good!"), 1)) : v("", !0),
-      e.validationState === "invalid" ? (i(), n("div", {
+      }, b(e.helpText), 9, Ul)) : v("", !0),
+      e.validationState === "valid" ? (i(), s("div", Ql, b(e.validationMessage || "Looks good!"), 1)) : v("", !0),
+      e.validationState === "invalid" ? (i(), s("div", {
         key: 5,
         id: `${e.id}-feedback`,
         class: "invalid-feedback",
         style: { display: "block" }
-      }, b(e.validationMessage || "Please provide valid content."), 9, Kl)) : v("", !0)
+      }, b(e.validationMessage || "Please provide valid content."), 9, Wl)) : v("", !0)
     ]));
   }
-}), Ql = /* @__PURE__ */ Q(Ul, [["__scopeId", "data-v-8e6e81b0"]]), Jl = {
+}), Zl = /* @__PURE__ */ Q(Jl, [["__scopeId", "data-v-8e6e81b0"]]), ei = {
   install(e) {
-    e.component("VibeAlert", re), e.component("VibeBadge", ue), e.component("VibeButton", ce), e.component("VibeButtonGroup", ve), e.component("VibeCloseButton", me), e.component("VibeSpinner", ye), e.component("VibePlaceholder", ge), e.component("VibeContainer", pe), e.component("VibeRow", $e), e.component("VibeCol", ke), e.component("VibeCard", Te), e.component("VibeBreadcrumb", Fe), e.component("VibeNav", Le), e.component("VibeNavbar", ze), e.component("VibeNavbarBrand", Ae), e.component("VibeNavbarToggle", Ie), e.component("VibeNavbarNav", Oe), e.component("VibePagination", Ye), e.component("VibeTabContent", He), e.component("VibeListGroup", Ke), e.component("VibeProgress", Qe), e.component("VibeAccordion", tt), e.component("VibeCollapse", at), e.component("VibeDropdown", rt), e.component("VibeModal", ht), e.component("VibeOffcanvas", kt), e.component("VibeToast", wt), e.component("VibeCarousel", It), e.component("VibeTooltip", Et), e.component("VibePopover", Rt), e.component("VibeScrollspy", Xt), e.component("VibeIcon", Yt), e.component("VibeDataTable", ba), e.component("VibeFormInput", Sa), e.component("VibeFormSelect", Pa), e.component("VibeFormTextarea", Da), e.component("VibeFormSpinbutton", Za), e.component("VibeFormDatepicker", sl), e.component("VibeFormCheckbox", vl), e.component("VibeFormRadio", $l), e.component("VibeFormSwitch", Nl), e.component("VibeFormGroup", Ol), e.component("VibeFormWysiwyg", Ql);
+    e.component("VibeAlert", fe), e.component("VibeBadge", ve), e.component("VibeButton", be), e.component("VibeButtonGroup", he), e.component("VibeCloseButton", ge), e.component("VibeSpinner", $e), e.component("VibePlaceholder", ke), e.component("VibeContainer", Se), e.component("VibeRow", Ve), e.component("VibeCol", Ce), e.component("VibeCard", Pe), e.component("VibeBreadcrumb", je), e.component("VibeNav", Ae), e.component("VibeNavbar", Ie), e.component("VibeNavbarBrand", Oe), e.component("VibeNavbarToggle", De), e.component("VibeNavbarNav", Re), e.component("VibePagination", Ke), e.component("VibeTabContent", Qe), e.component("VibeListGroup", We), e.component("VibeProgress", Ze), e.component("VibeAccordion", it), e.component("VibeCollapse", nt), e.component("VibeDropdown", ft), e.component("VibeModal", pt), e.component("VibeOffcanvas", Ct), e.component("VibeToast", Tt), e.component("VibeCarousel", Dt), e.component("VibeTooltip", Xt), e.component("VibePopover", Gt), e.component("VibeScrollspy", Ht), e.component("VibeIcon", Kt), e.component("VibeDataTable", ya), e.component("VibeFormInput", xa), e.component("VibeFormSelect", za), e.component("VibeFormTextarea", Ya), e.component("VibeFormSpinbutton", tl), e.component("VibeFormDatepicker", rl), e.component("VibeFormCheckbox", hl), e.component("VibeFormRadio", Vl), e.component("VibeFormSwitch", ql), e.component("VibeFormGroup", Rl), e.component("VibeFormWysiwyg", Zl);
   }
 };
-function Zl(e = "") {
-  const f = T(e), t = T(null), a = T(""), l = T(!1), o = T(!1), s = T(!1), u = async (B) => {
-    if (!B)
+function ti(e = "") {
+  const f = T(e), t = T(null), a = T(""), l = T(!1), r = T(!1), n = T(!1), o = async (w) => {
+    if (!w)
       return t.value = null, a.value = "", { valid: !0 };
-    s.value = !0;
+    n.value = !0;
     try {
-      const x = Array.isArray(B) ? B : [{ validator: B }];
-      for (const A of x) {
-        const j = await A.validator(f.value);
-        if (j === !1 || typeof j == "string")
-          return t.value = "invalid", a.value = typeof j == "string" ? j : A.message || "Invalid value", s.value = !1, { valid: !1, message: a.value };
+      const x = Array.isArray(w) ? w : [{ validator: w }];
+      for (const j of x) {
+        const A = await j.validator(f.value);
+        if (A === !1 || typeof A == "string")
+          return t.value = "invalid", a.value = typeof A == "string" ? A : j.message || "Invalid value", n.value = !1, { valid: !1, message: a.value };
       }
-      return t.value = "valid", a.value = "", s.value = !1, { valid: !0 };
+      return t.value = "valid", a.value = "", n.value = !1, { valid: !0 };
     } catch {
-      return t.value = "invalid", a.value = "Validation error occurred", s.value = !1, { valid: !1, message: a.value };
+      return t.value = "invalid", a.value = "Validation error occurred", n.value = !1, { valid: !1, message: a.value };
     }
   }, d = () => {
-    f.value = e, t.value = null, a.value = "", l.value = !1, o.value = !1, s.value = !1;
-  }, r = () => {
-    o.value = !0;
+    f.value = e, t.value = null, a.value = "", l.value = !1, r.value = !1, n.value = !1;
+  }, u = () => {
+    r.value = !0;
   }, c = () => {
     l.value = !0;
   }, m = y(() => t.value === "valid"), p = y(() => t.value === "invalid");
@@ -2657,17 +2664,17 @@ function Zl(e = "") {
     validationState: t,
     validationMessage: a,
     isDirty: l,
-    isTouched: o,
-    isValidating: s,
+    isTouched: r,
+    isValidating: n,
     isValid: m,
     isInvalid: p,
-    validate: u,
+    validate: o,
     reset: d,
-    markAsTouched: r,
+    markAsTouched: u,
     markAsDirty: c
   };
 }
-const _l = {
+const ai = {
   required: (e = "This field is required") => ({
     validator: (f) => Array.isArray(f) ? f.length > 0 || e : typeof f == "string" ? f.trim().length > 0 || e : f != null && f !== "" || e,
     message: e
@@ -2721,50 +2728,50 @@ const _l = {
   })
 };
 export {
-  tt as VibeAccordion,
-  re as VibeAlert,
-  ue as VibeBadge,
-  Fe as VibeBreadcrumb,
-  ce as VibeButton,
-  ve as VibeButtonGroup,
-  Te as VibeCard,
-  It as VibeCarousel,
-  me as VibeCloseButton,
-  ke as VibeCol,
-  at as VibeCollapse,
-  pe as VibeContainer,
-  ba as VibeDataTable,
-  rt as VibeDropdown,
-  vl as VibeFormCheckbox,
-  sl as VibeFormDatepicker,
-  Ol as VibeFormGroup,
-  Sa as VibeFormInput,
-  $l as VibeFormRadio,
-  Pa as VibeFormSelect,
-  Za as VibeFormSpinbutton,
-  Nl as VibeFormSwitch,
-  Da as VibeFormTextarea,
-  Ql as VibeFormWysiwyg,
-  Yt as VibeIcon,
-  Ke as VibeListGroup,
-  ht as VibeModal,
-  Le as VibeNav,
-  ze as VibeNavbar,
-  Ae as VibeNavbarBrand,
-  Oe as VibeNavbarNav,
-  Ie as VibeNavbarToggle,
-  kt as VibeOffcanvas,
-  Ye as VibePagination,
-  ge as VibePlaceholder,
-  Rt as VibePopover,
-  Qe as VibeProgress,
-  $e as VibeRow,
-  Xt as VibeScrollspy,
-  ye as VibeSpinner,
-  He as VibeTabContent,
-  wt as VibeToast,
-  Et as VibeTooltip,
-  Jl as default,
-  Zl as useFormValidation,
-  _l as validators
+  it as VibeAccordion,
+  fe as VibeAlert,
+  ve as VibeBadge,
+  je as VibeBreadcrumb,
+  be as VibeButton,
+  he as VibeButtonGroup,
+  Pe as VibeCard,
+  Dt as VibeCarousel,
+  ge as VibeCloseButton,
+  Ce as VibeCol,
+  nt as VibeCollapse,
+  Se as VibeContainer,
+  ya as VibeDataTable,
+  ft as VibeDropdown,
+  hl as VibeFormCheckbox,
+  rl as VibeFormDatepicker,
+  Rl as VibeFormGroup,
+  xa as VibeFormInput,
+  Vl as VibeFormRadio,
+  za as VibeFormSelect,
+  tl as VibeFormSpinbutton,
+  ql as VibeFormSwitch,
+  Ya as VibeFormTextarea,
+  Zl as VibeFormWysiwyg,
+  Kt as VibeIcon,
+  We as VibeListGroup,
+  pt as VibeModal,
+  Ae as VibeNav,
+  Ie as VibeNavbar,
+  Oe as VibeNavbarBrand,
+  Re as VibeNavbarNav,
+  De as VibeNavbarToggle,
+  Ct as VibeOffcanvas,
+  Ke as VibePagination,
+  ke as VibePlaceholder,
+  Gt as VibePopover,
+  Ze as VibeProgress,
+  Ve as VibeRow,
+  Ht as VibeScrollspy,
+  $e as VibeSpinner,
+  Qe as VibeTabContent,
+  Tt as VibeToast,
+  Xt as VibeTooltip,
+  ei as default,
+  ti as useFormValidation,
+  ai as validators
 };