@velkymx/vibeui 0.1.0 → 0.2.0

package/dist/vibeui.es.js

@@ -1,5 +1,5 @@
-import { defineComponent as c, computed as u, createElementBlock as l, createCommentVNode as o, openBlock as s, normalizeClass as d, renderSlot as p, createTextVNode as f, toDisplayString as b } from "vue";
-const g = /* @__PURE__ */ c({
+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({
   __name: "VibeAlert",
   props: {
     variant: { type: String, default: "primary" },
@@ -8,38 +8,1637 @@ const g = /* @__PURE__ */ c({
     message: { type: String, required: !0 }
   },
   emits: ["update:modelValue", "component-error"],
-  setup(t, { emit: i }) {
-    const n = t, a = i, r = u({
-      get: () => n.modelValue,
-      set: (e) => a("update:modelValue", e)
-    }), m = () => {
+  setup(e, { emit: u }) {
+    const t = e, i = u, l = f({
+      get: () => t.modelValue,
+      set: (o) => i("update:modelValue", o)
+    }), s = () => {
       try {
-        r.value = !1;
-      } catch (e) {
-        a("component-error", {
+        l.value = !1;
+      } catch (o) {
+        i("component-error", {
           message: "Dismiss failed",
           componentName: "VibeAlert",
-          originalError: e
+          originalError: o
         });
       }
     };
-    return (e, y) => r.value ? (s(), l("div", {
+    return (o, r) => l.value ? (a(), n("div", {
       key: 0,
-      class: d(`alert alert-${t.variant}`),
+      class: m(`alert alert-${e.variant}`),
       role: "alert"
     }, [
-      p(e.$slots, "default", {}, () => [
-        f(b(t.message), 1)
+      b(o.$slots, "default", {}, () => [
+        C(S(e.message), 1)
       ]),
-      t.dismissable ? (s(), l("button", {
+      e.dismissable ? (a(), n("button", {
         key: 0,
         class: "btn-close",
-        onClick: m,
+        onClick: s,
         "aria-label": "Close"
-      })) : o("", !0)
-    ], 2)) : o("", !0);
+      })) : $("", !0)
+    ], 2)) : $("", !0);
   }
-});
+}), qt = /* @__PURE__ */ v({
+  __name: "VibeBadge",
+  props: {
+    variant: { type: String, default: "primary" },
+    pill: { type: Boolean, default: !1 },
+    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(" ");
+    });
+    return (l, s) => (a(), y(V(e.tag), {
+      class: m(i.value)
+    }, {
+      default: g(() => [
+        b(l.$slots, "default")
+      ]),
+      _: 3
+    }, 8, ["class"]));
+  }
+}), Ot = /* @__PURE__ */ v({
+  __name: "VibeButton",
+  props: {
+    variant: { type: String, default: "primary" },
+    size: { type: String, default: void 0 },
+    outline: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    type: { type: String, default: "button" },
+    href: { type: String, default: void 0 },
+    to: { type: [String, Object], default: void 0 },
+    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);
+    };
+    return (r, k) => (a(), y(V(l.value), {
+      class: m(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
+    }, {
+      default: g(() => [
+        b(r.$slots, "default")
+      ]),
+      _: 3
+    }, 8, ["class", "type", "href", "to", "disabled", "aria-disabled"]));
+  }
+}), ne = ["role", "aria-label"], Mt = /* @__PURE__ */ v({
+  __name: "VibeButtonGroup",
+  props: {
+    size: { type: String, default: void 0 },
+    vertical: { type: Boolean, default: !1 },
+    role: { type: String, default: "group" },
+    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(" ");
+    });
+    return (l, s) => (a(), n("div", {
+      class: m(i.value),
+      role: e.role,
+      "aria-label": e.ariaLabel
+    }, [
+      b(l.$slots, "default")
+    ], 10, ne));
+  }
+}), oe = ["disabled", "aria-label"], Ft = /* @__PURE__ */ v({
+  __name: "VibeCloseButton",
+  props: {
+    disabled: { type: Boolean, default: !1 },
+    white: { type: Boolean, default: !1 },
+    ariaLabel: { type: String, default: "Close" }
+  },
+  emits: ["click", "component-error"],
+  setup(e, { emit: u }) {
+    const t = e, i = u, l = (s) => {
+      t.disabled || i("click", s);
+    };
+    return (s, o) => (a(), n("button", {
+      type: "button",
+      class: m(["btn-close", { "btn-close-white": e.white }]),
+      disabled: e.disabled,
+      "aria-label": e.ariaLabel,
+      onClick: l
+    }, null, 10, oe));
+  }
+}), de = { class: "visually-hidden" }, Et = /* @__PURE__ */ v({
+  __name: "VibeSpinner",
+  props: {
+    variant: { type: String, default: void 0 },
+    type: { type: String, default: "border" },
+    size: { type: String, default: void 0 },
+    label: { type: String, default: "Loading..." },
+    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(" ");
+    });
+    return (l, s) => (a(), y(V(e.tag), {
+      class: m(i.value),
+      role: "status"
+    }, {
+      default: g(() => [
+        d("span", de, S(e.label), 1)
+      ]),
+      _: 1
+    }, 8, ["class"]));
+  }
+}), Gt = /* @__PURE__ */ v({
+  __name: "VibePlaceholder",
+  props: {
+    variant: { type: String, default: void 0 },
+    size: { type: String, default: void 0 },
+    animation: { type: String, default: void 0 },
+    width: { type: [String, Number], default: void 0 },
+    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(() => {
+      if (t.animation) return `placeholder-${t.animation}`;
+    }), s = f(() => {
+      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)
+    }, {
+      default: g(() => [
+        d("span", {
+          class: m(i.value),
+          style: M(s.value)
+        }, [
+          b(o.$slots, "default")
+        ], 6)
+      ]),
+      _: 3
+    }, 8, ["class"]));
+  }
+}), ue = /* @__PURE__ */ v({
+  __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")
+      ]),
+      _: 3
+    }));
+  }
+}), ce = /* @__PURE__ */ v({
+  __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")
+      ]),
+      _: 3
+    }));
+  }
+}), fe = /* @__PURE__ */ v({
+  __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")
+      ]),
+      _: 3
+    }));
+  }
+}), be = ["src", "alt"], U = /* @__PURE__ */ v({
+  __name: "VibeCardImg",
+  props: {
+    src: { type: String, required: !0 },
+    alt: { type: String, default: "" },
+    top: { type: Boolean, default: !1 },
+    bottom: { type: Boolean, default: !1 }
+  },
+  emits: ["component-error"],
+  setup(e, { emit: u }) {
+    const t = e, i = t.top ? "card-img-top" : t.bottom ? "card-img-bottom" : "card-img";
+    return (l, s) => (a(), n("img", {
+      src: e.src,
+      alt: e.alt,
+      class: m(_(i))
+    }, null, 10, be));
+  }
+}), me = /* @__PURE__ */ v({
+  __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")
+      ]),
+      _: 3
+    }));
+  }
+}), ve = /* @__PURE__ */ v({
+  __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")
+      ]),
+      _: 3
+    }));
+  }
+}), Rt = /* @__PURE__ */ v({
+  __name: "VibeCard",
+  props: {
+    variant: { type: String, default: void 0 },
+    border: { type: String, default: void 0 },
+    textVariant: { type: String, default: void 0 },
+    tag: { type: String, default: "div" },
+    // Shorthand props for quick card creation
+    title: { type: String, default: void 0 },
+    body: { type: String, default: void 0 },
+    header: { type: String, default: void 0 },
+    footer: { type: String, default: void 0 },
+    headerImage: { type: String, default: void 0 },
+    headerImageAlt: { type: String, default: "" },
+    footerImage: { type: String, default: void 0 },
+    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)
+    }, {
+      default: g(() => [
+        s.value && !o.value ? (a(), n(w, { key: 0 }, [
+          e.headerImage ? (a(), y(U, {
+            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)
+            ]),
+            _: 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)
+                ]),
+                _: 1
+              })) : $("", !0),
+              e.body ? (a(), y(ve, { key: 1 }, {
+                default: g(() => [
+                  C(S(e.body), 1)
+                ]),
+                _: 1
+              })) : $("", !0)
+            ]),
+            _: 1
+          })) : $("", !0),
+          e.footer ? (a(), y(fe, { key: 3 }, {
+            default: g(() => [
+              C(S(e.footer), 1)
+            ]),
+            _: 1
+          })) : $("", !0),
+          e.footerImage ? (a(), y(U, {
+            key: 4,
+            bottom: "",
+            src: e.footerImage,
+            alt: e.footerImageAlt
+          }, null, 8, ["src", "alt"])) : $("", !0)
+        ], 64)) : b(r.$slots, "default", { key: 1 })
+      ]),
+      _: 3
+    }, 8, ["class"]));
+  }
+}), pe = ["aria-current"], ye = /* @__PURE__ */ v({
+  __name: "VibeBreadcrumbItem",
+  props: {
+    active: { type: Boolean, default: !1 },
+    href: { type: String, default: void 0 },
+    to: { type: [String, Object], default: void 0 }
+  },
+  emits: ["component-error"],
+  setup(e, { emit: u }) {
+    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 }]),
+      "aria-current": e.active ? "page" : void 0
+    }, [
+      (a(), y(V(_(i)), {
+        href: e.href,
+        to: e.to
+      }, {
+        default: g(() => [
+          b(l.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["href", "to"]))
+    ], 10, pe));
+  }
+}), he = ["aria-label"], ge = { class: "breadcrumb" }, Ht = /* @__PURE__ */ v({
+  __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,
+          href: s.href,
+          to: s.to,
+          active: s.active
+        }, {
+          default: g(() => [
+            C(S(s.text), 1)
+          ]),
+          _: 2
+        }, 1032, ["href", "to", "active"]))), 128)) : b(i.$slots, "default", { key: 1 })
+      ])
+    ], 8, he));
+  }
+}), $e = { class: "nav-item" }, K = /* @__PURE__ */ v({
+  __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 }
+  },
+  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);
+    };
+    return (r, k) => (a(), n("li", $e, [
+      (a(), y(V(l.value), {
+        class: m(s.value),
+        href: e.href,
+        to: e.to,
+        "aria-current": e.active ? "page" : void 0,
+        "aria-disabled": e.disabled,
+        onClick: o
+      }, {
+        default: g(() => [
+          b(r.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["class", "href", "to", "aria-current", "aria-disabled"]))
+    ]));
+  }
+}), Qt = /* @__PURE__ */ v({
+  __name: "VibeNav",
+  props: {
+    tabs: { type: Boolean, default: !1 },
+    pills: { type: Boolean, default: !1 },
+    fill: { type: Boolean, default: !1 },
+    justified: { type: Boolean, default: !1 },
+    vertical: { type: Boolean, default: !1 },
+    tag: { type: String, default: "ul" },
+    items: { type: Array, default: void 0 }
+  },
+  emits: ["component-error"],
+  setup(e, { emit: u }) {
+    const t = e, i = j(), l = f(() => {
+      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)
+    }, {
+      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: g(() => [
+            C(S(r.text), 1)
+          ]),
+          _: 2
+        }, 1032, ["href", "to", "active", "disabled"]))), 128)) : b(s.$slots, "default", { key: 1 })
+      ]),
+      _: 3
+    }, 8, ["class"]));
+  }
+}), Ut = /* @__PURE__ */ v({
+  __name: "VibeNavbar",
+  props: {
+    variant: { type: String, default: "light" },
+    expand: { type: [Boolean, String], default: "lg" },
+    container: { type: [Boolean, String], default: !0 },
+    position: { type: String, default: void 0 },
+    tag: { type: String, default: "nav" }
+  },
+  emits: ["component-error"],
+  setup(e, { emit: u }) {
+    const t = e, i = f(() => {
+      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(() => {
+      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)
+    }, {
+      default: g(() => [
+        l.value ? (a(), n("div", {
+          key: 0,
+          class: m(l.value)
+        }, [
+          b(s.$slots, "default")
+        ], 2)) : b(s.$slots, "default", { key: 1 })
+      ]),
+      _: 3
+    }, 8, ["class"]));
+  }
+}), Kt = /* @__PURE__ */ v({
+  __name: "VibeNavbarBrand",
+  props: {
+    href: { type: String, default: void 0 },
+    to: { type: [String, Object], default: void 0 }
+  },
+  emits: ["component-error"],
+  setup(e, { emit: u }) {
+    const t = e, i = t.href ? "a" : t.to ? "router-link" : "span";
+    return (l, s) => (a(), y(V(_(i)), {
+      class: "navbar-brand",
+      href: e.href,
+      to: e.to
+    }, {
+      default: g(() => [
+        b(l.$slots, "default")
+      ]),
+      _: 3
+    }, 8, ["href", "to"]));
+  }
+}), ke = ["data-bs-target", "aria-controls", "aria-label"], Jt = /* @__PURE__ */ v({
+  __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", {
+      class: "navbar-toggler",
+      type: "button",
+      "data-bs-toggle": "collapse",
+      "data-bs-target": `#${e.target}`,
+      "aria-controls": e.target,
+      "aria-expanded": "false",
+      "aria-label": e.ariaLabel
+    }, [...i[0] || (i[0] = [
+      d("span", { class: "navbar-toggler-icon" }, null, -1)
+    ])], 8, ke));
+  }
+}), Wt = /* @__PURE__ */ v({
+  __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,
+          href: s.href,
+          to: s.to,
+          active: s.active,
+          disabled: s.disabled
+        }, {
+          default: g(() => [
+            C(S(s.text), 1)
+          ]),
+          _: 2
+        }, 1032, ["href", "to", "active", "disabled"]))), 128)) : b(i.$slots, "default", { key: 1 })
+      ]),
+      _: 3
+    }));
+  }
+}), E = /* @__PURE__ */ v({
+  __name: "VibePaginationItem",
+  props: {
+    active: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    href: { type: String, default: void 0 },
+    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);
+    };
+    return (o, r) => (a(), n("li", {
+      class: m(["page-item", { active: e.active, disabled: e.disabled }])
+    }, [
+      (a(), y(V(l.value), {
+        class: "page-link",
+        href: e.href,
+        to: e.to,
+        type: l.value === "button" ? "button" : void 0,
+        disabled: e.disabled && l.value === "button",
+        "aria-current": e.active ? "page" : void 0,
+        "aria-disabled": e.disabled,
+        onClick: s
+      }, {
+        default: g(() => [
+          b(o.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["href", "to", "type", "disabled", "aria-current", "aria-disabled"]))
+    ], 2));
+  }
+}), Se = ["aria-label"], Xt = /* @__PURE__ */ v({
+  __name: "VibePagination",
+  props: {
+    size: { type: String, default: void 0 },
+    ariaLabel: { type: String, default: "Pagination" },
+    // Shorthand props
+    totalPages: { type: Number, default: void 0 },
+    currentPage: { type: Number, default: 1 },
+    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);
+    };
+    return (k, B) => (a(), n("nav", { "aria-label": e.ariaLabel }, [
+      d("ul", {
+        class: m(s.value)
+      }, [
+        e.totalPages && !_(l).default ? (a(), n(w, { key: 0 }, [
+          e.showPrevNext ? (a(), y(E, {
+            key: 0,
+            disabled: e.currentPage === 1,
+            onClick: B[0] || (B[0] = (P) => r(e.currentPage - 1))
+          }, {
+            default: g(() => [...B[2] || (B[2] = [
+              C(" 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)
+          }, {
+            default: g(() => [
+              C(S(P), 1)
+            ]),
+            _: 2
+          }, 1032, ["active", "onClick"]))), 128)),
+          e.showPrevNext ? (a(), y(E, {
+            key: 1,
+            disabled: e.currentPage === e.totalPages,
+            onClick: B[1] || (B[1] = (P) => r(e.currentPage + 1))
+          }, {
+            default: g(() => [...B[3] || (B[3] = [
+              C(" Next ", -1)
+            ])]),
+            _: 1
+          }, 8, ["disabled"])) : $("", !0)
+        ], 64)) : b(k.$slots, "default", { key: 1 })
+      ], 2)
+    ], 8, Se));
+  }
+}), Be = /* @__PURE__ */ v({
+  __name: "VibeListGroupItem",
+  props: {
+    active: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    variant: { type: String, default: void 0 },
+    href: { type: String, default: void 0 },
+    to: { type: [String, Object], default: void 0 },
+    tag: { type: String, default: "li" },
+    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);
+    };
+    return (r, k) => (a(), y(V(l.value), {
+      class: m(s.value),
+      href: e.href,
+      to: e.to,
+      type: l.value === "button" ? "button" : void 0,
+      disabled: e.disabled,
+      "aria-disabled": e.disabled,
+      "aria-current": e.active ? "true" : void 0,
+      onClick: o
+    }, {
+      default: g(() => [
+        b(r.$slots, "default")
+      ]),
+      _: 3
+    }, 8, ["class", "href", "to", "type", "disabled", "aria-disabled", "aria-current"]));
+  }
+}), Yt = /* @__PURE__ */ v({
+  __name: "VibeListGroup",
+  props: {
+    flush: { type: Boolean, default: !1 },
+    horizontal: { type: [Boolean, String], default: !1 },
+    numbered: { type: Boolean, default: !1 },
+    tag: { type: String, default: "ul" },
+    items: { type: Array, default: void 0 }
+  },
+  emits: ["component-error"],
+  setup(e, { emit: u }) {
+    const t = e, i = j(), l = f(() => {
+      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)
+    }, {
+      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: g(() => [
+            C(S(r.text), 1)
+          ]),
+          _: 2
+        }, 1032, ["href", "to", "active", "disabled", "variant"]))), 128)) : b(s.$slots, "default", { key: 1 })
+      ]),
+      _: 3
+    }, 8, ["class"]));
+  }
+}), Zt = /* @__PURE__ */ v({
+  __name: "VibeProgress",
+  props: {
+    height: { type: String, default: void 0 }
+  },
+  emits: ["component-error"],
+  setup(e, { emit: u }) {
+    const t = e, i = f(() => {
+      if (t.height)
+        return { height: t.height };
+    });
+    return (l, s) => (a(), n("div", {
+      class: "progress",
+      style: M(i.value)
+    }, [
+      b(l.$slots, "default")
+    ], 4));
+  }
+}), Ve = ["aria-valuenow", "aria-valuemax"], ea = /* @__PURE__ */ v({
+  __name: "VibeProgressBar",
+  props: {
+    value: { type: Number, default: 0 },
+    max: { type: Number, default: 100 },
+    variant: { type: String, default: void 0 },
+    striped: { type: Boolean, default: !1 },
+    animated: { type: Boolean, default: !1 },
+    label: { type: String, default: void 0 },
+    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),
+      role: "progressbar",
+      "aria-valuenow": e.value,
+      "aria-valuemin": 0,
+      "aria-valuemax": e.max
+    }, [
+      C(S(s.value) + " ", 1),
+      b(o.$slots, "default")
+    ], 14, Ve));
+  }
+}), 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({
+  __name: "VibeAccordionItem",
+  props: {
+    id: { type: String, required: !0 },
+    title: { type: String, required: !0 },
+    parentId: { type: String, required: !0 },
+    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 }]),
+          type: "button",
+          "data-bs-toggle": "collapse",
+          "data-bs-target": `#${e.id}`,
+          "aria-expanded": e.show,
+          "aria-controls": e.id
+        }, S(e.title), 11, Pe)
+      ]),
+      d("div", {
+        id: e.id,
+        class: m(i.value),
+        "data-bs-parent": `#${e.parentId}`
+      }, [
+        d("div", Ie, [
+          b(l.$slots, "default")
+        ])
+      ], 10, xe)
+    ]));
+  }
+}), _e = ["id"], ta = /* @__PURE__ */ v({
+  __name: "VibeAccordion",
+  props: {
+    id: { type: String, required: !0 },
+    flush: { type: Boolean, default: !1 },
+    items: { type: Array, default: void 0 }
+  },
+  emits: ["component-error"],
+  setup(e, { emit: u }) {
+    const t = j();
+    return (i, l) => (a(), n("div", {
+      id: e.id,
+      class: m(["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,
+        id: s.id,
+        "parent-id": e.id,
+        title: s.title,
+        show: s.show
+      }, {
+        default: g(() => [
+          C(S(s.content), 1)
+        ]),
+        _: 2
+      }, 1032, ["id", "parent-id", "title", "show"]))), 128)) : b(i.$slots, "default", { key: 1 })
+    ], 10, _e));
+  }
+}), aa = /* @__PURE__ */ v({
+  __name: "VibeCollapse",
+  props: {
+    id: { type: String, required: !0 },
+    modelValue: { type: Boolean, default: !1 },
+    tag: { type: String, default: "div" },
+    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) => {
+      i.value = s;
+    });
+    const l = f(() => {
+      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), {
+      id: e.id,
+      class: m(l.value)
+    }, {
+      default: g(() => [
+        b(s.$slots, "default")
+      ]),
+      _: 3
+    }, 8, ["id", "class"]));
+  }
+}), je = { key: 0 }, ze = /* @__PURE__ */ v({
+  __name: "VibeDropdownItem",
+  props: {
+    active: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    href: { type: String, default: void 0 },
+    to: { type: [String, Object], default: void 0 },
+    divider: { type: Boolean, default: !1 },
+    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(() => {
+      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);
+    };
+    return (r, k) => !e.divider && !e.header ? (a(), n("li", je, [
+      (a(), y(V(l.value), {
+        class: m(s.value),
+        href: e.href,
+        to: e.to,
+        type: l.value === "button" ? "button" : void 0,
+        disabled: e.disabled,
+        onClick: o
+      }, {
+        default: g(() => [
+          b(r.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["class", "href", "to", "type", "disabled"]))
+    ])) : (a(), y(V(l.value), {
+      key: 1,
+      class: m(s.value)
+    }, {
+      default: g(() => [
+        b(r.$slots, "default")
+      ]),
+      _: 3
+    }, 8, ["class"]));
+  }
+}), Te = ["id"], Ae = ["aria-labelledby"], sa = /* @__PURE__ */ v({
+  __name: "VibeDropdown",
+  props: {
+    id: { type: String, required: !0 },
+    text: { type: String, default: "Dropdown" },
+    variant: { type: String, default: "primary" },
+    size: { type: String, default: void 0 },
+    split: { type: Boolean, default: !1 },
+    direction: { type: String, default: "down" },
+    menuEnd: { type: Boolean, default: !1 },
+    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(" ");
+    });
+    return (r, k) => (a(), n("div", {
+      class: m(l.value)
+    }, [
+      d("button", {
+        id: e.id,
+        class: m([s.value, "dropdown-toggle"]),
+        type: "button",
+        "data-bs-toggle": "dropdown",
+        "aria-expanded": "false"
+      }, S(e.text), 11, Te),
+      d("ul", {
+        class: m(o.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
+        }, {
+          default: g(() => [
+            C(S(B.text), 1)
+          ]),
+          _: 2
+        }, 1032, ["href", "to", "active", "disabled", "divider", "header"]))), 128)) : b(r.$slots, "default", { key: 1 })
+      ], 10, Ae)
+    ], 2));
+  }
+}), De = ["id", "aria-labelledby", "data-bs-backdrop", "data-bs-keyboard"], Le = { class: "modal-content" }, qe = {
+  key: 0,
+  class: "modal-header"
+}, Oe = ["id"], Me = { class: "modal-body" }, Fe = {
+  key: 1,
+  class: "modal-footer"
+}, la = /* @__PURE__ */ v({
+  __name: "VibeModal",
+  props: {
+    id: { type: String, required: !0 },
+    modelValue: { type: Boolean, default: !1 },
+    title: { type: String, default: "" },
+    size: { type: String, default: void 0 },
+    centered: { type: Boolean, default: !1 },
+    scrollable: { type: Boolean, default: !1 },
+    fullscreen: { type: [Boolean, String], default: !1 },
+    staticBackdrop: { type: Boolean, default: !1 },
+    hideHeader: { type: Boolean, default: !1 },
+    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(" ");
+    });
+    return (l, s) => (a(), n("div", {
+      id: e.id,
+      class: "modal fade",
+      tabindex: "-1",
+      "aria-labelledby": `${e.id}-label`,
+      "aria-hidden": "true",
+      "data-bs-backdrop": e.staticBackdrop ? "static" : void 0,
+      "data-bs-keyboard": !e.staticBackdrop
+    }, [
+      d("div", {
+        class: m(i.value)
+      }, [
+        d("div", Le, [
+          e.hideHeader ? $("", !0) : (a(), n("div", qe, [
+            d("h5", {
+              id: `${e.id}-label`,
+              class: "modal-title"
+            }, [
+              b(l.$slots, "header", {}, () => [
+                C(S(e.title), 1)
+              ])
+            ], 8, Oe),
+            s[0] || (s[0] = d("button", {
+              type: "button",
+              class: "btn-close",
+              "data-bs-dismiss": "modal",
+              "aria-label": "Close"
+            }, null, -1))
+          ])),
+          d("div", Me, [
+            b(l.$slots, "default")
+          ]),
+          e.hideFooter ? $("", !0) : (a(), n("div", Fe, [
+            b(l.$slots, "footer", {}, () => [
+              s[1] || (s[1] = d("button", {
+                type: "button",
+                class: "btn btn-secondary",
+                "data-bs-dismiss": "modal"
+              }, "Close", -1))
+            ])
+          ]))
+        ])
+      ], 2)
+    ], 8, De));
+  }
+}), Ee = ["id", "aria-labelledby", "data-bs-backdrop", "data-bs-scroll"], Ge = { class: "offcanvas-header" }, Re = ["id"], He = { class: "offcanvas-body" }, ra = /* @__PURE__ */ v({
+  __name: "VibeOffcanvas",
+  props: {
+    id: { type: String, required: !0 },
+    modelValue: { type: Boolean, default: !1 },
+    title: { type: String, default: "" },
+    placement: { type: String, default: "start" },
+    backdrop: { type: [Boolean, String], default: !0 },
+    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", {
+      id: e.id,
+      class: m(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", {
+          id: `${e.id}-label`,
+          class: "offcanvas-title"
+        }, [
+          b(l.$slots, "header", {}, () => [
+            C(S(e.title), 1)
+          ])
+        ], 8, Re),
+        s[0] || (s[0] = d("button", {
+          type: "button",
+          class: "btn-close",
+          "data-bs-dismiss": "offcanvas",
+          "aria-label": "Close"
+        }, null, -1))
+      ]),
+      d("div", He, [
+        b(l.$slots, "default")
+      ])
+    ], 10, Ee));
+  }
+}), Qe = ["id", "data-bs-autohide", "data-bs-delay"], Ue = {
+  key: 0,
+  class: "toast-header"
+}, Ke = { class: "me-auto" }, Je = { class: "toast-body" }, ia = /* @__PURE__ */ v({
+  __name: "VibeToast",
+  props: {
+    id: { type: String, default: void 0 },
+    modelValue: { type: Boolean, default: !1 },
+    title: { type: String, default: "" },
+    variant: { type: String, default: void 0 },
+    autohide: { type: Boolean, default: !0 },
+    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(" ");
+    });
+    return (l, s) => (a(), n("div", {
+      id: e.id,
+      class: m(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)
+        ]),
+        s[0] || (s[0] = d("button", {
+          type: "button",
+          class: "btn-close",
+          "data-bs-dismiss": "toast",
+          "aria-label": "Close"
+        }, null, -1))
+      ])) : $("", !0),
+      d("div", Je, [
+        b(l.$slots, "default")
+      ])
+    ], 10, Qe));
+  }
+}), We = ["data-bs-interval"], Xe = ["src", "alt"], Ye = {
+  key: 1,
+  class: "carousel-caption d-none d-md-block"
+}, Ze = { key: 0 }, et = { key: 1 }, tt = /* @__PURE__ */ v({
+  __name: "VibeCarouselSlide",
+  props: {
+    active: { type: Boolean, default: !1 },
+    interval: { type: Number, default: void 0 },
+    imgSrc: { type: String, default: void 0 },
+    imgAlt: { type: String, default: "" },
+    caption: { type: String, default: void 0 },
+    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 }]),
+      "data-bs-interval": e.interval
+    }, [
+      e.imgSrc ? (a(), 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)
+        ])
+      ])) : $("", !0),
+      b(t.$slots, "default")
+    ], 10, We));
+  }
+}), at = ["id", "data-bs-ride", "data-bs-interval", "data-bs-keyboard", "data-bs-pause", "data-bs-wrap", "data-bs-touch"], st = {
+  key: 0,
+  class: "carousel-indicators"
+}, lt = ["data-bs-target", "data-bs-slide-to", "aria-current", "aria-label"], rt = { class: "carousel-inner" }, it = {
+  key: 0,
+  class: "carousel-indicators"
+}, nt = { class: "carousel-inner" }, ot = ["data-bs-target"], dt = ["data-bs-target"], na = /* @__PURE__ */ v({
+  __name: "VibeCarousel",
+  props: {
+    id: { type: String, required: !0 },
+    controls: { type: Boolean, default: !0 },
+    indicators: { type: Boolean, default: !0 },
+    ride: { type: [Boolean, String], default: !1 },
+    interval: { type: [Number, Boolean], default: 5e3 },
+    keyboard: { type: Boolean, default: !0 },
+    pause: { type: [String, Boolean], default: "hover" },
+    wrap: { type: Boolean, default: !0 },
+    touch: { type: Boolean, default: !0 },
+    dark: { type: Boolean, default: !1 },
+    fade: { type: Boolean, default: !1 },
+    items: { type: Array, default: void 0 }
+  },
+  emits: ["slide", "slid", "component-error"],
+  setup(e, { emit: u }) {
+    const t = j();
+    return (i, l) => (a(), n("div", {
+      id: e.id,
+      class: m(["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,
+      "data-bs-pause": e.pause,
+      "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}`,
+            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,
+            interval: s.interval,
+            "img-src": s.src,
+            "img-alt": s.alt,
+            caption: s.caption,
+            "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)),
+      e.controls ? (a(), 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", {
+          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", {
+        key: 3,
+        class: "carousel-control-next",
+        type: "button",
+        "data-bs-target": `#${e.id}`,
+        "data-bs-slide": "next"
+      }, [...l[1] || (l[1] = [
+        d("span", {
+          class: "carousel-control-next-icon",
+          "aria-hidden": "true"
+        }, null, -1),
+        d("span", { class: "visually-hidden" }, "Next", -1)
+      ])], 8, dt)) : $("", !0)
+    ], 10, at));
+  }
+}), ut = ["data-bs-placement", "data-bs-title", "data-bs-trigger", "data-bs-html"], oa = /* @__PURE__ */ v({
+  __name: "VibeTooltip",
+  props: {
+    content: { type: String, required: !0 },
+    placement: { type: String, default: "top" },
+    trigger: { type: String, default: "hover focus" },
+    html: { type: Boolean, default: !1 }
+  },
+  emits: ["component-error"],
+  setup(e, { emit: u }) {
+    return (t, i) => (a(), 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));
+  }
+}), ct = ["data-bs-placement", "data-bs-title", "data-bs-content", "data-bs-trigger", "data-bs-html"], da = /* @__PURE__ */ v({
+  __name: "VibePopover",
+  props: {
+    title: { type: String, default: void 0 },
+    content: { type: String, required: !0 },
+    placement: { type: String, default: "top" },
+    trigger: { type: String, default: "click" },
+    html: { type: Boolean, default: !1 }
+  },
+  emits: ["component-error"],
+  setup(e, { emit: u }) {
+    return (t, i) => (a(), n("span", {
+      "data-bs-toggle": "popover",
+      "data-bs-placement": e.placement,
+      "data-bs-title": e.title,
+      "data-bs-content": e.content,
+      "data-bs-trigger": e.trigger,
+      "data-bs-html": e.html
+    }, [
+      b(t.$slots, "default")
+    ], 8, ct));
+  }
+}), ua = /* @__PURE__ */ v({
+  __name: "VibeScrollspy",
+  props: {
+    target: { type: String, required: !0 },
+    offset: { type: Number, default: 10 },
+    method: { type: String, default: "auto" },
+    smoothScroll: { type: Boolean, default: !1 },
+    tag: { type: String, default: "div" }
+  },
+  emits: ["activate", "component-error"],
+  setup(e, { emit: u }) {
+    return (t, i) => (a(), y(V(e.tag), {
+      "data-bs-spy": "scroll",
+      "data-bs-target": e.target,
+      "data-bs-offset": e.offset,
+      "data-bs-method": e.method,
+      "data-bs-smooth-scroll": e.smoothScroll,
+      tabindex: "0"
+    }, {
+      default: g(() => [
+        b(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 = {
+  key: 0,
+  class: "col-md-6 mb-2 mb-md-0"
+}, vt = ["placeholder"], pt = {
+  key: 1,
+  class: "col-md-6"
+}, yt = { class: "d-flex justify-content-md-end align-items-center" }, ht = ["value"], gt = ["onClick"], $t = {
+  key: 0,
+  class: "ms-1"
+}, kt = ["onClick"], St = { key: 0 }, Bt = ["colspan"], Vt = { class: "row" }, Ct = {
+  key: 0,
+  class: "col-md-6 mb-2 mb-md-0"
+}, wt = { class: "datatable-info" }, Pt = {
+  key: 1,
+  class: "col-md-6"
+}, xt = { class: "pagination justify-content-md-end mb-0" }, It = {
+  key: 0,
+  class: "page-item"
+}, Nt = {
+  key: 1,
+  class: "page-item disabled"
+}, _t = ["onClick"], jt = {
+  key: 2,
+  class: "page-item disabled"
+}, zt = {
+  key: 3,
+  class: "page-item"
+}, Tt = /* @__PURE__ */ v({
+  __name: "VibeDataTable",
+  props: {
+    // Data
+    items: { type: Array, default: () => [] },
+    columns: { type: Array, required: !0 },
+    // Table styling
+    striped: { type: Boolean, default: !1 },
+    bordered: { type: Boolean, default: !1 },
+    borderless: { type: Boolean, default: !1 },
+    hover: { type: Boolean, default: !1 },
+    small: { type: Boolean, default: !1 },
+    responsive: { type: Boolean, default: !0 },
+    variant: { type: String, default: void 0 },
+    // Features
+    searchable: { type: Boolean, default: !0 },
+    sortable: { type: Boolean, default: !0 },
+    paginated: { type: Boolean, default: !0 },
+    // Search
+    searchPlaceholder: { type: String, default: "Search..." },
+    searchDebounce: { type: Number, default: 300 },
+    // Pagination
+    perPage: { type: Number, default: 10 },
+    currentPage: { type: Number, default: 1 },
+    perPageOptions: { type: Array, default: () => [5, 10, 25, 50, 100] },
+    // Sorting
+    sortBy: { type: String, default: void 0 },
+    sortDesc: { type: Boolean, default: !1 },
+    // Display
+    showEmpty: { type: Boolean, default: !0 },
+    emptyText: { type: String, default: "No data available" },
+    showPerPage: { type: Boolean, default: !0 },
+    showInfo: { type: Boolean, default: !0 },
+    infoText: { type: String, default: "Showing {start} to {end} of {total} entries" },
+    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) => {
+      s.value && clearTimeout(s.value), s.value = window.setTimeout(() => {
+        o.value = c, r.value = 1;
+      }, t.searchDebounce);
+    });
+    const F = f(() => {
+      if (!t.searchable || !o.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);
+      }));
+    }), 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(() => {
+      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 (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),
+            type: "search",
+            class: "form-control",
+            placeholder: e.searchPlaceholder
+          }, null, 8, vt), [
+            [re, l.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),
+              class: "form-select form-select-sm",
+              style: { width: "auto" },
+              onChange: ee
+            }, [
+              (a(!0), n(w, null, I(e.perPageOptions, (p) => (a(), n("option", {
+                key: p,
+                value: p
+              }, S(p), 9, ht))), 128))
+            ], 544), [
+              [
+                ie,
+                k.value,
+                void 0,
+                { number: !0 }
+              ]
+            ]),
+            h[7] || (h[7] = d("span", { class: "ms-2" }, "entries", -1))
+          ])
+        ])) : $("", !0)
+      ]),
+      d("div", {
+        class: m({ "table-responsive": e.responsive })
+      }, [
+        d("table", {
+          class: m(Y.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)
+              }, [
+                C(S(p.label) + " ", 1),
+                e.sortable && p.sortable !== !1 ? (a(), n("span", $t, S(se(p)), 1)) : $("", !0)
+              ], 14, gt))), 128))
+            ])
+          ]),
+          d("tbody", null, [
+            (a(!0), n(w, null, I(R.value, (p, N) => (a(), n("tr", {
+              key: N,
+              onClick: (x) => te(p, N),
+              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)
+              }, [
+                b(c.$slots, `cell(${x.key})`, {
+                  item: p,
+                  value: p[x.key],
+                  index: N
+                }, () => [
+                  C(S(ae(p, x)), 1)
+                ], !0)
+              ], 6))), 128))
+            ], 8, kt))), 128)),
+            R.value.length === 0 && e.showEmpty ? (a(), n("tr", St, [
+              d("td", {
+                colspan: e.columns.length,
+                class: "text-center"
+              }, S(e.emptyText), 9, Bt)
+            ])) : $("", !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 }])
+              }, [
+                d("a", {
+                  class: "page-link",
+                  href: "#",
+                  onClick: h[2] || (h[2] = O((p) => q(r.value - 1), ["prevent"]))
+                }, " Previous ")
+              ], 2),
+              r.value > 3 ? (a(), n("li", It, [
+                d("a", {
+                  class: "page-link",
+                  href: "#",
+                  onClick: h[3] || (h[3] = O((p) => q(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 }])
+              }, [
+                d("a", {
+                  class: "page-link",
+                  href: "#",
+                  onClick: O((N) => q(p), ["prevent"])
+                }, S(p), 9, _t)
+              ], 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", {
+                  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 }])
+              }, [
+                d("a", {
+                  class: "page-link",
+                  href: "#",
+                  onClick: h[5] || (h[5] = O((p) => q(r.value + 1), ["prevent"]))
+                }, " Next ")
+              ], 2)
+            ])
+          ])
+        ])) : $("", !0)
+      ])
+    ]));
+  }
+}), At = (e, u) => {
+  const t = e.__vccOpts || e;
+  for (const [i, l] of u)
+    t[i] = l;
+  return t;
+}, ca = /* @__PURE__ */ At(Tt, [["__scopeId", "data-v-48221c7b"]]);
 export {
-  g as VibeAlert
+  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,
+  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
 };