manolis-ui 0.17.10 → 0.17.11

package/dist/manolis-ui.js

@@ -1,4 +1,4 @@
-import { defineComponent as _, computed as Z, createElementBlock as r, openBlock as o, normalizeClass as T, createCommentVNode as O, renderSlot as E, createTextVNode as Re, createElementVNode as n, Fragment as W, renderList as Q, toDisplayString as L, ref as h, watch as q, h as De, onMounted as he, withDirectives as Ce, createVNode as ue, isRef as Ue, vModelCheckbox as He, unref as se, provide as We, onUnmounted as Ve, normalizeStyle as we, Transition as Pe, withCtx as Se, inject as Ke, useId as Xe, defineAsyncComponent as ze, nextTick as me, onBeforeUnmount as Ee, withModifiers as re, createBlock as ve, resolveDynamicComponent as Te, mergeProps as Be, withKeys as pe, resolveComponent as Oe, vModelText as Ne, useSlots as Ye, Comment as Ge, vShow as Je } from "vue";
+import { defineComponent as _, computed as ee, createElementBlock as r, openBlock as o, normalizeClass as T, createCommentVNode as O, renderSlot as E, createTextVNode as Re, createElementVNode as n, Fragment as W, renderList as Z, toDisplayString as L, ref as h, watch as q, h as De, onMounted as he, withDirectives as Se, createVNode as ue, isRef as Ue, vModelCheckbox as He, unref as se, provide as We, onUnmounted as Ve, normalizeStyle as we, Transition as Pe, withCtx as Ce, inject as Ke, useId as Xe, defineAsyncComponent as ze, nextTick as me, onBeforeUnmount as Ee, withModifiers as re, createBlock as ve, resolveDynamicComponent as Te, mergeProps as Be, withKeys as pe, resolveComponent as Oe, vModelText as Ne, useSlots as Ye, Comment as Ge, vShow as Je } from "vue";
 const Ze = ["disabled"], Qe = {
   key: 0,
   class: "loading loading-spinner"
@@ -14,7 +14,7 @@ const Ze = ["disabled"], Qe = {
     disabled: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const d = e, l = Z(() => {
+    const d = e, l = ee(() => {
       switch (d.size) {
         case "large":
           return "btn-lg";
@@ -29,7 +29,7 @@ const Ze = ["disabled"], Qe = {
         default:
           return "";
       }
-    }), t = Z(() => {
+    }), t = ee(() => {
       switch (d.type) {
         case "neutral":
           return "btn-neutral";
@@ -54,7 +54,7 @@ const Ze = ["disabled"], Qe = {
         default:
           return "btn-neutral";
       }
-    }), u = Z(() => {
+    }), s = ee(() => {
       switch (d.shape) {
         case "square":
           return "btn-square";
@@ -64,20 +64,20 @@ const Ze = ["disabled"], Qe = {
           return "";
       }
     });
-    return (a, s) => (o(), r("button", {
+    return (a, u) => (o(), r("button", {
       class: T([
         "btn",
         { "btn-outline": d.outlined },
         { "btn-active": d.active },
         t.value,
         l.value,
-        u.value
+        s.value
       ]),
       disabled: d.disabled
     }, [
       e.loading ? (o(), r("span", Qe)) : O("", !0),
       E(a.$slots, "default", {}, () => [
-        s[0] || (s[0] = Re("Submit", -1))
+        u[0] || (u[0] = Re("Submit", -1))
       ])
     ], 10, Ze));
   }
@@ -103,22 +103,22 @@ const Ze = ["disabled"], Qe = {
       start: "",
       end: "dropdown-end"
     }, t = e;
-    return (u, a) => (o(), r("div", {
+    return (s, a) => (o(), r("div", {
       class: T(["dropdown", d[t.position], l[t.floatPosition], { "dropdown-open": t.forceOpen }, { "dropdown-hover": t.openOnHover }])
     }, [
-      E(u.$slots, "default", {
+      E(s.$slots, "default", {
         tabindex: "0",
         role: "button"
       }, () => [
         a[0] || (a[0] = n("div", { class: "m-1 btn" }, "Open dropdown", -1))
       ]),
       n("ul", et, [
-        (o(!0), r(W, null, Q(e.items, (s) => (o(), r("li", null, [
+        (o(!0), r(W, null, Z(e.items, (u) => (o(), r("li", null, [
           n("a", {
-            href: s.link
-          }, L(s.text), 9, tt)
+            href: u.link
+          }, L(u.text), 9, tt)
         ]))), 256)),
-        E(u.$slots, "additional")
+        E(s.$slots, "additional")
       ])
     ], 2));
   }
@@ -134,25 +134,25 @@ const Ze = ["disabled"], Qe = {
       top: "modal-top",
       bottom: "modal-bottom",
       center: "modal-middle"
-    }, t = h(null), u = () => {
-      var s;
-      (s = t.value) == null || s.showModal();
+    }, t = h(null), s = () => {
+      var u;
+      (u = t.value) == null || u.showModal();
     }, a = () => {
-      var s;
-      (s = t.value) == null || s.close();
+      var u;
+      (u = t.value) == null || u.close();
     };
     return q(
       () => d.forceOpen,
-      (s) => {
-        s == !0 && u(), s == !1 && a();
+      (u) => {
+        u == !0 && s(), u == !1 && a();
       }
-    ), (s, m) => (o(), r(W, null, [
+    ), (u, m) => (o(), r(W, null, [
       d.forceOpen == null ? (o(), r("span", {
         key: 0,
         class: "w-fit cursor-pointer",
-        onClick: u
+        onClick: s
       }, [
-        E(s.$slots, "trigger", { role: "button" }, () => [
+        E(u.$slots, "trigger", { role: "button" }, () => [
           m[0] || (m[0] = n("button", { class: "btn" }, "Open", -1))
         ])
       ])) : O("", !0),
@@ -162,15 +162,15 @@ const Ze = ["disabled"], Qe = {
         class: T(["modal", l[d.position]])
       }, [
         n("div", lt, [
-          E(s.$slots, "default"),
+          E(u.$slots, "default"),
           n("div", nt, [
-            E(s.$slots, "actions"),
+            E(u.$slots, "actions"),
             n("form", {
               method: "dialog",
               onSubmit: a,
               class: T(e.withBackdrop ? "modal-backdrop" : "")
             }, [
-              E(s.$slots, "close-button", {}, () => [
+              E(u.$slots, "close-button", {}, () => [
                 m[1] || (m[1] = n("button", { class: "btn" }, "Close", -1))
               ])
             ], 34)
@@ -229,7 +229,7 @@ var $e = {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const it = ({ size: e, strokeWidth: d = 2, absoluteStrokeWidth: l, color: t, iconNode: u, name: a, class: s, ...m }, { slots: i }) => De(
+const it = ({ size: e, strokeWidth: d = 2, absoluteStrokeWidth: l, color: t, iconNode: s, name: a, class: u, ...m }, { slots: i }) => De(
   "svg",
   {
     ...$e,
@@ -240,7 +240,7 @@ const it = ({ size: e, strokeWidth: d = 2, absoluteStrokeWidth: l, color: t, ico
     class: ["lucide", `lucide-${st(a ?? "icon")}`],
     ...m
   },
-  [...u.map((y) => De(...y)), ...i.default ? [i.default()] : []]
+  [...s.map((y) => De(...y)), ...i.default ? [i.default()] : []]
 );
 /**
  * @license lucide-vue-next v0.468.0 - ISC
@@ -331,16 +331,16 @@ const ct = xe("SunIcon", [
   },
   setup(e) {
     const d = e, l = vt("theme", d.lightTheme);
-    function t(u) {
-      typeof window < "u" && window.document && document.documentElement.setAttribute("data-theme", u);
+    function t(s) {
+      typeof window < "u" && window.document && document.documentElement.setAttribute("data-theme", s);
     }
-    return he(() => t(l.value ? l.value : "")), q(l, (u) => {
-      t(u);
-    }), (u, a) => (o(), r("label", ft, [
-      Ce(n("input", {
+    return he(() => t(l.value ? l.value : "")), q(l, (s) => {
+      t(s);
+    }), (s, a) => (o(), r("label", ft, [
+      Se(n("input", {
         type: "checkbox",
         class: "theme-controller",
-        "onUpdate:modelValue": a[0] || (a[0] = (s) => Ue(l) ? l.value = s : null),
+        "onUpdate:modelValue": a[0] || (a[0] = (u) => Ue(l) ? l.value = u : null),
         "true-value": d.lightTheme,
         "false-value": d.darkTheme
       }, null, 8, mt), [
@@ -360,7 +360,7 @@ const ct = xe("SunIcon", [
   },
   setup(e) {
     const d = e;
-    return (l, t) => (o(!0), r(W, null, Q(d.items, (u, a) => (o(), r("div", {
+    return (l, t) => (o(!0), r(W, null, Z(d.items, (s, a) => (o(), r("div", {
       class: T(["collapse border border-base-300", [e.icon ? `collapse-${e.icon}` : "", { "join-item": e.joinItems }]]),
       key: a
     }, [
@@ -369,10 +369,10 @@ const ct = xe("SunIcon", [
         name: e.name,
         value: "true"
       }, null, 8, pt),
-      n("div", ht, L(u.title), 1),
+      n("div", ht, L(s.title), 1),
       n("div", gt, [
         n("span", {
-          innerHTML: u.content
+          innerHTML: s.content
         }, null, 8, yt)
       ])
     ], 2))), 128));
@@ -392,7 +392,7 @@ const ct = xe("SunIcon", [
       (t) => {
         t && (l.value = t);
       }
-    ), (t, u) => (o(), r("div", {
+    ), (t, s) => (o(), r("div", {
       class: T(["avatar", [{ "avatar-online": l.value === "online" }, { "avatar-offline": l.value === "offline" }]])
     }, [
       e.image ? (o(), r("div", {
@@ -435,10 +435,10 @@ const ct = xe("SunIcon", [
       warning: "badge-warning",
       error: "badge-error"
     };
-    return (u, a) => (o(), r("span", {
+    return (s, a) => (o(), r("span", {
       class: T(["badge", l[d.size], t[d.color], { "badge-outline": d.outline }])
     }, [
-      E(u.$slots, "default")
+      E(s.$slots, "default")
     ], 2));
   }
 }), xt = ["src", "alt"], kt = {
@@ -447,10 +447,10 @@ const ct = xe("SunIcon", [
 }, $t = {
   key: 0,
   class: "group-hover:text-primary text-lg text-left cursor-pointer card-title"
-}, Ct = {
+}, St = {
   key: 1,
   class: "text-left"
-}, St = { class: "flex-col flex-nowrap mt-auto card-actions" }, It = {
+}, Ct = { class: "flex-col flex-nowrap mt-auto card-actions" }, It = {
   key: 1,
   class: "card-body"
 }, kn = /* @__PURE__ */ _({
@@ -476,7 +476,7 @@ const ct = xe("SunIcon", [
       (t) => {
         l.value = t;
       }
-    ), (t, u) => (o(), r("div", {
+    ), (t, s) => (o(), r("div", {
       class: T(["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 ?? "",
@@ -507,12 +507,12 @@ const ct = xe("SunIcon", [
       e.loading ? O("", !0) : (o(), r("div", kt, [
         e.title ? (o(), r("h2", $t, L(e.title), 1)) : O("", !0),
         E(t.$slots, "details"),
-        e.description ? (o(), r("p", Ct, L(e.description), 1)) : O("", !0),
-        n("div", St, [
+        e.description ? (o(), r("p", St, L(e.description), 1)) : O("", !0),
+        n("div", Ct, [
           E(t.$slots, "actions")
         ])
       ])),
-      e.loading ? (o(), r("div", It, [...u[0] || (u[0] = [
+      e.loading ? (o(), r("div", It, [...s[0] || (s[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" }),
@@ -587,14 +587,14 @@ const ct = xe("SunIcon", [
     }
   },
   setup(e, { expose: d }) {
-    const l = e, t = h(l.initialSlide), u = h(null), a = h(null), s = h(0), m = h(!1), i = h(0), y = h(0), M = h(!1), R = h(0), k = h(0), c = h(0), V = h(0), S = h(0), H = h(0), F = h(0), K = h(null), ee = h(null), le = h(0), f = h(null), b = Z(() => {
+    const l = e, t = h(l.initialSlide), s = h(null), a = h(null), u = h(0), m = h(!1), i = h(0), y = h(0), M = h(!1), R = h(0), k = h(0), c = h(0), V = h(0), C = h(0), H = h(0), F = h(0), K = h(null), Q = h(null), le = h(0), f = h(null), b = ee(() => {
       const I = Object.keys(l.breakpoints).map(Number).sort((P, U) => P - U);
       let $ = {};
       for (const P of I)
         y.value >= P && ($ = { ...$, ...l.breakpoints[P] });
       return $;
-    }), g = Z(() => b.value.slidesPerView ?? l.slidesPerView), C = Z(() => b.value.gap ?? l.gap), v = Z(() => {
-      const I = l.sliderOrientation === "horizontal", P = `calc((100% - ${g.value > 1 ? (g.value - 1) * C.value : 0}px) / ${g.value})`;
+    }), g = ee(() => b.value.slidesPerView ?? l.slidesPerView), S = ee(() => b.value.gap ?? l.gap), v = ee(() => {
+      const I = l.sliderOrientation === "horizontal", P = `calc((100% - ${g.value > 1 ? (g.value - 1) * S.value : 0}px) / ${g.value})`;
       return I ? {
         width: P
       } : { height: P };
@@ -603,30 +603,30 @@ const ct = xe("SunIcon", [
     const D = () => {
       a.value ? i.value = a.value.children.length : i.value = 0;
     }, x = () => {
-      if (!u.value || g.value <= 0) return 0;
-      const $ = l.sliderOrientation === "horizontal" ? u.value.offsetWidth : u.value.offsetHeight, P = (g.value - 1) * C.value;
+      if (!s.value || g.value <= 0) return 0;
+      const $ = l.sliderOrientation === "horizontal" ? s.value.offsetWidth : s.value.offsetHeight, P = (g.value - 1) * S.value;
       return $ <= 0 ? 0 : ($ - P) / g.value;
-    }, j = Z(() => {
-      if (!u.value || i.value === 0 || g.value === 0) return 0;
-      const $ = l.sliderOrientation === "horizontal" ? u.value.offsetWidth : u.value.offsetHeight, P = x(), U = i.value * (P + C.value) - C.value;
+    }, j = ee(() => {
+      if (!s.value || i.value === 0 || g.value === 0) return 0;
+      const $ = l.sliderOrientation === "horizontal" ? s.value.offsetWidth : s.value.offsetHeight, P = x(), U = i.value * (P + S.value) - S.value;
       return Math.max(0, U - $);
     }), A = async (I, $ = !1) => {
-      if (!u.value || g.value <= 0 || m.value || (D(), i.value === 0)) return;
+      if (!s.value || g.value <= 0 || m.value || (D(), i.value === 0)) return;
       const P = x();
       if (P <= 0) return;
-      const U = P + C.value, J = j.value;
+      const U = P + S.value, J = j.value;
       let X = I;
       l.infinite ? X = (I % i.value + i.value) % i.value : X = Math.max(0, Math.min(I, i.value - g.value));
       const oe = X * U, Y = l.infinite ? oe : Math.max(0, Math.min(oe, J));
       if ($ || l.slideDuration === 0) {
-        a.value && (a.value.style.transitionDuration = "0ms", a.value.style.transform = l.sliderOrientation === "horizontal" ? `translate3d(${-Y}px, 0, 0)` : `translate3d(0, ${-Y}px, 0)`), s.value = Y, t.value = X, m.value = !1, l.autoplay && ce();
+        a.value && (a.value.style.transitionDuration = "0ms", a.value.style.transform = l.sliderOrientation === "horizontal" ? `translate3d(${-Y}px, 0, 0)` : `translate3d(0, ${-Y}px, 0)`), u.value = Y, t.value = X, m.value = !1, l.autoplay && ce();
         return;
       }
       m.value = !0;
-      const ie = s.value, ne = Y - ie, be = performance.now(), fe = (ke) => {
+      const ie = u.value, ne = Y - ie, be = performance.now(), fe = (ke) => {
         if (!a.value) return;
         const Fe = ke - be, je = Math.min(1, Fe / l.slideDuration), qe = 1 - Math.pow(1 - je, 3), Me = ie + ne * qe;
-        a.value.style.transform = l.sliderOrientation === "horizontal" ? `translate3d(${-Me}px, 0, 0)` : `translate3d(0, ${-Me}px, 0)`, s.value = Me, je < 1 ? K.value = requestAnimationFrame(fe) : (a.value.style.transform = l.sliderOrientation === "horizontal" ? `translate3d(${-Y}px, 0, 0)` : `translate3d(0, ${-Y}px, 0)`, s.value = Y, t.value = X, m.value = !1, l.autoplay && ce(), K.value = null);
+        a.value.style.transform = l.sliderOrientation === "horizontal" ? `translate3d(${-Me}px, 0, 0)` : `translate3d(0, ${-Me}px, 0)`, u.value = Me, je < 1 ? K.value = requestAnimationFrame(fe) : (a.value.style.transform = l.sliderOrientation === "horizontal" ? `translate3d(${-Y}px, 0, 0)` : `translate3d(0, ${-Y}px, 0)`, u.value = Y, t.value = X, m.value = !1, l.autoplay && ce(), K.value = null);
       };
       K.value = requestAnimationFrame(fe);
     }, te = () => {
@@ -638,7 +638,7 @@ const ct = xe("SunIcon", [
     }, w = (I) => {
       m.value && K.value && (l.autoplay && ae(), cancelAnimationFrame(K.value), m.value = !1);
       const $ = "touches" in I ? I.touches[0] : I;
-      R.value = $.clientX, k.value = $.clientY, f.value = null, c.value = s.value, V.value = 0, S.value = 0, H.value = 0, F.value = performance.now(), u.value && (u.value.style.scrollSnapType = "none"), document.addEventListener("mousemove", z, { passive: !1 }), document.addEventListener("mouseup", N), document.addEventListener("touchmove", z, { passive: !1 }), document.addEventListener("touchend", N);
+      R.value = $.clientX, k.value = $.clientY, f.value = null, c.value = u.value, V.value = 0, C.value = 0, H.value = 0, F.value = performance.now(), s.value && (s.value.style.scrollSnapType = "none"), document.addEventListener("mousemove", z, { passive: !1 }), document.addEventListener("mouseup", N), document.addEventListener("touchmove", z, { passive: !1 }), document.addEventListener("touchend", N);
     }, z = (I) => {
       const $ = "touches" in I ? I.touches[0] : I;
       if (!f.value) {
@@ -660,19 +660,19 @@ const ct = xe("SunIcon", [
         else
           return;
       }
-      if (!M.value || !a.value || !u.value) return;
+      if (!M.value || !a.value || !s.value) return;
       I.cancelable && I.preventDefault();
-      const P = performance.now(), U = P - F.value, J = l.sliderOrientation === "horizontal" ? $.clientX : $.clientY, X = l.sliderOrientation === "horizontal" ? R.value : k.value, oe = l.sliderOrientation === "horizontal" ? S.value || X : H.value || X, Y = J - oe;
+      const P = performance.now(), U = P - F.value, J = l.sliderOrientation === "horizontal" ? $.clientX : $.clientY, X = l.sliderOrientation === "horizontal" ? R.value : k.value, oe = l.sliderOrientation === "horizontal" ? C.value || X : H.value || X, Y = J - oe;
       U > 0 && (V.value = Y / U * 1e3);
       const ie = J - X;
       let ne = c.value - ie;
-      ne < 0 ? ne = ne * 0.3 : ne > j.value && (ne = j.value + (ne - j.value) * 0.3), le.value = ne, a.value.style.transform = l.sliderOrientation === "horizontal" ? `translate3d(${-le.value}px, 0, 0)` : `translate3d(0, ${-le.value}px, 0)`, l.sliderOrientation === "horizontal" ? S.value = J : H.value = J, F.value = P;
+      ne < 0 ? ne = ne * 0.3 : ne > j.value && (ne = j.value + (ne - j.value) * 0.3), le.value = ne, a.value.style.transform = l.sliderOrientation === "horizontal" ? `translate3d(${-le.value}px, 0, 0)` : `translate3d(0, ${-le.value}px, 0)`, l.sliderOrientation === "horizontal" ? C.value = J : H.value = J, F.value = P;
     }, B = () => {
       document.removeEventListener("mousemove", z), document.removeEventListener("mouseup", N), document.removeEventListener("touchmove", z), document.removeEventListener("touchend", N);
     }, N = () => {
-      if (!M.value || !u.value || !a.value) return;
-      const $ = l.sliderOrientation === "horizontal" ? c.value - (S.value - R.value) : c.value - (H.value - k.value), P = Math.max(0, Math.min($, j.value)), U = x() + C.value;
-      if (M.value = !1, B(), s.value = P, l.infinite) {
+      if (!M.value || !s.value || !a.value) return;
+      const $ = l.sliderOrientation === "horizontal" ? c.value - (C.value - R.value) : c.value - (H.value - k.value), P = Math.max(0, Math.min($, j.value)), U = x() + S.value;
+      if (M.value = !1, B(), u.value = P, l.infinite) {
         if ($ < 0) {
           A(i.value - 1);
           return;
@@ -695,11 +695,11 @@ const ct = xe("SunIcon", [
       } else
         A(Math.max(0, Math.min(J, oe)));
     }, G = () => {
-      !l.autoplay || ee.value !== null || (ee.value = setInterval(() => {
+      !l.autoplay || Q.value !== null || (Q.value = setInterval(() => {
         te();
       }, l.autoplayInterval));
     }, ae = () => {
-      ee.value !== null && (clearInterval(ee.value), ee.value = null);
+      Q.value !== null && (clearInterval(Q.value), Q.value = null);
     }, ce = () => {
       ae(), setTimeout(() => {
         G();
@@ -707,11 +707,11 @@ const ct = xe("SunIcon", [
     }, ye = () => {
       y.value = window.innerWidth;
     }, Ie = () => {
-      if (!u.value || g.value <= 0 || (D(), i.value === 0)) return;
+      if (!s.value || g.value <= 0 || (D(), i.value === 0)) return;
       const I = x();
       if (I <= 0) return;
-      const $ = Math.max(0, i.value - g.value), P = Math.min(Math.max(0, l.initialSlide), $), U = P * (I + C.value), J = j.value, X = Math.max(0, Math.min(U, J));
-      a.value && (a.value.style.transitionDuration = "0ms", a.value.style.transform = l.sliderOrientation === "horizontal" ? `translate3d(${-X}px, 0, 0)` : `translate3d(0, ${-X}px, 0)`), s.value = X, t.value = P;
+      const $ = Math.max(0, i.value - g.value), P = Math.min(Math.max(0, l.initialSlide), $), U = P * (I + S.value), J = j.value, X = Math.max(0, Math.min(U, J));
+      a.value && (a.value.style.transitionDuration = "0ms", a.value.style.transform = l.sliderOrientation === "horizontal" ? `translate3d(${-X}px, 0, 0)` : `translate3d(0, ${-X}px, 0)`), u.value = X, t.value = P;
     };
     Ve(() => {
       window.removeEventListener("resize", ye);
@@ -723,14 +723,14 @@ const ct = xe("SunIcon", [
       const I = q(i, (ne) => {
         ne > 0 && !Le && (Ie(), Le = !0, I());
       });
-      l.autoplay && G(), window.addEventListener("resize", ye), D(), ($ = u.value) == null || $.addEventListener("mousedown", w), (P = u.value) == null || P.addEventListener("touchstart", w, { passive: !0 }), l.showNavigationButtons && ((X = (J = (U = u.value) == null ? void 0 : U.parentElement) == null ? void 0 : J.querySelector(".absolute.flex.justify-between")) == null || X.addEventListener("click", ce)), l.showIndicators && ((ie = (Y = (oe = u.value) == null ? void 0 : oe.parentElement) == null ? void 0 : Y.querySelector(".bottom-5.flex.justify-center")) == null || ie.addEventListener("click", ce));
+      l.autoplay && G(), window.addEventListener("resize", ye), D(), ($ = s.value) == null || $.addEventListener("mousedown", w), (P = s.value) == null || P.addEventListener("touchstart", w, { passive: !0 }), l.showNavigationButtons && ((X = (J = (U = s.value) == null ? void 0 : U.parentElement) == null ? void 0 : J.querySelector(".absolute.flex.justify-between")) == null || X.addEventListener("click", ce)), l.showIndicators && ((ie = (Y = (oe = s.value) == null ? void 0 : oe.parentElement) == null ? void 0 : Y.querySelector(".bottom-5.flex.justify-center")) == null || ie.addEventListener("click", ce));
     }), Ve(() => {
       window.removeEventListener("resize", ye);
     }), q(() => l.autoplay, (I) => {
       I ? G() : ae();
     }), q(() => l.autoplayInterval, ce), q(() => l.initialSlide, (I) => {
       requestAnimationFrame(() => A(I, !0));
-    }), q([g, C], () => {
+    }), q([g, S], () => {
       requestAnimationFrame(() => {
         requestAnimationFrame(() => {
           if (D(), i.value === 0) return;
@@ -741,7 +741,7 @@ const ct = xe("SunIcon", [
     }), d({ scrollToSlide: A }), (I, $) => (o(), r("div", Mt, [
       n("div", {
         ref_key: "carouselContainer",
-        ref: u,
+        ref: s,
         class: T(["rounded w-full h-full carousel", [{ "carousel-horizontal": e.sliderOrientation == "horizontal" }, { "carousel-vertical": e.sliderOrientation == "vertical" }, { "cursor-grabbing !select-none": M.value }]]),
         style: { scrollSnapType: "none" }
       }, [
@@ -749,7 +749,7 @@ const ct = xe("SunIcon", [
           ref_key: "slidesContainer",
           ref: a,
           class: T(["w-full h-full transition-transform duration-0 ease-out", e.sliderOrientation === "horizontal" ? "flex" : "block"]),
-          style: we({ gap: `${C.value}px` })
+          style: we({ gap: `${S.value}px` })
         }, [
           E(I.$slots, "default", {}, void 0, !0)
         ], 6)
@@ -759,7 +759,7 @@ const ct = xe("SunIcon", [
         class: T([{ "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: Se(() => [
+          default: Ce(() => [
             l.infinite || t.value > 0 ? (o(), r("div", zt, [
               n("div", {
                 onClick: de,
@@ -779,7 +779,7 @@ const ct = xe("SunIcon", [
         }),
         $[2] || ($[2] = n("div", { class: "flex-grow" }, null, -1)),
         ue(Pe, { name: "fade" }, {
-          default: Se(() => [
+          default: Ce(() => [
             l.infinite || t.value < i.value - g.value ? (o(), r("div", Tt, [
               n("div", {
                 onClick: te,
@@ -799,7 +799,7 @@ const ct = xe("SunIcon", [
         })
       ], 2)) : O("", !0),
       e.showIndicators ? (o(), r("div", Bt, [
-        (o(!0), r(W, null, Q(i.value, (P, U) => (o(), r("button", {
+        (o(!0), r(W, null, Z(i.value, (P, U) => (o(), r("button", {
           key: `dot-${U}`,
           onClick: (J) => p(U),
           class: T(["btn btn-circle btn-xs", { "btn-active": U === t.value }]),
@@ -810,8 +810,8 @@ const ct = xe("SunIcon", [
   }
 }), ge = (e, d) => {
   const l = e.__vccOpts || e;
-  for (const [t, u] of d)
-    l[t] = u;
+  for (const [t, s] of d)
+    l[t] = s;
   return l;
 }, $n = /* @__PURE__ */ ge(Dt, [["__scopeId", "data-v-dd58428c"]]), Vt = /* @__PURE__ */ _({
   __name: "carouselItem",
@@ -824,7 +824,7 @@ const ct = xe("SunIcon", [
       E(l.$slots, "default", {}, void 0, !0)
     ], 4));
   }
-}), Cn = /* @__PURE__ */ ge(Vt, [["__scopeId", "data-v-507384bc"]]), Et = { class: "flex gap-4 bg-base-100 w-full tabs tabs-boxed" }, Lt = ["onClick"], jt = {
+}), Sn = /* @__PURE__ */ ge(Vt, [["__scopeId", "data-v-507384bc"]]), Et = { class: "flex gap-4 bg-base-100 w-full tabs tabs-boxed" }, Lt = ["onClick"], jt = {
   key: 0,
   class: "inline-component-wrapper flex grow justify-center items-center w-full h-full"
 }, Pt = {
@@ -852,7 +852,7 @@ const ct = xe("SunIcon", [
   },
   emits: ["search", "update:search-data"],
   setup(e, { emit: d }) {
-    const l = e, t = d, u = l.id ?? `advancedSearch-${Xe()}`, a = h(null), s = h(null), m = {
+    const l = e, t = d, s = l.id ?? `advancedSearch-${Xe()}`, a = h(null), u = h(null), m = {
       datetime: ze(() => Promise.resolve().then(() => vl)),
       "standard-select": ze(() => import("./select-Cz4vf_YE.js")),
       // Add other components here when you create them:
@@ -879,9 +879,9 @@ const ct = xe("SunIcon", [
             }
           else if (f.range && typeof f.value == "object" && f.value !== null && "start" in f.value && "end" in f.value)
             try {
-              const g = new Date(f.value.start), C = new Date(f.value.end);
-              if (!isNaN(g.getTime()) && !isNaN(C.getTime()))
-                return `${g.toLocaleDateString()} - ${C.toLocaleDateString()}`;
+              const g = new Date(f.value.start), S = new Date(f.value.end);
+              if (!isNaN(g.getTime()) && !isNaN(S.getTime()))
+                return `${g.toLocaleDateString()} - ${S.toLocaleDateString()}`;
             } catch {
             }
           break;
@@ -897,7 +897,7 @@ const ct = xe("SunIcon", [
         case "custom-select":
           if ((b = f.props) != null && b.options && Array.isArray(f.props.options)) {
             const g = f.props.options.find(
-              (C) => C.value === f.value
+              (S) => S.value === f.value
             );
             if (g)
               return g.text;
@@ -919,11 +919,11 @@ const ct = xe("SunIcon", [
       }
       const g = (D = l.searchOptions.find(
         (x) => (x == null ? void 0 : x.category) === l.currentCategory
-      )) == null ? void 0 : D.tabs, C = g == null ? void 0 : g.find(
+      )) == null ? void 0 : D.tabs, S = g == null ? void 0 : g.find(
         (x) => x.name === b
       );
-      C ? (C.value = f, t("update:search-data", {
-        tab: C.name,
+      S ? (S.value = f, t("update:search-data", {
+        tab: S.name,
         data: f
       })) : console.error(
         `Tab with name "${b}" not found in current category.`
@@ -935,29 +935,29 @@ const ct = xe("SunIcon", [
     function V() {
       t("search");
     }
-    async function S(f) {
-      var C;
-      const b = document.getElementById(`advancedSearchMobile-${u}`), g = b && b.contains(f.target);
-      ((C = a.value) == null ? void 0 : C.displayMode) === "popup" && M.value && !M.value.contains(f.target) && !g && (await me(), a.value = null);
+    async function C(f) {
+      var S;
+      const b = document.getElementById(`advancedSearchMobile-${s}`), g = b && b.contains(f.target);
+      ((S = a.value) == null ? void 0 : S.displayMode) === "popup" && M.value && !M.value.contains(f.target) && !g && (await me(), a.value = null);
     }
     async function H() {
       if (typeof window < "u" && window.innerWidth <= 768) {
         const f = document.getElementById(
-          `advancedSearchMobile-${u}`
+          `advancedSearchMobile-${s}`
         );
         f ? (a.value = null, f.showModal()) : console.warn(
-          `Mobile modal element not found. Ensure it exists with id="advancedSearchMobile-${u}".`
+          `Mobile modal element not found. Ensure it exists with id="advancedSearchMobile-${s}".`
         );
       }
     }
     async function F(f) {
-      var g, C, v;
+      var g, S, v;
       if (typeof window < "u" && window.innerWidth <= 768) {
         H();
         return;
       }
       const b = f.displayMode ?? "popup";
-      if (((g = a.value) == null ? void 0 : g.name) === f.name && ((C = a.value) == null ? void 0 : C.displayMode) === b)
+      if (((g = a.value) == null ? void 0 : g.name) === f.name && ((S = a.value) == null ? void 0 : S.displayMode) === b)
         a.value = null;
       else if (a.value = { ...f, displayMode: b }, await me(), ((v = a.value) == null ? void 0 : v.displayMode) === "popup") {
         const D = i.value[f.name];
@@ -985,10 +985,10 @@ const ct = xe("SunIcon", [
           "Blur detected, but staying within container or not an inline tab."
         );
       }, 50);
-    }, ee = () => {
+    }, Q = () => {
       console.log("Enter key pressed on inline component, closing inline view."), a.value = null;
     };
-    q(s, (f) => {
+    q(u, (f) => {
       var b;
       console.log(
         "advanced-search: inlineComponentRef changed. New Value:",
@@ -1011,25 +1011,25 @@ const ct = xe("SunIcon", [
         f ? "advanced-search: inlineComponentRef available, but active tab is not inline." : "advanced-search: inlineComponentRef is now null (component likely unmounted)."
       );
     }), he(() => {
-      document.addEventListener("click", S), window.addEventListener("resize", le);
+      document.addEventListener("click", C), window.addEventListener("resize", le);
     }), Ee(() => {
-      document.removeEventListener("click", S), window.removeEventListener("resize", le);
+      document.removeEventListener("click", C), window.removeEventListener("resize", le);
     });
     const le = () => {
       var f, b;
       if (typeof window < "u") {
-        const g = window.innerWidth <= 768, C = a.value !== null && (a.value.displayMode === "popup" || a.value.displayMode === "inline") && window.innerWidth > 768;
-        !g && (((f = a.value) == null ? void 0 : f.displayMode) === "popup" || ((b = a.value) == null ? void 0 : b.displayMode) === "inline") && window.innerWidth <= 768 && (console.log("Resizing to mobile, closing active tab."), a.value = null), g && !C && a.value !== null && (console.log(
+        const g = window.innerWidth <= 768, S = a.value !== null && (a.value.displayMode === "popup" || a.value.displayMode === "inline") && window.innerWidth > 768;
+        !g && (((f = a.value) == null ? void 0 : f.displayMode) === "popup" || ((b = a.value) == null ? void 0 : b.displayMode) === "inline") && window.innerWidth <= 768 && (console.log("Resizing to mobile, closing active tab."), a.value = null), g && !S && a.value !== null && (console.log(
           "Resizing to desktop from potential mobile active state, closing active tab."
         ), a.value = null);
         const v = document.getElementById(
-          `advancedSearchMobile-${u}`
+          `advancedSearchMobile-${s}`
         );
         v != null && v.open && !g && (console.log("Modal is open on desktop, closing modal and active tab."), v.close(), a.value = null);
       }
     };
     return (f, b) => {
-      var g, C;
+      var g, S;
       return o(), r(W, null, [
         n("div", {
           ref_key: "searchContainer",
@@ -1041,7 +1041,7 @@ const ct = xe("SunIcon", [
             onClick: H
           }, [
             n("div", Et, [
-              (o(!0), r(W, null, Q(((g = l.searchOptions.find(
+              (o(!0), r(W, null, Z(((g = l.searchOptions.find(
                 (v) => v.category === l.currentCategory
               )) == null ? void 0 : g.tabs) || [], (v, D) => {
                 var x, j, A, te, de;
@@ -1062,10 +1062,10 @@ const ct = xe("SunIcon", [
                       onUpdated: b[0] || (b[0] = (p) => c(p)),
                       "onUpdate:modelValue": b[1] || (b[1] = (p) => c(p)),
                       onBlur: K,
-                      onKeydown: pe(re(ee, ["stop", "prevent"]), ["enter"]),
+                      onKeydown: pe(re(Q, ["stop", "prevent"]), ["enter"]),
                       ref_for: !0,
                       ref_key: "inlineComponentRef",
-                      ref: s
+                      ref: u
                     }), null, 16, ["modelValue", "onKeydown"]))
                   ])) : (o(), r("div", Pt, [
                     n("p", At, L(v.name), 1),
@@ -1111,22 +1111,22 @@ const ct = xe("SunIcon", [
           ])
         ], 512),
         n("dialog", {
-          id: `advancedSearchMobile-${se(u)}`,
+          id: `advancedSearchMobile-${se(s)}`,
           class: "modal"
         }, [
           n("div", qt, [
             E(f.$slots, "additionalForMobile", {}, () => [
               n("h3", Ut, L(e.currentCategory), 1)
             ], !0),
-            (o(!0), r(W, null, Q(((C = l.searchOptions.find(
+            (o(!0), r(W, null, Z(((S = l.searchOptions.find(
               (v) => v.category === l.currentCategory
-            )) == null ? void 0 : C.tabs) || [], (v, D) => (o(), r("div", {
+            )) == null ? void 0 : S.tabs) || [], (v, D) => (o(), r("div", {
               class: "collapse bg-base-200 my-4",
               key: v.name
             }, [
               n("input", {
                 type: "radio",
-                name: `accordion-${se(u)}`,
+                name: `accordion-${se(s)}`,
                 checked: D === 0
               }, null, 8, Ht),
               n("div", Wt, [
@@ -1155,7 +1155,7 @@ const ct = xe("SunIcon", [
       ], 64);
     };
   }
-}), Sn = /* @__PURE__ */ ge(Gt, [["__scopeId", "data-v-577c3624"]]), Jt = { 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" }, Zt = { key: 0 }, Qt = { key: 1 }, el = ["id", "onKeydown"], tl = {
+}), Cn = /* @__PURE__ */ ge(Gt, [["__scopeId", "data-v-577c3624"]]), Jt = { 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" }, Zt = { key: 0 }, Qt = { key: 1 }, el = ["id", "onKeydown"], tl = {
   key: 2,
   class: "flex justify-center p-4"
 }, ll = { 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" }, nl = { class: "join-item" }, al = ["id", "disabled", "value"], ol = { class: "join-item" }, sl = ["id", "disabled", "value"], il = {
@@ -1183,7 +1183,7 @@ const ct = xe("SunIcon", [
   },
   emits: ["update:modelValue", "change"],
   setup(e, { emit: d }) {
-    const l = typeof window < "u", t = e, u = d, a = h(null), s = h(!1), m = h(null), i = h(null), y = h(null), M = h(null), R = h(null), k = h({
+    const l = typeof window < "u", t = e, s = d, a = h(null), u = h(!1), m = h(null), i = h(null), y = h(null), M = h(null), R = h(null), k = h({
       from: "",
       to: "",
       single: ""
@@ -1191,7 +1191,7 @@ const ct = xe("SunIcon", [
       single: null,
       start: null,
       end: null
-    }), V = (p) => p instanceof Date ? p.toISOString() : p, S = (p) => p.split("T")[0] || "", H = (p) => {
+    }), V = (p) => p instanceof Date ? p.toISOString() : p, C = (p) => p.split("T")[0] || "", H = (p) => {
       const w = p instanceof Date ? p : new Date(p);
       if (isNaN(w.getTime())) return "";
       const z = String(w.getHours()).padStart(2, "0"), B = String(w.getMinutes()).padStart(2, "0");
@@ -1206,13 +1206,13 @@ const ct = xe("SunIcon", [
         }
         if (t.range && typeof z == "object" && "start" in z) {
           const B = V(z.start), N = V(z.end);
-          c.value.start = S(B), c.value.end = S(N), t.mode !== "date" && (k.value.from = H(B), k.value.to = H(N));
+          c.value.start = C(B), c.value.end = C(N), t.mode !== "date" && (k.value.from = H(B), k.value.to = H(N));
         } else {
           const B = V(z);
-          c.value.single = S(B), t.mode !== "date" && (k.value.single = H(B));
+          c.value.single = C(B), t.mode !== "date" && (k.value.single = H(B));
         }
       }
-    }, K = Z(() => {
+    }, K = ee(() => {
       const p = (B) => {
         if (!B) return "";
         if (B.includes(":")) return B;
@@ -1244,7 +1244,7 @@ const ct = xe("SunIcon", [
           return `${p(B)} ${N || ""}`.trim();
         }
       return "";
-    }), ee = () => {
+    }), Q = () => {
       if (m.value)
         c.value.single = m.value.value || null;
       else if (i.value) {
@@ -1281,29 +1281,29 @@ const ct = xe("SunIcon", [
       }
       return null;
     }, b = async () => {
-      ee();
+      Q();
       const p = f();
-      u("update:modelValue", p), u("change", p);
+      s("update:modelValue", p), s("change", p);
     }, g = () => {
       me(() => {
         b();
       });
-    }, C = (p) => {
+    }, S = (p) => {
       const w = p.target;
       t.range ? w === M.value ? k.value.from = w.value : w === R.value && (k.value.to = w.value) : k.value.single = w.value, b();
     }, v = () => {
-      s.value = !s.value;
+      u.value = !u.value;
     }, D = () => {
-      b(), s.value = !1;
+      b(), u.value = !1;
     }, x = (p) => {
-      !t.popup || !s.value || setTimeout(() => {
+      !t.popup || !u.value || setTimeout(() => {
         const w = a.value, z = p.target, B = `date-picker-${t.id}-popup`;
         w && !w.contains(z) && !p.target.closest(`#${B}`) && D();
       }, 0);
     }, j = () => {
       D();
     }, A = () => {
-      b(), t.popup && (s.value = !1);
+      b(), t.popup && (u.value = !1);
     }, te = () => {
       if (!l) return;
       const p = t.range ? i.value : m.value;
@@ -1348,7 +1348,7 @@ const ct = xe("SunIcon", [
             K.value ? (o(), r("span", Qt, L(K.value), 1)) : (o(), r("span", Zt, L(t.placeholder), 1))
           ])
         ])) : O("", !0),
-        s.value || !t.popup ? (o(), r("div", {
+        u.value || !t.popup ? (o(), r("div", {
           key: 1,
           class: T(["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`,
@@ -1371,7 +1371,7 @@ const ct = xe("SunIcon", [
             "first-day-of-week": t.firstDayOfWeek,
             onChange: g
           }, {
-            default: Se(() => [
+            default: Ce(() => [
               n("button", {
                 slot: "previous",
                 class: "btn-outline btn btn-primary md:btn-sm",
@@ -1430,7 +1430,7 @@ const ct = xe("SunIcon", [
             "first-day-of-week": t.firstDayOfWeek,
             onChange: g
           }, {
-            default: Se(() => [
+            default: Ce(() => [
               n("button", {
                 slot: "previous",
                 class: "btn-outline btn btn-primary md:btn-sm",
@@ -1487,7 +1487,7 @@ const ct = xe("SunIcon", [
                   ref: M,
                   id: `${t.id}-time-from`,
                   placeholder: "from",
-                  onChange: C,
+                  onChange: S,
                   disabled: t.disabled,
                   value: k.value.from || ""
                 }, null, 40, al)
@@ -1511,7 +1511,7 @@ const ct = xe("SunIcon", [
                   ref_key: "timeToInput",
                   ref: R,
                   id: `${t.id}-time-to`,
-                  onChange: C,
+                  onChange: S,
                   disabled: t.disabled,
                   value: k.value.to || ""
                 }, null, 40, sl)
@@ -1525,7 +1525,7 @@ const ct = xe("SunIcon", [
               ref_key: "timeInput",
               ref: y,
               id: `${t.id}-time`,
-              onChange: C,
+              onChange: S,
               disabled: t.disabled,
               value: k.value.single || ""
             }, null, 40, rl)
@@ -1559,31 +1559,31 @@ const ct = xe("SunIcon", [
     const d = e, l = h(d.initialRating);
     q(
       () => d.initialRating,
-      (u) => {
-        l.value = u;
+      (s) => {
+        l.value = s;
       }
     );
-    const t = (u) => {
-      l.value = u;
+    const t = (s) => {
+      l.value = s;
     };
-    return (u, a) => (o(), r("div", {
+    return (s, a) => (o(), r("div", {
       class: T(["rating", [
         `rating-${d.size}`,
         { "rating-half": e.halfStars },
         { "pointer-events-none": !e.isInteractive }
       ]])
     }, [
-      (o(!0), r(W, null, Q(e.numberOfStars * (e.halfStars ? 2 : 1), (s) => (o(), r("input", {
-        key: s,
+      (o(!0), r(W, null, Z(e.numberOfStars * (e.halfStars ? 2 : 1), (u) => (o(), r("input", {
+        key: u,
         type: "radio",
-        value: e.halfStars ? s * 0.5 : s,
-        checked: l.value === (e.halfStars ? s * 0.5 : s),
-        onChange: (m) => e.isInteractive ? t(e.halfStars ? s * 0.5 : s) : null,
+        value: e.halfStars ? u * 0.5 : u,
+        checked: l.value === (e.halfStars ? u * 0.5 : u),
+        onChange: (m) => e.isInteractive ? t(e.halfStars ? u * 0.5 : u) : null,
         class: T(["mask", [
           {
             // 'bg-yellow-400': rating >= (halfStars ? i * 0.5 : i),
-            "mask-half-1": e.halfStars && s % 2 !== 0,
-            "mask-half-2": e.halfStars && s % 2 === 0,
+            "mask-half-1": e.halfStars && u % 2 !== 0,
+            "mask-half-2": e.halfStars && u % 2 === 0,
             "cursor-pointer": e.isInteractive,
             "cursor-default": !e.isInteractive,
             "mask-star": e.shape === "star",
@@ -1600,10 +1600,10 @@ const ct = xe("SunIcon", [
             "mask-triangle-3": e.shape === "triangle-left",
             "mask-triangle-4": e.shape === "triangle-right"
           },
-          l.value >= (e.halfStars ? s * 0.5 : s) ? d.color : ""
+          l.value >= (e.halfStars ? u * 0.5 : u) ? d.color : ""
         ]]),
         style: we({
-          marginRight: e.halfStars && s % 2 === 0 ? `${d.gap}px` : e.halfStars ? "0" : `${d.gap}px`
+          marginRight: e.halfStars && u % 2 === 0 ? `${d.gap}px` : e.halfStars ? "0" : `${d.gap}px`
         }),
         disabled: !e.isInteractive
       }, null, 46, fl))), 128))
@@ -1619,40 +1619,40 @@ const ct = xe("SunIcon", [
   },
   emits: ["update:modelValue"],
   setup(e, { emit: d }) {
-    const l = e, t = d, u = h([...l.modelValue]), a = l.maxTagAmount === void 0 ? -1 : l.maxTagAmount, s = h(null), m = h(""), i = Z(() => a < 0 || u.value.length < a), y = () => {
+    const l = e, t = d, s = h([...l.modelValue]), a = l.maxTagAmount === void 0 ? -1 : l.maxTagAmount, u = h(null), m = h(""), i = ee(() => a < 0 || s.value.length < a), y = () => {
       const c = m.value.trim();
-      c && !u.value.includes(c) && (u.value.push(c), t("update:modelValue", u.value), m.value = "");
+      c && !s.value.includes(c) && (s.value.push(c), t("update:modelValue", s.value), m.value = "");
     }, M = (c) => {
-      u.value = u.value.filter((V) => V !== c), t("update:modelValue", u.value);
+      s.value = s.value.filter((V) => V !== c), t("update:modelValue", s.value);
     }, R = () => {
-      m.value === "" && (u.value.pop(), t("update:modelValue", u.value));
+      m.value === "" && (s.value.pop(), t("update:modelValue", s.value));
     }, k = (c) => {
       c.key === "Enter" ? y() : c.key === "Backspace" && m.value === "" && R();
     };
     return q(() => l.modelValue, (c) => {
-      u.value = [...c];
+      s.value = [...c];
     }), (c, V) => (o(), r("div", {
       class: T(["flex flex-wrap gap-2 bg-base-100 shadow px-4 py-6 border border-base-content/20 rounded", c.$props.class])
     }, [
-      (o(!0), r(W, null, Q(u.value, (S) => E(c.$slots, "tag", {
-        key: S,
-        tag: S
+      (o(!0), r(W, null, Z(s.value, (C) => E(c.$slots, "tag", {
+        key: C,
+        tag: C
       }, () => [
         n("div", ml, [
           n("button", {
             class: "px-1! py-0! h-fit font-bold cursor-pointer",
-            onClick: (H) => M(S),
+            onClick: (H) => M(C),
             "aria-label": "Remove tag"
           }, "X", 8, pl),
-          n("span", hl, L(S), 1)
+          n("span", hl, L(C), 1)
         ])
       ])), 128)),
       E(c.$slots, "input", { showInput: i.value }, () => [
-        i.value ? Ce((o(), r("input", {
+        i.value ? Se((o(), r("input", {
           key: 0,
           ref_key: "inputRef",
-          ref: s,
-          "onUpdate:modelValue": V[0] || (V[0] = (S) => m.value = S),
+          ref: u,
+          "onUpdate:modelValue": V[0] || (V[0] = (C) => m.value = C),
           type: "text",
           placeholder: e.placeholder || "Type here",
           class: "h-full input input-ghost",
@@ -1683,9 +1683,9 @@ const ct = xe("SunIcon", [
   emits: ["update:modelValue"],
   setup(e, { expose: d, emit: l }) {
     console.log(e.placeholder);
-    const u = l, a = h(null), s = (i) => {
+    const s = l, a = h(null), u = (i) => {
       const y = i.target;
-      u("update:modelValue", y.value);
+      s("update:modelValue", y.value);
     };
     return d({
       focusInput: () => {
@@ -1703,20 +1703,20 @@ const ct = xe("SunIcon", [
         ref: a,
         class: "rounded-md w-full select-bordered select",
         value: e.modelValue,
-        onChange: s
+        onChange: u
       }, [
         e.placeholder ? (o(), r("option", kl, L(e.placeholder), 1)) : O("", !0),
-        (o(!0), r(W, null, Q(e.options, (M) => (o(), r("option", {
+        (o(!0), r(W, null, Z(e.options, (M) => (o(), r("option", {
           key: M.value,
           value: M.value
         }, L(M.text), 9, $l))), 128))
       ], 40, xl)
     ]));
   }
-}), Cl = {
+}), Sl = {
   key: 0,
   class: "label"
-}, Sl = { class: "label-text" }, Il = ["onKeydown", "aria-expanded", "aria-activedescendant"], Ml = ["placeholder", "disabled"], zl = {
+}, Cl = { class: "label-text" }, Il = ["onKeydown", "aria-expanded", "aria-activedescendant"], Ml = ["placeholder", "disabled"], zl = {
   class: "top-full z-10 absolute bg-base-100 shadow-lg mt-1 rounded-md w-full dropdown-content",
   role: "listbox"
 }, Tl = { class: "flex-nowrap p-0 w-[inherit] max-h-60 overflow-y-auto menu" }, Bl = ["onMousedown", "id", "aria-selected"], Tn = {
@@ -1750,16 +1750,16 @@ const ct = xe("SunIcon", [
   },
   emits: ["update:modelValue", "select", "clear"],
   setup(e, { expose: d, emit: l }) {
-    const t = e, u = l, a = Ye(), s = Z(() => {
+    const t = e, s = l, a = Ye(), u = ee(() => {
       const D = (a.default ? a.default() : []).filter((x) => x.type !== Ge);
       return console.log("hasDefaultSlotContent computed:", D.length > 0), D.length > 0;
     }), m = h(""), i = h(null), y = h(!1), M = h(null), R = h(null), k = h(null), c = h(null), V = () => {
       y.value = !t.disabled;
-    }, S = () => {
-      y.value = !1, c.value = null, s.value || (i.value && m.value !== i.value.text ? m.value = i.value.text : i.value || (m.value = ""));
+    }, C = () => {
+      y.value = !1, c.value = null, u.value || (i.value && m.value !== i.value.text ? m.value = i.value.text : i.value || (m.value = ""));
     }, H = () => {
-      y.value ? S() : V();
-    }, F = Z(() => {
+      y.value ? C() : V();
+    }, F = ee(() => {
       const v = m.value ? m.value.toLowerCase() : "";
       return v === "" && !y.value ? [] : t.options.filter(
         (x) => x && x.text ? x.text.toLowerCase().includes(v) : ""
@@ -1768,21 +1768,21 @@ const ct = xe("SunIcon", [
     q(
       () => t.modelValue,
       (v, D) => {
-        if (v !== D && S(), v == null)
-          i.value = null, !y.value && !s.value && (m.value = "");
+        if (v !== D && C(), v == null)
+          i.value = null, !y.value && !u.value && (m.value = "");
         else {
           const x = t.options.find((j) => j.value === v);
-          x ? (i.value = x, !y.value && !s.value && (m.value = x.text)) : (i.value = null, !y.value && !s.value && (m.value = ""));
+          x ? (i.value = x, !y.value && !u.value && (m.value = x.text)) : (i.value = null, !y.value && !u.value && (m.value = ""));
         }
       },
       { immediate: !0 }
       // Run immediately on component mount
     );
     const K = (v) => {
-      R.value && !R.value.contains(v.target) && S();
-    }, ee = () => {
+      R.value && !R.value.contains(v.target) && C();
+    }, Q = () => {
       setTimeout(() => {
-        R.value && !R.value.contains(document.activeElement) && S();
+        R.value && !R.value.contains(document.activeElement) && C();
       }, 100);
     };
     q(y, (v) => {
@@ -1790,19 +1790,19 @@ const ct = xe("SunIcon", [
         document.addEventListener("click", K);
       }, 0) : document.removeEventListener("click", K);
     }), Ee(() => {
-      document.removeEventListener("click", K), window.removeEventListener("keydown", C);
+      document.removeEventListener("click", K), window.removeEventListener("keydown", S);
     });
     const le = () => {
       if (t.disabled) return;
       const v = i.value;
-      u("update:modelValue", null), v && u("clear", v);
+      s("update:modelValue", null), v && s("clear", v);
     }, f = (v) => {
-      i.value = v, s.value || (m.value = v.text), u("update:modelValue", v.value), u("select", v), S();
+      i.value = v, u.value || (m.value = v.text), s("update:modelValue", v.value), s("select", v), C();
     }, b = () => {
       F.value.length > 0 && f(F.value[0]);
     }, g = () => {
       y.value || V();
-    }, C = (v) => {
+    }, S = (v) => {
       if (!y.value || F.value.length === 0) return;
       const D = F.value.findIndex(
         (j, A) => "option-" + A === c.value
@@ -1820,9 +1820,9 @@ const ct = xe("SunIcon", [
         j && f(j);
         return;
       } else if (v.key === "Escape") {
-        v.preventDefault(), S(), k.value && k.value.focus();
+        v.preventDefault(), C(), k.value && k.value.focus();
         return;
-      } else if (s.value)
+      } else if (u.value)
         return;
       if (x !== -1) {
         c.value = "option-" + x;
@@ -1833,9 +1833,9 @@ const ct = xe("SunIcon", [
       }
     };
     return q(y, (v) => {
-      v ? (window.addEventListener("keydown", C), !s.value && !m.value && i.value && (m.value = i.value.text)) : window.removeEventListener("keydown", C);
+      v ? (window.addEventListener("keydown", S), !u.value && !m.value && i.value && (m.value = i.value.text)) : window.removeEventListener("keydown", S);
     }), Ee(() => {
-      document.removeEventListener("click", K), window.removeEventListener("keydown", C);
+      document.removeEventListener("click", K), window.removeEventListener("keydown", S);
     }), d({
       isDropdownOpen: y,
       // Expose state
@@ -1843,7 +1843,7 @@ const ct = xe("SunIcon", [
       // Expose selected item
       openDropdown: V,
       // Expose method to open
-      closeDropdown: S,
+      closeDropdown: C,
       // Expose method to close
       toggleDropdown: H,
       // Expose method to toggle
@@ -1851,28 +1851,28 @@ const ct = xe("SunIcon", [
       // Expose method to select an item programmatically
       filterText: m,
       // Expose filter text (useful if parent controls filtering)
-      hasDefaultSlotContent: s
+      hasDefaultSlotContent: u
       // Expose to know if the default slot is used
     }), (v, D) => (o(), r("div", {
       class: "relative w-full max-w-xs form-control",
       ref_key: "componentRoot",
       ref: R
     }, [
-      e.label ? (o(), r("label", Cl, [
-        n("span", Sl, L(e.label), 1)
+      e.label ? (o(), r("label", Sl, [
+        n("span", Cl, L(e.label), 1)
       ])) : O("", !0),
       n("div", {
-        class: T(["flex items-center input-bordered rounded-md w-fit cursor-pointer", { input: !s.value, select: !s.value }]),
+        class: T(["flex items-center input-bordered rounded-md w-fit cursor-pointer", { input: !u.value, select: !u.value }]),
         style: we(
           i.value ? "background-image: unset; padding-right: 0.5rem;" : ""
         ),
         tabindex: "0",
-        onClick: D[1] || (D[1] = (x) => s.value ? H() : V()),
+        onClick: D[1] || (D[1] = (x) => u.value ? H() : V()),
         onKeydown: [
           pe(re(b, ["prevent"]), ["enter"]),
           pe(re(b, ["prevent"]), ["space"])
         ],
-        onBlur: ee,
+        onBlur: Q,
         role: "combobox",
         "aria-haspopup": "listbox",
         "aria-expanded": y.value,
@@ -1882,7 +1882,7 @@ const ct = xe("SunIcon", [
         ref: k
       }, [
         E(v.$slots, "default", {}, () => [
-          s.value ? O("", !0) : Ce((o(), r("input", {
+          u.value ? O("", !0) : Se((o(), r("input", {
             key: 0,
             type: "text",
             placeholder: e.placeholder,
@@ -1904,15 +1904,15 @@ const ct = xe("SunIcon", [
           class: "mx-2 text-base-content/50 hover:text-base-content/80 cursor-pointer",
           onClick: re(le, ["stop"])
         })) : O("", !0),
-        s.value && !i.value ? (o(), ve(se(rt), {
+        u.value && !i.value ? (o(), ve(se(rt), {
           key: 1,
           class: T([{ "rotate-180": y.value }, "mx-2"]),
           size: 20
         }, null, 8, ["class"])) : O("", !0)
       ], 46, Il),
-      Ce(n("div", zl, [
+      Se(n("div", zl, [
         n("ul", Tl, [
-          (o(!0), r(W, null, Q(F.value, (x, j) => (o(), r("li", {
+          (o(!0), r(W, null, Z(F.value, (x, j) => (o(), r("li", {
             key: x.value,
             onMousedown: re((A) => f(x), ["prevent"]),
             class: "hover:bg-base-200 rounded-md w-full cursor-pointer",
@@ -1954,21 +1954,21 @@ const ct = xe("SunIcon", [
   },
   emits: ["update:modelValue", "validate"],
   setup(e, { expose: d, emit: l }) {
-    const t = e, u = l, a = h(null), s = h(!1), m = h(""), i = Z(() => {
-      var H, F, K, ee;
+    const t = e, s = l, a = h(null), u = h(!1), m = h(""), i = ee(() => {
+      var H, F, K, Q;
       let c = !0, V = "";
-      const S = t.modelValue;
-      return (H = t.rules) != null && H.required && (S == null || S === "") && (c = !1, V = "This field is required."), c && ((F = t.rules) == null ? void 0 : F.minLength) !== void 0 && typeof S == "string" && S.length < t.rules.minLength && (c = !1, V = `Must be at least ${t.rules.minLength} characters.`), c && ((K = t.rules) == null ? void 0 : K.maxLength) !== void 0 && typeof S == "string" && S.length > t.rules.maxLength && (c = !1, V = `Cannot exceed ${t.rules.maxLength} characters.`), c && ((ee = t.rules) != null && ee.email) && typeof S == "string" && S && (/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(S) || (c = !1, V = "Please enter a valid email address.")), m.value = V, u("validate", c), c;
-    }), y = Z(() => s.value && !i.value), M = (c) => {
+      const C = t.modelValue;
+      return (H = t.rules) != null && H.required && (C == null || C === "") && (c = !1, V = "This field is required."), c && ((F = t.rules) == null ? void 0 : F.minLength) !== void 0 && typeof C == "string" && C.length < t.rules.minLength && (c = !1, V = `Must be at least ${t.rules.minLength} characters.`), c && ((K = t.rules) == null ? void 0 : K.maxLength) !== void 0 && typeof C == "string" && C.length > t.rules.maxLength && (c = !1, V = `Cannot exceed ${t.rules.maxLength} characters.`), c && ((Q = t.rules) != null && Q.email) && typeof C == "string" && C && (/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(C) || (c = !1, V = "Please enter a valid email address.")), m.value = V, s("validate", c), c;
+    }), y = ee(() => u.value && !i.value), M = (c) => {
       const V = c.target;
-      u("update:modelValue", V.value), s.value && i.value;
+      s("update:modelValue", V.value), u.value && i.value;
     }, R = () => {
-      s.value = !0, i.value;
+      u.value = !0, i.value;
     };
     return q(
       () => t.modelValue,
       () => {
-        s.value && i.value;
+        u.value && i.value;
       }
     ), d({
       focusInput: () => {
@@ -1976,7 +1976,7 @@ const ct = xe("SunIcon", [
         console.log("inputField.vue: focusInput method called."), (c = a.value) == null || c.focus();
       },
       isValid: i,
-      isTouched: s,
+      isTouched: u,
       errorMessage: m
     }), (c, V) => (o(), r("div", Ol, [
       e.label ? (o(), r("label", Dl, [
@@ -2001,18 +2001,18 @@ const ct = xe("SunIcon", [
             "input-ghost": e.style === "ghost",
             // Color classes - Apply only if NOT in an error state AND NOT in a validation success state.
             // This ensures validation feedback overrides base colors.
-            "input-neutral": e.color === "neutral" && !y.value && !(i.value && s.value && e.needsValidation),
-            "input-primary": e.color === "primary" && !y.value && !(i.value && s.value && e.needsValidation),
-            "input-secondary": e.color === "secondary" && !y.value && !(i.value && s.value && e.needsValidation),
-            "input-accent": e.color === "accent" && !y.value && !(i.value && s.value && e.needsValidation),
-            "input-info": e.color === "info" && !y.value && !(i.value && s.value && e.needsValidation),
-            "input-success": e.color === "success" && !y.value && !(i.value && s.value && e.needsValidation),
+            "input-neutral": e.color === "neutral" && !y.value && !(i.value && u.value && e.needsValidation),
+            "input-primary": e.color === "primary" && !y.value && !(i.value && u.value && e.needsValidation),
+            "input-secondary": e.color === "secondary" && !y.value && !(i.value && u.value && e.needsValidation),
+            "input-accent": e.color === "accent" && !y.value && !(i.value && u.value && e.needsValidation),
+            "input-info": e.color === "info" && !y.value && !(i.value && u.value && e.needsValidation),
+            "input-success": e.color === "success" && !y.value && !(i.value && u.value && e.needsValidation),
             // Color success applies only if not in error or validation success state
-            "input-warning": e.color === "warning" && !y.value && !(i.value && s.value && e.needsValidation),
+            "input-warning": e.color === "warning" && !y.value && !(i.value && u.value && e.needsValidation),
             // Validation state classes - These take precedence visually via conditions or CSS specificity.
             "input-error": y.value,
             // Apply error style if validation fails
-            "input-success-validation": i.value && s.value && !y.value && e.needsValidation
+            "input-success-validation": i.value && u.value && !y.value && e.needsValidation
             // Apply validation success style if valid, touched, not error, AND validation is needed. Using a distinct name 'input-success-validation' is recommended to avoid CSS conflicts with the 'input-success' color class.
           }
         ]]),
@@ -2022,7 +2022,7 @@ const ct = xe("SunIcon", [
       }, null, 42, El),
       y.value ? (o(), r("div", Ll, [
         n("span", jl, L(m.value), 1)
-      ])) : i.value && s.value && e.successMessage ? (o(), r("div", Pl, [
+      ])) : i.value && u.value && e.successMessage ? (o(), r("div", Pl, [
         n("span", Al, L(e.successMessage), 1)
       ])) : O("", !0)
     ]));
@@ -2042,7 +2042,7 @@ const ct = xe("SunIcon", [
       (t) => {
         l.value = t;
       }
-    ), (t, u) => l.value ? (o(), r("span", {
+    ), (t, s) => l.value ? (o(), r("span", {
       key: 0,
       class: T(["loading", [
         { "loading-xs": e.size === "xs" },
@@ -2082,45 +2082,36 @@ const ct = xe("SunIcon", [
     background: {},
     color: {},
     collapseOnMobile: { type: Boolean, default: !1 },
-    rows: {}
+    rows: { default: 1 }
   },
   setup(e) {
-    const d = e, l = Z(() => {
-      const t = d.rows ?? Math.ceil(d.items.length / 4), u = {
-        1: "md:grid-rows-1",
-        2: "md:grid-rows-2",
-        3: "md:grid-rows-3",
-        4: "md:grid-rows-4",
-        5: "md:grid-rows-5"
-      };
-      return t > 0 && u[t] ? u[t] : "";
-    });
-    return (t, u) => (o(), r("div", {
+    const d = e;
+    return (l, t) => (o(), r("div", {
       class: T(["mx-auto md:px-10 py-10 text-base-content", [e.background ?? "bg-base-200", e.color ?? "text-base-content"]])
     }, [
       n("footer", {
-        class: T(["footer md:footer-horizontal container", l.value])
+        class: T(["footer sm:footer-horizontal container", [{ "grid-rows-1": d.rows === 1 }, { "grid-rows-2": d.rows === 2 }, { "grid-rows-3": d.rows === 3 }]])
       }, [
-        (o(!0), r(W, null, Q(d.items, (a) => (o(), r("nav", {
+        (o(!0), r(W, null, Z(d.items, (s) => (o(), r("nav", {
           class: T([{ "hidden sm:grid": e.collapseOnMobile }])
         }, [
-          n("h6", Rl, L(a.title), 1),
-          (o(!0), r(W, null, Q(a.items, (s) => (o(), r("a", {
+          n("h6", Rl, L(s.title), 1),
+          (o(!0), r(W, null, Z(s.items, (a) => (o(), r("a", {
             class: "link link-hover",
-            href: s.link
-          }, L(s.text), 9, Nl))), 256))
+            href: a.link
+          }, L(a.text), 9, Nl))), 256))
         ], 2))), 256)),
         e.collapseOnMobile ? (o(), r("nav", _l, [
-          (o(!0), r(W, null, Q(d.items, (a) => (o(), r("ul", Fl, [
+          (o(!0), r(W, null, Z(d.items, (s) => (o(), r("ul", Fl, [
             n("div", ql, [
-              n("div", Ul, L(a.title), 1),
+              n("div", Ul, L(s.title), 1),
               n("div", Hl, [
                 n("ul", Wl, [
-                  (o(!0), r(W, null, Q(a.items, (s) => (o(), r("li", Kl, [
+                  (o(!0), r(W, null, Z(s.items, (a) => (o(), r("li", Kl, [
                     n("a", {
                       class: "w-full font-medium link link-hover",
-                      href: s.link
-                    }, L(s.text), 9, Xl)
+                      href: a.link
+                    }, L(a.text), 9, Xl)
                   ]))), 256))
                 ])
               ])
@@ -2128,7 +2119,7 @@ const ct = xe("SunIcon", [
           ]))), 256))
         ])) : O("", !0),
         n("aside", Yl, [
-          E(t.$slots, "default")
+          E(l.$slots, "default")
         ])
       ], 2)
     ], 2));
@@ -2162,15 +2153,15 @@ const Vn = /* @__PURE__ */ ge(Gl, [["render", en]]), tn = { class: "flex flex-ro
   emits: ["update:currentCategory"],
   setup(e, { emit: d }) {
     const l = e, t = d;
-    function u(a) {
+    function s(a) {
       t("update:currentCategory", a);
     }
-    return (a, s) => (o(), r("div", tn, [
-      (o(!0), r(W, null, Q(l.searchOptions, (m) => (o(), r("div", {
+    return (a, u) => (o(), r("div", tn, [
+      (o(!0), r(W, null, Z(l.searchOptions, (m) => (o(), r("div", {
         key: m.category
       }, [
         n("button", {
-          onClick: (i) => u(m.category),
+          onClick: (i) => s(m.category),
           class: T(["truncate btn btn-ghost", { "font-semibold": l.currentCategory === m.category }])
         }, L(m.category), 11, ln)
       ]))), 128))
@@ -2217,11 +2208,11 @@ const Vn = /* @__PURE__ */ ge(Gl, [["render", en]]), tn = { class: "flex flex-ro
   },
   emits: ["tab-changed"],
   setup(e, { emit: d }) {
-    const l = e, t = h(l.items[0]), u = d;
+    const l = e, t = h(l.items[0]), s = d;
     function a(i) {
-      t.value = i, u("tab-changed", i);
+      t.value = i, s("tab-changed", i);
     }
-    function s() {
+    function u() {
       const y = (l.items.indexOf(t.value) + 1) % l.items.length;
       a(l.items[y]);
     }
@@ -2233,7 +2224,7 @@ const Vn = /* @__PURE__ */ ge(Gl, [["render", en]]), tn = { class: "flex flex-ro
       l.items && a(l.items[0]);
     }), Ve(() => {
       l.rotateTabsAfter && l.rotateTabsAfter > 0 && setInterval(() => {
-        s();
+        u();
       }, l.rotateTabsAfter * 1e3);
     }), (i, y) => (o(), r(W, null, [
       n("div", {
@@ -2246,11 +2237,11 @@ const Vn = /* @__PURE__ */ ge(Gl, [["render", en]]), tn = { class: "flex flex-ro
             class: "cursor-pointer"
           }, "Previous"),
           n("button", {
-            onClick: y[1] || (y[1] = (M) => s()),
+            onClick: y[1] || (y[1] = (M) => u()),
             class: "text-primary cursor-pointer"
           }, "Next")
         ])) : O("", !0),
-        (o(!0), r(W, null, Q(e.items, (M) => (o(), r(W, null, [
+        (o(!0), r(W, null, Z(e.items, (M) => (o(), r(W, null, [
           n("a", {
             type: "button",
             role: "tab",
@@ -2273,13 +2264,13 @@ typeof document > "u" && (globalThis.document = {});
 typeof window > "u" && (globalThis.window = globalThis);
 export {
   bn as Accordion,
-  Sn as AdvancedSearch,
+  Cn as AdvancedSearch,
   wn as Avatar,
   xn as Badge,
   mn as ButtonComponent,
   kn as Card,
   $n as Carousel,
-  Cn as CarouselItem,
+  Sn as CarouselItem,
   En as CategoryNavigation,
   cl as DatetimePicker,
   pn as Dropdown,