manolis-ui 0.1.5 → 0.2.5

package/dist/manolis-ui.js

@@ -1,8 +1,8 @@
-import { defineComponent as M, computed as x, createElementBlock as o, openBlock as n, normalizeClass as k, createCommentVNode as S, renderSlot as w, createTextVNode as ne, createElementVNode as t, Fragment as h, renderList as _, toDisplayString as y, ref as $, h as te, onMounted as E, watch as N, withDirectives as U, createVNode as W, isRef as Te, vModelCheckbox as Me, unref as A, defineAsyncComponent as Be, onBeforeUnmount as Oe, normalizeStyle as Ie, createBlock as re, resolveDynamicComponent as ie, mergeProps as ue, nextTick as de, onUnmounted as pe, vModelSelect as R, vModelText as ee } from "vue";
-const Ue = {
+import { defineComponent as M, computed as T, createElementBlock as o, openBlock as a, normalizeClass as k, createCommentVNode as D, renderSlot as h, createTextVNode as ae, createElementVNode as n, Fragment as y, renderList as C, toDisplayString as w, ref as _, h as ne, onMounted as E, watch as L, withDirectives as V, createVNode as Y, isRef as Te, vModelCheckbox as Me, unref as A, defineAsyncComponent as Be, onBeforeUnmount as Ie, normalizeStyle as Oe, createBlock as re, resolveDynamicComponent as ie, mergeProps as ue, nextTick as de, onUnmounted as pe, vModelSelect as j, vModelText as Z } from "vue";
+const Ve = {
   key: 0,
   class: "loading loading-spinner"
-}, vn = /* @__PURE__ */ M({
+}, bn = /* @__PURE__ */ M({
   __name: "ButtonComponent",
   props: {
     outlined: { type: Boolean, default: !1 },
@@ -13,7 +13,7 @@ const Ue = {
     shape: {}
   },
   setup(d) {
-    const u = d, e = x(() => {
+    const u = d, e = T(() => {
       switch (u.size) {
         case "large":
           return "btn-lg";
@@ -28,7 +28,7 @@ const Ue = {
         default:
           return "";
       }
-    }), a = x(() => {
+    }), t = T(() => {
       switch (u.type) {
         case "neutral":
           return "btn-neutral";
@@ -53,7 +53,7 @@ const Ue = {
         default:
           return "btn-neutral";
       }
-    }), i = x(() => {
+    }), l = T(() => {
       switch (u.shape) {
         case "square":
           return "btn-square";
@@ -63,19 +63,19 @@ const Ue = {
           return "";
       }
     });
-    return (s, p) => (n(), o("button", {
-      class: k(["btn", { "btn-outline": u.outlined }, { "btn-active": u.active }, a.value, e.value, i.value])
+    return (r, p) => (a(), o("button", {
+      class: k(["btn", { "btn-outline": u.outlined }, { "btn-active": u.active }, t.value, e.value, l.value])
     }, [
-      s.loading ? (n(), o("span", Ue)) : S("", !0),
-      w(s.$slots, "default", {}, () => [
-        p[0] || (p[0] = ne("Submit"))
+      r.loading ? (a(), o("span", Ve)) : D("", !0),
+      h(r.$slots, "default", {}, () => [
+        p[0] || (p[0] = ae("Submit"))
       ])
     ], 2));
   }
-}), Ae = {
+}), Ue = {
   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"
-}, Ve = ["href"], gn = /* @__PURE__ */ M({
+}, Ae = ["href"], yn = /* @__PURE__ */ M({
   __name: "dropdown",
   props: {
     items: {},
@@ -93,27 +93,27 @@ const Ue = {
     }, e = {
       start: "",
       end: "dropdown-end"
-    }, a = d;
-    return (i, s) => (n(), o("div", {
-      class: k(["dropdown", u[a.position], e[a.floatPosition], { "dropdown-open": a.forceOpen }, { "dropdown-hover": a.openOnHover }])
+    }, t = d;
+    return (l, r) => (a(), o("div", {
+      class: k(["dropdown", u[t.position], e[t.floatPosition], { "dropdown-open": t.forceOpen }, { "dropdown-hover": t.openOnHover }])
     }, [
-      w(i.$slots, "default", {
+      h(l.$slots, "default", {
         tabindex: "0",
         role: "button"
       }, () => [
-        s[0] || (s[0] = t("div", { class: "m-1 btn" }, "Open dropdown", -1))
+        r[0] || (r[0] = n("div", { class: "m-1 btn" }, "Open dropdown", -1))
       ]),
-      t("ul", Ae, [
-        (n(!0), o(h, null, _(i.items, (p) => (n(), o("li", null, [
-          t("a", {
+      n("ul", Ue, [
+        (a(!0), o(y, null, C(l.items, (p) => (a(), o("li", null, [
+          n("a", {
             href: p.link
-          }, y(p.text), 9, Ve)
+          }, w(p.text), 9, Ae)
         ]))), 256)),
-        w(i.$slots, "additional")
+        h(l.$slots, "additional")
       ])
     ], 2));
   }
-}), Pe = { class: "modal-box" }, Re = { class: "modal-action" }, bn = /* @__PURE__ */ M({
+}), ze = { class: "modal-box" }, Re = { class: "modal-action" }, wn = /* @__PURE__ */ M({
   __name: "modal",
   props: {
     position: { default: "center" },
@@ -124,38 +124,38 @@ const Ue = {
       top: "modal-top",
       bottom: "modal-bottom",
       center: "modal-middle"
-    }, a = $(null), i = () => {
+    }, t = _(null), l = () => {
       var p;
-      (p = a.value) == null || p.showModal();
-    }, s = () => {
+      (p = t.value) == null || p.showModal();
+    }, r = () => {
       var p;
-      (p = a.value) == null || p.close();
+      (p = t.value) == null || p.close();
     };
-    return (p, b) => (n(), o(h, null, [
-      t("span", {
+    return (p, v) => (a(), o(y, null, [
+      n("span", {
         class: "w-fit cursor-pointer",
-        onClick: i
+        onClick: l
       }, [
-        w(p.$slots, "trigger", { role: "button" }, () => [
-          b[0] || (b[0] = t("button", { class: "btn" }, "Open", -1))
+        h(p.$slots, "trigger", { role: "button" }, () => [
+          v[0] || (v[0] = n("button", { class: "btn" }, "Open", -1))
         ])
       ]),
-      t("dialog", {
+      n("dialog", {
         ref_key: "dialog",
-        ref: a,
+        ref: t,
         class: k(["modal", e[u.position]])
       }, [
-        t("div", Pe, [
-          w(p.$slots, "default"),
-          t("div", Re, [
-            w(p.$slots, "actions"),
-            t("form", {
+        n("div", ze, [
+          h(p.$slots, "default"),
+          n("div", Re, [
+            h(p.$slots, "actions"),
+            n("form", {
               method: "dialog",
-              onSubmit: s,
+              onSubmit: r,
               class: k(p.withBackdrop ? "modal-backdrop" : "")
             }, [
-              w(p.$slots, "close-button", {}, () => [
-                b[1] || (b[1] = t("button", { class: "btn" }, "Close", -1))
+              h(p.$slots, "close-button", {}, () => [
+                v[1] || (v[1] = n("button", { class: "btn" }, "Close", -1))
               ])
             ], 34)
           ])
@@ -163,22 +163,22 @@ const Ue = {
       ], 2)
     ], 64));
   }
-}), je = { class: "swap-on" }, ze = { class: "swap-off" }, hn = /* @__PURE__ */ M({
+}), Pe = { class: "swap-on" }, je = { class: "swap-off" }, kn = /* @__PURE__ */ M({
   __name: "swap",
   props: {
     effect: {}
   },
   setup(d) {
     const u = d;
-    return (e, a) => (n(), o("label", {
+    return (e, t) => (a(), o("label", {
       class: k(["swap", u.effect ? `swap-${e.effect}` : ""])
     }, [
-      a[0] || (a[0] = t("input", { type: "checkbox" }, null, -1)),
-      t("div", je, [
-        w(e.$slots, "on")
+      t[0] || (t[0] = n("input", { type: "checkbox" }, null, -1)),
+      n("div", Pe, [
+        h(e.$slots, "on")
       ]),
-      t("div", ze, [
-        w(e.$slots, "off")
+      n("div", je, [
+        h(e.$slots, "off")
       ])
     ], 2));
   }
@@ -189,14 +189,14 @@ const Ue = {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ne = (d) => d.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
+const Le = (d) => d.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 J = {
+var W = {
   xmlns: "http://www.w3.org/2000/svg",
   width: 24,
   height: 24,
@@ -213,18 +213,18 @@ var J = {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ee = ({ size: d, strokeWidth: u = 2, absoluteStrokeWidth: e, color: a, iconNode: i, name: s, class: p, ...b }, { slots: f }) => te(
+const Ne = ({ size: d, strokeWidth: u = 2, absoluteStrokeWidth: e, color: t, iconNode: l, name: r, class: p, ...v }, { slots: f }) => ne(
   "svg",
   {
-    ...J,
-    width: d || J.width,
-    height: d || J.height,
-    stroke: a || J.stroke,
+    ...W,
+    width: d || W.width,
+    height: d || W.height,
+    stroke: t || W.stroke,
     "stroke-width": e ? Number(u) * 24 / Number(d) : u,
-    class: ["lucide", `lucide-${Ne(s ?? "icon")}`],
-    ...b
+    class: ["lucide", `lucide-${Le(r ?? "icon")}`],
+    ...v
   },
-  [...i.map((m) => te(...m)), ...f.default ? [f.default()] : []]
+  [...l.map((m) => ne(...m)), ...f.default ? [f.default()] : []]
 );
 /**
  * @license lucide-vue-next v0.468.0 - ISC
@@ -232,14 +232,14 @@ const Ee = ({ size: d, strokeWidth: u = 2, absoluteStrokeWidth: e, color: a, ico
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const ae = (d, u) => (e, { slots: a }) => te(
-  Ee,
+const G = (d, u) => (e, { slots: t }) => ne(
+  Ne,
   {
     ...e,
     iconNode: u,
     name: d
   },
-  a
+  t
 );
 /**
  * @license lucide-vue-next v0.468.0 - ISC
@@ -247,7 +247,19 @@ const ae = (d, u) => (e, { slots: a }) => te(
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Le = ae("MoonIcon", [
+const Ee = G("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" }],
+  ["path", { d: "M3 10h18", key: "8toen8" }]
+]);
+/**
+ * @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.
+ */
+const Fe = G("MoonIcon", [
   ["path", { d: "M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z", key: "a7tn18" }]
 ]);
 /**
@@ -256,7 +268,7 @@ const Le = ae("MoonIcon", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const ce = ae("SearchIcon", [
+const ce = G("SearchIcon", [
   ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }],
   ["path", { d: "m21 21-4.3-4.3", key: "1qie3q" }]
 ]);
@@ -266,7 +278,7 @@ const ce = ae("SearchIcon", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Fe = ae("SunIcon", [
+const He = G("SunIcon", [
   ["circle", { cx: "12", cy: "12", r: "4", key: "4exip2" }],
   ["path", { d: "M12 2v2", key: "tus03m" }],
   ["path", { d: "M12 20v2", key: "1lh1kg" }],
@@ -276,44 +288,44 @@ const Fe = 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" }]
-]), He = (d, u) => {
-  const e = $(null);
+]), qe = (d, u) => {
+  const e = _(null);
   return E(() => {
     if (typeof window < "u") {
-      const a = window.localStorage.getItem(d);
-      e.value = a ? JSON.parse(a) : u;
+      const t = window.localStorage.getItem(d);
+      e.value = t ? JSON.parse(t) : u;
     }
-  }), N(e, (a) => {
-    typeof window < "u" && window.localStorage.setItem(d, JSON.stringify(a));
+  }), L(e, (t) => {
+    typeof window < "u" && window.localStorage.setItem(d, JSON.stringify(t));
   }), e;
-}, qe = { class: "swap-rotate swap" }, Ye = ["true-value", "false-value"], yn = /* @__PURE__ */ M({
+}, Ye = { class: "swap-rotate swap" }, Je = ["true-value", "false-value"], $n = /* @__PURE__ */ M({
   __name: "theme-controller",
   props: {
     lightTheme: { default: "light" },
     darkTheme: { default: "dark" }
   },
   setup(d) {
-    const u = d, e = He("theme", u.lightTheme);
-    function a(i) {
-      typeof window < "u" && window.document && document.documentElement.setAttribute("data-theme", i);
+    const u = d, e = qe("theme", u.lightTheme);
+    function t(l) {
+      typeof window < "u" && window.document && document.documentElement.setAttribute("data-theme", l);
     }
-    return E(() => a(e.value ? e.value : "")), N(e, (i) => {
-      a(i);
-    }), (i, s) => (n(), o("label", qe, [
-      U(t("input", {
+    return E(() => t(e.value ? e.value : "")), L(e, (l) => {
+      t(l);
+    }), (l, r) => (a(), o("label", Ye, [
+      V(n("input", {
         type: "checkbox",
         class: "theme-controller",
-        "onUpdate:modelValue": s[0] || (s[0] = (p) => Te(e) ? e.value = p : null),
+        "onUpdate:modelValue": r[0] || (r[0] = (p) => Te(e) ? e.value = p : null),
         "true-value": u.lightTheme,
         "false-value": u.darkTheme
-      }, null, 8, Ye), [
+      }, null, 8, Je), [
         [Me, A(e)]
       ]),
-      W(A(Fe), { class: "swap-off fill-current" }),
-      W(A(Le), { class: "swap-on fill-current" })
+      Y(A(He), { class: "swap-off fill-current" }),
+      Y(A(Fe), { class: "swap-on fill-current" })
     ]));
   }
-}), Je = ["name"], We = { class: "collapse-title font-bold text-2xl lg:text-4xl" }, Xe = { class: "collapse-content" }, Ze = ["innerHTML"], wn = /* @__PURE__ */ M({
+}), Xe = ["name"], Ke = { class: "collapse-title font-bold text-2xl lg:text-4xl" }, We = { class: "collapse-content" }, Ze = ["innerHTML"], _n = /* @__PURE__ */ M({
   __name: "accordion",
   props: {
     name: {},
@@ -323,24 +335,24 @@ const Fe = ae("SunIcon", [
   },
   setup(d) {
     const u = d;
-    return (e, a) => (n(!0), o(h, null, _(u.items, (i, s) => (n(), o("div", {
+    return (e, t) => (a(!0), o(y, null, C(u.items, (l, r) => (a(), o("div", {
       class: k(["collapse border border-base-300", [e.icon ? `collapse-${e.icon}` : "", { "join-item": e.joinItems }]]),
-      key: s
+      key: r
     }, [
-      t("input", {
+      n("input", {
         type: "radio",
         name: e.name,
         value: "true"
-      }, null, 8, Je),
-      t("div", We, y(i.title), 1),
-      t("div", Xe, [
-        t("span", {
-          innerHTML: i.content
+      }, null, 8, Xe),
+      n("div", Ke, w(l.title), 1),
+      n("div", We, [
+        n("span", {
+          innerHTML: l.content
         }, null, 8, Ze)
       ])
     ], 2))), 128));
   }
-}), Ke = ["src"], Ge = { class: "text-xl" }, kn = /* @__PURE__ */ M({
+}), Ge = ["src"], Qe = { class: "text-xl" }, Cn = /* @__PURE__ */ M({
   __name: "avatar",
   props: {
     image: {},
@@ -349,32 +361,32 @@ const Fe = ae("SunIcon", [
     fullyRounded: { type: Boolean, default: !1 }
   },
   setup(d) {
-    const u = d, e = $(u.onlineStatus);
-    return N(
+    const u = d, e = _(u.onlineStatus);
+    return L(
       () => u.onlineStatus,
-      (a) => {
-        a && (e.value = a);
+      (t) => {
+        t && (e.value = t);
       }
-    ), (a, i) => (n(), o("div", {
+    ), (t, l) => (a(), o("div", {
       class: k(["avatar", [{ "avatar-online": e.value === "online" }, { "avatar-offline": e.value === "offline" }]])
     }, [
-      a.image ? (n(), o("div", {
+      t.image ? (a(), o("div", {
         key: 0,
-        class: k(["rounded", [{ "rounded-full": a.fullyRounded }, { rounded: !a.fullyRounded }]])
+        class: k(["rounded", [{ "rounded-full": t.fullyRounded }, { rounded: !t.fullyRounded }]])
       }, [
-        t("img", {
-          src: a.image,
+        n("img", {
+          src: t.image,
           class: "w-full h-full"
-        }, null, 8, Ke)
-      ], 2)) : (n(), o("div", {
+        }, null, 8, Ge)
+      ], 2)) : (a(), o("div", {
         key: 1,
-        class: k(["flex justify-center bg-neutral p-[25%] rounded w-16 text-neutral-content text-center", [{ "rounded-full": a.fullyRounded }, { rounded: !a.fullyRounded }]])
+        class: k(["flex justify-center bg-neutral p-[25%] rounded w-16 text-neutral-content text-center", [{ "rounded-full": t.fullyRounded }, { rounded: !t.fullyRounded }]])
       }, [
-        t("p", Ge, y(a.initials), 1)
+        n("p", Qe, w(t.initials), 1)
       ], 2))
     ], 2));
   }
-}), _n = /* @__PURE__ */ M({
+}), Sn = /* @__PURE__ */ M({
   __name: "badge",
   props: {
     color: { default: "neutral" },
@@ -387,7 +399,7 @@ const Fe = ae("SunIcon", [
       small: "badge-sm",
       medium: "badge-md",
       large: "badge-lg"
-    }, a = {
+    }, t = {
       neutral: "badge-neutral",
       primary: "badge-primary",
       secondary: "badge-secondary",
@@ -398,28 +410,28 @@ const Fe = ae("SunIcon", [
       warning: "badge-warning",
       error: "badge-error"
     };
-    return (i, s) => (n(), o("span", {
-      class: k(["badge", e[u.size], a[u.color], { "badge-outline": u.outline }])
+    return (l, r) => (a(), o("span", {
+      class: k(["badge", e[u.size], t[u.color], { "badge-outline": u.outline }])
     }, [
-      w(i.$slots, "default")
+      h(l.$slots, "default")
     ], 2));
   }
-}), Qe = ["src", "alt"], et = {
+}), et = ["src", "alt"], tt = {
   key: 1,
   class: "w-full h-32 skeleton"
-}, tt = {
-  key: 0,
-  class: "card-body"
 }, nt = {
   key: 0,
-  class: "group-hover:text-primary text-left text-lg cursor-pointer card-title"
+  class: "card-body"
 }, at = {
+  key: 0,
+  class: "group-hover:text-primary text-lg text-left cursor-pointer card-title"
+}, ot = {
   key: 1,
   class: "text-left"
-}, ot = { class: "flex-col flex-nowrap mt-auto card-actions" }, lt = {
+}, lt = { class: "flex-col flex-nowrap mt-auto card-actions" }, st = {
   key: 1,
   class: "card-body"
-}, $n = /* @__PURE__ */ M({
+}, xn = /* @__PURE__ */ M({
   __name: "card",
   props: {
     imgUrl: { default: "" },
@@ -431,47 +443,47 @@ const Fe = ae("SunIcon", [
     class: { default: "" }
   },
   setup(d) {
-    const u = d, e = $(u.outlined);
-    return N(
+    const u = d, e = _(u.outlined);
+    return L(
       () => u.outlined,
-      (a) => {
-        e.value = a;
+      (t) => {
+        e.value = t;
       }
-    ), (a, i) => (n(), o("div", {
-      class: k(["bg-base-100 shadow-xl rounded-sm min-w-64 max-w-full h-full card card-compact group", e.value ? "border-4 border-primary" : ""])
+    ), (t, l) => (a(), o("div", {
+      class: k(["group bg-base-100 shadow-xl rounded-sm min-w-64 max-w-full h-full card card-compact", e.value ? "border-4 border-primary" : ""])
     }, [
-      t("figure", null, [
-        a.imgUrl || a.imgUrl && !a.loading ? (n(), o("img", {
+      n("figure", null, [
+        t.imgUrl || t.imgUrl && !t.loading ? (a(), o("img", {
           key: 0,
-          src: a.imgUrl,
-          alt: a.alt,
+          src: t.imgUrl,
+          alt: t.alt,
           class: k(["rounded-sm w-full h-44 object-cover", {
-            hidden: a.loading
+            hidden: t.loading
           }])
-        }, null, 10, Qe)) : S("", !0),
-        a.loading && a.imgUrl ? (n(), o("div", et)) : S("", !0)
+        }, null, 10, et)) : D("", !0),
+        t.loading && t.imgUrl ? (a(), o("div", tt)) : D("", !0)
       ]),
-      a.loading ? S("", !0) : (n(), o("div", tt, [
-        a.title ? (n(), o("h2", nt, y(a.title), 1)) : S("", !0),
-        w(a.$slots, "details"),
-        a.description ? (n(), o("p", at, y(a.description), 1)) : S("", !0),
-        t("div", ot, [
-          w(a.$slots, "actions")
+      t.loading ? D("", !0) : (a(), o("div", nt, [
+        t.title ? (a(), o("h2", at, w(t.title), 1)) : D("", !0),
+        h(t.$slots, "details"),
+        t.description ? (a(), o("p", ot, w(t.description), 1)) : D("", !0),
+        n("div", lt, [
+          h(t.$slots, "actions")
         ])
       ])),
-      a.loading ? (n(), o("div", lt, i[0] || (i[0] = [
-        t("div", { class: "flex flex-col gap-4 w-52" }, [
-          t("div", { class: "w-28 h-4 skeleton" }),
-          t("div", { class: "w-full h-4 skeleton" }),
-          t("div", { class: "w-full h-4 skeleton" })
+      t.loading ? (a(), o("div", st, l[0] || (l[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" })
         ], -1)
-      ]))) : S("", !0)
+      ]))) : D("", !0)
     ], 2));
   }
-}), st = { class: "flex gap-4 bg-base-100 w-full tabs tabs-boxed" }, rt = ["onClick"], it = { class: "text-sm" }, ut = { class: "md:block hidden opacity-35 text-xs truncate overflow-hidden ..." }, dt = { class: "hidden" }, ct = {
+}), rt = { class: "flex gap-4 bg-base-100 w-full tabs tabs-boxed" }, it = ["onClick"], ut = { class: "text-sm" }, dt = { class: "md:block hidden opacity-35 text-xs truncate overflow-hidden ..." }, ct = { class: "hidden" }, pt = {
   id: "advancedSearchMobile",
   class: "modal"
-}, pt = { class: "modal-box" }, mt = { class: "font-bold text-lg" }, ft = ["checked"], vt = { class: "flex justify-between items-center pr-4 w-full font-medium text-xl collapse-title" }, gt = { class: "text-sm" }, bt = { class: "flex place-content-center p-0 collapse-content" }, ht = /* @__PURE__ */ M({
+}, mt = { class: "modal-box" }, ft = { class: "font-bold text-lg" }, vt = ["checked"], gt = { class: "flex justify-between items-center pr-4 w-full font-medium text-xl collapse-title" }, ht = { class: "text-sm" }, bt = { class: "flex place-content-center p-0 collapse-content" }, yt = /* @__PURE__ */ M({
   __name: "advancedSearch",
   props: {
     searchOptions: {},
@@ -479,150 +491,150 @@ const Fe = ae("SunIcon", [
   },
   emits: ["search", "update:search-data"],
   setup(d, { emit: u }) {
-    const e = d, a = u, i = $(null), s = {
-      datetime: Be(() => Promise.resolve().then(() => Lt))
-    }, p = $({}), b = $({ left: "0px", top: "0px", transform: "translateX(0%)" }), f = $(null);
-    function m(C, O) {
-      var B, I, g;
-      if ((B = i.value) != null && B.name) {
-        a("update:search-data", {
-          tab: i.value.name,
-          data: C
+    const e = d, t = u, l = _(null), r = {
+      datetime: Be(() => Promise.resolve().then(() => Ht))
+    }, p = _({}), v = _({ left: "0px", top: "0px", transform: "translateX(0%)" }), f = _(null);
+    function m($, x) {
+      var B, U, b;
+      if ((B = l.value) != null && B.name) {
+        t("update:search-data", {
+          tab: l.value.name,
+          data: $
         });
         return;
       }
       if (e.searchOptions) {
-        let D = (g = (I = e.searchOptions) == null ? void 0 : I.find((V) => (V == null ? void 0 : V.category) === e.currentCategory)) == null ? void 0 : g.tabs[O];
-        D !== void 0 && (D.value = C, a("update:search-data", {
-          tab: D == null ? void 0 : D.name,
-          data: D == null ? void 0 : D.value
+        let I = (b = (U = e.searchOptions) == null ? void 0 : U.find((z) => (z == null ? void 0 : z.category) === e.currentCategory)) == null ? void 0 : b.tabs[x];
+        I !== void 0 && (I.value = $, t("update:search-data", {
+          tab: I == null ? void 0 : I.name,
+          data: I == null ? void 0 : I.value
         }));
       }
     }
-    function v() {
-      a("search");
+    function g() {
+      t("search");
     }
-    async function j(C) {
-      f.value && !f.value.contains(C.target) && (await de(), i.value = null);
+    async function R($) {
+      f.value && !f.value.contains($.target) && (await de(), l.value = null);
     }
-    async function Z() {
+    async function F() {
       if (typeof window < "u" && window.innerWidth <= 768) {
-        const C = document.getElementById("advancedSearchMobile");
-        C ? C.showModal() : console.warn("Modal element not found.");
+        const $ = document.getElementById("advancedSearchMobile");
+        $ ? $.showModal() : console.warn("Modal element not found.");
       }
     }
-    async function K(C) {
+    async function S($) {
       var B;
-      i.value = C, await de();
-      const O = p.value[C.name];
-      if (O) {
-        const I = O.getBoundingClientRect(), g = ((B = f.value) == null ? void 0 : B.getBoundingClientRect()) || { left: 0, top: 0 };
-        window.innerWidth > 768 ? b.value = {
-          left: `${I.left + I.width / 2 - g.left}px`,
-          top: `${I.bottom - g.top}px`,
+      l.value = $, await de();
+      const x = p.value[$.name];
+      if (x) {
+        const U = x.getBoundingClientRect(), b = ((B = f.value) == null ? void 0 : B.getBoundingClientRect()) || { left: 0, top: 0 };
+        window.innerWidth > 768 ? v.value = {
+          left: `${U.left + U.width / 2 - b.left}px`,
+          top: `${U.bottom - b.top}px`,
           transform: "translateX(-50%)"
-        } : b.value = {
+        } : v.value = {
           left: "50%",
-          top: `${I.bottom - g.top}px`,
+          top: `${U.bottom - b.top}px`,
           transform: "translateX(-50%)"
           // Center the popup horizontally on mobile
         };
       } else
-        console.error("Tab element not found for:", C.name);
+        console.error("Tab element not found for:", $.name);
     }
     return E(() => {
-      document.addEventListener("click", j);
-    }), Oe(() => {
-      document.removeEventListener("click", j);
-    }), (C, O) => {
-      var B, I;
-      return n(), o(h, null, [
-        t("div", {
+      document.addEventListener("click", R);
+    }), Ie(() => {
+      document.removeEventListener("click", R);
+    }), ($, x) => {
+      var B, U;
+      return a(), o(y, null, [
+        n("div", {
           ref_key: "searchContainer",
           ref: f,
           class: "w-full"
         }, [
-          t("div", {
+          n("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: Z
+            onClick: F
           }, [
-            t("div", st, [
-              (n(!0), o(h, null, _(((B = e.searchOptions.find((g) => g.category === e.currentCategory)) == null ? void 0 : B.tabs) || [], (g) => {
-                var D;
-                return n(), o("button", {
-                  key: g.name,
-                  onClick: (V) => K(g),
-                  class: k([{ "tab-active": ((D = i.value) == null ? void 0 : D.name) === g.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"]),
+            n("div", rt, [
+              (a(!0), o(y, null, C(((B = e.searchOptions.find((b) => b.category === e.currentCategory)) == null ? void 0 : B.tabs) || [], (b) => {
+                var I;
+                return a(), o("button", {
+                  key: b.name,
+                  onClick: (z) => S(b),
+                  class: k([{ "tab-active": ((I = l.value) == null ? void 0 : I.name) === b.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: (V) => p.value[g.name] = V
+                  ref: (z) => p.value[b.name] = z
                 }, [
-                  t("p", it, y(g.name), 1),
-                  t("p", ut, y(g.description), 1)
-                ], 10, rt);
+                  n("p", ut, w(b.name), 1),
+                  n("p", dt, w(b.description), 1)
+                ], 10, it);
               }), 128))
             ]),
-            i.value ? (n(), o("div", {
+            l.value ? (a(), o("div", {
               key: 0,
               class: "absolute flex shadow-sm mt-4 w-fit max-w-full transition-all tab-content",
-              style: Ie(b.value)
+              style: Oe(v.value)
             }, [
-              (n(), re(ie(s[i.value.type]), ue(i.value.props ? i.value.props : null, { onUpdated: m }), null, 16))
-            ], 4)) : S("", !0),
-            t("button", {
+              (a(), re(ie(r[l.value.type]), ue(l.value.props ? l.value.props : null, { onUpdated: m }), null, 16))
+            ], 4)) : D("", !0),
+            n("button", {
               title: "search",
               type: "submit",
               class: "ml-1 btn btn-primary btn-square",
-              onClick: v
+              onClick: g
             }, [
-              W(A(ce), {
+              Y(A(ce), {
                 size: 24,
                 color: "white"
               })
             ])
           ]),
-          t("div", dt, [
-            t("button", {
+          n("div", ct, [
+            n("button", {
               title: "search",
-              onClick: O[0] || (O[0] = () => {
+              onClick: x[0] || (x[0] = () => {
               })
             }, [
-              W(A(ce), {
+              Y(A(ce), {
                 size: 24,
                 color: "white"
               })
             ])
           ])
         ], 512),
-        t("dialog", ct, [
-          t("div", pt, [
-            w(C.$slots, "additionalForMobile", {}, () => [
-              t("h3", mt, y(C.currentCategory), 1)
+        n("dialog", pt, [
+          n("div", mt, [
+            h($.$slots, "additionalForMobile", {}, () => [
+              n("h3", ft, w($.currentCategory), 1)
             ], !0),
-            (n(!0), o(h, null, _(((I = e.searchOptions.find((g) => g.category === e.currentCategory)) == null ? void 0 : I.tabs) || [], (g, D) => (n(), o("div", {
+            (a(!0), o(y, null, C(((U = e.searchOptions.find((b) => b.category === e.currentCategory)) == null ? void 0 : U.tabs) || [], (b, I) => (a(), o("div", {
               class: "bg-base-200 my-4 collapse",
-              key: g.name
+              key: b.name
             }, [
-              t("input", {
+              n("input", {
                 type: "radio",
                 name: "my-accordion-1",
-                checked: D === 0
-              }, null, 8, ft),
-              t("div", vt, [
-                ne(y(g.name) + " ", 1),
-                t("p", gt, y(g.description), 1)
+                checked: I === 0
+              }, null, 8, vt),
+              n("div", gt, [
+                ae(w(b.name) + " ", 1),
+                n("p", ht, w(b.description), 1)
               ]),
-              t("div", bt, [
-                O[1] || (O[1] = t("br", null, null, -1)),
-                (n(), re(ie(s[g.type]), ue({ ref_for: !0 }, g.props || {}, {
-                  onUpdated: (V) => m(V, D)
+              n("div", bt, [
+                x[1] || (x[1] = n("br", null, null, -1)),
+                (a(), re(ie(r[b.type]), ue({ ref_for: !0 }, b.props || {}, {
+                  onUpdated: (z) => m(z, I)
                 }), null, 16, ["onUpdated"]))
               ])
             ]))), 128)),
-            t("div", { class: "modal-action" }, [
-              t("form", { method: "dialog" }, [
-                t("button", {
+            n("div", { class: "modal-action" }, [
+              n("form", { method: "dialog" }, [
+                n("button", {
                   class: "btn btn-primary",
-                  onClick: v
+                  onClick: g
                 }, "Close and Search")
               ])
             ])
@@ -631,36 +643,36 @@ const Fe = ae("SunIcon", [
       ], 64);
     };
   }
-}), X = (d, u) => {
+}), Q = (d, u) => {
   const e = d.__vccOpts || d;
-  for (const [a, i] of u)
-    e[a] = i;
+  for (const [t, l] of u)
+    e[t] = l;
   return e;
-}, Cn = /* @__PURE__ */ X(ht, [["__scopeId", "data-v-08fa37eb"]]), yt = ["placeholder", "value", "id"], wt = ["id"], kt = {
+}, Dn = /* @__PURE__ */ Q(yt, [["__scopeId", "data-v-08fa37eb"]]), wt = ["placeholder", "value", "id"], kt = { class: "btn btn-ghost" }, $t = ["id"], _t = {
   key: 0,
   class: "flex justify-between items-center place-content-center mb-4"
-}, _t = ["value"], $t = ["value"], Ct = {
+}, Ct = ["value"], St = ["value"], xt = {
   key: 1,
   class: "gap-2 grid grid-cols-7"
-}, St = ["onClick"], xt = {
+}, Dt = ["onClick"], Tt = {
   key: 2,
   class: "mt-4 lg:w-80"
-}, Dt = {
+}, Mt = {
   key: 0,
   class: "mb-2 font-bold text-lg"
-}, Tt = { key: 1 }, Mt = {
+}, Bt = { key: 1 }, It = {
   key: 1,
   class: "flex gap-4"
-}, Bt = ["value"], Ot = ["value"], It = {
+}, Ot = ["value"], Vt = ["value"], Ut = {
   key: 2,
   class: "flex flex-col gap-4"
-}, Ut = {
+}, At = {
   key: 1,
   class: "flex gap-2"
-}, At = ["value"], Vt = ["value"], Pt = {
+}, zt = ["value"], Rt = ["value"], Pt = {
   key: 1,
   class: "flex gap-2"
-}, Rt = ["value"], jt = ["value"], zt = { class: "flex gap-2 mt-4" }, Nt = {
+}, jt = ["value"], Lt = ["value"], Nt = { class: "flex gap-2 mt-4" }, Et = {
   __name: "datetimePicker",
   props: {
     mode: {
@@ -693,128 +705,130 @@ const Fe = ae("SunIcon", [
   emits: ["updated"],
   setup(d, { emit: u }) {
     const e = d;
-    N(() => e.range, (r) => {
-      r ? (s.value = { start: null, end: null }, p.value = { start: null, end: null }) : (s.value = null, p.value = null);
+    L(() => e.range, (i) => {
+      i ? (r.value = { start: null, end: null }, p.value = { start: null, end: null }) : (r.value = null, p.value = null);
     });
-    const a = u, i = $(!1), s = $(e.range ? { start: null, end: null } : null), p = $(e.range ? { start: null, end: null } : null), b = $((/* @__PURE__ */ new Date()).toLocaleString("default", { month: "long" })), f = $((/* @__PURE__ */ new Date()).getFullYear()), m = $(e.range ? { start: 0, end: 0 } : 0), v = $(e.range ? { start: 0, end: 0 } : 0), j = $(null), Z = x(() => `${e.id}-input`), K = x(() => `${e.id}-popup`), C = x(() => e.mode === "date" || e.mode === "datetime"), O = x(() => e.mode === "time" || e.mode === "datetime");
-    x(() => new Date(f.value, B.value));
-    const B = x(() => q.indexOf(b.value)), I = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], g = x(() => new Date(f.value, B.value).getDay()), D = x(() => {
-      const r = new Date(f.value, B.value + 1, 0).getDate();
-      return Array.from({ length: r }, (c, l) => new Date(f.value, B.value, l + 1));
-    }), V = x(() => Array.from({ length: g.value }, (r, c) => c)), G = Array.from({ length: 24 }, (r, c) => c), Q = Array.from({ length: 60 }, (r, c) => c), H = x(
+    const t = u, l = _(!1), r = _(e.range ? { start: null, end: null } : null), p = _(e.range ? { start: null, end: null } : null), v = _((/* @__PURE__ */ new Date()).toLocaleString("default", { month: "long" })), f = _((/* @__PURE__ */ new Date()).getFullYear()), m = _(e.range ? { start: 0, end: 0 } : 0), g = _(e.range ? { start: 0, end: 0 } : 0), R = _(null), F = T(() => `${e.id}-input`), S = T(() => `${e.id}-popup`), $ = T(() => e.mode === "date" || e.mode === "datetime"), x = T(() => e.mode === "time" || e.mode === "datetime");
+    T(() => new Date(f.value, B.value));
+    const B = T(() => X.indexOf(v.value)), U = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], b = T(() => new Date(f.value, B.value).getDay()), I = T(() => {
+      const i = new Date(f.value, B.value + 1, 0).getDate();
+      return Array.from({ length: i }, (c, s) => new Date(f.value, B.value, s + 1));
+    }), z = T(() => Array.from({ length: b.value }, (i, c) => c)), ee = Array.from({ length: 24 }, (i, c) => c), te = Array.from({ length: 60 }, (i, c) => c), J = T(
       () => typeof navigator < "u" && /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(
         navigator.userAgent
       )
-    ), q = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"], me = x(() => {
-      const r = (/* @__PURE__ */ new Date()).getFullYear();
-      return Array.from({ length: 100 }, (c, l) => r - 50 + l);
-    }), fe = x(() => {
-      if (!C.value || !s.value) return "";
-      if (e.range && s.value.start && s.value.end) {
-        const r = s.value.start.toLocaleDateString("en-US"), c = s.value.end.toLocaleDateString("en-US");
-        return `${r} - ${c}`;
+    ), X = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"], me = T(() => {
+      const i = (/* @__PURE__ */ new Date()).getFullYear();
+      return Array.from({ length: 100 }, (c, s) => i - 50 + s);
+    }), fe = T(() => {
+      if (!$.value || !r.value) return "";
+      if (e.range && r.value.start && r.value.end) {
+        const i = r.value.start.toLocaleDateString("en-US"), c = r.value.end.toLocaleDateString("en-US");
+        return `${i} - ${c}`;
       }
-      return !e.range && s.value ? s.value.toLocaleDateString("en-US") : "";
-    }), L = (r) => r instanceof Date ? r : new Date(r), z = (r) => r instanceof Date && !isNaN(r), ve = x(() => {
-      if (!O.value) return "";
-      const r = (c) => {
-        var Y, F, se;
-        const l = ((Y = m.value) == null ? void 0 : Y[c]) ?? m.value, P = ((F = v.value) == null ? void 0 : F[c]) ?? v.value;
-        return H.value ? ((se = p.value) == null ? void 0 : se[c]) ?? p.value : `${l.toString().padStart(2, "0")}:${P.toString().padStart(2, "0")}`;
+      return !e.range && r.value ? r.value.toLocaleDateString("en-US") : "";
+    }), H = (i) => i instanceof Date ? i : new Date(i), N = (i) => i instanceof Date && !isNaN(i), ve = T(() => {
+      if (!x.value) return "";
+      const i = (c) => {
+        var K, q, se;
+        const s = ((K = m.value) == null ? void 0 : K[c]) ?? m.value, P = ((q = g.value) == null ? void 0 : q[c]) ?? g.value;
+        return J.value ? ((se = p.value) == null ? void 0 : se[c]) ?? p.value : `${s.toString().padStart(2, "0")}:${P.toString().padStart(2, "0")}`;
       };
-      return e.range ? `${r("start")} - ${r("end")}` : r();
-    }), ge = x(() => {
-      const r = fe.value, c = ve.value;
-      return `${r} ${c}`.trim();
-    }), be = () => i.value = !i.value, oe = () => {
-      T(), he();
-    }, he = () => i.value = !1, ye = () => {
-      s.value = e.range ? { start: null, end: null } : null, p.value = e.range ? { start: null, end: null } : null, T();
-    }, we = (r) => {
-      e.range ? s.value.start && s.value.end ? s.value = { start: r, end: null } : s.value.start ? s.value.end = r : s.value.start = r : s.value = r, T();
-    }, ke = (r) => (r = L(r), e.range ? s.value.start && z(s.value.start) && r.getTime() === s.value.start.getTime() || s.value.end && z(s.value.end) && r.getTime() === s.value.end.getTime() : z(s.value) && r.getTime() === s.value.getTime()), _e = (r) => {
-      r = L(r);
+      return e.range ? `${i("start")} - ${i("end")}` : i();
+    }), ge = T(() => {
+      const i = fe.value, c = ve.value;
+      return `${i} ${c}`.trim();
+    }), he = () => l.value = !l.value, oe = () => {
+      O(), be();
+    }, be = () => l.value = !1, ye = () => {
+      r.value = e.range ? { start: null, end: null } : null, p.value = e.range ? { start: null, end: null } : null, O();
+    }, we = (i) => {
+      e.range ? r.value.start && r.value.end ? r.value = { start: i, end: null } : r.value.start ? r.value.end = i : r.value.start = i : r.value = i, O();
+    }, ke = (i) => (i = H(i), e.range ? r.value.start && N(r.value.start) && i.getTime() === r.value.start.getTime() || r.value.end && N(r.value.end) && i.getTime() === r.value.end.getTime() : N(r.value) && i.getTime() === r.value.getTime()), $e = (i) => {
+      i = H(i);
       const c = /* @__PURE__ */ new Date();
-      return r.getDate() === c.getDate() && r.getMonth() === c.getMonth() && r.getFullYear() === c.getFullYear();
-    }, $e = (r) => (r = L(r), e.range && z(s.value.start) && r.getTime() === s.value.start.getTime()), Ce = (r) => (r = L(r), e.range && z(s.value.end) && r.getTime() === s.value.end.getTime()), Se = (r) => {
-      if (r = L(r), e.range && z(s.value.start) && z(s.value.end)) {
-        const c = s.value.start.getTime(), l = s.value.end.getTime(), P = r.getTime();
-        return P > c && P < l;
+      return i.getDate() === c.getDate() && i.getMonth() === c.getMonth() && i.getFullYear() === c.getFullYear();
+    }, _e = (i) => (i = H(i), e.range && N(r.value.start) && i.getTime() === r.value.start.getTime()), Ce = (i) => (i = H(i), e.range && N(r.value.end) && i.getTime() === r.value.end.getTime()), Se = (i) => {
+      if (i = H(i), e.range && N(r.value.start) && N(r.value.end)) {
+        const c = r.value.start.getTime(), s = r.value.end.getTime(), P = i.getTime();
+        return P > c && P < s;
       }
       return !1;
     }, xe = () => {
-      let r = B.value - 1;
-      r < 0 && (r = 11, f.value--), b.value = q[r], T();
+      let i = B.value - 1;
+      i < 0 && (i = 11, f.value--), v.value = X[i], O();
     }, De = () => {
-      let r = B.value + 1;
-      r > 11 && (r = 0, f.value++), b.value = q[r], T();
-    }, le = (r) => {
-      j.value && !j.value.contains(r.target) && i.value == !0 && oe();
-    }, T = () => {
-      let r = {};
-      const c = (l, P, Y) => {
-        l instanceof Date && !isNaN(l) || (l = /* @__PURE__ */ new Date());
-        const F = new Date(l);
-        return F.setUTCHours(P, Y, 0, 0), F.toISOString();
+      let i = B.value + 1;
+      i > 11 && (i = 0, f.value++), v.value = X[i], O();
+    }, le = (i) => {
+      R.value && !R.value.contains(i.target) && l.value == !0 && oe();
+    }, O = () => {
+      let i = {};
+      const c = (s, P, K) => {
+        s instanceof Date && !isNaN(s) || (s = /* @__PURE__ */ new Date());
+        const q = new Date(s);
+        return q.setUTCHours(P, K, 0, 0), q.toISOString();
       };
-      e.range ? (r.from = c(
-        s.value.start,
+      e.range ? (i.from = c(
+        r.value.start,
         m.value.start,
-        v.value.start
-      ), r.to = c(
-        s.value.end,
+        g.value.start
+      ), i.to = c(
+        r.value.end,
         m.value.end,
-        v.value.end
-      )) : r = c(
-        s.value,
+        g.value.end
+      )) : i = c(
+        r.value,
         m.value,
-        v.value
-      ), a("updated", r);
+        g.value
+      ), t("updated", i);
     };
     return E(() => {
-      e.initialDate && (e.range && e.initialDate.start && e.initialDate.end ? s.value = {
+      e.initialDate && (e.range && e.initialDate.start && e.initialDate.end ? r.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(), v.value.start = v.value.start ?? (/* @__PURE__ */ new Date()).getMinutes(), v.value.end = v.value.end ?? (/* @__PURE__ */ new Date()).getMinutes()) : (m.value = m.value ?? (/* @__PURE__ */ new Date()).getHours(), v.value = v.value ?? (/* @__PURE__ */ new Date()).getMinutes());
-    }), e.popup && E(() => document.addEventListener("click", le)), pe(() => document.removeEventListener("click", le)), (r, c) => (n(), o("div", {
+      } : e.initialDate.start && (r.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(), g.value.start = g.value.start ?? (/* @__PURE__ */ new Date()).getMinutes(), g.value.end = g.value.end ?? (/* @__PURE__ */ new Date()).getMinutes()) : (m.value = m.value ?? (/* @__PURE__ */ new Date()).getHours(), g.value = g.value ?? (/* @__PURE__ */ new Date()).getMinutes());
+    }), e.popup && E(() => document.addEventListener("click", le)), pe(() => document.removeEventListener("click", le)), (i, c) => (a(), o("div", {
       class: "inline-block relative w-full lg:w-[360px]",
       ref_key: "pickerContainer",
-      ref: j
+      ref: R
     }, [
-      t("div", {
+      n("div", {
         class: "flex items-center gap-2 cursor-pointer",
-        onClick: be
+        onClick: he
       }, [
-        d.popup ? w(r.$slots, "default", { key: 0 }, () => [
-          t("input", {
+        d.popup ? h(i.$slots, "default", { key: 0 }, () => [
+          n("input", {
             type: "text",
             class: "input-bordered w-full cursor-pointer input",
             placeholder: d.placeholder,
             value: ge.value,
             readonly: "",
-            id: Z.value
-          }, null, 8, yt),
-          c[11] || (c[11] = t("button", { class: "btn btn-ghost" }, " 📅 ", -1))
-        ], !0) : S("", !0)
+            id: F.value
+          }, null, 8, wt),
+          n("button", kt, [
+            Y(A(Ee))
+          ])
+        ], !0) : D("", !0)
       ]),
-      i.value || !d.popup ? (n(), o("div", {
+      l.value || !d.popup ? (a(), o("div", {
         key: 0,
         class: k(["z-50 lg:bg-base-100 md:mt-2 md:p-4 px-4 rounded-md w-full", [{ absolute: d.popup }]]),
-        id: K.value
+        id: S.value
       }, [
-        C.value ? (n(), o("div", kt, [
-          t("button", {
+        $.value ? (a(), o("div", _t, [
+          n("button", {
             class: "hidden md:block btn-outline btn btn-primary md:btn-sm",
             onClick: xe
-          }, c[12] || (c[12] = [
-            t("svg", {
+          }, c[11] || (c[11] = [
+            n("svg", {
               xmlns: "http://www.w3.org/2000/svg",
               class: "w-4 h-4",
               fill: "none",
               viewBox: "0 0 24 24",
               stroke: "currentColor"
             }, [
-              t("path", {
+              n("path", {
                 "stroke-linecap": "round",
                 "stroke-linejoin": "round",
                 "stroke-width": "2",
@@ -822,42 +836,42 @@ const Fe = ae("SunIcon", [
               })
             ], -1)
           ])),
-          U(t("select", {
+          V(n("select", {
             class: "border-none w-fit select",
-            "onUpdate:modelValue": c[0] || (c[0] = (l) => b.value = l),
-            onChange: T
+            "onUpdate:modelValue": c[0] || (c[0] = (s) => v.value = s),
+            onChange: O
           }, [
-            (n(), o(h, null, _(q, (l, P) => t("option", {
+            (a(), o(y, null, C(X, (s, P) => n("option", {
               key: P,
-              value: l
-            }, y(l), 9, _t)), 64))
+              value: s
+            }, w(s), 9, Ct)), 64))
           ], 544), [
-            [R, b.value]
+            [j, v.value]
           ]),
-          U(t("select", {
+          V(n("select", {
             class: "border-none w-24 select",
-            "onUpdate:modelValue": c[1] || (c[1] = (l) => f.value = l),
-            onChange: T
+            "onUpdate:modelValue": c[1] || (c[1] = (s) => f.value = s),
+            onChange: O
           }, [
-            (n(!0), o(h, null, _(me.value, (l) => (n(), o("option", {
-              key: l,
-              value: l
-            }, y(l), 9, $t))), 128))
+            (a(!0), o(y, null, C(me.value, (s) => (a(), o("option", {
+              key: s,
+              value: s
+            }, w(s), 9, St))), 128))
           ], 544), [
-            [R, f.value]
+            [j, f.value]
           ]),
-          t("button", {
+          n("button", {
             class: "hidden md:block btn-outline btn btn-primary md:btn-sm",
             onClick: De
-          }, c[13] || (c[13] = [
-            t("svg", {
+          }, c[12] || (c[12] = [
+            n("svg", {
               xmlns: "http://www.w3.org/2000/svg",
               class: "w-4 h-4",
               fill: "none",
               viewBox: "0 0 24 24",
               stroke: "currentColor"
             }, [
-              t("path", {
+              n("path", {
                 "stroke-linecap": "round",
                 "stroke-linejoin": "round",
                 "stroke-width": "2",
@@ -865,190 +879,190 @@ const Fe = ae("SunIcon", [
               })
             ], -1)
           ]))
-        ])) : S("", !0),
-        C.value ? (n(), o("div", Ct, [
-          (n(), o(h, null, _(I, (l) => t("div", {
-            key: l,
+        ])) : D("", !0),
+        $.value ? (a(), o("div", xt, [
+          (a(), o(y, null, C(U, (s) => n("div", {
+            key: s,
             class: "text-center"
-          }, y(l), 1)), 64)),
-          (n(!0), o(h, null, _(V.value, (l) => (n(), o("div", {
-            key: l,
+          }, w(s), 1)), 64)),
+          (a(!0), o(y, null, C(z.value, (s) => (a(), o("div", {
+            key: s,
             class: "text-center"
           }))), 128)),
-          (n(!0), o(h, null, _(D.value, (l) => (n(), o("div", {
-            key: l,
+          (a(!0), o(y, null, C(I.value, (s) => (a(), o("div", {
+            key: s,
             class: k(["hover:bg-primary-10 py-1 rounded-full text-center cursor-pointer", {
-              "bg-primary text-primary-content": ke(l),
-              today: _e(l),
-              "range-start bg-primary text-primary-content": $e(l),
-              "range-end bg-primary text-primary-content": Ce(l),
-              "in-range bg-primary/20 hover:bg-primary/10": Se(l)
+              "bg-primary text-primary-content": ke(s),
+              today: $e(s),
+              "range-start bg-primary text-primary-content": _e(s),
+              "range-end bg-primary text-primary-content": Ce(s),
+              "in-range bg-primary/20 hover:bg-primary/10": Se(s)
             }]),
-            onClick: (P) => we(l)
-          }, y(l.getDate()), 11, St))), 128))
-        ])) : S("", !0),
-        O.value ? (n(), o("div", xt, [
-          e.range ? S("", !0) : (n(), o("h3", Dt, "Select Time")),
-          e.range ? (n(), o("div", It, [
-            t("div", null, [
-              c[14] || (c[14] = t("p", { class: "font-bold" }, "Start Time", -1)),
-              H.value ? U((n(), o("input", {
+            onClick: (P) => we(s)
+          }, w(s.getDate()), 11, Dt))), 128))
+        ])) : D("", !0),
+        x.value ? (a(), o("div", Tt, [
+          e.range ? D("", !0) : (a(), o("h3", Mt, "Select Time")),
+          e.range ? (a(), o("div", Ut, [
+            n("div", null, [
+              c[13] || (c[13] = n("p", { class: "font-bold" }, "Start Time", -1)),
+              J.value ? V((a(), o("input", {
                 key: 0,
                 type: "time",
                 class: "input-bordered w-full input",
-                "onUpdate:modelValue": c[5] || (c[5] = (l) => p.value.start = l),
-                onChange: T
+                "onUpdate:modelValue": c[5] || (c[5] = (s) => p.value.start = s),
+                onChange: O
               }, null, 544)), [
-                [ee, p.value.start]
-              ]) : (n(), o("div", Ut, [
-                U(t("select", {
+                [Z, p.value.start]
+              ]) : (a(), o("div", At, [
+                V(n("select", {
                   class: "w-full select-bordered select",
-                  "onUpdate:modelValue": c[6] || (c[6] = (l) => m.value.start = l),
-                  onChange: T
+                  "onUpdate:modelValue": c[6] || (c[6] = (s) => m.value.start = s),
+                  onChange: O
                 }, [
-                  (n(!0), o(h, null, _(A(G), (l) => (n(), o("option", {
-                    key: l,
-                    value: l
-                  }, y(l.toString().padStart(2, "0")), 9, At))), 128))
+                  (a(!0), o(y, null, C(A(ee), (s) => (a(), o("option", {
+                    key: s,
+                    value: s
+                  }, w(s.toString().padStart(2, "0")), 9, zt))), 128))
                 ], 544), [
                   [
-                    R,
+                    j,
                     m.value.start,
                     void 0,
                     { number: !0 }
                   ]
                 ]),
-                U(t("select", {
+                V(n("select", {
                   class: "w-full select-bordered select",
-                  "onUpdate:modelValue": c[7] || (c[7] = (l) => v.value.start = l),
-                  onChange: T
+                  "onUpdate:modelValue": c[7] || (c[7] = (s) => g.value.start = s),
+                  onChange: O
                 }, [
-                  (n(!0), o(h, null, _(A(Q), (l) => (n(), o("option", {
-                    key: l,
-                    value: l
-                  }, y(l.toString().padStart(2, "0")), 9, Vt))), 128))
+                  (a(!0), o(y, null, C(A(te), (s) => (a(), o("option", {
+                    key: s,
+                    value: s
+                  }, w(s.toString().padStart(2, "0")), 9, Rt))), 128))
                 ], 544), [
                   [
-                    R,
-                    v.value.start,
+                    j,
+                    g.value.start,
                     void 0,
                     { number: !0 }
                   ]
                 ])
               ]))
             ]),
-            t("div", null, [
-              c[15] || (c[15] = t("p", { class: "font-bold" }, "End Time", -1)),
-              H.value ? U((n(), o("input", {
+            n("div", null, [
+              c[14] || (c[14] = n("p", { class: "font-bold" }, "End Time", -1)),
+              J.value ? V((a(), o("input", {
                 key: 0,
                 type: "time",
                 class: "input-bordered w-full input",
-                "onUpdate:modelValue": c[8] || (c[8] = (l) => p.value.end = l),
-                onChange: T
+                "onUpdate:modelValue": c[8] || (c[8] = (s) => p.value.end = s),
+                onChange: O
               }, null, 544)), [
-                [ee, p.value.end]
-              ]) : (n(), o("div", Pt, [
-                U(t("select", {
+                [Z, p.value.end]
+              ]) : (a(), o("div", Pt, [
+                V(n("select", {
                   class: "w-full select-bordered select",
-                  "onUpdate:modelValue": c[9] || (c[9] = (l) => m.value.end = l),
-                  onChange: T
+                  "onUpdate:modelValue": c[9] || (c[9] = (s) => m.value.end = s),
+                  onChange: O
                 }, [
-                  (n(!0), o(h, null, _(A(G), (l) => (n(), o("option", {
-                    key: l,
-                    value: l
-                  }, y(l.toString().padStart(2, "0")), 9, Rt))), 128))
+                  (a(!0), o(y, null, C(A(ee), (s) => (a(), o("option", {
+                    key: s,
+                    value: s
+                  }, w(s.toString().padStart(2, "0")), 9, jt))), 128))
                 ], 544), [
                   [
-                    R,
+                    j,
                     m.value.end,
                     void 0,
                     { number: !0 }
                   ]
                 ]),
-                U(t("select", {
+                V(n("select", {
                   class: "w-full select-bordered select",
-                  "onUpdate:modelValue": c[10] || (c[10] = (l) => v.value.end = l),
-                  onChange: T
+                  "onUpdate:modelValue": c[10] || (c[10] = (s) => g.value.end = s),
+                  onChange: O
                 }, [
-                  (n(!0), o(h, null, _(A(Q), (l) => (n(), o("option", {
-                    key: l,
-                    value: l
-                  }, y(l.toString().padStart(2, "0")), 9, jt))), 128))
+                  (a(!0), o(y, null, C(A(te), (s) => (a(), o("option", {
+                    key: s,
+                    value: s
+                  }, w(s.toString().padStart(2, "0")), 9, Lt))), 128))
                 ], 544), [
                   [
-                    R,
-                    v.value.end,
+                    j,
+                    g.value.end,
                     void 0,
                     { number: !0 }
                   ]
                 ])
               ]))
             ])
-          ])) : (n(), o("div", Tt, [
-            H.value ? U((n(), o("input", {
+          ])) : (a(), o("div", Bt, [
+            J.value ? V((a(), o("input", {
               key: 0,
               type: "time",
               class: "input-bordered w-full input",
-              "onUpdate:modelValue": c[2] || (c[2] = (l) => p.value = l),
-              onChange: T
+              "onUpdate:modelValue": c[2] || (c[2] = (s) => p.value = s),
+              onChange: O
             }, null, 544)), [
-              [ee, p.value]
-            ]) : (n(), o("div", Mt, [
-              U(t("select", {
+              [Z, p.value]
+            ]) : (a(), o("div", It, [
+              V(n("select", {
                 class: "w-full select-bordered select",
-                "onUpdate:modelValue": c[3] || (c[3] = (l) => m.value = l),
-                onChange: T
+                "onUpdate:modelValue": c[3] || (c[3] = (s) => m.value = s),
+                onChange: O
               }, [
-                (n(!0), o(h, null, _(A(G), (l) => (n(), o("option", {
-                  key: l,
-                  value: l
-                }, y(l.toString().padStart(2, "0")), 9, Bt))), 128))
+                (a(!0), o(y, null, C(A(ee), (s) => (a(), o("option", {
+                  key: s,
+                  value: s
+                }, w(s.toString().padStart(2, "0")), 9, Ot))), 128))
               ], 544), [
                 [
-                  R,
+                  j,
                   m.value,
                   void 0,
                   { number: !0 }
                 ]
               ]),
-              U(t("select", {
+              V(n("select", {
                 class: "w-full select-bordered select",
-                "onUpdate:modelValue": c[4] || (c[4] = (l) => v.value = l),
-                onChange: T
+                "onUpdate:modelValue": c[4] || (c[4] = (s) => g.value = s),
+                onChange: O
               }, [
-                (n(!0), o(h, null, _(A(Q), (l) => (n(), o("option", {
-                  key: l,
-                  value: l
-                }, y(l.toString().padStart(2, "0")), 9, Ot))), 128))
+                (a(!0), o(y, null, C(A(te), (s) => (a(), o("option", {
+                  key: s,
+                  value: s
+                }, w(s.toString().padStart(2, "0")), 9, Vt))), 128))
               ], 544), [
                 [
-                  R,
-                  v.value,
+                  j,
+                  g.value,
                   void 0,
                   { number: !0 }
                 ]
               ])
             ]))
           ]))
-        ])) : S("", !0),
-        t("div", zt, [
-          t("button", {
+        ])) : D("", !0),
+        n("div", Nt, [
+          n("button", {
             class: k(["btn btn-secondary", d.popup ? "w-fit" : "w-full"]),
             onClick: ye
           }, "Clear", 2),
-          d.popup ? (n(), o("button", {
+          d.popup ? (a(), o("button", {
             key: 0,
             class: "btn btn-primary btn-wide",
             onClick: oe
-          }, "Close")) : S("", !0)
+          }, "Close")) : D("", !0)
         ])
-      ], 10, wt)) : S("", !0)
+      ], 10, $t)) : D("", !0)
     ], 512));
   }
-}, Et = /* @__PURE__ */ X(Nt, [["__scopeId", "data-v-cb781ab6"]]), Lt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Ft = /* @__PURE__ */ Q(Et, [["__scopeId", "data-v-488ecabe"]]), Ht = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: Et
-}, Symbol.toStringTag, { value: "Module" })), Ft = ["value", "checked", "onChange", "disabled"], Sn = /* @__PURE__ */ M({
+  default: Ft
+}, Symbol.toStringTag, { value: "Module" })), qt = ["value", "checked", "onChange", "disabled"], Tn = /* @__PURE__ */ M({
   __name: "rating",
   props: {
     initialRating: { default: 0 },
@@ -1058,99 +1072,183 @@ const Fe = ae("SunIcon", [
     size: { default: "sm" }
   },
   setup(d) {
-    const u = d, e = $(u.initialRating);
-    N(
+    const u = d, e = _(u.initialRating);
+    L(
       () => u.initialRating,
-      (i) => {
-        e.value = i;
+      (l) => {
+        e.value = l;
       }
     );
-    const a = (i) => {
-      e.value = i;
+    const t = (l) => {
+      e.value = l;
     };
-    return (i, s) => (n(), o("div", {
+    return (l, r) => (a(), o("div", {
       class: k(["rating", [
         `rating-${u.size}`,
-        { "rating-half": i.halfStars }
+        { "rating-half": l.halfStars }
       ]])
     }, [
-      (n(!0), o(h, null, _(i.numberOfStars * (i.halfStars ? 2 : 1), (p) => (n(), o("input", {
+      (a(!0), o(y, null, C(l.numberOfStars * (l.halfStars ? 2 : 1), (p) => (a(), o("input", {
         key: p,
         type: "radio",
-        value: i.halfStars ? p * 0.5 : p,
-        checked: e.value === (i.halfStars ? p * 0.5 : p),
-        onChange: (b) => i.isInteractive ? a(i.halfStars ? p * 0.5 : p) : null,
+        value: l.halfStars ? p * 0.5 : p,
+        checked: e.value === (l.halfStars ? p * 0.5 : p),
+        onChange: (v) => l.isInteractive ? t(l.halfStars ? p * 0.5 : p) : null,
         class: k(["mask mask-star", {
-          "bg-yellow-400": e.value >= (i.halfStars ? p * 0.5 : p),
-          "mask-half-1": i.halfStars && p % 2 !== 0,
-          "mask-half-2": i.halfStars && p % 2 === 0,
-          "cursor-pointer": i.isInteractive,
-          "cursor-default": !i.isInteractive
+          "bg-yellow-400": e.value >= (l.halfStars ? p * 0.5 : p),
+          "mask-half-1": l.halfStars && p % 2 !== 0,
+          "mask-half-2": l.halfStars && p % 2 === 0,
+          "cursor-pointer": l.isInteractive,
+          "cursor-default": !l.isInteractive
         }]),
-        disabled: !i.isInteractive
-      }, null, 42, Ft))), 128))
+        disabled: !l.isInteractive
+      }, null, 42, qt))), 128))
     ], 2));
   }
-}), Ht = {
-  key: 0,
-  class: "loading loading-spinner loading-md mx-auto"
-}, xn = /* @__PURE__ */ M({
+}), Yt = { class: "badge" }, Jt = ["onClick"], Xt = { class: "opacity-75" }, Kt = ["placeholder"], Mn = /* @__PURE__ */ M({
+  __name: "taginput",
+  props: {
+    modelValue: {},
+    maxTagAmount: {},
+    placeholder: {},
+    class: {}
+  },
+  emits: ["update:modelValue"],
+  setup(d, { emit: u }) {
+    const e = d, t = u, l = _([...e.modelValue]), r = e.maxTagAmount === void 0 ? -1 : e.maxTagAmount, p = _(null), v = _(""), f = T(() => r < 0 || l.value.length < r), m = () => {
+      const S = v.value.trim();
+      S && !l.value.includes(S) && (l.value.push(S), t("update:modelValue", l.value), v.value = "");
+    }, g = (S) => {
+      l.value = l.value.filter(($) => $ !== S), t("update:modelValue", l.value);
+    }, R = () => {
+      v.value === "" && (l.value.pop(), t("update:modelValue", l.value));
+    }, F = (S) => {
+      S.key === "Enter" ? m() : S.key === "Backspace" && v.value === "" && R();
+    };
+    return L(() => e.modelValue, (S) => {
+      l.value = [...S];
+    }), (S, $) => (a(), o("div", {
+      class: k(["flex flex-wrap gap-2 bg-base-100 shadow px-4 py-6 border border-base-content/20 rounded", S.$props.class])
+    }, [
+      (a(!0), o(y, null, C(l.value, (x) => h(S.$slots, "tag", {
+        key: x,
+        tag: x
+      }, () => [
+        n("div", Yt, [
+          n("button", {
+            class: "!px-1 !py-0 h-fit font-bold cursor-pointer",
+            onClick: (B) => g(x),
+            "aria-label": "Remove tag"
+          }, "X", 8, Jt),
+          n("span", Xt, w(x), 1)
+        ])
+      ])), 128)),
+      h(S.$slots, "input", { showInput: f.value }, () => [
+        f.value ? V((a(), o("input", {
+          key: 0,
+          ref_key: "inputRef",
+          ref: p,
+          "onUpdate:modelValue": $[0] || ($[0] = (x) => v.value = x),
+          type: "text",
+          placeholder: S.placeholder || "Type here",
+          class: "h-full input input-ghost",
+          onKeydown: F,
+          "aria-label": "Add tags"
+        }, null, 40, Kt)), [
+          [Z, v.value]
+        ]) : D("", !0)
+      ])
+    ], 2));
+  }
+}), Bn = /* @__PURE__ */ M({
   __name: "loader",
   props: {
-    loading: { type: Boolean, default: !0 }
+    loading: { type: Boolean, default: !0 },
+    size: { default: "md" },
+    type: { default: "spinner" },
+    color: { default: "primary" }
   },
   setup(d) {
-    const u = d, e = $(u.loading);
-    return N(
+    const u = d, e = _(u.loading);
+    return L(
       () => u.loading,
-      (a) => {
-        e.value = a;
+      (t) => {
+        e.value = t;
       }
-    ), (a, i) => e.value ? (n(), o("span", Ht)) : S("", !0);
+    ), (t, l) => e.value ? (a(), o("span", {
+      key: 0,
+      class: k(["loading", [
+        { "loading-xs": t.size === "xs" },
+        { "loading-sm": t.size === "sm" },
+        { "loading-md": t.size === "md" },
+        { "loading-lg": t.size === "lg" },
+        { "loading-xl": t.size === "xl" },
+        // types
+        { "loading-spinner": t.type === "spinner" },
+        { "loading-dots": t.type === "dots" },
+        { "loading-ring": t.type === "ring" },
+        { "loading-balls": t.type === "balls" },
+        { "loading-bars": t.type === "bars" },
+        { "loading-infinity": t.type === "infinity" },
+        // colors
+        { "text-primary": t.color === "primary" },
+        { "text-secondary": t.color === "secondary" },
+        { "text-accent": t.color === "accent" },
+        { "text-neutral": t.color === "neutral" },
+        { "text-info": t.color === "info" },
+        { "text-success": t.color === "success" },
+        { "text-warning": t.color === "warning" },
+        { "text-error": t.color === "error" }
+      ]])
+    }, null, 2)) : D("", !0);
   }
-}), qt = { class: "bg-base-200 mx-auto md:px-10 py-10 text-base-content" }, Yt = { class: "footer sm:footer-horizontal container" }, Jt = { class: "footer-title" }, Wt = ["href"], Xt = { class: "ml-auto" }, Dn = /* @__PURE__ */ M({
+}), Wt = { class: "footer sm:footer-horizontal container" }, Zt = { class: "footer-title" }, Gt = ["href"], Qt = { class: "ml-auto" }, In = /* @__PURE__ */ M({
   __name: "footer",
   props: {
-    items: {}
+    items: {},
+    background: {},
+    color: {}
   },
   setup(d) {
     const u = d;
-    return (e, a) => (n(), o("div", qt, [
-      t("footer", Yt, [
-        (n(!0), o(h, null, _(u.items, (i) => (n(), o("nav", null, [
-          t("h6", Jt, y(i.title), 1),
-          (n(!0), o(h, null, _(i.items, (s) => (n(), o("a", {
+    return (e, t) => (a(), o("div", {
+      class: k(["mx-auto md:px-10 py-10 text-base-content", [e.background ?? "bg-base-200", e.color ?? "text-base-content"]])
+    }, [
+      n("footer", Wt, [
+        (a(!0), o(y, null, C(u.items, (l) => (a(), o("nav", null, [
+          n("h6", Zt, w(l.title), 1),
+          (a(!0), o(y, null, C(l.items, (r) => (a(), o("a", {
             class: "link link-hover",
-            href: s.link
-          }, y(s.text), 9, Wt))), 256))
+            href: r.link
+          }, w(r.text), 9, Gt))), 256))
         ]))), 256)),
-        t("aside", Xt, [
-          w(e.$slots, "default")
+        n("aside", Qt, [
+          h(e.$slots, "default")
         ])
       ])
-    ]));
+    ], 2));
   }
-}), Zt = {}, Kt = { class: "min-h-40 container hero" }, Gt = { class: "px-0! text-center hero-content" }, Qt = { class: "mt-9 text-4xl" };
-function en(d, u) {
-  return n(), o("div", Kt, [
-    t("div", Gt, [
-      t("div", null, [
-        t("h1", Qt, [
-          w(d.$slots, "title", {}, () => [
-            u[0] || (u[0] = ne("hero title"))
+}), en = {}, tn = { class: "min-h-40 container hero" }, nn = { class: "px-0! text-center hero-content" }, an = { class: "mt-9 text-4xl" };
+function on(d, u) {
+  return a(), o("div", tn, [
+    n("div", nn, [
+      n("div", null, [
+        n("h1", an, [
+          h(d.$slots, "title", {}, () => [
+            u[0] || (u[0] = ae("hero title"))
           ])
         ]),
-        t("p", null, [
-          w(d.$slots, "description", { class: "py-9" })
+        n("p", null, [
+          h(d.$slots, "description", { class: "py-9" })
         ]),
-        w(d.$slots, "call-to-action-block", { class: "max-w-full" }, () => [
-          u[1] || (u[1] = t("button", { class: "btn btn-primary" }, "Call to action", -1))
+        h(d.$slots, "call-to-action-block", { class: "max-w-full" }, () => [
+          u[1] || (u[1] = n("button", { class: "btn btn-primary" }, "Call to action", -1))
         ])
       ])
     ])
   ]);
 }
-const Tn = /* @__PURE__ */ X(Zt, [["render", en]]), tn = { class: "categories flex flex-row gap-4 place-content-center" }, nn = ["onClick"], Mn = /* @__PURE__ */ M({
+const On = /* @__PURE__ */ Q(en, [["render", on]]), ln = { class: "categories flex flex-row gap-4 place-content-center" }, sn = ["onClick"], Vn = /* @__PURE__ */ M({
   __name: "categoryNavigation",
   props: {
     searchOptions: {},
@@ -1158,56 +1256,53 @@ const Tn = /* @__PURE__ */ X(Zt, [["render", en]]), tn = { class: "categories fl
   },
   emits: ["update:currentCategory"],
   setup(d, { emit: u }) {
-    const e = d, a = u;
-    function i(s) {
-      a("update:currentCategory", s);
+    const e = d, t = u;
+    function l(r) {
+      t("update:currentCategory", r);
     }
-    return (s, p) => (n(), o("div", tn, [
-      (n(!0), o(h, null, _(e.searchOptions, (b) => (n(), o("div", {
-        key: b.category
+    return (r, p) => (a(), o("div", ln, [
+      (a(!0), o(y, null, C(e.searchOptions, (v) => (a(), o("div", {
+        key: v.category
       }, [
-        t("button", {
-          onClick: (f) => i(b.category),
-          class: k(["truncate", { "font-semibold": e.currentCategory === b.category }])
-        }, y(b.category), 11, nn)
+        n("button", {
+          onClick: (f) => l(v.category),
+          class: k(["truncate", { "font-semibold": e.currentCategory === v.category }])
+        }, w(v.category), 11, sn)
       ]))), 128))
     ]));
   }
-}), an = { class: "md:flex hidden navbar-start" }, on = { class: "md:flex justify-center items-center hidden navbar-center" }, ln = { class: "md:flex hidden navbar-end" }, sn = { class: "navbar-bottom md:flex hidden" }, rn = /* @__PURE__ */ M({
+}), rn = { class: "md:flex hidden navbar-start" }, un = { class: "md:flex justify-center items-center hidden navbar-center" }, dn = { class: "md:flex hidden navbar-end" }, cn = { class: "navbar-bottom md:flex hidden" }, pn = /* @__PURE__ */ M({
   __name: "navigationBar",
   props: {
     isCollapsed: { type: Boolean, default: !0 }
   },
   setup(d) {
     const u = d;
-    return (e, a) => (n(), o("nav", {
+    return (e, t) => (a(), o("nav", {
       class: k(["place-items-start border-primary bg-base-100 px-5 py-5 border-b-4 transition-all navbar navigationbar", u.isCollapsed ? "collapsed" : ""])
     }, [
-      t("div", an, [
-        w(e.$slots, "start", {}, void 0, !0)
+      n("div", rn, [
+        h(e.$slots, "start", {}, void 0, !0)
       ]),
-      t("div", on, [
-        w(e.$slots, "center", {}, void 0, !0)
+      n("div", un, [
+        h(e.$slots, "center", {}, void 0, !0)
       ]),
-      t("div", ln, [
-        w(e.$slots, "end", {}, void 0, !0)
+      n("div", dn, [
+        h(e.$slots, "end", {}, void 0, !0)
       ]),
-      t("div", sn, [
-        w(e.$slots, "bottom", {}, void 0, !0)
+      n("div", cn, [
+        h(e.$slots, "bottom", {}, void 0, !0)
       ])
     ], 2));
   }
-}), Bn = /* @__PURE__ */ X(rn, [["__scopeId", "data-v-8ddb2b45"]]), un = {
-  role: "tablist",
-  class: "relative tabs-bordered w-full tabs tabs-lg"
-}, dn = {
+}), Un = /* @__PURE__ */ Q(pn, [["__scopeId", "data-v-8ddb2b45"]]), mn = {
   key: 0,
   class: "hidden top-4 right-0 absolute md:flex gap-4"
-}, cn = ["onClick", "aria-selected"], pn = {
+}, fn = ["onClick", "aria-selected"], vn = {
   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"
-}, mn = { class: "p-6 border-x-0 border-t-2 border-b-0 border-base-300 max-w-full overflow-x-auto" }, On = /* @__PURE__ */ M({
+}, gn = { class: "p-6 border-x-0 border-t-2 border-b-0 border-base-300 max-w-full" }, An = /* @__PURE__ */ M({
   __name: "tab",
   props: {
     items: {},
@@ -1217,72 +1312,76 @@ const Tn = /* @__PURE__ */ X(Zt, [["render", en]]), tn = { class: "categories fl
   },
   emits: ["tab-changed"],
   setup(d, { emit: u }) {
-    const e = d, a = $(e.items[0]), i = u;
-    function s(f) {
-      a.value = f, i("tab-changed", f);
+    const e = d, t = _(e.items[0]), l = u;
+    function r(f) {
+      t.value = f, l("tab-changed", f);
     }
     function p() {
-      const m = (e.items.indexOf(a.value) + 1) % e.items.length;
-      s(e.items[m]);
+      const m = (e.items.indexOf(t.value) + 1) % e.items.length;
+      r(e.items[m]);
     }
-    function b() {
-      const m = (e.items.indexOf(a.value) - 1 + e.items.length) % e.items.length;
-      s(e.items[m]);
+    function v() {
+      const m = (e.items.indexOf(t.value) - 1 + e.items.length) % e.items.length;
+      r(e.items[m]);
     }
     return E(() => {
-      e.items && s(e.items[0]);
+      e.items && r(e.items[0]);
     }), pe(() => {
       e.rotateTabsAfter && e.rotateTabsAfter > 0 && setInterval(() => {
         p();
       }, e.rotateTabsAfter * 1e3);
-    }), (f, m) => (n(), o(h, null, [
-      t("div", un, [
-        f.withControlls ? (n(), o("div", dn, [
-          t("button", {
-            onClick: m[0] || (m[0] = (v) => b()),
+    }), (f, m) => (a(), o(y, null, [
+      n("div", {
+        role: "tablist",
+        class: k(["relative tabs-bordered w-full tabs tabs-lg", { "flex-nowrap overflow-x-auto": f.buttonOnlyMode }])
+      }, [
+        f.withControlls ? (a(), o("div", mn, [
+          n("button", {
+            onClick: m[0] || (m[0] = (g) => v()),
             class: "cursor-pointer"
           }, "Previous"),
-          t("button", {
-            onClick: m[1] || (m[1] = (v) => p()),
+          n("button", {
+            onClick: m[1] || (m[1] = (g) => p()),
             class: "text-primary cursor-pointer"
           }, "Next")
-        ])) : S("", !0),
-        (n(!0), o(h, null, _(f.items, (v) => (n(), o(h, null, [
-          t("a", {
+        ])) : D("", !0),
+        (a(!0), o(y, null, C(f.items, (g) => (a(), o(y, null, [
+          n("a", {
             type: "button",
             role: "tab",
-            class: k(["min-w-max tab", v === a.value ? "bg-primary text-base-100" : ""]),
-            onClick: (j) => s(v),
-            "aria-selected": a.value == v
-          }, y(v), 11, cn),
-          f.buttonOnlyMode ? S("", !0) : (n(), o("div", pn, [
-            w(f.$slots, `${v}-tab`)
+            class: k(["min-w-max tab", g === t.value ? "bg-primary text-base-100" : ""]),
+            onClick: (R) => r(g),
+            "aria-selected": t.value == g
+          }, w(g), 11, fn),
+          f.buttonOnlyMode ? D("", !0) : (a(), o("div", vn, [
+            h(f.$slots, `${g}-tab`)
           ]))
         ], 64))), 256))
-      ]),
-      t("div", mn, [
-        w(f.$slots, "default")
+      ], 2),
+      n("div", gn, [
+        h(f.$slots, "default")
       ])
     ], 64));
   }
 });
 export {
-  wn as Accordion,
-  Cn as AdvancedSearch,
-  kn as Avatar,
-  _n as Badge,
-  vn as ButtonComponent,
-  $n as Card,
-  Mn as CategoryNavigation,
-  Et as DatetimePicker,
-  gn as Dropdown,
-  Dn as Footer,
-  Tn as Hero,
-  xn as Loader,
-  bn as Modal,
-  Bn as NavigationBar,
-  Sn as Rating,
-  hn as Swap,
-  On as Tab,
-  yn as ThemeController
+  _n as Accordion,
+  Dn as AdvancedSearch,
+  Cn as Avatar,
+  Sn as Badge,
+  bn as ButtonComponent,
+  xn as Card,
+  Vn as CategoryNavigation,
+  Ft as DatetimePicker,
+  yn as Dropdown,
+  In as Footer,
+  On as Hero,
+  Bn as Loader,
+  wn as Modal,
+  Un as NavigationBar,
+  Tn as Rating,
+  kn as Swap,
+  An as Tab,
+  Mn as TagInput,
+  $n as ThemeController
 };