@velkymx/vibeui 0.5.2 → 0.5.4

package/dist/vibeui.es.js

@@ -1,5 +1,5 @@
-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({
+import { defineComponent as x, computed as y, openBlock as i, createElementBlock as s, normalizeClass as g, renderSlot as C, createTextVNode as w, toDisplayString as m, createCommentVNode as b, createBlock as q, resolveDynamicComponent as P, withCtx as F, createElementVNode as h, normalizeStyle as D, Fragment as M, renderList as A, 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__ */ x({
   __name: "VibeAlert",
   props: {
     variant: { type: String, default: "primary" },
@@ -11,35 +11,35 @@ const fe = /* @__PURE__ */ C({
   setup(e, { emit: f }) {
     const t = e, a = f, l = y({
       get: () => t.modelValue,
-      set: (n) => a("update:modelValue", n)
+      set: (d) => a("update:modelValue", d)
     }), r = () => {
       try {
         l.value = !1;
-      } catch (n) {
+      } catch (d) {
         a("component-error", {
           message: "Dismiss failed",
           componentName: "VibeAlert",
-          originalError: n
+          originalError: d
         });
       }
     };
-    return (n, o) => l.value ? (i(), s("div", {
+    return (d, u) => l.value ? (i(), s("div", {
       key: 0,
       class: g(`alert alert-${e.variant}`),
       role: "alert"
     }, [
-      V(n.$slots, "default", {}, () => [
-        B(b(e.message), 1)
+      C(d.$slots, "default", {}, () => [
+        w(m(e.message), 1)
       ]),
       e.dismissable ? (i(), s("button", {
         key: 0,
         class: "btn-close",
         onClick: r,
         "aria-label": "Close"
-      })) : v("", !0)
-    ], 2)) : v("", !0);
+      })) : b("", !0)
+    ], 2)) : b("", !0);
   }
-}), ve = /* @__PURE__ */ C({
+}), ve = /* @__PURE__ */ x({
   __name: "VibeBadge",
   props: {
     variant: { type: String, default: "primary" },
@@ -52,16 +52,16 @@ const fe = /* @__PURE__ */ C({
       const l = ["badge", `bg-${t.variant}`];
       return t.pill && l.push("rounded-pill"), l.join(" ");
     });
-    return (l, r) => (i(), M(q(e.tag), {
+    return (l, r) => (i(), q(P(e.tag), {
       class: g(a.value)
     }, {
-      default: P(() => [
-        V(l.$slots, "default")
+      default: F(() => [
+        C(l.$slots, "default")
       ]),
       _: 3
     }, 8, ["class"]));
   }
-}), be = /* @__PURE__ */ C({
+}), be = /* @__PURE__ */ x({
   __name: "VibeButton",
   props: {
     variant: { type: String, default: "primary" },
@@ -76,27 +76,27 @@ const fe = /* @__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"), 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);
+      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(" ");
+    }), d = (u) => {
+      t.disabled || a("click", u);
     };
-    return (o, d) => (i(), M(q(l.value), {
+    return (u, o) => (i(), q(P(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: n
+      onClick: d
     }, {
-      default: P(() => [
-        V(o.$slots, "default")
+      default: F(() => [
+        C(u.$slots, "default")
       ]),
       _: 3
     }, 8, ["class", "type", "href", "to", "disabled", "aria-disabled"]));
   }
-}), me = ["role", "aria-label"], he = /* @__PURE__ */ C({
+}), me = ["role", "aria-label"], he = /* @__PURE__ */ x({
   __name: "VibeButtonGroup",
   props: {
     size: { type: String, default: void 0 },
@@ -115,10 +115,10 @@ const fe = /* @__PURE__ */ C({
       role: e.role,
       "aria-label": e.ariaLabel
     }, [
-      V(l.$slots, "default")
+      C(l.$slots, "default")
     ], 10, me));
   }
-}), ye = ["disabled", "aria-label"], ge = /* @__PURE__ */ C({
+}), ye = ["disabled", "aria-label"], ge = /* @__PURE__ */ x({
   __name: "VibeCloseButton",
   props: {
     disabled: { type: Boolean, default: !1 },
@@ -130,7 +130,7 @@ const fe = /* @__PURE__ */ C({
     const t = e, a = f, l = (r) => {
       t.disabled || a("click", r);
     };
-    return (r, n) => (i(), s("button", {
+    return (r, d) => (i(), s("button", {
       type: "button",
       class: g(["btn-close", { "btn-close-white": e.white }]),
       disabled: e.disabled,
@@ -138,7 +138,7 @@ const fe = /* @__PURE__ */ C({
       onClick: l
     }, null, 10, ye));
   }
-}), pe = { class: "visually-hidden" }, $e = /* @__PURE__ */ C({
+}), pe = { class: "visually-hidden" }, ke = /* @__PURE__ */ x({
   __name: "VibeSpinner",
   props: {
     variant: { type: String, default: void 0 },
@@ -153,17 +153,17 @@ const fe = /* @__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, r) => (i(), M(q(e.tag), {
+    return (l, r) => (i(), q(P(e.tag), {
       class: g(a.value),
       role: "status"
     }, {
-      default: P(() => [
-        h("span", pe, b(e.label), 1)
+      default: F(() => [
+        h("span", pe, m(e.label), 1)
       ]),
       _: 1
     }, 8, ["class"]));
   }
-}), ke = /* @__PURE__ */ C({
+}), $e = /* @__PURE__ */ x({
   __name: "VibePlaceholder",
   props: {
     variant: { type: String, default: void 0 },
@@ -175,29 +175,29 @@ const fe = /* @__PURE__ */ C({
   emits: ["component-error"],
   setup(e, { emit: f }) {
     const t = e, a = y(() => {
-      const n = ["placeholder"];
-      return t.variant && n.push(`bg-${t.variant}`), t.size && n.push(`placeholder-${t.size}`), n.join(" ");
+      const d = ["placeholder"];
+      return t.variant && d.push(`bg-${t.variant}`), t.size && d.push(`placeholder-${t.size}`), d.join(" ");
     }), l = y(() => {
       if (t.animation) return `placeholder-${t.animation}`;
     }), r = y(() => {
       if (t.width)
         return { width: typeof t.width == "number" ? `${t.width}%` : t.width };
     });
-    return (n, o) => (i(), M(q(e.tag), {
+    return (d, u) => (i(), q(P(e.tag), {
       class: g(l.value)
     }, {
-      default: P(() => [
+      default: F(() => [
         h("span", {
           class: g(a.value),
           style: D(r.value)
         }, [
-          V(n.$slots, "default")
+          C(d.$slots, "default")
         ], 6)
       ]),
       _: 3
     }, 8, ["class"]));
   }
-}), Se = /* @__PURE__ */ C({
+}), Se = /* @__PURE__ */ x({
   __name: "VibeContainer",
   props: {
     fluid: { type: [Boolean, String], default: !1 },
@@ -206,16 +206,16 @@ const fe = /* @__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, r) => (i(), M(q(e.tag), {
+    return (l, r) => (i(), q(P(e.tag), {
       class: g(a.value)
     }, {
-      default: P(() => [
-        V(l.$slots, "default")
+      default: F(() => [
+        C(l.$slots, "default")
       ]),
       _: 3
     }, 8, ["class"]));
   }
-}), Ve = /* @__PURE__ */ C({
+}), Ve = /* @__PURE__ */ x({
   __name: "VibeRow",
   props: {
     tag: { type: String, default: "div" },
@@ -256,28 +256,28 @@ const fe = /* @__PURE__ */ C({
       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 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]}`);
+      return r.forEach((d) => {
+        const u = d.charAt(0).toUpperCase() + d.slice(1), o = `gutters${u}`;
+        t[o] !== void 0 && l.push(`g-${d}-${t[o]}`);
+        const n = `guttersX${u}`;
+        t[n] !== void 0 && l.push(`gx-${d}-${t[n]}`);
+        const c = `guttersY${u}`;
+        t[c] !== void 0 && l.push(`gy-${d}-${t[c]}`);
+      }), t.rowCols !== void 0 && l.push(`row-cols-${t.rowCols}`), r.forEach((d) => {
+        const u = `rowCols${d.charAt(0).toUpperCase() + d.slice(1)}`;
+        t[u] !== void 0 && l.push(`row-cols-${d}-${t[u]}`);
       }), t.alignItems && l.push(`align-items-${t.alignItems}`), t.justifyContent && l.push(`justify-content-${t.justifyContent}`), l.join(" ");
     });
-    return (l, r) => (i(), M(q(e.tag), {
+    return (l, r) => (i(), q(P(e.tag), {
       class: g(a.value)
     }, {
-      default: P(() => [
-        V(l.$slots, "default")
+      default: F(() => [
+        C(l.$slots, "default")
       ]),
       _: 3
     }, 8, ["class"]));
   }
-}), Ce = /* @__PURE__ */ C({
+}), Ce = /* @__PURE__ */ x({
   __name: "VibeCol",
   props: {
     tag: { type: String, default: "div" },
@@ -315,23 +315,23 @@ const fe = /* @__PURE__ */ C({
         { name: "lg", value: t.lg },
         { name: "xl", value: t.xl },
         { name: "xxl", value: t.xxl }
-      ].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}`);
+      ].forEach(({ name: u, value: o }) => {
+        o === !0 ? l.push(`col-${u}`) : o === "auto" ? l.push(`col-${u}-auto`) : o !== void 0 && l.push(`col-${u}-${o}`);
       })) : 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, r) => (i(), M(q(e.tag), {
+    return (l, r) => (i(), q(P(e.tag), {
       class: g(a.value)
     }, {
-      default: P(() => [
-        V(l.$slots, "default")
+      default: F(() => [
+        C(l.$slots, "default")
       ]),
       _: 3
     }, 8, ["class"]));
   }
-}), xe = ["src", "alt"], Be = {
+}), xe = ["src", "alt"], we = {
   key: 1,
   class: "card-header"
-}, we = {
+}, Be = {
   key: 2,
   class: "card-body"
 }, Ne = {
@@ -343,7 +343,7 @@ const fe = /* @__PURE__ */ C({
 }, Me = {
   key: 3,
   class: "card-footer"
-}, qe = ["src", "alt"], Pe = /* @__PURE__ */ C({
+}, qe = ["src", "alt"], Pe = /* @__PURE__ */ x({
   __name: "VibeCard",
   props: {
     variant: { type: String, default: void 0 },
@@ -365,52 +365,52 @@ const fe = /* @__PURE__ */ C({
   setup(e, { emit: f }) {
     const t = e, a = y(() => {
       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 t.variant && l.push(`text-bg-${t.variant}`), t.border && l.push(`border-${t.border}`), t.textVariant && l.push(`text-${t.textVariant}`), l.join(" ");
     });
-    return (l, r) => (i(), M(q(e.tag), {
+    return (l, r) => (i(), q(P(e.tag), {
       class: g(a.value)
     }, {
-      default: P(() => [
+      default: F(() => [
         e.imgSrc && e.imgTop ? (i(), s("img", {
           key: 0,
           src: e.imgSrc,
           alt: e.imgAlt,
           class: "card-img-top"
-        }, null, 8, xe)) : v("", !0),
-        e.header || l.$slots.header ? (i(), s("div", Be, [
-          V(l.$slots, "header", {}, () => [
-            B(b(e.header), 1)
+        }, null, 8, xe)) : b("", !0),
+        e.header || l.$slots.header ? (i(), s("div", we, [
+          C(l.$slots, "header", {}, () => [
+            w(m(e.header), 1)
           ])
-        ])) : v("", !0),
-        e.title || e.body || l.$slots.default || l.$slots.body ? (i(), s("div", we, [
+        ])) : b("", !0),
+        e.title || e.body || l.$slots.default || l.$slots.body ? (i(), s("div", Be, [
           e.title || l.$slots.title ? (i(), s("h5", Ne, [
-            V(l.$slots, "title", {}, () => [
-              B(b(e.title), 1)
+            C(l.$slots, "title", {}, () => [
+              w(m(e.title), 1)
             ])
-          ])) : v("", !0),
+          ])) : b("", !0),
           e.body || l.$slots.body ? (i(), s("p", Te, [
-            V(l.$slots, "body", {}, () => [
-              B(b(e.body), 1)
+            C(l.$slots, "body", {}, () => [
+              w(m(e.body), 1)
             ])
-          ])) : v("", !0),
-          V(l.$slots, "default")
-        ])) : v("", !0),
+          ])) : b("", !0),
+          C(l.$slots, "default")
+        ])) : b("", !0),
         e.footer || l.$slots.footer ? (i(), s("div", Me, [
-          V(l.$slots, "footer", {}, () => [
-            B(b(e.footer), 1)
+          C(l.$slots, "footer", {}, () => [
+            w(m(e.footer), 1)
           ])
-        ])) : v("", !0),
+        ])) : b("", !0),
         e.imgSrc && e.imgBottom ? (i(), s("img", {
           key: 4,
           src: e.imgSrc,
           alt: e.imgAlt,
           class: "card-img-bottom"
-        }, null, 8, qe)) : v("", !0)
+        }, null, 8, qe)) : b("", !0)
       ]),
       _: 3
     }, 8, ["class"]));
   }
-}), Fe = ["aria-label"], Le = { class: "breadcrumb" }, ze = ["aria-current"], je = /* @__PURE__ */ C({
+}), Fe = ["aria-label"], Le = { class: "breadcrumb" }, ze = ["aria-current"], je = /* @__PURE__ */ x({
   __name: "VibeBreadcrumb",
   props: {
     ariaLabel: { type: String, default: "breadcrumb" },
@@ -418,27 +418,27 @@ const fe = /* @__PURE__ */ C({
   },
   emits: ["item-click", "component-error"],
   setup(e, { emit: f }) {
-    const t = f, a = (l, r, n) => {
-      l.active || t("item-click", { item: l, index: r, event: n });
+    const t = f, a = (l, r, d) => {
+      l.active || t("item-click", { item: l, index: r, event: d });
     };
     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(!0), s(M, null, A(e.items, (d, u) => (i(), s("li", {
+          key: u,
+          class: g(["breadcrumb-item", { active: d.active }]),
+          "aria-current": d.active ? "page" : void 0
         }, [
-          (i(), M(q(n.href ? "a" : n.to ? "router-link" : "span"), {
-            href: n.href,
-            to: n.to,
-            onClick: (d) => a(n, o, d)
+          (i(), q(P(d.href ? "a" : d.to ? "router-link" : "span"), {
+            href: d.href,
+            to: d.to,
+            onClick: (o) => a(d, u, o)
           }, {
-            default: P(() => [
-              V(l.$slots, "item", {
-                item: n,
-                index: o
+            default: F(() => [
+              C(l.$slots, "item", {
+                item: d,
+                index: u
               }, () => [
-                B(b(n.text), 1)
+                w(m(d.text), 1)
               ])
             ]),
             _: 2
@@ -447,7 +447,7 @@ const fe = /* @__PURE__ */ C({
       ])
     ], 8, Fe));
   }
-}), Ae = /* @__PURE__ */ C({
+}), Ae = /* @__PURE__ */ x({
   __name: "VibeNav",
   props: {
     tabs: { type: Boolean, default: !1 },
@@ -461,36 +461,36 @@ const fe = /* @__PURE__ */ C({
   emits: ["item-click", "component-error"],
   setup(e, { emit: f }) {
     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(" ");
-    }), 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 });
+      const o = ["nav"];
+      return t.tabs && o.push("nav-tabs"), t.pills && o.push("nav-pills"), t.fill && o.push("nav-fill"), t.justified && o.push("nav-justified"), t.vertical && o.push("flex-column"), o.join(" ");
+    }), r = (o) => {
+      const n = ["nav-link"];
+      return o.active && n.push("active"), o.disabled && n.push("disabled"), n.join(" ");
+    }, d = (o) => o.href ? "a" : o.to ? "router-link" : "a", u = (o, n, c) => {
+      o.disabled || a("item-click", { item: o, index: n, event: c });
     };
-    return (d, u) => (i(), M(q(e.tag), {
+    return (o, n) => (i(), q(P(e.tag), {
       class: g(l.value)
     }, {
-      default: P(() => [
-        (i(!0), s(F, null, z(e.items, (c, m) => (i(), s("li", {
-          key: m,
+      default: F(() => [
+        (i(!0), s(M, null, A(e.items, (c, v) => (i(), s("li", {
+          key: v,
           class: "nav-item"
         }, [
-          (i(), M(q(n(c)), {
+          (i(), q(P(d(c)), {
             class: g(r(c)),
             href: c.href,
             to: c.to,
             "aria-current": c.active ? "page" : void 0,
             "aria-disabled": c.disabled,
-            onClick: (p) => o(c, m, p)
+            onClick: (p) => u(c, v, p)
           }, {
-            default: P(() => [
-              V(d.$slots, "item", {
+            default: F(() => [
+              C(o.$slots, "item", {
                 item: c,
-                index: m
+                index: v
               }, () => [
-                B(b(c.text), 1)
+                w(m(c.text), 1)
               ])
             ]),
             _: 2
@@ -500,10 +500,11 @@ const fe = /* @__PURE__ */ C({
       _: 3
     }, 8, ["class"]));
   }
-}), Ie = /* @__PURE__ */ C({
+}), Ie = /* @__PURE__ */ x({
   __name: "VibeNavbar",
   props: {
     variant: { type: String, default: "light" },
+    theme: { type: String, default: void 0 },
     expand: { type: [Boolean, String], default: "lg" },
     container: { type: [Boolean, String], default: !0 },
     position: { type: String, default: void 0 },
@@ -517,26 +518,31 @@ const fe = /* @__PURE__ */ C({
     } });
     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}`, `bg-${t.variant}`) : o.push(`bg-${t.variant}`), t.position && o.push(t.position), o.join(" ");
-    }), n = y(() => {
+      return t.expand === !0 ? o.push("navbar-expand") : typeof t.expand == "string" && o.push(`navbar-expand-${t.expand}`), o.push(`bg-${t.variant}`), t.position && o.push(t.position), o.join(" ");
+    }), d = y(() => {
+      if (t.theme) return t.theme;
+      if (t.variant === "dark") return "dark";
+      if (t.variant === "light") return "light";
+    }), u = y(() => {
       if (t.container !== !1)
         return t.container === !0 ? "container-fluid" : `container-${t.container}`;
     });
-    return (o, d) => (i(), M(q(e.tag), {
-      class: g(r.value)
+    return (o, n) => (i(), q(P(e.tag), {
+      class: g(r.value),
+      "data-bs-theme": d.value
     }, {
-      default: P(() => [
-        n.value ? (i(), s("div", {
+      default: F(() => [
+        u.value ? (i(), s("div", {
           key: 0,
-          class: g(n.value)
+          class: g(u.value)
         }, [
-          V(o.$slots, "default")
-        ], 2)) : V(o.$slots, "default", { key: 1 })
+          C(o.$slots, "default")
+        ], 2)) : C(o.$slots, "default", { key: 1 })
       ]),
       _: 3
-    }, 8, ["class"]));
+    }, 8, ["class", "data-bs-theme"]));
   }
-}), Oe = /* @__PURE__ */ C({
+}), Oe = /* @__PURE__ */ x({
   __name: "VibeNavbarBrand",
   props: {
     href: { type: String, default: void 0 },
@@ -545,18 +551,18 @@ const fe = /* @__PURE__ */ C({
   emits: ["component-error"],
   setup(e, { emit: f }) {
     const t = e, a = t.href ? "a" : t.to ? "router-link" : "span";
-    return (l, r) => (i(), M(q(re(a)), {
+    return (l, r) => (i(), q(P(re(a)), {
       class: "navbar-brand",
       href: e.href,
       to: e.to
     }, {
-      default: P(() => [
-        V(l.$slots, "default")
+      default: F(() => [
+        C(l.$slots, "default")
       ]),
       _: 3
     }, 8, ["href", "to"]));
   }
-}), Ee = ["aria-controls", "aria-expanded", "aria-label"], De = /* @__PURE__ */ C({
+}), De = ["aria-controls", "aria-expanded", "aria-label"], Ee = /* @__PURE__ */ x({
   __name: "VibeNavbarToggle",
   props: {
     target: { type: String, required: !0 },
@@ -567,61 +573,119 @@ const fe = /* @__PURE__ */ C({
     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", {
+    return (d, u) => (i(), s("button", {
       class: "navbar-toggler",
       type: "button",
       "aria-controls": e.target,
       "aria-expanded": l.value,
       "aria-label": e.ariaLabel,
       onClick: r
-    }, [...o[0] || (o[0] = [
+    }, [...u[0] || (u[0] = [
       h("span", { class: "navbar-toggler-icon" }, null, -1)
-    ])], 8, Ee));
+    ])], 8, De));
   }
-}), Re = /* @__PURE__ */ C({
+}), Re = { class: "dropdown-menu" }, Xe = { key: 0 }, Ye = { key: 1 }, Ge = { class: "dropdown-header" }, He = { key: 2 }, Ke = /* @__PURE__ */ x({
   __name: "VibeNavbarNav",
   props: {
     tag: { type: String, default: "ul" },
     items: { type: Array, default: void 0 }
   },
-  emits: ["item-click", "component-error"],
+  emits: ["item-click", "dropdown-item-click", "component-error"],
   setup(e, { emit: f }) {
     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 });
+      var v;
+      const c = ["nav-item"];
+      return (v = n.children) != null && v.length && c.push("dropdown"), c.join(" ");
+    }, l = (n) => {
+      var v;
+      const c = ["nav-link"];
+      return n.active && c.push("active"), n.disabled && c.push("disabled"), (v = n.children) != null && v.length && c.push("dropdown-toggle"), c.join(" ");
+    }, r = (n) => n.href ? "a" : n.to ? "router-link" : "a", d = (n) => {
+      const c = ["dropdown-item"];
+      return n.active && c.push("active"), n.disabled && c.push("disabled"), c.join(" ");
+    }, u = (n, c, v) => {
+      n.disabled || t("item-click", { item: n, index: c, event: v });
+    }, o = (n, c, v, p, B) => {
+      !v.disabled && !v.divider && !v.header && t("dropdown-item-click", { item: n, itemIndex: c, child: v, childIndex: p, event: B });
     };
-    return (n, o) => (i(), M(q(e.tag), { class: "navbar-nav" }, {
-      default: P(() => [
-        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)), {
-            class: g(a(d)),
-            href: d.href,
-            to: d.to,
-            "aria-current": d.active ? "page" : void 0,
-            "aria-disabled": d.disabled,
-            onClick: (c) => r(d, u, c)
-          }, {
-            default: P(() => [
-              V(n.$slots, "item", {
-                item: d,
-                index: u
-              }, () => [
-                B(b(d.text), 1)
+    return (n, c) => (i(), q(P(e.tag), { class: "navbar-nav" }, {
+      default: F(() => [
+        e.items && e.items.length > 0 ? (i(!0), s(M, { key: 0 }, A(e.items, (v, p) => {
+          var B;
+          return i(), s("li", {
+            key: p,
+            class: g(a(v))
+          }, [
+            (B = v.children) != null && B.length ? (i(), s(M, { key: 0 }, [
+              h("a", {
+                class: g(l(v)),
+                href: "#",
+                role: "button",
+                "data-bs-toggle": "dropdown",
+                "aria-expanded": "false"
+              }, [
+                C(n.$slots, "item", {
+                  item: v,
+                  index: p
+                }, () => [
+                  w(m(v.text), 1)
+                ])
+              ], 2),
+              h("ul", Re, [
+                (i(!0), s(M, null, A(v.children, ($, L) => (i(), s(M, { key: L }, [
+                  $.divider ? (i(), s("li", Xe, [...c[0] || (c[0] = [
+                    h("hr", { class: "dropdown-divider" }, null, -1)
+                  ])])) : $.header ? (i(), s("li", Ye, [
+                    h("h6", Ge, m($.text), 1)
+                  ])) : (i(), s("li", He, [
+                    (i(), q(P($.href ? "a" : $.to ? "router-link" : "button"), {
+                      class: g(d($)),
+                      href: $.href,
+                      to: $.to,
+                      type: !$.href && !$.to ? "button" : void 0,
+                      onClick: (z) => o(v, p, $, L, z)
+                    }, {
+                      default: F(() => [
+                        C(n.$slots, "dropdown-item", {
+                          item: v,
+                          child: $,
+                          index: p,
+                          childIndex: L
+                        }, () => [
+                          w(m($.text), 1)
+                        ])
+                      ]),
+                      _: 2
+                    }, 1032, ["class", "href", "to", "type", "onClick"]))
+                  ]))
+                ], 64))), 128))
               ])
-            ]),
-            _: 2
-          }, 1032, ["class", "href", "to", "aria-current", "aria-disabled", "onClick"]))
-        ]))), 128)) : V(n.$slots, "default", { key: 1 })
+            ], 64)) : (i(), q(P(r(v)), {
+              key: 1,
+              class: g(l(v)),
+              href: v.href,
+              to: v.to,
+              "aria-current": v.active ? "page" : void 0,
+              "aria-disabled": v.disabled,
+              onClick: ($) => u(v, p, $)
+            }, {
+              default: F(() => [
+                C(n.$slots, "item", {
+                  item: v,
+                  index: p
+                }, () => [
+                  w(m(v.text), 1)
+                ])
+              ]),
+              _: 2
+            }, 1032, ["class", "href", "to", "aria-current", "aria-disabled", "onClick"]))
+          ], 2);
+        }), 128)) : C(n.$slots, "default", { key: 1 })
       ]),
       _: 3
     }));
   }
-}), Xe = ["aria-label"], Ye = ["disabled", "aria-disabled"], Ge = ["aria-current", "onClick"], He = ["disabled", "aria-disabled"], Ke = /* @__PURE__ */ C({
+}), Ue = ["aria-label"], Qe = ["disabled", "aria-disabled"], We = ["aria-current", "onClick"], Je = ["disabled", "aria-disabled"], Ze = /* @__PURE__ */ x({
   __name: "VibePagination",
   props: {
     size: { type: String, default: void 0 },
@@ -635,69 +699,69 @@ const fe = /* @__PURE__ */ C({
   emits: ["update:currentPage", "page-click", "component-error"],
   setup(e, { emit: f }) {
     const t = e, a = f, l = y(() => {
-      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 }, [
+      const n = ["pagination"];
+      return t.size && n.push(`pagination-${t.size}`), n.join(" ");
+    }), r = y(() => Array.from({ length: t.totalPages }, (n, c) => c + 1)), d = (n) => {
+      n >= 1 && n <= t.totalPages && (a("update:currentPage", n), a("page-click", n));
+    }, u = y(() => t.currentPage === 1), o = y(() => t.currentPage === t.totalPages);
+    return (n, c) => (i(), s("nav", { "aria-label": e.ariaLabel }, [
       h("ul", {
         class: g(l.value)
       }, [
         e.showPrevNext ? (i(), s("li", {
           key: 0,
-          class: g(["page-item", { disabled: o.value }])
+          class: g(["page-item", { disabled: u.value }])
         }, [
           h("button", {
             class: "page-link",
             type: "button",
-            disabled: o.value,
-            "aria-disabled": o.value,
-            onClick: c[0] || (c[0] = (m) => n(e.currentPage - 1))
+            disabled: u.value,
+            "aria-disabled": u.value,
+            onClick: c[0] || (c[0] = (v) => d(e.currentPage - 1))
           }, [
-            V(u.$slots, "prev", { disabled: o.value }, () => [
-              B(b(e.prevText), 1)
+            C(n.$slots, "prev", { disabled: u.value }, () => [
+              w(m(e.prevText), 1)
             ])
-          ], 8, Ye)
-        ], 2)) : v("", !0),
-        (i(!0), s(F, null, z(r.value, (m) => (i(), s("li", {
-          key: m,
-          class: g(["page-item", { active: m === e.currentPage }])
+          ], 8, Qe)
+        ], 2)) : b("", !0),
+        (i(!0), s(M, null, A(r.value, (v) => (i(), s("li", {
+          key: v,
+          class: g(["page-item", { active: v === e.currentPage }])
         }, [
           h("button", {
             class: "page-link",
             type: "button",
-            "aria-current": m === e.currentPage ? "page" : void 0,
-            onClick: (p) => n(m)
+            "aria-current": v === e.currentPage ? "page" : void 0,
+            onClick: (p) => d(v)
           }, [
-            V(u.$slots, "page", {
-              page: m,
-              active: m === e.currentPage
+            C(n.$slots, "page", {
+              page: v,
+              active: v === e.currentPage
             }, () => [
-              B(b(m), 1)
+              w(m(v), 1)
             ])
-          ], 8, Ge)
+          ], 8, We)
         ], 2))), 128)),
         e.showPrevNext ? (i(), s("li", {
           key: 1,
-          class: g(["page-item", { disabled: d.value }])
+          class: g(["page-item", { disabled: o.value }])
         }, [
           h("button", {
             class: "page-link",
             type: "button",
-            disabled: d.value,
-            "aria-disabled": d.value,
-            onClick: c[1] || (c[1] = (m) => n(e.currentPage + 1))
+            disabled: o.value,
+            "aria-disabled": o.value,
+            onClick: c[1] || (c[1] = (v) => d(e.currentPage + 1))
           }, [
-            V(u.$slots, "next", { disabled: d.value }, () => [
-              B(b(e.nextText), 1)
+            C(n.$slots, "next", { disabled: o.value }, () => [
+              w(m(e.nextText), 1)
             ])
-          ], 8, He)
-        ], 2)) : v("", !0)
+          ], 8, Je)
+        ], 2)) : b("", !0)
       ], 2)
-    ], 8, Xe));
+    ], 8, Ue));
   }
-}), Ue = ["id", "aria-labelledby"], Qe = /* @__PURE__ */ C({
+}), _e = ["id", "aria-labelledby"], et = /* @__PURE__ */ x({
   __name: "VibeTabContent",
   props: {
     id: { type: String, default: void 0 },
@@ -711,31 +775,31 @@ const fe = /* @__PURE__ */ C({
       const r = ["tab-pane"];
       return t.fade && r.push("fade"), l.active && r.push("show", "active"), r.join(" ");
     };
-    return (l, r) => (i(), M(q(e.tag), {
+    return (l, r) => (i(), q(P(e.tag), {
       id: e.id,
       class: "tab-content"
     }, {
-      default: P(() => [
-        (i(!0), s(F, null, z(e.panes, (n, o) => (i(), s("div", {
-          key: n.id,
-          id: n.id,
-          class: g(a(n)),
+      default: F(() => [
+        (i(!0), s(M, null, A(e.panes, (d, u) => (i(), s("div", {
+          key: d.id,
+          id: d.id,
+          class: g(a(d)),
           role: "tabpanel",
-          "aria-labelledby": `${n.id}-tab`,
+          "aria-labelledby": `${d.id}-tab`,
           tabindex: "0"
         }, [
-          V(l.$slots, "pane", {
-            pane: n,
-            index: o
+          C(l.$slots, "pane", {
+            pane: d,
+            index: u
           }, () => [
-            B(b(n.content), 1)
+            w(m(d.content), 1)
           ])
-        ], 10, Ue))), 128))
+        ], 10, _e))), 128))
       ]),
       _: 3
     }, 8, ["id"]));
   }
-}), We = /* @__PURE__ */ C({
+}), tt = /* @__PURE__ */ x({
   __name: "VibeListGroup",
   props: {
     flush: { type: Boolean, default: !1 },
@@ -747,33 +811,33 @@ const fe = /* @__PURE__ */ C({
   emits: ["item-click", "component-error"],
   setup(e, { emit: f }) {
     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(" ");
-    }), 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 });
+      const o = ["list-group"];
+      return t.flush && o.push("list-group-flush"), t.numbered && o.push("list-group-numbered"), t.horizontal === !0 ? o.push("list-group-horizontal") : typeof t.horizontal == "string" && o.push(`list-group-horizontal-${t.horizontal}`), o.join(" ");
+    }), r = (o) => o.href ? "a" : o.to ? "router-link" : "li", d = (o) => {
+      const n = ["list-group-item"];
+      return o.active && n.push("active"), o.disabled && n.push("disabled"), o.variant && n.push(`list-group-item-${o.variant}`), n.join(" ");
+    }, u = (o, n, c) => {
+      o.disabled || a("item-click", { item: o, index: n, event: c });
     };
-    return (d, u) => (i(), M(q(e.tag), {
+    return (o, n) => (i(), q(P(e.tag), {
       class: g(l.value)
     }, {
-      default: P(() => [
-        (i(!0), s(F, null, z(e.items, (c, m) => (i(), M(q(r(c)), {
-          key: m,
-          class: g(n(c)),
+      default: F(() => [
+        (i(!0), s(M, null, A(e.items, (c, v) => (i(), q(P(r(c)), {
+          key: v,
+          class: g(d(c)),
           href: c.href,
           to: c.to,
           "aria-disabled": c.disabled,
           "aria-current": c.active,
-          onClick: (p) => o(c, m, p)
+          onClick: (p) => u(c, v, p)
         }, {
-          default: P(() => [
-            V(d.$slots, "item", {
+          default: F(() => [
+            C(o.$slots, "item", {
               item: c,
-              index: m
+              index: v
             }, () => [
-              B(b(c.text), 1)
+              w(m(c.text), 1)
             ])
           ]),
           _: 2
@@ -782,7 +846,7 @@ const fe = /* @__PURE__ */ C({
       _: 3
     }, 8, ["class"]));
   }
-}), Je = ["aria-valuenow", "aria-valuemax"], Ze = /* @__PURE__ */ C({
+}), at = ["aria-valuenow", "aria-valuemax"], lt = /* @__PURE__ */ x({
   __name: "VibeProgress",
   props: {
     height: { type: String, default: void 0 },
@@ -793,36 +857,36 @@ const fe = /* @__PURE__ */ C({
     const t = e, a = y(() => {
       if (t.height)
         return { height: t.height };
-    }), l = (o) => {
-      const d = ["progress-bar"];
-      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", {
+    }), l = (u) => {
+      const o = ["progress-bar"];
+      return u.variant && o.push(`bg-${u.variant}`), (u.striped || u.animated) && o.push("progress-bar-striped"), u.animated && o.push("progress-bar-animated"), o.join(" ");
+    }, r = (u) => {
+      const o = u.max || 100;
+      return { width: `${Math.min(100, Math.max(0, u.value / o * 100))}%` };
+    }, d = (u) => u.label ? u.label : u.showValue ? `${u.value}%` : "";
+    return (u, o) => (i(), s("div", {
       class: "progress",
       style: D(a.value)
     }, [
-      (i(!0), s(F, null, z(e.bars, (u, c) => (i(), s("div", {
+      (i(!0), s(M, null, A(e.bars, (n, c) => (i(), s("div", {
         key: c,
-        class: g(l(u)),
-        style: D(r(u)),
+        class: g(l(n)),
+        style: D(r(n)),
         role: "progressbar",
-        "aria-valuenow": u.value,
+        "aria-valuenow": n.value,
         "aria-valuemin": 0,
-        "aria-valuemax": u.max || 100
+        "aria-valuemax": n.max || 100
       }, [
-        V(o.$slots, "label", {
-          bar: u,
+        C(u.$slots, "label", {
+          bar: n,
           index: c
         }, () => [
-          B(b(n(u)), 1)
+          w(m(d(n)), 1)
         ])
-      ], 14, Je))), 128))
+      ], 14, at))), 128))
     ], 4));
   }
-}), _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({
+}), it = ["id"], st = { class: "accordion-header" }, nt = ["data-bs-target", "aria-expanded", "aria-controls", "onClick"], ot = ["id", "data-bs-parent"], dt = { class: "accordion-body" }, rt = /* @__PURE__ */ x({
   __name: "VibeAccordion",
   props: {
     id: { type: String, required: !0 },
@@ -838,46 +902,46 @@ const fe = /* @__PURE__ */ C({
       id: e.id,
       class: g(["accordion", { "accordion-flush": e.flush }])
     }, [
-      (i(!0), s(F, null, z(e.items, (n, o) => (i(), s("div", {
-        key: n.id,
+      (i(!0), s(M, null, A(e.items, (d, u) => (i(), s("div", {
+        key: d.id,
         class: "accordion-item"
       }, [
-        h("h2", et, [
+        h("h2", st, [
           h("button", {
-            class: g(["accordion-button", { collapsed: !n.show }]),
+            class: g(["accordion-button", { collapsed: !d.show }]),
             type: "button",
             "data-bs-toggle": "collapse",
-            "data-bs-target": `#${n.id}`,
-            "aria-expanded": n.show,
-            "aria-controls": n.id,
-            onClick: (d) => a(n, o)
+            "data-bs-target": `#${d.id}`,
+            "aria-expanded": d.show,
+            "aria-controls": d.id,
+            onClick: (o) => a(d, u)
           }, [
-            V(l.$slots, "title", {
-              item: n,
-              index: o
+            C(l.$slots, "title", {
+              item: d,
+              index: u
             }, () => [
-              B(b(n.title), 1)
+              w(m(d.title), 1)
             ])
-          ], 10, tt)
+          ], 10, nt)
         ]),
         h("div", {
-          id: n.id,
-          class: g(["accordion-collapse", "collapse", { show: n.show }]),
+          id: d.id,
+          class: g(["accordion-collapse", "collapse", { show: d.show }]),
           "data-bs-parent": `#${e.id}`
         }, [
-          h("div", lt, [
-            V(l.$slots, "content", {
-              item: n,
-              index: o
+          h("div", dt, [
+            C(l.$slots, "content", {
+              item: d,
+              index: u
             }, () => [
-              B(b(n.content), 1)
+              w(m(d.content), 1)
             ])
           ])
-        ], 10, at)
+        ], 10, ot)
       ]))), 128))
-    ], 10, _e));
+    ], 10, it));
   }
-}), nt = /* @__PURE__ */ C({
+}), ut = /* @__PURE__ */ x({
   __name: "VibeCollapse",
   props: {
     id: { type: String, required: !0 },
@@ -889,24 +953,24 @@ const fe = /* @__PURE__ */ C({
   emits: ["update:modelValue", "show", "shown", "hide", "hidden", "component-error"],
   setup(e, { emit: f }) {
     const t = e, a = Z("vibeNavbarCollapse", null), l = T(t.modelValue);
-    E(() => t.modelValue, (o) => {
-      l.value = o;
+    E(() => t.modelValue, (u) => {
+      l.value = u;
     });
-    const r = y(() => a && t.id in a.collapseStates ? a.collapseStates[t.id] : l.value), n = y(() => {
-      const o = ["collapse"];
-      return t.isNav && o.push("navbar-collapse"), t.horizontal && o.push("collapse-horizontal"), r.value && o.push("show"), o.join(" ");
+    const r = y(() => a && t.id in a.collapseStates ? a.collapseStates[t.id] : l.value), d = y(() => {
+      const u = ["collapse"];
+      return t.isNav && u.push("navbar-collapse"), t.horizontal && u.push("collapse-horizontal"), r.value && u.push("show"), u.join(" ");
     });
-    return (o, d) => (i(), M(q(e.tag), {
+    return (u, o) => (i(), q(P(e.tag), {
       id: e.id,
-      class: g(n.value)
+      class: g(d.value)
     }, {
-      default: P(() => [
-        V(o.$slots, "default")
+      default: F(() => [
+        C(u.$slots, "default")
       ]),
       _: 3
     }, 8, ["id", "class"]));
   }
-}), st = ["id"], ot = ["aria-labelledby"], dt = { key: 0 }, rt = { key: 1 }, ut = { class: "dropdown-header" }, ct = { key: 2 }, ft = /* @__PURE__ */ C({
+}), ct = ["id"], ft = ["aria-labelledby"], vt = { key: 0 }, bt = { key: 1 }, mt = { class: "dropdown-header" }, ht = { key: 2 }, yt = /* @__PURE__ */ x({
   __name: "VibeDropdown",
   props: {
     id: { type: String, required: !0 },
@@ -921,18 +985,18 @@ const fe = /* @__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"), 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 n = ["btn", `btn-${t.variant}`];
+      return t.size && n.push(`btn-${t.size}`), n.join(" ");
+    }), d = y(() => {
+      const n = ["dropdown-menu"];
+      return t.menuEnd && n.push("dropdown-menu-end"), n.join(" ");
+    }), u = (n) => {
       const c = ["dropdown-item"];
-      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 n.active && c.push("active"), n.disabled && c.push("disabled"), c.join(" ");
+    }, o = (n, c, v) => {
+      !n.disabled && !n.divider && !n.header && a("item-click", { item: n, index: c, event: v });
     };
-    return (u, c) => (i(), s("div", {
+    return (n, c) => (i(), s("div", {
       class: g(l.value)
     }, [
       h("button", {
@@ -942,57 +1006,57 @@ const fe = /* @__PURE__ */ C({
         "data-bs-toggle": "dropdown",
         "aria-expanded": "false"
       }, [
-        V(u.$slots, "button", {}, () => [
-          B(b(e.text), 1)
+        C(n.$slots, "button", {}, () => [
+          w(m(e.text), 1)
         ])
-      ], 10, st),
+      ], 10, ct),
       h("ul", {
-        class: g(n.value),
+        class: g(d.value),
         "aria-labelledby": e.id
       }, [
-        (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] = [
+        (i(!0), s(M, null, A(e.items, (v, p) => (i(), s(M, { key: p }, [
+          v.divider ? (i(), s("li", vt, [...c[0] || (c[0] = [
             h("hr", { class: "dropdown-divider" }, null, -1)
-          ])])) : m.header ? (i(), s("li", rt, [
-            h("h6", ut, [
-              V(u.$slots, "header", {
-                item: m,
+          ])])) : v.header ? (i(), s("li", bt, [
+            h("h6", mt, [
+              C(n.$slots, "header", {
+                item: v,
                 index: p
               }, () => [
-                B(b(m.text), 1)
+                w(m(v.text), 1)
               ])
             ])
-          ])) : (i(), s("li", ct, [
-            (i(), M(q(m.href ? "a" : m.to ? "router-link" : "button"), {
-              class: g(o(m)),
-              href: m.href,
-              to: m.to,
-              type: !m.href && !m.to ? "button" : void 0,
-              disabled: m.disabled,
-              onClick: (w) => d(m, p, w)
+          ])) : (i(), s("li", ht, [
+            (i(), q(P(v.href ? "a" : v.to ? "router-link" : "button"), {
+              class: g(u(v)),
+              href: v.href,
+              to: v.to,
+              type: !v.href && !v.to ? "button" : void 0,
+              disabled: v.disabled,
+              onClick: (B) => o(v, p, B)
             }, {
-              default: P(() => [
-                V(u.$slots, "item", {
-                  item: m,
+              default: F(() => [
+                C(n.$slots, "item", {
+                  item: v,
                   index: p
                 }, () => [
-                  B(b(m.text), 1)
+                  w(m(v.text), 1)
                 ])
               ]),
               _: 2
             }, 1032, ["class", "href", "to", "type", "disabled", "onClick"]))
           ]))
         ], 64))), 128))
-      ], 10, ot)
+      ], 10, ft)
     ], 2));
   }
-}), vt = ["id", "aria-labelledby", "aria-hidden", "data-bs-backdrop", "data-bs-keyboard"], bt = { class: "modal-content" }, mt = {
+}), gt = ["id", "aria-labelledby", "aria-hidden", "data-bs-backdrop", "data-bs-keyboard"], pt = { class: "modal-content" }, kt = {
   key: 0,
   class: "modal-header"
-}, ht = ["id"], yt = { class: "modal-body" }, gt = {
+}, $t = ["id"], St = { class: "modal-body" }, Vt = {
   key: 1,
   class: "modal-footer"
-}, pt = /* @__PURE__ */ C({
+}, Ct = /* @__PURE__ */ x({
   __name: "VibeModal",
   props: {
     id: { type: String, required: !0 },
@@ -1008,70 +1072,71 @@ const fe = /* @__PURE__ */ C({
   },
   emits: ["update:modelValue", "show", "shown", "hide", "hidden", "component-error"],
   setup(e, { emit: f }) {
-    const t = e, a = f, l = T(null), r = T(null), n = T(!1), o = y(() => {
+    const t = e, a = f, l = T(null), r = T(null), d = T(!1), u = 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 = () => {
-      n.value = !0, a("show");
-    }, u = () => {
+    }), o = () => {
+      d.value = !0, a("show");
+    }, n = () => {
       a("shown"), a("update:modelValue", !0);
     }, c = () => {
       a("hide");
-    }, m = () => {
-      n.value = !1, a("hidden"), a("update:modelValue", !1);
+    }, v = () => {
+      d.value = !1, a("hidden"), a("update:modelValue", !1);
     };
     return G(async () => {
       if (l.value)
         try {
-          const w = (await import("bootstrap")).Modal;
-          r.value = new w(l.value, {
+          const B = (await import("bootstrap")).Modal;
+          r.value = new B(l.value, {
             backdrop: t.staticBackdrop ? "static" : !0,
             keyboard: !t.staticBackdrop
-          }), 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();
+          }), l.value.addEventListener("show.bs.modal", o), l.value.addEventListener("shown.bs.modal", n), l.value.addEventListener("hide.bs.modal", c), l.value.addEventListener("hidden.bs.modal", v), 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", u), l.value.removeEventListener("hide.bs.modal", c), l.value.removeEventListener("hidden.bs.modal", m)), r.value && (r.value.dispose(), r.value = null);
+      l.value && (l.value.removeEventListener("show.bs.modal", o), l.value.removeEventListener("shown.bs.modal", n), l.value.removeEventListener("hide.bs.modal", c), l.value.removeEventListener("hidden.bs.modal", v)), r.value && (r.value.dispose(), r.value = null);
     }), E(() => t.modelValue, (p) => {
-      r.value && (p && !n.value ? r.value.show() : !p && n.value && r.value.hide());
-    }), (p, w) => (i(), s("div", {
+      r.value && (p && !d.value ? r.value.show() : !p && d.value && r.value.hide());
+    }), (p, B) => (i(), s("div", {
       ref_key: "modalRef",
       ref: l,
       id: e.id,
-      class: "modal fade",
+      class: g(["modal fade", { show: d.value }]),
+      style: D(d.value ? { display: "block" } : {}),
       tabindex: "-1",
       "aria-labelledby": `${e.id}-label`,
-      "aria-hidden": !n.value,
+      "aria-hidden": !d.value,
       "data-bs-backdrop": e.staticBackdrop ? "static" : void 0,
       "data-bs-keyboard": !e.staticBackdrop
     }, [
       h("div", {
-        class: g(o.value)
+        class: g(u.value)
       }, [
-        h("div", bt, [
-          e.hideHeader ? v("", !0) : (i(), s("div", mt, [
+        h("div", pt, [
+          e.hideHeader ? b("", !0) : (i(), s("div", kt, [
             h("h5", {
               id: `${e.id}-label`,
               class: "modal-title"
             }, [
-              V(p.$slots, "header", {}, () => [
-                B(b(e.title), 1)
+              C(p.$slots, "header", {}, () => [
+                w(m(e.title), 1)
               ])
-            ], 8, ht),
-            w[0] || (w[0] = h("button", {
+            ], 8, $t),
+            B[0] || (B[0] = h("button", {
               type: "button",
               class: "btn-close",
               "data-bs-dismiss": "modal",
               "aria-label": "Close"
             }, null, -1))
           ])),
-          h("div", yt, [
-            V(p.$slots, "default")
+          h("div", St, [
+            C(p.$slots, "default")
           ]),
-          e.hideFooter ? v("", !0) : (i(), s("div", gt, [
-            V(p.$slots, "footer", {}, () => [
-              w[1] || (w[1] = h("button", {
+          e.hideFooter ? b("", !0) : (i(), s("div", Vt, [
+            C(p.$slots, "footer", {}, () => [
+              B[1] || (B[1] = h("button", {
                 type: "button",
                 class: "btn btn-secondary",
                 "data-bs-dismiss": "modal"
@@ -1080,9 +1145,9 @@ const fe = /* @__PURE__ */ C({
           ]))
         ])
       ], 2)
-    ], 8, vt));
+    ], 14, gt));
   }
-}), $t = ["id", "aria-labelledby", "data-bs-backdrop", "data-bs-scroll"], kt = { class: "offcanvas-header" }, St = ["id"], Vt = { class: "offcanvas-body" }, Ct = /* @__PURE__ */ C({
+}), xt = ["id", "aria-labelledby", "data-bs-backdrop", "data-bs-scroll"], wt = { class: "offcanvas-header" }, Bt = ["id"], Nt = { class: "offcanvas-body" }, Tt = /* @__PURE__ */ x({
   __name: "VibeOffcanvas",
   props: {
     id: { type: String, required: !0 },
@@ -1103,15 +1168,15 @@ const fe = /* @__PURE__ */ C({
       "data-bs-backdrop": e.backdrop === !1 ? "false" : e.backdrop === "static" ? "static" : "true",
       "data-bs-scroll": e.scroll
     }, [
-      h("div", kt, [
+      h("div", wt, [
         h("h5", {
           id: `${e.id}-label`,
           class: "offcanvas-title"
         }, [
-          V(l.$slots, "header", {}, () => [
-            B(b(e.title), 1)
+          C(l.$slots, "header", {}, () => [
+            w(m(e.title), 1)
           ])
-        ], 8, St),
+        ], 8, Bt),
         r[0] || (r[0] = h("button", {
           type: "button",
           class: "btn-close",
@@ -1119,15 +1184,15 @@ const fe = /* @__PURE__ */ C({
           "aria-label": "Close"
         }, null, -1))
       ]),
-      h("div", Vt, [
-        V(l.$slots, "default")
+      h("div", Nt, [
+        C(l.$slots, "default")
       ])
-    ], 10, $t));
+    ], 10, xt));
   }
-}), xt = ["id", "data-bs-autohide", "data-bs-delay"], Bt = {
+}), Mt = ["id", "data-bs-autohide", "data-bs-delay"], qt = {
   key: 0,
   class: "toast-header"
-}, wt = { class: "me-auto" }, Nt = { class: "toast-body" }, Tt = /* @__PURE__ */ C({
+}, Pt = { class: "me-auto" }, Ft = { class: "toast-body" }, Lt = /* @__PURE__ */ x({
   __name: "VibeToast",
   props: {
     id: { type: String, default: void 0 },
@@ -1139,67 +1204,67 @@ const fe = /* @__PURE__ */ C({
   },
   emits: ["update:modelValue", "show", "shown", "hide", "hidden", "component-error"],
   setup(e, { emit: f }) {
-    const t = e, a = f, l = T(null), r = T(null), n = T(!1), o = y(() => {
+    const t = e, a = f, l = T(null), r = T(null), d = T(!1), u = y(() => {
       const p = ["toast"];
       return t.variant && p.push(`text-bg-${t.variant}`), p.join(" ");
-    }), d = () => {
-      n.value = !0, a("show");
-    }, u = () => {
+    }), o = () => {
+      d.value = !0, a("show");
+    }, n = () => {
       a("shown"), a("update:modelValue", !0);
     }, c = () => {
       a("hide");
-    }, m = () => {
-      n.value = !1, a("hidden"), a("update:modelValue", !1);
+    }, v = () => {
+      d.value = !1, a("hidden"), a("update:modelValue", !1);
     };
     return G(async () => {
       if (l.value)
         try {
-          const w = (await import("bootstrap")).Toast;
-          r.value = new w(l.value, {
+          const B = (await import("bootstrap")).Toast;
+          r.value = new B(l.value, {
             autohide: t.autohide,
             delay: t.delay
-          }), 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();
+          }), l.value.addEventListener("show.bs.toast", o), l.value.addEventListener("shown.bs.toast", n), l.value.addEventListener("hide.bs.toast", c), l.value.addEventListener("hidden.bs.toast", v), 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", u), l.value.removeEventListener("hide.bs.toast", c), l.value.removeEventListener("hidden.bs.toast", m)), r.value && (r.value.dispose(), r.value = null);
+      l.value && (l.value.removeEventListener("show.bs.toast", o), l.value.removeEventListener("shown.bs.toast", n), l.value.removeEventListener("hide.bs.toast", c), l.value.removeEventListener("hidden.bs.toast", v)), r.value && (r.value.dispose(), r.value = null);
     }), E(() => t.modelValue, (p) => {
-      r.value && (p && !n.value ? r.value.show() : !p && n.value && r.value.hide());
-    }), (p, w) => (i(), s("div", {
+      r.value && (p && !d.value ? r.value.show() : !p && d.value && r.value.hide());
+    }), (p, B) => (i(), s("div", {
       ref_key: "toastRef",
       ref: l,
       id: e.id,
-      class: g(o.value),
+      class: g(u.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(), s("div", Bt, [
-        V(p.$slots, "header", {}, () => [
-          h("strong", wt, b(e.title), 1)
+      e.title || p.$slots.header ? (i(), s("div", qt, [
+        C(p.$slots, "header", {}, () => [
+          h("strong", Pt, m(e.title), 1)
         ]),
-        w[0] || (w[0] = h("button", {
+        B[0] || (B[0] = h("button", {
           type: "button",
           class: "btn-close",
           "data-bs-dismiss": "toast",
           "aria-label": "Close"
         }, null, -1))
-      ])) : v("", !0),
-      h("div", Nt, [
-        V(p.$slots, "default")
+      ])) : b("", !0),
+      h("div", Ft, [
+        C(p.$slots, "default")
       ])
-    ], 10, xt));
+    ], 10, Mt));
   }
-}), Mt = ["id", "data-bs-ride", "data-bs-interval", "data-bs-keyboard", "data-bs-pause", "data-bs-wrap", "data-bs-touch"], qt = {
+}), zt = ["id", "data-bs-ride", "data-bs-interval", "data-bs-keyboard", "data-bs-pause", "data-bs-wrap", "data-bs-touch"], jt = {
   key: 0,
   class: "carousel-indicators"
-}, Pt = ["data-bs-target", "data-bs-slide-to", "aria-current", "aria-label"], Ft = { class: "carousel-inner" }, Lt = ["data-bs-interval"], zt = ["src", "alt"], jt = {
+}, At = ["data-bs-target", "data-bs-slide-to", "aria-current", "aria-label"], It = { class: "carousel-inner" }, Ot = ["data-bs-interval"], Dt = ["src", "alt"], Et = {
   key: 0,
   class: "carousel-caption d-none d-md-block"
-}, At = { key: 0 }, It = { key: 1 }, Ot = ["data-bs-target"], Et = ["data-bs-target"], Dt = /* @__PURE__ */ C({
+}, Rt = { key: 0 }, Xt = { key: 1 }, Yt = ["data-bs-target"], Gt = ["data-bs-target"], Ht = /* @__PURE__ */ x({
   __name: "VibeCarousel",
   props: {
     id: { type: String, required: !0 },
@@ -1220,9 +1285,9 @@ const fe = /* @__PURE__ */ C({
     const t = e, a = y(() => {
       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}`;
+    }), l = (r, d) => r.alt ? r.alt : r.caption ? r.caption : r.captionText ? r.captionText : `Carousel slide ${d + 1}`;
     return G(() => {
-    }), (r, n) => (i(), s("div", {
+    }), (r, d) => (i(), s("div", {
       id: e.id,
       class: g(a.value),
       "data-bs-ride": e.ride === !0 ? "carousel" : e.ride,
@@ -1232,38 +1297,38 @@ const fe = /* @__PURE__ */ C({
       "data-bs-wrap": e.wrap,
       "data-bs-touch": e.touch
     }, [
-      e.indicators ? (i(), s("div", qt, [
-        (i(!0), s(F, null, z(e.items, (o, d) => (i(), s("button", {
-          key: `indicator-${o.src}-${d}`,
+      e.indicators ? (i(), s("div", jt, [
+        (i(!0), s(M, null, A(e.items, (u, o) => (i(), s("button", {
+          key: `indicator-${u.src}-${o}`,
           type: "button",
           "data-bs-target": `#${e.id}`,
-          "data-bs-slide-to": d,
-          class: g({ active: o.active || d === 0 }),
-          "aria-current": o.active || d === 0,
-          "aria-label": `Slide ${d + 1}`
-        }, null, 10, Pt))), 128))
-      ])) : v("", !0),
-      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
+          "data-bs-slide-to": o,
+          class: g({ active: u.active || o === 0 }),
+          "aria-current": u.active || o === 0,
+          "aria-label": `Slide ${o + 1}`
+        }, null, 10, At))), 128))
+      ])) : b("", !0),
+      h("div", It, [
+        (i(!0), s(M, null, A(e.items, (u, o) => (i(), s("div", {
+          key: `slide-${u.src}-${o}`,
+          class: g(["carousel-item", { active: u.active || o === 0 }]),
+          "data-bs-interval": u.interval
         }, [
           h("img", {
-            src: o.src,
-            alt: l(o, d),
+            src: u.src,
+            alt: l(u, o),
             class: "d-block w-100"
-          }, null, 8, zt),
-          o.caption || o.captionText || r.$slots.caption ? (i(), s("div", jt, [
-            V(r.$slots, "caption", {
-              item: o,
-              index: d
+          }, null, 8, Dt),
+          u.caption || u.captionText || r.$slots.caption ? (i(), s("div", Et, [
+            C(r.$slots, "caption", {
+              item: u,
+              index: o
             }, () => [
-              o.caption ? (i(), s("h5", At, b(o.caption), 1)) : v("", !0),
-              o.captionText ? (i(), s("p", It, b(o.captionText), 1)) : v("", !0)
+              u.caption ? (i(), s("h5", Rt, m(u.caption), 1)) : b("", !0),
+              u.captionText ? (i(), s("p", Xt, m(u.captionText), 1)) : b("", !0)
             ])
-          ])) : v("", !0)
-        ], 10, Lt))), 128))
+          ])) : b("", !0)
+        ], 10, Ot))), 128))
       ]),
       e.controls ? (i(), s("button", {
         key: 1,
@@ -1271,29 +1336,29 @@ const fe = /* @__PURE__ */ C({
         type: "button",
         "data-bs-target": `#${e.id}`,
         "data-bs-slide": "prev"
-      }, [...n[0] || (n[0] = [
+      }, [...d[0] || (d[0] = [
         h("span", {
           class: "carousel-control-prev-icon",
           "aria-hidden": "true"
         }, null, -1),
         h("span", { class: "visually-hidden" }, "Previous", -1)
-      ])], 8, Ot)) : v("", !0),
+      ])], 8, Yt)) : b("", !0),
       e.controls ? (i(), s("button", {
         key: 2,
         class: "carousel-control-next",
         type: "button",
         "data-bs-target": `#${e.id}`,
         "data-bs-slide": "next"
-      }, [...n[1] || (n[1] = [
+      }, [...d[1] || (d[1] = [
         h("span", {
           class: "carousel-control-next-icon",
           "aria-hidden": "true"
         }, null, -1),
         h("span", { class: "visually-hidden" }, "Next", -1)
-      ])], 8, Et)) : v("", !0)
-    ], 10, Mt));
+      ])], 8, Gt)) : b("", !0)
+    ], 10, zt));
   }
-}), Rt = ["data-bs-placement", "data-bs-title", "data-bs-trigger", "data-bs-html"], Xt = /* @__PURE__ */ C({
+}), Kt = ["data-bs-placement", "data-bs-title", "data-bs-trigger", "data-bs-html"], Ut = /* @__PURE__ */ x({
   __name: "VibeTooltip",
   props: {
     content: { type: String, required: !0 },
@@ -1310,10 +1375,10 @@ const fe = /* @__PURE__ */ C({
       "data-bs-trigger": e.trigger,
       "data-bs-html": e.html
     }, [
-      V(t.$slots, "default")
-    ], 8, Rt));
+      C(t.$slots, "default")
+    ], 8, Kt));
   }
-}), Yt = ["data-bs-placement", "data-bs-title", "data-bs-content", "data-bs-trigger", "data-bs-html"], Gt = /* @__PURE__ */ C({
+}), Qt = ["data-bs-placement", "data-bs-title", "data-bs-content", "data-bs-trigger", "data-bs-html"], Wt = /* @__PURE__ */ x({
   __name: "VibePopover",
   props: {
     title: { type: String, default: void 0 },
@@ -1332,10 +1397,10 @@ const fe = /* @__PURE__ */ C({
       "data-bs-trigger": e.trigger,
       "data-bs-html": e.html
     }, [
-      V(t.$slots, "default")
-    ], 8, Yt));
+      C(t.$slots, "default")
+    ], 8, Qt));
   }
-}), Ht = /* @__PURE__ */ C({
+}), Jt = /* @__PURE__ */ x({
   __name: "VibeScrollspy",
   props: {
     target: { type: String, required: !0 },
@@ -1346,7 +1411,7 @@ const fe = /* @__PURE__ */ C({
   },
   emits: ["activate", "component-error"],
   setup(e, { emit: f }) {
-    return (t, a) => (i(), M(q(e.tag), {
+    return (t, a) => (i(), q(P(e.tag), {
       "data-bs-spy": "scroll",
       "data-bs-target": e.target,
       "data-bs-offset": e.offset,
@@ -1354,13 +1419,13 @@ const fe = /* @__PURE__ */ C({
       "data-bs-smooth-scroll": e.smoothScroll,
       tabindex: "0"
     }, {
-      default: P(() => [
-        V(t.$slots, "default")
+      default: F(() => [
+        C(t.$slots, "default")
       ]),
       _: 3
     }, 8, ["data-bs-target", "data-bs-offset", "data-bs-method", "data-bs-smooth-scroll"]));
   }
-}), Kt = /* @__PURE__ */ C({
+}), Zt = /* @__PURE__ */ x({
   __name: "VibeIcon",
   props: {
     // Icon name (e.g., 'house', 'heart-fill', 'star')
@@ -1381,63 +1446,63 @@ const fe = /* @__PURE__ */ C({
   emits: ["click", "component-error"],
   setup(e, { emit: f }) {
     const t = e, a = f, l = y(() => {
-      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(" ");
+      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(" ");
     }), r = y(() => {
-      const o = {};
+      const u = {};
       if (t.fontSize)
-        o.fontSize = t.fontSize;
+        u.fontSize = t.fontSize;
       else if (t.size) {
-        const u = {
+        const n = {
           "1x": "1rem",
           "2x": "2rem",
           "3x": "3rem",
           "4x": "4rem",
           "5x": "5rem"
         };
-        u[t.size] && (o.fontSize = u[t.size]);
+        n[t.size] && (u.fontSize = n[t.size]);
       }
-      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 && (o.transform = d.join(" "), o.display = "inline-block"), Object.keys(o).length > 0 ? o : void 0;
-    }), n = (o) => {
-      a("click", o);
+      t.color && (u.color = t.color);
+      const o = [];
+      return t.flipH && o.push("scaleX(-1)"), t.flipV && o.push("scaleY(-1)"), t.rotate && o.push(`rotate(${t.rotate}deg)`), o.length > 0 && (u.transform = o.join(" "), u.display = "inline-block"), Object.keys(u).length > 0 ? u : void 0;
+    }), d = (u) => {
+      a("click", u);
     };
-    return (o, d) => (i(), s("i", {
+    return (u, o) => (i(), s("i", {
       class: g(l.value),
       style: D(r.value),
       "aria-hidden": !0,
-      onClick: n
+      onClick: d
     }, null, 6));
   }
-}), Ut = { class: "vibe-datatable" }, Qt = { class: "row mb-3" }, Wt = {
+}), _t = { class: "vibe-datatable" }, ea = { class: "row mb-3" }, ta = {
   key: 0,
   class: "col-md-6 mb-2 mb-md-0"
-}, Jt = ["placeholder"], Zt = {
+}, aa = ["placeholder"], la = {
   key: 1,
   class: "col-md-6"
-}, _t = { class: "d-flex justify-content-md-end align-items-center" }, ea = ["value"], ta = ["onClick"], aa = {
+}, ia = { class: "d-flex justify-content-md-end align-items-center" }, sa = ["value"], na = ["onClick"], oa = {
   key: 0,
   class: "ms-1"
-}, la = ["onClick"], ia = { key: 0 }, na = ["colspan"], sa = { class: "row" }, oa = {
+}, da = ["onClick"], ra = { key: 0 }, ua = ["colspan"], ca = { class: "row" }, fa = {
   key: 0,
   class: "col-md-6 mb-2 mb-md-0"
-}, da = { class: "datatable-info" }, ra = {
+}, va = { class: "datatable-info" }, ba = {
   key: 1,
   class: "col-md-6"
-}, ua = { class: "pagination justify-content-md-end mb-0" }, ca = {
+}, ma = { class: "pagination justify-content-md-end mb-0" }, ha = {
   key: 0,
   class: "page-item"
-}, fa = {
+}, ya = {
   key: 1,
   class: "page-item disabled"
-}, va = ["onClick"], ba = {
+}, ga = ["onClick"], pa = {
   key: 2,
   class: "page-item disabled"
-}, ma = {
+}, ka = {
   key: 3,
   class: "page-item"
-}, ha = /* @__PURE__ */ C({
+}, $a = /* @__PURE__ */ x({
   __name: "VibeDataTable",
   props: /* @__PURE__ */ J({
     // Data
@@ -1480,95 +1545,95 @@ const fe = /* @__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"), 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, ($) => {
-      u.value !== null && clearTimeout(u.value), u.value = setTimeout(() => {
-        c.value = $, a.value = 1, u.value = null;
+    const t = e, a = Y(e, "currentPage"), l = Y(e, "perPage"), r = Y(e, "sortBy"), d = Y(e, "sortDesc"), u = f, o = T(""), n = T(null), c = T(""), v = (k, S) => t.rowKey && k[t.rowKey] !== void 0 ? String(k[t.rowKey]) : S;
+    E(o, (k) => {
+      n.value !== null && clearTimeout(n.value), n.value = setTimeout(() => {
+        c.value = k, a.value = 1, n.value = null;
       }, t.searchDebounce);
     }), H(() => {
-      u.value !== null && (clearTimeout(u.value), u.value = null);
+      n.value !== null && (clearTimeout(n.value), n.value = null);
     });
     const p = y(() => {
       if (!t.searchable || !c.value)
-        return t.items;
-      const $ = c.value.toLowerCase();
-      return t.items.filter((k) => t.columns.some((S) => {
-        if (S.searchable === !1) return !1;
-        const L = k[S.key];
-        return L == null ? !1 : String(L).toLowerCase().includes($);
+        return t.items || [];
+      const k = c.value.toLowerCase();
+      return (t.items || []).filter((S) => (t.columns || []).some((V) => {
+        if (V.searchable === !1) return !1;
+        const j = S[V.key];
+        return j == null ? !1 : String(j).toLowerCase().includes(k);
       }));
-    }), w = ($, k, S) => {
-      if ($ == null) return 1;
-      if (k == null) return -1;
-      if (typeof $ == "string" && typeof k == "string") {
-        const L = $.toLowerCase(), I = k.toLowerCase();
-        return L < I ? S ? 1 : -1 : L > I ? S ? -1 : 1 : 0;
+    }), B = (k, S, V) => {
+      if (k == null) return 1;
+      if (S == null) return -1;
+      if (typeof k == "string" && typeof S == "string") {
+        const j = k.toLowerCase(), I = S.toLowerCase();
+        return j < I ? V ? 1 : -1 : j > I ? V ? -1 : 1 : 0;
       }
-      if (typeof $ == "number" && typeof k == "number")
-        return $ < k ? S ? 1 : -1 : $ > k ? S ? -1 : 1 : 0;
-      if (typeof $ == "boolean" && typeof k == "boolean")
-        return $ === k ? 0 : ($ ? 1 : -1) * (S ? -1 : 1);
-      if ($ instanceof Date && k instanceof Date) {
-        const L = $.getTime(), I = k.getTime();
-        return L < I ? S ? 1 : -1 : L > I ? S ? -1 : 1 : 0;
+      if (typeof k == "number" && typeof S == "number")
+        return k < S ? V ? 1 : -1 : k > S ? V ? -1 : 1 : 0;
+      if (typeof k == "boolean" && typeof S == "boolean")
+        return k === S ? 0 : (k ? 1 : -1) * (V ? -1 : 1);
+      if (k instanceof Date && S instanceof Date) {
+        const j = k.getTime(), I = S.getTime();
+        return j < I ? V ? 1 : -1 : j > I ? V ? -1 : 1 : 0;
       }
       return 0;
-    }, x = y(() => {
+    }, $ = y(() => {
       if (!t.sortable || !r.value)
         return p.value;
-      const $ = [...p.value], k = r.value;
-      return $.sort((S, L) => w(S[k], L[k], n.value)), $;
-    }), j = y(() => {
+      const k = [...p.value], S = r.value;
+      return k.sort((V, j) => B(V[S], j[S], d.value)), k;
+    }), L = y(() => {
       if (!t.paginated)
-        return x.value;
-      const $ = (a.value - 1) * l.value, k = $ + l.value;
-      return x.value.slice($, k);
-    }), 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);
-    }), _ = 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(" ");
-    }), te = ($) => {
-      !t.sortable || $.sortable === !1 || (r.value === $.key ? n.value = !n.value : (r.value = $.key, n.value = !1));
-    }, R = ($) => {
-      $ < 1 || $ > O.value || (a.value = $);
+        return $.value;
+      const k = (a.value - 1) * l.value, S = k + l.value;
+      return $.value.slice(k, S);
+    }), z = 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 k = a.value * l.value;
+      return Math.min(k, N.value);
+    }), _ = y(() => (N.value !== z.value ? t.filteredInfoText : t.infoText).replace("{start}", String(K.value)).replace("{end}", String(U.value)).replace("{total}", String(N.value)).replace("{totalRows}", String(z.value))), ee = y(() => {
+      const k = ["table"];
+      return t.striped && k.push("table-striped"), t.bordered && k.push("table-bordered"), t.borderless && k.push("table-borderless"), t.hover && k.push("table-hover"), t.small && k.push("table-sm"), t.variant && k.push(`table-${t.variant}`), k.join(" ");
+    }), te = (k) => {
+      !t.sortable || k.sortable === !1 || (r.value === k.key ? d.value = !d.value : (r.value = k.key, d.value = !1));
+    }, R = (k) => {
+      k < 1 || k > O.value || (a.value = k);
     }, ae = () => {
       a.value = 1;
-    }, le = ($, k) => {
-      o("row-clicked", $, k);
-    }, ie = ($, k) => {
-      const S = $[k.key];
-      return k.formatter ? k.formatter(S, $) : S;
-    }, ne = ($) => !t.sortable || $.sortable === !1 ? "" : r.value !== $.key ? "⇅" : n.value ? "↓" : "↑", se = ($) => {
-      const k = { ...$.thStyle };
-      return t.sortable && $.sortable !== !1 && (k.cursor = "pointer"), k;
+    }, le = (k, S) => {
+      u("row-clicked", k, S);
+    }, ie = (k, S) => {
+      const V = k[S.key];
+      return S.formatter ? S.formatter(V, k) : V;
+    }, se = (k) => !t.sortable || k.sortable === !1 ? "" : r.value !== k.key ? "⇅" : d.value ? "↓" : "↑", ne = (k) => {
+      const S = { ...k.thStyle };
+      return t.sortable && k.sortable !== !1 && (S.cursor = "pointer"), S;
     };
-    return ($, k) => (i(), s("div", Ut, [
-      h("div", Qt, [
-        e.searchable ? (i(), s("div", Wt, [
+    return (k, S) => (i(), s("div", _t, [
+      h("div", ea, [
+        e.searchable ? (i(), s("div", ta, [
           W(h("input", {
-            "onUpdate:modelValue": k[0] || (k[0] = (S) => d.value = S),
+            "onUpdate:modelValue": S[0] || (S[0] = (V) => o.value = V),
             type: "search",
             class: "form-control",
             placeholder: e.searchPlaceholder
-          }, null, 8, Jt), [
-            [ue, d.value]
+          }, null, 8, aa), [
+            [ue, o.value]
           ])
-        ])) : v("", !0),
-        e.showPerPage && e.paginated ? (i(), s("div", Zt, [
-          h("div", _t, [
-            k[6] || (k[6] = h("label", { class: "me-2 mb-0" }, "Show", -1)),
+        ])) : b("", !0),
+        e.showPerPage && e.paginated ? (i(), s("div", la, [
+          h("div", ia, [
+            S[6] || (S[6] = h("label", { class: "me-2 mb-0" }, "Show", -1)),
             W(h("select", {
-              "onUpdate:modelValue": k[1] || (k[1] = (S) => l.value = S),
+              "onUpdate:modelValue": S[1] || (S[1] = (V) => l.value = V),
               class: "form-select form-select-sm",
               style: { width: "auto" },
               onChange: ae
             }, [
-              (i(!0), s(F, null, z(e.perPageOptions, (S) => (i(), s("option", {
-                key: S,
-                value: S
-              }, b(S), 9, ea))), 128))
+              (i(!0), s(M, null, A(e.perPageOptions, (V) => (i(), s("option", {
+                key: V,
+                value: V
+              }, m(V), 9, sa))), 128))
             ], 544), [
               [
                 ce,
@@ -1577,9 +1642,9 @@ const fe = /* @__PURE__ */ C({
                 { number: !0 }
               ]
             ]),
-            k[7] || (k[7] = h("span", { class: "ms-2" }, "entries", -1))
+            S[7] || (S[7] = h("span", { class: "ms-2" }, "entries", -1))
           ])
-        ])) : v("", !0)
+        ])) : b("", !0)
       ]),
       h("div", {
         class: g({ "table-responsive": e.responsive })
@@ -1589,106 +1654,106 @@ const fe = /* @__PURE__ */ C({
         }, [
           h("thead", null, [
             h("tr", null, [
-              (i(!0), s(F, null, z(e.columns, (S) => (i(), s("th", {
-                key: S.key,
-                class: g(S.headerClass),
-                style: D(se(S)),
-                onClick: (L) => te(S)
+              (i(!0), s(M, null, A(e.columns, (V) => (i(), s("th", {
+                key: V.key,
+                class: g(V.headerClass),
+                style: D(ne(V)),
+                onClick: (j) => te(V)
               }, [
-                B(b(S.label) + " ", 1),
-                e.sortable && S.sortable !== !1 ? (i(), s("span", aa, b(ne(S)), 1)) : v("", !0)
-              ], 14, ta))), 128))
+                w(m(V.label) + " ", 1),
+                e.sortable && V.sortable !== !1 ? (i(), s("span", oa, m(se(V)), 1)) : b("", !0)
+              ], 14, na))), 128))
             ])
           ]),
           h("tbody", null, [
-            (i(!0), s(F, null, z(j.value, (S, L) => (i(), s("tr", {
-              key: m(S, L),
-              onClick: (I) => le(S, L),
+            (i(!0), s(M, null, A(L.value, (V, j) => (i(), s("tr", {
+              key: v(V, j),
+              onClick: (I) => le(V, j),
               style: { cursor: "pointer" }
             }, [
-              (i(!0), s(F, null, z(e.columns, (I) => (i(), s("td", {
+              (i(!0), s(M, null, A(e.columns, (I) => (i(), s("td", {
                 key: I.key,
                 class: g(I.class),
                 style: D(I.tdStyle)
               }, [
-                V($.$slots, `cell(${I.key})`, {
-                  item: S,
-                  value: S[I.key],
-                  index: L
+                C(k.$slots, `cell(${I.key})`, {
+                  item: V,
+                  value: V[I.key],
+                  index: j
                 }, () => [
-                  B(b(ie(S, I)), 1)
+                  w(m(ie(V, I)), 1)
                 ], !0)
               ], 6))), 128))
-            ], 8, la))), 128)),
-            j.value.length === 0 && e.showEmpty ? (i(), s("tr", ia, [
+            ], 8, da))), 128)),
+            L.value.length === 0 && e.showEmpty ? (i(), s("tr", ra, [
               h("td", {
                 colspan: e.columns.length,
                 class: "text-center"
-              }, b(e.emptyText), 9, na)
-            ])) : v("", !0)
+              }, m(e.emptyText), 9, ua)
+            ])) : b("", !0)
           ])
         ], 2)
       ], 2),
-      h("div", sa, [
-        e.showInfo ? (i(), s("div", oa, [
-          h("div", da, b(_.value), 1)
-        ])) : v("", !0),
-        e.paginated && O.value > 1 ? (i(), s("div", ra, [
+      h("div", ca, [
+        e.showInfo ? (i(), s("div", fa, [
+          h("div", va, m(_.value), 1)
+        ])) : b("", !0),
+        e.paginated && O.value > 1 ? (i(), s("div", ba, [
           h("nav", null, [
-            h("ul", ua, [
+            h("ul", ma, [
               h("li", {
                 class: g(["page-item", { disabled: a.value === 1 }])
               }, [
                 h("a", {
                   class: "page-link",
                   href: "#",
-                  onClick: k[2] || (k[2] = X((S) => R(a.value - 1), ["prevent"]))
+                  onClick: S[2] || (S[2] = X((V) => R(a.value - 1), ["prevent"]))
                 }, " Previous ")
               ], 2),
-              a.value > 3 ? (i(), s("li", ca, [
+              a.value > 3 ? (i(), s("li", ha, [
                 h("a", {
                   class: "page-link",
                   href: "#",
-                  onClick: k[3] || (k[3] = X((S) => R(1), ["prevent"]))
+                  onClick: S[3] || (S[3] = X((V) => R(1), ["prevent"]))
                 }, "1")
-              ])) : v("", !0),
-              a.value > 4 ? (i(), s("li", fa, [...k[8] || (k[8] = [
+              ])) : b("", !0),
+              a.value > 4 ? (i(), s("li", ya, [...S[8] || (S[8] = [
                 h("span", { class: "page-link" }, "...", -1)
-              ])])) : v("", !0),
-              (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(), s("li", {
-                key: S,
-                class: g(["page-item", { active: S === a.value }])
+              ])])) : b("", !0),
+              (i(!0), s(M, null, A(Array.from({ length: O.value }, (V, j) => j + 1).filter(
+                (V) => V >= a.value - 2 && V <= a.value + 2
+              ), (V) => (i(), s("li", {
+                key: V,
+                class: g(["page-item", { active: V === a.value }])
               }, [
                 h("a", {
                   class: "page-link",
                   href: "#",
-                  onClick: X((L) => R(S), ["prevent"])
-                }, b(S), 9, va)
+                  onClick: X((j) => R(V), ["prevent"])
+                }, m(V), 9, ga)
               ], 2))), 128)),
-              a.value < O.value - 3 ? (i(), s("li", ba, [...k[9] || (k[9] = [
+              a.value < O.value - 3 ? (i(), s("li", pa, [...S[9] || (S[9] = [
                 h("span", { class: "page-link" }, "...", -1)
-              ])])) : v("", !0),
-              a.value < O.value - 2 ? (i(), s("li", ma, [
+              ])])) : b("", !0),
+              a.value < O.value - 2 ? (i(), s("li", ka, [
                 h("a", {
                   class: "page-link",
                   href: "#",
-                  onClick: k[4] || (k[4] = X((S) => R(O.value), ["prevent"]))
-                }, b(O.value), 1)
-              ])) : v("", !0),
+                  onClick: S[4] || (S[4] = X((V) => R(O.value), ["prevent"]))
+                }, m(O.value), 1)
+              ])) : b("", !0),
               h("li", {
                 class: g(["page-item", { disabled: a.value === O.value }])
               }, [
                 h("a", {
                   class: "page-link",
                   href: "#",
-                  onClick: k[5] || (k[5] = X((S) => R(a.value + 1), ["prevent"]))
+                  onClick: S[5] || (S[5] = X((V) => R(a.value + 1), ["prevent"]))
                 }, " Next ")
               ], 2)
             ])
           ])
-        ])) : v("", !0)
+        ])) : b("", !0)
       ])
     ]));
   }
@@ -1697,14 +1762,14 @@ const fe = /* @__PURE__ */ C({
   for (const [a, l] of f)
     t[a] = l;
   return t;
-}, ya = /* @__PURE__ */ Q(ha, [["__scopeId", "data-v-bafec986"]]), ga = { class: "mb-3" }, pa = ["for"], $a = {
+}, Sa = /* @__PURE__ */ Q($a, [["__scopeId", "data-v-25bff6a6"]]), Va = { class: "mb-3" }, Ca = ["for"], xa = {
   key: 0,
   class: "text-danger"
-}, ka = ["id", "type", "value", "placeholder", "disabled", "readonly", "required", "aria-invalid", "aria-describedby"], Sa = ["id"], Va = {
+}, wa = ["id", "type", "value", "placeholder", "disabled", "readonly", "required", "aria-invalid", "aria-describedby"], Ba = ["id"], Na = {
   key: 2,
   class: "valid-feedback",
   style: { display: "block" }
-}, Ca = ["id"], xa = /* @__PURE__ */ C({
+}, Ta = ["id"], Ma = /* @__PURE__ */ x({
   __name: "VibeFormInput",
   props: {
     modelValue: {
@@ -1729,27 +1794,27 @@ const fe = /* @__PURE__ */ C({
   emits: ["update:modelValue", "validate", "blur", "focus", "input", "change"],
   setup(e, { emit: f }) {
     const t = e, a = f, l = y(() => {
-      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);
+      const n = [];
+      return t.plaintext ? n.push("form-control-plaintext") : (n.push("form-control"), t.size && n.push(`form-control-${t.size}`)), t.validationState === "valid" && n.push("is-valid"), t.validationState === "invalid" && n.push("is-invalid"), n.join(" ");
+    }), r = (n) => {
+      const c = n.target, v = t.type === "number" ? c.value === "" ? "" : Number(c.value) : c.value;
+      a("update:modelValue", v), a("input", n), t.validateOn === "input" && a("validate");
+    }, d = (n) => {
+      a("change", n), t.validateOn === "change" && a("validate");
+    }, u = (n) => {
+      a("blur", n), t.validateOn === "blur" && a("validate");
+    }, o = (n) => {
+      a("focus", n);
     };
-    return (u, c) => (i(), s("div", ga, [
+    return (n, c) => (i(), s("div", Va, [
       e.label ? (i(), s("label", {
         key: 0,
         for: e.id,
         class: "form-label"
       }, [
-        B(b(e.label) + " ", 1),
-        e.required ? (i(), s("span", $a, "*")) : v("", !0)
-      ], 8, pa)) : v("", !0),
+        w(m(e.label) + " ", 1),
+        e.required ? (i(), s("span", xa, "*")) : b("", !0)
+      ], 8, Ca)) : b("", !0),
       h("input", {
         id: e.id,
         type: e.type,
@@ -1762,32 +1827,32 @@ const fe = /* @__PURE__ */ C({
         "aria-invalid": e.validationState === "invalid",
         "aria-describedby": e.validationMessage || e.helpText ? `${e.id}-feedback` : void 0,
         onInput: r,
-        onChange: n,
-        onBlur: o,
-        onFocus: d
-      }, null, 42, ka),
+        onChange: d,
+        onBlur: u,
+        onFocus: o
+      }, null, 42, wa),
       e.helpText && !e.validationMessage ? (i(), s("div", {
         key: 1,
         id: `${e.id}-feedback`,
         class: "form-text"
-      }, b(e.helpText), 9, Sa)) : v("", !0),
-      e.validationState === "valid" ? (i(), s("div", Va, b(e.validationMessage || "Looks good!"), 1)) : v("", !0),
+      }, m(e.helpText), 9, Ba)) : b("", !0),
+      e.validationState === "valid" ? (i(), s("div", Na, m(e.validationMessage || "Looks good!"), 1)) : b("", !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, Ca)) : v("", !0)
+      }, m(e.validationMessage || "Please provide a valid value."), 9, Ta)) : b("", !0)
     ]));
   }
-}), Ba = { class: "mb-3" }, wa = ["for"], Na = {
+}), qa = { class: "mb-3" }, Pa = ["for"], Fa = {
   key: 0,
   class: "text-danger"
-}, Ta = ["id", "value", "disabled", "required", "multiple", "size", "aria-invalid", "aria-describedby"], Ma = ["selected"], qa = ["value", "disabled"], Pa = ["id"], Fa = {
+}, La = ["id", "value", "disabled", "required", "multiple", "size", "aria-invalid", "aria-describedby"], za = ["selected"], ja = ["value", "disabled"], Aa = ["id"], Ia = {
   key: 2,
   class: "valid-feedback",
   style: { display: "block" }
-}, La = ["id"], za = /* @__PURE__ */ C({
+}, Oa = ["id"], Da = /* @__PURE__ */ x({
   __name: "VibeFormSelect",
   props: {
     modelValue: {
@@ -1813,26 +1878,26 @@ const fe = /* @__PURE__ */ C({
   emits: ["update:modelValue", "validate", "blur", "focus", "change"],
   setup(e, { emit: f }) {
     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(" ");
-    }), r = (d) => {
-      const u = d.target;
+      const o = ["form-select"];
+      return t.size && o.push(`form-select-${t.size}`), t.validationState === "valid" && o.push("is-valid"), t.validationState === "invalid" && o.push("is-invalid"), o.join(" ");
+    }), r = (o) => {
+      const n = o.target;
       let c;
-      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");
-    }, o = (d) => {
-      a("focus", d);
+      t.multiple ? c = Array.from(n.selectedOptions).map((p) => p.value) : c = n.value, a("update:modelValue", c), a("change", o), t.validateOn === "change" && a("validate");
+    }, d = (o) => {
+      a("blur", o), t.validateOn === "blur" && a("validate");
+    }, u = (o) => {
+      a("focus", o);
     };
-    return (d, u) => (i(), s("div", Ba, [
+    return (o, n) => (i(), s("div", qa, [
       e.label ? (i(), s("label", {
         key: 0,
         for: e.id,
         class: "form-label"
       }, [
-        B(b(e.label) + " ", 1),
-        e.required ? (i(), s("span", Na, "*")) : v("", !0)
-      ], 8, wa)) : v("", !0),
+        w(m(e.label) + " ", 1),
+        e.required ? (i(), s("span", Fa, "*")) : b("", !0)
+      ], 8, Pa)) : b("", !0),
       h("select", {
         id: e.id,
         class: g(l.value),
@@ -1844,47 +1909,47 @@ const fe = /* @__PURE__ */ C({
         "aria-invalid": e.validationState === "invalid",
         "aria-describedby": e.validationMessage || e.helpText ? `${e.id}-feedback` : void 0,
         onChange: r,
-        onBlur: n,
-        onFocus: o
+        onBlur: d,
+        onFocus: u
       }, [
         e.placeholder && !e.multiple ? (i(), s("option", {
           key: 0,
           value: "",
           disabled: "",
           selected: !e.modelValue
-        }, b(e.placeholder), 9, Ma)) : v("", !0),
-        (i(!0), s(F, null, z(e.options, (c) => (i(), s("option", {
+        }, m(e.placeholder), 9, za)) : b("", !0),
+        (i(!0), s(M, null, A(e.options, (c) => (i(), s("option", {
           key: c.value,
           value: c.value,
           disabled: c.disabled
-        }, b(c.text), 9, qa))), 128)),
-        V(d.$slots, "default")
-      ], 42, Ta),
+        }, m(c.text), 9, ja))), 128)),
+        C(o.$slots, "default")
+      ], 42, La),
       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(), s("div", Fa, b(e.validationMessage || "Looks good!"), 1)) : v("", !0),
+      }, m(e.helpText), 9, Aa)) : b("", !0),
+      e.validationState === "valid" ? (i(), s("div", Ia, m(e.validationMessage || "Looks good!"), 1)) : b("", !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, La)) : v("", !0)
+      }, m(e.validationMessage || "Please select a valid option."), 9, Oa)) : b("", !0)
     ]));
   }
-}), ja = { class: "mb-3" }, Aa = ["for"], Ia = {
+}), Ea = { class: "mb-3" }, Ra = ["for"], Xa = {
   key: 0,
   class: "text-danger"
-}, Oa = ["id", "value", "placeholder", "disabled", "readonly", "required", "rows", "maxlength", "aria-invalid", "aria-describedby"], Ea = {
+}, Ya = ["id", "value", "placeholder", "disabled", "readonly", "required", "rows", "maxlength", "aria-invalid", "aria-describedby"], Ga = {
   key: 1,
   class: "form-text"
-}, Da = ["id"], Ra = {
+}, Ha = ["id"], Ka = {
   key: 3,
   class: "valid-feedback",
   style: { display: "block" }
-}, Xa = ["id"], Ya = /* @__PURE__ */ C({
+}, Ua = ["id"], Qa = /* @__PURE__ */ x({
   __name: "VibeFormTextarea",
   props: {
     modelValue: {
@@ -1911,30 +1976,30 @@ const fe = /* @__PURE__ */ C({
   emits: ["update:modelValue", "validate", "blur", "focus", "input", "change"],
   setup(e, { emit: f }) {
     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(" ");
+      const v = ["form-control"];
+      return t.size && v.push(`form-control-${t.size}`), t.validationState === "valid" && v.push("is-valid"), t.validationState === "invalid" && v.push("is-invalid"), v.join(" ");
     }), r = y(() => {
-      const m = typeof t.modelValue == "string" ? t.modelValue : "";
-      return m ? m.length : 0;
-    }), 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");
-    }, u = (m) => {
-      a("blur", m), t.validateOn === "blur" && a("validate");
-    }, c = (m) => {
-      a("focus", m);
+      const v = typeof t.modelValue == "string" ? t.modelValue : "";
+      return v ? v.length : 0;
+    }), d = y(() => t.maxlength ? `${r.value} / ${t.maxlength}` : `${r.value}`), u = (v) => {
+      const p = v.target;
+      a("update:modelValue", p.value), a("input", v), t.validateOn === "input" && a("validate");
+    }, o = (v) => {
+      a("change", v), t.validateOn === "change" && a("validate");
+    }, n = (v) => {
+      a("blur", v), t.validateOn === "blur" && a("validate");
+    }, c = (v) => {
+      a("focus", v);
     };
-    return (m, p) => (i(), s("div", ja, [
+    return (v, p) => (i(), s("div", Ea, [
       e.label ? (i(), s("label", {
         key: 0,
         for: e.id,
         class: "form-label"
       }, [
-        B(b(e.label) + " ", 1),
-        e.required ? (i(), s("span", Ia, "*")) : v("", !0)
-      ], 8, Aa)) : v("", !0),
+        w(m(e.label) + " ", 1),
+        e.required ? (i(), s("span", Xa, "*")) : b("", !0)
+      ], 8, Ra)) : b("", !0),
       h("textarea", {
         id: e.id,
         class: g(l.value),
@@ -1947,34 +2012,34 @@ const fe = /* @__PURE__ */ C({
         maxlength: e.maxlength,
         "aria-invalid": e.validationState === "invalid",
         "aria-describedby": e.validationMessage || e.helpText ? `${e.id}-feedback` : void 0,
-        onInput: o,
-        onChange: d,
-        onBlur: u,
+        onInput: u,
+        onChange: o,
+        onBlur: n,
         onFocus: c
-      }, null, 42, Oa),
-      e.showCharCount ? (i(), s("div", Ea, b(n.value), 1)) : v("", !0),
+      }, null, 42, Ya),
+      e.showCharCount ? (i(), s("div", Ga, m(d.value), 1)) : b("", !0),
       e.helpText && !e.validationMessage && !e.showCharCount ? (i(), s("div", {
         key: 2,
         id: `${e.id}-feedback`,
         class: "form-text"
-      }, b(e.helpText), 9, Da)) : v("", !0),
-      e.validationState === "valid" ? (i(), s("div", Ra, b(e.validationMessage || "Looks good!"), 1)) : v("", !0),
+      }, m(e.helpText), 9, Ha)) : b("", !0),
+      e.validationState === "valid" ? (i(), s("div", Ka, m(e.validationMessage || "Looks good!"), 1)) : b("", !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, Xa)) : v("", !0)
+      }, m(e.validationMessage || "Please provide a valid value."), 9, Ua)) : b("", !0)
     ]));
   }
-}), Ga = { class: "mb-3" }, Ha = ["for"], Ka = {
+}), Wa = { class: "mb-3" }, Ja = ["for"], Za = {
   key: 0,
   class: "text-danger"
-}, Ua = ["disabled"], Qa = ["id", "value", "disabled", "readonly", "required", "min", "max", "step", "aria-invalid", "aria-describedby"], Wa = ["disabled"], Ja = ["id"], Za = {
+}, _a = ["disabled"], el = ["id", "value", "disabled", "readonly", "required", "min", "max", "step", "aria-invalid", "aria-describedby"], tl = ["disabled"], al = ["id"], ll = {
   key: 2,
   class: "valid-feedback",
   style: { display: "block" }
-}, _a = ["id"], el = /* @__PURE__ */ C({
+}, il = ["id"], sl = /* @__PURE__ */ x({
   __name: "VibeFormSpinbutton",
   props: {
     modelValue: {
@@ -2002,51 +2067,51 @@ const fe = /* @__PURE__ */ C({
   emits: ["update:modelValue", "validate", "blur", "focus", "input", "change", "increment", "decrement"],
   setup(e, { emit: f }) {
     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(" ");
+      const $ = ["form-control"];
+      return t.size && $.push(`form-control-${t.size}`), t.validationState === "valid" && $.push("is-valid"), t.validationState === "invalid" && $.push("is-invalid"), $.join(" ");
     }), r = y(() => {
-      const x = ["input-group"];
-      return t.size && x.push(`input-group-${t.size}`), t.vertical && x.push("input-group-vertical"), x.join(" ");
-    }), 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);
+      const $ = ["input-group"];
+      return t.size && $.push(`input-group-${t.size}`), t.vertical && $.push("input-group-vertical"), $.join(" ");
+    }), d = 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), o = ($) => {
+      const L = $.target;
+      let z = L.value === "" ? 0 : Number(L.value);
+      t.min !== void 0 && z < t.min && (z = t.min), t.max !== void 0 && z > t.max && (z = t.max), a("update:modelValue", z), a("input", $), t.validateOn === "input" && a("validate");
+    }, n = ($) => {
+      a("change", $), t.validateOn === "change" && a("validate");
+    }, c = ($) => {
+      a("blur", $), t.validateOn === "blur" && a("validate");
+    }, v = ($) => {
+      a("focus", $);
     }, p = () => {
-      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");
-    }, 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");
+      if (!u.value) return;
+      let $ = t.modelValue + t.step;
+      t.max !== void 0 && $ > t.max && ($ = t.wrap ? t.min ?? 0 : t.max), a("update:modelValue", $), a("increment", $), t.validateOn === "change" && a("validate");
+    }, B = () => {
+      if (!d.value) return;
+      let $ = t.modelValue - t.step;
+      t.min !== void 0 && $ < t.min && ($ = t.wrap ? t.max ?? 0 : t.min), a("update:modelValue", $), a("decrement", $), t.validateOn === "change" && a("validate");
     };
-    return (x, j) => (i(), s("div", Ga, [
+    return ($, L) => (i(), s("div", Wa, [
       e.label ? (i(), s("label", {
         key: 0,
         for: e.id,
         class: "form-label"
       }, [
-        B(b(e.label) + " ", 1),
-        e.required ? (i(), s("span", Ka, "*")) : v("", !0)
-      ], 8, Ha)) : v("", !0),
+        w(m(e.label) + " ", 1),
+        e.required ? (i(), s("span", Za, "*")) : b("", !0)
+      ], 8, Ja)) : b("", !0),
       h("div", {
         class: g(r.value)
       }, [
         h("button", {
           class: "btn btn-outline-secondary",
           type: "button",
-          disabled: !n.value,
-          onClick: w,
+          disabled: !d.value,
+          onClick: B,
           "aria-label": "Decrement"
-        }, [...j[0] || (j[0] = [
+        }, [...L[0] || (L[0] = [
           h("span", { "aria-hidden": "true" }, "−", -1)
-        ])], 8, Ua),
+        ])], 8, _a),
         h("input", {
           id: e.id,
           type: "number",
@@ -2060,43 +2125,43 @@ const fe = /* @__PURE__ */ C({
           step: e.step,
           "aria-invalid": e.validationState === "invalid",
           "aria-describedby": e.validationMessage || e.helpText ? `${e.id}-feedback` : void 0,
-          onInput: d,
-          onChange: u,
+          onInput: o,
+          onChange: n,
           onBlur: c,
-          onFocus: m
-        }, null, 42, Qa),
+          onFocus: v
+        }, null, 42, el),
         h("button", {
           class: "btn btn-outline-secondary",
           type: "button",
-          disabled: !o.value,
+          disabled: !u.value,
           onClick: p,
           "aria-label": "Increment"
-        }, [...j[1] || (j[1] = [
+        }, [...L[1] || (L[1] = [
           h("span", { "aria-hidden": "true" }, "+", -1)
-        ])], 8, Wa)
+        ])], 8, tl)
       ], 2),
       e.helpText && !e.validationMessage ? (i(), s("div", {
         key: 1,
         id: `${e.id}-feedback`,
         class: "form-text"
-      }, b(e.helpText), 9, Ja)) : v("", !0),
-      e.validationState === "valid" ? (i(), s("div", Za, b(e.validationMessage || "Looks good!"), 1)) : v("", !0),
+      }, m(e.helpText), 9, al)) : b("", !0),
+      e.validationState === "valid" ? (i(), s("div", ll, m(e.validationMessage || "Looks good!"), 1)) : b("", !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, _a)) : v("", !0)
+      }, m(e.validationMessage || "Please provide a valid value."), 9, il)) : b("", !0)
     ]));
   }
-}), tl = /* @__PURE__ */ Q(el, [["__scopeId", "data-v-fbee244e"]]), al = { class: "mb-3" }, ll = ["for"], il = {
+}), nl = /* @__PURE__ */ Q(sl, [["__scopeId", "data-v-fbee244e"]]), ol = { class: "mb-3" }, dl = ["for"], rl = {
   key: 0,
   class: "text-danger"
-}, nl = ["id", "type", "value", "disabled", "readonly", "required", "min", "max", "aria-invalid", "aria-describedby"], sl = ["id"], ol = {
+}, ul = ["id", "type", "value", "disabled", "readonly", "required", "min", "max", "aria-invalid", "aria-describedby"], cl = ["id"], fl = {
   key: 2,
   class: "valid-feedback",
   style: { display: "block" }
-}, dl = ["id"], rl = /* @__PURE__ */ C({
+}, vl = ["id"], bl = /* @__PURE__ */ x({
   __name: "VibeFormDatepicker",
   props: {
     modelValue: {
@@ -2122,27 +2187,27 @@ const fe = /* @__PURE__ */ C({
   emits: ["update:modelValue", "validate", "blur", "focus", "input", "change"],
   setup(e, { emit: f }) {
     const t = e, a = f, l = y(() => {
-      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);
+      const n = ["form-control"];
+      return t.size && n.push(`form-control-${t.size}`), t.validationState === "valid" && n.push("is-valid"), t.validationState === "invalid" && n.push("is-invalid"), n.join(" ");
+    }), r = (n) => {
+      const c = n.target;
+      a("update:modelValue", c.value), a("input", n), t.validateOn === "input" && a("validate");
+    }, d = (n) => {
+      a("change", n), t.validateOn === "change" && a("validate");
+    }, u = (n) => {
+      a("blur", n), t.validateOn === "blur" && a("validate");
+    }, o = (n) => {
+      a("focus", n);
     };
-    return (u, c) => (i(), s("div", al, [
+    return (n, c) => (i(), s("div", ol, [
       e.label ? (i(), s("label", {
         key: 0,
         for: e.id,
         class: "form-label"
       }, [
-        B(b(e.label) + " ", 1),
-        e.required ? (i(), s("span", il, "*")) : v("", !0)
-      ], 8, ll)) : v("", !0),
+        w(m(e.label) + " ", 1),
+        e.required ? (i(), s("span", rl, "*")) : b("", !0)
+      ], 8, dl)) : b("", !0),
       h("input", {
         id: e.id,
         type: e.type,
@@ -2156,32 +2221,32 @@ const fe = /* @__PURE__ */ C({
         "aria-invalid": e.validationState === "invalid",
         "aria-describedby": e.validationMessage || e.helpText ? `${e.id}-feedback` : void 0,
         onInput: r,
-        onChange: n,
-        onBlur: o,
-        onFocus: d
-      }, null, 42, nl),
+        onChange: d,
+        onBlur: u,
+        onFocus: o
+      }, null, 42, ul),
       e.helpText && !e.validationMessage ? (i(), s("div", {
         key: 1,
         id: `${e.id}-feedback`,
         class: "form-text"
-      }, b(e.helpText), 9, sl)) : v("", !0),
-      e.validationState === "valid" ? (i(), s("div", ol, b(e.validationMessage || "Looks good!"), 1)) : v("", !0),
+      }, m(e.helpText), 9, cl)) : b("", !0),
+      e.validationState === "valid" ? (i(), s("div", fl, m(e.validationMessage || "Looks good!"), 1)) : b("", !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, dl)) : v("", !0)
+      }, m(e.validationMessage || "Please provide a valid date."), 9, vl)) : b("", !0)
     ]));
   }
-}), ul = ["id", "checked", "value", "disabled", "required", "indeterminate", "aria-invalid", "aria-describedby"], cl = ["for"], fl = {
+}), ml = ["id", "checked", "value", "disabled", "required", "indeterminate", "aria-invalid", "aria-describedby"], hl = ["for"], yl = {
   key: 0,
   class: "text-danger"
-}, vl = ["id"], bl = {
+}, gl = ["id"], pl = {
   key: 2,
   class: "valid-feedback",
   style: { display: "block" }
-}, ml = ["id"], hl = /* @__PURE__ */ C({
+}, kl = ["id"], $l = /* @__PURE__ */ x({
   __name: "VibeFormCheckbox",
   props: {
     modelValue: {
@@ -2210,72 +2275,72 @@ const fe = /* @__PURE__ */ C({
     }), r = y(() => {
       const c = ["form-check"];
       return t.inline && c.push("form-check-inline"), c.join(" ");
-    }), n = y(() => Array.isArray(t.modelValue) ? t.modelValue.includes(t.value) : t.modelValue === t.value || t.modelValue === !0), o = (c) => {
-      const m = c.target;
+    }), d = y(() => Array.isArray(t.modelValue) ? t.modelValue.includes(t.value) : t.modelValue === t.value || t.modelValue === !0), u = (c) => {
+      const v = c.target;
       let p;
       if (Array.isArray(t.modelValue))
-        if (p = [...t.modelValue], m.checked)
+        if (p = [...t.modelValue], v.checked)
           p.includes(t.value) || p.push(t.value);
         else {
-          const w = p.indexOf(t.value);
-          w > -1 && p.splice(w, 1);
+          const B = p.indexOf(t.value);
+          B > -1 && p.splice(B, 1);
         }
       else
-        p = m.checked;
+        p = v.checked;
       a("update:modelValue", p), a("change", c), t.validateOn === "change" && a("validate");
-    }, d = (c) => {
+    }, o = (c) => {
       a("blur", c), t.validateOn === "blur" && a("validate");
-    }, u = (c) => {
+    }, n = (c) => {
       a("focus", c);
     };
-    return (c, m) => (i(), s("div", {
+    return (c, v) => (i(), s("div", {
       class: g(r.value)
     }, [
       h("input", {
         id: e.id,
         type: "checkbox",
         class: g(l.value),
-        checked: n.value,
+        checked: d.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: o,
-        onBlur: d,
-        onFocus: u
-      }, null, 42, ul),
+        onChange: u,
+        onBlur: o,
+        onFocus: n
+      }, null, 42, ml),
       e.label ? (i(), s("label", {
         key: 0,
         for: e.id,
         class: "form-check-label"
       }, [
-        B(b(e.label) + " ", 1),
-        e.required ? (i(), s("span", fl, "*")) : v("", !0)
-      ], 8, cl)) : v("", !0),
+        w(m(e.label) + " ", 1),
+        e.required ? (i(), s("span", yl, "*")) : b("", !0)
+      ], 8, hl)) : b("", !0),
       e.helpText && !e.validationMessage ? (i(), s("div", {
         key: 1,
         id: `${e.id}-feedback`,
         class: "form-text"
-      }, b(e.helpText), 9, vl)) : v("", !0),
-      e.validationState === "valid" ? (i(), s("div", bl, b(e.validationMessage || "Looks good!"), 1)) : v("", !0),
+      }, m(e.helpText), 9, gl)) : b("", !0),
+      e.validationState === "valid" ? (i(), s("div", pl, m(e.validationMessage || "Looks good!"), 1)) : b("", !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, ml)) : v("", !0)
+      }, m(e.validationMessage || "You must check this box."), 9, kl)) : b("", !0)
     ], 2));
   }
-}), yl = ["id", "checked", "value", "name", "disabled", "required", "aria-invalid", "aria-describedby"], gl = ["for"], pl = {
+}), Sl = ["id", "checked", "value", "name", "disabled", "required", "aria-invalid", "aria-describedby"], Vl = ["for"], Cl = {
   key: 0,
   class: "text-danger"
-}, $l = ["id"], kl = {
+}, xl = ["id"], wl = {
   key: 2,
   class: "valid-feedback",
   style: { display: "block" }
-}, Sl = ["id"], Vl = /* @__PURE__ */ C({
+}, Bl = ["id"], Nl = /* @__PURE__ */ x({
   __name: "VibeFormRadio",
   props: {
     modelValue: {
@@ -2304,61 +2369,61 @@ const fe = /* @__PURE__ */ C({
     }), r = y(() => {
       const c = ["form-check"];
       return t.inline && c.push("form-check-inline"), c.join(" ");
-    }), n = y(() => t.modelValue === t.value), o = (c) => {
+    }), d = y(() => t.modelValue === t.value), u = (c) => {
       c.target.checked && a("update:modelValue", t.value), a("change", c), t.validateOn === "change" && a("validate");
-    }, d = (c) => {
+    }, o = (c) => {
       a("blur", c), t.validateOn === "blur" && a("validate");
-    }, u = (c) => {
+    }, n = (c) => {
       a("focus", c);
     };
-    return (c, m) => (i(), s("div", {
+    return (c, v) => (i(), s("div", {
       class: g(r.value)
     }, [
       h("input", {
         id: e.id,
         type: "radio",
         class: g(l.value),
-        checked: n.value,
+        checked: d.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: o,
-        onBlur: d,
-        onFocus: u
-      }, null, 42, yl),
+        onChange: u,
+        onBlur: o,
+        onFocus: n
+      }, null, 42, Sl),
       e.label ? (i(), s("label", {
         key: 0,
         for: e.id,
         class: "form-check-label"
       }, [
-        B(b(e.label) + " ", 1),
-        e.required ? (i(), s("span", pl, "*")) : v("", !0)
-      ], 8, gl)) : v("", !0),
+        w(m(e.label) + " ", 1),
+        e.required ? (i(), s("span", Cl, "*")) : b("", !0)
+      ], 8, Vl)) : b("", !0),
       e.helpText && !e.validationMessage ? (i(), s("div", {
         key: 1,
         id: `${e.id}-feedback`,
         class: "form-text"
-      }, b(e.helpText), 9, $l)) : v("", !0),
-      e.validationState === "valid" ? (i(), s("div", kl, b(e.validationMessage || "Looks good!"), 1)) : v("", !0),
+      }, m(e.helpText), 9, xl)) : b("", !0),
+      e.validationState === "valid" ? (i(), s("div", wl, m(e.validationMessage || "Looks good!"), 1)) : b("", !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, Sl)) : v("", !0)
+      }, m(e.validationMessage || "Please select an option."), 9, Bl)) : b("", !0)
     ], 2));
   }
-}), Cl = { class: "form-check form-switch" }, xl = ["id", "checked", "disabled", "required", "aria-invalid", "aria-describedby"], Bl = ["for"], wl = {
+}), Tl = { class: "form-check form-switch" }, Ml = ["id", "checked", "disabled", "required", "aria-invalid", "aria-describedby"], ql = ["for"], Pl = {
   key: 0,
   class: "text-danger"
-}, Nl = ["id"], Tl = {
+}, Fl = ["id"], Ll = {
   key: 2,
   class: "valid-feedback",
   style: { display: "block" }
-}, Ml = ["id"], ql = /* @__PURE__ */ C({
+}, zl = ["id"], jl = /* @__PURE__ */ x({
   __name: "VibeFormSwitch",
   props: {
     modelValue: {
@@ -2379,17 +2444,17 @@ const fe = /* @__PURE__ */ C({
   emits: ["update:modelValue", "validate", "blur", "focus", "change"],
   setup(e, { emit: f }) {
     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(" ");
-    }), 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");
-    }, o = (d) => {
-      a("focus", d);
+      const o = ["form-check-input"];
+      return t.validationState === "valid" && o.push("is-valid"), t.validationState === "invalid" && o.push("is-invalid"), o.join(" ");
+    }), r = (o) => {
+      const n = o.target;
+      a("update:modelValue", n.checked), a("change", o), t.validateOn === "change" && a("validate");
+    }, d = (o) => {
+      a("blur", o), t.validateOn === "blur" && a("validate");
+    }, u = (o) => {
+      a("focus", o);
     };
-    return (d, u) => (i(), s("div", Cl, [
+    return (o, n) => (i(), s("div", Tl, [
       h("input", {
         id: e.id,
         type: "checkbox",
@@ -2401,46 +2466,46 @@ const fe = /* @__PURE__ */ C({
         "aria-describedby": e.validationMessage || e.helpText ? `${e.id}-feedback` : void 0,
         role: "switch",
         onChange: r,
-        onBlur: n,
-        onFocus: o
-      }, null, 42, xl),
+        onBlur: d,
+        onFocus: u
+      }, null, 42, Ml),
       e.label ? (i(), s("label", {
         key: 0,
         for: e.id,
         class: "form-check-label"
       }, [
-        B(b(e.label) + " ", 1),
-        e.required ? (i(), s("span", wl, "*")) : v("", !0)
-      ], 8, Bl)) : v("", !0),
+        w(m(e.label) + " ", 1),
+        e.required ? (i(), s("span", Pl, "*")) : b("", !0)
+      ], 8, ql)) : b("", !0),
       e.helpText && !e.validationMessage ? (i(), s("div", {
         key: 1,
         id: `${e.id}-feedback`,
         class: "form-text"
-      }, b(e.helpText), 9, Nl)) : v("", !0),
-      e.validationState === "valid" ? (i(), s("div", Tl, b(e.validationMessage || "Looks good!"), 1)) : v("", !0),
+      }, m(e.helpText), 9, Fl)) : b("", !0),
+      e.validationState === "valid" ? (i(), s("div", Ll, m(e.validationMessage || "Looks good!"), 1)) : b("", !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, Ml)) : v("", !0)
+      }, m(e.validationMessage || "You must toggle this switch."), 9, zl)) : b("", !0)
     ]));
   }
-}), Pl = ["for"], Fl = {
+}), Al = ["for"], Il = {
   key: 0,
   class: "text-danger"
-}, Ll = ["id"], zl = {
+}, Ol = ["id"], Dl = {
   key: 1,
   class: "valid-feedback",
   style: { display: "block" }
-}, jl = ["id"], Al = ["for"], Il = {
+}, El = ["id"], Rl = ["for"], Xl = {
   key: 0,
   class: "text-danger"
-}, Ol = ["id"], El = {
+}, Yl = ["id"], Gl = {
   key: 2,
   class: "valid-feedback",
   style: { display: "block" }
-}, Dl = ["id"], Rl = /* @__PURE__ */ C({
+}, Hl = ["id"], Kl = /* @__PURE__ */ x({
   __name: "VibeFormGroup",
   props: {
     label: { type: String, default: void 0 },
@@ -2456,13 +2521,13 @@ const fe = /* @__PURE__ */ C({
   },
   setup(e) {
     const f = e, t = y(() => {
-      const n = [];
-      return f.floating ? n.push("form-floating") : f.row ? n.push("row", "mb-3") : n.push("mb-3"), n.join(" ");
+      const d = [];
+      return f.floating ? d.push("form-floating") : f.row ? d.push("row", "mb-3") : d.push("mb-3"), d.join(" ");
     }), a = y(() => {
-      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(" ");
+      const d = [];
+      return f.floating ? d.push("form-label") : f.row ? (d.push("col-form-label"), f.labelCols && d.push(`col-sm-${f.labelCols}`), f.labelAlign && d.push(`text-${f.labelAlign}`)) : d.push("form-label"), d.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", {
+    return (d, u) => (i(), s("div", {
       class: g(t.value)
     }, [
       e.label && !e.floating ? (i(), s("label", {
@@ -2470,63 +2535,63 @@ const fe = /* @__PURE__ */ C({
         for: e.labelFor,
         class: g(a.value)
       }, [
-        B(b(e.label) + " ", 1),
-        e.required ? (i(), s("span", Fl, "*")) : v("", !0)
-      ], 10, Pl)) : v("", !0),
+        w(m(e.label) + " ", 1),
+        e.required ? (i(), s("span", Il, "*")) : b("", !0)
+      ], 10, Al)) : b("", !0),
       e.row && e.labelCols ? (i(), s("div", {
         key: 1,
         class: g(l.value)
       }, [
-        V(n.$slots, "default"),
+        C(d.$slots, "default"),
         e.helpText && !e.validationMessage ? (i(), s("div", {
           key: 0,
           id: r.value,
           class: "form-text"
-        }, b(e.helpText), 9, Ll)) : v("", !0),
-        e.validationState === "valid" ? (i(), s("div", zl, b(e.validationMessage || "Looks good!"), 1)) : v("", !0),
+        }, m(e.helpText), 9, Ol)) : b("", !0),
+        e.validationState === "valid" ? (i(), s("div", Dl, m(e.validationMessage || "Looks good!"), 1)) : b("", !0),
         e.validationState === "invalid" ? (i(), s("div", {
           key: 2,
           id: r.value,
           class: "invalid-feedback",
           style: { display: "block" }
-        }, b(e.validationMessage || "Please provide a valid value."), 9, jl)) : v("", !0)
-      ], 2)) : (i(), s(F, { key: 2 }, [
-        V(n.$slots, "default"),
+        }, m(e.validationMessage || "Please provide a valid value."), 9, El)) : b("", !0)
+      ], 2)) : (i(), s(M, { key: 2 }, [
+        C(d.$slots, "default"),
         e.label && e.floating ? (i(), s("label", {
           key: 0,
           for: e.labelFor,
           class: g(a.value)
         }, [
-          B(b(e.label) + " ", 1),
-          e.required ? (i(), s("span", Il, "*")) : v("", !0)
-        ], 10, Al)) : v("", !0),
+          w(m(e.label) + " ", 1),
+          e.required ? (i(), s("span", Xl, "*")) : b("", !0)
+        ], 10, Rl)) : b("", !0),
         e.helpText && !e.validationMessage ? (i(), s("div", {
           key: 1,
           id: r.value,
           class: "form-text"
-        }, b(e.helpText), 9, Ol)) : v("", !0),
-        e.validationState === "valid" ? (i(), s("div", El, b(e.validationMessage || "Looks good!"), 1)) : v("", !0),
+        }, m(e.helpText), 9, Yl)) : b("", !0),
+        e.validationState === "valid" ? (i(), s("div", Gl, m(e.validationMessage || "Looks good!"), 1)) : b("", !0),
         e.validationState === "invalid" ? (i(), s("div", {
           key: 3,
           id: r.value,
           class: "invalid-feedback",
           style: { display: "block" }
-        }, b(e.validationMessage || "Please provide a valid value."), 9, Dl)) : v("", !0)
+        }, m(e.validationMessage || "Please provide a valid value."), 9, Hl)) : b("", !0)
       ], 64))
     ], 2));
   }
-}), Xl = { class: "mb-3" }, Yl = ["for"], Gl = {
+}), Ul = { class: "mb-3" }, Ql = ["for"], Wl = {
   key: 0,
   class: "text-danger"
-}, Hl = {
+}, Jl = {
   key: 1,
   class: "alert alert-warning",
   role: "alert"
-}, Kl = ["id"], Ul = ["id"], Ql = {
+}, Zl = ["id"], _l = ["id"], ei = {
   key: 4,
   class: "valid-feedback",
   style: { display: "block" }
-}, Wl = ["id"], Jl = /* @__PURE__ */ C({
+}, ti = ["id"], ai = /* @__PURE__ */ x({
   __name: "VibeFormWysiwyg",
   props: {
     modelValue: {
@@ -2550,19 +2615,19 @@ const fe = /* @__PURE__ */ C({
   },
   emits: ["update:modelValue", "validate", "blur", "focus", "change", "ready"],
   setup(e, { emit: f }) {
-    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 t = e, a = f, l = T(null), r = T(null), d = T(!1), u = T(null), o = T(!1), n = T(null), c = T(null), v = 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(" ");
-    }), w = [
+    }), B = [
       [{ 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 ? 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();
+    ], $ = () => t.toolbar === !1 ? !1 : t.toolbar === !0 || t.toolbar === void 0 ? B : t.toolbar, L = (N) => {
+      r.value && (o.value = !0, r.value.setContents([], "silent"), N && r.value.clipboard.dangerouslyPasteHTML(N, "silent"), o.value = !1);
+    }, z = () => !r.value || r.value.getText().trim().length === 0 ? "" : r.value.getSemanticHTML();
     return G(async () => {
       try {
         const N = await import("quill"), O = N.default || N;
@@ -2572,41 +2637,41 @@ const fe = /* @__PURE__ */ C({
             placeholder: t.placeholder,
             readOnly: t.readonly || t.disabled,
             modules: {
-              toolbar: x()
+              toolbar: $()
             }
           };
-          r.value = new O(l.value, K), t.modelValue && j(t.modelValue), m.value = () => {
-            if (d.value) return;
-            const U = A();
+          r.value = new O(l.value, K), t.modelValue && L(t.modelValue), v.value = () => {
+            if (o.value) return;
+            const U = z();
             a("update:modelValue", U), a("change"), t.validateOn === "change" && a("validate");
-          }, r.value.on("text-change", m.value), u.value = () => {
+          }, r.value.on("text-change", v.value), n.value = () => {
             a("blur"), t.validateOn === "blur" && a("validate");
-          }, r.value.root.addEventListener("blur", u.value), c.value = () => {
+          }, r.value.root.addEventListener("blur", n.value), c.value = () => {
             a("focus");
-          }, r.value.root.addEventListener("focus", c.value), n.value = !0, a("ready", r.value);
+          }, r.value.root.addEventListener("focus", c.value), d.value = !0, a("ready", r.value);
         }
       } catch (N) {
-        console.error("Failed to load Quill editor:", N), o.value = "Failed to load WYSIWYG editor. Please install quill: npm install quill", n.value = !1;
+        console.error("Failed to load Quill editor:", N), u.value = "Failed to load WYSIWYG editor. Please install quill: npm install quill", d.value = !1;
       }
     }), H(() => {
-      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);
+      r.value && (v.value && (r.value.off("text-change", v.value), v.value = null), n.value && (r.value.root.removeEventListener("blur", n.value), n.value = null), c.value && (r.value.root.removeEventListener("focus", c.value), c.value = null), r.value = null);
     }), E(() => t.modelValue, (N) => {
       if (!r.value) return;
-      A() !== (N || "") && j(N || "");
+      z() !== (N || "") && L(N || "");
     }), E(() => t.disabled, (N) => {
       r.value && r.value.enable(!N);
     }), E(() => t.readonly, (N) => {
       r.value && r.value.enable(!N);
-    }), (N, O) => (i(), s("div", Xl, [
+    }), (N, O) => (i(), s("div", Ul, [
       e.label ? (i(), s("label", {
         key: 0,
         for: e.id,
         class: "form-label"
       }, [
-        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", {
+        w(m(e.label) + " ", 1),
+        e.required ? (i(), s("span", Wl, "*")) : b("", !0)
+      ], 8, Ql)) : b("", !0),
+      u.value ? (i(), s("div", Jl, m(u.value), 1)) : (i(), s("div", {
         key: 2,
         class: g(p.value),
         style: D({ minHeight: e.height })
@@ -2615,66 +2680,66 @@ const fe = /* @__PURE__ */ C({
           ref_key: "editorContainer",
           ref: l,
           id: e.id
-        }, null, 8, Kl)
+        }, null, 8, Zl)
       ], 6)),
       e.helpText && !e.validationMessage ? (i(), s("div", {
         key: 3,
         id: `${e.id}-feedback`,
         class: "form-text"
-      }, b(e.helpText), 9, Ul)) : v("", !0),
-      e.validationState === "valid" ? (i(), s("div", Ql, b(e.validationMessage || "Looks good!"), 1)) : v("", !0),
+      }, m(e.helpText), 9, _l)) : b("", !0),
+      e.validationState === "valid" ? (i(), s("div", ei, m(e.validationMessage || "Looks good!"), 1)) : b("", !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, Wl)) : v("", !0)
+      }, m(e.validationMessage || "Please provide valid content."), 9, ti)) : b("", !0)
     ]));
   }
-}), Zl = /* @__PURE__ */ Q(Jl, [["__scopeId", "data-v-8e6e81b0"]]), ei = {
+}), li = /* @__PURE__ */ Q(ai, [["__scopeId", "data-v-8e6e81b0"]]), si = {
   install(e) {
-    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);
+    e.component("VibeAlert", fe), e.component("VibeBadge", ve), e.component("VibeButton", be), e.component("VibeButtonGroup", he), e.component("VibeCloseButton", ge), e.component("VibeSpinner", ke), e.component("VibePlaceholder", $e), 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", Ee), e.component("VibeNavbarNav", Ke), e.component("VibePagination", Ze), e.component("VibeTabContent", et), e.component("VibeListGroup", tt), e.component("VibeProgress", lt), e.component("VibeAccordion", rt), e.component("VibeCollapse", ut), e.component("VibeDropdown", yt), e.component("VibeModal", Ct), e.component("VibeOffcanvas", Tt), e.component("VibeToast", Lt), e.component("VibeCarousel", Ht), e.component("VibeTooltip", Ut), e.component("VibePopover", Wt), e.component("VibeScrollspy", Jt), e.component("VibeIcon", Zt), e.component("VibeDataTable", Sa), e.component("VibeFormInput", Ma), e.component("VibeFormSelect", Da), e.component("VibeFormTextarea", Qa), e.component("VibeFormSpinbutton", nl), e.component("VibeFormDatepicker", bl), e.component("VibeFormCheckbox", $l), e.component("VibeFormRadio", Nl), e.component("VibeFormSwitch", jl), e.component("VibeFormGroup", Kl), e.component("VibeFormWysiwyg", li);
   }
 };
-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)
+function ni(e = "") {
+  const f = T(e), t = T(null), a = T(""), l = T(!1), r = T(!1), d = T(!1), u = async (B) => {
+    if (!B)
       return t.value = null, a.value = "", { valid: !0 };
-    n.value = !0;
+    d.value = !0;
     try {
-      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 };
+      const $ = Array.isArray(B) ? B : [{ validator: B }];
+      for (const L of $) {
+        const z = await L.validator(f.value);
+        if (z === !1 || typeof z == "string")
+          return t.value = "invalid", a.value = typeof z == "string" ? z : L.message || "Invalid value", d.value = !1, { valid: !1, message: a.value };
       }
-      return t.value = "valid", a.value = "", n.value = !1, { valid: !0 };
+      return t.value = "valid", a.value = "", d.value = !1, { valid: !0 };
     } catch {
-      return t.value = "invalid", a.value = "Validation error occurred", n.value = !1, { valid: !1, message: a.value };
+      return t.value = "invalid", a.value = "Validation error occurred", d.value = !1, { valid: !1, message: a.value };
     }
-  }, d = () => {
-    f.value = e, t.value = null, a.value = "", l.value = !1, r.value = !1, n.value = !1;
-  }, u = () => {
+  }, o = () => {
+    f.value = e, t.value = null, a.value = "", l.value = !1, r.value = !1, d.value = !1;
+  }, n = () => {
     r.value = !0;
   }, c = () => {
     l.value = !0;
-  }, m = y(() => t.value === "valid"), p = y(() => t.value === "invalid");
+  }, v = y(() => t.value === "valid"), p = y(() => t.value === "invalid");
   return {
     value: f,
     validationState: t,
     validationMessage: a,
     isDirty: l,
     isTouched: r,
-    isValidating: n,
-    isValid: m,
+    isValidating: d,
+    isValid: v,
     isInvalid: p,
-    validate: o,
-    reset: d,
-    markAsTouched: u,
+    validate: u,
+    reset: o,
+    markAsTouched: n,
     markAsDirty: c
   };
 }
-const ai = {
+const oi = {
   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
@@ -2728,50 +2793,50 @@ const ai = {
   })
 };
 export {
-  it as VibeAccordion,
+  rt as VibeAccordion,
   fe as VibeAlert,
   ve as VibeBadge,
   je as VibeBreadcrumb,
   be as VibeButton,
   he as VibeButtonGroup,
   Pe as VibeCard,
-  Dt as VibeCarousel,
+  Ht as VibeCarousel,
   ge as VibeCloseButton,
   Ce as VibeCol,
-  nt as VibeCollapse,
+  ut 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,
+  Sa as VibeDataTable,
+  yt as VibeDropdown,
+  $l as VibeFormCheckbox,
+  bl as VibeFormDatepicker,
+  Kl as VibeFormGroup,
+  Ma as VibeFormInput,
+  Nl as VibeFormRadio,
+  Da as VibeFormSelect,
+  nl as VibeFormSpinbutton,
+  jl as VibeFormSwitch,
+  Qa as VibeFormTextarea,
+  li as VibeFormWysiwyg,
+  Zt as VibeIcon,
+  tt as VibeListGroup,
+  Ct 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,
+  Ke as VibeNavbarNav,
+  Ee as VibeNavbarToggle,
+  Tt as VibeOffcanvas,
+  Ze as VibePagination,
+  $e as VibePlaceholder,
+  Wt as VibePopover,
+  lt 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
+  Jt as VibeScrollspy,
+  ke as VibeSpinner,
+  et as VibeTabContent,
+  Lt as VibeToast,
+  Ut as VibeTooltip,
+  si as default,
+  ni as useFormValidation,
+  oi as validators
 };