manolis-ui 0.19.2 → 0.20.1

package/dist/manolis-ui.js

@@ -1,4 +1,4 @@
-import { defineComponent as A, computed as K, createElementBlock as i, openBlock as o, normalizeClass as S, createCommentVNode as z, renderSlot as O, createTextVNode as Ae, createElementVNode as a, Fragment as H, renderList as G, toDisplayString as V, ref as h, watch as F, h as Ve, onMounted as me, withDirectives as Ie, createVNode as ue, isRef as We, vModelCheckbox as Ke, unref as le, provide as Xe, onUnmounted as Ee, normalizeStyle as xe, Transition as Pe, withCtx as we, inject as Ye, useId as Ge, defineAsyncComponent as ze, nextTick as ge, onBeforeUnmount as _e, withModifiers as re, createBlock as ce, resolveDynamicComponent as Be, mergeProps as Oe, withKeys as ye, resolveComponent as De, vModelText as Ne, useSlots as Je, Comment as Ze, vShow as Qe, readonly as et, TransitionGroup as tt } from "vue";
+import { defineComponent as A, computed as W, createElementBlock as i, openBlock as o, normalizeClass as C, createCommentVNode as z, renderSlot as B, createTextVNode as Ae, createElementVNode as a, Fragment as F, renderList as G, toDisplayString as D, ref as h, watch as q, h as Ve, onMounted as me, withDirectives as Ie, createVNode as ue, isRef as We, vModelCheckbox as Ke, unref as le, provide as Xe, onUnmounted as Ee, normalizeStyle as xe, Transition as Pe, withCtx as we, inject as Ye, useId as Ge, defineAsyncComponent as ze, nextTick as ge, onBeforeUnmount as _e, withModifiers as re, createBlock as ce, resolveDynamicComponent as Be, mergeProps as De, withKeys as be, resolveComponent as Oe, vModelText as Ne, useSlots as Je, Comment as Ze, vShow as Qe, readonly as et, TransitionGroup as tt } from "vue";
 const lt = ["disabled"], at = {
   key: 0,
   class: "loading loading-spinner"
@@ -14,7 +14,7 @@ const lt = ["disabled"], at = {
     disabled: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const c = e, l = K(() => {
+    const c = e, l = W(() => {
       switch (c.size) {
         case "large":
           return "btn-lg";
@@ -29,7 +29,7 @@ const lt = ["disabled"], at = {
         default:
           return "";
       }
-    }), t = K(() => {
+    }), t = W(() => {
       switch (c.type) {
         case "neutral":
           return "btn-neutral";
@@ -54,7 +54,7 @@ const lt = ["disabled"], at = {
         default:
           return "btn-neutral";
       }
-    }), s = K(() => {
+    }), s = W(() => {
       switch (c.shape) {
         case "square":
           return "btn-square";
@@ -65,7 +65,7 @@ const lt = ["disabled"], at = {
       }
     });
     return (n, r) => (o(), i("button", {
-      class: S([
+      class: C([
         "btn",
         { "btn-outline": c.outlined },
         { "btn-active": c.active },
@@ -76,7 +76,7 @@ const lt = ["disabled"], at = {
       disabled: c.disabled
     }, [
       e.loading ? (o(), i("span", at)) : z("", !0),
-      O(n.$slots, "default", {}, () => [
+      B(n.$slots, "default", {}, () => [
         r[0] || (r[0] = Ae("Submit", -1))
       ])
     ], 10, lt));
@@ -104,21 +104,21 @@ const lt = ["disabled"], at = {
       end: "dropdown-end"
     }, t = e;
     return (s, n) => (o(), i("div", {
-      class: S(["dropdown", c[t.position], l[t.floatPosition], { "dropdown-open": t.forceOpen }, { "dropdown-hover": t.openOnHover }])
+      class: C(["dropdown", c[t.position], l[t.floatPosition], { "dropdown-open": t.forceOpen }, { "dropdown-hover": t.openOnHover }])
     }, [
-      O(s.$slots, "default", {
+      B(s.$slots, "default", {
         tabindex: "0",
         role: "button"
       }, () => [
         n[0] || (n[0] = a("div", { class: "m-1 btn" }, "Open dropdown", -1))
       ]),
       a("ul", nt, [
-        (o(!0), i(H, null, G(e.items, (r) => (o(), i("li", null, [
+        (o(!0), i(F, null, G(e.items, (r) => (o(), i("li", null, [
           a("a", {
             href: r.link
-          }, V(r.text), 9, ot)
+          }, D(r.text), 9, ot)
         ]))), 256)),
-        O(s.$slots, "additional")
+        B(s.$slots, "additional")
       ])
     ], 2));
   }
@@ -141,36 +141,36 @@ const lt = ["disabled"], at = {
       var r;
       (r = t.value) == null || r.close();
     };
-    return F(
+    return q(
       () => c.forceOpen,
       (r) => {
         r == !0 && s(), r == !1 && n();
       }
-    ), (r, m) => (o(), i(H, null, [
+    ), (r, m) => (o(), i(F, null, [
       c.forceOpen == null ? (o(), i("span", {
         key: 0,
         class: "w-fit cursor-pointer",
         onClick: s
       }, [
-        O(r.$slots, "trigger", { role: "button" }, () => [
+        B(r.$slots, "trigger", { role: "button" }, () => [
           m[0] || (m[0] = a("button", { class: "btn" }, "Open", -1))
         ])
       ])) : z("", !0),
       a("dialog", {
         ref_key: "dialog",
         ref: t,
-        class: S(["modal", l[c.position]])
+        class: C(["modal", l[c.position]])
       }, [
         a("div", st, [
-          O(r.$slots, "default"),
+          B(r.$slots, "default"),
           a("div", it, [
-            O(r.$slots, "actions"),
+            B(r.$slots, "actions"),
             a("form", {
               method: "dialog",
               onSubmit: n,
-              class: S(e.withBackdrop ? "modal-backdrop" : "")
+              class: C(e.withBackdrop ? "modal-backdrop" : "")
             }, [
-              O(r.$slots, "close-button", {}, () => [
+              B(r.$slots, "close-button", {}, () => [
                 m[1] || (m[1] = a("button", { class: "btn" }, "Close", -1))
               ])
             ], 34)
@@ -187,14 +187,14 @@ const lt = ["disabled"], at = {
   setup(e) {
     const c = e;
     return (l, t) => (o(), i("label", {
-      class: S(["swap", c.effect ? `swap-${e.effect}` : ""])
+      class: C(["swap", c.effect ? `swap-${e.effect}` : ""])
     }, [
       t[0] || (t[0] = a("input", { type: "checkbox" }, null, -1)),
       a("div", rt, [
-        O(l.$slots, "on")
+        B(l.$slots, "on")
       ]),
       a("div", ut, [
-        O(l.$slots, "off")
+        B(l.$slots, "off")
       ])
     ], 2));
   }
@@ -320,10 +320,10 @@ const pt = ke("SunIcon", [
       const t = window.localStorage.getItem(e);
       l.value = t ? JSON.parse(t) : c;
     }
-  }), F(l, (t) => {
+  }), q(l, (t) => {
     typeof window < "u" && window.localStorage.setItem(e, JSON.stringify(t));
   }), l;
-}, gt = { class: "swap-rotate swap" }, yt = ["true-value", "false-value"], La = /* @__PURE__ */ A({
+}, gt = { class: "swap-rotate swap" }, bt = ["true-value", "false-value"], La = /* @__PURE__ */ A({
   __name: "theme-controller",
   props: {
     lightTheme: { default: "light" },
@@ -334,7 +334,7 @@ const pt = ke("SunIcon", [
     function t(s) {
       typeof window < "u" && window.document && document.documentElement.setAttribute("data-theme", s);
     }
-    return me(() => t(l.value ? l.value : "")), F(l, (s) => {
+    return me(() => t(l.value ? l.value : "")), q(l, (s) => {
       t(s);
     }), (s, n) => (o(), i("label", gt, [
       Ie(a("input", {
@@ -343,14 +343,14 @@ const pt = ke("SunIcon", [
         "onUpdate:modelValue": n[0] || (n[0] = (r) => We(l) ? l.value = r : null),
         "true-value": c.lightTheme,
         "false-value": c.darkTheme
-      }, null, 8, yt), [
+      }, null, 8, bt), [
         [Ke, le(l)]
       ]),
       ue(le(pt), { class: "swap-off fill-current" }),
       ue(le(mt), { class: "swap-on fill-current" })
     ]));
   }
-}), bt = {
+}), yt = {
   key: 0,
   class: "join join-vertical w-full"
 }, wt = ["name"], xt = {
@@ -370,9 +370,9 @@ const pt = ke("SunIcon", [
   },
   setup(e) {
     const c = e;
-    return (l, t) => c.joinItems ? (o(), i("div", bt, [
-      (o(!0), i(H, null, G(c.items, (s, n) => (o(), i("div", {
-        class: S(["collapse border border-base-300 join-item", [e.icon ? `collapse-${e.icon}` : ""]]),
+    return (l, t) => c.joinItems ? (o(), i("div", yt, [
+      (o(!0), i(F, null, G(c.items, (s, n) => (o(), i("div", {
+        class: C(["collapse border border-base-300 join-item", [e.icon ? `collapse-${e.icon}` : ""]]),
         key: n
       }, [
         e.toggle ? (o(), i("input", xt)) : (o(), i("input", {
@@ -381,15 +381,15 @@ const pt = ke("SunIcon", [
           name: e.name,
           value: "true"
         }, null, 8, wt)),
-        a("div", kt, V(s.title), 1),
+        a("div", kt, D(s.title), 1),
         a("div", $t, [
           a("span", {
             innerHTML: s.content
           }, null, 8, Ct)
         ])
       ], 2))), 128))
-    ])) : (o(!0), i(H, { key: 1 }, G(c.items, (s, n) => (o(), i("div", {
-      class: S(["collapse border border-base-300", [e.icon ? `collapse-${e.icon}` : ""]]),
+    ])) : (o(!0), i(F, { key: 1 }, G(c.items, (s, n) => (o(), i("div", {
+      class: C(["collapse border border-base-300", [e.icon ? `collapse-${e.icon}` : ""]]),
       key: n
     }, [
       e.toggle ? (o(), i("input", It)) : (o(), i("input", {
@@ -398,7 +398,7 @@ const pt = ke("SunIcon", [
         name: e.name,
         value: "true"
       }, null, 8, St)),
-      a("div", Mt, V(s.title), 1),
+      a("div", Mt, D(s.title), 1),
       a("div", Tt, [
         a("span", {
           innerHTML: s.content
@@ -406,7 +406,7 @@ const pt = ke("SunIcon", [
       ])
     ], 2))), 128));
   }
-}), Bt = ["src"], Ot = { class: "text-xl" }, Ra = /* @__PURE__ */ A({
+}), Bt = ["src"], Dt = { class: "text-xl" }, Ra = /* @__PURE__ */ A({
   __name: "avatar",
   props: {
     image: {},
@@ -416,17 +416,17 @@ const pt = ke("SunIcon", [
   },
   setup(e) {
     const c = e, l = h(c.onlineStatus);
-    return F(
+    return q(
       () => c.onlineStatus,
       (t) => {
         t && (l.value = t);
       }
     ), (t, s) => (o(), i("div", {
-      class: S(["avatar", [{ "avatar-online": l.value === "online" }, { "avatar-offline": l.value === "offline" }]])
+      class: C(["avatar", [{ "avatar-online": l.value === "online" }, { "avatar-offline": l.value === "offline" }]])
     }, [
       e.image ? (o(), i("div", {
         key: 0,
-        class: S(["rounded", [{ "rounded-full": e.fullyRounded }, { rounded: !e.fullyRounded }]])
+        class: C(["rounded", [{ "rounded-full": e.fullyRounded }, { rounded: !e.fullyRounded }]])
       }, [
         a("img", {
           src: e.image,
@@ -434,9 +434,9 @@ const pt = ke("SunIcon", [
         }, null, 8, Bt)
       ], 2)) : (o(), i("div", {
         key: 1,
-        class: S(["flex justify-center bg-neutral p-[25%] rounded w-16 text-neutral-content text-center", [{ "rounded-full": e.fullyRounded }, { rounded: !e.fullyRounded }]])
+        class: C(["flex justify-center bg-neutral p-[25%] rounded w-16 text-neutral-content text-center", [{ "rounded-full": e.fullyRounded }, { rounded: !e.fullyRounded }]])
       }, [
-        a("p", Ot, V(e.initials), 1)
+        a("p", Dt, D(e.initials), 1)
       ], 2))
     ], 2));
   }
@@ -465,12 +465,12 @@ const pt = ke("SunIcon", [
       error: "badge-error"
     };
     return (s, n) => (o(), i("span", {
-      class: S(["badge", l[c.size], t[c.color], { "badge-outline": c.outline }])
+      class: C(["badge", l[c.size], t[c.color], { "badge-outline": c.outline }])
     }, [
-      O(s.$slots, "default")
+      B(s.$slots, "default")
     ], 2));
   }
-}), Dt = ["src", "alt"], Vt = {
+}), Ot = ["src", "alt"], Vt = {
   key: 0,
   class: "card-body"
 }, _t = {
@@ -500,13 +500,13 @@ const pt = ke("SunIcon", [
   },
   setup(e) {
     const c = e, l = h(c.outlined);
-    return F(
+    return q(
       () => c.outlined,
       (t) => {
         l.value = t;
       }
     ), (t, s) => (o(), i("div", {
-      class: S(["group bg-base-100 shadow-xl rounded-sm min-w-64 max-w-full h-full card card-compact", [
+      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": l.value },
         e.color ?? "",
         e.background,
@@ -514,31 +514,31 @@ const pt = ke("SunIcon", [
       ]])
     }, [
       a("figure", {
-        class: S([{ "contents!": e.horizontal && e.imgWidth }])
+        class: C([{ "contents!": e.horizontal && e.imgWidth }])
       }, [
         e.imgUrl || e.imgUrl && !e.loading ? (o(), i("img", {
           key: 0,
           src: e.imgUrl,
           alt: e.alt,
-          class: S(["rounded-sm object-cover", [
+          class: C(["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, Dt)) : z("", !0),
+        }, null, 10, Ot)) : z("", !0),
         e.loading && e.imgUrl ? (o(), i("div", {
           key: 1,
-          class: S(["w-full skeleton", e.imgHeight])
+          class: C(["w-full skeleton", e.imgHeight])
         }, null, 2)) : z("", !0)
       ], 2),
       e.loading ? z("", !0) : (o(), i("div", Vt, [
-        e.title ? (o(), i("h2", _t, V(e.title), 1)) : z("", !0),
-        O(t.$slots, "details"),
-        e.description ? (o(), i("p", Et, V(e.description), 1)) : z("", !0),
+        e.title ? (o(), i("h2", _t, D(e.title), 1)) : z("", !0),
+        B(t.$slots, "details"),
+        e.description ? (o(), i("p", Et, D(e.description), 1)) : z("", !0),
         a("div", jt, [
-          O(t.$slots, "actions")
+          B(t.$slots, "actions")
         ])
       ])),
       e.loading ? (o(), i("div", Lt, [...s[0] || (s[0] = [
@@ -616,45 +616,45 @@ const pt = ke("SunIcon", [
     }
   },
   setup(e, { expose: c }) {
-    const l = e, t = h(l.initialSlide), s = h(null), n = h(null), r = h(0), m = h(!1), u = h(0), g = h(0), I = h(!1), P = h(0), k = h(0), d = h(0), E = h(0), T = h(0), W = h(0), q = h(0), X = h(null), ee = h(null), ae = h(0), f = h(null), b = K(() => {
-      const C = Object.keys(l.breakpoints).map(Number).sort((L, U) => L - U);
-      let $ = {};
-      for (const L of C)
-        g.value >= L && ($ = { ...$, ...l.breakpoints[L] });
-      return $;
-    }), y = K(() => b.value.slidesPerView ?? l.slidesPerView), M = K(() => b.value.gap ?? l.gap), v = K(() => {
-      const C = l.sliderOrientation === "horizontal", L = `calc((100% - ${y.value > 1 ? (y.value - 1) * M.value : 0}px) / ${y.value})`;
-      return C ? {
+    const l = e, t = h(l.initialSlide), s = h(null), n = h(null), r = h(0), m = h(!1), u = h(0), g = h(0), I = h(!1), P = h(0), S = h(0), d = h(0), V = h(0), T = h(0), K = h(0), N = h(0), X = h(null), ee = h(null), ae = h(0), f = h(null), w = W(() => {
+      const $ = Object.keys(l.breakpoints).map(Number).sort((L, H) => L - H);
+      let k = {};
+      for (const L of $)
+        g.value >= L && (k = { ...k, ...l.breakpoints[L] });
+      return k;
+    }), y = W(() => w.value.slidesPerView ?? l.slidesPerView), M = W(() => w.value.gap ?? l.gap), v = W(() => {
+      const $ = l.sliderOrientation === "horizontal", L = `calc((100% - ${y.value > 1 ? (y.value - 1) * M.value : 0}px) / ${y.value})`;
+      return $ ? {
         width: L
       } : { height: L };
     });
     Xe(qe, v);
-    const _ = () => {
+    const O = () => {
       n.value ? u.value = n.value.children.length : u.value = 0;
     }, x = () => {
       if (!s.value || y.value <= 0) return 0;
-      const $ = l.sliderOrientation === "horizontal" ? s.value.offsetWidth : s.value.offsetHeight, L = (y.value - 1) * M.value;
-      return $ <= 0 ? 0 : ($ - L) / y.value;
-    }, j = K(() => {
+      const k = l.sliderOrientation === "horizontal" ? s.value.offsetWidth : s.value.offsetHeight, L = (y.value - 1) * M.value;
+      return k <= 0 ? 0 : (k - L) / y.value;
+    }, j = W(() => {
       if (!s.value || u.value === 0 || y.value === 0) return 0;
-      const $ = l.sliderOrientation === "horizontal" ? s.value.offsetWidth : s.value.offsetHeight, L = x(), U = u.value * (L + M.value) - M.value;
-      return Math.max(0, U - $);
-    }), R = async (C, $ = !1) => {
-      if (!s.value || y.value <= 0 || m.value || (_(), u.value === 0)) return;
+      const k = l.sliderOrientation === "horizontal" ? s.value.offsetWidth : s.value.offsetHeight, L = x(), H = u.value * (L + M.value) - M.value;
+      return Math.max(0, H - k);
+    }), R = async ($, k = !1) => {
+      if (!s.value || y.value <= 0 || m.value || (O(), u.value === 0)) return;
       const L = x();
       if (L <= 0) return;
-      const U = L + M.value, Q = j.value;
-      let Y = C;
-      l.infinite ? Y = (C % u.value + u.value) % u.value : Y = Math.max(0, Math.min(C, u.value - y.value));
-      const se = Y * U, J = l.infinite ? se : Math.max(0, Math.min(se, Q));
-      if ($ || l.slideDuration === 0) {
+      const H = L + M.value, Q = j.value;
+      let Y = $;
+      l.infinite ? Y = ($ % u.value + u.value) % u.value : Y = Math.max(0, Math.min($, u.value - y.value));
+      const se = Y * H, J = l.infinite ? se : Math.max(0, Math.min(se, Q));
+      if (k || l.slideDuration === 0) {
         n.value && (n.value.style.transitionDuration = "0ms", n.value.style.transform = l.sliderOrientation === "horizontal" ? `translate3d(${-J}px, 0, 0)` : `translate3d(0, ${-J}px, 0)`), r.value = J, t.value = Y, m.value = !1, l.autoplay && fe();
         return;
       }
       m.value = !0;
-      const ie = r.value, oe = J - ie, be = performance.now(), he = ($e) => {
+      const ie = r.value, oe = J - ie, ye = performance.now(), he = ($e) => {
         if (!n.value) return;
-        const He = $e - be, Le = Math.min(1, He / l.slideDuration), Ue = 1 - Math.pow(1 - Le, 3), Te = ie + oe * Ue;
+        const He = $e - ye, Le = Math.min(1, He / l.slideDuration), Ue = 1 - Math.pow(1 - Le, 3), Te = ie + oe * Ue;
         n.value.style.transform = l.sliderOrientation === "horizontal" ? `translate3d(${-Te}px, 0, 0)` : `translate3d(0, ${-Te}px, 0)`, r.value = Te, Le < 1 ? X.value = requestAnimationFrame(he) : (n.value.style.transform = l.sliderOrientation === "horizontal" ? `translate3d(${-J}px, 0, 0)` : `translate3d(0, ${-J}px, 0)`, r.value = J, t.value = Y, m.value = !1, l.autoplay && fe(), X.value = null);
       };
       X.value = requestAnimationFrame(he);
@@ -662,64 +662,64 @@ const pt = ke("SunIcon", [
       l.infinite && t.value >= u.value - y.value ? R(0) : R(t.value + 1);
     }, ve = () => {
       l.infinite && t.value <= 0 ? R(u.value - y.value) : R(t.value - 1);
-    }, p = (C) => {
-      R(C);
-    }, w = (C) => {
+    }, p = ($) => {
+      R($);
+    }, b = ($) => {
       m.value && X.value && (l.autoplay && ne(), cancelAnimationFrame(X.value), m.value = !1);
-      const $ = "touches" in C ? C.touches[0] : C;
-      P.value = $.clientX, k.value = $.clientY, f.value = null, d.value = r.value, E.value = 0, T.value = 0, W.value = 0, q.value = performance.now(), s.value && (s.value.style.scrollSnapType = "none"), document.addEventListener("mousemove", B, { passive: !1 }), document.addEventListener("mouseup", N), document.addEventListener("touchmove", B, { passive: !1 }), document.addEventListener("touchend", N);
-    }, B = (C) => {
-      const $ = "touches" in C ? C.touches[0] : C;
+      const k = "touches" in $ ? $.touches[0] : $;
+      P.value = k.clientX, S.value = k.clientY, f.value = null, d.value = r.value, V.value = 0, T.value = 0, K.value = 0, N.value = performance.now(), s.value && (s.value.style.scrollSnapType = "none"), document.addEventListener("mousemove", _, { passive: !1 }), document.addEventListener("mouseup", U), document.addEventListener("touchmove", _, { passive: !1 }), document.addEventListener("touchend", U);
+    }, _ = ($) => {
+      const k = "touches" in $ ? $.touches[0] : $;
       if (!f.value) {
-        const be = Math.abs($.clientX - P.value), he = Math.abs($.clientY - k.value), $e = 5;
-        if (be > $e || he > $e)
+        const ye = Math.abs(k.clientX - P.value), he = Math.abs(k.clientY - S.value), $e = 5;
+        if (ye > $e || he > $e)
           if (l.sliderOrientation === "horizontal")
-            if (be > he)
+            if (ye > he)
               f.value = "horizontal", I.value = !0;
             else {
-              D();
+              E();
               return;
             }
-          else if (he > be)
+          else if (he > ye)
             f.value = "vertical", I.value = !0;
           else {
-            D();
+            E();
             return;
           }
         else
           return;
       }
       if (!I.value || !n.value || !s.value) return;
-      C.cancelable && C.preventDefault();
-      const L = performance.now(), U = L - q.value, Q = l.sliderOrientation === "horizontal" ? $.clientX : $.clientY, Y = l.sliderOrientation === "horizontal" ? P.value : k.value, se = l.sliderOrientation === "horizontal" ? T.value || Y : W.value || Y, J = Q - se;
-      U > 0 && (E.value = J / U * 1e3);
+      $.cancelable && $.preventDefault();
+      const L = performance.now(), H = L - N.value, Q = l.sliderOrientation === "horizontal" ? k.clientX : k.clientY, Y = l.sliderOrientation === "horizontal" ? P.value : S.value, se = l.sliderOrientation === "horizontal" ? T.value || Y : K.value || Y, J = Q - se;
+      H > 0 && (V.value = J / H * 1e3);
       const ie = Q - Y;
       let oe = d.value - ie;
-      oe < 0 ? oe = oe * 0.3 : oe > j.value && (oe = j.value + (oe - j.value) * 0.3), ae.value = oe, n.value.style.transform = l.sliderOrientation === "horizontal" ? `translate3d(${-ae.value}px, 0, 0)` : `translate3d(0, ${-ae.value}px, 0)`, l.sliderOrientation === "horizontal" ? T.value = Q : W.value = Q, q.value = L;
-    }, D = () => {
-      document.removeEventListener("mousemove", B), document.removeEventListener("mouseup", N), document.removeEventListener("touchmove", B), document.removeEventListener("touchend", N);
-    }, N = () => {
+      oe < 0 ? oe = oe * 0.3 : oe > j.value && (oe = j.value + (oe - j.value) * 0.3), ae.value = oe, n.value.style.transform = l.sliderOrientation === "horizontal" ? `translate3d(${-ae.value}px, 0, 0)` : `translate3d(0, ${-ae.value}px, 0)`, l.sliderOrientation === "horizontal" ? T.value = Q : K.value = Q, N.value = L;
+    }, E = () => {
+      document.removeEventListener("mousemove", _), document.removeEventListener("mouseup", U), document.removeEventListener("touchmove", _), document.removeEventListener("touchend", U);
+    }, U = () => {
       if (!I.value || !s.value || !n.value) return;
-      const $ = l.sliderOrientation === "horizontal" ? d.value - (T.value - P.value) : d.value - (W.value - k.value), L = Math.max(0, Math.min($, j.value)), U = x() + M.value;
-      if (I.value = !1, D(), r.value = L, l.infinite) {
-        if ($ < 0) {
+      const k = l.sliderOrientation === "horizontal" ? d.value - (T.value - P.value) : d.value - (K.value - S.value), L = Math.max(0, Math.min(k, j.value)), H = x() + M.value;
+      if (I.value = !1, E(), r.value = L, l.infinite) {
+        if (k < 0) {
           R(u.value - 1);
           return;
-        } else if ($ > j.value) {
+        } else if (k > j.value) {
           R(0);
           return;
         }
-      } else if ($ < 0) {
+      } else if (k < 0) {
         R(0);
         return;
-      } else if ($ > j.value) {
+      } else if (k > j.value) {
         const J = Math.max(0, u.value - Math.floor(y.value));
         R(J);
         return;
       }
-      const Q = Math.max(0, u.value - Math.floor(y.value)), Y = 100, se = Math.round(L / U);
-      if (Math.abs(E.value) > Y) {
-        const J = -Math.sign(E.value), ie = se + J;
+      const Q = Math.max(0, u.value - Math.floor(y.value)), Y = 100, se = Math.round(L / H);
+      if (Math.abs(V.value) > Y) {
+        const J = -Math.sign(V.value), ie = se + J;
         R(Math.max(0, Math.min(Q, ie)));
       } else
         R(Math.max(0, Math.min(Q, se)));
@@ -733,59 +733,59 @@ const pt = ke("SunIcon", [
       ne(), setTimeout(() => {
         Z();
       }, 500);
-    }, pe = h(null), Me = (C) => {
-      if (!C || C.length === 0)
+    }, pe = h(null), Me = ($) => {
+      if (!$ || $.length === 0)
         return;
-      const { width: $ } = C[0].contentRect;
-      Math.abs($ - g.value) > 1 && (g.value = $);
+      const { width: k } = $[0].contentRect;
+      Math.abs(k - g.value) > 1 && (g.value = k);
     }, Fe = () => {
-      if (!s.value || y.value <= 0 || (_(), u.value === 0)) return;
-      const C = x();
-      if (C <= 0) return;
-      const $ = Math.max(0, u.value - y.value), L = Math.min(Math.max(0, l.initialSlide), $), U = L * (C + M.value), Q = j.value, Y = Math.max(0, Math.min(U, Q));
+      if (!s.value || y.value <= 0 || (O(), u.value === 0)) return;
+      const $ = x();
+      if ($ <= 0) return;
+      const k = Math.max(0, u.value - y.value), L = Math.min(Math.max(0, l.initialSlide), k), H = L * ($ + M.value), Q = j.value, Y = Math.max(0, Math.min(H, Q));
       n.value && (n.value.style.transitionDuration = "0ms", n.value.style.transform = l.sliderOrientation === "horizontal" ? `translate3d(${-Y}px, 0, 0)` : `translate3d(0, ${-Y}px, 0)`), r.value = Y, t.value = L;
     };
     let je = !1;
     return me(() => {
-      var $, L, U, Q, Y, se, J, ie;
+      var k, L, H, Q, Y, se, J, ie;
       g.value = window.innerWidth;
-      const C = F(u, (oe) => {
-        oe > 0 && !je && (Fe(), je = !0, C());
+      const $ = q(u, (oe) => {
+        oe > 0 && !je && (Fe(), je = !0, $());
       });
-      l.autoplay && Z(), _(), s.value && (pe.value = new ResizeObserver(Me), pe.value.observe(s.value)), ($ = s.value) == null || $.addEventListener("mousedown", w), (L = s.value) == null || L.addEventListener("touchstart", w, { passive: !0 }), l.showNavigationButtons && ((Y = (Q = (U = s.value) == null ? void 0 : U.parentElement) == null ? void 0 : Q.querySelector(".absolute.flex.justify-between")) == null || Y.addEventListener("click", fe)), l.showIndicators && ((ie = (J = (se = s.value) == null ? void 0 : se.parentElement) == null ? void 0 : J.querySelector(".bottom-5.flex.justify-center")) == null || ie.addEventListener("click", fe));
+      l.autoplay && Z(), O(), s.value && (pe.value = new ResizeObserver(Me), pe.value.observe(s.value)), (k = s.value) == null || k.addEventListener("mousedown", b), (L = s.value) == null || L.addEventListener("touchstart", b, { passive: !0 }), l.showNavigationButtons && ((Y = (Q = (H = s.value) == null ? void 0 : H.parentElement) == null ? void 0 : Q.querySelector(".absolute.flex.justify-between")) == null || Y.addEventListener("click", fe)), l.showIndicators && ((ie = (J = (se = s.value) == null ? void 0 : se.parentElement) == null ? void 0 : J.querySelector(".bottom-5.flex.justify-center")) == null || ie.addEventListener("click", fe));
     }), Ee(() => {
       pe.value && pe.value.disconnect(), ne();
-    }), F(() => l.autoplay, (C) => {
-      C ? Z() : ne();
-    }), F(() => l.autoplayInterval, fe), F(() => l.initialSlide, (C) => {
-      requestAnimationFrame(() => R(C, !0));
-    }), F([y, M], () => {
+    }), q(() => l.autoplay, ($) => {
+      $ ? Z() : ne();
+    }), q(() => l.autoplayInterval, fe), q(() => l.initialSlide, ($) => {
+      requestAnimationFrame(() => R($, !0));
+    }), q([y, M], () => {
       requestAnimationFrame(() => {
         requestAnimationFrame(() => {
-          if (_(), u.value === 0) return;
-          const C = Math.max(0, u.value - y.value), $ = Math.min(t.value, C);
-          R($, !0);
+          if (O(), u.value === 0) return;
+          const $ = Math.max(0, u.value - y.value), k = Math.min(t.value, $);
+          R(k, !0);
         });
       });
-    }), c({ scrollToSlide: R }), (C, $) => (o(), i("div", Pt, [
+    }), c({ scrollToSlide: R }), ($, k) => (o(), i("div", Pt, [
       a("div", {
         ref_key: "carouselContainer",
         ref: s,
-        class: S(["rounded w-full h-full carousel", [{ "carousel-horizontal": e.sliderOrientation == "horizontal" }, { "carousel-vertical": e.sliderOrientation == "vertical" }, { "cursor-grabbing !select-none": I.value }]]),
+        class: C(["rounded w-full h-full carousel", [{ "carousel-horizontal": e.sliderOrientation == "horizontal" }, { "carousel-vertical": e.sliderOrientation == "vertical" }, { "cursor-grabbing !select-none": I.value }]]),
         style: { scrollSnapType: "none" }
       }, [
         a("div", {
           ref_key: "slidesContainer",
           ref: n,
-          class: S(["w-full h-full transition-transform duration-0 ease-out", e.sliderOrientation === "horizontal" ? "flex" : "block"]),
+          class: C(["w-full h-full transition-transform duration-0 ease-out", e.sliderOrientation === "horizontal" ? "flex" : "block"]),
           style: xe({ gap: `${M.value}px` })
         }, [
-          O(C.$slots, "default", {}, void 0, !0)
+          B($.$slots, "default", {}, void 0, !0)
         ], 6)
       ], 2),
       e.showNavigationButtons ? (o(), i("div", {
         key: 0,
-        class: S([{ "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: C([{ "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" }])
       }, [
         ue(Pe, { name: "fade" }, {
           default: we(() => [
@@ -795,8 +795,8 @@ const pt = ke("SunIcon", [
                 role: "button",
                 "aria-label": "Previous Slide"
               }, [
-                O(C.$slots, "prevButton", {}, () => [
-                  $[0] || ($[0] = a("button", {
+                B($.$slots, "prevButton", {}, () => [
+                  k[0] || (k[0] = a("button", {
                     class: "btn btn-circle text-xs",
                     tabindex: "-1"
                   }, "❮", -1))
@@ -806,7 +806,7 @@ const pt = ke("SunIcon", [
           ]),
           _: 3
         }),
-        $[2] || ($[2] = a("div", { class: "flex-grow" }, null, -1)),
+        k[2] || (k[2] = a("div", { class: "flex-grow" }, null, -1)),
         ue(Pe, { name: "fade" }, {
           default: we(() => [
             l.infinite || t.value < u.value - y.value ? (o(), i("div", At, [
@@ -815,8 +815,8 @@ const pt = ke("SunIcon", [
                 role: "button",
                 "aria-label": "Next Slide"
               }, [
-                O(C.$slots, "nextButton", {}, () => [
-                  $[1] || ($[1] = a("button", {
+                B($.$slots, "nextButton", {}, () => [
+                  k[1] || (k[1] = a("button", {
                     class: "btn btn-circle text-xs",
                     tabindex: "-1"
                   }, "❯", -1))
@@ -828,11 +828,11 @@ const pt = ke("SunIcon", [
         })
       ], 2)) : z("", !0),
       e.showIndicators ? (o(), i("div", Nt, [
-        (o(!0), i(H, null, G(u.value, (L, U) => (o(), i("button", {
-          key: `dot-${U}`,
-          onClick: (Q) => p(U),
-          class: S(["btn btn-circle btn-xs", { "btn-active": U === t.value }]),
-          "aria-label": `Go to slide ${U + 1}`
+        (o(!0), i(F, null, G(u.value, (L, H) => (o(), i("button", {
+          key: `dot-${H}`,
+          onClick: (Q) => p(H),
+          class: C(["btn btn-circle btn-xs", { "btn-active": H === t.value }]),
+          "aria-label": `Go to slide ${H + 1}`
         }, null, 10, qt))), 128))
       ])) : z("", !0)
     ]));
@@ -850,7 +850,7 @@ const pt = ke("SunIcon", [
       class: "w-full h-full carousel-item",
       style: xe(le(c))
     }, [
-      O(l.$slots, "default", {}, void 0, !0)
+      B(l.$slots, "default", {}, void 0, !0)
     ], 4));
   }
 }), Fa = /* @__PURE__ */ de(Ht, [["__scopeId", "data-v-507384bc"]]), Ut = { class: "flex gap-4 bg-base-100 w-full tabs tabs-boxed" }, Wt = ["onClick"], Kt = {
@@ -894,7 +894,7 @@ const pt = ke("SunIcon", [
       top: "0px",
       transform: "translateX(0%)"
     }), I = h(null), P = (f) => {
-      var b;
+      var w;
       if (f.value === void 0 || f.value === null || f.value === "")
         return "";
       switch (f.type) {
@@ -924,7 +924,7 @@ const pt = ke("SunIcon", [
           break;
         case "standard-select":
         case "custom-select":
-          if ((b = f.props) != null && b.options && Array.isArray(f.props.options)) {
+          if ((w = f.props) != null && w.options && Array.isArray(f.props.options)) {
             const y = f.props.options.find(
               (M) => M.value === f.value
             );
@@ -939,37 +939,37 @@ const pt = ke("SunIcon", [
       }
       return String(f.value);
     };
-    function k(f) {
-      var v, _;
-      const b = (v = n.value) == null ? void 0 : v.name;
-      if (!b) {
+    function S(f) {
+      var v, O;
+      const w = (v = n.value) == null ? void 0 : v.name;
+      if (!w) {
         console.warn("componentValueUpdated called but no active tab.");
         return;
       }
-      const y = (_ = l.searchOptions.find(
+      const y = (O = l.searchOptions.find(
         (x) => (x == null ? void 0 : x.category) === l.currentCategory
-      )) == null ? void 0 : _.tabs, M = y == null ? void 0 : y.find(
-        (x) => x.name === b
+      )) == null ? void 0 : O.tabs, M = y == null ? void 0 : y.find(
+        (x) => x.name === w
       );
       M ? (M.value = f, t("update:search-data", {
         tab: M.name,
         data: f
       })) : console.error(
-        `Tab with name "${b}" not found in current category.`
+        `Tab with name "${w}" not found in current category.`
       );
     }
     function d(f) {
-      k(f);
+      S(f);
     }
-    function E() {
+    function V() {
       t("search");
     }
     async function T(f) {
       var M;
-      const b = document.getElementById(`advancedSearchMobile-${s}`), y = b && b.contains(f.target);
+      const w = document.getElementById(`advancedSearchMobile-${s}`), y = w && w.contains(f.target);
       ((M = n.value) == null ? void 0 : M.displayMode) === "popup" && I.value && !I.value.contains(f.target) && !y && (await ge(), n.value = null);
     }
-    async function W() {
+    async function K() {
       if (typeof window < "u" && window.innerWidth <= 768) {
         const f = document.getElementById(
           `advancedSearchMobile-${s}`
@@ -979,19 +979,19 @@ const pt = ke("SunIcon", [
         );
       }
     }
-    async function q(f) {
+    async function N(f) {
       var y, M, v;
       if (typeof window < "u" && window.innerWidth <= 768) {
-        W();
+        K();
         return;
       }
-      const b = f.displayMode ?? "popup";
-      if (((y = n.value) == null ? void 0 : y.name) === f.name && ((M = n.value) == null ? void 0 : M.displayMode) === b)
+      const w = f.displayMode ?? "popup";
+      if (((y = n.value) == null ? void 0 : y.name) === f.name && ((M = n.value) == null ? void 0 : M.displayMode) === w)
         n.value = null;
-      else if (n.value = { ...f, displayMode: b }, await ge(), ((v = n.value) == null ? void 0 : v.displayMode) === "popup") {
-        const _ = u.value[f.name];
-        if (_ && I.value) {
-          const x = _.getBoundingClientRect(), j = I.value.getBoundingClientRect(), R = x.bottom - j.top, te = x.left + x.width / 2 - j.left;
+      else if (n.value = { ...f, displayMode: w }, await ge(), ((v = n.value) == null ? void 0 : v.displayMode) === "popup") {
+        const O = u.value[f.name];
+        if (O && I.value) {
+          const x = O.getBoundingClientRect(), j = I.value.getBoundingClientRect(), R = x.bottom - j.top, te = x.left + x.width / 2 - j.left;
           g.value = {
             left: `${te}px`,
             top: `${R + 8}px`,
@@ -1007,22 +1007,22 @@ const pt = ke("SunIcon", [
       }
     }
     const X = (f) => {
-      const b = f.relatedTarget;
+      const w = f.relatedTarget;
       setTimeout(() => {
         var y;
-        ((y = n.value) == null ? void 0 : y.displayMode) === "inline" && I.value && (!b || !I.value.contains(b)) ? (console.log("Blur detected outside container, closing inline view."), n.value = null) : console.log(
+        ((y = n.value) == null ? void 0 : y.displayMode) === "inline" && I.value && (!w || !I.value.contains(w)) ? (console.log("Blur detected outside container, closing inline view."), n.value = null) : console.log(
           "Blur detected, but staying within container or not an inline tab."
         );
       }, 50);
     }, ee = () => {
       console.log("Enter key pressed on inline component, closing inline view."), n.value = null;
     };
-    F(r, (f) => {
-      var b;
+    q(r, (f) => {
+      var w;
       console.log(
         "advanced-search: inlineComponentRef changed. New Value:",
         f
-      ), console.log("advanced-search: activeTab.value:", n.value), f && ((b = n.value) == null ? void 0 : b.displayMode) === "inline" ? (console.log(
+      ), console.log("advanced-search: activeTab.value:", n.value), f && ((w = n.value) == null ? void 0 : w.displayMode) === "inline" ? (console.log(
         "advanced-search: Inline component ref is available and active tab is inline. Attempting to focus child input..."
       ), ge(() => {
         console.log(
@@ -1045,10 +1045,10 @@ const pt = ke("SunIcon", [
       document.removeEventListener("click", T), window.removeEventListener("resize", ae);
     });
     const ae = () => {
-      var f, b;
+      var f, w;
       if (typeof window < "u") {
         const y = window.innerWidth <= 768, M = n.value !== null && (n.value.displayMode === "popup" || n.value.displayMode === "inline") && window.innerWidth > 768;
-        !y && (((f = n.value) == null ? void 0 : f.displayMode) === "popup" || ((b = n.value) == null ? void 0 : b.displayMode) === "inline") && window.innerWidth <= 768 && (console.log("Resizing to mobile, closing active tab."), n.value = null), y && !M && n.value !== null && (console.log(
+        !y && (((f = n.value) == null ? void 0 : f.displayMode) === "popup" || ((w = n.value) == null ? void 0 : w.displayMode) === "inline") && window.innerWidth <= 768 && (console.log("Resizing to mobile, closing active tab."), n.value = null), y && !M && n.value !== null && (console.log(
           "Resizing to desktop from potential mobile active state, closing active tab."
         ), n.value = null);
         const v = document.getElementById(
@@ -1057,9 +1057,9 @@ const pt = ke("SunIcon", [
         v != null && v.open && !y && (console.log("Modal is open on desktop, closing modal and active tab."), v.close(), n.value = null);
       }
     };
-    return (f, b) => {
+    return (f, w) => {
       var y, M;
-      return o(), i(H, null, [
+      return o(), i(F, null, [
         a("div", {
           ref_key: "searchContainer",
           ref: I,
@@ -1067,17 +1067,17 @@ const pt = ke("SunIcon", [
         }, [
           a("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: W
+            onClick: K
           }, [
             a("div", Ut, [
-              (o(!0), i(H, null, G(((y = l.searchOptions.find(
+              (o(!0), i(F, null, G(((y = l.searchOptions.find(
                 (v) => v.category === l.currentCategory
-              )) == null ? void 0 : y.tabs) || [], (v, _) => {
+              )) == null ? void 0 : y.tabs) || [], (v, O) => {
                 var x, j, R, te, ve;
                 return o(), i("button", {
-                  key: `${v.name}-${_}`,
-                  onClick: re((p) => q(v), ["stop"]),
-                  class: S([{
+                  key: `${v.name}-${O}`,
+                  onClick: re((p) => N(v), ["stop"]),
+                  class: C([{
                     "tab-active": ((x = n.value) == null ? void 0 : x.name) === v.name,
                     "tab-active-inline": ((j = n.value) == null ? void 0 : j.name) === v.name && ((R = n.value) == null ? void 0 : R.displayMode) === "inline"
                     // Add new class
@@ -1086,19 +1086,19 @@ const pt = ke("SunIcon", [
                   ref: (p) => u.value[v.name] = p
                 }, [
                   ((te = n.value) == null ? void 0 : te.name) === v.name && ((ve = n.value) == null ? void 0 : ve.displayMode) === "inline" ? (o(), i("div", Kt, [
-                    (o(), ce(Be(m[n.value.type]), Oe({ ref_for: !0 }, n.value.props || {}, {
+                    (o(), ce(Be(m[n.value.type]), De({ ref_for: !0 }, n.value.props || {}, {
                       modelValue: n.value.value,
-                      onUpdated: b[0] || (b[0] = (p) => d(p)),
-                      "onUpdate:modelValue": b[1] || (b[1] = (p) => d(p)),
+                      onUpdated: w[0] || (w[0] = (p) => d(p)),
+                      "onUpdate:modelValue": w[1] || (w[1] = (p) => d(p)),
                       onBlur: X,
-                      onKeydown: ye(re(ee, ["stop", "prevent"]), ["enter"]),
+                      onKeydown: be(re(ee, ["stop", "prevent"]), ["enter"]),
                       ref_for: !0,
                       ref_key: "inlineComponentRef",
                       ref: r
                     }), null, 16, ["modelValue", "onKeydown"]))
                   ])) : (o(), i("div", Xt, [
-                    a("p", Yt, V(v.name), 1),
-                    v.value !== void 0 && v.value !== null && v.value !== "" ? (o(), i("p", Gt, V(P(v)), 1)) : (o(), i("p", Jt, V(v.description), 1))
+                    a("p", Yt, D(v.name), 1),
+                    v.value !== void 0 && v.value !== null && v.value !== "" ? (o(), i("p", Gt, D(P(v)), 1)) : (o(), i("p", Jt, D(v.description), 1))
                   ]))
                 ], 10, Wt);
               }), 128))
@@ -1108,17 +1108,17 @@ const pt = ke("SunIcon", [
               class: "absolute flex shadow-sm mt-4 w-fit max-w-full transition-all tab-content",
               style: xe(g.value)
             }, [
-              (o(), ce(Be(m[n.value.type]), Oe(n.value.props || {}, {
+              (o(), ce(Be(m[n.value.type]), De(n.value.props || {}, {
                 modelValue: n.value.value,
-                onUpdated: b[2] || (b[2] = (v) => k(v)),
-                "onUpdate:modelValue": b[3] || (b[3] = (v) => k(v))
+                onUpdated: w[2] || (w[2] = (v) => S(v)),
+                "onUpdate:modelValue": w[3] || (w[3] = (v) => S(v))
               }), null, 16, ["modelValue"]))
             ], 4)) : z("", !0),
             a("button", {
               title: "search",
               type: "submit",
               class: "ml-1 btn btn-primary btn-square",
-              onClick: re(E, ["stop"])
+              onClick: re(V, ["stop"])
             }, [
               ue(le(Re), {
                 size: 24,
@@ -1129,7 +1129,7 @@ const pt = ke("SunIcon", [
           a("div", Zt, [
             a("button", {
               title: "search",
-              onClick: b[4] || (b[4] = () => {
+              onClick: w[4] || (w[4] = () => {
               })
             }, [
               ue(le(Re), {
@@ -1144,30 +1144,30 @@ const pt = ke("SunIcon", [
           class: "modal"
         }, [
           a("div", el, [
-            O(f.$slots, "additionalForMobile", {}, () => [
-              a("h3", tl, V(e.currentCategory), 1)
+            B(f.$slots, "additionalForMobile", {}, () => [
+              a("h3", tl, D(e.currentCategory), 1)
             ], !0),
-            (o(!0), i(H, null, G(((M = l.searchOptions.find(
+            (o(!0), i(F, null, G(((M = l.searchOptions.find(
               (v) => v.category === l.currentCategory
-            )) == null ? void 0 : M.tabs) || [], (v, _) => (o(), i("div", {
+            )) == null ? void 0 : M.tabs) || [], (v, O) => (o(), i("div", {
               class: "collapse bg-base-200 my-4",
               key: v.name
             }, [
               a("input", {
                 type: "radio",
                 name: `accordion-${le(s)}`,
-                checked: _ === 0
+                checked: O === 0
               }, null, 8, ll),
               a("div", al, [
-                a("div", null, V(v.name), 1),
-                v.value !== void 0 && v.value !== null && v.value !== "" ? (o(), i("div", nl, V(P(v)), 1)) : (o(), i("div", ol, V(v.description), 1))
+                a("div", null, D(v.name), 1),
+                v.value !== void 0 && v.value !== null && v.value !== "" ? (o(), i("div", nl, D(P(v)), 1)) : (o(), i("div", ol, D(v.description), 1))
               ]),
               a("div", sl, [
-                b[7] || (b[7] = a("br", null, null, -1)),
-                (o(), ce(Be(m[v.type]), Oe({ ref_for: !0 }, v.props || {}, {
+                w[7] || (w[7] = a("br", null, null, -1)),
+                (o(), ce(Be(m[v.type]), De({ ref_for: !0 }, v.props || {}, {
                   modelValue: v.value,
-                  onUpdated: b[5] || (b[5] = (x) => k(x)),
-                  "onUpdate:modelValue": b[6] || (b[6] = (x) => k(x))
+                  onUpdated: w[5] || (w[5] = (x) => S(x)),
+                  "onUpdate:modelValue": w[6] || (w[6] = (x) => S(x))
                 }), null, 16, ["modelValue"]))
               ])
             ]))), 128)),
@@ -1175,7 +1175,7 @@ const pt = ke("SunIcon", [
               a("form", { method: "dialog" }, [
                 a("button", {
                   class: "btn btn-primary",
-                  onClick: E
+                  onClick: V
                 }, " Close and Search ")
               ])
             ])
@@ -1187,10 +1187,10 @@ const pt = ke("SunIcon", [
 }), Ha = /* @__PURE__ */ de(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 = {
   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"], yl = {
+}, 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 = {
   key: 3,
   class: "p-4 min-w-2xs"
-}, bl = ["id", "disabled", "value"], wl = {
+}, yl = ["id", "disabled", "value"], wl = {
   key: 4,
   class: "flex px-4 my-4 w-full justify-end"
 }, xl = /* @__PURE__ */ A({
@@ -1208,11 +1208,12 @@ const pt = ke("SunIcon", [
     firstDayOfWeek: { default: 1 },
     min: {},
     max: {},
-    closeText: { default: "Close" }
+    closeText: { default: "Close" },
+    disableDefaultValue: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue", "change"],
   setup(e, { emit: c }) {
-    const l = typeof window < "u", t = e, s = c, n = h(null), r = h(!1), m = h(null), u = h(null), g = h(null), I = h(null), P = h(null), k = h({
+    const l = typeof window < "u", t = e, s = c, n = h(null), r = h(!1), m = h(null), u = h(null), g = h(null), I = h(null), P = h(null), S = h({
       from: "",
       to: "",
       single: ""
@@ -1220,57 +1221,54 @@ const pt = ke("SunIcon", [
       single: null,
       start: null,
       end: null
-    }), E = (p) => p instanceof Date ? p.toISOString() : p, T = (p) => p.split("T")[0] || "", W = (p) => {
-      const w = p instanceof Date ? p : new Date(p);
-      if (isNaN(w.getTime())) return "";
-      const B = String(w.getHours()).padStart(2, "0"), D = String(w.getMinutes()).padStart(2, "0");
-      return `${B}:${D}`;
-    }, q = () => {
-      const p = /* @__PURE__ */ new Date(), w = W(p);
-      let B = t.initialDate;
-      if (!B && t.mode !== "time" && (B = t.range ? { start: p, end: p } : p), !!B) {
-        if (!B) {
-          t.mode === "time" && (t.range ? (k.value.from = w, k.value.to = w) : k.value.single = w);
-          return;
-        }
-        if (t.range && typeof B == "object" && "start" in B) {
-          const D = E(B.start), N = E(B.end);
-          d.value.start = T(D), d.value.end = T(N), t.mode !== "date" && (k.value.from = W(D), k.value.to = W(N));
+    }), V = (p) => p instanceof Date ? p.toISOString() : p, T = (p) => p.split("T")[0] || "", K = (p) => {
+      const b = p instanceof Date ? p : new Date(p);
+      if (isNaN(b.getTime())) return "";
+      const _ = String(b.getHours()).padStart(2, "0"), E = String(b.getMinutes()).padStart(2, "0");
+      return `${_}:${E}`;
+    }, N = () => {
+      const p = /* @__PURE__ */ new Date();
+      if (t.disableDefaultValue && !t.initialDate)
+        return;
+      let b = t.initialDate;
+      if (!b && t.mode !== "time" && (b = t.range ? { start: p, end: p } : p), !!b)
+        if (t.range && typeof b == "object" && "start" in b) {
+          const _ = V(b.start), E = V(b.end);
+          d.value.start = T(_), d.value.end = T(E), t.mode !== "date" && (S.value.from = K(_), S.value.to = K(E));
         } else {
-          const D = E(B);
-          d.value.single = T(D), t.mode !== "date" && (k.value.single = W(D));
+          const _ = V(b);
+          d.value.single = T(_), t.mode !== "date" && (S.value.single = K(_));
         }
-      }
-    }, X = K(() => {
-      const p = (D) => {
-        if (!D) return "";
-        if (D.includes(":")) return D;
+    }, X = W(() => {
+      const p = (E) => {
+        if (!E) return "";
+        if (E.includes(":")) return E;
         try {
-          return (/* @__PURE__ */ new Date(D + "T00:00:00")).toLocaleDateString(t.locale, {
+          return (/* @__PURE__ */ new Date(E + "T00:00:00")).toLocaleDateString(t.locale, {
             year: "numeric",
             month: "numeric",
             day: "numeric"
           });
         } catch {
-          const [N, Z, ne] = D.split("-");
-          return `${ne}/${Z}/${N}`;
+          const [U, Z, ne] = E.split("-");
+          return `${ne}/${Z}/${U}`;
         }
       };
-      let w = "", B = "";
-      if ((t.mode === "date" || t.mode === "datetime") && (t.range ? d.value.start && d.value.end && (w = `${d.value.start} - ${d.value.end}`) : d.value.single && (w = d.value.single)), (t.mode === "time" || t.mode === "datetime") && (t.range ? k.value.from && k.value.to && (B = `${k.value.from} - ${k.value.to}`) : k.value.single && (B = k.value.single)), t.mode === "date")
-        return t.range ? w.split(" - ").map(p).join(" - ") : p(w);
+      let b = "", _ = "";
+      if ((t.mode === "date" || t.mode === "datetime") && (t.range ? d.value.start && d.value.end && (b = `${d.value.start} - ${d.value.end}`) : d.value.single && (b = d.value.single)), (t.mode === "time" || t.mode === "datetime") && (t.range ? S.value.from && S.value.to && (_ = `${S.value.from} - ${S.value.to}`) : S.value.single && (_ = S.value.single)), t.mode === "date")
+        return t.range ? b.split(" - ").map(p).join(" - ") : p(b);
       if (t.mode === "time")
-        return B;
+        return _;
       if (t.mode === "datetime")
         if (t.range) {
-          const D = d.value.start, N = d.value.end, Z = k.value.from, ne = k.value.to;
-          if (D && N && Z && ne)
-            return `${p(D)} ${Z} - ${p(N)} ${ne}`;
-          if (D)
-            return `${p(D)} ${Z || ""}`.trim();
+          const E = d.value.start, U = d.value.end, Z = S.value.from, ne = S.value.to;
+          if (E && U && Z && ne)
+            return `${p(E)} ${Z} - ${p(U)} ${ne}`;
+          if (E)
+            return `${p(E)} ${Z || ""}`.trim();
         } else {
-          const D = d.value.single, N = k.value.single;
-          return `${p(D)} ${N || ""}`.trim();
+          const E = d.value.single, U = S.value.single;
+          return `${p(E)} ${U || ""}`.trim();
         }
       return "";
     }), ee = () => {
@@ -1279,60 +1277,60 @@ const pt = ke("SunIcon", [
       else if (u.value) {
         const p = u.value.value;
         if (typeof p == "string" && p.includes("/")) {
-          const [w, B] = p.split("/");
-          d.value.start = w || null, d.value.end = B || null;
+          const [b, _] = p.split("/");
+          d.value.start = b || null, d.value.end = _ || null;
         } else
           d.value.start = p || null, d.value.end = p || null;
       }
     }, ae = () => d.value.start && d.value.end ? `${d.value.start}/${d.value.end}` : null, f = () => {
       if (t.range) {
-        const B = d.value.start, D = d.value.end || d.value.start, N = k.value.from, Z = k.value.to;
+        const _ = d.value.start, E = d.value.end || d.value.start, U = S.value.from, Z = S.value.to;
         if (t.mode === "time")
-          return N && Z ? { start: N, end: Z } : null;
+          return U && Z ? { start: U, end: Z } : null;
         if (t.mode === "date")
-          return B && D ? { start: B, end: D } : null;
+          return _ && E ? { start: _, end: E } : null;
         if (t.mode === "datetime") {
-          if (!B || !D) return null;
-          const ne = N ? `${N}:00` : "00:00:00", fe = Z ? `${Z}:00` : "23:59:59", pe = `${B}T${ne}`, Me = `${D}T${fe}`;
+          if (!_ || !E) return null;
+          const ne = U ? `${U}:00` : "00:00:00", fe = Z ? `${Z}:00` : "23:59:59", pe = `${_}T${ne}`, Me = `${E}T${fe}`;
           return { start: pe, end: Me };
         }
         return null;
       }
-      const p = d.value.single, w = k.value.single;
+      const p = d.value.single, b = S.value.single;
       if (t.mode === "time")
-        return w || null;
+        return b || null;
       if (t.mode === "date")
         return p || null;
       if (t.mode === "datetime") {
         if (!p) return null;
-        const B = w ? `${w}:00` : "00:00:00";
-        return `${p}T${B}`;
+        const _ = b ? `${b}:00` : "00:00:00";
+        return `${p}T${_}`;
       }
       return null;
-    }, b = async () => {
+    }, w = async () => {
       ee();
       const p = f();
       s("update:modelValue", p), s("change", p);
     }, y = () => {
       ge(() => {
-        b();
+        w();
       });
     }, M = (p) => {
-      const w = p.target;
-      t.range ? w === I.value ? k.value.from = w.value : w === P.value && (k.value.to = w.value) : k.value.single = w.value, b();
+      const b = p.target;
+      t.range ? b === I.value ? S.value.from = b.value : b === P.value && (S.value.to = b.value) : S.value.single = b.value, w();
     }, v = () => {
       r.value = !r.value;
-    }, _ = () => {
-      b(), r.value = !1;
+    }, O = () => {
+      w(), r.value = !1;
     }, x = (p) => {
       !t.popup || !r.value || setTimeout(() => {
-        const w = n.value, B = p.target, D = `date-picker-${t.id}-popup`;
-        w && !w.contains(B) && !p.target.closest(`#${D}`) && _();
+        const b = n.value, _ = p.target, E = `date-picker-${t.id}-popup`;
+        b && !b.contains(_) && !p.target.closest(`#${E}`) && O();
       }, 0);
     }, j = () => {
-      _();
+      O();
     }, R = () => {
-      b(), t.popup && (r.value = !1);
+      w(), t.popup && (r.value = !1);
     }, te = () => {
       if (!l) return;
       const p = t.range ? u.value : m.value;
@@ -1345,23 +1343,23 @@ const pt = ke("SunIcon", [
     return me(() => {
       l && import("./cally-ZU3K2Th7.js").catch((p) => {
         console.warn("Failed to load cally:", p);
-      }), q();
-    }), F(d, async (p) => {
+      }), N();
+    }), q(d, async (p) => {
       if (await ge(), m.value && p.single) {
-        const w = p.single;
-        m.value.value !== w && (m.value.value = w);
+        const b = p.single;
+        m.value.value !== b && (m.value.value = b);
       }
       if (u.value) {
-        const w = ae();
-        w && u.value.value !== w && (u.value.value = w);
+        const b = ae();
+        b && u.value.value !== b && (u.value.value = b);
       }
-      b();
-    }, { immediate: !0, deep: !0 }), F([d, m, u], async () => {
-      await ge(), m.value && d.value.single && !m.value.value && (m.value.value = d.value.single), u.value && d.value.start && d.value.end && !u.value.value && (u.value.value = `${d.value.start}/${d.value.end}`), b();
-    }, { immediate: !0 }), F([g, I, P], () => {
-      b();
-    }, { immediate: !0 }), (p, w) => {
-      const B = De("calendar-month"), D = De("calendar-date"), N = De("calendar-range");
+      w();
+    }, { immediate: !0, deep: !0 }), q([d, m, u], async () => {
+      await ge(), m.value && d.value.single && !m.value.value && (m.value.value = d.value.single), u.value && d.value.start && d.value.end && !u.value.value && (u.value.value = `${d.value.start}/${d.value.end}`), w();
+    }, { immediate: !0 }), q([g, I, P], () => {
+      w();
+    }, { immediate: !0 }), (p, b) => {
+      const _ = Oe("calendar-month"), E = Oe("calendar-date"), U = Oe("calendar-range");
       return o(), i("div", {
         class: "inline-block relative w-fit lg:w-full",
         ref_key: "pickerContainer",
@@ -1371,24 +1369,24 @@ const pt = ke("SunIcon", [
         t.popup ? (o(), i("div", {
           key: 0,
           class: "flex items-center gap-2 cursor-pointer w-full",
-          onClick: w[0] || (w[0] = (Z) => t.disabled ? null : v())
+          onClick: b[0] || (b[0] = (Z) => t.disabled ? null : v())
         }, [
           a("div", rl, [
-            X.value ? (o(), i("span", cl, V(X.value), 1)) : (o(), i("span", ul, V(t.placeholder), 1))
+            X.value ? (o(), i("span", cl, D(X.value), 1)) : (o(), i("span", ul, D(t.placeholder), 1))
           ])
         ])) : z("", !0),
         r.value || !t.popup ? (o(), i("div", {
           key: 1,
-          class: S(["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: C(["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: [
-            w[1] || (w[1] = ye(re(() => {
+            b[1] || (b[1] = be(re(() => {
             }, ["prevent", "stop"]), ["tab"])),
-            ye(j, ["esc"]),
-            ye(re(R, ["prevent"]), ["enter"])
+            be(j, ["esc"]),
+            be(re(R, ["prevent"]), ["enter"])
           ]
         }, [
-          !t.range && t.mode !== "time" && l ? (o(), ce(D, {
+          !t.range && t.mode !== "time" && l ? (o(), ce(E, {
             key: 0,
             class: "cally w-full",
             ref_key: "datePicker",
@@ -1405,7 +1403,7 @@ const pt = ke("SunIcon", [
                 slot: "previous",
                 class: "btn-outline btn btn-primary md:btn-sm",
                 onClick: te
-              }, [...w[2] || (w[2] = [
+              }, [...b[2] || (b[2] = [
                 a("svg", {
                   xmlns: "http://www.w3.org/2000/svg",
                   class: "w-4 h-4",
@@ -1425,7 +1423,7 @@ const pt = ke("SunIcon", [
                 slot: "next",
                 class: "btn-outline btn btn-primary md:btn-sm",
                 onClick: ve
-              }, [...w[3] || (w[3] = [
+              }, [...b[3] || (b[3] = [
                 a("svg", {
                   xmlns: "http://www.w3.org/2000/svg",
                   class: "w-4 h-4",
@@ -1441,13 +1439,13 @@ const pt = ke("SunIcon", [
                   })
                 ], -1)
               ])]),
-              ue(B, {
+              ue(_, {
                 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(N, {
+          t.range && t.mode !== "time" && l ? (o(), ce(U, {
             key: 1,
             class: "cally w-full",
             ref_key: "rangeDatePicker",
@@ -1464,7 +1462,7 @@ const pt = ke("SunIcon", [
                 slot: "previous",
                 class: "btn-outline btn btn-primary md:btn-sm",
                 onClick: te
-              }, [...w[4] || (w[4] = [
+              }, [...b[4] || (b[4] = [
                 a("svg", {
                   xmlns: "http://www.w3.org/2000/svg",
                   class: "w-4 h-4",
@@ -1484,7 +1482,7 @@ const pt = ke("SunIcon", [
                 slot: "next",
                 class: "btn-outline btn btn-primary md:btn-sm",
                 onClick: ve
-              }, [...w[5] || (w[5] = [
+              }, [...b[5] || (b[5] = [
                 a("svg", {
                   xmlns: "http://www.w3.org/2000/svg",
                   class: "w-4 h-4",
@@ -1500,7 +1498,7 @@ const pt = ke("SunIcon", [
                   })
                 ], -1)
               ])]),
-              ue(B, {
+              ue(_, {
                 locale: t.locale
               }, null, 8, ["locale"])
             ]),
@@ -1518,10 +1516,10 @@ const pt = ke("SunIcon", [
                   placeholder: "from",
                   onChange: M,
                   disabled: t.disabled,
-                  value: k.value.from || ""
+                  value: S.value.from || ""
                 }, null, 40, pl)
               ]),
-              w[6] || (w[6] = a("svg", {
+              b[6] || (b[6] = a("svg", {
                 class: "join-item",
                 viewBox: "0 0 1024 1024",
                 focusable: "false",
@@ -1542,12 +1540,12 @@ const pt = ke("SunIcon", [
                   id: `${t.id}-time-to`,
                   onChange: M,
                   disabled: t.disabled,
-                  value: k.value.to || ""
+                  value: S.value.to || ""
                 }, null, 40, gl)
               ])
             ])
           ])) : z("", !0),
-          !t.range && t.mode !== "date" ? (o(), i("div", yl, [
+          !t.range && t.mode !== "date" ? (o(), i("div", bl, [
             a("input", {
               class: "open:bg-primary open:rounded w-full input input-bordered justify-center",
               type: "time",
@@ -1556,20 +1554,20 @@ const pt = ke("SunIcon", [
               id: `${t.id}-time`,
               onChange: M,
               disabled: t.disabled,
-              value: k.value.single || ""
-            }, null, 40, bl)
+              value: S.value.single || ""
+            }, null, 40, yl)
           ])) : z("", !0),
           t.popup && t.closeText ? (o(), i("div", wl, [
             a("button", {
               class: "btn btn-primary max-lg:w-full",
-              onClick: _
-            }, V(t.closeText), 1)
+              onClick: O
+            }, D(t.closeText), 1)
           ])) : z("", !0)
         ], 42, dl)) : z("", !0)
       ], 544);
     };
   }
-}), kl = /* @__PURE__ */ de(xl, [["__scopeId", "data-v-e0b34494"]]), $l = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), kl = /* @__PURE__ */ de(xl, [["__scopeId", "data-v-6ff251ed"]]), $l = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: kl
 }, Symbol.toStringTag, { value: "Module" })), Cl = ["value", "checked", "onChange", "disabled"], Ua = /* @__PURE__ */ A({
@@ -1586,7 +1584,7 @@ const pt = ke("SunIcon", [
   },
   setup(e) {
     const c = e, l = h(c.initialRating);
-    F(
+    q(
       () => c.initialRating,
       (s) => {
         l.value = s;
@@ -1596,19 +1594,19 @@ const pt = ke("SunIcon", [
       l.value = s;
     };
     return (s, n) => (o(), i("div", {
-      class: S(["rating", [
+      class: C(["rating", [
         `rating-${c.size}`,
         { "rating-half": e.halfStars },
         { "pointer-events-none": !e.isInteractive }
       ]])
     }, [
-      (o(!0), i(H, null, G(e.numberOfStars * (e.halfStars ? 2 : 1), (r) => (o(), i("input", {
+      (o(!0), i(F, null, G(e.numberOfStars * (e.halfStars ? 2 : 1), (r) => (o(), i("input", {
         key: r,
         type: "radio",
         value: e.halfStars ? r * 0.5 : r,
         checked: l.value === (e.halfStars ? r * 0.5 : r),
         onChange: (m) => e.isInteractive ? t(e.halfStars ? r * 0.5 : r) : null,
-        class: S(["mask", [
+        class: C(["mask", [
           {
             // 'bg-yellow-400': rating >= (halfStars ? i * 0.5 : i),
             "mask-half-1": e.halfStars && r % 2 !== 0,
@@ -1648,44 +1646,44 @@ const pt = ke("SunIcon", [
   },
   emits: ["update:modelValue"],
   setup(e, { emit: c }) {
-    const l = e, t = c, s = h([...l.modelValue]), n = l.maxTagAmount === void 0 ? -1 : l.maxTagAmount, r = h(null), m = h(""), u = K(() => n < 0 || s.value.length < n), g = () => {
+    const l = e, t = c, s = h([...l.modelValue]), n = l.maxTagAmount === void 0 ? -1 : l.maxTagAmount, r = h(null), m = h(""), u = W(() => n < 0 || s.value.length < n), g = () => {
       const d = m.value.trim();
       d && !s.value.includes(d) && (s.value.push(d), t("update:modelValue", s.value), m.value = "");
     }, I = (d) => {
-      s.value = s.value.filter((E) => E !== d), t("update:modelValue", s.value);
+      s.value = s.value.filter((V) => V !== d), t("update:modelValue", s.value);
     }, P = () => {
       m.value === "" && (s.value.pop(), t("update:modelValue", s.value));
-    }, k = (d) => {
+    }, S = (d) => {
       d.key === "Enter" ? g() : d.key === "Backspace" && m.value === "" && P();
     };
-    return F(() => l.modelValue, (d) => {
+    return q(() => l.modelValue, (d) => {
       s.value = [...d];
-    }), (d, E) => (o(), i("div", {
-      class: S(["flex flex-wrap gap-2 bg-base-100 shadow px-4 py-6 border border-base-content/20 rounded", d.$props.class])
+    }), (d, V) => (o(), i("div", {
+      class: C(["flex flex-wrap gap-2 bg-base-100 shadow px-4 py-6 border border-base-content/20 rounded", d.$props.class])
     }, [
-      (o(!0), i(H, null, G(s.value, (T) => O(d.$slots, "tag", {
+      (o(!0), i(F, null, G(s.value, (T) => B(d.$slots, "tag", {
         key: T,
         tag: T
       }, () => [
         a("div", Sl, [
           a("button", {
             class: "px-1! py-0! h-fit font-bold cursor-pointer",
-            onClick: (W) => I(T),
+            onClick: (K) => I(T),
             "aria-label": "Remove tag"
           }, "X", 8, Il),
-          a("span", Ml, V(T), 1)
+          a("span", Ml, D(T), 1)
         ])
       ])), 128)),
-      O(d.$slots, "input", { showInput: u.value }, () => [
+      B(d.$slots, "input", { showInput: u.value }, () => [
         u.value ? Ie((o(), i("input", {
           key: 0,
           ref_key: "inputRef",
           ref: r,
-          "onUpdate:modelValue": E[0] || (E[0] = (T) => m.value = T),
+          "onUpdate:modelValue": V[0] || (V[0] = (T) => m.value = T),
           type: "text",
           placeholder: e.placeholder || "Type here",
           class: "h-full input input-ghost",
-          onKeydown: k,
+          onKeydown: S,
           "aria-label": "Add tags"
         }, null, 40, Tl)), [
           [Ne, m.value]
@@ -1696,7 +1694,7 @@ const pt = ke("SunIcon", [
 }), zl = { class: "w-full max-w-xs form-control" }, Bl = {
   key: 0,
   class: "label"
-}, Ol = { class: "label-text" }, Dl = ["value"], Vl = {
+}, Dl = { class: "label-text" }, Ol = ["value"], Vl = {
   key: 0,
   value: "",
   disabled: "",
@@ -1725,7 +1723,7 @@ const pt = ke("SunIcon", [
       // e.g., the current value: modelValue
     }), (u, g) => (o(), i("div", zl, [
       e.label ? (o(), i("label", Bl, [
-        a("span", Ol, V(e.label), 1)
+        a("span", Dl, D(e.label), 1)
       ])) : z("", !0),
       a("select", {
         ref_key: "selectElement",
@@ -1734,12 +1732,12 @@ const pt = ke("SunIcon", [
         value: e.modelValue,
         onChange: r
       }, [
-        e.placeholder ? (o(), i("option", Vl, V(e.placeholder), 1)) : z("", !0),
-        (o(!0), i(H, null, G(e.options, (I) => (o(), i("option", {
+        e.placeholder ? (o(), i("option", Vl, D(e.placeholder), 1)) : z("", !0),
+        (o(!0), i(F, null, G(e.options, (I) => (o(), i("option", {
           key: I.value,
           value: I.value
-        }, V(I.text), 9, _l))), 128))
-      ], 40, Dl)
+        }, D(I.text), 9, _l))), 128))
+      ], 40, Ol)
     ]));
   }
 }), El = {
@@ -1779,25 +1777,25 @@ const pt = ke("SunIcon", [
   },
   emits: ["update:modelValue", "select", "clear"],
   setup(e, { expose: c, emit: l }) {
-    const t = e, s = l, n = Je(), r = K(() => {
-      const _ = (n.default ? n.default() : []).filter((x) => x.type !== Ze);
-      return console.log("hasDefaultSlotContent computed:", _.length > 0), _.length > 0;
-    }), m = h(""), u = h(null), g = h(!1), I = h(null), P = h(null), k = h(null), d = h(null), E = () => {
+    const t = e, s = l, n = Je(), r = W(() => {
+      const O = (n.default ? n.default() : []).filter((x) => x.type !== Ze);
+      return console.log("hasDefaultSlotContent computed:", O.length > 0), O.length > 0;
+    }), m = h(""), u = h(null), g = h(!1), I = h(null), P = h(null), S = h(null), d = h(null), V = () => {
       g.value = !t.disabled;
     }, T = () => {
       g.value = !1, d.value = null, r.value || (u.value && m.value !== u.value.text ? m.value = u.value.text : u.value || (m.value = ""));
-    }, W = () => {
-      g.value ? T() : E();
-    }, q = K(() => {
+    }, K = () => {
+      g.value ? T() : V();
+    }, N = W(() => {
       const v = m.value ? m.value.toLowerCase() : "";
       return v === "" && !g.value ? [] : t.options.filter(
         (x) => x && x.text ? x.text.toLowerCase().includes(v) : ""
       );
     });
-    F(
+    q(
       () => t.modelValue,
-      (v, _) => {
-        if (v !== _ && T(), v == null)
+      (v, O) => {
+        if (v !== O && T(), v == null)
           u.value = null, !g.value && !r.value && (m.value = "");
         else {
           const x = t.options.find((j) => j.value === v);
@@ -1814,7 +1812,7 @@ const pt = ke("SunIcon", [
         P.value && !P.value.contains(document.activeElement) && T();
       }, 100);
     };
-    F(g, (v) => {
+    q(g, (v) => {
       v ? setTimeout(() => {
         document.addEventListener("click", X);
       }, 0) : document.removeEventListener("click", X);
@@ -1827,29 +1825,29 @@ const pt = ke("SunIcon", [
       s("update:modelValue", null), v && s("clear", v);
     }, f = (v) => {
       u.value = v, r.value || (m.value = v.text), s("update:modelValue", v.value), s("select", v), T();
-    }, b = () => {
-      q.value.length > 0 && f(q.value[0]);
+    }, w = () => {
+      N.value.length > 0 && f(N.value[0]);
     }, y = () => {
-      g.value || E();
+      g.value || V();
     }, M = (v) => {
-      if (!g.value || q.value.length === 0) return;
-      const _ = q.value.findIndex(
+      if (!g.value || N.value.length === 0) return;
+      const O = N.value.findIndex(
         (j, R) => "option-" + R === d.value
       );
       let x = -1;
       if (v.key === "ArrowDown")
-        v.preventDefault(), x = (_ + 1) % q.value.length;
+        v.preventDefault(), x = (O + 1) % N.value.length;
       else if (v.key === "ArrowUp")
-        v.preventDefault(), x = (_ - 1 + q.value.length) % q.value.length;
+        v.preventDefault(), x = (O - 1 + N.value.length) % N.value.length;
       else if (v.key === "Enter" && d.value) {
         v.preventDefault();
-        const j = q.value.find(
+        const j = N.value.find(
           (R, te) => "option-" + te === d.value
         );
         j && f(j);
         return;
       } else if (v.key === "Escape") {
-        v.preventDefault(), T(), k.value && k.value.focus();
+        v.preventDefault(), T(), S.value && S.value.focus();
         return;
       } else if (r.value)
         return;
@@ -1861,7 +1859,7 @@ const pt = ke("SunIcon", [
         });
       }
     };
-    return F(g, (v) => {
+    return q(g, (v) => {
       v ? (window.addEventListener("keydown", M), !r.value && !m.value && u.value && (m.value = u.value.text)) : window.removeEventListener("keydown", M);
     }), _e(() => {
       document.removeEventListener("click", X), window.removeEventListener("keydown", M);
@@ -1870,11 +1868,11 @@ const pt = ke("SunIcon", [
       // Expose state
       selectedItem: u,
       // Expose selected item
-      openDropdown: E,
+      openDropdown: V,
       // Expose method to open
       closeDropdown: T,
       // Expose method to close
-      toggleDropdown: W,
+      toggleDropdown: K,
       // Expose method to toggle
       selectItem: f,
       // Expose method to select an item programmatically
@@ -1882,24 +1880,24 @@ const pt = ke("SunIcon", [
       // Expose filter text (useful if parent controls filtering)
       hasDefaultSlotContent: r
       // Expose to know if the default slot is used
-    }), (v, _) => (o(), i("div", {
+    }), (v, O) => (o(), i("div", {
       class: "relative w-full max-w-xs form-control",
       ref_key: "componentRoot",
       ref: P
     }, [
       e.label ? (o(), i("label", El, [
-        a("span", jl, V(e.label), 1)
+        a("span", jl, D(e.label), 1)
       ])) : z("", !0),
       a("div", {
-        class: S(["flex items-center input-bordered rounded-md w-fit cursor-pointer", { input: !r.value, select: !r.value }]),
+        class: C(["flex items-center input-bordered rounded-md w-fit cursor-pointer", { input: !r.value, select: !r.value }]),
         style: xe(
           u.value ? "background-image: unset; padding-right: 0.5rem;" : ""
         ),
         tabindex: "0",
-        onClick: _[1] || (_[1] = (x) => r.value ? W() : E()),
+        onClick: O[1] || (O[1] = (x) => r.value ? K() : V()),
         onKeydown: [
-          ye(re(b, ["prevent"]), ["enter"]),
-          ye(re(b, ["prevent"]), ["space"])
+          be(re(w, ["prevent"]), ["enter"]),
+          be(re(w, ["prevent"]), ["space"])
         ],
         onBlur: ee,
         role: "combobox",
@@ -1908,18 +1906,18 @@ const pt = ke("SunIcon", [
         "aria-activedescendant": d.value,
         "aria-autocomplete": "list",
         ref_key: "activatorWrapper",
-        ref: k
+        ref: S
       }, [
-        O(v.$slots, "default", {}, () => [
+        B(v.$slots, "default", {}, () => [
           r.value ? z("", !0) : Ie((o(), i("input", {
             key: 0,
             type: "text",
             placeholder: e.placeholder,
             class: "bg-transparent border-none focus:outline-none w-full",
-            "onUpdate:modelValue": _[0] || (_[0] = (x) => m.value = x),
+            "onUpdate:modelValue": O[0] || (O[0] = (x) => m.value = x),
             ref_key: "filterInput",
             ref: I,
-            onFocus: E,
+            onFocus: V,
             onInput: y,
             tabindex: "-1",
             disabled: t.disabled
@@ -1935,13 +1933,13 @@ const pt = ke("SunIcon", [
         })) : z("", !0),
         r.value && !u.value ? (o(), ce(le(vt), {
           key: 1,
-          class: S([{ "rotate-180": g.value }, "mx-2"]),
+          class: C([{ "rotate-180": g.value }, "mx-2"]),
           size: 20
         }, null, 8, ["class"])) : z("", !0)
       ], 46, Ll),
       Ie(a("div", Rl, [
         a("ul", Al, [
-          (o(!0), i(H, null, G(q.value, (x, j) => (o(), i("li", {
+          (o(!0), i(F, null, G(N.value, (x, j) => (o(), i("li", {
             key: x.value,
             onMousedown: re((R) => f(x), ["prevent"]),
             class: "hover:bg-base-200 rounded-md w-full cursor-pointer",
@@ -1949,11 +1947,11 @@ const pt = ke("SunIcon", [
             role: "option",
             "aria-selected": u.value && u.value.value === x.value
           }, [
-            a("a", null, V(x.text), 1)
+            a("a", null, D(x.text), 1)
           ], 40, Nl))), 128))
         ])
       ], 512), [
-        [Qe, g.value && q.value.length > 0]
+        [Qe, g.value && N.value.length > 0]
       ])
     ], 512));
   }
@@ -1983,18 +1981,18 @@ const pt = ke("SunIcon", [
   },
   emits: ["update:modelValue", "validate"],
   setup(e, { expose: c, emit: l }) {
-    const t = e, s = l, n = h(null), r = h(!1), m = h(""), u = K(() => {
-      var W, q, X, ee;
-      let d = !0, E = "";
+    const t = e, s = l, n = h(null), r = h(!1), m = h(""), u = W(() => {
+      var K, N, X, ee;
+      let d = !0, V = "";
       const T = t.modelValue;
-      return (W = t.rules) != null && W.required && (T == null || T === "") && (d = !1, E = "This field is required."), d && ((q = t.rules) == null ? void 0 : q.minLength) !== void 0 && typeof T == "string" && T.length < t.rules.minLength && (d = !1, E = `Must be at least ${t.rules.minLength} characters.`), d && ((X = t.rules) == null ? void 0 : X.maxLength) !== void 0 && typeof T == "string" && T.length > t.rules.maxLength && (d = !1, E = `Cannot exceed ${t.rules.maxLength} characters.`), d && ((ee = t.rules) != null && ee.email) && typeof T == "string" && T && (/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(T) || (d = !1, E = "Please enter a valid email address.")), m.value = E, s("validate", d), d;
-    }), g = K(() => r.value && !u.value), I = (d) => {
-      const E = d.target;
-      s("update:modelValue", E.value), r.value && u.value;
+      return (K = t.rules) != null && K.required && (T == null || T === "") && (d = !1, V = "This field is required."), d && ((N = t.rules) == null ? void 0 : N.minLength) !== void 0 && typeof T == "string" && T.length < t.rules.minLength && (d = !1, V = `Must be at least ${t.rules.minLength} characters.`), d && ((X = t.rules) == null ? void 0 : X.maxLength) !== void 0 && typeof T == "string" && T.length > t.rules.maxLength && (d = !1, V = `Cannot exceed ${t.rules.maxLength} characters.`), d && ((ee = t.rules) != null && ee.email) && typeof T == "string" && T && (/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(T) || (d = !1, V = "Please enter a valid email address.")), m.value = V, s("validate", d), d;
+    }), g = W(() => r.value && !u.value), I = (d) => {
+      const V = d.target;
+      s("update:modelValue", V.value), r.value && u.value;
     }, P = () => {
       r.value = !0, u.value;
     };
-    return F(
+    return q(
       () => t.modelValue,
       () => {
         r.value && u.value;
@@ -2007,18 +2005,18 @@ const pt = ke("SunIcon", [
       isValid: u,
       isTouched: r,
       errorMessage: m
-    }), (d, E) => (o(), i("div", ql, [
+    }), (d, V) => (o(), i("div", ql, [
       e.label ? (o(), i("label", Fl, [
-        a("span", Hl, V(e.label), 1)
+        a("span", Hl, D(e.label), 1)
       ])) : z("", !0),
-      O(d.$slots, "default"),
+      B(d.$slots, "default"),
       a("input", {
         ref_key: "inputElement",
         ref: n,
         type: e.type,
         placeholder: e.placeholder,
         disabled: t.disabled,
-        class: S(["input-bordered rounded-md w-full input validator", [
+        class: C(["input-bordered rounded-md w-full input validator", [
           {
             // Size classes - Apply based on size prop
             "input-xs": e.size === "xs",
@@ -2050,9 +2048,9 @@ const pt = ke("SunIcon", [
         onBlur: P
       }, null, 42, Ul),
       g.value ? (o(), i("div", Wl, [
-        a("span", Kl, V(m.value), 1)
+        a("span", Kl, D(m.value), 1)
       ])) : u.value && r.value && e.successMessage ? (o(), i("div", Xl, [
-        a("span", Yl, V(e.successMessage), 1)
+        a("span", Yl, D(e.successMessage), 1)
       ])) : z("", !0)
     ]));
   }
@@ -2066,14 +2064,14 @@ const pt = ke("SunIcon", [
   },
   setup(e) {
     const c = e, l = h(c.loading);
-    return F(
+    return q(
       () => c.loading,
       (t) => {
         l.value = t;
       }
     ), (t, s) => l.value ? (o(), i("span", {
       key: 0,
-      class: S(["loading", [
+      class: C(["loading", [
         { "loading-xs": e.size === "xs" },
         { "loading-sm": e.size === "sm" },
         { "loading-md": e.size === "md" },
@@ -2141,7 +2139,7 @@ const Jl = ["value"], Zl = /* @__PURE__ */ A({
     }), Ee(() => {
       n && clearTimeout(n), r && clearInterval(r);
     });
-    const m = K(() => {
+    const m = W(() => {
       switch (l.toast.type) {
         case "success":
           return "alert-success";
@@ -2157,17 +2155,17 @@ const Jl = ["value"], Zl = /* @__PURE__ */ A({
     });
     return (u, g) => (o(), i("div", {
       role: "alert",
-      class: S(["alert", m.value, "shadow-lg"])
+      class: C(["alert z-60", m.value, "shadow-lg"])
     }, [
-      a("span", null, V(e.toast.message), 1),
+      a("span", null, D(e.toast.message), 1),
       a("progress", {
-        class: S(["progress absolute bottom-0 left-0 w-full progress-neutral"]),
+        class: C(["progress absolute bottom-0 left-0 w-full progress-neutral"]),
         value: s.value,
         max: "100"
       }, null, 8, Jl)
     ], 2));
   }
-}), Ql = /* @__PURE__ */ de(Zl, [["__scopeId", "data-v-08105eee"]]), ea = /* @__PURE__ */ A({
+}), Ql = /* @__PURE__ */ de(Zl, [["__scopeId", "data-v-bc0c6917"]]), ea = /* @__PURE__ */ A({
   __name: "ToastContainer",
   props: {
     position: {
@@ -2177,7 +2175,7 @@ const Jl = ["value"], Zl = /* @__PURE__ */ A({
     }
   },
   setup(e) {
-    const c = e, { toasts: l, removeToast: t } = Gl(), s = K(() => {
+    const c = e, { toasts: l, removeToast: t } = Gl(), s = W(() => {
       const [n, r] = c.position.split("-");
       return {
         "toast-top": n === "top",
@@ -2189,11 +2187,11 @@ const Jl = ["value"], Zl = /* @__PURE__ */ A({
       };
     });
     return (n, r) => (o(), i("div", {
-      class: S(["toast", s.value])
+      class: C(["toast z-50", s.value])
     }, [
       ue(tt, { name: "toast-fade" }, {
         default: we(() => [
-          (o(!0), i(H, null, G(le(l), (m) => (o(), ce(Ql, {
+          (o(!0), i(F, null, G(le(l), (m) => (o(), ce(Ql, {
             key: m.id,
             toast: m,
             onRemove: (u) => le(t)(m.id)
@@ -2203,7 +2201,7 @@ const Jl = ["value"], Zl = /* @__PURE__ */ A({
       })
     ], 2));
   }
-}), Ja = /* @__PURE__ */ de(ea, [["__scopeId", "data-v-f910f41f"]]), ta = {
+}), Ja = /* @__PURE__ */ de(ea, [["__scopeId", "data-v-e10fa884"]]), ta = {
   xmlns: "http://www.w3.org/2000/svg",
   fill: "none",
   viewBox: "0 0 24 24",
@@ -2218,10 +2216,10 @@ const Jl = ["value"], Zl = /* @__PURE__ */ A({
   },
   emits: ["update:modelValue"],
   setup(e, { emit: c }) {
-    const l = e, t = c, s = K({
+    const l = e, t = c, s = W({
       get: () => l.modelValue,
       set: (u) => t("update:modelValue", u)
-    }), n = K(() => {
+    }), n = W(() => {
       switch (l.type) {
         case "info":
           return "alert-info";
@@ -2234,7 +2232,7 @@ const Jl = ["value"], Zl = /* @__PURE__ */ A({
         default:
           return "";
       }
-    }), r = K(() => {
+    }), r = W(() => {
       switch (l.type) {
         case "info":
           return "M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z";
@@ -2253,9 +2251,9 @@ const Jl = ["value"], Zl = /* @__PURE__ */ A({
     return (u, g) => s.value ? (o(), i("div", {
       key: 0,
       role: "alert",
-      class: S(["alert", n.value])
+      class: C(["alert", n.value])
     }, [
-      O(u.$slots, "icon", { class: "w-6 h-6" }, () => [
+      B(u.$slots, "icon", { class: "w-6 h-6" }, () => [
         (o(), i("svg", ta, [
           a("path", {
             "stroke-linecap": "round",
@@ -2265,14 +2263,14 @@ const Jl = ["value"], Zl = /* @__PURE__ */ A({
           }, null, 8, la)
         ]))
       ]),
-      a("span", null, V(e.message), 1),
+      a("span", null, D(e.message), 1),
       a("div", aa, [
         e.closable ? (o(), i("button", {
           key: 0,
           class: "btn btn-sm btn-ghost",
           onClick: m
         }, "Close")) : z("", !0),
-        O(u.$slots, "default")
+        B(u.$slots, "default")
       ])
     ], 2)) : z("", !0);
   }
@@ -2294,37 +2292,37 @@ const Jl = ["value"], Zl = /* @__PURE__ */ A({
   setup(e) {
     const c = e;
     return (l, t) => (o(), i("div", {
-      class: S(["mx-auto md:px-10 py-10 text-base-content", [e.background ?? "bg-base-200", e.color ?? "text-base-content"]])
+      class: C(["mx-auto md:px-10 py-10 text-base-content", [e.background ?? "bg-base-200", e.color ?? "text-base-content"]])
     }, [
       a("footer", na, [
         a("div", {
-          class: S(["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 }]])
+          class: C(["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 }]])
         }, [
-          (o(!0), i(H, null, G(c.items, (s) => (o(), i("nav", {
-            class: S([{ "hidden sm:grid w-max": e.collapseOnMobile }])
+          (o(!0), i(F, null, G(c.items, (s) => (o(), i("nav", {
+            class: C([{ "hidden sm:grid w-max": e.collapseOnMobile }])
           }, [
-            a("h6", oa, V(s.title), 1),
-            (o(!0), i(H, null, G(s.items, (n) => (o(), i("a", {
+            a("h6", oa, D(s.title), 1),
+            (o(!0), i(F, null, G(s.items, (n) => (o(), i("a", {
               class: "link link-hover",
               href: n.link
-            }, V(n.text), 9, sa))), 256))
+            }, D(n.text), 9, sa))), 256))
           ], 2))), 256)),
           a("nav", {
-            class: S(["empty:hidden", [{ "hidden sm:grid": e.collapseOnMobile }]])
+            class: C(["empty:hidden", [{ "hidden sm:grid": e.collapseOnMobile }]])
           }, [
-            O(l.$slots, "extra-row")
+            B(l.$slots, "extra-row")
           ], 2),
           e.collapseOnMobile ? (o(), i("nav", ia, [
-            (o(!0), i(H, null, G(c.items, (s) => (o(), i("ul", ra, [
+            (o(!0), i(F, null, G(c.items, (s) => (o(), i("ul", ra, [
               a("div", ua, [
-                a("div", ca, V(s.title), 1),
+                a("div", ca, D(s.title), 1),
                 a("div", da, [
                   a("ul", va, [
-                    (o(!0), i(H, null, G(s.items, (n) => (o(), i("li", fa, [
+                    (o(!0), i(F, null, G(s.items, (n) => (o(), i("li", fa, [
                       a("a", {
                         class: "w-full font-medium link link-hover",
                         href: n.link
-                      }, V(n.text), 9, ma)
+                      }, D(n.text), 9, ma)
                     ]))), 256))
                   ])
                 ])
@@ -2333,25 +2331,25 @@ const Jl = ["value"], Zl = /* @__PURE__ */ A({
           ])) : z("", !0)
         ], 2),
         a("aside", pa, [
-          O(l.$slots, "default")
+          B(l.$slots, "default")
         ])
       ])
     ], 2));
   }
-}), ha = {}, ga = { class: "min-h-40 container hero" }, ya = { class: "px-0! text-center hero-content" }, ba = { class: "mt-9 text-4xl" };
+}), 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, [
-    a("div", ya, [
+    a("div", ba, [
       a("div", null, [
-        a("h1", ba, [
-          O(e.$slots, "title", {}, () => [
+        a("h1", ya, [
+          B(e.$slots, "title", {}, () => [
             c[0] || (c[0] = Ae("hero title", -1))
           ])
         ]),
         a("p", null, [
-          O(e.$slots, "description", { class: "py-9" })
+          B(e.$slots, "description", { class: "py-9" })
         ]),
-        O(e.$slots, "call-to-action-block", { class: "max-w-full" }, () => [
+        B(e.$slots, "call-to-action-block", { class: "max-w-full" }, () => [
           c[1] || (c[1] = a("button", { class: "btn btn-primary" }, "Call to action", -1))
         ])
       ])
@@ -2371,13 +2369,13 @@ const en = /* @__PURE__ */ de(ha, [["render", wa]]), xa = { class: "flex flex-ro
       t("update:currentCategory", n);
     }
     return (n, r) => (o(), i("div", xa, [
-      (o(!0), i(H, null, G(l.searchOptions, (m) => (o(), i("div", {
+      (o(!0), i(F, null, G(l.searchOptions, (m) => (o(), i("div", {
         key: m.category
       }, [
         a("button", {
           onClick: (u) => s(m.category),
-          class: S(["truncate btn btn-ghost", { "font-semibold": l.currentCategory === m.category }])
-        }, V(m.category), 11, ka)
+          class: C(["truncate btn btn-ghost", { "font-semibold": l.currentCategory === m.category }])
+        }, D(m.category), 11, ka)
       ]))), 128))
     ]));
   }
@@ -2389,19 +2387,19 @@ const en = /* @__PURE__ */ de(ha, [["render", wa]]), xa = { class: "flex flex-ro
   setup(e) {
     const c = e;
     return (l, t) => (o(), i("nav", {
-      class: S(["place-items-start border-primary bg-base-100 px-5 py-5 border-b-4 transition-all navbar navigationbar", c.isCollapsed ? "collapsed" : ""])
+      class: C(["place-items-start border-primary bg-base-100 px-5 py-5 border-b-4 transition-all navbar navigationbar", c.isCollapsed ? "collapsed" : ""])
     }, [
       a("div", $a, [
-        O(l.$slots, "start", {}, void 0, !0)
+        B(l.$slots, "start", {}, void 0, !0)
       ]),
       a("div", Ca, [
-        O(l.$slots, "center", {}, void 0, !0)
+        B(l.$slots, "center", {}, void 0, !0)
       ]),
       a("div", Sa, [
-        O(l.$slots, "end", {}, void 0, !0)
+        B(l.$slots, "end", {}, void 0, !0)
       ]),
       a("div", Ia, [
-        O(l.$slots, "bottom", {}, void 0, !0)
+        B(l.$slots, "bottom", {}, void 0, !0)
       ])
     ], 2));
   }
@@ -2412,7 +2410,7 @@ const en = /* @__PURE__ */ de(ha, [["render", wa]]), xa = { class: "flex flex-ro
   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"
-}, Oa = { class: "p-6 border-x-0 border-t-2 border-b-0 border-base-300 max-w-full" }, an = /* @__PURE__ */ A({
+}, Da = { class: "p-6 border-x-0 border-t-2 border-b-0 border-base-300 max-w-full" }, an = /* @__PURE__ */ A({
   __name: "tab",
   props: {
     items: {},
@@ -2440,10 +2438,10 @@ const en = /* @__PURE__ */ de(ha, [["render", wa]]), xa = { class: "flex flex-ro
       l.rotateTabsAfter && l.rotateTabsAfter > 0 && setInterval(() => {
         r();
       }, l.rotateTabsAfter * 1e3);
-    }), (u, g) => (o(), i(H, null, [
+    }), (u, g) => (o(), i(F, null, [
       a("div", {
         role: "tablist",
-        class: S(["relative tabs-bordered w-full tabs tabs-lg", { "flex-nowrap overflow-x-auto": e.buttonOnlyMode }])
+        class: C(["relative tabs-bordered w-full tabs tabs-lg", { "flex-nowrap overflow-x-auto": e.buttonOnlyMode }])
       }, [
         e.withControlls ? (o(), i("div", Ta, [
           a("button", {
@@ -2455,21 +2453,21 @@ const en = /* @__PURE__ */ de(ha, [["render", wa]]), xa = { class: "flex flex-ro
             class: "text-primary cursor-pointer"
           }, "Next")
         ])) : z("", !0),
-        (o(!0), i(H, null, G(e.items, (I) => (o(), i(H, null, [
+        (o(!0), i(F, null, G(e.items, (I) => (o(), i(F, null, [
           a("a", {
             type: "button",
             role: "tab",
-            class: S(["min-w-max tab", I === t.value ? "bg-primary text-base-100" : ""]),
+            class: C(["min-w-max tab", I === t.value ? "bg-primary text-base-100" : ""]),
             onClick: (P) => n(I),
             "aria-selected": t.value == I
-          }, V(I), 11, za),
+          }, D(I), 11, za),
           e.buttonOnlyMode ? z("", !0) : (o(), i("div", Ba, [
-            O(u.$slots, `${I}-tab`)
+            B(u.$slots, `${I}-tab`)
           ]))
         ], 64))), 256))
       ], 2),
-      a("div", Oa, [
-        O(u.$slots, "default")
+      a("div", Da, [
+        B(u.$slots, "default")
       ])
     ], 64));
   }