manolis-ui 0.5.3 → 0.6.2

package/dist/manolis-ui.js

@@ -1,8 +1,8 @@
-import { defineComponent as B, computed as O, createElementBlock as l, openBlock as a, normalizeClass as _, createCommentVNode as T, renderSlot as k, createTextVNode as re, createElementVNode as n, Fragment as $, renderList as C, toDisplayString as S, ref as x, h as se, onMounted as Y, watch as N, withDirectives as z, createVNode as X, isRef as Ie, vModelCheckbox as Oe, unref as U, provide as Be, normalizeStyle as ie, inject as Ve, defineAsyncComponent as Pe, onBeforeUnmount as Ae, createBlock as pe, resolveDynamicComponent as fe, mergeProps as me, nextTick as ve, onUnmounted as he, vModelSelect as E, vModelText as ne } from "vue";
-const ze = {
+import { defineComponent as B, computed as V, createElementBlock as n, openBlock as a, normalizeClass as I, createCommentVNode as D, renderSlot as C, createTextVNode as re, createElementVNode as l, Fragment as S, renderList as M, toDisplayString as _, ref as x, h as se, onMounted as K, watch as j, withDirectives as A, createVNode as Z, isRef as Ve, vModelCheckbox as Be, unref as L, provide as Oe, normalizeStyle as ie, inject as Pe, defineAsyncComponent as ze, onBeforeUnmount as Ae, createBlock as pe, resolveDynamicComponent as ve, mergeProps as fe, nextTick as me, onUnmounted as be, vModelSelect as H, vModelText as X, withKeys as Ue, withModifiers as he, vShow as Le } from "vue";
+const je = {
   key: 0,
   class: "loading loading-spinner"
-}, An = /* @__PURE__ */ B({
+}, oa = /* @__PURE__ */ B({
   __name: "ButtonComponent",
   props: {
     outlined: { type: Boolean, default: !1 },
@@ -12,9 +12,9 @@ const ze = {
     size: {},
     shape: {}
   },
-  setup(i) {
-    const d = i, e = O(() => {
-      switch (d.size) {
+  setup(r) {
+    const c = r, e = V(() => {
+      switch (c.size) {
         case "large":
           return "btn-lg";
         case "small":
@@ -28,8 +28,8 @@ const ze = {
         default:
           return "";
       }
-    }), t = O(() => {
-      switch (d.type) {
+    }), t = V(() => {
+      switch (c.type) {
         case "neutral":
           return "btn-neutral";
         case "primary":
@@ -53,8 +53,8 @@ const ze = {
         default:
           return "btn-neutral";
       }
-    }), o = O(() => {
-      switch (d.shape) {
+    }), o = V(() => {
+      switch (c.shape) {
         case "square":
           return "btn-square";
         case "circle":
@@ -63,19 +63,19 @@ const ze = {
           return "";
       }
     });
-    return (s, c) => (a(), l("button", {
-      class: _(["btn", { "btn-outline": d.outlined }, { "btn-active": d.active }, t.value, e.value, o.value])
+    return (s, i) => (a(), n("button", {
+      class: I(["btn", { "btn-outline": c.outlined }, { "btn-active": c.active }, t.value, e.value, o.value])
     }, [
-      s.loading ? (a(), l("span", ze)) : T("", !0),
-      k(s.$slots, "default", {}, () => [
-        c[0] || (c[0] = re("Submit"))
+      s.loading ? (a(), n("span", je)) : D("", !0),
+      C(s.$slots, "default", {}, () => [
+        i[0] || (i[0] = re("Submit"))
       ])
     ], 2));
   }
-}), Ue = {
+}), Ee = {
   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"
-}, je = ["href"], zn = /* @__PURE__ */ B({
+}, Ne = ["href"], sa = /* @__PURE__ */ B({
   __name: "dropdown",
   props: {
     items: {},
@@ -84,8 +84,8 @@ const ze = {
     openOnHover: { type: Boolean, default: !1 },
     forceOpen: { type: Boolean, default: !1 }
   },
-  setup(i) {
-    const d = {
+  setup(r) {
+    const c = {
       left: "dropdown-left",
       right: "dropdown-right",
       bottom: "dropdown-bottom",
@@ -93,69 +93,69 @@ const ze = {
     }, e = {
       start: "",
       end: "dropdown-end"
-    }, t = i;
-    return (o, s) => (a(), l("div", {
-      class: _(["dropdown", d[t.position], e[t.floatPosition], { "dropdown-open": t.forceOpen }, { "dropdown-hover": t.openOnHover }])
+    }, t = r;
+    return (o, s) => (a(), n("div", {
+      class: I(["dropdown", c[t.position], e[t.floatPosition], { "dropdown-open": t.forceOpen }, { "dropdown-hover": t.openOnHover }])
     }, [
-      k(o.$slots, "default", {
+      C(o.$slots, "default", {
         tabindex: "0",
         role: "button"
       }, () => [
-        s[0] || (s[0] = n("div", { class: "m-1 btn" }, "Open dropdown", -1))
+        s[0] || (s[0] = l("div", { class: "m-1 btn" }, "Open dropdown", -1))
       ]),
-      n("ul", Ue, [
-        (a(!0), l($, null, C(o.items, (c) => (a(), l("li", null, [
-          n("a", {
-            href: c.link
-          }, S(c.text), 9, je)
+      l("ul", Ee, [
+        (a(!0), n(S, null, M(o.items, (i) => (a(), n("li", null, [
+          l("a", {
+            href: i.link
+          }, _(i.text), 9, Ne)
         ]))), 256)),
-        k(o.$slots, "additional")
+        C(o.$slots, "additional")
       ])
     ], 2));
   }
-}), Ne = { class: "modal-box" }, Re = { class: "modal-action" }, Un = /* @__PURE__ */ B({
+}), Fe = { class: "modal-box" }, Re = { class: "modal-action" }, ra = /* @__PURE__ */ B({
   __name: "modal",
   props: {
     position: { default: "center" },
     withBackdrop: { type: Boolean, default: !1 }
   },
-  setup(i) {
-    const d = i, e = {
+  setup(r) {
+    const c = r, e = {
       top: "modal-top",
       bottom: "modal-bottom",
       center: "modal-middle"
     }, t = x(null), o = () => {
-      var c;
-      (c = t.value) == null || c.showModal();
+      var i;
+      (i = t.value) == null || i.showModal();
     }, s = () => {
-      var c;
-      (c = t.value) == null || c.close();
+      var i;
+      (i = t.value) == null || i.close();
     };
-    return (c, h) => (a(), l($, null, [
-      n("span", {
+    return (i, y) => (a(), n(S, null, [
+      l("span", {
         class: "w-fit cursor-pointer",
         onClick: o
       }, [
-        k(c.$slots, "trigger", { role: "button" }, () => [
-          h[0] || (h[0] = n("button", { class: "btn" }, "Open", -1))
+        C(i.$slots, "trigger", { role: "button" }, () => [
+          y[0] || (y[0] = l("button", { class: "btn" }, "Open", -1))
         ])
       ]),
-      n("dialog", {
+      l("dialog", {
         ref_key: "dialog",
         ref: t,
-        class: _(["modal", e[d.position]])
+        class: I(["modal", e[c.position]])
       }, [
-        n("div", Ne, [
-          k(c.$slots, "default"),
-          n("div", Re, [
-            k(c.$slots, "actions"),
-            n("form", {
+        l("div", Fe, [
+          C(i.$slots, "default"),
+          l("div", Re, [
+            C(i.$slots, "actions"),
+            l("form", {
               method: "dialog",
               onSubmit: s,
-              class: _(c.withBackdrop ? "modal-backdrop" : "")
+              class: I(i.withBackdrop ? "modal-backdrop" : "")
             }, [
-              k(c.$slots, "close-button", {}, () => [
-                h[1] || (h[1] = n("button", { class: "btn" }, "Close", -1))
+              C(i.$slots, "close-button", {}, () => [
+                y[1] || (y[1] = l("button", { class: "btn" }, "Close", -1))
               ])
             ], 34)
           ])
@@ -163,22 +163,22 @@ const ze = {
       ], 2)
     ], 64));
   }
-}), Le = { class: "flex justify-center items-center swap-on" }, Fe = { class: "flex justify-center items-center swap-off" }, jn = /* @__PURE__ */ B({
+}), He = { class: "flex justify-center items-center swap-on" }, qe = { class: "flex justify-center items-center swap-off" }, ia = /* @__PURE__ */ B({
   __name: "swap",
   props: {
     effect: {}
   },
-  setup(i) {
-    const d = i;
-    return (e, t) => (a(), l("label", {
-      class: _(["swap", d.effect ? `swap-${e.effect}` : ""])
+  setup(r) {
+    const c = r;
+    return (e, t) => (a(), n("label", {
+      class: I(["swap", c.effect ? `swap-${e.effect}` : ""])
     }, [
-      t[0] || (t[0] = n("input", { type: "checkbox" }, null, -1)),
-      n("div", Le, [
-        k(e.$slots, "on")
+      t[0] || (t[0] = l("input", { type: "checkbox" }, null, -1)),
+      l("div", He, [
+        C(e.$slots, "on")
       ]),
-      n("div", Fe, [
-        k(e.$slots, "off")
+      l("div", qe, [
+        C(e.$slots, "off")
       ])
     ], 2));
   }
@@ -189,14 +189,14 @@ const ze = {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ee = (i) => i.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
+const We = (r) => r.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 te = {
+var le = {
   xmlns: "http://www.w3.org/2000/svg",
   width: 24,
   height: 24,
@@ -213,18 +213,18 @@ var te = {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const He = ({ size: i, strokeWidth: d = 2, absoluteStrokeWidth: e, color: t, iconNode: o, name: s, class: c, ...h }, { slots: v }) => se(
+const Ke = ({ size: r, strokeWidth: c = 2, absoluteStrokeWidth: e, color: t, iconNode: o, name: s, class: i, ...y }, { slots: v }) => se(
   "svg",
   {
-    ...te,
-    width: i || te.width,
-    height: i || te.height,
-    stroke: t || te.stroke,
-    "stroke-width": e ? Number(d) * 24 / Number(i) : d,
-    class: ["lucide", `lucide-${Ee(s ?? "icon")}`],
-    ...h
+    ...le,
+    width: r || le.width,
+    height: r || le.height,
+    stroke: t || le.stroke,
+    "stroke-width": e ? Number(c) * 24 / Number(r) : c,
+    class: ["lucide", `lucide-${We(s ?? "icon")}`],
+    ...y
   },
-  [...o.map((m) => se(...m)), ...v.default ? [v.default()] : []]
+  [...o.map((f) => se(...f)), ...v.default ? [v.default()] : []]
 );
 /**
  * @license lucide-vue-next v0.468.0 - ISC
@@ -232,12 +232,12 @@ const He = ({ size: i, strokeWidth: d = 2, absoluteStrokeWidth: e, 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 ae = (i, d) => (e, { slots: t }) => se(
-  He,
+const ae = (r, c) => (e, { slots: t }) => se(
+  Ke,
   {
     ...e,
-    iconNode: d,
-    name: i
+    iconNode: c,
+    name: r
   },
   t
 );
@@ -247,7 +247,7 @@ const ae = (i, d) => (e, { slots: t }) => se(
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const qe = ae("CalendarIcon", [
+const Ye = ae("CalendarIcon", [
   ["path", { d: "M8 2v4", key: "1cmpym" }],
   ["path", { d: "M16 2v4", key: "4m81vk" }],
   ["rect", { width: "18", height: "18", x: "3", y: "4", rx: "2", key: "1hopcy" }],
@@ -259,7 +259,7 @@ const qe = ae("CalendarIcon", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const We = ae("MoonIcon", [
+const Je = ae("MoonIcon", [
   ["path", { d: "M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z", key: "a7tn18" }]
 ]);
 /**
@@ -278,7 +278,7 @@ const ge = ae("SearchIcon", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ye = ae("SunIcon", [
+const Ge = ae("SunIcon", [
   ["circle", { cx: "12", cy: "12", r: "4", key: "4exip2" }],
   ["path", { d: "M12 2v2", key: "tus03m" }],
   ["path", { d: "M12 20v2", key: "1lh1kg" }],
@@ -288,44 +288,44 @@ const Ye = ae("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" }]
-]), Je = (i, d) => {
+]), Xe = (r, c) => {
   const e = x(null);
-  return Y(() => {
+  return K(() => {
     if (typeof window < "u") {
-      const t = window.localStorage.getItem(i);
-      e.value = t ? JSON.parse(t) : d;
+      const t = window.localStorage.getItem(r);
+      e.value = t ? JSON.parse(t) : c;
     }
-  }), N(e, (t) => {
-    typeof window < "u" && window.localStorage.setItem(i, JSON.stringify(t));
+  }), j(e, (t) => {
+    typeof window < "u" && window.localStorage.setItem(r, JSON.stringify(t));
   }), e;
-}, Ge = { class: "swap-rotate swap" }, Ke = ["true-value", "false-value"], Nn = /* @__PURE__ */ B({
+}, Ze = { class: "swap-rotate swap" }, Qe = ["true-value", "false-value"], ua = /* @__PURE__ */ B({
   __name: "theme-controller",
   props: {
     lightTheme: { default: "light" },
     darkTheme: { default: "dark" }
   },
-  setup(i) {
-    const d = i, e = Je("theme", d.lightTheme);
+  setup(r) {
+    const c = r, e = Xe("theme", c.lightTheme);
     function t(o) {
       typeof window < "u" && window.document && document.documentElement.setAttribute("data-theme", o);
     }
-    return Y(() => t(e.value ? e.value : "")), N(e, (o) => {
+    return K(() => t(e.value ? e.value : "")), j(e, (o) => {
       t(o);
-    }), (o, s) => (a(), l("label", Ge, [
-      z(n("input", {
+    }), (o, s) => (a(), n("label", Ze, [
+      A(l("input", {
         type: "checkbox",
         class: "theme-controller",
-        "onUpdate:modelValue": s[0] || (s[0] = (c) => Ie(e) ? e.value = c : null),
-        "true-value": d.lightTheme,
-        "false-value": d.darkTheme
-      }, null, 8, Ke), [
-        [Oe, U(e)]
+        "onUpdate:modelValue": s[0] || (s[0] = (i) => Ve(e) ? e.value = i : null),
+        "true-value": c.lightTheme,
+        "false-value": c.darkTheme
+      }, null, 8, Qe), [
+        [Be, L(e)]
       ]),
-      X(U(Ye), { class: "swap-off fill-current" }),
-      X(U(We), { class: "swap-on fill-current" })
+      Z(L(Ge), { class: "swap-off fill-current" }),
+      Z(L(Je), { class: "swap-on fill-current" })
     ]));
   }
-}), Xe = ["name"], Ze = { class: "collapse-title font-bold text-2xl lg:text-4xl" }, Qe = { class: "collapse-content" }, et = ["innerHTML"], Rn = /* @__PURE__ */ B({
+}), et = ["name"], tt = { class: "collapse-title font-bold text-2xl lg:text-4xl" }, lt = { class: "collapse-content" }, at = ["innerHTML"], da = /* @__PURE__ */ B({
   __name: "accordion",
   props: {
     name: {},
@@ -333,26 +333,26 @@ const Ye = ae("SunIcon", [
     joinItems: { type: Boolean, default: !1 },
     icon: {}
   },
-  setup(i) {
-    const d = i;
-    return (e, t) => (a(!0), l($, null, C(d.items, (o, s) => (a(), l("div", {
-      class: _(["collapse border border-base-300", [e.icon ? `collapse-${e.icon}` : "", { "join-item": e.joinItems }]]),
+  setup(r) {
+    const c = r;
+    return (e, t) => (a(!0), n(S, null, M(c.items, (o, s) => (a(), n("div", {
+      class: I(["collapse border border-base-300", [e.icon ? `collapse-${e.icon}` : "", { "join-item": e.joinItems }]]),
       key: s
     }, [
-      n("input", {
+      l("input", {
         type: "radio",
         name: e.name,
         value: "true"
-      }, null, 8, Xe),
-      n("div", Ze, S(o.title), 1),
-      n("div", Qe, [
-        n("span", {
+      }, null, 8, et),
+      l("div", tt, _(o.title), 1),
+      l("div", lt, [
+        l("span", {
           innerHTML: o.content
-        }, null, 8, et)
+        }, null, 8, at)
       ])
     ], 2))), 128));
   }
-}), tt = ["src"], nt = { class: "text-xl" }, Ln = /* @__PURE__ */ B({
+}), nt = ["src"], ot = { class: "text-xl" }, ca = /* @__PURE__ */ B({
   __name: "avatar",
   props: {
     image: {},
@@ -360,41 +360,41 @@ const Ye = ae("SunIcon", [
     initials: {},
     fullyRounded: { type: Boolean, default: !1 }
   },
-  setup(i) {
-    const d = i, e = x(d.onlineStatus);
-    return N(
-      () => d.onlineStatus,
+  setup(r) {
+    const c = r, e = x(c.onlineStatus);
+    return j(
+      () => c.onlineStatus,
       (t) => {
         t && (e.value = t);
       }
-    ), (t, o) => (a(), l("div", {
-      class: _(["avatar", [{ "avatar-online": e.value === "online" }, { "avatar-offline": e.value === "offline" }]])
+    ), (t, o) => (a(), n("div", {
+      class: I(["avatar", [{ "avatar-online": e.value === "online" }, { "avatar-offline": e.value === "offline" }]])
     }, [
-      t.image ? (a(), l("div", {
+      t.image ? (a(), n("div", {
         key: 0,
-        class: _(["rounded", [{ "rounded-full": t.fullyRounded }, { rounded: !t.fullyRounded }]])
+        class: I(["rounded", [{ "rounded-full": t.fullyRounded }, { rounded: !t.fullyRounded }]])
       }, [
-        n("img", {
+        l("img", {
           src: t.image,
           class: "w-full h-full"
-        }, null, 8, tt)
-      ], 2)) : (a(), l("div", {
+        }, null, 8, nt)
+      ], 2)) : (a(), n("div", {
         key: 1,
-        class: _(["flex justify-center bg-neutral p-[25%] rounded w-16 text-neutral-content text-center", [{ "rounded-full": t.fullyRounded }, { rounded: !t.fullyRounded }]])
+        class: I(["flex justify-center bg-neutral p-[25%] rounded w-16 text-neutral-content text-center", [{ "rounded-full": t.fullyRounded }, { rounded: !t.fullyRounded }]])
       }, [
-        n("p", nt, S(t.initials), 1)
+        l("p", ot, _(t.initials), 1)
       ], 2))
     ], 2));
   }
-}), Fn = /* @__PURE__ */ B({
+}), pa = /* @__PURE__ */ B({
   __name: "badge",
   props: {
     color: { default: "neutral" },
     outline: { type: Boolean, default: !1 },
     size: { default: "medium" }
   },
-  setup(i) {
-    const d = i, e = {
+  setup(r) {
+    const c = r, e = {
       "extra small": "badge-xs",
       small: "badge-sm",
       medium: "badge-md",
@@ -410,28 +410,25 @@ const Ye = ae("SunIcon", [
       warning: "badge-warning",
       error: "badge-error"
     };
-    return (o, s) => (a(), l("span", {
-      class: _(["badge", e[d.size], t[d.color], { "badge-outline": d.outline }])
+    return (o, s) => (a(), n("span", {
+      class: I(["badge", e[c.size], t[c.color], { "badge-outline": c.outline }])
     }, [
-      k(o.$slots, "default")
+      C(o.$slots, "default")
     ], 2));
   }
-}), at = ["src", "alt"], lt = {
-  key: 1,
-  class: "w-full h-32 skeleton"
-}, ot = {
+}), st = ["src", "alt"], rt = {
   key: 0,
   class: "card-body"
-}, st = {
+}, it = {
   key: 0,
   class: "group-hover:text-primary text-lg text-left cursor-pointer card-title"
-}, rt = {
+}, ut = {
   key: 1,
   class: "text-left"
-}, it = { class: "flex-col flex-nowrap mt-auto card-actions" }, ut = {
+}, dt = { class: "flex-col flex-nowrap mt-auto card-actions" }, ct = {
   key: 1,
   class: "card-body"
-}, En = /* @__PURE__ */ B({
+}, va = /* @__PURE__ */ B({
   __name: "card",
   props: {
     imgUrl: { default: "" },
@@ -442,53 +439,60 @@ const Ye = ae("SunIcon", [
     loading: { type: Boolean, default: !1 },
     class: { default: "" },
     background: { default: "bg-base-100" },
-    color: { default: "" }
+    color: { default: "" },
+    imgHeight: { default: "h-44" }
   },
-  setup(i) {
-    const d = i, e = x(d.outlined);
-    return N(
-      () => d.outlined,
+  setup(r) {
+    const c = r, e = x(c.outlined);
+    return j(
+      () => c.outlined,
       (t) => {
         e.value = t;
       }
-    ), (t, o) => (a(), l("div", {
-      class: _(["group bg-base-100 shadow-xl rounded-sm min-w-64 max-w-full h-full card card-compact", [{ "border-4 border-primary": e.value }, t.color ?? "", t.background]])
+    ), (t, o) => (a(), n("div", {
+      class: I(["group bg-base-100 shadow-xl rounded-sm min-w-64 max-w-full h-full card card-compact", [{ "border-4 border-primary": e.value }, t.color ?? "", t.background]])
     }, [
-      n("figure", null, [
-        t.imgUrl || t.imgUrl && !t.loading ? (a(), l("img", {
+      l("figure", null, [
+        t.imgUrl || t.imgUrl && !t.loading ? (a(), n("img", {
           key: 0,
           src: t.imgUrl,
           alt: t.alt,
-          class: _(["rounded-sm w-full h-44 object-cover", {
-            hidden: t.loading
-          }])
-        }, null, 10, at)) : T("", !0),
-        t.loading && t.imgUrl ? (a(), l("div", lt)) : T("", !0)
+          class: I(["rounded-sm w-full object-cover", [
+            {
+              hidden: t.loading
+            },
+            t.imgHeight
+          ]])
+        }, null, 10, st)) : D("", !0),
+        t.loading && t.imgUrl ? (a(), n("div", {
+          key: 1,
+          class: I(["w-full skeleton", t.imgHeight])
+        }, null, 2)) : D("", !0)
       ]),
-      t.loading ? T("", !0) : (a(), l("div", ot, [
-        t.title ? (a(), l("h2", st, S(t.title), 1)) : T("", !0),
-        k(t.$slots, "details"),
-        t.description ? (a(), l("p", rt, S(t.description), 1)) : T("", !0),
-        n("div", it, [
-          k(t.$slots, "actions")
+      t.loading ? D("", !0) : (a(), n("div", rt, [
+        t.title ? (a(), n("h2", it, _(t.title), 1)) : D("", !0),
+        C(t.$slots, "details"),
+        t.description ? (a(), n("p", ut, _(t.description), 1)) : D("", !0),
+        l("div", dt, [
+          C(t.$slots, "actions")
         ])
       ])),
-      t.loading ? (a(), l("div", ut, o[0] || (o[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" }),
-          n("div", { class: "w-full h-4 skeleton" })
+      t.loading ? (a(), n("div", ct, o[0] || (o[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" }),
+          l("div", { class: "w-full h-4 skeleton" })
         ], -1)
-      ]))) : T("", !0)
+      ]))) : D("", !0)
     ], 2));
   }
-}), be = Symbol("CarouselItemStyle"), dt = { class: "relative h-full" }, ct = {
+}), ye = Symbol("CarouselItemStyle"), pt = { class: "relative h-full" }, vt = {
   key: 0,
   class: "top-1/2 right-5 left-5 z-10 absolute flex justify-between -translate-y-1/2 transform"
-}, pt = {
+}, ft = {
   key: 1,
   class: "bottom-5 z-10 absolute flex justify-center gap-2 py-2 w-full"
-}, ft = ["onClick", "aria-label"], mt = /* @__PURE__ */ B({
+}, mt = ["onClick", "aria-label"], ht = /* @__PURE__ */ B({
   __name: "carousel",
   props: {
     showIndicators: {
@@ -503,7 +507,7 @@ const Ye = ae("SunIcon", [
       type: String,
       default: "horizontal",
       required: !1,
-      validator: (i) => i == "horizontal" || i == "vertical"
+      validator: (r) => r == "horizontal" || r == "vertical"
     },
     initialSlide: {
       type: Number,
@@ -512,285 +516,285 @@ const Ye = ae("SunIcon", [
     slidesPerView: {
       type: Number,
       default: 1,
-      validator: (i) => i >= 1
+      validator: (r) => r >= 1
     },
     gap: {
       type: Number,
       default: 0,
-      validator: (i) => i >= 0
+      validator: (r) => r >= 0
     },
     slideDuration: {
       type: Number,
       default: 300,
-      validator: (i) => i >= 0
+      validator: (r) => r >= 0
     }
   },
-  setup(i, { expose: d }) {
-    const e = i, t = x(e.initialSlide), o = x(null), s = x(!1), c = x(0), h = O(() => ({
+  setup(r, { expose: c }) {
+    const e = r, t = x(e.initialSlide), o = x(null), s = x(!1), i = x(0), y = V(() => ({
       width: `calc((100% - ${e.slidesPerView > 1 ? (e.slidesPerView - 1) * e.gap : 0}px) / ${e.slidesPerView})`
     }));
-    Be(be, h);
+    Oe(ye, y);
     const v = () => {
-      o.value ? c.value = o.value.children.length : c.value = 0;
-    }, m = async (f) => {
-      if (!o.value || e.slidesPerView <= 0 || s.value || (v(), c.value === 0)) return;
-      const b = (f % c.value + c.value) % c.value, g = o.value, D = e.sliderOrientation === "vertical" ? (g.offsetHeight - (e.slidesPerView - 1) * e.gap) / e.slidesPerView : (g.offsetWidth - (e.slidesPerView - 1) * e.gap) / e.slidesPerView;
-      if (D <= 0) return;
-      const w = D + e.gap, I = b * w, P = e.sliderOrientation === "vertical" ? g.scrollHeight - g.offsetHeight : g.scrollWidth - g.offsetWidth, R = Math.max(0, Math.min(I, P + 0.5));
+      o.value ? i.value = o.value.children.length : i.value = 0;
+    }, f = async (d) => {
+      if (!o.value || e.slidesPerView <= 0 || s.value || (v(), i.value === 0)) return;
+      const h = (d % i.value + i.value) % i.value, g = o.value, k = e.sliderOrientation === "vertical" ? (g.offsetHeight - (e.slidesPerView - 1) * e.gap) / e.slidesPerView : (g.offsetWidth - (e.slidesPerView - 1) * e.gap) / e.slidesPerView;
+      if (k <= 0) return;
+      const $ = k + e.gap, T = h * $, z = e.sliderOrientation === "vertical" ? g.scrollHeight - g.offsetHeight : g.scrollWidth - g.offsetWidth, N = Math.max(0, Math.min(T, z + 0.5));
       s.value = !0, g.style.scrollBehavior = "auto";
-      const L = e.sliderOrientation === "vertical" ? g.scrollTop : g.scrollLeft, q = R - L;
+      const F = e.sliderOrientation === "vertical" ? g.scrollTop : g.scrollLeft, q = N - F;
       if (Math.abs(q) < 1) {
-        s.value = !1, t.value = b;
+        s.value = !1, t.value = h;
         return;
       }
-      const J = performance.now(), Z = (le) => {
-        const W = le - J, A = Math.min(1, W / e.slideDuration), oe = A < 0.5 ? 4 * A * A * A : 1 - Math.pow(-2 * A + 2, 3) / 2, Q = L + q * oe;
-        e.sliderOrientation === "vertical" ? g.scrollTop = Q : g.scrollLeft = Q, A < 1 ? requestAnimationFrame(Z) : (e.sliderOrientation === "vertical" ? g.scrollTop = R : g.scrollLeft = R, t.value = b, s.value = !1);
+      const Y = performance.now(), Q = (ne) => {
+        const W = ne - Y, U = Math.min(1, W / e.slideDuration), oe = U < 0.5 ? 4 * U * U * U : 1 - Math.pow(-2 * U + 2, 3) / 2, ee = F + q * oe;
+        e.sliderOrientation === "vertical" ? g.scrollTop = ee : g.scrollLeft = ee, U < 1 ? requestAnimationFrame(Q) : (e.sliderOrientation === "vertical" ? g.scrollTop = N : g.scrollLeft = N, t.value = h, s.value = !1);
       };
-      requestAnimationFrame(Z);
-    }, y = () => {
-      m(t.value + 1);
-    }, j = () => {
-      m(t.value - 1);
-    }, H = (f) => {
-      m(f);
-    }, M = () => {
-      if (!o.value || e.slidesPerView <= 0 || (v(), c.value === 0)) return;
-      const f = o.value, b = e.sliderOrientation === "vertical" ? f.offsetHeight : f.offsetWidth, g = e.slidesPerView > 1 ? (e.slidesPerView - 1) * e.gap : 0, D = (b - g) / e.slidesPerView;
-      if (D <= 0) return;
-      const w = Math.max(0, c.value - e.slidesPerView), I = Math.min(Math.max(0, e.initialSlide), w), P = I * (D + e.gap), R = e.sliderOrientation === "vertical" ? f.scrollHeight - f.offsetHeight : f.scrollWidth - f.offsetWidth, L = Math.max(0, Math.min(P, R + 0.5));
-      e.sliderOrientation === "vertical" ? f.scrollTo({ top: L, behavior: "auto" }) : f.scrollTo({ left: L, behavior: "auto" }), t.value = I;
+      requestAnimationFrame(Q);
+    }, w = () => {
+      f(t.value + 1);
+    }, P = () => {
+      f(t.value - 1);
+    }, E = (d) => {
+      f(d);
+    }, m = () => {
+      if (!o.value || e.slidesPerView <= 0 || (v(), i.value === 0)) return;
+      const d = o.value, h = e.sliderOrientation === "vertical" ? d.offsetHeight : d.offsetWidth, g = e.slidesPerView > 1 ? (e.slidesPerView - 1) * e.gap : 0, k = (h - g) / e.slidesPerView;
+      if (k <= 0) return;
+      const $ = Math.max(0, i.value - e.slidesPerView), T = Math.min(Math.max(0, e.initialSlide), $), z = T * (k + e.gap), N = e.sliderOrientation === "vertical" ? d.scrollHeight - d.offsetHeight : d.scrollWidth - d.offsetWidth, F = Math.max(0, Math.min(z, N + 0.5));
+      e.sliderOrientation === "vertical" ? d.scrollTo({ top: F, behavior: "auto" }) : d.scrollTo({ left: F, behavior: "auto" }), t.value = T;
     };
-    return Y(() => {
+    return K(() => {
       requestAnimationFrame(() => {
-        requestAnimationFrame(M);
+        requestAnimationFrame(m);
       }), v();
-    }), N(() => e.initialSlide, (f) => {
-      requestAnimationFrame(() => m(f));
-    }), N(() => [e.slidesPerView, e.gap], () => {
+    }), j(() => e.initialSlide, (d) => {
+      requestAnimationFrame(() => f(d));
+    }), j(() => [e.slidesPerView, e.gap], () => {
       requestAnimationFrame(() => {
         requestAnimationFrame(() => {
-          if (v(), c.value === 0) return;
-          const f = Math.max(0, c.value - e.slidesPerView), b = Math.min(t.value, f), g = e.slideDuration;
-          e.slideDuration = 0, m(b), e.slideDuration = g;
+          if (v(), i.value === 0) return;
+          const d = Math.max(0, i.value - e.slidesPerView), h = Math.min(t.value, d), g = e.slideDuration;
+          e.slideDuration = 0, f(h), e.slideDuration = g;
         });
       });
-    }), d({ scrollToSlide: m }), (f, b) => (a(), l("div", dt, [
-      n("div", {
+    }), c({ scrollToSlide: f }), (d, h) => (a(), n("div", pt, [
+      l("div", {
         ref_key: "carouselContainer",
         ref: o,
-        class: _(["rounded w-full h-full overflow-x-scroll scroll-smooth carousel", [{ "carousel-horizontal md:snap-none": i.sliderOrientation == "horizontal" }, { "carousel-vertical": i.sliderOrientation == "vertical" }]]),
-        style: ie({ gap: `${i.gap}px` })
+        class: I(["rounded w-full h-full overflow-x-scroll scroll-smooth carousel", [{ "carousel-horizontal md:snap-none": r.sliderOrientation == "horizontal" }, { "carousel-vertical": r.sliderOrientation == "vertical" }]]),
+        style: ie({ gap: `${r.gap}px` })
       }, [
-        k(f.$slots, "default", {}, void 0, !0)
+        C(d.$slots, "default", {}, void 0, !0)
       ], 6),
-      i.showNavigationButtons ? (a(), l("div", ct, [
-        n("div", {
-          onClick: j,
+      r.showNavigationButtons ? (a(), n("div", vt, [
+        l("div", {
+          onClick: P,
           role: "button",
           "aria-label": "Previous Slide"
         }, [
-          k(f.$slots, "prevButton", {}, () => [
-            b[0] || (b[0] = n("button", {
+          C(d.$slots, "prevButton", {}, () => [
+            h[0] || (h[0] = l("button", {
               class: "btn btn-circle",
               tabindex: "-1"
             }, "❮", -1))
           ], !0)
         ]),
-        n("div", {
-          onClick: y,
+        l("div", {
+          onClick: w,
           role: "button",
           "aria-label": "Next Slide"
         }, [
-          k(f.$slots, "nextButton", {}, () => [
-            b[1] || (b[1] = n("button", {
+          C(d.$slots, "nextButton", {}, () => [
+            h[1] || (h[1] = l("button", {
               class: "btn btn-circle",
               tabindex: "-1"
             }, "❯", -1))
           ], !0)
         ])
-      ])) : T("", !0),
-      i.showIndicators ? (a(), l("div", pt, [
-        (a(!0), l($, null, C(c.value, (g, D) => (a(), l("button", {
-          key: `dot-${D}`,
-          onClick: (w) => H(D),
-          class: _(["btn btn-circle btn-xs", { "btn-active": D === t.value }]),
-          "aria-label": `Go to slide ${D + 1}`
-        }, null, 10, ft))), 128))
-      ])) : T("", !0)
+      ])) : D("", !0),
+      r.showIndicators ? (a(), n("div", ft, [
+        (a(!0), n(S, null, M(i.value, (g, k) => (a(), n("button", {
+          key: `dot-${k}`,
+          onClick: ($) => E(k),
+          class: I(["btn btn-circle btn-xs", { "btn-active": k === t.value }]),
+          "aria-label": `Go to slide ${k + 1}`
+        }, null, 10, mt))), 128))
+      ])) : D("", !0)
     ]));
   }
-}), G = (i, d) => {
-  const e = i.__vccOpts || i;
-  for (const [t, o] of d)
+}), J = (r, c) => {
+  const e = r.__vccOpts || r;
+  for (const [t, o] of c)
     e[t] = o;
   return e;
-}, Hn = /* @__PURE__ */ G(mt, [["__scopeId", "data-v-db55a6a5"]]), vt = /* @__PURE__ */ B({
+}, fa = /* @__PURE__ */ J(ht, [["__scopeId", "data-v-db55a6a5"]]), gt = /* @__PURE__ */ B({
   __name: "carouselItem",
-  setup(i) {
-    const d = Ve(be, x({}));
-    return (e, t) => (a(), l("div", {
+  setup(r) {
+    const c = Pe(ye, x({}));
+    return (e, t) => (a(), n("div", {
       class: "w-full h-full carousel-item",
-      style: ie(U(d))
+      style: ie(L(c))
     }, [
-      k(e.$slots, "default", {}, void 0, !0)
+      C(e.$slots, "default", {}, void 0, !0)
     ], 4));
   }
-}), qn = /* @__PURE__ */ G(vt, [["__scopeId", "data-v-507384bc"]]), gt = { class: "flex gap-4 bg-base-100 w-full tabs tabs-boxed" }, ht = ["onClick"], bt = { class: "text-sm" }, yt = { class: "md:block hidden opacity-35 text-xs truncate overflow-hidden ..." }, wt = { class: "hidden" }, kt = {
+}), ma = /* @__PURE__ */ J(gt, [["__scopeId", "data-v-507384bc"]]), bt = { class: "flex gap-4 bg-base-100 w-full tabs tabs-boxed" }, yt = ["onClick"], wt = { class: "text-sm" }, kt = { class: "md:block hidden opacity-35 text-xs truncate overflow-hidden ..." }, $t = { class: "hidden" }, _t = {
   id: "advancedSearchMobile",
   class: "modal"
-}, $t = { class: "modal-box" }, _t = { class: "font-bold text-lg" }, St = ["checked"], xt = { class: "flex justify-between items-center pr-4 w-full font-medium text-xl collapse-title" }, Ct = { class: "text-sm" }, Dt = { class: "flex place-content-center p-0 collapse-content" }, Tt = /* @__PURE__ */ B({
+}, xt = { class: "modal-box" }, St = { class: "font-bold text-lg" }, Ct = ["checked"], It = { class: "flex justify-between items-center pr-4 w-full font-medium text-xl collapse-title" }, Dt = { class: "text-sm" }, Mt = { class: "flex place-content-center p-0 collapse-content" }, Tt = /* @__PURE__ */ B({
   __name: "advancedSearch",
   props: {
     searchOptions: {},
     currentCategory: {}
   },
   emits: ["search", "update:search-data"],
-  setup(i, { emit: d }) {
-    const e = i, t = d, o = x(null), s = {
-      datetime: Pe(() => Promise.resolve().then(() => Qt))
-    }, c = x({}), h = x({ left: "0px", top: "0px", transform: "translateX(0%)" }), v = x(null);
-    function m(f, b) {
-      var g, D, w;
+  setup(r, { emit: c }) {
+    const e = r, t = c, o = x(null), s = {
+      datetime: ze(() => Promise.resolve().then(() => tl))
+    }, i = x({}), y = x({ left: "0px", top: "0px", transform: "translateX(0%)" }), v = x(null);
+    function f(d, h) {
+      var g, k, $;
       if ((g = o.value) != null && g.name) {
         t("update:search-data", {
           tab: o.value.name,
-          data: f
+          data: d
         });
         return;
       }
       if (e.searchOptions) {
-        let I = (w = (D = e.searchOptions) == null ? void 0 : D.find((P) => (P == null ? void 0 : P.category) === e.currentCategory)) == null ? void 0 : w.tabs[b];
-        I !== void 0 && (I.value = f, t("update:search-data", {
-          tab: I == null ? void 0 : I.name,
-          data: I == null ? void 0 : I.value
+        let T = ($ = (k = e.searchOptions) == null ? void 0 : k.find((z) => (z == null ? void 0 : z.category) === e.currentCategory)) == null ? void 0 : $.tabs[h];
+        T !== void 0 && (T.value = d, t("update:search-data", {
+          tab: T == null ? void 0 : T.name,
+          data: T == null ? void 0 : T.value
         }));
       }
     }
-    function y() {
+    function w() {
       t("search");
     }
-    async function j(f) {
-      v.value && !v.value.contains(f.target) && (await ve(), o.value = null);
+    async function P(d) {
+      v.value && !v.value.contains(d.target) && (await me(), o.value = null);
     }
-    async function H() {
+    async function E() {
       if (typeof window < "u" && window.innerWidth <= 768) {
-        const f = document.getElementById("advancedSearchMobile");
-        f ? f.showModal() : console.warn("Modal element not found.");
+        const d = document.getElementById("advancedSearchMobile");
+        d ? d.showModal() : console.warn("Modal element not found.");
       }
     }
-    async function M(f) {
+    async function m(d) {
       var g;
-      o.value = f, await ve();
-      const b = c.value[f.name];
-      if (b) {
-        const D = b.getBoundingClientRect(), w = ((g = v.value) == null ? void 0 : g.getBoundingClientRect()) || { left: 0, top: 0 };
-        window.innerWidth > 768 ? h.value = {
-          left: `${D.left + D.width / 2 - w.left}px`,
-          top: `${D.bottom - w.top}px`,
+      o.value = d, await me();
+      const h = i.value[d.name];
+      if (h) {
+        const k = h.getBoundingClientRect(), $ = ((g = v.value) == null ? void 0 : g.getBoundingClientRect()) || { left: 0, top: 0 };
+        window.innerWidth > 768 ? y.value = {
+          left: `${k.left + k.width / 2 - $.left}px`,
+          top: `${k.bottom - $.top}px`,
           transform: "translateX(-50%)"
-        } : h.value = {
+        } : y.value = {
           left: "50%",
-          top: `${D.bottom - w.top}px`,
+          top: `${k.bottom - $.top}px`,
           transform: "translateX(-50%)"
           // Center the popup horizontally on mobile
         };
       } else
-        console.error("Tab element not found for:", f.name);
+        console.error("Tab element not found for:", d.name);
     }
-    return Y(() => {
-      document.addEventListener("click", j);
+    return K(() => {
+      document.addEventListener("click", P);
     }), Ae(() => {
-      document.removeEventListener("click", j);
-    }), (f, b) => {
-      var g, D;
-      return a(), l($, null, [
-        n("div", {
+      document.removeEventListener("click", P);
+    }), (d, h) => {
+      var g, k;
+      return a(), n(S, null, [
+        l("div", {
           ref_key: "searchContainer",
           ref: v,
           class: "w-full"
         }, [
-          n("div", {
+          l("div", {
             class: "group/search relative flex place-items-center border-2 shadow-md p-2 border-base-300/25 rounded-sm w-full transition-all cursor-pointer md:cursor-auto",
-            onClick: H
+            onClick: E
           }, [
-            n("div", gt, [
-              (a(!0), l($, null, C(((g = e.searchOptions.find((w) => w.category === e.currentCategory)) == null ? void 0 : g.tabs) || [], (w) => {
-                var I;
-                return a(), l("button", {
-                  key: w.name,
-                  onClick: (P) => M(w),
-                  class: _([{ "tab-active": ((I = o.value) == null ? void 0 : I.name) === w.name }, "group/searchitem relative after:top-0 after:-right-2 after:absolute first-of-type:flex-auto last-of-type:flex-auto md:after:content-[''] last-of-type:after:content-none after:content-none after:bg-base-200 hover:bg-base-200 p-1 rounded-sm w-auto after:w-[1px] after:h-10 text-start overflow-x-hidden pointer-events-none md:pointer-events-auto"]),
+            l("div", bt, [
+              (a(!0), n(S, null, M(((g = e.searchOptions.find(($) => $.category === e.currentCategory)) == null ? void 0 : g.tabs) || [], ($) => {
+                var T;
+                return a(), n("button", {
+                  key: $.name,
+                  onClick: (z) => m($),
+                  class: I([{ "tab-active": ((T = o.value) == null ? void 0 : T.name) === $.name }, "group/searchitem relative after:top-0 after:-right-2 after:absolute first-of-type:flex-auto last-of-type:flex-auto md:after:content-[''] last-of-type:after:content-none after:content-none after:bg-base-200 hover:bg-base-200 p-1 rounded-sm w-auto after:w-[1px] after:h-10 text-start overflow-x-hidden pointer-events-none md:pointer-events-auto"]),
                   ref_for: !0,
-                  ref: (P) => c.value[w.name] = P
+                  ref: (z) => i.value[$.name] = z
                 }, [
-                  n("p", bt, S(w.name), 1),
-                  n("p", yt, S(w.description), 1)
-                ], 10, ht);
+                  l("p", wt, _($.name), 1),
+                  l("p", kt, _($.description), 1)
+                ], 10, yt);
               }), 128))
             ]),
-            o.value ? (a(), l("div", {
+            o.value ? (a(), n("div", {
               key: 0,
               class: "absolute flex shadow-sm mt-4 w-fit max-w-full transition-all tab-content",
-              style: ie(h.value)
+              style: ie(y.value)
             }, [
-              (a(), pe(fe(s[o.value.type]), me(o.value.props ? o.value.props : null, { onUpdated: m }), null, 16))
-            ], 4)) : T("", !0),
-            n("button", {
+              (a(), pe(ve(s[o.value.type]), fe(o.value.props ? o.value.props : null, { onUpdated: f }), null, 16))
+            ], 4)) : D("", !0),
+            l("button", {
               title: "search",
               type: "submit",
               class: "ml-1 btn btn-primary btn-square",
-              onClick: y
+              onClick: w
             }, [
-              X(U(ge), {
+              Z(L(ge), {
                 size: 24,
                 color: "white"
               })
             ])
           ]),
-          n("div", wt, [
-            n("button", {
+          l("div", $t, [
+            l("button", {
               title: "search",
-              onClick: b[0] || (b[0] = () => {
+              onClick: h[0] || (h[0] = () => {
               })
             }, [
-              X(U(ge), {
+              Z(L(ge), {
                 size: 24,
                 color: "white"
               })
             ])
           ])
         ], 512),
-        n("dialog", kt, [
-          n("div", $t, [
-            k(f.$slots, "additionalForMobile", {}, () => [
-              n("h3", _t, S(f.currentCategory), 1)
+        l("dialog", _t, [
+          l("div", xt, [
+            C(d.$slots, "additionalForMobile", {}, () => [
+              l("h3", St, _(d.currentCategory), 1)
             ], !0),
-            (a(!0), l($, null, C(((D = e.searchOptions.find((w) => w.category === e.currentCategory)) == null ? void 0 : D.tabs) || [], (w, I) => (a(), l("div", {
+            (a(!0), n(S, null, M(((k = e.searchOptions.find(($) => $.category === e.currentCategory)) == null ? void 0 : k.tabs) || [], ($, T) => (a(), n("div", {
               class: "bg-base-200 my-4 collapse",
-              key: w.name
+              key: $.name
             }, [
-              n("input", {
+              l("input", {
                 type: "radio",
                 name: "my-accordion-1",
-                checked: I === 0
-              }, null, 8, St),
-              n("div", xt, [
-                re(S(w.name) + " ", 1),
-                n("p", Ct, S(w.description), 1)
+                checked: T === 0
+              }, null, 8, Ct),
+              l("div", It, [
+                re(_($.name) + " ", 1),
+                l("p", Dt, _($.description), 1)
               ]),
-              n("div", Dt, [
-                b[1] || (b[1] = n("br", null, null, -1)),
-                (a(), pe(fe(s[w.type]), me({ ref_for: !0 }, w.props || {}, {
-                  onUpdated: (P) => m(P, I)
+              l("div", Mt, [
+                h[1] || (h[1] = l("br", null, null, -1)),
+                (a(), pe(ve(s[$.type]), fe({ ref_for: !0 }, $.props || {}, {
+                  onUpdated: (z) => f(z, T)
                 }), null, 16, ["onUpdated"]))
               ])
             ]))), 128)),
-            n("div", { class: "modal-action" }, [
-              n("form", { method: "dialog" }, [
-                n("button", {
+            l("div", { class: "modal-action" }, [
+              l("form", { method: "dialog" }, [
+                l("button", {
                   class: "btn btn-primary",
-                  onClick: y
+                  onClick: w
                 }, "Close and Search")
               ])
             ])
@@ -799,38 +803,38 @@ const Ye = ae("SunIcon", [
       ], 64);
     };
   }
-}), Wn = /* @__PURE__ */ G(Tt, [["__scopeId", "data-v-08fa37eb"]]), Mt = ["placeholder", "value", "id"], It = { class: "btn btn-ghost" }, Ot = ["id"], Bt = {
+}), ha = /* @__PURE__ */ J(Tt, [["__scopeId", "data-v-08fa37eb"]]), Vt = ["placeholder", "value", "id"], Bt = { class: "btn btn-ghost" }, Ot = ["id"], Pt = {
   key: 0,
   class: "flex justify-between items-center place-content-center mb-4"
-}, Vt = ["value"], Pt = ["value"], At = {
+}, zt = ["value"], At = ["value"], Ut = {
   key: 1,
   class: "gap-2 grid grid-cols-7"
-}, zt = ["onClick"], Ut = {
+}, Lt = ["onClick"], jt = {
   key: 2,
   class: "mt-4 lg:w-80"
-}, jt = {
+}, Et = {
   key: 0,
   class: "mb-2 font-bold text-lg"
-}, Nt = { key: 1 }, Rt = {
+}, Nt = { key: 1 }, Ft = {
   key: 1,
   class: "flex gap-4"
-}, Lt = ["value"], Ft = ["value"], Et = {
+}, Rt = ["value"], Ht = ["value"], qt = {
   key: 2,
   class: "flex flex-col gap-4"
-}, Ht = {
+}, Wt = {
   key: 1,
   class: "flex gap-2"
-}, qt = ["value"], Wt = ["value"], Yt = {
+}, Kt = ["value"], Yt = ["value"], Jt = {
   key: 1,
   class: "flex gap-2"
-}, Jt = ["value"], Gt = ["value"], Kt = { class: "flex gap-2 mt-4" }, Xt = {
+}, Gt = ["value"], Xt = ["value"], Zt = { class: "flex gap-2 mt-4" }, Qt = {
   __name: "datetimePicker",
   props: {
     mode: {
       type: String,
       default: "datetime",
       // 'datetime', 'date', 'time'
-      validator: (i) => ["datetime", "date", "time"].includes(i)
+      validator: (r) => ["datetime", "date", "time"].includes(r)
     },
     range: {
       type: Boolean,
@@ -854,132 +858,132 @@ const Ye = ae("SunIcon", [
     }
   },
   emits: ["updated"],
-  setup(i, { emit: d }) {
-    const e = i;
-    N(() => e.range, (u) => {
-      u ? (s.value = { start: null, end: null }, c.value = { start: null, end: null }) : (s.value = null, c.value = null);
+  setup(r, { emit: c }) {
+    const e = r;
+    j(() => e.range, (p) => {
+      p ? (s.value = { start: null, end: null }, i.value = { start: null, end: null }) : (s.value = null, i.value = null);
     });
-    const t = d, o = x(!1), s = x(e.range ? { start: null, end: null } : null), c = x(e.range ? { start: null, end: null } : null), h = x((/* @__PURE__ */ new Date()).toLocaleString("default", { month: "long" })), v = x((/* @__PURE__ */ new Date()).getFullYear()), m = x(e.range ? { start: 0, end: 0 } : 0), y = x(e.range ? { start: 0, end: 0 } : 0), j = x(null), H = O(() => `${e.id}-input`), M = O(() => `${e.id}-popup`), f = O(() => e.mode === "date" || e.mode === "datetime"), b = O(() => e.mode === "time" || e.mode === "datetime");
-    O(() => new Date(v.value, g.value));
-    const g = O(() => J.indexOf(h.value)), D = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], w = O(() => new Date(v.value, g.value).getDay()), I = O(() => {
-      const u = new Date(v.value, g.value + 1, 0).getDate();
-      return Array.from({ length: u }, (p, r) => new Date(v.value, g.value, r + 1));
-    }), P = O(() => Array.from({ length: w.value }, (u, p) => p)), R = Array.from({ length: 24 }, (u, p) => p), L = Array.from({ length: 60 }, (u, p) => p), q = O(
+    const t = c, o = x(!1), s = x(e.range ? { start: null, end: null } : null), i = x(e.range ? { start: null, end: null } : null), y = x((/* @__PURE__ */ new Date()).toLocaleString("default", { month: "long" })), v = x((/* @__PURE__ */ new Date()).getFullYear()), f = x(e.range ? { start: 0, end: 0 } : 0), w = x(e.range ? { start: 0, end: 0 } : 0), P = x(null), E = V(() => `${e.id}-input`), m = V(() => `${e.id}-popup`), d = V(() => e.mode === "date" || e.mode === "datetime"), h = V(() => e.mode === "time" || e.mode === "datetime");
+    V(() => new Date(v.value, g.value));
+    const g = V(() => Y.indexOf(y.value)), k = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], $ = V(() => new Date(v.value, g.value).getDay()), T = V(() => {
+      const p = new Date(v.value, g.value + 1, 0).getDate();
+      return Array.from({ length: p }, (b, u) => new Date(v.value, g.value, u + 1));
+    }), z = V(() => Array.from({ length: $.value }, (p, b) => b)), N = Array.from({ length: 24 }, (p, b) => b), F = Array.from({ length: 60 }, (p, b) => b), q = V(
       () => typeof navigator < "u" && /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(
         navigator.userAgent
       )
-    ), J = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"], Z = O(() => {
-      const u = (/* @__PURE__ */ new Date()).getFullYear();
-      return Array.from({ length: 100 }, (p, r) => u - 50 + r);
-    }), le = O(() => {
-      if (!f.value || !s.value) return "";
+    ), Y = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"], Q = V(() => {
+      const p = (/* @__PURE__ */ new Date()).getFullYear();
+      return Array.from({ length: 100 }, (b, u) => p - 50 + u);
+    }), ne = V(() => {
+      if (!d.value || !s.value) return "";
       if (e.range && s.value.start && s.value.end) {
-        const u = s.value.start.toLocaleDateString("en-US"), p = s.value.end.toLocaleDateString("en-US");
-        return `${u} - ${p}`;
+        const p = s.value.start.toLocaleDateString("en-US"), b = s.value.end.toLocaleDateString("en-US");
+        return `${p} - ${b}`;
       }
       return !e.range && s.value ? s.value.toLocaleDateString("en-US") : "";
-    }), W = (u) => u instanceof Date ? u : new Date(u), A = (u) => u instanceof Date && !isNaN(u), oe = O(() => {
-      if (!b.value) return "";
-      const u = (p) => {
-        var ee, K, ce;
-        const r = ((ee = m.value) == null ? void 0 : ee[p]) ?? m.value, F = ((K = y.value) == null ? void 0 : K[p]) ?? y.value;
-        return q.value ? ((ce = c.value) == null ? void 0 : ce[p]) ?? c.value : `${r.toString().padStart(2, "0")}:${F.toString().padStart(2, "0")}`;
+    }), W = (p) => p instanceof Date ? p : new Date(p), U = (p) => p instanceof Date && !isNaN(p), oe = V(() => {
+      if (!h.value) return "";
+      const p = (b) => {
+        var te, G, ce;
+        const u = ((te = f.value) == null ? void 0 : te[b]) ?? f.value, R = ((G = w.value) == null ? void 0 : G[b]) ?? w.value;
+        return q.value ? ((ce = i.value) == null ? void 0 : ce[b]) ?? i.value : `${u.toString().padStart(2, "0")}:${R.toString().padStart(2, "0")}`;
       };
-      return e.range ? `${u("start")} - ${u("end")}` : u();
-    }), Q = O(() => {
-      const u = le.value, p = oe.value;
-      return `${u} ${p}`.trim();
-    }), ye = () => o.value = !o.value, ue = () => {
-      V(), we();
-    }, we = () => o.value = !1, ke = () => {
-      s.value = e.range ? { start: null, end: null } : null, c.value = e.range ? { start: null, end: null } : null, V();
-    }, $e = (u) => {
-      e.range ? s.value.start && s.value.end ? s.value = { start: u, end: null } : s.value.start ? s.value.end = u : s.value.start = u : s.value = u, V();
-    }, _e = (u) => (u = W(u), e.range ? s.value.start && A(s.value.start) && u.getTime() === s.value.start.getTime() || s.value.end && A(s.value.end) && u.getTime() === s.value.end.getTime() : A(s.value) && u.getTime() === s.value.getTime()), Se = (u) => {
-      u = W(u);
-      const p = /* @__PURE__ */ new Date();
-      return u.getDate() === p.getDate() && u.getMonth() === p.getMonth() && u.getFullYear() === p.getFullYear();
-    }, xe = (u) => (u = W(u), e.range && A(s.value.start) && u.getTime() === s.value.start.getTime()), Ce = (u) => (u = W(u), e.range && A(s.value.end) && u.getTime() === s.value.end.getTime()), De = (u) => {
-      if (u = W(u), e.range && A(s.value.start) && A(s.value.end)) {
-        const p = s.value.start.getTime(), r = s.value.end.getTime(), F = u.getTime();
-        return F > p && F < r;
+      return e.range ? `${p("start")} - ${p("end")}` : p();
+    }), ee = V(() => {
+      const p = ne.value, b = oe.value;
+      return `${p} ${b}`.trim();
+    }), we = () => o.value = !o.value, ue = () => {
+      O(), ke();
+    }, ke = () => o.value = !1, $e = () => {
+      s.value = e.range ? { start: null, end: null } : null, i.value = e.range ? { start: null, end: null } : null, O();
+    }, _e = (p) => {
+      e.range ? s.value.start && s.value.end ? s.value = { start: p, end: null } : s.value.start ? s.value.end = p : s.value.start = p : s.value = p, O();
+    }, xe = (p) => (p = W(p), e.range ? s.value.start && U(s.value.start) && p.getTime() === s.value.start.getTime() || s.value.end && U(s.value.end) && p.getTime() === s.value.end.getTime() : U(s.value) && p.getTime() === s.value.getTime()), Se = (p) => {
+      p = W(p);
+      const b = /* @__PURE__ */ new Date();
+      return p.getDate() === b.getDate() && p.getMonth() === b.getMonth() && p.getFullYear() === b.getFullYear();
+    }, Ce = (p) => (p = W(p), e.range && U(s.value.start) && p.getTime() === s.value.start.getTime()), Ie = (p) => (p = W(p), e.range && U(s.value.end) && p.getTime() === s.value.end.getTime()), De = (p) => {
+      if (p = W(p), e.range && U(s.value.start) && U(s.value.end)) {
+        const b = s.value.start.getTime(), u = s.value.end.getTime(), R = p.getTime();
+        return R > b && R < u;
       }
       return !1;
-    }, Te = () => {
-      let u = g.value - 1;
-      u < 0 && (u = 11, v.value--), h.value = J[u], V();
     }, Me = () => {
-      let u = g.value + 1;
-      u > 11 && (u = 0, v.value++), h.value = J[u], V();
-    }, de = (u) => {
-      j.value && !j.value.contains(u.target) && o.value == !0 && ue();
-    }, V = () => {
-      let u = {};
-      const p = (r, F, ee) => {
-        r instanceof Date && !isNaN(r) || (r = /* @__PURE__ */ new Date());
-        const K = new Date(r);
-        return K.setUTCHours(F, ee, 0, 0), K.toISOString();
+      let p = g.value - 1;
+      p < 0 && (p = 11, v.value--), y.value = Y[p], O();
+    }, Te = () => {
+      let p = g.value + 1;
+      p > 11 && (p = 0, v.value++), y.value = Y[p], O();
+    }, de = (p) => {
+      P.value && !P.value.contains(p.target) && o.value == !0 && ue();
+    }, O = () => {
+      let p = {};
+      const b = (u, R, te) => {
+        u instanceof Date && !isNaN(u) || (u = /* @__PURE__ */ new Date());
+        const G = new Date(u);
+        return G.setUTCHours(R, te, 0, 0), G.toISOString();
       };
-      e.range ? (u.from = p(
+      e.range ? (p.from = b(
         s.value.start,
-        m.value.start,
-        y.value.start
-      ), u.to = p(
+        f.value.start,
+        w.value.start
+      ), p.to = b(
         s.value.end,
-        m.value.end,
-        y.value.end
-      )) : u = p(
+        f.value.end,
+        w.value.end
+      )) : p = b(
         s.value,
-        m.value,
-        y.value
-      ), t("updated", u);
+        f.value,
+        w.value
+      ), t("updated", p);
     };
-    return Y(() => {
+    return K(() => {
       e.initialDate && (e.range && e.initialDate.start && e.initialDate.end ? s.value = {
         start: new Date(e.initialDate.start),
         end: new Date(e.initialDate.end)
-      } : e.initialDate.start && (s.value = { start: new Date(e.initialDate.start) })), e.range ? (m.value.start = m.value.start ?? (/* @__PURE__ */ new Date()).getHours(), m.value.end = m.value.end ?? (/* @__PURE__ */ new Date()).getHours(), y.value.start = y.value.start ?? (/* @__PURE__ */ new Date()).getMinutes(), y.value.end = y.value.end ?? (/* @__PURE__ */ new Date()).getMinutes()) : (m.value = m.value ?? (/* @__PURE__ */ new Date()).getHours(), y.value = y.value ?? (/* @__PURE__ */ new Date()).getMinutes());
-    }), e.popup && Y(() => document.addEventListener("click", de)), he(() => document.removeEventListener("click", de)), (u, p) => (a(), l("div", {
+      } : e.initialDate.start && (s.value = { start: new Date(e.initialDate.start) })), e.range ? (f.value.start = f.value.start ?? (/* @__PURE__ */ new Date()).getHours(), f.value.end = f.value.end ?? (/* @__PURE__ */ new Date()).getHours(), w.value.start = w.value.start ?? (/* @__PURE__ */ new Date()).getMinutes(), w.value.end = w.value.end ?? (/* @__PURE__ */ new Date()).getMinutes()) : (f.value = f.value ?? (/* @__PURE__ */ new Date()).getHours(), w.value = w.value ?? (/* @__PURE__ */ new Date()).getMinutes());
+    }), e.popup && K(() => document.addEventListener("click", de)), be(() => document.removeEventListener("click", de)), (p, b) => (a(), n("div", {
       class: "inline-block relative w-full lg:w-[360px]",
       ref_key: "pickerContainer",
-      ref: j
+      ref: P
     }, [
-      n("div", {
+      l("div", {
         class: "flex items-center gap-2 cursor-pointer",
-        onClick: ye
+        onClick: we
       }, [
-        i.popup ? k(u.$slots, "default", { key: 0 }, () => [
-          n("input", {
+        r.popup ? C(p.$slots, "default", { key: 0 }, () => [
+          l("input", {
             type: "text",
             class: "input-bordered w-full cursor-pointer input",
-            placeholder: i.placeholder,
-            value: Q.value,
+            placeholder: r.placeholder,
+            value: ee.value,
             readonly: "",
-            id: H.value
-          }, null, 8, Mt),
-          n("button", It, [
-            X(U(qe))
+            id: E.value
+          }, null, 8, Vt),
+          l("button", Bt, [
+            Z(L(Ye))
           ])
-        ], !0) : T("", !0)
+        ], !0) : D("", !0)
       ]),
-      o.value || !i.popup ? (a(), l("div", {
+      o.value || !r.popup ? (a(), n("div", {
         key: 0,
-        class: _(["z-50 lg:bg-base-100 md:mt-2 md:p-4 px-4 rounded-md w-full", [{ absolute: i.popup }]]),
-        id: M.value
+        class: I(["z-50 lg:bg-base-100 md:mt-2 md:p-4 px-4 rounded-md w-full", [{ absolute: r.popup }]]),
+        id: m.value
       }, [
-        f.value ? (a(), l("div", Bt, [
-          n("button", {
+        d.value ? (a(), n("div", Pt, [
+          l("button", {
             class: "hidden md:block btn-outline btn btn-primary md:btn-sm",
-            onClick: Te
-          }, p[11] || (p[11] = [
-            n("svg", {
+            onClick: Me
+          }, b[11] || (b[11] = [
+            l("svg", {
               xmlns: "http://www.w3.org/2000/svg",
               class: "w-4 h-4",
               fill: "none",
               viewBox: "0 0 24 24",
               stroke: "currentColor"
             }, [
-              n("path", {
+              l("path", {
                 "stroke-linecap": "round",
                 "stroke-linejoin": "round",
                 "stroke-width": "2",
@@ -987,42 +991,42 @@ const Ye = ae("SunIcon", [
               })
             ], -1)
           ])),
-          z(n("select", {
+          A(l("select", {
             class: "border-none w-fit select",
-            "onUpdate:modelValue": p[0] || (p[0] = (r) => h.value = r),
-            onChange: V
+            "onUpdate:modelValue": b[0] || (b[0] = (u) => y.value = u),
+            onChange: O
           }, [
-            (a(), l($, null, C(J, (r, F) => n("option", {
-              key: F,
-              value: r
-            }, S(r), 9, Vt)), 64))
+            (a(), n(S, null, M(Y, (u, R) => l("option", {
+              key: R,
+              value: u
+            }, _(u), 9, zt)), 64))
           ], 544), [
-            [E, h.value]
+            [H, y.value]
           ]),
-          z(n("select", {
+          A(l("select", {
             class: "border-none w-24 select",
-            "onUpdate:modelValue": p[1] || (p[1] = (r) => v.value = r),
-            onChange: V
+            "onUpdate:modelValue": b[1] || (b[1] = (u) => v.value = u),
+            onChange: O
           }, [
-            (a(!0), l($, null, C(Z.value, (r) => (a(), l("option", {
-              key: r,
-              value: r
-            }, S(r), 9, Pt))), 128))
+            (a(!0), n(S, null, M(Q.value, (u) => (a(), n("option", {
+              key: u,
+              value: u
+            }, _(u), 9, At))), 128))
           ], 544), [
-            [E, v.value]
+            [H, v.value]
           ]),
-          n("button", {
+          l("button", {
             class: "hidden md:block btn-outline btn btn-primary md:btn-sm",
-            onClick: Me
-          }, p[12] || (p[12] = [
-            n("svg", {
+            onClick: Te
+          }, b[12] || (b[12] = [
+            l("svg", {
               xmlns: "http://www.w3.org/2000/svg",
               class: "w-4 h-4",
               fill: "none",
               viewBox: "0 0 24 24",
               stroke: "currentColor"
             }, [
-              n("path", {
+              l("path", {
                 "stroke-linecap": "round",
                 "stroke-linejoin": "round",
                 "stroke-width": "2",
@@ -1030,190 +1034,190 @@ const Ye = ae("SunIcon", [
               })
             ], -1)
           ]))
-        ])) : T("", !0),
-        f.value ? (a(), l("div", At, [
-          (a(), l($, null, C(D, (r) => n("div", {
-            key: r,
+        ])) : D("", !0),
+        d.value ? (a(), n("div", Ut, [
+          (a(), n(S, null, M(k, (u) => l("div", {
+            key: u,
             class: "text-center"
-          }, S(r), 1)), 64)),
-          (a(!0), l($, null, C(P.value, (r) => (a(), l("div", {
-            key: r,
+          }, _(u), 1)), 64)),
+          (a(!0), n(S, null, M(z.value, (u) => (a(), n("div", {
+            key: u,
             class: "text-center"
           }))), 128)),
-          (a(!0), l($, null, C(I.value, (r) => (a(), l("div", {
-            key: r,
-            class: _(["hover:bg-primary-10 py-1 rounded-full text-center cursor-pointer", {
-              "bg-primary text-primary-content": _e(r),
-              today: Se(r),
-              "range-start bg-primary text-primary-content": xe(r),
-              "range-end bg-primary text-primary-content": Ce(r),
-              "in-range bg-primary/20 hover:bg-primary/10": De(r)
+          (a(!0), n(S, null, M(T.value, (u) => (a(), n("div", {
+            key: u,
+            class: I(["hover:bg-primary-10 py-1 rounded-full text-center cursor-pointer", {
+              "bg-primary text-primary-content": xe(u),
+              today: Se(u),
+              "range-start bg-primary text-primary-content": Ce(u),
+              "range-end bg-primary text-primary-content": Ie(u),
+              "in-range bg-primary/20 hover:bg-primary/10": De(u)
             }]),
-            onClick: (F) => $e(r)
-          }, S(r.getDate()), 11, zt))), 128))
-        ])) : T("", !0),
-        b.value ? (a(), l("div", Ut, [
-          e.range ? T("", !0) : (a(), l("h3", jt, "Select Time")),
-          e.range ? (a(), l("div", Et, [
-            n("div", null, [
-              p[13] || (p[13] = n("p", { class: "font-bold" }, "Start Time", -1)),
-              q.value ? z((a(), l("input", {
+            onClick: (R) => _e(u)
+          }, _(u.getDate()), 11, Lt))), 128))
+        ])) : D("", !0),
+        h.value ? (a(), n("div", jt, [
+          e.range ? D("", !0) : (a(), n("h3", Et, "Select Time")),
+          e.range ? (a(), n("div", qt, [
+            l("div", null, [
+              b[13] || (b[13] = l("p", { class: "font-bold" }, "Start Time", -1)),
+              q.value ? A((a(), n("input", {
                 key: 0,
                 type: "time",
                 class: "input-bordered w-full input",
-                "onUpdate:modelValue": p[5] || (p[5] = (r) => c.value.start = r),
-                onChange: V
+                "onUpdate:modelValue": b[5] || (b[5] = (u) => i.value.start = u),
+                onChange: O
               }, null, 544)), [
-                [ne, c.value.start]
-              ]) : (a(), l("div", Ht, [
-                z(n("select", {
+                [X, i.value.start]
+              ]) : (a(), n("div", Wt, [
+                A(l("select", {
                   class: "w-full select-bordered select",
-                  "onUpdate:modelValue": p[6] || (p[6] = (r) => m.value.start = r),
-                  onChange: V
+                  "onUpdate:modelValue": b[6] || (b[6] = (u) => f.value.start = u),
+                  onChange: O
                 }, [
-                  (a(!0), l($, null, C(U(R), (r) => (a(), l("option", {
-                    key: r,
-                    value: r
-                  }, S(r.toString().padStart(2, "0")), 9, qt))), 128))
+                  (a(!0), n(S, null, M(L(N), (u) => (a(), n("option", {
+                    key: u,
+                    value: u
+                  }, _(u.toString().padStart(2, "0")), 9, Kt))), 128))
                 ], 544), [
                   [
-                    E,
-                    m.value.start,
+                    H,
+                    f.value.start,
                     void 0,
                     { number: !0 }
                   ]
                 ]),
-                z(n("select", {
+                A(l("select", {
                   class: "w-full select-bordered select",
-                  "onUpdate:modelValue": p[7] || (p[7] = (r) => y.value.start = r),
-                  onChange: V
+                  "onUpdate:modelValue": b[7] || (b[7] = (u) => w.value.start = u),
+                  onChange: O
                 }, [
-                  (a(!0), l($, null, C(U(L), (r) => (a(), l("option", {
-                    key: r,
-                    value: r
-                  }, S(r.toString().padStart(2, "0")), 9, Wt))), 128))
+                  (a(!0), n(S, null, M(L(F), (u) => (a(), n("option", {
+                    key: u,
+                    value: u
+                  }, _(u.toString().padStart(2, "0")), 9, Yt))), 128))
                 ], 544), [
                   [
-                    E,
-                    y.value.start,
+                    H,
+                    w.value.start,
                     void 0,
                     { number: !0 }
                   ]
                 ])
               ]))
             ]),
-            n("div", null, [
-              p[14] || (p[14] = n("p", { class: "font-bold" }, "End Time", -1)),
-              q.value ? z((a(), l("input", {
+            l("div", null, [
+              b[14] || (b[14] = l("p", { class: "font-bold" }, "End Time", -1)),
+              q.value ? A((a(), n("input", {
                 key: 0,
                 type: "time",
                 class: "input-bordered w-full input",
-                "onUpdate:modelValue": p[8] || (p[8] = (r) => c.value.end = r),
-                onChange: V
+                "onUpdate:modelValue": b[8] || (b[8] = (u) => i.value.end = u),
+                onChange: O
               }, null, 544)), [
-                [ne, c.value.end]
-              ]) : (a(), l("div", Yt, [
-                z(n("select", {
+                [X, i.value.end]
+              ]) : (a(), n("div", Jt, [
+                A(l("select", {
                   class: "w-full select-bordered select",
-                  "onUpdate:modelValue": p[9] || (p[9] = (r) => m.value.end = r),
-                  onChange: V
+                  "onUpdate:modelValue": b[9] || (b[9] = (u) => f.value.end = u),
+                  onChange: O
                 }, [
-                  (a(!0), l($, null, C(U(R), (r) => (a(), l("option", {
-                    key: r,
-                    value: r
-                  }, S(r.toString().padStart(2, "0")), 9, Jt))), 128))
+                  (a(!0), n(S, null, M(L(N), (u) => (a(), n("option", {
+                    key: u,
+                    value: u
+                  }, _(u.toString().padStart(2, "0")), 9, Gt))), 128))
                 ], 544), [
                   [
-                    E,
-                    m.value.end,
+                    H,
+                    f.value.end,
                     void 0,
                     { number: !0 }
                   ]
                 ]),
-                z(n("select", {
+                A(l("select", {
                   class: "w-full select-bordered select",
-                  "onUpdate:modelValue": p[10] || (p[10] = (r) => y.value.end = r),
-                  onChange: V
+                  "onUpdate:modelValue": b[10] || (b[10] = (u) => w.value.end = u),
+                  onChange: O
                 }, [
-                  (a(!0), l($, null, C(U(L), (r) => (a(), l("option", {
-                    key: r,
-                    value: r
-                  }, S(r.toString().padStart(2, "0")), 9, Gt))), 128))
+                  (a(!0), n(S, null, M(L(F), (u) => (a(), n("option", {
+                    key: u,
+                    value: u
+                  }, _(u.toString().padStart(2, "0")), 9, Xt))), 128))
                 ], 544), [
                   [
-                    E,
-                    y.value.end,
+                    H,
+                    w.value.end,
                     void 0,
                     { number: !0 }
                   ]
                 ])
               ]))
             ])
-          ])) : (a(), l("div", Nt, [
-            q.value ? z((a(), l("input", {
+          ])) : (a(), n("div", Nt, [
+            q.value ? A((a(), n("input", {
               key: 0,
               type: "time",
               class: "input-bordered w-full input",
-              "onUpdate:modelValue": p[2] || (p[2] = (r) => c.value = r),
-              onChange: V
+              "onUpdate:modelValue": b[2] || (b[2] = (u) => i.value = u),
+              onChange: O
             }, null, 544)), [
-              [ne, c.value]
-            ]) : (a(), l("div", Rt, [
-              z(n("select", {
+              [X, i.value]
+            ]) : (a(), n("div", Ft, [
+              A(l("select", {
                 class: "w-full select-bordered select",
-                "onUpdate:modelValue": p[3] || (p[3] = (r) => m.value = r),
-                onChange: V
+                "onUpdate:modelValue": b[3] || (b[3] = (u) => f.value = u),
+                onChange: O
               }, [
-                (a(!0), l($, null, C(U(R), (r) => (a(), l("option", {
-                  key: r,
-                  value: r
-                }, S(r.toString().padStart(2, "0")), 9, Lt))), 128))
+                (a(!0), n(S, null, M(L(N), (u) => (a(), n("option", {
+                  key: u,
+                  value: u
+                }, _(u.toString().padStart(2, "0")), 9, Rt))), 128))
               ], 544), [
                 [
-                  E,
-                  m.value,
+                  H,
+                  f.value,
                   void 0,
                   { number: !0 }
                 ]
               ]),
-              z(n("select", {
+              A(l("select", {
                 class: "w-full select-bordered select",
-                "onUpdate:modelValue": p[4] || (p[4] = (r) => y.value = r),
-                onChange: V
+                "onUpdate:modelValue": b[4] || (b[4] = (u) => w.value = u),
+                onChange: O
               }, [
-                (a(!0), l($, null, C(U(L), (r) => (a(), l("option", {
-                  key: r,
-                  value: r
-                }, S(r.toString().padStart(2, "0")), 9, Ft))), 128))
+                (a(!0), n(S, null, M(L(F), (u) => (a(), n("option", {
+                  key: u,
+                  value: u
+                }, _(u.toString().padStart(2, "0")), 9, Ht))), 128))
               ], 544), [
                 [
-                  E,
-                  y.value,
+                  H,
+                  w.value,
                   void 0,
                   { number: !0 }
                 ]
               ])
             ]))
           ]))
-        ])) : T("", !0),
-        n("div", Kt, [
-          n("button", {
-            class: _(["btn btn-secondary", i.popup ? "w-fit" : "w-full"]),
-            onClick: ke
+        ])) : D("", !0),
+        l("div", Zt, [
+          l("button", {
+            class: I(["btn btn-secondary", r.popup ? "w-fit" : "w-full"]),
+            onClick: $e
           }, "Clear", 2),
-          i.popup ? (a(), l("button", {
+          r.popup ? (a(), n("button", {
             key: 0,
             class: "btn btn-primary btn-wide",
             onClick: ue
-          }, "Close")) : T("", !0)
+          }, "Close")) : D("", !0)
         ])
-      ], 10, Ot)) : T("", !0)
+      ], 10, Ot)) : D("", !0)
     ], 512));
   }
-}, Zt = /* @__PURE__ */ G(Xt, [["__scopeId", "data-v-488ecabe"]]), Qt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, el = /* @__PURE__ */ J(Qt, [["__scopeId", "data-v-488ecabe"]]), tl = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: Zt
-}, Symbol.toStringTag, { value: "Module" })), en = ["value", "checked", "onChange", "disabled"], Yn = /* @__PURE__ */ B({
+  default: el
+}, Symbol.toStringTag, { value: "Module" })), ll = ["value", "checked", "onChange", "disabled"], ga = /* @__PURE__ */ B({
   __name: "rating",
   props: {
     initialRating: { default: 0 },
@@ -1222,10 +1226,10 @@ const Ye = ae("SunIcon", [
     isInteractive: { type: Boolean, default: !1 },
     size: { default: "sm" }
   },
-  setup(i) {
-    const d = i, e = x(d.initialRating);
-    N(
-      () => d.initialRating,
+  setup(r) {
+    const c = r, e = x(c.initialRating);
+    j(
+      () => c.initialRating,
       (o) => {
         e.value = o;
       }
@@ -1233,30 +1237,30 @@ const Ye = ae("SunIcon", [
     const t = (o) => {
       e.value = o;
     };
-    return (o, s) => (a(), l("div", {
-      class: _(["rating", [
-        `rating-${d.size}`,
+    return (o, s) => (a(), n("div", {
+      class: I(["rating", [
+        `rating-${c.size}`,
         { "rating-half": o.halfStars }
       ]])
     }, [
-      (a(!0), l($, null, C(o.numberOfStars * (o.halfStars ? 2 : 1), (c) => (a(), l("input", {
-        key: c,
+      (a(!0), n(S, null, M(o.numberOfStars * (o.halfStars ? 2 : 1), (i) => (a(), n("input", {
+        key: i,
         type: "radio",
-        value: o.halfStars ? c * 0.5 : c,
-        checked: e.value === (o.halfStars ? c * 0.5 : c),
-        onChange: (h) => o.isInteractive ? t(o.halfStars ? c * 0.5 : c) : null,
-        class: _(["mask mask-star", {
-          "bg-yellow-400": e.value >= (o.halfStars ? c * 0.5 : c),
-          "mask-half-1": o.halfStars && c % 2 !== 0,
-          "mask-half-2": o.halfStars && c % 2 === 0,
+        value: o.halfStars ? i * 0.5 : i,
+        checked: e.value === (o.halfStars ? i * 0.5 : i),
+        onChange: (y) => o.isInteractive ? t(o.halfStars ? i * 0.5 : i) : null,
+        class: I(["mask mask-star", {
+          "bg-yellow-400": e.value >= (o.halfStars ? i * 0.5 : i),
+          "mask-half-1": o.halfStars && i % 2 !== 0,
+          "mask-half-2": o.halfStars && i % 2 === 0,
           "cursor-pointer": o.isInteractive,
           "cursor-default": !o.isInteractive
         }]),
         disabled: !o.isInteractive
-      }, null, 42, en))), 128))
+      }, null, 42, ll))), 128))
     ], 2));
   }
-}), tn = { class: "badge" }, nn = ["onClick"], an = { class: "opacity-75" }, ln = ["placeholder"], Jn = /* @__PURE__ */ B({
+}), al = { class: "badge" }, nl = ["onClick"], ol = { class: "opacity-75" }, sl = ["placeholder"], ba = /* @__PURE__ */ B({
   __name: "taginput",
   props: {
     modelValue: {},
@@ -1265,53 +1269,327 @@ const Ye = ae("SunIcon", [
     class: {}
   },
   emits: ["update:modelValue"],
-  setup(i, { emit: d }) {
-    const e = i, t = d, o = x([...e.modelValue]), s = e.maxTagAmount === void 0 ? -1 : e.maxTagAmount, c = x(null), h = x(""), v = O(() => s < 0 || o.value.length < s), m = () => {
-      const M = h.value.trim();
-      M && !o.value.includes(M) && (o.value.push(M), t("update:modelValue", o.value), h.value = "");
-    }, y = (M) => {
-      o.value = o.value.filter((f) => f !== M), t("update:modelValue", o.value);
-    }, j = () => {
-      h.value === "" && (o.value.pop(), t("update:modelValue", o.value));
-    }, H = (M) => {
-      M.key === "Enter" ? m() : M.key === "Backspace" && h.value === "" && j();
+  setup(r, { emit: c }) {
+    const e = r, t = c, o = x([...e.modelValue]), s = e.maxTagAmount === void 0 ? -1 : e.maxTagAmount, i = x(null), y = x(""), v = V(() => s < 0 || o.value.length < s), f = () => {
+      const m = y.value.trim();
+      m && !o.value.includes(m) && (o.value.push(m), t("update:modelValue", o.value), y.value = "");
+    }, w = (m) => {
+      o.value = o.value.filter((d) => d !== m), t("update:modelValue", o.value);
+    }, P = () => {
+      y.value === "" && (o.value.pop(), t("update:modelValue", o.value));
+    }, E = (m) => {
+      m.key === "Enter" ? f() : m.key === "Backspace" && y.value === "" && P();
     };
-    return N(() => e.modelValue, (M) => {
-      o.value = [...M];
-    }), (M, f) => (a(), l("div", {
-      class: _(["flex flex-wrap gap-2 bg-base-100 shadow px-4 py-6 border border-base-content/20 rounded", M.$props.class])
+    return j(() => e.modelValue, (m) => {
+      o.value = [...m];
+    }), (m, d) => (a(), n("div", {
+      class: I(["flex flex-wrap gap-2 bg-base-100 shadow px-4 py-6 border border-base-content/20 rounded", m.$props.class])
     }, [
-      (a(!0), l($, null, C(o.value, (b) => k(M.$slots, "tag", {
-        key: b,
-        tag: b
+      (a(!0), n(S, null, M(o.value, (h) => C(m.$slots, "tag", {
+        key: h,
+        tag: h
       }, () => [
-        n("div", tn, [
-          n("button", {
+        l("div", al, [
+          l("button", {
             class: "!px-1 !py-0 h-fit font-bold cursor-pointer",
-            onClick: (g) => y(b),
+            onClick: (g) => w(h),
             "aria-label": "Remove tag"
-          }, "X", 8, nn),
-          n("span", an, S(b), 1)
+          }, "X", 8, nl),
+          l("span", ol, _(h), 1)
         ])
       ])), 128)),
-      k(M.$slots, "input", { showInput: v.value }, () => [
-        v.value ? z((a(), l("input", {
+      C(m.$slots, "input", { showInput: v.value }, () => [
+        v.value ? A((a(), n("input", {
           key: 0,
           ref_key: "inputRef",
-          ref: c,
-          "onUpdate:modelValue": f[0] || (f[0] = (b) => h.value = b),
+          ref: i,
+          "onUpdate:modelValue": d[0] || (d[0] = (h) => y.value = h),
           type: "text",
-          placeholder: M.placeholder || "Type here",
+          placeholder: m.placeholder || "Type here",
           class: "h-full input input-ghost",
-          onKeydown: H,
+          onKeydown: E,
           "aria-label": "Add tags"
-        }, null, 40, ln)), [
-          [ne, h.value]
-        ]) : T("", !0)
+        }, null, 40, sl)), [
+          [X, y.value]
+        ]) : D("", !0)
       ])
     ], 2));
   }
-}), Gn = /* @__PURE__ */ B({
+}), rl = { class: "w-full max-w-xs form-control" }, il = {
+  key: 0,
+  class: "label"
+}, ul = { class: "label-text" }, dl = ["value"], cl = {
+  key: 0,
+  value: "",
+  disabled: "",
+  selected: ""
+}, pl = ["value"], ya = /* @__PURE__ */ B({
+  __name: "select",
+  props: {
+    options: {},
+    label: {},
+    placeholder: {},
+    modelValue: {}
+  },
+  emits: ["update:modelValue"],
+  setup(r, { expose: c, emit: e }) {
+    console.log(r.placeholder);
+    const o = e, s = x(null), i = (v) => {
+      const f = v.target;
+      o("update:modelValue", f.value);
+    };
+    return c({
+      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, f) => (a(), n("div", rl, [
+      v.label ? (a(), n("label", il, [
+        l("span", ul, _(v.label), 1)
+      ])) : D("", !0),
+      l("select", {
+        ref_key: "selectElement",
+        ref: s,
+        class: "rounded-md w-full select-bordered select",
+        value: v.modelValue,
+        onChange: i
+      }, [
+        v.placeholder ? (a(), n("option", cl, _(v.placeholder), 1)) : D("", !0),
+        (a(!0), n(S, null, M(v.options, (w) => (a(), n("option", {
+          key: w.value,
+          value: w.value
+        }, _(w.text), 9, pl))), 128))
+      ], 40, dl)
+    ]));
+  }
+}), vl = { class: "relative w-full max-w-xs form-control" }, fl = {
+  key: 0,
+  class: "label"
+}, ml = { class: "label-text" }, hl = ["placeholder", "onKeydown", "aria-expanded", "aria-activedescendant"], gl = {
+  class: "top-full z-10 absolute bg-base-100 shadow-lg mt-1 rounded-md w-full dropdown-content",
+  role: "listbox"
+}, bl = { class: "p-0 max-h-60 overflow-y-auto menu" }, yl = ["onMousedown", "id", "aria-selected"], wl = {
+  key: 1,
+  class: "label"
+}, kl = { class: "label-text-alt" }, wa = {
+  __name: "filterableSelect",
+  props: {
+    // Array of options: [{ value: any, text: string }, ...]
+    options: {
+      type: Array,
+      required: !0,
+      default: () => []
+    },
+    // Optional label for the input
+    label: {
+      type: String,
+      default: ""
+    },
+    // Optional placeholder for the input
+    placeholder: {
+      type: String,
+      default: "Select an option"
+    },
+    // v-model support for selected value
+    modelValue: {
+      type: [String, Number, Object, null],
+      default: null
+    }
+  },
+  emits: ["update:modelValue", "select"],
+  setup(r, { emit: c }) {
+    const e = r, t = c, o = x(""), s = x(null), i = x(!1), y = x(null), v = x(null), f = V(() => {
+      const d = o.value.toLowerCase();
+      return d ? e.options.filter(
+        (h) => h.text.toLowerCase().includes(d)
+      ) : i.value || s.value ? e.options : [];
+    });
+    j(
+      () => e.modelValue,
+      (d) => {
+        if (d == null)
+          s.value = null, i.value || (o.value = "");
+        else {
+          const h = e.options.find((g) => g.value === d);
+          h && (s.value = h, i.value || (o.value = h.text));
+        }
+      },
+      { immediate: !0 }
+    );
+    const w = (d) => {
+      s.value = d, o.value = d.text, i.value = !1, t("update:modelValue", d.value), t("select", d), y.value.blur();
+    }, P = () => {
+      setTimeout(() => {
+        (!s.value || o.value !== s.value.text) && (o.value = s.value ? s.value.text : ""), i.value = !1, v.value = null;
+      }, 100);
+    }, E = () => {
+      f.value.length > 0 && w(f.value[0]);
+    }, m = (d) => {
+      if (!i.value || f.value.length === 0) return;
+      const h = f.value.findIndex(
+        (g, k) => "option-" + k === v.value
+      );
+      if (d.key === "ArrowDown") {
+        d.preventDefault();
+        const g = (h + 1) % f.value.length;
+        v.value = "option-" + g;
+        const k = document.getElementById(v.value);
+        k && k.scrollIntoView({ block: "nearest" });
+      } else if (d.key === "ArrowUp") {
+        d.preventDefault();
+        const g = (h - 1 + f.value.length) % f.value.length;
+        v.value = "option-" + g;
+        const k = document.getElementById(v.value);
+        k && k.scrollIntoView({ block: "nearest" });
+      } else if (d.key === "Enter" && v.value) {
+        d.preventDefault();
+        const g = f.value.find(
+          (k, $) => "option-" + $ === v.value
+        );
+        g && w(g);
+      }
+    };
+    return j(y, (d) => {
+      d && d.addEventListener("keydown", m);
+    }), (d, h) => (a(), n("div", vl, [
+      r.label ? (a(), n("label", fl, [
+        l("span", ml, _(r.label), 1)
+      ])) : D("", !0),
+      A(l("input", {
+        type: "text",
+        placeholder: r.placeholder,
+        class: "input-bordered rounded-md w-full input select",
+        "onUpdate:modelValue": h[0] || (h[0] = (g) => o.value = g),
+        onFocus: h[1] || (h[1] = (g) => i.value = !0),
+        onBlur: P,
+        onKeydown: Ue(he(E, ["prevent"]), ["enter"]),
+        ref_key: "filterInput",
+        ref: y,
+        role: "combobox",
+        "aria-haspopup": "listbox",
+        "aria-expanded": i.value,
+        "aria-activedescendant": v.value,
+        "aria-autocomplete": "list"
+      }, null, 40, hl), [
+        [X, o.value]
+      ]),
+      A(l("div", gl, [
+        l("ul", bl, [
+          (a(!0), n(S, null, M(f.value, (g, k) => (a(), n("li", {
+            key: g.value,
+            onMousedown: he(($) => w(g), ["prevent"]),
+            class: "hover:bg-base-200 rounded-md cursor-pointer",
+            id: "option-" + k,
+            role: "option",
+            "aria-selected": s.value && s.value.value === g.value
+          }, [
+            l("a", null, _(g.text), 1)
+          ], 40, yl))), 128))
+        ])
+      ], 512), [
+        [Le, i.value && f.value.length > 0]
+      ]),
+      s.value && !i.value ? (a(), n("div", wl, [
+        l("span", kl, "Selected: " + _(s.value.text), 1)
+      ])) : D("", !0)
+    ]));
+  }
+}, $l = { class: "w-full max-w-xs form-control" }, _l = {
+  key: 0,
+  class: "label"
+}, xl = { class: "label-text" }, Sl = ["type", "placeholder", "value"], Cl = {
+  key: 1,
+  class: "label"
+}, Il = { class: "label-text-alt text-error validator-hint" }, Dl = {
+  key: 2,
+  class: "label"
+}, Ml = { class: "label-text-alt text-success validator-hint" }, ka = /* @__PURE__ */ B({
+  __name: "inputField",
+  props: {
+    modelValue: { default: "" },
+    label: { default: "" },
+    placeholder: { default: "" },
+    type: { default: "text" },
+    rules: { default: () => ({}) },
+    successMessage: { default: "" },
+    size: { default: "md" },
+    color: { default: "" },
+    style: { default: "" }
+  },
+  emits: ["update:modelValue", "validate"],
+  setup(r, { expose: c, emit: e }) {
+    const t = r, o = e, s = x(null), i = x(!1), y = x(""), v = V(() => {
+      var g, k, $, T;
+      let m = !0, d = "";
+      const h = t.modelValue;
+      return (g = t.rules) != null && g.required && (h == null || h === "") && (m = !1, d = "This field is required."), m && ((k = t.rules) == null ? void 0 : k.minLength) !== void 0 && typeof h == "string" && h.length < t.rules.minLength && (m = !1, d = `Must be at least ${t.rules.minLength} characters.`), m && (($ = t.rules) == null ? void 0 : $.maxLength) !== void 0 && typeof h == "string" && h.length > t.rules.maxLength && (m = !1, d = `Cannot exceed ${t.rules.maxLength} characters.`), m && ((T = t.rules) != null && T.email) && typeof h == "string" && h && (/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(h) || (m = !1, d = "Please enter a valid email address.")), y.value = d, o("validate", m), m;
+    }), f = V(() => i.value && !v.value), w = (m) => {
+      const d = m.target;
+      o("update:modelValue", d.value), i.value && v.value;
+    }, P = () => {
+      i.value = !0, v.value;
+    };
+    return j(
+      () => t.modelValue,
+      () => {
+        i.value && v.value;
+      }
+    ), c({
+      focusInput: () => {
+        var m;
+        console.log("inputField.vue: focusInput method called."), (m = s.value) == null || m.focus();
+      },
+      isValid: v,
+      isTouched: i,
+      errorMessage: y
+    }), (m, d) => (a(), n("div", $l, [
+      m.label ? (a(), n("label", _l, [
+        l("span", xl, _(m.label), 1)
+      ])) : D("", !0),
+      l("input", {
+        ref_key: "inputElement",
+        ref: s,
+        type: m.type,
+        placeholder: m.placeholder,
+        class: I(["input-bordered rounded-md w-full input validator", {
+          // Size classes
+          "input-xs": m.size === "xs",
+          "input-sm": m.size === "sm",
+          "input-md": m.size === "md",
+          "input-lg": m.size === "lg",
+          "input-xl": m.size === "xl",
+          // Color classes (applied only if not in an error state due to validation)
+          // We apply validation classes separately below to ensure they take precedence.
+          "input-neutral": m.color === "neutral" && !f.value,
+          "input-primary": m.color === "primary" && !f.value,
+          "input-secondary": m.color === "secondary" && !f.value,
+          "input-accent": m.color === "accent" && !f.value,
+          "input-info": m.color === "info" && !f.value,
+          "input-success": m.color === "success" && !f.value && !(v.value && i.value),
+          // Avoid conflicting with validation success
+          "input-warning": m.color === "warning" && !f.value,
+          // 'input-error': color === 'error', // Removed from here to avoid conflict
+          // Style classes
+          "input-ghost": m.style === "ghost",
+          // Validation state classes (Applied separately to ensure precedence)
+          "input-error": f.value
+          // Apply error style if validation fails
+          //'input-success': isValid && isTouched, // Apply success style if valid and touched
+        }]),
+        value: m.modelValue,
+        onInput: w,
+        onBlur: P
+      }, null, 42, Sl),
+      f.value ? (a(), n("div", Cl, [
+        l("span", Il, _(y.value), 1)
+      ])) : v.value && i.value && m.successMessage ? (a(), n("div", Dl, [
+        l("span", Ml, _(m.successMessage), 1)
+      ])) : D("", !0)
+    ]));
+  }
+}), $a = /* @__PURE__ */ B({
   __name: "loader",
   props: {
     loading: { type: Boolean, default: !0 },
@@ -1319,16 +1597,16 @@ const Ye = ae("SunIcon", [
     type: { default: "spinner" },
     color: { default: "primary" }
   },
-  setup(i) {
-    const d = i, e = x(d.loading);
-    return N(
-      () => d.loading,
+  setup(r) {
+    const c = r, e = x(c.loading);
+    return j(
+      () => c.loading,
       (t) => {
         e.value = t;
       }
-    ), (t, o) => e.value ? (a(), l("span", {
+    ), (t, o) => e.value ? (a(), n("span", {
       key: 0,
-      class: _(["loading", [
+      class: I(["loading", [
         { "loading-xs": t.size === "xs" },
         { "loading-sm": t.size === "sm" },
         { "loading-md": t.size === "md" },
@@ -1351,15 +1629,15 @@ const Ye = ae("SunIcon", [
         { "text-warning": t.color === "warning" },
         { "text-error": t.color === "error" }
       ]])
-    }, null, 2)) : T("", !0);
+    }, null, 2)) : D("", !0);
   }
-}), on = { class: "footer sm:footer-horizontal container" }, sn = { class: "footer-title" }, rn = ["href"], un = {
+}), Tl = { class: "footer sm:footer-horizontal container" }, Vl = { class: "footer-title" }, Bl = ["href"], Ol = {
   key: 0,
   class: "sm:hidden w-full"
-}, dn = { class: "border-b-2 border-base-100 last:border-b-0 w-full" }, cn = {
+}, Pl = { class: "border-b-2 border-base-100 last:border-b-0 w-full" }, zl = {
   tabindex: "0",
   class: "collapse collapse-plus w-full"
-}, pn = { class: "collapse-title font-bold text-lg collapsible-footer-title" }, fn = { class: "collapse-content flex w-full text-sm" }, mn = { class: "flex flex-col gap-2.5" }, vn = { class: "w-full" }, gn = ["href"], hn = { class: "w-full" }, Kn = /* @__PURE__ */ B({
+}, Al = { class: "collapse-title font-bold text-lg collapsible-footer-title" }, Ul = { class: "collapse-content flex w-full text-sm" }, Ll = { class: "flex flex-col gap-2.5" }, jl = { class: "w-full" }, El = ["href"], Nl = { class: "w-full" }, _a = /* @__PURE__ */ B({
   __name: "footer",
   props: {
     items: {},
@@ -1367,119 +1645,119 @@ const Ye = ae("SunIcon", [
     color: {},
     collapseOnMobile: { type: Boolean, default: !1 }
   },
-  setup(i) {
-    const d = i;
-    return (e, t) => (a(), l("div", {
-      class: _(["mx-auto md:px-10 py-10 text-base-content", [e.background ?? "bg-base-200", e.color ?? "text-base-content"]])
+  setup(r) {
+    const c = r;
+    return (e, t) => (a(), n("div", {
+      class: I(["mx-auto md:px-10 py-10 text-base-content", [e.background ?? "bg-base-200", e.color ?? "text-base-content"]])
     }, [
-      n("footer", on, [
-        (a(!0), l($, null, C(d.items, (o) => (a(), l("nav", {
-          class: _([{ "hidden sm:grid": e.collapseOnMobile }])
+      l("footer", Tl, [
+        (a(!0), n(S, null, M(c.items, (o) => (a(), n("nav", {
+          class: I([{ "hidden sm:grid": e.collapseOnMobile }])
         }, [
-          n("h6", sn, S(o.title), 1),
-          (a(!0), l($, null, C(o.items, (s) => (a(), l("a", {
+          l("h6", Vl, _(o.title), 1),
+          (a(!0), n(S, null, M(o.items, (s) => (a(), n("a", {
             class: "link link-hover",
             href: s.link
-          }, S(s.text), 9, rn))), 256))
+          }, _(s.text), 9, Bl))), 256))
         ], 2))), 256)),
-        e.collapseOnMobile ? (a(), l("nav", un, [
-          (a(!0), l($, null, C(d.items, (o) => (a(), l("ul", dn, [
-            n("div", cn, [
-              n("div", pn, S(o.title), 1),
-              n("div", fn, [
-                n("ul", mn, [
-                  (a(!0), l($, null, C(o.items, (s) => (a(), l("li", vn, [
-                    n("a", {
+        e.collapseOnMobile ? (a(), n("nav", Ol, [
+          (a(!0), n(S, null, M(c.items, (o) => (a(), n("ul", Pl, [
+            l("div", zl, [
+              l("div", Al, _(o.title), 1),
+              l("div", Ul, [
+                l("ul", Ll, [
+                  (a(!0), n(S, null, M(o.items, (s) => (a(), n("li", jl, [
+                    l("a", {
                       class: "w-full font-medium link link-hover",
                       href: s.link
-                    }, S(s.text), 9, gn)
+                    }, _(s.text), 9, El)
                   ]))), 256))
                 ])
               ])
             ])
           ]))), 256))
-        ])) : T("", !0),
-        n("aside", hn, [
-          k(e.$slots, "default")
+        ])) : D("", !0),
+        l("aside", Nl, [
+          C(e.$slots, "default")
         ])
       ])
     ], 2));
   }
-}), bn = {}, yn = { class: "min-h-40 container hero" }, wn = { class: "px-0! text-center hero-content" }, kn = { class: "mt-9 text-4xl" };
-function $n(i, d) {
-  return a(), l("div", yn, [
-    n("div", wn, [
-      n("div", null, [
-        n("h1", kn, [
-          k(i.$slots, "title", {}, () => [
-            d[0] || (d[0] = re("hero title"))
+}), Fl = {}, Rl = { class: "min-h-40 container hero" }, Hl = { class: "px-0! text-center hero-content" }, ql = { class: "mt-9 text-4xl" };
+function Wl(r, c) {
+  return a(), n("div", Rl, [
+    l("div", Hl, [
+      l("div", null, [
+        l("h1", ql, [
+          C(r.$slots, "title", {}, () => [
+            c[0] || (c[0] = re("hero title"))
           ])
         ]),
-        n("p", null, [
-          k(i.$slots, "description", { class: "py-9" })
+        l("p", null, [
+          C(r.$slots, "description", { class: "py-9" })
         ]),
-        k(i.$slots, "call-to-action-block", { class: "max-w-full" }, () => [
-          d[1] || (d[1] = n("button", { class: "btn btn-primary" }, "Call to action", -1))
+        C(r.$slots, "call-to-action-block", { class: "max-w-full" }, () => [
+          c[1] || (c[1] = l("button", { class: "btn btn-primary" }, "Call to action", -1))
         ])
       ])
     ])
   ]);
 }
-const Xn = /* @__PURE__ */ G(bn, [["render", $n]]), _n = { class: "flex flex-row place-content-center gap-4 categories" }, Sn = ["onClick"], Zn = /* @__PURE__ */ B({
+const xa = /* @__PURE__ */ J(Fl, [["render", Wl]]), Kl = { class: "flex flex-row place-content-center gap-4 categories" }, Yl = ["onClick"], Sa = /* @__PURE__ */ B({
   __name: "categoryNavigation",
   props: {
     searchOptions: {},
     currentCategory: {}
   },
   emits: ["update:currentCategory"],
-  setup(i, { emit: d }) {
-    const e = i, t = d;
+  setup(r, { emit: c }) {
+    const e = r, t = c;
     function o(s) {
       t("update:currentCategory", s);
     }
-    return (s, c) => (a(), l("div", _n, [
-      (a(!0), l($, null, C(e.searchOptions, (h) => (a(), l("div", {
-        key: h.category
+    return (s, i) => (a(), n("div", Kl, [
+      (a(!0), n(S, null, M(e.searchOptions, (y) => (a(), n("div", {
+        key: y.category
       }, [
-        n("button", {
-          onClick: (v) => o(h.category),
-          class: _(["truncate btn btn-ghost", { "font-semibold": e.currentCategory === h.category }])
-        }, S(h.category), 11, Sn)
+        l("button", {
+          onClick: (v) => o(y.category),
+          class: I(["truncate btn btn-ghost", { "font-semibold": e.currentCategory === y.category }])
+        }, _(y.category), 11, Yl)
       ]))), 128))
     ]));
   }
-}), xn = { class: "md:flex hidden navbar-start" }, Cn = { class: "md:flex justify-center items-center hidden navbar-center" }, Dn = { class: "md:flex hidden navbar-end" }, Tn = { class: "navbar-bottom md:flex hidden" }, Mn = /* @__PURE__ */ B({
+}), Jl = { class: "md:flex hidden navbar-start" }, Gl = { class: "md:flex justify-center items-center hidden navbar-center" }, Xl = { class: "md:flex hidden navbar-end" }, Zl = { class: "navbar-bottom md:flex hidden" }, Ql = /* @__PURE__ */ B({
   __name: "navigationBar",
   props: {
     isCollapsed: { type: Boolean, default: !0 }
   },
-  setup(i) {
-    const d = i;
-    return (e, t) => (a(), l("nav", {
-      class: _(["place-items-start border-primary bg-base-100 px-5 py-5 border-b-4 transition-all navbar navigationbar", d.isCollapsed ? "collapsed" : ""])
+  setup(r) {
+    const c = r;
+    return (e, t) => (a(), n("nav", {
+      class: I(["place-items-start border-primary bg-base-100 px-5 py-5 border-b-4 transition-all navbar navigationbar", c.isCollapsed ? "collapsed" : ""])
     }, [
-      n("div", xn, [
-        k(e.$slots, "start", {}, void 0, !0)
+      l("div", Jl, [
+        C(e.$slots, "start", {}, void 0, !0)
       ]),
-      n("div", Cn, [
-        k(e.$slots, "center", {}, void 0, !0)
+      l("div", Gl, [
+        C(e.$slots, "center", {}, void 0, !0)
       ]),
-      n("div", Dn, [
-        k(e.$slots, "end", {}, void 0, !0)
+      l("div", Xl, [
+        C(e.$slots, "end", {}, void 0, !0)
       ]),
-      n("div", Tn, [
-        k(e.$slots, "bottom", {}, void 0, !0)
+      l("div", Zl, [
+        C(e.$slots, "bottom", {}, void 0, !0)
       ])
     ], 2));
   }
-}), Qn = /* @__PURE__ */ G(Mn, [["__scopeId", "data-v-8ddb2b45"]]), In = {
+}), Ca = /* @__PURE__ */ J(Ql, [["__scopeId", "data-v-8ddb2b45"]]), ea = {
   key: 0,
   class: "hidden top-4 right-0 absolute md:flex gap-4"
-}, On = ["onClick", "aria-selected"], Bn = {
+}, ta = ["onClick", "aria-selected"], la = {
   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"
-}, Vn = { class: "p-6 border-x-0 border-t-2 border-b-0 border-base-300 max-w-full" }, ea = /* @__PURE__ */ B({
+}, aa = { class: "p-6 border-x-0 border-t-2 border-b-0 border-base-300 max-w-full" }, Ia = /* @__PURE__ */ B({
   __name: "tab",
   props: {
     items: {},
@@ -1488,79 +1766,82 @@ const Xn = /* @__PURE__ */ G(bn, [["render", $n]]), _n = { class: "flex flex-row
     buttonOnlyMode: { type: Boolean, default: !1 }
   },
   emits: ["tab-changed"],
-  setup(i, { emit: d }) {
-    const e = i, t = x(e.items[0]), o = d;
+  setup(r, { emit: c }) {
+    const e = r, t = x(e.items[0]), o = c;
     function s(v) {
       t.value = v, o("tab-changed", v);
     }
-    function c() {
-      const m = (e.items.indexOf(t.value) + 1) % e.items.length;
-      s(e.items[m]);
+    function i() {
+      const f = (e.items.indexOf(t.value) + 1) % e.items.length;
+      s(e.items[f]);
     }
-    function h() {
-      const m = (e.items.indexOf(t.value) - 1 + e.items.length) % e.items.length;
-      s(e.items[m]);
+    function y() {
+      const f = (e.items.indexOf(t.value) - 1 + e.items.length) % e.items.length;
+      s(e.items[f]);
     }
-    return Y(() => {
+    return K(() => {
       e.items && s(e.items[0]);
-    }), he(() => {
+    }), be(() => {
       e.rotateTabsAfter && e.rotateTabsAfter > 0 && setInterval(() => {
-        c();
+        i();
       }, e.rotateTabsAfter * 1e3);
-    }), (v, m) => (a(), l($, null, [
-      n("div", {
+    }), (v, f) => (a(), n(S, null, [
+      l("div", {
         role: "tablist",
-        class: _(["relative tabs-bordered w-full tabs tabs-lg", { "flex-nowrap overflow-x-auto": v.buttonOnlyMode }])
+        class: I(["relative tabs-bordered w-full tabs tabs-lg", { "flex-nowrap overflow-x-auto": v.buttonOnlyMode }])
       }, [
-        v.withControlls ? (a(), l("div", In, [
-          n("button", {
-            onClick: m[0] || (m[0] = (y) => h()),
+        v.withControlls ? (a(), n("div", ea, [
+          l("button", {
+            onClick: f[0] || (f[0] = (w) => y()),
             class: "cursor-pointer"
           }, "Previous"),
-          n("button", {
-            onClick: m[1] || (m[1] = (y) => c()),
+          l("button", {
+            onClick: f[1] || (f[1] = (w) => i()),
             class: "text-primary cursor-pointer"
           }, "Next")
-        ])) : T("", !0),
-        (a(!0), l($, null, C(v.items, (y) => (a(), l($, null, [
-          n("a", {
+        ])) : D("", !0),
+        (a(!0), n(S, null, M(v.items, (w) => (a(), n(S, null, [
+          l("a", {
             type: "button",
             role: "tab",
-            class: _(["min-w-max tab", y === t.value ? "bg-primary text-base-100" : ""]),
-            onClick: (j) => s(y),
-            "aria-selected": t.value == y
-          }, S(y), 11, On),
-          v.buttonOnlyMode ? T("", !0) : (a(), l("div", Bn, [
-            k(v.$slots, `${y}-tab`)
+            class: I(["min-w-max tab", w === t.value ? "bg-primary text-base-100" : ""]),
+            onClick: (P) => s(w),
+            "aria-selected": t.value == w
+          }, _(w), 11, ta),
+          v.buttonOnlyMode ? D("", !0) : (a(), n("div", la, [
+            C(v.$slots, `${w}-tab`)
           ]))
         ], 64))), 256))
       ], 2),
-      n("div", Vn, [
-        k(v.$slots, "default")
+      l("div", aa, [
+        C(v.$slots, "default")
       ])
     ], 64));
   }
 });
 export {
-  Rn as Accordion,
-  Wn as AdvancedSearch,
-  Ln as Avatar,
-  Fn as Badge,
-  An as ButtonComponent,
-  En as Card,
-  Hn as Carousel,
-  qn as CarouselItem,
-  Zn as CategoryNavigation,
-  Zt as DatetimePicker,
-  zn as Dropdown,
-  Kn as Footer,
-  Xn as Hero,
-  Gn as Loader,
-  Un as Modal,
-  Qn as NavigationBar,
-  Yn as Rating,
-  jn as Swap,
-  ea as Tab,
-  Jn as TagInput,
-  Nn as ThemeController
+  da as Accordion,
+  ha as AdvancedSearch,
+  ca as Avatar,
+  pa as Badge,
+  oa as ButtonComponent,
+  va as Card,
+  fa as Carousel,
+  ma as CarouselItem,
+  Sa as CategoryNavigation,
+  el as DatetimePicker,
+  sa as Dropdown,
+  wa as FilterableSelect,
+  _a as Footer,
+  xa as Hero,
+  ka as InputField,
+  $a as Loader,
+  ra as Modal,
+  Ca as NavigationBar,
+  ga as Rating,
+  ya as Selector,
+  ia as Swap,
+  Ia as Tab,
+  ba as TagInput,
+  ua as ThemeController
 };