manolis-ui 0.6.8 → 0.6.10

package/dist/manolis-ui.js

@@ -1,8 +1,8 @@
-import { defineComponent as A, computed as B, createElementBlock as a, openBlock as l, normalizeClass as C, createCommentVNode as M, renderSlot as D, createTextVNode as de, createElementVNode as n, Fragment as I, renderList as V, toDisplayString as S, ref as _, h as re, onMounted as G, watch as N, withDirectives as F, createVNode as te, isRef as Be, vModelCheckbox as Ae, unref as R, provide as Pe, normalizeStyle as ce, inject as ze, defineAsyncComponent as Le, onBeforeUnmount as ie, createBlock as ue, resolveDynamicComponent as me, mergeProps as ge, nextTick as he, onUnmounted as we, vModelSelect as J, vModelText as ee, useSlots as Ee, Comment as Ue, withKeys as be, withModifiers as se, vShow as je } from "vue";
-const Fe = {
+import { defineComponent as z, computed as B, createElementBlock as o, openBlock as l, normalizeClass as C, createCommentVNode as M, renderSlot as D, createTextVNode as de, createElementVNode as n, Fragment as I, renderList as V, toDisplayString as S, ref as $, h as re, onMounted as G, watch as N, withDirectives as R, createVNode as te, isRef as Be, vModelCheckbox as ze, unref as F, provide as Pe, normalizeStyle as ce, inject as Ae, defineAsyncComponent as Le, onBeforeUnmount as ie, createBlock as ue, resolveDynamicComponent as me, mergeProps as he, nextTick as ge, onUnmounted as we, vModelSelect as J, vModelText as ee, useSlots as Ee, Comment as Ue, withKeys as be, withModifiers as se, vShow as je } from "vue";
+const Re = {
   key: 0,
   class: "loading loading-spinner"
-}, sn = /* @__PURE__ */ A({
+}, sn = /* @__PURE__ */ z({
   __name: "ButtonComponent",
   props: {
     outlined: { type: Boolean, default: !1 },
@@ -53,7 +53,7 @@ const Fe = {
         default:
           return "btn-neutral";
       }
-    }), o = B(() => {
+    }), a = B(() => {
       switch (d.shape) {
         case "square":
           return "btn-square";
@@ -63,19 +63,19 @@ const Fe = {
           return "";
       }
     });
-    return (s, r) => (l(), a("button", {
-      class: C(["btn", { "btn-outline": d.outlined }, { "btn-active": d.active }, t.value, e.value, o.value])
+    return (s, r) => (l(), o("button", {
+      class: C(["btn", { "btn-outline": d.outlined }, { "btn-active": d.active }, t.value, e.value, a.value])
     }, [
-      s.loading ? (l(), a("span", Fe)) : M("", !0),
+      s.loading ? (l(), o("span", Re)) : M("", !0),
       D(s.$slots, "default", {}, () => [
         r[0] || (r[0] = de("Submit"))
       ])
     ], 2));
   }
-}), Re = {
+}), Fe = {
   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"
-}, Ne = ["href"], rn = /* @__PURE__ */ A({
+}, Ne = ["href"], rn = /* @__PURE__ */ z({
   __name: "dropdown",
   props: {
     items: {},
@@ -94,26 +94,26 @@ const Fe = {
       start: "",
       end: "dropdown-end"
     }, t = i;
-    return (o, s) => (l(), a("div", {
+    return (a, s) => (l(), o("div", {
       class: C(["dropdown", d[t.position], e[t.floatPosition], { "dropdown-open": t.forceOpen }, { "dropdown-hover": t.openOnHover }])
     }, [
-      D(o.$slots, "default", {
+      D(a.$slots, "default", {
         tabindex: "0",
         role: "button"
       }, () => [
         s[0] || (s[0] = n("div", { class: "m-1 btn" }, "Open dropdown", -1))
       ]),
-      n("ul", Re, [
-        (l(!0), a(I, null, V(o.items, (r) => (l(), a("li", null, [
+      n("ul", Fe, [
+        (l(!0), o(I, null, V(a.items, (r) => (l(), o("li", null, [
           n("a", {
             href: r.link
           }, S(r.text), 9, Ne)
         ]))), 256)),
-        D(o.$slots, "additional")
+        D(a.$slots, "additional")
       ])
     ], 2));
   }
-}), qe = { class: "modal-box" }, He = { class: "modal-action" }, un = /* @__PURE__ */ A({
+}), qe = { class: "modal-box" }, He = { class: "modal-action" }, un = /* @__PURE__ */ z({
   __name: "modal",
   props: {
     position: { default: "center" },
@@ -124,20 +124,20 @@ const Fe = {
       top: "modal-top",
       bottom: "modal-bottom",
       center: "modal-middle"
-    }, t = _(null), o = () => {
+    }, t = $(null), a = () => {
       var r;
       (r = t.value) == null || r.showModal();
     }, s = () => {
       var r;
       (r = t.value) == null || r.close();
     };
-    return (r, h) => (l(), a(I, null, [
+    return (r, g) => (l(), o(I, null, [
       n("span", {
         class: "w-fit cursor-pointer",
-        onClick: o
+        onClick: a
       }, [
         D(r.$slots, "trigger", { role: "button" }, () => [
-          h[0] || (h[0] = n("button", { class: "btn" }, "Open", -1))
+          g[0] || (g[0] = n("button", { class: "btn" }, "Open", -1))
         ])
       ]),
       n("dialog", {
@@ -155,7 +155,7 @@ const Fe = {
               class: C(r.withBackdrop ? "modal-backdrop" : "")
             }, [
               D(r.$slots, "close-button", {}, () => [
-                h[1] || (h[1] = n("button", { class: "btn" }, "Close", -1))
+                g[1] || (g[1] = n("button", { class: "btn" }, "Close", -1))
               ])
             ], 34)
           ])
@@ -163,14 +163,14 @@ const Fe = {
       ], 2)
     ], 64));
   }
-}), We = { class: "flex justify-center items-center swap-on" }, Ke = { class: "flex justify-center items-center swap-off" }, dn = /* @__PURE__ */ A({
+}), We = { class: "flex justify-center items-center swap-on" }, Ke = { class: "flex justify-center items-center swap-off" }, dn = /* @__PURE__ */ z({
   __name: "swap",
   props: {
     effect: {}
   },
   setup(i) {
     const d = i;
-    return (e, t) => (l(), a("label", {
+    return (e, t) => (l(), o("label", {
       class: C(["swap", d.effect ? `swap-${e.effect}` : ""])
     }, [
       t[0] || (t[0] = n("input", { type: "checkbox" }, null, -1)),
@@ -213,7 +213,7 @@ var oe = {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Je = ({ size: i, strokeWidth: d = 2, absoluteStrokeWidth: e, color: t, iconNode: o, name: s, class: r, ...h }, { slots: c }) => re(
+const Je = ({ size: i, strokeWidth: d = 2, absoluteStrokeWidth: e, color: t, iconNode: a, name: s, class: r, ...g }, { slots: c }) => re(
   "svg",
   {
     ...oe,
@@ -222,9 +222,9 @@ const Je = ({ size: i, strokeWidth: d = 2, absoluteStrokeWidth: e, color: t, ico
     stroke: t || oe.stroke,
     "stroke-width": e ? Number(d) * 24 / Number(i) : d,
     class: ["lucide", `lucide-${Ye(s ?? "icon")}`],
-    ...h
+    ...g
   },
-  [...o.map((p) => re(...p)), ...c.default ? [c.default()] : []]
+  [...a.map((p) => re(...p)), ...c.default ? [c.default()] : []]
 );
 /**
  * @license lucide-vue-next v0.468.0 - ISC
@@ -298,7 +298,7 @@ const Qe = le("SunIcon", [
   ["path", { d: "m6.34 17.66-1.41 1.41", key: "1m8zz5" }],
   ["path", { d: "m19.07 4.93-1.41 1.41", key: "1shlcs" }]
 ]), et = (i, d) => {
-  const e = _(null);
+  const e = $(null);
   return G(() => {
     if (typeof window < "u") {
       const t = window.localStorage.getItem(i);
@@ -307,7 +307,7 @@ const Qe = le("SunIcon", [
   }), N(e, (t) => {
     typeof window < "u" && window.localStorage.setItem(i, JSON.stringify(t));
   }), e;
-}, tt = { class: "swap-rotate swap" }, lt = ["true-value", "false-value"], cn = /* @__PURE__ */ A({
+}, tt = { class: "swap-rotate swap" }, lt = ["true-value", "false-value"], cn = /* @__PURE__ */ z({
   __name: "theme-controller",
   props: {
     lightTheme: { default: "light" },
@@ -315,26 +315,26 @@ const Qe = le("SunIcon", [
   },
   setup(i) {
     const d = i, e = et("theme", d.lightTheme);
-    function t(o) {
-      typeof window < "u" && window.document && document.documentElement.setAttribute("data-theme", o);
+    function t(a) {
+      typeof window < "u" && window.document && document.documentElement.setAttribute("data-theme", a);
     }
-    return G(() => t(e.value ? e.value : "")), N(e, (o) => {
-      t(o);
-    }), (o, s) => (l(), a("label", tt, [
-      F(n("input", {
+    return G(() => t(e.value ? e.value : "")), N(e, (a) => {
+      t(a);
+    }), (a, s) => (l(), o("label", tt, [
+      R(n("input", {
         type: "checkbox",
         class: "theme-controller",
         "onUpdate:modelValue": s[0] || (s[0] = (r) => Be(e) ? e.value = r : null),
         "true-value": d.lightTheme,
         "false-value": d.darkTheme
       }, null, 8, lt), [
-        [Ae, R(e)]
+        [ze, F(e)]
       ]),
-      te(R(Qe), { class: "swap-off fill-current" }),
-      te(R(Ze), { class: "swap-on fill-current" })
+      te(F(Qe), { class: "swap-off fill-current" }),
+      te(F(Ze), { class: "swap-on fill-current" })
     ]));
   }
-}), nt = ["name"], at = { class: "collapse-title font-bold text-2xl lg:text-4xl" }, ot = { class: "collapse-content" }, st = ["innerHTML"], pn = /* @__PURE__ */ A({
+}), nt = ["name"], at = { class: "collapse-title font-bold text-2xl lg:text-4xl" }, ot = { class: "collapse-content" }, st = ["innerHTML"], pn = /* @__PURE__ */ z({
   __name: "accordion",
   props: {
     name: {},
@@ -344,7 +344,7 @@ const Qe = le("SunIcon", [
   },
   setup(i) {
     const d = i;
-    return (e, t) => (l(!0), a(I, null, V(d.items, (o, s) => (l(), a("div", {
+    return (e, t) => (l(!0), o(I, null, V(d.items, (a, s) => (l(), o("div", {
       class: C(["collapse border border-base-300", [e.icon ? `collapse-${e.icon}` : "", { "join-item": e.joinItems }]]),
       key: s
     }, [
@@ -353,15 +353,15 @@ const Qe = le("SunIcon", [
         name: e.name,
         value: "true"
       }, null, 8, nt),
-      n("div", at, S(o.title), 1),
+      n("div", at, S(a.title), 1),
       n("div", ot, [
         n("span", {
-          innerHTML: o.content
+          innerHTML: a.content
         }, null, 8, st)
       ])
     ], 2))), 128));
   }
-}), rt = ["src"], it = { class: "text-xl" }, vn = /* @__PURE__ */ A({
+}), rt = ["src"], it = { class: "text-xl" }, vn = /* @__PURE__ */ z({
   __name: "avatar",
   props: {
     image: {},
@@ -370,16 +370,16 @@ const Qe = le("SunIcon", [
     fullyRounded: { type: Boolean, default: !1 }
   },
   setup(i) {
-    const d = i, e = _(d.onlineStatus);
+    const d = i, e = $(d.onlineStatus);
     return N(
       () => d.onlineStatus,
       (t) => {
         t && (e.value = t);
       }
-    ), (t, o) => (l(), a("div", {
+    ), (t, a) => (l(), o("div", {
       class: C(["avatar", [{ "avatar-online": e.value === "online" }, { "avatar-offline": e.value === "offline" }]])
     }, [
-      t.image ? (l(), a("div", {
+      t.image ? (l(), o("div", {
         key: 0,
         class: C(["rounded", [{ "rounded-full": t.fullyRounded }, { rounded: !t.fullyRounded }]])
       }, [
@@ -387,7 +387,7 @@ const Qe = le("SunIcon", [
           src: t.image,
           class: "w-full h-full"
         }, null, 8, rt)
-      ], 2)) : (l(), a("div", {
+      ], 2)) : (l(), o("div", {
         key: 1,
         class: C(["flex justify-center bg-neutral p-[25%] rounded w-16 text-neutral-content text-center", [{ "rounded-full": t.fullyRounded }, { rounded: !t.fullyRounded }]])
       }, [
@@ -395,7 +395,7 @@ const Qe = le("SunIcon", [
       ], 2))
     ], 2));
   }
-}), fn = /* @__PURE__ */ A({
+}), fn = /* @__PURE__ */ z({
   __name: "badge",
   props: {
     color: { default: "neutral" },
@@ -419,10 +419,10 @@ const Qe = le("SunIcon", [
       warning: "badge-warning",
       error: "badge-error"
     };
-    return (o, s) => (l(), a("span", {
+    return (a, s) => (l(), o("span", {
       class: C(["badge", e[d.size], t[d.color], { "badge-outline": d.outline }])
     }, [
-      D(o.$slots, "default")
+      D(a.$slots, "default")
     ], 2));
   }
 }), ut = ["src", "alt"], dt = {
@@ -437,7 +437,7 @@ const Qe = le("SunIcon", [
 }, vt = { class: "flex-col flex-nowrap mt-auto card-actions" }, ft = {
   key: 1,
   class: "card-body"
-}, mn = /* @__PURE__ */ A({
+}, mn = /* @__PURE__ */ z({
   __name: "card",
   props: {
     imgUrl: { default: "" },
@@ -452,17 +452,17 @@ const Qe = le("SunIcon", [
     imgHeight: { default: "h-44" }
   },
   setup(i) {
-    const d = i, e = _(d.outlined);
+    const d = i, e = $(d.outlined);
     return N(
       () => d.outlined,
       (t) => {
         e.value = t;
       }
-    ), (t, o) => (l(), a("div", {
+    ), (t, a) => (l(), o("div", {
       class: C(["group bg-base-100 shadow-xl rounded-sm min-w-64 max-w-full h-full card card-compact", [{ "border-4 border-primary": e.value }, t.color ?? "", t.background]])
     }, [
       n("figure", null, [
-        t.imgUrl || t.imgUrl && !t.loading ? (l(), a("img", {
+        t.imgUrl || t.imgUrl && !t.loading ? (l(), o("img", {
           key: 0,
           src: t.imgUrl,
           alt: t.alt,
@@ -473,20 +473,20 @@ const Qe = le("SunIcon", [
             t.imgHeight
           ]])
         }, null, 10, ut)) : M("", !0),
-        t.loading && t.imgUrl ? (l(), a("div", {
+        t.loading && t.imgUrl ? (l(), o("div", {
           key: 1,
           class: C(["w-full skeleton", t.imgHeight])
         }, null, 2)) : M("", !0)
       ]),
-      t.loading ? M("", !0) : (l(), a("div", dt, [
-        t.title ? (l(), a("h2", ct, S(t.title), 1)) : M("", !0),
+      t.loading ? M("", !0) : (l(), o("div", dt, [
+        t.title ? (l(), o("h2", ct, S(t.title), 1)) : M("", !0),
         D(t.$slots, "details"),
-        t.description ? (l(), a("p", pt, S(t.description), 1)) : M("", !0),
+        t.description ? (l(), o("p", pt, S(t.description), 1)) : M("", !0),
         n("div", vt, [
           D(t.$slots, "actions")
         ])
       ])),
-      t.loading ? (l(), a("div", ft, o[0] || (o[0] = [
+      t.loading ? (l(), o("div", ft, a[0] || (a[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" }),
@@ -495,13 +495,13 @@ const Qe = le("SunIcon", [
       ]))) : M("", !0)
     ], 2));
   }
-}), ke = Symbol("CarouselItemStyle"), mt = { class: "relative h-full" }, gt = {
+}), ke = Symbol("CarouselItemStyle"), mt = { class: "relative h-full" }, ht = {
   key: 0,
   class: "top-1/2 right-5 left-5 z-10 absolute flex justify-between -translate-y-1/2 transform"
-}, ht = {
+}, gt = {
   key: 1,
   class: "bottom-5 z-10 absolute flex justify-center gap-2 py-2 w-full"
-}, bt = ["onClick", "aria-label"], yt = /* @__PURE__ */ A({
+}, bt = ["onClick", "aria-label"], yt = /* @__PURE__ */ z({
   __name: "carousel",
   props: {
     showIndicators: {
@@ -539,39 +539,39 @@ const Qe = le("SunIcon", [
     }
   },
   setup(i, { expose: d }) {
-    const e = i, t = _(e.initialSlide), o = _(null), s = _(!1), r = _(0), h = B(() => ({
+    const e = i, t = $(e.initialSlide), a = $(null), s = $(!1), r = $(0), g = B(() => ({
       width: `calc((100% - ${e.slidesPerView > 1 ? (e.slidesPerView - 1) * e.gap : 0}px) / ${e.slidesPerView})`
     }));
-    Pe(ke, h);
+    Pe(ke, g);
     const c = () => {
-      o.value ? r.value = o.value.children.length : r.value = 0;
+      a.value ? r.value = a.value.children.length : r.value = 0;
     }, p = async (m) => {
-      if (!o.value || e.slidesPerView <= 0 || s.value || (c(), r.value === 0)) return;
-      const b = (m % r.value + r.value) % r.value, y = o.value, x = e.sliderOrientation === "vertical" ? (y.offsetHeight - (e.slidesPerView - 1) * e.gap) / e.slidesPerView : (y.offsetWidth - (e.slidesPerView - 1) * e.gap) / e.slidesPerView;
-      if (x <= 0) return;
-      const $ = x + e.gap, T = b * $, P = e.sliderOrientation === "vertical" ? y.scrollHeight - y.offsetHeight : y.scrollWidth - y.offsetWidth, H = Math.max(0, Math.min(T, P + 0.5));
-      s.value = !0, y.style.scrollBehavior = "auto";
-      const K = e.sliderOrientation === "vertical" ? y.scrollTop : y.scrollLeft, W = H - K;
+      if (!a.value || e.slidesPerView <= 0 || s.value || (c(), r.value === 0)) return;
+      const b = (m % r.value + r.value) % r.value, w = a.value, _ = e.sliderOrientation === "vertical" ? (w.offsetHeight - (e.slidesPerView - 1) * e.gap) / e.slidesPerView : (w.offsetWidth - (e.slidesPerView - 1) * e.gap) / e.slidesPerView;
+      if (_ <= 0) return;
+      const k = _ + e.gap, T = b * k, P = e.sliderOrientation === "vertical" ? w.scrollHeight - w.offsetHeight : w.scrollWidth - w.offsetWidth, H = Math.max(0, Math.min(T, P + 0.5));
+      s.value = !0, w.style.scrollBehavior = "auto";
+      const K = e.sliderOrientation === "vertical" ? w.scrollTop : w.scrollLeft, W = H - K;
       if (Math.abs(W) < 1) {
         s.value = !1, t.value = b;
         return;
       }
-      const k = performance.now(), L = (O) => {
-        const E = O - k, U = Math.min(1, E / e.slideDuration), Z = U < 0.5 ? 4 * U * U * U : 1 - Math.pow(-2 * U + 2, 3) / 2, ne = K + W * Z;
-        e.sliderOrientation === "vertical" ? y.scrollTop = ne : y.scrollLeft = ne, U < 1 ? requestAnimationFrame(L) : (e.sliderOrientation === "vertical" ? y.scrollTop = H : y.scrollLeft = H, t.value = b, s.value = !1);
+      const x = performance.now(), U = (O) => {
+        const L = O - x, E = Math.min(1, L / e.slideDuration), Z = E < 0.5 ? 4 * E * E * E : 1 - Math.pow(-2 * E + 2, 3) / 2, ne = K + W * Z;
+        e.sliderOrientation === "vertical" ? w.scrollTop = ne : w.scrollLeft = ne, E < 1 ? requestAnimationFrame(U) : (e.sliderOrientation === "vertical" ? w.scrollTop = H : w.scrollLeft = H, t.value = b, s.value = !1);
       };
-      requestAnimationFrame(L);
-    }, w = () => {
+      requestAnimationFrame(U);
+    }, y = () => {
       p(t.value + 1);
-    }, z = () => {
+    }, A = () => {
       p(t.value - 1);
     }, q = (m) => {
       p(m);
     }, f = () => {
-      if (!o.value || e.slidesPerView <= 0 || (c(), r.value === 0)) return;
-      const m = o.value, b = e.sliderOrientation === "vertical" ? m.offsetHeight : m.offsetWidth, y = e.slidesPerView > 1 ? (e.slidesPerView - 1) * e.gap : 0, x = (b - y) / e.slidesPerView;
-      if (x <= 0) return;
-      const $ = Math.max(0, r.value - e.slidesPerView), T = Math.min(Math.max(0, e.initialSlide), $), P = T * (x + e.gap), H = e.sliderOrientation === "vertical" ? m.scrollHeight - m.offsetHeight : m.scrollWidth - m.offsetWidth, K = Math.max(0, Math.min(P, H + 0.5));
+      if (!a.value || e.slidesPerView <= 0 || (c(), r.value === 0)) return;
+      const m = a.value, b = e.sliderOrientation === "vertical" ? m.offsetHeight : m.offsetWidth, w = e.slidesPerView > 1 ? (e.slidesPerView - 1) * e.gap : 0, _ = (b - w) / e.slidesPerView;
+      if (_ <= 0) return;
+      const k = Math.max(0, r.value - e.slidesPerView), T = Math.min(Math.max(0, e.initialSlide), k), P = T * (_ + e.gap), H = e.sliderOrientation === "vertical" ? m.scrollHeight - m.offsetHeight : m.scrollWidth - m.offsetWidth, K = Math.max(0, Math.min(P, H + 0.5));
       e.sliderOrientation === "vertical" ? m.scrollTo({ top: K, behavior: "auto" }) : m.scrollTo({ left: K, behavior: "auto" }), t.value = T;
     };
     return G(() => {
@@ -584,22 +584,22 @@ const Qe = le("SunIcon", [
       requestAnimationFrame(() => {
         requestAnimationFrame(() => {
           if (c(), r.value === 0) return;
-          const m = Math.max(0, r.value - e.slidesPerView), b = Math.min(t.value, m), y = e.slideDuration;
-          e.slideDuration = 0, p(b), e.slideDuration = y;
+          const m = Math.max(0, r.value - e.slidesPerView), b = Math.min(t.value, m), w = e.slideDuration;
+          e.slideDuration = 0, p(b), e.slideDuration = w;
         });
       });
-    }), d({ scrollToSlide: p }), (m, b) => (l(), a("div", mt, [
+    }), d({ scrollToSlide: p }), (m, b) => (l(), o("div", mt, [
       n("div", {
         ref_key: "carouselContainer",
-        ref: o,
+        ref: a,
         class: C(["rounded w-full h-full overflow-x-scroll scroll-smooth carousel", [{ "carousel-horizontal md:snap-none": i.sliderOrientation == "horizontal" }, { "carousel-vertical": i.sliderOrientation == "vertical" }]]),
         style: ce({ gap: `${i.gap}px` })
       }, [
         D(m.$slots, "default", {}, void 0, !0)
       ], 6),
-      i.showNavigationButtons ? (l(), a("div", gt, [
+      i.showNavigationButtons ? (l(), o("div", ht, [
         n("div", {
-          onClick: z,
+          onClick: A,
           role: "button",
           "aria-label": "Previous Slide"
         }, [
@@ -611,7 +611,7 @@ const Qe = le("SunIcon", [
           ], !0)
         ]),
         n("div", {
-          onClick: w,
+          onClick: y,
           role: "button",
           "aria-label": "Next Slide"
         }, [
@@ -623,36 +623,36 @@ const Qe = le("SunIcon", [
           ], !0)
         ])
       ])) : M("", !0),
-      i.showIndicators ? (l(), a("div", ht, [
-        (l(!0), a(I, null, V(r.value, (y, x) => (l(), a("button", {
-          key: `dot-${x}`,
-          onClick: ($) => q(x),
-          class: C(["btn btn-circle btn-xs", { "btn-active": x === t.value }]),
-          "aria-label": `Go to slide ${x + 1}`
+      i.showIndicators ? (l(), o("div", gt, [
+        (l(!0), o(I, null, V(r.value, (w, _) => (l(), o("button", {
+          key: `dot-${_}`,
+          onClick: (k) => q(_),
+          class: C(["btn btn-circle btn-xs", { "btn-active": _ === t.value }]),
+          "aria-label": `Go to slide ${_ + 1}`
         }, null, 10, bt))), 128))
       ])) : M("", !0)
     ]));
   }
 }), X = (i, d) => {
   const e = i.__vccOpts || i;
-  for (const [t, o] of d)
-    e[t] = o;
+  for (const [t, a] of d)
+    e[t] = a;
   return e;
-}, gn = /* @__PURE__ */ X(yt, [["__scopeId", "data-v-db55a6a5"]]), wt = /* @__PURE__ */ A({
+}, hn = /* @__PURE__ */ X(yt, [["__scopeId", "data-v-db55a6a5"]]), wt = /* @__PURE__ */ z({
   __name: "carouselItem",
   setup(i) {
-    const d = ze(ke, _({}));
-    return (e, t) => (l(), a("div", {
+    const d = Ae(ke, $({}));
+    return (e, t) => (l(), o("div", {
       class: "w-full h-full carousel-item",
-      style: ce(R(d))
+      style: ce(F(d))
     }, [
       D(e.$slots, "default", {}, void 0, !0)
     ], 4));
   }
-}), hn = /* @__PURE__ */ X(wt, [["__scopeId", "data-v-507384bc"]]), kt = { class: "flex gap-4 bg-base-100 w-full tabs tabs-boxed" }, $t = ["onClick"], _t = { class: "text-sm" }, xt = { class: "md:block hidden opacity-35 text-xs truncate overflow-hidden ..." }, St = { class: "hidden" }, Ct = {
+}), gn = /* @__PURE__ */ X(wt, [["__scopeId", "data-v-507384bc"]]), kt = { class: "flex gap-4 bg-base-100 w-full tabs tabs-boxed" }, $t = ["onClick"], _t = { class: "text-sm" }, xt = { class: "md:block hidden opacity-35 text-xs truncate overflow-hidden ..." }, St = { class: "hidden" }, Ct = {
   id: "advancedSearchMobile",
   class: "modal"
-}, Dt = { class: "modal-box" }, It = { class: "font-bold text-lg" }, Mt = ["checked"], Tt = { class: "flex justify-between items-center pr-4 w-full font-medium text-xl collapse-title" }, Vt = { class: "text-sm" }, Ot = { class: "flex place-content-center p-0 collapse-content" }, Bt = /* @__PURE__ */ A({
+}, Dt = { class: "modal-box" }, It = { class: "font-bold text-lg" }, Mt = ["checked"], Tt = { class: "flex justify-between items-center pr-4 w-full font-medium text-xl collapse-title" }, Vt = { class: "text-sm" }, Ot = { class: "flex place-content-center p-0 collapse-content" }, Bt = /* @__PURE__ */ z({
   __name: "advancedSearch",
   props: {
     searchOptions: {},
@@ -660,31 +660,31 @@ const Qe = le("SunIcon", [
   },
   emits: ["search", "update:search-data"],
   setup(i, { emit: d }) {
-    const e = i, t = d, o = _(null), s = {
+    const e = i, t = d, a = $(null), s = {
       datetime: Le(() => Promise.resolve().then(() => al))
-    }, r = _({}), h = _({ left: "0px", top: "0px", transform: "translateX(0%)" }), c = _(null);
+    }, r = $({}), g = $({ left: "0px", top: "0px", transform: "translateX(0%)" }), c = $(null);
     function p(m, b) {
-      var y, x, $;
-      if ((y = o.value) != null && y.name) {
+      var w, _, k;
+      if ((w = a.value) != null && w.name) {
         t("update:search-data", {
-          tab: o.value.name,
+          tab: a.value.name,
           data: m
         });
         return;
       }
       if (e.searchOptions) {
-        let T = ($ = (x = e.searchOptions) == null ? void 0 : x.find((P) => (P == null ? void 0 : P.category) === e.currentCategory)) == null ? void 0 : $.tabs[b];
+        let T = (k = (_ = e.searchOptions) == null ? void 0 : _.find((P) => (P == null ? void 0 : P.category) === e.currentCategory)) == null ? void 0 : k.tabs[b];
         T !== void 0 && (T.value = m, t("update:search-data", {
           tab: T == null ? void 0 : T.name,
           data: T == null ? void 0 : T.value
         }));
       }
     }
-    function w() {
+    function y() {
       t("search");
     }
-    async function z(m) {
-      c.value && !c.value.contains(m.target) && (await he(), o.value = null);
+    async function A(m) {
+      c.value && !c.value.contains(m.target) && (await ge(), a.value = null);
     }
     async function q() {
       if (typeof window < "u" && window.innerWidth <= 768) {
@@ -693,18 +693,18 @@ const Qe = le("SunIcon", [
       }
     }
     async function f(m) {
-      var y;
-      o.value = m, await he();
+      var w;
+      a.value = m, await ge();
       const b = r.value[m.name];
       if (b) {
-        const x = b.getBoundingClientRect(), $ = ((y = c.value) == null ? void 0 : y.getBoundingClientRect()) || { left: 0, top: 0 };
-        window.innerWidth > 768 ? h.value = {
-          left: `${x.left + x.width / 2 - $.left}px`,
-          top: `${x.bottom - $.top}px`,
+        const _ = b.getBoundingClientRect(), k = ((w = c.value) == null ? void 0 : w.getBoundingClientRect()) || { left: 0, top: 0 };
+        window.innerWidth > 768 ? g.value = {
+          left: `${_.left + _.width / 2 - k.left}px`,
+          top: `${_.bottom - k.top}px`,
           transform: "translateX(-50%)"
-        } : h.value = {
+        } : g.value = {
           left: "50%",
-          top: `${x.bottom - $.top}px`,
+          top: `${_.bottom - k.top}px`,
           transform: "translateX(-50%)"
           // Center the popup horizontally on mobile
         };
@@ -712,12 +712,12 @@ const Qe = le("SunIcon", [
         console.error("Tab element not found for:", m.name);
     }
     return G(() => {
-      document.addEventListener("click", z);
+      document.addEventListener("click", A);
     }), ie(() => {
-      document.removeEventListener("click", z);
+      document.removeEventListener("click", A);
     }), (m, b) => {
-      var y, x;
-      return l(), a(I, null, [
+      var w, _;
+      return l(), o(I, null, [
         n("div", {
           ref_key: "searchContainer",
           ref: c,
@@ -728,34 +728,34 @@ const Qe = le("SunIcon", [
             onClick: q
           }, [
             n("div", kt, [
-              (l(!0), a(I, null, V(((y = e.searchOptions.find(($) => $.category === e.currentCategory)) == null ? void 0 : y.tabs) || [], ($) => {
+              (l(!0), o(I, null, V(((w = e.searchOptions.find((k) => k.category === e.currentCategory)) == null ? void 0 : w.tabs) || [], (k) => {
                 var T;
-                return l(), a("button", {
-                  key: $.name,
-                  onClick: (P) => f($),
-                  class: C([{ "tab-active": ((T = o.value) == null ? void 0 : T.name) === $.name }, "group/searchitem relative after:top-0 after:-right-2 after:absolute first-of-type:flex-auto last-of-type:flex-auto md:after:content-[''] last-of-type:after:content-none after:content-none after:bg-base-200 hover:bg-base-200 p-1 rounded-sm w-auto after:w-[1px] after:h-10 text-start overflow-x-hidden pointer-events-none md:pointer-events-auto"]),
+                return l(), o("button", {
+                  key: k.name,
+                  onClick: (P) => f(k),
+                  class: C([{ "tab-active": ((T = a.value) == null ? void 0 : T.name) === k.name }, "group/searchitem relative after:top-0 after:-right-2 after:absolute first-of-type:flex-auto last-of-type:flex-auto md:after:content-[''] last-of-type:after:content-none after:content-none after:bg-base-200 hover:bg-base-200 p-1 rounded-sm w-auto after:w-[1px] after:h-10 text-start overflow-x-hidden pointer-events-none md:pointer-events-auto"]),
                   ref_for: !0,
-                  ref: (P) => r.value[$.name] = P
+                  ref: (P) => r.value[k.name] = P
                 }, [
-                  n("p", _t, S($.name), 1),
-                  n("p", xt, S($.description), 1)
+                  n("p", _t, S(k.name), 1),
+                  n("p", xt, S(k.description), 1)
                 ], 10, $t);
               }), 128))
             ]),
-            o.value ? (l(), a("div", {
+            a.value ? (l(), o("div", {
               key: 0,
               class: "absolute flex shadow-sm mt-4 w-fit max-w-full transition-all tab-content",
-              style: ce(h.value)
+              style: ce(g.value)
             }, [
-              (l(), ue(me(s[o.value.type]), ge(o.value.props ? o.value.props : null, { onUpdated: p }), null, 16))
+              (l(), ue(me(s[a.value.type]), he(a.value.props ? a.value.props : null, { onUpdated: p }), null, 16))
             ], 4)) : M("", !0),
             n("button", {
               title: "search",
               type: "submit",
               class: "ml-1 btn btn-primary btn-square",
-              onClick: w
+              onClick: y
             }, [
-              te(R(ye), {
+              te(F(ye), {
                 size: 24,
                 color: "white"
               })
@@ -767,7 +767,7 @@ const Qe = le("SunIcon", [
               onClick: b[0] || (b[0] = () => {
               })
             }, [
-              te(R(ye), {
+              te(F(ye), {
                 size: 24,
                 color: "white"
               })
@@ -779,9 +779,9 @@ const Qe = le("SunIcon", [
             D(m.$slots, "additionalForMobile", {}, () => [
               n("h3", It, S(m.currentCategory), 1)
             ], !0),
-            (l(!0), a(I, null, V(((x = e.searchOptions.find(($) => $.category === e.currentCategory)) == null ? void 0 : x.tabs) || [], ($, T) => (l(), a("div", {
+            (l(!0), o(I, null, V(((_ = e.searchOptions.find((k) => k.category === e.currentCategory)) == null ? void 0 : _.tabs) || [], (k, T) => (l(), o("div", {
               class: "bg-base-200 my-4 collapse",
-              key: $.name
+              key: k.name
             }, [
               n("input", {
                 type: "radio",
@@ -789,12 +789,12 @@ const Qe = le("SunIcon", [
                 checked: T === 0
               }, null, 8, Mt),
               n("div", Tt, [
-                de(S($.name) + " ", 1),
-                n("p", Vt, S($.description), 1)
+                de(S(k.name) + " ", 1),
+                n("p", Vt, S(k.description), 1)
               ]),
               n("div", Ot, [
                 b[1] || (b[1] = n("br", null, null, -1)),
-                (l(), ue(me(s[$.type]), ge({ ref_for: !0 }, $.props || {}, {
+                (l(), ue(me(s[k.type]), he({ ref_for: !0 }, k.props || {}, {
                   onUpdated: (P) => p(P, T)
                 }), null, 16, ["onUpdated"]))
               ])
@@ -803,7 +803,7 @@ const Qe = le("SunIcon", [
               n("form", { method: "dialog" }, [
                 n("button", {
                   class: "btn btn-primary",
-                  onClick: w
+                  onClick: y
                 }, "Close and Search")
               ])
             ])
@@ -812,13 +812,13 @@ const Qe = le("SunIcon", [
       ], 64);
     };
   }
-}), bn = /* @__PURE__ */ X(Bt, [["__scopeId", "data-v-08fa37eb"]]), At = ["placeholder", "value", "id"], Pt = { class: "btn btn-ghost" }, zt = ["id"], Lt = {
+}), bn = /* @__PURE__ */ X(Bt, [["__scopeId", "data-v-08fa37eb"]]), zt = ["placeholder", "value", "id"], Pt = { class: "btn btn-ghost" }, At = ["id"], Lt = {
   key: 0,
   class: "flex justify-between items-center place-content-center mb-4"
 }, Et = ["value"], Ut = ["value"], jt = {
   key: 1,
   class: "gap-2 grid grid-cols-7"
-}, Ft = ["onClick"], Rt = {
+}, Rt = ["onClick"], Ft = {
   key: 2,
   class: "mt-4 lg:w-80"
 }, Nt = {
@@ -872,90 +872,90 @@ const Qe = le("SunIcon", [
     N(() => e.range, (v) => {
       v ? (s.value = { start: null, end: null }, r.value = { start: null, end: null }) : (s.value = null, r.value = null);
     });
-    const t = d, o = _(!1), s = _(e.range ? { start: null, end: null } : null), r = _(e.range ? { start: null, end: null } : null), h = _((/* @__PURE__ */ new Date()).toLocaleString("default", { month: "long" })), c = _((/* @__PURE__ */ new Date()).getFullYear()), p = _(e.range ? { start: 0, end: 0 } : 0), w = _(e.range ? { start: 0, end: 0 } : 0), z = _(null), q = B(() => `${e.id}-input`), f = B(() => `${e.id}-popup`), m = B(() => e.mode === "date" || e.mode === "datetime"), b = B(() => e.mode === "time" || e.mode === "datetime");
-    B(() => new Date(c.value, y.value));
-    const y = B(() => k.indexOf(h.value)), x = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], $ = B(() => new Date(c.value, y.value).getDay()), T = B(() => {
-      const v = new Date(c.value, y.value + 1, 0).getDate();
-      return Array.from({ length: v }, (g, u) => new Date(c.value, y.value, u + 1));
-    }), P = B(() => Array.from({ length: $.value }, (v, g) => g)), H = Array.from({ length: 24 }, (v, g) => g), K = Array.from({ length: 60 }, (v, g) => g), W = B(
+    const t = d, a = $(!1), s = $(e.range ? { start: null, end: null } : null), r = $(e.range ? { start: null, end: null } : null), g = $((/* @__PURE__ */ new Date()).toLocaleString("default", { month: "long" })), c = $((/* @__PURE__ */ new Date()).getFullYear()), p = $(e.range ? { start: 0, end: 0 } : 0), y = $(e.range ? { start: 0, end: 0 } : 0), A = $(null), q = B(() => `${e.id}-input`), f = B(() => `${e.id}-popup`), m = B(() => e.mode === "date" || e.mode === "datetime"), b = B(() => e.mode === "time" || e.mode === "datetime");
+    B(() => new Date(c.value, w.value));
+    const w = B(() => x.indexOf(g.value)), _ = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], k = B(() => new Date(c.value, w.value).getDay()), T = B(() => {
+      const v = new Date(c.value, w.value + 1, 0).getDate();
+      return Array.from({ length: v }, (h, u) => new Date(c.value, w.value, u + 1));
+    }), P = B(() => Array.from({ length: k.value }, (v, h) => h)), H = Array.from({ length: 24 }, (v, h) => h), K = Array.from({ length: 60 }, (v, h) => h), W = B(
       () => typeof navigator < "u" && /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(
         navigator.userAgent
       )
-    ), k = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"], L = B(() => {
+    ), x = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"], U = B(() => {
       const v = (/* @__PURE__ */ new Date()).getFullYear();
-      return Array.from({ length: 100 }, (g, u) => v - 50 + u);
+      return Array.from({ length: 100 }, (h, u) => v - 50 + u);
     }), O = B(() => {
       if (!m.value || !s.value) return "";
       if (e.range && s.value.start && s.value.end) {
-        const v = s.value.start.toLocaleDateString("en-US"), g = s.value.end.toLocaleDateString("en-US");
-        return `${v} - ${g}`;
+        const v = s.value.start.toLocaleDateString("en-US"), h = s.value.end.toLocaleDateString("en-US");
+        return `${v} - ${h}`;
       }
       return !e.range && s.value ? s.value.toLocaleDateString("en-US") : "";
-    }), E = (v) => v instanceof Date ? v : new Date(v), U = (v) => v instanceof Date && !isNaN(v), Z = B(() => {
+    }), L = (v) => v instanceof Date ? v : new Date(v), E = (v) => v instanceof Date && !isNaN(v), Z = B(() => {
       if (!b.value) return "";
-      const v = (g) => {
+      const v = (h) => {
         var ae, Q, fe;
-        const u = ((ae = p.value) == null ? void 0 : ae[g]) ?? p.value, Y = ((Q = w.value) == null ? void 0 : Q[g]) ?? w.value;
-        return W.value ? ((fe = r.value) == null ? void 0 : fe[g]) ?? r.value : `${u.toString().padStart(2, "0")}:${Y.toString().padStart(2, "0")}`;
+        const u = ((ae = p.value) == null ? void 0 : ae[h]) ?? p.value, Y = ((Q = y.value) == null ? void 0 : Q[h]) ?? y.value;
+        return W.value ? ((fe = r.value) == null ? void 0 : fe[h]) ?? r.value : `${u.toString().padStart(2, "0")}:${Y.toString().padStart(2, "0")}`;
       };
       return e.range ? `${v("start")} - ${v("end")}` : v();
     }), ne = B(() => {
-      const v = O.value, g = Z.value;
-      return `${v} ${g}`.trim();
-    }), $e = () => o.value = !o.value, pe = () => {
+      const v = O.value, h = Z.value;
+      return `${v} ${h}`.trim();
+    }), $e = () => a.value = !a.value, pe = () => {
       j(), _e();
-    }, _e = () => o.value = !1, xe = () => {
+    }, _e = () => a.value = !1, xe = () => {
       s.value = e.range ? { start: null, end: null } : null, r.value = e.range ? { start: null, end: null } : null, j();
     }, Se = (v) => {
       e.range ? s.value.start && s.value.end ? s.value = { start: v, end: null } : s.value.start ? s.value.end = v : s.value.start = v : s.value = v, j();
-    }, Ce = (v) => (v = E(v), e.range ? s.value.start && U(s.value.start) && v.getTime() === s.value.start.getTime() || s.value.end && U(s.value.end) && v.getTime() === s.value.end.getTime() : U(s.value) && v.getTime() === s.value.getTime()), De = (v) => {
-      v = E(v);
-      const g = /* @__PURE__ */ new Date();
-      return v.getDate() === g.getDate() && v.getMonth() === g.getMonth() && v.getFullYear() === g.getFullYear();
-    }, Ie = (v) => (v = E(v), e.range && U(s.value.start) && v.getTime() === s.value.start.getTime()), Me = (v) => (v = E(v), e.range && U(s.value.end) && v.getTime() === s.value.end.getTime()), Te = (v) => {
-      if (v = E(v), e.range && U(s.value.start) && U(s.value.end)) {
-        const g = s.value.start.getTime(), u = s.value.end.getTime(), Y = v.getTime();
-        return Y > g && Y < u;
+    }, Ce = (v) => (v = L(v), e.range ? s.value.start && E(s.value.start) && v.getTime() === s.value.start.getTime() || s.value.end && E(s.value.end) && v.getTime() === s.value.end.getTime() : E(s.value) && v.getTime() === s.value.getTime()), De = (v) => {
+      v = L(v);
+      const h = /* @__PURE__ */ new Date();
+      return v.getDate() === h.getDate() && v.getMonth() === h.getMonth() && v.getFullYear() === h.getFullYear();
+    }, Ie = (v) => (v = L(v), e.range && E(s.value.start) && v.getTime() === s.value.start.getTime()), Me = (v) => (v = L(v), e.range && E(s.value.end) && v.getTime() === s.value.end.getTime()), Te = (v) => {
+      if (v = L(v), e.range && E(s.value.start) && E(s.value.end)) {
+        const h = s.value.start.getTime(), u = s.value.end.getTime(), Y = v.getTime();
+        return Y > h && Y < u;
       }
       return !1;
     }, Ve = () => {
-      let v = y.value - 1;
-      v < 0 && (v = 11, c.value--), h.value = k[v], j();
+      let v = w.value - 1;
+      v < 0 && (v = 11, c.value--), g.value = x[v], j();
     }, Oe = () => {
-      let v = y.value + 1;
-      v > 11 && (v = 0, c.value++), h.value = k[v], j();
+      let v = w.value + 1;
+      v > 11 && (v = 0, c.value++), g.value = x[v], j();
     }, ve = (v) => {
-      z.value && !z.value.contains(v.target) && o.value == !0 && pe();
+      A.value && !A.value.contains(v.target) && a.value == !0 && pe();
     }, j = () => {
       let v = {};
-      const g = (u, Y, ae) => {
+      const h = (u, Y, ae) => {
         u instanceof Date && !isNaN(u) || (u = /* @__PURE__ */ new Date());
         const Q = new Date(u);
         return Q.setUTCHours(Y, ae, 0, 0), Q.toISOString();
       };
-      e.range ? (v.from = g(
+      e.range ? (v.from = h(
         s.value.start,
         p.value.start,
-        w.value.start
-      ), v.to = g(
+        y.value.start
+      ), v.to = h(
         s.value.end,
         p.value.end,
-        w.value.end
-      )) : v = g(
+        y.value.end
+      )) : v = h(
         s.value,
         p.value,
-        w.value
+        y.value
       ), t("updated", v);
     };
     return G(() => {
       e.initialDate && (e.range && e.initialDate.start && e.initialDate.end ? s.value = {
         start: new Date(e.initialDate.start),
         end: new Date(e.initialDate.end)
-      } : e.initialDate.start && (s.value = { start: new Date(e.initialDate.start) })), e.range ? (p.value.start = p.value.start ?? (/* @__PURE__ */ new Date()).getHours(), p.value.end = p.value.end ?? (/* @__PURE__ */ new Date()).getHours(), w.value.start = w.value.start ?? (/* @__PURE__ */ new Date()).getMinutes(), w.value.end = w.value.end ?? (/* @__PURE__ */ new Date()).getMinutes()) : (p.value = p.value ?? (/* @__PURE__ */ new Date()).getHours(), w.value = w.value ?? (/* @__PURE__ */ new Date()).getMinutes());
-    }), e.popup && G(() => document.addEventListener("click", ve)), we(() => document.removeEventListener("click", ve)), (v, g) => (l(), a("div", {
+      } : e.initialDate.start && (s.value = { start: new Date(e.initialDate.start) })), e.range ? (p.value.start = p.value.start ?? (/* @__PURE__ */ new Date()).getHours(), p.value.end = p.value.end ?? (/* @__PURE__ */ new Date()).getHours(), y.value.start = y.value.start ?? (/* @__PURE__ */ new Date()).getMinutes(), y.value.end = y.value.end ?? (/* @__PURE__ */ new Date()).getMinutes()) : (p.value = p.value ?? (/* @__PURE__ */ new Date()).getHours(), y.value = y.value ?? (/* @__PURE__ */ new Date()).getMinutes());
+    }), e.popup && G(() => document.addEventListener("click", ve)), we(() => document.removeEventListener("click", ve)), (v, h) => (l(), o("div", {
       class: "inline-block relative w-full lg:w-[360px]",
       ref_key: "pickerContainer",
-      ref: z
+      ref: A
     }, [
       n("div", {
         class: "flex items-center gap-2 cursor-pointer",
@@ -969,22 +969,22 @@ const Qe = le("SunIcon", [
             value: ne.value,
             readonly: "",
             id: q.value
-          }, null, 8, At),
+          }, null, 8, zt),
           n("button", Pt, [
-            te(R(Ge))
+            te(F(Ge))
           ])
         ], !0) : M("", !0)
       ]),
-      o.value || !i.popup ? (l(), a("div", {
+      a.value || !i.popup ? (l(), o("div", {
         key: 0,
         class: C(["z-50 lg:bg-base-100 md:mt-2 md:p-4 px-4 rounded-md w-full", [{ absolute: i.popup }]]),
         id: f.value
       }, [
-        m.value ? (l(), a("div", Lt, [
+        m.value ? (l(), o("div", Lt, [
           n("button", {
             class: "hidden md:block btn-outline btn btn-primary md:btn-sm",
             onClick: Ve
-          }, g[11] || (g[11] = [
+          }, h[11] || (h[11] = [
             n("svg", {
               xmlns: "http://www.w3.org/2000/svg",
               class: "w-4 h-4",
@@ -1000,24 +1000,24 @@ const Qe = le("SunIcon", [
               })
             ], -1)
           ])),
-          F(n("select", {
+          R(n("select", {
             class: "border-none w-fit select",
-            "onUpdate:modelValue": g[0] || (g[0] = (u) => h.value = u),
+            "onUpdate:modelValue": h[0] || (h[0] = (u) => g.value = u),
             onChange: j
           }, [
-            (l(), a(I, null, V(k, (u, Y) => n("option", {
+            (l(), o(I, null, V(x, (u, Y) => n("option", {
               key: Y,
               value: u
             }, S(u), 9, Et)), 64))
           ], 544), [
-            [J, h.value]
+            [J, g.value]
           ]),
-          F(n("select", {
+          R(n("select", {
             class: "border-none w-24 select",
-            "onUpdate:modelValue": g[1] || (g[1] = (u) => c.value = u),
+            "onUpdate:modelValue": h[1] || (h[1] = (u) => c.value = u),
             onChange: j
           }, [
-            (l(!0), a(I, null, V(L.value, (u) => (l(), a("option", {
+            (l(!0), o(I, null, V(U.value, (u) => (l(), o("option", {
               key: u,
               value: u
             }, S(u), 9, Ut))), 128))
@@ -1027,7 +1027,7 @@ const Qe = le("SunIcon", [
           n("button", {
             class: "hidden md:block btn-outline btn btn-primary md:btn-sm",
             onClick: Oe
-          }, g[12] || (g[12] = [
+          }, h[12] || (h[12] = [
             n("svg", {
               xmlns: "http://www.w3.org/2000/svg",
               class: "w-4 h-4",
@@ -1044,16 +1044,16 @@ const Qe = le("SunIcon", [
             ], -1)
           ]))
         ])) : M("", !0),
-        m.value ? (l(), a("div", jt, [
-          (l(), a(I, null, V(x, (u) => n("div", {
+        m.value ? (l(), o("div", jt, [
+          (l(), o(I, null, V(_, (u) => n("div", {
             key: u,
             class: "text-center"
           }, S(u), 1)), 64)),
-          (l(!0), a(I, null, V(P.value, (u) => (l(), a("div", {
+          (l(!0), o(I, null, V(P.value, (u) => (l(), o("div", {
             key: u,
             class: "text-center"
           }))), 128)),
-          (l(!0), a(I, null, V(T.value, (u) => (l(), a("div", {
+          (l(!0), o(I, null, V(T.value, (u) => (l(), o("div", {
             key: u,
             class: C(["hover:bg-primary-10 py-1 rounded-full text-center cursor-pointer", {
               "bg-primary text-primary-content": Ce(u),
@@ -1063,28 +1063,28 @@ const Qe = le("SunIcon", [
               "in-range bg-primary/20 hover:bg-primary/10": Te(u)
             }]),
             onClick: (Y) => Se(u)
-          }, S(u.getDate()), 11, Ft))), 128))
+          }, S(u.getDate()), 11, Rt))), 128))
         ])) : M("", !0),
-        b.value ? (l(), a("div", Rt, [
-          e.range ? M("", !0) : (l(), a("h3", Nt, "Select Time")),
-          e.range ? (l(), a("div", Yt, [
+        b.value ? (l(), o("div", Ft, [
+          e.range ? M("", !0) : (l(), o("h3", Nt, "Select Time")),
+          e.range ? (l(), o("div", Yt, [
             n("div", null, [
-              g[13] || (g[13] = n("p", { class: "font-bold" }, "Start Time", -1)),
-              W.value ? F((l(), a("input", {
+              h[13] || (h[13] = n("p", { class: "font-bold" }, "Start Time", -1)),
+              W.value ? R((l(), o("input", {
                 key: 0,
                 type: "time",
                 class: "input-bordered w-full input",
-                "onUpdate:modelValue": g[5] || (g[5] = (u) => r.value.start = u),
+                "onUpdate:modelValue": h[5] || (h[5] = (u) => r.value.start = u),
                 onChange: j
               }, null, 544)), [
                 [ee, r.value.start]
-              ]) : (l(), a("div", Jt, [
-                F(n("select", {
+              ]) : (l(), o("div", Jt, [
+                R(n("select", {
                   class: "w-full select-bordered select",
-                  "onUpdate:modelValue": g[6] || (g[6] = (u) => p.value.start = u),
+                  "onUpdate:modelValue": h[6] || (h[6] = (u) => p.value.start = u),
                   onChange: j
                 }, [
-                  (l(!0), a(I, null, V(R(H), (u) => (l(), a("option", {
+                  (l(!0), o(I, null, V(F(H), (u) => (l(), o("option", {
                     key: u,
                     value: u
                   }, S(u.toString().padStart(2, "0")), 9, Gt))), 128))
@@ -1096,19 +1096,19 @@ const Qe = le("SunIcon", [
                     { number: !0 }
                   ]
                 ]),
-                F(n("select", {
+                R(n("select", {
                   class: "w-full select-bordered select",
-                  "onUpdate:modelValue": g[7] || (g[7] = (u) => w.value.start = u),
+                  "onUpdate:modelValue": h[7] || (h[7] = (u) => y.value.start = u),
                   onChange: j
                 }, [
-                  (l(!0), a(I, null, V(R(K), (u) => (l(), a("option", {
+                  (l(!0), o(I, null, V(F(K), (u) => (l(), o("option", {
                     key: u,
                     value: u
                   }, S(u.toString().padStart(2, "0")), 9, Xt))), 128))
                 ], 544), [
                   [
                     J,
-                    w.value.start,
+                    y.value.start,
                     void 0,
                     { number: !0 }
                   ]
@@ -1116,22 +1116,22 @@ const Qe = le("SunIcon", [
               ]))
             ]),
             n("div", null, [
-              g[14] || (g[14] = n("p", { class: "font-bold" }, "End Time", -1)),
-              W.value ? F((l(), a("input", {
+              h[14] || (h[14] = n("p", { class: "font-bold" }, "End Time", -1)),
+              W.value ? R((l(), o("input", {
                 key: 0,
                 type: "time",
                 class: "input-bordered w-full input",
-                "onUpdate:modelValue": g[8] || (g[8] = (u) => r.value.end = u),
+                "onUpdate:modelValue": h[8] || (h[8] = (u) => r.value.end = u),
                 onChange: j
               }, null, 544)), [
                 [ee, r.value.end]
-              ]) : (l(), a("div", Zt, [
-                F(n("select", {
+              ]) : (l(), o("div", Zt, [
+                R(n("select", {
                   class: "w-full select-bordered select",
-                  "onUpdate:modelValue": g[9] || (g[9] = (u) => p.value.end = u),
+                  "onUpdate:modelValue": h[9] || (h[9] = (u) => p.value.end = u),
                   onChange: j
                 }, [
-                  (l(!0), a(I, null, V(R(H), (u) => (l(), a("option", {
+                  (l(!0), o(I, null, V(F(H), (u) => (l(), o("option", {
                     key: u,
                     value: u
                   }, S(u.toString().padStart(2, "0")), 9, Qt))), 128))
@@ -1143,41 +1143,41 @@ const Qe = le("SunIcon", [
                     { number: !0 }
                   ]
                 ]),
-                F(n("select", {
+                R(n("select", {
                   class: "w-full select-bordered select",
-                  "onUpdate:modelValue": g[10] || (g[10] = (u) => w.value.end = u),
+                  "onUpdate:modelValue": h[10] || (h[10] = (u) => y.value.end = u),
                   onChange: j
                 }, [
-                  (l(!0), a(I, null, V(R(K), (u) => (l(), a("option", {
+                  (l(!0), o(I, null, V(F(K), (u) => (l(), o("option", {
                     key: u,
                     value: u
                   }, S(u.toString().padStart(2, "0")), 9, el))), 128))
                 ], 544), [
                   [
                     J,
-                    w.value.end,
+                    y.value.end,
                     void 0,
                     { number: !0 }
                   ]
                 ])
               ]))
             ])
-          ])) : (l(), a("div", qt, [
-            W.value ? F((l(), a("input", {
+          ])) : (l(), o("div", qt, [
+            W.value ? R((l(), o("input", {
               key: 0,
               type: "time",
               class: "input-bordered w-full input",
-              "onUpdate:modelValue": g[2] || (g[2] = (u) => r.value = u),
+              "onUpdate:modelValue": h[2] || (h[2] = (u) => r.value = u),
               onChange: j
             }, null, 544)), [
               [ee, r.value]
-            ]) : (l(), a("div", Ht, [
-              F(n("select", {
+            ]) : (l(), o("div", Ht, [
+              R(n("select", {
                 class: "w-full select-bordered select",
-                "onUpdate:modelValue": g[3] || (g[3] = (u) => p.value = u),
+                "onUpdate:modelValue": h[3] || (h[3] = (u) => p.value = u),
                 onChange: j
               }, [
-                (l(!0), a(I, null, V(R(H), (u) => (l(), a("option", {
+                (l(!0), o(I, null, V(F(H), (u) => (l(), o("option", {
                   key: u,
                   value: u
                 }, S(u.toString().padStart(2, "0")), 9, Wt))), 128))
@@ -1189,19 +1189,19 @@ const Qe = le("SunIcon", [
                   { number: !0 }
                 ]
               ]),
-              F(n("select", {
+              R(n("select", {
                 class: "w-full select-bordered select",
-                "onUpdate:modelValue": g[4] || (g[4] = (u) => w.value = u),
+                "onUpdate:modelValue": h[4] || (h[4] = (u) => y.value = u),
                 onChange: j
               }, [
-                (l(!0), a(I, null, V(R(K), (u) => (l(), a("option", {
+                (l(!0), o(I, null, V(F(K), (u) => (l(), o("option", {
                   key: u,
                   value: u
                 }, S(u.toString().padStart(2, "0")), 9, Kt))), 128))
               ], 544), [
                 [
                   J,
-                  w.value,
+                  y.value,
                   void 0,
                   { number: !0 }
                 ]
@@ -1214,62 +1214,77 @@ const Qe = le("SunIcon", [
             class: C(["btn btn-secondary", i.popup ? "w-fit" : "w-full"]),
             onClick: xe
           }, "Clear", 2),
-          i.popup ? (l(), a("button", {
+          i.popup ? (l(), o("button", {
             key: 0,
             class: "btn btn-primary btn-wide",
             onClick: pe
           }, "Close")) : M("", !0)
         ])
-      ], 10, zt)) : M("", !0)
+      ], 10, At)) : M("", !0)
     ], 512));
   }
 }, nl = /* @__PURE__ */ X(ll, [["__scopeId", "data-v-488ecabe"]]), al = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: nl
-}, Symbol.toStringTag, { value: "Module" })), ol = ["value", "checked", "onChange", "disabled"], yn = /* @__PURE__ */ A({
+}, Symbol.toStringTag, { value: "Module" })), ol = ["value", "checked", "onChange", "disabled"], yn = /* @__PURE__ */ z({
   __name: "rating",
   props: {
     initialRating: { default: 0 },
     numberOfStars: { default: 5 },
     halfStars: { type: Boolean, default: !0 },
     isInteractive: { type: Boolean, default: !1 },
-    size: { default: "sm" }
+    size: { default: "sm" },
+    shape: { default: "star" },
+    color: { default: "bg-yellow-400" }
   },
   setup(i) {
-    const d = i, e = _(d.initialRating);
+    const d = i, e = $(d.initialRating);
     N(
       () => d.initialRating,
-      (o) => {
-        e.value = o;
+      (a) => {
+        e.value = a;
       }
     );
-    const t = (o) => {
-      e.value = o;
+    const t = (a) => {
+      e.value = a;
     };
-    return (o, s) => (l(), a("div", {
-      class: C(["rating", [
-        `rating-${d.size}`,
-        { "rating-half": o.halfStars }
-      ]])
+    return (a, s) => (l(), o("div", {
+      class: C(["rating", [`rating-${d.size}`, { "rating-half": a.halfStars }]])
     }, [
-      (l(!0), a(I, null, V(o.numberOfStars * (o.halfStars ? 2 : 1), (r) => (l(), a("input", {
+      (l(!0), o(I, null, V(a.numberOfStars * (a.halfStars ? 2 : 1), (r) => (l(), o("input", {
         key: r,
         type: "radio",
-        value: o.halfStars ? r * 0.5 : r,
-        checked: e.value === (o.halfStars ? r * 0.5 : r),
-        onChange: (h) => o.isInteractive ? t(o.halfStars ? r * 0.5 : r) : null,
-        class: C(["mask mask-star", {
-          "bg-yellow-400": e.value >= (o.halfStars ? r * 0.5 : r),
-          "mask-half-1": o.halfStars && r % 2 !== 0,
-          "mask-half-2": o.halfStars && r % 2 === 0,
-          "cursor-pointer": o.isInteractive,
-          "cursor-default": !o.isInteractive
-        }]),
-        disabled: !o.isInteractive
+        value: a.halfStars ? r * 0.5 : r,
+        checked: e.value === (a.halfStars ? r * 0.5 : r),
+        onChange: (g) => a.isInteractive ? t(a.halfStars ? r * 0.5 : r) : null,
+        class: C(["mask", [
+          {
+            // 'bg-yellow-400': rating >= (halfStars ? i * 0.5 : i),
+            "mask-half-1": a.halfStars && r % 2 !== 0,
+            "mask-half-2": a.halfStars && r % 2 === 0,
+            "cursor-pointer": a.isInteractive,
+            "cursor-default": !a.isInteractive,
+            "mask-star": a.shape === "star",
+            "mask-star-2": a.shape === "star-bold",
+            "mask-heart": a.shape === "heart",
+            "mask-hexagon": a.shape === "hexagon-vertical",
+            "mask-hexagon-2": a.shape === "hexagon-horizontal",
+            "mask-decagon": a.shape === "decagon",
+            "mask-pentagon": a.shape === "pentagon",
+            "mask-diamond": a.shape === "diamond",
+            "mask-square": a.shape === "square",
+            "mask-triangle": a.shape === "triangle-top",
+            "mask-triangle-2": a.shape === "triangle-bottom",
+            "mask-triangle-3": a.shape === "triangle-left",
+            "mask-triangle-4": a.shape === "triangle-right"
+          },
+          e.value >= (a.halfStars ? r * 0.5 : r) ? d.color : ""
+        ]]),
+        disabled: !a.isInteractive
       }, null, 42, ol))), 128))
     ], 2));
   }
-}), sl = { class: "badge" }, rl = ["onClick"], il = { class: "opacity-75" }, ul = ["placeholder"], wn = /* @__PURE__ */ A({
+}), sl = { class: "badge" }, rl = ["onClick"], il = { class: "opacity-75" }, ul = ["placeholder"], wn = /* @__PURE__ */ z({
   __name: "taginput",
   props: {
     modelValue: {},
@@ -1279,47 +1294,47 @@ const Qe = le("SunIcon", [
   },
   emits: ["update:modelValue"],
   setup(i, { emit: d }) {
-    const e = i, t = d, o = _([...e.modelValue]), s = e.maxTagAmount === void 0 ? -1 : e.maxTagAmount, r = _(null), h = _(""), c = B(() => s < 0 || o.value.length < s), p = () => {
-      const f = h.value.trim();
-      f && !o.value.includes(f) && (o.value.push(f), t("update:modelValue", o.value), h.value = "");
-    }, w = (f) => {
-      o.value = o.value.filter((m) => m !== f), t("update:modelValue", o.value);
-    }, z = () => {
-      h.value === "" && (o.value.pop(), t("update:modelValue", o.value));
+    const e = i, t = d, a = $([...e.modelValue]), s = e.maxTagAmount === void 0 ? -1 : e.maxTagAmount, r = $(null), g = $(""), c = B(() => s < 0 || a.value.length < s), p = () => {
+      const f = g.value.trim();
+      f && !a.value.includes(f) && (a.value.push(f), t("update:modelValue", a.value), g.value = "");
+    }, y = (f) => {
+      a.value = a.value.filter((m) => m !== f), t("update:modelValue", a.value);
+    }, A = () => {
+      g.value === "" && (a.value.pop(), t("update:modelValue", a.value));
     }, q = (f) => {
-      f.key === "Enter" ? p() : f.key === "Backspace" && h.value === "" && z();
+      f.key === "Enter" ? p() : f.key === "Backspace" && g.value === "" && A();
     };
     return N(() => e.modelValue, (f) => {
-      o.value = [...f];
-    }), (f, m) => (l(), a("div", {
+      a.value = [...f];
+    }), (f, m) => (l(), o("div", {
       class: C(["flex flex-wrap gap-2 bg-base-100 shadow px-4 py-6 border border-base-content/20 rounded", f.$props.class])
     }, [
-      (l(!0), a(I, null, V(o.value, (b) => D(f.$slots, "tag", {
+      (l(!0), o(I, null, V(a.value, (b) => D(f.$slots, "tag", {
         key: b,
         tag: b
       }, () => [
         n("div", sl, [
           n("button", {
             class: "!px-1 !py-0 h-fit font-bold cursor-pointer",
-            onClick: (y) => w(b),
+            onClick: (w) => y(b),
             "aria-label": "Remove tag"
           }, "X", 8, rl),
           n("span", il, S(b), 1)
         ])
       ])), 128)),
       D(f.$slots, "input", { showInput: c.value }, () => [
-        c.value ? F((l(), a("input", {
+        c.value ? R((l(), o("input", {
           key: 0,
           ref_key: "inputRef",
           ref: r,
-          "onUpdate:modelValue": m[0] || (m[0] = (b) => h.value = b),
+          "onUpdate:modelValue": m[0] || (m[0] = (b) => g.value = b),
           type: "text",
           placeholder: f.placeholder || "Type here",
           class: "h-full input input-ghost",
           onKeydown: q,
           "aria-label": "Add tags"
         }, null, 40, ul)), [
-          [ee, h.value]
+          [ee, g.value]
         ]) : M("", !0)
       ])
     ], 2));
@@ -1332,7 +1347,7 @@ const Qe = le("SunIcon", [
   value: "",
   disabled: "",
   selected: ""
-}, ml = ["value"], kn = /* @__PURE__ */ A({
+}, ml = ["value"], kn = /* @__PURE__ */ z({
   __name: "select",
   props: {
     options: {},
@@ -1343,9 +1358,9 @@ const Qe = le("SunIcon", [
   emits: ["update:modelValue"],
   setup(i, { expose: d, emit: e }) {
     console.log(i.placeholder);
-    const o = e, s = _(null), r = (c) => {
+    const a = e, s = $(null), r = (c) => {
       const p = c.target;
-      o("update:modelValue", p.value);
+      a("update:modelValue", p.value);
     };
     return d({
       focusInput: () => {
@@ -1354,8 +1369,8 @@ const Qe = le("SunIcon", [
       }
       // You can expose other properties or methods here if needed by the parent
       // e.g., the current value: modelValue
-    }), (c, p) => (l(), a("div", dl, [
-      c.label ? (l(), a("label", cl, [
+    }), (c, p) => (l(), o("div", dl, [
+      c.label ? (l(), o("label", cl, [
         n("span", pl, S(c.label), 1)
       ])) : M("", !0),
       n("select", {
@@ -1365,18 +1380,18 @@ const Qe = le("SunIcon", [
         value: c.modelValue,
         onChange: r
       }, [
-        c.placeholder ? (l(), a("option", fl, S(c.placeholder), 1)) : M("", !0),
-        (l(!0), a(I, null, V(c.options, (w) => (l(), a("option", {
-          key: w.value,
-          value: w.value
-        }, S(w.text), 9, ml))), 128))
+        c.placeholder ? (l(), o("option", fl, S(c.placeholder), 1)) : M("", !0),
+        (l(!0), o(I, null, V(c.options, (y) => (l(), o("option", {
+          key: y.value,
+          value: y.value
+        }, S(y.text), 9, ml))), 128))
       ], 40, vl)
     ]));
   }
-}), gl = {
+}), hl = {
   key: 0,
   class: "label"
-}, hl = { class: "label-text" }, bl = ["onKeydown", "aria-expanded", "aria-activedescendant"], yl = ["placeholder"], wl = {
+}, gl = { class: "label-text" }, bl = ["onKeydown", "aria-expanded", "aria-activedescendant"], yl = ["placeholder"], wl = {
   class: "top-full z-10 absolute bg-base-100 shadow-lg mt-1 rounded-md w-full dropdown-content",
   role: "listbox"
 }, kl = { class: "flex-nowrap p-0 w-[inherit] max-h-60 overflow-y-auto menu" }, $l = ["onMousedown", "id", "aria-selected"], $n = {
@@ -1406,91 +1421,88 @@ const Qe = le("SunIcon", [
   },
   emits: ["update:modelValue", "select"],
   setup(i, { expose: d, emit: e }) {
-    const t = i, o = e, s = Ee(), r = B(() => {
-      const L = (s.default ? s.default() : []).filter((O) => O.type !== Ue);
-      return console.log("hasDefaultSlotContent computed:", L.length > 0), L.length > 0;
-    }), h = _(""), c = _(null), p = _(!1), w = _(null), z = _(null), q = _(null), f = _(null), m = () => {
+    const t = i, a = e, s = Ee(), r = B(() => {
+      const U = (s.default ? s.default() : []).filter((O) => O.type !== Ue);
+      return console.log("hasDefaultSlotContent computed:", U.length > 0), U.length > 0;
+    }), g = $(""), c = $(null), p = $(!1), y = $(null), A = $(null), q = $(null), f = $(null), m = () => {
       console.log("openDropdown called"), p.value = !0;
     }, b = () => {
-      console.log("closeDropdown called"), p.value = !1, f.value = null, r.value || (c.value && h.value !== c.value.text ? h.value = c.value.text : c.value || (h.value = ""));
-    }, y = () => {
-      console.log(
-        "toggleDropdown called. Current isDropdownOpen:",
-        p.value
-      ), p.value ? b() : m();
-    }, x = B(() => {
-      const k = h.value.toLowerCase(), L = k === "" && !p.value ? [] : t.options.filter(
-        (O) => O.text.toLowerCase().includes(k)
+      console.log("closeDropdown called"), p.value = !1, f.value = null, r.value || (c.value && g.value !== c.value.text ? g.value = c.value.text : c.value || (g.value = ""));
+    }, w = () => {
+      p.value ? b() : m();
+    }, _ = B(() => {
+      const x = g.value.toLowerCase();
+      return x === "" && !p.value ? [] : t.options.filter(
+        (O) => O.text.toLowerCase().includes(x)
       );
-      return console.log("filteredOptions computed:", L.length, "options"), L;
     });
     N(
       () => t.modelValue,
-      (k, L) => {
-        if (console.log("modelValue changed:", k), k !== L && b(), k == null)
-          c.value = null, !p.value && !r.value && (h.value = "");
+      (x, U) => {
+        if (x !== U && b(), x == null)
+          c.value = null, !p.value && !r.value && (g.value = "");
         else {
-          const O = t.options.find((E) => E.value === k);
-          O ? (c.value = O, !p.value && !r.value && (h.value = O.text)) : (c.value = null, !p.value && !r.value && (h.value = ""));
+          const O = t.options.find((L) => L.value === x);
+          O ? (c.value = O, !p.value && !r.value && (g.value = O.text)) : (c.value = null, !p.value && !r.value && (g.value = ""));
         }
       },
       { immediate: !0 }
       // Run immediately on component mount
     );
-    const $ = (k) => {
-      z.value && !z.value.contains(k.target) && (console.log("Clicked outside, closing dropdown"), b());
+    const k = (x) => {
+      A.value && !A.value.contains(x.target) && b();
     }, T = () => {
-      console.log("Activator blur detected"), setTimeout(() => {
-        z.value && !z.value.contains(document.activeElement) ? (console.log("Blur timeout finished, closing dropdown"), b()) : console.log("Blur timeout finished, focus is still inside component");
+      setTimeout(() => {
+        A.value && !A.value.contains(document.activeElement) && b();
       }, 100);
     };
-    N(p, (k) => {
-      console.log("isDropdownOpen watcher:", k), k ? setTimeout(() => {
-        document.addEventListener("click", $);
-      }, 0) : document.removeEventListener("click", $);
+    N(p, (x) => {
+      x ? setTimeout(() => {
+        document.addEventListener("click", k);
+      }, 0) : document.removeEventListener("click", k);
     }), ie(() => {
-      document.removeEventListener("click", $), window.removeEventListener("keydown", W);
+      document.removeEventListener("click", k), window.removeEventListener("keydown", W);
     });
-    const P = (k) => {
-      console.log("selectItem called with:", k), c.value = k, r.value || (h.value = k.text), o("update:modelValue", k.value), o("select", k);
+    const P = (x) => {
+      c.value = x, r.value || (g.value = x.text), a("update:modelValue", x.value), a("select", x);
     }, H = () => {
-      console.log("selectFirstFiltered called"), x.value.length > 0 && P(x.value[0]);
+      _.value.length > 0 && P(_.value[0]);
     }, K = () => {
       p.value || m();
-    }, W = (k) => {
-      if (!p.value || x.value.length === 0) return;
-      const L = x.value.findIndex(
-        (E, U) => "option-" + U === f.value
+    }, W = (x) => {
+      if (!p.value || _.value.length === 0) return;
+      const U = _.value.findIndex(
+        (L, E) => "option-" + E === f.value
       );
       let O = -1;
-      if (k.key === "ArrowDown")
-        k.preventDefault(), O = (L + 1) % x.value.length;
-      else if (k.key === "ArrowUp")
-        k.preventDefault(), O = (L - 1 + x.value.length) % x.value.length;
-      else if (k.key === "Enter" && f.value) {
-        k.preventDefault();
-        const E = x.value.find(
-          (U, Z) => "option-" + Z === f.value
+      if (x.key === "ArrowDown")
+        x.preventDefault(), O = (U + 1) % _.value.length;
+      else if (x.key === "ArrowUp")
+        x.preventDefault(), O = (U - 1 + _.value.length) % _.value.length;
+      else if (x.key === "Enter" && f.value) {
+        x.preventDefault();
+        const L = _.value.find(
+          (E, Z) => "option-" + Z === f.value
         );
-        E && P(E);
+        L && P(L);
         return;
-      } else if (k.key === "Escape") {
-        k.preventDefault(), b(), q.value && q.value.focus();
+      } else if (x.key === "Escape") {
+        x.preventDefault(), b(), q.value && q.value.focus();
         return;
       } else if (r.value)
         return;
       if (O !== -1) {
         f.value = "option-" + O;
-        const E = document.getElementById(f.value);
-        E && requestAnimationFrame(() => {
-          E.scrollIntoView({ block: "nearest", behavior: "smooth" });
+        const L = document.getElementById(f.value);
+        L && requestAnimationFrame(() => {
+          L.scrollIntoView({ block: "nearest", behavior: "smooth" });
         });
       }
     };
-    return N(p, (k) => {
-      k ? (console.log("Adding window keydown listener"), window.addEventListener("keydown", W), !r.value && !h.value && c.value && (h.value = c.value.text)) : (console.log("Removing window keydown listener"), window.removeEventListener("keydown", W));
+    return N(p, (x) => {
+      x ? (window.addEventListener("keydown", W), !r.value && !g.value && c.value && (g.value = c.value.text)) : (console.log("Removing window keydown listener"), window.removeEventListener("keydown", W));
     }), ie(() => {
-      document.removeEventListener("click", $), window.removeEventListener("keydown", W);
+      document.removeEventListener("click", k), window.removeEventListener("keydown", W);
     }), d({
       isDropdownOpen: p,
       // Expose state
@@ -1500,27 +1512,26 @@ const Qe = le("SunIcon", [
       // Expose method to open
       closeDropdown: b,
       // Expose method to close
-      toggleDropdown: y,
+      toggleDropdown: w,
       // Expose method to toggle
       selectItem: P,
       // Expose method to select an item programmatically
-      filterText: h,
+      filterText: g,
       // Expose filter text (useful if parent controls filtering)
       hasDefaultSlotContent: r
       // Expose to know if the default slot is used
-    }), (k, L) => (l(), a("div", {
+    }), (x, U) => (l(), o("div", {
       class: "relative w-full max-w-xs form-control",
       ref_key: "componentRoot",
-      ref: z
+      ref: A
     }, [
-      i.label ? (l(), a("label", gl, [
-        n("span", hl, S(i.label), 1)
+      i.label ? (l(), o("label", hl, [
+        n("span", gl, S(i.label), 1)
       ])) : M("", !0),
       n("div", {
         class: C(["flex items-center input-bordered rounded-md w-fit cursor-pointer", { input: !r.value, select: !r.value }]),
         tabindex: "0",
-        onFocus: m,
-        onClick: y,
+        onClick: m,
         onKeydown: [
           be(se(H, ["prevent"]), ["enter"]),
           be(se(H, ["prevent"]), ["space"])
@@ -1534,34 +1545,35 @@ const Qe = le("SunIcon", [
         ref_key: "activatorWrapper",
         ref: q
       }, [
-        D(k.$slots, "default", {}, () => [
-          r.value ? M("", !0) : F((l(), a("input", {
+        D(x.$slots, "default", {}, () => [
+          r.value ? M("", !0) : R((l(), o("input", {
             key: 0,
             type: "text",
             placeholder: i.placeholder,
             class: "bg-transparent border-none focus:outline-none w-full",
-            "onUpdate:modelValue": L[0] || (L[0] = (O) => h.value = O),
+            "onUpdate:modelValue": U[0] || (U[0] = (O) => g.value = O),
             ref_key: "filterInput",
-            ref: w,
+            ref: y,
+            onFocus: m,
             onInput: K,
             tabindex: "-1"
           }, null, 40, yl)), [
-            [ee, h.value]
+            [ee, g.value]
           ])
         ]),
-        r.value ? (l(), ue(R(Xe), {
+        r.value ? (l(), ue(F(Xe), {
           key: 0,
           class: C({ "rotate-180": p.value }),
           size: 20
         }, null, 8, ["class"])) : M("", !0)
       ], 42, bl),
-      F(n("div", wl, [
+      R(n("div", wl, [
         n("ul", kl, [
-          (l(!0), a(I, null, V(x.value, (O, E) => (l(), a("li", {
+          (l(!0), o(I, null, V(_.value, (O, L) => (l(), o("li", {
             key: O.value,
-            onMousedown: se((U) => P(O), ["prevent"]),
+            onMousedown: se((E) => P(O), ["prevent"]),
             class: "hover:bg-base-200 rounded-md w-full cursor-pointer",
-            id: "option-" + E,
+            id: "option-" + L,
             role: "option",
             "aria-selected": c.value && c.value.value === O.value
           }, [
@@ -1569,7 +1581,7 @@ const Qe = le("SunIcon", [
           ], 40, $l))), 128))
         ])
       ], 512), [
-        [je, p.value && x.value.length > 0]
+        [je, p.value && _.value.length > 0]
       ])
     ], 512));
   }
@@ -1582,7 +1594,7 @@ const Qe = le("SunIcon", [
 }, Il = { class: "label-text-alt text-error validator-hint" }, Ml = {
   key: 2,
   class: "label"
-}, Tl = { class: "label-text-alt text-success validator-hint" }, _n = /* @__PURE__ */ A({
+}, Tl = { class: "label-text-alt text-success validator-hint" }, _n = /* @__PURE__ */ z({
   __name: "inputField",
   props: {
     modelValue: { default: "" },
@@ -1597,15 +1609,15 @@ const Qe = le("SunIcon", [
   },
   emits: ["update:modelValue", "validate"],
   setup(i, { expose: d, emit: e }) {
-    const t = i, o = e, s = _(null), r = _(!1), h = _(""), c = B(() => {
-      var y, x, $, T;
+    const t = i, a = e, s = $(null), r = $(!1), g = $(""), c = B(() => {
+      var w, _, k, T;
       let f = !0, m = "";
       const b = t.modelValue;
-      return (y = t.rules) != null && y.required && (b == null || b === "") && (f = !1, m = "This field is required."), f && ((x = t.rules) == null ? void 0 : x.minLength) !== void 0 && typeof b == "string" && b.length < t.rules.minLength && (f = !1, m = `Must be at least ${t.rules.minLength} characters.`), f && (($ = t.rules) == null ? void 0 : $.maxLength) !== void 0 && typeof b == "string" && b.length > t.rules.maxLength && (f = !1, m = `Cannot exceed ${t.rules.maxLength} characters.`), f && ((T = t.rules) != null && T.email) && typeof b == "string" && b && (/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(b) || (f = !1, m = "Please enter a valid email address.")), h.value = m, o("validate", f), f;
-    }), p = B(() => r.value && !c.value), w = (f) => {
+      return (w = t.rules) != null && w.required && (b == null || b === "") && (f = !1, m = "This field is required."), f && ((_ = t.rules) == null ? void 0 : _.minLength) !== void 0 && typeof b == "string" && b.length < t.rules.minLength && (f = !1, m = `Must be at least ${t.rules.minLength} characters.`), f && ((k = t.rules) == null ? void 0 : k.maxLength) !== void 0 && typeof b == "string" && b.length > t.rules.maxLength && (f = !1, m = `Cannot exceed ${t.rules.maxLength} characters.`), f && ((T = t.rules) != null && T.email) && typeof b == "string" && b && (/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(b) || (f = !1, m = "Please enter a valid email address.")), g.value = m, a("validate", f), f;
+    }), p = B(() => r.value && !c.value), y = (f) => {
       const m = f.target;
-      o("update:modelValue", m.value), r.value && c.value;
-    }, z = () => {
+      a("update:modelValue", m.value), r.value && c.value;
+    }, A = () => {
       r.value = !0, c.value;
     };
     return N(
@@ -1620,9 +1632,9 @@ const Qe = le("SunIcon", [
       },
       isValid: c,
       isTouched: r,
-      errorMessage: h
-    }), (f, m) => (l(), a("div", _l, [
-      f.label ? (l(), a("label", xl, [
+      errorMessage: g
+    }), (f, m) => (l(), o("div", _l, [
+      f.label ? (l(), o("label", xl, [
         n("span", Sl, S(f.label), 1)
       ])) : M("", !0),
       n("input", {
@@ -1656,17 +1668,17 @@ const Qe = le("SunIcon", [
           //'input-success': isValid && isTouched, // Apply success style if valid and touched
         }]),
         value: f.modelValue,
-        onInput: w,
-        onBlur: z
+        onInput: y,
+        onBlur: A
       }, null, 42, Cl),
-      p.value ? (l(), a("div", Dl, [
-        n("span", Il, S(h.value), 1)
-      ])) : c.value && r.value && f.successMessage ? (l(), a("div", Ml, [
+      p.value ? (l(), o("div", Dl, [
+        n("span", Il, S(g.value), 1)
+      ])) : c.value && r.value && f.successMessage ? (l(), o("div", Ml, [
         n("span", Tl, S(f.successMessage), 1)
       ])) : M("", !0)
     ]));
   }
-}), xn = /* @__PURE__ */ A({
+}), xn = /* @__PURE__ */ z({
   __name: "loader",
   props: {
     loading: { type: Boolean, default: !0 },
@@ -1675,13 +1687,13 @@ const Qe = le("SunIcon", [
     color: { default: "primary" }
   },
   setup(i) {
-    const d = i, e = _(d.loading);
+    const d = i, e = $(d.loading);
     return N(
       () => d.loading,
       (t) => {
         e.value = t;
       }
-    ), (t, o) => e.value ? (l(), a("span", {
+    ), (t, a) => e.value ? (l(), o("span", {
       key: 0,
       class: C(["loading", [
         { "loading-xs": t.size === "xs" },
@@ -1708,13 +1720,13 @@ const Qe = le("SunIcon", [
       ]])
     }, null, 2)) : M("", !0);
   }
-}), Vl = { class: "footer sm:footer-horizontal container" }, Ol = { class: "footer-title" }, Bl = ["href"], Al = {
+}), Vl = { class: "footer sm:footer-horizontal container" }, Ol = { class: "footer-title" }, Bl = ["href"], zl = {
   key: 0,
   class: "sm:hidden w-full"
-}, Pl = { class: "border-b-2 border-base-100 last:border-b-0 w-full" }, zl = {
+}, Pl = { class: "border-b-2 border-base-100 last:border-b-0 w-full" }, Al = {
   tabindex: "0",
   class: "collapse collapse-plus w-full"
-}, Ll = { class: "collapse-title font-bold text-lg collapsible-footer-title" }, El = { class: "collapse-content flex w-full text-sm" }, Ul = { class: "flex flex-col gap-2.5" }, jl = { class: "w-full" }, Fl = ["href"], Rl = { class: "w-full" }, Sn = /* @__PURE__ */ A({
+}, Ll = { class: "collapse-title font-bold text-lg collapsible-footer-title" }, El = { class: "collapse-content flex w-full text-sm" }, Ul = { class: "flex flex-col gap-2.5" }, jl = { class: "w-full" }, Rl = ["href"], Fl = { class: "w-full" }, Sn = /* @__PURE__ */ z({
   __name: "footer",
   props: {
     items: {},
@@ -1724,37 +1736,37 @@ const Qe = le("SunIcon", [
   },
   setup(i) {
     const d = i;
-    return (e, t) => (l(), a("div", {
+    return (e, t) => (l(), o("div", {
       class: C(["mx-auto md:px-10 py-10 text-base-content", [e.background ?? "bg-base-200", e.color ?? "text-base-content"]])
     }, [
       n("footer", Vl, [
-        (l(!0), a(I, null, V(d.items, (o) => (l(), a("nav", {
+        (l(!0), o(I, null, V(d.items, (a) => (l(), o("nav", {
           class: C([{ "hidden sm:grid": e.collapseOnMobile }])
         }, [
-          n("h6", Ol, S(o.title), 1),
-          (l(!0), a(I, null, V(o.items, (s) => (l(), a("a", {
+          n("h6", Ol, S(a.title), 1),
+          (l(!0), o(I, null, V(a.items, (s) => (l(), o("a", {
             class: "link link-hover",
             href: s.link
           }, S(s.text), 9, Bl))), 256))
         ], 2))), 256)),
-        e.collapseOnMobile ? (l(), a("nav", Al, [
-          (l(!0), a(I, null, V(d.items, (o) => (l(), a("ul", Pl, [
-            n("div", zl, [
-              n("div", Ll, S(o.title), 1),
+        e.collapseOnMobile ? (l(), o("nav", zl, [
+          (l(!0), o(I, null, V(d.items, (a) => (l(), o("ul", Pl, [
+            n("div", Al, [
+              n("div", Ll, S(a.title), 1),
               n("div", El, [
                 n("ul", Ul, [
-                  (l(!0), a(I, null, V(o.items, (s) => (l(), a("li", jl, [
+                  (l(!0), o(I, null, V(a.items, (s) => (l(), o("li", jl, [
                     n("a", {
                       class: "w-full font-medium link link-hover",
                       href: s.link
-                    }, S(s.text), 9, Fl)
+                    }, S(s.text), 9, Rl)
                   ]))), 256))
                 ])
               ])
             ])
           ]))), 256))
         ])) : M("", !0),
-        n("aside", Rl, [
+        n("aside", Fl, [
           D(e.$slots, "default")
         ])
       ])
@@ -1762,7 +1774,7 @@ const Qe = le("SunIcon", [
   }
 }), Nl = {}, ql = { class: "min-h-40 container hero" }, Hl = { class: "px-0! text-center hero-content" }, Wl = { class: "mt-9 text-4xl" };
 function Kl(i, d) {
-  return l(), a("div", ql, [
+  return l(), o("div", ql, [
     n("div", Hl, [
       n("div", null, [
         n("h1", Wl, [
@@ -1780,7 +1792,7 @@ function Kl(i, d) {
     ])
   ]);
 }
-const Cn = /* @__PURE__ */ X(Nl, [["render", Kl]]), Yl = { class: "flex flex-row place-content-center gap-4 categories" }, Jl = ["onClick"], Dn = /* @__PURE__ */ A({
+const Cn = /* @__PURE__ */ X(Nl, [["render", Kl]]), Yl = { class: "flex flex-row place-content-center gap-4 categories" }, Jl = ["onClick"], Dn = /* @__PURE__ */ z({
   __name: "categoryNavigation",
   props: {
     searchOptions: {},
@@ -1789,28 +1801,28 @@ const Cn = /* @__PURE__ */ X(Nl, [["render", Kl]]), Yl = { class: "flex flex-row
   emits: ["update:currentCategory"],
   setup(i, { emit: d }) {
     const e = i, t = d;
-    function o(s) {
+    function a(s) {
       t("update:currentCategory", s);
     }
-    return (s, r) => (l(), a("div", Yl, [
-      (l(!0), a(I, null, V(e.searchOptions, (h) => (l(), a("div", {
-        key: h.category
+    return (s, r) => (l(), o("div", Yl, [
+      (l(!0), o(I, null, V(e.searchOptions, (g) => (l(), o("div", {
+        key: g.category
       }, [
         n("button", {
-          onClick: (c) => o(h.category),
-          class: C(["truncate btn btn-ghost", { "font-semibold": e.currentCategory === h.category }])
-        }, S(h.category), 11, Jl)
+          onClick: (c) => a(g.category),
+          class: C(["truncate btn btn-ghost", { "font-semibold": e.currentCategory === g.category }])
+        }, S(g.category), 11, Jl)
       ]))), 128))
     ]));
   }
-}), Gl = { class: "md:flex hidden navbar-start" }, Xl = { class: "md:flex justify-center items-center hidden navbar-center" }, Zl = { class: "md:flex hidden navbar-end" }, Ql = { class: "navbar-bottom md:flex hidden" }, en = /* @__PURE__ */ A({
+}), Gl = { class: "md:flex hidden navbar-start" }, Xl = { class: "md:flex justify-center items-center hidden navbar-center" }, Zl = { class: "md:flex hidden navbar-end" }, Ql = { class: "navbar-bottom md:flex hidden" }, en = /* @__PURE__ */ z({
   __name: "navigationBar",
   props: {
     isCollapsed: { type: Boolean, default: !0 }
   },
   setup(i) {
     const d = i;
-    return (e, t) => (l(), a("nav", {
+    return (e, t) => (l(), o("nav", {
       class: C(["place-items-start border-primary bg-base-100 px-5 py-5 border-b-4 transition-all navbar navigationbar", d.isCollapsed ? "collapsed" : ""])
     }, [
       n("div", Gl, [
@@ -1834,7 +1846,7 @@ const Cn = /* @__PURE__ */ X(Nl, [["render", Kl]]), Yl = { class: "flex flex-row
   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"
-}, an = { class: "p-6 border-x-0 border-t-2 border-b-0 border-base-300 max-w-full" }, Mn = /* @__PURE__ */ A({
+}, an = { class: "p-6 border-x-0 border-t-2 border-b-0 border-base-300 max-w-full" }, Mn = /* @__PURE__ */ z({
   __name: "tab",
   props: {
     items: {},
@@ -1844,15 +1856,15 @@ const Cn = /* @__PURE__ */ X(Nl, [["render", Kl]]), Yl = { class: "flex flex-row
   },
   emits: ["tab-changed"],
   setup(i, { emit: d }) {
-    const e = i, t = _(e.items[0]), o = d;
+    const e = i, t = $(e.items[0]), a = d;
     function s(c) {
-      t.value = c, o("tab-changed", c);
+      t.value = c, a("tab-changed", c);
     }
     function r() {
       const p = (e.items.indexOf(t.value) + 1) % e.items.length;
       s(e.items[p]);
     }
-    function h() {
+    function g() {
       const p = (e.items.indexOf(t.value) - 1 + e.items.length) % e.items.length;
       s(e.items[p]);
     }
@@ -1862,31 +1874,31 @@ const Cn = /* @__PURE__ */ X(Nl, [["render", Kl]]), Yl = { class: "flex flex-row
       e.rotateTabsAfter && e.rotateTabsAfter > 0 && setInterval(() => {
         r();
       }, e.rotateTabsAfter * 1e3);
-    }), (c, p) => (l(), a(I, null, [
+    }), (c, p) => (l(), o(I, null, [
       n("div", {
         role: "tablist",
         class: C(["relative tabs-bordered w-full tabs tabs-lg", { "flex-nowrap overflow-x-auto": c.buttonOnlyMode }])
       }, [
-        c.withControlls ? (l(), a("div", tn, [
+        c.withControlls ? (l(), o("div", tn, [
           n("button", {
-            onClick: p[0] || (p[0] = (w) => h()),
+            onClick: p[0] || (p[0] = (y) => g()),
             class: "cursor-pointer"
           }, "Previous"),
           n("button", {
-            onClick: p[1] || (p[1] = (w) => r()),
+            onClick: p[1] || (p[1] = (y) => r()),
             class: "text-primary cursor-pointer"
           }, "Next")
         ])) : M("", !0),
-        (l(!0), a(I, null, V(c.items, (w) => (l(), a(I, null, [
+        (l(!0), o(I, null, V(c.items, (y) => (l(), o(I, null, [
           n("a", {
             type: "button",
             role: "tab",
-            class: C(["min-w-max tab", w === t.value ? "bg-primary text-base-100" : ""]),
-            onClick: (z) => s(w),
-            "aria-selected": t.value == w
-          }, S(w), 11, ln),
-          c.buttonOnlyMode ? M("", !0) : (l(), a("div", nn, [
-            D(c.$slots, `${w}-tab`)
+            class: C(["min-w-max tab", y === t.value ? "bg-primary text-base-100" : ""]),
+            onClick: (A) => s(y),
+            "aria-selected": t.value == y
+          }, S(y), 11, ln),
+          c.buttonOnlyMode ? M("", !0) : (l(), o("div", nn, [
+            D(c.$slots, `${y}-tab`)
           ]))
         ], 64))), 256))
       ], 2),
@@ -1903,8 +1915,8 @@ export {
   fn as Badge,
   sn as ButtonComponent,
   mn as Card,
-  gn as Carousel,
-  hn as CarouselItem,
+  hn as Carousel,
+  gn as CarouselItem,
   Dn as CategoryNavigation,
   nl as DatetimePicker,
   rn as Dropdown,