manolis-ui 0.0.13 → 0.1.2

package/dist/manolis-ui.js

@@ -1,8 +1,8 @@
-import { defineComponent as M, computed as S, createElementBlock as a, openBlock as n, normalizeClass as $, createCommentVNode as x, renderSlot as w, createTextVNode as ne, createElementVNode as t, Fragment as y, renderList as _, toDisplayString as b, ref as k, h as te, onMounted as F, watch as E, withDirectives as U, createVNode as W, isRef as Te, vModelCheckbox as Me, unref as V, 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 ee } from "vue";
+import { defineComponent as M, computed as S, createElementBlock as o, openBlock as n, normalizeClass as k, createCommentVNode as x, renderSlot as w, createTextVNode as ne, createElementVNode as t, Fragment as y, renderList as _, toDisplayString as b, 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 V, 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 R, vModelText as ee } from "vue";
 const Ue = {
   key: 0,
   class: "loading loading-spinner"
-}, gn = /* @__PURE__ */ M({
+}, fn = /* @__PURE__ */ M({
   __name: "ButtonComponent",
   props: {
     outlined: { type: Boolean, default: !1 },
@@ -28,7 +28,7 @@ const Ue = {
         default:
           return "";
       }
-    }), s = S(() => {
+    }), a = S(() => {
       switch (u.type) {
         case "neutral":
           return "btn-neutral";
@@ -63,11 +63,11 @@ const Ue = {
           return "";
       }
     });
-    return (l, p) => (n(), a("button", {
-      class: $(["btn", { "btn-outline": u.outlined }, { "btn-active": u.active }, s.value, e.value, i.value])
+    return (s, p) => (n(), o("button", {
+      class: k(["btn", { "btn-outline": u.outlined }, { "btn-active": u.active }, a.value, e.value, i.value])
     }, [
-      l.loading ? (n(), a("span", Ue)) : x("", !0),
-      w(l.$slots, "default", {}, () => [
+      s.loading ? (n(), o("span", Ue)) : x("", !0),
+      w(s.$slots, "default", {}, () => [
         p[0] || (p[0] = ne("Submit"))
       ])
     ], 2));
@@ -75,7 +75,7 @@ const Ue = {
 }), Ve = {
   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"
-}, Ae = ["href"], hn = /* @__PURE__ */ M({
+}, Ae = ["href"], vn = /* @__PURE__ */ M({
   __name: "dropdown",
   props: {
     items: {},
@@ -93,18 +93,18 @@ const Ue = {
     }, e = {
       start: "",
       end: "dropdown-end"
-    }, s = d;
-    return (i, l) => (n(), a("div", {
-      class: $(["dropdown", u[s.position], e[s.floatPosition], { "dropdown-open": s.forceOpen }, { "dropdown-hover": s.openOnHover }])
+    }, 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 }])
     }, [
       w(i.$slots, "default", {
         tabindex: "0",
         role: "button"
       }, () => [
-        l[0] || (l[0] = t("div", { class: "m-1 btn" }, "Open dropdown", -1))
+        s[0] || (s[0] = t("div", { class: "m-1 btn" }, "Open dropdown", -1))
       ]),
       t("ul", Ve, [
-        (n(!0), a(y, null, _(i.items, (p) => (n(), a("li", null, [
+        (n(!0), o(y, null, _(i.items, (p) => (n(), o("li", null, [
           t("a", {
             href: p.link
           }, b(p.text), 9, Ae)
@@ -113,7 +113,7 @@ const Ue = {
       ])
     ], 2));
   }
-}), Pe = { class: "modal-box" }, je = { class: "modal-action" }, bn = /* @__PURE__ */ M({
+}), Pe = { class: "modal-box" }, Re = { class: "modal-action" }, gn = /* @__PURE__ */ M({
   __name: "modal",
   props: {
     position: { default: "center" },
@@ -124,14 +124,14 @@ const Ue = {
       top: "modal-top",
       bottom: "modal-bottom",
       center: "modal-middle"
-    }, s = k(null), i = () => {
+    }, a = $(null), i = () => {
       var p;
-      (p = s.value) == null || p.showModal();
-    }, l = () => {
+      (p = a.value) == null || p.showModal();
+    }, s = () => {
       var p;
-      (p = s.value) == null || p.close();
+      (p = a.value) == null || p.close();
     };
-    return (p, h) => (n(), a(y, null, [
+    return (p, h) => (n(), o(y, null, [
       t("span", {
         class: "w-fit cursor-pointer",
         onClick: i
@@ -142,17 +142,17 @@ const Ue = {
       ]),
       t("dialog", {
         ref_key: "dialog",
-        ref: s,
-        class: $(["modal", e[u.position]])
+        ref: a,
+        class: k(["modal", e[u.position]])
       }, [
         t("div", Pe, [
           w(p.$slots, "default"),
-          t("div", je, [
+          t("div", Re, [
             w(p.$slots, "actions"),
             t("form", {
               method: "dialog",
-              onSubmit: l,
-              class: $(p.withBackdrop ? "modal-backdrop" : "")
+              onSubmit: s,
+              class: k(p.withBackdrop ? "modal-backdrop" : "")
             }, [
               w(p.$slots, "close-button", {}, () => [
                 h[1] || (h[1] = t("button", { class: "btn" }, "Close", -1))
@@ -163,21 +163,21 @@ const Ue = {
       ], 2)
     ], 64));
   }
-}), ze = { class: "swap-on" }, Ne = { class: "swap-off" }, yn = /* @__PURE__ */ M({
+}), je = { class: "swap-on" }, ze = { class: "swap-off" }, hn = /* @__PURE__ */ M({
   __name: "swap",
   props: {
     effect: {}
   },
   setup(d) {
     const u = d;
-    return (e, s) => (n(), a("label", {
-      class: $(["swap", u.effect ? `swap-${e.effect}` : ""])
+    return (e, a) => (n(), o("label", {
+      class: k(["swap", u.effect ? `swap-${e.effect}` : ""])
     }, [
-      s[0] || (s[0] = t("input", { type: "checkbox" }, null, -1)),
-      t("div", ze, [
+      a[0] || (a[0] = t("input", { type: "checkbox" }, null, -1)),
+      t("div", je, [
         w(e.$slots, "on")
       ]),
-      t("div", Ne, [
+      t("div", ze, [
         w(e.$slots, "off")
       ])
     ], 2));
@@ -189,7 +189,7 @@ const Ue = {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ee = (d) => d.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
+const Ne = (d) => d.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
 /**
  * @license lucide-vue-next v0.468.0 - ISC
  *
@@ -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 Le = ({ size: d, strokeWidth: u = 2, absoluteStrokeWidth: e, color: s, iconNode: i, name: l, class: p, ...h }, { slots: f }) => te(
+const Ee = ({ size: d, strokeWidth: u = 2, absoluteStrokeWidth: e, color: a, iconNode: i, name: s, class: p, ...h }, { slots: v }) => te(
   "svg",
   {
     ...J,
     width: d || J.width,
     height: d || J.height,
-    stroke: s || J.stroke,
+    stroke: a || J.stroke,
     "stroke-width": e ? Number(u) * 24 / Number(d) : u,
-    class: ["lucide", `lucide-${Ee(l ?? "icon")}`],
+    class: ["lucide", `lucide-${Ne(s ?? "icon")}`],
     ...h
   },
-  [...i.map((m) => te(...m)), ...f.default ? [f.default()] : []]
+  [...i.map((m) => te(...m)), ...v.default ? [v.default()] : []]
 );
 /**
  * @license lucide-vue-next v0.468.0 - ISC
@@ -232,14 +232,14 @@ const Le = ({ size: d, strokeWidth: u = 2, absoluteStrokeWidth: e, color: s, 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: s }) => te(
-  Le,
+const ae = (d, u) => (e, { slots: a }) => te(
+  Ee,
   {
     ...e,
     iconNode: u,
     name: d
   },
-  s
+  a
 );
 /**
  * @license lucide-vue-next v0.468.0 - ISC
@@ -247,7 +247,7 @@ const ae = (d, u) => (e, { slots: s }) => te(
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Re = ae("MoonIcon", [
+const Le = ae("MoonIcon", [
   ["path", { d: "M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z", key: "a7tn18" }]
 ]);
 /**
@@ -277,16 +277,16 @@ const Fe = ae("SunIcon", [
   ["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 = k(null);
-  return F(() => {
+  const e = $(null);
+  return E(() => {
     if (typeof window < "u") {
-      const s = window.localStorage.getItem(d);
-      e.value = s ? JSON.parse(s) : u;
+      const a = window.localStorage.getItem(d);
+      e.value = a ? JSON.parse(a) : u;
     }
-  }), E(e, (s) => {
-    typeof window < "u" && window.localStorage.setItem(d, JSON.stringify(s));
+  }), N(e, (a) => {
+    typeof window < "u" && window.localStorage.setItem(d, JSON.stringify(a));
   }), e;
-}, qe = { class: "swap-rotate swap" }, Ye = ["true-value", "false-value"], wn = /* @__PURE__ */ M({
+}, qe = { class: "swap-rotate swap" }, Ye = ["true-value", "false-value"], bn = /* @__PURE__ */ M({
   __name: "theme-controller",
   props: {
     lightTheme: { default: "light" },
@@ -294,26 +294,26 @@ const Fe = ae("SunIcon", [
   },
   setup(d) {
     const u = d, e = He("theme", u.lightTheme);
-    function s(i) {
+    function a(i) {
       typeof window < "u" && window.document && document.documentElement.setAttribute("data-theme", i);
     }
-    return F(() => s(e.value ? e.value : "")), E(e, (i) => {
-      s(i);
-    }), (i, l) => (n(), a("label", qe, [
+    return E(() => a(e.value ? e.value : "")), N(e, (i) => {
+      a(i);
+    }), (i, s) => (n(), o("label", qe, [
       U(t("input", {
         type: "checkbox",
         class: "theme-controller",
-        "onUpdate:modelValue": l[0] || (l[0] = (p) => Te(e) ? e.value = p : null),
+        "onUpdate:modelValue": s[0] || (s[0] = (p) => Te(e) ? e.value = p : null),
         "true-value": u.lightTheme,
         "false-value": u.darkTheme
       }, null, 8, Ye), [
         [Me, V(e)]
       ]),
       W(V(Fe), { class: "swap-off fill-current" }),
-      W(V(Re), { class: "swap-on fill-current" })
+      W(V(Le), { class: "swap-on fill-current" })
     ]));
   }
-}), Je = ["name"], We = { class: "collapse-title font-bold text-2xl lg:text-4xl" }, Xe = { class: "collapse-content" }, Ze = ["innerHTML"], _n = /* @__PURE__ */ M({
+}), Je = ["name"], We = { class: "collapse-title font-bold text-2xl lg:text-4xl" }, Xe = { class: "collapse-content" }, Ze = ["innerHTML"], yn = /* @__PURE__ */ M({
   __name: "accordion",
   props: {
     name: {},
@@ -323,9 +323,9 @@ const Fe = ae("SunIcon", [
   },
   setup(d) {
     const u = d;
-    return (e, s) => (n(!0), a(y, null, _(u.items, (i, l) => (n(), a("div", {
-      class: $(["collapse border border-base-300", [e.icon ? `collapse-${e.icon}` : "", { "join-item": e.joinItems }]]),
-      key: l
+    return (e, a) => (n(!0), o(y, null, _(u.items, (i, s) => (n(), o("div", {
+      class: k(["collapse border border-base-300", [e.icon ? `collapse-${e.icon}` : "", { "join-item": e.joinItems }]]),
+      key: s
     }, [
       t("input", {
         type: "radio",
@@ -340,40 +340,41 @@ const Fe = ae("SunIcon", [
       ])
     ], 2))), 128));
   }
-}), Ke = {
-  key: 0,
-  class: "rounded-sm"
-}, Ge = ["src"], Qe = {
-  key: 1,
-  class: "flex justify-center bg-neutral p-[25%] rounded-full w-16 text-neutral-content text-center"
-}, et = { class: "text-xl" }, kn = /* @__PURE__ */ M({
+}), Ke = ["src"], Ge = { class: "text-xl" }, wn = /* @__PURE__ */ M({
   __name: "avatar",
   props: {
     image: {},
     onlineStatus: { default: "none" },
-    initials: {}
+    initials: {},
+    fullyRounded: { type: Boolean, default: !1 }
   },
   setup(d) {
-    const u = d, e = k(u.onlineStatus);
-    return E(
+    const u = d, e = $(u.onlineStatus);
+    return N(
       () => u.onlineStatus,
-      (s) => {
-        s && (e.value = s);
+      (a) => {
+        a && (e.value = a);
       }
-    ), (s, i) => (n(), a("div", {
-      class: $(["avatar", `avatar-${s.onlineStatus}`])
+    ), (a, i) => (n(), o("div", {
+      class: k(["avatar", [{ "avatar-online": e.value === "online" }, { "avatar-offline": e.value === "offline" }]])
     }, [
-      s.image ? (n(), a("div", Ke, [
+      a.image ? (n(), o("div", {
+        key: 0,
+        class: k(["rounded", [{ "rounded-full": a.fullyRounded }, { rounded: !a.fullyRounded }]])
+      }, [
         t("img", {
-          src: s.image,
+          src: a.image,
           class: "w-full h-full"
-        }, null, 8, Ge)
-      ])) : (n(), a("div", Qe, [
-        t("p", et, b(s.initials), 1)
-      ]))
+        }, null, 8, Ke)
+      ], 2)) : (n(), 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 }]])
+      }, [
+        t("p", Ge, b(a.initials), 1)
+      ], 2))
     ], 2));
   }
-}), $n = /* @__PURE__ */ M({
+}), kn = /* @__PURE__ */ M({
   __name: "badge",
   props: {
     color: { default: "neutral" },
@@ -386,7 +387,7 @@ const Fe = ae("SunIcon", [
       small: "badge-sm",
       medium: "badge-md",
       large: "badge-lg"
-    }, s = {
+    }, a = {
       neutral: "badge-neutral",
       primary: "badge-primary",
       secondary: "badge-secondary",
@@ -397,28 +398,28 @@ const Fe = ae("SunIcon", [
       warning: "badge-warning",
       error: "badge-error"
     };
-    return (i, l) => (n(), a("span", {
-      class: $(["badge", e[u.size], s[u.color], { "badge-outline": u.outline }])
+    return (i, s) => (n(), o("span", {
+      class: k(["badge", e[u.size], a[u.color], { "badge-outline": u.outline }])
     }, [
       w(i.$slots, "default")
     ], 2));
   }
-}), tt = ["src", "alt"], nt = {
+}), Qe = ["src", "alt"], et = {
   key: 1,
   class: "w-full h-32 skeleton"
-}, at = {
+}, tt = {
   key: 0,
   class: "card-body"
-}, ot = {
+}, nt = {
   key: 0,
   class: "group-hover:text-primary text-left text-lg cursor-pointer card-title"
-}, st = {
+}, at = {
   key: 1,
   class: "text-left"
-}, lt = { class: "flex-col flex-nowrap mt-auto card-actions" }, rt = {
+}, ot = { class: "flex-col flex-nowrap mt-auto card-actions" }, lt = {
   key: 1,
   class: "card-body"
-}, Cn = /* @__PURE__ */ M({
+}, _n = /* @__PURE__ */ M({
   __name: "card",
   props: {
     imgUrl: { default: "" },
@@ -430,35 +431,35 @@ const Fe = ae("SunIcon", [
     class: { default: "" }
   },
   setup(d) {
-    const u = d, e = k(u.outlined);
-    return E(
+    const u = d, e = $(u.outlined);
+    return N(
       () => u.outlined,
-      (s) => {
-        e.value = s;
+      (a) => {
+        e.value = a;
       }
-    ), (s, i) => (n(), a("div", {
-      class: $(["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" : ""])
+    ), (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("figure", null, [
-        s.imgUrl || s.imgUrl && !s.loading ? (n(), a("img", {
+        a.imgUrl || a.imgUrl && !a.loading ? (n(), o("img", {
           key: 0,
-          src: s.imgUrl,
-          alt: s.alt,
-          class: $(["rounded-sm w-full h-44 object-cover", {
-            hidden: s.loading
+          src: a.imgUrl,
+          alt: a.alt,
+          class: k(["rounded-sm w-full h-44 object-cover", {
+            hidden: a.loading
           }])
-        }, null, 10, tt)) : x("", !0),
-        s.loading && s.imgUrl ? (n(), a("div", nt)) : x("", !0)
+        }, null, 10, Qe)) : x("", !0),
+        a.loading && a.imgUrl ? (n(), o("div", et)) : x("", !0)
       ]),
-      s.loading ? x("", !0) : (n(), a("div", at, [
-        s.title ? (n(), a("h2", ot, b(s.title), 1)) : x("", !0),
-        w(s.$slots, "details"),
-        s.description ? (n(), a("p", st, b(s.description), 1)) : x("", !0),
-        t("div", lt, [
-          w(s.$slots, "actions")
+      a.loading ? x("", !0) : (n(), o("div", tt, [
+        a.title ? (n(), o("h2", nt, b(a.title), 1)) : x("", !0),
+        w(a.$slots, "details"),
+        a.description ? (n(), o("p", at, b(a.description), 1)) : x("", !0),
+        t("div", ot, [
+          w(a.$slots, "actions")
         ])
       ])),
-      s.loading ? (n(), a("div", rt, i[0] || (i[0] = [
+      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" }),
@@ -467,10 +468,10 @@ const Fe = ae("SunIcon", [
       ]))) : x("", !0)
     ], 2));
   }
-}), it = { class: "flex gap-4 bg-base-100 w-full tabs tabs-boxed" }, ut = ["onClick"], dt = { class: "text-sm" }, ct = { class: "md:block hidden opacity-35 text-xs truncate overflow-hidden ..." }, pt = { class: "hidden" }, mt = {
+}), 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 = {
   id: "advancedSearchMobile",
   class: "modal"
-}, vt = { class: "modal-box" }, ft = { class: "font-bold text-lg" }, gt = ["checked"], ht = { class: "flex justify-between items-center pr-4 w-full font-medium text-xl collapse-title" }, bt = { class: "text-sm" }, yt = { class: "flex place-content-center p-0 collapse-content" }, wt = /* @__PURE__ */ M({
+}, 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" }, ht = { class: "flex place-content-center p-0 collapse-content" }, bt = /* @__PURE__ */ M({
   __name: "advancedSearch",
   props: {
     searchOptions: {},
@@ -478,13 +479,13 @@ const Fe = ae("SunIcon", [
   },
   emits: ["search", "update:search-data"],
   setup(d, { emit: u }) {
-    const e = d, s = u, i = k(null), l = {
-      datetime: Be(() => Promise.resolve().then(() => Ht))
-    }, p = k({}), h = k({ left: "0px", top: "0px", transform: "translateX(0%)" }), f = k(null);
+    const e = d, a = u, i = $(null), s = {
+      datetime: Be(() => Promise.resolve().then(() => Lt))
+    }, p = $({}), h = $({ left: "0px", top: "0px", transform: "translateX(0%)" }), v = $(null);
     function m(C, I) {
       var B, O, g;
       if ((B = i.value) != null && B.name) {
-        s("update:search-data", {
+        a("update:search-data", {
           tab: i.value.name,
           data: C
         });
@@ -492,17 +493,17 @@ const Fe = ae("SunIcon", [
       }
       if (e.searchOptions) {
         let D = (g = (O = e.searchOptions) == null ? void 0 : O.find((A) => (A == null ? void 0 : A.category) === e.currentCategory)) == null ? void 0 : g.tabs[I];
-        D !== void 0 && (D.value = C, s("update:search-data", {
+        D !== void 0 && (D.value = C, a("update:search-data", {
           tab: D == null ? void 0 : D.name,
           data: D == null ? void 0 : D.value
         }));
       }
     }
-    function v() {
-      s("search");
+    function f() {
+      a("search");
     }
-    async function z(C) {
-      f.value && !f.value.contains(C.target) && (await de(), i.value = null);
+    async function j(C) {
+      v.value && !v.value.contains(C.target) && (await de(), i.value = null);
     }
     async function Z() {
       if (typeof window < "u" && window.innerWidth <= 768) {
@@ -515,7 +516,7 @@ const Fe = ae("SunIcon", [
       i.value = C, await de();
       const I = p.value[C.name];
       if (I) {
-        const O = I.getBoundingClientRect(), g = ((B = f.value) == null ? void 0 : B.getBoundingClientRect()) || { left: 0, top: 0 };
+        const O = I.getBoundingClientRect(), g = ((B = v.value) == null ? void 0 : B.getBoundingClientRect()) || { left: 0, top: 0 };
         window.innerWidth > 768 ? h.value = {
           left: `${O.left + O.width / 2 - g.left}px`,
           top: `${O.bottom - g.top}px`,
@@ -529,49 +530,49 @@ const Fe = ae("SunIcon", [
       } else
         console.error("Tab element not found for:", C.name);
     }
-    return F(() => {
-      document.addEventListener("click", z);
+    return E(() => {
+      document.addEventListener("click", j);
     }), Ie(() => {
-      document.removeEventListener("click", z);
+      document.removeEventListener("click", j);
     }), (C, I) => {
       var B, O;
-      return n(), a(y, null, [
+      return n(), o(y, null, [
         t("div", {
           ref_key: "searchContainer",
-          ref: f,
+          ref: v,
           class: "w-full"
         }, [
           t("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
           }, [
-            t("div", it, [
-              (n(!0), a(y, null, _(((B = e.searchOptions.find((g) => g.category === e.currentCategory)) == null ? void 0 : B.tabs) || [], (g) => {
+            t("div", st, [
+              (n(!0), o(y, null, _(((B = e.searchOptions.find((g) => g.category === e.currentCategory)) == null ? void 0 : B.tabs) || [], (g) => {
                 var D;
-                return n(), a("button", {
+                return n(), o("button", {
                   key: g.name,
                   onClick: (A) => K(g),
-                  class: $([{ "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"]),
+                  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"]),
                   ref_for: !0,
                   ref: (A) => p.value[g.name] = A
                 }, [
-                  t("p", dt, b(g.name), 1),
-                  t("p", ct, b(g.description), 1)
-                ], 10, ut);
+                  t("p", it, b(g.name), 1),
+                  t("p", ut, b(g.description), 1)
+                ], 10, rt);
               }), 128))
             ]),
-            i.value ? (n(), a("div", {
+            i.value ? (n(), o("div", {
               key: 0,
               class: "absolute flex shadow-sm mt-4 w-fit max-w-full transition-all tab-content",
               style: Oe(h.value)
             }, [
-              (n(), re(ie(l[i.value.type]), ue(i.value.props ? i.value.props : null, { onUpdated: m }), null, 16))
+              (n(), re(ie(s[i.value.type]), ue(i.value.props ? i.value.props : null, { onUpdated: m }), null, 16))
             ], 4)) : x("", !0),
             t("button", {
               title: "search",
               type: "submit",
               class: "ml-1 btn btn-primary btn-square",
-              onClick: v
+              onClick: f
             }, [
               W(V(ce), {
                 size: 24,
@@ -579,7 +580,7 @@ const Fe = ae("SunIcon", [
               })
             ])
           ]),
-          t("div", pt, [
+          t("div", dt, [
             t("button", {
               title: "search",
               onClick: I[0] || (I[0] = () => {
@@ -592,12 +593,12 @@ const Fe = ae("SunIcon", [
             ])
           ])
         ], 512),
-        t("dialog", mt, [
-          t("div", vt, [
+        t("dialog", ct, [
+          t("div", pt, [
             w(C.$slots, "additionalForMobile", {}, () => [
-              t("h3", ft, b(C.currentCategory), 1)
+              t("h3", mt, b(C.currentCategory), 1)
             ], !0),
-            (n(!0), a(y, null, _(((O = e.searchOptions.find((g) => g.category === e.currentCategory)) == null ? void 0 : O.tabs) || [], (g, D) => (n(), a("div", {
+            (n(!0), o(y, null, _(((O = e.searchOptions.find((g) => g.category === e.currentCategory)) == null ? void 0 : O.tabs) || [], (g, D) => (n(), o("div", {
               class: "bg-base-200 my-4 collapse",
               key: g.name
             }, [
@@ -605,14 +606,14 @@ const Fe = ae("SunIcon", [
                 type: "radio",
                 name: "my-accordion-1",
                 checked: D === 0
-              }, null, 8, gt),
-              t("div", ht, [
+              }, null, 8, ft),
+              t("div", vt, [
                 ne(b(g.name) + " ", 1),
-                t("p", bt, b(g.description), 1)
+                t("p", gt, b(g.description), 1)
               ]),
-              t("div", yt, [
+              t("div", ht, [
                 I[1] || (I[1] = t("br", null, null, -1)),
-                (n(), re(ie(l[g.type]), ue({ ref_for: !0 }, g.props || {}, {
+                (n(), re(ie(s[g.type]), ue({ ref_for: !0 }, g.props || {}, {
                   onUpdated: (A) => m(A, D)
                 }), null, 16, ["onUpdated"]))
               ])
@@ -621,7 +622,7 @@ const Fe = ae("SunIcon", [
               t("form", { method: "dialog" }, [
                 t("button", {
                   class: "btn btn-primary",
-                  onClick: v
+                  onClick: f
                 }, "Close and Search")
               ])
             ])
@@ -632,34 +633,34 @@ const Fe = ae("SunIcon", [
   }
 }), X = (d, u) => {
   const e = d.__vccOpts || d;
-  for (const [s, i] of u)
-    e[s] = i;
+  for (const [a, i] of u)
+    e[a] = i;
   return e;
-}, Sn = /* @__PURE__ */ X(wt, [["__scopeId", "data-v-08fa37eb"]]), _t = ["placeholder", "value", "id"], kt = ["id"], $t = {
+}, $n = /* @__PURE__ */ X(bt, [["__scopeId", "data-v-08fa37eb"]]), yt = ["placeholder", "value", "id"], wt = ["id"], kt = {
   key: 0,
   class: "flex justify-between items-center place-content-center mb-4"
-}, Ct = ["value"], St = ["value"], xt = {
+}, _t = ["value"], $t = ["value"], Ct = {
   key: 1,
   class: "gap-2 grid grid-cols-7"
-}, Dt = ["onClick"], Tt = {
+}, St = ["onClick"], xt = {
   key: 2,
   class: "mt-4 lg:w-80"
-}, Mt = {
+}, Dt = {
   key: 0,
   class: "mb-2 font-bold text-lg"
-}, Bt = { key: 1 }, It = {
+}, Tt = { key: 1 }, Mt = {
   key: 1,
   class: "flex gap-4"
-}, Ot = ["value"], Ut = ["value"], Vt = {
+}, Bt = ["value"], It = ["value"], Ot = {
   key: 2,
   class: "flex flex-col gap-4"
-}, At = {
+}, Ut = {
   key: 1,
   class: "flex gap-2"
-}, Pt = ["value"], jt = ["value"], zt = {
+}, Vt = ["value"], At = ["value"], Pt = {
   key: 1,
   class: "flex gap-2"
-}, Nt = ["value"], Et = ["value"], Lt = { class: "flex gap-2 mt-4" }, Rt = {
+}, Rt = ["value"], jt = ["value"], zt = { class: "flex gap-2 mt-4" }, Nt = {
   __name: "datetimePicker",
   props: {
     mode: {
@@ -692,93 +693,93 @@ const Fe = ae("SunIcon", [
   emits: ["updated"],
   setup(d, { emit: u }) {
     const e = d;
-    E(() => e.range, (r) => {
-      r ? (l.value = { start: null, end: null }, p.value = { start: null, end: null }) : (l.value = null, p.value = null);
+    N(() => e.range, (r) => {
+      r ? (s.value = { start: null, end: null }, p.value = { start: null, end: null }) : (s.value = null, p.value = null);
     });
-    const s = u, i = k(!1), l = k(e.range ? { start: null, end: null } : null), p = k(e.range ? { start: null, end: null } : null), h = k((/* @__PURE__ */ new Date()).toLocaleString("default", { month: "long" })), f = k((/* @__PURE__ */ new Date()).getFullYear()), m = k(e.range ? { start: 0, end: 0 } : 0), v = k(e.range ? { start: 0, end: 0 } : 0), z = k(null), Z = S(() => `${e.id}-input`), K = S(() => `${e.id}-popup`), C = S(() => e.mode === "date" || e.mode === "datetime"), I = S(() => e.mode === "time" || e.mode === "datetime");
-    S(() => new Date(f.value, B.value));
-    const B = S(() => q.indexOf(h.value)), O = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], g = S(() => new Date(f.value, B.value).getDay()), D = S(() => {
-      const r = new Date(f.value, B.value + 1, 0).getDate();
-      return Array.from({ length: r }, (c, o) => new Date(f.value, B.value, o + 1));
+    const a = u, i = $(!1), s = $(e.range ? { start: null, end: null } : null), p = $(e.range ? { start: null, end: null } : null), h = $((/* @__PURE__ */ new Date()).toLocaleString("default", { month: "long" })), v = $((/* @__PURE__ */ new Date()).getFullYear()), m = $(e.range ? { start: 0, end: 0 } : 0), f = $(e.range ? { start: 0, end: 0 } : 0), j = $(null), Z = S(() => `${e.id}-input`), K = S(() => `${e.id}-popup`), C = S(() => e.mode === "date" || e.mode === "datetime"), I = S(() => e.mode === "time" || e.mode === "datetime");
+    S(() => new Date(v.value, B.value));
+    const B = S(() => q.indexOf(h.value)), O = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], g = S(() => new Date(v.value, B.value).getDay()), D = S(() => {
+      const r = new Date(v.value, B.value + 1, 0).getDate();
+      return Array.from({ length: r }, (c, l) => new Date(v.value, B.value, l + 1));
     }), A = S(() => 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 = S(
       () => 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 = S(() => {
       const r = (/* @__PURE__ */ new Date()).getFullYear();
-      return Array.from({ length: 100 }, (c, o) => r - 50 + o);
-    }), ve = S(() => {
-      if (!C.value || !l.value) return "";
-      if (e.range && l.value.start && l.value.end) {
-        const r = l.value.start.toLocaleDateString("en-US"), c = l.value.end.toLocaleDateString("en-US");
+      return Array.from({ length: 100 }, (c, l) => r - 50 + l);
+    }), fe = S(() => {
+      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}`;
       }
-      return !e.range && l.value ? l.value.toLocaleDateString("en-US") : "";
-    }), L = (r) => r instanceof Date ? r : new Date(r), N = (r) => r instanceof Date && !isNaN(r), fe = S(() => {
+      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 = S(() => {
       if (!I.value) return "";
       const r = (c) => {
-        var Y, R, le;
-        const o = ((Y = m.value) == null ? void 0 : Y[c]) ?? m.value, P = ((R = v.value) == null ? void 0 : R[c]) ?? v.value;
-        return H.value ? ((le = p.value) == null ? void 0 : le[c]) ?? p.value : `${o.toString().padStart(2, "0")}:${P.toString().padStart(2, "0")}`;
+        var Y, F, se;
+        const l = ((Y = m.value) == null ? void 0 : Y[c]) ?? m.value, P = ((F = f.value) == null ? void 0 : F[c]) ?? f.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("start")} - ${r("end")}` : r();
     }), ge = S(() => {
-      const r = ve.value, c = fe.value;
+      const r = fe.value, c = ve.value;
       return `${r} ${c}`.trim();
     }), he = () => i.value = !i.value, oe = () => {
       T(), be();
     }, be = () => i.value = !1, ye = () => {
-      l.value = e.range ? { start: null, end: null } : null, p.value = e.range ? { start: null, end: null } : null, T();
+      s.value = e.range ? { start: null, end: null } : null, p.value = e.range ? { start: null, end: null } : null, T();
     }, we = (r) => {
-      e.range ? l.value.start && l.value.end ? l.value = { start: r, end: null } : l.value.start ? l.value.end = r : l.value.start = r : l.value = r, T();
-    }, _e = (r) => (r = L(r), e.range ? l.value.start && N(l.value.start) && r.getTime() === l.value.start.getTime() || l.value.end && N(l.value.end) && r.getTime() === l.value.end.getTime() : N(l.value) && r.getTime() === l.value.getTime()), ke = (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);
       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 && N(l.value.start) && r.getTime() === l.value.start.getTime()), Ce = (r) => (r = L(r), e.range && N(l.value.end) && r.getTime() === l.value.end.getTime()), Se = (r) => {
-      if (r = L(r), e.range && N(l.value.start) && N(l.value.end)) {
-        const c = l.value.start.getTime(), o = l.value.end.getTime(), P = r.getTime();
-        return P > c && P < o;
+    }, $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 !1;
     }, xe = () => {
       let r = B.value - 1;
-      r < 0 && (r = 11, f.value--), h.value = q[r], T();
+      r < 0 && (r = 11, v.value--), h.value = q[r], T();
     }, De = () => {
       let r = B.value + 1;
-      r > 11 && (r = 0, f.value++), h.value = q[r], T();
-    }, se = (r) => {
-      z.value && !z.value.contains(r.target) && i.value == !0 && oe();
+      r > 11 && (r = 0, v.value++), h.value = q[r], T();
+    }, le = (r) => {
+      j.value && !j.value.contains(r.target) && i.value == !0 && oe();
     }, T = () => {
       let r = {};
-      const c = (o, P, Y) => {
-        o instanceof Date && !isNaN(o) || (o = /* @__PURE__ */ new Date());
-        const R = new Date(o);
-        return R.setUTCHours(P, Y, 0, 0), R.toISOString();
+      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();
       };
       e.range ? (r.from = c(
-        l.value.start,
+        s.value.start,
         m.value.start,
-        v.value.start
+        f.value.start
       ), r.to = c(
-        l.value.end,
+        s.value.end,
         m.value.end,
-        v.value.end
+        f.value.end
       )) : r = c(
-        l.value,
+        s.value,
         m.value,
-        v.value
-      ), s("updated", r);
+        f.value
+      ), a("updated", r);
     };
-    return F(() => {
-      e.initialDate && (e.range && e.initialDate.start && e.initialDate.end ? l.value = {
+    return E(() => {
+      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 && (l.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 && F(() => document.addEventListener("click", se)), pe(() => document.removeEventListener("click", se)), (r, c) => (n(), a("div", {
+      } : 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(), f.value.start = f.value.start ?? (/* @__PURE__ */ new Date()).getMinutes(), f.value.end = f.value.end ?? (/* @__PURE__ */ new Date()).getMinutes()) : (m.value = m.value ?? (/* @__PURE__ */ new Date()).getHours(), f.value = f.value ?? (/* @__PURE__ */ new Date()).getMinutes());
+    }), e.popup && E(() => document.addEventListener("click", le)), pe(() => document.removeEventListener("click", le)), (r, c) => (n(), o("div", {
       class: "inline-block relative w-full lg:w-[360px]",
       ref_key: "pickerContainer",
-      ref: z
+      ref: j
     }, [
       t("div", {
         class: "flex items-center gap-2 cursor-pointer",
@@ -792,16 +793,16 @@ const Fe = ae("SunIcon", [
             value: ge.value,
             readonly: "",
             id: Z.value
-          }, null, 8, _t),
+          }, null, 8, yt),
           c[11] || (c[11] = t("button", { class: "btn btn-ghost" }, " 📅 ", -1))
         ], !0) : x("", !0)
       ]),
-      i.value || !d.popup ? (n(), a("div", {
+      i.value || !d.popup ? (n(), o("div", {
         key: 0,
-        class: $(["z-50 lg:bg-base-100 md:mt-2 md:p-4 px-4 rounded-md w-full", [{ absolute: d.popup }]]),
+        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
       }, [
-        C.value ? (n(), a("div", $t, [
+        C.value ? (n(), o("div", kt, [
           t("button", {
             class: "hidden md:block btn-outline btn btn-primary md:btn-sm",
             onClick: xe
@@ -823,27 +824,27 @@ const Fe = ae("SunIcon", [
           ])),
           U(t("select", {
             class: "border-none w-fit select",
-            "onUpdate:modelValue": c[0] || (c[0] = (o) => h.value = o),
+            "onUpdate:modelValue": c[0] || (c[0] = (l) => h.value = l),
             onChange: T
           }, [
-            (n(), a(y, null, _(q, (o, P) => t("option", {
+            (n(), o(y, null, _(q, (l, P) => t("option", {
               key: P,
-              value: o
-            }, b(o), 9, Ct)), 64))
+              value: l
+            }, b(l), 9, _t)), 64))
           ], 544), [
-            [j, h.value]
+            [R, h.value]
           ]),
           U(t("select", {
             class: "border-none w-24 select",
-            "onUpdate:modelValue": c[1] || (c[1] = (o) => f.value = o),
+            "onUpdate:modelValue": c[1] || (c[1] = (l) => v.value = l),
             onChange: T
           }, [
-            (n(!0), a(y, null, _(me.value, (o) => (n(), a("option", {
-              key: o,
-              value: o
-            }, b(o), 9, St))), 128))
+            (n(!0), o(y, null, _(me.value, (l) => (n(), o("option", {
+              key: l,
+              value: l
+            }, b(l), 9, $t))), 128))
           ], 544), [
-            [j, f.value]
+            [R, v.value]
           ]),
           t("button", {
             class: "hidden md:block btn-outline btn btn-primary md:btn-sm",
@@ -865,53 +866,53 @@ const Fe = ae("SunIcon", [
             ], -1)
           ]))
         ])) : x("", !0),
-        C.value ? (n(), a("div", xt, [
-          (n(), a(y, null, _(O, (o) => t("div", {
-            key: o,
+        C.value ? (n(), o("div", Ct, [
+          (n(), o(y, null, _(O, (l) => t("div", {
+            key: l,
             class: "text-center"
-          }, b(o), 1)), 64)),
-          (n(!0), a(y, null, _(A.value, (o) => (n(), a("div", {
-            key: o,
+          }, b(l), 1)), 64)),
+          (n(!0), o(y, null, _(A.value, (l) => (n(), o("div", {
+            key: l,
             class: "text-center"
           }))), 128)),
-          (n(!0), a(y, null, _(D.value, (o) => (n(), a("div", {
-            key: o,
-            class: $(["hover:bg-primary-10 py-1 rounded-full text-center cursor-pointer", {
-              "bg-primary text-primary-content": _e(o),
-              today: ke(o),
-              "range-start bg-primary text-primary-content": $e(o),
-              "range-end bg-primary text-primary-content": Ce(o),
-              "in-range bg-primary/20 hover:bg-primary/10": Se(o)
+          (n(!0), o(y, null, _(D.value, (l) => (n(), o("div", {
+            key: l,
+            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)
             }]),
-            onClick: (P) => we(o)
-          }, b(o.getDate()), 11, Dt))), 128))
+            onClick: (P) => we(l)
+          }, b(l.getDate()), 11, St))), 128))
         ])) : x("", !0),
-        I.value ? (n(), a("div", Tt, [
-          e.range ? x("", !0) : (n(), a("h3", Mt, "Select Time")),
-          e.range ? (n(), a("div", Vt, [
+        I.value ? (n(), o("div", xt, [
+          e.range ? x("", !0) : (n(), o("h3", Dt, "Select Time")),
+          e.range ? (n(), o("div", Ot, [
             t("div", null, [
               c[14] || (c[14] = t("p", { class: "font-bold" }, "Start Time", -1)),
-              H.value ? U((n(), a("input", {
+              H.value ? U((n(), o("input", {
                 key: 0,
                 type: "time",
                 class: "input-bordered w-full input",
-                "onUpdate:modelValue": c[5] || (c[5] = (o) => p.value.start = o),
+                "onUpdate:modelValue": c[5] || (c[5] = (l) => p.value.start = l),
                 onChange: T
               }, null, 544)), [
                 [ee, p.value.start]
-              ]) : (n(), a("div", At, [
+              ]) : (n(), o("div", Ut, [
                 U(t("select", {
                   class: "w-full select-bordered select",
-                  "onUpdate:modelValue": c[6] || (c[6] = (o) => m.value.start = o),
+                  "onUpdate:modelValue": c[6] || (c[6] = (l) => m.value.start = l),
                   onChange: T
                 }, [
-                  (n(!0), a(y, null, _(V(G), (o) => (n(), a("option", {
-                    key: o,
-                    value: o
-                  }, b(o.toString().padStart(2, "0")), 9, Pt))), 128))
+                  (n(!0), o(y, null, _(V(G), (l) => (n(), o("option", {
+                    key: l,
+                    value: l
+                  }, b(l.toString().padStart(2, "0")), 9, Vt))), 128))
                 ], 544), [
                   [
-                    j,
+                    R,
                     m.value.start,
                     void 0,
                     { number: !0 }
@@ -919,17 +920,17 @@ const Fe = ae("SunIcon", [
                 ]),
                 U(t("select", {
                   class: "w-full select-bordered select",
-                  "onUpdate:modelValue": c[7] || (c[7] = (o) => v.value.start = o),
+                  "onUpdate:modelValue": c[7] || (c[7] = (l) => f.value.start = l),
                   onChange: T
                 }, [
-                  (n(!0), a(y, null, _(V(Q), (o) => (n(), a("option", {
-                    key: o,
-                    value: o
-                  }, b(o.toString().padStart(2, "0")), 9, jt))), 128))
+                  (n(!0), o(y, null, _(V(Q), (l) => (n(), o("option", {
+                    key: l,
+                    value: l
+                  }, b(l.toString().padStart(2, "0")), 9, At))), 128))
                 ], 544), [
                   [
-                    j,
-                    v.value.start,
+                    R,
+                    f.value.start,
                     void 0,
                     { number: !0 }
                   ]
@@ -938,27 +939,27 @@ const Fe = ae("SunIcon", [
             ]),
             t("div", null, [
               c[15] || (c[15] = t("p", { class: "font-bold" }, "End Time", -1)),
-              H.value ? U((n(), a("input", {
+              H.value ? U((n(), o("input", {
                 key: 0,
                 type: "time",
                 class: "input-bordered w-full input",
-                "onUpdate:modelValue": c[8] || (c[8] = (o) => p.value.end = o),
+                "onUpdate:modelValue": c[8] || (c[8] = (l) => p.value.end = l),
                 onChange: T
               }, null, 544)), [
                 [ee, p.value.end]
-              ]) : (n(), a("div", zt, [
+              ]) : (n(), o("div", Pt, [
                 U(t("select", {
                   class: "w-full select-bordered select",
-                  "onUpdate:modelValue": c[9] || (c[9] = (o) => m.value.end = o),
+                  "onUpdate:modelValue": c[9] || (c[9] = (l) => m.value.end = l),
                   onChange: T
                 }, [
-                  (n(!0), a(y, null, _(V(G), (o) => (n(), a("option", {
-                    key: o,
-                    value: o
-                  }, b(o.toString().padStart(2, "0")), 9, Nt))), 128))
+                  (n(!0), o(y, null, _(V(G), (l) => (n(), o("option", {
+                    key: l,
+                    value: l
+                  }, b(l.toString().padStart(2, "0")), 9, Rt))), 128))
                 ], 544), [
                   [
-                    j,
+                    R,
                     m.value.end,
                     void 0,
                     { number: !0 }
@@ -966,45 +967,45 @@ const Fe = ae("SunIcon", [
                 ]),
                 U(t("select", {
                   class: "w-full select-bordered select",
-                  "onUpdate:modelValue": c[10] || (c[10] = (o) => v.value.end = o),
+                  "onUpdate:modelValue": c[10] || (c[10] = (l) => f.value.end = l),
                   onChange: T
                 }, [
-                  (n(!0), a(y, null, _(V(Q), (o) => (n(), a("option", {
-                    key: o,
-                    value: o
-                  }, b(o.toString().padStart(2, "0")), 9, Et))), 128))
+                  (n(!0), o(y, null, _(V(Q), (l) => (n(), o("option", {
+                    key: l,
+                    value: l
+                  }, b(l.toString().padStart(2, "0")), 9, jt))), 128))
                 ], 544), [
                   [
-                    j,
-                    v.value.end,
+                    R,
+                    f.value.end,
                     void 0,
                     { number: !0 }
                   ]
                 ])
               ]))
             ])
-          ])) : (n(), a("div", Bt, [
-            H.value ? U((n(), a("input", {
+          ])) : (n(), o("div", Tt, [
+            H.value ? U((n(), o("input", {
               key: 0,
               type: "time",
               class: "input-bordered w-full input",
-              "onUpdate:modelValue": c[2] || (c[2] = (o) => p.value = o),
+              "onUpdate:modelValue": c[2] || (c[2] = (l) => p.value = l),
               onChange: T
             }, null, 544)), [
               [ee, p.value]
-            ]) : (n(), a("div", It, [
+            ]) : (n(), o("div", Mt, [
               U(t("select", {
                 class: "w-full select-bordered select",
-                "onUpdate:modelValue": c[3] || (c[3] = (o) => m.value = o),
+                "onUpdate:modelValue": c[3] || (c[3] = (l) => m.value = l),
                 onChange: T
               }, [
-                (n(!0), a(y, null, _(V(G), (o) => (n(), a("option", {
-                  key: o,
-                  value: o
-                }, b(o.toString().padStart(2, "0")), 9, Ot))), 128))
+                (n(!0), o(y, null, _(V(G), (l) => (n(), o("option", {
+                  key: l,
+                  value: l
+                }, b(l.toString().padStart(2, "0")), 9, Bt))), 128))
               ], 544), [
                 [
-                  j,
+                  R,
                   m.value,
                   void 0,
                   { number: !0 }
@@ -1012,17 +1013,17 @@ const Fe = ae("SunIcon", [
               ]),
               U(t("select", {
                 class: "w-full select-bordered select",
-                "onUpdate:modelValue": c[4] || (c[4] = (o) => v.value = o),
+                "onUpdate:modelValue": c[4] || (c[4] = (l) => f.value = l),
                 onChange: T
               }, [
-                (n(!0), a(y, null, _(V(Q), (o) => (n(), a("option", {
-                  key: o,
-                  value: o
-                }, b(o.toString().padStart(2, "0")), 9, Ut))), 128))
+                (n(!0), o(y, null, _(V(Q), (l) => (n(), o("option", {
+                  key: l,
+                  value: l
+                }, b(l.toString().padStart(2, "0")), 9, It))), 128))
               ], 544), [
                 [
-                  j,
-                  v.value,
+                  R,
+                  f.value,
                   void 0,
                   { number: !0 }
                 ]
@@ -1030,24 +1031,24 @@ const Fe = ae("SunIcon", [
             ]))
           ]))
         ])) : x("", !0),
-        t("div", Lt, [
+        t("div", zt, [
           t("button", {
-            class: $(["btn btn-secondary", d.popup ? "w-fit" : "w-full"]),
+            class: k(["btn btn-secondary", d.popup ? "w-fit" : "w-full"]),
             onClick: ye
           }, "Clear", 2),
-          d.popup ? (n(), a("button", {
+          d.popup ? (n(), o("button", {
             key: 0,
             class: "btn btn-primary btn-wide",
             onClick: oe
           }, "Close")) : x("", !0)
         ])
-      ], 10, kt)) : x("", !0)
+      ], 10, wt)) : x("", !0)
     ], 512));
   }
-}, Ft = /* @__PURE__ */ X(Rt, [["__scopeId", "data-v-cb781ab6"]]), Ht = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Et = /* @__PURE__ */ X(Nt, [["__scopeId", "data-v-cb781ab6"]]), Lt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: Ft
-}, Symbol.toStringTag, { value: "Module" })), qt = ["value", "checked", "onChange", "disabled"], xn = /* @__PURE__ */ M({
+  default: Et
+}, Symbol.toStringTag, { value: "Module" })), Ft = ["value", "checked", "onChange", "disabled"], Cn = /* @__PURE__ */ M({
   __name: "rating",
   props: {
     initialRating: { default: 0 },
@@ -1057,29 +1058,29 @@ const Fe = ae("SunIcon", [
     size: { default: "sm" }
   },
   setup(d) {
-    const u = d, e = k(u.initialRating);
-    E(
+    const u = d, e = $(u.initialRating);
+    N(
       () => u.initialRating,
       (i) => {
         e.value = i;
       }
     );
-    const s = (i) => {
+    const a = (i) => {
       e.value = i;
     };
-    return (i, l) => (n(), a("div", {
-      class: $(["rating", [
+    return (i, s) => (n(), o("div", {
+      class: k(["rating", [
         `rating-${u.size}`,
         { "rating-half": i.halfStars }
       ]])
     }, [
-      (n(!0), a(y, null, _(i.numberOfStars * (i.halfStars ? 2 : 1), (p) => (n(), a("input", {
+      (n(!0), o(y, null, _(i.numberOfStars * (i.halfStars ? 2 : 1), (p) => (n(), o("input", {
         key: p,
         type: "radio",
         value: i.halfStars ? p * 0.5 : p,
         checked: e.value === (i.halfStars ? p * 0.5 : p),
-        onChange: (h) => i.isInteractive ? s(i.halfStars ? p * 0.5 : p) : null,
-        class: $(["mask mask-star", {
+        onChange: (h) => i.isInteractive ? a(i.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,
@@ -1087,54 +1088,54 @@ const Fe = ae("SunIcon", [
           "cursor-default": !i.isInteractive
         }]),
         disabled: !i.isInteractive
-      }, null, 42, qt))), 128))
+      }, null, 42, Ft))), 128))
     ], 2));
   }
-}), Yt = {
+}), Ht = {
   key: 0,
   class: "loading loading-spinner loading-md mx-auto"
-}, Dn = /* @__PURE__ */ M({
+}, Sn = /* @__PURE__ */ M({
   __name: "loader",
   props: {
     loading: { type: Boolean, default: !0 }
   },
   setup(d) {
-    const u = d, e = k(u.loading);
-    return E(
+    const u = d, e = $(u.loading);
+    return N(
       () => u.loading,
-      (s) => {
-        e.value = s;
+      (a) => {
+        e.value = a;
       }
-    ), (s, i) => e.value ? (n(), a("span", Yt)) : x("", !0);
+    ), (a, i) => e.value ? (n(), o("span", Ht)) : x("", !0);
   }
-}), Jt = { class: "bg-base-200 mx-auto md:px-10 py-10 text-base-content" }, Wt = { class: "footer sm:footer-horizontal container" }, Xt = { class: "footer-title" }, Zt = ["href"], Kt = { class: "ml-auto" }, Tn = /* @__PURE__ */ M({
+}), 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" }, xn = /* @__PURE__ */ M({
   __name: "footer",
   props: {
     items: {}
   },
   setup(d) {
     const u = d;
-    return (e, s) => (n(), a("div", Jt, [
-      t("footer", Wt, [
-        (n(!0), a(y, null, _(u.items, (i) => (n(), a("nav", null, [
-          t("h6", Xt, b(i.title), 1),
-          (n(!0), a(y, null, _(i.items, (l) => (n(), a("a", {
+    return (e, a) => (n(), o("div", qt, [
+      t("footer", Yt, [
+        (n(!0), o(y, null, _(u.items, (i) => (n(), o("nav", null, [
+          t("h6", Jt, b(i.title), 1),
+          (n(!0), o(y, null, _(i.items, (s) => (n(), o("a", {
             class: "link link-hover",
-            href: l.link
-          }, b(l.text), 9, Zt))), 256))
+            href: s.link
+          }, b(s.text), 9, Wt))), 256))
         ]))), 256)),
-        t("aside", Kt, [
+        t("aside", Xt, [
           w(e.$slots, "default")
         ])
       ])
     ]));
   }
-}), Gt = {}, Qt = { class: "min-h-40 container hero" }, en = { class: "px-0! text-center hero-content" }, tn = { class: "mt-9 text-4xl" };
-function nn(d, u) {
-  return n(), a("div", Qt, [
-    t("div", en, [
+}), 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", tn, [
+        t("h1", Qt, [
           w(d.$slots, "title", {}, () => [
             u[0] || (u[0] = ne("hero title"))
           ])
@@ -1149,7 +1150,7 @@ function nn(d, u) {
     ])
   ]);
 }
-const Mn = /* @__PURE__ */ X(Gt, [["render", nn]]), an = { class: "categories flex flex-row gap-4 place-content-center" }, on = ["onClick"], Bn = /* @__PURE__ */ M({
+const Dn = /* @__PURE__ */ X(Zt, [["render", en]]), tn = { class: "categories flex flex-row gap-4 place-content-center" }, nn = ["onClick"], Tn = /* @__PURE__ */ M({
   __name: "categoryNavigation",
   props: {
     searchOptions: {},
@@ -1157,55 +1158,55 @@ const Mn = /* @__PURE__ */ X(Gt, [["render", nn]]), an = { class: "categories fl
   },
   emits: ["update:currentCategory"],
   setup(d, { emit: u }) {
-    const e = d, s = u;
-    function i(l) {
-      s("update:currentCategory", l);
+    const e = d, a = u;
+    function i(s) {
+      a("update:currentCategory", s);
     }
-    return (l, p) => (n(), a("div", an, [
-      (n(!0), a(y, null, _(e.searchOptions, (h) => (n(), a("div", {
+    return (s, p) => (n(), o("div", tn, [
+      (n(!0), o(y, null, _(e.searchOptions, (h) => (n(), o("div", {
         key: h.category
       }, [
         t("button", {
-          onClick: (f) => i(h.category),
-          class: $(["truncate", { "font-semibold": e.currentCategory === h.category }])
-        }, b(h.category), 11, on)
+          onClick: (v) => i(h.category),
+          class: k(["truncate", { "font-semibold": e.currentCategory === h.category }])
+        }, b(h.category), 11, nn)
       ]))), 128))
     ]));
   }
-}), sn = { class: "md:flex hidden navbar-start" }, ln = { class: "md:flex justify-center items-center hidden navbar-center" }, rn = { class: "md:flex hidden navbar-end" }, un = { class: "navbar-bottom md:flex hidden" }, dn = /* @__PURE__ */ M({
+}), 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({
   __name: "navigationBar",
   props: {
     isCollapsed: { type: Boolean, default: !0 }
   },
   setup(d) {
     const u = d;
-    return (e, s) => (n(), a("nav", {
-      class: $(["place-items-start border-primary bg-base-100 px-5 py-5 border-b-4 transition-all navbar navigationbar", u.isCollapsed ? "collapsed" : ""])
+    return (e, a) => (n(), 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", sn, [
+      t("div", an, [
         w(e.$slots, "start", {}, void 0, !0)
       ]),
-      t("div", ln, [
+      t("div", on, [
         w(e.$slots, "center", {}, void 0, !0)
       ]),
-      t("div", rn, [
+      t("div", ln, [
         w(e.$slots, "end", {}, void 0, !0)
       ]),
-      t("div", un, [
+      t("div", sn, [
         w(e.$slots, "bottom", {}, void 0, !0)
       ])
     ], 2));
   }
-}), In = /* @__PURE__ */ X(dn, [["__scopeId", "data-v-8ddb2b45"]]), cn = {
+}), Mn = /* @__PURE__ */ X(rn, [["__scopeId", "data-v-8ddb2b45"]]), un = {
   role: "tablist",
-  class: "tabs tabs-bordered tabs-lg mt-28 relative w-full"
-}, pn = {
+  class: "relative tabs-bordered w-full tabs tabs-lg"
+}, dn = {
   key: 0,
-  class: "hidden md:flex gap-4 right-0 top-4 absolute"
-}, mn = ["onClick", "aria-selected"], vn = {
+  class: "hidden top-4 right-0 absolute md:flex gap-4"
+}, cn = ["onClick", "aria-selected"], pn = {
   role: "tabpanel",
-  class: "tab-content border-base-300 border-t-2 border-x-0 border-b-0 p-6 overflow-x-auto max-w-full"
-}, On = /* @__PURE__ */ M({
+  class: "p-6 border-x-0 border-t-2 border-b-0 border-base-300 max-w-full overflow-x-auto tab-content"
+}, Bn = /* @__PURE__ */ M({
   __name: "tab",
   props: {
     items: {},
@@ -1214,65 +1215,67 @@ const Mn = /* @__PURE__ */ X(Gt, [["render", nn]]), an = { class: "categories fl
   },
   emits: ["tab-changed"],
   setup(d, { emit: u }) {
-    const e = d, s = k(e.items[0]), i = u;
-    function l(f) {
-      s.value = f, i("tab-changed", f);
+    const e = d, a = $(e.items[0]), i = u;
+    function s(v) {
+      a.value = v, i("tab-changed", v);
     }
     function p() {
-      const m = (e.items.indexOf(s.value) + 1) % e.items.length;
-      l(e.items[m]);
+      const m = (e.items.indexOf(a.value) + 1) % e.items.length;
+      s(e.items[m]);
     }
     function h() {
-      const m = (e.items.indexOf(s.value) - 1 + e.items.length) % e.items.length;
-      l(e.items[m]);
+      const m = (e.items.indexOf(a.value) - 1 + e.items.length) % e.items.length;
+      s(e.items[m]);
     }
-    return pe(() => {
+    return E(() => {
+      e.items && s(e.items[0]);
+    }), pe(() => {
       e.rotateTabsAfter && setInterval(() => {
         p();
       }, e.rotateTabsAfter * 1e3);
-    }), (f, m) => (n(), a("div", cn, [
-      f.withControlls ? (n(), a("div", pn, [
+    }), (v, m) => (n(), o("div", un, [
+      v.withControlls ? (n(), o("div", dn, [
         t("button", {
-          onClick: m[0] || (m[0] = (v) => h()),
+          onClick: m[0] || (m[0] = (f) => h()),
           class: "cursor-pointer"
         }, "Previous"),
         t("button", {
-          onClick: m[1] || (m[1] = (v) => p()),
-          class: "cursor-pointer text-primary"
+          onClick: m[1] || (m[1] = (f) => p()),
+          class: "text-primary cursor-pointer"
         }, "Next")
       ])) : x("", !0),
-      (n(!0), a(y, null, _(f.items, (v) => (n(), a(y, null, [
+      (n(!0), o(y, null, _(v.items, (f) => (n(), o(y, null, [
         t("a", {
           type: "button",
           role: "tab",
-          class: $(["tab min-w-max", v === s.value ? "bg-primary text-base-100" : ""]),
-          onClick: (z) => l(v),
-          "aria-selected": s.value == v
-        }, b(v), 11, mn),
-        t("div", vn, [
-          w(f.$slots, `${v}-tab`)
+          class: k(["min-w-max tab", f === a.value ? "bg-primary text-base-100" : ""]),
+          onClick: (j) => s(f),
+          "aria-selected": a.value == f
+        }, b(f), 11, cn),
+        t("div", pn, [
+          w(v.$slots, `${f}-tab`)
         ])
       ], 64))), 256))
     ]));
   }
 });
 export {
-  _n as Accordion,
-  Sn as AdvancedSearch,
-  kn as Avatar,
-  $n as Badge,
-  gn as ButtonComponent,
-  Cn as Card,
-  Bn as CategoryNavigation,
-  Ft as DatetimePicker,
-  hn as Dropdown,
-  Tn as Footer,
-  Mn as Hero,
-  Dn as Loader,
-  bn as Modal,
-  In as NavigationBar,
-  xn as Rating,
-  yn as Swap,
-  On as Tab,
-  wn as ThemeController
+  yn as Accordion,
+  $n as AdvancedSearch,
+  wn as Avatar,
+  kn as Badge,
+  fn as ButtonComponent,
+  _n as Card,
+  Tn as CategoryNavigation,
+  Et as DatetimePicker,
+  vn as Dropdown,
+  xn as Footer,
+  Dn as Hero,
+  Sn as Loader,
+  gn as Modal,
+  Mn as NavigationBar,
+  Cn as Rating,
+  hn as Swap,
+  Bn as Tab,
+  bn as ThemeController
 };