manolis-ui 0.17.16 → 0.18.0

package/dist/manolis-ui.js

@@ -1,8 +1,8 @@
-import { defineComponent as _, computed as ee, createElementBlock as r, openBlock as o, normalizeClass as z, createCommentVNode as O, renderSlot as V, 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";
+import { defineComponent as _, computed as ee, createElementBlock as s, openBlock as a, normalizeClass as z, createCommentVNode as O, renderSlot as V, createTextVNode as Re, createElementVNode as n, Fragment as U, renderList as G, toDisplayString as L, ref as h, watch as H, h as De, onMounted as he, withDirectives as Se, createVNode as ue, isRef as qe, vModelCheckbox as Ue, 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"
-}, pn = /* @__PURE__ */ _({
+}, kn = /* @__PURE__ */ _({
   __name: "ButtonComponent",
   props: {
     outlined: { type: Boolean, default: !1 },
@@ -54,7 +54,7 @@ const Ze = ["disabled"], Qe = {
         default:
           return "btn-neutral";
       }
-    }), s = ee(() => {
+    }), i = ee(() => {
       switch (d.shape) {
         case "square":
           return "btn-square";
@@ -64,19 +64,19 @@ const Ze = ["disabled"], Qe = {
           return "";
       }
     });
-    return (a, u) => (o(), r("button", {
+    return (o, u) => (a(), s("button", {
       class: z([
         "btn",
         { "btn-outline": d.outlined },
         { "btn-active": d.active },
         t.value,
         l.value,
-        s.value
+        i.value
       ]),
       disabled: d.disabled
     }, [
-      e.loading ? (o(), r("span", Qe)) : O("", !0),
-      V(a.$slots, "default", {}, () => [
+      e.loading ? (a(), s("span", Qe)) : O("", !0),
+      V(o.$slots, "default", {}, () => [
         u[0] || (u[0] = Re("Submit", -1))
       ])
     ], 10, Ze));
@@ -84,7 +84,7 @@ const Ze = ["disabled"], Qe = {
 }), et = {
   tabindex: "0",
   class: "z-1 bg-base-100 shadow-sm p-2 rounded-sm min-w-[inherit] md:min-w-full xl:min-w-52 dropdown-content menu"
-}, tt = ["href"], hn = /* @__PURE__ */ _({
+}, tt = ["href"], $n = /* @__PURE__ */ _({
   __name: "dropdown",
   props: {
     items: {},
@@ -103,26 +103,26 @@ const Ze = ["disabled"], Qe = {
       start: "",
       end: "dropdown-end"
     }, t = e;
-    return (s, a) => (o(), r("div", {
+    return (i, o) => (a(), s("div", {
       class: z(["dropdown", d[t.position], l[t.floatPosition], { "dropdown-open": t.forceOpen }, { "dropdown-hover": t.openOnHover }])
     }, [
-      V(s.$slots, "default", {
+      V(i.$slots, "default", {
         tabindex: "0",
         role: "button"
       }, () => [
-        a[0] || (a[0] = n("div", { class: "m-1 btn" }, "Open dropdown", -1))
+        o[0] || (o[0] = n("div", { class: "m-1 btn" }, "Open dropdown", -1))
       ]),
       n("ul", et, [
-        (o(!0), r(W, null, Z(e.items, (u) => (o(), r("li", null, [
+        (a(!0), s(U, null, G(e.items, (u) => (a(), s("li", null, [
           n("a", {
             href: u.link
           }, L(u.text), 9, tt)
         ]))), 256)),
-        V(s.$slots, "additional")
+        V(i.$slots, "additional")
       ])
     ], 2));
   }
-}), lt = { class: "modal-box" }, nt = { class: "modal-action" }, gn = /* @__PURE__ */ _({
+}), lt = { class: "modal-box" }, nt = { class: "modal-action" }, Sn = /* @__PURE__ */ _({
   __name: "modal",
   props: {
     position: { default: "center" },
@@ -134,23 +134,23 @@ const Ze = ["disabled"], Qe = {
       top: "modal-top",
       bottom: "modal-bottom",
       center: "modal-middle"
-    }, t = h(null), s = () => {
+    }, t = h(null), i = () => {
       var u;
       (u = t.value) == null || u.showModal();
-    }, a = () => {
+    }, o = () => {
       var u;
       (u = t.value) == null || u.close();
     };
-    return q(
+    return H(
       () => d.forceOpen,
       (u) => {
-        u == !0 && s(), u == !1 && a();
+        u == !0 && i(), u == !1 && o();
       }
-    ), (u, m) => (o(), r(W, null, [
-      d.forceOpen == null ? (o(), r("span", {
+    ), (u, m) => (a(), s(U, null, [
+      d.forceOpen == null ? (a(), s("span", {
         key: 0,
         class: "w-fit cursor-pointer",
-        onClick: s
+        onClick: i
       }, [
         V(u.$slots, "trigger", { role: "button" }, () => [
           m[0] || (m[0] = n("button", { class: "btn" }, "Open", -1))
@@ -167,7 +167,7 @@ const Ze = ["disabled"], Qe = {
             V(u.$slots, "actions"),
             n("form", {
               method: "dialog",
-              onSubmit: a,
+              onSubmit: o,
               class: z(e.withBackdrop ? "modal-backdrop" : "")
             }, [
               V(u.$slots, "close-button", {}, () => [
@@ -179,14 +179,14 @@ const Ze = ["disabled"], Qe = {
       ], 2)
     ], 64));
   }
-}), at = { class: "flex justify-center items-center swap-on" }, ot = { class: "flex justify-center items-center swap-off" }, yn = /* @__PURE__ */ _({
+}), at = { class: "flex justify-center items-center swap-on" }, ot = { class: "flex justify-center items-center swap-off" }, Cn = /* @__PURE__ */ _({
   __name: "swap",
   props: {
     effect: {}
   },
   setup(e) {
     const d = e;
-    return (l, t) => (o(), r("label", {
+    return (l, t) => (a(), s("label", {
       class: z(["swap", d.effect ? `swap-${e.effect}` : ""])
     }, [
       t[0] || (t[0] = n("input", { type: "checkbox" }, null, -1)),
@@ -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: s, name: a, class: u, ...m }, { slots: i }) => De(
+const it = ({ size: e, strokeWidth: d = 2, absoluteStrokeWidth: l, color: t, iconNode: i, name: o, class: u, ...m }, { slots: r }) => De(
   "svg",
   {
     ...$e,
@@ -237,10 +237,10 @@ const it = ({ size: e, strokeWidth: d = 2, absoluteStrokeWidth: l, color: t, ico
     height: e || $e.height,
     stroke: t || $e.stroke,
     "stroke-width": l ? Number(d) * 24 / Number(e) : d,
-    class: ["lucide", `lucide-${st(a ?? "icon")}`],
+    class: ["lucide", `lucide-${st(o ?? "icon")}`],
     ...m
   },
-  [...s.map((y) => De(...y)), ...i.default ? [i.default()] : []]
+  [...i.map((y) => De(...y)), ...r.default ? [r.default()] : []]
 );
 /**
  * @license lucide-vue-next v0.468.0 - ISC
@@ -320,10 +320,10 @@ const ct = xe("SunIcon", [
       const t = window.localStorage.getItem(e);
       l.value = t ? JSON.parse(t) : d;
     }
-  }), q(l, (t) => {
+  }), H(l, (t) => {
     typeof window < "u" && window.localStorage.setItem(e, JSON.stringify(t));
   }), l;
-}, ft = { class: "swap-rotate swap" }, mt = ["true-value", "false-value"], bn = /* @__PURE__ */ _({
+}, ft = { class: "swap-rotate swap" }, mt = ["true-value", "false-value"], In = /* @__PURE__ */ _({
   __name: "theme-controller",
   props: {
     lightTheme: { default: "light" },
@@ -331,53 +331,82 @@ const ct = xe("SunIcon", [
   },
   setup(e) {
     const d = e, l = vt("theme", d.lightTheme);
-    function t(s) {
-      typeof window < "u" && window.document && document.documentElement.setAttribute("data-theme", s);
+    function t(i) {
+      typeof window < "u" && window.document && document.documentElement.setAttribute("data-theme", i);
     }
-    return he(() => t(l.value ? l.value : "")), q(l, (s) => {
-      t(s);
-    }), (s, a) => (o(), r("label", ft, [
+    return he(() => t(l.value ? l.value : "")), H(l, (i) => {
+      t(i);
+    }), (i, o) => (a(), s("label", ft, [
       Se(n("input", {
         type: "checkbox",
         class: "theme-controller",
-        "onUpdate:modelValue": a[0] || (a[0] = (u) => Ue(l) ? l.value = u : null),
+        "onUpdate:modelValue": o[0] || (o[0] = (u) => qe(l) ? l.value = u : null),
         "true-value": d.lightTheme,
         "false-value": d.darkTheme
       }, null, 8, mt), [
-        [He, se(l)]
+        [Ue, se(l)]
       ]),
       ue(se(ct), { class: "swap-off fill-current" }),
       ue(se(dt), { class: "swap-on fill-current" })
     ]));
   }
-}), pt = ["name"], ht = { class: "collapse-title font-bold text-2xl lg:text-4xl" }, gt = { class: "collapse-content" }, yt = ["innerHTML"], wn = /* @__PURE__ */ _({
+}), pt = {
+  key: 0,
+  class: "join join-vertical w-full"
+}, ht = ["name"], gt = {
+  key: 1,
+  type: "checkbox"
+}, yt = { class: "collapse-title font-bold text-2xl lg:text-4xl" }, bt = { class: "collapse-content" }, wt = ["innerHTML"], xt = ["name"], kt = {
+  key: 1,
+  type: "checkbox"
+}, $t = { class: "collapse-title font-bold text-2xl lg:text-4xl" }, St = { class: "collapse-content" }, Ct = ["innerHTML"], Mn = /* @__PURE__ */ _({
   __name: "accordion",
   props: {
     name: {},
     items: {},
     joinItems: { type: Boolean, default: !1 },
-    icon: {}
+    icon: {},
+    toggle: { type: Boolean, default: !1 }
   },
   setup(e) {
     const d = e;
-    return (l, t) => (o(!0), r(W, null, Z(d.items, (s, a) => (o(), r("div", {
-      class: z(["collapse border border-base-300", [e.icon ? `collapse-${e.icon}` : "", { "join-item": e.joinItems }]]),
-      key: a
+    return (l, t) => d.joinItems ? (a(), s("div", pt, [
+      (a(!0), s(U, null, G(d.items, (i, o) => (a(), s("div", {
+        class: z(["collapse border border-base-300 join-item", [e.icon ? `collapse-${e.icon}` : ""]]),
+        key: o
+      }, [
+        e.toggle ? (a(), s("input", gt)) : (a(), s("input", {
+          key: 0,
+          type: "radio",
+          name: e.name,
+          value: "true"
+        }, null, 8, ht)),
+        n("div", yt, L(i.title), 1),
+        n("div", bt, [
+          n("span", {
+            innerHTML: i.content
+          }, null, 8, wt)
+        ])
+      ], 2))), 128))
+    ])) : (a(!0), s(U, { key: 1 }, G(d.items, (i, o) => (a(), s("div", {
+      class: z(["collapse border border-base-300", [e.icon ? `collapse-${e.icon}` : ""]]),
+      key: o
     }, [
-      n("input", {
+      e.toggle ? (a(), s("input", kt)) : (a(), s("input", {
+        key: 0,
         type: "radio",
         name: e.name,
         value: "true"
-      }, null, 8, pt),
-      n("div", ht, L(s.title), 1),
-      n("div", gt, [
+      }, null, 8, xt)),
+      n("div", $t, L(i.title), 1),
+      n("div", St, [
         n("span", {
-          innerHTML: s.content
-        }, null, 8, yt)
+          innerHTML: i.content
+        }, null, 8, Ct)
       ])
     ], 2))), 128));
   }
-}), bt = ["src"], wt = { class: "text-xl" }, xn = /* @__PURE__ */ _({
+}), It = ["src"], Mt = { class: "text-xl" }, zn = /* @__PURE__ */ _({
   __name: "avatar",
   props: {
     image: {},
@@ -387,31 +416,31 @@ const ct = xe("SunIcon", [
   },
   setup(e) {
     const d = e, l = h(d.onlineStatus);
-    return q(
+    return H(
       () => d.onlineStatus,
       (t) => {
         t && (l.value = t);
       }
-    ), (t, s) => (o(), r("div", {
+    ), (t, i) => (a(), s("div", {
       class: z(["avatar", [{ "avatar-online": l.value === "online" }, { "avatar-offline": l.value === "offline" }]])
     }, [
-      e.image ? (o(), r("div", {
+      e.image ? (a(), s("div", {
         key: 0,
         class: z(["rounded", [{ "rounded-full": e.fullyRounded }, { rounded: !e.fullyRounded }]])
       }, [
         n("img", {
           src: e.image,
           class: "w-full h-full"
-        }, null, 8, bt)
-      ], 2)) : (o(), r("div", {
+        }, null, 8, It)
+      ], 2)) : (a(), s("div", {
         key: 1,
         class: z(["flex justify-center bg-neutral p-[25%] rounded w-16 text-neutral-content text-center", [{ "rounded-full": e.fullyRounded }, { rounded: !e.fullyRounded }]])
       }, [
-        n("p", wt, L(e.initials), 1)
+        n("p", Mt, L(e.initials), 1)
       ], 2))
     ], 2));
   }
-}), kn = /* @__PURE__ */ _({
+}), Tn = /* @__PURE__ */ _({
   __name: "badge",
   props: {
     color: { default: "neutral" },
@@ -435,25 +464,25 @@ const ct = xe("SunIcon", [
       warning: "badge-warning",
       error: "badge-error"
     };
-    return (s, a) => (o(), r("span", {
+    return (i, o) => (a(), s("span", {
       class: z(["badge", l[d.size], t[d.color], { "badge-outline": d.outline }])
     }, [
-      V(s.$slots, "default")
+      V(i.$slots, "default")
     ], 2));
   }
-}), xt = ["src", "alt"], kt = {
+}), zt = ["src", "alt"], Tt = {
   key: 0,
   class: "card-body"
-}, $t = {
+}, Bt = {
   key: 0,
   class: "group-hover:text-primary text-lg text-left cursor-pointer card-title"
-}, St = {
+}, Ot = {
   key: 1,
   class: "text-left"
-}, Ct = { class: "flex-col flex-nowrap mt-auto card-actions" }, It = {
+}, Dt = { class: "flex-col flex-nowrap mt-auto card-actions" }, Vt = {
   key: 1,
   class: "card-body"
-}, $n = /* @__PURE__ */ _({
+}, Bn = /* @__PURE__ */ _({
   __name: "card",
   props: {
     imgUrl: { default: "" },
@@ -471,12 +500,12 @@ const ct = xe("SunIcon", [
   },
   setup(e) {
     const d = e, l = h(d.outlined);
-    return q(
+    return H(
       () => d.outlined,
       (t) => {
         l.value = t;
       }
-    ), (t, s) => (o(), r("div", {
+    ), (t, i) => (a(), s("div", {
       class: z(["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 ?? "",
@@ -487,7 +516,7 @@ const ct = xe("SunIcon", [
       n("figure", {
         class: z([{ "contents!": e.horizontal && e.imgWidth }])
       }, [
-        e.imgUrl || e.imgUrl && !e.loading ? (o(), r("img", {
+        e.imgUrl || e.imgUrl && !e.loading ? (a(), s("img", {
           key: 0,
           src: e.imgUrl,
           alt: e.alt,
@@ -498,21 +527,21 @@ const ct = xe("SunIcon", [
             !e.horizontal && e.imgHeight ? e.imgHeight : "h-full",
             e.horizontal && e.imgWidth ? e.imgWidth : "w-full"
           ]])
-        }, null, 10, xt)) : O("", !0),
-        e.loading && e.imgUrl ? (o(), r("div", {
+        }, null, 10, zt)) : O("", !0),
+        e.loading && e.imgUrl ? (a(), s("div", {
           key: 1,
           class: z(["w-full skeleton", e.imgHeight])
         }, null, 2)) : O("", !0)
       ], 2),
-      e.loading ? O("", !0) : (o(), r("div", kt, [
-        e.title ? (o(), r("h2", $t, L(e.title), 1)) : O("", !0),
+      e.loading ? O("", !0) : (a(), s("div", Tt, [
+        e.title ? (a(), s("h2", Bt, L(e.title), 1)) : O("", !0),
         V(t.$slots, "details"),
-        e.description ? (o(), r("p", St, L(e.description), 1)) : O("", !0),
-        n("div", Ct, [
+        e.description ? (a(), s("p", Ot, L(e.description), 1)) : O("", !0),
+        n("div", Dt, [
           V(t.$slots, "actions")
         ])
       ])),
-      e.loading ? (o(), r("div", It, [...s[0] || (s[0] = [
+      e.loading ? (a(), s("div", Vt, [...i[0] || (i[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" }),
@@ -521,17 +550,17 @@ const ct = xe("SunIcon", [
       ])])) : O("", !0)
     ], 2));
   }
-}), _e = Symbol("CarouselItemStyle"), Mt = { class: "relative h-full" }, zt = {
+}), _e = Symbol("CarouselItemStyle"), Et = { class: "relative h-full" }, Lt = {
   key: 0,
   class: "flex-shrink-0"
-}, Tt = {
+}, jt = {
   key: 0,
   class: "flex-shrink-0"
-}, Bt = {
+}, Pt = {
   key: 1,
   id: "carousel-indicators",
   class: "bottom-5 z-10 absolute flex justify-center gap-2 py-2 w-full"
-}, Ot = ["onClick", "aria-label"], Dt = /* @__PURE__ */ _({
+}, At = ["onClick", "aria-label"], Rt = /* @__PURE__ */ _({
   __name: "carousel",
   props: {
     showIndicators: {
@@ -587,8 +616,8 @@ const ct = xe("SunIcon", [
     }
   },
   setup(e, { expose: d }) {
-    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), E = 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);
+    const l = e, t = h(l.initialSlide), i = h(null), o = h(null), u = h(0), m = h(!1), r = h(0), y = h(0), M = h(!1), R = h(0), k = h(0), c = h(0), E = h(0), C = h(0), W = 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, q) => P - q);
       let $ = {};
       for (const P of I)
         y.value >= P && ($ = { ...$, ...l.breakpoints[P] });
@@ -601,44 +630,44 @@ const ct = xe("SunIcon", [
     });
     We(_e, v);
     const D = () => {
-      a.value ? i.value = a.value.children.length : i.value = 0;
+      o.value ? r.value = o.value.children.length : r.value = 0;
     }, x = () => {
-      if (!s.value || g.value <= 0) return 0;
-      const $ = l.sliderOrientation === "horizontal" ? s.value.offsetWidth : s.value.offsetHeight, P = (g.value - 1) * S.value;
+      if (!i.value || g.value <= 0) return 0;
+      const $ = l.sliderOrientation === "horizontal" ? i.value.offsetWidth : i.value.offsetHeight, P = (g.value - 1) * S.value;
       return $ <= 0 ? 0 : ($ - P) / g.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 - $);
+      if (!i.value || r.value === 0 || g.value === 0) return 0;
+      const $ = l.sliderOrientation === "horizontal" ? i.value.offsetWidth : i.value.offsetHeight, P = x(), q = r.value * (P + S.value) - S.value;
+      return Math.max(0, q - $);
     }), A = async (I, $ = !1) => {
-      if (!s.value || g.value <= 0 || m.value || (D(), i.value === 0)) return;
+      if (!i.value || g.value <= 0 || m.value || (D(), r.value === 0)) return;
       const P = x();
       if (P <= 0) return;
-      const U = P + S.value, J = j.value;
+      const q = P + S.value, Z = 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));
+      l.infinite ? X = (I % r.value + r.value) % r.value : X = Math.max(0, Math.min(I, r.value - g.value));
+      const oe = X * q, Y = l.infinite ? oe : Math.max(0, Math.min(oe, Z));
       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)`), u.value = Y, t.value = X, m.value = !1, l.autoplay && ce();
+        o.value && (o.value.style.transitionDuration = "0ms", o.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 = 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)`, 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);
+        if (!o.value) return;
+        const Fe = ke - be, je = Math.min(1, Fe / l.slideDuration), He = 1 - Math.pow(1 - je, 3), Me = ie + ne * He;
+        o.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) : (o.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 = () => {
-      l.infinite && t.value >= i.value - g.value ? A(0) : A(t.value + 1);
+      l.infinite && t.value >= r.value - g.value ? A(0) : A(t.value + 1);
     }, de = () => {
-      l.infinite && t.value <= 0 ? A(i.value - g.value) : A(t.value - 1);
+      l.infinite && t.value <= 0 ? A(r.value - g.value) : A(t.value - 1);
     }, p = (I) => {
       A(I);
     }, 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 = u.value, E.value = 0, C.value = 0, H.value = 0, F.value = performance.now(), s.value && (s.value.style.scrollSnapType = "none"), document.addEventListener("mousemove", T, { passive: !1 }), document.addEventListener("mouseup", N), document.addEventListener("touchmove", T, { passive: !1 }), document.addEventListener("touchend", N);
+      R.value = $.clientX, k.value = $.clientY, f.value = null, c.value = u.value, E.value = 0, C.value = 0, W.value = 0, F.value = performance.now(), i.value && (i.value.style.scrollSnapType = "none"), document.addEventListener("mousemove", T, { passive: !1 }), document.addEventListener("mouseup", N), document.addEventListener("touchmove", T, { passive: !1 }), document.addEventListener("touchend", N);
     }, T = (I) => {
       const $ = "touches" in I ? I.touches[0] : I;
       if (!f.value) {
@@ -660,21 +689,21 @@ const ct = xe("SunIcon", [
         else
           return;
       }
-      if (!M.value || !a.value || !s.value) return;
+      if (!M.value || !o.value || !i.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" ? C.value || X : H.value || X, Y = J - oe;
-      U > 0 && (E.value = Y / U * 1e3);
-      const ie = J - X;
+      const P = performance.now(), q = P - F.value, Z = l.sliderOrientation === "horizontal" ? $.clientX : $.clientY, X = l.sliderOrientation === "horizontal" ? R.value : k.value, oe = l.sliderOrientation === "horizontal" ? C.value || X : W.value || X, Y = Z - oe;
+      q > 0 && (E.value = Y / q * 1e3);
+      const ie = Z - 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" ? C.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, o.value.style.transform = l.sliderOrientation === "horizontal" ? `translate3d(${-le.value}px, 0, 0)` : `translate3d(0, ${-le.value}px, 0)`, l.sliderOrientation === "horizontal" ? C.value = Z : W.value = Z, F.value = P;
     }, B = () => {
       document.removeEventListener("mousemove", T), document.removeEventListener("mouseup", N), document.removeEventListener("touchmove", T), document.removeEventListener("touchend", N);
     }, N = () => {
-      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 || !i.value || !o.value) return;
+      const $ = l.sliderOrientation === "horizontal" ? c.value - (C.value - R.value) : c.value - (W.value - k.value), P = Math.max(0, Math.min($, j.value)), q = x() + S.value;
       if (M.value = !1, B(), u.value = P, l.infinite) {
         if ($ < 0) {
-          A(i.value - 1);
+          A(r.value - 1);
           return;
         } else if ($ > j.value) {
           A(0);
@@ -684,17 +713,17 @@ const ct = xe("SunIcon", [
         A(0);
         return;
       } else if ($ > j.value) {
-        const Y = Math.max(0, i.value - Math.floor(g.value));
+        const Y = Math.max(0, r.value - Math.floor(g.value));
         A(Y);
         return;
       }
-      const J = Math.max(0, i.value - Math.floor(g.value)), X = 100, oe = Math.round(P / U);
+      const Z = Math.max(0, r.value - Math.floor(g.value)), X = 100, oe = Math.round(P / q);
       if (Math.abs(E.value) > X) {
         const Y = -Math.sign(E.value), ie = oe + Y;
-        A(Math.max(0, Math.min(J, ie)));
+        A(Math.max(0, Math.min(Z, ie)));
       } else
-        A(Math.max(0, Math.min(J, oe)));
-    }, G = () => {
+        A(Math.max(0, Math.min(Z, oe)));
+    }, J = () => {
       !l.autoplay || Q.value !== null || (Q.value = setInterval(() => {
         te();
       }, l.autoplayInterval));
@@ -702,65 +731,65 @@ const ct = xe("SunIcon", [
       Q.value !== null && (clearInterval(Q.value), Q.value = null);
     }, ce = () => {
       ae(), setTimeout(() => {
-        G();
+        J();
       }, 500);
     }, ye = () => {
       y.value = window.innerWidth;
     }, Ie = () => {
-      if (!s.value || g.value <= 0 || (D(), i.value === 0)) return;
+      if (!i.value || g.value <= 0 || (D(), r.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 + 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;
+      const $ = Math.max(0, r.value - g.value), P = Math.min(Math.max(0, l.initialSlide), $), q = P * (I + S.value), Z = j.value, X = Math.max(0, Math.min(q, Z));
+      o.value && (o.value.style.transitionDuration = "0ms", o.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);
     });
     let Le = !1;
     return he(() => {
-      var $, P, U, J, X, oe, Y, ie;
+      var $, P, q, Z, X, oe, Y, ie;
       y.value = window.innerWidth;
-      const I = q(i, (ne) => {
+      const I = H(r, (ne) => {
         ne > 0 && !Le && (Ie(), Le = !0, I());
       });
-      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));
+      l.autoplay && J(), window.addEventListener("resize", ye), D(), ($ = i.value) == null || $.addEventListener("mousedown", w), (P = i.value) == null || P.addEventListener("touchstart", w, { passive: !0 }), l.showNavigationButtons && ((X = (Z = (q = i.value) == null ? void 0 : q.parentElement) == null ? void 0 : Z.querySelector(".absolute.flex.justify-between")) == null || X.addEventListener("click", ce)), l.showIndicators && ((ie = (Y = (oe = i.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) => {
+    }), H(() => l.autoplay, (I) => {
+      I ? J() : ae();
+    }), H(() => l.autoplayInterval, ce), H(() => l.initialSlide, (I) => {
       requestAnimationFrame(() => A(I, !0));
-    }), q([g, S], () => {
+    }), H([g, S], () => {
       requestAnimationFrame(() => {
         requestAnimationFrame(() => {
-          if (D(), i.value === 0) return;
-          const I = Math.max(0, i.value - g.value), $ = Math.min(t.value, I);
+          if (D(), r.value === 0) return;
+          const I = Math.max(0, r.value - g.value), $ = Math.min(t.value, I);
           A($, !0);
         });
       });
-    }), d({ scrollToSlide: A }), (I, $) => (o(), r("div", Mt, [
+    }), d({ scrollToSlide: A }), (I, $) => (a(), s("div", Et, [
       n("div", {
         ref_key: "carouselContainer",
-        ref: s,
+        ref: i,
         class: z(["rounded w-full h-full carousel", [{ "carousel-horizontal": e.sliderOrientation == "horizontal" }, { "carousel-vertical": e.sliderOrientation == "vertical" }, { "cursor-grabbing !select-none": M.value }]]),
         style: { scrollSnapType: "none" }
       }, [
         n("div", {
           ref_key: "slidesContainer",
-          ref: a,
+          ref: o,
           class: z(["w-full h-full transition-transform duration-0 ease-out", e.sliderOrientation === "horizontal" ? "flex" : "block"]),
           style: we({ gap: `${S.value}px` })
         }, [
           V(I.$slots, "default", {}, void 0, !0)
         ], 6)
       ], 2),
-      e.showNavigationButtons ? (o(), r("div", {
+      e.showNavigationButtons ? (a(), s("div", {
         key: 0,
         class: z([{ "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: Ce(() => [
-            l.infinite || t.value > 0 ? (o(), r("div", zt, [
+            l.infinite || t.value > 0 ? (a(), s("div", Lt, [
               n("div", {
                 onClick: de,
                 role: "button",
@@ -780,7 +809,7 @@ const ct = xe("SunIcon", [
         $[2] || ($[2] = n("div", { class: "flex-grow" }, null, -1)),
         ue(Pe, { name: "fade" }, {
           default: Ce(() => [
-            l.infinite || t.value < i.value - g.value ? (o(), r("div", Tt, [
+            l.infinite || t.value < r.value - g.value ? (a(), s("div", jt, [
               n("div", {
                 onClick: te,
                 role: "button",
@@ -798,51 +827,51 @@ const ct = xe("SunIcon", [
           _: 3
         })
       ], 2)) : O("", !0),
-      e.showIndicators ? (o(), r("div", Bt, [
-        (o(!0), r(W, null, Z(i.value, (P, U) => (o(), r("button", {
-          key: `dot-${U}`,
-          onClick: (J) => p(U),
-          class: z(["btn btn-circle btn-xs", { "btn-active": U === t.value }]),
-          "aria-label": `Go to slide ${U + 1}`
-        }, null, 10, Ot))), 128))
+      e.showIndicators ? (a(), s("div", Pt, [
+        (a(!0), s(U, null, G(r.value, (P, q) => (a(), s("button", {
+          key: `dot-${q}`,
+          onClick: (Z) => p(q),
+          class: z(["btn btn-circle btn-xs", { "btn-active": q === t.value }]),
+          "aria-label": `Go to slide ${q + 1}`
+        }, null, 10, At))), 128))
       ])) : O("", !0)
     ]));
   }
 }), ge = (e, d) => {
   const l = e.__vccOpts || e;
-  for (const [t, s] of d)
-    l[t] = s;
+  for (const [t, i] of d)
+    l[t] = i;
   return l;
-}, Sn = /* @__PURE__ */ ge(Dt, [["__scopeId", "data-v-dd58428c"]]), Vt = /* @__PURE__ */ _({
+}, On = /* @__PURE__ */ ge(Rt, [["__scopeId", "data-v-dd58428c"]]), Nt = /* @__PURE__ */ _({
   __name: "carouselItem",
   setup(e) {
     const d = Ke(_e, h({}));
-    return (l, t) => (o(), r("div", {
+    return (l, t) => (a(), s("div", {
       class: "w-full h-full carousel-item",
       style: we(se(d))
     }, [
       V(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 = {
+}), Dn = /* @__PURE__ */ ge(Nt, [["__scopeId", "data-v-507384bc"]]), _t = { class: "flex gap-4 bg-base-100 w-full tabs tabs-boxed" }, Ft = ["onClick"], Ht = {
   key: 0,
   class: "inline-component-wrapper flex grow justify-center items-center w-full h-full"
-}, Pt = {
+}, qt = {
   key: 1,
   class: "flex flex-col"
-}, At = { class: "text-sm" }, Rt = {
+}, Ut = { class: "text-sm" }, Wt = {
   key: 0,
   class: "opacity-75 overflow-hidden text-xs truncate ..."
-}, Nt = {
+}, Kt = {
   key: 1,
   class: "hidden md:block opacity-35 overflow-hidden text-xs truncate ..."
-}, _t = { class: "hidden" }, Ft = ["id"], qt = { class: "modal-box" }, Ut = { class: "font-bold text-lg" }, Ht = ["name", "checked"], Wt = { class: "collapse-title flex justify-between items-center pr-4 w-full font-medium text-xl" }, Kt = {
+}, Xt = { class: "hidden" }, Yt = ["id"], Gt = { class: "modal-box" }, Jt = { class: "font-bold text-lg" }, Zt = ["name", "checked"], Qt = { class: "collapse-title flex justify-between items-center pr-4 w-full font-medium text-xl" }, el = {
   key: 0,
   class: "opacity-75 overflow-hidden text-sm truncate ..."
-}, Xt = {
+}, tl = {
   key: 1,
   class: "opacity-35 text-sm"
-}, Yt = { class: "collapse-content flex place-content-center p-0" }, Gt = /* @__PURE__ */ _({
+}, ll = { class: "collapse-content flex place-content-center p-0" }, nl = /* @__PURE__ */ _({
   __name: "advancedSearch",
   props: {
     searchOptions: {},
@@ -852,15 +881,15 @@ const ct = xe("SunIcon", [
   },
   emits: ["search", "update:search-data"],
   setup(e, { emit: d }) {
-    const l = e, t = d, s = l.id ?? `advancedSearch-${Xe()}`, a = h(null), u = h(null), m = {
-      datetime: ze(() => Promise.resolve().then(() => vl)),
+    const l = e, t = d, i = l.id ?? `advancedSearch-${Xe()}`, o = h(null), u = h(null), m = {
+      datetime: ze(() => Promise.resolve().then(() => bl)),
       "standard-select": ze(() => import("./select-Cz4vf_YE.js")),
       // Add other components here when you create them:
       // 'custom-range': defineAsyncComponent(() => import('./CustomRange.vue')),
       // 'custom-number': defineAsyncComponent(() => import('./CustomNumber.vue')),
       "custom-text": ze(() => import("./inputField-BxT95oyM.js"))
       // 'custom-select': defineAsyncComponent(() => import('./CustomSelect.vue')),
-    }, i = h({}), y = h({
+    }, r = h({}), y = h({
       left: "0px",
       top: "0px",
       transform: "translateX(0%)"
@@ -912,7 +941,7 @@ const ct = xe("SunIcon", [
     };
     function k(f) {
       var v, D;
-      const b = (v = a.value) == null ? void 0 : v.name;
+      const b = (v = o.value) == null ? void 0 : v.name;
       if (!b) {
         console.warn("componentValueUpdated called but no active tab.");
         return;
@@ -937,30 +966,30 @@ const ct = xe("SunIcon", [
     }
     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);
+      const b = document.getElementById(`advancedSearchMobile-${i}`), g = b && b.contains(f.target);
+      ((S = o.value) == null ? void 0 : S.displayMode) === "popup" && M.value && !M.value.contains(f.target) && !g && (await me(), o.value = null);
     }
-    async function H() {
+    async function W() {
       if (typeof window < "u" && window.innerWidth <= 768) {
         const f = document.getElementById(
-          `advancedSearchMobile-${s}`
+          `advancedSearchMobile-${i}`
         );
-        f ? (a.value = null, f.showModal()) : console.warn(
-          `Mobile modal element not found. Ensure it exists with id="advancedSearchMobile-${s}".`
+        f ? (o.value = null, f.showModal()) : console.warn(
+          `Mobile modal element not found. Ensure it exists with id="advancedSearchMobile-${i}".`
         );
       }
     }
     async function F(f) {
       var g, S, v;
       if (typeof window < "u" && window.innerWidth <= 768) {
-        H();
+        W();
         return;
       }
       const b = f.displayMode ?? "popup";
-      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];
+      if (((g = o.value) == null ? void 0 : g.name) === f.name && ((S = o.value) == null ? void 0 : S.displayMode) === b)
+        o.value = null;
+      else if (o.value = { ...f, displayMode: b }, await me(), ((v = o.value) == null ? void 0 : v.displayMode) === "popup") {
+        const D = r.value[f.name];
         if (D && M.value) {
           const x = D.getBoundingClientRect(), j = M.value.getBoundingClientRect(), A = x.bottom - j.top, te = x.left + x.width / 2 - j.left;
           y.value = {
@@ -981,19 +1010,19 @@ const ct = xe("SunIcon", [
       const b = f.relatedTarget;
       setTimeout(() => {
         var g;
-        ((g = a.value) == null ? void 0 : g.displayMode) === "inline" && M.value && (!b || !M.value.contains(b)) ? (console.log("Blur detected outside container, closing inline view."), a.value = null) : console.log(
+        ((g = o.value) == null ? void 0 : g.displayMode) === "inline" && M.value && (!b || !M.value.contains(b)) ? (console.log("Blur detected outside container, closing inline view."), o.value = null) : console.log(
           "Blur detected, but staying within container or not an inline tab."
         );
       }, 50);
     }, Q = () => {
-      console.log("Enter key pressed on inline component, closing inline view."), a.value = null;
+      console.log("Enter key pressed on inline component, closing inline view."), o.value = null;
     };
-    q(u, (f) => {
+    H(u, (f) => {
       var b;
       console.log(
         "advanced-search: inlineComponentRef changed. New Value:",
         f
-      ), console.log("advanced-search: activeTab.value:", a.value), f && ((b = a.value) == null ? void 0 : b.displayMode) === "inline" ? (console.log(
+      ), console.log("advanced-search: activeTab.value:", o.value), f && ((b = o.value) == null ? void 0 : b.displayMode) === "inline" ? (console.log(
         "advanced-search: Inline component ref is available and active tab is inline. Attempting to focus child input..."
       ), me(() => {
         console.log(
@@ -1018,19 +1047,19 @@ const ct = xe("SunIcon", [
     const le = () => {
       var f, b;
       if (typeof window < "u") {
-        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(
+        const g = window.innerWidth <= 768, S = o.value !== null && (o.value.displayMode === "popup" || o.value.displayMode === "inline") && window.innerWidth > 768;
+        !g && (((f = o.value) == null ? void 0 : f.displayMode) === "popup" || ((b = o.value) == null ? void 0 : b.displayMode) === "inline") && window.innerWidth <= 768 && (console.log("Resizing to mobile, closing active tab."), o.value = null), g && !S && o.value !== null && (console.log(
           "Resizing to desktop from potential mobile active state, closing active tab."
-        ), a.value = null);
+        ), o.value = null);
         const v = document.getElementById(
-          `advancedSearchMobile-${s}`
+          `advancedSearchMobile-${i}`
         );
-        v != null && v.open && !g && (console.log("Modal is open on desktop, closing modal and active tab."), v.close(), a.value = null);
+        v != null && v.open && !g && (console.log("Modal is open on desktop, closing modal and active tab."), v.close(), o.value = null);
       }
     };
     return (f, b) => {
       var g, S;
-      return o(), r(W, null, [
+      return a(), s(U, null, [
         n("div", {
           ref_key: "searchContainer",
           ref: M,
@@ -1038,27 +1067,27 @@ const ct = xe("SunIcon", [
         }, [
           n("div", {
             class: "group/search relative flex place-items-center shadow-md p-2 border-2 border-base-300/25 rounded-sm w-full transition-all cursor-pointer md:cursor-auto",
-            onClick: H
+            onClick: W
           }, [
-            n("div", Et, [
-              (o(!0), r(W, null, Z(((g = l.searchOptions.find(
+            n("div", _t, [
+              (a(!0), s(U, null, G(((g = l.searchOptions.find(
                 (v) => v.category === l.currentCategory
               )) == null ? void 0 : g.tabs) || [], (v, D) => {
                 var x, j, A, te, de;
-                return o(), r("button", {
+                return a(), s("button", {
                   key: `${v.name}-${D}`,
                   onClick: re((p) => F(v), ["stop"]),
                   class: z([{
-                    "tab-active": ((x = a.value) == null ? void 0 : x.name) === v.name,
-                    "tab-active-inline": ((j = a.value) == null ? void 0 : j.name) === v.name && ((A = a.value) == null ? void 0 : A.displayMode) === "inline"
+                    "tab-active": ((x = o.value) == null ? void 0 : x.name) === v.name,
+                    "tab-active-inline": ((j = o.value) == null ? void 0 : j.name) === v.name && ((A = o.value) == null ? void 0 : A.displayMode) === "inline"
                     // Add new class
                   }, "group/searchitem after:top-0 after:-right-2 after:absolute relative first-of-type:flex-auto last-of-type:flex-auto after:bg-base-200 hover:bg-base-200 p-1 rounded-sm w-auto after:w-px after:h-10 overflow-x-hidden text-start md:after:content-[''] after:content-none last-of-type:after:content-none"]),
                   ref_for: !0,
-                  ref: (p) => i.value[v.name] = p
+                  ref: (p) => r.value[v.name] = p
                 }, [
-                  ((te = a.value) == null ? void 0 : te.name) === v.name && ((de = a.value) == null ? void 0 : de.displayMode) === "inline" ? (o(), r("div", jt, [
-                    (o(), ve(Te(m[a.value.type]), Be({ ref_for: !0 }, a.value.props || {}, {
-                      modelValue: a.value.value,
+                  ((te = o.value) == null ? void 0 : te.name) === v.name && ((de = o.value) == null ? void 0 : de.displayMode) === "inline" ? (a(), s("div", Ht, [
+                    (a(), ve(Te(m[o.value.type]), Be({ ref_for: !0 }, o.value.props || {}, {
+                      modelValue: o.value.value,
                       onUpdated: b[0] || (b[0] = (p) => c(p)),
                       "onUpdate:modelValue": b[1] || (b[1] = (p) => c(p)),
                       onBlur: K,
@@ -1067,20 +1096,20 @@ const ct = xe("SunIcon", [
                       ref_key: "inlineComponentRef",
                       ref: u
                     }), null, 16, ["modelValue", "onKeydown"]))
-                  ])) : (o(), r("div", Pt, [
-                    n("p", At, L(v.name), 1),
-                    v.value !== void 0 && v.value !== null && v.value !== "" ? (o(), r("p", Rt, L(R(v)), 1)) : (o(), r("p", Nt, L(v.description), 1))
+                  ])) : (a(), s("div", qt, [
+                    n("p", Ut, L(v.name), 1),
+                    v.value !== void 0 && v.value !== null && v.value !== "" ? (a(), s("p", Wt, L(R(v)), 1)) : (a(), s("p", Kt, L(v.description), 1))
                   ]))
-                ], 10, Lt);
+                ], 10, Ft);
               }), 128))
             ]),
-            a.value && a.value.displayMode === "popup" ? (o(), r("div", {
+            o.value && o.value.displayMode === "popup" ? (a(), s("div", {
               key: 0,
               class: "absolute flex shadow-sm mt-4 w-fit max-w-full transition-all tab-content",
               style: we(y.value)
             }, [
-              (o(), ve(Te(m[a.value.type]), Be(a.value.props || {}, {
-                modelValue: a.value.value,
+              (a(), ve(Te(m[o.value.type]), Be(o.value.props || {}, {
+                modelValue: o.value.value,
                 onUpdated: b[2] || (b[2] = (v) => k(v)),
                 "onUpdate:modelValue": b[3] || (b[3] = (v) => k(v))
               }), null, 16, ["modelValue"]))
@@ -1097,7 +1126,7 @@ const ct = xe("SunIcon", [
               })
             ])
           ]),
-          n("div", _t, [
+          n("div", Xt, [
             n("button", {
               title: "search",
               onClick: b[4] || (b[4] = () => {
@@ -1111,31 +1140,31 @@ const ct = xe("SunIcon", [
           ])
         ], 512),
         n("dialog", {
-          id: `advancedSearchMobile-${se(s)}`,
+          id: `advancedSearchMobile-${se(i)}`,
           class: "modal"
         }, [
-          n("div", qt, [
+          n("div", Gt, [
             V(f.$slots, "additionalForMobile", {}, () => [
-              n("h3", Ut, L(e.currentCategory), 1)
+              n("h3", Jt, L(e.currentCategory), 1)
             ], !0),
-            (o(!0), r(W, null, Z(((S = l.searchOptions.find(
+            (a(!0), s(U, null, G(((S = l.searchOptions.find(
               (v) => v.category === l.currentCategory
-            )) == null ? void 0 : S.tabs) || [], (v, D) => (o(), r("div", {
+            )) == null ? void 0 : S.tabs) || [], (v, D) => (a(), s("div", {
               class: "collapse bg-base-200 my-4",
               key: v.name
             }, [
               n("input", {
                 type: "radio",
-                name: `accordion-${se(s)}`,
+                name: `accordion-${se(i)}`,
                 checked: D === 0
-              }, null, 8, Ht),
-              n("div", Wt, [
+              }, null, 8, Zt),
+              n("div", Qt, [
                 n("div", null, L(v.name), 1),
-                v.value !== void 0 && v.value !== null && v.value !== "" ? (o(), r("div", Kt, L(R(v)), 1)) : (o(), r("div", Xt, L(v.description), 1))
+                v.value !== void 0 && v.value !== null && v.value !== "" ? (a(), s("div", el, L(R(v)), 1)) : (a(), s("div", tl, L(v.description), 1))
               ]),
-              n("div", Yt, [
+              n("div", ll, [
                 b[7] || (b[7] = n("br", null, null, -1)),
-                (o(), ve(Te(m[v.type]), Be({ ref_for: !0 }, v.props || {}, {
+                (a(), ve(Te(m[v.type]), Be({ 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))
@@ -1151,20 +1180,20 @@ const ct = xe("SunIcon", [
               ])
             ])
           ])
-        ], 8, Ft)
+        ], 8, Yt)
       ], 64);
     };
   }
-}), In = /* @__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 = {
+}), Vn = /* @__PURE__ */ ge(nl, [["__scopeId", "data-v-577c3624"]]), al = { 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" }, ol = { key: 0 }, sl = { key: 1 }, il = ["id", "onKeydown"], rl = {
   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 = {
+}, ul = { 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" }, dl = { class: "join-item" }, cl = ["id", "disabled", "value"], vl = { class: "join-item" }, fl = ["id", "disabled", "value"], ml = {
   key: 3,
   class: "p-4 min-w-2xs"
-}, rl = ["id", "disabled", "value"], ul = {
+}, pl = ["id", "disabled", "value"], hl = {
   key: 4,
   class: "flex px-4 my-4 w-full justify-end"
-}, dl = /* @__PURE__ */ _({
+}, gl = /* @__PURE__ */ _({
   __name: "datetimePicker",
   props: {
     mode: { default: "datetime" },
@@ -1183,7 +1212,7 @@ const ct = xe("SunIcon", [
   },
   emits: ["update:modelValue", "change"],
   setup(e, { emit: d }) {
-    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({
+    const l = typeof window < "u", t = e, i = d, o = h(null), u = h(!1), m = h(null), r = h(null), y = h(null), M = h(null), R = h(null), k = h({
       from: "",
       to: "",
       single: ""
@@ -1191,13 +1220,13 @@ const ct = xe("SunIcon", [
       single: null,
       start: null,
       end: null
-    }), E = (p) => p instanceof Date ? p.toISOString() : p, C = (p) => p.split("T")[0] || "", H = (p) => {
+    }), E = (p) => p instanceof Date ? p.toISOString() : p, C = (p) => p.split("T")[0] || "", W = (p) => {
       const w = p instanceof Date ? p : new Date(p);
       if (isNaN(w.getTime())) return "";
       const T = String(w.getHours()).padStart(2, "0"), B = String(w.getMinutes()).padStart(2, "0");
       return `${T}:${B}`;
     }, F = () => {
-      const p = /* @__PURE__ */ new Date(), w = H(p);
+      const p = /* @__PURE__ */ new Date(), w = W(p);
       let T = t.initialDate;
       if (!T && t.mode !== "time" && (T = t.range ? { start: p, end: p } : p), !!T) {
         if (!T) {
@@ -1206,10 +1235,10 @@ const ct = xe("SunIcon", [
         }
         if (t.range && typeof T == "object" && "start" in T) {
           const B = E(T.start), N = E(T.end);
-          c.value.start = C(B), c.value.end = C(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 = W(B), k.value.to = W(N));
         } else {
           const B = E(T);
-          c.value.single = C(B), t.mode !== "date" && (k.value.single = H(B));
+          c.value.single = C(B), t.mode !== "date" && (k.value.single = W(B));
         }
       }
     }, K = ee(() => {
@@ -1223,8 +1252,8 @@ const ct = xe("SunIcon", [
             day: "numeric"
           });
         } catch {
-          const [N, G, ae] = B.split("-");
-          return `${ae}/${G}/${N}`;
+          const [N, J, ae] = B.split("-");
+          return `${ae}/${J}/${N}`;
         }
       };
       let w = "", T = "";
@@ -1234,11 +1263,11 @@ const ct = xe("SunIcon", [
         return T;
       if (t.mode === "datetime")
         if (t.range) {
-          const B = c.value.start, N = c.value.end, G = k.value.from, ae = k.value.to;
-          if (B && N && G && ae)
-            return `${p(B)} ${G} - ${p(N)} ${ae}`;
+          const B = c.value.start, N = c.value.end, J = k.value.from, ae = k.value.to;
+          if (B && N && J && ae)
+            return `${p(B)} ${J} - ${p(N)} ${ae}`;
           if (B)
-            return `${p(B)} ${G || ""}`.trim();
+            return `${p(B)} ${J || ""}`.trim();
         } else {
           const B = c.value.single, N = k.value.single;
           return `${p(B)} ${N || ""}`.trim();
@@ -1247,8 +1276,8 @@ const ct = xe("SunIcon", [
     }), Q = () => {
       if (m.value)
         c.value.single = m.value.value || null;
-      else if (i.value) {
-        const p = i.value.value;
+      else if (r.value) {
+        const p = r.value.value;
         if (typeof p == "string" && p.includes("/")) {
           const [w, T] = p.split("/");
           c.value.start = w || null, c.value.end = T || null;
@@ -1257,14 +1286,14 @@ const ct = xe("SunIcon", [
       }
     }, le = () => c.value.start && c.value.end ? `${c.value.start}/${c.value.end}` : null, f = () => {
       if (t.range) {
-        const T = c.value.start, B = c.value.end || c.value.start, N = k.value.from, G = k.value.to;
+        const T = c.value.start, B = c.value.end || c.value.start, N = k.value.from, J = k.value.to;
         if (t.mode === "time")
-          return N && G ? { start: N, end: G } : null;
+          return N && J ? { start: N, end: J } : null;
         if (t.mode === "date")
           return T && B ? { start: T, end: B } : null;
         if (t.mode === "datetime") {
           if (!T || !B) return null;
-          const ae = N ? `${N}:00` : "00:00:00", ce = G ? `${G}:00` : "23:59:59", ye = `${T}T${ae}`, Ie = `${B}T${ce}`;
+          const ae = N ? `${N}:00` : "00:00:00", ce = J ? `${J}:00` : "23:59:59", ye = `${T}T${ae}`, Ie = `${B}T${ce}`;
           return { start: ye, end: Ie };
         }
         return null;
@@ -1283,7 +1312,7 @@ const ct = xe("SunIcon", [
     }, b = async () => {
       Q();
       const p = f();
-      s("update:modelValue", p), s("change", p);
+      i("update:modelValue", p), i("change", p);
     }, g = () => {
       me(() => {
         b();
@@ -1297,7 +1326,7 @@ const ct = xe("SunIcon", [
       b(), u.value = !1;
     }, x = (p) => {
       !t.popup || !u.value || setTimeout(() => {
-        const w = a.value, T = p.target, B = `date-picker-${t.id}-popup`;
+        const w = o.value, T = p.target, B = `date-picker-${t.id}-popup`;
         w && !w.contains(T) && !p.target.closest(`#${B}`) && D();
       }, 0);
     }, j = () => {
@@ -1306,49 +1335,49 @@ const ct = xe("SunIcon", [
       b(), t.popup && (u.value = !1);
     }, te = () => {
       if (!l) return;
-      const p = t.range ? i.value : m.value;
+      const p = t.range ? r.value : m.value;
       p && typeof p.navigate == "function" && p.navigate(-1);
     }, de = () => {
       if (!l) return;
-      const p = t.range ? i.value : m.value;
+      const p = t.range ? r.value : m.value;
       p && typeof p.navigate == "function" && p.navigate(1);
     };
     return he(() => {
       l && import("./cally-ZU3K2Th7.js").catch((p) => {
         console.warn("Failed to load cally:", p);
       }), F();
-    }), q(c, async (p) => {
+    }), H(c, async (p) => {
       if (await me(), m.value && p.single) {
         const w = p.single;
         m.value.value !== w && (m.value.value = w);
       }
-      if (i.value) {
+      if (r.value) {
         const w = le();
-        w && i.value.value !== w && (i.value.value = w);
+        w && r.value.value !== w && (r.value.value = w);
       }
       b();
-    }, { immediate: !0, deep: !0 }), q([c, m, i], async () => {
-      await me(), m.value && c.value.single && !m.value.value && (m.value.value = c.value.single), i.value && c.value.start && c.value.end && !i.value.value && (i.value.value = `${c.value.start}/${c.value.end}`), b();
-    }, { immediate: !0 }), q([y, M, R], () => {
+    }, { immediate: !0, deep: !0 }), H([c, m, r], async () => {
+      await me(), m.value && c.value.single && !m.value.value && (m.value.value = c.value.single), r.value && c.value.start && c.value.end && !r.value.value && (r.value.value = `${c.value.start}/${c.value.end}`), b();
+    }, { immediate: !0 }), H([y, M, R], () => {
       b();
     }, { immediate: !0 }), (p, w) => {
       const T = Oe("calendar-month"), B = Oe("calendar-date"), N = Oe("calendar-range");
-      return o(), r("div", {
+      return a(), s("div", {
         class: "inline-block relative w-fit lg:w-full",
         ref_key: "pickerContainer",
-        ref: a,
+        ref: o,
         onMousedownCapture: x
       }, [
-        t.popup ? (o(), r("div", {
+        t.popup ? (a(), s("div", {
           key: 0,
           class: "flex items-center gap-2 cursor-pointer w-full",
-          onClick: w[0] || (w[0] = (G) => t.disabled ? null : v())
+          onClick: w[0] || (w[0] = (J) => t.disabled ? null : v())
         }, [
-          n("div", Jt, [
-            K.value ? (o(), r("span", Qt, L(K.value), 1)) : (o(), r("span", Zt, L(t.placeholder), 1))
+          n("div", al, [
+            K.value ? (a(), s("span", sl, L(K.value), 1)) : (a(), s("span", ol, L(t.placeholder), 1))
           ])
         ])) : O("", !0),
-        u.value || !t.popup ? (o(), r("div", {
+        u.value || !t.popup ? (a(), s("div", {
           key: 1,
           class: z(["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`,
@@ -1359,7 +1388,7 @@ const ct = xe("SunIcon", [
             pe(re(A, ["prevent"]), ["enter"])
           ]
         }, [
-          !t.range && t.mode !== "time" && l ? (o(), ve(B, {
+          !t.range && t.mode !== "time" && l ? (a(), ve(B, {
             key: 0,
             class: "cally w-full",
             ref_key: "datePicker",
@@ -1418,11 +1447,11 @@ const ct = xe("SunIcon", [
             ]),
             _: 1
           }, 8, ["id", "min", "max", "disabled", "first-day-of-week"])) : O("", !0),
-          t.range && t.mode !== "time" && l ? (o(), ve(N, {
+          t.range && t.mode !== "time" && l ? (a(), ve(N, {
             key: 1,
             class: "cally w-full",
             ref_key: "rangeDatePicker",
-            ref: i,
+            ref: r,
             id: `${t.id}-date-range`,
             min: t.min,
             max: t.max,
@@ -1477,9 +1506,9 @@ const ct = xe("SunIcon", [
             ]),
             _: 1
           }, 8, ["id", "min", "max", "disabled", "first-day-of-week"])) : O("", !0),
-          t.range && t.mode !== "date" ? (o(), r("div", tl, [
-            n("div", ll, [
-              n("div", nl, [
+          t.range && t.mode !== "date" ? (a(), s("div", rl, [
+            n("div", ul, [
+              n("div", dl, [
                 n("input", {
                   class: "text-center hover:border-b-2 hover:-mb-0.5 open:bg-primary open:p-1 open:-m-0.5 open:rounded w-full relative",
                   type: "time",
@@ -1490,7 +1519,7 @@ const ct = xe("SunIcon", [
                   onChange: S,
                   disabled: t.disabled,
                   value: k.value.from || ""
-                }, null, 40, al)
+                }, null, 40, cl)
               ]),
               w[6] || (w[6] = n("svg", {
                 class: "join-item",
@@ -1504,7 +1533,7 @@ const ct = xe("SunIcon", [
               }, [
                 n("path", { d: "M873.1 596.2l-164-208A32 32 0 00684 376h-64.8c-6.7 0-10.4 7.7-6.3 13l144.3 183H152c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h695.9c26.8 0 41.7-30.8 25.2-51.8z" })
               ], -1)),
-              n("div", ol, [
+              n("div", vl, [
                 n("input", {
                   class: "text-center hover:border-b-2 hover:-mb-0.5 open:bg-primary open:p-1 open:-m-0.5 open:rounded w-full relative",
                   type: "time",
@@ -1514,11 +1543,11 @@ const ct = xe("SunIcon", [
                   onChange: S,
                   disabled: t.disabled,
                   value: k.value.to || ""
-                }, null, 40, sl)
+                }, null, 40, fl)
               ])
             ])
           ])) : O("", !0),
-          !t.range && t.mode !== "date" ? (o(), r("div", il, [
+          !t.range && t.mode !== "date" ? (a(), s("div", ml, [
             n("input", {
               class: "open:bg-primary open:rounded w-full input input-bordered justify-center",
               type: "time",
@@ -1528,22 +1557,22 @@ const ct = xe("SunIcon", [
               onChange: S,
               disabled: t.disabled,
               value: k.value.single || ""
-            }, null, 40, rl)
+            }, null, 40, pl)
           ])) : O("", !0),
-          t.popup && t.closeText ? (o(), r("div", ul, [
+          t.popup && t.closeText ? (a(), s("div", hl, [
             n("button", {
               class: "btn btn-primary max-lg:w-full",
               onClick: D
             }, L(t.closeText), 1)
           ])) : O("", !0)
-        ], 42, el)) : O("", !0)
+        ], 42, il)) : O("", !0)
       ], 544);
     };
   }
-}), cl = /* @__PURE__ */ ge(dl, [["__scopeId", "data-v-e0b34494"]]), vl = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), yl = /* @__PURE__ */ ge(gl, [["__scopeId", "data-v-e0b34494"]]), bl = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: cl
-}, Symbol.toStringTag, { value: "Module" })), fl = ["value", "checked", "onChange", "disabled"], Mn = /* @__PURE__ */ _({
+  default: yl
+}, Symbol.toStringTag, { value: "Module" })), wl = ["value", "checked", "onChange", "disabled"], En = /* @__PURE__ */ _({
   __name: "rating",
   props: {
     initialRating: { default: 0 },
@@ -1557,23 +1586,23 @@ const ct = xe("SunIcon", [
   },
   setup(e) {
     const d = e, l = h(d.initialRating);
-    q(
+    H(
       () => d.initialRating,
-      (s) => {
-        l.value = s;
+      (i) => {
+        l.value = i;
       }
     );
-    const t = (s) => {
-      l.value = s;
+    const t = (i) => {
+      l.value = i;
     };
-    return (s, a) => (o(), r("div", {
+    return (i, o) => (a(), s("div", {
       class: z(["rating", [
         `rating-${d.size}`,
         { "rating-half": e.halfStars },
         { "pointer-events-none": !e.isInteractive }
       ]])
     }, [
-      (o(!0), r(W, null, Z(e.numberOfStars * (e.halfStars ? 2 : 1), (u) => (o(), r("input", {
+      (a(!0), s(U, null, G(e.numberOfStars * (e.halfStars ? 2 : 1), (u) => (a(), s("input", {
         key: u,
         type: "radio",
         value: e.halfStars ? u * 0.5 : u,
@@ -1606,10 +1635,10 @@ const ct = xe("SunIcon", [
           marginRight: e.halfStars && u % 2 === 0 ? `${d.gap}px` : e.halfStars ? "0" : `${d.gap}px`
         }),
         disabled: !e.isInteractive
-      }, null, 46, fl))), 128))
+      }, null, 46, wl))), 128))
     ], 2));
   }
-}), ml = { class: "badge" }, pl = ["onClick"], hl = { class: "opacity-75" }, gl = ["placeholder"], zn = /* @__PURE__ */ _({
+}), xl = { class: "badge" }, kl = ["onClick"], $l = { class: "opacity-75" }, Sl = ["placeholder"], Ln = /* @__PURE__ */ _({
   __name: "taginput",
   props: {
     modelValue: {},
@@ -1619,36 +1648,36 @@ const ct = xe("SunIcon", [
   },
   emits: ["update:modelValue"],
   setup(e, { emit: d }) {
-    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 l = e, t = d, i = h([...l.modelValue]), o = l.maxTagAmount === void 0 ? -1 : l.maxTagAmount, u = h(null), m = h(""), r = ee(() => o < 0 || i.value.length < o), y = () => {
       const c = m.value.trim();
-      c && !s.value.includes(c) && (s.value.push(c), t("update:modelValue", s.value), m.value = "");
+      c && !i.value.includes(c) && (i.value.push(c), t("update:modelValue", i.value), m.value = "");
     }, M = (c) => {
-      s.value = s.value.filter((E) => E !== c), t("update:modelValue", s.value);
+      i.value = i.value.filter((E) => E !== c), t("update:modelValue", i.value);
     }, R = () => {
-      m.value === "" && (s.value.pop(), t("update:modelValue", s.value));
+      m.value === "" && (i.value.pop(), t("update:modelValue", i.value));
     }, k = (c) => {
       c.key === "Enter" ? y() : c.key === "Backspace" && m.value === "" && R();
     };
-    return q(() => l.modelValue, (c) => {
-      s.value = [...c];
-    }), (c, E) => (o(), r("div", {
+    return H(() => l.modelValue, (c) => {
+      i.value = [...c];
+    }), (c, E) => (a(), s("div", {
       class: z(["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, Z(s.value, (C) => V(c.$slots, "tag", {
+      (a(!0), s(U, null, G(i.value, (C) => V(c.$slots, "tag", {
         key: C,
         tag: C
       }, () => [
-        n("div", ml, [
+        n("div", xl, [
           n("button", {
             class: "px-1! py-0! h-fit font-bold cursor-pointer",
-            onClick: (H) => M(C),
+            onClick: (W) => M(C),
             "aria-label": "Remove tag"
-          }, "X", 8, pl),
-          n("span", hl, L(C), 1)
+          }, "X", 8, kl),
+          n("span", $l, L(C), 1)
         ])
       ])), 128)),
-      V(c.$slots, "input", { showInput: i.value }, () => [
-        i.value ? Se((o(), r("input", {
+      V(c.$slots, "input", { showInput: r.value }, () => [
+        r.value ? Se((a(), s("input", {
           key: 0,
           ref_key: "inputRef",
           ref: u,
@@ -1658,21 +1687,21 @@ const ct = xe("SunIcon", [
           class: "h-full input input-ghost",
           onKeydown: k,
           "aria-label": "Add tags"
-        }, null, 40, gl)), [
+        }, null, 40, Sl)), [
           [Ne, m.value]
         ]) : O("", !0)
       ])
     ], 2));
   }
-}), yl = { class: "w-full max-w-xs form-control" }, bl = {
+}), Cl = { class: "w-full max-w-xs form-control" }, Il = {
   key: 0,
   class: "label"
-}, wl = { class: "label-text" }, xl = ["value"], kl = {
+}, Ml = { class: "label-text" }, zl = ["value"], Tl = {
   key: 0,
   value: "",
   disabled: "",
   selected: ""
-}, $l = ["value"], Tn = /* @__PURE__ */ _({
+}, Bl = ["value"], jn = /* @__PURE__ */ _({
   __name: "select",
   props: {
     options: {},
@@ -1683,43 +1712,43 @@ const ct = xe("SunIcon", [
   emits: ["update:modelValue"],
   setup(e, { expose: d, emit: l }) {
     console.log(e.placeholder);
-    const s = l, a = h(null), u = (i) => {
-      const y = i.target;
-      s("update:modelValue", y.value);
+    const i = l, o = h(null), u = (r) => {
+      const y = r.target;
+      i("update:modelValue", y.value);
     };
     return d({
       focusInput: () => {
-        var i;
-        console.log("select.vue: focusInput method called."), (i = a.value) == null || i.focus();
+        var r;
+        console.log("select.vue: focusInput method called."), (r = o.value) == null || r.focus();
       }
       // You can expose other properties or methods here if needed by the parent
       // e.g., the current value: modelValue
-    }), (i, y) => (o(), r("div", yl, [
-      e.label ? (o(), r("label", bl, [
-        n("span", wl, L(e.label), 1)
+    }), (r, y) => (a(), s("div", Cl, [
+      e.label ? (a(), s("label", Il, [
+        n("span", Ml, L(e.label), 1)
       ])) : O("", !0),
       n("select", {
         ref_key: "selectElement",
-        ref: a,
+        ref: o,
         class: "rounded-md w-full select-bordered select",
         value: e.modelValue,
         onChange: u
       }, [
-        e.placeholder ? (o(), r("option", kl, L(e.placeholder), 1)) : O("", !0),
-        (o(!0), r(W, null, Z(e.options, (M) => (o(), r("option", {
+        e.placeholder ? (a(), s("option", Tl, L(e.placeholder), 1)) : O("", !0),
+        (a(!0), s(U, null, G(e.options, (M) => (a(), s("option", {
           key: M.value,
           value: M.value
-        }, L(M.text), 9, $l))), 128))
-      ], 40, xl)
+        }, L(M.text), 9, Bl))), 128))
+      ], 40, zl)
     ]));
   }
-}), Sl = {
+}), Ol = {
   key: 0,
   class: "label"
-}, Cl = { class: "label-text" }, Il = ["onKeydown", "aria-expanded", "aria-activedescendant"], Ml = ["placeholder", "disabled"], zl = {
+}, Dl = { class: "label-text" }, Vl = ["onKeydown", "aria-expanded", "aria-activedescendant"], El = ["placeholder", "disabled"], Ll = {
   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"], Bn = {
+}, jl = { class: "flex-nowrap p-0 w-[inherit] max-h-60 overflow-y-auto menu" }, Pl = ["onMousedown", "id", "aria-selected"], Pn = {
   __name: "filterableSelect",
   props: {
     // Array of options: [{ value: any, text: string }, ...]
@@ -1750,14 +1779,14 @@ const ct = xe("SunIcon", [
   },
   emits: ["update:modelValue", "select", "clear"],
   setup(e, { expose: d, emit: l }) {
-    const t = e, s = l, a = Ye(), u = ee(() => {
-      const D = (a.default ? a.default() : []).filter((x) => x.type !== Ge);
+    const t = e, i = l, o = Ye(), u = ee(() => {
+      const D = (o.default ? o.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), E = () => {
+    }), m = h(""), r = h(null), y = h(!1), M = h(null), R = h(null), k = h(null), c = h(null), E = () => {
       y.value = !t.disabled;
     }, 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 = !1, c.value = null, u.value || (r.value && m.value !== r.value.text ? m.value = r.value.text : r.value || (m.value = ""));
+    }, W = () => {
       y.value ? C() : E();
     }, F = ee(() => {
       const v = m.value ? m.value.toLowerCase() : "";
@@ -1765,14 +1794,14 @@ const ct = xe("SunIcon", [
         (x) => x && x.text ? x.text.toLowerCase().includes(v) : ""
       );
     });
-    q(
+    H(
       () => t.modelValue,
       (v, D) => {
         if (v !== D && C(), v == null)
-          i.value = null, !y.value && !u.value && (m.value = "");
+          r.value = null, !y.value && !u.value && (m.value = "");
         else {
           const x = t.options.find((j) => j.value === v);
-          x ? (i.value = x, !y.value && !u.value && (m.value = x.text)) : (i.value = null, !y.value && !u.value && (m.value = ""));
+          x ? (r.value = x, !y.value && !u.value && (m.value = x.text)) : (r.value = null, !y.value && !u.value && (m.value = ""));
         }
       },
       { immediate: !0 }
@@ -1785,7 +1814,7 @@ const ct = xe("SunIcon", [
         R.value && !R.value.contains(document.activeElement) && C();
       }, 100);
     };
-    q(y, (v) => {
+    H(y, (v) => {
       v ? setTimeout(() => {
         document.addEventListener("click", K);
       }, 0) : document.removeEventListener("click", K);
@@ -1794,10 +1823,10 @@ const ct = xe("SunIcon", [
     });
     const le = () => {
       if (t.disabled) return;
-      const v = i.value;
-      s("update:modelValue", null), v && s("clear", v);
+      const v = r.value;
+      i("update:modelValue", null), v && i("clear", v);
     }, f = (v) => {
-      i.value = v, u.value || (m.value = v.text), s("update:modelValue", v.value), s("select", v), C();
+      r.value = v, u.value || (m.value = v.text), i("update:modelValue", v.value), i("select", v), C();
     }, b = () => {
       F.value.length > 0 && f(F.value[0]);
     }, g = () => {
@@ -1832,20 +1861,20 @@ const ct = xe("SunIcon", [
         });
       }
     };
-    return q(y, (v) => {
-      v ? (window.addEventListener("keydown", S), !u.value && !m.value && i.value && (m.value = i.value.text)) : window.removeEventListener("keydown", S);
+    return H(y, (v) => {
+      v ? (window.addEventListener("keydown", S), !u.value && !m.value && r.value && (m.value = r.value.text)) : window.removeEventListener("keydown", S);
     }), Ee(() => {
       document.removeEventListener("click", K), window.removeEventListener("keydown", S);
     }), d({
       isDropdownOpen: y,
       // Expose state
-      selectedItem: i,
+      selectedItem: r,
       // Expose selected item
       openDropdown: E,
       // Expose method to open
       closeDropdown: C,
       // Expose method to close
-      toggleDropdown: H,
+      toggleDropdown: W,
       // Expose method to toggle
       selectItem: f,
       // Expose method to select an item programmatically
@@ -1853,21 +1882,21 @@ const ct = xe("SunIcon", [
       // Expose filter text (useful if parent controls filtering)
       hasDefaultSlotContent: u
       // Expose to know if the default slot is used
-    }), (v, D) => (o(), r("div", {
+    }), (v, D) => (a(), s("div", {
       class: "relative w-full max-w-xs form-control",
       ref_key: "componentRoot",
       ref: R
     }, [
-      e.label ? (o(), r("label", Sl, [
-        n("span", Cl, L(e.label), 1)
+      e.label ? (a(), s("label", Ol, [
+        n("span", Dl, L(e.label), 1)
       ])) : O("", !0),
       n("div", {
         class: z(["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;" : ""
+          r.value ? "background-image: unset; padding-right: 0.5rem;" : ""
         ),
         tabindex: "0",
-        onClick: D[1] || (D[1] = (x) => u.value ? H() : E()),
+        onClick: D[1] || (D[1] = (x) => u.value ? W() : E()),
         onKeydown: [
           pe(re(b, ["prevent"]), ["enter"]),
           pe(re(b, ["prevent"]), ["space"])
@@ -1882,7 +1911,7 @@ const ct = xe("SunIcon", [
         ref: k
       }, [
         V(v.$slots, "default", {}, () => [
-          u.value ? O("", !0) : Se((o(), r("input", {
+          u.value ? O("", !0) : Se((a(), s("input", {
             key: 0,
             type: "text",
             placeholder: e.placeholder,
@@ -1894,50 +1923,50 @@ const ct = xe("SunIcon", [
             onInput: g,
             tabindex: "-1",
             disabled: t.disabled
-          }, null, 40, Ml)), [
+          }, null, 40, El)), [
             [Ne, m.value]
           ])
         ]),
-        i.value && !e.disabled ? (o(), ve(se(ut), {
+        r.value && !e.disabled ? (a(), ve(se(ut), {
           key: 0,
           size: 20,
           class: "mx-2 text-base-content/50 hover:text-base-content/80 cursor-pointer",
           onClick: re(le, ["stop"])
         })) : O("", !0),
-        u.value && !i.value ? (o(), ve(se(rt), {
+        u.value && !r.value ? (a(), ve(se(rt), {
           key: 1,
           class: z([{ "rotate-180": y.value }, "mx-2"]),
           size: 20
         }, null, 8, ["class"])) : O("", !0)
-      ], 46, Il),
-      Se(n("div", zl, [
-        n("ul", Tl, [
-          (o(!0), r(W, null, Z(F.value, (x, j) => (o(), r("li", {
+      ], 46, Vl),
+      Se(n("div", Ll, [
+        n("ul", jl, [
+          (a(!0), s(U, null, G(F.value, (x, j) => (a(), s("li", {
             key: x.value,
             onMousedown: re((A) => f(x), ["prevent"]),
             class: "hover:bg-base-200 rounded-md w-full cursor-pointer",
             id: "option-" + j,
             role: "option",
-            "aria-selected": i.value && i.value.value === x.value
+            "aria-selected": r.value && r.value.value === x.value
           }, [
             n("a", null, L(x.text), 1)
-          ], 40, Bl))), 128))
+          ], 40, Pl))), 128))
         ])
       ], 512), [
         [Je, y.value && F.value.length > 0]
       ])
     ], 512));
   }
-}, Ol = { class: "w-full max-w-xs form-control" }, Dl = {
+}, Al = { class: "w-full max-w-xs form-control" }, Rl = {
   key: 0,
   class: "label"
-}, Vl = { class: "label-text" }, El = ["type", "placeholder", "disabled", "value"], Ll = {
+}, Nl = { class: "label-text" }, _l = ["type", "placeholder", "disabled", "value"], Fl = {
   key: 1,
   class: "label"
-}, jl = { class: "label-text-alt text-error validator-hint" }, Pl = {
+}, Hl = { class: "label-text-alt text-error validator-hint" }, ql = {
   key: 2,
   class: "label"
-}, Al = { class: "label-text-alt text-success validator-hint" }, On = /* @__PURE__ */ _({
+}, Ul = { class: "label-text-alt text-success validator-hint" }, An = /* @__PURE__ */ _({
   __name: "inputField",
   props: {
     modelValue: { default: "" },
@@ -1954,38 +1983,38 @@ const ct = xe("SunIcon", [
   },
   emits: ["update:modelValue", "validate"],
   setup(e, { expose: d, emit: l }) {
-    const t = e, s = l, a = h(null), u = h(!1), m = h(""), i = ee(() => {
-      var H, F, K, Q;
+    const t = e, i = l, o = h(null), u = h(!1), m = h(""), r = ee(() => {
+      var W, F, K, Q;
       let c = !0, E = "";
       const C = t.modelValue;
-      return (H = t.rules) != null && H.required && (C == null || C === "") && (c = !1, E = "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, E = `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, E = `Cannot exceed ${t.rules.maxLength} characters.`), c && ((Q = t.rules) != null && Q.email) && typeof C == "string" && C && (/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(C) || (c = !1, E = "Please enter a valid email address.")), m.value = E, s("validate", c), c;
-    }), y = ee(() => u.value && !i.value), M = (c) => {
+      return (W = t.rules) != null && W.required && (C == null || C === "") && (c = !1, E = "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, E = `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, E = `Cannot exceed ${t.rules.maxLength} characters.`), c && ((Q = t.rules) != null && Q.email) && typeof C == "string" && C && (/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(C) || (c = !1, E = "Please enter a valid email address.")), m.value = E, i("validate", c), c;
+    }), y = ee(() => u.value && !r.value), M = (c) => {
       const E = c.target;
-      s("update:modelValue", E.value), u.value && i.value;
+      i("update:modelValue", E.value), u.value && r.value;
     }, R = () => {
-      u.value = !0, i.value;
+      u.value = !0, r.value;
     };
-    return q(
+    return H(
       () => t.modelValue,
       () => {
-        u.value && i.value;
+        u.value && r.value;
       }
     ), d({
       focusInput: () => {
         var c;
-        console.log("inputField.vue: focusInput method called."), (c = a.value) == null || c.focus();
+        console.log("inputField.vue: focusInput method called."), (c = o.value) == null || c.focus();
       },
-      isValid: i,
+      isValid: r,
       isTouched: u,
       errorMessage: m
-    }), (c, E) => (o(), r("div", Ol, [
-      e.label ? (o(), r("label", Dl, [
-        n("span", Vl, L(e.label), 1)
+    }), (c, E) => (a(), s("div", Al, [
+      e.label ? (a(), s("label", Rl, [
+        n("span", Nl, L(e.label), 1)
       ])) : O("", !0),
       V(c.$slots, "default"),
       n("input", {
         ref_key: "inputElement",
-        ref: a,
+        ref: o,
         type: e.type,
         placeholder: e.placeholder,
         disabled: t.disabled,
@@ -2001,33 +2030,33 @@ 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 && 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),
+            "input-neutral": e.color === "neutral" && !y.value && !(r.value && u.value && e.needsValidation),
+            "input-primary": e.color === "primary" && !y.value && !(r.value && u.value && e.needsValidation),
+            "input-secondary": e.color === "secondary" && !y.value && !(r.value && u.value && e.needsValidation),
+            "input-accent": e.color === "accent" && !y.value && !(r.value && u.value && e.needsValidation),
+            "input-info": e.color === "info" && !y.value && !(r.value && u.value && e.needsValidation),
+            "input-success": e.color === "success" && !y.value && !(r.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 && u.value && e.needsValidation),
+            "input-warning": e.color === "warning" && !y.value && !(r.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 && u.value && !y.value && e.needsValidation
+            "input-success-validation": r.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.
           }
         ]]),
         value: e.modelValue,
         onInput: M,
         onBlur: R
-      }, null, 42, El),
-      y.value ? (o(), r("div", Ll, [
-        n("span", jl, L(m.value), 1)
-      ])) : i.value && u.value && e.successMessage ? (o(), r("div", Pl, [
-        n("span", Al, L(e.successMessage), 1)
+      }, null, 42, _l),
+      y.value ? (a(), s("div", Fl, [
+        n("span", Hl, L(m.value), 1)
+      ])) : r.value && u.value && e.successMessage ? (a(), s("div", ql, [
+        n("span", Ul, L(e.successMessage), 1)
       ])) : O("", !0)
     ]));
   }
-}), Dn = /* @__PURE__ */ _({
+}), Rn = /* @__PURE__ */ _({
   __name: "loader",
   props: {
     loading: { type: Boolean, default: !0 },
@@ -2037,12 +2066,12 @@ const ct = xe("SunIcon", [
   },
   setup(e) {
     const d = e, l = h(d.loading);
-    return q(
+    return H(
       () => d.loading,
       (t) => {
         l.value = t;
       }
-    ), (t, s) => l.value ? (o(), r("span", {
+    ), (t, i) => l.value ? (a(), s("span", {
       key: 0,
       class: z(["loading", [
         { "loading-xs": e.size === "xs" },
@@ -2069,13 +2098,13 @@ const ct = xe("SunIcon", [
       ]])
     }, null, 2)) : O("", !0);
   }
-}), Rl = { class: "container flex flex-col sm:flex-row" }, Nl = { class: "footer-title" }, _l = ["href"], Fl = {
+}), Wl = { class: "container flex flex-col sm:flex-row" }, Kl = { class: "footer-title" }, Xl = ["href"], Yl = {
   key: 0,
   class: "sm:hidden w-full"
-}, ql = { class: "border-b-2 border-base-100 last:border-b-0 w-full" }, Ul = {
+}, Gl = { class: "border-b-2 border-base-100 last:border-b-0 w-full" }, Jl = {
   tabindex: "0",
   class: "collapse collapse-plus w-full"
-}, Hl = { class: "collapse-title font-bold text-lg collapsible-footer-title" }, Wl = { class: "collapse-content flex w-full text-sm" }, Kl = { class: "flex flex-col gap-2.5" }, Xl = { class: "w-full" }, Yl = ["href"], Gl = { class: "sm:w-1/4" }, Vn = /* @__PURE__ */ _({
+}, Zl = { class: "collapse-title font-bold text-lg collapsible-footer-title" }, Ql = { class: "collapse-content flex w-full text-sm" }, en = { class: "flex flex-col gap-2.5" }, tn = { class: "w-full" }, ln = ["href"], nn = { class: "sm:w-1/4" }, Nn = /* @__PURE__ */ _({
   __name: "footer",
   props: {
     items: {},
@@ -2086,38 +2115,38 @@ const ct = xe("SunIcon", [
   },
   setup(e) {
     const d = e;
-    return (l, t) => (o(), r("div", {
+    return (l, t) => (a(), s("div", {
       class: z(["mx-auto md:px-10 py-10 text-base-content", [e.background ?? "bg-base-200", e.color ?? "text-base-content"]])
     }, [
-      n("footer", Rl, [
+      n("footer", Wl, [
         n("div", {
           class: z(["footer sm:footer-horizontal sm:w-3/4", [{ "sm:grid-rows-1": d.rows === 1 }, { "sm:grid-rows-2": d.rows === 2 }, { "sm:grid-rows-3": d.rows === 3 }]])
         }, [
-          (o(!0), r(W, null, Z(d.items, (s) => (o(), r("nav", {
+          (a(!0), s(U, null, G(d.items, (i) => (a(), s("nav", {
             class: z([{ "hidden sm:grid w-max": e.collapseOnMobile }])
           }, [
-            n("h6", Nl, L(s.title), 1),
-            (o(!0), r(W, null, Z(s.items, (a) => (o(), r("a", {
+            n("h6", Kl, L(i.title), 1),
+            (a(!0), s(U, null, G(i.items, (o) => (a(), s("a", {
               class: "link link-hover",
-              href: a.link
-            }, L(a.text), 9, _l))), 256))
+              href: o.link
+            }, L(o.text), 9, Xl))), 256))
           ], 2))), 256)),
           n("nav", {
             class: z(["empty:hidden", [{ "hidden sm:grid": e.collapseOnMobile }]])
           }, [
             V(l.$slots, "extra-row")
           ], 2),
-          e.collapseOnMobile ? (o(), r("nav", Fl, [
-            (o(!0), r(W, null, Z(d.items, (s) => (o(), r("ul", ql, [
-              n("div", Ul, [
-                n("div", Hl, L(s.title), 1),
-                n("div", Wl, [
-                  n("ul", Kl, [
-                    (o(!0), r(W, null, Z(s.items, (a) => (o(), r("li", Xl, [
+          e.collapseOnMobile ? (a(), s("nav", Yl, [
+            (a(!0), s(U, null, G(d.items, (i) => (a(), s("ul", Gl, [
+              n("div", Jl, [
+                n("div", Zl, L(i.title), 1),
+                n("div", Ql, [
+                  n("ul", en, [
+                    (a(!0), s(U, null, G(i.items, (o) => (a(), s("li", tn, [
                       n("a", {
                         class: "w-full font-medium link link-hover",
-                        href: a.link
-                      }, L(a.text), 9, Yl)
+                        href: o.link
+                      }, L(o.text), 9, ln)
                     ]))), 256))
                   ])
                 ])
@@ -2125,18 +2154,18 @@ const ct = xe("SunIcon", [
             ]))), 256))
           ])) : O("", !0)
         ], 2),
-        n("aside", Gl, [
+        n("aside", nn, [
           V(l.$slots, "default")
         ])
       ])
     ], 2));
   }
-}), Jl = {}, Zl = { class: "min-h-40 container hero" }, Ql = { class: "px-0! text-center hero-content" }, en = { class: "mt-9 text-4xl" };
-function tn(e, d) {
-  return o(), r("div", Zl, [
-    n("div", Ql, [
+}), an = {}, on = { class: "min-h-40 container hero" }, sn = { class: "px-0! text-center hero-content" }, rn = { class: "mt-9 text-4xl" };
+function un(e, d) {
+  return a(), s("div", on, [
+    n("div", sn, [
       n("div", null, [
-        n("h1", en, [
+        n("h1", rn, [
           V(e.$slots, "title", {}, () => [
             d[0] || (d[0] = Re("hero title", -1))
           ])
@@ -2151,7 +2180,7 @@ function tn(e, d) {
     ])
   ]);
 }
-const En = /* @__PURE__ */ ge(Jl, [["render", tn]]), ln = { class: "flex flex-row place-content-center gap-4 categories" }, nn = ["onClick"], Ln = /* @__PURE__ */ _({
+const _n = /* @__PURE__ */ ge(an, [["render", un]]), dn = { class: "flex flex-row place-content-center gap-4 categories" }, cn = ["onClick"], Fn = /* @__PURE__ */ _({
   __name: "categoryNavigation",
   props: {
     searchOptions: {},
@@ -2160,52 +2189,52 @@ const En = /* @__PURE__ */ ge(Jl, [["render", tn]]), ln = { class: "flex flex-ro
   emits: ["update:currentCategory"],
   setup(e, { emit: d }) {
     const l = e, t = d;
-    function s(a) {
-      t("update:currentCategory", a);
+    function i(o) {
+      t("update:currentCategory", o);
     }
-    return (a, u) => (o(), r("div", ln, [
-      (o(!0), r(W, null, Z(l.searchOptions, (m) => (o(), r("div", {
+    return (o, u) => (a(), s("div", dn, [
+      (a(!0), s(U, null, G(l.searchOptions, (m) => (a(), s("div", {
         key: m.category
       }, [
         n("button", {
-          onClick: (i) => s(m.category),
+          onClick: (r) => i(m.category),
           class: z(["truncate btn btn-ghost", { "font-semibold": l.currentCategory === m.category }])
-        }, L(m.category), 11, nn)
+        }, L(m.category), 11, cn)
       ]))), 128))
     ]));
   }
-}), an = { class: "md:flex hidden navbar-start" }, on = { class: "md:flex justify-center items-center hidden navbar-center" }, sn = { class: "md:flex hidden navbar-end" }, rn = { class: "navbar-bottom md:flex hidden" }, un = /* @__PURE__ */ _({
+}), vn = { class: "md:flex hidden navbar-start" }, fn = { class: "md:flex justify-center items-center hidden navbar-center" }, mn = { class: "md:flex hidden navbar-end" }, pn = { class: "navbar-bottom md:flex hidden" }, hn = /* @__PURE__ */ _({
   __name: "navigationBar",
   props: {
     isCollapsed: { type: Boolean, default: !0 }
   },
   setup(e) {
     const d = e;
-    return (l, t) => (o(), r("nav", {
+    return (l, t) => (a(), s("nav", {
       class: z(["place-items-start border-primary bg-base-100 px-5 py-5 border-b-4 transition-all navbar navigationbar", d.isCollapsed ? "collapsed" : ""])
     }, [
-      n("div", an, [
+      n("div", vn, [
         V(l.$slots, "start", {}, void 0, !0)
       ]),
-      n("div", on, [
+      n("div", fn, [
         V(l.$slots, "center", {}, void 0, !0)
       ]),
-      n("div", sn, [
+      n("div", mn, [
         V(l.$slots, "end", {}, void 0, !0)
       ]),
-      n("div", rn, [
+      n("div", pn, [
         V(l.$slots, "bottom", {}, void 0, !0)
       ])
     ], 2));
   }
-}), jn = /* @__PURE__ */ ge(un, [["__scopeId", "data-v-8ddb2b45"]]), dn = {
+}), Hn = /* @__PURE__ */ ge(hn, [["__scopeId", "data-v-8ddb2b45"]]), gn = {
   key: 0,
   class: "hidden top-4 right-0 absolute md:flex gap-4"
-}, cn = ["onClick", "aria-selected"], vn = {
+}, yn = ["onClick", "aria-selected"], bn = {
   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"
-}, fn = { class: "p-6 border-x-0 border-t-2 border-b-0 border-base-300 max-w-full" }, Pn = /* @__PURE__ */ _({
+}, wn = { class: "p-6 border-x-0 border-t-2 border-b-0 border-base-300 max-w-full" }, qn = /* @__PURE__ */ _({
   __name: "tab",
   props: {
     items: {},
@@ -2215,30 +2244,30 @@ const En = /* @__PURE__ */ ge(Jl, [["render", tn]]), ln = { class: "flex flex-ro
   },
   emits: ["tab-changed"],
   setup(e, { emit: d }) {
-    const l = e, t = h(l.items[0]), s = d;
-    function a(i) {
-      t.value = i, s("tab-changed", i);
+    const l = e, t = h(l.items[0]), i = d;
+    function o(r) {
+      t.value = r, i("tab-changed", r);
     }
     function u() {
       const y = (l.items.indexOf(t.value) + 1) % l.items.length;
-      a(l.items[y]);
+      o(l.items[y]);
     }
     function m() {
       const y = (l.items.indexOf(t.value) - 1 + l.items.length) % l.items.length;
-      a(l.items[y]);
+      o(l.items[y]);
     }
     return he(() => {
-      l.items && a(l.items[0]);
+      l.items && o(l.items[0]);
     }), Ve(() => {
       l.rotateTabsAfter && l.rotateTabsAfter > 0 && setInterval(() => {
         u();
       }, l.rotateTabsAfter * 1e3);
-    }), (i, y) => (o(), r(W, null, [
+    }), (r, y) => (a(), s(U, null, [
       n("div", {
         role: "tablist",
         class: z(["relative tabs-bordered w-full tabs tabs-lg", { "flex-nowrap overflow-x-auto": e.buttonOnlyMode }])
       }, [
-        e.withControlls ? (o(), r("div", dn, [
+        e.withControlls ? (a(), s("div", gn, [
           n("button", {
             onClick: y[0] || (y[0] = (M) => m()),
             class: "cursor-pointer"
@@ -2248,21 +2277,21 @@ const En = /* @__PURE__ */ ge(Jl, [["render", tn]]), ln = { class: "flex flex-ro
             class: "text-primary cursor-pointer"
           }, "Next")
         ])) : O("", !0),
-        (o(!0), r(W, null, Z(e.items, (M) => (o(), r(W, null, [
+        (a(!0), s(U, null, G(e.items, (M) => (a(), s(U, null, [
           n("a", {
             type: "button",
             role: "tab",
             class: z(["min-w-max tab", M === t.value ? "bg-primary text-base-100" : ""]),
-            onClick: (R) => a(M),
+            onClick: (R) => o(M),
             "aria-selected": t.value == M
-          }, L(M), 11, cn),
-          e.buttonOnlyMode ? O("", !0) : (o(), r("div", vn, [
-            V(i.$slots, `${M}-tab`)
+          }, L(M), 11, yn),
+          e.buttonOnlyMode ? O("", !0) : (a(), s("div", bn, [
+            V(r.$slots, `${M}-tab`)
           ]))
         ], 64))), 256))
       ], 2),
-      n("div", fn, [
-        V(i.$slots, "default")
+      n("div", wn, [
+        V(r.$slots, "default")
       ])
     ], 64));
   }
@@ -2270,28 +2299,28 @@ const En = /* @__PURE__ */ ge(Jl, [["render", tn]]), ln = { class: "flex flex-ro
 typeof document > "u" && (globalThis.document = {});
 typeof window > "u" && (globalThis.window = globalThis);
 export {
-  wn as Accordion,
-  In as AdvancedSearch,
-  xn as Avatar,
-  kn as Badge,
-  pn as ButtonComponent,
-  $n as Card,
-  Sn as Carousel,
-  Cn as CarouselItem,
-  Ln as CategoryNavigation,
-  cl as DatetimePicker,
-  hn as Dropdown,
-  Bn as FilterableSelect,
-  Vn as Footer,
-  En as Hero,
-  On as InputField,
-  Dn as Loader,
-  gn as Modal,
-  jn as NavigationBar,
-  Mn as Rating,
-  Tn as Selector,
-  yn as Swap,
-  Pn as Tab,
-  zn as TagInput,
-  bn as ThemeController
+  Mn as Accordion,
+  Vn as AdvancedSearch,
+  zn as Avatar,
+  Tn as Badge,
+  kn as ButtonComponent,
+  Bn as Card,
+  On as Carousel,
+  Dn as CarouselItem,
+  Fn as CategoryNavigation,
+  yl as DatetimePicker,
+  $n as Dropdown,
+  Pn as FilterableSelect,
+  Nn as Footer,
+  _n as Hero,
+  An as InputField,
+  Rn as Loader,
+  Sn as Modal,
+  Hn as NavigationBar,
+  En as Rating,
+  jn as Selector,
+  Cn as Swap,
+  qn as Tab,
+  Ln as TagInput,
+  In as ThemeController
 };