manolis-ui 0.17.4 → 0.17.6

package/dist/manolis-ui.js

@@ -1,8 +1,8 @@
-import { defineComponent as _, computed as Q, createElementBlock as i, openBlock as o, normalizeClass as D, createCommentVNode as B, renderSlot as E, createTextVNode as Ve, createElementVNode as n, Fragment as K, renderList as J, toDisplayString as j, ref as g, watch as H, h as Ie, onMounted as ve, withDirectives as ye, createVNode as ie, isRef as _e, vModelCheckbox as Fe, unref as oe, provide as qe, onUnmounted as Me, normalizeStyle as me, Transition as De, withCtx as be, inject as Ue, useId as He, defineAsyncComponent as ke, nextTick as de, onBeforeUnmount as ze, withModifiers as se, createBlock as ue, resolveDynamicComponent as $e, mergeProps as Ce, withKeys as ce, resolveComponent as Se, vModelText as Ee, useSlots as We, Comment as Ke, vShow as Xe } from "vue";
-const Ye = ["disabled"], Ge = {
+import { defineComponent as _, computed as Q, createElementBlock as r, openBlock as o, normalizeClass as D, createCommentVNode as B, renderSlot as E, createTextVNode as Le, createElementVNode as n, Fragment as K, renderList as J, toDisplayString as j, ref as g, watch as U, h as ze, onMounted as fe, withDirectives as be, createVNode as ie, isRef as Fe, vModelCheckbox as qe, unref as oe, provide as Ue, onUnmounted as Te, normalizeStyle as pe, Transition as Ve, withCtx as we, inject as He, useId as We, defineAsyncComponent as Se, nextTick as ce, onBeforeUnmount as Be, withModifiers as se, createBlock as de, resolveDynamicComponent as Ce, mergeProps as Ie, withKeys as ve, resolveComponent as Me, vModelText as je, useSlots as Ke, Comment as Xe, vShow as Ye } from "vue";
+const Ge = ["disabled"], Je = {
   key: 0,
   class: "loading loading-spinner"
-}, vn = /* @__PURE__ */ _({
+}, fn = /* @__PURE__ */ _({
   __name: "ButtonComponent",
   props: {
     outlined: { type: Boolean, default: !1 },
@@ -64,7 +64,7 @@ const Ye = ["disabled"], Ge = {
           return "";
       }
     });
-    return (a, r) => (o(), i("button", {
+    return (a, u) => (o(), r("button", {
       class: D([
         "btn",
         { "btn-outline": v.outlined },
@@ -75,16 +75,16 @@ const Ye = ["disabled"], Ge = {
       ]),
       disabled: v.disabled
     }, [
-      e.loading ? (o(), i("span", Ge)) : B("", !0),
+      e.loading ? (o(), r("span", Je)) : B("", !0),
       E(a.$slots, "default", {}, () => [
-        r[0] || (r[0] = Ve("Submit", -1))
+        u[0] || (u[0] = Le("Submit", -1))
       ])
-    ], 10, Ye));
+    ], 10, Ge));
   }
-}), Je = {
+}), Ze = {
   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"
-}, Ze = ["href"], fn = /* @__PURE__ */ _({
+}, Qe = ["href"], mn = /* @__PURE__ */ _({
   __name: "dropdown",
   props: {
     items: {},
@@ -103,7 +103,7 @@ const Ye = ["disabled"], Ge = {
       start: "",
       end: "dropdown-end"
     }, t = e;
-    return (s, a) => (o(), i("div", {
+    return (s, a) => (o(), r("div", {
       class: D(["dropdown", v[t.position], l[t.floatPosition], { "dropdown-open": t.forceOpen }, { "dropdown-hover": t.openOnHover }])
     }, [
       E(s.$slots, "default", {
@@ -112,17 +112,17 @@ const Ye = ["disabled"], Ge = {
       }, () => [
         a[0] || (a[0] = n("div", { class: "m-1 btn" }, "Open dropdown", -1))
       ]),
-      n("ul", Je, [
-        (o(!0), i(K, null, J(e.items, (r) => (o(), i("li", null, [
+      n("ul", Ze, [
+        (o(!0), r(K, null, J(e.items, (u) => (o(), r("li", null, [
           n("a", {
-            href: r.link
-          }, j(r.text), 9, Ze)
+            href: u.link
+          }, j(u.text), 9, Qe)
         ]))), 256)),
         E(s.$slots, "additional")
       ])
     ], 2));
   }
-}), Qe = { class: "modal-box" }, et = { class: "modal-action" }, mn = /* @__PURE__ */ _({
+}), et = { class: "modal-box" }, tt = { class: "modal-action" }, pn = /* @__PURE__ */ _({
   __name: "modal",
   props: {
     position: { default: "center" },
@@ -135,24 +135,24 @@ const Ye = ["disabled"], Ge = {
       bottom: "modal-bottom",
       center: "modal-middle"
     }, t = g(null), s = () => {
-      var r;
-      (r = t.value) == null || r.showModal();
+      var u;
+      (u = t.value) == null || u.showModal();
     }, a = () => {
-      var r;
-      (r = t.value) == null || r.close();
+      var u;
+      (u = t.value) == null || u.close();
     };
-    return H(
+    return U(
       () => v.forceOpen,
-      (r) => {
-        r == !0 && s(), r == !1 && a();
+      (u) => {
+        u == !0 && s(), u == !1 && a();
       }
-    ), (r, p) => (o(), i(K, null, [
-      v.forceOpen == null ? (o(), i("span", {
+    ), (u, p) => (o(), r(K, null, [
+      v.forceOpen == null ? (o(), r("span", {
         key: 0,
         class: "w-fit cursor-pointer",
         onClick: s
       }, [
-        E(r.$slots, "trigger", { role: "button" }, () => [
+        E(u.$slots, "trigger", { role: "button" }, () => [
           p[0] || (p[0] = n("button", { class: "btn" }, "Open", -1))
         ])
       ])) : B("", !0),
@@ -161,16 +161,16 @@ const Ye = ["disabled"], Ge = {
         ref: t,
         class: D(["modal", l[v.position]])
       }, [
-        n("div", Qe, [
-          E(r.$slots, "default"),
-          n("div", et, [
-            E(r.$slots, "actions"),
+        n("div", et, [
+          E(u.$slots, "default"),
+          n("div", tt, [
+            E(u.$slots, "actions"),
             n("form", {
               method: "dialog",
               onSubmit: a,
               class: D(e.withBackdrop ? "modal-backdrop" : "")
             }, [
-              E(r.$slots, "close-button", {}, () => [
+              E(u.$slots, "close-button", {}, () => [
                 p[1] || (p[1] = n("button", { class: "btn" }, "Close", -1))
               ])
             ], 34)
@@ -179,21 +179,21 @@ const Ye = ["disabled"], Ge = {
       ], 2)
     ], 64));
   }
-}), tt = { class: "flex justify-center items-center swap-on" }, lt = { class: "flex justify-center items-center swap-off" }, pn = /* @__PURE__ */ _({
+}), lt = { class: "flex justify-center items-center swap-on" }, nt = { class: "flex justify-center items-center swap-off" }, hn = /* @__PURE__ */ _({
   __name: "swap",
   props: {
     effect: {}
   },
   setup(e) {
     const v = e;
-    return (l, t) => (o(), i("label", {
+    return (l, t) => (o(), r("label", {
       class: D(["swap", v.effect ? `swap-${e.effect}` : ""])
     }, [
       t[0] || (t[0] = n("input", { type: "checkbox" }, null, -1)),
-      n("div", tt, [
+      n("div", lt, [
         E(l.$slots, "on")
       ]),
-      n("div", lt, [
+      n("div", nt, [
         E(l.$slots, "off")
       ])
     ], 2));
@@ -205,14 +205,14 @@ const Ye = ["disabled"], Ge = {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const nt = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
+const at = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
 /**
  * @license lucide-vue-next v0.468.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-var ge = {
+var ye = {
   xmlns: "http://www.w3.org/2000/svg",
   width: 24,
   height: 24,
@@ -229,18 +229,18 @@ var ge = {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const at = ({ size: e, strokeWidth: v = 2, absoluteStrokeWidth: l, color: t, iconNode: s, name: a, class: r, ...p }, { slots: u }) => Ie(
+const ot = ({ size: e, strokeWidth: v = 2, absoluteStrokeWidth: l, color: t, iconNode: s, name: a, class: u, ...p }, { slots: i }) => ze(
   "svg",
   {
-    ...ge,
-    width: e || ge.width,
-    height: e || ge.height,
-    stroke: t || ge.stroke,
+    ...ye,
+    width: e || ye.width,
+    height: e || ye.height,
+    stroke: t || ye.stroke,
     "stroke-width": l ? Number(v) * 24 / Number(e) : v,
-    class: ["lucide", `lucide-${nt(a ?? "icon")}`],
+    class: ["lucide", `lucide-${at(a ?? "icon")}`],
     ...p
   },
-  [...s.map((b) => Ie(...b)), ...u.default ? [u.default()] : []]
+  [...s.map((b) => ze(...b)), ...i.default ? [i.default()] : []]
 );
 /**
  * @license lucide-vue-next v0.468.0 - ISC
@@ -248,8 +248,8 @@ const at = ({ size: e, strokeWidth: v = 2, absoluteStrokeWidth: l, color: t, ico
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const pe = (e, v) => (l, { slots: t }) => Ie(
-  at,
+const he = (e, v) => (l, { slots: t }) => ze(
+  ot,
   {
     ...l,
     iconNode: v,
@@ -263,7 +263,7 @@ const pe = (e, v) => (l, { slots: t }) => Ie(
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const ot = pe("CircleChevronDownIcon", [
+const st = he("CircleChevronDownIcon", [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "m16 10-4 4-4-4", key: "894hmk" }]
 ]);
@@ -273,7 +273,7 @@ const ot = pe("CircleChevronDownIcon", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const st = pe("CircleXIcon", [
+const it = he("CircleXIcon", [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "m15 9-6 6", key: "1uzhvr" }],
   ["path", { d: "m9 9 6 6", key: "z0biqf" }]
@@ -284,7 +284,7 @@ const st = pe("CircleXIcon", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const it = pe("MoonIcon", [
+const rt = he("MoonIcon", [
   ["path", { d: "M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z", key: "a7tn18" }]
 ]);
 /**
@@ -293,7 +293,7 @@ const it = pe("MoonIcon", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Oe = pe("SearchIcon", [
+const Ee = he("SearchIcon", [
   ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }],
   ["path", { d: "m21 21-4.3-4.3", key: "1qie3q" }]
 ]);
@@ -303,7 +303,7 @@ const Oe = pe("SearchIcon", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const rt = pe("SunIcon", [
+const ut = he("SunIcon", [
   ["circle", { cx: "12", cy: "12", r: "4", key: "4exip2" }],
   ["path", { d: "M12 2v2", key: "tus03m" }],
   ["path", { d: "M12 20v2", key: "1lh1kg" }],
@@ -313,44 +313,44 @@ const rt = pe("SunIcon", [
   ["path", { d: "M20 12h2", key: "1q8mjw" }],
   ["path", { d: "m6.34 17.66-1.41 1.41", key: "1m8zz5" }],
   ["path", { d: "m19.07 4.93-1.41 1.41", key: "1shlcs" }]
-]), ut = (e, v) => {
+]), dt = (e, v) => {
   const l = g(null);
-  return ve(() => {
+  return fe(() => {
     if (typeof window < "u") {
       const t = window.localStorage.getItem(e);
       l.value = t ? JSON.parse(t) : v;
     }
-  }), H(l, (t) => {
+  }), U(l, (t) => {
     typeof window < "u" && window.localStorage.setItem(e, JSON.stringify(t));
   }), l;
-}, dt = { class: "swap-rotate swap" }, ct = ["true-value", "false-value"], hn = /* @__PURE__ */ _({
+}, ct = { class: "swap-rotate swap" }, vt = ["true-value", "false-value"], gn = /* @__PURE__ */ _({
   __name: "theme-controller",
   props: {
     lightTheme: { default: "light" },
     darkTheme: { default: "dark" }
   },
   setup(e) {
-    const v = e, l = ut("theme", v.lightTheme);
+    const v = e, l = dt("theme", v.lightTheme);
     function t(s) {
       typeof window < "u" && window.document && document.documentElement.setAttribute("data-theme", s);
     }
-    return ve(() => t(l.value ? l.value : "")), H(l, (s) => {
+    return fe(() => t(l.value ? l.value : "")), U(l, (s) => {
       t(s);
-    }), (s, a) => (o(), i("label", dt, [
-      ye(n("input", {
+    }), (s, a) => (o(), r("label", ct, [
+      be(n("input", {
         type: "checkbox",
         class: "theme-controller",
-        "onUpdate:modelValue": a[0] || (a[0] = (r) => _e(l) ? l.value = r : null),
+        "onUpdate:modelValue": a[0] || (a[0] = (u) => Fe(l) ? l.value = u : null),
         "true-value": v.lightTheme,
         "false-value": v.darkTheme
-      }, null, 8, ct), [
-        [Fe, oe(l)]
+      }, null, 8, vt), [
+        [qe, oe(l)]
       ]),
-      ie(oe(rt), { class: "swap-off fill-current" }),
-      ie(oe(it), { class: "swap-on fill-current" })
+      ie(oe(ut), { class: "swap-off fill-current" }),
+      ie(oe(rt), { class: "swap-on fill-current" })
     ]));
   }
-}), vt = ["name"], ft = { class: "collapse-title font-bold text-2xl lg:text-4xl" }, mt = { class: "collapse-content" }, pt = ["innerHTML"], gn = /* @__PURE__ */ _({
+}), ft = ["name"], mt = { class: "collapse-title font-bold text-2xl lg:text-4xl" }, pt = { class: "collapse-content" }, ht = ["innerHTML"], yn = /* @__PURE__ */ _({
   __name: "accordion",
   props: {
     name: {},
@@ -360,7 +360,7 @@ const rt = pe("SunIcon", [
   },
   setup(e) {
     const v = e;
-    return (l, t) => (o(!0), i(K, null, J(v.items, (s, a) => (o(), i("div", {
+    return (l, t) => (o(!0), r(K, null, J(v.items, (s, a) => (o(), r("div", {
       class: D(["collapse border border-base-300", [e.icon ? `collapse-${e.icon}` : "", { "join-item": e.joinItems }]]),
       key: a
     }, [
@@ -368,16 +368,16 @@ const rt = pe("SunIcon", [
         type: "radio",
         name: e.name,
         value: "true"
-      }, null, 8, vt),
-      n("div", ft, j(s.title), 1),
-      n("div", mt, [
+      }, null, 8, ft),
+      n("div", mt, j(s.title), 1),
+      n("div", pt, [
         n("span", {
           innerHTML: s.content
-        }, null, 8, pt)
+        }, null, 8, ht)
       ])
     ], 2))), 128));
   }
-}), ht = ["src"], gt = { class: "text-xl" }, yn = /* @__PURE__ */ _({
+}), gt = ["src"], yt = { class: "text-xl" }, bn = /* @__PURE__ */ _({
   __name: "avatar",
   props: {
     image: {},
@@ -387,31 +387,31 @@ const rt = pe("SunIcon", [
   },
   setup(e) {
     const v = e, l = g(v.onlineStatus);
-    return H(
+    return U(
       () => v.onlineStatus,
       (t) => {
         t && (l.value = t);
       }
-    ), (t, s) => (o(), i("div", {
+    ), (t, s) => (o(), r("div", {
       class: D(["avatar", [{ "avatar-online": l.value === "online" }, { "avatar-offline": l.value === "offline" }]])
     }, [
-      e.image ? (o(), i("div", {
+      e.image ? (o(), r("div", {
         key: 0,
         class: D(["rounded", [{ "rounded-full": e.fullyRounded }, { rounded: !e.fullyRounded }]])
       }, [
         n("img", {
           src: e.image,
           class: "w-full h-full"
-        }, null, 8, ht)
-      ], 2)) : (o(), i("div", {
+        }, null, 8, gt)
+      ], 2)) : (o(), r("div", {
         key: 1,
         class: D(["flex justify-center bg-neutral p-[25%] rounded w-16 text-neutral-content text-center", [{ "rounded-full": e.fullyRounded }, { rounded: !e.fullyRounded }]])
       }, [
-        n("p", gt, j(e.initials), 1)
+        n("p", yt, j(e.initials), 1)
       ], 2))
     ], 2));
   }
-}), bn = /* @__PURE__ */ _({
+}), wn = /* @__PURE__ */ _({
   __name: "badge",
   props: {
     color: { default: "neutral" },
@@ -435,25 +435,25 @@ const rt = pe("SunIcon", [
       warning: "badge-warning",
       error: "badge-error"
     };
-    return (s, a) => (o(), i("span", {
+    return (s, a) => (o(), r("span", {
       class: D(["badge", l[v.size], t[v.color], { "badge-outline": v.outline }])
     }, [
       E(s.$slots, "default")
     ], 2));
   }
-}), yt = ["src", "alt"], bt = {
+}), bt = ["src", "alt"], wt = {
   key: 0,
   class: "card-body"
-}, wt = {
+}, xt = {
   key: 0,
   class: "group-hover:text-primary text-lg text-left cursor-pointer card-title"
-}, xt = {
+}, kt = {
   key: 1,
   class: "text-left"
-}, kt = { class: "flex-col flex-nowrap mt-auto card-actions" }, $t = {
+}, $t = { class: "flex-col flex-nowrap mt-auto card-actions" }, St = {
   key: 1,
   class: "card-body"
-}, wn = /* @__PURE__ */ _({
+}, xn = /* @__PURE__ */ _({
   __name: "card",
   props: {
     imgUrl: { default: "" },
@@ -471,12 +471,12 @@ const rt = pe("SunIcon", [
   },
   setup(e) {
     const v = e, l = g(v.outlined);
-    return H(
+    return U(
       () => v.outlined,
       (t) => {
         l.value = t;
       }
-    ), (t, s) => (o(), i("div", {
+    ), (t, s) => (o(), r("div", {
       class: D(["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 +487,7 @@ const rt = pe("SunIcon", [
       n("figure", {
         class: D([{ "contents!": e.horizontal && e.imgWidth }])
       }, [
-        e.imgUrl || e.imgUrl && !e.loading ? (o(), i("img", {
+        e.imgUrl || e.imgUrl && !e.loading ? (o(), r("img", {
           key: 0,
           src: e.imgUrl,
           alt: e.alt,
@@ -498,21 +498,21 @@ const rt = pe("SunIcon", [
             !e.horizontal && e.imgHeight ? e.imgHeight : "h-full",
             e.horizontal && e.imgWidth ? e.imgWidth : "w-full"
           ]])
-        }, null, 10, yt)) : B("", !0),
-        e.loading && e.imgUrl ? (o(), i("div", {
+        }, null, 10, bt)) : B("", !0),
+        e.loading && e.imgUrl ? (o(), r("div", {
           key: 1,
           class: D(["w-full skeleton", e.imgHeight])
         }, null, 2)) : B("", !0)
       ], 2),
-      e.loading ? B("", !0) : (o(), i("div", bt, [
-        e.title ? (o(), i("h2", wt, j(e.title), 1)) : B("", !0),
+      e.loading ? B("", !0) : (o(), r("div", wt, [
+        e.title ? (o(), r("h2", xt, j(e.title), 1)) : B("", !0),
         E(t.$slots, "details"),
-        e.description ? (o(), i("p", xt, j(e.description), 1)) : B("", !0),
-        n("div", kt, [
+        e.description ? (o(), r("p", kt, j(e.description), 1)) : B("", !0),
+        n("div", $t, [
           E(t.$slots, "actions")
         ])
       ])),
-      e.loading ? (o(), i("div", $t, [...s[0] || (s[0] = [
+      e.loading ? (o(), r("div", St, [...s[0] || (s[0] = [
         n("div", { class: "flex flex-col gap-4 w-52" }, [
           n("div", { class: "w-28 h-4 skeleton" }),
           n("div", { class: "w-full h-4 skeleton" }),
@@ -521,16 +521,17 @@ const rt = pe("SunIcon", [
       ])])) : B("", !0)
     ], 2));
   }
-}), Le = Symbol("CarouselItemStyle"), Ct = { class: "relative h-full" }, St = {
+}), Pe = Symbol("CarouselItemStyle"), Ct = { class: "relative h-full" }, It = {
   key: 0,
   class: "flex-shrink-0"
-}, It = {
+}, Mt = {
   key: 0,
   class: "flex-shrink-0"
-}, Mt = {
+}, zt = {
   key: 1,
+  id: "carousel-indicators",
   class: "bottom-5 z-10 absolute flex justify-center gap-2 py-2 w-full"
-}, zt = ["onClick", "aria-label"], Tt = /* @__PURE__ */ _({
+}, Tt = ["onClick", "aria-label"], Bt = /* @__PURE__ */ _({
   __name: "carousel",
   props: {
     showIndicators: {
@@ -586,81 +587,81 @@ const rt = pe("SunIcon", [
     }
   },
   setup(e, { expose: v }) {
-    const l = e, t = g(l.initialSlide), s = g(null), a = g(null), r = g(0), p = g(!1), u = g(0), b = g(0), I = g(!1), P = g(0), k = g(0), c = g(0), O = g(0), S = g(0), W = g(0), F = g(0), X = g(null), Z = g(null), le = g(0), f = Q(() => {
-      const $ = Object.keys(l.breakpoints).map(Number).sort((A, R) => A - R);
+    const l = e, t = g(l.initialSlide), s = g(null), a = g(null), u = g(0), p = g(!1), i = g(0), b = g(0), I = g(!1), A = g(0), k = g(0), c = g(0), O = g(0), S = g(0), W = g(0), F = g(0), X = g(null), Z = g(null), le = g(0), f = Q(() => {
+      const $ = Object.keys(l.breakpoints).map(Number).sort((P, R) => P - R);
       let C = {};
-      for (const A of $)
-        b.value >= A && (C = { ...C, ...l.breakpoints[A] });
+      for (const P of $)
+        b.value >= P && (C = { ...C, ...l.breakpoints[P] });
       return C;
     }), m = Q(() => f.value.slidesPerView ?? l.slidesPerView), x = Q(() => f.value.gap ?? l.gap), L = Q(() => {
-      const $ = l.sliderOrientation === "horizontal", A = `calc((100% - ${m.value > 1 ? (m.value - 1) * x.value : 0}px) / ${m.value})`;
+      const $ = l.sliderOrientation === "horizontal", P = `calc((100% - ${m.value > 1 ? (m.value - 1) * x.value : 0}px) / ${m.value})`;
       return $ ? {
-        width: A
-      } : { height: A };
+        width: P
+      } : { height: P };
     });
-    qe(Le, L);
+    Ue(Pe, L);
     const d = () => {
-      a.value ? u.value = a.value.children.length : u.value = 0;
+      a.value ? i.value = a.value.children.length : i.value = 0;
     }, V = () => {
       if (!s.value || m.value <= 0) return 0;
-      const C = l.sliderOrientation === "horizontal" ? s.value.offsetWidth : s.value.offsetHeight, A = (m.value - 1) * x.value;
-      return C <= 0 ? 0 : (C - A) / m.value;
+      const C = l.sliderOrientation === "horizontal" ? s.value.offsetWidth : s.value.offsetHeight, P = (m.value - 1) * x.value;
+      return C <= 0 ? 0 : (C - P) / m.value;
     }, w = Q(() => {
-      if (!s.value || u.value === 0 || m.value === 0) return 0;
-      const C = l.sliderOrientation === "horizontal" ? s.value.offsetWidth : s.value.offsetHeight, A = V(), R = u.value * (A + x.value) - x.value;
+      if (!s.value || i.value === 0 || m.value === 0) return 0;
+      const C = l.sliderOrientation === "horizontal" ? s.value.offsetWidth : s.value.offsetHeight, P = V(), R = i.value * (P + x.value) - x.value;
       return Math.max(0, R - C);
     }), z = async ($, C = !1) => {
-      if (!s.value || m.value <= 0 || p.value || (d(), u.value === 0)) return;
-      const A = V();
-      if (A <= 0) return;
-      const R = A + x.value, U = w.value;
+      if (!s.value || m.value <= 0 || p.value || (d(), i.value === 0)) return;
+      const P = V();
+      if (P <= 0) return;
+      const R = P + x.value, H = w.value;
       let N = $;
-      l.infinite ? N = ($ % u.value + u.value) % u.value : N = Math.max(0, Math.min($, u.value - m.value));
-      const te = N * R, Y = l.infinite ? te : Math.max(0, Math.min(te, U));
+      l.infinite ? N = ($ % i.value + i.value) % i.value : N = Math.max(0, Math.min($, i.value - m.value));
+      const te = N * R, Y = l.infinite ? te : Math.max(0, Math.min(te, H));
       if (C || 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)`), r.value = Y, t.value = N, p.value = !1, l.autoplay && G();
+        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 = N, p.value = !1, l.autoplay && G();
         return;
       }
       p.value = !0;
-      const he = r.value, je = Y - he, Ae = performance.now(), Te = (Pe) => {
+      const ue = u.value, ke = Y - ue, Ae = performance.now(), De = (Re) => {
         if (!a.value) return;
-        const Re = Pe - Ae, Be = Math.min(1, Re / l.slideDuration), Ne = 1 - Math.pow(1 - Be, 3), xe = he + je * Ne;
-        a.value.style.transform = l.sliderOrientation === "horizontal" ? `translate3d(${-xe}px, 0, 0)` : `translate3d(0, ${-xe}px, 0)`, r.value = xe, Be < 1 ? X.value = requestAnimationFrame(Te) : (a.value.style.transform = l.sliderOrientation === "horizontal" ? `translate3d(${-Y}px, 0, 0)` : `translate3d(0, ${-Y}px, 0)`, r.value = Y, t.value = N, p.value = !1, l.autoplay && G(), X.value = null);
+        const Ne = Re - Ae, Oe = Math.min(1, Ne / l.slideDuration), _e = 1 - Math.pow(1 - Oe, 3), $e = ue + ke * _e;
+        a.value.style.transform = l.sliderOrientation === "horizontal" ? `translate3d(${-$e}px, 0, 0)` : `translate3d(0, ${-$e}px, 0)`, u.value = $e, Oe < 1 ? X.value = requestAnimationFrame(De) : (a.value.style.transform = l.sliderOrientation === "horizontal" ? `translate3d(${-Y}px, 0, 0)` : `translate3d(0, ${-Y}px, 0)`, u.value = Y, t.value = N, p.value = !1, l.autoplay && G(), X.value = null);
       };
-      X.value = requestAnimationFrame(Te);
+      X.value = requestAnimationFrame(De);
     }, ee = () => {
-      l.infinite && t.value >= u.value - m.value ? z(0) : z(t.value + 1);
+      l.infinite && t.value >= i.value - m.value ? z(0) : z(t.value + 1);
     }, ne = () => {
-      l.infinite && t.value <= 0 ? z(u.value - m.value) : z(t.value - 1);
+      l.infinite && t.value <= 0 ? z(i.value - m.value) : z(t.value - 1);
     }, re = ($) => {
       z($);
     }, h = ($) => {
       p.value && X.value && (l.autoplay && q(), cancelAnimationFrame(X.value), p.value = !1), I.value = !0;
       const C = "touches" in $ ? $.touches[0] : $;
-      P.value = C.clientX, k.value = C.clientY, c.value = r.value, O.value = 0, S.value = 0, W.value = 0, F.value = performance.now(), s.value && (s.value.style.scrollSnapType = "none"), document.addEventListener("mousemove", y), document.addEventListener("mouseup", M), document.addEventListener("touchmove", y, { passive: !1 }), document.addEventListener("touchend", M);
+      A.value = C.clientX, k.value = C.clientY, c.value = u.value, O.value = 0, S.value = 0, W.value = 0, F.value = performance.now(), s.value && (s.value.style.scrollSnapType = "none"), document.addEventListener("mousemove", y), document.addEventListener("mouseup", M), document.addEventListener("touchmove", y, { passive: !1 }), document.addEventListener("touchend", M);
     }, y = ($) => {
       if (!I.value || !a.value || !s.value) return;
       $.cancelable && $.preventDefault();
-      const C = "touches" in $ ? $.touches[0] : $, A = performance.now(), R = A - F.value;
-      let U;
+      const C = "touches" in $ ? $.touches[0] : $, P = performance.now(), R = P - F.value;
+      let H;
       if (l.sliderOrientation === "horizontal") {
-        const N = C.clientX, te = N - (S.value || P.value);
+        const N = C.clientX, te = N - (S.value || A.value);
         R > 0 && (O.value = te / R * 1e3);
-        const Y = N - P.value;
-        U = c.value - Y, S.value = N;
+        const Y = N - A.value;
+        H = c.value - Y, S.value = N;
       } else {
         const N = C.clientY, te = N - (W.value || k.value);
         R > 0 && (O.value = te / R * 1e3);
         const Y = N - k.value;
-        U = c.value - Y, W.value = N;
+        H = c.value - Y, W.value = N;
       }
-      U < 0 ? U = U * 0.3 : U > w.value && (U = w.value + (U - w.value) * 0.3), le.value = U, a.value.style.transform = l.sliderOrientation === "horizontal" ? `translate3d(${-le.value}px, 0, 0)` : `translate3d(0, ${-le.value}px, 0)`, F.value = A;
+      H < 0 ? H = H * 0.3 : H > w.value && (H = w.value + (H - w.value) * 0.3), le.value = H, a.value.style.transform = l.sliderOrientation === "horizontal" ? `translate3d(${-le.value}px, 0, 0)` : `translate3d(0, ${-le.value}px, 0)`, F.value = P;
     }, M = () => {
       if (!I.value || !s.value || !a.value) return;
-      const C = l.sliderOrientation === "horizontal" ? c.value - (S.value - P.value) : c.value - (W.value - k.value), A = Math.max(0, Math.min(C, w.value)), R = V() + x.value;
-      if (I.value = !1, document.removeEventListener("mousemove", y), document.removeEventListener("mouseup", M), document.removeEventListener("touchend", M), r.value = A, l.infinite) {
+      const C = l.sliderOrientation === "horizontal" ? c.value - (S.value - A.value) : c.value - (W.value - k.value), P = Math.max(0, Math.min(C, w.value)), R = V() + x.value;
+      if (I.value = !1, document.removeEventListener("mousemove", y), document.removeEventListener("mouseup", M), document.removeEventListener("touchend", M), u.value = P, l.infinite) {
         if (C < 0) {
-          z(u.value - 1);
+          z(i.value - 1);
           return;
         } else if (C > w.value) {
           z(0);
@@ -670,16 +671,16 @@ const rt = pe("SunIcon", [
         z(0);
         return;
       } else if (C > w.value) {
-        const Y = Math.max(0, u.value - Math.floor(m.value));
+        const Y = Math.max(0, i.value - Math.floor(m.value));
         z(Y);
         return;
       }
-      const U = Math.max(0, u.value - Math.floor(m.value)), N = 100, te = Math.round(A / R);
+      const H = Math.max(0, i.value - Math.floor(m.value)), N = 100, te = Math.round(P / R);
       if (Math.abs(O.value) > N) {
-        const Y = -Math.sign(O.value), he = te + Y;
-        z(Math.max(0, Math.min(U, he)));
+        const Y = -Math.sign(O.value), ue = te + Y;
+        z(Math.max(0, Math.min(H, ue)));
       } else
-        z(Math.max(0, Math.min(U, te)));
+        z(Math.max(0, Math.min(H, te)));
     }, T = () => {
       !l.autoplay || Z.value !== null || (Z.value = setInterval(() => {
         ee();
@@ -692,35 +693,39 @@ const rt = pe("SunIcon", [
       }, 500);
     }, ae = () => {
       b.value = window.innerWidth;
-    }, we = () => {
-      if (!s.value || m.value <= 0 || (d(), u.value === 0)) return;
+    }, xe = () => {
+      if (!s.value || m.value <= 0 || (d(), i.value === 0)) return;
       const $ = V();
       if ($ <= 0) return;
-      const C = Math.max(0, u.value - m.value), A = Math.min(Math.max(0, l.initialSlide), C), R = A * ($ + x.value), U = w.value, N = Math.max(0, Math.min(R, U));
-      a.value && (a.value.style.transitionDuration = "0ms", a.value.style.transform = l.sliderOrientation === "horizontal" ? `translate3d(${-N}px, 0, 0)` : `translate3d(0, ${-N}px, 0)`), r.value = N, t.value = A;
+      const C = Math.max(0, i.value - m.value), P = Math.min(Math.max(0, l.initialSlide), C), R = P * ($ + x.value), H = w.value, N = Math.max(0, Math.min(R, H));
+      a.value && (a.value.style.transitionDuration = "0ms", a.value.style.transform = l.sliderOrientation === "horizontal" ? `translate3d(${-N}px, 0, 0)` : `translate3d(0, ${-N}px, 0)`), u.value = N, t.value = P;
     };
-    return Me(() => {
+    Te(() => {
       window.removeEventListener("resize", ae);
-    }), ve(() => {
-      var $, C, A, R, U, N, te, Y;
-      b.value = window.innerWidth, requestAnimationFrame(() => {
-        requestAnimationFrame(we);
-      }), l.autoplay && T(), window.addEventListener("resize", ae), d(), ($ = s.value) == null || $.addEventListener("mousedown", h), (C = s.value) == null || C.addEventListener("touchstart", h, { passive: !0 }), l.showNavigationButtons && ((U = (R = (A = s.value) == null ? void 0 : A.parentElement) == null ? void 0 : R.querySelector(".absolute.flex.justify-between")) == null || U.addEventListener("click", G)), l.showIndicators && ((Y = (te = (N = s.value) == null ? void 0 : N.parentElement) == null ? void 0 : te.querySelector(".bottom-5.flex.justify-center")) == null || Y.addEventListener("click", G));
-    }), Me(() => {
+    });
+    let ge = !1;
+    return fe(() => {
+      var C, P, R, H, N, te, Y, ue;
+      b.value = window.innerWidth;
+      const $ = U(i, (ke) => {
+        ke > 0 && !ge && (xe(), ge = !0, $());
+      });
+      l.autoplay && T(), window.addEventListener("resize", ae), d(), (C = s.value) == null || C.addEventListener("mousedown", h), (P = s.value) == null || P.addEventListener("touchstart", h, { passive: !0 }), l.showNavigationButtons && ((N = (H = (R = s.value) == null ? void 0 : R.parentElement) == null ? void 0 : H.querySelector(".absolute.flex.justify-between")) == null || N.addEventListener("click", G)), l.showIndicators && ((ue = (Y = (te = s.value) == null ? void 0 : te.parentElement) == null ? void 0 : Y.querySelector(".bottom-5.flex.justify-center")) == null || ue.addEventListener("click", G));
+    }), Te(() => {
       window.removeEventListener("resize", ae);
-    }), H(() => l.autoplay, ($) => {
+    }), U(() => l.autoplay, ($) => {
       $ ? T() : q();
-    }), H(() => l.autoplayInterval, G), H(() => l.initialSlide, ($) => {
+    }), U(() => l.autoplayInterval, G), U(() => l.initialSlide, ($) => {
       requestAnimationFrame(() => z($, !0));
-    }), H([m, x], () => {
+    }), U([m, x], () => {
       requestAnimationFrame(() => {
         requestAnimationFrame(() => {
-          if (d(), u.value === 0) return;
-          const $ = Math.max(0, u.value - m.value), C = Math.min(t.value, $);
+          if (d(), i.value === 0) return;
+          const $ = Math.max(0, i.value - m.value), C = Math.min(t.value, $);
           z(C, !0);
         });
       });
-    }), v({ scrollToSlide: z }), ($, C) => (o(), i("div", Ct, [
+    }), v({ scrollToSlide: z }), ($, C) => (o(), r("div", Ct, [
       n("div", {
         ref_key: "carouselContainer",
         ref: s,
@@ -731,18 +736,18 @@ const rt = pe("SunIcon", [
           ref_key: "slidesContainer",
           ref: a,
           class: D(["w-full h-full transition-transform duration-0 ease-out", e.sliderOrientation === "horizontal" ? "flex" : "block"]),
-          style: me({ gap: `${x.value}px` })
+          style: pe({ gap: `${x.value}px` })
         }, [
           E($.$slots, "default", {}, void 0, !0)
         ], 6)
       ], 2),
-      e.showNavigationButtons ? (o(), i("div", {
+      e.showNavigationButtons ? (o(), r("div", {
         key: 0,
         class: D([{ "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" }])
       }, [
-        ie(De, { name: "fade" }, {
-          default: be(() => [
-            l.infinite || t.value > 0 ? (o(), i("div", St, [
+        ie(Ve, { name: "fade" }, {
+          default: we(() => [
+            l.infinite || t.value > 0 ? (o(), r("div", It, [
               n("div", {
                 onClick: ne,
                 role: "button",
@@ -760,9 +765,9 @@ const rt = pe("SunIcon", [
           _: 3
         }),
         C[2] || (C[2] = n("div", { class: "flex-grow" }, null, -1)),
-        ie(De, { name: "fade" }, {
-          default: be(() => [
-            l.infinite || t.value < u.value - m.value ? (o(), i("div", It, [
+        ie(Ve, { name: "fade" }, {
+          default: we(() => [
+            l.infinite || t.value < i.value - m.value ? (o(), r("div", Mt, [
               n("div", {
                 onClick: ee,
                 role: "button",
@@ -780,51 +785,51 @@ const rt = pe("SunIcon", [
           _: 3
         })
       ], 2)) : B("", !0),
-      e.showIndicators ? (o(), i("div", Mt, [
-        (o(!0), i(K, null, J(u.value, (A, R) => (o(), i("button", {
+      e.showIndicators ? (o(), r("div", zt, [
+        (o(!0), r(K, null, J(i.value, (P, R) => (o(), r("button", {
           key: `dot-${R}`,
-          onClick: (U) => re(R),
+          onClick: (H) => re(R),
           class: D(["btn btn-circle btn-xs", { "btn-active": R === t.value }]),
           "aria-label": `Go to slide ${R + 1}`
-        }, null, 10, zt))), 128))
+        }, null, 10, Tt))), 128))
       ])) : B("", !0)
     ]));
   }
-}), fe = (e, v) => {
+}), me = (e, v) => {
   const l = e.__vccOpts || e;
   for (const [t, s] of v)
     l[t] = s;
   return l;
-}, xn = /* @__PURE__ */ fe(Tt, [["__scopeId", "data-v-f4fe3be2"]]), Bt = /* @__PURE__ */ _({
+}, kn = /* @__PURE__ */ me(Bt, [["__scopeId", "data-v-c1c93443"]]), Dt = /* @__PURE__ */ _({
   __name: "carouselItem",
   setup(e) {
-    const v = Ue(Le, g({}));
-    return (l, t) => (o(), i("div", {
+    const v = He(Pe, g({}));
+    return (l, t) => (o(), r("div", {
       class: "w-full h-full carousel-item",
-      style: me(oe(v))
+      style: pe(oe(v))
     }, [
       E(l.$slots, "default", {}, void 0, !0)
     ], 4));
   }
-}), kn = /* @__PURE__ */ fe(Bt, [["__scopeId", "data-v-507384bc"]]), Dt = { class: "flex gap-4 bg-base-100 w-full tabs tabs-boxed" }, Ot = ["onClick"], Vt = {
+}), $n = /* @__PURE__ */ me(Dt, [["__scopeId", "data-v-507384bc"]]), Ot = { class: "flex gap-4 bg-base-100 w-full tabs tabs-boxed" }, Vt = ["onClick"], Et = {
   key: 0,
   class: "inline-component-wrapper flex grow justify-center items-center w-full h-full"
-}, Et = {
+}, Lt = {
   key: 1,
   class: "flex flex-col"
-}, Lt = { class: "text-sm" }, jt = {
+}, jt = { class: "text-sm" }, Pt = {
   key: 0,
   class: "opacity-75 overflow-hidden text-xs truncate ..."
 }, At = {
   key: 1,
   class: "hidden md:block opacity-35 overflow-hidden text-xs truncate ..."
-}, Pt = { class: "hidden" }, Rt = ["id"], Nt = { class: "modal-box" }, _t = { class: "font-bold text-lg" }, Ft = ["name", "checked"], qt = { class: "collapse-title flex justify-between items-center pr-4 w-full font-medium text-xl" }, Ut = {
+}, Rt = { class: "hidden" }, Nt = ["id"], _t = { class: "modal-box" }, Ft = { class: "font-bold text-lg" }, qt = ["name", "checked"], Ut = { class: "collapse-title flex justify-between items-center pr-4 w-full font-medium text-xl" }, Ht = {
   key: 0,
   class: "opacity-75 overflow-hidden text-sm truncate ..."
-}, Ht = {
+}, Wt = {
   key: 1,
   class: "opacity-35 text-sm"
-}, Wt = { class: "collapse-content flex place-content-center p-0" }, Kt = /* @__PURE__ */ _({
+}, Kt = { class: "collapse-content flex place-content-center p-0" }, Xt = /* @__PURE__ */ _({
   __name: "advancedSearch",
   props: {
     searchOptions: {},
@@ -834,19 +839,19 @@ const rt = pe("SunIcon", [
   },
   emits: ["search", "update:search-data"],
   setup(e, { emit: v }) {
-    const l = e, t = v, s = l.id ?? `advancedSearch-${He()}`, a = g(null), r = g(null), p = {
-      datetime: ke(() => Promise.resolve().then(() => ul)),
-      "standard-select": ke(() => import("./select-Cz4vf_YE.js")),
+    const l = e, t = v, s = l.id ?? `advancedSearch-${We()}`, a = g(null), u = g(null), p = {
+      datetime: Se(() => Promise.resolve().then(() => dl)),
+      "standard-select": Se(() => 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": ke(() => import("./inputField-BxT95oyM.js"))
+      "custom-text": Se(() => import("./inputField-BxT95oyM.js"))
       // 'custom-select': defineAsyncComponent(() => import('./CustomSelect.vue')),
-    }, u = g({}), b = g({
+    }, i = g({}), b = g({
       left: "0px",
       top: "0px",
       transform: "translateX(0%)"
-    }), I = g(null), P = (f) => {
+    }), I = g(null), A = (f) => {
       var m;
       if (f.value === void 0 || f.value === null || f.value === "")
         return "";
@@ -920,7 +925,7 @@ const rt = pe("SunIcon", [
     async function S(f) {
       var L;
       const m = document.getElementById(`advancedSearchMobile-${s}`), x = m && m.contains(f.target);
-      ((L = a.value) == null ? void 0 : L.displayMode) === "popup" && I.value && !I.value.contains(f.target) && !x && (await de(), a.value = null);
+      ((L = a.value) == null ? void 0 : L.displayMode) === "popup" && I.value && !I.value.contains(f.target) && !x && (await ce(), a.value = null);
     }
     async function W() {
       if (typeof window < "u" && window.innerWidth <= 768) {
@@ -941,8 +946,8 @@ const rt = pe("SunIcon", [
       const m = f.displayMode ?? "popup";
       if (((x = a.value) == null ? void 0 : x.name) === f.name && ((L = a.value) == null ? void 0 : L.displayMode) === m)
         a.value = null;
-      else if (a.value = { ...f, displayMode: m }, await de(), ((d = a.value) == null ? void 0 : d.displayMode) === "popup") {
-        const V = u.value[f.name];
+      else if (a.value = { ...f, displayMode: m }, await ce(), ((d = a.value) == null ? void 0 : d.displayMode) === "popup") {
+        const V = i.value[f.name];
         if (V && I.value) {
           const w = V.getBoundingClientRect(), z = I.value.getBoundingClientRect(), ee = w.bottom - z.top, ne = w.left + w.width / 2 - z.left;
           b.value = {
@@ -970,14 +975,14 @@ const rt = pe("SunIcon", [
     }, Z = () => {
       console.log("Enter key pressed on inline component, closing inline view."), a.value = null;
     };
-    H(r, (f) => {
+    U(u, (f) => {
       var m;
       console.log(
         "advanced-search: inlineComponentRef changed. New Value:",
         f
       ), console.log("advanced-search: activeTab.value:", a.value), f && ((m = a.value) == null ? void 0 : m.displayMode) === "inline" ? (console.log(
         "advanced-search: Inline component ref is available and active tab is inline. Attempting to focus child input..."
-      ), de(() => {
+      ), ce(() => {
         console.log(
           "advanced-search: Inside nextTick. Attempting to call child's focus method..."
         ), console.log("advanced-search: Type of newValue:", typeof f), console.log(
@@ -992,9 +997,9 @@ const rt = pe("SunIcon", [
       })) : console.log(
         f ? "advanced-search: inlineComponentRef available, but active tab is not inline." : "advanced-search: inlineComponentRef is now null (component likely unmounted)."
       );
-    }), ve(() => {
+    }), fe(() => {
       document.addEventListener("click", S), window.addEventListener("resize", le);
-    }), ze(() => {
+    }), Be(() => {
       document.removeEventListener("click", S), window.removeEventListener("resize", le);
     });
     const le = () => {
@@ -1012,7 +1017,7 @@ const rt = pe("SunIcon", [
     };
     return (f, m) => {
       var x, L;
-      return o(), i(K, null, [
+      return o(), r(K, null, [
         n("div", {
           ref_key: "searchContainer",
           ref: I,
@@ -1022,12 +1027,12 @@ const rt = pe("SunIcon", [
             class: "group/search relative flex place-items-center shadow-md p-2 border-2 border-base-300/25 rounded-sm w-full transition-all cursor-pointer md:cursor-auto",
             onClick: W
           }, [
-            n("div", Dt, [
-              (o(!0), i(K, null, J(((x = l.searchOptions.find(
+            n("div", Ot, [
+              (o(!0), r(K, null, J(((x = l.searchOptions.find(
                 (d) => d.category === l.currentCategory
               )) == null ? void 0 : x.tabs) || [], (d, V) => {
                 var w, z, ee, ne, re;
-                return o(), i("button", {
+                return o(), r("button", {
                   key: `${d.name}-${V}`,
                   onClick: se((h) => F(d), ["stop"]),
                   class: D([{
@@ -1036,32 +1041,32 @@ const rt = pe("SunIcon", [
                     // 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: (h) => u.value[d.name] = h
+                  ref: (h) => i.value[d.name] = h
                 }, [
-                  ((ne = a.value) == null ? void 0 : ne.name) === d.name && ((re = a.value) == null ? void 0 : re.displayMode) === "inline" ? (o(), i("div", Vt, [
-                    (o(), ue($e(p[a.value.type]), Ce({ ref_for: !0 }, a.value.props || {}, {
+                  ((ne = a.value) == null ? void 0 : ne.name) === d.name && ((re = a.value) == null ? void 0 : re.displayMode) === "inline" ? (o(), r("div", Et, [
+                    (o(), de(Ce(p[a.value.type]), Ie({ ref_for: !0 }, a.value.props || {}, {
                       modelValue: a.value.value,
                       onUpdated: m[0] || (m[0] = (h) => c(h)),
                       "onUpdate:modelValue": m[1] || (m[1] = (h) => c(h)),
                       onBlur: X,
-                      onKeydown: ce(se(Z, ["stop", "prevent"]), ["enter"]),
+                      onKeydown: ve(se(Z, ["stop", "prevent"]), ["enter"]),
                       ref_for: !0,
                       ref_key: "inlineComponentRef",
-                      ref: r
+                      ref: u
                     }), null, 16, ["modelValue", "onKeydown"]))
-                  ])) : (o(), i("div", Et, [
-                    n("p", Lt, j(d.name), 1),
-                    d.value !== void 0 && d.value !== null && d.value !== "" ? (o(), i("p", jt, j(P(d)), 1)) : (o(), i("p", At, j(d.description), 1))
+                  ])) : (o(), r("div", Lt, [
+                    n("p", jt, j(d.name), 1),
+                    d.value !== void 0 && d.value !== null && d.value !== "" ? (o(), r("p", Pt, j(A(d)), 1)) : (o(), r("p", At, j(d.description), 1))
                   ]))
-                ], 10, Ot);
+                ], 10, Vt);
               }), 128))
             ]),
-            a.value && a.value.displayMode === "popup" ? (o(), i("div", {
+            a.value && a.value.displayMode === "popup" ? (o(), r("div", {
               key: 0,
               class: "absolute flex shadow-sm mt-4 w-fit max-w-full transition-all tab-content",
-              style: me(b.value)
+              style: pe(b.value)
             }, [
-              (o(), ue($e(p[a.value.type]), Ce(a.value.props || {}, {
+              (o(), de(Ce(p[a.value.type]), Ie(a.value.props || {}, {
                 modelValue: a.value.value,
                 onUpdated: m[2] || (m[2] = (d) => k(d)),
                 "onUpdate:modelValue": m[3] || (m[3] = (d) => k(d))
@@ -1073,19 +1078,19 @@ const rt = pe("SunIcon", [
               class: "ml-1 btn btn-primary btn-square",
               onClick: se(O, ["stop"])
             }, [
-              ie(oe(Oe), {
+              ie(oe(Ee), {
                 size: 24,
                 color: "white"
               })
             ])
           ]),
-          n("div", Pt, [
+          n("div", Rt, [
             n("button", {
               title: "search",
               onClick: m[4] || (m[4] = () => {
               })
             }, [
-              ie(oe(Oe), {
+              ie(oe(Ee), {
                 size: 24,
                 color: "white"
               })
@@ -1096,13 +1101,13 @@ const rt = pe("SunIcon", [
           id: `advancedSearchMobile-${oe(s)}`,
           class: "modal"
         }, [
-          n("div", Nt, [
+          n("div", _t, [
             E(f.$slots, "additionalForMobile", {}, () => [
-              n("h3", _t, j(e.currentCategory), 1)
+              n("h3", Ft, j(e.currentCategory), 1)
             ], !0),
-            (o(!0), i(K, null, J(((L = l.searchOptions.find(
+            (o(!0), r(K, null, J(((L = l.searchOptions.find(
               (d) => d.category === l.currentCategory
-            )) == null ? void 0 : L.tabs) || [], (d, V) => (o(), i("div", {
+            )) == null ? void 0 : L.tabs) || [], (d, V) => (o(), r("div", {
               class: "collapse bg-base-200 my-4",
               key: d.name
             }, [
@@ -1110,14 +1115,14 @@ const rt = pe("SunIcon", [
                 type: "radio",
                 name: `accordion-${oe(s)}`,
                 checked: V === 0
-              }, null, 8, Ft),
-              n("div", qt, [
+              }, null, 8, qt),
+              n("div", Ut, [
                 n("div", null, j(d.name), 1),
-                d.value !== void 0 && d.value !== null && d.value !== "" ? (o(), i("div", Ut, j(P(d)), 1)) : (o(), i("div", Ht, j(d.description), 1))
+                d.value !== void 0 && d.value !== null && d.value !== "" ? (o(), r("div", Ht, j(A(d)), 1)) : (o(), r("div", Wt, j(d.description), 1))
               ]),
-              n("div", Wt, [
+              n("div", Kt, [
                 m[7] || (m[7] = n("br", null, null, -1)),
-                (o(), ue($e(p[d.type]), Ce({ ref_for: !0 }, d.props || {}, {
+                (o(), de(Ce(p[d.type]), Ie({ ref_for: !0 }, d.props || {}, {
                   modelValue: d.value,
                   onUpdated: m[5] || (m[5] = (w) => k(w)),
                   "onUpdate:modelValue": m[6] || (m[6] = (w) => k(w))
@@ -1133,20 +1138,20 @@ const rt = pe("SunIcon", [
               ])
             ])
           ])
-        ], 8, Rt)
+        ], 8, Nt)
       ], 64);
     };
   }
-}), $n = /* @__PURE__ */ fe(Kt, [["__scopeId", "data-v-577c3624"]]), Xt = { 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" }, Yt = { key: 0 }, Gt = { key: 1 }, Jt = ["id", "onKeydown"], Zt = {
+}), Sn = /* @__PURE__ */ me(Xt, [["__scopeId", "data-v-577c3624"]]), Yt = { 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" }, Gt = { key: 0 }, Jt = { key: 1 }, Zt = ["id", "onKeydown"], Qt = {
   key: 2,
   class: "flex justify-center p-4"
-}, Qt = { 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" }, el = { class: "join-item" }, tl = ["id", "disabled", "value"], ll = { class: "join-item" }, nl = ["id", "disabled", "value"], al = {
+}, el = { 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" }, tl = { class: "join-item" }, ll = ["id", "disabled", "value"], nl = { class: "join-item" }, al = ["id", "disabled", "value"], ol = {
   key: 3,
   class: "p-4 min-w-2xs"
-}, ol = ["id", "disabled", "value"], sl = {
+}, sl = ["id", "disabled", "value"], il = {
   key: 4,
   class: "flex px-4 my-4 w-full justify-end"
-}, il = /* @__PURE__ */ _({
+}, rl = /* @__PURE__ */ _({
   __name: "datetimePicker",
   props: {
     mode: { default: "datetime" },
@@ -1165,7 +1170,7 @@ const rt = pe("SunIcon", [
   },
   emits: ["update:modelValue", "change"],
   setup(e, { emit: v }) {
-    const l = typeof window < "u", t = e, s = v, a = g(null), r = g(!1), p = g(null), u = g(null), b = g(null), I = g(null), P = g(null), k = g({
+    const l = typeof window < "u", t = e, s = v, a = g(null), u = g(!1), p = g(null), i = g(null), b = g(null), I = g(null), A = g(null), k = g({
       from: "",
       to: "",
       single: ""
@@ -1229,8 +1234,8 @@ const rt = pe("SunIcon", [
     }), Z = () => {
       if (p.value)
         c.value.single = p.value.value || null;
-      else if (u.value) {
-        const h = u.value.value;
+      else if (i.value) {
+        const h = i.value.value;
         if (typeof h == "string" && h.includes("/")) {
           const [y, M] = h.split("/");
           c.value.start = y || null, c.value.end = M || null;
@@ -1246,8 +1251,8 @@ const rt = pe("SunIcon", [
           return M && T ? { start: M, end: T } : null;
         if (t.mode === "datetime") {
           if (!M || !T) return null;
-          const ae = q ? `${q}:00` : "00:00:00", we = G ? `${G}:00` : "23:59:59", $ = `${M}T${ae}`, C = `${T}T${we}`;
-          return { start: $, end: C };
+          const ae = q ? `${q}:00` : "00:00:00", xe = G ? `${G}:00` : "23:59:59", ge = `${M}T${ae}`, $ = `${T}T${xe}`;
+          return { start: ge, end: $ };
         }
         return null;
       }
@@ -1267,81 +1272,81 @@ const rt = pe("SunIcon", [
       const h = f();
       s("update:modelValue", h), s("change", h);
     }, x = () => {
-      de(() => {
+      ce(() => {
         m();
       });
     }, L = (h) => {
       const y = h.target;
-      t.range ? y === I.value ? k.value.from = y.value : y === P.value && (k.value.to = y.value) : k.value.single = y.value, m();
+      t.range ? y === I.value ? k.value.from = y.value : y === A.value && (k.value.to = y.value) : k.value.single = y.value, m();
     }, d = () => {
-      r.value = !r.value;
+      u.value = !u.value;
     }, V = () => {
-      m(), r.value = !1;
+      m(), u.value = !1;
     }, w = (h) => {
-      !t.popup || !r.value || setTimeout(() => {
+      !t.popup || !u.value || setTimeout(() => {
         const y = a.value, M = h.target, T = `date-picker-${t.id}-popup`;
         y && !y.contains(M) && !h.target.closest(`#${T}`) && V();
       }, 0);
     }, z = () => {
       V();
     }, ee = () => {
-      m(), t.popup && (r.value = !1);
+      m(), t.popup && (u.value = !1);
     }, ne = () => {
       if (!l) return;
-      const h = t.range ? u.value : p.value;
+      const h = t.range ? i.value : p.value;
       h && typeof h.navigate == "function" && h.navigate(-1);
     }, re = () => {
       if (!l) return;
-      const h = t.range ? u.value : p.value;
+      const h = t.range ? i.value : p.value;
       h && typeof h.navigate == "function" && h.navigate(1);
     };
-    return ve(() => {
+    return fe(() => {
       l && import("./cally-ZU3K2Th7.js").catch((h) => {
         console.warn("Failed to load cally:", h);
       }), F();
-    }), H(c, async (h) => {
-      if (await de(), p.value && h.single) {
+    }), U(c, async (h) => {
+      if (await ce(), p.value && h.single) {
         const y = h.single;
         p.value.value !== y && (p.value.value = y);
       }
-      if (u.value) {
+      if (i.value) {
         const y = le();
-        y && u.value.value !== y && (u.value.value = y);
+        y && i.value.value !== y && (i.value.value = y);
       }
       m();
-    }, { immediate: !0, deep: !0 }), H([c, p, u], async () => {
-      await de(), p.value && c.value.single && !p.value.value && (p.value.value = c.value.single), u.value && c.value.start && c.value.end && !u.value.value && (u.value.value = `${c.value.start}/${c.value.end}`), m();
-    }, { immediate: !0 }), H([b, I, P], () => {
+    }, { immediate: !0, deep: !0 }), U([c, p, i], async () => {
+      await ce(), p.value && c.value.single && !p.value.value && (p.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}`), m();
+    }, { immediate: !0 }), U([b, I, A], () => {
       m();
     }, { immediate: !0 }), (h, y) => {
-      const M = Se("calendar-month"), T = Se("calendar-date"), q = Se("calendar-range");
-      return o(), i("div", {
+      const M = Me("calendar-month"), T = Me("calendar-date"), q = Me("calendar-range");
+      return o(), r("div", {
         class: "inline-block relative w-fit lg:w-full",
         ref_key: "pickerContainer",
         ref: a,
         onMousedownCapture: w
       }, [
-        t.popup ? (o(), i("div", {
+        t.popup ? (o(), r("div", {
           key: 0,
           class: "flex items-center gap-2 cursor-pointer w-full",
           onClick: y[0] || (y[0] = (G) => t.disabled ? null : d())
         }, [
-          n("div", Xt, [
-            X.value ? (o(), i("span", Gt, j(X.value), 1)) : (o(), i("span", Yt, j(t.placeholder), 1))
+          n("div", Yt, [
+            X.value ? (o(), r("span", Jt, j(X.value), 1)) : (o(), r("span", Gt, j(t.placeholder), 1))
           ])
         ])) : B("", !0),
-        r.value || !t.popup ? (o(), i("div", {
+        u.value || !t.popup ? (o(), r("div", {
           key: 1,
           class: D(["z-50 bg-base-100 rounded-md w-full min-w-xs overflow-hidden", { "absolute top-full left-0 mt-2 shadow-lg": t.popup, "mt-2": !t.popup }]),
           id: `date-picker-${t.id}-popup`,
           onKeydown: [
-            y[1] || (y[1] = ce(se(() => {
+            y[1] || (y[1] = ve(se(() => {
             }, ["prevent", "stop"]), ["tab"])),
-            ce(z, ["esc"]),
-            ce(se(ee, ["prevent"]), ["enter"])
+            ve(z, ["esc"]),
+            ve(se(ee, ["prevent"]), ["enter"])
           ]
         }, [
-          !t.range && t.mode !== "time" && l ? (o(), ue(T, {
+          !t.range && t.mode !== "time" && l ? (o(), de(T, {
             key: 0,
             class: "cally w-full",
             ref_key: "datePicker",
@@ -1353,7 +1358,7 @@ const rt = pe("SunIcon", [
             "first-day-of-week": t.firstDayOfWeek,
             onChange: x
           }, {
-            default: be(() => [
+            default: we(() => [
               n("button", {
                 slot: "previous",
                 class: "btn-outline btn btn-primary md:btn-sm",
@@ -1400,11 +1405,11 @@ const rt = pe("SunIcon", [
             ]),
             _: 1
           }, 8, ["id", "min", "max", "disabled", "first-day-of-week"])) : B("", !0),
-          t.range && t.mode !== "time" && l ? (o(), ue(q, {
+          t.range && t.mode !== "time" && l ? (o(), de(q, {
             key: 1,
             class: "cally w-full",
             ref_key: "rangeDatePicker",
-            ref: u,
+            ref: i,
             id: `${t.id}-date-range`,
             min: t.min,
             max: t.max,
@@ -1412,7 +1417,7 @@ const rt = pe("SunIcon", [
             "first-day-of-week": t.firstDayOfWeek,
             onChange: x
           }, {
-            default: be(() => [
+            default: we(() => [
               n("button", {
                 slot: "previous",
                 class: "btn-outline btn btn-primary md:btn-sm",
@@ -1459,9 +1464,9 @@ const rt = pe("SunIcon", [
             ]),
             _: 1
           }, 8, ["id", "min", "max", "disabled", "first-day-of-week"])) : B("", !0),
-          t.range && t.mode !== "date" ? (o(), i("div", Zt, [
-            n("div", Qt, [
-              n("div", el, [
+          t.range && t.mode !== "date" ? (o(), r("div", Qt, [
+            n("div", el, [
+              n("div", tl, [
                 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",
@@ -1472,7 +1477,7 @@ const rt = pe("SunIcon", [
                   onChange: L,
                   disabled: t.disabled,
                   value: k.value.from || ""
-                }, null, 40, tl)
+                }, null, 40, ll)
               ]),
               y[6] || (y[6] = n("svg", {
                 class: "join-item",
@@ -1486,21 +1491,21 @@ const rt = pe("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", ll, [
+              n("div", nl, [
                 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",
                   ref_key: "timeToInput",
-                  ref: P,
+                  ref: A,
                   id: `${t.id}-time-to`,
                   onChange: L,
                   disabled: t.disabled,
                   value: k.value.to || ""
-                }, null, 40, nl)
+                }, null, 40, al)
               ])
             ])
           ])) : B("", !0),
-          !t.range && t.mode !== "date" ? (o(), i("div", al, [
+          !t.range && t.mode !== "date" ? (o(), r("div", ol, [
             n("input", {
               class: "open:bg-primary open:rounded w-full input input-bordered justify-center",
               type: "time",
@@ -1510,22 +1515,22 @@ const rt = pe("SunIcon", [
               onChange: L,
               disabled: t.disabled,
               value: k.value.single || ""
-            }, null, 40, ol)
+            }, null, 40, sl)
           ])) : B("", !0),
-          t.popup && t.closeText ? (o(), i("div", sl, [
+          t.popup && t.closeText ? (o(), r("div", il, [
             n("button", {
               class: "btn btn-primary max-lg:w-full",
               onClick: V
             }, j(t.closeText), 1)
           ])) : B("", !0)
-        ], 42, Jt)) : B("", !0)
+        ], 42, Zt)) : B("", !0)
       ], 544);
     };
   }
-}), rl = /* @__PURE__ */ fe(il, [["__scopeId", "data-v-e0b34494"]]), ul = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), ul = /* @__PURE__ */ me(rl, [["__scopeId", "data-v-e0b34494"]]), dl = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: rl
-}, Symbol.toStringTag, { value: "Module" })), dl = ["value", "checked", "onChange", "disabled"], Cn = /* @__PURE__ */ _({
+  default: ul
+}, Symbol.toStringTag, { value: "Module" })), cl = ["value", "checked", "onChange", "disabled"], Cn = /* @__PURE__ */ _({
   __name: "rating",
   props: {
     initialRating: { default: 0 },
@@ -1539,7 +1544,7 @@ const rt = pe("SunIcon", [
   },
   setup(e) {
     const v = e, l = g(v.initialRating);
-    H(
+    U(
       () => v.initialRating,
       (s) => {
         l.value = s;
@@ -1548,24 +1553,24 @@ const rt = pe("SunIcon", [
     const t = (s) => {
       l.value = s;
     };
-    return (s, a) => (o(), i("div", {
+    return (s, a) => (o(), r("div", {
       class: D(["rating", [
         `rating-${v.size}`,
         { "rating-half": e.halfStars },
         { "pointer-events-none": !e.isInteractive }
       ]])
     }, [
-      (o(!0), i(K, null, J(e.numberOfStars * (e.halfStars ? 2 : 1), (r) => (o(), i("input", {
-        key: r,
+      (o(!0), r(K, null, J(e.numberOfStars * (e.halfStars ? 2 : 1), (u) => (o(), r("input", {
+        key: u,
         type: "radio",
-        value: e.halfStars ? r * 0.5 : r,
-        checked: l.value === (e.halfStars ? r * 0.5 : r),
-        onChange: (p) => e.isInteractive ? t(e.halfStars ? r * 0.5 : r) : null,
+        value: e.halfStars ? u * 0.5 : u,
+        checked: l.value === (e.halfStars ? u * 0.5 : u),
+        onChange: (p) => e.isInteractive ? t(e.halfStars ? u * 0.5 : u) : null,
         class: D(["mask", [
           {
             // 'bg-yellow-400': rating >= (halfStars ? i * 0.5 : i),
-            "mask-half-1": e.halfStars && r % 2 !== 0,
-            "mask-half-2": e.halfStars && r % 2 === 0,
+            "mask-half-1": e.halfStars && u % 2 !== 0,
+            "mask-half-2": e.halfStars && u % 2 === 0,
             "cursor-pointer": e.isInteractive,
             "cursor-default": !e.isInteractive,
             "mask-star": e.shape === "star",
@@ -1582,16 +1587,16 @@ const rt = pe("SunIcon", [
             "mask-triangle-3": e.shape === "triangle-left",
             "mask-triangle-4": e.shape === "triangle-right"
           },
-          l.value >= (e.halfStars ? r * 0.5 : r) ? v.color : ""
+          l.value >= (e.halfStars ? u * 0.5 : u) ? v.color : ""
         ]]),
-        style: me({
-          marginRight: e.halfStars && r % 2 === 0 ? `${v.gap}px` : e.halfStars ? "0" : `${v.gap}px`
+        style: pe({
+          marginRight: e.halfStars && u % 2 === 0 ? `${v.gap}px` : e.halfStars ? "0" : `${v.gap}px`
         }),
         disabled: !e.isInteractive
-      }, null, 46, dl))), 128))
+      }, null, 46, cl))), 128))
     ], 2));
   }
-}), cl = { class: "badge" }, vl = ["onClick"], fl = { class: "opacity-75" }, ml = ["placeholder"], Sn = /* @__PURE__ */ _({
+}), vl = { class: "badge" }, fl = ["onClick"], ml = { class: "opacity-75" }, pl = ["placeholder"], In = /* @__PURE__ */ _({
   __name: "taginput",
   props: {
     modelValue: {},
@@ -1601,60 +1606,60 @@ const rt = pe("SunIcon", [
   },
   emits: ["update:modelValue"],
   setup(e, { emit: v }) {
-    const l = e, t = v, s = g([...l.modelValue]), a = l.maxTagAmount === void 0 ? -1 : l.maxTagAmount, r = g(null), p = g(""), u = Q(() => a < 0 || s.value.length < a), b = () => {
+    const l = e, t = v, s = g([...l.modelValue]), a = l.maxTagAmount === void 0 ? -1 : l.maxTagAmount, u = g(null), p = g(""), i = Q(() => a < 0 || s.value.length < a), b = () => {
       const c = p.value.trim();
       c && !s.value.includes(c) && (s.value.push(c), t("update:modelValue", s.value), p.value = "");
     }, I = (c) => {
       s.value = s.value.filter((O) => O !== c), t("update:modelValue", s.value);
-    }, P = () => {
+    }, A = () => {
       p.value === "" && (s.value.pop(), t("update:modelValue", s.value));
     }, k = (c) => {
-      c.key === "Enter" ? b() : c.key === "Backspace" && p.value === "" && P();
+      c.key === "Enter" ? b() : c.key === "Backspace" && p.value === "" && A();
     };
-    return H(() => l.modelValue, (c) => {
+    return U(() => l.modelValue, (c) => {
       s.value = [...c];
-    }), (c, O) => (o(), i("div", {
+    }), (c, O) => (o(), r("div", {
       class: D(["flex flex-wrap gap-2 bg-base-100 shadow px-4 py-6 border border-base-content/20 rounded", c.$props.class])
     }, [
-      (o(!0), i(K, null, J(s.value, (S) => E(c.$slots, "tag", {
+      (o(!0), r(K, null, J(s.value, (S) => E(c.$slots, "tag", {
         key: S,
         tag: S
       }, () => [
-        n("div", cl, [
+        n("div", vl, [
           n("button", {
             class: "px-1! py-0! h-fit font-bold cursor-pointer",
             onClick: (W) => I(S),
             "aria-label": "Remove tag"
-          }, "X", 8, vl),
-          n("span", fl, j(S), 1)
+          }, "X", 8, fl),
+          n("span", ml, j(S), 1)
         ])
       ])), 128)),
-      E(c.$slots, "input", { showInput: u.value }, () => [
-        u.value ? ye((o(), i("input", {
+      E(c.$slots, "input", { showInput: i.value }, () => [
+        i.value ? be((o(), r("input", {
           key: 0,
           ref_key: "inputRef",
-          ref: r,
+          ref: u,
           "onUpdate:modelValue": O[0] || (O[0] = (S) => p.value = S),
           type: "text",
           placeholder: e.placeholder || "Type here",
           class: "h-full input input-ghost",
           onKeydown: k,
           "aria-label": "Add tags"
-        }, null, 40, ml)), [
-          [Ee, p.value]
+        }, null, 40, pl)), [
+          [je, p.value]
         ]) : B("", !0)
       ])
     ], 2));
   }
-}), pl = { class: "w-full max-w-xs form-control" }, hl = {
+}), hl = { class: "w-full max-w-xs form-control" }, gl = {
   key: 0,
   class: "label"
-}, gl = { class: "label-text" }, yl = ["value"], bl = {
+}, yl = { class: "label-text" }, bl = ["value"], wl = {
   key: 0,
   value: "",
   disabled: "",
   selected: ""
-}, wl = ["value"], In = /* @__PURE__ */ _({
+}, xl = ["value"], Mn = /* @__PURE__ */ _({
   __name: "select",
   props: {
     options: {},
@@ -1665,43 +1670,43 @@ const rt = pe("SunIcon", [
   emits: ["update:modelValue"],
   setup(e, { expose: v, emit: l }) {
     console.log(e.placeholder);
-    const s = l, a = g(null), r = (u) => {
-      const b = u.target;
+    const s = l, a = g(null), u = (i) => {
+      const b = i.target;
       s("update:modelValue", b.value);
     };
     return v({
       focusInput: () => {
-        var u;
-        console.log("select.vue: focusInput method called."), (u = a.value) == null || u.focus();
+        var i;
+        console.log("select.vue: focusInput method called."), (i = a.value) == null || i.focus();
       }
       // You can expose other properties or methods here if needed by the parent
       // e.g., the current value: modelValue
-    }), (u, b) => (o(), i("div", pl, [
-      e.label ? (o(), i("label", hl, [
-        n("span", gl, j(e.label), 1)
+    }), (i, b) => (o(), r("div", hl, [
+      e.label ? (o(), r("label", gl, [
+        n("span", yl, j(e.label), 1)
       ])) : B("", !0),
       n("select", {
         ref_key: "selectElement",
         ref: a,
         class: "rounded-md w-full select-bordered select",
         value: e.modelValue,
-        onChange: r
+        onChange: u
       }, [
-        e.placeholder ? (o(), i("option", bl, j(e.placeholder), 1)) : B("", !0),
-        (o(!0), i(K, null, J(e.options, (I) => (o(), i("option", {
+        e.placeholder ? (o(), r("option", wl, j(e.placeholder), 1)) : B("", !0),
+        (o(!0), r(K, null, J(e.options, (I) => (o(), r("option", {
           key: I.value,
           value: I.value
-        }, j(I.text), 9, wl))), 128))
-      ], 40, yl)
+        }, j(I.text), 9, xl))), 128))
+      ], 40, bl)
     ]));
   }
-}), xl = {
+}), kl = {
   key: 0,
   class: "label"
-}, kl = { class: "label-text" }, $l = ["onKeydown", "aria-expanded", "aria-activedescendant"], Cl = ["placeholder", "disabled"], Sl = {
+}, $l = { class: "label-text" }, Sl = ["onKeydown", "aria-expanded", "aria-activedescendant"], Cl = ["placeholder", "disabled"], Il = {
   class: "top-full z-10 absolute bg-base-100 shadow-lg mt-1 rounded-md w-full dropdown-content",
   role: "listbox"
-}, Il = { class: "flex-nowrap p-0 w-[inherit] max-h-60 overflow-y-auto menu" }, Ml = ["onMousedown", "id", "aria-selected"], Mn = {
+}, Ml = { class: "flex-nowrap p-0 w-[inherit] max-h-60 overflow-y-auto menu" }, zl = ["onMousedown", "id", "aria-selected"], zn = {
   __name: "filterableSelect",
   props: {
     // Array of options: [{ value: any, text: string }, ...]
@@ -1732,13 +1737,13 @@ const rt = pe("SunIcon", [
   },
   emits: ["update:modelValue", "select", "clear"],
   setup(e, { expose: v, emit: l }) {
-    const t = e, s = l, a = We(), r = Q(() => {
-      const V = (a.default ? a.default() : []).filter((w) => w.type !== Ke);
+    const t = e, s = l, a = Ke(), u = Q(() => {
+      const V = (a.default ? a.default() : []).filter((w) => w.type !== Xe);
       return console.log("hasDefaultSlotContent computed:", V.length > 0), V.length > 0;
-    }), p = g(""), u = g(null), b = g(!1), I = g(null), P = g(null), k = g(null), c = g(null), O = () => {
+    }), p = g(""), i = g(null), b = g(!1), I = g(null), A = g(null), k = g(null), c = g(null), O = () => {
       b.value = !t.disabled;
     }, S = () => {
-      b.value = !1, c.value = null, r.value || (u.value && p.value !== u.value.text ? p.value = u.value.text : u.value || (p.value = ""));
+      b.value = !1, c.value = null, u.value || (i.value && p.value !== i.value.text ? p.value = i.value.text : i.value || (p.value = ""));
     }, W = () => {
       b.value ? S() : O();
     }, F = Q(() => {
@@ -1747,39 +1752,39 @@ const rt = pe("SunIcon", [
         (w) => w && w.text ? w.text.toLowerCase().includes(d) : ""
       );
     });
-    H(
+    U(
       () => t.modelValue,
       (d, V) => {
         if (d !== V && S(), d == null)
-          u.value = null, !b.value && !r.value && (p.value = "");
+          i.value = null, !b.value && !u.value && (p.value = "");
         else {
           const w = t.options.find((z) => z.value === d);
-          w ? (u.value = w, !b.value && !r.value && (p.value = w.text)) : (u.value = null, !b.value && !r.value && (p.value = ""));
+          w ? (i.value = w, !b.value && !u.value && (p.value = w.text)) : (i.value = null, !b.value && !u.value && (p.value = ""));
         }
       },
       { immediate: !0 }
       // Run immediately on component mount
     );
     const X = (d) => {
-      P.value && !P.value.contains(d.target) && S();
+      A.value && !A.value.contains(d.target) && S();
     }, Z = () => {
       setTimeout(() => {
-        P.value && !P.value.contains(document.activeElement) && S();
+        A.value && !A.value.contains(document.activeElement) && S();
       }, 100);
     };
-    H(b, (d) => {
+    U(b, (d) => {
       d ? setTimeout(() => {
         document.addEventListener("click", X);
       }, 0) : document.removeEventListener("click", X);
-    }), ze(() => {
+    }), Be(() => {
       document.removeEventListener("click", X), window.removeEventListener("keydown", L);
     });
     const le = () => {
       if (t.disabled) return;
-      const d = u.value;
+      const d = i.value;
       s("update:modelValue", null), d && s("clear", d);
     }, f = (d) => {
-      u.value = d, r.value || (p.value = d.text), s("update:modelValue", d.value), s("select", d), S();
+      i.value = d, u.value || (p.value = d.text), s("update:modelValue", d.value), s("select", d), S();
     }, m = () => {
       F.value.length > 0 && f(F.value[0]);
     }, x = () => {
@@ -1804,7 +1809,7 @@ const rt = pe("SunIcon", [
       } else if (d.key === "Escape") {
         d.preventDefault(), S(), k.value && k.value.focus();
         return;
-      } else if (r.value)
+      } else if (u.value)
         return;
       if (w !== -1) {
         c.value = "option-" + w;
@@ -1814,14 +1819,14 @@ const rt = pe("SunIcon", [
         });
       }
     };
-    return H(b, (d) => {
-      d ? (window.addEventListener("keydown", L), !r.value && !p.value && u.value && (p.value = u.value.text)) : window.removeEventListener("keydown", L);
-    }), ze(() => {
+    return U(b, (d) => {
+      d ? (window.addEventListener("keydown", L), !u.value && !p.value && i.value && (p.value = i.value.text)) : window.removeEventListener("keydown", L);
+    }), Be(() => {
       document.removeEventListener("click", X), window.removeEventListener("keydown", L);
     }), v({
       isDropdownOpen: b,
       // Expose state
-      selectedItem: u,
+      selectedItem: i,
       // Expose selected item
       openDropdown: O,
       // Expose method to open
@@ -1833,26 +1838,26 @@ const rt = pe("SunIcon", [
       // Expose method to select an item programmatically
       filterText: p,
       // Expose filter text (useful if parent controls filtering)
-      hasDefaultSlotContent: r
+      hasDefaultSlotContent: u
       // Expose to know if the default slot is used
-    }), (d, V) => (o(), i("div", {
+    }), (d, V) => (o(), r("div", {
       class: "relative w-full max-w-xs form-control",
       ref_key: "componentRoot",
-      ref: P
+      ref: A
     }, [
-      e.label ? (o(), i("label", xl, [
-        n("span", kl, j(e.label), 1)
+      e.label ? (o(), r("label", kl, [
+        n("span", $l, j(e.label), 1)
       ])) : B("", !0),
       n("div", {
-        class: D(["flex items-center input-bordered rounded-md w-fit cursor-pointer", { input: !r.value, select: !r.value }]),
-        style: me(
-          u.value ? "background-image: unset; padding-right: 0.5rem;" : ""
+        class: D(["flex items-center input-bordered rounded-md w-fit cursor-pointer", { input: !u.value, select: !u.value }]),
+        style: pe(
+          i.value ? "background-image: unset; padding-right: 0.5rem;" : ""
         ),
         tabindex: "0",
-        onClick: V[1] || (V[1] = (w) => r.value ? W() : O()),
+        onClick: V[1] || (V[1] = (w) => u.value ? W() : O()),
         onKeydown: [
-          ce(se(m, ["prevent"]), ["enter"]),
-          ce(se(m, ["prevent"]), ["space"])
+          ve(se(m, ["prevent"]), ["enter"]),
+          ve(se(m, ["prevent"]), ["space"])
         ],
         onBlur: Z,
         role: "combobox",
@@ -1864,7 +1869,7 @@ const rt = pe("SunIcon", [
         ref: k
       }, [
         E(d.$slots, "default", {}, () => [
-          r.value ? B("", !0) : ye((o(), i("input", {
+          u.value ? B("", !0) : be((o(), r("input", {
             key: 0,
             type: "text",
             placeholder: e.placeholder,
@@ -1877,49 +1882,49 @@ const rt = pe("SunIcon", [
             tabindex: "-1",
             disabled: t.disabled
           }, null, 40, Cl)), [
-            [Ee, p.value]
+            [je, p.value]
           ])
         ]),
-        u.value && !e.disabled ? (o(), ue(oe(st), {
+        i.value && !e.disabled ? (o(), de(oe(it), {
           key: 0,
           size: 20,
           class: "mx-2 text-base-content/50 hover:text-base-content/80 cursor-pointer",
           onClick: se(le, ["stop"])
         })) : B("", !0),
-        r.value && !u.value ? (o(), ue(oe(ot), {
+        u.value && !i.value ? (o(), de(oe(st), {
           key: 1,
           class: D([{ "rotate-180": b.value }, "mx-2"]),
           size: 20
         }, null, 8, ["class"])) : B("", !0)
-      ], 46, $l),
-      ye(n("div", Sl, [
-        n("ul", Il, [
-          (o(!0), i(K, null, J(F.value, (w, z) => (o(), i("li", {
+      ], 46, Sl),
+      be(n("div", Il, [
+        n("ul", Ml, [
+          (o(!0), r(K, null, J(F.value, (w, z) => (o(), r("li", {
             key: w.value,
             onMousedown: se((ee) => f(w), ["prevent"]),
             class: "hover:bg-base-200 rounded-md w-full cursor-pointer",
             id: "option-" + z,
             role: "option",
-            "aria-selected": u.value && u.value.value === w.value
+            "aria-selected": i.value && i.value.value === w.value
           }, [
             n("a", null, j(w.text), 1)
-          ], 40, Ml))), 128))
+          ], 40, zl))), 128))
         ])
       ], 512), [
-        [Xe, b.value && F.value.length > 0]
+        [Ye, b.value && F.value.length > 0]
       ])
     ], 512));
   }
-}, zl = { class: "w-full max-w-xs form-control" }, Tl = {
+}, Tl = { class: "w-full max-w-xs form-control" }, Bl = {
   key: 0,
   class: "label"
-}, Bl = { class: "label-text" }, Dl = ["type", "placeholder", "disabled", "value"], Ol = {
+}, Dl = { class: "label-text" }, Ol = ["type", "placeholder", "disabled", "value"], Vl = {
   key: 1,
   class: "label"
-}, Vl = { class: "label-text-alt text-error validator-hint" }, El = {
+}, El = { class: "label-text-alt text-error validator-hint" }, Ll = {
   key: 2,
   class: "label"
-}, Ll = { class: "label-text-alt text-success validator-hint" }, zn = /* @__PURE__ */ _({
+}, jl = { class: "label-text-alt text-success validator-hint" }, Tn = /* @__PURE__ */ _({
   __name: "inputField",
   props: {
     modelValue: { default: "" },
@@ -1936,33 +1941,33 @@ const rt = pe("SunIcon", [
   },
   emits: ["update:modelValue", "validate"],
   setup(e, { expose: v, emit: l }) {
-    const t = e, s = l, a = g(null), r = g(!1), p = g(""), u = Q(() => {
+    const t = e, s = l, a = g(null), u = g(!1), p = g(""), i = Q(() => {
       var W, F, X, Z;
       let c = !0, O = "";
       const S = t.modelValue;
       return (W = t.rules) != null && W.required && (S == null || S === "") && (c = !1, O = "This field is required."), c && ((F = t.rules) == null ? void 0 : F.minLength) !== void 0 && typeof S == "string" && S.length < t.rules.minLength && (c = !1, O = `Must be at least ${t.rules.minLength} characters.`), c && ((X = t.rules) == null ? void 0 : X.maxLength) !== void 0 && typeof S == "string" && S.length > t.rules.maxLength && (c = !1, O = `Cannot exceed ${t.rules.maxLength} characters.`), c && ((Z = t.rules) != null && Z.email) && typeof S == "string" && S && (/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(S) || (c = !1, O = "Please enter a valid email address.")), p.value = O, s("validate", c), c;
-    }), b = Q(() => r.value && !u.value), I = (c) => {
+    }), b = Q(() => u.value && !i.value), I = (c) => {
       const O = c.target;
-      s("update:modelValue", O.value), r.value && u.value;
-    }, P = () => {
-      r.value = !0, u.value;
+      s("update:modelValue", O.value), u.value && i.value;
+    }, A = () => {
+      u.value = !0, i.value;
     };
-    return H(
+    return U(
       () => t.modelValue,
       () => {
-        r.value && u.value;
+        u.value && i.value;
       }
     ), v({
       focusInput: () => {
         var c;
         console.log("inputField.vue: focusInput method called."), (c = a.value) == null || c.focus();
       },
-      isValid: u,
-      isTouched: r,
+      isValid: i,
+      isTouched: u,
       errorMessage: p
-    }), (c, O) => (o(), i("div", zl, [
-      e.label ? (o(), i("label", Tl, [
-        n("span", Bl, j(e.label), 1)
+    }), (c, O) => (o(), r("div", Tl, [
+      e.label ? (o(), r("label", Bl, [
+        n("span", Dl, j(e.label), 1)
       ])) : B("", !0),
       E(c.$slots, "default"),
       n("input", {
@@ -1983,33 +1988,33 @@ const rt = pe("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" && !b.value && !(u.value && r.value && e.needsValidation),
-            "input-primary": e.color === "primary" && !b.value && !(u.value && r.value && e.needsValidation),
-            "input-secondary": e.color === "secondary" && !b.value && !(u.value && r.value && e.needsValidation),
-            "input-accent": e.color === "accent" && !b.value && !(u.value && r.value && e.needsValidation),
-            "input-info": e.color === "info" && !b.value && !(u.value && r.value && e.needsValidation),
-            "input-success": e.color === "success" && !b.value && !(u.value && r.value && e.needsValidation),
+            "input-neutral": e.color === "neutral" && !b.value && !(i.value && u.value && e.needsValidation),
+            "input-primary": e.color === "primary" && !b.value && !(i.value && u.value && e.needsValidation),
+            "input-secondary": e.color === "secondary" && !b.value && !(i.value && u.value && e.needsValidation),
+            "input-accent": e.color === "accent" && !b.value && !(i.value && u.value && e.needsValidation),
+            "input-info": e.color === "info" && !b.value && !(i.value && u.value && e.needsValidation),
+            "input-success": e.color === "success" && !b.value && !(i.value && u.value && e.needsValidation),
             // Color success applies only if not in error or validation success state
-            "input-warning": e.color === "warning" && !b.value && !(u.value && r.value && e.needsValidation),
+            "input-warning": e.color === "warning" && !b.value && !(i.value && u.value && e.needsValidation),
             // Validation state classes - These take precedence visually via conditions or CSS specificity.
             "input-error": b.value,
             // Apply error style if validation fails
-            "input-success-validation": u.value && r.value && !b.value && e.needsValidation
+            "input-success-validation": i.value && u.value && !b.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: I,
-        onBlur: P
-      }, null, 42, Dl),
-      b.value ? (o(), i("div", Ol, [
-        n("span", Vl, j(p.value), 1)
-      ])) : u.value && r.value && e.successMessage ? (o(), i("div", El, [
-        n("span", Ll, j(e.successMessage), 1)
+        onBlur: A
+      }, null, 42, Ol),
+      b.value ? (o(), r("div", Vl, [
+        n("span", El, j(p.value), 1)
+      ])) : i.value && u.value && e.successMessage ? (o(), r("div", Ll, [
+        n("span", jl, j(e.successMessage), 1)
       ])) : B("", !0)
     ]));
   }
-}), Tn = /* @__PURE__ */ _({
+}), Bn = /* @__PURE__ */ _({
   __name: "loader",
   props: {
     loading: { type: Boolean, default: !0 },
@@ -2019,12 +2024,12 @@ const rt = pe("SunIcon", [
   },
   setup(e) {
     const v = e, l = g(v.loading);
-    return H(
+    return U(
       () => v.loading,
       (t) => {
         l.value = t;
       }
-    ), (t, s) => l.value ? (o(), i("span", {
+    ), (t, s) => l.value ? (o(), r("span", {
       key: 0,
       class: D(["loading", [
         { "loading-xs": e.size === "xs" },
@@ -2051,13 +2056,13 @@ const rt = pe("SunIcon", [
       ]])
     }, null, 2)) : B("", !0);
   }
-}), jl = { class: "footer sm:footer-horizontal container" }, Al = { class: "footer-title" }, Pl = ["href"], Rl = {
+}), Pl = { class: "footer sm:footer-horizontal container" }, Al = { class: "footer-title" }, Rl = ["href"], Nl = {
   key: 0,
   class: "sm:hidden w-full"
-}, Nl = { class: "border-b-2 border-base-100 last:border-b-0 w-full" }, _l = {
+}, _l = { class: "border-b-2 border-base-100 last:border-b-0 w-full" }, Fl = {
   tabindex: "0",
   class: "collapse collapse-plus w-full"
-}, Fl = { class: "collapse-title font-bold text-lg collapsible-footer-title" }, ql = { class: "collapse-content flex w-full text-sm" }, Ul = { class: "flex flex-col gap-2.5" }, Hl = { class: "w-full" }, Wl = ["href"], Kl = { class: "w-full" }, Bn = /* @__PURE__ */ _({
+}, ql = { class: "collapse-title font-bold text-lg collapsible-footer-title" }, Ul = { class: "collapse-content flex w-full text-sm" }, Hl = { class: "flex flex-col gap-2.5" }, Wl = { class: "w-full" }, Kl = ["href"], Xl = { class: "w-full" }, Dn = /* @__PURE__ */ _({
   __name: "footer",
   props: {
     items: {},
@@ -2067,50 +2072,50 @@ const rt = pe("SunIcon", [
   },
   setup(e) {
     const v = e;
-    return (l, t) => (o(), i("div", {
+    return (l, t) => (o(), r("div", {
       class: D(["mx-auto md:px-10 py-10 text-base-content", [e.background ?? "bg-base-200", e.color ?? "text-base-content"]])
     }, [
-      n("footer", jl, [
-        (o(!0), i(K, null, J(v.items, (s) => (o(), i("nav", {
+      n("footer", Pl, [
+        (o(!0), r(K, null, J(v.items, (s) => (o(), r("nav", {
           class: D([{ "hidden sm:grid": e.collapseOnMobile }])
         }, [
           n("h6", Al, j(s.title), 1),
-          (o(!0), i(K, null, J(s.items, (a) => (o(), i("a", {
+          (o(!0), r(K, null, J(s.items, (a) => (o(), r("a", {
             class: "link link-hover",
             href: a.link
-          }, j(a.text), 9, Pl))), 256))
+          }, j(a.text), 9, Rl))), 256))
         ], 2))), 256)),
-        e.collapseOnMobile ? (o(), i("nav", Rl, [
-          (o(!0), i(K, null, J(v.items, (s) => (o(), i("ul", Nl, [
-            n("div", _l, [
-              n("div", Fl, j(s.title), 1),
-              n("div", ql, [
-                n("ul", Ul, [
-                  (o(!0), i(K, null, J(s.items, (a) => (o(), i("li", Hl, [
+        e.collapseOnMobile ? (o(), r("nav", Nl, [
+          (o(!0), r(K, null, J(v.items, (s) => (o(), r("ul", _l, [
+            n("div", Fl, [
+              n("div", ql, j(s.title), 1),
+              n("div", Ul, [
+                n("ul", Hl, [
+                  (o(!0), r(K, null, J(s.items, (a) => (o(), r("li", Wl, [
                     n("a", {
                       class: "w-full font-medium link link-hover",
                       href: a.link
-                    }, j(a.text), 9, Wl)
+                    }, j(a.text), 9, Kl)
                   ]))), 256))
                 ])
               ])
             ])
           ]))), 256))
         ])) : B("", !0),
-        n("aside", Kl, [
+        n("aside", Xl, [
           E(l.$slots, "default")
         ])
       ])
     ], 2));
   }
-}), Xl = {}, Yl = { class: "min-h-40 container hero" }, Gl = { class: "px-0! text-center hero-content" }, Jl = { class: "mt-9 text-4xl" };
-function Zl(e, v) {
-  return o(), i("div", Yl, [
-    n("div", Gl, [
+}), Yl = {}, Gl = { class: "min-h-40 container hero" }, Jl = { class: "px-0! text-center hero-content" }, Zl = { class: "mt-9 text-4xl" };
+function Ql(e, v) {
+  return o(), r("div", Gl, [
+    n("div", Jl, [
       n("div", null, [
-        n("h1", Jl, [
+        n("h1", Zl, [
           E(e.$slots, "title", {}, () => [
-            v[0] || (v[0] = Ve("hero title", -1))
+            v[0] || (v[0] = Le("hero title", -1))
           ])
         ]),
         n("p", null, [
@@ -2123,7 +2128,7 @@ function Zl(e, v) {
     ])
   ]);
 }
-const Dn = /* @__PURE__ */ fe(Xl, [["render", Zl]]), Ql = { class: "flex flex-row place-content-center gap-4 categories" }, en = ["onClick"], On = /* @__PURE__ */ _({
+const On = /* @__PURE__ */ me(Yl, [["render", Ql]]), en = { class: "flex flex-row place-content-center gap-4 categories" }, tn = ["onClick"], Vn = /* @__PURE__ */ _({
   __name: "categoryNavigation",
   props: {
     searchOptions: {},
@@ -2135,49 +2140,49 @@ const Dn = /* @__PURE__ */ fe(Xl, [["render", Zl]]), Ql = { class: "flex flex-ro
     function s(a) {
       t("update:currentCategory", a);
     }
-    return (a, r) => (o(), i("div", Ql, [
-      (o(!0), i(K, null, J(l.searchOptions, (p) => (o(), i("div", {
+    return (a, u) => (o(), r("div", en, [
+      (o(!0), r(K, null, J(l.searchOptions, (p) => (o(), r("div", {
         key: p.category
       }, [
         n("button", {
-          onClick: (u) => s(p.category),
+          onClick: (i) => s(p.category),
           class: D(["truncate btn btn-ghost", { "font-semibold": l.currentCategory === p.category }])
-        }, j(p.category), 11, en)
+        }, j(p.category), 11, tn)
       ]))), 128))
     ]));
   }
-}), tn = { class: "md:flex hidden navbar-start" }, ln = { class: "md:flex justify-center items-center hidden navbar-center" }, nn = { class: "md:flex hidden navbar-end" }, an = { class: "navbar-bottom md:flex hidden" }, on = /* @__PURE__ */ _({
+}), ln = { class: "md:flex hidden navbar-start" }, nn = { class: "md:flex justify-center items-center hidden navbar-center" }, an = { class: "md:flex hidden navbar-end" }, on = { class: "navbar-bottom md:flex hidden" }, sn = /* @__PURE__ */ _({
   __name: "navigationBar",
   props: {
     isCollapsed: { type: Boolean, default: !0 }
   },
   setup(e) {
     const v = e;
-    return (l, t) => (o(), i("nav", {
+    return (l, t) => (o(), r("nav", {
       class: D(["place-items-start border-primary bg-base-100 px-5 py-5 border-b-4 transition-all navbar navigationbar", v.isCollapsed ? "collapsed" : ""])
     }, [
-      n("div", tn, [
+      n("div", ln, [
         E(l.$slots, "start", {}, void 0, !0)
       ]),
-      n("div", ln, [
+      n("div", nn, [
         E(l.$slots, "center", {}, void 0, !0)
       ]),
-      n("div", nn, [
+      n("div", an, [
         E(l.$slots, "end", {}, void 0, !0)
       ]),
-      n("div", an, [
+      n("div", on, [
         E(l.$slots, "bottom", {}, void 0, !0)
       ])
     ], 2));
   }
-}), Vn = /* @__PURE__ */ fe(on, [["__scopeId", "data-v-8ddb2b45"]]), sn = {
+}), En = /* @__PURE__ */ me(sn, [["__scopeId", "data-v-8ddb2b45"]]), rn = {
   key: 0,
   class: "hidden top-4 right-0 absolute md:flex gap-4"
-}, rn = ["onClick", "aria-selected"], un = {
+}, un = ["onClick", "aria-selected"], dn = {
   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"
-}, dn = { class: "p-6 border-x-0 border-t-2 border-b-0 border-base-300 max-w-full" }, En = /* @__PURE__ */ _({
+}, cn = { class: "p-6 border-x-0 border-t-2 border-b-0 border-base-300 max-w-full" }, Ln = /* @__PURE__ */ _({
   __name: "tab",
   props: {
     items: {},
@@ -2188,10 +2193,10 @@ const Dn = /* @__PURE__ */ fe(Xl, [["render", Zl]]), Ql = { class: "flex flex-ro
   emits: ["tab-changed"],
   setup(e, { emit: v }) {
     const l = e, t = g(l.items[0]), s = v;
-    function a(u) {
-      t.value = u, s("tab-changed", u);
+    function a(i) {
+      t.value = i, s("tab-changed", i);
     }
-    function r() {
+    function u() {
       const b = (l.items.indexOf(t.value) + 1) % l.items.length;
       a(l.items[b]);
     }
@@ -2199,42 +2204,42 @@ const Dn = /* @__PURE__ */ fe(Xl, [["render", Zl]]), Ql = { class: "flex flex-ro
       const b = (l.items.indexOf(t.value) - 1 + l.items.length) % l.items.length;
       a(l.items[b]);
     }
-    return ve(() => {
+    return fe(() => {
       l.items && a(l.items[0]);
-    }), Me(() => {
+    }), Te(() => {
       l.rotateTabsAfter && l.rotateTabsAfter > 0 && setInterval(() => {
-        r();
+        u();
       }, l.rotateTabsAfter * 1e3);
-    }), (u, b) => (o(), i(K, null, [
+    }), (i, b) => (o(), r(K, null, [
       n("div", {
         role: "tablist",
         class: D(["relative tabs-bordered w-full tabs tabs-lg", { "flex-nowrap overflow-x-auto": e.buttonOnlyMode }])
       }, [
-        e.withControlls ? (o(), i("div", sn, [
+        e.withControlls ? (o(), r("div", rn, [
           n("button", {
             onClick: b[0] || (b[0] = (I) => p()),
             class: "cursor-pointer"
           }, "Previous"),
           n("button", {
-            onClick: b[1] || (b[1] = (I) => r()),
+            onClick: b[1] || (b[1] = (I) => u()),
             class: "text-primary cursor-pointer"
           }, "Next")
         ])) : B("", !0),
-        (o(!0), i(K, null, J(e.items, (I) => (o(), i(K, null, [
+        (o(!0), r(K, null, J(e.items, (I) => (o(), r(K, null, [
           n("a", {
             type: "button",
             role: "tab",
             class: D(["min-w-max tab", I === t.value ? "bg-primary text-base-100" : ""]),
-            onClick: (P) => a(I),
+            onClick: (A) => a(I),
             "aria-selected": t.value == I
-          }, j(I), 11, rn),
-          e.buttonOnlyMode ? B("", !0) : (o(), i("div", un, [
-            E(u.$slots, `${I}-tab`)
+          }, j(I), 11, un),
+          e.buttonOnlyMode ? B("", !0) : (o(), r("div", dn, [
+            E(i.$slots, `${I}-tab`)
           ]))
         ], 64))), 256))
       ], 2),
-      n("div", dn, [
-        E(u.$slots, "default")
+      n("div", cn, [
+        E(i.$slots, "default")
       ])
     ], 64));
   }
@@ -2242,28 +2247,28 @@ const Dn = /* @__PURE__ */ fe(Xl, [["render", Zl]]), Ql = { class: "flex flex-ro
 typeof document > "u" && (globalThis.document = {});
 typeof window > "u" && (globalThis.window = globalThis);
 export {
-  gn as Accordion,
-  $n as AdvancedSearch,
-  yn as Avatar,
-  bn as Badge,
-  vn as ButtonComponent,
-  wn as Card,
-  xn as Carousel,
-  kn as CarouselItem,
-  On as CategoryNavigation,
-  rl as DatetimePicker,
-  fn as Dropdown,
-  Mn as FilterableSelect,
-  Bn as Footer,
-  Dn as Hero,
-  zn as InputField,
-  Tn as Loader,
-  mn as Modal,
-  Vn as NavigationBar,
+  yn as Accordion,
+  Sn as AdvancedSearch,
+  bn as Avatar,
+  wn as Badge,
+  fn as ButtonComponent,
+  xn as Card,
+  kn as Carousel,
+  $n as CarouselItem,
+  Vn as CategoryNavigation,
+  ul as DatetimePicker,
+  mn as Dropdown,
+  zn as FilterableSelect,
+  Dn as Footer,
+  On as Hero,
+  Tn as InputField,
+  Bn as Loader,
+  pn as Modal,
+  En as NavigationBar,
   Cn as Rating,
-  In as Selector,
-  pn as Swap,
-  En as Tab,
-  Sn as TagInput,
-  hn as ThemeController
+  Mn as Selector,
+  hn as Swap,
+  Ln as Tab,
+  In as TagInput,
+  gn as ThemeController
 };