manolis-ui 0.14.1 → 0.15.0

package/dist/manolis-ui.js

@@ -1,8 +1,8 @@
-import { defineComponent as P, computed as _, createElementBlock as r, openBlock as a, normalizeClass as M, createCommentVNode as T, renderSlot as V, createTextVNode as ue, createElementVNode as l, Fragment as j, renderList as E, toDisplayString as O, ref as k, watch as A, h as se, onMounted as K, withDirectives as ee, createVNode as G, isRef as pe, vModelCheckbox as he, unref as U, provide as ge, normalizeStyle as Z, inject as be, useId as ye, defineAsyncComponent as te, nextTick as le, onBeforeUnmount as ie, withModifiers as H, createBlock as W, resolveDynamicComponent as ne, mergeProps as ae, withKeys as re, resolveComponent as oe, withCtx as ce, vModelText as me, useSlots as we, Comment as xe, vShow as ke, onUnmounted as $e } from "vue";
+import { defineComponent as P, computed as U, createElementBlock as r, openBlock as a, normalizeClass as V, createCommentVNode as T, renderSlot as M, createTextVNode as ee, createElementVNode as l, Fragment as j, renderList as E, toDisplayString as O, ref as k, watch as A, h as ie, onMounted as K, withDirectives as te, createVNode as G, isRef as pe, vModelCheckbox as he, unref as F, provide as ge, normalizeStyle as Z, inject as be, useId as ye, defineAsyncComponent as le, nextTick as ne, onBeforeUnmount as re, withModifiers as H, createBlock as W, resolveDynamicComponent as ae, mergeProps as oe, withKeys as ue, resolveComponent as se, withCtx as ce, vModelText as me, useSlots as we, Comment as xe, vShow as ke, onUnmounted as $e } from "vue";
 const Ce = ["disabled"], Se = {
   key: 0,
   class: "loading loading-spinner"
-}, Ll = /* @__PURE__ */ P({
+}, Al = /* @__PURE__ */ P({
   __name: "ButtonComponent",
   props: {
     outlined: { type: Boolean, default: !1 },
@@ -14,8 +14,8 @@ const Ce = ["disabled"], Se = {
     disabled: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const c = e, t = _(() => {
-      switch (c.size) {
+    const f = e, t = U(() => {
+      switch (f.size) {
         case "large":
           return "btn-lg";
         case "small":
@@ -29,8 +29,8 @@ const Ce = ["disabled"], Se = {
         default:
           return "";
       }
-    }), o = _(() => {
-      switch (c.type) {
+    }), o = U(() => {
+      switch (f.type) {
         case "neutral":
           return "btn-neutral";
         case "primary":
@@ -54,8 +54,8 @@ const Ce = ["disabled"], Se = {
         default:
           return "btn-neutral";
       }
-    }), u = _(() => {
-      switch (c.shape) {
+    }), d = U(() => {
+      switch (f.shape) {
         case "square":
           return "btn-square";
         case "circle":
@@ -65,26 +65,26 @@ const Ce = ["disabled"], Se = {
       }
     });
     return (s, i) => (a(), r("button", {
-      class: M([
+      class: V([
         "btn",
-        { "btn-outline": c.outlined },
-        { "btn-active": c.active },
+        { "btn-outline": f.outlined },
+        { "btn-active": f.active },
         o.value,
         t.value,
-        u.value
+        d.value
       ]),
-      disabled: c.disabled
+      disabled: f.disabled
     }, [
       e.loading ? (a(), r("span", Se)) : T("", !0),
-      V(s.$slots, "default", {}, () => [
-        i[0] || (i[0] = ue("Submit", -1))
+      M(s.$slots, "default", {}, () => [
+        i[0] || (i[0] = ee("Submit", -1))
       ])
     ], 10, Ce));
   }
 }), Ie = {
   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"
-}, Te = ["href"], El = /* @__PURE__ */ P({
+}, Te = ["href"], Rl = /* @__PURE__ */ P({
   __name: "dropdown",
   props: {
     items: {},
@@ -94,7 +94,7 @@ const Ce = ["disabled"], Se = {
     forceOpen: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const c = {
+    const f = {
       left: "dropdown-left",
       right: "dropdown-right",
       bottom: "dropdown-bottom",
@@ -103,10 +103,10 @@ const Ce = ["disabled"], Se = {
       start: "",
       end: "dropdown-end"
     }, o = e;
-    return (u, s) => (a(), r("div", {
-      class: M(["dropdown", c[o.position], t[o.floatPosition], { "dropdown-open": o.forceOpen }, { "dropdown-hover": o.openOnHover }])
+    return (d, s) => (a(), r("div", {
+      class: V(["dropdown", f[o.position], t[o.floatPosition], { "dropdown-open": o.forceOpen }, { "dropdown-hover": o.openOnHover }])
     }, [
-      V(u.$slots, "default", {
+      M(d.$slots, "default", {
         tabindex: "0",
         role: "button"
       }, () => [
@@ -118,11 +118,11 @@ const Ce = ["disabled"], Se = {
             href: i.link
           }, O(i.text), 9, Te)
         ]))), 256)),
-        V(u.$slots, "additional")
+        M(d.$slots, "additional")
       ])
     ], 2));
   }
-}), Me = { class: "modal-box" }, Ve = { class: "modal-action" }, Al = /* @__PURE__ */ P({
+}), Me = { class: "modal-box" }, Ve = { class: "modal-action" }, Nl = /* @__PURE__ */ P({
   __name: "modal",
   props: {
     position: { default: "center" },
@@ -130,11 +130,11 @@ const Ce = ["disabled"], Se = {
     forceOpen: { type: [Boolean, null], default: null }
   },
   setup(e) {
-    const c = e, t = {
+    const f = e, t = {
       top: "modal-top",
       bottom: "modal-bottom",
       center: "modal-middle"
-    }, o = k(null), u = () => {
+    }, o = k(null), d = () => {
       var i;
       (i = o.value) == null || i.showModal();
     }, s = () => {
@@ -142,35 +142,35 @@ const Ce = ["disabled"], Se = {
       (i = o.value) == null || i.close();
     };
     return A(
-      () => c.forceOpen,
+      () => f.forceOpen,
       (i) => {
-        i == !0 && u(), i == !1 && s();
+        i == !0 && d(), i == !1 && s();
       }
     ), (i, g) => (a(), r(j, null, [
-      c.forceOpen == null ? (a(), r("span", {
+      f.forceOpen == null ? (a(), r("span", {
         key: 0,
         class: "w-fit cursor-pointer",
-        onClick: u
+        onClick: d
       }, [
-        V(i.$slots, "trigger", { role: "button" }, () => [
+        M(i.$slots, "trigger", { role: "button" }, () => [
           g[0] || (g[0] = l("button", { class: "btn" }, "Open", -1))
         ])
       ])) : T("", !0),
       l("dialog", {
         ref_key: "dialog",
         ref: o,
-        class: M(["modal", t[c.position]])
+        class: V(["modal", t[f.position]])
       }, [
         l("div", Me, [
-          V(i.$slots, "default"),
+          M(i.$slots, "default"),
           l("div", Ve, [
-            V(i.$slots, "actions"),
+            M(i.$slots, "actions"),
             l("form", {
               method: "dialog",
               onSubmit: s,
-              class: M(e.withBackdrop ? "modal-backdrop" : "")
+              class: V(e.withBackdrop ? "modal-backdrop" : "")
             }, [
-              V(i.$slots, "close-button", {}, () => [
+              M(i.$slots, "close-button", {}, () => [
                 g[1] || (g[1] = l("button", { class: "btn" }, "Close", -1))
               ])
             ], 34)
@@ -179,22 +179,22 @@ const Ce = ["disabled"], Se = {
       ], 2)
     ], 64));
   }
-}), Be = { class: "flex justify-center items-center swap-on" }, De = { class: "flex justify-center items-center swap-off" }, Rl = /* @__PURE__ */ P({
+}), Be = { class: "flex justify-center items-center swap-on" }, De = { class: "flex justify-center items-center swap-off" }, _l = /* @__PURE__ */ P({
   __name: "swap",
   props: {
     effect: {}
   },
   setup(e) {
-    const c = e;
+    const f = e;
     return (t, o) => (a(), r("label", {
-      class: M(["swap", c.effect ? `swap-${e.effect}` : ""])
+      class: V(["swap", f.effect ? `swap-${e.effect}` : ""])
     }, [
       o[0] || (o[0] = l("input", { type: "checkbox" }, null, -1)),
       l("div", Be, [
-        V(t.$slots, "on")
+        M(t.$slots, "on")
       ]),
       l("div", De, [
-        V(t.$slots, "off")
+        M(t.$slots, "off")
       ])
     ], 2));
   }
@@ -229,18 +229,18 @@ var Y = {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Oe = ({ size: e, strokeWidth: c = 2, absoluteStrokeWidth: t, color: o, iconNode: u, name: s, class: i, ...g }, { slots: v }) => se(
+const Oe = ({ size: e, strokeWidth: f = 2, absoluteStrokeWidth: t, color: o, iconNode: d, name: s, class: i, ...g }, { slots: v }) => ie(
   "svg",
   {
     ...Y,
     width: e || Y.width,
     height: e || Y.height,
     stroke: o || Y.stroke,
-    "stroke-width": t ? Number(c) * 24 / Number(e) : c,
+    "stroke-width": t ? Number(f) * 24 / Number(e) : f,
     class: ["lucide", `lucide-${ze(s ?? "icon")}`],
     ...g
   },
-  [...u.map((p) => se(...p)), ...v.default ? [v.default()] : []]
+  [...d.map((p) => ie(...p)), ...v.default ? [v.default()] : []]
 );
 /**
  * @license lucide-vue-next v0.468.0 - ISC
@@ -248,11 +248,11 @@ const Oe = ({ size: e, strokeWidth: c = 2, absoluteStrokeWidth: t, color: o, ico
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Q = (e, c) => (t, { slots: o }) => se(
+const Q = (e, f) => (t, { slots: o }) => ie(
   Oe,
   {
     ...t,
-    iconNode: c,
+    iconNode: f,
     name: e
   },
   o
@@ -313,44 +313,44 @@ const Ee = Q("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" }]
-]), Ae = (e, c) => {
+]), Ae = (e, f) => {
   const t = k(null);
   return K(() => {
     if (typeof window < "u") {
       const o = window.localStorage.getItem(e);
-      t.value = o ? JSON.parse(o) : c;
+      t.value = o ? JSON.parse(o) : f;
     }
   }), A(t, (o) => {
     typeof window < "u" && window.localStorage.setItem(e, JSON.stringify(o));
   }), t;
-}, Re = { class: "swap-rotate swap" }, Ne = ["true-value", "false-value"], Nl = /* @__PURE__ */ P({
+}, Re = { class: "swap-rotate swap" }, Ne = ["true-value", "false-value"], Fl = /* @__PURE__ */ P({
   __name: "theme-controller",
   props: {
     lightTheme: { default: "light" },
     darkTheme: { default: "dark" }
   },
   setup(e) {
-    const c = e, t = Ae("theme", c.lightTheme);
-    function o(u) {
-      typeof window < "u" && window.document && document.documentElement.setAttribute("data-theme", u);
+    const f = e, t = Ae("theme", f.lightTheme);
+    function o(d) {
+      typeof window < "u" && window.document && document.documentElement.setAttribute("data-theme", d);
     }
-    return K(() => o(t.value ? t.value : "")), A(t, (u) => {
-      o(u);
-    }), (u, s) => (a(), r("label", Re, [
-      ee(l("input", {
+    return K(() => o(t.value ? t.value : "")), A(t, (d) => {
+      o(d);
+    }), (d, s) => (a(), r("label", Re, [
+      te(l("input", {
         type: "checkbox",
         class: "theme-controller",
         "onUpdate:modelValue": s[0] || (s[0] = (i) => pe(t) ? t.value = i : null),
-        "true-value": c.lightTheme,
-        "false-value": c.darkTheme
+        "true-value": f.lightTheme,
+        "false-value": f.darkTheme
       }, null, 8, Ne), [
-        [he, U(t)]
+        [he, F(t)]
       ]),
-      G(U(Ee), { class: "swap-off fill-current" }),
-      G(U(Le), { class: "swap-on fill-current" })
+      G(F(Ee), { class: "swap-off fill-current" }),
+      G(F(Le), { class: "swap-on fill-current" })
     ]));
   }
-}), Fe = ["name"], Ue = { class: "collapse-title font-bold text-2xl lg:text-4xl" }, _e = { class: "collapse-content" }, qe = ["innerHTML"], Fl = /* @__PURE__ */ P({
+}), _e = ["name"], Fe = { class: "collapse-title font-bold text-2xl lg:text-4xl" }, Ue = { class: "collapse-content" }, qe = ["innerHTML"], Ul = /* @__PURE__ */ P({
   __name: "accordion",
   props: {
     name: {},
@@ -359,25 +359,25 @@ const Ee = Q("SunIcon", [
     icon: {}
   },
   setup(e) {
-    const c = e;
-    return (t, o) => (a(!0), r(j, null, E(c.items, (u, s) => (a(), r("div", {
-      class: M(["collapse border border-base-300", [e.icon ? `collapse-${e.icon}` : "", { "join-item": e.joinItems }]]),
+    const f = e;
+    return (t, o) => (a(!0), r(j, null, E(f.items, (d, s) => (a(), r("div", {
+      class: V(["collapse border border-base-300", [e.icon ? `collapse-${e.icon}` : "", { "join-item": e.joinItems }]]),
       key: s
     }, [
       l("input", {
         type: "radio",
         name: e.name,
         value: "true"
-      }, null, 8, Fe),
-      l("div", Ue, O(u.title), 1),
-      l("div", _e, [
+      }, null, 8, _e),
+      l("div", Fe, O(d.title), 1),
+      l("div", Ue, [
         l("span", {
-          innerHTML: u.content
+          innerHTML: d.content
         }, null, 8, qe)
       ])
     ], 2))), 128));
   }
-}), He = ["src"], We = { class: "text-xl" }, Ul = /* @__PURE__ */ P({
+}), He = ["src"], We = { class: "text-xl" }, ql = /* @__PURE__ */ P({
   __name: "avatar",
   props: {
     image: {},
@@ -386,18 +386,18 @@ const Ee = Q("SunIcon", [
     fullyRounded: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const c = e, t = k(c.onlineStatus);
+    const f = e, t = k(f.onlineStatus);
     return A(
-      () => c.onlineStatus,
+      () => f.onlineStatus,
       (o) => {
         o && (t.value = o);
       }
-    ), (o, u) => (a(), r("div", {
-      class: M(["avatar", [{ "avatar-online": t.value === "online" }, { "avatar-offline": t.value === "offline" }]])
+    ), (o, d) => (a(), r("div", {
+      class: V(["avatar", [{ "avatar-online": t.value === "online" }, { "avatar-offline": t.value === "offline" }]])
     }, [
       e.image ? (a(), r("div", {
         key: 0,
-        class: M(["rounded", [{ "rounded-full": e.fullyRounded }, { rounded: !e.fullyRounded }]])
+        class: V(["rounded", [{ "rounded-full": e.fullyRounded }, { rounded: !e.fullyRounded }]])
       }, [
         l("img", {
           src: e.image,
@@ -405,13 +405,13 @@ const Ee = Q("SunIcon", [
         }, null, 8, He)
       ], 2)) : (a(), r("div", {
         key: 1,
-        class: M(["flex justify-center bg-neutral p-[25%] rounded w-16 text-neutral-content text-center", [{ "rounded-full": e.fullyRounded }, { rounded: !e.fullyRounded }]])
+        class: V(["flex justify-center bg-neutral p-[25%] rounded w-16 text-neutral-content text-center", [{ "rounded-full": e.fullyRounded }, { rounded: !e.fullyRounded }]])
       }, [
         l("p", We, O(e.initials), 1)
       ], 2))
     ], 2));
   }
-}), _l = /* @__PURE__ */ P({
+}), Hl = /* @__PURE__ */ P({
   __name: "badge",
   props: {
     color: { default: "neutral" },
@@ -419,7 +419,7 @@ const Ee = Q("SunIcon", [
     size: { default: "medium" }
   },
   setup(e) {
-    const c = e, t = {
+    const f = e, t = {
       "extra small": "badge-xs",
       small: "badge-sm",
       medium: "badge-md",
@@ -435,10 +435,10 @@ const Ee = Q("SunIcon", [
       warning: "badge-warning",
       error: "badge-error"
     };
-    return (u, s) => (a(), r("span", {
-      class: M(["badge", t[c.size], o[c.color], { "badge-outline": c.outline }])
+    return (d, s) => (a(), r("span", {
+      class: V(["badge", t[f.size], o[f.color], { "badge-outline": f.outline }])
     }, [
-      V(u.$slots, "default")
+      M(d.$slots, "default")
     ], 2));
   }
 }), Ke = ["src", "alt"], Xe = {
@@ -453,7 +453,7 @@ const Ee = Q("SunIcon", [
 }, Ze = { class: "flex-col flex-nowrap mt-auto card-actions" }, Qe = {
   key: 1,
   class: "card-body"
-}, ql = /* @__PURE__ */ P({
+}, Wl = /* @__PURE__ */ P({
   __name: "card",
   props: {
     imgUrl: { default: "" },
@@ -470,14 +470,14 @@ const Ee = Q("SunIcon", [
     horizontal: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const c = e, t = k(c.outlined);
+    const f = e, t = k(f.outlined);
     return A(
-      () => c.outlined,
+      () => f.outlined,
       (o) => {
         t.value = o;
       }
-    ), (o, u) => (a(), r("div", {
-      class: M(["group bg-base-100 shadow-xl rounded-sm min-w-64 max-w-full h-full card card-compact", [
+    ), (o, d) => (a(), r("div", {
+      class: V(["group bg-base-100 shadow-xl rounded-sm min-w-64 max-w-full h-full card card-compact", [
         { "border-4 border-primary": t.value },
         e.color ?? "",
         e.background,
@@ -485,13 +485,13 @@ const Ee = Q("SunIcon", [
       ]])
     }, [
       l("figure", {
-        class: M([{ "contents!": e.horizontal && e.imgWidth }])
+        class: V([{ "contents!": e.horizontal && e.imgWidth }])
       }, [
         e.imgUrl || e.imgUrl && !e.loading ? (a(), r("img", {
           key: 0,
           src: e.imgUrl,
           alt: e.alt,
-          class: M(["rounded-sm object-cover", [
+          class: V(["rounded-sm object-cover", [
             {
               hidden: e.loading
             },
@@ -501,18 +501,18 @@ const Ee = Q("SunIcon", [
         }, null, 10, Ke)) : T("", !0),
         e.loading && e.imgUrl ? (a(), r("div", {
           key: 1,
-          class: M(["w-full skeleton", e.imgHeight])
+          class: V(["w-full skeleton", e.imgHeight])
         }, null, 2)) : T("", !0)
       ], 2),
       e.loading ? T("", !0) : (a(), r("div", Xe, [
         e.title ? (a(), r("h2", Ge, O(e.title), 1)) : T("", !0),
-        V(o.$slots, "details"),
+        M(o.$slots, "details"),
         e.description ? (a(), r("p", Je, O(e.description), 1)) : T("", !0),
         l("div", Ze, [
-          V(o.$slots, "actions")
+          M(o.$slots, "actions")
         ])
       ])),
-      e.loading ? (a(), r("div", Qe, [...u[0] || (u[0] = [
+      e.loading ? (a(), r("div", Qe, [...d[0] || (d[0] = [
         l("div", { class: "flex flex-col gap-4 w-52" }, [
           l("div", { class: "w-28 h-4 skeleton" }),
           l("div", { class: "w-full h-4 skeleton" }),
@@ -564,26 +564,26 @@ const Ee = Q("SunIcon", [
       validator: (e) => e >= 0
     }
   },
-  setup(e, { expose: c }) {
-    const t = e, o = k(t.initialSlide), u = k(null), s = k(!1), i = k(0), g = _(() => ({
+  setup(e, { expose: f }) {
+    const t = e, o = k(t.initialSlide), d = k(null), s = k(!1), i = k(0), g = U(() => ({
       width: `calc((100% - ${t.slidesPerView > 1 ? (t.slidesPerView - 1) * t.gap : 0}px) / ${t.slidesPerView})`
     }));
     ge(ve, g);
     const v = () => {
-      u.value ? i.value = u.value.children.length : i.value = 0;
+      d.value ? i.value = d.value.children.length : i.value = 0;
     }, p = async (w) => {
-      if (!u.value || t.slidesPerView <= 0 || s.value || (v(), i.value === 0)) return;
-      const x = (w % i.value + i.value) % i.value, C = u.value, B = t.sliderOrientation === "vertical" ? (C.offsetHeight - (t.slidesPerView - 1) * t.gap) / t.slidesPerView : (C.offsetWidth - (t.slidesPerView - 1) * t.gap) / t.slidesPerView;
+      if (!d.value || t.slidesPerView <= 0 || s.value || (v(), i.value === 0)) return;
+      const x = (w % i.value + i.value) % i.value, C = d.value, B = t.sliderOrientation === "vertical" ? (C.offsetHeight - (t.slidesPerView - 1) * t.gap) / t.slidesPerView : (C.offsetWidth - (t.slidesPerView - 1) * t.gap) / t.slidesPerView;
       if (B <= 0) return;
       const L = B + t.gap, R = x * L, N = t.sliderOrientation === "vertical" ? C.scrollHeight - C.offsetHeight : C.scrollWidth - C.offsetWidth, m = Math.max(0, Math.min(R, N + 0.5));
       s.value = !0, C.style.scrollBehavior = "auto";
-      const d = t.sliderOrientation === "vertical" ? C.scrollTop : C.scrollLeft, f = m - d;
-      if (Math.abs(f) < 1) {
+      const u = t.sliderOrientation === "vertical" ? C.scrollTop : C.scrollLeft, c = m - u;
+      if (Math.abs(c) < 1) {
         s.value = !1, o.value = x;
         return;
       }
       const b = performance.now(), n = ($) => {
-        const h = $ - b, D = Math.min(1, h / t.slideDuration), F = D < 0.5 ? 4 * D * D * D : 1 - Math.pow(-2 * D + 2, 3) / 2, q = d + f * F;
+        const h = $ - b, D = Math.min(1, h / t.slideDuration), _ = D < 0.5 ? 4 * D * D * D : 1 - Math.pow(-2 * D + 2, 3) / 2, q = u + c * _;
         t.sliderOrientation === "vertical" ? C.scrollTop = q : C.scrollLeft = q, D < 1 ? requestAnimationFrame(n) : (t.sliderOrientation === "vertical" ? C.scrollTop = m : C.scrollLeft = m, o.value = x, s.value = !1);
       };
       requestAnimationFrame(n);
@@ -594,11 +594,11 @@ const Ee = Q("SunIcon", [
     }, z = (w) => {
       p(w);
     }, y = () => {
-      if (!u.value || t.slidesPerView <= 0 || (v(), i.value === 0)) return;
-      const w = u.value, x = t.sliderOrientation === "vertical" ? w.offsetHeight : w.offsetWidth, C = t.slidesPerView > 1 ? (t.slidesPerView - 1) * t.gap : 0, B = (x - C) / t.slidesPerView;
+      if (!d.value || t.slidesPerView <= 0 || (v(), i.value === 0)) return;
+      const w = d.value, x = t.sliderOrientation === "vertical" ? w.offsetHeight : w.offsetWidth, C = t.slidesPerView > 1 ? (t.slidesPerView - 1) * t.gap : 0, B = (x - C) / t.slidesPerView;
       if (B <= 0) return;
-      const L = Math.max(0, i.value - t.slidesPerView), R = Math.min(Math.max(0, t.initialSlide), L), N = R * (B + t.gap), m = t.sliderOrientation === "vertical" ? w.scrollHeight - w.offsetHeight : w.scrollWidth - w.offsetWidth, d = Math.max(0, Math.min(N, m + 0.5));
-      t.sliderOrientation === "vertical" ? w.scrollTo({ top: d, behavior: "auto" }) : w.scrollTo({ left: d, behavior: "auto" }), o.value = R;
+      const L = Math.max(0, i.value - t.slidesPerView), R = Math.min(Math.max(0, t.initialSlide), L), N = R * (B + t.gap), m = t.sliderOrientation === "vertical" ? w.scrollHeight - w.offsetHeight : w.scrollWidth - w.offsetWidth, u = Math.max(0, Math.min(N, m + 0.5));
+      t.sliderOrientation === "vertical" ? w.scrollTo({ top: u, behavior: "auto" }) : w.scrollTo({ left: u, behavior: "auto" }), o.value = R;
     };
     return K(() => {
       requestAnimationFrame(() => {
@@ -614,14 +614,14 @@ const Ee = Q("SunIcon", [
           t.slideDuration = 0, p(x), t.slideDuration = C;
         });
       });
-    }), c({ scrollToSlide: p }), (w, x) => (a(), r("div", Ye, [
+    }), f({ scrollToSlide: p }), (w, x) => (a(), r("div", Ye, [
       l("div", {
         ref_key: "carouselContainer",
-        ref: u,
-        class: M(["rounded w-full h-full overflow-x-scroll scroll-smooth carousel", [{ "carousel-horizontal md:snap-none": e.sliderOrientation == "horizontal" }, { "carousel-vertical": e.sliderOrientation == "vertical" }]]),
+        ref: d,
+        class: V(["rounded w-full h-full overflow-x-scroll scroll-smooth carousel", [{ "carousel-horizontal md:snap-none": e.sliderOrientation == "horizontal" }, { "carousel-vertical": e.sliderOrientation == "vertical" }]]),
         style: Z({ gap: `${e.gap}px` })
       }, [
-        V(w.$slots, "default", {}, void 0, !0)
+        M(w.$slots, "default", {}, void 0, !0)
       ], 6),
       e.showNavigationButtons ? (a(), r("div", et, [
         l("div", {
@@ -629,7 +629,7 @@ const Ee = Q("SunIcon", [
           role: "button",
           "aria-label": "Previous Slide"
         }, [
-          V(w.$slots, "prevButton", {}, () => [
+          M(w.$slots, "prevButton", {}, () => [
             x[0] || (x[0] = l("button", {
               class: "btn btn-circle",
               tabindex: "-1"
@@ -641,7 +641,7 @@ const Ee = Q("SunIcon", [
           role: "button",
           "aria-label": "Next Slide"
         }, [
-          V(w.$slots, "nextButton", {}, () => [
+          M(w.$slots, "nextButton", {}, () => [
             x[1] || (x[1] = l("button", {
               class: "btn btn-circle",
               tabindex: "-1"
@@ -653,29 +653,29 @@ const Ee = Q("SunIcon", [
         (a(!0), r(j, null, E(i.value, (C, B) => (a(), r("button", {
           key: `dot-${B}`,
           onClick: (L) => z(B),
-          class: M(["btn btn-circle btn-xs", { "btn-active": B === o.value }]),
+          class: V(["btn btn-circle btn-xs", { "btn-active": B === o.value }]),
           "aria-label": `Go to slide ${B + 1}`
         }, null, 10, lt))), 128))
       ])) : T("", !0)
     ]));
   }
-}), J = (e, c) => {
+}), J = (e, f) => {
   const t = e.__vccOpts || e;
-  for (const [o, u] of c)
-    t[o] = u;
+  for (const [o, d] of f)
+    t[o] = d;
   return t;
-}, Hl = /* @__PURE__ */ J(nt, [["__scopeId", "data-v-db55a6a5"]]), at = /* @__PURE__ */ P({
+}, Kl = /* @__PURE__ */ J(nt, [["__scopeId", "data-v-db55a6a5"]]), at = /* @__PURE__ */ P({
   __name: "carouselItem",
   setup(e) {
-    const c = be(ve, k({}));
+    const f = be(ve, k({}));
     return (t, o) => (a(), r("div", {
       class: "w-full h-full carousel-item",
-      style: Z(U(c))
+      style: Z(F(f))
     }, [
-      V(t.$slots, "default", {}, void 0, !0)
+      M(t.$slots, "default", {}, void 0, !0)
     ], 4));
   }
-}), Wl = /* @__PURE__ */ J(at, [["__scopeId", "data-v-507384bc"]]), ot = { class: "flex gap-4 bg-base-100 w-full tabs tabs-boxed" }, st = ["onClick"], it = {
+}), Xl = /* @__PURE__ */ J(at, [["__scopeId", "data-v-507384bc"]]), ot = { class: "flex gap-4 bg-base-100 w-full tabs tabs-boxed" }, st = ["onClick"], it = {
   key: 0,
   class: "inline-component-wrapper flex grow justify-center items-center w-full h-full"
 }, rt = {
@@ -702,37 +702,37 @@ const Ee = Q("SunIcon", [
     value: {}
   },
   emits: ["search", "update:search-data"],
-  setup(e, { emit: c }) {
-    const t = e, o = c, u = t.id ?? `advancedSearch-${ye()}`, s = k(null), i = k(null), g = {
-      datetime: te(() => Promise.resolve().then(() => Pt)),
-      "standard-select": te(() => import("./select-Cz4vf_YE.js")),
+  setup(e, { emit: f }) {
+    const t = e, o = f, d = t.id ?? `advancedSearch-${ye()}`, s = k(null), i = k(null), g = {
+      datetime: le(() => Promise.resolve().then(() => Lt)),
+      "standard-select": le(() => 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": te(() => import("./inputField-BxT95oyM.js"))
+      "custom-text": le(() => import("./inputField-BxT95oyM.js"))
       // 'custom-select': defineAsyncComponent(() => import('./CustomSelect.vue')),
     }, v = k({}), p = k({
       left: "0px",
       top: "0px",
       transform: "translateX(0%)"
     }), S = k(null), I = (m) => {
-      var d;
+      var u;
       if (m.value === void 0 || m.value === null || m.value === "")
         return "";
       switch (m.type) {
         case "datetime":
           if (typeof m.value == "string")
             try {
-              const f = new Date(m.value);
-              if (!isNaN(f.getTime()))
-                return f.toLocaleString();
+              const c = new Date(m.value);
+              if (!isNaN(c.getTime()))
+                return c.toLocaleString();
             } catch {
             }
           else if (m.range && typeof m.value == "object" && m.value !== null && "start" in m.value && "end" in m.value)
             try {
-              const f = new Date(m.value.start), b = new Date(m.value.end);
-              if (!isNaN(f.getTime()) && !isNaN(b.getTime()))
-                return `${f.toLocaleDateString()} - ${b.toLocaleDateString()}`;
+              const c = new Date(m.value.start), b = new Date(m.value.end);
+              if (!isNaN(c.getTime()) && !isNaN(b.getTime()))
+                return `${c.toLocaleDateString()} - ${b.toLocaleDateString()}`;
             } catch {
             }
           break;
@@ -746,12 +746,12 @@ const Ee = Q("SunIcon", [
           break;
         case "standard-select":
         case "custom-select":
-          if ((d = m.props) != null && d.options && Array.isArray(m.props.options)) {
-            const f = m.props.options.find(
+          if ((u = m.props) != null && u.options && Array.isArray(m.props.options)) {
+            const c = m.props.options.find(
               (b) => b.value === m.value
             );
-            if (f)
-              return f.text;
+            if (c)
+              return c.text;
           }
           return String(m.value);
         case "custom-text":
@@ -763,21 +763,21 @@ const Ee = Q("SunIcon", [
     };
     function z(m) {
       var n, $;
-      const d = (n = s.value) == null ? void 0 : n.name;
-      if (!d) {
+      const u = (n = s.value) == null ? void 0 : n.name;
+      if (!u) {
         console.warn("componentValueUpdated called but no active tab.");
         return;
       }
-      const f = ($ = t.searchOptions.find(
+      const c = ($ = t.searchOptions.find(
         (h) => (h == null ? void 0 : h.category) === t.currentCategory
-      )) == null ? void 0 : $.tabs, b = f == null ? void 0 : f.find(
-        (h) => h.name === d
+      )) == null ? void 0 : $.tabs, b = c == null ? void 0 : c.find(
+        (h) => h.name === u
       );
       b ? (b.value = m, o("update:search-data", {
         tab: b.name,
         data: m
       })) : console.error(
-        `Tab with name "${d}" not found in current category.`
+        `Tab with name "${u}" not found in current category.`
       );
     }
     function y(m) {
@@ -788,35 +788,35 @@ const Ee = Q("SunIcon", [
     }
     async function x(m) {
       var b;
-      const d = document.getElementById(`advancedSearchMobile-${u}`), f = d && d.contains(m.target);
-      ((b = s.value) == null ? void 0 : b.displayMode) === "popup" && S.value && !S.value.contains(m.target) && !f && (await le(), s.value = null);
+      const u = document.getElementById(`advancedSearchMobile-${d}`), c = u && u.contains(m.target);
+      ((b = s.value) == null ? void 0 : b.displayMode) === "popup" && S.value && !S.value.contains(m.target) && !c && (await ne(), s.value = null);
     }
     async function C() {
       if (typeof window < "u" && window.innerWidth <= 768) {
         const m = document.getElementById(
-          `advancedSearchMobile-${u}`
+          `advancedSearchMobile-${d}`
         );
         m ? (s.value = null, m.showModal()) : console.warn(
-          `Mobile modal element not found. Ensure it exists with id="advancedSearchMobile-${u}".`
+          `Mobile modal element not found. Ensure it exists with id="advancedSearchMobile-${d}".`
         );
       }
     }
     async function B(m) {
-      var f, b, n;
+      var c, b, n;
       if (typeof window < "u" && window.innerWidth <= 768) {
         C();
         return;
       }
-      const d = m.displayMode ?? "popup";
-      if (((f = s.value) == null ? void 0 : f.name) === m.name && ((b = s.value) == null ? void 0 : b.displayMode) === d)
+      const u = m.displayMode ?? "popup";
+      if (((c = s.value) == null ? void 0 : c.name) === m.name && ((b = s.value) == null ? void 0 : b.displayMode) === u)
         s.value = null;
-      else if (s.value = { ...m, displayMode: d }, await le(), ((n = s.value) == null ? void 0 : n.displayMode) === "popup") {
+      else if (s.value = { ...m, displayMode: u }, await ne(), ((n = s.value) == null ? void 0 : n.displayMode) === "popup") {
         const $ = v.value[m.name];
         if ($ && S.value) {
-          const h = $.getBoundingClientRect(), D = S.value.getBoundingClientRect(), F = h.bottom - D.top, q = h.left + h.width / 2 - D.left;
+          const h = $.getBoundingClientRect(), D = S.value.getBoundingClientRect(), _ = h.bottom - D.top, q = h.left + h.width / 2 - D.left;
           p.value = {
             left: `${q}px`,
-            top: `${F + 8}px`,
+            top: `${_ + 8}px`,
             // Add a small gap
             transform: "translateX(-50%)"
             // Center horizontally
@@ -829,10 +829,10 @@ const Ee = Q("SunIcon", [
       }
     }
     const L = (m) => {
-      const d = m.relatedTarget;
+      const u = m.relatedTarget;
       setTimeout(() => {
-        var f;
-        ((f = s.value) == null ? void 0 : f.displayMode) === "inline" && S.value && (!d || !S.value.contains(d)) ? (console.log("Blur detected outside container, closing inline view."), s.value = null) : console.log(
+        var c;
+        ((c = s.value) == null ? void 0 : c.displayMode) === "inline" && S.value && (!u || !S.value.contains(u)) ? (console.log("Blur detected outside container, closing inline view."), s.value = null) : console.log(
           "Blur detected, but staying within container or not an inline tab."
         );
       }, 50);
@@ -840,13 +840,13 @@ const Ee = Q("SunIcon", [
       console.log("Enter key pressed on inline component, closing inline view."), s.value = null;
     };
     A(i, (m) => {
-      var d;
+      var u;
       console.log(
         "advanced-search: inlineComponentRef changed. New Value:",
         m
-      ), console.log("advanced-search: activeTab.value:", s.value), m && ((d = s.value) == null ? void 0 : d.displayMode) === "inline" ? (console.log(
+      ), console.log("advanced-search: activeTab.value:", s.value), m && ((u = s.value) == null ? void 0 : u.displayMode) === "inline" ? (console.log(
         "advanced-search: Inline component ref is available and active tab is inline. Attempting to focus child input..."
-      ), le(() => {
+      ), ne(() => {
         console.log(
           "advanced-search: Inside nextTick. Attempting to call child's focus method..."
         ), console.log("advanced-search: Type of newValue:", typeof m), console.log(
@@ -863,24 +863,24 @@ const Ee = Q("SunIcon", [
       );
     }), K(() => {
       document.addEventListener("click", x), window.addEventListener("resize", N);
-    }), ie(() => {
+    }), re(() => {
       document.removeEventListener("click", x), window.removeEventListener("resize", N);
     });
     const N = () => {
-      var m, d;
+      var m, u;
       if (typeof window < "u") {
-        const f = window.innerWidth <= 768, b = s.value !== null && (s.value.displayMode === "popup" || s.value.displayMode === "inline") && window.innerWidth > 768;
-        !f && (((m = s.value) == null ? void 0 : m.displayMode) === "popup" || ((d = s.value) == null ? void 0 : d.displayMode) === "inline") && window.innerWidth <= 768 && (console.log("Resizing to mobile, closing active tab."), s.value = null), f && !b && s.value !== null && (console.log(
+        const c = window.innerWidth <= 768, b = s.value !== null && (s.value.displayMode === "popup" || s.value.displayMode === "inline") && window.innerWidth > 768;
+        !c && (((m = s.value) == null ? void 0 : m.displayMode) === "popup" || ((u = s.value) == null ? void 0 : u.displayMode) === "inline") && window.innerWidth <= 768 && (console.log("Resizing to mobile, closing active tab."), s.value = null), c && !b && s.value !== null && (console.log(
           "Resizing to desktop from potential mobile active state, closing active tab."
         ), s.value = null);
         const n = document.getElementById(
-          `advancedSearchMobile-${u}`
+          `advancedSearchMobile-${d}`
         );
-        n != null && n.open && !f && (console.log("Modal is open on desktop, closing modal and active tab."), n.close(), s.value = null);
+        n != null && n.open && !c && (console.log("Modal is open on desktop, closing modal and active tab."), n.close(), s.value = null);
       }
     };
-    return (m, d) => {
-      var f, b;
+    return (m, u) => {
+      var c, b;
       return a(), r(j, null, [
         l("div", {
           ref_key: "searchContainer",
@@ -892,28 +892,28 @@ const Ee = Q("SunIcon", [
             onClick: C
           }, [
             l("div", ot, [
-              (a(!0), r(j, null, E(((f = t.searchOptions.find(
+              (a(!0), r(j, null, E(((c = t.searchOptions.find(
                 (n) => n.category === t.currentCategory
-              )) == null ? void 0 : f.tabs) || [], (n, $) => {
-                var h, D, F, q, de;
+              )) == null ? void 0 : c.tabs) || [], (n, $) => {
+                var h, D, _, q, de;
                 return a(), r("button", {
                   key: `${n.name}-${$}`,
                   onClick: H((X) => B(n), ["stop"]),
-                  class: M([{
+                  class: V([{
                     "tab-active": ((h = s.value) == null ? void 0 : h.name) === n.name,
-                    "tab-active-inline": ((D = s.value) == null ? void 0 : D.name) === n.name && ((F = s.value) == null ? void 0 : F.displayMode) === "inline"
+                    "tab-active-inline": ((D = s.value) == null ? void 0 : D.name) === n.name && ((_ = s.value) == null ? void 0 : _.displayMode) === "inline"
                     // Add new class
                   }, "group/searchitem after:top-0 after:-right-2 after:absolute relative first-of-type:flex-auto last-of-type:flex-auto after:bg-base-200 hover:bg-base-200 p-1 rounded-sm w-auto after:w-px after:h-10 overflow-x-hidden text-start md:after:content-[''] after:content-none last-of-type:after:content-none"]),
                   ref_for: !0,
                   ref: (X) => v.value[n.name] = X
                 }, [
                   ((q = s.value) == null ? void 0 : q.name) === n.name && ((de = s.value) == null ? void 0 : de.displayMode) === "inline" ? (a(), r("div", it, [
-                    (a(), W(ne(g[s.value.type]), ae({ ref_for: !0 }, s.value.props || {}, {
+                    (a(), W(ae(g[s.value.type]), oe({ ref_for: !0 }, s.value.props || {}, {
                       modelValue: s.value.value,
-                      onUpdated: d[0] || (d[0] = (X) => y(X)),
-                      "onUpdate:modelValue": d[1] || (d[1] = (X) => y(X)),
+                      onUpdated: u[0] || (u[0] = (X) => y(X)),
+                      "onUpdate:modelValue": u[1] || (u[1] = (X) => y(X)),
                       onBlur: L,
-                      onKeydown: re(H(R, ["stop", "prevent"]), ["enter"]),
+                      onKeydown: ue(H(R, ["stop", "prevent"]), ["enter"]),
                       ref_for: !0,
                       ref_key: "inlineComponentRef",
                       ref: i
@@ -930,10 +930,10 @@ const Ee = Q("SunIcon", [
               class: "absolute flex shadow-sm mt-4 w-fit max-w-full transition-all tab-content",
               style: Z(p.value)
             }, [
-              (a(), W(ne(g[s.value.type]), ae(s.value.props || {}, {
+              (a(), W(ae(g[s.value.type]), oe(s.value.props || {}, {
                 modelValue: s.value.value,
-                onUpdated: d[2] || (d[2] = (n) => z(n)),
-                "onUpdate:modelValue": d[3] || (d[3] = (n) => z(n))
+                onUpdated: u[2] || (u[2] = (n) => z(n)),
+                "onUpdate:modelValue": u[3] || (u[3] = (n) => z(n))
               }), null, 16, ["modelValue"]))
             ], 4)) : T("", !0),
             l("button", {
@@ -942,7 +942,7 @@ const Ee = Q("SunIcon", [
               class: "ml-1 btn btn-primary btn-square",
               onClick: H(w, ["stop"])
             }, [
-              G(U(fe), {
+              G(F(fe), {
                 size: 24,
                 color: "white"
               })
@@ -951,10 +951,10 @@ const Ee = Q("SunIcon", [
           l("div", ft, [
             l("button", {
               title: "search",
-              onClick: d[4] || (d[4] = () => {
+              onClick: u[4] || (u[4] = () => {
               })
             }, [
-              G(U(fe), {
+              G(F(fe), {
                 size: 24,
                 color: "white"
               })
@@ -962,11 +962,11 @@ const Ee = Q("SunIcon", [
           ])
         ], 512),
         l("dialog", {
-          id: `advancedSearchMobile-${U(u)}`,
+          id: `advancedSearchMobile-${F(d)}`,
           class: "modal"
         }, [
           l("div", vt, [
-            V(m.$slots, "additionalForMobile", {}, () => [
+            M(m.$slots, "additionalForMobile", {}, () => [
               l("h3", pt, O(e.currentCategory), 1)
             ], !0),
             (a(!0), r(j, null, E(((b = t.searchOptions.find(
@@ -977,7 +977,7 @@ const Ee = Q("SunIcon", [
             }, [
               l("input", {
                 type: "radio",
-                name: `accordion-${U(u)}`,
+                name: `accordion-${F(d)}`,
                 checked: $ === 0
               }, null, 8, ht),
               l("div", gt, [
@@ -985,11 +985,11 @@ const Ee = Q("SunIcon", [
                 n.value !== void 0 && n.value !== null && n.value !== "" ? (a(), r("div", bt, O(I(n)), 1)) : (a(), r("div", yt, O(n.description), 1))
               ]),
               l("div", wt, [
-                d[7] || (d[7] = l("br", null, null, -1)),
-                (a(), W(ne(g[n.type]), ae({ ref_for: !0 }, n.props || {}, {
+                u[7] || (u[7] = l("br", null, null, -1)),
+                (a(), W(ae(g[n.type]), oe({ ref_for: !0 }, n.props || {}, {
                   modelValue: n.value,
-                  onUpdated: d[5] || (d[5] = (h) => z(h)),
-                  "onUpdate:modelValue": d[6] || (d[6] = (h) => z(h))
+                  onUpdated: u[5] || (u[5] = (h) => z(h)),
+                  "onUpdate:modelValue": u[6] || (u[6] = (h) => z(h))
                 }), null, 16, ["modelValue"]))
               ])
             ]))), 128)),
@@ -1006,13 +1006,16 @@ const Ee = Q("SunIcon", [
       ], 64);
     };
   }
-}), Kl = /* @__PURE__ */ J(xt, [["__scopeId", "data-v-577c3624"]]), kt = { 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" }, $t = { key: 0 }, Ct = ["id"], St = {
+}), Gl = /* @__PURE__ */ J(xt, [["__scopeId", "data-v-577c3624"]]), kt = { 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" }, $t = { key: 0 }, Ct = ["id"], St = {
   key: 2,
-  class: "join items-center gap-2 w-full justify-between py-2 px-4 max-md:input max-md:input-bordered rounded"
-}, It = { class: "join-item" }, Tt = ["id", "disabled"], Mt = { class: "join-item" }, Vt = ["id", "disabled"], Bt = ["id", "disabled"], Dt = {
+  class: "flex justify-center p-4"
+}, It = { 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" }, Tt = { class: "join-item" }, Mt = ["id", "disabled"], Vt = { class: "join-item" }, Bt = ["id", "disabled"], Dt = {
+  key: 3,
+  class: "p-4 min-w-2xs"
+}, zt = ["id", "disabled"], Ot = {
   key: 4,
-  class: "flex mt-4"
-}, zt = /* @__PURE__ */ P({
+  class: "flex px-4 my-4 w-full justify-end"
+}, Pt = /* @__PURE__ */ P({
   __name: "datetimePicker",
   props: {
     mode: { default: "datetime" },
@@ -1027,16 +1030,16 @@ const Ee = Q("SunIcon", [
     max: {}
   },
   emits: ["update:modelValue", "change"],
-  setup(e, { emit: c }) {
+  setup(e, { emit: f }) {
     K(async () => {
       await import("./cally-ZU3K2Th7.js");
     });
-    const t = e, o = c, u = k(null), s = k(!1), i = k(null), g = k(null), v = k(null), p = k(null), S = k(null), I = k({ from: "", to: "", single: "" }), z = k({
+    const t = e, o = f, d = k(null), s = k(!1), i = k(null), g = k(null), v = k(null), p = k(null), S = k(null), I = k({ from: "", to: "", single: "" }), z = k({
       single: null,
       start: null,
       end: null
-    }), y = _(() => {
-      const d = (n) => {
+    }), y = U(() => {
+      const u = (n) => {
         if (!n || n.includes(":")) return n;
         if (/^\d{4}-\d{2}-\d{2}$/.test(n))
           try {
@@ -1047,66 +1050,66 @@ const Ee = Q("SunIcon", [
           }
         return n;
       };
-      let f = "", b = "";
-      if (t.mode !== "time" && (t.range && z.value.start && z.value.end ? f = `${z.value.start} - ${z.value.end}` : !t.range && z.value.single && (f = z.value.single)), t.mode !== "date" && (t.range && I.value.from && I.value.to ? b = `${I.value.from} - ${I.value.to}` : !t.range && I.value.single && (b = I.value.single)), t.mode === "date")
-        return t.range ? f.split(" - ").map(d).join(" - ") : d(f);
+      let c = "", b = "";
+      if (t.mode !== "time" && (t.range && z.value.start && z.value.end ? c = `${z.value.start} - ${z.value.end}` : !t.range && z.value.single && (c = z.value.single)), t.mode !== "date" && (t.range && I.value.from && I.value.to ? b = `${I.value.from} - ${I.value.to}` : !t.range && I.value.single && (b = I.value.single)), t.mode === "date")
+        return t.range ? c.split(" - ").map(u).join(" - ") : u(c);
       if (t.mode === "time") return b;
       if (t.range) {
-        const [n, $] = f.split(" - ").map(d), [h, D] = b.split(" - ");
+        const [n, $] = c.split(" - ").map(u), [h, D] = b.split(" - ");
         return `${n} ${h} - ${$} ${D}`.trim();
       }
-      return `${d(f)} ${b}`.trim();
+      return `${u(c)} ${b}`.trim();
     });
     console.log(y);
     const w = () => {
       if (t.range) {
-        const { start: d, end: f } = z.value, { from: b, to: n } = I.value;
+        const { start: u, end: c } = z.value, { from: b, to: n } = I.value;
         let $ = null, h = null;
-        if (t.mode === "time" && b && n ? ($ = b, h = n) : t.mode === "date" && d && f ? ($ = d, h = f) : t.mode === "datetime" && d && f && b && n && ($ = `${d}T${b}`, h = `${f}T${n}`), $ && h)
+        if (t.mode === "time" && b && n ? ($ = b, h = n) : t.mode === "date" && u && c ? ($ = u, h = c) : t.mode === "datetime" && u && c && b && n && ($ = `${u}T${b}`, h = `${c}T${n}`), $ && h)
           return { start: $, end: h };
       } else {
-        const d = z.value.single, f = I.value.single;
-        if (t.mode === "date") return d;
-        if (t.mode === "time") return f || null;
-        if (t.mode === "datetime" && d && f)
-          return `${d}T${f}`;
+        const u = z.value.single, c = I.value.single;
+        if (t.mode === "date") return u;
+        if (t.mode === "time") return c || null;
+        if (t.mode === "datetime" && u && c)
+          return `${u}T${c}`;
       }
       return null;
     }, x = () => {
       if (i.value)
         z.value.single = i.value.value || null;
       else if (g.value) {
-        const d = g.value.value;
-        z.value.start = (d == null ? void 0 : d.start) || null, z.value.end = (d == null ? void 0 : d.end) || null;
+        const u = g.value.value;
+        z.value.start = (u == null ? void 0 : u.start) || null, z.value.end = (u == null ? void 0 : u.end) || null;
       }
     }, C = () => {
       x();
-      const d = w();
-      o("update:modelValue", d), o("change", d);
+      const u = w();
+      o("update:modelValue", u), o("change", u);
     }, B = () => {
-      var d, f, b;
-      t.range ? (I.value.from = ((d = p.value) == null ? void 0 : d.value) || "", I.value.to = ((f = S.value) == null ? void 0 : f.value) || "") : I.value.single = ((b = v.value) == null ? void 0 : b.value) || "", C();
+      var u, c, b;
+      t.range ? (I.value.from = ((u = p.value) == null ? void 0 : u.value) || "", I.value.to = ((c = S.value) == null ? void 0 : c.value) || "") : I.value.single = ((b = v.value) == null ? void 0 : b.value) || "", C();
     }, L = () => {
       s.value = !s.value, s.value && C();
     }, R = () => {
       s.value = !1, C();
-    }, N = (d) => {
+    }, N = (u) => {
       if (!t.popup || !s.value) return;
-      const f = u.value, b = d.target;
-      f && !f.contains(b) && R();
+      const c = d.value, b = u.target;
+      c && !c.contains(b) && R();
     }, m = () => {
-      const d = (f) => f instanceof Date ? f.toISOString() : f;
+      const u = (c) => c instanceof Date ? c.toISOString() : c;
       if (t.initialDate) {
         if (t.range && typeof t.initialDate == "object" && "start" in t.initialDate) {
-          const f = d(t.initialDate.start), b = d(t.initialDate.end);
-          if (z.value.start = f.split("T")[0], z.value.end = b.split("T")[0], t.mode !== "date") {
-            const n = new Date(f), $ = new Date(b), h = (D) => `${String(D.getUTCHours()).padStart(2, "0")}:${String(D.getUTCMinutes()).padStart(2, "0")}`;
+          const c = u(t.initialDate.start), b = u(t.initialDate.end);
+          if (z.value.start = c.split("T")[0], z.value.end = b.split("T")[0], t.mode !== "date") {
+            const n = new Date(c), $ = new Date(b), h = (D) => `${String(D.getUTCHours()).padStart(2, "0")}:${String(D.getUTCMinutes()).padStart(2, "0")}`;
             I.value.from = h(n), I.value.to = h($), p.value && (p.value.value = I.value.from), S.value && (S.value.value = I.value.to);
           }
         } else if (typeof t.initialDate == "string" || t.initialDate instanceof Date) {
-          const f = d(t.initialDate);
-          if (z.value.single = f.split("T")[0], t.mode !== "date") {
-            const b = new Date(f), n = `${String(b.getUTCHours()).padStart(2, "0")}:${String(b.getUTCMinutes()).padStart(2, "0")}`;
+          const c = u(t.initialDate);
+          if (z.value.single = c.split("T")[0], t.mode !== "date") {
+            const b = new Date(c), n = `${String(b.getUTCHours()).padStart(2, "0")}:${String(b.getUTCMinutes()).padStart(2, "0")}`;
             I.value.single = n, v.value && (v.value.value = n);
           }
         }
@@ -1114,27 +1117,27 @@ const Ee = Q("SunIcon", [
     };
     return K(() => {
       m(), C();
-    }), (d, f) => {
-      const b = oe("calendar-month"), n = oe("calendar-date"), $ = oe("calendar-range");
+    }), (u, c) => {
+      const b = se("calendar-month"), n = se("calendar-date"), $ = se("calendar-range");
       return a(), r("div", {
         class: "inline-block relative w-fit lg:w-full",
         ref_key: "pickerContainer",
-        ref: u,
+        ref: d,
         onMousedownCapture: N
       }, [
         t.popup ? (a(), r("div", {
           key: 0,
           class: "flex items-center gap-2 cursor-pointer w-full",
-          onClick: f[0] || (f[0] = (h) => t.disabled ? null : L())
+          onClick: c[0] || (c[0] = (h) => t.disabled ? null : L())
         }, [
           l("div", kt, [
             y.value ? T("", !0) : (a(), r("span", $t, O(e.placeholder), 1)),
-            ue(" " + O(y.value), 1)
+            ee(" " + O(y.value), 1)
           ])
         ])) : T("", !0),
         s.value || !t.popup ? (a(), r("div", {
           key: 1,
-          class: M(["z-50 bg-base-100 rounded-md w-full", { "absolute top-full left-0 mt-2 shadow-lg min-w-2xs": t.popup, "mt-2": !t.popup }]),
+          class: V(["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`
         }, [
           !t.range && t.mode !== "time" ? (a(), W(n, {
@@ -1149,7 +1152,7 @@ const Ee = Q("SunIcon", [
             onChange: C
           }, {
             default: ce(() => [
-              f[1] || (f[1] = l("button", {
+              c[1] || (c[1] = l("button", {
                 slot: "previous",
                 class: "btn-outline btn btn-primary md:btn-sm"
               }, [
@@ -1168,7 +1171,7 @@ const Ee = Q("SunIcon", [
                   })
                 ])
               ], -1)),
-              f[2] || (f[2] = l("button", {
+              c[2] || (c[2] = l("button", {
                 slot: "next",
                 class: "btn-outline btn btn-primary md:btn-sm"
               }, [
@@ -1205,7 +1208,7 @@ const Ee = Q("SunIcon", [
             onChange: C
           }, {
             default: ce(() => [
-              f[3] || (f[3] = l("button", {
+              c[3] || (c[3] = l("button", {
                 slot: "previous",
                 class: "btn-outline btn btn-primary md:btn-sm"
               }, [
@@ -1224,7 +1227,7 @@ const Ee = Q("SunIcon", [
                   })
                 ])
               ], -1)),
-              f[4] || (f[4] = l("button", {
+              c[4] || (c[4] = l("button", {
                 slot: "next",
                 class: "btn-outline btn btn-primary md:btn-sm"
               }, [
@@ -1251,65 +1254,72 @@ const Ee = Q("SunIcon", [
           }, 8, ["id", "min", "max", "disabled"])) : T("", !0),
           t.range && t.mode !== "date" ? (a(), r("div", St, [
             l("div", It, [
-              l("input", {
-                class: "max-md:max-w-xs 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: "timeFromInput",
-                ref: p,
-                id: `${t.id}-time-from`,
-                placeholder: "van",
-                onChange: B,
-                disabled: t.disabled
-              }, null, 40, Tt)
-            ]),
-            f[5] || (f[5] = l("svg", {
-              class: "join-item",
-              viewBox: "0 0 1024 1024",
-              focusable: "false",
-              "data-icon": "swap-right",
-              width: "1em",
-              height: "1em",
-              fill: "currentColor",
-              "aria-hidden": "true"
-            }, [
-              l("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)),
-            l("div", Mt, [
-              l("input", {
-                class: "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: S,
-                id: `${t.id}-time-to`,
-                onChange: B,
-                disabled: t.disabled
-              }, null, 40, Vt)
+              l("div", Tt, [
+                l("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: "timeFromInput",
+                  ref: p,
+                  id: `${t.id}-time-from`,
+                  placeholder: "van",
+                  onChange: B,
+                  disabled: t.disabled
+                }, null, 40, Mt)
+              ]),
+              c[5] || (c[5] = l("svg", {
+                class: "join-item",
+                viewBox: "0 0 1024 1024",
+                focusable: "false",
+                "data-icon": "swap-right",
+                width: "1em",
+                height: "1em",
+                fill: "currentColor",
+                "aria-hidden": "true"
+              }, [
+                l("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)),
+              l("div", Vt, [
+                l("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: S,
+                  id: `${t.id}-time-to`,
+                  onChange: B,
+                  disabled: t.disabled
+                }, null, 40, Bt)
+              ])
             ])
           ])) : T("", !0),
-          !t.range && t.mode !== "date" ? (a(), r("input", {
-            key: 3,
-            class: "open:bg-primary open:rounded w-full input input-bordered my-2 justify-center px-4 min-w-xs",
-            type: "time",
-            ref_key: "timeInput",
-            ref: v,
-            id: `${t.id}-time`,
-            onChange: B,
-            disabled: t.disabled
-          }, null, 40, Bt)) : T("", !0),
-          t.popup ? (a(), r("div", Dt, [
+          !t.range && t.mode !== "date" ? (a(), r("div", Dt, [
+            l("input", {
+              class: "open:bg-primary open:rounded w-full input input-bordered justify-center",
+              type: "time",
+              ref_key: "timeInput",
+              ref: v,
+              id: `${t.id}-time`,
+              onChange: B,
+              disabled: t.disabled
+            }, null, 40, zt)
+          ])) : T("", !0),
+          t.popup ? (a(), r("div", Ot, [
             l("button", {
-              class: "btn btn-primary",
+              class: "btn btn-primary max-lg:w-full",
               onClick: R
-            }, " Close ")
+            }, [
+              M(u.$slots, "default", {}, () => [
+                c[6] || (c[6] = ee("Close", -1))
+              ], !0)
+            ])
           ])) : T("", !0)
         ], 10, Ct)) : T("", !0)
       ], 544);
     };
   }
-}), Ot = /* @__PURE__ */ J(zt, [["__scopeId", "data-v-19301c9f"]]), Pt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), jt = /* @__PURE__ */ J(Pt, [["__scopeId", "data-v-6a59f578"]]), Lt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: Ot
-}, Symbol.toStringTag, { value: "Module" })), jt = ["value", "checked", "onChange", "disabled"], Xl = /* @__PURE__ */ P({
+  default: jt
+}, Symbol.toStringTag, { value: "Module" })), Et = ["value", "checked", "onChange", "disabled"], Jl = /* @__PURE__ */ P({
   __name: "rating",
   props: {
     initialRating: { default: 0 },
@@ -1322,19 +1332,19 @@ const Ee = Q("SunIcon", [
     gap: { default: 0 }
   },
   setup(e) {
-    const c = e, t = k(c.initialRating);
+    const f = e, t = k(f.initialRating);
     A(
-      () => c.initialRating,
-      (u) => {
-        t.value = u;
+      () => f.initialRating,
+      (d) => {
+        t.value = d;
       }
     );
-    const o = (u) => {
-      t.value = u;
+    const o = (d) => {
+      t.value = d;
     };
-    return (u, s) => (a(), r("div", {
-      class: M(["rating", [
-        `rating-${c.size}`,
+    return (d, s) => (a(), r("div", {
+      class: V(["rating", [
+        `rating-${f.size}`,
         { "rating-half": e.halfStars },
         { "pointer-events-none": !e.isInteractive }
       ]])
@@ -1345,7 +1355,7 @@ const Ee = Q("SunIcon", [
         value: e.halfStars ? i * 0.5 : i,
         checked: t.value === (e.halfStars ? i * 0.5 : i),
         onChange: (g) => e.isInteractive ? o(e.halfStars ? i * 0.5 : i) : null,
-        class: M(["mask", [
+        class: V(["mask", [
           {
             // 'bg-yellow-400': rating >= (halfStars ? i * 0.5 : i),
             "mask-half-1": e.halfStars && i % 2 !== 0,
@@ -1366,16 +1376,16 @@ const Ee = Q("SunIcon", [
             "mask-triangle-3": e.shape === "triangle-left",
             "mask-triangle-4": e.shape === "triangle-right"
           },
-          t.value >= (e.halfStars ? i * 0.5 : i) ? c.color : ""
+          t.value >= (e.halfStars ? i * 0.5 : i) ? f.color : ""
         ]]),
         style: Z({
-          marginRight: e.halfStars && i % 2 === 0 ? `${c.gap}px` : e.halfStars ? "0" : `${c.gap}px`
+          marginRight: e.halfStars && i % 2 === 0 ? `${f.gap}px` : e.halfStars ? "0" : `${f.gap}px`
         }),
         disabled: !e.isInteractive
-      }, null, 46, jt))), 128))
+      }, null, 46, Et))), 128))
     ], 2));
   }
-}), Lt = { class: "badge" }, Et = ["onClick"], At = { class: "opacity-75" }, Rt = ["placeholder"], Gl = /* @__PURE__ */ P({
+}), At = { class: "badge" }, Rt = ["onClick"], Nt = { class: "opacity-75" }, _t = ["placeholder"], Zl = /* @__PURE__ */ P({
   __name: "taginput",
   props: {
     modelValue: {},
@@ -1384,37 +1394,37 @@ const Ee = Q("SunIcon", [
     class: {}
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: c }) {
-    const t = e, o = c, u = k([...t.modelValue]), s = t.maxTagAmount === void 0 ? -1 : t.maxTagAmount, i = k(null), g = k(""), v = _(() => s < 0 || u.value.length < s), p = () => {
+  setup(e, { emit: f }) {
+    const t = e, o = f, d = k([...t.modelValue]), s = t.maxTagAmount === void 0 ? -1 : t.maxTagAmount, i = k(null), g = k(""), v = U(() => s < 0 || d.value.length < s), p = () => {
       const y = g.value.trim();
-      y && !u.value.includes(y) && (u.value.push(y), o("update:modelValue", u.value), g.value = "");
+      y && !d.value.includes(y) && (d.value.push(y), o("update:modelValue", d.value), g.value = "");
     }, S = (y) => {
-      u.value = u.value.filter((w) => w !== y), o("update:modelValue", u.value);
+      d.value = d.value.filter((w) => w !== y), o("update:modelValue", d.value);
     }, I = () => {
-      g.value === "" && (u.value.pop(), o("update:modelValue", u.value));
+      g.value === "" && (d.value.pop(), o("update:modelValue", d.value));
     }, z = (y) => {
       y.key === "Enter" ? p() : y.key === "Backspace" && g.value === "" && I();
     };
     return A(() => t.modelValue, (y) => {
-      u.value = [...y];
+      d.value = [...y];
     }), (y, w) => (a(), r("div", {
-      class: M(["flex flex-wrap gap-2 bg-base-100 shadow px-4 py-6 border border-base-content/20 rounded", y.$props.class])
+      class: V(["flex flex-wrap gap-2 bg-base-100 shadow px-4 py-6 border border-base-content/20 rounded", y.$props.class])
     }, [
-      (a(!0), r(j, null, E(u.value, (x) => V(y.$slots, "tag", {
+      (a(!0), r(j, null, E(d.value, (x) => M(y.$slots, "tag", {
         key: x,
         tag: x
       }, () => [
-        l("div", Lt, [
+        l("div", At, [
           l("button", {
             class: "px-1! py-0! h-fit font-bold cursor-pointer",
             onClick: (C) => S(x),
             "aria-label": "Remove tag"
-          }, "X", 8, Et),
-          l("span", At, O(x), 1)
+          }, "X", 8, Rt),
+          l("span", Nt, O(x), 1)
         ])
       ])), 128)),
-      V(y.$slots, "input", { showInput: v.value }, () => [
-        v.value ? ee((a(), r("input", {
+      M(y.$slots, "input", { showInput: v.value }, () => [
+        v.value ? te((a(), r("input", {
           key: 0,
           ref_key: "inputRef",
           ref: i,
@@ -1424,21 +1434,21 @@ const Ee = Q("SunIcon", [
           class: "h-full input input-ghost",
           onKeydown: z,
           "aria-label": "Add tags"
-        }, null, 40, Rt)), [
+        }, null, 40, _t)), [
           [me, g.value]
         ]) : T("", !0)
       ])
     ], 2));
   }
-}), Nt = { class: "w-full max-w-xs form-control" }, Ft = {
+}), Ft = { class: "w-full max-w-xs form-control" }, Ut = {
   key: 0,
   class: "label"
-}, Ut = { class: "label-text" }, _t = ["value"], qt = {
+}, qt = { class: "label-text" }, Ht = ["value"], Wt = {
   key: 0,
   value: "",
   disabled: "",
   selected: ""
-}, Ht = ["value"], Jl = /* @__PURE__ */ P({
+}, Kt = ["value"], Ql = /* @__PURE__ */ P({
   __name: "select",
   props: {
     options: {},
@@ -1447,22 +1457,22 @@ const Ee = Q("SunIcon", [
     modelValue: {}
   },
   emits: ["update:modelValue"],
-  setup(e, { expose: c, emit: t }) {
+  setup(e, { expose: f, emit: t }) {
     console.log(e.placeholder);
-    const u = t, s = k(null), i = (v) => {
+    const d = t, s = k(null), i = (v) => {
       const p = v.target;
-      u("update:modelValue", p.value);
+      d("update:modelValue", p.value);
     };
-    return c({
+    return f({
       focusInput: () => {
         var v;
         console.log("select.vue: focusInput method called."), (v = s.value) == null || v.focus();
       }
       // You can expose other properties or methods here if needed by the parent
       // e.g., the current value: modelValue
-    }), (v, p) => (a(), r("div", Nt, [
-      e.label ? (a(), r("label", Ft, [
-        l("span", Ut, O(e.label), 1)
+    }), (v, p) => (a(), r("div", Ft, [
+      e.label ? (a(), r("label", Ut, [
+        l("span", qt, O(e.label), 1)
       ])) : T("", !0),
       l("select", {
         ref_key: "selectElement",
@@ -1471,21 +1481,21 @@ const Ee = Q("SunIcon", [
         value: e.modelValue,
         onChange: i
       }, [
-        e.placeholder ? (a(), r("option", qt, O(e.placeholder), 1)) : T("", !0),
+        e.placeholder ? (a(), r("option", Wt, O(e.placeholder), 1)) : T("", !0),
         (a(!0), r(j, null, E(e.options, (S) => (a(), r("option", {
           key: S.value,
           value: S.value
-        }, O(S.text), 9, Ht))), 128))
-      ], 40, _t)
+        }, O(S.text), 9, Kt))), 128))
+      ], 40, Ht)
     ]));
   }
-}), Wt = {
+}), Xt = {
   key: 0,
   class: "label"
-}, Kt = { class: "label-text" }, Xt = ["onKeydown", "aria-expanded", "aria-activedescendant"], Gt = ["placeholder", "disabled"], Jt = {
+}, Gt = { class: "label-text" }, Jt = ["onKeydown", "aria-expanded", "aria-activedescendant"], Zt = ["placeholder", "disabled"], Qt = {
   class: "top-full z-10 absolute bg-base-100 shadow-lg mt-1 rounded-md w-full dropdown-content",
   role: "listbox"
-}, Zt = { class: "flex-nowrap p-0 w-[inherit] max-h-60 overflow-y-auto menu" }, Qt = ["onMousedown", "id", "aria-selected"], Zl = {
+}, Yt = { class: "flex-nowrap p-0 w-[inherit] max-h-60 overflow-y-auto menu" }, el = ["onMousedown", "id", "aria-selected"], Yl = {
   __name: "filterableSelect",
   props: {
     // Array of options: [{ value: any, text: string }, ...]
@@ -1515,8 +1525,8 @@ const Ee = Q("SunIcon", [
     }
   },
   emits: ["update:modelValue", "select", "clear"],
-  setup(e, { expose: c, emit: t }) {
-    const o = e, u = t, s = we(), i = _(() => {
+  setup(e, { expose: f, emit: t }) {
+    const o = e, d = t, s = we(), i = U(() => {
       const $ = (s.default ? s.default() : []).filter((h) => h.type !== xe);
       return console.log("hasDefaultSlotContent computed:", $.length > 0), $.length > 0;
     }), g = k(""), v = k(null), p = k(!1), S = k(null), I = k(null), z = k(null), y = k(null), w = () => {
@@ -1525,7 +1535,7 @@ const Ee = Q("SunIcon", [
       p.value = !1, y.value = null, i.value || (v.value && g.value !== v.value.text ? g.value = v.value.text : v.value || (g.value = ""));
     }, C = () => {
       p.value ? x() : w();
-    }, B = _(() => {
+    }, B = U(() => {
       const n = g.value ? g.value.toLowerCase() : "";
       return n === "" && !p.value ? [] : o.options.filter(
         (h) => h && h.text ? h.text.toLowerCase().includes(n) : ""
@@ -1555,23 +1565,23 @@ const Ee = Q("SunIcon", [
       n ? setTimeout(() => {
         document.addEventListener("click", L);
       }, 0) : document.removeEventListener("click", L);
-    }), ie(() => {
+    }), re(() => {
       document.removeEventListener("click", L), window.removeEventListener("keydown", b);
     });
     const N = () => {
       if (o.disabled) return;
       const n = v.value;
-      u("update:modelValue", null), n && u("clear", n);
+      d("update:modelValue", null), n && d("clear", n);
     }, m = (n) => {
-      v.value = n, i.value || (g.value = n.text), u("update:modelValue", n.value), u("select", n), x();
-    }, d = () => {
+      v.value = n, i.value || (g.value = n.text), d("update:modelValue", n.value), d("select", n), x();
+    }, u = () => {
       B.value.length > 0 && m(B.value[0]);
-    }, f = () => {
+    }, c = () => {
       p.value || w();
     }, b = (n) => {
       if (!p.value || B.value.length === 0) return;
       const $ = B.value.findIndex(
-        (D, F) => "option-" + F === y.value
+        (D, _) => "option-" + _ === y.value
       );
       let h = -1;
       if (n.key === "ArrowDown")
@@ -1581,7 +1591,7 @@ const Ee = Q("SunIcon", [
       else if (n.key === "Enter" && y.value) {
         n.preventDefault();
         const D = B.value.find(
-          (F, q) => "option-" + q === y.value
+          (_, q) => "option-" + q === y.value
         );
         D && m(D);
         return;
@@ -1600,9 +1610,9 @@ const Ee = Q("SunIcon", [
     };
     return A(p, (n) => {
       n ? (window.addEventListener("keydown", b), !i.value && !g.value && v.value && (g.value = v.value.text)) : window.removeEventListener("keydown", b);
-    }), ie(() => {
+    }), re(() => {
       document.removeEventListener("click", L), window.removeEventListener("keydown", b);
-    }), c({
+    }), f({
       isDropdownOpen: p,
       // Expose state
       selectedItem: v,
@@ -1624,19 +1634,19 @@ const Ee = Q("SunIcon", [
       ref_key: "componentRoot",
       ref: I
     }, [
-      e.label ? (a(), r("label", Wt, [
-        l("span", Kt, O(e.label), 1)
+      e.label ? (a(), r("label", Xt, [
+        l("span", Gt, O(e.label), 1)
       ])) : T("", !0),
       l("div", {
-        class: M(["flex items-center input-bordered rounded-md w-fit cursor-pointer", { input: !i.value, select: !i.value }]),
+        class: V(["flex items-center input-bordered rounded-md w-fit cursor-pointer", { input: !i.value, select: !i.value }]),
         style: Z(
           v.value ? "background-image: unset; padding-right: 0.5rem;" : ""
         ),
         tabindex: "0",
         onClick: $[1] || ($[1] = (h) => i.value ? C() : w()),
         onKeydown: [
-          re(H(d, ["prevent"]), ["enter"]),
-          re(H(d, ["prevent"]), ["space"])
+          ue(H(u, ["prevent"]), ["enter"]),
+          ue(H(u, ["prevent"]), ["space"])
         ],
         onBlur: R,
         role: "combobox",
@@ -1647,8 +1657,8 @@ const Ee = Q("SunIcon", [
         ref_key: "activatorWrapper",
         ref: z
       }, [
-        V(n.$slots, "default", {}, () => [
-          i.value ? T("", !0) : ee((a(), r("input", {
+        M(n.$slots, "default", {}, () => [
+          i.value ? T("", !0) : te((a(), r("input", {
             key: 0,
             type: "text",
             placeholder: e.placeholder,
@@ -1657,53 +1667,53 @@ const Ee = Q("SunIcon", [
             ref_key: "filterInput",
             ref: S,
             onFocus: w,
-            onInput: f,
+            onInput: c,
             tabindex: "-1",
             disabled: o.disabled
-          }, null, 40, Gt)), [
+          }, null, 40, Zt)), [
             [me, g.value]
           ])
         ]),
-        v.value && !e.disabled ? (a(), W(U(je), {
+        v.value && !e.disabled ? (a(), W(F(je), {
           key: 0,
           size: 20,
           class: "mx-2 text-base-content/50 hover:text-base-content/80 cursor-pointer",
           onClick: H(N, ["stop"])
         })) : T("", !0),
-        i.value && !v.value ? (a(), W(U(Pe), {
+        i.value && !v.value ? (a(), W(F(Pe), {
           key: 1,
-          class: M([{ "rotate-180": p.value }, "mx-2"]),
+          class: V([{ "rotate-180": p.value }, "mx-2"]),
           size: 20
         }, null, 8, ["class"])) : T("", !0)
-      ], 46, Xt),
-      ee(l("div", Jt, [
-        l("ul", Zt, [
+      ], 46, Jt),
+      te(l("div", Qt, [
+        l("ul", Yt, [
           (a(!0), r(j, null, E(B.value, (h, D) => (a(), r("li", {
             key: h.value,
-            onMousedown: H((F) => m(h), ["prevent"]),
+            onMousedown: H((_) => m(h), ["prevent"]),
             class: "hover:bg-base-200 rounded-md w-full cursor-pointer",
             id: "option-" + D,
             role: "option",
             "aria-selected": v.value && v.value.value === h.value
           }, [
             l("a", null, O(h.text), 1)
-          ], 40, Qt))), 128))
+          ], 40, el))), 128))
         ])
       ], 512), [
         [ke, p.value && B.value.length > 0]
       ])
     ], 512));
   }
-}, Yt = { class: "w-full max-w-xs form-control" }, el = {
+}, tl = { class: "w-full max-w-xs form-control" }, ll = {
   key: 0,
   class: "label"
-}, tl = { class: "label-text" }, ll = ["type", "placeholder", "disabled", "value"], nl = {
+}, nl = { class: "label-text" }, al = ["type", "placeholder", "disabled", "value"], ol = {
   key: 1,
   class: "label"
-}, al = { class: "label-text-alt text-error validator-hint" }, ol = {
+}, sl = { class: "label-text-alt text-error validator-hint" }, il = {
   key: 2,
   class: "label"
-}, sl = { class: "label-text-alt text-success validator-hint" }, Ql = /* @__PURE__ */ P({
+}, rl = { class: "label-text-alt text-success validator-hint" }, en = /* @__PURE__ */ P({
   __name: "inputField",
   props: {
     modelValue: { default: "" },
@@ -1719,15 +1729,15 @@ const Ee = Q("SunIcon", [
     disabled: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue", "validate"],
-  setup(e, { expose: c, emit: t }) {
-    const o = e, u = t, s = k(null), i = k(!1), g = k(""), v = _(() => {
+  setup(e, { expose: f, emit: t }) {
+    const o = e, d = t, s = k(null), i = k(!1), g = k(""), v = U(() => {
       var C, B, L, R;
       let y = !0, w = "";
       const x = o.modelValue;
-      return (C = o.rules) != null && C.required && (x == null || x === "") && (y = !1, w = "This field is required."), y && ((B = o.rules) == null ? void 0 : B.minLength) !== void 0 && typeof x == "string" && x.length < o.rules.minLength && (y = !1, w = `Must be at least ${o.rules.minLength} characters.`), y && ((L = o.rules) == null ? void 0 : L.maxLength) !== void 0 && typeof x == "string" && x.length > o.rules.maxLength && (y = !1, w = `Cannot exceed ${o.rules.maxLength} characters.`), y && ((R = o.rules) != null && R.email) && typeof x == "string" && x && (/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(x) || (y = !1, w = "Please enter a valid email address.")), g.value = w, u("validate", y), y;
-    }), p = _(() => i.value && !v.value), S = (y) => {
+      return (C = o.rules) != null && C.required && (x == null || x === "") && (y = !1, w = "This field is required."), y && ((B = o.rules) == null ? void 0 : B.minLength) !== void 0 && typeof x == "string" && x.length < o.rules.minLength && (y = !1, w = `Must be at least ${o.rules.minLength} characters.`), y && ((L = o.rules) == null ? void 0 : L.maxLength) !== void 0 && typeof x == "string" && x.length > o.rules.maxLength && (y = !1, w = `Cannot exceed ${o.rules.maxLength} characters.`), y && ((R = o.rules) != null && R.email) && typeof x == "string" && x && (/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(x) || (y = !1, w = "Please enter a valid email address.")), g.value = w, d("validate", y), y;
+    }), p = U(() => i.value && !v.value), S = (y) => {
       const w = y.target;
-      u("update:modelValue", w.value), i.value && v.value;
+      d("update:modelValue", w.value), i.value && v.value;
     }, I = () => {
       i.value = !0, v.value;
     };
@@ -1736,7 +1746,7 @@ const Ee = Q("SunIcon", [
       () => {
         i.value && v.value;
       }
-    ), c({
+    ), f({
       focusInput: () => {
         var y;
         console.log("inputField.vue: focusInput method called."), (y = s.value) == null || y.focus();
@@ -1744,18 +1754,18 @@ const Ee = Q("SunIcon", [
       isValid: v,
       isTouched: i,
       errorMessage: g
-    }), (y, w) => (a(), r("div", Yt, [
-      e.label ? (a(), r("label", el, [
-        l("span", tl, O(e.label), 1)
+    }), (y, w) => (a(), r("div", tl, [
+      e.label ? (a(), r("label", ll, [
+        l("span", nl, O(e.label), 1)
       ])) : T("", !0),
-      V(y.$slots, "default"),
+      M(y.$slots, "default"),
       l("input", {
         ref_key: "inputElement",
         ref: s,
         type: e.type,
         placeholder: e.placeholder,
         disabled: o.disabled,
-        class: M(["input-bordered rounded-md w-full input validator", [
+        class: V(["input-bordered rounded-md w-full input validator", [
           {
             // Size classes - Apply based on size prop
             "input-xs": e.size === "xs",
@@ -1785,15 +1795,15 @@ const Ee = Q("SunIcon", [
         value: e.modelValue,
         onInput: S,
         onBlur: I
-      }, null, 42, ll),
-      p.value ? (a(), r("div", nl, [
-        l("span", al, O(g.value), 1)
-      ])) : v.value && i.value && e.successMessage ? (a(), r("div", ol, [
-        l("span", sl, O(e.successMessage), 1)
+      }, null, 42, al),
+      p.value ? (a(), r("div", ol, [
+        l("span", sl, O(g.value), 1)
+      ])) : v.value && i.value && e.successMessage ? (a(), r("div", il, [
+        l("span", rl, O(e.successMessage), 1)
       ])) : T("", !0)
     ]));
   }
-}), Yl = /* @__PURE__ */ P({
+}), tn = /* @__PURE__ */ P({
   __name: "loader",
   props: {
     loading: { type: Boolean, default: !0 },
@@ -1802,15 +1812,15 @@ const Ee = Q("SunIcon", [
     color: { default: "primary" }
   },
   setup(e) {
-    const c = e, t = k(c.loading);
+    const f = e, t = k(f.loading);
     return A(
-      () => c.loading,
+      () => f.loading,
       (o) => {
         t.value = o;
       }
-    ), (o, u) => t.value ? (a(), r("span", {
+    ), (o, d) => t.value ? (a(), r("span", {
       key: 0,
-      class: M(["loading", [
+      class: V(["loading", [
         { "loading-xs": e.size === "xs" },
         { "loading-sm": e.size === "sm" },
         { "loading-md": e.size === "md" },
@@ -1835,13 +1845,13 @@ const Ee = Q("SunIcon", [
       ]])
     }, null, 2)) : T("", !0);
   }
-}), il = { class: "footer sm:footer-horizontal container" }, rl = { class: "footer-title" }, ul = ["href"], dl = {
+}), ul = { class: "footer sm:footer-horizontal container" }, dl = { class: "footer-title" }, cl = ["href"], fl = {
   key: 0,
   class: "sm:hidden w-full"
-}, cl = { class: "border-b-2 border-base-100 last:border-b-0 w-full" }, fl = {
+}, ml = { class: "border-b-2 border-base-100 last:border-b-0 w-full" }, vl = {
   tabindex: "0",
   class: "collapse collapse-plus w-full"
-}, ml = { class: "collapse-title font-bold text-lg collapsible-footer-title" }, vl = { class: "collapse-content flex w-full text-sm" }, pl = { class: "flex flex-col gap-2.5" }, hl = { class: "w-full" }, gl = ["href"], bl = { class: "w-full" }, en = /* @__PURE__ */ P({
+}, pl = { class: "collapse-title font-bold text-lg collapsible-footer-title" }, hl = { class: "collapse-content flex w-full text-sm" }, gl = { class: "flex flex-col gap-2.5" }, bl = { class: "w-full" }, yl = ["href"], wl = { class: "w-full" }, ln = /* @__PURE__ */ P({
   __name: "footer",
   props: {
     items: {},
@@ -1850,118 +1860,118 @@ const Ee = Q("SunIcon", [
     collapseOnMobile: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const c = e;
+    const f = e;
     return (t, o) => (a(), r("div", {
-      class: M(["mx-auto md:px-10 py-10 text-base-content", [e.background ?? "bg-base-200", e.color ?? "text-base-content"]])
+      class: V(["mx-auto md:px-10 py-10 text-base-content", [e.background ?? "bg-base-200", e.color ?? "text-base-content"]])
     }, [
-      l("footer", il, [
-        (a(!0), r(j, null, E(c.items, (u) => (a(), r("nav", {
-          class: M([{ "hidden sm:grid": e.collapseOnMobile }])
+      l("footer", ul, [
+        (a(!0), r(j, null, E(f.items, (d) => (a(), r("nav", {
+          class: V([{ "hidden sm:grid": e.collapseOnMobile }])
         }, [
-          l("h6", rl, O(u.title), 1),
-          (a(!0), r(j, null, E(u.items, (s) => (a(), r("a", {
+          l("h6", dl, O(d.title), 1),
+          (a(!0), r(j, null, E(d.items, (s) => (a(), r("a", {
             class: "link link-hover",
             href: s.link
-          }, O(s.text), 9, ul))), 256))
+          }, O(s.text), 9, cl))), 256))
         ], 2))), 256)),
-        e.collapseOnMobile ? (a(), r("nav", dl, [
-          (a(!0), r(j, null, E(c.items, (u) => (a(), r("ul", cl, [
-            l("div", fl, [
-              l("div", ml, O(u.title), 1),
-              l("div", vl, [
-                l("ul", pl, [
-                  (a(!0), r(j, null, E(u.items, (s) => (a(), r("li", hl, [
+        e.collapseOnMobile ? (a(), r("nav", fl, [
+          (a(!0), r(j, null, E(f.items, (d) => (a(), r("ul", ml, [
+            l("div", vl, [
+              l("div", pl, O(d.title), 1),
+              l("div", hl, [
+                l("ul", gl, [
+                  (a(!0), r(j, null, E(d.items, (s) => (a(), r("li", bl, [
                     l("a", {
                       class: "w-full font-medium link link-hover",
                       href: s.link
-                    }, O(s.text), 9, gl)
+                    }, O(s.text), 9, yl)
                   ]))), 256))
                 ])
               ])
             ])
           ]))), 256))
         ])) : T("", !0),
-        l("aside", bl, [
-          V(t.$slots, "default")
+        l("aside", wl, [
+          M(t.$slots, "default")
         ])
       ])
     ], 2));
   }
-}), yl = {}, wl = { class: "min-h-40 container hero" }, xl = { class: "px-0! text-center hero-content" }, kl = { class: "mt-9 text-4xl" };
-function $l(e, c) {
-  return a(), r("div", wl, [
-    l("div", xl, [
+}), xl = {}, kl = { class: "min-h-40 container hero" }, $l = { class: "px-0! text-center hero-content" }, Cl = { class: "mt-9 text-4xl" };
+function Sl(e, f) {
+  return a(), r("div", kl, [
+    l("div", $l, [
       l("div", null, [
-        l("h1", kl, [
-          V(e.$slots, "title", {}, () => [
-            c[0] || (c[0] = ue("hero title", -1))
+        l("h1", Cl, [
+          M(e.$slots, "title", {}, () => [
+            f[0] || (f[0] = ee("hero title", -1))
           ])
         ]),
         l("p", null, [
-          V(e.$slots, "description", { class: "py-9" })
+          M(e.$slots, "description", { class: "py-9" })
         ]),
-        V(e.$slots, "call-to-action-block", { class: "max-w-full" }, () => [
-          c[1] || (c[1] = l("button", { class: "btn btn-primary" }, "Call to action", -1))
+        M(e.$slots, "call-to-action-block", { class: "max-w-full" }, () => [
+          f[1] || (f[1] = l("button", { class: "btn btn-primary" }, "Call to action", -1))
         ])
       ])
     ])
   ]);
 }
-const tn = /* @__PURE__ */ J(yl, [["render", $l]]), Cl = { class: "flex flex-row place-content-center gap-4 categories" }, Sl = ["onClick"], ln = /* @__PURE__ */ P({
+const nn = /* @__PURE__ */ J(xl, [["render", Sl]]), Il = { class: "flex flex-row place-content-center gap-4 categories" }, Tl = ["onClick"], an = /* @__PURE__ */ P({
   __name: "categoryNavigation",
   props: {
     searchOptions: {},
     currentCategory: {}
   },
   emits: ["update:currentCategory"],
-  setup(e, { emit: c }) {
-    const t = e, o = c;
-    function u(s) {
+  setup(e, { emit: f }) {
+    const t = e, o = f;
+    function d(s) {
       o("update:currentCategory", s);
     }
-    return (s, i) => (a(), r("div", Cl, [
+    return (s, i) => (a(), r("div", Il, [
       (a(!0), r(j, null, E(t.searchOptions, (g) => (a(), r("div", {
         key: g.category
       }, [
         l("button", {
-          onClick: (v) => u(g.category),
-          class: M(["truncate btn btn-ghost", { "font-semibold": t.currentCategory === g.category }])
-        }, O(g.category), 11, Sl)
+          onClick: (v) => d(g.category),
+          class: V(["truncate btn btn-ghost", { "font-semibold": t.currentCategory === g.category }])
+        }, O(g.category), 11, Tl)
       ]))), 128))
     ]));
   }
-}), Il = { class: "md:flex hidden navbar-start" }, Tl = { class: "md:flex justify-center items-center hidden navbar-center" }, Ml = { class: "md:flex hidden navbar-end" }, Vl = { class: "navbar-bottom md:flex hidden" }, Bl = /* @__PURE__ */ P({
+}), Ml = { class: "md:flex hidden navbar-start" }, Vl = { class: "md:flex justify-center items-center hidden navbar-center" }, Bl = { class: "md:flex hidden navbar-end" }, Dl = { class: "navbar-bottom md:flex hidden" }, zl = /* @__PURE__ */ P({
   __name: "navigationBar",
   props: {
     isCollapsed: { type: Boolean, default: !0 }
   },
   setup(e) {
-    const c = e;
+    const f = e;
     return (t, o) => (a(), r("nav", {
-      class: M(["place-items-start border-primary bg-base-100 px-5 py-5 border-b-4 transition-all navbar navigationbar", c.isCollapsed ? "collapsed" : ""])
+      class: V(["place-items-start border-primary bg-base-100 px-5 py-5 border-b-4 transition-all navbar navigationbar", f.isCollapsed ? "collapsed" : ""])
     }, [
-      l("div", Il, [
-        V(t.$slots, "start", {}, void 0, !0)
-      ]),
-      l("div", Tl, [
-        V(t.$slots, "center", {}, void 0, !0)
-      ]),
       l("div", Ml, [
-        V(t.$slots, "end", {}, void 0, !0)
+        M(t.$slots, "start", {}, void 0, !0)
       ]),
       l("div", Vl, [
-        V(t.$slots, "bottom", {}, void 0, !0)
+        M(t.$slots, "center", {}, void 0, !0)
+      ]),
+      l("div", Bl, [
+        M(t.$slots, "end", {}, void 0, !0)
+      ]),
+      l("div", Dl, [
+        M(t.$slots, "bottom", {}, void 0, !0)
       ])
     ], 2));
   }
-}), nn = /* @__PURE__ */ J(Bl, [["__scopeId", "data-v-8ddb2b45"]]), Dl = {
+}), on = /* @__PURE__ */ J(zl, [["__scopeId", "data-v-8ddb2b45"]]), Ol = {
   key: 0,
   class: "hidden top-4 right-0 absolute md:flex gap-4"
-}, zl = ["onClick", "aria-selected"], Ol = {
+}, Pl = ["onClick", "aria-selected"], jl = {
   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"
-}, Pl = { class: "p-6 border-x-0 border-t-2 border-b-0 border-base-300 max-w-full" }, an = /* @__PURE__ */ P({
+}, Ll = { class: "p-6 border-x-0 border-t-2 border-b-0 border-base-300 max-w-full" }, sn = /* @__PURE__ */ P({
   __name: "tab",
   props: {
     items: {},
@@ -1970,10 +1980,10 @@ const tn = /* @__PURE__ */ J(yl, [["render", $l]]), Cl = { class: "flex flex-row
     buttonOnlyMode: { type: Boolean, default: !1 }
   },
   emits: ["tab-changed"],
-  setup(e, { emit: c }) {
-    const t = e, o = k(t.items[0]), u = c;
+  setup(e, { emit: f }) {
+    const t = e, o = k(t.items[0]), d = f;
     function s(v) {
-      o.value = v, u("tab-changed", v);
+      o.value = v, d("tab-changed", v);
     }
     function i() {
       const p = (t.items.indexOf(o.value) + 1) % t.items.length;
@@ -1992,9 +2002,9 @@ const tn = /* @__PURE__ */ J(yl, [["render", $l]]), Cl = { class: "flex flex-row
     }), (v, p) => (a(), r(j, null, [
       l("div", {
         role: "tablist",
-        class: M(["relative tabs-bordered w-full tabs tabs-lg", { "flex-nowrap overflow-x-auto": e.buttonOnlyMode }])
+        class: V(["relative tabs-bordered w-full tabs tabs-lg", { "flex-nowrap overflow-x-auto": e.buttonOnlyMode }])
       }, [
-        e.withControlls ? (a(), r("div", Dl, [
+        e.withControlls ? (a(), r("div", Ol, [
           l("button", {
             onClick: p[0] || (p[0] = (S) => g()),
             class: "cursor-pointer"
@@ -2008,17 +2018,17 @@ const tn = /* @__PURE__ */ J(yl, [["render", $l]]), Cl = { class: "flex flex-row
           l("a", {
             type: "button",
             role: "tab",
-            class: M(["min-w-max tab", S === o.value ? "bg-primary text-base-100" : ""]),
+            class: V(["min-w-max tab", S === o.value ? "bg-primary text-base-100" : ""]),
             onClick: (I) => s(S),
             "aria-selected": o.value == S
-          }, O(S), 11, zl),
-          e.buttonOnlyMode ? T("", !0) : (a(), r("div", Ol, [
-            V(v.$slots, `${S}-tab`)
+          }, O(S), 11, Pl),
+          e.buttonOnlyMode ? T("", !0) : (a(), r("div", jl, [
+            M(v.$slots, `${S}-tab`)
           ]))
         ], 64))), 256))
       ], 2),
-      l("div", Pl, [
-        V(v.$slots, "default")
+      l("div", Ll, [
+        M(v.$slots, "default")
       ])
     ], 64));
   }
@@ -2026,28 +2036,28 @@ const tn = /* @__PURE__ */ J(yl, [["render", $l]]), Cl = { class: "flex flex-row
 typeof document > "u" && (globalThis.document = {});
 typeof window > "u" && (globalThis.window = globalThis);
 export {
-  Fl as Accordion,
-  Kl as AdvancedSearch,
-  Ul as Avatar,
-  _l as Badge,
-  Ll as ButtonComponent,
-  ql as Card,
-  Hl as Carousel,
-  Wl as CarouselItem,
-  ln as CategoryNavigation,
-  Ot as DatetimePicker,
-  El as Dropdown,
-  Zl as FilterableSelect,
-  en as Footer,
-  tn as Hero,
-  Ql as InputField,
-  Yl as Loader,
-  Al as Modal,
-  nn as NavigationBar,
-  Xl as Rating,
-  Jl as Selector,
-  Rl as Swap,
-  an as Tab,
-  Gl as TagInput,
-  Nl as ThemeController
+  Ul as Accordion,
+  Gl as AdvancedSearch,
+  ql as Avatar,
+  Hl as Badge,
+  Al as ButtonComponent,
+  Wl as Card,
+  Kl as Carousel,
+  Xl as CarouselItem,
+  an as CategoryNavigation,
+  jt as DatetimePicker,
+  Rl as Dropdown,
+  Yl as FilterableSelect,
+  ln as Footer,
+  nn as Hero,
+  en as InputField,
+  tn as Loader,
+  Nl as Modal,
+  on as NavigationBar,
+  Jl as Rating,
+  Ql as Selector,
+  _l as Swap,
+  sn as Tab,
+  Zl as TagInput,
+  Fl as ThemeController
 };