@velkymx/vibeui 0.2.0 → 0.4.0

package/dist/vibeui.es.js

@@ -1,5 +1,5 @@
-import { defineComponent as v, computed as f, createElementBlock as n, createCommentVNode as $, openBlock as a, normalizeClass as m, renderSlot as b, createTextVNode as C, toDisplayString as S, createBlock as y, resolveDynamicComponent as V, withCtx as g, createElementVNode as d, normalizeStyle as M, unref as _, useSlots as j, Fragment as w, renderList as I, ref as T, watch as D, withDirectives as Q, vModelText as re, vModelSelect as ie, withModifiers as O } from "vue";
-const Lt = /* @__PURE__ */ v({
+import { defineComponent as p, computed as c, createElementBlock as n, createCommentVNode as u, openBlock as l, normalizeClass as h, renderSlot as $, createTextVNode as N, toDisplayString as f, createBlock as x, resolveDynamicComponent as T, withCtx as V, createElementVNode as m, normalizeStyle as R, unref as L, useSlots as X, Fragment as P, renderList as I, ref as z, watch as O, withDirectives as Q, vModelText as ne, vModelSelect as de, withModifiers as G, onMounted as oe, onBeforeUnmount as re } from "vue";
+const ul = /* @__PURE__ */ p({
   __name: "VibeAlert",
   props: {
     variant: { type: String, default: "primary" },
@@ -8,38 +8,38 @@ const Lt = /* @__PURE__ */ v({
     message: { type: String, required: !0 }
   },
   emits: ["update:modelValue", "component-error"],
-  setup(e, { emit: u }) {
-    const t = e, i = u, l = f({
+  setup(e, { emit: o }) {
+    const t = e, i = o, a = c({
       get: () => t.modelValue,
-      set: (o) => i("update:modelValue", o)
+      set: (r) => i("update:modelValue", r)
     }), s = () => {
       try {
-        l.value = !1;
-      } catch (o) {
+        a.value = !1;
+      } catch (r) {
         i("component-error", {
           message: "Dismiss failed",
           componentName: "VibeAlert",
-          originalError: o
+          originalError: r
         });
       }
     };
-    return (o, r) => l.value ? (a(), n("div", {
+    return (r, d) => a.value ? (l(), n("div", {
       key: 0,
-      class: m(`alert alert-${e.variant}`),
+      class: h(`alert alert-${e.variant}`),
       role: "alert"
     }, [
-      b(o.$slots, "default", {}, () => [
-        C(S(e.message), 1)
+      $(r.$slots, "default", {}, () => [
+        N(f(e.message), 1)
       ]),
-      e.dismissable ? (a(), n("button", {
+      e.dismissable ? (l(), n("button", {
         key: 0,
         class: "btn-close",
         onClick: s,
         "aria-label": "Close"
-      })) : $("", !0)
-    ], 2)) : $("", !0);
+      })) : u("", !0)
+    ], 2)) : u("", !0);
   }
-}), qt = /* @__PURE__ */ v({
+}), cl = /* @__PURE__ */ p({
   __name: "VibeBadge",
   props: {
     variant: { type: String, default: "primary" },
@@ -47,21 +47,21 @@ const Lt = /* @__PURE__ */ v({
     tag: { type: String, default: "span" }
   },
   emits: ["component-error"],
-  setup(e, { emit: u }) {
-    const t = e, i = f(() => {
-      const l = ["badge", `bg-${t.variant}`];
-      return t.pill && l.push("rounded-pill"), l.join(" ");
+  setup(e, { emit: o }) {
+    const t = e, i = c(() => {
+      const a = ["badge", `bg-${t.variant}`];
+      return t.pill && a.push("rounded-pill"), a.join(" ");
     });
-    return (l, s) => (a(), y(V(e.tag), {
-      class: m(i.value)
+    return (a, s) => (l(), x(T(e.tag), {
+      class: h(i.value)
     }, {
-      default: g(() => [
-        b(l.$slots, "default")
+      default: V(() => [
+        $(a.$slots, "default")
       ]),
       _: 3
     }, 8, ["class"]));
   }
-}), Ot = /* @__PURE__ */ v({
+}), fl = /* @__PURE__ */ p({
   __name: "VibeButton",
   props: {
     variant: { type: String, default: "primary" },
@@ -74,29 +74,29 @@ const Lt = /* @__PURE__ */ v({
     active: { type: Boolean, default: !1 }
   },
   emits: ["click", "component-error"],
-  setup(e, { emit: u }) {
-    const t = e, i = u, l = f(() => t.href ? "a" : t.to ? "router-link" : "button"), s = f(() => {
-      const r = ["btn"];
-      return t.outline ? r.push(`btn-outline-${t.variant}`) : r.push(`btn-${t.variant}`), t.size && r.push(`btn-${t.size}`), t.active && r.push("active"), r.join(" ");
-    }), o = (r) => {
-      t.disabled || i("click", r);
+  setup(e, { emit: o }) {
+    const t = e, i = o, a = c(() => t.href ? "a" : t.to ? "router-link" : "button"), s = c(() => {
+      const d = ["btn"];
+      return t.outline ? d.push(`btn-outline-${t.variant}`) : d.push(`btn-${t.variant}`), t.size && d.push(`btn-${t.size}`), t.active && d.push("active"), d.join(" ");
+    }), r = (d) => {
+      t.disabled || i("click", d);
     };
-    return (r, k) => (a(), y(V(l.value), {
-      class: m(s.value),
+    return (d, y) => (l(), x(T(a.value), {
+      class: h(s.value),
       type: e.href || e.to ? void 0 : e.type,
       href: e.href,
       to: e.to,
       disabled: e.disabled,
       "aria-disabled": e.disabled,
-      onClick: o
+      onClick: r
     }, {
-      default: g(() => [
-        b(r.$slots, "default")
+      default: V(() => [
+        $(d.$slots, "default")
       ]),
       _: 3
     }, 8, ["class", "type", "href", "to", "disabled", "aria-disabled"]));
   }
-}), ne = ["role", "aria-label"], Mt = /* @__PURE__ */ v({
+}), ue = ["role", "aria-label"], vl = /* @__PURE__ */ p({
   __name: "VibeButtonGroup",
   props: {
     size: { type: String, default: void 0 },
@@ -105,20 +105,20 @@ const Lt = /* @__PURE__ */ v({
     ariaLabel: { type: String, default: void 0 }
   },
   emits: ["component-error"],
-  setup(e, { emit: u }) {
-    const t = e, i = f(() => {
-      const l = [t.vertical ? "btn-group-vertical" : "btn-group"];
-      return t.size && l.push(`btn-group-${t.size}`), l.join(" ");
+  setup(e, { emit: o }) {
+    const t = e, i = c(() => {
+      const a = [t.vertical ? "btn-group-vertical" : "btn-group"];
+      return t.size && a.push(`btn-group-${t.size}`), a.join(" ");
     });
-    return (l, s) => (a(), n("div", {
-      class: m(i.value),
+    return (a, s) => (l(), n("div", {
+      class: h(i.value),
       role: e.role,
       "aria-label": e.ariaLabel
     }, [
-      b(l.$slots, "default")
-    ], 10, ne));
+      $(a.$slots, "default")
+    ], 10, ue));
   }
-}), oe = ["disabled", "aria-label"], Ft = /* @__PURE__ */ v({
+}), ce = ["disabled", "aria-label"], bl = /* @__PURE__ */ p({
   __name: "VibeCloseButton",
   props: {
     disabled: { type: Boolean, default: !1 },
@@ -126,19 +126,19 @@ const Lt = /* @__PURE__ */ v({
     ariaLabel: { type: String, default: "Close" }
   },
   emits: ["click", "component-error"],
-  setup(e, { emit: u }) {
-    const t = e, i = u, l = (s) => {
+  setup(e, { emit: o }) {
+    const t = e, i = o, a = (s) => {
       t.disabled || i("click", s);
     };
-    return (s, o) => (a(), n("button", {
+    return (s, r) => (l(), n("button", {
       type: "button",
-      class: m(["btn-close", { "btn-close-white": e.white }]),
+      class: h(["btn-close", { "btn-close-white": e.white }]),
       disabled: e.disabled,
       "aria-label": e.ariaLabel,
-      onClick: l
-    }, null, 10, oe));
+      onClick: a
+    }, null, 10, ce));
   }
-}), de = { class: "visually-hidden" }, Et = /* @__PURE__ */ v({
+}), fe = { class: "visually-hidden" }, ml = /* @__PURE__ */ p({
   __name: "VibeSpinner",
   props: {
     variant: { type: String, default: void 0 },
@@ -148,22 +148,22 @@ const Lt = /* @__PURE__ */ v({
     tag: { type: String, default: "div" }
   },
   emits: ["component-error"],
-  setup(e, { emit: u }) {
-    const t = e, i = f(() => {
-      const l = [`spinner-${t.type}`];
-      return t.variant && l.push(`text-${t.variant}`), t.size && l.push(`spinner-${t.type}-${t.size}`), l.join(" ");
+  setup(e, { emit: o }) {
+    const t = e, i = c(() => {
+      const a = [`spinner-${t.type}`];
+      return t.variant && a.push(`text-${t.variant}`), t.size && a.push(`spinner-${t.type}-${t.size}`), a.join(" ");
     });
-    return (l, s) => (a(), y(V(e.tag), {
-      class: m(i.value),
+    return (a, s) => (l(), x(T(e.tag), {
+      class: h(i.value),
       role: "status"
     }, {
-      default: g(() => [
-        d("span", de, S(e.label), 1)
+      default: V(() => [
+        m("span", fe, f(e.label), 1)
       ]),
       _: 1
     }, 8, ["class"]));
   }
-}), Gt = /* @__PURE__ */ v({
+}), yl = /* @__PURE__ */ p({
   __name: "VibePlaceholder",
   props: {
     variant: { type: String, default: void 0 },
@@ -173,73 +173,204 @@ const Lt = /* @__PURE__ */ v({
     tag: { type: String, default: "span" }
   },
   emits: ["component-error"],
-  setup(e, { emit: u }) {
-    const t = e, i = f(() => {
-      const o = ["placeholder"];
-      return t.variant && o.push(`bg-${t.variant}`), t.size && o.push(`placeholder-${t.size}`), o.join(" ");
-    }), l = f(() => {
+  setup(e, { emit: o }) {
+    const t = e, i = c(() => {
+      const r = ["placeholder"];
+      return t.variant && r.push(`bg-${t.variant}`), t.size && r.push(`placeholder-${t.size}`), r.join(" ");
+    }), a = c(() => {
       if (t.animation) return `placeholder-${t.animation}`;
-    }), s = f(() => {
+    }), s = c(() => {
       if (t.width)
         return { width: typeof t.width == "number" ? `${t.width}%` : t.width };
     });
-    return (o, r) => (a(), y(V(e.tag), {
-      class: m(l.value)
+    return (r, d) => (l(), x(T(e.tag), {
+      class: h(a.value)
     }, {
-      default: g(() => [
-        d("span", {
-          class: m(i.value),
-          style: M(s.value)
+      default: V(() => [
+        m("span", {
+          class: h(i.value),
+          style: R(s.value)
         }, [
-          b(o.$slots, "default")
+          $(r.$slots, "default")
         ], 6)
       ]),
       _: 3
     }, 8, ["class"]));
   }
-}), ue = /* @__PURE__ */ v({
+}), hl = /* @__PURE__ */ p({
+  __name: "VibeContainer",
+  props: {
+    fluid: { type: [Boolean, String], default: !1 },
+    tag: { type: String, default: "div" }
+  },
+  emits: ["component-error"],
+  setup(e, { emit: o }) {
+    const t = e, i = c(() => t.fluid === !1 ? "container" : t.fluid === !0 ? "container-fluid" : `container-${t.fluid}`);
+    return (a, s) => (l(), x(T(e.tag), {
+      class: h(i.value)
+    }, {
+      default: V(() => [
+        $(a.$slots, "default")
+      ]),
+      _: 3
+    }, 8, ["class"]));
+  }
+}), gl = /* @__PURE__ */ p({
+  __name: "VibeRow",
+  props: {
+    tag: { type: String, default: "div" },
+    // Base gutters
+    gutters: { type: Number, default: void 0 },
+    guttersX: { type: Number, default: void 0 },
+    guttersY: { type: Number, default: void 0 },
+    // Responsive gutters
+    guttersSm: { type: Number, default: void 0 },
+    guttersMd: { type: Number, default: void 0 },
+    guttersLg: { type: Number, default: void 0 },
+    guttersXl: { type: Number, default: void 0 },
+    guttersXxl: { type: Number, default: void 0 },
+    guttersXSm: { type: Number, default: void 0 },
+    guttersXMd: { type: Number, default: void 0 },
+    guttersXLg: { type: Number, default: void 0 },
+    guttersXXl: { type: Number, default: void 0 },
+    guttersXXxl: { type: Number, default: void 0 },
+    guttersYSm: { type: Number, default: void 0 },
+    guttersYMd: { type: Number, default: void 0 },
+    guttersYLg: { type: Number, default: void 0 },
+    guttersYXl: { type: Number, default: void 0 },
+    guttersYXxl: { type: Number, default: void 0 },
+    // Row columns
+    rowCols: { type: Number, default: void 0 },
+    rowColsSm: { type: Number, default: void 0 },
+    rowColsMd: { type: Number, default: void 0 },
+    rowColsLg: { type: Number, default: void 0 },
+    rowColsXl: { type: Number, default: void 0 },
+    rowColsXxl: { type: Number, default: void 0 },
+    // Alignment
+    alignItems: { type: String, default: void 0 },
+    justifyContent: { type: String, default: void 0 }
+  },
+  emits: ["component-error"],
+  setup(e, { emit: o }) {
+    const t = e, i = c(() => {
+      const a = ["row"];
+      t.gutters !== void 0 && a.push(`g-${t.gutters}`), t.guttersX !== void 0 && a.push(`gx-${t.guttersX}`), t.guttersY !== void 0 && a.push(`gy-${t.guttersY}`);
+      const s = ["sm", "md", "lg", "xl", "xxl"];
+      return s.forEach((r) => {
+        const d = r.charAt(0).toUpperCase() + r.slice(1), y = `gutters${d}`;
+        t[y] !== void 0 && a.push(`g-${r}-${t[y]}`);
+        const v = `guttersX${d}`;
+        t[v] !== void 0 && a.push(`gx-${r}-${t[v]}`);
+        const b = `guttersY${d}`;
+        t[b] !== void 0 && a.push(`gy-${r}-${t[b]}`);
+      }), t.rowCols !== void 0 && a.push(`row-cols-${t.rowCols}`), s.forEach((r) => {
+        const d = `rowCols${r.charAt(0).toUpperCase() + r.slice(1)}`;
+        t[d] !== void 0 && a.push(`row-cols-${r}-${t[d]}`);
+      }), t.alignItems && a.push(`align-items-${t.alignItems}`), t.justifyContent && a.push(`justify-content-${t.justifyContent}`), a.join(" ");
+    });
+    return (a, s) => (l(), x(T(e.tag), {
+      class: h(i.value)
+    }, {
+      default: V(() => [
+        $(a.$slots, "default")
+      ]),
+      _: 3
+    }, 8, ["class"]));
+  }
+}), pl = /* @__PURE__ */ p({
+  __name: "VibeCol",
+  props: {
+    tag: { type: String, default: "div" },
+    // Column sizes
+    cols: { type: [Number, String, Boolean], default: void 0 },
+    sm: { type: [Number, String, Boolean], default: void 0 },
+    md: { type: [Number, String, Boolean], default: void 0 },
+    lg: { type: [Number, String, Boolean], default: void 0 },
+    xl: { type: [Number, String, Boolean], default: void 0 },
+    xxl: { type: [Number, String, Boolean], default: void 0 },
+    // Offsets
+    offset: { type: Number, default: void 0 },
+    offsetSm: { type: Number, default: void 0 },
+    offsetMd: { type: Number, default: void 0 },
+    offsetLg: { type: Number, default: void 0 },
+    offsetXl: { type: Number, default: void 0 },
+    offsetXxl: { type: Number, default: void 0 },
+    // Order
+    order: { type: [Number, String], default: void 0 },
+    orderSm: { type: [Number, String], default: void 0 },
+    orderMd: { type: [Number, String], default: void 0 },
+    orderLg: { type: [Number, String], default: void 0 },
+    orderXl: { type: [Number, String], default: void 0 },
+    orderXxl: { type: [Number, String], default: void 0 },
+    // Alignment
+    alignSelf: { type: String, default: void 0 }
+  },
+  emits: ["component-error"],
+  setup(e, { emit: o }) {
+    const t = e, i = c(() => {
+      const a = [];
+      return t.cols !== void 0 || t.sm !== void 0 || t.md !== void 0 || t.lg !== void 0 || t.xl !== void 0 || t.xxl !== void 0 ? (t.cols === !0 ? a.push("col") : t.cols === "auto" ? a.push("col-auto") : t.cols && a.push(`col-${t.cols}`), [
+        { name: "sm", value: t.sm },
+        { name: "md", value: t.md },
+        { name: "lg", value: t.lg },
+        { name: "xl", value: t.xl },
+        { name: "xxl", value: t.xxl }
+      ].forEach(({ name: d, value: y }) => {
+        y === !0 ? a.push(`col-${d}`) : y === "auto" ? a.push(`col-${d}-auto`) : y !== void 0 && a.push(`col-${d}-${y}`);
+      })) : a.push("col"), t.offset !== void 0 && a.push(`offset-${t.offset}`), t.offsetSm !== void 0 && a.push(`offset-sm-${t.offsetSm}`), t.offsetMd !== void 0 && a.push(`offset-md-${t.offsetMd}`), t.offsetLg !== void 0 && a.push(`offset-lg-${t.offsetLg}`), t.offsetXl !== void 0 && a.push(`offset-xl-${t.offsetXl}`), t.offsetXxl !== void 0 && a.push(`offset-xxl-${t.offsetXxl}`), t.order !== void 0 && a.push(`order-${t.order}`), t.orderSm !== void 0 && a.push(`order-sm-${t.orderSm}`), t.orderMd !== void 0 && a.push(`order-md-${t.orderMd}`), t.orderLg !== void 0 && a.push(`order-lg-${t.orderLg}`), t.orderXl !== void 0 && a.push(`order-xl-${t.orderXl}`), t.orderXxl !== void 0 && a.push(`order-xxl-${t.orderXxl}`), t.alignSelf && a.push(`align-self-${t.alignSelf}`), a.join(" ");
+    });
+    return (a, s) => (l(), x(T(e.tag), {
+      class: h(i.value)
+    }, {
+      default: V(() => [
+        $(a.$slots, "default")
+      ]),
+      _: 3
+    }, 8, ["class"]));
+  }
+}), ve = /* @__PURE__ */ p({
   __name: "VibeCardHeader",
   props: {
     tag: { type: String, default: "div" }
   },
   emits: ["component-error"],
-  setup(e, { emit: u }) {
-    return (t, i) => (a(), y(V(e.tag), { class: "card-header" }, {
-      default: g(() => [
-        b(t.$slots, "default")
+  setup(e, { emit: o }) {
+    return (t, i) => (l(), x(T(e.tag), { class: "card-header" }, {
+      default: V(() => [
+        $(t.$slots, "default")
       ]),
       _: 3
     }));
   }
-}), ce = /* @__PURE__ */ v({
+}), be = /* @__PURE__ */ p({
   __name: "VibeCardBody",
   props: {
     tag: { type: String, default: "div" }
   },
   emits: ["component-error"],
-  setup(e, { emit: u }) {
-    return (t, i) => (a(), y(V(e.tag), { class: "card-body" }, {
-      default: g(() => [
-        b(t.$slots, "default")
+  setup(e, { emit: o }) {
+    return (t, i) => (l(), x(T(e.tag), { class: "card-body" }, {
+      default: V(() => [
+        $(t.$slots, "default")
       ]),
       _: 3
     }));
   }
-}), fe = /* @__PURE__ */ v({
+}), me = /* @__PURE__ */ p({
   __name: "VibeCardFooter",
   props: {
     tag: { type: String, default: "div" }
   },
   emits: ["component-error"],
-  setup(e, { emit: u }) {
-    return (t, i) => (a(), y(V(e.tag), { class: "card-footer" }, {
-      default: g(() => [
-        b(t.$slots, "default")
+  setup(e, { emit: o }) {
+    return (t, i) => (l(), x(T(e.tag), { class: "card-footer" }, {
+      default: V(() => [
+        $(t.$slots, "default")
       ]),
       _: 3
     }));
   }
-}), be = ["src", "alt"], U = /* @__PURE__ */ v({
+}), ye = ["src", "alt"], K = /* @__PURE__ */ p({
   __name: "VibeCardImg",
   props: {
     src: { type: String, required: !0 },
@@ -248,43 +379,43 @@ const Lt = /* @__PURE__ */ v({
     bottom: { type: Boolean, default: !1 }
   },
   emits: ["component-error"],
-  setup(e, { emit: u }) {
+  setup(e, { emit: o }) {
     const t = e, i = t.top ? "card-img-top" : t.bottom ? "card-img-bottom" : "card-img";
-    return (l, s) => (a(), n("img", {
+    return (a, s) => (l(), n("img", {
       src: e.src,
       alt: e.alt,
-      class: m(_(i))
-    }, null, 10, be));
+      class: h(L(i))
+    }, null, 10, ye));
   }
-}), me = /* @__PURE__ */ v({
+}), he = /* @__PURE__ */ p({
   __name: "VibeCardTitle",
   props: {
     tag: { type: String, default: "h5" }
   },
   emits: ["component-error"],
-  setup(e, { emit: u }) {
-    return (t, i) => (a(), y(V(e.tag), { class: "card-title" }, {
-      default: g(() => [
-        b(t.$slots, "default")
+  setup(e, { emit: o }) {
+    return (t, i) => (l(), x(T(e.tag), { class: "card-title" }, {
+      default: V(() => [
+        $(t.$slots, "default")
       ]),
       _: 3
     }));
   }
-}), ve = /* @__PURE__ */ v({
+}), ge = /* @__PURE__ */ p({
   __name: "VibeCardText",
   props: {
     tag: { type: String, default: "p" }
   },
   emits: ["component-error"],
-  setup(e, { emit: u }) {
-    return (t, i) => (a(), y(V(e.tag), { class: "card-text" }, {
-      default: g(() => [
-        b(t.$slots, "default")
+  setup(e, { emit: o }) {
+    return (t, i) => (l(), x(T(e.tag), { class: "card-text" }, {
+      default: V(() => [
+        $(t.$slots, "default")
       ]),
       _: 3
     }));
   }
-}), Rt = /* @__PURE__ */ v({
+}), $l = /* @__PURE__ */ p({
   __name: "VibeCard",
   props: {
     variant: { type: String, default: void 0 },
@@ -302,63 +433,63 @@ const Lt = /* @__PURE__ */ v({
     footerImageAlt: { type: String, default: "" }
   },
   emits: ["component-error"],
-  setup(e, { emit: u }) {
-    const t = e, i = j(), l = f(() => {
-      const r = ["card"];
-      return t.variant && r.push(`bg-${t.variant}`), t.border && r.push(`border-${t.border}`), t.textVariant && r.push(`text-${t.textVariant}`), r.join(" ");
-    }), s = f(() => !!(t.title || t.body || t.header || t.footer || t.headerImage || t.footerImage)), o = f(() => !!(i.default || i.header || i.footer || i.body));
-    return (r, k) => (a(), y(V(e.tag), {
-      class: m(l.value)
+  setup(e, { emit: o }) {
+    const t = e, i = X(), a = c(() => {
+      const d = ["card"];
+      return t.variant && d.push(`bg-${t.variant}`), t.border && d.push(`border-${t.border}`), t.textVariant && d.push(`text-${t.textVariant}`), d.join(" ");
+    }), s = c(() => !!(t.title || t.body || t.header || t.footer || t.headerImage || t.footerImage)), r = c(() => !!(i.default || i.header || i.footer || i.body));
+    return (d, y) => (l(), x(T(e.tag), {
+      class: h(a.value)
     }, {
-      default: g(() => [
-        s.value && !o.value ? (a(), n(w, { key: 0 }, [
-          e.headerImage ? (a(), y(U, {
+      default: V(() => [
+        s.value && !r.value ? (l(), n(P, { key: 0 }, [
+          e.headerImage ? (l(), x(K, {
             key: 0,
             top: "",
             src: e.headerImage,
             alt: e.headerImageAlt
-          }, null, 8, ["src", "alt"])) : $("", !0),
-          e.header ? (a(), y(ue, { key: 1 }, {
-            default: g(() => [
-              C(S(e.header), 1)
+          }, null, 8, ["src", "alt"])) : u("", !0),
+          e.header ? (l(), x(ve, { key: 1 }, {
+            default: V(() => [
+              N(f(e.header), 1)
             ]),
             _: 1
-          })) : $("", !0),
-          e.title || e.body ? (a(), y(ce, { key: 2 }, {
-            default: g(() => [
-              e.title ? (a(), y(me, { key: 0 }, {
-                default: g(() => [
-                  C(S(e.title), 1)
+          })) : u("", !0),
+          e.title || e.body ? (l(), x(be, { key: 2 }, {
+            default: V(() => [
+              e.title ? (l(), x(he, { key: 0 }, {
+                default: V(() => [
+                  N(f(e.title), 1)
                 ]),
                 _: 1
-              })) : $("", !0),
-              e.body ? (a(), y(ve, { key: 1 }, {
-                default: g(() => [
-                  C(S(e.body), 1)
+              })) : u("", !0),
+              e.body ? (l(), x(ge, { key: 1 }, {
+                default: V(() => [
+                  N(f(e.body), 1)
                 ]),
                 _: 1
-              })) : $("", !0)
+              })) : u("", !0)
             ]),
             _: 1
-          })) : $("", !0),
-          e.footer ? (a(), y(fe, { key: 3 }, {
-            default: g(() => [
-              C(S(e.footer), 1)
+          })) : u("", !0),
+          e.footer ? (l(), x(me, { key: 3 }, {
+            default: V(() => [
+              N(f(e.footer), 1)
             ]),
             _: 1
-          })) : $("", !0),
-          e.footerImage ? (a(), y(U, {
+          })) : u("", !0),
+          e.footerImage ? (l(), x(K, {
             key: 4,
             bottom: "",
             src: e.footerImage,
             alt: e.footerImageAlt
-          }, null, 8, ["src", "alt"])) : $("", !0)
-        ], 64)) : b(r.$slots, "default", { key: 1 })
+          }, null, 8, ["src", "alt"])) : u("", !0)
+        ], 64)) : $(d.$slots, "default", { key: 1 })
       ]),
       _: 3
     }, 8, ["class"]));
   }
-}), pe = ["aria-current"], ye = /* @__PURE__ */ v({
+}), pe = ["aria-current"], $e = /* @__PURE__ */ p({
   __name: "VibeBreadcrumbItem",
   props: {
     active: { type: Boolean, default: !1 },
@@ -366,81 +497,92 @@ const Lt = /* @__PURE__ */ v({
     to: { type: [String, Object], default: void 0 }
   },
   emits: ["component-error"],
-  setup(e, { emit: u }) {
+  setup(e, { emit: o }) {
     const t = e, i = t.href ? "a" : t.to ? "router-link" : "span";
-    return (l, s) => (a(), n("li", {
-      class: m(["breadcrumb-item", { active: e.active }]),
+    return (a, s) => (l(), n("li", {
+      class: h(["breadcrumb-item", { active: e.active }]),
       "aria-current": e.active ? "page" : void 0
     }, [
-      (a(), y(V(_(i)), {
+      (l(), x(T(L(i)), {
         href: e.href,
         to: e.to
       }, {
-        default: g(() => [
-          b(l.$slots, "default")
+        default: V(() => [
+          $(a.$slots, "default")
         ]),
         _: 3
       }, 8, ["href", "to"]))
     ], 10, pe));
   }
-}), he = ["aria-label"], ge = { class: "breadcrumb" }, Ht = /* @__PURE__ */ v({
+}), ke = ["aria-label"], Se = { class: "breadcrumb" }, kl = /* @__PURE__ */ p({
   __name: "VibeBreadcrumb",
   props: {
     ariaLabel: { type: String, default: "breadcrumb" },
     items: { type: Array, default: void 0 }
   },
   emits: ["component-error"],
-  setup(e, { emit: u }) {
-    const t = j();
-    return (i, l) => (a(), n("nav", { "aria-label": e.ariaLabel }, [
-      d("ol", ge, [
-        e.items && e.items.length > 0 && !_(t).default ? (a(!0), n(w, { key: 0 }, I(e.items, (s, o) => (a(), y(ye, {
-          key: o,
+  setup(e, { emit: o }) {
+    const t = X();
+    return (i, a) => (l(), n("nav", { "aria-label": e.ariaLabel }, [
+      m("ol", Se, [
+        e.items && e.items.length > 0 && !L(t).default ? (l(!0), n(P, { key: 0 }, I(e.items, (s, r) => (l(), x($e, {
+          key: r,
           href: s.href,
           to: s.to,
           active: s.active
         }, {
-          default: g(() => [
-            C(S(s.text), 1)
+          default: V(() => [
+            N(f(s.text), 1)
           ]),
           _: 2
-        }, 1032, ["href", "to", "active"]))), 128)) : b(i.$slots, "default", { key: 1 })
+        }, 1032, ["href", "to", "active"]))), 128)) : $(i.$slots, "default", { key: 1 })
       ])
-    ], 8, he));
+    ], 8, ke));
   }
-}), $e = { class: "nav-item" }, K = /* @__PURE__ */ v({
+}), xe = ["role"], W = /* @__PURE__ */ p({
   __name: "VibeNavItem",
   props: {
     active: { type: Boolean, default: !1 },
     disabled: { type: Boolean, default: !1 },
     href: { type: String, default: void 0 },
-    to: { type: [String, Object], default: void 0 }
+    to: { type: [String, Object], default: void 0 },
+    // Tab-specific props
+    tab: { type: Boolean, default: !1 },
+    target: { type: String, default: void 0 }
   },
   emits: ["click", "component-error"],
-  setup(e, { emit: u }) {
-    const t = e, i = u, l = f(() => t.href ? "a" : t.to ? "router-link" : "a"), s = f(() => {
-      const r = ["nav-link"];
-      return t.active && r.push("active"), t.disabled && r.push("disabled"), r.join(" ");
-    }), o = (r) => {
-      t.disabled || i("click", r);
+  setup(e, { emit: o }) {
+    const t = e, i = o, a = c(() => t.tab && !t.href && !t.to ? "button" : t.href ? "a" : t.to ? "router-link" : "a"), s = c(() => {
+      const d = ["nav-link"];
+      return t.active && d.push("active"), t.disabled && d.push("disabled"), d.join(" ");
+    }), r = (d) => {
+      t.disabled || i("click", d);
     };
-    return (r, k) => (a(), n("li", $e, [
-      (a(), y(V(l.value), {
-        class: m(s.value),
+    return (d, y) => (l(), n("li", {
+      class: "nav-item",
+      role: e.tab ? "presentation" : void 0
+    }, [
+      (l(), x(T(a.value), {
+        class: h(s.value),
         href: e.href,
         to: e.to,
+        type: a.value === "button" ? "button" : void 0,
+        "data-bs-toggle": e.tab ? "tab" : void 0,
+        "data-bs-target": e.tab && e.target ? e.target : void 0,
+        role: e.tab ? "tab" : void 0,
         "aria-current": e.active ? "page" : void 0,
         "aria-disabled": e.disabled,
-        onClick: o
+        "aria-selected": e.tab ? e.active : void 0,
+        onClick: r
       }, {
-        default: g(() => [
-          b(r.$slots, "default")
+        default: V(() => [
+          $(d.$slots, "default")
         ]),
         _: 3
-      }, 8, ["class", "href", "to", "aria-current", "aria-disabled"]))
-    ]));
+      }, 8, ["class", "href", "to", "type", "data-bs-toggle", "data-bs-target", "role", "aria-current", "aria-disabled", "aria-selected"]))
+    ], 8, xe));
   }
-}), Qt = /* @__PURE__ */ v({
+}), Sl = /* @__PURE__ */ p({
   __name: "VibeNav",
   props: {
     tabs: { type: Boolean, default: !1 },
@@ -452,32 +594,32 @@ const Lt = /* @__PURE__ */ v({
     items: { type: Array, default: void 0 }
   },
   emits: ["component-error"],
-  setup(e, { emit: u }) {
-    const t = e, i = j(), l = f(() => {
+  setup(e, { emit: o }) {
+    const t = e, i = X(), a = c(() => {
       const s = ["nav"];
       return t.tabs && s.push("nav-tabs"), t.pills && s.push("nav-pills"), t.fill && s.push("nav-fill"), t.justified && s.push("nav-justified"), t.vertical && s.push("flex-column"), s.join(" ");
     });
-    return (s, o) => (a(), y(V(e.tag), {
-      class: m(l.value)
+    return (s, r) => (l(), x(T(e.tag), {
+      class: h(a.value)
     }, {
-      default: g(() => [
-        e.items && e.items.length > 0 && !_(i).default ? (a(!0), n(w, { key: 0 }, I(e.items, (r, k) => (a(), y(K, {
-          key: k,
-          href: r.href,
-          to: r.to,
-          active: r.active,
-          disabled: r.disabled
+      default: V(() => [
+        e.items && e.items.length > 0 && !L(i).default ? (l(!0), n(P, { key: 0 }, I(e.items, (d, y) => (l(), x(W, {
+          key: y,
+          href: d.href,
+          to: d.to,
+          active: d.active,
+          disabled: d.disabled
         }, {
-          default: g(() => [
-            C(S(r.text), 1)
+          default: V(() => [
+            N(f(d.text), 1)
           ]),
           _: 2
-        }, 1032, ["href", "to", "active", "disabled"]))), 128)) : b(s.$slots, "default", { key: 1 })
+        }, 1032, ["href", "to", "active", "disabled"]))), 128)) : $(s.$slots, "default", { key: 1 })
       ]),
       _: 3
     }, 8, ["class"]));
   }
-}), Ut = /* @__PURE__ */ v({
+}), xl = /* @__PURE__ */ p({
   __name: "VibeNavbar",
   props: {
     variant: { type: String, default: "light" },
@@ -487,57 +629,57 @@ const Lt = /* @__PURE__ */ v({
     tag: { type: String, default: "nav" }
   },
   emits: ["component-error"],
-  setup(e, { emit: u }) {
-    const t = e, i = f(() => {
+  setup(e, { emit: o }) {
+    const t = e, i = c(() => {
       const s = ["navbar"];
       return t.expand === !0 ? s.push("navbar-expand") : typeof t.expand == "string" && s.push(`navbar-expand-${t.expand}`), t.variant === "dark" || t.variant === "light" ? s.push(`navbar-${t.variant}`) : s.push(`bg-${t.variant}`), t.position && s.push(t.position), s.join(" ");
-    }), l = f(() => {
+    }), a = c(() => {
       if (t.container !== !1)
         return t.container === !0 ? "container-fluid" : `container-${t.container}`;
     });
-    return (s, o) => (a(), y(V(e.tag), {
-      class: m(i.value)
+    return (s, r) => (l(), x(T(e.tag), {
+      class: h(i.value)
     }, {
-      default: g(() => [
-        l.value ? (a(), n("div", {
+      default: V(() => [
+        a.value ? (l(), n("div", {
           key: 0,
-          class: m(l.value)
+          class: h(a.value)
         }, [
-          b(s.$slots, "default")
-        ], 2)) : b(s.$slots, "default", { key: 1 })
+          $(s.$slots, "default")
+        ], 2)) : $(s.$slots, "default", { key: 1 })
       ]),
       _: 3
     }, 8, ["class"]));
   }
-}), Kt = /* @__PURE__ */ v({
+}), Vl = /* @__PURE__ */ p({
   __name: "VibeNavbarBrand",
   props: {
     href: { type: String, default: void 0 },
     to: { type: [String, Object], default: void 0 }
   },
   emits: ["component-error"],
-  setup(e, { emit: u }) {
+  setup(e, { emit: o }) {
     const t = e, i = t.href ? "a" : t.to ? "router-link" : "span";
-    return (l, s) => (a(), y(V(_(i)), {
+    return (a, s) => (l(), x(T(L(i)), {
       class: "navbar-brand",
       href: e.href,
       to: e.to
     }, {
-      default: g(() => [
-        b(l.$slots, "default")
+      default: V(() => [
+        $(a.$slots, "default")
       ]),
       _: 3
     }, 8, ["href", "to"]));
   }
-}), ke = ["data-bs-target", "aria-controls", "aria-label"], Jt = /* @__PURE__ */ v({
+}), Ve = ["data-bs-target", "aria-controls", "aria-label"], Cl = /* @__PURE__ */ p({
   __name: "VibeNavbarToggle",
   props: {
     target: { type: String, required: !0 },
     ariaLabel: { type: String, default: "Toggle navigation" }
   },
   emits: ["component-error"],
-  setup(e, { emit: u }) {
-    return (t, i) => (a(), n("button", {
+  setup(e, { emit: o }) {
+    return (t, i) => (l(), n("button", {
       class: "navbar-toggler",
       type: "button",
       "data-bs-toggle": "collapse",
@@ -546,37 +688,37 @@ const Lt = /* @__PURE__ */ v({
       "aria-expanded": "false",
       "aria-label": e.ariaLabel
     }, [...i[0] || (i[0] = [
-      d("span", { class: "navbar-toggler-icon" }, null, -1)
-    ])], 8, ke));
+      m("span", { class: "navbar-toggler-icon" }, null, -1)
+    ])], 8, Ve));
   }
-}), Wt = /* @__PURE__ */ v({
+}), Bl = /* @__PURE__ */ p({
   __name: "VibeNavbarNav",
   props: {
     tag: { type: String, default: "ul" },
     items: { type: Array, default: void 0 }
   },
   emits: ["component-error"],
-  setup(e, { emit: u }) {
-    const t = j();
-    return (i, l) => (a(), y(V(e.tag), { class: "navbar-nav" }, {
-      default: g(() => [
-        e.items && e.items.length > 0 && !_(t).default ? (a(!0), n(w, { key: 0 }, I(e.items, (s, o) => (a(), y(K, {
-          key: o,
+  setup(e, { emit: o }) {
+    const t = X();
+    return (i, a) => (l(), x(T(e.tag), { class: "navbar-nav" }, {
+      default: V(() => [
+        e.items && e.items.length > 0 && !L(t).default ? (l(!0), n(P, { key: 0 }, I(e.items, (s, r) => (l(), x(W, {
+          key: r,
           href: s.href,
           to: s.to,
           active: s.active,
           disabled: s.disabled
         }, {
-          default: g(() => [
-            C(S(s.text), 1)
+          default: V(() => [
+            N(f(s.text), 1)
           ]),
           _: 2
-        }, 1032, ["href", "to", "active", "disabled"]))), 128)) : b(i.$slots, "default", { key: 1 })
+        }, 1032, ["href", "to", "active", "disabled"]))), 128)) : $(i.$slots, "default", { key: 1 })
       ]),
       _: 3
     }));
   }
-}), E = /* @__PURE__ */ v({
+}), H = /* @__PURE__ */ p({
   __name: "VibePaginationItem",
   props: {
     active: { type: Boolean, default: !1 },
@@ -585,31 +727,31 @@ const Lt = /* @__PURE__ */ v({
     to: { type: [String, Object], default: void 0 }
   },
   emits: ["click", "component-error"],
-  setup(e, { emit: u }) {
-    const t = e, i = u, l = f(() => t.href ? "a" : t.to ? "router-link" : "button"), s = (o) => {
-      t.disabled || i("click", o);
+  setup(e, { emit: o }) {
+    const t = e, i = o, a = c(() => t.href ? "a" : t.to ? "router-link" : "button"), s = (r) => {
+      t.disabled || i("click", r);
     };
-    return (o, r) => (a(), n("li", {
-      class: m(["page-item", { active: e.active, disabled: e.disabled }])
+    return (r, d) => (l(), n("li", {
+      class: h(["page-item", { active: e.active, disabled: e.disabled }])
     }, [
-      (a(), y(V(l.value), {
+      (l(), x(T(a.value), {
         class: "page-link",
         href: e.href,
         to: e.to,
-        type: l.value === "button" ? "button" : void 0,
-        disabled: e.disabled && l.value === "button",
+        type: a.value === "button" ? "button" : void 0,
+        disabled: e.disabled && a.value === "button",
         "aria-current": e.active ? "page" : void 0,
         "aria-disabled": e.disabled,
         onClick: s
       }, {
-        default: g(() => [
-          b(o.$slots, "default")
+        default: V(() => [
+          $(r.$slots, "default")
         ]),
         _: 3
       }, 8, ["href", "to", "type", "disabled", "aria-current", "aria-disabled"]))
     ], 2));
   }
-}), Se = ["aria-label"], Xt = /* @__PURE__ */ v({
+}), Ce = ["aria-label"], wl = /* @__PURE__ */ p({
   __name: "VibePagination",
   props: {
     size: { type: String, default: void 0 },
@@ -620,53 +762,99 @@ const Lt = /* @__PURE__ */ v({
     showPrevNext: { type: Boolean, default: !0 }
   },
   emits: ["page-click", "component-error"],
-  setup(e, { emit: u }) {
-    const t = e, i = u, l = j(), s = f(() => {
-      const k = ["pagination"];
-      return t.size && k.push(`pagination-${t.size}`), k.join(" ");
-    }), o = f(() => t.totalPages ? Array.from({ length: t.totalPages }, (k, B) => B + 1) : []), r = (k) => {
-      k >= 1 && k <= t.totalPages && i("page-click", k);
+  setup(e, { emit: o }) {
+    const t = e, i = o, a = X(), s = c(() => {
+      const y = ["pagination"];
+      return t.size && y.push(`pagination-${t.size}`), y.join(" ");
+    }), r = c(() => t.totalPages ? Array.from({ length: t.totalPages }, (y, v) => v + 1) : []), d = (y) => {
+      y >= 1 && y <= t.totalPages && i("page-click", y);
     };
-    return (k, B) => (a(), n("nav", { "aria-label": e.ariaLabel }, [
-      d("ul", {
-        class: m(s.value)
+    return (y, v) => (l(), n("nav", { "aria-label": e.ariaLabel }, [
+      m("ul", {
+        class: h(s.value)
       }, [
-        e.totalPages && !_(l).default ? (a(), n(w, { key: 0 }, [
-          e.showPrevNext ? (a(), y(E, {
+        e.totalPages && !L(a).default ? (l(), n(P, { key: 0 }, [
+          e.showPrevNext ? (l(), x(H, {
             key: 0,
             disabled: e.currentPage === 1,
-            onClick: B[0] || (B[0] = (P) => r(e.currentPage - 1))
+            onClick: v[0] || (v[0] = (b) => d(e.currentPage - 1))
           }, {
-            default: g(() => [...B[2] || (B[2] = [
-              C(" Previous ", -1)
+            default: V(() => [...v[2] || (v[2] = [
+              N(" Previous ", -1)
             ])]),
             _: 1
-          }, 8, ["disabled"])) : $("", !0),
-          (a(!0), n(w, null, I(o.value, (P) => (a(), y(E, {
-            key: P,
-            active: P === e.currentPage,
-            onClick: (F) => r(P)
+          }, 8, ["disabled"])) : u("", !0),
+          (l(!0), n(P, null, I(r.value, (b) => (l(), x(H, {
+            key: b,
+            active: b === e.currentPage,
+            onClick: (g) => d(b)
           }, {
-            default: g(() => [
-              C(S(P), 1)
+            default: V(() => [
+              N(f(b), 1)
             ]),
             _: 2
           }, 1032, ["active", "onClick"]))), 128)),
-          e.showPrevNext ? (a(), y(E, {
+          e.showPrevNext ? (l(), x(H, {
             key: 1,
             disabled: e.currentPage === e.totalPages,
-            onClick: B[1] || (B[1] = (P) => r(e.currentPage + 1))
+            onClick: v[1] || (v[1] = (b) => d(e.currentPage + 1))
           }, {
-            default: g(() => [...B[3] || (B[3] = [
-              C(" Next ", -1)
+            default: V(() => [...v[3] || (v[3] = [
+              N(" Next ", -1)
             ])]),
             _: 1
-          }, 8, ["disabled"])) : $("", !0)
-        ], 64)) : b(k.$slots, "default", { key: 1 })
+          }, 8, ["disabled"])) : u("", !0)
+        ], 64)) : $(y.$slots, "default", { key: 1 })
       ], 2)
-    ], 8, Se));
+    ], 8, Ce));
+  }
+}), Nl = /* @__PURE__ */ p({
+  __name: "VibeTabContent",
+  props: {
+    id: { type: String, default: void 0 },
+    tag: { type: String, default: "div" }
+  },
+  emits: ["component-error"],
+  setup(e, { emit: o }) {
+    return (t, i) => (l(), x(T(e.tag), {
+      id: e.id,
+      class: "tab-content"
+    }, {
+      default: V(() => [
+        $(t.$slots, "default")
+      ]),
+      _: 3
+    }, 8, ["id"]));
   }
-}), Be = /* @__PURE__ */ v({
+}), Tl = /* @__PURE__ */ p({
+  __name: "VibeTabPane",
+  props: {
+    id: { type: String, required: !0 },
+    active: { type: Boolean, default: !1 },
+    fade: { type: Boolean, default: !0 },
+    tag: { type: String, default: "div" },
+    ariaLabelledby: { type: String, default: void 0 }
+  },
+  emits: ["component-error"],
+  setup(e, { emit: o }) {
+    const t = e, i = c(() => {
+      const a = ["tab-pane"];
+      return t.fade && a.push("fade"), t.active && a.push("show", "active"), a.join(" ");
+    });
+    return (a, s) => (l(), x(T(e.tag), {
+      id: e.id,
+      class: h(i.value),
+      role: "tabpanel",
+      "aria-labelledby": e.ariaLabelledby,
+      tabindex: "0"
+    }, {
+      default: V(() => [
+        $(a.$slots, "default")
+      ]),
+      _: 3
+    }, 8, ["id", "class", "aria-labelledby"]));
+  }
+}), Be = /* @__PURE__ */ p({
   __name: "VibeListGroupItem",
   props: {
     active: { type: Boolean, default: !1 },
@@ -678,30 +866,30 @@ const Lt = /* @__PURE__ */ v({
     action: { type: Boolean, default: !1 }
   },
   emits: ["click", "component-error"],
-  setup(e, { emit: u }) {
-    const t = e, i = u, l = f(() => t.href ? "a" : t.to ? "router-link" : t.action ? "button" : t.tag), s = f(() => {
-      const r = ["list-group-item"];
-      return t.active && r.push("active"), t.disabled && r.push("disabled"), t.variant && r.push(`list-group-item-${t.variant}`), (t.action || t.href || t.to) && r.push("list-group-item-action"), r.join(" ");
-    }), o = (r) => {
-      t.disabled || i("click", r);
+  setup(e, { emit: o }) {
+    const t = e, i = o, a = c(() => t.href ? "a" : t.to ? "router-link" : t.action ? "button" : t.tag), s = c(() => {
+      const d = ["list-group-item"];
+      return t.active && d.push("active"), t.disabled && d.push("disabled"), t.variant && d.push(`list-group-item-${t.variant}`), (t.action || t.href || t.to) && d.push("list-group-item-action"), d.join(" ");
+    }), r = (d) => {
+      t.disabled || i("click", d);
     };
-    return (r, k) => (a(), y(V(l.value), {
-      class: m(s.value),
+    return (d, y) => (l(), x(T(a.value), {
+      class: h(s.value),
       href: e.href,
       to: e.to,
-      type: l.value === "button" ? "button" : void 0,
+      type: a.value === "button" ? "button" : void 0,
       disabled: e.disabled,
       "aria-disabled": e.disabled,
       "aria-current": e.active ? "true" : void 0,
-      onClick: o
+      onClick: r
     }, {
-      default: g(() => [
-        b(r.$slots, "default")
+      default: V(() => [
+        $(d.$slots, "default")
       ]),
       _: 3
     }, 8, ["class", "href", "to", "type", "disabled", "aria-disabled", "aria-current"]));
   }
-}), Yt = /* @__PURE__ */ v({
+}), Ml = /* @__PURE__ */ p({
   __name: "VibeListGroup",
   props: {
     flush: { type: Boolean, default: !1 },
@@ -711,51 +899,51 @@ const Lt = /* @__PURE__ */ v({
     items: { type: Array, default: void 0 }
   },
   emits: ["component-error"],
-  setup(e, { emit: u }) {
-    const t = e, i = j(), l = f(() => {
+  setup(e, { emit: o }) {
+    const t = e, i = X(), a = c(() => {
       const s = ["list-group"];
       return t.flush && s.push("list-group-flush"), t.numbered && s.push("list-group-numbered"), t.horizontal === !0 ? s.push("list-group-horizontal") : typeof t.horizontal == "string" && s.push(`list-group-horizontal-${t.horizontal}`), s.join(" ");
     });
-    return (s, o) => (a(), y(V(e.tag), {
-      class: m(l.value)
+    return (s, r) => (l(), x(T(e.tag), {
+      class: h(a.value)
     }, {
-      default: g(() => [
-        e.items && e.items.length > 0 && !_(i).default ? (a(!0), n(w, { key: 0 }, I(e.items, (r, k) => (a(), y(Be, {
-          key: k,
-          href: r.href,
-          to: r.to,
-          active: r.active,
-          disabled: r.disabled,
-          variant: r.variant
+      default: V(() => [
+        e.items && e.items.length > 0 && !L(i).default ? (l(!0), n(P, { key: 0 }, I(e.items, (d, y) => (l(), x(Be, {
+          key: y,
+          href: d.href,
+          to: d.to,
+          active: d.active,
+          disabled: d.disabled,
+          variant: d.variant
         }, {
-          default: g(() => [
-            C(S(r.text), 1)
+          default: V(() => [
+            N(f(d.text), 1)
           ]),
           _: 2
-        }, 1032, ["href", "to", "active", "disabled", "variant"]))), 128)) : b(s.$slots, "default", { key: 1 })
+        }, 1032, ["href", "to", "active", "disabled", "variant"]))), 128)) : $(s.$slots, "default", { key: 1 })
       ]),
       _: 3
     }, 8, ["class"]));
   }
-}), Zt = /* @__PURE__ */ v({
+}), ql = /* @__PURE__ */ p({
   __name: "VibeProgress",
   props: {
     height: { type: String, default: void 0 }
   },
   emits: ["component-error"],
-  setup(e, { emit: u }) {
-    const t = e, i = f(() => {
+  setup(e, { emit: o }) {
+    const t = e, i = c(() => {
       if (t.height)
         return { height: t.height };
     });
-    return (l, s) => (a(), n("div", {
+    return (a, s) => (l(), n("div", {
       class: "progress",
-      style: M(i.value)
+      style: R(i.value)
     }, [
-      b(l.$slots, "default")
+      $(a.$slots, "default")
     ], 4));
   }
-}), Ve = ["aria-valuenow", "aria-valuemax"], ea = /* @__PURE__ */ v({
+}), we = ["aria-valuenow", "aria-valuemax"], Pl = /* @__PURE__ */ p({
   __name: "VibeProgressBar",
   props: {
     value: { type: Number, default: 0 },
@@ -767,24 +955,24 @@ const Lt = /* @__PURE__ */ v({
     showValue: { type: Boolean, default: !1 }
   },
   emits: ["component-error"],
-  setup(e, { emit: u }) {
-    const t = e, i = f(() => {
-      const o = ["progress-bar"];
-      return t.variant && o.push(`bg-${t.variant}`), (t.striped || t.animated) && o.push("progress-bar-striped"), t.animated && o.push("progress-bar-animated"), o.join(" ");
-    }), l = f(() => ({ width: `${Math.min(100, Math.max(0, t.value / t.max * 100))}%` })), s = f(() => t.label ? t.label : t.showValue ? `${t.value}%` : "");
-    return (o, r) => (a(), n("div", {
-      class: m(i.value),
-      style: M(l.value),
+  setup(e, { emit: o }) {
+    const t = e, i = c(() => {
+      const r = ["progress-bar"];
+      return t.variant && r.push(`bg-${t.variant}`), (t.striped || t.animated) && r.push("progress-bar-striped"), t.animated && r.push("progress-bar-animated"), r.join(" ");
+    }), a = c(() => ({ width: `${Math.min(100, Math.max(0, t.value / t.max * 100))}%` })), s = c(() => t.label ? t.label : t.showValue ? `${t.value}%` : "");
+    return (r, d) => (l(), n("div", {
+      class: h(i.value),
+      style: R(a.value),
       role: "progressbar",
       "aria-valuenow": e.value,
       "aria-valuemin": 0,
       "aria-valuemax": e.max
     }, [
-      C(S(s.value) + " ", 1),
-      b(o.$slots, "default")
-    ], 14, Ve));
+      N(f(s.value) + " ", 1),
+      $(r.$slots, "default")
+    ], 14, we));
   }
-}), Ce = { class: "accordion-item" }, we = { class: "accordion-header" }, Pe = ["data-bs-target", "aria-expanded", "aria-controls"], xe = ["id", "data-bs-parent"], Ie = { class: "accordion-body" }, Ne = /* @__PURE__ */ v({
+}), Ne = { class: "accordion-item" }, Te = { class: "accordion-header" }, Me = ["data-bs-target", "aria-expanded", "aria-controls"], qe = ["id", "data-bs-parent"], Pe = { class: "accordion-body" }, ze = /* @__PURE__ */ p({
   __name: "VibeAccordionItem",
   props: {
     id: { type: String, required: !0 },
@@ -793,31 +981,31 @@ const Lt = /* @__PURE__ */ v({
     show: { type: Boolean, default: !1 }
   },
   emits: ["component-error"],
-  setup(e, { emit: u }) {
-    const t = e, i = f(() => t.show ? "accordion-collapse collapse show" : "accordion-collapse collapse");
-    return (l, s) => (a(), n("div", Ce, [
-      d("h2", we, [
-        d("button", {
-          class: m(["accordion-button", { collapsed: !e.show }]),
+  setup(e, { emit: o }) {
+    const t = e, i = c(() => t.show ? "accordion-collapse collapse show" : "accordion-collapse collapse");
+    return (a, s) => (l(), n("div", Ne, [
+      m("h2", Te, [
+        m("button", {
+          class: h(["accordion-button", { collapsed: !e.show }]),
           type: "button",
           "data-bs-toggle": "collapse",
           "data-bs-target": `#${e.id}`,
           "aria-expanded": e.show,
           "aria-controls": e.id
-        }, S(e.title), 11, Pe)
+        }, f(e.title), 11, Me)
       ]),
-      d("div", {
+      m("div", {
         id: e.id,
-        class: m(i.value),
+        class: h(i.value),
         "data-bs-parent": `#${e.parentId}`
       }, [
-        d("div", Ie, [
-          b(l.$slots, "default")
+        m("div", Pe, [
+          $(a.$slots, "default")
         ])
-      ], 10, xe)
+      ], 10, qe)
     ]));
   }
-}), _e = ["id"], ta = /* @__PURE__ */ v({
+}), Ie = ["id"], zl = /* @__PURE__ */ p({
   __name: "VibeAccordion",
   props: {
     id: { type: String, required: !0 },
@@ -825,27 +1013,27 @@ const Lt = /* @__PURE__ */ v({
     items: { type: Array, default: void 0 }
   },
   emits: ["component-error"],
-  setup(e, { emit: u }) {
-    const t = j();
-    return (i, l) => (a(), n("div", {
+  setup(e, { emit: o }) {
+    const t = X();
+    return (i, a) => (l(), n("div", {
       id: e.id,
-      class: m(["accordion", { "accordion-flush": e.flush }])
+      class: h(["accordion", { "accordion-flush": e.flush }])
     }, [
-      e.items && e.items.length > 0 && !_(t).default ? (a(!0), n(w, { key: 0 }, I(e.items, (s, o) => (a(), y(Ne, {
-        key: o,
+      e.items && e.items.length > 0 && !L(t).default ? (l(!0), n(P, { key: 0 }, I(e.items, (s, r) => (l(), x(ze, {
+        key: r,
         id: s.id,
         "parent-id": e.id,
         title: s.title,
         show: s.show
       }, {
-        default: g(() => [
-          C(S(s.content), 1)
+        default: V(() => [
+          N(f(s.content), 1)
         ]),
         _: 2
-      }, 1032, ["id", "parent-id", "title", "show"]))), 128)) : b(i.$slots, "default", { key: 1 })
-    ], 10, _e));
+      }, 1032, ["id", "parent-id", "title", "show"]))), 128)) : $(i.$slots, "default", { key: 1 })
+    ], 10, Ie));
   }
-}), aa = /* @__PURE__ */ v({
+}), Il = /* @__PURE__ */ p({
   __name: "VibeCollapse",
   props: {
     id: { type: String, required: !0 },
@@ -854,26 +1042,26 @@ const Lt = /* @__PURE__ */ v({
     horizontal: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue", "show", "shown", "hide", "hidden", "component-error"],
-  setup(e, { emit: u }) {
-    const t = e, i = T(t.modelValue);
-    D(() => t.modelValue, (s) => {
+  setup(e, { emit: o }) {
+    const t = e, i = z(t.modelValue);
+    O(() => t.modelValue, (s) => {
       i.value = s;
     });
-    const l = f(() => {
+    const a = c(() => {
       const s = ["collapse"];
       return t.horizontal && s.push("collapse-horizontal"), i.value && s.push("show"), s.join(" ");
     });
-    return (s, o) => (a(), y(V(e.tag), {
+    return (s, r) => (l(), x(T(e.tag), {
       id: e.id,
-      class: m(l.value)
+      class: h(a.value)
     }, {
-      default: g(() => [
-        b(s.$slots, "default")
+      default: V(() => [
+        $(s.$slots, "default")
       ]),
       _: 3
     }, 8, ["id", "class"]));
   }
-}), je = { key: 0 }, ze = /* @__PURE__ */ v({
+}), Fe = { key: 0 }, je = /* @__PURE__ */ p({
   __name: "VibeDropdownItem",
   props: {
     active: { type: Boolean, default: !1 },
@@ -884,40 +1072,40 @@ const Lt = /* @__PURE__ */ v({
     header: { type: Boolean, default: !1 }
   },
   emits: ["click", "component-error"],
-  setup(e, { emit: u }) {
-    const t = e, i = u, l = f(() => t.divider ? "hr" : t.header ? "h6" : t.href ? "a" : t.to ? "router-link" : "button"), s = f(() => {
+  setup(e, { emit: o }) {
+    const t = e, i = o, a = c(() => t.divider ? "hr" : t.header ? "h6" : t.href ? "a" : t.to ? "router-link" : "button"), s = c(() => {
       if (t.divider) return "dropdown-divider";
       if (t.header) return "dropdown-header";
-      const r = ["dropdown-item"];
-      return t.active && r.push("active"), t.disabled && r.push("disabled"), r.join(" ");
-    }), o = (r) => {
-      !t.disabled && !t.divider && !t.header && i("click", r);
+      const d = ["dropdown-item"];
+      return t.active && d.push("active"), t.disabled && d.push("disabled"), d.join(" ");
+    }), r = (d) => {
+      !t.disabled && !t.divider && !t.header && i("click", d);
     };
-    return (r, k) => !e.divider && !e.header ? (a(), n("li", je, [
-      (a(), y(V(l.value), {
-        class: m(s.value),
+    return (d, y) => !e.divider && !e.header ? (l(), n("li", Fe, [
+      (l(), x(T(a.value), {
+        class: h(s.value),
         href: e.href,
         to: e.to,
-        type: l.value === "button" ? "button" : void 0,
+        type: a.value === "button" ? "button" : void 0,
         disabled: e.disabled,
-        onClick: o
+        onClick: r
       }, {
-        default: g(() => [
-          b(r.$slots, "default")
+        default: V(() => [
+          $(d.$slots, "default")
         ]),
         _: 3
       }, 8, ["class", "href", "to", "type", "disabled"]))
-    ])) : (a(), y(V(l.value), {
+    ])) : (l(), x(T(a.value), {
       key: 1,
-      class: m(s.value)
+      class: h(s.value)
     }, {
-      default: g(() => [
-        b(r.$slots, "default")
+      default: V(() => [
+        $(d.$slots, "default")
       ]),
       _: 3
     }, 8, ["class"]));
   }
-}), Te = ["id"], Ae = ["aria-labelledby"], sa = /* @__PURE__ */ v({
+}), Ae = ["id"], Le = ["aria-labelledby"], Fl = /* @__PURE__ */ p({
   __name: "VibeDropdown",
   props: {
     id: { type: String, required: !0 },
@@ -930,52 +1118,52 @@ const Lt = /* @__PURE__ */ v({
     items: { type: Array, default: void 0 }
   },
   emits: ["component-error"],
-  setup(e, { emit: u }) {
-    const t = e, i = j(), l = f(() => t.direction === "up" ? "dropup" : t.direction === "end" ? "dropend" : t.direction === "start" ? "dropstart" : "dropdown"), s = f(() => {
-      const r = ["btn", `btn-${t.variant}`];
-      return t.size && r.push(`btn-${t.size}`), r.join(" ");
-    }), o = f(() => {
-      const r = ["dropdown-menu"];
-      return t.menuEnd && r.push("dropdown-menu-end"), r.join(" ");
+  setup(e, { emit: o }) {
+    const t = e, i = X(), a = c(() => t.direction === "up" ? "dropup" : t.direction === "end" ? "dropend" : t.direction === "start" ? "dropstart" : "dropdown"), s = c(() => {
+      const d = ["btn", `btn-${t.variant}`];
+      return t.size && d.push(`btn-${t.size}`), d.join(" ");
+    }), r = c(() => {
+      const d = ["dropdown-menu"];
+      return t.menuEnd && d.push("dropdown-menu-end"), d.join(" ");
     });
-    return (r, k) => (a(), n("div", {
-      class: m(l.value)
+    return (d, y) => (l(), n("div", {
+      class: h(a.value)
     }, [
-      d("button", {
+      m("button", {
         id: e.id,
-        class: m([s.value, "dropdown-toggle"]),
+        class: h([s.value, "dropdown-toggle"]),
         type: "button",
         "data-bs-toggle": "dropdown",
         "aria-expanded": "false"
-      }, S(e.text), 11, Te),
-      d("ul", {
-        class: m(o.value),
+      }, f(e.text), 11, Ae),
+      m("ul", {
+        class: h(r.value),
         "aria-labelledby": e.id
       }, [
-        e.items && e.items.length > 0 && !_(i).default ? (a(!0), n(w, { key: 0 }, I(e.items, (B, P) => (a(), y(ze, {
-          key: P,
-          href: B.href,
-          to: B.to,
-          active: B.active,
-          disabled: B.disabled,
-          divider: B.divider,
-          header: B.header
+        e.items && e.items.length > 0 && !L(i).default ? (l(!0), n(P, { key: 0 }, I(e.items, (v, b) => (l(), x(je, {
+          key: b,
+          href: v.href,
+          to: v.to,
+          active: v.active,
+          disabled: v.disabled,
+          divider: v.divider,
+          header: v.header
         }, {
-          default: g(() => [
-            C(S(B.text), 1)
+          default: V(() => [
+            N(f(v.text), 1)
           ]),
           _: 2
-        }, 1032, ["href", "to", "active", "disabled", "divider", "header"]))), 128)) : b(r.$slots, "default", { key: 1 })
-      ], 10, Ae)
+        }, 1032, ["href", "to", "active", "disabled", "divider", "header"]))), 128)) : $(d.$slots, "default", { key: 1 })
+      ], 10, Le)
     ], 2));
   }
-}), De = ["id", "aria-labelledby", "data-bs-backdrop", "data-bs-keyboard"], Le = { class: "modal-content" }, qe = {
+}), Oe = ["id", "aria-labelledby", "data-bs-backdrop", "data-bs-keyboard"], Xe = { class: "modal-content" }, De = {
   key: 0,
   class: "modal-header"
-}, Oe = ["id"], Me = { class: "modal-body" }, Fe = {
+}, Re = ["id"], Ee = { class: "modal-body" }, Ye = {
   key: 1,
   class: "modal-footer"
-}, la = /* @__PURE__ */ v({
+}, jl = /* @__PURE__ */ p({
   __name: "VibeModal",
   props: {
     id: { type: String, required: !0 },
@@ -990,12 +1178,12 @@ const Lt = /* @__PURE__ */ v({
     hideFooter: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue", "show", "shown", "hide", "hidden", "component-error"],
-  setup(e, { emit: u }) {
-    const t = e, i = f(() => {
-      const l = ["modal-dialog"];
-      return t.size && l.push(`modal-${t.size}`), t.centered && l.push("modal-dialog-centered"), t.scrollable && l.push("modal-dialog-scrollable"), t.fullscreen === !0 ? l.push("modal-fullscreen") : typeof t.fullscreen == "string" && l.push(`modal-fullscreen-${t.fullscreen}-down`), l.join(" ");
+  setup(e, { emit: o }) {
+    const t = e, i = c(() => {
+      const a = ["modal-dialog"];
+      return t.size && a.push(`modal-${t.size}`), t.centered && a.push("modal-dialog-centered"), t.scrollable && a.push("modal-dialog-scrollable"), t.fullscreen === !0 ? a.push("modal-fullscreen") : typeof t.fullscreen == "string" && a.push(`modal-fullscreen-${t.fullscreen}-down`), a.join(" ");
     });
-    return (l, s) => (a(), n("div", {
+    return (a, s) => (l(), n("div", {
       id: e.id,
       class: "modal fade",
       tabindex: "-1",
@@ -1004,32 +1192,32 @@ const Lt = /* @__PURE__ */ v({
       "data-bs-backdrop": e.staticBackdrop ? "static" : void 0,
       "data-bs-keyboard": !e.staticBackdrop
     }, [
-      d("div", {
-        class: m(i.value)
+      m("div", {
+        class: h(i.value)
       }, [
-        d("div", Le, [
-          e.hideHeader ? $("", !0) : (a(), n("div", qe, [
-            d("h5", {
+        m("div", Xe, [
+          e.hideHeader ? u("", !0) : (l(), n("div", De, [
+            m("h5", {
               id: `${e.id}-label`,
               class: "modal-title"
             }, [
-              b(l.$slots, "header", {}, () => [
-                C(S(e.title), 1)
+              $(a.$slots, "header", {}, () => [
+                N(f(e.title), 1)
               ])
-            ], 8, Oe),
-            s[0] || (s[0] = d("button", {
+            ], 8, Re),
+            s[0] || (s[0] = m("button", {
               type: "button",
               class: "btn-close",
               "data-bs-dismiss": "modal",
               "aria-label": "Close"
             }, null, -1))
           ])),
-          d("div", Me, [
-            b(l.$slots, "default")
+          m("div", Ee, [
+            $(a.$slots, "default")
           ]),
-          e.hideFooter ? $("", !0) : (a(), n("div", Fe, [
-            b(l.$slots, "footer", {}, () => [
-              s[1] || (s[1] = d("button", {
+          e.hideFooter ? u("", !0) : (l(), n("div", Ye, [
+            $(a.$slots, "footer", {}, () => [
+              s[1] || (s[1] = m("button", {
                 type: "button",
                 class: "btn btn-secondary",
                 "data-bs-dismiss": "modal"
@@ -1038,9 +1226,9 @@ const Lt = /* @__PURE__ */ v({
           ]))
         ])
       ], 2)
-    ], 8, De));
+    ], 8, Oe));
   }
-}), Ee = ["id", "aria-labelledby", "data-bs-backdrop", "data-bs-scroll"], Ge = { class: "offcanvas-header" }, Re = ["id"], He = { class: "offcanvas-body" }, ra = /* @__PURE__ */ v({
+}), Ge = ["id", "aria-labelledby", "data-bs-backdrop", "data-bs-scroll"], He = { class: "offcanvas-header" }, Ue = ["id"], Qe = { class: "offcanvas-body" }, Al = /* @__PURE__ */ p({
   __name: "VibeOffcanvas",
   props: {
     id: { type: String, required: !0 },
@@ -1051,41 +1239,41 @@ const Lt = /* @__PURE__ */ v({
     scroll: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue", "show", "shown", "hide", "hidden", "component-error"],
-  setup(e, { emit: u }) {
-    const t = e, i = f(() => `offcanvas offcanvas-${t.placement}`);
-    return (l, s) => (a(), n("div", {
+  setup(e, { emit: o }) {
+    const t = e, i = c(() => `offcanvas offcanvas-${t.placement}`);
+    return (a, s) => (l(), n("div", {
       id: e.id,
-      class: m(i.value),
+      class: h(i.value),
       tabindex: "-1",
       "aria-labelledby": `${e.id}-label`,
       "data-bs-backdrop": e.backdrop === !1 ? "false" : e.backdrop === "static" ? "static" : "true",
       "data-bs-scroll": e.scroll
     }, [
-      d("div", Ge, [
-        d("h5", {
+      m("div", He, [
+        m("h5", {
           id: `${e.id}-label`,
           class: "offcanvas-title"
         }, [
-          b(l.$slots, "header", {}, () => [
-            C(S(e.title), 1)
+          $(a.$slots, "header", {}, () => [
+            N(f(e.title), 1)
           ])
-        ], 8, Re),
-        s[0] || (s[0] = d("button", {
+        ], 8, Ue),
+        s[0] || (s[0] = m("button", {
           type: "button",
           class: "btn-close",
           "data-bs-dismiss": "offcanvas",
           "aria-label": "Close"
         }, null, -1))
       ]),
-      d("div", He, [
-        b(l.$slots, "default")
+      m("div", Qe, [
+        $(a.$slots, "default")
       ])
-    ], 10, Ee));
+    ], 10, Ge));
   }
-}), Qe = ["id", "data-bs-autohide", "data-bs-delay"], Ue = {
+}), Ke = ["id", "data-bs-autohide", "data-bs-delay"], We = {
   key: 0,
   class: "toast-header"
-}, Ke = { class: "me-auto" }, Je = { class: "toast-body" }, ia = /* @__PURE__ */ v({
+}, Je = { class: "me-auto" }, Ze = { class: "toast-body" }, Ll = /* @__PURE__ */ p({
   __name: "VibeToast",
   props: {
     id: { type: String, default: void 0 },
@@ -1096,40 +1284,40 @@ const Lt = /* @__PURE__ */ v({
     delay: { type: Number, default: 5e3 }
   },
   emits: ["update:modelValue", "show", "shown", "hide", "hidden", "component-error"],
-  setup(e, { emit: u }) {
-    const t = e, i = f(() => {
-      const l = ["toast"];
-      return t.variant && l.push(`text-bg-${t.variant}`), l.join(" ");
+  setup(e, { emit: o }) {
+    const t = e, i = c(() => {
+      const a = ["toast"];
+      return t.variant && a.push(`text-bg-${t.variant}`), a.join(" ");
     });
-    return (l, s) => (a(), n("div", {
+    return (a, s) => (l(), n("div", {
       id: e.id,
-      class: m(i.value),
+      class: h(i.value),
       role: "alert",
       "aria-live": "assertive",
       "aria-atomic": "true",
       "data-bs-autohide": e.autohide,
       "data-bs-delay": e.delay
     }, [
-      e.title || l.$slots.header ? (a(), n("div", Ue, [
-        b(l.$slots, "header", {}, () => [
-          d("strong", Ke, S(e.title), 1)
+      e.title || a.$slots.header ? (l(), n("div", We, [
+        $(a.$slots, "header", {}, () => [
+          m("strong", Je, f(e.title), 1)
         ]),
-        s[0] || (s[0] = d("button", {
+        s[0] || (s[0] = m("button", {
           type: "button",
           class: "btn-close",
           "data-bs-dismiss": "toast",
           "aria-label": "Close"
         }, null, -1))
-      ])) : $("", !0),
-      d("div", Je, [
-        b(l.$slots, "default")
+      ])) : u("", !0),
+      m("div", Ze, [
+        $(a.$slots, "default")
       ])
-    ], 10, Qe));
+    ], 10, Ke));
   }
-}), We = ["data-bs-interval"], Xe = ["src", "alt"], Ye = {
+}), _e = ["data-bs-interval"], et = ["src", "alt"], tt = {
   key: 1,
   class: "carousel-caption d-none d-md-block"
-}, Ze = { key: 0 }, et = { key: 1 }, tt = /* @__PURE__ */ v({
+}, at = { key: 0 }, lt = { key: 1 }, it = /* @__PURE__ */ p({
   __name: "VibeCarouselSlide",
   props: {
     active: { type: Boolean, default: !1 },
@@ -1140,34 +1328,34 @@ const Lt = /* @__PURE__ */ v({
     captionText: { type: String, default: void 0 }
   },
   emits: ["component-error"],
-  setup(e, { emit: u }) {
-    return (t, i) => (a(), n("div", {
-      class: m(["carousel-item", { active: e.active }]),
+  setup(e, { emit: o }) {
+    return (t, i) => (l(), n("div", {
+      class: h(["carousel-item", { active: e.active }]),
       "data-bs-interval": e.interval
     }, [
-      e.imgSrc ? (a(), n("img", {
+      e.imgSrc ? (l(), n("img", {
         key: 0,
         src: e.imgSrc,
         class: "d-block w-100",
         alt: e.imgAlt
-      }, null, 8, Xe)) : $("", !0),
-      b(t.$slots, "img"),
-      e.caption || e.captionText || t.$slots.caption ? (a(), n("div", Ye, [
-        b(t.$slots, "caption", {}, () => [
-          e.caption ? (a(), n("h5", Ze, S(e.caption), 1)) : $("", !0),
-          e.captionText ? (a(), n("p", et, S(e.captionText), 1)) : $("", !0)
+      }, null, 8, et)) : u("", !0),
+      $(t.$slots, "img"),
+      e.caption || e.captionText || t.$slots.caption ? (l(), n("div", tt, [
+        $(t.$slots, "caption", {}, () => [
+          e.caption ? (l(), n("h5", at, f(e.caption), 1)) : u("", !0),
+          e.captionText ? (l(), n("p", lt, f(e.captionText), 1)) : u("", !0)
         ])
-      ])) : $("", !0),
-      b(t.$slots, "default")
-    ], 10, We));
+      ])) : u("", !0),
+      $(t.$slots, "default")
+    ], 10, _e));
   }
-}), at = ["id", "data-bs-ride", "data-bs-interval", "data-bs-keyboard", "data-bs-pause", "data-bs-wrap", "data-bs-touch"], st = {
+}), st = ["id", "data-bs-ride", "data-bs-interval", "data-bs-keyboard", "data-bs-pause", "data-bs-wrap", "data-bs-touch"], nt = {
   key: 0,
   class: "carousel-indicators"
-}, lt = ["data-bs-target", "data-bs-slide-to", "aria-current", "aria-label"], rt = { class: "carousel-inner" }, it = {
+}, dt = ["data-bs-target", "data-bs-slide-to", "aria-current", "aria-label"], ot = { class: "carousel-inner" }, rt = {
   key: 0,
   class: "carousel-indicators"
-}, nt = { class: "carousel-inner" }, ot = ["data-bs-target"], dt = ["data-bs-target"], na = /* @__PURE__ */ v({
+}, ut = { class: "carousel-inner" }, ct = ["data-bs-target"], ft = ["data-bs-target"], Ol = /* @__PURE__ */ p({
   __name: "VibeCarousel",
   props: {
     id: { type: String, required: !0 },
@@ -1184,11 +1372,11 @@ const Lt = /* @__PURE__ */ v({
     items: { type: Array, default: void 0 }
   },
   emits: ["slide", "slid", "component-error"],
-  setup(e, { emit: u }) {
-    const t = j();
-    return (i, l) => (a(), n("div", {
+  setup(e, { emit: o }) {
+    const t = X();
+    return (i, a) => (l(), n("div", {
       id: e.id,
-      class: m(["carousel", "slide", { "carousel-dark": e.dark, "carousel-fade": e.fade }]),
+      class: h(["carousel", "slide", { "carousel-dark": e.dark, "carousel-fade": e.fade }]),
       "data-bs-ride": e.ride === !0 ? "carousel" : e.ride,
       "data-bs-interval": e.interval,
       "data-bs-keyboard": e.keyboard,
@@ -1196,22 +1384,22 @@ const Lt = /* @__PURE__ */ v({
       "data-bs-wrap": e.wrap,
       "data-bs-touch": e.touch
     }, [
-      e.items && e.items.length > 0 && !_(t).default ? (a(), n(w, { key: 0 }, [
-        e.indicators ? (a(), n("div", st, [
-          (a(!0), n(w, null, I(e.items, (s, o) => (a(), n("button", {
-            key: `indicator-${o}`,
+      e.items && e.items.length > 0 && !L(t).default ? (l(), n(P, { key: 0 }, [
+        e.indicators ? (l(), n("div", nt, [
+          (l(!0), n(P, null, I(e.items, (s, r) => (l(), n("button", {
+            key: `indicator-${r}`,
             type: "button",
             "data-bs-target": `#${e.id}`,
-            "data-bs-slide-to": o,
-            class: m({ active: s.active || o === 0 }),
-            "aria-current": s.active || o === 0,
-            "aria-label": `Slide ${o + 1}`
-          }, null, 10, lt))), 128))
-        ])) : $("", !0),
-        d("div", rt, [
-          (a(!0), n(w, null, I(e.items, (s, o) => (a(), y(tt, {
-            key: o,
-            active: s.active || o === 0,
+            "data-bs-slide-to": r,
+            class: h({ active: s.active || r === 0 }),
+            "aria-current": s.active || r === 0,
+            "aria-label": `Slide ${r + 1}`
+          }, null, 10, dt))), 128))
+        ])) : u("", !0),
+        m("div", ot, [
+          (l(!0), n(P, null, I(e.items, (s, r) => (l(), x(it, {
+            key: r,
+            active: s.active || r === 0,
             interval: s.interval,
             "img-src": s.src,
             "img-alt": s.alt,
@@ -1219,43 +1407,43 @@ const Lt = /* @__PURE__ */ v({
             "caption-text": s.captionText
           }, null, 8, ["active", "interval", "img-src", "img-alt", "caption", "caption-text"]))), 128))
         ])
-      ], 64)) : (a(), n(w, { key: 1 }, [
-        e.indicators ? (a(), n("div", it, [
-          b(i.$slots, "indicators")
-        ])) : $("", !0),
-        d("div", nt, [
-          b(i.$slots, "default")
+      ], 64)) : (l(), n(P, { key: 1 }, [
+        e.indicators ? (l(), n("div", rt, [
+          $(i.$slots, "indicators")
+        ])) : u("", !0),
+        m("div", ut, [
+          $(i.$slots, "default")
         ])
       ], 64)),
-      e.controls ? (a(), n("button", {
+      e.controls ? (l(), n("button", {
         key: 2,
         class: "carousel-control-prev",
         type: "button",
         "data-bs-target": `#${e.id}`,
         "data-bs-slide": "prev"
-      }, [...l[0] || (l[0] = [
-        d("span", {
+      }, [...a[0] || (a[0] = [
+        m("span", {
           class: "carousel-control-prev-icon",
           "aria-hidden": "true"
         }, null, -1),
-        d("span", { class: "visually-hidden" }, "Previous", -1)
-      ])], 8, ot)) : $("", !0),
-      e.controls ? (a(), n("button", {
+        m("span", { class: "visually-hidden" }, "Previous", -1)
+      ])], 8, ct)) : u("", !0),
+      e.controls ? (l(), n("button", {
         key: 3,
         class: "carousel-control-next",
         type: "button",
         "data-bs-target": `#${e.id}`,
         "data-bs-slide": "next"
-      }, [...l[1] || (l[1] = [
-        d("span", {
+      }, [...a[1] || (a[1] = [
+        m("span", {
           class: "carousel-control-next-icon",
           "aria-hidden": "true"
         }, null, -1),
-        d("span", { class: "visually-hidden" }, "Next", -1)
-      ])], 8, dt)) : $("", !0)
-    ], 10, at));
+        m("span", { class: "visually-hidden" }, "Next", -1)
+      ])], 8, ft)) : u("", !0)
+    ], 10, st));
   }
-}), ut = ["data-bs-placement", "data-bs-title", "data-bs-trigger", "data-bs-html"], oa = /* @__PURE__ */ v({
+}), vt = ["data-bs-placement", "data-bs-title", "data-bs-trigger", "data-bs-html"], Xl = /* @__PURE__ */ p({
   __name: "VibeTooltip",
   props: {
     content: { type: String, required: !0 },
@@ -1264,18 +1452,18 @@ const Lt = /* @__PURE__ */ v({
     html: { type: Boolean, default: !1 }
   },
   emits: ["component-error"],
-  setup(e, { emit: u }) {
-    return (t, i) => (a(), n("span", {
+  setup(e, { emit: o }) {
+    return (t, i) => (l(), n("span", {
       "data-bs-toggle": "tooltip",
       "data-bs-placement": e.placement,
       "data-bs-title": e.content,
       "data-bs-trigger": e.trigger,
       "data-bs-html": e.html
     }, [
-      b(t.$slots, "default")
-    ], 8, ut));
+      $(t.$slots, "default")
+    ], 8, vt));
   }
-}), ct = ["data-bs-placement", "data-bs-title", "data-bs-content", "data-bs-trigger", "data-bs-html"], da = /* @__PURE__ */ v({
+}), bt = ["data-bs-placement", "data-bs-title", "data-bs-content", "data-bs-trigger", "data-bs-html"], Dl = /* @__PURE__ */ p({
   __name: "VibePopover",
   props: {
     title: { type: String, default: void 0 },
@@ -1285,8 +1473,8 @@ const Lt = /* @__PURE__ */ v({
     html: { type: Boolean, default: !1 }
   },
   emits: ["component-error"],
-  setup(e, { emit: u }) {
-    return (t, i) => (a(), n("span", {
+  setup(e, { emit: o }) {
+    return (t, i) => (l(), n("span", {
       "data-bs-toggle": "popover",
       "data-bs-placement": e.placement,
       "data-bs-title": e.title,
@@ -1294,10 +1482,10 @@ const Lt = /* @__PURE__ */ v({
       "data-bs-trigger": e.trigger,
       "data-bs-html": e.html
     }, [
-      b(t.$slots, "default")
-    ], 8, ct));
+      $(t.$slots, "default")
+    ], 8, bt));
   }
-}), ua = /* @__PURE__ */ v({
+}), Rl = /* @__PURE__ */ p({
   __name: "VibeScrollspy",
   props: {
     target: { type: String, required: !0 },
@@ -1307,8 +1495,8 @@ const Lt = /* @__PURE__ */ v({
     tag: { type: String, default: "div" }
   },
   emits: ["activate", "component-error"],
-  setup(e, { emit: u }) {
-    return (t, i) => (a(), y(V(e.tag), {
+  setup(e, { emit: o }) {
+    return (t, i) => (l(), x(T(e.tag), {
       "data-bs-spy": "scroll",
       "data-bs-target": e.target,
       "data-bs-offset": e.offset,
@@ -1316,40 +1504,90 @@ const Lt = /* @__PURE__ */ v({
       "data-bs-smooth-scroll": e.smoothScroll,
       tabindex: "0"
     }, {
-      default: g(() => [
-        b(t.$slots, "default")
+      default: V(() => [
+        $(t.$slots, "default")
       ]),
       _: 3
     }, 8, ["data-bs-target", "data-bs-offset", "data-bs-method", "data-bs-smooth-scroll"]));
   }
-}), ft = { class: "vibe-datatable" }, bt = { class: "row mb-3" }, mt = {
+}), El = /* @__PURE__ */ p({
+  __name: "VibeIcon",
+  props: {
+    // Icon name (e.g., 'house', 'heart-fill', 'star')
+    icon: { type: String, required: !0 },
+    // Size variants
+    size: { type: String, default: void 0 },
+    // Font size (e.g., '1.5rem', '24px')
+    fontSize: { type: String, default: void 0 },
+    // Color
+    color: { type: String, default: void 0 },
+    // Custom class
+    customClass: { type: String, default: void 0 },
+    // Flip and rotate
+    flipH: { type: Boolean, default: !1 },
+    flipV: { type: Boolean, default: !1 },
+    rotate: { type: Number, default: void 0 }
+  },
+  emits: ["click", "component-error"],
+  setup(e, { emit: o }) {
+    const t = e, i = o, a = c(() => {
+      const d = ["bi", `bi-${t.icon}`];
+      return t.size && (["1x", "2x", "3x", "4x", "5x"].includes(t.size) || d.push(`bi-${t.size}`)), t.customClass && d.push(t.customClass), d.join(" ");
+    }), s = c(() => {
+      const d = {};
+      if (t.fontSize)
+        d.fontSize = t.fontSize;
+      else if (t.size) {
+        const v = {
+          "1x": "1rem",
+          "2x": "2rem",
+          "3x": "3rem",
+          "4x": "4rem",
+          "5x": "5rem"
+        };
+        v[t.size] && (d.fontSize = v[t.size]);
+      }
+      t.color && (d.color = t.color);
+      const y = [];
+      return t.flipH && y.push("scaleX(-1)"), t.flipV && y.push("scaleY(-1)"), t.rotate && y.push(`rotate(${t.rotate}deg)`), y.length > 0 && (d.transform = y.join(" "), d.display = "inline-block"), Object.keys(d).length > 0 ? d : void 0;
+    }), r = (d) => {
+      i("click", d);
+    };
+    return (d, y) => (l(), n("i", {
+      class: h(a.value),
+      style: R(s.value),
+      "aria-hidden": !0,
+      onClick: r
+    }, null, 6));
+  }
+}), mt = { class: "vibe-datatable" }, yt = { class: "row mb-3" }, ht = {
   key: 0,
   class: "col-md-6 mb-2 mb-md-0"
-}, vt = ["placeholder"], pt = {
+}, gt = ["placeholder"], pt = {
   key: 1,
   class: "col-md-6"
-}, yt = { class: "d-flex justify-content-md-end align-items-center" }, ht = ["value"], gt = ["onClick"], $t = {
+}, $t = { class: "d-flex justify-content-md-end align-items-center" }, kt = ["value"], St = ["onClick"], xt = {
   key: 0,
   class: "ms-1"
-}, kt = ["onClick"], St = { key: 0 }, Bt = ["colspan"], Vt = { class: "row" }, Ct = {
+}, Vt = ["onClick"], Ct = { key: 0 }, Bt = ["colspan"], wt = { class: "row" }, Nt = {
   key: 0,
   class: "col-md-6 mb-2 mb-md-0"
-}, wt = { class: "datatable-info" }, Pt = {
+}, Tt = { class: "datatable-info" }, Mt = {
   key: 1,
   class: "col-md-6"
-}, xt = { class: "pagination justify-content-md-end mb-0" }, It = {
+}, qt = { class: "pagination justify-content-md-end mb-0" }, Pt = {
   key: 0,
   class: "page-item"
-}, Nt = {
+}, zt = {
   key: 1,
   class: "page-item disabled"
-}, _t = ["onClick"], jt = {
+}, It = ["onClick"], Ft = {
   key: 2,
   class: "page-item disabled"
-}, zt = {
+}, jt = {
   key: 3,
   class: "page-item"
-}, Tt = /* @__PURE__ */ v({
+}, At = /* @__PURE__ */ p({
   __name: "VibeDataTable",
   props: {
     // Data
@@ -1386,259 +1624,1253 @@ const Lt = /* @__PURE__ */ v({
     filteredInfoText: { type: String, default: "Showing {start} to {end} of {total} entries (filtered from {totalRows} total entries)" }
   },
   emits: ["update:currentPage", "update:perPage", "update:sortBy", "update:sortDesc", "row-clicked", "component-error"],
-  setup(e, { emit: u }) {
-    const t = e, i = u, l = T(""), s = T(null), o = T(""), r = T(t.currentPage), k = T(t.perPage), B = T(t.sortBy), P = T(t.sortDesc);
-    D(() => t.currentPage, (c) => {
-      r.value = c;
-    }), D(() => t.perPage, (c) => {
-      k.value = c;
-    }), D(() => t.sortBy, (c) => {
-      B.value = c;
-    }), D(() => t.sortDesc, (c) => {
-      P.value = c;
-    }), D(l, (c) => {
+  setup(e, { emit: o }) {
+    const t = e, i = o, a = z(""), s = z(null), r = z(""), d = z(t.currentPage), y = z(t.perPage), v = z(t.sortBy), b = z(t.sortDesc);
+    O(() => t.currentPage, (k) => {
+      d.value = k;
+    }), O(() => t.perPage, (k) => {
+      y.value = k;
+    }), O(() => t.sortBy, (k) => {
+      v.value = k;
+    }), O(() => t.sortDesc, (k) => {
+      b.value = k;
+    }), O(a, (k) => {
       s.value && clearTimeout(s.value), s.value = window.setTimeout(() => {
-        o.value = c, r.value = 1;
+        r.value = k, d.value = 1;
       }, t.searchDebounce);
     });
-    const F = f(() => {
-      if (!t.searchable || !o.value)
+    const g = c(() => {
+      if (!t.searchable || !r.value)
         return t.items;
-      const c = o.value.toLowerCase();
-      return t.items.filter((h) => t.columns.some((p) => {
-        if (p.searchable === !1) return !1;
-        const N = h[p.key];
-        return N == null ? !1 : String(N).toLowerCase().includes(c);
+      const k = r.value.toLowerCase();
+      return t.items.filter((w) => t.columns.some((C) => {
+        if (C.searchable === !1) return !1;
+        const A = w[C.key];
+        return A == null ? !1 : String(A).toLowerCase().includes(k);
       }));
-    }), G = f(() => {
-      if (!t.sortable || !B.value)
-        return F.value;
-      const c = [...F.value], h = B.value;
-      return c.sort((p, N) => {
-        let x = p[h], A = N[h];
-        return x == null ? 1 : A == null ? -1 : (typeof x == "string" && (x = x.toLowerCase()), typeof A == "string" && (A = A.toLowerCase()), x < A ? P.value ? 1 : -1 : x > A ? P.value ? -1 : 1 : 0);
-      }), c;
-    }), R = f(() => {
+    }), S = c(() => {
+      if (!t.sortable || !v.value)
+        return g.value;
+      const k = [...g.value], w = v.value;
+      return k.sort((C, A) => {
+        let F = C[w], E = A[w];
+        return F == null ? 1 : E == null ? -1 : (typeof F == "string" && (F = F.toLowerCase()), typeof E == "string" && (E = E.toLowerCase()), F < E ? b.value ? 1 : -1 : F > E ? b.value ? -1 : 1 : 0);
+      }), k;
+    }), M = c(() => {
       if (!t.paginated)
-        return G.value;
-      const c = (r.value - 1) * k.value, h = c + k.value;
-      return G.value.slice(c, h);
-    }), H = f(() => t.items.length), L = f(() => F.value.length), z = f(() => Math.ceil(L.value / k.value)), J = f(() => L.value === 0 ? 0 : (r.value - 1) * k.value + 1), W = f(() => {
-      const c = r.value * k.value;
-      return Math.min(c, L.value);
-    }), X = f(() => (L.value !== H.value ? t.filteredInfoText : t.infoText).replace("{start}", String(J.value)).replace("{end}", String(W.value)).replace("{total}", String(L.value)).replace("{totalRows}", String(H.value))), Y = f(() => {
-      const c = ["table"];
-      return t.striped && c.push("table-striped"), t.bordered && c.push("table-bordered"), t.borderless && c.push("table-borderless"), t.hover && c.push("table-hover"), t.small && c.push("table-sm"), t.variant && c.push(`table-${t.variant}`), c.join(" ");
-    }), Z = (c) => {
-      !t.sortable || c.sortable === !1 || (B.value === c.key ? P.value = !P.value : (B.value = c.key, P.value = !1), i("update:sortBy", B.value), i("update:sortDesc", P.value));
-    }, q = (c) => {
-      c < 1 || c > z.value || (r.value = c, i("update:currentPage", c));
-    }, ee = () => {
-      r.value = 1, i("update:perPage", k.value), i("update:currentPage", 1);
-    }, te = (c, h) => {
-      i("row-clicked", c, h);
-    }, ae = (c, h) => {
-      const p = c[h.key];
-      return h.formatter ? h.formatter(p, c) : p;
-    }, se = (c) => !t.sortable || c.sortable === !1 ? "" : B.value !== c.key ? "⇅" : P.value ? "↓" : "↑", le = (c) => {
-      const h = { ...c.thStyle };
-      return t.sortable && c.sortable !== !1 && (h.cursor = "pointer"), h;
+        return S.value;
+      const k = (d.value - 1) * y.value, w = k + y.value;
+      return S.value.slice(k, w);
+    }), j = c(() => t.items.length), B = c(() => g.value.length), q = c(() => Math.ceil(B.value / y.value)), D = c(() => B.value === 0 ? 0 : (d.value - 1) * y.value + 1), J = c(() => {
+      const k = d.value * y.value;
+      return Math.min(k, B.value);
+    }), Z = c(() => (B.value !== j.value ? t.filteredInfoText : t.infoText).replace("{start}", String(D.value)).replace("{end}", String(J.value)).replace("{total}", String(B.value)).replace("{totalRows}", String(j.value))), _ = c(() => {
+      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(" ");
+    }), ee = (k) => {
+      !t.sortable || k.sortable === !1 || (v.value === k.key ? b.value = !b.value : (v.value = k.key, b.value = !1), i("update:sortBy", v.value), i("update:sortDesc", b.value));
+    }, Y = (k) => {
+      k < 1 || k > q.value || (d.value = k, i("update:currentPage", k));
+    }, te = () => {
+      d.value = 1, i("update:perPage", y.value), i("update:currentPage", 1);
+    }, ae = (k, w) => {
+      i("row-clicked", k, w);
+    }, le = (k, w) => {
+      const C = k[w.key];
+      return w.formatter ? w.formatter(C, k) : C;
+    }, ie = (k) => !t.sortable || k.sortable === !1 ? "" : v.value !== k.key ? "⇅" : b.value ? "↓" : "↑", se = (k) => {
+      const w = { ...k.thStyle };
+      return t.sortable && k.sortable !== !1 && (w.cursor = "pointer"), w;
     };
-    return (c, h) => (a(), n("div", ft, [
-      d("div", bt, [
-        e.searchable ? (a(), n("div", mt, [
-          Q(d("input", {
-            "onUpdate:modelValue": h[0] || (h[0] = (p) => l.value = p),
+    return (k, w) => (l(), n("div", mt, [
+      m("div", yt, [
+        e.searchable ? (l(), n("div", ht, [
+          Q(m("input", {
+            "onUpdate:modelValue": w[0] || (w[0] = (C) => a.value = C),
             type: "search",
             class: "form-control",
             placeholder: e.searchPlaceholder
-          }, null, 8, vt), [
-            [re, l.value]
+          }, null, 8, gt), [
+            [ne, a.value]
           ])
-        ])) : $("", !0),
-        e.showPerPage && e.paginated ? (a(), n("div", pt, [
-          d("div", yt, [
-            h[6] || (h[6] = d("label", { class: "me-2 mb-0" }, "Show", -1)),
-            Q(d("select", {
-              "onUpdate:modelValue": h[1] || (h[1] = (p) => k.value = p),
+        ])) : u("", !0),
+        e.showPerPage && e.paginated ? (l(), n("div", pt, [
+          m("div", $t, [
+            w[6] || (w[6] = m("label", { class: "me-2 mb-0" }, "Show", -1)),
+            Q(m("select", {
+              "onUpdate:modelValue": w[1] || (w[1] = (C) => y.value = C),
               class: "form-select form-select-sm",
               style: { width: "auto" },
-              onChange: ee
+              onChange: te
             }, [
-              (a(!0), n(w, null, I(e.perPageOptions, (p) => (a(), n("option", {
-                key: p,
-                value: p
-              }, S(p), 9, ht))), 128))
+              (l(!0), n(P, null, I(e.perPageOptions, (C) => (l(), n("option", {
+                key: C,
+                value: C
+              }, f(C), 9, kt))), 128))
             ], 544), [
               [
-                ie,
-                k.value,
+                de,
+                y.value,
                 void 0,
                 { number: !0 }
               ]
             ]),
-            h[7] || (h[7] = d("span", { class: "ms-2" }, "entries", -1))
+            w[7] || (w[7] = m("span", { class: "ms-2" }, "entries", -1))
           ])
-        ])) : $("", !0)
+        ])) : u("", !0)
       ]),
-      d("div", {
-        class: m({ "table-responsive": e.responsive })
+      m("div", {
+        class: h({ "table-responsive": e.responsive })
       }, [
-        d("table", {
-          class: m(Y.value)
+        m("table", {
+          class: h(_.value)
         }, [
-          d("thead", null, [
-            d("tr", null, [
-              (a(!0), n(w, null, I(e.columns, (p) => (a(), n("th", {
-                key: p.key,
-                class: m(p.headerClass),
-                style: M(le(p)),
-                onClick: (N) => Z(p)
+          m("thead", null, [
+            m("tr", null, [
+              (l(!0), n(P, null, I(e.columns, (C) => (l(), n("th", {
+                key: C.key,
+                class: h(C.headerClass),
+                style: R(se(C)),
+                onClick: (A) => ee(C)
               }, [
-                C(S(p.label) + " ", 1),
-                e.sortable && p.sortable !== !1 ? (a(), n("span", $t, S(se(p)), 1)) : $("", !0)
-              ], 14, gt))), 128))
+                N(f(C.label) + " ", 1),
+                e.sortable && C.sortable !== !1 ? (l(), n("span", xt, f(ie(C)), 1)) : u("", !0)
+              ], 14, St))), 128))
             ])
           ]),
-          d("tbody", null, [
-            (a(!0), n(w, null, I(R.value, (p, N) => (a(), n("tr", {
-              key: N,
-              onClick: (x) => te(p, N),
+          m("tbody", null, [
+            (l(!0), n(P, null, I(M.value, (C, A) => (l(), n("tr", {
+              key: A,
+              onClick: (F) => ae(C, A),
               style: { cursor: "pointer" }
             }, [
-              (a(!0), n(w, null, I(e.columns, (x) => (a(), n("td", {
-                key: x.key,
-                class: m(x.class),
-                style: M(x.tdStyle)
+              (l(!0), n(P, null, I(e.columns, (F) => (l(), n("td", {
+                key: F.key,
+                class: h(F.class),
+                style: R(F.tdStyle)
               }, [
-                b(c.$slots, `cell(${x.key})`, {
-                  item: p,
-                  value: p[x.key],
-                  index: N
+                $(k.$slots, `cell(${F.key})`, {
+                  item: C,
+                  value: C[F.key],
+                  index: A
                 }, () => [
-                  C(S(ae(p, x)), 1)
+                  N(f(le(C, F)), 1)
                 ], !0)
               ], 6))), 128))
-            ], 8, kt))), 128)),
-            R.value.length === 0 && e.showEmpty ? (a(), n("tr", St, [
-              d("td", {
+            ], 8, Vt))), 128)),
+            M.value.length === 0 && e.showEmpty ? (l(), n("tr", Ct, [
+              m("td", {
                 colspan: e.columns.length,
                 class: "text-center"
-              }, S(e.emptyText), 9, Bt)
-            ])) : $("", !0)
+              }, f(e.emptyText), 9, Bt)
+            ])) : u("", !0)
           ])
         ], 2)
       ], 2),
-      d("div", Vt, [
-        e.showInfo ? (a(), n("div", Ct, [
-          d("div", wt, S(X.value), 1)
-        ])) : $("", !0),
-        e.paginated && z.value > 1 ? (a(), n("div", Pt, [
-          d("nav", null, [
-            d("ul", xt, [
-              d("li", {
-                class: m(["page-item", { disabled: r.value === 1 }])
+      m("div", wt, [
+        e.showInfo ? (l(), n("div", Nt, [
+          m("div", Tt, f(Z.value), 1)
+        ])) : u("", !0),
+        e.paginated && q.value > 1 ? (l(), n("div", Mt, [
+          m("nav", null, [
+            m("ul", qt, [
+              m("li", {
+                class: h(["page-item", { disabled: d.value === 1 }])
               }, [
-                d("a", {
+                m("a", {
                   class: "page-link",
                   href: "#",
-                  onClick: h[2] || (h[2] = O((p) => q(r.value - 1), ["prevent"]))
+                  onClick: w[2] || (w[2] = G((C) => Y(d.value - 1), ["prevent"]))
                 }, " Previous ")
               ], 2),
-              r.value > 3 ? (a(), n("li", It, [
-                d("a", {
+              d.value > 3 ? (l(), n("li", Pt, [
+                m("a", {
                   class: "page-link",
                   href: "#",
-                  onClick: h[3] || (h[3] = O((p) => q(1), ["prevent"]))
+                  onClick: w[3] || (w[3] = G((C) => Y(1), ["prevent"]))
                 }, "1")
-              ])) : $("", !0),
-              r.value > 4 ? (a(), n("li", Nt, [...h[8] || (h[8] = [
-                d("span", { class: "page-link" }, "...", -1)
-              ])])) : $("", !0),
-              (a(!0), n(w, null, I(Array.from({ length: z.value }, (p, N) => N + 1).filter(
-                (p) => p >= r.value - 2 && p <= r.value + 2
-              ), (p) => (a(), n("li", {
-                key: p,
-                class: m(["page-item", { active: p === r.value }])
+              ])) : u("", !0),
+              d.value > 4 ? (l(), n("li", zt, [...w[8] || (w[8] = [
+                m("span", { class: "page-link" }, "...", -1)
+              ])])) : u("", !0),
+              (l(!0), n(P, null, I(Array.from({ length: q.value }, (C, A) => A + 1).filter(
+                (C) => C >= d.value - 2 && C <= d.value + 2
+              ), (C) => (l(), n("li", {
+                key: C,
+                class: h(["page-item", { active: C === d.value }])
               }, [
-                d("a", {
+                m("a", {
                   class: "page-link",
                   href: "#",
-                  onClick: O((N) => q(p), ["prevent"])
-                }, S(p), 9, _t)
+                  onClick: G((A) => Y(C), ["prevent"])
+                }, f(C), 9, It)
               ], 2))), 128)),
-              r.value < z.value - 3 ? (a(), n("li", jt, [...h[9] || (h[9] = [
-                d("span", { class: "page-link" }, "...", -1)
-              ])])) : $("", !0),
-              r.value < z.value - 2 ? (a(), n("li", zt, [
-                d("a", {
+              d.value < q.value - 3 ? (l(), n("li", Ft, [...w[9] || (w[9] = [
+                m("span", { class: "page-link" }, "...", -1)
+              ])])) : u("", !0),
+              d.value < q.value - 2 ? (l(), n("li", jt, [
+                m("a", {
                   class: "page-link",
                   href: "#",
-                  onClick: h[4] || (h[4] = O((p) => q(z.value), ["prevent"]))
-                }, S(z.value), 1)
-              ])) : $("", !0),
-              d("li", {
-                class: m(["page-item", { disabled: r.value === z.value }])
+                  onClick: w[4] || (w[4] = G((C) => Y(q.value), ["prevent"]))
+                }, f(q.value), 1)
+              ])) : u("", !0),
+              m("li", {
+                class: h(["page-item", { disabled: d.value === q.value }])
               }, [
-                d("a", {
+                m("a", {
                   class: "page-link",
                   href: "#",
-                  onClick: h[5] || (h[5] = O((p) => q(r.value + 1), ["prevent"]))
+                  onClick: w[5] || (w[5] = G((C) => Y(d.value + 1), ["prevent"]))
                 }, " Next ")
               ], 2)
             ])
           ])
-        ])) : $("", !0)
+        ])) : u("", !0)
       ])
     ]));
   }
-}), At = (e, u) => {
+}), U = (e, o) => {
   const t = e.__vccOpts || e;
-  for (const [i, l] of u)
-    t[i] = l;
+  for (const [i, a] of o)
+    t[i] = a;
   return t;
-}, ca = /* @__PURE__ */ At(Tt, [["__scopeId", "data-v-48221c7b"]]);
+}, Yl = /* @__PURE__ */ U(At, [["__scopeId", "data-v-48221c7b"]]), Lt = { class: "mb-3" }, Ot = ["for"], Xt = {
+  key: 0,
+  class: "text-danger"
+}, Dt = ["id", "type", "value", "placeholder", "disabled", "readonly", "required", "aria-invalid", "aria-describedby"], Rt = ["id"], Et = {
+  key: 2,
+  class: "valid-feedback",
+  style: { display: "block" }
+}, Yt = ["id"], Gl = /* @__PURE__ */ p({
+  __name: "VibeFormInput",
+  props: {
+    modelValue: { type: [String, Number], default: "" },
+    type: { type: String, default: "text" },
+    id: { type: String, required: !0 },
+    label: { type: String, default: void 0 },
+    placeholder: { type: String, default: void 0 },
+    disabled: { type: Boolean, default: !1 },
+    readonly: { type: Boolean, default: !1 },
+    required: { type: Boolean, default: !1 },
+    size: { type: String, default: void 0 },
+    validationState: { type: String, default: null },
+    validationMessage: { type: String, default: void 0 },
+    validationRules: { type: [Array, Function], default: void 0 },
+    validateOn: { type: String, default: "blur" },
+    helpText: { type: String, default: void 0 },
+    plaintext: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue", "validate", "blur", "focus", "input", "change"],
+  setup(e, { emit: o }) {
+    const t = e, i = o, a = c(() => t.validationState), s = c(() => {
+      const b = [];
+      return t.plaintext ? b.push("form-control-plaintext") : (b.push("form-control"), t.size && b.push(`form-control-${t.size}`)), a.value === "valid" && b.push("is-valid"), a.value === "invalid" && b.push("is-invalid"), b.join(" ");
+    }), r = (b) => {
+      const g = b.target, S = t.type === "number" ? g.value === "" ? "" : Number(g.value) : g.value;
+      i("update:modelValue", S), i("input", b), t.validateOn === "input" && i("validate");
+    }, d = (b) => {
+      i("change", b), t.validateOn === "change" && i("validate");
+    }, y = (b) => {
+      i("blur", b), t.validateOn === "blur" && i("validate");
+    }, v = (b) => {
+      i("focus", b);
+    };
+    return (b, g) => (l(), n("div", Lt, [
+      e.label ? (l(), n("label", {
+        key: 0,
+        for: e.id,
+        class: "form-label"
+      }, [
+        N(f(e.label) + " ", 1),
+        e.required ? (l(), n("span", Xt, "*")) : u("", !0)
+      ], 8, Ot)) : u("", !0),
+      m("input", {
+        id: e.id,
+        type: e.type,
+        class: h(s.value),
+        value: e.modelValue,
+        placeholder: e.placeholder,
+        disabled: e.disabled,
+        readonly: e.readonly || e.plaintext,
+        required: e.required,
+        "aria-invalid": a.value === "invalid",
+        "aria-describedby": e.validationMessage || e.helpText ? `${e.id}-feedback` : void 0,
+        onInput: r,
+        onChange: d,
+        onBlur: y,
+        onFocus: v
+      }, null, 42, Dt),
+      e.helpText && !e.validationMessage ? (l(), n("div", {
+        key: 1,
+        id: `${e.id}-feedback`,
+        class: "form-text"
+      }, f(e.helpText), 9, Rt)) : u("", !0),
+      a.value === "valid" ? (l(), n("div", Et, f(e.validationMessage || "Looks good!"), 1)) : u("", !0),
+      a.value === "invalid" ? (l(), n("div", {
+        key: 3,
+        id: `${e.id}-feedback`,
+        class: "invalid-feedback",
+        style: { display: "block" }
+      }, f(e.validationMessage || "Please provide a valid value."), 9, Yt)) : u("", !0)
+    ]));
+  }
+}), Gt = { class: "mb-3" }, Ht = ["for"], Ut = {
+  key: 0,
+  class: "text-danger"
+}, Qt = ["id", "value", "disabled", "required", "multiple", "size", "aria-invalid", "aria-describedby"], Kt = ["selected"], Wt = ["value", "disabled"], Jt = ["id"], Zt = {
+  key: 2,
+  class: "valid-feedback",
+  style: { display: "block" }
+}, _t = ["id"], Hl = /* @__PURE__ */ p({
+  __name: "VibeFormSelect",
+  props: {
+    modelValue: { type: [String, Number, Array], default: "" },
+    id: { type: String, required: !0 },
+    label: { type: String, default: void 0 },
+    options: { type: Array, default: () => [] },
+    disabled: { type: Boolean, default: !1 },
+    required: { type: Boolean, default: !1 },
+    multiple: { type: Boolean, default: !1 },
+    size: { type: String, default: void 0 },
+    htmlSize: { type: Number, default: void 0 },
+    validationState: { type: String, default: null },
+    validationMessage: { type: String, default: void 0 },
+    validationRules: { type: [Array, Function], default: void 0 },
+    validateOn: { type: String, default: "blur" },
+    helpText: { type: String, default: void 0 },
+    placeholder: { type: String, default: void 0 }
+  },
+  emits: ["update:modelValue", "validate", "blur", "focus", "change"],
+  setup(e, { emit: o }) {
+    const t = e, i = o, a = c(() => t.validationState), s = c(() => {
+      const v = ["form-select"];
+      return t.size && v.push(`form-select-${t.size}`), a.value === "valid" && v.push("is-valid"), a.value === "invalid" && v.push("is-invalid"), v.join(" ");
+    }), r = (v) => {
+      const b = v.target;
+      let g;
+      t.multiple ? g = Array.from(b.selectedOptions).map((M) => M.value) : g = b.value, i("update:modelValue", g), i("change", v), t.validateOn === "change" && i("validate");
+    }, d = (v) => {
+      i("blur", v), t.validateOn === "blur" && i("validate");
+    }, y = (v) => {
+      i("focus", v);
+    };
+    return (v, b) => (l(), n("div", Gt, [
+      e.label ? (l(), n("label", {
+        key: 0,
+        for: e.id,
+        class: "form-label"
+      }, [
+        N(f(e.label) + " ", 1),
+        e.required ? (l(), n("span", Ut, "*")) : u("", !0)
+      ], 8, Ht)) : u("", !0),
+      m("select", {
+        id: e.id,
+        class: h(s.value),
+        value: e.modelValue,
+        disabled: e.disabled,
+        required: e.required,
+        multiple: e.multiple,
+        size: e.htmlSize,
+        "aria-invalid": a.value === "invalid",
+        "aria-describedby": e.validationMessage || e.helpText ? `${e.id}-feedback` : void 0,
+        onChange: r,
+        onBlur: d,
+        onFocus: y
+      }, [
+        e.placeholder && !e.multiple ? (l(), n("option", {
+          key: 0,
+          value: "",
+          disabled: "",
+          selected: !e.modelValue
+        }, f(e.placeholder), 9, Kt)) : u("", !0),
+        (l(!0), n(P, null, I(e.options, (g) => (l(), n("option", {
+          key: g.value,
+          value: g.value,
+          disabled: g.disabled
+        }, f(g.text), 9, Wt))), 128)),
+        $(v.$slots, "default")
+      ], 42, Qt),
+      e.helpText && !e.validationMessage ? (l(), n("div", {
+        key: 1,
+        id: `${e.id}-feedback`,
+        class: "form-text"
+      }, f(e.helpText), 9, Jt)) : u("", !0),
+      a.value === "valid" ? (l(), n("div", Zt, f(e.validationMessage || "Looks good!"), 1)) : u("", !0),
+      a.value === "invalid" ? (l(), n("div", {
+        key: 3,
+        id: `${e.id}-feedback`,
+        class: "invalid-feedback",
+        style: { display: "block" }
+      }, f(e.validationMessage || "Please select a valid option."), 9, _t)) : u("", !0)
+    ]));
+  }
+}), ea = { class: "mb-3" }, ta = ["for"], aa = {
+  key: 0,
+  class: "text-danger"
+}, la = ["id", "value", "placeholder", "disabled", "readonly", "required", "rows", "maxlength", "aria-invalid", "aria-describedby"], ia = {
+  key: 1,
+  class: "form-text"
+}, sa = ["id"], na = {
+  key: 3,
+  class: "valid-feedback",
+  style: { display: "block" }
+}, da = ["id"], Ul = /* @__PURE__ */ p({
+  __name: "VibeFormTextarea",
+  props: {
+    modelValue: { type: String, default: "" },
+    id: { type: String, required: !0 },
+    label: { type: String, default: void 0 },
+    placeholder: { type: String, default: void 0 },
+    disabled: { type: Boolean, default: !1 },
+    readonly: { type: Boolean, default: !1 },
+    required: { type: Boolean, default: !1 },
+    rows: { type: Number, default: 3 },
+    maxlength: { type: Number, default: void 0 },
+    size: { type: String, default: void 0 },
+    validationState: { type: String, default: null },
+    validationMessage: { type: String, default: void 0 },
+    validationRules: { type: [Array, Function], default: void 0 },
+    validateOn: { type: String, default: "blur" },
+    helpText: { type: String, default: void 0 },
+    showCharCount: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue", "validate", "blur", "focus", "input", "change"],
+  setup(e, { emit: o }) {
+    const t = e, i = o, a = c(() => t.validationState), s = c(() => {
+      const S = ["form-control"];
+      return t.size && S.push(`form-control-${t.size}`), a.value === "valid" && S.push("is-valid"), a.value === "invalid" && S.push("is-invalid"), S.join(" ");
+    }), r = c(() => t.modelValue ? t.modelValue.length : 0), d = c(() => t.maxlength ? `${r.value} / ${t.maxlength}` : `${r.value}`), y = (S) => {
+      const M = S.target;
+      i("update:modelValue", M.value), i("input", S), t.validateOn === "input" && i("validate");
+    }, v = (S) => {
+      i("change", S), t.validateOn === "change" && i("validate");
+    }, b = (S) => {
+      i("blur", S), t.validateOn === "blur" && i("validate");
+    }, g = (S) => {
+      i("focus", S);
+    };
+    return (S, M) => (l(), n("div", ea, [
+      e.label ? (l(), n("label", {
+        key: 0,
+        for: e.id,
+        class: "form-label"
+      }, [
+        N(f(e.label) + " ", 1),
+        e.required ? (l(), n("span", aa, "*")) : u("", !0)
+      ], 8, ta)) : u("", !0),
+      m("textarea", {
+        id: e.id,
+        class: h(s.value),
+        value: e.modelValue,
+        placeholder: e.placeholder,
+        disabled: e.disabled,
+        readonly: e.readonly,
+        required: e.required,
+        rows: e.rows,
+        maxlength: e.maxlength,
+        "aria-invalid": a.value === "invalid",
+        "aria-describedby": e.validationMessage || e.helpText ? `${e.id}-feedback` : void 0,
+        onInput: y,
+        onChange: v,
+        onBlur: b,
+        onFocus: g
+      }, null, 42, la),
+      e.showCharCount ? (l(), n("div", ia, f(d.value), 1)) : u("", !0),
+      e.helpText && !e.validationMessage && !e.showCharCount ? (l(), n("div", {
+        key: 2,
+        id: `${e.id}-feedback`,
+        class: "form-text"
+      }, f(e.helpText), 9, sa)) : u("", !0),
+      a.value === "valid" ? (l(), n("div", na, f(e.validationMessage || "Looks good!"), 1)) : u("", !0),
+      a.value === "invalid" ? (l(), n("div", {
+        key: 4,
+        id: `${e.id}-feedback`,
+        class: "invalid-feedback",
+        style: { display: "block" }
+      }, f(e.validationMessage || "Please provide a valid value."), 9, da)) : u("", !0)
+    ]));
+  }
+}), oa = { class: "mb-3" }, ra = ["for"], ua = {
+  key: 0,
+  class: "text-danger"
+}, ca = ["disabled"], fa = ["id", "value", "disabled", "readonly", "required", "min", "max", "step", "aria-invalid", "aria-describedby"], va = ["disabled"], ba = ["id"], ma = {
+  key: 2,
+  class: "valid-feedback",
+  style: { display: "block" }
+}, ya = ["id"], ha = /* @__PURE__ */ p({
+  __name: "VibeFormSpinbutton",
+  props: {
+    modelValue: { type: Number, default: 0 },
+    id: { type: String, required: !0 },
+    label: { type: String, default: void 0 },
+    disabled: { type: Boolean, default: !1 },
+    readonly: { type: Boolean, default: !1 },
+    required: { type: Boolean, default: !1 },
+    min: { type: Number, default: void 0 },
+    max: { type: Number, default: void 0 },
+    step: { type: Number, default: 1 },
+    size: { type: String, default: void 0 },
+    validationState: { type: String, default: null },
+    validationMessage: { type: String, default: void 0 },
+    validationRules: { type: [Array, Function], default: void 0 },
+    validateOn: { type: String, default: "blur" },
+    helpText: { type: String, default: void 0 },
+    wrap: { type: Boolean, default: !1 },
+    vertical: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue", "validate", "blur", "focus", "input", "change", "increment", "decrement"],
+  setup(e, { emit: o }) {
+    const t = e, i = o, a = c(() => t.validationState), s = c(() => {
+      const B = ["form-control"];
+      return t.size && B.push(`form-control-${t.size}`), a.value === "valid" && B.push("is-valid"), a.value === "invalid" && B.push("is-invalid"), B.join(" ");
+    }), r = c(() => {
+      const B = ["input-group"];
+      return t.size && B.push(`input-group-${t.size}`), t.vertical && B.push("input-group-vertical"), B.join(" ");
+    }), d = c(() => t.disabled || t.readonly ? !1 : t.min === void 0 || t.wrap ? !0 : t.modelValue > t.min), y = c(() => t.disabled || t.readonly ? !1 : t.max === void 0 || t.wrap ? !0 : t.modelValue < t.max), v = (B) => {
+      const q = B.target;
+      let D = q.value === "" ? 0 : Number(q.value);
+      t.min !== void 0 && D < t.min && (D = t.min), t.max !== void 0 && D > t.max && (D = t.max), i("update:modelValue", D), i("input", B), t.validateOn === "input" && i("validate");
+    }, b = (B) => {
+      i("change", B), t.validateOn === "change" && i("validate");
+    }, g = (B) => {
+      i("blur", B), t.validateOn === "blur" && i("validate");
+    }, S = (B) => {
+      i("focus", B);
+    }, M = () => {
+      if (!y.value) return;
+      let B = t.modelValue + t.step;
+      t.max !== void 0 && B > t.max && (B = t.wrap ? t.min ?? 0 : t.max), i("update:modelValue", B), i("increment", B), t.validateOn === "change" && i("validate");
+    }, j = () => {
+      if (!d.value) return;
+      let B = t.modelValue - t.step;
+      t.min !== void 0 && B < t.min && (B = t.wrap ? t.max ?? 0 : t.min), i("update:modelValue", B), i("decrement", B), t.validateOn === "change" && i("validate");
+    };
+    return (B, q) => (l(), n("div", oa, [
+      e.label ? (l(), n("label", {
+        key: 0,
+        for: e.id,
+        class: "form-label"
+      }, [
+        N(f(e.label) + " ", 1),
+        e.required ? (l(), n("span", ua, "*")) : u("", !0)
+      ], 8, ra)) : u("", !0),
+      m("div", {
+        class: h(r.value)
+      }, [
+        m("button", {
+          class: "btn btn-outline-secondary",
+          type: "button",
+          disabled: !d.value,
+          onClick: j,
+          "aria-label": "Decrement"
+        }, [...q[0] || (q[0] = [
+          m("span", { "aria-hidden": "true" }, "−", -1)
+        ])], 8, ca),
+        m("input", {
+          id: e.id,
+          type: "number",
+          class: h(s.value),
+          value: e.modelValue,
+          disabled: e.disabled,
+          readonly: e.readonly,
+          required: e.required,
+          min: e.min,
+          max: e.max,
+          step: e.step,
+          "aria-invalid": a.value === "invalid",
+          "aria-describedby": e.validationMessage || e.helpText ? `${e.id}-feedback` : void 0,
+          onInput: v,
+          onChange: b,
+          onBlur: g,
+          onFocus: S
+        }, null, 42, fa),
+        m("button", {
+          class: "btn btn-outline-secondary",
+          type: "button",
+          disabled: !y.value,
+          onClick: M,
+          "aria-label": "Increment"
+        }, [...q[1] || (q[1] = [
+          m("span", { "aria-hidden": "true" }, "+", -1)
+        ])], 8, va)
+      ], 2),
+      e.helpText && !e.validationMessage ? (l(), n("div", {
+        key: 1,
+        id: `${e.id}-feedback`,
+        class: "form-text"
+      }, f(e.helpText), 9, ba)) : u("", !0),
+      a.value === "valid" ? (l(), n("div", ma, f(e.validationMessage || "Looks good!"), 1)) : u("", !0),
+      a.value === "invalid" ? (l(), n("div", {
+        key: 3,
+        id: `${e.id}-feedback`,
+        class: "invalid-feedback",
+        style: { display: "block" }
+      }, f(e.validationMessage || "Please provide a valid value."), 9, ya)) : u("", !0)
+    ]));
+  }
+}), Ql = /* @__PURE__ */ U(ha, [["__scopeId", "data-v-e706d3dc"]]), ga = { class: "mb-3" }, pa = ["for"], $a = {
+  key: 0,
+  class: "text-danger"
+}, ka = ["id", "type", "value", "disabled", "readonly", "required", "min", "max", "aria-invalid", "aria-describedby"], Sa = ["id"], xa = {
+  key: 2,
+  class: "valid-feedback",
+  style: { display: "block" }
+}, Va = ["id"], Kl = /* @__PURE__ */ p({
+  __name: "VibeFormDatepicker",
+  props: {
+    modelValue: { type: String, default: "" },
+    id: { type: String, required: !0 },
+    label: { type: String, default: void 0 },
+    disabled: { type: Boolean, default: !1 },
+    readonly: { type: Boolean, default: !1 },
+    required: { type: Boolean, default: !1 },
+    min: { type: String, default: void 0 },
+    max: { type: String, default: void 0 },
+    size: { type: String, default: void 0 },
+    validationState: { type: String, default: null },
+    validationMessage: { type: String, default: void 0 },
+    validationRules: { type: [Array, Function], default: void 0 },
+    validateOn: { type: String, default: "blur" },
+    helpText: { type: String, default: void 0 },
+    type: { type: String, default: "date" }
+  },
+  emits: ["update:modelValue", "validate", "blur", "focus", "input", "change"],
+  setup(e, { emit: o }) {
+    const t = e, i = o, a = c(() => t.validationState), s = c(() => {
+      const b = ["form-control"];
+      return t.size && b.push(`form-control-${t.size}`), a.value === "valid" && b.push("is-valid"), a.value === "invalid" && b.push("is-invalid"), b.join(" ");
+    }), r = (b) => {
+      const g = b.target;
+      i("update:modelValue", g.value), i("input", b), t.validateOn === "input" && i("validate");
+    }, d = (b) => {
+      i("change", b), t.validateOn === "change" && i("validate");
+    }, y = (b) => {
+      i("blur", b), t.validateOn === "blur" && i("validate");
+    }, v = (b) => {
+      i("focus", b);
+    };
+    return (b, g) => (l(), n("div", ga, [
+      e.label ? (l(), n("label", {
+        key: 0,
+        for: e.id,
+        class: "form-label"
+      }, [
+        N(f(e.label) + " ", 1),
+        e.required ? (l(), n("span", $a, "*")) : u("", !0)
+      ], 8, pa)) : u("", !0),
+      m("input", {
+        id: e.id,
+        type: e.type,
+        class: h(s.value),
+        value: e.modelValue,
+        disabled: e.disabled,
+        readonly: e.readonly,
+        required: e.required,
+        min: e.min,
+        max: e.max,
+        "aria-invalid": a.value === "invalid",
+        "aria-describedby": e.validationMessage || e.helpText ? `${e.id}-feedback` : void 0,
+        onInput: r,
+        onChange: d,
+        onBlur: y,
+        onFocus: v
+      }, null, 42, ka),
+      e.helpText && !e.validationMessage ? (l(), n("div", {
+        key: 1,
+        id: `${e.id}-feedback`,
+        class: "form-text"
+      }, f(e.helpText), 9, Sa)) : u("", !0),
+      a.value === "valid" ? (l(), n("div", xa, f(e.validationMessage || "Looks good!"), 1)) : u("", !0),
+      a.value === "invalid" ? (l(), n("div", {
+        key: 3,
+        id: `${e.id}-feedback`,
+        class: "invalid-feedback",
+        style: { display: "block" }
+      }, f(e.validationMessage || "Please provide a valid date."), 9, Va)) : u("", !0)
+    ]));
+  }
+}), Ca = ["id", "checked", "value", "disabled", "required", "indeterminate", "aria-invalid", "aria-describedby"], Ba = ["for"], wa = {
+  key: 0,
+  class: "text-danger"
+}, Na = ["id"], Ta = {
+  key: 2,
+  class: "valid-feedback",
+  style: { display: "block" }
+}, Ma = ["id"], Wl = /* @__PURE__ */ p({
+  __name: "VibeFormCheckbox",
+  props: {
+    modelValue: { type: [Boolean, Array], default: !1 },
+    id: { type: String, required: !0 },
+    label: { type: String, default: void 0 },
+    value: { type: [String, Number, Boolean], default: !0 },
+    disabled: { type: Boolean, default: !1 },
+    required: { type: Boolean, default: !1 },
+    inline: { type: Boolean, default: !1 },
+    validationState: { type: String, default: null },
+    validationMessage: { type: String, default: void 0 },
+    validationRules: { type: [Array, Function], default: void 0 },
+    validateOn: { type: String, default: "blur" },
+    helpText: { type: String, default: void 0 },
+    indeterminate: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue", "validate", "blur", "focus", "change"],
+  setup(e, { emit: o }) {
+    const t = e, i = o, a = c(() => t.validationState), s = c(() => {
+      const g = ["form-check-input"];
+      return a.value === "valid" && g.push("is-valid"), a.value === "invalid" && g.push("is-invalid"), g.join(" ");
+    }), r = c(() => {
+      const g = ["form-check"];
+      return t.inline && g.push("form-check-inline"), g.join(" ");
+    }), d = c(() => Array.isArray(t.modelValue) ? t.modelValue.includes(t.value) : t.modelValue === t.value || t.modelValue === !0), y = (g) => {
+      const S = g.target;
+      let M;
+      if (Array.isArray(t.modelValue))
+        if (M = [...t.modelValue], S.checked)
+          M.includes(t.value) || M.push(t.value);
+        else {
+          const j = M.indexOf(t.value);
+          j > -1 && M.splice(j, 1);
+        }
+      else
+        M = S.checked;
+      i("update:modelValue", M), i("change", g), t.validateOn === "change" && i("validate");
+    }, v = (g) => {
+      i("blur", g), t.validateOn === "blur" && i("validate");
+    }, b = (g) => {
+      i("focus", g);
+    };
+    return (g, S) => (l(), n("div", {
+      class: h(r.value)
+    }, [
+      m("input", {
+        id: e.id,
+        type: "checkbox",
+        class: h(s.value),
+        checked: d.value,
+        value: e.value,
+        disabled: e.disabled,
+        required: e.required,
+        indeterminate: e.indeterminate,
+        "aria-invalid": a.value === "invalid",
+        "aria-describedby": e.validationMessage || e.helpText ? `${e.id}-feedback` : void 0,
+        onChange: y,
+        onBlur: v,
+        onFocus: b
+      }, null, 42, Ca),
+      e.label ? (l(), n("label", {
+        key: 0,
+        for: e.id,
+        class: "form-check-label"
+      }, [
+        N(f(e.label) + " ", 1),
+        e.required ? (l(), n("span", wa, "*")) : u("", !0)
+      ], 8, Ba)) : u("", !0),
+      e.helpText && !e.validationMessage ? (l(), n("div", {
+        key: 1,
+        id: `${e.id}-feedback`,
+        class: "form-text"
+      }, f(e.helpText), 9, Na)) : u("", !0),
+      a.value === "valid" ? (l(), n("div", Ta, f(e.validationMessage || "Looks good!"), 1)) : u("", !0),
+      a.value === "invalid" ? (l(), n("div", {
+        key: 3,
+        id: `${e.id}-feedback`,
+        class: "invalid-feedback",
+        style: { display: "block" }
+      }, f(e.validationMessage || "You must check this box."), 9, Ma)) : u("", !0)
+    ], 2));
+  }
+}), qa = ["id", "checked", "value", "name", "disabled", "required", "aria-invalid", "aria-describedby"], Pa = ["for"], za = {
+  key: 0,
+  class: "text-danger"
+}, Ia = ["id"], Fa = {
+  key: 2,
+  class: "valid-feedback",
+  style: { display: "block" }
+}, ja = ["id"], Jl = /* @__PURE__ */ p({
+  __name: "VibeFormRadio",
+  props: {
+    modelValue: { type: [String, Number, Boolean], default: void 0 },
+    id: { type: String, required: !0 },
+    label: { type: String, default: void 0 },
+    value: { type: [String, Number, Boolean], required: !0 },
+    name: { type: String, required: !0 },
+    disabled: { type: Boolean, default: !1 },
+    required: { type: Boolean, default: !1 },
+    inline: { type: Boolean, default: !1 },
+    validationState: { type: String, default: null },
+    validationMessage: { type: String, default: void 0 },
+    validationRules: { type: [Array, Function], default: void 0 },
+    validateOn: { type: String, default: "blur" },
+    helpText: { type: String, default: void 0 }
+  },
+  emits: ["update:modelValue", "validate", "blur", "focus", "change"],
+  setup(e, { emit: o }) {
+    const t = e, i = o, a = c(() => t.validationState), s = c(() => {
+      const g = ["form-check-input"];
+      return a.value === "valid" && g.push("is-valid"), a.value === "invalid" && g.push("is-invalid"), g.join(" ");
+    }), r = c(() => {
+      const g = ["form-check"];
+      return t.inline && g.push("form-check-inline"), g.join(" ");
+    }), d = c(() => t.modelValue === t.value), y = (g) => {
+      g.target.checked && i("update:modelValue", t.value), i("change", g), t.validateOn === "change" && i("validate");
+    }, v = (g) => {
+      i("blur", g), t.validateOn === "blur" && i("validate");
+    }, b = (g) => {
+      i("focus", g);
+    };
+    return (g, S) => (l(), n("div", {
+      class: h(r.value)
+    }, [
+      m("input", {
+        id: e.id,
+        type: "radio",
+        class: h(s.value),
+        checked: d.value,
+        value: e.value,
+        name: e.name,
+        disabled: e.disabled,
+        required: e.required,
+        "aria-invalid": a.value === "invalid",
+        "aria-describedby": e.validationMessage || e.helpText ? `${e.id}-feedback` : void 0,
+        onChange: y,
+        onBlur: v,
+        onFocus: b
+      }, null, 42, qa),
+      e.label ? (l(), n("label", {
+        key: 0,
+        for: e.id,
+        class: "form-check-label"
+      }, [
+        N(f(e.label) + " ", 1),
+        e.required ? (l(), n("span", za, "*")) : u("", !0)
+      ], 8, Pa)) : u("", !0),
+      e.helpText && !e.validationMessage ? (l(), n("div", {
+        key: 1,
+        id: `${e.id}-feedback`,
+        class: "form-text"
+      }, f(e.helpText), 9, Ia)) : u("", !0),
+      a.value === "valid" ? (l(), n("div", Fa, f(e.validationMessage || "Looks good!"), 1)) : u("", !0),
+      a.value === "invalid" ? (l(), n("div", {
+        key: 3,
+        id: `${e.id}-feedback`,
+        class: "invalid-feedback",
+        style: { display: "block" }
+      }, f(e.validationMessage || "Please select an option."), 9, ja)) : u("", !0)
+    ], 2));
+  }
+}), Aa = { class: "form-check form-switch" }, La = ["id", "checked", "disabled", "required", "aria-invalid", "aria-describedby"], Oa = ["for"], Xa = {
+  key: 0,
+  class: "text-danger"
+}, Da = ["id"], Ra = {
+  key: 2,
+  class: "valid-feedback",
+  style: { display: "block" }
+}, Ea = ["id"], Zl = /* @__PURE__ */ p({
+  __name: "VibeFormSwitch",
+  props: {
+    modelValue: { type: Boolean, default: !1 },
+    id: { type: String, required: !0 },
+    label: { type: String, default: void 0 },
+    disabled: { type: Boolean, default: !1 },
+    required: { type: Boolean, default: !1 },
+    validationState: { type: String, default: null },
+    validationMessage: { type: String, default: void 0 },
+    validationRules: { type: [Array, Function], default: void 0 },
+    validateOn: { type: String, default: "blur" },
+    helpText: { type: String, default: void 0 }
+  },
+  emits: ["update:modelValue", "validate", "blur", "focus", "change"],
+  setup(e, { emit: o }) {
+    const t = e, i = o, a = c(() => t.validationState), s = c(() => {
+      const v = ["form-check-input"];
+      return a.value === "valid" && v.push("is-valid"), a.value === "invalid" && v.push("is-invalid"), v.join(" ");
+    }), r = (v) => {
+      const b = v.target;
+      i("update:modelValue", b.checked), i("change", v), t.validateOn === "change" && i("validate");
+    }, d = (v) => {
+      i("blur", v), t.validateOn === "blur" && i("validate");
+    }, y = (v) => {
+      i("focus", v);
+    };
+    return (v, b) => (l(), n("div", Aa, [
+      m("input", {
+        id: e.id,
+        type: "checkbox",
+        class: h(s.value),
+        checked: e.modelValue,
+        disabled: e.disabled,
+        required: e.required,
+        "aria-invalid": a.value === "invalid",
+        "aria-describedby": e.validationMessage || e.helpText ? `${e.id}-feedback` : void 0,
+        role: "switch",
+        onChange: r,
+        onBlur: d,
+        onFocus: y
+      }, null, 42, La),
+      e.label ? (l(), n("label", {
+        key: 0,
+        for: e.id,
+        class: "form-check-label"
+      }, [
+        N(f(e.label) + " ", 1),
+        e.required ? (l(), n("span", Xa, "*")) : u("", !0)
+      ], 8, Oa)) : u("", !0),
+      e.helpText && !e.validationMessage ? (l(), n("div", {
+        key: 1,
+        id: `${e.id}-feedback`,
+        class: "form-text"
+      }, f(e.helpText), 9, Da)) : u("", !0),
+      a.value === "valid" ? (l(), n("div", Ra, f(e.validationMessage || "Looks good!"), 1)) : u("", !0),
+      a.value === "invalid" ? (l(), n("div", {
+        key: 3,
+        id: `${e.id}-feedback`,
+        class: "invalid-feedback",
+        style: { display: "block" }
+      }, f(e.validationMessage || "You must toggle this switch."), 9, Ea)) : u("", !0)
+    ]));
+  }
+}), Ya = ["for"], Ga = {
+  key: 0,
+  class: "text-danger"
+}, Ha = ["id"], Ua = {
+  key: 1,
+  class: "valid-feedback",
+  style: { display: "block" }
+}, Qa = ["id"], Ka = ["for"], Wa = {
+  key: 0,
+  class: "text-danger"
+}, Ja = ["id"], Za = {
+  key: 2,
+  class: "valid-feedback",
+  style: { display: "block" }
+}, _a = ["id"], _l = /* @__PURE__ */ p({
+  __name: "VibeFormGroup",
+  props: {
+    label: { type: String, default: void 0 },
+    labelFor: { type: String, default: void 0 },
+    required: { type: Boolean, default: !1 },
+    validationState: { type: String, default: null },
+    validationMessage: { type: String, default: void 0 },
+    helpText: { type: String, default: void 0 },
+    floating: { type: Boolean, default: !1 },
+    row: { type: Boolean, default: !1 },
+    labelCols: { type: [Number, String], default: void 0 },
+    labelAlign: { type: String, default: void 0 }
+  },
+  setup(e) {
+    const o = e, t = c(() => {
+      const r = [];
+      return o.floating ? r.push("form-floating") : o.row ? r.push("row", "mb-3") : r.push("mb-3"), r.join(" ");
+    }), i = c(() => {
+      const r = [];
+      return o.floating ? r.push("form-label") : o.row ? (r.push("col-form-label"), o.labelCols && r.push(`col-sm-${o.labelCols}`), o.labelAlign && r.push(`text-${o.labelAlign}`)) : r.push("form-label"), r.join(" ");
+    }), a = c(() => o.row && o.labelCols ? `col-sm-${12 - Number(o.labelCols)}` : ""), s = c(() => o.labelFor ? `${o.labelFor}-feedback` : void 0);
+    return (r, d) => (l(), n("div", {
+      class: h(t.value)
+    }, [
+      e.label && !e.floating ? (l(), n("label", {
+        key: 0,
+        for: e.labelFor,
+        class: h(i.value)
+      }, [
+        N(f(e.label) + " ", 1),
+        e.required ? (l(), n("span", Ga, "*")) : u("", !0)
+      ], 10, Ya)) : u("", !0),
+      e.row && e.labelCols ? (l(), n("div", {
+        key: 1,
+        class: h(a.value)
+      }, [
+        $(r.$slots, "default"),
+        e.helpText && !e.validationMessage ? (l(), n("div", {
+          key: 0,
+          id: s.value,
+          class: "form-text"
+        }, f(e.helpText), 9, Ha)) : u("", !0),
+        e.validationState === "valid" ? (l(), n("div", Ua, f(e.validationMessage || "Looks good!"), 1)) : u("", !0),
+        e.validationState === "invalid" ? (l(), n("div", {
+          key: 2,
+          id: s.value,
+          class: "invalid-feedback",
+          style: { display: "block" }
+        }, f(e.validationMessage || "Please provide a valid value."), 9, Qa)) : u("", !0)
+      ], 2)) : (l(), n(P, { key: 2 }, [
+        $(r.$slots, "default"),
+        e.label && e.floating ? (l(), n("label", {
+          key: 0,
+          for: e.labelFor,
+          class: h(i.value)
+        }, [
+          N(f(e.label) + " ", 1),
+          e.required ? (l(), n("span", Wa, "*")) : u("", !0)
+        ], 10, Ka)) : u("", !0),
+        e.helpText && !e.validationMessage ? (l(), n("div", {
+          key: 1,
+          id: s.value,
+          class: "form-text"
+        }, f(e.helpText), 9, Ja)) : u("", !0),
+        e.validationState === "valid" ? (l(), n("div", Za, f(e.validationMessage || "Looks good!"), 1)) : u("", !0),
+        e.validationState === "invalid" ? (l(), n("div", {
+          key: 3,
+          id: s.value,
+          class: "invalid-feedback",
+          style: { display: "block" }
+        }, f(e.validationMessage || "Please provide a valid value."), 9, _a)) : u("", !0)
+      ], 64))
+    ], 2));
+  }
+}), el = { class: "mb-3" }, tl = ["for"], al = {
+  key: 0,
+  class: "text-danger"
+}, ll = {
+  key: 1,
+  class: "alert alert-warning",
+  role: "alert"
+}, il = ["id"], sl = ["id"], nl = {
+  key: 4,
+  class: "valid-feedback",
+  style: { display: "block" }
+}, dl = ["id"], ol = /* @__PURE__ */ p({
+  __name: "VibeFormWysiwyg",
+  props: {
+    modelValue: { type: String, default: "" },
+    id: { type: String, required: !0 },
+    label: { type: String, default: void 0 },
+    placeholder: { type: String, default: "Write something..." },
+    disabled: { type: Boolean, default: !1 },
+    readonly: { type: Boolean, default: !1 },
+    required: { type: Boolean, default: !1 },
+    theme: { type: String, default: "snow" },
+    toolbar: { type: [Array, String, Boolean], default: void 0 },
+    validationState: { type: String, default: null },
+    validationMessage: { type: String, default: void 0 },
+    validationRules: { type: [Array, Function], default: void 0 },
+    validateOn: { type: String, default: "blur" },
+    helpText: { type: String, default: void 0 },
+    height: { type: String, default: "200px" }
+  },
+  emits: ["update:modelValue", "validate", "blur", "focus", "change", "ready"],
+  setup(e, { emit: o }) {
+    const t = e, i = o, a = z(null), s = z(null), r = z(!1), d = z(null), y = c(() => t.validationState), v = c(() => {
+      const S = ["vibe-wysiwyg-container"];
+      return y.value === "valid" && S.push("is-valid"), y.value === "invalid" && S.push("is-invalid"), t.disabled && S.push("disabled"), S.join(" ");
+    }), b = [
+      [{ header: [1, 2, 3, !1] }],
+      ["bold", "italic", "underline", "strike"],
+      [{ list: "ordered" }, { list: "bullet" }],
+      [{ color: [] }, { background: [] }],
+      ["link", "image"],
+      ["clean"]
+    ], g = () => t.toolbar === !1 ? !1 : t.toolbar === !0 || t.toolbar === void 0 ? b : t.toolbar;
+    return oe(async () => {
+      try {
+        const S = await import("quill"), M = S.default || S;
+        if (await import("quill/dist/quill.snow.css"), a.value) {
+          const j = {
+            theme: t.theme,
+            placeholder: t.placeholder,
+            readOnly: t.readonly || t.disabled,
+            modules: {
+              toolbar: g()
+            }
+          };
+          s.value = new M(a.value, j), t.modelValue && (s.value.root.innerHTML = t.modelValue), s.value.on("text-change", () => {
+            const B = s.value.root.innerHTML, q = s.value.getText().trim().length === 0;
+            i("update:modelValue", q ? "" : B), i("change"), t.validateOn === "change" && i("validate");
+          }), s.value.root.addEventListener("blur", () => {
+            i("blur"), t.validateOn === "blur" && i("validate");
+          }), s.value.root.addEventListener("focus", () => {
+            i("focus");
+          }), r.value = !0, i("ready", s.value);
+        }
+      } catch (S) {
+        console.error("Failed to load Quill editor:", S), d.value = "Failed to load WYSIWYG editor. Please install quill: npm install quill", r.value = !1;
+      }
+    }), re(() => {
+      s.value && (s.value = null);
+    }), O(() => t.modelValue, (S) => {
+      s.value && s.value.root.innerHTML !== S && (s.value.root.innerHTML = S || "");
+    }), O(() => t.disabled, (S) => {
+      s.value && s.value.enable(!S);
+    }), O(() => t.readonly, (S) => {
+      s.value && s.value.enable(!S);
+    }), (S, M) => (l(), n("div", el, [
+      e.label ? (l(), n("label", {
+        key: 0,
+        for: e.id,
+        class: "form-label"
+      }, [
+        N(f(e.label) + " ", 1),
+        e.required ? (l(), n("span", al, "*")) : u("", !0)
+      ], 8, tl)) : u("", !0),
+      d.value ? (l(), n("div", ll, f(d.value), 1)) : (l(), n("div", {
+        key: 2,
+        class: h(v.value),
+        style: R({ minHeight: e.height })
+      }, [
+        m("div", {
+          ref_key: "editorContainer",
+          ref: a,
+          id: e.id
+        }, null, 8, il)
+      ], 6)),
+      e.helpText && !e.validationMessage ? (l(), n("div", {
+        key: 3,
+        id: `${e.id}-feedback`,
+        class: "form-text"
+      }, f(e.helpText), 9, sl)) : u("", !0),
+      y.value === "valid" ? (l(), n("div", nl, f(e.validationMessage || "Looks good!"), 1)) : u("", !0),
+      y.value === "invalid" ? (l(), n("div", {
+        key: 5,
+        id: `${e.id}-feedback`,
+        class: "invalid-feedback",
+        style: { display: "block" }
+      }, f(e.validationMessage || "Please provide valid content."), 9, dl)) : u("", !0)
+    ]));
+  }
+}), ei = /* @__PURE__ */ U(ol, [["__scopeId", "data-v-2eb8f4ff"]]);
+function ti(e = "") {
+  const o = z(e), t = z(null), i = z(""), a = z(!1), s = z(!1), r = z(!1), d = async (M) => {
+    if (!M)
+      return t.value = null, i.value = "", { valid: !0 };
+    r.value = !0;
+    try {
+      const j = Array.isArray(M) ? M : [{ validator: M }];
+      for (const B of j) {
+        const q = await B.validator(o.value);
+        if (q === !1 || typeof q == "string")
+          return t.value = "invalid", i.value = typeof q == "string" ? q : B.message || "Invalid value", r.value = !1, { valid: !1, message: i.value };
+      }
+      return t.value = "valid", i.value = "", r.value = !1, { valid: !0 };
+    } catch {
+      return t.value = "invalid", i.value = "Validation error occurred", r.value = !1, { valid: !1, message: i.value };
+    }
+  }, y = () => {
+    o.value = e, t.value = null, i.value = "", a.value = !1, s.value = !1, r.value = !1;
+  }, v = () => {
+    s.value = !0;
+  }, b = () => {
+    a.value = !0;
+  }, g = c(() => t.value === "valid"), S = c(() => t.value === "invalid");
+  return {
+    value: o,
+    validationState: t,
+    validationMessage: i,
+    isDirty: a,
+    isTouched: s,
+    isValidating: r,
+    isValid: g,
+    isInvalid: S,
+    validate: d,
+    reset: y,
+    markAsTouched: v,
+    markAsDirty: b
+  };
+}
+const ai = {
+  required: (e = "This field is required") => ({
+    validator: (o) => Array.isArray(o) ? o.length > 0 || e : typeof o == "string" ? o.trim().length > 0 || e : o != null && o !== "" || e,
+    message: e
+  }),
+  email: (e = "Please enter a valid email address") => ({
+    validator: (o) => o ? /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(o) || e : !0,
+    message: e
+  }),
+  minLength: (e, o) => ({
+    validator: (t) => t ? t.length >= e || o || `Minimum length is ${e} characters` : !0,
+    message: o
+  }),
+  maxLength: (e, o) => ({
+    validator: (t) => t ? t.length <= e || o || `Maximum length is ${e} characters` : !0,
+    message: o
+  }),
+  min: (e, o) => ({
+    validator: (t) => t == null || t === "" ? !0 : Number(t) >= e || o || `Minimum value is ${e}`,
+    message: o
+  }),
+  max: (e, o) => ({
+    validator: (t) => t == null || t === "" ? !0 : Number(t) <= e || o || `Maximum value is ${e}`,
+    message: o
+  }),
+  pattern: (e, o = "Invalid format") => ({
+    validator: (t) => t ? e.test(t) || o : !0,
+    message: o
+  }),
+  url: (e = "Please enter a valid URL") => ({
+    validator: (o) => {
+      if (!o) return !0;
+      try {
+        return new URL(o), !0;
+      } catch {
+        return e;
+      }
+    },
+    message: e
+  }),
+  // Async validator example for API validation
+  async: (e) => ({
+    validator: e
+  })
+};
 export {
-  ta as VibeAccordion,
-  Ne as VibeAccordionItem,
-  Lt as VibeAlert,
-  qt as VibeBadge,
-  Ht as VibeBreadcrumb,
-  ye as VibeBreadcrumbItem,
-  Ot as VibeButton,
-  Mt as VibeButtonGroup,
-  Rt as VibeCard,
-  ce as VibeCardBody,
-  fe as VibeCardFooter,
-  ue as VibeCardHeader,
-  U as VibeCardImg,
-  ve as VibeCardText,
-  me as VibeCardTitle,
-  na as VibeCarousel,
-  tt as VibeCarouselSlide,
-  Ft as VibeCloseButton,
-  aa as VibeCollapse,
-  ca as VibeDataTable,
-  sa as VibeDropdown,
-  ze as VibeDropdownItem,
-  Yt as VibeListGroup,
+  zl as VibeAccordion,
+  ze as VibeAccordionItem,
+  ul as VibeAlert,
+  cl as VibeBadge,
+  kl as VibeBreadcrumb,
+  $e as VibeBreadcrumbItem,
+  fl as VibeButton,
+  vl as VibeButtonGroup,
+  $l as VibeCard,
+  be as VibeCardBody,
+  me as VibeCardFooter,
+  ve as VibeCardHeader,
+  K as VibeCardImg,
+  ge as VibeCardText,
+  he as VibeCardTitle,
+  Ol as VibeCarousel,
+  it as VibeCarouselSlide,
+  bl as VibeCloseButton,
+  pl as VibeCol,
+  Il as VibeCollapse,
+  hl as VibeContainer,
+  Yl as VibeDataTable,
+  Fl as VibeDropdown,
+  je as VibeDropdownItem,
+  Wl as VibeFormCheckbox,
+  Kl as VibeFormDatepicker,
+  _l as VibeFormGroup,
+  Gl as VibeFormInput,
+  Jl as VibeFormRadio,
+  Hl as VibeFormSelect,
+  Ql as VibeFormSpinbutton,
+  Zl as VibeFormSwitch,
+  Ul as VibeFormTextarea,
+  ei as VibeFormWysiwyg,
+  El as VibeIcon,
+  Ml as VibeListGroup,
   Be as VibeListGroupItem,
-  la as VibeModal,
-  Qt as VibeNav,
-  K as VibeNavItem,
-  Ut as VibeNavbar,
-  Kt as VibeNavbarBrand,
-  Wt as VibeNavbarNav,
-  Jt as VibeNavbarToggle,
-  ra as VibeOffcanvas,
-  Xt as VibePagination,
-  E as VibePaginationItem,
-  Gt as VibePlaceholder,
-  da as VibePopover,
-  Zt as VibeProgress,
-  ea as VibeProgressBar,
-  ua as VibeScrollspy,
-  Et as VibeSpinner,
-  ia as VibeToast,
-  oa as VibeTooltip
+  jl as VibeModal,
+  Sl as VibeNav,
+  W as VibeNavItem,
+  xl as VibeNavbar,
+  Vl as VibeNavbarBrand,
+  Bl as VibeNavbarNav,
+  Cl as VibeNavbarToggle,
+  Al as VibeOffcanvas,
+  wl as VibePagination,
+  H as VibePaginationItem,
+  yl as VibePlaceholder,
+  Dl as VibePopover,
+  ql as VibeProgress,
+  Pl as VibeProgressBar,
+  gl as VibeRow,
+  Rl as VibeScrollspy,
+  ml as VibeSpinner,
+  Nl as VibeTabContent,
+  Tl as VibeTabPane,
+  Ll as VibeToast,
+  Xl as VibeTooltip,
+  ti as useFormValidation,
+  ai as validators
 };