manolis-ui 0.21.1 → 0.22.4

package/dist/manolis-ui.js

@@ -1,8 +1,8 @@
-import { defineComponent as j, computed as U, createElementBlock as i, openBlock as o, normalizeClass as $, createCommentVNode as z, renderSlot as B, createTextVNode as _e, createElementVNode as n, Fragment as A, renderList as X, toDisplayString as T, ref as h, watch as q, h as Oe, onMounted as de, withDirectives as Se, createVNode as oe, isRef as We, vModelCheckbox as Ke, unref as ee, provide as Xe, onUnmounted as Ee, normalizeStyle as Ie, Transition as Pe, withCtx as be, inject as Ye, useId as Ge, defineAsyncComponent as ze, nextTick as me, onBeforeUnmount as Ve, withModifiers as ne, createBlock as ce, resolveDynamicComponent as Te, mergeProps as Be, withKeys as pe, resolveComponent as De, vModelText as Ae, useSlots as Je, Comment as Ze, vShow as Qe, readonly as et, TransitionGroup as tt } from "vue";
-const lt = ["disabled"], at = {
+import { defineComponent as z, computed as _, createElementBlock as r, openBlock as s, normalizeClass as w, createCommentVNode as S, renderSlot as $, createTextVNode as je, createElementVNode as u, Fragment as N, renderList as U, toDisplayString as T, ref as b, watch as R, h as Le, onMounted as pe, withDirectives as ke, createVNode as re, isRef as Je, vModelCheckbox as He, unref as te, provide as Ze, onUnmounted as Re, normalizeStyle as be, Transition as qe, withCtx as ye, inject as Qe, useId as et, defineAsyncComponent as Pe, nextTick as he, onBeforeUnmount as Ee, withModifiers as oe, createBlock as fe, resolveDynamicComponent as Ve, mergeProps as ie, withKeys as ge, resolveComponent as Ae, vModelText as Ue, useSlots as tt, Comment as at, vShow as lt, readonly as nt, TransitionGroup as st } from "vue";
+const ot = ["disabled"], it = {
   key: 0,
   class: "loading loading-spinner"
-}, _a = /* @__PURE__ */ j({
+}, yn = /* @__PURE__ */ z({
   __name: "ButtonComponent",
   props: {
     outlined: { type: Boolean, default: !1 },
@@ -14,8 +14,8 @@ const lt = ["disabled"], at = {
     disabled: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const c = e, l = U(() => {
-      switch (c.size) {
+    const n = e, a = _(() => {
+      switch (n.size) {
         case "large":
           return "btn-lg";
         case "small":
@@ -29,8 +29,8 @@ const lt = ["disabled"], at = {
         default:
           return "";
       }
-    }), t = U(() => {
-      switch (c.type) {
+    }), t = _(() => {
+      switch (n.type) {
         case "neutral":
           return "btn-neutral";
         case "primary":
@@ -54,8 +54,8 @@ const lt = ["disabled"], at = {
         default:
           return "btn-neutral";
       }
-    }), r = U(() => {
-      switch (c.shape) {
+    }), o = _(() => {
+      switch (n.shape) {
         case "square":
           return "btn-square";
         case "circle":
@@ -64,27 +64,27 @@ const lt = ["disabled"], at = {
           return "";
       }
     });
-    return (a, s) => (o(), i("button", {
-      class: $([
+    return (i, l) => (s(), r("button", {
+      class: w([
         "btn",
-        { "btn-outline": c.outlined },
-        { "btn-active": c.active },
+        { "btn-outline": n.outlined },
+        { "btn-active": n.active },
         t.value,
-        l.value,
-        r.value
+        a.value,
+        o.value
       ]),
-      disabled: c.disabled
+      disabled: n.disabled
     }, [
-      e.loading ? (o(), i("span", at)) : z("", !0),
-      B(a.$slots, "default", {}, () => [
-        s[0] || (s[0] = _e("Submit", -1))
+      e.loading ? (s(), r("span", it)) : S("", !0),
+      $(i.$slots, "default", {}, () => [
+        l[0] || (l[0] = je("Submit", -1))
       ])
-    ], 10, lt));
+    ], 10, ot));
   }
-}), nt = {
+}), rt = {
   tabindex: "0",
   class: "z-1 bg-base-100 shadow-sm p-2 rounded-sm min-w-[inherit] md:min-w-full xl:min-w-52 dropdown-content menu"
-}, ot = ["href"], Ea = /* @__PURE__ */ j({
+}, ut = ["href"], wn = /* @__PURE__ */ z({
   __name: "dropdown",
   props: {
     items: {},
@@ -94,35 +94,35 @@ const lt = ["disabled"], at = {
     forceOpen: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const c = {
+    const n = {
       left: "dropdown-left",
       right: "dropdown-right",
       bottom: "dropdown-bottom",
       top: "dropdown-top"
-    }, l = {
+    }, a = {
       start: "",
       end: "dropdown-end"
     }, t = e;
-    return (r, a) => (o(), i("div", {
-      class: $(["dropdown", c[t.position], l[t.floatPosition], { "dropdown-open": t.forceOpen }, { "dropdown-hover": t.openOnHover }])
+    return (o, i) => (s(), r("div", {
+      class: w(["dropdown", n[t.position], a[t.floatPosition], { "dropdown-open": t.forceOpen }, { "dropdown-hover": t.openOnHover }])
     }, [
-      B(r.$slots, "default", {
+      $(o.$slots, "default", {
         tabindex: "0",
         role: "button"
       }, () => [
-        a[0] || (a[0] = n("div", { class: "m-1 btn" }, "Open dropdown", -1))
+        i[0] || (i[0] = u("div", { class: "m-1 btn" }, "Open dropdown", -1))
       ]),
-      n("ul", nt, [
-        (o(!0), i(A, null, X(e.items, (s) => (o(), i("li", null, [
-          n("a", {
-            href: s.link
-          }, T(s.text), 9, ot)
+      u("ul", rt, [
+        (s(!0), r(N, null, U(e.items, (l) => (s(), r("li", null, [
+          u("a", {
+            href: l.link
+          }, T(l.text), 9, ut)
         ]))), 256)),
-        B(r.$slots, "additional")
+        $(o.$slots, "additional")
       ])
     ], 2));
   }
-}), st = { class: "modal-box" }, it = { class: "modal-action" }, La = /* @__PURE__ */ j({
+}), ct = { class: "modal-box" }, dt = { class: "modal-action" }, $n = /* @__PURE__ */ z({
   __name: "modal",
   props: {
     position: { default: "center" },
@@ -130,48 +130,48 @@ const lt = ["disabled"], at = {
     forceOpen: { type: [Boolean, null], default: null }
   },
   setup(e) {
-    const c = e, l = {
+    const n = e, a = {
       top: "modal-top",
       bottom: "modal-bottom",
       center: "modal-middle"
-    }, t = h(null), r = () => {
-      var s;
-      (s = t.value) == null || s.showModal();
-    }, a = () => {
-      var s;
-      (s = t.value) == null || s.close();
+    }, t = b(null), o = () => {
+      var l;
+      (l = t.value) == null || l.showModal();
+    }, i = () => {
+      var l;
+      (l = t.value) == null || l.close();
     };
-    return q(
-      () => c.forceOpen,
-      (s) => {
-        s == !0 && r(), s == !1 && a();
+    return R(
+      () => n.forceOpen,
+      (l) => {
+        l == !0 && o(), l == !1 && i();
       }
-    ), (s, m) => (o(), i(A, null, [
-      c.forceOpen == null ? (o(), i("span", {
+    ), (l, d) => (s(), r(N, null, [
+      n.forceOpen == null ? (s(), r("span", {
         key: 0,
         class: "w-fit cursor-pointer",
-        onClick: r
+        onClick: o
       }, [
-        B(s.$slots, "trigger", { role: "button" }, () => [
-          m[0] || (m[0] = n("button", { class: "btn" }, "Open", -1))
+        $(l.$slots, "trigger", { role: "button" }, () => [
+          d[0] || (d[0] = u("button", { class: "btn" }, "Open", -1))
         ])
-      ])) : z("", !0),
-      n("dialog", {
+      ])) : S("", !0),
+      u("dialog", {
         ref_key: "dialog",
         ref: t,
-        class: $(["modal", l[c.position]])
+        class: w(["modal", a[n.position]])
       }, [
-        n("div", st, [
-          B(s.$slots, "default"),
-          n("div", it, [
-            B(s.$slots, "actions"),
-            n("form", {
+        u("div", ct, [
+          $(l.$slots, "default"),
+          u("div", dt, [
+            $(l.$slots, "actions"),
+            u("form", {
               method: "dialog",
-              onSubmit: a,
-              class: $(e.withBackdrop ? "modal-backdrop" : "")
+              onSubmit: i,
+              class: w(e.withBackdrop ? "modal-backdrop" : "")
             }, [
-              B(s.$slots, "close-button", {}, () => [
-                m[1] || (m[1] = n("button", { class: "btn" }, "Close", -1))
+              $(l.$slots, "close-button", {}, () => [
+                d[1] || (d[1] = u("button", { class: "btn" }, "Close", -1))
               ])
             ], 34)
           ])
@@ -179,22 +179,22 @@ const lt = ["disabled"], at = {
       ], 2)
     ], 64));
   }
-}), rt = { class: "flex justify-center items-center swap-on" }, ut = { class: "flex justify-center items-center swap-off" }, ja = /* @__PURE__ */ j({
+}), ft = { class: "flex justify-center items-center swap-on" }, vt = { class: "flex justify-center items-center swap-off" }, xn = /* @__PURE__ */ z({
   __name: "swap",
   props: {
     effect: {}
   },
   setup(e) {
-    const c = e;
-    return (l, t) => (o(), i("label", {
-      class: $(["swap", c.effect ? `swap-${e.effect}` : ""])
+    const n = e;
+    return (a, t) => (s(), r("label", {
+      class: w(["swap", n.effect ? `swap-${e.effect}` : ""])
     }, [
-      t[0] || (t[0] = n("input", { type: "checkbox" }, null, -1)),
-      n("div", rt, [
-        B(l.$slots, "on")
+      t[0] || (t[0] = u("input", { type: "checkbox" }, null, -1)),
+      u("div", ft, [
+        $(a.$slots, "on")
       ]),
-      n("div", ut, [
-        B(l.$slots, "off")
+      u("div", vt, [
+        $(a.$slots, "off")
       ])
     ], 2));
   }
@@ -205,14 +205,14 @@ const lt = ["disabled"], at = {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const ct = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
+const mt = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
 /**
  * @license lucide-vue-next v0.468.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-var $e = {
+var Me = {
   xmlns: "http://www.w3.org/2000/svg",
   width: 24,
   height: 24,
@@ -229,18 +229,18 @@ var $e = {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const dt = ({ size: e, strokeWidth: c = 2, absoluteStrokeWidth: l, color: t, iconNode: r, name: a, class: s, ...m }, { slots: u }) => Oe(
+const pt = ({ size: e, strokeWidth: n = 2, absoluteStrokeWidth: a, color: t, iconNode: o, name: i, class: l, ...d }, { slots: c }) => Le(
   "svg",
   {
-    ...$e,
-    width: e || $e.width,
-    height: e || $e.height,
-    stroke: t || $e.stroke,
-    "stroke-width": l ? Number(c) * 24 / Number(e) : c,
-    class: ["lucide", `lucide-${ct(a ?? "icon")}`],
-    ...m
+    ...Me,
+    width: e || Me.width,
+    height: e || Me.height,
+    stroke: t || Me.stroke,
+    "stroke-width": a ? Number(n) * 24 / Number(e) : n,
+    class: ["lucide", `lucide-${mt(i ?? "icon")}`],
+    ...d
   },
-  [...r.map((g) => Oe(...g)), ...u.default ? [u.default()] : []]
+  [...o.map((h) => Le(...h)), ...c.default ? [c.default()] : []]
 );
 /**
  * @license lucide-vue-next v0.468.0 - ISC
@@ -248,11 +248,11 @@ const dt = ({ size: e, strokeWidth: c = 2, absoluteStrokeWidth: l, color: t, ico
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const ye = (e, c) => (l, { slots: t }) => Oe(
-  dt,
+const Ce = (e, n) => (a, { slots: t }) => Le(
+  pt,
   {
-    ...l,
-    iconNode: c,
+    ...a,
+    iconNode: n,
     name: e
   },
   t
@@ -263,7 +263,7 @@ const ye = (e, c) => (l, { slots: t }) => Oe(
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const vt = ye("ChevronDownIcon", [
+const ht = Ce("ChevronDownIcon", [
   ["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]
 ]);
 /**
@@ -272,7 +272,7 @@ const vt = ye("ChevronDownIcon", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const ft = ye("CircleXIcon", [
+const gt = Ce("CircleXIcon", [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "m15 9-6 6", key: "1uzhvr" }],
   ["path", { d: "m9 9 6 6", key: "z0biqf" }]
@@ -283,7 +283,7 @@ const ft = ye("CircleXIcon", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const mt = ye("MoonIcon", [
+const bt = Ce("MoonIcon", [
   ["path", { d: "M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z", key: "a7tn18" }]
 ]);
 /**
@@ -292,7 +292,7 @@ const mt = ye("MoonIcon", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Re = ye("SearchIcon", [
+const We = Ce("SearchIcon", [
   ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }],
   ["path", { d: "m21 21-4.3-4.3", key: "1qie3q" }]
 ]);
@@ -302,7 +302,7 @@ const Re = ye("SearchIcon", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const pt = ye("SunIcon", [
+const yt = Ce("SunIcon", [
   ["circle", { cx: "12", cy: "12", r: "4", key: "4exip2" }],
   ["path", { d: "M12 2v2", key: "tus03m" }],
   ["path", { d: "M12 20v2", key: "1lh1kg" }],
@@ -312,53 +312,53 @@ const pt = ye("SunIcon", [
   ["path", { d: "M20 12h2", key: "1q8mjw" }],
   ["path", { d: "m6.34 17.66-1.41 1.41", key: "1m8zz5" }],
   ["path", { d: "m19.07 4.93-1.41 1.41", key: "1shlcs" }]
-]), ht = (e, c) => {
-  const l = h(null);
-  return de(() => {
+]), wt = (e, n) => {
+  const a = b(null);
+  return pe(() => {
     if (typeof window < "u") {
       const t = window.localStorage.getItem(e);
-      l.value = t ? JSON.parse(t) : c;
+      a.value = t ? JSON.parse(t) : n;
     }
-  }), q(l, (t) => {
+  }), R(a, (t) => {
     typeof window < "u" && window.localStorage.setItem(e, JSON.stringify(t));
-  }), l;
-}, gt = { class: "swap-rotate swap" }, bt = ["true-value", "false-value"], Pa = /* @__PURE__ */ j({
+  }), a;
+}, $t = { class: "swap-rotate swap" }, xt = ["true-value", "false-value"], kn = /* @__PURE__ */ z({
   __name: "theme-controller",
   props: {
     lightTheme: { default: "light" },
     darkTheme: { default: "dark" }
   },
   setup(e) {
-    const c = e, l = ht("theme", c.lightTheme);
-    function t(r) {
-      typeof window < "u" && window.document && document.documentElement.setAttribute("data-theme", r);
+    const n = e, a = wt("theme", n.lightTheme);
+    function t(o) {
+      typeof window < "u" && window.document && document.documentElement.setAttribute("data-theme", o);
     }
-    return de(() => t(l.value ? l.value : "")), q(l, (r) => {
-      t(r);
-    }), (r, a) => (o(), i("label", gt, [
-      Se(n("input", {
+    return pe(() => t(a.value ? a.value : "")), R(a, (o) => {
+      t(o);
+    }), (o, i) => (s(), r("label", $t, [
+      ke(u("input", {
         type: "checkbox",
         class: "theme-controller",
-        "onUpdate:modelValue": a[0] || (a[0] = (s) => We(l) ? l.value = s : null),
-        "true-value": c.lightTheme,
-        "false-value": c.darkTheme
-      }, null, 8, bt), [
-        [Ke, ee(l)]
+        "onUpdate:modelValue": i[0] || (i[0] = (l) => Je(a) ? a.value = l : null),
+        "true-value": n.lightTheme,
+        "false-value": n.darkTheme
+      }, null, 8, xt), [
+        [He, te(a)]
       ]),
-      oe(ee(pt), { class: "swap-off fill-current" }),
-      oe(ee(mt), { class: "swap-on fill-current" })
+      re(te(yt), { class: "swap-off fill-current" }),
+      re(te(bt), { class: "swap-on fill-current" })
     ]));
   }
-}), yt = {
+}), kt = {
   key: 0,
   class: "join join-vertical w-full"
-}, wt = ["name"], xt = {
+}, Ct = ["name"], zt = {
   key: 1,
   type: "checkbox"
-}, kt = { class: "collapse-title font-bold text-2xl lg:text-4xl" }, $t = { class: "collapse-content" }, Ct = ["innerHTML"], St = ["name"], It = {
+}, St = { class: "collapse-title font-bold text-2xl lg:text-4xl" }, _t = { class: "collapse-content" }, Bt = ["innerHTML"], It = ["name"], Mt = {
   key: 1,
   type: "checkbox"
-}, Mt = { class: "collapse-title font-bold text-2xl lg:text-4xl" }, zt = { class: "collapse-content" }, Tt = ["innerHTML"], Ra = /* @__PURE__ */ j({
+}, Tt = { class: "collapse-title font-bold text-2xl lg:text-4xl" }, Vt = { class: "collapse-content" }, jt = ["innerHTML"], Cn = /* @__PURE__ */ z({
   __name: "accordion",
   props: {
     name: {},
@@ -368,44 +368,44 @@ const pt = ye("SunIcon", [
     toggle: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const c = e;
-    return (l, t) => c.joinItems ? (o(), i("div", yt, [
-      (o(!0), i(A, null, X(c.items, (r, a) => (o(), i("div", {
-        class: $(["collapse border border-base-300 join-item", [e.icon ? `collapse-${e.icon}` : ""]]),
-        key: a
+    const n = e;
+    return (a, t) => n.joinItems ? (s(), r("div", kt, [
+      (s(!0), r(N, null, U(n.items, (o, i) => (s(), r("div", {
+        class: w(["collapse border border-base-300 join-item", [e.icon ? `collapse-${e.icon}` : ""]]),
+        key: i
       }, [
-        e.toggle ? (o(), i("input", xt)) : (o(), i("input", {
+        e.toggle ? (s(), r("input", zt)) : (s(), r("input", {
           key: 0,
           type: "radio",
           name: e.name,
           value: "true"
-        }, null, 8, wt)),
-        n("div", kt, T(r.title), 1),
-        n("div", $t, [
-          n("span", {
-            innerHTML: r.content
-          }, null, 8, Ct)
+        }, null, 8, Ct)),
+        u("div", St, T(o.title), 1),
+        u("div", _t, [
+          u("span", {
+            innerHTML: o.content
+          }, null, 8, Bt)
         ])
       ], 2))), 128))
-    ])) : (o(!0), i(A, { key: 1 }, X(c.items, (r, a) => (o(), i("div", {
-      class: $(["collapse border border-base-300", [e.icon ? `collapse-${e.icon}` : ""]]),
-      key: a
+    ])) : (s(!0), r(N, { key: 1 }, U(n.items, (o, i) => (s(), r("div", {
+      class: w(["collapse border border-base-300", [e.icon ? `collapse-${e.icon}` : ""]]),
+      key: i
     }, [
-      e.toggle ? (o(), i("input", It)) : (o(), i("input", {
+      e.toggle ? (s(), r("input", Mt)) : (s(), r("input", {
         key: 0,
         type: "radio",
         name: e.name,
         value: "true"
-      }, null, 8, St)),
-      n("div", Mt, T(r.title), 1),
-      n("div", zt, [
-        n("span", {
-          innerHTML: r.content
-        }, null, 8, Tt)
+      }, null, 8, It)),
+      u("div", Tt, T(o.title), 1),
+      u("div", Vt, [
+        u("span", {
+          innerHTML: o.content
+        }, null, 8, jt)
       ])
     ], 2))), 128));
   }
-}), Bt = ["src"], Dt = { class: "text-xl" }, Aa = /* @__PURE__ */ j({
+}), Dt = ["src"], Ot = { class: "text-xl" }, zn = /* @__PURE__ */ z({
   __name: "avatar",
   props: {
     image: {},
@@ -414,32 +414,32 @@ const pt = ye("SunIcon", [
     fullyRounded: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const c = e, l = h(c.onlineStatus);
-    return q(
-      () => c.onlineStatus,
+    const n = e, a = b(n.onlineStatus);
+    return R(
+      () => n.onlineStatus,
       (t) => {
-        t && (l.value = t);
+        t && (a.value = t);
       }
-    ), (t, r) => (o(), i("div", {
-      class: $(["avatar", [{ "avatar-online": l.value === "online" }, { "avatar-offline": l.value === "offline" }]])
+    ), (t, o) => (s(), r("div", {
+      class: w(["avatar", [{ "avatar-online": a.value === "online" }, { "avatar-offline": a.value === "offline" }]])
     }, [
-      e.image ? (o(), i("div", {
+      e.image ? (s(), r("div", {
         key: 0,
-        class: $(["rounded", [{ "rounded-full": e.fullyRounded }, { rounded: !e.fullyRounded }]])
+        class: w(["rounded", [{ "rounded-full": e.fullyRounded }, { rounded: !e.fullyRounded }]])
       }, [
-        n("img", {
+        u("img", {
           src: e.image,
           class: "w-full h-full"
-        }, null, 8, Bt)
-      ], 2)) : (o(), i("div", {
+        }, null, 8, Dt)
+      ], 2)) : (s(), r("div", {
         key: 1,
-        class: $(["flex justify-center bg-neutral p-[25%] rounded w-16 text-neutral-content text-center", [{ "rounded-full": e.fullyRounded }, { rounded: !e.fullyRounded }]])
+        class: w(["flex justify-center bg-neutral p-[25%] rounded w-16 text-neutral-content text-center", [{ "rounded-full": e.fullyRounded }, { rounded: !e.fullyRounded }]])
       }, [
-        n("p", Dt, T(e.initials), 1)
+        u("p", Ot, T(e.initials), 1)
       ], 2))
     ], 2));
   }
-}), Na = /* @__PURE__ */ j({
+}), Sn = /* @__PURE__ */ z({
   __name: "badge",
   props: {
     color: { default: "neutral" },
@@ -447,7 +447,7 @@ const pt = ye("SunIcon", [
     size: { default: "medium" }
   },
   setup(e) {
-    const c = e, l = {
+    const n = e, a = {
       "extra small": "badge-xs",
       small: "badge-sm",
       medium: "badge-md",
@@ -463,25 +463,25 @@ const pt = ye("SunIcon", [
       warning: "badge-warning",
       error: "badge-error"
     };
-    return (r, a) => (o(), i("span", {
-      class: $(["badge", l[c.size], t[c.color], { "badge-outline": c.outline }])
+    return (o, i) => (s(), r("span", {
+      class: w(["badge", a[n.size], t[n.color], { "badge-outline": n.outline }])
     }, [
-      B(r.$slots, "default")
+      $(o.$slots, "default")
     ], 2));
   }
-}), Ot = ["src", "alt"], Vt = {
+}), Pt = ["src", "alt"], At = {
   key: 0,
   class: "card-body"
-}, _t = {
+}, Lt = {
   key: 0,
   class: "group-hover:text-primary text-lg text-left cursor-pointer card-title"
 }, Et = {
   key: 1,
   class: "text-left"
-}, Lt = { class: "flex-col flex-nowrap mt-auto card-actions empty:hidden" }, jt = {
+}, Rt = { class: "flex-col flex-nowrap mt-auto card-actions empty:hidden" }, Nt = {
   key: 1,
   class: "card-body"
-}, qa = /* @__PURE__ */ j({
+}, _n = /* @__PURE__ */ z({
   __name: "card",
   props: {
     imgUrl: { default: "" },
@@ -498,68 +498,68 @@ const pt = ye("SunIcon", [
     horizontal: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const c = e, l = h(c.outlined);
-    return q(
-      () => c.outlined,
+    const n = e, a = b(n.outlined);
+    return R(
+      () => n.outlined,
       (t) => {
-        l.value = t;
+        a.value = t;
       }
-    ), (t, r) => (o(), i("div", {
-      class: $(["group bg-base-100 shadow-xl rounded-sm min-w-64 max-w-full h-full card card-compact", [
-        { "border-4 border-primary": l.value },
+    ), (t, o) => (s(), r("div", {
+      class: w(["group bg-base-100 shadow-xl rounded-sm min-w-64 max-w-full h-full card card-compact", [
+        { "border-4 border-primary": a.value },
         e.color ?? "",
         e.background,
         { "card-side": e.horizontal }
       ]])
     }, [
-      n("figure", {
-        class: $([{ "contents!": e.horizontal && e.imgWidth }])
+      u("figure", {
+        class: w([{ "contents!": e.horizontal && e.imgWidth }])
       }, [
-        e.imgUrl || e.imgUrl && !e.loading ? (o(), i("img", {
+        e.imgUrl || e.imgUrl && !e.loading ? (s(), r("img", {
           key: 0,
           src: e.imgUrl,
           alt: e.alt,
-          class: $(["rounded-sm object-cover", [
+          class: w(["rounded-sm object-cover", [
             {
               hidden: e.loading
             },
             !e.horizontal && e.imgHeight ? e.imgHeight : "h-full",
             e.horizontal && e.imgWidth ? e.imgWidth : "w-full"
           ]])
-        }, null, 10, Ot)) : z("", !0),
-        e.loading && e.imgUrl ? (o(), i("div", {
+        }, null, 10, Pt)) : S("", !0),
+        e.loading && e.imgUrl ? (s(), r("div", {
           key: 1,
-          class: $(["w-full skeleton", e.imgHeight])
-        }, null, 2)) : z("", !0)
+          class: w(["w-full skeleton", e.imgHeight])
+        }, null, 2)) : S("", !0)
       ], 2),
-      e.loading ? z("", !0) : (o(), i("div", Vt, [
-        e.title ? (o(), i("h2", _t, T(e.title), 1)) : z("", !0),
-        B(t.$slots, "details", { class: "empty:hidden" }),
-        e.description ? (o(), i("p", Et, T(e.description), 1)) : z("", !0),
-        n("div", Lt, [
-          B(t.$slots, "actions")
+      e.loading ? S("", !0) : (s(), r("div", At, [
+        e.title ? (s(), r("h2", Lt, T(e.title), 1)) : S("", !0),
+        $(t.$slots, "details", { class: "empty:hidden" }),
+        e.description ? (s(), r("p", Et, T(e.description), 1)) : S("", !0),
+        u("div", Rt, [
+          $(t.$slots, "actions")
         ])
       ])),
-      e.loading ? (o(), i("div", jt, [...r[0] || (r[0] = [
-        n("div", { class: "flex flex-col gap-4 w-52" }, [
-          n("div", { class: "w-28 h-4 skeleton" }),
-          n("div", { class: "w-full h-4 skeleton" }),
-          n("div", { class: "w-full h-4 skeleton" })
+      e.loading ? (s(), r("div", Nt, [...o[0] || (o[0] = [
+        u("div", { class: "flex flex-col gap-4 w-52" }, [
+          u("div", { class: "w-28 h-4 skeleton" }),
+          u("div", { class: "w-full h-4 skeleton" }),
+          u("div", { class: "w-full h-4 skeleton" })
         ], -1)
-      ])])) : z("", !0)
+      ])])) : S("", !0)
     ], 2));
   }
-}), Ne = Symbol("CarouselItemStyle"), Pt = { class: "relative h-full" }, Rt = {
+}), Ke = Symbol("CarouselItemStyle"), Ft = {
   key: 0,
   class: "flex-shrink-0"
-}, At = {
+}, qt = {
   key: 0,
   class: "flex-shrink-0"
-}, Nt = {
+}, Wt = {
   key: 1,
   id: "carousel-indicators",
   class: "bottom-5 z-10 absolute flex justify-center gap-2 py-2 w-full"
-}, qt = ["onClick", "aria-label"], Ft = /* @__PURE__ */ j({
+}, Ht = ["onClick", "aria-label"], Ut = /* @__PURE__ */ z({
   __name: "carousel",
   props: {
     showIndicators: {
@@ -574,7 +574,7 @@ const pt = ye("SunIcon", [
       type: String,
       default: "horizontal",
       required: !1,
-      validator: (e) => e == "horizontal" || e == "vertical"
+      validator: (e) => e === "horizontal" || e === "vertical"
     },
     initialSlide: {
       type: Number,
@@ -592,7 +592,8 @@ const pt = ye("SunIcon", [
     },
     slideDuration: {
       type: Number,
-      default: 300,
+      default: 250,
+      // Snappier transition like YouTube Shorts
       validator: (e) => e >= 0
     },
     breakpoints: {
@@ -612,265 +613,490 @@ const pt = ye("SunIcon", [
       default: 3e3,
       // Default to 3 seconds
       validator: (e) => e > 0
+    },
+    containerBreakout: {
+      type: Boolean,
+      default: !1
+    },
+    peekAmount: {
+      type: Number,
+      default: 0,
+      validator: (e) => e >= 0
     }
   },
-  setup(e, { expose: c }) {
-    const l = e, t = h(l.initialSlide), r = h(null), a = h(null), s = h(0), m = h(!1), u = h(0), g = h(0), S = h(!1), R = h(0), V = h(0), v = h(0), O = h(0), M = h(0), H = h(0), N = h(0), W = h(null), Z = h(null), te = h(0), f = h(null), y = U(() => {
-      const C = Object.keys(l.breakpoints).map(Number).sort((E, F) => E - F);
-      let k = {};
-      for (const E of C)
-        g.value >= E && (k = { ...k, ...l.breakpoints[E] });
-      return k;
-    }), b = U(() => y.value.slidesPerView ?? l.slidesPerView), I = U(() => y.value.gap ?? l.gap), d = U(() => {
-      const C = l.sliderOrientation === "horizontal", E = `calc((100% - ${b.value > 1 ? (b.value - 1) * I.value : 0}px) / ${b.value})`;
-      return C ? {
-        width: E
-      } : { height: E };
+  setup(e, { expose: n }) {
+    const a = e, t = b(a.initialSlide), o = b(null), i = b(null), l = b(0), d = b(!1), c = b(0), h = b(0), M = b(!1), A = b(0), O = b(0), v = b(0), D = b(0), V = b(0), W = b(0), F = b(0), K = b(null), J = b(null), ae = b(0), m = b(null), x = _(() => {
+      const g = Object.keys(a.breakpoints).map(Number).sort((P, E) => P - E);
+      let C = {};
+      for (const P of g)
+        h.value >= P && (C = { ...C, ...a.breakpoints[P] });
+      return C;
+    }), k = _(() => x.value.slidesPerView ?? a.slidesPerView), j = _(() => x.value.gap ?? a.gap), f = _(() => x.value.containerBreakout ?? a.containerBreakout), B = _(() => {
+      if (!f.value) return 0;
+      const g = x.value.peekAmount;
+      if (g !== void 0) {
+        if (g > 0) return g;
+      } else if (a.peekAmount > 0)
+        return a.peekAmount;
+      if (o.value) {
+        const C = o.value.parentElement;
+        if (C) {
+          const E = window.getComputedStyle(C).maxWidth;
+          if (E && E !== "none") {
+            const X = parseFloat(E), q = window.innerWidth;
+            if (q > X) {
+              const ne = (q - X) / 2;
+              return Math.min(ne, 80);
+            }
+          }
+        }
+      }
+      return 0;
+    }), I = _(() => {
+      const g = {};
+      return f.value && B.value > 0 && (a.sliderOrientation === "horizontal" ? (g.marginLeft = `-${B.value}px`, g.marginRight = `-${B.value}px`, g.width = `calc(100% + ${B.value * 2}px)`) : (g.marginTop = `-${B.value}px`, g.marginBottom = `-${B.value}px`, g.height = `calc(100% + ${B.value * 2}px)`)), g;
+    }), H = _(() => {
+      const g = {
+        gap: `${j.value}px`
+      };
+      return f.value && B.value > 0 && (a.sliderOrientation === "horizontal" ? (g.paddingLeft = `${B.value}px`, g.paddingRight = `${B.value}px`) : (g.paddingTop = `${B.value}px`, g.paddingBottom = `${B.value}px`)), g;
+    }), ee = _(() => {
+      const g = a.sliderOrientation === "horizontal", P = `calc((100% - ${k.value > 1 ? (k.value - 1) * j.value : 0}px) / ${k.value})`;
+      return g ? {
+        width: P
+      } : { height: P };
     });
-    Xe(Ne, d);
-    const D = () => {
-      a.value ? u.value = a.value.children.length : u.value = 0;
-    }, w = () => {
-      if (!r.value || b.value <= 0) return 0;
-      const k = l.sliderOrientation === "horizontal" ? r.value.offsetWidth : r.value.offsetHeight, E = (b.value - 1) * I.value;
-      return k <= 0 ? 0 : (k - E) / b.value;
-    }, _ = U(() => {
-      if (!r.value || u.value === 0 || b.value === 0) return 0;
-      const k = l.sliderOrientation === "horizontal" ? r.value.offsetWidth : r.value.offsetHeight, E = w(), F = u.value * (E + I.value) - I.value;
-      return Math.max(0, F - k);
-    }), P = async (C, k = !1) => {
-      if (!r.value || b.value <= 0 || m.value || (D(), u.value === 0)) return;
-      const E = w();
-      if (E <= 0) return;
-      const F = E + I.value, J = _.value;
-      let K = C;
-      l.infinite ? K = (C % u.value + u.value) % u.value : K = Math.max(0, Math.min(C, u.value - b.value));
-      const ae = K * F, G = l.infinite ? ae : Math.max(0, Math.min(ae, J));
-      if (k || l.slideDuration === 0) {
-        a.value && (a.value.style.transitionDuration = "0ms", a.value.style.transform = l.sliderOrientation === "horizontal" ? `translate3d(${-G}px, 0, 0)` : `translate3d(0, ${-G}px, 0)`), s.value = G, t.value = K, m.value = !1, l.autoplay && he();
+    Ze(Ke, ee);
+    const G = () => {
+      i.value ? c.value = i.value.children.length : c.value = 0;
+    }, le = () => {
+      if (!o.value || k.value <= 0) return 0;
+      let C = a.sliderOrientation === "horizontal" ? o.value.offsetWidth : o.value.offsetHeight;
+      f.value && B.value > 0 && (C = C - B.value * 2);
+      const P = (k.value - 1) * j.value;
+      return C <= 0 ? 0 : (C - P) / k.value;
+    }, p = _(() => {
+      if (!o.value || c.value === 0 || k.value === 0) return 0;
+      let C = a.sliderOrientation === "horizontal" ? o.value.offsetWidth : o.value.offsetHeight;
+      f.value && B.value > 0 && (C = C - B.value * 2);
+      const P = le(), E = c.value * (P + j.value) - j.value;
+      return Math.max(0, E - C);
+    }), y = async (g, C = !1) => {
+      if (!o.value || k.value <= 0 || d.value || (G(), c.value === 0)) return;
+      const P = le();
+      if (P <= 0) return;
+      const E = P + j.value, X = p.value;
+      let q = g;
+      a.infinite ? q = (g % c.value + c.value) % c.value : q = Math.max(0, Math.min(g, c.value - k.value));
+      const ne = q * E, Y = a.infinite ? ne : Math.max(0, Math.min(ne, X));
+      if (C || a.slideDuration === 0) {
+        i.value && (i.value.style.transitionDuration = "0ms", i.value.style.transform = a.sliderOrientation === "horizontal" ? `translate3d(${-Y}px, 0, 0)` : `translate3d(0, ${-Y}px, 0)`), l.value = Y, t.value = q, d.value = !1, a.autoplay && xe();
         return;
       }
-      m.value = !0;
-      const se = s.value, le = G - se, ge = performance.now(), fe = (ke) => {
-        if (!a.value) return;
-        const He = ke - ge, je = Math.min(1, He / l.slideDuration), Ue = 1 - Math.pow(1 - je, 3), Me = se + le * Ue;
-        a.value.style.transform = l.sliderOrientation === "horizontal" ? `translate3d(${-Me}px, 0, 0)` : `translate3d(0, ${-Me}px, 0)`, s.value = Me, je < 1 ? W.value = requestAnimationFrame(fe) : (a.value.style.transform = l.sliderOrientation === "horizontal" ? `translate3d(${-G}px, 0, 0)` : `translate3d(0, ${-G}px, 0)`, s.value = G, t.value = K, m.value = !1, l.autoplay && he(), W.value = null);
+      d.value = !0;
+      const se = l.value, Q = Y - se, ce = performance.now(), de = (ue) => {
+        if (!i.value) return;
+        const me = ue - ce, Fe = Math.min(1, me / a.slideDuration), Ye = 1 - Math.pow(1 - Fe, 3), Oe = se + Q * Ye;
+        i.value.style.transform = a.sliderOrientation === "horizontal" ? `translate3d(${-Oe}px, 0, 0)` : `translate3d(0, ${-Oe}px, 0)`, l.value = Oe, Fe < 1 ? K.value = requestAnimationFrame(de) : (i.value.style.transform = a.sliderOrientation === "horizontal" ? `translate3d(${-Y}px, 0, 0)` : `translate3d(0, ${-Y}px, 0)`, l.value = Y, t.value = q, d.value = !1, a.autoplay && xe(), K.value = null);
       };
-      W.value = requestAnimationFrame(fe);
-    }, Q = () => {
-      l.infinite && t.value >= u.value - b.value ? P(0) : P(t.value + 1);
-    }, ue = () => {
-      l.infinite && t.value <= 0 ? P(u.value - b.value) : P(t.value - 1);
-    }, p = (C) => {
-      P(C);
-    }, x = (C) => {
-      m.value && W.value && (l.autoplay && we(), cancelAnimationFrame(W.value), m.value = !1);
-      const k = "touches" in C ? C.touches[0] : C;
-      R.value = k.clientX, V.value = k.clientY, f.value = null, v.value = s.value, O.value = 0, M.value = 0, H.value = 0, N.value = performance.now(), r.value && (r.value.style.scrollSnapType = "none"), document.addEventListener("mousemove", L, { passive: !1 }), document.addEventListener("mouseup", ie), document.addEventListener("touchmove", L, { passive: !1 }), document.addEventListener("touchend", ie);
-    }, L = (C) => {
-      const k = "touches" in C ? C.touches[0] : C;
-      if (!f.value) {
-        const ge = Math.abs(k.clientX - R.value), fe = Math.abs(k.clientY - V.value), ke = 5;
-        if (ge > ke || fe > ke)
-          if (l.sliderOrientation === "horizontal")
-            if (ge > fe)
-              f.value = "horizontal", S.value = !0;
+      K.value = requestAnimationFrame(de);
+    }, L = () => {
+      a.infinite && t.value >= c.value - k.value ? y(0) : y(t.value + 1);
+    }, Z = () => {
+      a.infinite && t.value <= 0 ? y(c.value - k.value) : y(Math.max(0, t.value - 1));
+    }, we = (g) => {
+      y(g);
+    }, $e = (g) => {
+      d.value && K.value && (a.autoplay && Be(), cancelAnimationFrame(K.value), d.value = !1);
+      const C = "touches" in g ? g.touches[0] : g;
+      A.value = C.clientX, O.value = C.clientY, m.value = null, v.value = l.value, D.value = 0, V.value = 0, W.value = 0, F.value = performance.now(), o.value && (o.value.style.scrollSnapType = "none"), document.addEventListener("mousemove", ze, { passive: !1 }), document.addEventListener("mouseup", _e), document.addEventListener("touchmove", ze, { passive: !1 }), document.addEventListener("touchend", _e);
+    }, ze = (g) => {
+      const C = "touches" in g ? g.touches[0] : g;
+      if (!m.value) {
+        const ce = Math.abs(C.clientX - A.value), de = Math.abs(C.clientY - O.value), ue = 3;
+        if (ce > ue || de > ue)
+          if (a.sliderOrientation === "horizontal")
+            if (ce > de)
+              m.value = "horizontal", M.value = !0;
             else {
-              Y();
+              Se();
               return;
             }
-          else if (fe > ge)
-            f.value = "vertical", S.value = !0;
+          else if (de > ce)
+            m.value = "vertical", M.value = !0;
           else {
-            Y();
+            Se();
             return;
           }
         else
           return;
       }
-      if (!S.value || !a.value || !r.value) return;
-      C.cancelable && C.preventDefault();
-      const E = performance.now(), F = E - N.value, J = l.sliderOrientation === "horizontal" ? k.clientX : k.clientY, K = l.sliderOrientation === "horizontal" ? R.value : V.value, ae = l.sliderOrientation === "horizontal" ? M.value || K : H.value || K, G = J - ae;
-      F > 0 && (O.value = G / F * 1e3);
-      const se = J - K;
-      let le = v.value - se;
-      le < 0 ? le = le * 0.3 : le > _.value && (le = _.value + (le - _.value) * 0.3), te.value = le, a.value.style.transform = l.sliderOrientation === "horizontal" ? `translate3d(${-te.value}px, 0, 0)` : `translate3d(0, ${-te.value}px, 0)`, l.sliderOrientation === "horizontal" ? M.value = J : H.value = J, N.value = E;
-    }, Y = () => {
-      document.removeEventListener("mousemove", L), document.removeEventListener("mouseup", ie), document.removeEventListener("touchmove", L), document.removeEventListener("touchend", ie);
-    }, ie = () => {
-      if (!S.value || !r.value || !a.value) return;
-      const k = l.sliderOrientation === "horizontal" ? v.value - (M.value - R.value) : v.value - (H.value - V.value), E = Math.max(0, Math.min(k, _.value)), F = w() + I.value;
-      if (S.value = !1, Y(), s.value = E, l.infinite) {
-        if (k < 0) {
-          P(u.value - 1);
+      if (!M.value || !i.value || !o.value) return;
+      g.cancelable && g.preventDefault();
+      const P = performance.now(), E = P - F.value, X = a.sliderOrientation === "horizontal" ? C.clientX : C.clientY, q = a.sliderOrientation === "horizontal" ? A.value : O.value, ne = a.sliderOrientation === "horizontal" ? V.value || q : W.value || q, Y = X - ne;
+      if (E > 0) {
+        const ce = Y / E * 1e3;
+        D.value = D.value * 0.7 + ce * 0.3;
+      }
+      const se = X - q;
+      let Q = v.value - se;
+      Q < 0 ? Q = Q * 0.4 : Q > p.value && (Q = p.value + (Q - p.value) * 0.4), ae.value = Q, i.value.style.transform = a.sliderOrientation === "horizontal" ? `translate3d(${-ae.value}px, 0, 0)` : `translate3d(0, ${-ae.value}px, 0)`, a.sliderOrientation === "horizontal" ? V.value = X : W.value = X, F.value = P;
+    }, Se = () => {
+      document.removeEventListener("mousemove", ze), document.removeEventListener("mouseup", _e), document.removeEventListener("touchmove", ze), document.removeEventListener("touchend", _e);
+    }, _e = () => {
+      if (!M.value || !o.value || !i.value) {
+        Se();
+        return;
+      }
+      const g = a.sliderOrientation === "horizontal", C = g ? v.value - (V.value - A.value) : v.value - (W.value - O.value), P = Math.max(0, Math.min(C, p.value)), E = le() + j.value;
+      if (M.value = !1, Se(), l.value = P, a.infinite) {
+        if (C < 0) {
+          y(c.value - 1);
           return;
-        } else if (k > _.value) {
-          P(0);
+        } else if (C > p.value) {
+          y(0);
           return;
         }
-      } else if (k < 0) {
-        P(0);
+      } else if (C < 0) {
+        y(0);
         return;
-      } else if (k > _.value) {
-        const G = Math.max(0, u.value - Math.floor(b.value));
-        P(G);
+      } else if (C > p.value) {
+        const me = Math.max(0, c.value - Math.floor(k.value));
+        y(me);
         return;
       }
-      const J = Math.max(0, u.value - Math.floor(b.value)), K = 100, ae = Math.round(E / F);
-      if (Math.abs(O.value) > K) {
-        const G = -Math.sign(O.value), se = ae + G;
-        P(Math.max(0, Math.min(J, se)));
+      const X = Math.max(0, c.value - Math.floor(k.value)), q = 300, ne = 0.2, Y = Math.round(P / E), se = g ? V.value - A.value : W.value - O.value, Q = Math.abs(se), de = le() * ne;
+      let ue = Y;
+      if (Math.abs(D.value) > q) {
+        const me = -Math.sign(D.value);
+        ue = t.value + me;
+      } else if (Q > de) {
+        const me = se > 0 ? -1 : 1;
+        ue = t.value + me;
       } else
-        P(Math.max(0, Math.min(J, ae)));
-    }, ve = () => {
-      !l.autoplay || Z.value !== null || (Z.value = setInterval(() => {
-        Q();
-      }, l.autoplayInterval));
-    }, we = () => {
-      Z.value !== null && (clearInterval(Z.value), Z.value = null);
-    }, he = () => {
-      we(), setTimeout(() => {
-        ve();
+        ue = Y;
+      y(Math.max(0, Math.min(X, ue)));
+    }, De = () => {
+      !a.autoplay || J.value !== null || (J.value = setInterval(() => {
+        L();
+      }, a.autoplayInterval));
+    }, Be = () => {
+      J.value !== null && (clearInterval(J.value), J.value = null);
+    }, xe = () => {
+      Be(), setTimeout(() => {
+        De();
       }, 500);
-    }, xe = h(null), qe = (C) => {
-      if (!C || C.length === 0)
+    }, Ie = b(null), Xe = (g) => {
+      if (!g || g.length === 0)
         return;
-      const { width: k } = C[0].contentRect;
-      Math.abs(k - g.value) > 1 && (g.value = k);
-    }, Fe = () => {
-      if (!r.value || b.value <= 0 || (D(), u.value === 0)) return;
-      const C = w();
-      if (C <= 0) return;
-      const k = Math.max(0, u.value - b.value), E = Math.min(Math.max(0, l.initialSlide), k), F = E * (C + I.value), J = _.value, K = Math.max(0, Math.min(F, J));
-      a.value && (a.value.style.transitionDuration = "0ms", a.value.style.transform = l.sliderOrientation === "horizontal" ? `translate3d(${-K}px, 0, 0)` : `translate3d(0, ${-K}px, 0)`), s.value = K, t.value = E;
+      const { width: C } = g[0].contentRect;
+      Math.abs(C - h.value) > 1 && (h.value = C);
+    }, Ge = () => {
+      if (!o.value || k.value <= 0 || (G(), c.value === 0)) return;
+      const g = le();
+      if (g <= 0) return;
+      const C = Math.max(0, c.value - k.value), P = Math.min(Math.max(0, a.initialSlide), C), E = P * (g + j.value), X = p.value, q = Math.max(0, Math.min(E, X));
+      i.value && (i.value.style.transitionDuration = "0ms", i.value.style.transform = a.sliderOrientation === "horizontal" ? `translate3d(${-q}px, 0, 0)` : `translate3d(0, ${-q}px, 0)`), l.value = q, t.value = P;
     };
-    let Le = !1;
-    return de(() => {
-      var k, E, F, J, K, ae, G, se;
-      g.value = window.innerWidth;
-      const C = q(u, (le) => {
-        le > 0 && !Le && (Fe(), Le = !0, C());
+    let Ne = !1;
+    return pe(() => {
+      var C, P, E, X, q, ne, Y, se;
+      h.value = window.innerWidth;
+      const g = R(c, (Q) => {
+        Q > 0 && !Ne && (Ge(), Ne = !0, g());
       });
-      l.autoplay && ve(), D(), r.value && (xe.value = new ResizeObserver(qe), xe.value.observe(r.value)), (k = r.value) == null || k.addEventListener("mousedown", x), (E = r.value) == null || E.addEventListener("touchstart", x, { passive: !0 }), l.showNavigationButtons && ((K = (J = (F = r.value) == null ? void 0 : F.parentElement) == null ? void 0 : J.querySelector(".absolute.flex.justify-between")) == null || K.addEventListener("click", he)), l.showIndicators && ((se = (G = (ae = r.value) == null ? void 0 : ae.parentElement) == null ? void 0 : G.querySelector(".bottom-5.flex.justify-center")) == null || se.addEventListener("click", he));
-    }), Ee(() => {
-      xe.value && xe.value.disconnect(), we();
-    }), q(() => l.autoplay, (C) => {
-      C ? ve() : we();
-    }), q(() => l.autoplayInterval, he), q(() => l.initialSlide, (C) => {
-      requestAnimationFrame(() => P(C, !0));
-    }), q([b, I], () => {
+      a.autoplay && De(), G(), o.value && (Ie.value = new ResizeObserver(Xe), Ie.value.observe(o.value)), (C = o.value) == null || C.addEventListener("mousedown", $e), (P = o.value) == null || P.addEventListener("touchstart", $e, { passive: !1 }), a.showNavigationButtons && ((q = (X = (E = o.value) == null ? void 0 : E.parentElement) == null ? void 0 : X.querySelector(".absolute.flex.justify-between")) == null || q.addEventListener("click", xe)), a.showIndicators && ((se = (Y = (ne = o.value) == null ? void 0 : ne.parentElement) == null ? void 0 : Y.querySelector(".bottom-5.flex.justify-center")) == null || se.addEventListener("click", xe));
+    }), Re(() => {
+      Ie.value && Ie.value.disconnect(), Be();
+    }), R(() => a.autoplay, (g) => {
+      g ? De() : Be();
+    }), R(() => a.autoplayInterval, xe), R(() => a.initialSlide, (g) => {
+      requestAnimationFrame(() => y(g, !0));
+    }), R([k, j], () => {
+      requestAnimationFrame(() => {
+        requestAnimationFrame(() => {
+          if (G(), c.value === 0) return;
+          const g = Math.max(0, c.value - k.value), C = Math.min(t.value, g);
+          y(C, !0);
+        });
+      });
+    }), R(h, () => {
       requestAnimationFrame(() => {
         requestAnimationFrame(() => {
-          if (D(), u.value === 0) return;
-          const C = Math.max(0, u.value - b.value), k = Math.min(t.value, C);
-          P(k, !0);
+          if (G(), c.value === 0) return;
+          const g = Math.max(0, c.value - k.value), C = Math.min(t.value, g);
+          y(C, !0);
         });
       });
-    }), c({ scrollToSlide: P }), (C, k) => (o(), i("div", Pt, [
-      n("div", {
+    }), n({ scrollToSlide: y }), (g, C) => (s(), r("div", {
+      class: "relative h-full",
+      style: be(I.value)
+    }, [
+      u("div", {
         ref_key: "carouselContainer",
-        ref: r,
-        class: $(["rounded w-full h-full carousel", [{ "carousel-horizontal": e.sliderOrientation == "horizontal" }, { "carousel-vertical": e.sliderOrientation == "vertical" }, { "cursor-grabbing !select-none": S.value }]]),
+        ref: o,
+        class: w(["rounded w-full h-full carousel", [{ "carousel-horizontal": e.sliderOrientation === "horizontal" }, { "carousel-vertical": e.sliderOrientation === "vertical" }, { "cursor-grabbing !select-none": M.value }]]),
         style: { scrollSnapType: "none" }
       }, [
-        n("div", {
+        u("div", {
           ref_key: "slidesContainer",
-          ref: a,
-          class: $(["w-full h-full transition-transform duration-0 ease-out", e.sliderOrientation === "horizontal" ? "flex" : "block"]),
-          style: Ie({ gap: `${I.value}px` })
+          ref: i,
+          class: w(["w-full h-full transition-transform duration-0 ease-out", e.sliderOrientation === "horizontal" ? "flex" : "block"]),
+          style: be(H.value)
         }, [
-          B(C.$slots, "default", {}, void 0, !0)
+          $(g.$slots, "default", {}, void 0, !0)
         ], 6)
       ], 2),
-      e.showNavigationButtons ? (o(), i("div", {
+      e.showNavigationButtons ? (s(), r("div", {
         key: 0,
-        class: $([{ "top-1/2 right-5 left-5 z-10 absolute flex justify-between items-center -translate-y-1/2 transform": e.sliderOrientation === "horizontal" }, { "right-0 absolute flex justify-between items-center -translate-y-1/2 transform rotate-90 top-1/2 gap-3": e.sliderOrientation === "vertical" }])
+        class: w([{ "top-1/2 right-5 left-5 z-10 absolute flex justify-between items-center -translate-y-1/2 transform": e.sliderOrientation === "horizontal" }, { "right-0 absolute flex justify-between items-center -translate-y-1/2 transform rotate-90 top-1/2 gap-3": e.sliderOrientation === "vertical" }])
       }, [
-        oe(Pe, { name: "fade" }, {
-          default: be(() => [
-            l.infinite || t.value > 0 ? (o(), i("div", Rt, [
-              n("div", {
-                onClick: ue,
+        re(qe, { name: "fade" }, {
+          default: ye(() => [
+            a.infinite || t.value > 0 ? (s(), r("div", Ft, [
+              u("div", {
+                onClick: Z,
                 role: "button",
                 "aria-label": "Previous Slide"
               }, [
-                B(C.$slots, "prevButton", {}, () => [
-                  k[0] || (k[0] = n("button", {
+                $(g.$slots, "prevButton", {}, () => [
+                  C[0] || (C[0] = u("button", {
                     class: "btn btn-circle text-xs",
                     tabindex: "-1"
                   }, "❮", -1))
                 ], !0)
               ])
-            ])) : z("", !0)
+            ])) : S("", !0)
           ]),
           _: 3
         }),
-        k[2] || (k[2] = n("div", { class: "flex-grow" }, null, -1)),
-        oe(Pe, { name: "fade" }, {
-          default: be(() => [
-            l.infinite || t.value < u.value - b.value ? (o(), i("div", At, [
-              n("div", {
-                onClick: Q,
+        C[2] || (C[2] = u("div", { class: "flex-grow" }, null, -1)),
+        re(qe, { name: "fade" }, {
+          default: ye(() => [
+            a.infinite || t.value < c.value - k.value ? (s(), r("div", qt, [
+              u("div", {
+                onClick: L,
                 role: "button",
                 "aria-label": "Next Slide"
               }, [
-                B(C.$slots, "nextButton", {}, () => [
-                  k[1] || (k[1] = n("button", {
+                $(g.$slots, "nextButton", {}, () => [
+                  C[1] || (C[1] = u("button", {
                     class: "btn btn-circle text-xs",
                     tabindex: "-1"
                   }, "❯", -1))
                 ], !0)
               ])
-            ])) : z("", !0)
+            ])) : S("", !0)
           ]),
           _: 3
         })
-      ], 2)) : z("", !0),
-      e.showIndicators ? (o(), i("div", Nt, [
-        (o(!0), i(A, null, X(u.value, (E, F) => (o(), i("button", {
-          key: `dot-${F}`,
-          onClick: (J) => p(F),
-          class: $(["btn btn-circle btn-xs", { "btn-active": F === t.value }]),
-          "aria-label": `Go to slide ${F + 1}`
-        }, null, 10, qt))), 128))
-      ])) : z("", !0)
-    ]));
+      ], 2)) : S("", !0),
+      e.showIndicators ? (s(), r("div", Wt, [
+        (s(!0), r(N, null, U(c.value, (P, E) => (s(), r("button", {
+          key: `dot-${E}`,
+          onClick: (X) => we(E),
+          class: w(["btn btn-circle btn-xs", { "btn-active": E === t.value }]),
+          "aria-label": `Go to slide ${E + 1}`
+        }, null, 10, Ht))), 128))
+      ])) : S("", !0)
+    ], 4));
   }
-}), re = (e, c) => {
-  const l = e.__vccOpts || e;
-  for (const [t, r] of c)
-    l[t] = r;
-  return l;
-}, Fa = /* @__PURE__ */ re(Ft, [["__scopeId", "data-v-d9ad9601"]]), Ht = /* @__PURE__ */ j({
+}), ve = (e, n) => {
+  const a = e.__vccOpts || e;
+  for (const [t, o] of n)
+    a[t] = o;
+  return a;
+}, Bn = /* @__PURE__ */ ve(Ut, [["__scopeId", "data-v-5a0871a3"]]), Kt = /* @__PURE__ */ z({
   __name: "carouselItem",
   setup(e) {
-    const c = Ye(Ne, h({}));
-    return (l, t) => (o(), i("div", {
+    const n = Qe(Ke, b({}));
+    return (a, t) => (s(), r("div", {
       class: "w-full h-full carousel-item",
-      style: Ie(ee(c))
+      style: be(te(n))
     }, [
-      B(l.$slots, "default", {}, void 0, !0)
+      $(a.$slots, "default", {}, void 0, !0)
     ], 4));
   }
-}), Ha = /* @__PURE__ */ re(Ht, [["__scopeId", "data-v-507384bc"]]), Ut = { class: "flex gap-4 bg-base-100 w-full tabs tabs-boxed" }, Wt = ["onClick"], Kt = {
+}), In = /* @__PURE__ */ ve(Kt, [["__scopeId", "data-v-507384bc"]]), Xt = {
+  key: 0,
+  class: "chat-image"
+}, Gt = {
+  key: 1,
+  class: "chat-header"
+}, Yt = {
+  key: 2,
+  class: "chat-footer"
+}, Mn = /* @__PURE__ */ z({
+  __name: "chat",
+  props: {
+    position: {},
+    color: {}
+  },
+  setup(e) {
+    const n = e, a = _(() => `chat chat-${n.position}`), t = _(() => {
+      const o = ["chat-bubble"];
+      return n.color && o.push(`chat-bubble-${n.color}`), o.join(" ");
+    });
+    return (o, i) => (s(), r("div", {
+      class: w(a.value)
+    }, [
+      o.$slots.image ? (s(), r("div", Xt, [
+        $(o.$slots, "image")
+      ])) : S("", !0),
+      o.$slots.header ? (s(), r("div", Gt, [
+        $(o.$slots, "header")
+      ])) : S("", !0),
+      u("div", {
+        class: w(t.value)
+      }, [
+        $(o.$slots, "default")
+      ], 2),
+      o.$slots.footer ? (s(), r("div", Yt, [
+        $(o.$slots, "footer")
+      ])) : S("", !0)
+    ], 2));
+  }
+}), Jt = { class: "countdown" }, Zt = ["aria-label"], Tn = /* @__PURE__ */ z({
+  __name: "countdown",
+  props: {
+    value: {}
+  },
+  setup(e) {
+    return (n, a) => (s(), r("span", Jt, [
+      u("span", {
+        style: be({ "--value": e.value }),
+        "aria-label": String(e.value),
+        "aria-live": "polite"
+      }, T(e.value), 13, Zt)
+    ]));
+  }
+}), Vn = /* @__PURE__ */ z({
+  __name: "kbd",
+  props: {
+    size: {}
+  },
+  setup(e) {
+    const n = e, a = _(() => {
+      const t = ["kbd"];
+      return n.size && t.push(`kbd-${n.size}`), t.join(" ");
+    });
+    return (t, o) => (s(), r("kbd", {
+      class: w(a.value)
+    }, [
+      $(t.$slots, "default")
+    ], 2));
+  }
+}), jn = /* @__PURE__ */ z({
+  __name: "stats",
+  props: {
+    vertical: { type: Boolean, default: !1 },
+    horizontal: { type: Boolean, default: !1 }
+  },
+  setup(e) {
+    const n = e, a = _(() => {
+      const t = ["stats"];
+      return n.vertical ? t.push("stats-vertical") : n.horizontal && t.push("stats-horizontal"), t.join(" ");
+    });
+    return (t, o) => (s(), r("div", {
+      class: w(a.value)
+    }, [
+      $(t.$slots, "default")
+    ], 2));
+  }
+}), Qt = { class: "stat" }, ea = {
+  key: 0,
+  class: "stat-figure"
+}, ta = {
+  key: 1,
+  class: "stat-title"
+}, aa = {
+  key: 2,
+  class: "stat-value"
+}, la = {
+  key: 3,
+  class: "stat-desc"
+}, na = {
+  key: 4,
+  class: "stat-actions"
+}, Dn = /* @__PURE__ */ z({
+  __name: "stat",
+  props: {
+    title: {},
+    value: {},
+    desc: {}
+  },
+  setup(e) {
+    return (n, a) => (s(), r("div", Qt, [
+      n.$slots.figure ? (s(), r("div", ea, [
+        $(n.$slots, "figure")
+      ])) : S("", !0),
+      e.title ? (s(), r("div", ta, T(e.title), 1)) : S("", !0),
+      e.value ? (s(), r("div", aa, T(e.value), 1)) : S("", !0),
+      e.desc ? (s(), r("div", la, T(e.desc), 1)) : S("", !0),
+      n.$slots.actions ? (s(), r("div", na, [
+        $(n.$slots, "actions")
+      ])) : S("", !0)
+    ]));
+  }
+}), sa = { class: "overflow-x-auto" }, On = /* @__PURE__ */ z({
+  __name: "table",
+  props: {
+    zebra: { type: Boolean, default: !1 },
+    pinRows: { type: Boolean, default: !1 },
+    pinCols: { type: Boolean, default: !1 },
+    size: {}
+  },
+  setup(e) {
+    const n = e, a = _(() => {
+      const t = ["table"];
+      return n.zebra && t.push("table-zebra"), n.pinRows && t.push("table-pin-rows"), n.pinCols && t.push("table-pin-cols"), n.size && t.push(`table-${n.size}`), t.join(" ");
+    });
+    return (t, o) => (s(), r("div", sa, [
+      u("table", {
+        class: w(a.value)
+      }, [
+        $(t.$slots, "default")
+      ], 2)
+    ]));
+  }
+}), Pn = /* @__PURE__ */ z({
+  __name: "timeline",
+  props: {
+    vertical: { type: Boolean, default: !1 },
+    horizontal: { type: Boolean, default: !1 },
+    compact: { type: Boolean, default: !1 },
+    snapIcon: { type: Boolean, default: !1 }
+  },
+  setup(e) {
+    const n = e, a = _(() => {
+      const t = ["timeline"];
+      return n.vertical ? t.push("timeline-vertical") : n.horizontal && t.push("timeline-horizontal"), n.compact && t.push("timeline-compact"), n.snapIcon && t.push("timeline-snap-icon"), t.join(" ");
+    });
+    return (t, o) => (s(), r("ul", {
+      class: w(a.value)
+    }, [
+      $(t.$slots, "default")
+    ], 2));
+  }
+}), oa = { class: "flex gap-4 bg-base-100 w-full tabs tabs-boxed" }, ia = ["onClick"], ra = {
   key: 0,
   class: "inline-component-wrapper flex grow justify-center items-center w-full h-full"
-}, Xt = {
+}, ua = {
   key: 1,
   class: "flex flex-col"
-}, Yt = { class: "text-sm" }, Gt = {
+}, ca = { class: "text-sm" }, da = {
   key: 0,
   class: "opacity-75 overflow-hidden text-xs truncate ..."
-}, Jt = {
+}, fa = {
   key: 1,
   class: "hidden md:block opacity-35 overflow-hidden text-xs truncate ..."
-}, Zt = { class: "hidden" }, Qt = ["id"], el = { class: "modal-box" }, tl = { class: "font-bold text-lg" }, ll = ["name", "checked"], al = { class: "collapse-title flex justify-between items-center pr-4 w-full font-medium text-xl" }, nl = {
+}, va = { class: "hidden" }, ma = ["id"], pa = { class: "modal-box" }, ha = { class: "font-bold text-lg" }, ga = ["name", "checked"], ba = { class: "collapse-title flex justify-between items-center pr-4 w-full font-medium text-xl" }, ya = {
   key: 0,
   class: "opacity-75 overflow-hidden text-sm truncate ..."
-}, ol = {
+}, wa = {
   key: 1,
   class: "opacity-35 text-sm"
-}, sl = { class: "collapse-content flex place-content-center p-0" }, il = /* @__PURE__ */ j({
+}, $a = { class: "collapse-content flex place-content-center p-0" }, xa = /* @__PURE__ */ z({
   __name: "advancedSearch",
   props: {
     searchOptions: {},
@@ -879,121 +1105,121 @@ const pt = ye("SunIcon", [
     value: {}
   },
   emits: ["search", "update:search-data"],
-  setup(e, { emit: c }) {
-    const l = e, t = c, r = l.id ?? `advancedSearch-${Ge()}`, a = h(null), s = h(null), m = {
-      datetime: ze(() => Promise.resolve().then(() => $l)),
-      "standard-select": ze(() => import("./select-Cz4vf_YE.js")),
+  setup(e, { emit: n }) {
+    const a = e, t = n, o = a.id ?? `advancedSearch-${et()}`, i = b(null), l = b(null), d = {
+      datetime: Pe(() => Promise.resolve().then(() => Ea)),
+      "standard-select": Pe(() => import("./select-Cz4vf_YE.js")),
       // Add other components here when you create them:
       // 'custom-range': defineAsyncComponent(() => import('./CustomRange.vue')),
       // 'custom-number': defineAsyncComponent(() => import('./CustomNumber.vue')),
-      "custom-text": ze(() => import("./inputField-BxT95oyM.js"))
+      "custom-text": Pe(() => import("./inputField-BxT95oyM.js"))
       // 'custom-select': defineAsyncComponent(() => import('./CustomSelect.vue')),
-    }, u = h({}), g = h({
+    }, c = b({}), h = b({
       left: "0px",
       top: "0px",
       transform: "translateX(0%)"
-    }), S = h(null), R = (f) => {
-      var y;
-      if (f.value === void 0 || f.value === null || f.value === "")
+    }), M = b(null), A = (m) => {
+      var x;
+      if (m.value === void 0 || m.value === null || m.value === "")
         return "";
-      switch (f.type) {
+      switch (m.type) {
         case "datetime":
-          if (typeof f.value == "string")
+          if (typeof m.value == "string")
             try {
-              const b = new Date(f.value);
-              if (!isNaN(b.getTime()))
-                return b.toLocaleString();
+              const k = new Date(m.value);
+              if (!isNaN(k.getTime()))
+                return k.toLocaleString();
             } catch {
             }
-          else if (f.range && typeof f.value == "object" && f.value !== null && "start" in f.value && "end" in f.value)
+          else if (m.range && typeof m.value == "object" && m.value !== null && "start" in m.value && "end" in m.value)
             try {
-              const b = new Date(f.value.start), I = new Date(f.value.end);
-              if (!isNaN(b.getTime()) && !isNaN(I.getTime()))
-                return `${b.toLocaleDateString()} - ${I.toLocaleDateString()}`;
+              const k = new Date(m.value.start), j = new Date(m.value.end);
+              if (!isNaN(k.getTime()) && !isNaN(j.getTime()))
+                return `${k.toLocaleDateString()} - ${j.toLocaleDateString()}`;
             } catch {
             }
           break;
         case "custom-range":
-          if (typeof f.value == "object" && f.value !== null && "start" in f.value && "end" in f.value)
-            return `${f.value.start} - ${f.value.end}`;
+          if (typeof m.value == "object" && m.value !== null && "start" in m.value && "end" in m.value)
+            return `${m.value.start} - ${m.value.end}`;
           break;
         case "custom-number":
-          if (typeof f.value == "number")
-            return f.value.toString();
+          if (typeof m.value == "number")
+            return m.value.toString();
           break;
         case "standard-select":
         case "custom-select":
-          if ((y = f.props) != null && y.options && Array.isArray(f.props.options)) {
-            const b = f.props.options.find(
-              (I) => I.value === f.value
+          if ((x = m.props) != null && x.options && Array.isArray(m.props.options)) {
+            const k = m.props.options.find(
+              (j) => j.value === m.value
             );
-            if (b)
-              return b.text;
+            if (k)
+              return k.text;
           }
-          return String(f.value);
+          return String(m.value);
         case "custom-text":
-          if (typeof f.value == "string")
-            return f.value;
+          if (typeof m.value == "string")
+            return m.value;
           break;
       }
-      return String(f.value);
+      return String(m.value);
     };
-    function V(f) {
-      var d, D;
-      const y = (d = a.value) == null ? void 0 : d.name;
-      if (!y) {
+    function O(m) {
+      var f, B;
+      const x = (f = i.value) == null ? void 0 : f.name;
+      if (!x) {
         console.warn("componentValueUpdated called but no active tab.");
         return;
       }
-      const b = (D = l.searchOptions.find(
-        (w) => (w == null ? void 0 : w.category) === l.currentCategory
-      )) == null ? void 0 : D.tabs, I = b == null ? void 0 : b.find(
-        (w) => w.name === y
+      const k = (B = a.searchOptions.find(
+        (I) => (I == null ? void 0 : I.category) === a.currentCategory
+      )) == null ? void 0 : B.tabs, j = k == null ? void 0 : k.find(
+        (I) => I.name === x
       );
-      I ? (I.value = f, t("update:search-data", {
-        tab: I.name,
-        data: f
+      j ? (j.value = m, t("update:search-data", {
+        tab: j.name,
+        data: m
       })) : console.error(
-        `Tab with name "${y}" not found in current category.`
+        `Tab with name "${x}" not found in current category.`
       );
     }
-    function v(f) {
-      V(f);
+    function v(m) {
+      O(m);
     }
-    function O() {
+    function D() {
       t("search");
     }
-    async function M(f) {
-      var I;
-      const y = document.getElementById(`advancedSearchMobile-${r}`), b = y && y.contains(f.target);
-      ((I = a.value) == null ? void 0 : I.displayMode) === "popup" && S.value && !S.value.contains(f.target) && !b && (await me(), a.value = null);
+    async function V(m) {
+      var j;
+      const x = document.getElementById(`advancedSearchMobile-${o}`), k = x && x.contains(m.target);
+      ((j = i.value) == null ? void 0 : j.displayMode) === "popup" && M.value && !M.value.contains(m.target) && !k && (await he(), i.value = null);
     }
-    async function H() {
+    async function W() {
       if (typeof window < "u" && window.innerWidth <= 768) {
-        const f = document.getElementById(
-          `advancedSearchMobile-${r}`
+        const m = document.getElementById(
+          `advancedSearchMobile-${o}`
         );
-        f ? (a.value = null, f.showModal()) : console.warn(
-          `Mobile modal element not found. Ensure it exists with id="advancedSearchMobile-${r}".`
+        m ? (i.value = null, m.showModal()) : console.warn(
+          `Mobile modal element not found. Ensure it exists with id="advancedSearchMobile-${o}".`
         );
       }
     }
-    async function N(f) {
-      var b, I, d;
+    async function F(m) {
+      var k, j, f;
       if (typeof window < "u" && window.innerWidth <= 768) {
-        H();
+        W();
         return;
       }
-      const y = f.displayMode ?? "popup";
-      if (((b = a.value) == null ? void 0 : b.name) === f.name && ((I = a.value) == null ? void 0 : I.displayMode) === y)
-        a.value = null;
-      else if (a.value = { ...f, displayMode: y }, await me(), ((d = a.value) == null ? void 0 : d.displayMode) === "popup") {
-        const D = u.value[f.name];
-        if (D && S.value) {
-          const w = D.getBoundingClientRect(), _ = S.value.getBoundingClientRect(), P = w.bottom - _.top, Q = w.left + w.width / 2 - _.left;
-          g.value = {
-            left: `${Q}px`,
-            top: `${P + 8}px`,
+      const x = m.displayMode ?? "popup";
+      if (((k = i.value) == null ? void 0 : k.name) === m.name && ((j = i.value) == null ? void 0 : j.displayMode) === x)
+        i.value = null;
+      else if (i.value = { ...m, displayMode: x }, await he(), ((f = i.value) == null ? void 0 : f.displayMode) === "popup") {
+        const B = c.value[m.name];
+        if (B && M.value) {
+          const I = B.getBoundingClientRect(), H = M.value.getBoundingClientRect(), ee = I.bottom - H.top, G = I.left + I.width / 2 - H.left;
+          h.value = {
+            left: `${G}px`,
+            top: `${ee + 8}px`,
             // Add a small gap
             transform: "translateX(-50%)"
             // Center horizontally
@@ -1001,198 +1227,224 @@ const pt = ye("SunIcon", [
         } else
           console.error(
             "Tab element or search container not found for positioning:",
-            f.name
+            m.name
           );
       }
     }
-    const W = (f) => {
-      const y = f.relatedTarget;
+    const K = (m) => {
+      const x = m.relatedTarget;
       setTimeout(() => {
-        var b;
-        ((b = a.value) == null ? void 0 : b.displayMode) === "inline" && S.value && (!y || !S.value.contains(y)) ? (console.log("Blur detected outside container, closing inline view."), a.value = null) : console.log(
+        var k;
+        ((k = i.value) == null ? void 0 : k.displayMode) === "inline" && M.value && (!x || !M.value.contains(x)) ? (console.log("Blur detected outside container, closing inline view."), i.value = null) : console.log(
           "Blur detected, but staying within container or not an inline tab."
         );
       }, 50);
-    }, Z = () => {
-      console.log("Enter key pressed on inline component, closing inline view."), a.value = null;
+    }, J = () => {
+      console.log("Enter key pressed on inline component, closing inline view."), i.value = null;
     };
-    q(s, (f) => {
-      var y;
+    R(l, (m) => {
+      var x;
       console.log(
         "advanced-search: inlineComponentRef changed. New Value:",
-        f
-      ), console.log("advanced-search: activeTab.value:", a.value), f && ((y = a.value) == null ? void 0 : y.displayMode) === "inline" ? (console.log(
+        m
+      ), console.log("advanced-search: activeTab.value:", i.value), m && ((x = i.value) == null ? void 0 : x.displayMode) === "inline" ? (console.log(
         "advanced-search: Inline component ref is available and active tab is inline. Attempting to focus child input..."
-      ), me(() => {
+      ), he(() => {
         console.log(
           "advanced-search: Inside nextTick. Attempting to call child's focus method..."
-        ), console.log("advanced-search: Type of newValue:", typeof f), console.log(
+        ), console.log("advanced-search: Type of newValue:", typeof m), console.log(
           "advanced-search: Does newValue have focusInput?",
-          typeof f.focusInput == "function"
-        ), f && typeof f.focusInput == "function" ? (console.log(
+          typeof m.focusInput == "function"
+        ), m && typeof m.focusInput == "function" ? (console.log(
           "advanced-search: Calling exposed focusInput() method on child instance."
-        ), f.focusInput()) : console.warn(
+        ), m.focusInput()) : console.warn(
           'advanced-search: Child inline component instance does not expose a "focusInput" method or is not ready.',
-          f
+          m
         );
       })) : console.log(
-        f ? "advanced-search: inlineComponentRef available, but active tab is not inline." : "advanced-search: inlineComponentRef is now null (component likely unmounted)."
+        m ? "advanced-search: inlineComponentRef available, but active tab is not inline." : "advanced-search: inlineComponentRef is now null (component likely unmounted)."
       );
-    }), de(() => {
-      document.addEventListener("click", M), window.addEventListener("resize", te);
-    }), Ve(() => {
-      document.removeEventListener("click", M), window.removeEventListener("resize", te);
+    }), pe(() => {
+      document.addEventListener("click", V), window.addEventListener("resize", ae);
+    }), Ee(() => {
+      document.removeEventListener("click", V), window.removeEventListener("resize", ae);
     });
-    const te = () => {
-      var f, y;
+    const ae = () => {
+      var m, x;
       if (typeof window < "u") {
-        const b = window.innerWidth <= 768, I = a.value !== null && (a.value.displayMode === "popup" || a.value.displayMode === "inline") && window.innerWidth > 768;
-        !b && (((f = a.value) == null ? void 0 : f.displayMode) === "popup" || ((y = a.value) == null ? void 0 : y.displayMode) === "inline") && window.innerWidth <= 768 && (console.log("Resizing to mobile, closing active tab."), a.value = null), b && !I && a.value !== null && (console.log(
+        const k = window.innerWidth <= 768, j = i.value !== null && (i.value.displayMode === "popup" || i.value.displayMode === "inline") && window.innerWidth > 768;
+        !k && (((m = i.value) == null ? void 0 : m.displayMode) === "popup" || ((x = i.value) == null ? void 0 : x.displayMode) === "inline") && window.innerWidth <= 768 && (console.log("Resizing to mobile, closing active tab."), i.value = null), k && !j && i.value !== null && (console.log(
           "Resizing to desktop from potential mobile active state, closing active tab."
-        ), a.value = null);
-        const d = document.getElementById(
-          `advancedSearchMobile-${r}`
+        ), i.value = null);
+        const f = document.getElementById(
+          `advancedSearchMobile-${o}`
         );
-        d != null && d.open && !b && (console.log("Modal is open on desktop, closing modal and active tab."), d.close(), a.value = null);
+        f != null && f.open && !k && (console.log("Modal is open on desktop, closing modal and active tab."), f.close(), i.value = null);
       }
     };
-    return (f, y) => {
-      var b, I;
-      return o(), i(A, null, [
-        n("div", {
+    return (m, x) => {
+      var k, j;
+      return s(), r(N, null, [
+        u("div", {
           ref_key: "searchContainer",
-          ref: S,
+          ref: M,
           class: "w-full"
         }, [
-          n("div", {
+          u("div", {
             class: "group/search relative flex place-items-center shadow-md p-2 border-2 border-base-300/25 rounded-sm w-full transition-all cursor-pointer md:cursor-auto",
-            onClick: H
+            onClick: W
           }, [
-            n("div", Ut, [
-              (o(!0), i(A, null, X(((b = l.searchOptions.find(
-                (d) => d.category === l.currentCategory
-              )) == null ? void 0 : b.tabs) || [], (d, D) => {
-                var w, _, P, Q, ue;
-                return o(), i("button", {
-                  key: `${d.name}-${D}`,
-                  onClick: ne((p) => N(d), ["stop"]),
-                  class: $([{
-                    "tab-active": ((w = a.value) == null ? void 0 : w.name) === d.name,
-                    "tab-active-inline": ((_ = a.value) == null ? void 0 : _.name) === d.name && ((P = a.value) == null ? void 0 : P.displayMode) === "inline"
+            u("div", oa, [
+              (s(!0), r(N, null, U(((k = a.searchOptions.find(
+                (f) => f.category === a.currentCategory
+              )) == null ? void 0 : k.tabs) || [], (f, B) => {
+                var I, H, ee, G, le;
+                return s(), r("button", {
+                  key: `${f.name}-${B}`,
+                  onClick: oe((p) => F(f), ["stop"]),
+                  class: w([{
+                    "tab-active": ((I = i.value) == null ? void 0 : I.name) === f.name,
+                    "tab-active-inline": ((H = i.value) == null ? void 0 : H.name) === f.name && ((ee = i.value) == null ? void 0 : ee.displayMode) === "inline"
                     // Add new class
                   }, "group/searchitem after:top-0 after:-right-2 after:absolute relative first-of-type:flex-auto last-of-type:flex-auto after:bg-base-200 hover:bg-base-200 p-1 rounded-sm w-auto after:w-px after:h-10 overflow-x-hidden text-start md:after:content-[''] after:content-none last-of-type:after:content-none"]),
                   ref_for: !0,
-                  ref: (p) => u.value[d.name] = p
+                  ref: (p) => c.value[f.name] = p
                 }, [
-                  ((Q = a.value) == null ? void 0 : Q.name) === d.name && ((ue = a.value) == null ? void 0 : ue.displayMode) === "inline" ? (o(), i("div", Kt, [
-                    (o(), ce(Te(m[a.value.type]), Be({ ref_for: !0 }, a.value.props || {}, {
-                      modelValue: a.value.value,
-                      onUpdated: y[0] || (y[0] = (p) => v(p)),
-                      "onUpdate:modelValue": y[1] || (y[1] = (p) => v(p)),
-                      onBlur: W,
-                      onKeydown: pe(ne(Z, ["stop", "prevent"]), ["enter"]),
+                  ((G = i.value) == null ? void 0 : G.name) === f.name && ((le = i.value) == null ? void 0 : le.displayMode) === "inline" ? (s(), r("div", ra, [
+                    (s(), fe(Ve(d[i.value.type]), ie({ ref_for: !0 }, i.value.props || {}, {
+                      modelValue: i.value.value,
+                      onUpdated: x[0] || (x[0] = (p) => v(p)),
+                      "onUpdate:modelValue": x[1] || (x[1] = (p) => v(p)),
+                      onBlur: K,
+                      onKeydown: ge(oe(J, ["stop", "prevent"]), ["enter"]),
                       ref_for: !0,
                       ref_key: "inlineComponentRef",
-                      ref: s
+                      ref: l
                     }), null, 16, ["modelValue", "onKeydown"]))
-                  ])) : (o(), i("div", Xt, [
-                    n("p", Yt, T(d.name), 1),
-                    d.value !== void 0 && d.value !== null && d.value !== "" ? (o(), i("p", Gt, T(R(d)), 1)) : (o(), i("p", Jt, T(d.description), 1))
+                  ])) : (s(), r("div", ua, [
+                    u("p", ca, T(f.name), 1),
+                    f.value !== void 0 && f.value !== null && f.value !== "" ? (s(), r("p", da, T(A(f)), 1)) : (s(), r("p", fa, T(f.description), 1))
                   ]))
-                ], 10, Wt);
+                ], 10, ia);
               }), 128))
             ]),
-            a.value && a.value.displayMode === "popup" ? (o(), i("div", {
+            i.value && i.value.displayMode === "popup" ? (s(), r("div", {
               key: 0,
               class: "absolute flex shadow-sm mt-4 w-fit max-w-full transition-all tab-content",
-              style: Ie(g.value)
+              style: be(h.value)
             }, [
-              (o(), ce(Te(m[a.value.type]), Be(a.value.props || {}, {
-                modelValue: a.value.value,
-                onUpdated: y[2] || (y[2] = (d) => V(d)),
-                "onUpdate:modelValue": y[3] || (y[3] = (d) => V(d))
+              (s(), fe(Ve(d[i.value.type]), ie(i.value.props || {}, {
+                modelValue: i.value.value,
+                onUpdated: x[2] || (x[2] = (f) => O(f)),
+                "onUpdate:modelValue": x[3] || (x[3] = (f) => O(f))
               }), null, 16, ["modelValue"]))
-            ], 4)) : z("", !0),
-            n("button", {
+            ], 4)) : S("", !0),
+            u("button", {
               title: "search",
               type: "submit",
               class: "ml-1 btn btn-primary btn-square",
-              onClick: ne(O, ["stop"])
+              onClick: oe(D, ["stop"])
             }, [
-              oe(ee(Re), {
+              re(te(We), {
                 size: 24,
                 color: "white"
               })
             ])
           ]),
-          n("div", Zt, [
-            n("button", {
+          u("div", va, [
+            u("button", {
               title: "search",
-              onClick: y[4] || (y[4] = () => {
+              onClick: x[4] || (x[4] = () => {
               })
             }, [
-              oe(ee(Re), {
+              re(te(We), {
                 size: 24,
                 color: "white"
               })
             ])
           ])
         ], 512),
-        n("dialog", {
-          id: `advancedSearchMobile-${ee(r)}`,
+        u("dialog", {
+          id: `advancedSearchMobile-${te(o)}`,
           class: "modal"
         }, [
-          n("div", el, [
-            B(f.$slots, "additionalForMobile", {}, () => [
-              n("h3", tl, T(e.currentCategory), 1)
+          u("div", pa, [
+            $(m.$slots, "additionalForMobile", {}, () => [
+              u("h3", ha, T(e.currentCategory), 1)
             ], !0),
-            (o(!0), i(A, null, X(((I = l.searchOptions.find(
-              (d) => d.category === l.currentCategory
-            )) == null ? void 0 : I.tabs) || [], (d, D) => (o(), i("div", {
+            (s(!0), r(N, null, U(((j = a.searchOptions.find(
+              (f) => f.category === a.currentCategory
+            )) == null ? void 0 : j.tabs) || [], (f, B) => (s(), r("div", {
               class: "collapse bg-base-200 my-4",
-              key: d.name
+              key: f.name
             }, [
-              n("input", {
+              u("input", {
                 type: "radio",
-                name: `accordion-${ee(r)}`,
-                checked: D === 0
-              }, null, 8, ll),
-              n("div", al, [
-                n("div", null, T(d.name), 1),
-                d.value !== void 0 && d.value !== null && d.value !== "" ? (o(), i("div", nl, T(R(d)), 1)) : (o(), i("div", ol, T(d.description), 1))
+                name: `accordion-${te(o)}`,
+                checked: B === 0
+              }, null, 8, ga),
+              u("div", ba, [
+                u("div", null, T(f.name), 1),
+                f.value !== void 0 && f.value !== null && f.value !== "" ? (s(), r("div", ya, T(A(f)), 1)) : (s(), r("div", wa, T(f.description), 1))
               ]),
-              n("div", sl, [
-                y[7] || (y[7] = n("br", null, null, -1)),
-                (o(), ce(Te(m[d.type]), Be({ ref_for: !0 }, d.props || {}, {
-                  modelValue: d.value,
-                  onUpdated: y[5] || (y[5] = (w) => V(w)),
-                  "onUpdate:modelValue": y[6] || (y[6] = (w) => V(w))
+              u("div", $a, [
+                x[7] || (x[7] = u("br", null, null, -1)),
+                (s(), fe(Ve(d[f.type]), ie({ ref_for: !0 }, f.props || {}, {
+                  modelValue: f.value,
+                  onUpdated: x[5] || (x[5] = (I) => O(I)),
+                  "onUpdate:modelValue": x[6] || (x[6] = (I) => O(I))
                 }), null, 16, ["modelValue"]))
               ])
             ]))), 128)),
-            n("div", { class: "modal-action" }, [
-              n("form", { method: "dialog" }, [
-                n("button", {
+            u("div", { class: "modal-action" }, [
+              u("form", { method: "dialog" }, [
+                u("button", {
                   class: "btn btn-primary",
-                  onClick: O
+                  onClick: D
                 }, " Close and Search ")
               ])
             ])
           ])
-        ], 8, Qt)
+        ], 8, ma)
       ], 64);
     };
   }
-}), Ua = /* @__PURE__ */ re(il, [["__scopeId", "data-v-577c3624"]]), rl = { class: "z-30 relative flex items-center bg-base-100 date-filter-input px-4 border-2 border-primary rounded-md w-full min-h-10 font-semibold text-primary text-sm" }, ul = { key: 0 }, cl = { key: 1 }, dl = ["id", "onKeydown"], vl = {
+}), An = /* @__PURE__ */ ve(xa, [["__scopeId", "data-v-577c3624"]]), ka = ["checked", "disabled"], Ln = /* @__PURE__ */ z({
+  inheritAttrs: !1,
+  __name: "checkbox",
+  props: {
+    modelValue: { type: Boolean, default: !1 },
+    color: {},
+    size: {},
+    disabled: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: n }) {
+    const a = e, t = n, o = _(() => {
+      const l = ["checkbox"];
+      return a.color && l.push(`checkbox-${a.color}`), a.size && l.push(`checkbox-${a.size}`), l.join(" ");
+    }), i = (l) => {
+      const d = l.target;
+      t("update:modelValue", d.checked);
+    };
+    return (l, d) => (s(), r("input", ie({
+      type: "checkbox",
+      class: o.value,
+      checked: e.modelValue,
+      disabled: e.disabled,
+      onChange: i
+    }, l.$attrs), null, 16, ka));
+  }
+}), Ca = { class: "z-30 relative flex items-center bg-base-100 date-filter-input px-4 border-2 border-primary rounded-md w-full min-h-10 font-semibold text-primary text-sm" }, za = { key: 0 }, Sa = { key: 1 }, _a = ["id", "onKeydown"], Ba = {
   key: 2,
   class: "flex justify-center p-4"
-}, fl = { class: "join items-center gap-2 max-w-2xs md:max-w-full justify-between max-md:input max-md:input-bordered !rounded overflow-hidden mx-auto" }, ml = { class: "join-item" }, pl = ["id", "disabled", "value"], hl = { class: "join-item" }, gl = ["id", "disabled", "value"], bl = {
+}, Ia = { class: "join items-center gap-2 max-w-2xs md:max-w-full justify-between max-md:input max-md:input-bordered !rounded overflow-hidden mx-auto" }, Ma = { class: "join-item" }, Ta = ["id", "disabled", "value"], Va = { class: "join-item" }, ja = ["id", "disabled", "value"], Da = {
   key: 3,
   class: "p-4 min-w-2xs"
-}, yl = ["id", "disabled", "value"], wl = {
+}, Oa = ["id", "disabled", "value"], Pa = {
   key: 4,
   class: "flex px-4 my-4 w-full justify-end"
-}, xl = /* @__PURE__ */ j({
+}, Aa = /* @__PURE__ */ z({
   __name: "datetimePicker",
   props: {
     mode: { default: "datetime" },
@@ -1211,21 +1463,21 @@ const pt = ye("SunIcon", [
     disableDefaultValue: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue", "change"],
-  setup(e, { emit: c }) {
-    const l = typeof window < "u", t = e, r = c, a = h(null), s = h(!1), m = h(null), u = h(null), g = h(null), S = h(null), R = h(null), V = h({
+  setup(e, { emit: n }) {
+    const a = typeof window < "u", t = e, o = n, i = b(null), l = b(!1), d = b(null), c = b(null), h = b(null), M = b(null), A = b(null), O = b({
       from: "",
       to: "",
       single: ""
-    }), v = h({
+    }), v = b({
       single: null,
       start: null,
       end: null
-    }), O = (p) => p instanceof Date ? p.toISOString() : p, M = (p) => p.split("T")[0] || "", H = (p) => {
-      const x = p instanceof Date ? p : new Date(p);
-      if (isNaN(x.getTime())) return "";
-      const L = String(x.getHours()).padStart(2, "0"), Y = String(x.getMinutes()).padStart(2, "0");
-      return `${L}:${Y}`;
-    }, N = () => {
+    }), D = (p) => p instanceof Date ? p.toISOString() : p, V = (p) => p.split("T")[0] || "", W = (p) => {
+      const y = p instanceof Date ? p : new Date(p);
+      if (isNaN(y.getTime())) return "";
+      const L = String(y.getHours()).padStart(2, "0"), Z = String(y.getMinutes()).padStart(2, "0");
+      return `${L}:${Z}`;
+    }, F = () => {
       if (t.disableDefaultValue && !t.initialDate)
         return;
       let p = t.initialDate;
@@ -1235,43 +1487,43 @@ const pt = ye("SunIcon", [
       }
       if (!p) return;
       if (t.range && typeof p == "object" && "start" in p) {
-        const L = O(p.start), Y = O(p.end);
-        v.value.start = M(L), v.value.end = M(Y), t.mode !== "date" && (V.value.from = H(L), V.value.to = H(Y));
+        const L = D(p.start), Z = D(p.end);
+        v.value.start = V(L), v.value.end = V(Z), t.mode !== "date" && (O.value.from = W(L), O.value.to = W(Z));
         return;
       }
-      const x = O(p);
-      v.value.single = M(x), t.mode !== "date" && (V.value.single = H(x));
-    }, W = U(() => {
-      const p = (x) => {
-        if (!x) return "";
+      const y = D(p);
+      v.value.single = V(y), t.mode !== "date" && (O.value.single = W(y));
+    }, K = _(() => {
+      const p = (y) => {
+        if (!y) return "";
         try {
-          return (/* @__PURE__ */ new Date(x + "T00:00:00")).toLocaleDateString(t.locale);
+          return (/* @__PURE__ */ new Date(y + "T00:00:00")).toLocaleDateString(t.locale);
         } catch {
-          return x;
+          return y;
         }
       };
       return t.range ? v.value.start && v.value.end ? `${p(v.value.start)} - ${p(v.value.end)}` : "" : v.value.single ? p(v.value.single) : "";
-    }), Z = () => {
-      if (m.value)
-        v.value.single = m.value.value || null;
-      else if (u.value) {
-        const p = u.value.value;
+    }), J = () => {
+      if (d.value)
+        v.value.single = d.value.value || null;
+      else if (c.value) {
+        const p = c.value.value;
         if (typeof p == "string" && p.includes("/")) {
-          const [x, L] = p.split("/");
-          v.value.start = x || null, v.value.end = L || null;
+          const [y, L] = p.split("/");
+          v.value.start = y || null, v.value.end = L || null;
         }
       }
-    }, te = () => v.value.start && v.value.end ? `${v.value.start}/${v.value.end}` : null, f = () => {
+    }, ae = () => v.value.start && v.value.end ? `${v.value.start}/${v.value.end}` : null, m = () => {
       if (t.range) {
-        const L = v.value.start, Y = v.value.end;
-        if (!L || !Y) return null;
+        const L = v.value.start, Z = v.value.end;
+        if (!L || !Z) return null;
         if (t.mode === "date")
-          return { start: L, end: Y };
+          return { start: L, end: Z };
         if (t.mode === "datetime") {
-          const ie = V.value.from || "00:00", ve = V.value.to || "23:59";
+          const we = O.value.from || "00:00", $e = O.value.to || "23:59";
           return {
-            start: `${L}T${ie}:00`,
-            end: `${Y}T${ve}:00`
+            start: `${L}T${we}:00`,
+            end: `${Z}T${$e}:00`
           };
         }
         return null;
@@ -1279,103 +1531,103 @@ const pt = ye("SunIcon", [
       const p = v.value.single;
       if (!p) return null;
       if (t.mode === "date") return p;
-      const x = V.value.single || "00:00";
-      return `${p}T${x}:00`;
-    }, y = async () => {
-      Z();
-      const p = f();
-      r("update:modelValue", p), r("change", p);
-    }, b = () => me(y), I = (p) => {
-      const x = p.target;
-      t.range ? x === S.value ? V.value.from = x.value : V.value.to = x.value : V.value.single = x.value, y();
-    }, d = () => {
-      s.value = !s.value;
-    }, D = () => {
-      y(), s.value = !1;
-    }, w = (p) => {
-      !t.popup || !s.value || setTimeout(() => {
-        const x = a.value, L = p.target, Y = `date-picker-${t.id}-popup`;
-        x && !x.contains(L) && !L.closest(`#${Y}`) && D();
+      const y = O.value.single || "00:00";
+      return `${p}T${y}:00`;
+    }, x = async () => {
+      J();
+      const p = m();
+      o("update:modelValue", p), o("change", p);
+    }, k = () => he(x), j = (p) => {
+      const y = p.target;
+      t.range ? y === M.value ? O.value.from = y.value : O.value.to = y.value : O.value.single = y.value, x();
+    }, f = () => {
+      l.value = !l.value;
+    }, B = () => {
+      x(), l.value = !1;
+    }, I = (p) => {
+      !t.popup || !l.value || setTimeout(() => {
+        const y = i.value, L = p.target, Z = `date-picker-${t.id}-popup`;
+        y && !y.contains(L) && !L.closest(`#${Z}`) && B();
       }, 0);
-    }, _ = () => D(), P = () => {
-      y(), t.popup && (s.value = !1);
-    }, Q = () => {
-      var x;
-      const p = t.range ? u.value : m.value;
-      (x = p == null ? void 0 : p.navigate) == null || x.call(p, -1);
-    }, ue = () => {
-      var x;
-      const p = t.range ? u.value : m.value;
-      (x = p == null ? void 0 : p.navigate) == null || x.call(p, 1);
+    }, H = () => B(), ee = () => {
+      x(), t.popup && (l.value = !1);
+    }, G = () => {
+      var y;
+      const p = t.range ? c.value : d.value;
+      (y = p == null ? void 0 : p.navigate) == null || y.call(p, -1);
+    }, le = () => {
+      var y;
+      const p = t.range ? c.value : d.value;
+      (y = p == null ? void 0 : p.navigate) == null || y.call(p, 1);
     };
-    return de(() => {
-      l && import("./cally-ZU3K2Th7.js").catch((p) => console.warn("Failed to load cally:", p)), N();
-    }), q(v, async () => {
-      if (await me(), m.value && v.value.single) {
+    return pe(() => {
+      a && import("./cally-ZU3K2Th7.js").catch((p) => console.warn("Failed to load cally:", p)), F();
+    }), R(v, async () => {
+      if (await he(), d.value && v.value.single) {
         const p = v.value.single;
-        m.value.value !== p && (m.value.value = p);
+        d.value.value !== p && (d.value.value = p);
       }
-      if (u.value) {
-        const p = te();
-        p && u.value.value !== p && (u.value.value = p);
+      if (c.value) {
+        const p = ae();
+        p && c.value.value !== p && (c.value.value = p);
       }
-      y();
-    }, { deep: !0 }), q([v, m, u], async () => {
-      await me(), m.value && v.value.single && !m.value.value && (m.value.value = v.value.single), u.value && v.value.start && v.value.end && !u.value.value && (u.value.value = `${v.value.start}/${v.value.end}`), y();
-    }), q([g, S, R], y), (p, x) => {
-      const L = De("calendar-month"), Y = De("calendar-date"), ie = De("calendar-range");
-      return o(), i("div", {
+      x();
+    }, { deep: !0 }), R([v, d, c], async () => {
+      await he(), d.value && v.value.single && !d.value.value && (d.value.value = v.value.single), c.value && v.value.start && v.value.end && !c.value.value && (c.value.value = `${v.value.start}/${v.value.end}`), x();
+    }), R([h, M, A], x), (p, y) => {
+      const L = Ae("calendar-month"), Z = Ae("calendar-date"), we = Ae("calendar-range");
+      return s(), r("div", {
         class: "inline-block relative w-fit lg:w-full",
         ref_key: "pickerContainer",
-        ref: a,
-        onMousedownCapture: w
+        ref: i,
+        onMousedownCapture: I
       }, [
-        t.popup ? (o(), i("div", {
+        t.popup ? (s(), r("div", {
           key: 0,
           class: "flex items-center gap-2 cursor-pointer w-full",
-          onClick: x[0] || (x[0] = (ve) => t.disabled ? null : d())
+          onClick: y[0] || (y[0] = ($e) => t.disabled ? null : f())
         }, [
-          n("div", rl, [
-            W.value ? (o(), i("span", cl, T(W.value), 1)) : (o(), i("span", ul, T(t.placeholder), 1))
+          u("div", Ca, [
+            K.value ? (s(), r("span", Sa, T(K.value), 1)) : (s(), r("span", za, T(t.placeholder), 1))
           ])
-        ])) : z("", !0),
-        s.value || !t.popup ? (o(), i("div", {
+        ])) : S("", !0),
+        l.value || !t.popup ? (s(), r("div", {
           key: 1,
-          class: $(["z-50 bg-base-100 rounded-md w-full min-w-xs overflow-hidden", { "absolute top-full left-0 mt-2 shadow-lg": t.popup, "mt-2": !t.popup }]),
+          class: w(["z-50 bg-base-100 rounded-md w-full min-w-xs overflow-hidden", { "absolute top-full left-0 mt-2 shadow-lg": t.popup, "mt-2": !t.popup }]),
           id: `date-picker-${t.id}-popup`,
           onKeydown: [
-            x[1] || (x[1] = pe(ne(() => {
+            y[1] || (y[1] = ge(oe(() => {
             }, ["prevent", "stop"]), ["tab"])),
-            pe(_, ["esc"]),
-            pe(ne(P, ["prevent"]), ["enter"])
+            ge(H, ["esc"]),
+            ge(oe(ee, ["prevent"]), ["enter"])
           ]
         }, [
-          !t.range && t.mode !== "time" && l ? (o(), ce(Y, {
+          !t.range && t.mode !== "time" && a ? (s(), fe(Z, {
             key: 0,
             class: "cally w-full",
             ref_key: "datePicker",
-            ref: m,
+            ref: d,
             id: `${t.id}-date`,
             min: t.min,
             max: t.max,
             disabled: t.disabled,
             "first-day-of-week": t.firstDayOfWeek,
-            onChange: b
+            onChange: k
           }, {
-            default: be(() => [
-              n("button", {
+            default: ye(() => [
+              u("button", {
                 slot: "previous",
                 class: "btn-outline btn btn-primary md:btn-sm",
-                onClick: Q
-              }, [...x[2] || (x[2] = [
-                n("svg", {
+                onClick: G
+              }, [...y[2] || (y[2] = [
+                u("svg", {
                   xmlns: "http://www.w3.org/2000/svg",
                   class: "w-4 h-4",
                   fill: "none",
                   viewBox: "0 0 24 24",
                   stroke: "currentColor"
                 }, [
-                  n("path", {
+                  u("path", {
                     "stroke-linecap": "round",
                     "stroke-linejoin": "round",
                     "stroke-width": "2",
@@ -1383,19 +1635,19 @@ const pt = ye("SunIcon", [
                   })
                 ], -1)
               ])]),
-              n("button", {
+              u("button", {
                 slot: "next",
                 class: "btn-outline btn btn-primary md:btn-sm",
-                onClick: ue
-              }, [...x[3] || (x[3] = [
-                n("svg", {
+                onClick: le
+              }, [...y[3] || (y[3] = [
+                u("svg", {
                   xmlns: "http://www.w3.org/2000/svg",
                   class: "w-4 h-4",
                   fill: "none",
                   viewBox: "0 24 24",
                   stroke: "currentColor"
                 }, [
-                  n("path", {
+                  u("path", {
                     "stroke-linecap": "round",
                     "stroke-linejoin": "round",
                     "stroke-width": "2",
@@ -1403,38 +1655,38 @@ const pt = ye("SunIcon", [
                   })
                 ], -1)
               ])]),
-              oe(L, {
+              re(L, {
                 locale: t.locale
               }, null, 8, ["locale"])
             ]),
             _: 1
-          }, 8, ["id", "min", "max", "disabled", "first-day-of-week"])) : z("", !0),
-          t.range && t.mode !== "time" && l ? (o(), ce(ie, {
+          }, 8, ["id", "min", "max", "disabled", "first-day-of-week"])) : S("", !0),
+          t.range && t.mode !== "time" && a ? (s(), fe(we, {
             key: 1,
             class: "cally w-full",
             ref_key: "rangeDatePicker",
-            ref: u,
+            ref: c,
             id: `${t.id}-date-range`,
             min: t.min,
             max: t.max,
             disabled: t.disabled,
             "first-day-of-week": t.firstDayOfWeek,
-            onChange: b
+            onChange: k
           }, {
-            default: be(() => [
-              n("button", {
+            default: ye(() => [
+              u("button", {
                 slot: "previous",
                 class: "btn-outline btn btn-primary md:btn-sm",
-                onClick: Q
-              }, [...x[4] || (x[4] = [
-                n("svg", {
+                onClick: G
+              }, [...y[4] || (y[4] = [
+                u("svg", {
                   xmlns: "http://www.w3.org/2000/svg",
                   class: "w-4 h-4",
                   fill: "none",
                   viewBox: "0 0 24 24",
                   stroke: "currentColor"
                 }, [
-                  n("path", {
+                  u("path", {
                     "stroke-linecap": "round",
                     "stroke-linejoin": "round",
                     "stroke-width": "2",
@@ -1442,19 +1694,19 @@ const pt = ye("SunIcon", [
                   })
                 ], -1)
               ])]),
-              n("button", {
+              u("button", {
                 slot: "next",
                 class: "btn-outline btn btn-primary md:btn-sm",
-                onClick: ue
-              }, [...x[5] || (x[5] = [
-                n("svg", {
+                onClick: le
+              }, [...y[5] || (y[5] = [
+                u("svg", {
                   xmlns: "http://www.w3.org/2000/svg",
                   class: "w-4 h-4",
                   fill: "none",
                   viewBox: "0 24 24",
                   stroke: "currentColor"
                 }, [
-                  n("path", {
+                  u("path", {
                     "stroke-linecap": "round",
                     "stroke-linejoin": "round",
                     "stroke-width": "2",
@@ -1462,74 +1714,164 @@ const pt = ye("SunIcon", [
                   })
                 ], -1)
               ])]),
-              oe(L, {
+              re(L, {
                 locale: t.locale
               }, null, 8, ["locale"])
             ]),
             _: 1
-          }, 8, ["id", "min", "max", "disabled", "first-day-of-week"])) : z("", !0),
-          t.range && t.mode !== "date" ? (o(), i("div", vl, [
-            n("div", fl, [
-              n("div", ml, [
-                n("input", {
+          }, 8, ["id", "min", "max", "disabled", "first-day-of-week"])) : S("", !0),
+          t.range && t.mode !== "date" ? (s(), r("div", Ba, [
+            u("div", Ia, [
+              u("div", Ma, [
+                u("input", {
                   class: "text-center hover:border-b-2 hover:-mb-0.5 open:bg-primary open:p-1 open:-m-0.5 open:rounded w-full relative",
                   type: "time",
                   ref_key: "timeFromInput",
-                  ref: S,
+                  ref: M,
                   id: `${t.id}-time-from`,
                   placeholder: "from",
-                  onChange: I,
+                  onChange: j,
                   disabled: t.disabled,
-                  value: V.value.from || ""
-                }, null, 40, pl)
+                  value: O.value.from || ""
+                }, null, 40, Ta)
               ]),
-              x[6] || (x[6] = n("svg", {
+              y[6] || (y[6] = u("svg", {
                 class: "join-item",
                 viewBox: "0 0 1024 1024",
                 width: "1em"
               }, [
-                n("path", { d: "M873.1 596.2l-164-208A32 32 0 00684 376h-64.8c-6.7 0-10.4 7.7-6.3 13l144.3 183H152c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h695.9c26.8 0 41.7-30.8 25.2-51.8z" })
+                u("path", { d: "M873.1 596.2l-164-208A32 32 0 00684 376h-64.8c-6.7 0-10.4 7.7-6.3 13l144.3 183H152c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h695.9c26.8 0 41.7-30.8 25.2-51.8z" })
               ], -1)),
-              n("div", hl, [
-                n("input", {
+              u("div", Va, [
+                u("input", {
                   class: "text-center hover:border-b-2 hover:-mb-0.5 open:bg-primary open:p-1 open:-m-0.5 open:rounded w-full relative",
                   type: "time",
                   ref_key: "timeToInput",
-                  ref: R,
+                  ref: A,
                   id: `${t.id}-time-to`,
-                  onChange: I,
+                  onChange: j,
                   disabled: t.disabled,
-                  value: V.value.to || ""
-                }, null, 40, gl)
+                  value: O.value.to || ""
+                }, null, 40, ja)
               ])
             ])
-          ])) : z("", !0),
-          !t.range && t.mode !== "date" ? (o(), i("div", bl, [
-            n("input", {
+          ])) : S("", !0),
+          !t.range && t.mode !== "date" ? (s(), r("div", Da, [
+            u("input", {
               class: "open:bg-primary open:rounded w-full input input-bordered justify-center",
               type: "time",
               ref_key: "timeInput",
-              ref: g,
+              ref: h,
               id: `${t.id}-time`,
-              onChange: I,
+              onChange: j,
               disabled: t.disabled,
-              value: V.value.single || ""
-            }, null, 40, yl)
-          ])) : z("", !0),
-          t.popup && t.closeText ? (o(), i("div", wl, [
-            n("button", {
+              value: O.value.single || ""
+            }, null, 40, Oa)
+          ])) : S("", !0),
+          t.popup && t.closeText ? (s(), r("div", Pa, [
+            u("button", {
               class: "btn btn-primary max-lg:w-full",
-              onClick: D
+              onClick: B
             }, T(t.closeText), 1)
-          ])) : z("", !0)
-        ], 42, dl)) : z("", !0)
+          ])) : S("", !0)
+        ], 42, _a)) : S("", !0)
       ], 544);
     };
   }
-}), kl = /* @__PURE__ */ re(xl, [["__scopeId", "data-v-ca3752e5"]]), $l = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), La = /* @__PURE__ */ ve(Aa, [["__scopeId", "data-v-ca3752e5"]]), Ea = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: kl
-}, Symbol.toStringTag, { value: "Module" })), Cl = ["value", "checked", "onChange", "disabled"], Wa = /* @__PURE__ */ j({
+  default: La
+}, Symbol.toStringTag, { value: "Module" })), Ra = ["accept", "multiple", "disabled"], En = /* @__PURE__ */ z({
+  inheritAttrs: !1,
+  __name: "fileInput",
+  props: {
+    accept: {},
+    multiple: { type: Boolean, default: !1 },
+    color: {},
+    size: {},
+    ghost: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 }
+  },
+  emits: ["change"],
+  setup(e, { emit: n }) {
+    const a = e, t = n, o = _(() => {
+      const l = ["file-input"];
+      return a.ghost && l.push("file-input-ghost"), a.color && l.push(`file-input-${a.color}`), a.size && l.push(`file-input-${a.size}`), l.join(" ");
+    }), i = (l) => {
+      const d = l.target;
+      t("change", d.files);
+    };
+    return (l, d) => (s(), r("input", ie({
+      type: "file",
+      class: o.value,
+      accept: e.accept,
+      multiple: e.multiple,
+      disabled: e.disabled,
+      onChange: i
+    }, l.$attrs), null, 16, Ra));
+  }
+}), Na = ["value", "checked", "disabled", "name"], Rn = /* @__PURE__ */ z({
+  inheritAttrs: !1,
+  __name: "radio",
+  props: {
+    modelValue: {},
+    value: {},
+    name: {},
+    color: {},
+    size: {},
+    disabled: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: n }) {
+    const a = e, t = n, o = _(() => {
+      const l = ["radio"];
+      return a.color && l.push(`radio-${a.color}`), a.size && l.push(`radio-${a.size}`), l.join(" ");
+    }), i = () => {
+      t("update:modelValue", a.value);
+    };
+    return (l, d) => (s(), r("input", ie({
+      type: "radio",
+      class: o.value,
+      value: e.value,
+      checked: e.modelValue === e.value,
+      disabled: e.disabled,
+      name: e.name,
+      onChange: i
+    }, l.$attrs), null, 16, Na));
+  }
+}), Fa = ["min", "max", "step", "value", "disabled"], Nn = /* @__PURE__ */ z({
+  inheritAttrs: !1,
+  __name: "range",
+  props: {
+    modelValue: { default: 0 },
+    min: { default: 0 },
+    max: { default: 100 },
+    step: { default: 1 },
+    color: {},
+    size: {},
+    disabled: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: n }) {
+    const a = e, t = n, o = _(() => {
+      const l = ["range"];
+      return a.color && l.push(`range-${a.color}`), a.size && l.push(`range-${a.size}`), l.join(" ");
+    }), i = (l) => {
+      const d = l.target;
+      t("update:modelValue", Number(d.value));
+    };
+    return (l, d) => (s(), r("input", ie({
+      type: "range",
+      class: o.value,
+      min: e.min,
+      max: e.max,
+      step: e.step,
+      value: e.modelValue,
+      disabled: e.disabled,
+      onInput: i
+    }, l.$attrs), null, 16, Fa));
+  }
+}), qa = ["value", "checked", "onChange", "disabled"], Fn = /* @__PURE__ */ z({
   __name: "rating",
   props: {
     initialRating: { default: 0 },
@@ -1542,34 +1884,34 @@ const pt = ye("SunIcon", [
     gap: { default: 0 }
   },
   setup(e) {
-    const c = e, l = h(c.initialRating);
-    q(
-      () => c.initialRating,
-      (r) => {
-        l.value = r;
+    const n = e, a = b(n.initialRating);
+    R(
+      () => n.initialRating,
+      (o) => {
+        a.value = o;
       }
     );
-    const t = (r) => {
-      l.value = r;
+    const t = (o) => {
+      a.value = o;
     };
-    return (r, a) => (o(), i("div", {
-      class: $(["rating", [
-        `rating-${c.size}`,
+    return (o, i) => (s(), r("div", {
+      class: w(["rating", [
+        `rating-${n.size}`,
         { "rating-half": e.halfStars },
         { "pointer-events-none": !e.isInteractive }
       ]])
     }, [
-      (o(!0), i(A, null, X(e.numberOfStars * (e.halfStars ? 2 : 1), (s) => (o(), i("input", {
-        key: s,
+      (s(!0), r(N, null, U(e.numberOfStars * (e.halfStars ? 2 : 1), (l) => (s(), r("input", {
+        key: l,
         type: "radio",
-        value: e.halfStars ? s * 0.5 : s,
-        checked: l.value === (e.halfStars ? s * 0.5 : s),
-        onChange: (m) => e.isInteractive ? t(e.halfStars ? s * 0.5 : s) : null,
-        class: $(["mask", [
+        value: e.halfStars ? l * 0.5 : l,
+        checked: a.value === (e.halfStars ? l * 0.5 : l),
+        onChange: (d) => e.isInteractive ? t(e.halfStars ? l * 0.5 : l) : null,
+        class: w(["mask", [
           {
             // 'bg-yellow-400': rating >= (halfStars ? i * 0.5 : i),
-            "mask-half-1": e.halfStars && s % 2 !== 0,
-            "mask-half-2": e.halfStars && s % 2 === 0,
+            "mask-half-1": e.halfStars && l % 2 !== 0,
+            "mask-half-2": e.halfStars && l % 2 === 0,
             "cursor-pointer": e.isInteractive,
             "cursor-default": !e.isInteractive,
             "mask-star": e.shape === "star",
@@ -1586,16 +1928,16 @@ const pt = ye("SunIcon", [
             "mask-triangle-3": e.shape === "triangle-left",
             "mask-triangle-4": e.shape === "triangle-right"
           },
-          l.value >= (e.halfStars ? s * 0.5 : s) ? c.color : ""
+          a.value >= (e.halfStars ? l * 0.5 : l) ? n.color : ""
         ]]),
-        style: Ie({
-          marginRight: e.halfStars && s % 2 === 0 ? `${c.gap}px` : e.halfStars ? "0" : `${c.gap}px`
+        style: be({
+          marginRight: e.halfStars && l % 2 === 0 ? `${n.gap}px` : e.halfStars ? "0" : `${n.gap}px`
         }),
         disabled: !e.isInteractive
-      }, null, 46, Cl))), 128))
+      }, null, 46, qa))), 128))
     ], 2));
   }
-}), Sl = { class: "badge" }, Il = ["onClick"], Ml = { class: "opacity-75" }, zl = ["placeholder"], Ka = /* @__PURE__ */ j({
+}), Wa = { class: "badge" }, Ha = ["onClick"], Ua = { class: "opacity-75" }, Ka = ["placeholder"], qn = /* @__PURE__ */ z({
   __name: "taginput",
   props: {
     modelValue: {},
@@ -1604,61 +1946,61 @@ const pt = ye("SunIcon", [
     class: {}
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: c }) {
-    const l = e, t = c, r = h([...l.modelValue]), a = l.maxTagAmount === void 0 ? -1 : l.maxTagAmount, s = h(null), m = h(""), u = U(() => a < 0 || r.value.length < a), g = () => {
-      const v = m.value.trim();
-      v && !r.value.includes(v) && (r.value.push(v), t("update:modelValue", r.value), m.value = "");
-    }, S = (v) => {
-      r.value = r.value.filter((O) => O !== v), t("update:modelValue", r.value);
-    }, R = () => {
-      m.value === "" && (r.value.pop(), t("update:modelValue", r.value));
-    }, V = (v) => {
-      v.key === "Enter" ? g() : v.key === "Backspace" && m.value === "" && R();
+  setup(e, { emit: n }) {
+    const a = e, t = n, o = b([...a.modelValue]), i = a.maxTagAmount === void 0 ? -1 : a.maxTagAmount, l = b(null), d = b(""), c = _(() => i < 0 || o.value.length < i), h = () => {
+      const v = d.value.trim();
+      v && !o.value.includes(v) && (o.value.push(v), t("update:modelValue", o.value), d.value = "");
+    }, M = (v) => {
+      o.value = o.value.filter((D) => D !== v), t("update:modelValue", o.value);
+    }, A = () => {
+      d.value === "" && (o.value.pop(), t("update:modelValue", o.value));
+    }, O = (v) => {
+      v.key === "Enter" ? h() : v.key === "Backspace" && d.value === "" && A();
     };
-    return q(() => l.modelValue, (v) => {
-      r.value = [...v];
-    }), (v, O) => (o(), i("div", {
-      class: $(["flex flex-wrap gap-2 bg-base-100 shadow px-4 py-6 border border-base-content/20 rounded", v.$props.class])
+    return R(() => a.modelValue, (v) => {
+      o.value = [...v];
+    }), (v, D) => (s(), r("div", {
+      class: w(["flex flex-wrap gap-2 bg-base-100 shadow px-4 py-6 border border-base-content/20 rounded", v.$props.class])
     }, [
-      (o(!0), i(A, null, X(r.value, (M) => B(v.$slots, "tag", {
-        key: M,
-        tag: M
+      (s(!0), r(N, null, U(o.value, (V) => $(v.$slots, "tag", {
+        key: V,
+        tag: V
       }, () => [
-        n("div", Sl, [
-          n("button", {
+        u("div", Wa, [
+          u("button", {
             class: "px-1! py-0! h-fit font-bold cursor-pointer",
-            onClick: (H) => S(M),
+            onClick: (W) => M(V),
             "aria-label": "Remove tag"
-          }, "X", 8, Il),
-          n("span", Ml, T(M), 1)
+          }, "X", 8, Ha),
+          u("span", Ua, T(V), 1)
         ])
       ])), 128)),
-      B(v.$slots, "input", { showInput: u.value }, () => [
-        u.value ? Se((o(), i("input", {
+      $(v.$slots, "input", { showInput: c.value }, () => [
+        c.value ? ke((s(), r("input", {
           key: 0,
           ref_key: "inputRef",
-          ref: s,
-          "onUpdate:modelValue": O[0] || (O[0] = (M) => m.value = M),
+          ref: l,
+          "onUpdate:modelValue": D[0] || (D[0] = (V) => d.value = V),
           type: "text",
           placeholder: e.placeholder || "Type here",
           class: "h-full input input-ghost",
-          onKeydown: V,
+          onKeydown: O,
           "aria-label": "Add tags"
-        }, null, 40, zl)), [
-          [Ae, m.value]
-        ]) : z("", !0)
+        }, null, 40, Ka)), [
+          [Ue, d.value]
+        ]) : S("", !0)
       ])
     ], 2));
   }
-}), Tl = { class: "w-full max-w-xs form-control" }, Bl = {
+}), Xa = { class: "w-full max-w-xs form-control" }, Ga = {
   key: 0,
   class: "label"
-}, Dl = { class: "label-text" }, Ol = ["value"], Vl = {
+}, Ya = { class: "label-text" }, Ja = ["value"], Za = {
   key: 0,
   value: "",
   disabled: "",
   selected: ""
-}, _l = ["value"], Xa = /* @__PURE__ */ j({
+}, Qa = ["value"], Wn = /* @__PURE__ */ z({
   __name: "select",
   props: {
     options: {},
@@ -1667,45 +2009,45 @@ const pt = ye("SunIcon", [
     modelValue: {}
   },
   emits: ["update:modelValue"],
-  setup(e, { expose: c, emit: l }) {
+  setup(e, { expose: n, emit: a }) {
     console.log(e.placeholder);
-    const r = l, a = h(null), s = (u) => {
-      const g = u.target;
-      r("update:modelValue", g.value);
+    const o = a, i = b(null), l = (c) => {
+      const h = c.target;
+      o("update:modelValue", h.value);
     };
-    return c({
+    return n({
       focusInput: () => {
-        var u;
-        console.log("select.vue: focusInput method called."), (u = a.value) == null || u.focus();
+        var c;
+        console.log("select.vue: focusInput method called."), (c = i.value) == null || c.focus();
       }
       // You can expose other properties or methods here if needed by the parent
       // e.g., the current value: modelValue
-    }), (u, g) => (o(), i("div", Tl, [
-      e.label ? (o(), i("label", Bl, [
-        n("span", Dl, T(e.label), 1)
-      ])) : z("", !0),
-      n("select", {
+    }), (c, h) => (s(), r("div", Xa, [
+      e.label ? (s(), r("label", Ga, [
+        u("span", Ya, T(e.label), 1)
+      ])) : S("", !0),
+      u("select", {
         ref_key: "selectElement",
-        ref: a,
+        ref: i,
         class: "rounded-md w-full select-bordered select",
         value: e.modelValue,
-        onChange: s
+        onChange: l
       }, [
-        e.placeholder ? (o(), i("option", Vl, T(e.placeholder), 1)) : z("", !0),
-        (o(!0), i(A, null, X(e.options, (S) => (o(), i("option", {
-          key: S.value,
-          value: S.value
-        }, T(S.text), 9, _l))), 128))
-      ], 40, Ol)
+        e.placeholder ? (s(), r("option", Za, T(e.placeholder), 1)) : S("", !0),
+        (s(!0), r(N, null, U(e.options, (M) => (s(), r("option", {
+          key: M.value,
+          value: M.value
+        }, T(M.text), 9, Qa))), 128))
+      ], 40, Ja)
     ]));
   }
-}), El = {
+}), el = {
   key: 0,
   class: "label"
-}, Ll = { class: "label-text" }, jl = ["onKeydown", "aria-expanded", "aria-activedescendant"], Pl = ["placeholder", "disabled"], Rl = {
+}, tl = { class: "label-text" }, al = ["onKeydown", "aria-expanded", "aria-activedescendant"], ll = ["placeholder", "disabled"], nl = {
   class: "top-full z-10 absolute bg-base-100 shadow-lg mt-1 rounded-md w-full dropdown-content",
   role: "listbox"
-}, Al = { class: "flex-nowrap p-0 w-[inherit] max-h-60 overflow-y-auto menu" }, Nl = ["onMousedown", "id", "aria-selected"], Ya = {
+}, sl = { class: "flex-nowrap p-0 w-[inherit] max-h-60 overflow-y-auto menu" }, ol = ["onMousedown", "id", "aria-selected"], Hn = {
   __name: "filterableSelect",
   props: {
     // Array of options: [{ value: any, text: string }, ...]
@@ -1735,193 +2077,193 @@ const pt = ye("SunIcon", [
     }
   },
   emits: ["update:modelValue", "select", "clear"],
-  setup(e, { expose: c, emit: l }) {
-    const t = e, r = l, a = Je(), s = U(() => {
-      const D = (a.default ? a.default() : []).filter((w) => w.type !== Ze);
-      return console.log("hasDefaultSlotContent computed:", D.length > 0), D.length > 0;
-    }), m = h(""), u = h(null), g = h(!1), S = h(null), R = h(null), V = h(null), v = h(null), O = () => {
-      g.value = !t.disabled;
-    }, M = () => {
-      g.value = !1, v.value = null, s.value || (u.value && m.value !== u.value.text ? m.value = u.value.text : u.value || (m.value = ""));
-    }, H = () => {
-      g.value ? M() : O();
-    }, N = U(() => {
-      const d = m.value ? m.value.toLowerCase() : "";
-      return d === "" && !g.value ? [] : t.options.filter(
-        (w) => w && w.text ? w.text.toLowerCase().includes(d) : ""
+  setup(e, { expose: n, emit: a }) {
+    const t = e, o = a, i = tt(), l = _(() => {
+      const B = (i.default ? i.default() : []).filter((I) => I.type !== at);
+      return console.log("hasDefaultSlotContent computed:", B.length > 0), B.length > 0;
+    }), d = b(""), c = b(null), h = b(!1), M = b(null), A = b(null), O = b(null), v = b(null), D = () => {
+      h.value = !t.disabled;
+    }, V = () => {
+      h.value = !1, v.value = null, l.value || (c.value && d.value !== c.value.text ? d.value = c.value.text : c.value || (d.value = ""));
+    }, W = () => {
+      h.value ? V() : D();
+    }, F = _(() => {
+      const f = d.value ? d.value.toLowerCase() : "";
+      return f === "" && !h.value ? [] : t.options.filter(
+        (I) => I && I.text ? I.text.toLowerCase().includes(f) : ""
       );
     });
-    q(
+    R(
       () => t.modelValue,
-      (d, D) => {
-        if (d !== D && M(), d == null)
-          u.value = null, !g.value && !s.value && (m.value = "");
+      (f, B) => {
+        if (f !== B && V(), f == null)
+          c.value = null, !h.value && !l.value && (d.value = "");
         else {
-          const w = t.options.find((_) => _.value === d);
-          w ? (u.value = w, !g.value && !s.value && (m.value = w.text)) : (u.value = null, !g.value && !s.value && (m.value = ""));
+          const I = t.options.find((H) => H.value === f);
+          I ? (c.value = I, !h.value && !l.value && (d.value = I.text)) : (c.value = null, !h.value && !l.value && (d.value = ""));
         }
       },
       { immediate: !0 }
       // Run immediately on component mount
     );
-    const W = (d) => {
-      R.value && !R.value.contains(d.target) && M();
-    }, Z = () => {
+    const K = (f) => {
+      A.value && !A.value.contains(f.target) && V();
+    }, J = () => {
       setTimeout(() => {
-        R.value && !R.value.contains(document.activeElement) && M();
+        A.value && !A.value.contains(document.activeElement) && V();
       }, 100);
     };
-    q(g, (d) => {
-      d ? setTimeout(() => {
-        document.addEventListener("click", W);
-      }, 0) : document.removeEventListener("click", W);
-    }), Ve(() => {
-      document.removeEventListener("click", W), window.removeEventListener("keydown", I);
+    R(h, (f) => {
+      f ? setTimeout(() => {
+        document.addEventListener("click", K);
+      }, 0) : document.removeEventListener("click", K);
+    }), Ee(() => {
+      document.removeEventListener("click", K), window.removeEventListener("keydown", j);
     });
-    const te = () => {
+    const ae = () => {
       if (t.disabled) return;
-      const d = u.value;
-      r("update:modelValue", null), d && r("clear", d);
-    }, f = (d) => {
-      u.value = d, s.value || (m.value = d.text), r("update:modelValue", d.value), r("select", d), M();
-    }, y = () => {
-      N.value.length > 0 && f(N.value[0]);
-    }, b = () => {
-      g.value || O();
-    }, I = (d) => {
-      if (!g.value || N.value.length === 0) return;
-      const D = N.value.findIndex(
-        (_, P) => "option-" + P === v.value
+      const f = c.value;
+      o("update:modelValue", null), f && o("clear", f);
+    }, m = (f) => {
+      c.value = f, l.value || (d.value = f.text), o("update:modelValue", f.value), o("select", f), V();
+    }, x = () => {
+      F.value.length > 0 && m(F.value[0]);
+    }, k = () => {
+      h.value || D();
+    }, j = (f) => {
+      if (!h.value || F.value.length === 0) return;
+      const B = F.value.findIndex(
+        (H, ee) => "option-" + ee === v.value
       );
-      let w = -1;
-      if (d.key === "ArrowDown")
-        d.preventDefault(), w = (D + 1) % N.value.length;
-      else if (d.key === "ArrowUp")
-        d.preventDefault(), w = (D - 1 + N.value.length) % N.value.length;
-      else if (d.key === "Enter" && v.value) {
-        d.preventDefault();
-        const _ = N.value.find(
-          (P, Q) => "option-" + Q === v.value
+      let I = -1;
+      if (f.key === "ArrowDown")
+        f.preventDefault(), I = (B + 1) % F.value.length;
+      else if (f.key === "ArrowUp")
+        f.preventDefault(), I = (B - 1 + F.value.length) % F.value.length;
+      else if (f.key === "Enter" && v.value) {
+        f.preventDefault();
+        const H = F.value.find(
+          (ee, G) => "option-" + G === v.value
         );
-        _ && f(_);
+        H && m(H);
         return;
-      } else if (d.key === "Escape") {
-        d.preventDefault(), M(), V.value && V.value.focus();
+      } else if (f.key === "Escape") {
+        f.preventDefault(), V(), O.value && O.value.focus();
         return;
-      } else if (s.value)
+      } else if (l.value)
         return;
-      if (w !== -1) {
-        v.value = "option-" + w;
-        const _ = document.getElementById(v.value);
-        _ && requestAnimationFrame(() => {
-          _.scrollIntoView({ block: "nearest", behavior: "smooth" });
+      if (I !== -1) {
+        v.value = "option-" + I;
+        const H = document.getElementById(v.value);
+        H && requestAnimationFrame(() => {
+          H.scrollIntoView({ block: "nearest", behavior: "smooth" });
         });
       }
     };
-    return q(g, (d) => {
-      d ? (window.addEventListener("keydown", I), !s.value && !m.value && u.value && (m.value = u.value.text)) : window.removeEventListener("keydown", I);
-    }), Ve(() => {
-      document.removeEventListener("click", W), window.removeEventListener("keydown", I);
-    }), c({
-      isDropdownOpen: g,
+    return R(h, (f) => {
+      f ? (window.addEventListener("keydown", j), !l.value && !d.value && c.value && (d.value = c.value.text)) : window.removeEventListener("keydown", j);
+    }), Ee(() => {
+      document.removeEventListener("click", K), window.removeEventListener("keydown", j);
+    }), n({
+      isDropdownOpen: h,
       // Expose state
-      selectedItem: u,
+      selectedItem: c,
       // Expose selected item
-      openDropdown: O,
+      openDropdown: D,
       // Expose method to open
-      closeDropdown: M,
+      closeDropdown: V,
       // Expose method to close
-      toggleDropdown: H,
+      toggleDropdown: W,
       // Expose method to toggle
-      selectItem: f,
+      selectItem: m,
       // Expose method to select an item programmatically
-      filterText: m,
+      filterText: d,
       // Expose filter text (useful if parent controls filtering)
-      hasDefaultSlotContent: s
+      hasDefaultSlotContent: l
       // Expose to know if the default slot is used
-    }), (d, D) => (o(), i("div", {
+    }), (f, B) => (s(), r("div", {
       class: "relative w-full max-w-xs form-control",
       ref_key: "componentRoot",
-      ref: R
+      ref: A
     }, [
-      e.label ? (o(), i("label", El, [
-        n("span", Ll, T(e.label), 1)
-      ])) : z("", !0),
-      n("div", {
-        class: $(["flex items-center input-bordered rounded-md w-fit cursor-pointer", { input: !s.value, select: !s.value }]),
+      e.label ? (s(), r("label", el, [
+        u("span", tl, T(e.label), 1)
+      ])) : S("", !0),
+      u("div", {
+        class: w(["flex items-center input-bordered rounded-md w-fit cursor-pointer", { input: !l.value, select: !l.value }]),
         style: { "background-image": "unset", "padding-right": "0.5rem" },
         tabindex: " 0",
-        onClick: D[1] || (D[1] = (w) => s.value ? H() : O()),
+        onClick: B[1] || (B[1] = (I) => l.value ? W() : D()),
         onKeydown: [
-          pe(ne(y, ["prevent"]), ["enter"]),
-          pe(ne(y, ["prevent"]), ["space"])
+          ge(oe(x, ["prevent"]), ["enter"]),
+          ge(oe(x, ["prevent"]), ["space"])
         ],
-        onBlur: Z,
+        onBlur: J,
         role: "combobox",
         "aria-haspopup": "listbox",
-        "aria-expanded": g.value,
+        "aria-expanded": h.value,
         "aria-activedescendant": v.value,
         "aria-autocomplete": "list",
         ref_key: "activatorWrapper",
-        ref: V
+        ref: O
       }, [
-        B(d.$slots, "default", {}, () => [
-          s.value ? z("", !0) : Se((o(), i("input", {
+        $(f.$slots, "default", {}, () => [
+          l.value ? S("", !0) : ke((s(), r("input", {
             key: 0,
             type: "text",
             placeholder: e.placeholder,
             class: "bg-transparent border-none focus:outline-none w-full",
-            "onUpdate:modelValue": D[0] || (D[0] = (w) => m.value = w),
+            "onUpdate:modelValue": B[0] || (B[0] = (I) => d.value = I),
             ref_key: "filterInput",
-            ref: S,
-            onFocus: O,
-            onInput: b,
+            ref: M,
+            onFocus: D,
+            onInput: k,
             tabindex: "-1",
             disabled: t.disabled
-          }, null, 40, Pl)), [
-            [Ae, m.value]
+          }, null, 40, ll)), [
+            [Ue, d.value]
           ])
         ]),
-        u.value && !e.disabled ? (o(), ce(ee(ft), {
+        c.value && !e.disabled ? (s(), fe(te(gt), {
           key: 0,
           size: 20,
           class: "mx-2 text-base-content/50 hover:text-base-content/80 cursor-pointer",
-          onClick: ne(te, ["stop"])
-        })) : z("", !0),
-        oe(ee(vt), {
-          class: $([{ "rotate-180": g.value }, "mx-2 cursor-pointer text-base-content/60 hover:text-base-content/80"]),
+          onClick: oe(ae, ["stop"])
+        })) : S("", !0),
+        re(te(ht), {
+          class: w([{ "rotate-180": h.value }, "mx-2 cursor-pointer text-base-content/60 hover:text-base-content/80"]),
           size: 20,
-          onClick: ne(H, ["stop"])
+          onClick: oe(W, ["stop"])
         }, null, 8, ["class"])
-      ], 42, jl),
-      Se(n("div", Rl, [
-        n("ul", Al, [
-          (o(!0), i(A, null, X(N.value, (w, _) => (o(), i("li", {
-            key: w.value,
-            onMousedown: ne((P) => f(w), ["prevent"]),
+      ], 42, al),
+      ke(u("div", nl, [
+        u("ul", sl, [
+          (s(!0), r(N, null, U(F.value, (I, H) => (s(), r("li", {
+            key: I.value,
+            onMousedown: oe((ee) => m(I), ["prevent"]),
             class: "hover:bg-base-200 rounded-md w-full cursor-pointer",
-            id: "option-" + _,
+            id: "option-" + H,
             role: "option",
-            "aria-selected": u.value && u.value.value === w.value
+            "aria-selected": c.value && c.value.value === I.value
           }, [
-            n("a", null, T(w.text), 1)
-          ], 40, Nl))), 128))
+            u("a", null, T(I.text), 1)
+          ], 40, ol))), 128))
         ])
       ], 512), [
-        [Qe, g.value && N.value.length > 0]
+        [lt, h.value && F.value.length > 0]
       ])
     ], 512));
   }
-}, ql = { class: "w-full max-w-xs form-control" }, Fl = {
+}, il = { class: "w-full max-w-xs form-control" }, rl = {
   key: 0,
   class: "label"
-}, Hl = { class: "label-text" }, Ul = ["type", "placeholder", "disabled", "value"], Wl = {
+}, ul = { class: "label-text" }, cl = ["type", "placeholder", "disabled", "value"], dl = {
   key: 1,
   class: "label"
-}, Kl = { class: "label-text-alt text-error validator-hint" }, Xl = {
+}, fl = { class: "label-text-alt text-error validator-hint" }, vl = {
   key: 2,
   class: "label"
-}, Yl = { class: "label-text-alt text-success validator-hint" }, Ga = /* @__PURE__ */ j({
+}, ml = { class: "label-text-alt text-success validator-hint" }, Un = /* @__PURE__ */ z({
   __name: "inputField",
   props: {
     modelValue: { default: "" },
@@ -1937,43 +2279,43 @@ const pt = ye("SunIcon", [
     disabled: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue", "validate"],
-  setup(e, { expose: c, emit: l }) {
-    const t = e, r = l, a = h(null), s = h(!1), m = h(""), u = U(() => {
-      var H, N, W, Z;
-      let v = !0, O = "";
-      const M = t.modelValue;
-      return (H = t.rules) != null && H.required && (M == null || M === "") && (v = !1, O = "This field is required."), v && ((N = t.rules) == null ? void 0 : N.minLength) !== void 0 && typeof M == "string" && M.length < t.rules.minLength && (v = !1, O = `Must be at least ${t.rules.minLength} characters.`), v && ((W = t.rules) == null ? void 0 : W.maxLength) !== void 0 && typeof M == "string" && M.length > t.rules.maxLength && (v = !1, O = `Cannot exceed ${t.rules.maxLength} characters.`), v && ((Z = t.rules) != null && Z.email) && typeof M == "string" && M && (/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(M) || (v = !1, O = "Please enter a valid email address.")), m.value = O, r("validate", v), v;
-    }), g = U(() => s.value && !u.value), S = (v) => {
-      const O = v.target;
-      r("update:modelValue", O.value), s.value && u.value;
-    }, R = () => {
-      s.value = !0, u.value;
+  setup(e, { expose: n, emit: a }) {
+    const t = e, o = a, i = b(null), l = b(!1), d = b(""), c = _(() => {
+      var W, F, K, J;
+      let v = !0, D = "";
+      const V = t.modelValue;
+      return (W = t.rules) != null && W.required && (V == null || V === "") && (v = !1, D = "This field is required."), v && ((F = t.rules) == null ? void 0 : F.minLength) !== void 0 && typeof V == "string" && V.length < t.rules.minLength && (v = !1, D = `Must be at least ${t.rules.minLength} characters.`), v && ((K = t.rules) == null ? void 0 : K.maxLength) !== void 0 && typeof V == "string" && V.length > t.rules.maxLength && (v = !1, D = `Cannot exceed ${t.rules.maxLength} characters.`), v && ((J = t.rules) != null && J.email) && typeof V == "string" && V && (/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(V) || (v = !1, D = "Please enter a valid email address.")), d.value = D, o("validate", v), v;
+    }), h = _(() => l.value && !c.value), M = (v) => {
+      const D = v.target;
+      o("update:modelValue", D.value), l.value && c.value;
+    }, A = () => {
+      l.value = !0, c.value;
     };
-    return q(
+    return R(
       () => t.modelValue,
       () => {
-        s.value && u.value;
+        l.value && c.value;
       }
-    ), c({
+    ), n({
       focusInput: () => {
         var v;
-        console.log("inputField.vue: focusInput method called."), (v = a.value) == null || v.focus();
+        console.log("inputField.vue: focusInput method called."), (v = i.value) == null || v.focus();
       },
-      isValid: u,
-      isTouched: s,
-      errorMessage: m
-    }), (v, O) => (o(), i("div", ql, [
-      e.label ? (o(), i("label", Fl, [
-        n("span", Hl, T(e.label), 1)
-      ])) : z("", !0),
-      B(v.$slots, "default"),
-      n("input", {
+      isValid: c,
+      isTouched: l,
+      errorMessage: d
+    }), (v, D) => (s(), r("div", il, [
+      e.label ? (s(), r("label", rl, [
+        u("span", ul, T(e.label), 1)
+      ])) : S("", !0),
+      $(v.$slots, "default"),
+      u("input", {
         ref_key: "inputElement",
-        ref: a,
+        ref: i,
         type: e.type,
         placeholder: e.placeholder,
         disabled: t.disabled,
-        class: $(["input-bordered rounded-md w-full input validator", [
+        class: w(["input-bordered rounded-md w-full input validator", [
           {
             // Size classes - Apply based on size prop
             "input-xs": e.size === "xs",
@@ -1985,33 +2327,89 @@ const pt = ye("SunIcon", [
             "input-ghost": e.style === "ghost",
             // Color classes - Apply only if NOT in an error state AND NOT in a validation success state.
             // This ensures validation feedback overrides base colors.
-            "input-neutral": e.color === "neutral" && !g.value && !(u.value && s.value && e.needsValidation),
-            "input-primary": e.color === "primary" && !g.value && !(u.value && s.value && e.needsValidation),
-            "input-secondary": e.color === "secondary" && !g.value && !(u.value && s.value && e.needsValidation),
-            "input-accent": e.color === "accent" && !g.value && !(u.value && s.value && e.needsValidation),
-            "input-info": e.color === "info" && !g.value && !(u.value && s.value && e.needsValidation),
-            "input-success": e.color === "success" && !g.value && !(u.value && s.value && e.needsValidation),
+            "input-neutral": e.color === "neutral" && !h.value && !(c.value && l.value && e.needsValidation),
+            "input-primary": e.color === "primary" && !h.value && !(c.value && l.value && e.needsValidation),
+            "input-secondary": e.color === "secondary" && !h.value && !(c.value && l.value && e.needsValidation),
+            "input-accent": e.color === "accent" && !h.value && !(c.value && l.value && e.needsValidation),
+            "input-info": e.color === "info" && !h.value && !(c.value && l.value && e.needsValidation),
+            "input-success": e.color === "success" && !h.value && !(c.value && l.value && e.needsValidation),
             // Color success applies only if not in error or validation success state
-            "input-warning": e.color === "warning" && !g.value && !(u.value && s.value && e.needsValidation),
+            "input-warning": e.color === "warning" && !h.value && !(c.value && l.value && e.needsValidation),
             // Validation state classes - These take precedence visually via conditions or CSS specificity.
-            "input-error": g.value,
+            "input-error": h.value,
             // Apply error style if validation fails
-            "input-success-validation": u.value && s.value && !g.value && e.needsValidation
+            "input-success-validation": c.value && l.value && !h.value && e.needsValidation
             // Apply validation success style if valid, touched, not error, AND validation is needed. Using a distinct name 'input-success-validation' is recommended to avoid CSS conflicts with the 'input-success' color class.
           }
         ]]),
         value: e.modelValue,
-        onInput: S,
-        onBlur: R
-      }, null, 42, Ul),
-      g.value ? (o(), i("div", Wl, [
-        n("span", Kl, T(m.value), 1)
-      ])) : u.value && s.value && e.successMessage ? (o(), i("div", Xl, [
-        n("span", Yl, T(e.successMessage), 1)
-      ])) : z("", !0)
+        onInput: M,
+        onBlur: A
+      }, null, 42, cl),
+      h.value ? (s(), r("div", dl, [
+        u("span", fl, T(d.value), 1)
+      ])) : c.value && l.value && e.successMessage ? (s(), r("div", vl, [
+        u("span", ml, T(e.successMessage), 1)
+      ])) : S("", !0)
     ]));
   }
-}), Ja = /* @__PURE__ */ j({
+}), pl = ["value", "placeholder", "disabled", "rows"], Kn = /* @__PURE__ */ z({
+  inheritAttrs: !1,
+  __name: "textarea",
+  props: {
+    modelValue: { default: "" },
+    placeholder: {},
+    rows: { default: 3 },
+    color: {},
+    size: {},
+    ghost: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: n }) {
+    const a = e, t = n, o = _(() => {
+      const l = ["textarea"];
+      return a.ghost && l.push("textarea-ghost"), a.color && l.push(`textarea-${a.color}`), a.size && l.push(`textarea-${a.size}`), l.join(" ");
+    }), i = (l) => {
+      const d = l.target;
+      t("update:modelValue", d.value);
+    };
+    return (l, d) => (s(), r("textarea", ie({
+      class: o.value,
+      value: e.modelValue,
+      placeholder: e.placeholder,
+      disabled: e.disabled,
+      rows: e.rows,
+      onInput: i
+    }, l.$attrs), null, 16, pl));
+  }
+}), hl = ["checked", "disabled"], Xn = /* @__PURE__ */ z({
+  inheritAttrs: !1,
+  __name: "toggle",
+  props: {
+    modelValue: { type: Boolean, default: !1 },
+    color: {},
+    size: {},
+    disabled: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: n }) {
+    const a = e, t = n, o = _(() => {
+      const l = ["toggle"];
+      return a.color && l.push(`toggle-${a.color}`), a.size && l.push(`toggle-${a.size}`), l.join(" ");
+    }), i = (l) => {
+      const d = l.target;
+      t("update:modelValue", d.checked);
+    };
+    return (l, d) => (s(), r("input", ie({
+      type: "checkbox",
+      class: o.value,
+      checked: e.modelValue,
+      disabled: e.disabled,
+      onChange: i
+    }, l.$attrs), null, 16, hl));
+  }
+}), Gn = /* @__PURE__ */ z({
   __name: "loader",
   props: {
     loading: { type: Boolean, default: !0 },
@@ -2020,15 +2418,15 @@ const pt = ye("SunIcon", [
     color: { default: "primary" }
   },
   setup(e) {
-    const c = e, l = h(c.loading);
-    return q(
-      () => c.loading,
+    const n = e, a = b(n.loading);
+    return R(
+      () => n.loading,
       (t) => {
-        l.value = t;
+        a.value = t;
       }
-    ), (t, r) => l.value ? (o(), i("span", {
+    ), (t, o) => a.value ? (s(), r("span", {
       key: 0,
-      class: $(["loading", [
+      class: w(["loading", [
         { "loading-xs": e.size === "xs" },
         { "loading-sm": e.size === "sm" },
         { "loading-md": e.size === "md" },
@@ -2051,29 +2449,66 @@ const pt = ye("SunIcon", [
         { "text-warning": e.color === "warning" },
         { "text-error": e.color === "error" }
       ]])
-    }, null, 2)) : z("", !0);
+    }, null, 2)) : S("", !0);
   }
-}), Ce = h([]);
-function Gl() {
-  const e = (l, t = "default", r = 5e3) => {
-    const a = Math.random().toString(36).substring(2, 9);
-    Ce.value.push({
-      id: a,
-      message: l,
+}), gl = ["value", "max"], Yn = /* @__PURE__ */ z({
+  inheritAttrs: !1,
+  __name: "progress",
+  props: {
+    value: {},
+    max: { default: 100 },
+    color: {}
+  },
+  setup(e) {
+    const n = e, a = _(() => {
+      const t = ["progress"];
+      return n.color && t.push(`progress-${n.color}`), t.join(" ");
+    });
+    return (t, o) => (s(), r("progress", ie({
+      class: a.value,
+      value: e.value,
+      max: e.max
+    }, t.$attrs), null, 16, gl));
+  }
+}), Jn = /* @__PURE__ */ z({
+  __name: "skeleton",
+  props: {
+    text: { type: Boolean, default: !1 },
+    width: {},
+    height: {}
+  },
+  setup(e) {
+    const n = e, a = _(() => {
+      const t = ["skeleton"];
+      return n.text && t.push("skeleton-text"), t.join(" ");
+    });
+    return (t, o) => (s(), r("div", {
+      class: w(a.value)
+    }, [
+      $(t.$slots, "default")
+    ], 2));
+  }
+}), Te = b([]);
+function bl() {
+  const e = (a, t = "default", o = 5e3) => {
+    const i = Math.random().toString(36).substring(2, 9);
+    Te.value.push({
+      id: i,
+      message: a,
       type: t,
-      duration: r
+      duration: o
     });
-  }, c = (l) => {
-    Ce.value = Ce.value.filter((t) => t.id !== l);
+  }, n = (a) => {
+    Te.value = Te.value.filter((t) => t.id !== a);
   };
   return {
     // Expose a read-only version of the toasts array
-    toasts: et(Ce),
+    toasts: nt(Te),
     addToast: e,
-    removeToast: c
+    removeToast: n
   };
 }
-const Jl = ["value"], Zl = /* @__PURE__ */ j({
+const yl = ["value"], wl = /* @__PURE__ */ z({
   __name: "ToastNotification",
   props: {
     toast: {
@@ -2082,22 +2517,22 @@ const Jl = ["value"], Zl = /* @__PURE__ */ j({
     }
   },
   emits: ["remove"],
-  setup(e, { emit: c }) {
-    const l = e, t = c, r = h(100);
-    let a = null, s = null;
-    de(() => {
-      const u = l.toast.duration, g = Date.now();
-      a = setTimeout(() => {
-        t("remove", l.toast.id);
-      }, u), s = setInterval(() => {
-        const S = Date.now() - g, R = Math.max(0, u - S);
-        r.value = R / u * 100, R === 0 && clearInterval(s);
+  setup(e, { emit: n }) {
+    const a = e, t = n, o = b(100);
+    let i = null, l = null;
+    pe(() => {
+      const c = a.toast.duration, h = Date.now();
+      i = setTimeout(() => {
+        t("remove", a.toast.id);
+      }, c), l = setInterval(() => {
+        const M = Date.now() - h, A = Math.max(0, c - M);
+        o.value = A / c * 100, A === 0 && clearInterval(l);
       }, 50);
-    }), Ee(() => {
-      a && clearTimeout(a), s && clearInterval(s);
+    }), Re(() => {
+      i && clearTimeout(i), l && clearInterval(l);
     });
-    const m = U(() => {
-      switch (l.toast.type) {
+    const d = _(() => {
+      switch (a.toast.type) {
         case "success":
           return "alert-success";
         case "warning":
@@ -2110,19 +2545,19 @@ const Jl = ["value"], Zl = /* @__PURE__ */ j({
           return "";
       }
     });
-    return (u, g) => (o(), i("div", {
+    return (c, h) => (s(), r("div", {
       role: "alert",
-      class: $(["alert z-60", m.value, "shadow-lg"])
+      class: w(["alert z-60", d.value, "shadow-lg"])
     }, [
-      n("span", null, T(e.toast.message), 1),
-      n("progress", {
-        class: $(["progress absolute bottom-0 left-0 w-full progress-neutral"]),
-        value: r.value,
+      u("span", null, T(e.toast.message), 1),
+      u("progress", {
+        class: w(["progress absolute bottom-0 left-0 w-full progress-neutral"]),
+        value: o.value,
         max: "100"
-      }, null, 8, Jl)
+      }, null, 8, yl)
     ], 2));
   }
-}), Ql = /* @__PURE__ */ re(Zl, [["__scopeId", "data-v-bc0c6917"]]), ea = /* @__PURE__ */ j({
+}), $l = /* @__PURE__ */ ve(wl, [["__scopeId", "data-v-bc0c6917"]]), xl = /* @__PURE__ */ z({
   __name: "ToastContainer",
   props: {
     position: {
@@ -2132,38 +2567,55 @@ const Jl = ["value"], Zl = /* @__PURE__ */ j({
     }
   },
   setup(e) {
-    const c = e, { toasts: l, removeToast: t } = Gl(), r = U(() => {
-      const [a, s] = c.position.split("-");
+    const n = e, { toasts: a, removeToast: t } = bl(), o = _(() => {
+      const [i, l] = n.position.split("-");
       return {
-        "toast-top": a === "top",
-        "toast-middle": a === "middle",
-        "toast-bottom": a === "bottom",
-        "toast-start": s === "start",
-        "toast-center": s === "center",
-        "toast-end": s === "end"
+        "toast-top": i === "top",
+        "toast-middle": i === "middle",
+        "toast-bottom": i === "bottom",
+        "toast-start": l === "start",
+        "toast-center": l === "center",
+        "toast-end": l === "end"
       };
     });
-    return (a, s) => (o(), i("div", {
-      class: $(["toast z-50", r.value])
+    return (i, l) => (s(), r("div", {
+      class: w(["toast z-50", o.value])
     }, [
-      oe(tt, { name: "toast-fade" }, {
-        default: be(() => [
-          (o(!0), i(A, null, X(ee(l), (m) => (o(), ce(Ql, {
-            key: m.id,
-            toast: m,
-            onRemove: (u) => ee(t)(m.id)
+      re(st, { name: "toast-fade" }, {
+        default: ye(() => [
+          (s(!0), r(N, null, U(te(a), (d) => (s(), fe($l, {
+            key: d.id,
+            toast: d,
+            onRemove: (c) => te(t)(d.id)
           }, null, 8, ["toast", "onRemove"]))), 128))
         ]),
         _: 1
       })
     ], 2));
   }
-}), Za = /* @__PURE__ */ re(ea, [["__scopeId", "data-v-e10fa884"]]), ta = {
+}), Zn = /* @__PURE__ */ ve(xl, [["__scopeId", "data-v-e10fa884"]]), Qn = /* @__PURE__ */ z({
+  __name: "toast",
+  props: {
+    position: { default: "end" },
+    vertical: { default: "bottom" }
+  },
+  setup(e) {
+    const n = e, a = _(() => {
+      const t = ["toast"];
+      return n.position && t.push(`toast-${n.position}`), n.vertical && t.push(`toast-${n.vertical}`), t.join(" ");
+    });
+    return (t, o) => (s(), r("div", {
+      class: w(a.value)
+    }, [
+      $(t.$slots, "default")
+    ], 2));
+  }
+}), kl = {
   xmlns: "http://www.w3.org/2000/svg",
   fill: "none",
   viewBox: "0 0 24 24",
   class: "w-6 h-6 stroke-current shrink-0"
-}, la = ["d"], aa = { class: "empty:hidden" }, Qa = /* @__PURE__ */ j({
+}, Cl = ["d"], zl = { class: "empty:hidden" }, es = /* @__PURE__ */ z({
   __name: "alert",
   props: {
     type: { default: "default" },
@@ -2172,12 +2624,12 @@ const Jl = ["value"], Zl = /* @__PURE__ */ j({
     modelValue: { type: Boolean, default: !0 }
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: c }) {
-    const l = e, t = c, r = U({
-      get: () => l.modelValue,
-      set: (u) => t("update:modelValue", u)
-    }), a = U(() => {
-      switch (l.type) {
+  setup(e, { emit: n }) {
+    const a = e, t = n, o = _({
+      get: () => a.modelValue,
+      set: (c) => t("update:modelValue", c)
+    }), i = _(() => {
+      switch (a.type) {
         case "info":
           return "alert-info";
         case "success":
@@ -2189,8 +2641,8 @@ const Jl = ["value"], Zl = /* @__PURE__ */ j({
         default:
           return "";
       }
-    }), s = U(() => {
-      switch (l.type) {
+    }), l = _(() => {
+      switch (a.type) {
         case "info":
           return "M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z";
         case "success":
@@ -2202,42 +2654,105 @@ const Jl = ["value"], Zl = /* @__PURE__ */ j({
         default:
           return "M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z";
       }
-    }), m = () => {
-      r.value = !1;
+    }), d = () => {
+      o.value = !1;
     };
-    return (u, g) => r.value ? (o(), i("div", {
+    return (c, h) => o.value ? (s(), r("div", {
       key: 0,
       role: "alert",
-      class: $(["alert", a.value])
+      class: w(["alert", i.value])
     }, [
-      B(u.$slots, "icon", { class: "w-6 h-6" }, () => [
-        (o(), i("svg", ta, [
-          n("path", {
+      $(c.$slots, "icon", { class: "w-6 h-6" }, () => [
+        (s(), r("svg", kl, [
+          u("path", {
             "stroke-linecap": "round",
             "stroke-linejoin": "round",
             "stroke-width": "2",
-            d: s.value
-          }, null, 8, la)
+            d: l.value
+          }, null, 8, Cl)
         ]))
       ]),
-      n("span", null, T(e.message), 1),
-      n("div", aa, [
-        e.closable ? (o(), i("button", {
+      u("span", null, T(e.message), 1),
+      u("div", zl, [
+        e.closable ? (s(), r("button", {
           key: 0,
           class: "btn btn-sm btn-ghost",
-          onClick: m
-        }, "Close")) : z("", !0),
-        B(u.$slots, "default")
+          onClick: d
+        }, "Close")) : S("", !0),
+        $(c.$slots, "default")
+      ])
+    ], 2)) : S("", !0);
+  }
+}), ts = /* @__PURE__ */ z({
+  __name: "divider",
+  props: {
+    vertical: { type: Boolean, default: !1 },
+    horizontal: { type: Boolean, default: !1 },
+    color: {},
+    position: {}
+  },
+  setup(e) {
+    const n = e, a = _(() => {
+      const t = ["divider"];
+      return n.vertical ? t.push("divider-vertical") : n.horizontal && t.push("divider-horizontal"), n.color && t.push(`divider-${n.color}`), n.position && t.push(`divider-${n.position}`), t.join(" ");
+    });
+    return (t, o) => (s(), r("div", {
+      class: w(a.value)
+    }, [
+      $(t.$slots, "default")
+    ], 2));
+  }
+}), Sl = ["id"], _l = { class: "drawer-content" }, Bl = { class: "drawer-side" }, Il = ["for"], as = /* @__PURE__ */ z({
+  __name: "drawer",
+  props: {
+    id: {},
+    modelValue: { type: Boolean, default: !1 },
+    end: { type: Boolean, default: !1 },
+    open: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: n }) {
+    const a = e, t = n, o = b(a.modelValue || a.open);
+    R(o, (l) => {
+      t("update:modelValue", l);
+    }), R(() => a.modelValue, (l) => {
+      o.value = l;
+    });
+    const i = _(() => {
+      const l = ["drawer"];
+      return a.end && l.push("drawer-end"), a.open && l.push("drawer-open"), l.join(" ");
+    });
+    return (l, d) => (s(), r("div", {
+      class: w(i.value)
+    }, [
+      ke(u("input", {
+        id: e.id,
+        type: "checkbox",
+        class: "drawer-toggle",
+        "onUpdate:modelValue": d[0] || (d[0] = (c) => o.value = c)
+      }, null, 8, Sl), [
+        [He, o.value]
+      ]),
+      u("div", _l, [
+        $(l.$slots, "content")
+      ]),
+      u("div", Bl, [
+        u("label", {
+          for: e.id,
+          "aria-label": "close sidebar",
+          class: "drawer-overlay"
+        }, null, 8, Il),
+        $(l.$slots, "sidebar")
       ])
-    ], 2)) : z("", !0);
+    ], 2));
   }
-}), na = { class: "container flex flex-col sm:flex-row" }, oa = { class: "footer-title" }, sa = ["href"], ia = {
+}), Ml = { class: "container flex flex-col sm:flex-row" }, Tl = { class: "footer-title" }, Vl = ["href"], jl = {
   key: 0,
   class: "sm:hidden w-full"
-}, ra = { class: "border-b-2 border-base-100 last:border-b-0 w-full" }, ua = {
+}, Dl = { class: "border-b-2 border-base-100 last:border-b-0 w-full" }, Ol = {
   tabindex: "0",
   class: "collapse collapse-plus w-full"
-}, ca = { class: "collapse-title font-bold text-lg collapsible-footer-title" }, da = { class: "collapse-content flex w-full text-sm" }, va = { class: "flex flex-col gap-2.5" }, fa = { class: "w-full" }, ma = ["href"], pa = { class: "sm:w-1/4" }, en = /* @__PURE__ */ j({
+}, Pl = { class: "collapse-title font-bold text-lg collapsible-footer-title" }, Al = { class: "collapse-content flex w-full text-sm" }, Ll = { class: "flex flex-col gap-2.5" }, El = { class: "w-full" }, Rl = ["href"], Nl = { class: "sm:w-1/4" }, ls = /* @__PURE__ */ z({
   __name: "footer",
   props: {
     items: {},
@@ -2247,127 +2762,299 @@ const Jl = ["value"], Zl = /* @__PURE__ */ j({
     rows: { default: 1 }
   },
   setup(e) {
-    const c = e;
-    return (l, t) => (o(), i("div", {
-      class: $(["mx-auto md:px-10 py-10 text-base-content", [e.background ?? "bg-base-200", e.color ?? "text-base-content"]])
+    const n = e;
+    return (a, t) => (s(), r("div", {
+      class: w(["mx-auto md:px-10 py-10 text-base-content", [e.background ?? "bg-base-200", e.color ?? "text-base-content"]])
     }, [
-      n("footer", na, [
-        n("div", {
-          class: $(["footer sm:footer-horizontal sm:w-3/4", [{ "sm:grid-rows-1": c.rows === 1 }, { "sm:grid-rows-2": c.rows === 2 }, { "sm:grid-rows-3": c.rows === 3 }]])
+      u("footer", Ml, [
+        u("div", {
+          class: w(["footer sm:footer-horizontal sm:w-3/4", [{ "sm:grid-rows-1": n.rows === 1 }, { "sm:grid-rows-2": n.rows === 2 }, { "sm:grid-rows-3": n.rows === 3 }]])
         }, [
-          (o(!0), i(A, null, X(c.items, (r) => (o(), i("nav", {
-            class: $([{ "hidden sm:grid w-max": e.collapseOnMobile }])
+          (s(!0), r(N, null, U(n.items, (o) => (s(), r("nav", {
+            class: w([{ "hidden sm:grid w-max": e.collapseOnMobile }])
           }, [
-            n("h6", oa, T(r.title), 1),
-            (o(!0), i(A, null, X(r.items, (a) => (o(), i("a", {
+            u("h6", Tl, T(o.title), 1),
+            (s(!0), r(N, null, U(o.items, (i) => (s(), r("a", {
               class: "link link-hover",
-              href: a.link
-            }, T(a.text), 9, sa))), 256))
+              href: i.link
+            }, T(i.text), 9, Vl))), 256))
           ], 2))), 256)),
-          n("nav", {
-            class: $(["empty:hidden", [{ "hidden sm:grid": e.collapseOnMobile }]])
+          u("nav", {
+            class: w(["empty:hidden", [{ "hidden sm:grid": e.collapseOnMobile }]])
           }, [
-            B(l.$slots, "extra-row")
+            $(a.$slots, "extra-row")
           ], 2),
-          e.collapseOnMobile ? (o(), i("nav", ia, [
-            (o(!0), i(A, null, X(c.items, (r) => (o(), i("ul", ra, [
-              n("div", ua, [
-                n("div", ca, T(r.title), 1),
-                n("div", da, [
-                  n("ul", va, [
-                    (o(!0), i(A, null, X(r.items, (a) => (o(), i("li", fa, [
-                      n("a", {
+          e.collapseOnMobile ? (s(), r("nav", jl, [
+            (s(!0), r(N, null, U(n.items, (o) => (s(), r("ul", Dl, [
+              u("div", Ol, [
+                u("div", Pl, T(o.title), 1),
+                u("div", Al, [
+                  u("ul", Ll, [
+                    (s(!0), r(N, null, U(o.items, (i) => (s(), r("li", El, [
+                      u("a", {
                         class: "w-full font-medium link link-hover",
-                        href: a.link
-                      }, T(a.text), 9, ma)
+                        href: i.link
+                      }, T(i.text), 9, Rl)
                     ]))), 256))
                   ])
                 ])
               ])
             ]))), 256))
-          ])) : z("", !0)
+          ])) : S("", !0)
         ], 2),
-        n("aside", pa, [
-          B(l.$slots, "default")
+        u("aside", Nl, [
+          $(a.$slots, "default")
         ])
       ])
     ], 2));
   }
-}), ha = {}, ga = { class: "min-h-40 container hero" }, ba = { class: "px-0! text-center hero-content" }, ya = { class: "mt-9 text-4xl" };
-function wa(e, c) {
-  return o(), i("div", ga, [
-    n("div", ba, [
-      n("div", null, [
-        n("h1", ya, [
-          B(e.$slots, "title", {}, () => [
-            c[0] || (c[0] = _e("hero title", -1))
+}), Fl = {}, ql = { class: "min-h-40 container hero" }, Wl = { class: "px-0! text-center hero-content" }, Hl = { class: "mt-9 text-4xl" };
+function Ul(e, n) {
+  return s(), r("div", ql, [
+    u("div", Wl, [
+      u("div", null, [
+        u("h1", Hl, [
+          $(e.$slots, "title", {}, () => [
+            n[0] || (n[0] = je("hero title", -1))
           ])
         ]),
-        n("p", null, [
-          B(e.$slots, "description", { class: "py-9" })
+        u("p", null, [
+          $(e.$slots, "description", { class: "py-9" })
         ]),
-        B(e.$slots, "call-to-action-block", { class: "max-w-full" }, () => [
-          c[1] || (c[1] = n("button", { class: "btn btn-primary" }, "Call to action", -1))
+        $(e.$slots, "call-to-action-block", { class: "max-w-full" }, () => [
+          n[1] || (n[1] = u("button", { class: "btn btn-primary" }, "Call to action", -1))
         ])
       ])
     ])
   ]);
 }
-const tn = /* @__PURE__ */ re(ha, [["render", wa]]), xa = { class: "flex flex-row place-content-center gap-4 categories" }, ka = ["onClick"], ln = /* @__PURE__ */ j({
+const ns = /* @__PURE__ */ ve(Fl, [["render", Ul]]), ss = /* @__PURE__ */ z({
+  __name: "join",
+  props: {
+    vertical: { type: Boolean, default: !1 },
+    horizontal: { type: Boolean, default: !1 }
+  },
+  setup(e) {
+    const n = e, a = _(() => {
+      const t = ["join"];
+      return n.vertical ? t.push("join-vertical") : n.horizontal && t.push("join-horizontal"), t.join(" ");
+    });
+    return (t, o) => (s(), r("div", {
+      class: w(a.value)
+    }, [
+      $(t.$slots, "default")
+    ], 2));
+  }
+}), os = /* @__PURE__ */ z({
+  __name: "stack",
+  props: {
+    position: {}
+  },
+  setup(e) {
+    const n = e, a = _(() => {
+      const t = ["stack"];
+      return n.position && t.push(`stack-${n.position}`), t.join(" ");
+    });
+    return (t, o) => (s(), r("div", {
+      class: w(a.value)
+    }, [
+      $(t.$slots, "default")
+    ], 2));
+  }
+}), Kl = { class: "breadcrumbs" }, Xl = {
+  key: 0,
+  xmlns: "http://www.w3.org/2000/svg",
+  fill: "none",
+  viewBox: "0 0 24 24",
+  class: "w-4 h-4 mr-2 stroke-current"
+}, Gl = ["d"], is = /* @__PURE__ */ z({
+  __name: "breadcrumbs",
+  props: {
+    items: {}
+  },
+  emits: ["click"],
+  setup(e, { emit: n }) {
+    const a = n, t = (o, i) => {
+      a("click", o, i);
+    };
+    return (o, i) => (s(), r("div", Kl, [
+      u("ul", null, [
+        (s(!0), r(N, null, U(e.items, (l, d) => (s(), r("li", { key: d }, [
+          (s(), fe(Ve(l.href ? "a" : "span"), {
+            href: l.href,
+            onClick: (c) => t(l, c)
+          }, {
+            default: ye(() => [
+              l.icon ? (s(), r("svg", Xl, [
+                u("path", {
+                  "stroke-linecap": "round",
+                  "stroke-linejoin": "round",
+                  "stroke-width": "2",
+                  d: l.icon
+                }, null, 8, Gl)
+              ])) : S("", !0),
+              je(" " + T(l.label), 1)
+            ]),
+            _: 2
+          }, 1032, ["href", "onClick"]))
+        ]))), 128))
+      ])
+    ]));
+  }
+}), Yl = { class: "flex flex-row place-content-center gap-4 categories" }, Jl = ["onClick"], rs = /* @__PURE__ */ z({
   __name: "categoryNavigation",
   props: {
     searchOptions: {},
     currentCategory: {}
   },
   emits: ["update:currentCategory"],
-  setup(e, { emit: c }) {
-    const l = e, t = c;
-    function r(a) {
-      t("update:currentCategory", a);
+  setup(e, { emit: n }) {
+    const a = e, t = n;
+    function o(i) {
+      t("update:currentCategory", i);
     }
-    return (a, s) => (o(), i("div", xa, [
-      (o(!0), i(A, null, X(l.searchOptions, (m) => (o(), i("div", {
-        key: m.category
+    return (i, l) => (s(), r("div", Yl, [
+      (s(!0), r(N, null, U(a.searchOptions, (d) => (s(), r("div", {
+        key: d.category
       }, [
-        n("button", {
-          onClick: (u) => r(m.category),
-          class: $(["truncate btn btn-ghost", { "font-semibold": l.currentCategory === m.category }])
-        }, T(m.category), 11, ka)
+        u("button", {
+          onClick: (c) => o(d.category),
+          class: w(["truncate btn btn-ghost", { "font-semibold": a.currentCategory === d.category }])
+        }, T(d.category), 11, Jl)
       ]))), 128))
     ]));
   }
-}), $a = { class: "md:flex hidden navbar-start" }, Ca = { class: "md:flex justify-center items-center hidden navbar-center" }, Sa = { class: "md:flex hidden navbar-end" }, Ia = { class: "navbar-bottom md:flex hidden" }, Ma = /* @__PURE__ */ j({
+}), us = /* @__PURE__ */ z({
+  __name: "menu",
+  props: {
+    horizontal: { type: Boolean, default: !1 },
+    vertical: { type: Boolean, default: !1 },
+    size: {}
+  },
+  setup(e) {
+    const n = e, a = _(() => {
+      const t = ["menu"];
+      return n.horizontal ? t.push("menu-horizontal") : n.vertical && t.push("menu-vertical"), n.size && t.push(`menu-${n.size}`), t.join(" ");
+    });
+    return (t, o) => (s(), r("ul", {
+      class: w(a.value)
+    }, [
+      $(t.$slots, "default")
+    ], 2));
+  }
+}), Zl = {
+  key: 0,
+  class: "navbar-start"
+}, Ql = {
+  key: 1,
+  class: "navbar-center"
+}, en = {
+  key: 2,
+  class: "navbar-end"
+}, cs = /* @__PURE__ */ z({
+  __name: "navbar",
+  props: {
+    bg: {}
+  },
+  setup(e) {
+    const n = e, a = _(() => n.bg ? `bg-${n.bg}` : "");
+    return (t, o) => (s(), r("div", {
+      class: w(["navbar", a.value])
+    }, [
+      t.$slots.start ? (s(), r("div", Zl, [
+        $(t.$slots, "start")
+      ])) : S("", !0),
+      t.$slots.center ? (s(), r("div", Ql, [
+        $(t.$slots, "center")
+      ])) : S("", !0),
+      t.$slots.end ? (s(), r("div", en, [
+        $(t.$slots, "end")
+      ])) : S("", !0),
+      $(t.$slots, "default")
+    ], 2));
+  }
+}), tn = { class: "md:flex hidden navbar-start" }, an = { class: "md:flex justify-center items-center hidden navbar-center" }, ln = { class: "md:flex hidden navbar-end" }, nn = { class: "navbar-bottom md:flex hidden" }, sn = /* @__PURE__ */ z({
   __name: "navigationBar",
   props: {
     isCollapsed: { type: Boolean, default: !0 }
   },
   setup(e) {
-    const c = e;
-    return (l, t) => (o(), i("nav", {
-      class: $(["place-items-start border-primary bg-base-100 px-5 py-5 border-b-4 transition-all navbar navigationbar", c.isCollapsed ? "collapsed" : ""])
+    const n = e;
+    return (a, t) => (s(), r("nav", {
+      class: w(["place-items-start border-primary bg-base-100 px-5 py-5 border-b-4 transition-all navbar navigationbar", n.isCollapsed ? "collapsed" : ""])
     }, [
-      n("div", $a, [
-        B(l.$slots, "start", {}, void 0, !0)
+      u("div", tn, [
+        $(a.$slots, "start", {}, void 0, !0)
       ]),
-      n("div", Ca, [
-        B(l.$slots, "center", {}, void 0, !0)
+      u("div", an, [
+        $(a.$slots, "center", {}, void 0, !0)
       ]),
-      n("div", Sa, [
-        B(l.$slots, "end", {}, void 0, !0)
+      u("div", ln, [
+        $(a.$slots, "end", {}, void 0, !0)
       ]),
-      n("div", Ia, [
-        B(l.$slots, "bottom", {}, void 0, !0)
+      u("div", nn, [
+        $(a.$slots, "bottom", {}, void 0, !0)
       ])
     ], 2));
   }
-}), an = /* @__PURE__ */ re(Ma, [["__scopeId", "data-v-8ddb2b45"]]), za = {
+}), ds = /* @__PURE__ */ ve(sn, [["__scopeId", "data-v-8ddb2b45"]]), on = { class: "join" }, rn = ["disabled"], un = ["disabled"], cn = ["onClick"], dn = ["disabled"], fn = ["disabled"], fs = /* @__PURE__ */ z({
+  __name: "pagination",
+  props: {
+    currentPage: {},
+    totalPages: {},
+    maxVisible: { default: 5 },
+    showFirstLast: { type: Boolean, default: !1 }
+  },
+  emits: ["update:currentPage"],
+  setup(e, { emit: n }) {
+    const a = e, t = n, o = _(() => {
+      const l = [], d = Math.floor(a.maxVisible / 2);
+      let c = Math.max(1, a.currentPage - d), h = Math.min(a.totalPages, c + a.maxVisible - 1);
+      h - c < a.maxVisible - 1 && (c = Math.max(1, h - a.maxVisible + 1));
+      for (let M = c; M <= h; M++)
+        l.push(M);
+      return l;
+    }), i = (l) => {
+      l >= 1 && l <= a.totalPages && l !== a.currentPage && t("update:currentPage", l);
+    };
+    return (l, d) => (s(), r("div", on, [
+      e.showFirstLast ? (s(), r("button", {
+        key: 0,
+        class: "join-item btn",
+        disabled: e.currentPage === 1,
+        onClick: d[0] || (d[0] = (c) => i(1))
+      }, " « ", 8, rn)) : S("", !0),
+      u("button", {
+        class: "join-item btn",
+        disabled: e.currentPage === 1,
+        onClick: d[1] || (d[1] = (c) => i(e.currentPage - 1))
+      }, " ‹ ", 8, un),
+      (s(!0), r(N, null, U(o.value, (c) => (s(), r("button", {
+        key: c,
+        class: w(["join-item btn", { "btn-active": c === e.currentPage }]),
+        onClick: (h) => i(c)
+      }, T(c), 11, cn))), 128)),
+      u("button", {
+        class: "join-item btn",
+        disabled: e.currentPage === e.totalPages,
+        onClick: d[2] || (d[2] = (c) => i(e.currentPage + 1))
+      }, " › ", 8, dn),
+      e.showFirstLast ? (s(), r("button", {
+        key: 1,
+        class: "join-item btn",
+        disabled: e.currentPage === e.totalPages,
+        onClick: d[3] || (d[3] = (c) => i(e.totalPages))
+      }, " » ", 8, fn)) : S("", !0)
+    ]));
+  }
+}), vn = {
   key: 0,
   class: "hidden top-4 right-0 absolute md:flex gap-4"
-}, Ta = ["onClick", "aria-selected"], Ba = {
+}, mn = ["onClick", "aria-selected"], pn = {
   key: 0,
   role: "tabpanel",
   class: "p-6 border-x-0 border-t-2 border-b-0 border-base-300 max-w-full overflow-x-auto tab-content"
-}, Da = { class: "p-6 border-x-0 border-t-2 border-b-0 border-base-300 max-w-full" }, nn = /* @__PURE__ */ j({
+}, hn = { class: "p-6 border-x-0 border-t-2 border-b-0 border-base-300 max-w-full" }, vs = /* @__PURE__ */ z({
   __name: "tab",
   props: {
     items: {},
@@ -2376,62 +3063,62 @@ const tn = /* @__PURE__ */ re(ha, [["render", wa]]), xa = { class: "flex flex-ro
     buttonOnlyMode: { type: Boolean, default: !1 }
   },
   emits: ["tab-changed"],
-  setup(e, { emit: c }) {
-    const l = e, t = h(l.items[0]), r = c;
-    function a(u) {
-      t.value = u, r("tab-changed", u);
+  setup(e, { emit: n }) {
+    const a = e, t = b(a.items[0]), o = n;
+    function i(c) {
+      t.value = c, o("tab-changed", c);
     }
-    function s() {
-      const g = (l.items.indexOf(t.value) + 1) % l.items.length;
-      a(l.items[g]);
+    function l() {
+      const h = (a.items.indexOf(t.value) + 1) % a.items.length;
+      i(a.items[h]);
     }
-    function m() {
-      const g = (l.items.indexOf(t.value) - 1 + l.items.length) % l.items.length;
-      a(l.items[g]);
+    function d() {
+      const h = (a.items.indexOf(t.value) - 1 + a.items.length) % a.items.length;
+      i(a.items[h]);
     }
-    return de(() => {
-      l.items && a(l.items[0]);
-    }), Ee(() => {
-      l.rotateTabsAfter && l.rotateTabsAfter > 0 && setInterval(() => {
-        s();
-      }, l.rotateTabsAfter * 1e3);
-    }), (u, g) => (o(), i(A, null, [
-      n("div", {
+    return pe(() => {
+      a.items && i(a.items[0]);
+    }), Re(() => {
+      a.rotateTabsAfter && a.rotateTabsAfter > 0 && setInterval(() => {
+        l();
+      }, a.rotateTabsAfter * 1e3);
+    }), (c, h) => (s(), r(N, null, [
+      u("div", {
         role: "tablist",
-        class: $(["relative tabs-bordered w-full tabs tabs-lg", { "flex-nowrap overflow-x-auto": e.buttonOnlyMode }])
+        class: w(["relative tabs-bordered w-full tabs tabs-lg", { "flex-nowrap overflow-x-auto": e.buttonOnlyMode }])
       }, [
-        e.withControlls ? (o(), i("div", za, [
-          n("button", {
-            onClick: g[0] || (g[0] = (S) => m()),
+        e.withControlls ? (s(), r("div", vn, [
+          u("button", {
+            onClick: h[0] || (h[0] = (M) => d()),
             class: "cursor-pointer"
           }, "Previous"),
-          n("button", {
-            onClick: g[1] || (g[1] = (S) => s()),
+          u("button", {
+            onClick: h[1] || (h[1] = (M) => l()),
             class: "text-primary cursor-pointer"
           }, "Next")
-        ])) : z("", !0),
-        (o(!0), i(A, null, X(e.items, (S) => (o(), i(A, null, [
-          n("a", {
+        ])) : S("", !0),
+        (s(!0), r(N, null, U(e.items, (M) => (s(), r(N, null, [
+          u("a", {
             type: "button",
             role: "tab",
-            class: $(["min-w-max tab", S === t.value ? "bg-primary text-base-100" : ""]),
-            onClick: (R) => a(S),
-            "aria-selected": t.value == S
-          }, T(S), 11, Ta),
-          e.buttonOnlyMode ? z("", !0) : (o(), i("div", Ba, [
-            B(u.$slots, `${S}-tab`)
+            class: w(["min-w-max tab", M === t.value ? "bg-primary text-base-100" : ""]),
+            onClick: (A) => i(M),
+            "aria-selected": t.value == M
+          }, T(M), 11, mn),
+          e.buttonOnlyMode ? S("", !0) : (s(), r("div", pn, [
+            $(c.$slots, `${M}-tab`)
           ]))
         ], 64))), 256))
       ], 2),
-      n("div", Da, [
-        B(u.$slots, "default")
+      u("div", hn, [
+        $(c.$slots, "default")
       ])
     ], 64));
   }
-}), Oa = {
+}), gn = {
   key: 0,
   class: "step-icon"
-}, on = /* @__PURE__ */ j({
+}, ms = /* @__PURE__ */ z({
   __name: "steps",
   props: {
     vertical: { type: Boolean, default: !1 },
@@ -2441,31 +3128,31 @@ const tn = /* @__PURE__ */ re(ha, [["render", wa]]), xa = { class: "flex flex-ro
     bars: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const c = e, l = (t) => t < c.progress ? "complete" : t === c.progress ? "active" : "incomplete";
-    return (t, r) => (o(), i("ul", {
-      class: $(["w-full steps", {
-        "steps-vertical flex flex-col h-full min-h-max": c.vertical,
-        "lg:steps-horizontal flex flex-wrap": c.wrap
+    const n = e, a = (t) => t < n.progress ? "complete" : t === n.progress ? "active" : "incomplete";
+    return (t, o) => (s(), r("ul", {
+      class: w(["w-full steps", {
+        "steps-vertical flex flex-col h-full min-h-max": n.vertical,
+        "lg:steps-horizontal flex flex-wrap": n.wrap
       }])
     }, [
-      (o(!0), i(A, null, X(c.steps, (a, s) => (o(), i("li", {
-        key: s,
-        class: $(["step", {
-          "step-primary": a.color === "primary" && l(s) === "complete" || !a.color && l(s) === "complete",
-          "step-secondary": a.color === "secondary" && l(s) === "complete",
-          "step-accent": a.color === "accent" && l(s) === "complete",
-          "step-info": a.color === "info" && l(s) === "complete",
-          "step-success": a.color === "success" && l(s) === "complete",
-          "step-warning": a.color === "warning" && l(s) === "complete",
-          "step-error": a.color === "error" && l(s) === "complete",
-          "step-neutral": l(s) === "incomplete",
-          "step-active": l(s) === "active",
-          "step-complete": l(s) === "complete",
-          bars: c.bars
+      (s(!0), r(N, null, U(n.steps, (i, l) => (s(), r("li", {
+        key: l,
+        class: w(["step", {
+          "step-primary": i.color === "primary" && a(l) === "complete" || !i.color && a(l) === "complete",
+          "step-secondary": i.color === "secondary" && a(l) === "complete",
+          "step-accent": i.color === "accent" && a(l) === "complete",
+          "step-info": i.color === "info" && a(l) === "complete",
+          "step-success": i.color === "success" && a(l) === "complete",
+          "step-warning": i.color === "warning" && a(l) === "complete",
+          "step-error": i.color === "error" && a(l) === "complete",
+          "step-neutral": a(l) === "incomplete",
+          "step-active": a(l) === "active",
+          "step-complete": a(l) === "complete",
+          bars: n.bars
         }])
       }, [
-        a.icon ? (o(), i("span", Oa, T(a.icon), 1)) : z("", !0),
-        _e(" " + T(a.title), 1)
+        i.icon ? (s(), r("span", gn, T(i.icon), 1)) : S("", !0),
+        je(" " + T(i.title), 1)
       ], 2))), 128))
     ], 2));
   }
@@ -2473,33 +3160,57 @@ const tn = /* @__PURE__ */ re(ha, [["render", wa]]), xa = { class: "flex flex-ro
 typeof document > "u" && (globalThis.document = {});
 typeof window > "u" && (globalThis.window = globalThis);
 export {
-  Ra as Accordion,
-  Ua as AdvancedSearch,
-  Qa as Alert,
-  Aa as Avatar,
-  Na as Badge,
-  _a as ButtonComponent,
-  qa as Card,
-  Fa as Carousel,
-  Ha as CarouselItem,
-  ln as CategoryNavigation,
-  kl as DatetimePicker,
-  Ea as Dropdown,
-  Ya as FilterableSelect,
-  en as Footer,
-  tn as Hero,
-  Ga as InputField,
-  Ja as Loader,
-  La as Modal,
-  an as NavigationBar,
-  Wa as Rating,
-  Xa as Selector,
-  on as Steps,
-  ja as Swap,
-  nn as Tab,
-  Ka as TagInput,
-  Pa as ThemeController,
-  Za as Toast,
-  Gl as ToastComposable,
-  Ql as ToastNotification
+  Cn as Accordion,
+  An as AdvancedSearch,
+  es as Alert,
+  zn as Avatar,
+  Sn as Badge,
+  is as Breadcrumbs,
+  yn as ButtonComponent,
+  _n as Card,
+  Bn as Carousel,
+  In as CarouselItem,
+  rs as CategoryNavigation,
+  Mn as Chat,
+  Ln as Checkbox,
+  Tn as Countdown,
+  La as DatetimePicker,
+  ts as Divider,
+  as as Drawer,
+  wn as Dropdown,
+  En as FileInput,
+  Hn as FilterableSelect,
+  ls as Footer,
+  ns as Hero,
+  Un as InputField,
+  ss as Join,
+  Vn as Kbd,
+  Gn as Loader,
+  us as Menu,
+  $n as Modal,
+  cs as Navbar,
+  ds as NavigationBar,
+  fs as Pagination,
+  Yn as Progress,
+  Rn as Radio,
+  Nn as Range,
+  Fn as Rating,
+  Wn as Selector,
+  Jn as Skeleton,
+  os as Stack,
+  Dn as Stat,
+  jn as Stats,
+  ms as Steps,
+  xn as Swap,
+  vs as Tab,
+  On as Table,
+  qn as TagInput,
+  Kn as Textarea,
+  kn as ThemeController,
+  Pn as Timeline,
+  Zn as Toast,
+  Qn as ToastComponent,
+  bl as ToastComposable,
+  $l as ToastNotification,
+  Xn as Toggle
 };