manolis-ui 0.5.3 → 0.5.4

package/dist/manolis-ui.js

@@ -1,8 +1,8 @@
-import { defineComponent as B, computed as O, createElementBlock as l, openBlock as a, normalizeClass as _, createCommentVNode as T, renderSlot as k, createTextVNode as re, createElementVNode as n, Fragment as $, renderList as C, toDisplayString as S, ref as x, h as se, onMounted as Y, watch as N, withDirectives as z, createVNode as X, isRef as Ie, vModelCheckbox as Oe, unref as U, provide as Be, normalizeStyle as ie, inject as Ve, defineAsyncComponent as Pe, onBeforeUnmount as Ae, createBlock as pe, resolveDynamicComponent as fe, mergeProps as me, nextTick as ve, onUnmounted as he, vModelSelect as E, vModelText as ne } from "vue";
+import { defineComponent as B, computed as O, createElementBlock as l, openBlock as a, normalizeClass as $, createCommentVNode as T, renderSlot as k, createTextVNode as re, createElementVNode as n, Fragment as _, renderList as C, toDisplayString as S, ref as x, h as se, onMounted as Y, watch as N, withDirectives as z, createVNode as X, isRef as Ie, vModelCheckbox as Oe, unref as U, provide as Be, normalizeStyle as ie, inject as Ve, defineAsyncComponent as Pe, onBeforeUnmount as Ae, createBlock as pe, resolveDynamicComponent as fe, mergeProps as me, nextTick as ve, onUnmounted as he, vModelSelect as F, vModelText as ne } from "vue";
 const ze = {
   key: 0,
   class: "loading loading-spinner"
-}, An = /* @__PURE__ */ B({
+}, Pn = /* @__PURE__ */ B({
   __name: "ButtonComponent",
   props: {
     outlined: { type: Boolean, default: !1 },
@@ -64,7 +64,7 @@ const ze = {
       }
     });
     return (s, c) => (a(), l("button", {
-      class: _(["btn", { "btn-outline": d.outlined }, { "btn-active": d.active }, t.value, e.value, o.value])
+      class: $(["btn", { "btn-outline": d.outlined }, { "btn-active": d.active }, t.value, e.value, o.value])
     }, [
       s.loading ? (a(), l("span", ze)) : T("", !0),
       k(s.$slots, "default", {}, () => [
@@ -75,7 +75,7 @@ const ze = {
 }), 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"
-}, je = ["href"], zn = /* @__PURE__ */ B({
+}, je = ["href"], An = /* @__PURE__ */ B({
   __name: "dropdown",
   props: {
     items: {},
@@ -95,7 +95,7 @@ const ze = {
       end: "dropdown-end"
     }, t = i;
     return (o, s) => (a(), l("div", {
-      class: _(["dropdown", d[t.position], e[t.floatPosition], { "dropdown-open": t.forceOpen }, { "dropdown-hover": t.openOnHover }])
+      class: $(["dropdown", d[t.position], e[t.floatPosition], { "dropdown-open": t.forceOpen }, { "dropdown-hover": t.openOnHover }])
     }, [
       k(o.$slots, "default", {
         tabindex: "0",
@@ -104,7 +104,7 @@ const ze = {
         s[0] || (s[0] = n("div", { class: "m-1 btn" }, "Open dropdown", -1))
       ]),
       n("ul", Ue, [
-        (a(!0), l($, null, C(o.items, (c) => (a(), l("li", null, [
+        (a(!0), l(_, null, C(o.items, (c) => (a(), l("li", null, [
           n("a", {
             href: c.link
           }, S(c.text), 9, je)
@@ -113,7 +113,7 @@ const ze = {
       ])
     ], 2));
   }
-}), Ne = { class: "modal-box" }, Re = { class: "modal-action" }, Un = /* @__PURE__ */ B({
+}), Ne = { class: "modal-box" }, Re = { class: "modal-action" }, zn = /* @__PURE__ */ B({
   __name: "modal",
   props: {
     position: { default: "center" },
@@ -131,7 +131,7 @@ const ze = {
       var c;
       (c = t.value) == null || c.close();
     };
-    return (c, h) => (a(), l($, null, [
+    return (c, h) => (a(), l(_, null, [
       n("span", {
         class: "w-fit cursor-pointer",
         onClick: o
@@ -143,7 +143,7 @@ const ze = {
       n("dialog", {
         ref_key: "dialog",
         ref: t,
-        class: _(["modal", e[d.position]])
+        class: $(["modal", e[d.position]])
       }, [
         n("div", Ne, [
           k(c.$slots, "default"),
@@ -152,7 +152,7 @@ const ze = {
             n("form", {
               method: "dialog",
               onSubmit: s,
-              class: _(c.withBackdrop ? "modal-backdrop" : "")
+              class: $(c.withBackdrop ? "modal-backdrop" : "")
             }, [
               k(c.$slots, "close-button", {}, () => [
                 h[1] || (h[1] = n("button", { class: "btn" }, "Close", -1))
@@ -163,7 +163,7 @@ const ze = {
       ], 2)
     ], 64));
   }
-}), Le = { class: "flex justify-center items-center swap-on" }, Fe = { class: "flex justify-center items-center swap-off" }, jn = /* @__PURE__ */ B({
+}), Le = { class: "flex justify-center items-center swap-on" }, He = { class: "flex justify-center items-center swap-off" }, Un = /* @__PURE__ */ B({
   __name: "swap",
   props: {
     effect: {}
@@ -171,13 +171,13 @@ const ze = {
   setup(i) {
     const d = i;
     return (e, t) => (a(), l("label", {
-      class: _(["swap", d.effect ? `swap-${e.effect}` : ""])
+      class: $(["swap", d.effect ? `swap-${e.effect}` : ""])
     }, [
       t[0] || (t[0] = n("input", { type: "checkbox" }, null, -1)),
       n("div", Le, [
         k(e.$slots, "on")
       ]),
-      n("div", Fe, [
+      n("div", He, [
         k(e.$slots, "off")
       ])
     ], 2));
@@ -189,7 +189,7 @@ const ze = {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ee = (i) => i.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
+const Fe = (i) => i.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
 /**
  * @license lucide-vue-next v0.468.0 - ISC
  *
@@ -213,7 +213,7 @@ var te = {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const He = ({ size: i, strokeWidth: d = 2, absoluteStrokeWidth: e, color: t, iconNode: o, name: s, class: c, ...h }, { slots: v }) => se(
+const Ee = ({ size: i, strokeWidth: d = 2, absoluteStrokeWidth: e, color: t, iconNode: o, name: s, class: c, ...h }, { slots: v }) => se(
   "svg",
   {
     ...te,
@@ -221,7 +221,7 @@ const He = ({ size: i, strokeWidth: d = 2, absoluteStrokeWidth: e, color: t, ico
     height: i || te.height,
     stroke: t || te.stroke,
     "stroke-width": e ? Number(d) * 24 / Number(i) : d,
-    class: ["lucide", `lucide-${Ee(s ?? "icon")}`],
+    class: ["lucide", `lucide-${Fe(s ?? "icon")}`],
     ...h
   },
   [...o.map((m) => se(...m)), ...v.default ? [v.default()] : []]
@@ -233,7 +233,7 @@ const He = ({ size: i, strokeWidth: d = 2, absoluteStrokeWidth: e, color: t, ico
  * See the LICENSE file in the root directory of this source tree.
  */
 const ae = (i, d) => (e, { slots: t }) => se(
-  He,
+  Ee,
   {
     ...e,
     iconNode: d,
@@ -298,7 +298,7 @@ const Ye = ae("SunIcon", [
   }), N(e, (t) => {
     typeof window < "u" && window.localStorage.setItem(i, JSON.stringify(t));
   }), e;
-}, Ge = { class: "swap-rotate swap" }, Ke = ["true-value", "false-value"], Nn = /* @__PURE__ */ B({
+}, Ge = { class: "swap-rotate swap" }, Ke = ["true-value", "false-value"], jn = /* @__PURE__ */ B({
   __name: "theme-controller",
   props: {
     lightTheme: { default: "light" },
@@ -325,7 +325,7 @@ const Ye = ae("SunIcon", [
       X(U(We), { class: "swap-on fill-current" })
     ]));
   }
-}), Xe = ["name"], Ze = { class: "collapse-title font-bold text-2xl lg:text-4xl" }, Qe = { class: "collapse-content" }, et = ["innerHTML"], Rn = /* @__PURE__ */ B({
+}), Xe = ["name"], Ze = { class: "collapse-title font-bold text-2xl lg:text-4xl" }, Qe = { class: "collapse-content" }, et = ["innerHTML"], Nn = /* @__PURE__ */ B({
   __name: "accordion",
   props: {
     name: {},
@@ -335,8 +335,8 @@ const Ye = ae("SunIcon", [
   },
   setup(i) {
     const d = i;
-    return (e, t) => (a(!0), l($, null, C(d.items, (o, s) => (a(), l("div", {
-      class: _(["collapse border border-base-300", [e.icon ? `collapse-${e.icon}` : "", { "join-item": e.joinItems }]]),
+    return (e, t) => (a(!0), l(_, null, C(d.items, (o, s) => (a(), l("div", {
+      class: $(["collapse border border-base-300", [e.icon ? `collapse-${e.icon}` : "", { "join-item": e.joinItems }]]),
       key: s
     }, [
       n("input", {
@@ -352,7 +352,7 @@ const Ye = ae("SunIcon", [
       ])
     ], 2))), 128));
   }
-}), tt = ["src"], nt = { class: "text-xl" }, Ln = /* @__PURE__ */ B({
+}), tt = ["src"], nt = { class: "text-xl" }, Rn = /* @__PURE__ */ B({
   __name: "avatar",
   props: {
     image: {},
@@ -368,11 +368,11 @@ const Ye = ae("SunIcon", [
         t && (e.value = t);
       }
     ), (t, o) => (a(), l("div", {
-      class: _(["avatar", [{ "avatar-online": e.value === "online" }, { "avatar-offline": e.value === "offline" }]])
+      class: $(["avatar", [{ "avatar-online": e.value === "online" }, { "avatar-offline": e.value === "offline" }]])
     }, [
       t.image ? (a(), l("div", {
         key: 0,
-        class: _(["rounded", [{ "rounded-full": t.fullyRounded }, { rounded: !t.fullyRounded }]])
+        class: $(["rounded", [{ "rounded-full": t.fullyRounded }, { rounded: !t.fullyRounded }]])
       }, [
         n("img", {
           src: t.image,
@@ -380,13 +380,13 @@ const Ye = ae("SunIcon", [
         }, null, 8, tt)
       ], 2)) : (a(), l("div", {
         key: 1,
-        class: _(["flex justify-center bg-neutral p-[25%] rounded w-16 text-neutral-content text-center", [{ "rounded-full": t.fullyRounded }, { rounded: !t.fullyRounded }]])
+        class: $(["flex justify-center bg-neutral p-[25%] rounded w-16 text-neutral-content text-center", [{ "rounded-full": t.fullyRounded }, { rounded: !t.fullyRounded }]])
       }, [
         n("p", nt, S(t.initials), 1)
       ], 2))
     ], 2));
   }
-}), Fn = /* @__PURE__ */ B({
+}), Ln = /* @__PURE__ */ B({
   __name: "badge",
   props: {
     color: { default: "neutral" },
@@ -411,27 +411,24 @@ const Ye = ae("SunIcon", [
       error: "badge-error"
     };
     return (o, s) => (a(), l("span", {
-      class: _(["badge", e[d.size], t[d.color], { "badge-outline": d.outline }])
+      class: $(["badge", e[d.size], t[d.color], { "badge-outline": d.outline }])
     }, [
       k(o.$slots, "default")
     ], 2));
   }
 }), at = ["src", "alt"], lt = {
-  key: 1,
-  class: "w-full h-32 skeleton"
-}, ot = {
   key: 0,
   class: "card-body"
-}, st = {
+}, ot = {
   key: 0,
   class: "group-hover:text-primary text-lg text-left cursor-pointer card-title"
-}, rt = {
+}, st = {
   key: 1,
   class: "text-left"
-}, it = { class: "flex-col flex-nowrap mt-auto card-actions" }, ut = {
+}, rt = { class: "flex-col flex-nowrap mt-auto card-actions" }, it = {
   key: 1,
   class: "card-body"
-}, En = /* @__PURE__ */ B({
+}, Hn = /* @__PURE__ */ B({
   __name: "card",
   props: {
     imgUrl: { default: "" },
@@ -442,7 +439,8 @@ const Ye = ae("SunIcon", [
     loading: { type: Boolean, default: !1 },
     class: { default: "" },
     background: { default: "bg-base-100" },
-    color: { default: "" }
+    color: { default: "" },
+    imgHeight: { default: "h-44" }
   },
   setup(i) {
     const d = i, e = x(d.outlined);
@@ -452,28 +450,34 @@ const Ye = ae("SunIcon", [
         e.value = t;
       }
     ), (t, o) => (a(), l("div", {
-      class: _(["group bg-base-100 shadow-xl rounded-sm min-w-64 max-w-full h-full card card-compact", [{ "border-4 border-primary": e.value }, t.color ?? "", t.background]])
+      class: $(["group bg-base-100 shadow-xl rounded-sm min-w-64 max-w-full h-full card card-compact", [{ "border-4 border-primary": e.value }, t.color ?? "", t.background]])
     }, [
       n("figure", null, [
         t.imgUrl || t.imgUrl && !t.loading ? (a(), l("img", {
           key: 0,
           src: t.imgUrl,
           alt: t.alt,
-          class: _(["rounded-sm w-full h-44 object-cover", {
-            hidden: t.loading
-          }])
+          class: $(["rounded-sm w-full object-cover", [
+            {
+              hidden: t.loading
+            },
+            t.imgHeight
+          ]])
         }, null, 10, at)) : T("", !0),
-        t.loading && t.imgUrl ? (a(), l("div", lt)) : T("", !0)
+        t.loading && t.imgUrl ? (a(), l("div", {
+          key: 1,
+          class: $(["w-full skeleton", t.imgHeight])
+        }, null, 2)) : T("", !0)
       ]),
-      t.loading ? T("", !0) : (a(), l("div", ot, [
-        t.title ? (a(), l("h2", st, S(t.title), 1)) : T("", !0),
+      t.loading ? T("", !0) : (a(), l("div", lt, [
+        t.title ? (a(), l("h2", ot, S(t.title), 1)) : T("", !0),
         k(t.$slots, "details"),
-        t.description ? (a(), l("p", rt, S(t.description), 1)) : T("", !0),
-        n("div", it, [
+        t.description ? (a(), l("p", st, S(t.description), 1)) : T("", !0),
+        n("div", rt, [
           k(t.$slots, "actions")
         ])
       ])),
-      t.loading ? (a(), l("div", ut, o[0] || (o[0] = [
+      t.loading ? (a(), l("div", it, o[0] || (o[0] = [
         n("div", { class: "flex flex-col gap-4 w-52" }, [
           n("div", { class: "w-28 h-4 skeleton" }),
           n("div", { class: "w-full h-4 skeleton" }),
@@ -482,13 +486,13 @@ const Ye = ae("SunIcon", [
       ]))) : T("", !0)
     ], 2));
   }
-}), be = Symbol("CarouselItemStyle"), dt = { class: "relative h-full" }, ct = {
+}), be = Symbol("CarouselItemStyle"), ut = { class: "relative h-full" }, dt = {
   key: 0,
   class: "top-1/2 right-5 left-5 z-10 absolute flex justify-between -translate-y-1/2 transform"
-}, pt = {
+}, ct = {
   key: 1,
   class: "bottom-5 z-10 absolute flex justify-center gap-2 py-2 w-full"
-}, ft = ["onClick", "aria-label"], mt = /* @__PURE__ */ B({
+}, pt = ["onClick", "aria-label"], ft = /* @__PURE__ */ B({
   __name: "carousel",
   props: {
     showIndicators: {
@@ -552,7 +556,7 @@ const Ye = ae("SunIcon", [
       m(t.value + 1);
     }, j = () => {
       m(t.value - 1);
-    }, H = (f) => {
+    }, E = (f) => {
       m(f);
     }, M = () => {
       if (!o.value || e.slidesPerView <= 0 || (v(), c.value === 0)) return;
@@ -575,16 +579,16 @@ const Ye = ae("SunIcon", [
           e.slideDuration = 0, m(b), e.slideDuration = g;
         });
       });
-    }), d({ scrollToSlide: m }), (f, b) => (a(), l("div", dt, [
+    }), d({ scrollToSlide: m }), (f, b) => (a(), l("div", ut, [
       n("div", {
         ref_key: "carouselContainer",
         ref: o,
-        class: _(["rounded w-full h-full overflow-x-scroll scroll-smooth carousel", [{ "carousel-horizontal md:snap-none": i.sliderOrientation == "horizontal" }, { "carousel-vertical": i.sliderOrientation == "vertical" }]]),
+        class: $(["rounded w-full h-full overflow-x-scroll scroll-smooth carousel", [{ "carousel-horizontal md:snap-none": i.sliderOrientation == "horizontal" }, { "carousel-vertical": i.sliderOrientation == "vertical" }]]),
         style: ie({ gap: `${i.gap}px` })
       }, [
         k(f.$slots, "default", {}, void 0, !0)
       ], 6),
-      i.showNavigationButtons ? (a(), l("div", ct, [
+      i.showNavigationButtons ? (a(), l("div", dt, [
         n("div", {
           onClick: j,
           role: "button",
@@ -610,13 +614,13 @@ const Ye = ae("SunIcon", [
           ], !0)
         ])
       ])) : T("", !0),
-      i.showIndicators ? (a(), l("div", pt, [
-        (a(!0), l($, null, C(c.value, (g, D) => (a(), l("button", {
+      i.showIndicators ? (a(), l("div", ct, [
+        (a(!0), l(_, null, C(c.value, (g, D) => (a(), l("button", {
           key: `dot-${D}`,
-          onClick: (w) => H(D),
-          class: _(["btn btn-circle btn-xs", { "btn-active": D === t.value }]),
+          onClick: (w) => E(D),
+          class: $(["btn btn-circle btn-xs", { "btn-active": D === t.value }]),
           "aria-label": `Go to slide ${D + 1}`
-        }, null, 10, ft))), 128))
+        }, null, 10, pt))), 128))
       ])) : T("", !0)
     ]));
   }
@@ -625,7 +629,7 @@ const Ye = ae("SunIcon", [
   for (const [t, o] of d)
     e[t] = o;
   return e;
-}, Hn = /* @__PURE__ */ G(mt, [["__scopeId", "data-v-db55a6a5"]]), vt = /* @__PURE__ */ B({
+}, Fn = /* @__PURE__ */ G(ft, [["__scopeId", "data-v-db55a6a5"]]), mt = /* @__PURE__ */ B({
   __name: "carouselItem",
   setup(i) {
     const d = Ve(be, x({}));
@@ -636,10 +640,10 @@ const Ye = ae("SunIcon", [
       k(e.$slots, "default", {}, void 0, !0)
     ], 4));
   }
-}), qn = /* @__PURE__ */ G(vt, [["__scopeId", "data-v-507384bc"]]), gt = { class: "flex gap-4 bg-base-100 w-full tabs tabs-boxed" }, ht = ["onClick"], bt = { class: "text-sm" }, yt = { class: "md:block hidden opacity-35 text-xs truncate overflow-hidden ..." }, wt = { class: "hidden" }, kt = {
+}), En = /* @__PURE__ */ G(mt, [["__scopeId", "data-v-507384bc"]]), vt = { class: "flex gap-4 bg-base-100 w-full tabs tabs-boxed" }, gt = ["onClick"], ht = { class: "text-sm" }, bt = { class: "md:block hidden opacity-35 text-xs truncate overflow-hidden ..." }, yt = { class: "hidden" }, wt = {
   id: "advancedSearchMobile",
   class: "modal"
-}, $t = { class: "modal-box" }, _t = { class: "font-bold text-lg" }, St = ["checked"], xt = { class: "flex justify-between items-center pr-4 w-full font-medium text-xl collapse-title" }, Ct = { class: "text-sm" }, Dt = { class: "flex place-content-center p-0 collapse-content" }, Tt = /* @__PURE__ */ B({
+}, kt = { class: "modal-box" }, $t = { class: "font-bold text-lg" }, _t = ["checked"], St = { class: "flex justify-between items-center pr-4 w-full font-medium text-xl collapse-title" }, xt = { class: "text-sm" }, Ct = { class: "flex place-content-center p-0 collapse-content" }, Dt = /* @__PURE__ */ B({
   __name: "advancedSearch",
   props: {
     searchOptions: {},
@@ -648,7 +652,7 @@ const Ye = ae("SunIcon", [
   emits: ["search", "update:search-data"],
   setup(i, { emit: d }) {
     const e = i, t = d, o = x(null), s = {
-      datetime: Pe(() => Promise.resolve().then(() => Qt))
+      datetime: Pe(() => Promise.resolve().then(() => Zt))
     }, c = x({}), h = x({ left: "0px", top: "0px", transform: "translateX(0%)" }), v = x(null);
     function m(f, b) {
       var g, D, w;
@@ -673,7 +677,7 @@ const Ye = ae("SunIcon", [
     async function j(f) {
       v.value && !v.value.contains(f.target) && (await ve(), o.value = null);
     }
-    async function H() {
+    async function E() {
       if (typeof window < "u" && window.innerWidth <= 768) {
         const f = document.getElementById("advancedSearchMobile");
         f ? f.showModal() : console.warn("Modal element not found.");
@@ -704,7 +708,7 @@ const Ye = ae("SunIcon", [
       document.removeEventListener("click", j);
     }), (f, b) => {
       var g, D;
-      return a(), l($, null, [
+      return a(), l(_, null, [
         n("div", {
           ref_key: "searchContainer",
           ref: v,
@@ -712,21 +716,21 @@ const Ye = ae("SunIcon", [
         }, [
           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: H
+            onClick: E
           }, [
-            n("div", gt, [
-              (a(!0), l($, null, C(((g = e.searchOptions.find((w) => w.category === e.currentCategory)) == null ? void 0 : g.tabs) || [], (w) => {
+            n("div", vt, [
+              (a(!0), l(_, null, C(((g = e.searchOptions.find((w) => w.category === e.currentCategory)) == null ? void 0 : g.tabs) || [], (w) => {
                 var I;
                 return a(), l("button", {
                   key: w.name,
                   onClick: (P) => M(w),
-                  class: _([{ "tab-active": ((I = o.value) == null ? void 0 : I.name) === w.name }, "group/searchitem relative after:top-0 after:-right-2 after:absolute first-of-type:flex-auto last-of-type:flex-auto md:after:content-[''] last-of-type:after:content-none after:content-none after:bg-base-200 hover:bg-base-200 p-1 rounded-sm w-auto after:w-[1px] after:h-10 text-start overflow-x-hidden pointer-events-none md:pointer-events-auto"]),
+                  class: $([{ "tab-active": ((I = o.value) == null ? void 0 : I.name) === w.name }, "group/searchitem relative after:top-0 after:-right-2 after:absolute first-of-type:flex-auto last-of-type:flex-auto md:after:content-[''] last-of-type:after:content-none after:content-none after:bg-base-200 hover:bg-base-200 p-1 rounded-sm w-auto after:w-[1px] after:h-10 text-start overflow-x-hidden pointer-events-none md:pointer-events-auto"]),
                   ref_for: !0,
                   ref: (P) => c.value[w.name] = P
                 }, [
-                  n("p", bt, S(w.name), 1),
-                  n("p", yt, S(w.description), 1)
-                ], 10, ht);
+                  n("p", ht, S(w.name), 1),
+                  n("p", bt, S(w.description), 1)
+                ], 10, gt);
               }), 128))
             ]),
             o.value ? (a(), l("div", {
@@ -748,7 +752,7 @@ const Ye = ae("SunIcon", [
               })
             ])
           ]),
-          n("div", wt, [
+          n("div", yt, [
             n("button", {
               title: "search",
               onClick: b[0] || (b[0] = () => {
@@ -761,12 +765,12 @@ const Ye = ae("SunIcon", [
             ])
           ])
         ], 512),
-        n("dialog", kt, [
-          n("div", $t, [
+        n("dialog", wt, [
+          n("div", kt, [
             k(f.$slots, "additionalForMobile", {}, () => [
-              n("h3", _t, S(f.currentCategory), 1)
+              n("h3", $t, S(f.currentCategory), 1)
             ], !0),
-            (a(!0), l($, null, C(((D = e.searchOptions.find((w) => w.category === e.currentCategory)) == null ? void 0 : D.tabs) || [], (w, I) => (a(), l("div", {
+            (a(!0), l(_, null, C(((D = e.searchOptions.find((w) => w.category === e.currentCategory)) == null ? void 0 : D.tabs) || [], (w, I) => (a(), l("div", {
               class: "bg-base-200 my-4 collapse",
               key: w.name
             }, [
@@ -774,12 +778,12 @@ const Ye = ae("SunIcon", [
                 type: "radio",
                 name: "my-accordion-1",
                 checked: I === 0
-              }, null, 8, St),
-              n("div", xt, [
+              }, null, 8, _t),
+              n("div", St, [
                 re(S(w.name) + " ", 1),
-                n("p", Ct, S(w.description), 1)
+                n("p", xt, S(w.description), 1)
               ]),
-              n("div", Dt, [
+              n("div", Ct, [
                 b[1] || (b[1] = n("br", null, null, -1)),
                 (a(), pe(fe(s[w.type]), me({ ref_for: !0 }, w.props || {}, {
                   onUpdated: (P) => m(P, I)
@@ -799,31 +803,31 @@ const Ye = ae("SunIcon", [
       ], 64);
     };
   }
-}), Wn = /* @__PURE__ */ G(Tt, [["__scopeId", "data-v-08fa37eb"]]), Mt = ["placeholder", "value", "id"], It = { class: "btn btn-ghost" }, Ot = ["id"], Bt = {
+}), qn = /* @__PURE__ */ G(Dt, [["__scopeId", "data-v-08fa37eb"]]), Tt = ["placeholder", "value", "id"], Mt = { class: "btn btn-ghost" }, It = ["id"], Ot = {
   key: 0,
   class: "flex justify-between items-center place-content-center mb-4"
-}, Vt = ["value"], Pt = ["value"], At = {
+}, Bt = ["value"], Vt = ["value"], Pt = {
   key: 1,
   class: "gap-2 grid grid-cols-7"
-}, zt = ["onClick"], Ut = {
+}, At = ["onClick"], zt = {
   key: 2,
   class: "mt-4 lg:w-80"
-}, jt = {
+}, Ut = {
   key: 0,
   class: "mb-2 font-bold text-lg"
-}, Nt = { key: 1 }, Rt = {
+}, jt = { key: 1 }, Nt = {
   key: 1,
   class: "flex gap-4"
-}, Lt = ["value"], Ft = ["value"], Et = {
+}, Rt = ["value"], Lt = ["value"], Ht = {
   key: 2,
   class: "flex flex-col gap-4"
-}, Ht = {
+}, Ft = {
   key: 1,
   class: "flex gap-2"
-}, qt = ["value"], Wt = ["value"], Yt = {
+}, Et = ["value"], qt = ["value"], Wt = {
   key: 1,
   class: "flex gap-2"
-}, Jt = ["value"], Gt = ["value"], Kt = { class: "flex gap-2 mt-4" }, Xt = {
+}, Yt = ["value"], Jt = ["value"], Gt = { class: "flex gap-2 mt-4" }, Kt = {
   __name: "datetimePicker",
   props: {
     mode: {
@@ -859,7 +863,7 @@ const Ye = ae("SunIcon", [
     N(() => e.range, (u) => {
       u ? (s.value = { start: null, end: null }, c.value = { start: null, end: null }) : (s.value = null, c.value = null);
     });
-    const t = d, o = x(!1), s = x(e.range ? { start: null, end: null } : null), c = x(e.range ? { start: null, end: null } : null), h = x((/* @__PURE__ */ new Date()).toLocaleString("default", { month: "long" })), v = x((/* @__PURE__ */ new Date()).getFullYear()), m = x(e.range ? { start: 0, end: 0 } : 0), y = x(e.range ? { start: 0, end: 0 } : 0), j = x(null), H = O(() => `${e.id}-input`), M = O(() => `${e.id}-popup`), f = O(() => e.mode === "date" || e.mode === "datetime"), b = O(() => e.mode === "time" || e.mode === "datetime");
+    const t = d, o = x(!1), s = x(e.range ? { start: null, end: null } : null), c = x(e.range ? { start: null, end: null } : null), h = x((/* @__PURE__ */ new Date()).toLocaleString("default", { month: "long" })), v = x((/* @__PURE__ */ new Date()).getFullYear()), m = x(e.range ? { start: 0, end: 0 } : 0), y = x(e.range ? { start: 0, end: 0 } : 0), j = x(null), E = O(() => `${e.id}-input`), M = O(() => `${e.id}-popup`), f = O(() => e.mode === "date" || e.mode === "datetime"), b = O(() => e.mode === "time" || e.mode === "datetime");
     O(() => new Date(v.value, g.value));
     const g = O(() => J.indexOf(h.value)), D = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], w = O(() => new Date(v.value, g.value).getDay()), I = O(() => {
       const u = new Date(v.value, g.value + 1, 0).getDate();
@@ -882,8 +886,8 @@ const Ye = ae("SunIcon", [
       if (!b.value) return "";
       const u = (p) => {
         var ee, K, ce;
-        const r = ((ee = m.value) == null ? void 0 : ee[p]) ?? m.value, F = ((K = y.value) == null ? void 0 : K[p]) ?? y.value;
-        return q.value ? ((ce = c.value) == null ? void 0 : ce[p]) ?? c.value : `${r.toString().padStart(2, "0")}:${F.toString().padStart(2, "0")}`;
+        const r = ((ee = m.value) == null ? void 0 : ee[p]) ?? m.value, H = ((K = y.value) == null ? void 0 : K[p]) ?? y.value;
+        return q.value ? ((ce = c.value) == null ? void 0 : ce[p]) ?? c.value : `${r.toString().padStart(2, "0")}:${H.toString().padStart(2, "0")}`;
       };
       return e.range ? `${u("start")} - ${u("end")}` : u();
     }), Q = O(() => {
@@ -901,8 +905,8 @@ const Ye = ae("SunIcon", [
       return u.getDate() === p.getDate() && u.getMonth() === p.getMonth() && u.getFullYear() === p.getFullYear();
     }, xe = (u) => (u = W(u), e.range && A(s.value.start) && u.getTime() === s.value.start.getTime()), Ce = (u) => (u = W(u), e.range && A(s.value.end) && u.getTime() === s.value.end.getTime()), De = (u) => {
       if (u = W(u), e.range && A(s.value.start) && A(s.value.end)) {
-        const p = s.value.start.getTime(), r = s.value.end.getTime(), F = u.getTime();
-        return F > p && F < r;
+        const p = s.value.start.getTime(), r = s.value.end.getTime(), H = u.getTime();
+        return H > p && H < r;
       }
       return !1;
     }, Te = () => {
@@ -915,10 +919,10 @@ const Ye = ae("SunIcon", [
       j.value && !j.value.contains(u.target) && o.value == !0 && ue();
     }, V = () => {
       let u = {};
-      const p = (r, F, ee) => {
+      const p = (r, H, ee) => {
         r instanceof Date && !isNaN(r) || (r = /* @__PURE__ */ new Date());
         const K = new Date(r);
-        return K.setUTCHours(F, ee, 0, 0), K.toISOString();
+        return K.setUTCHours(H, ee, 0, 0), K.toISOString();
       };
       e.range ? (u.from = p(
         s.value.start,
@@ -955,19 +959,19 @@ const Ye = ae("SunIcon", [
             placeholder: i.placeholder,
             value: Q.value,
             readonly: "",
-            id: H.value
-          }, null, 8, Mt),
-          n("button", It, [
+            id: E.value
+          }, null, 8, Tt),
+          n("button", Mt, [
             X(U(qe))
           ])
         ], !0) : T("", !0)
       ]),
       o.value || !i.popup ? (a(), l("div", {
         key: 0,
-        class: _(["z-50 lg:bg-base-100 md:mt-2 md:p-4 px-4 rounded-md w-full", [{ absolute: i.popup }]]),
+        class: $(["z-50 lg:bg-base-100 md:mt-2 md:p-4 px-4 rounded-md w-full", [{ absolute: i.popup }]]),
         id: M.value
       }, [
-        f.value ? (a(), l("div", Bt, [
+        f.value ? (a(), l("div", Ot, [
           n("button", {
             class: "hidden md:block btn-outline btn btn-primary md:btn-sm",
             onClick: Te
@@ -992,24 +996,24 @@ const Ye = ae("SunIcon", [
             "onUpdate:modelValue": p[0] || (p[0] = (r) => h.value = r),
             onChange: V
           }, [
-            (a(), l($, null, C(J, (r, F) => n("option", {
-              key: F,
+            (a(), l(_, null, C(J, (r, H) => n("option", {
+              key: H,
               value: r
-            }, S(r), 9, Vt)), 64))
+            }, S(r), 9, Bt)), 64))
           ], 544), [
-            [E, h.value]
+            [F, h.value]
           ]),
           z(n("select", {
             class: "border-none w-24 select",
             "onUpdate:modelValue": p[1] || (p[1] = (r) => v.value = r),
             onChange: V
           }, [
-            (a(!0), l($, null, C(Z.value, (r) => (a(), l("option", {
+            (a(!0), l(_, null, C(Z.value, (r) => (a(), l("option", {
               key: r,
               value: r
-            }, S(r), 9, Pt))), 128))
+            }, S(r), 9, Vt))), 128))
           ], 544), [
-            [E, v.value]
+            [F, v.value]
           ]),
           n("button", {
             class: "hidden md:block btn-outline btn btn-primary md:btn-sm",
@@ -1031,30 +1035,30 @@ const Ye = ae("SunIcon", [
             ], -1)
           ]))
         ])) : T("", !0),
-        f.value ? (a(), l("div", At, [
-          (a(), l($, null, C(D, (r) => n("div", {
+        f.value ? (a(), l("div", Pt, [
+          (a(), l(_, null, C(D, (r) => n("div", {
             key: r,
             class: "text-center"
           }, S(r), 1)), 64)),
-          (a(!0), l($, null, C(P.value, (r) => (a(), l("div", {
+          (a(!0), l(_, null, C(P.value, (r) => (a(), l("div", {
             key: r,
             class: "text-center"
           }))), 128)),
-          (a(!0), l($, null, C(I.value, (r) => (a(), l("div", {
+          (a(!0), l(_, null, C(I.value, (r) => (a(), l("div", {
             key: r,
-            class: _(["hover:bg-primary-10 py-1 rounded-full text-center cursor-pointer", {
+            class: $(["hover:bg-primary-10 py-1 rounded-full text-center cursor-pointer", {
               "bg-primary text-primary-content": _e(r),
               today: Se(r),
               "range-start bg-primary text-primary-content": xe(r),
               "range-end bg-primary text-primary-content": Ce(r),
               "in-range bg-primary/20 hover:bg-primary/10": De(r)
             }]),
-            onClick: (F) => $e(r)
-          }, S(r.getDate()), 11, zt))), 128))
+            onClick: (H) => $e(r)
+          }, S(r.getDate()), 11, At))), 128))
         ])) : T("", !0),
-        b.value ? (a(), l("div", Ut, [
-          e.range ? T("", !0) : (a(), l("h3", jt, "Select Time")),
-          e.range ? (a(), l("div", Et, [
+        b.value ? (a(), l("div", zt, [
+          e.range ? T("", !0) : (a(), l("h3", Ut, "Select Time")),
+          e.range ? (a(), l("div", Ht, [
             n("div", null, [
               p[13] || (p[13] = n("p", { class: "font-bold" }, "Start Time", -1)),
               q.value ? z((a(), l("input", {
@@ -1065,19 +1069,19 @@ const Ye = ae("SunIcon", [
                 onChange: V
               }, null, 544)), [
                 [ne, c.value.start]
-              ]) : (a(), l("div", Ht, [
+              ]) : (a(), l("div", Ft, [
                 z(n("select", {
                   class: "w-full select-bordered select",
                   "onUpdate:modelValue": p[6] || (p[6] = (r) => m.value.start = r),
                   onChange: V
                 }, [
-                  (a(!0), l($, null, C(U(R), (r) => (a(), l("option", {
+                  (a(!0), l(_, null, C(U(R), (r) => (a(), l("option", {
                     key: r,
                     value: r
-                  }, S(r.toString().padStart(2, "0")), 9, qt))), 128))
+                  }, S(r.toString().padStart(2, "0")), 9, Et))), 128))
                 ], 544), [
                   [
-                    E,
+                    F,
                     m.value.start,
                     void 0,
                     { number: !0 }
@@ -1088,13 +1092,13 @@ const Ye = ae("SunIcon", [
                   "onUpdate:modelValue": p[7] || (p[7] = (r) => y.value.start = r),
                   onChange: V
                 }, [
-                  (a(!0), l($, null, C(U(L), (r) => (a(), l("option", {
+                  (a(!0), l(_, null, C(U(L), (r) => (a(), l("option", {
                     key: r,
                     value: r
-                  }, S(r.toString().padStart(2, "0")), 9, Wt))), 128))
+                  }, S(r.toString().padStart(2, "0")), 9, qt))), 128))
                 ], 544), [
                   [
-                    E,
+                    F,
                     y.value.start,
                     void 0,
                     { number: !0 }
@@ -1112,19 +1116,19 @@ const Ye = ae("SunIcon", [
                 onChange: V
               }, null, 544)), [
                 [ne, c.value.end]
-              ]) : (a(), l("div", Yt, [
+              ]) : (a(), l("div", Wt, [
                 z(n("select", {
                   class: "w-full select-bordered select",
                   "onUpdate:modelValue": p[9] || (p[9] = (r) => m.value.end = r),
                   onChange: V
                 }, [
-                  (a(!0), l($, null, C(U(R), (r) => (a(), l("option", {
+                  (a(!0), l(_, null, C(U(R), (r) => (a(), l("option", {
                     key: r,
                     value: r
-                  }, S(r.toString().padStart(2, "0")), 9, Jt))), 128))
+                  }, S(r.toString().padStart(2, "0")), 9, Yt))), 128))
                 ], 544), [
                   [
-                    E,
+                    F,
                     m.value.end,
                     void 0,
                     { number: !0 }
@@ -1135,13 +1139,13 @@ const Ye = ae("SunIcon", [
                   "onUpdate:modelValue": p[10] || (p[10] = (r) => y.value.end = r),
                   onChange: V
                 }, [
-                  (a(!0), l($, null, C(U(L), (r) => (a(), l("option", {
+                  (a(!0), l(_, null, C(U(L), (r) => (a(), l("option", {
                     key: r,
                     value: r
-                  }, S(r.toString().padStart(2, "0")), 9, Gt))), 128))
+                  }, S(r.toString().padStart(2, "0")), 9, Jt))), 128))
                 ], 544), [
                   [
-                    E,
+                    F,
                     y.value.end,
                     void 0,
                     { number: !0 }
@@ -1149,7 +1153,7 @@ const Ye = ae("SunIcon", [
                 ])
               ]))
             ])
-          ])) : (a(), l("div", Nt, [
+          ])) : (a(), l("div", jt, [
             q.value ? z((a(), l("input", {
               key: 0,
               type: "time",
@@ -1158,19 +1162,19 @@ const Ye = ae("SunIcon", [
               onChange: V
             }, null, 544)), [
               [ne, c.value]
-            ]) : (a(), l("div", Rt, [
+            ]) : (a(), l("div", Nt, [
               z(n("select", {
                 class: "w-full select-bordered select",
                 "onUpdate:modelValue": p[3] || (p[3] = (r) => m.value = r),
                 onChange: V
               }, [
-                (a(!0), l($, null, C(U(R), (r) => (a(), l("option", {
+                (a(!0), l(_, null, C(U(R), (r) => (a(), l("option", {
                   key: r,
                   value: r
-                }, S(r.toString().padStart(2, "0")), 9, Lt))), 128))
+                }, S(r.toString().padStart(2, "0")), 9, Rt))), 128))
               ], 544), [
                 [
-                  E,
+                  F,
                   m.value,
                   void 0,
                   { number: !0 }
@@ -1181,13 +1185,13 @@ const Ye = ae("SunIcon", [
                 "onUpdate:modelValue": p[4] || (p[4] = (r) => y.value = r),
                 onChange: V
               }, [
-                (a(!0), l($, null, C(U(L), (r) => (a(), l("option", {
+                (a(!0), l(_, null, C(U(L), (r) => (a(), l("option", {
                   key: r,
                   value: r
-                }, S(r.toString().padStart(2, "0")), 9, Ft))), 128))
+                }, S(r.toString().padStart(2, "0")), 9, Lt))), 128))
               ], 544), [
                 [
-                  E,
+                  F,
                   y.value,
                   void 0,
                   { number: !0 }
@@ -1196,9 +1200,9 @@ const Ye = ae("SunIcon", [
             ]))
           ]))
         ])) : T("", !0),
-        n("div", Kt, [
+        n("div", Gt, [
           n("button", {
-            class: _(["btn btn-secondary", i.popup ? "w-fit" : "w-full"]),
+            class: $(["btn btn-secondary", i.popup ? "w-fit" : "w-full"]),
             onClick: ke
           }, "Clear", 2),
           i.popup ? (a(), l("button", {
@@ -1207,13 +1211,13 @@ const Ye = ae("SunIcon", [
             onClick: ue
           }, "Close")) : T("", !0)
         ])
-      ], 10, Ot)) : T("", !0)
+      ], 10, It)) : T("", !0)
     ], 512));
   }
-}, Zt = /* @__PURE__ */ G(Xt, [["__scopeId", "data-v-488ecabe"]]), Qt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Xt = /* @__PURE__ */ G(Kt, [["__scopeId", "data-v-488ecabe"]]), Zt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: Zt
-}, Symbol.toStringTag, { value: "Module" })), en = ["value", "checked", "onChange", "disabled"], Yn = /* @__PURE__ */ B({
+  default: Xt
+}, Symbol.toStringTag, { value: "Module" })), Qt = ["value", "checked", "onChange", "disabled"], Wn = /* @__PURE__ */ B({
   __name: "rating",
   props: {
     initialRating: { default: 0 },
@@ -1234,18 +1238,18 @@ const Ye = ae("SunIcon", [
       e.value = o;
     };
     return (o, s) => (a(), l("div", {
-      class: _(["rating", [
+      class: $(["rating", [
         `rating-${d.size}`,
         { "rating-half": o.halfStars }
       ]])
     }, [
-      (a(!0), l($, null, C(o.numberOfStars * (o.halfStars ? 2 : 1), (c) => (a(), l("input", {
+      (a(!0), l(_, null, C(o.numberOfStars * (o.halfStars ? 2 : 1), (c) => (a(), l("input", {
         key: c,
         type: "radio",
         value: o.halfStars ? c * 0.5 : c,
         checked: e.value === (o.halfStars ? c * 0.5 : c),
         onChange: (h) => o.isInteractive ? t(o.halfStars ? c * 0.5 : c) : null,
-        class: _(["mask mask-star", {
+        class: $(["mask mask-star", {
           "bg-yellow-400": e.value >= (o.halfStars ? c * 0.5 : c),
           "mask-half-1": o.halfStars && c % 2 !== 0,
           "mask-half-2": o.halfStars && c % 2 === 0,
@@ -1253,10 +1257,10 @@ const Ye = ae("SunIcon", [
           "cursor-default": !o.isInteractive
         }]),
         disabled: !o.isInteractive
-      }, null, 42, en))), 128))
+      }, null, 42, Qt))), 128))
     ], 2));
   }
-}), tn = { class: "badge" }, nn = ["onClick"], an = { class: "opacity-75" }, ln = ["placeholder"], Jn = /* @__PURE__ */ B({
+}), en = { class: "badge" }, tn = ["onClick"], nn = { class: "opacity-75" }, an = ["placeholder"], Yn = /* @__PURE__ */ B({
   __name: "taginput",
   props: {
     modelValue: {},
@@ -1273,25 +1277,25 @@ const Ye = ae("SunIcon", [
       o.value = o.value.filter((f) => f !== M), t("update:modelValue", o.value);
     }, j = () => {
       h.value === "" && (o.value.pop(), t("update:modelValue", o.value));
-    }, H = (M) => {
+    }, E = (M) => {
       M.key === "Enter" ? m() : M.key === "Backspace" && h.value === "" && j();
     };
     return N(() => e.modelValue, (M) => {
       o.value = [...M];
     }), (M, f) => (a(), l("div", {
-      class: _(["flex flex-wrap gap-2 bg-base-100 shadow px-4 py-6 border border-base-content/20 rounded", M.$props.class])
+      class: $(["flex flex-wrap gap-2 bg-base-100 shadow px-4 py-6 border border-base-content/20 rounded", M.$props.class])
     }, [
-      (a(!0), l($, null, C(o.value, (b) => k(M.$slots, "tag", {
+      (a(!0), l(_, null, C(o.value, (b) => k(M.$slots, "tag", {
         key: b,
         tag: b
       }, () => [
-        n("div", tn, [
+        n("div", en, [
           n("button", {
             class: "!px-1 !py-0 h-fit font-bold cursor-pointer",
             onClick: (g) => y(b),
             "aria-label": "Remove tag"
-          }, "X", 8, nn),
-          n("span", an, S(b), 1)
+          }, "X", 8, tn),
+          n("span", nn, S(b), 1)
         ])
       ])), 128)),
       k(M.$slots, "input", { showInput: v.value }, () => [
@@ -1303,15 +1307,15 @@ const Ye = ae("SunIcon", [
           type: "text",
           placeholder: M.placeholder || "Type here",
           class: "h-full input input-ghost",
-          onKeydown: H,
+          onKeydown: E,
           "aria-label": "Add tags"
-        }, null, 40, ln)), [
+        }, null, 40, an)), [
           [ne, h.value]
         ]) : T("", !0)
       ])
     ], 2));
   }
-}), Gn = /* @__PURE__ */ B({
+}), Jn = /* @__PURE__ */ B({
   __name: "loader",
   props: {
     loading: { type: Boolean, default: !0 },
@@ -1328,7 +1332,7 @@ const Ye = ae("SunIcon", [
       }
     ), (t, o) => e.value ? (a(), l("span", {
       key: 0,
-      class: _(["loading", [
+      class: $(["loading", [
         { "loading-xs": t.size === "xs" },
         { "loading-sm": t.size === "sm" },
         { "loading-md": t.size === "md" },
@@ -1353,13 +1357,13 @@ const Ye = ae("SunIcon", [
       ]])
     }, null, 2)) : T("", !0);
   }
-}), on = { class: "footer sm:footer-horizontal container" }, sn = { class: "footer-title" }, rn = ["href"], un = {
+}), ln = { class: "footer sm:footer-horizontal container" }, on = { class: "footer-title" }, sn = ["href"], rn = {
   key: 0,
   class: "sm:hidden w-full"
-}, dn = { class: "border-b-2 border-base-100 last:border-b-0 w-full" }, cn = {
+}, un = { class: "border-b-2 border-base-100 last:border-b-0 w-full" }, dn = {
   tabindex: "0",
   class: "collapse collapse-plus w-full"
-}, pn = { class: "collapse-title font-bold text-lg collapsible-footer-title" }, fn = { class: "collapse-content flex w-full text-sm" }, mn = { class: "flex flex-col gap-2.5" }, vn = { class: "w-full" }, gn = ["href"], hn = { class: "w-full" }, Kn = /* @__PURE__ */ B({
+}, cn = { class: "collapse-title font-bold text-lg collapsible-footer-title" }, pn = { class: "collapse-content flex w-full text-sm" }, fn = { class: "flex flex-col gap-2.5" }, mn = { class: "w-full" }, vn = ["href"], gn = { class: "w-full" }, Gn = /* @__PURE__ */ B({
   __name: "footer",
   props: {
     items: {},
@@ -1370,47 +1374,47 @@ const Ye = ae("SunIcon", [
   setup(i) {
     const d = i;
     return (e, t) => (a(), l("div", {
-      class: _(["mx-auto md:px-10 py-10 text-base-content", [e.background ?? "bg-base-200", e.color ?? "text-base-content"]])
+      class: $(["mx-auto md:px-10 py-10 text-base-content", [e.background ?? "bg-base-200", e.color ?? "text-base-content"]])
     }, [
-      n("footer", on, [
-        (a(!0), l($, null, C(d.items, (o) => (a(), l("nav", {
-          class: _([{ "hidden sm:grid": e.collapseOnMobile }])
+      n("footer", ln, [
+        (a(!0), l(_, null, C(d.items, (o) => (a(), l("nav", {
+          class: $([{ "hidden sm:grid": e.collapseOnMobile }])
         }, [
-          n("h6", sn, S(o.title), 1),
-          (a(!0), l($, null, C(o.items, (s) => (a(), l("a", {
+          n("h6", on, S(o.title), 1),
+          (a(!0), l(_, null, C(o.items, (s) => (a(), l("a", {
             class: "link link-hover",
             href: s.link
-          }, S(s.text), 9, rn))), 256))
+          }, S(s.text), 9, sn))), 256))
         ], 2))), 256)),
-        e.collapseOnMobile ? (a(), l("nav", un, [
-          (a(!0), l($, null, C(d.items, (o) => (a(), l("ul", dn, [
-            n("div", cn, [
-              n("div", pn, S(o.title), 1),
-              n("div", fn, [
-                n("ul", mn, [
-                  (a(!0), l($, null, C(o.items, (s) => (a(), l("li", vn, [
+        e.collapseOnMobile ? (a(), l("nav", rn, [
+          (a(!0), l(_, null, C(d.items, (o) => (a(), l("ul", un, [
+            n("div", dn, [
+              n("div", cn, S(o.title), 1),
+              n("div", pn, [
+                n("ul", fn, [
+                  (a(!0), l(_, null, C(o.items, (s) => (a(), l("li", mn, [
                     n("a", {
                       class: "w-full font-medium link link-hover",
                       href: s.link
-                    }, S(s.text), 9, gn)
+                    }, S(s.text), 9, vn)
                   ]))), 256))
                 ])
               ])
             ])
           ]))), 256))
         ])) : T("", !0),
-        n("aside", hn, [
+        n("aside", gn, [
           k(e.$slots, "default")
         ])
       ])
     ], 2));
   }
-}), bn = {}, yn = { class: "min-h-40 container hero" }, wn = { class: "px-0! text-center hero-content" }, kn = { class: "mt-9 text-4xl" };
-function $n(i, d) {
-  return a(), l("div", yn, [
-    n("div", wn, [
+}), hn = {}, bn = { class: "min-h-40 container hero" }, yn = { class: "px-0! text-center hero-content" }, wn = { class: "mt-9 text-4xl" };
+function kn(i, d) {
+  return a(), l("div", bn, [
+    n("div", yn, [
       n("div", null, [
-        n("h1", kn, [
+        n("h1", wn, [
           k(i.$slots, "title", {}, () => [
             d[0] || (d[0] = re("hero title"))
           ])
@@ -1425,7 +1429,7 @@ function $n(i, d) {
     ])
   ]);
 }
-const Xn = /* @__PURE__ */ G(bn, [["render", $n]]), _n = { class: "flex flex-row place-content-center gap-4 categories" }, Sn = ["onClick"], Zn = /* @__PURE__ */ B({
+const Kn = /* @__PURE__ */ G(hn, [["render", kn]]), $n = { class: "flex flex-row place-content-center gap-4 categories" }, _n = ["onClick"], Xn = /* @__PURE__ */ B({
   __name: "categoryNavigation",
   props: {
     searchOptions: {},
@@ -1437,18 +1441,18 @@ const Xn = /* @__PURE__ */ G(bn, [["render", $n]]), _n = { class: "flex flex-row
     function o(s) {
       t("update:currentCategory", s);
     }
-    return (s, c) => (a(), l("div", _n, [
-      (a(!0), l($, null, C(e.searchOptions, (h) => (a(), l("div", {
+    return (s, c) => (a(), l("div", $n, [
+      (a(!0), l(_, null, C(e.searchOptions, (h) => (a(), l("div", {
         key: h.category
       }, [
         n("button", {
           onClick: (v) => o(h.category),
-          class: _(["truncate btn btn-ghost", { "font-semibold": e.currentCategory === h.category }])
-        }, S(h.category), 11, Sn)
+          class: $(["truncate btn btn-ghost", { "font-semibold": e.currentCategory === h.category }])
+        }, S(h.category), 11, _n)
       ]))), 128))
     ]));
   }
-}), xn = { class: "md:flex hidden navbar-start" }, Cn = { class: "md:flex justify-center items-center hidden navbar-center" }, Dn = { class: "md:flex hidden navbar-end" }, Tn = { class: "navbar-bottom md:flex hidden" }, Mn = /* @__PURE__ */ B({
+}), Sn = { class: "md:flex hidden navbar-start" }, xn = { class: "md:flex justify-center items-center hidden navbar-center" }, Cn = { class: "md:flex hidden navbar-end" }, Dn = { class: "navbar-bottom md:flex hidden" }, Tn = /* @__PURE__ */ B({
   __name: "navigationBar",
   props: {
     isCollapsed: { type: Boolean, default: !0 }
@@ -1456,30 +1460,30 @@ const Xn = /* @__PURE__ */ G(bn, [["render", $n]]), _n = { class: "flex flex-row
   setup(i) {
     const d = i;
     return (e, t) => (a(), l("nav", {
-      class: _(["place-items-start border-primary bg-base-100 px-5 py-5 border-b-4 transition-all navbar navigationbar", d.isCollapsed ? "collapsed" : ""])
+      class: $(["place-items-start border-primary bg-base-100 px-5 py-5 border-b-4 transition-all navbar navigationbar", d.isCollapsed ? "collapsed" : ""])
     }, [
-      n("div", xn, [
+      n("div", Sn, [
         k(e.$slots, "start", {}, void 0, !0)
       ]),
-      n("div", Cn, [
+      n("div", xn, [
         k(e.$slots, "center", {}, void 0, !0)
       ]),
-      n("div", Dn, [
+      n("div", Cn, [
         k(e.$slots, "end", {}, void 0, !0)
       ]),
-      n("div", Tn, [
+      n("div", Dn, [
         k(e.$slots, "bottom", {}, void 0, !0)
       ])
     ], 2));
   }
-}), Qn = /* @__PURE__ */ G(Mn, [["__scopeId", "data-v-8ddb2b45"]]), In = {
+}), Zn = /* @__PURE__ */ G(Tn, [["__scopeId", "data-v-8ddb2b45"]]), Mn = {
   key: 0,
   class: "hidden top-4 right-0 absolute md:flex gap-4"
-}, On = ["onClick", "aria-selected"], Bn = {
+}, In = ["onClick", "aria-selected"], On = {
   key: 0,
   role: "tabpanel",
   class: "p-6 border-x-0 border-t-2 border-b-0 border-base-300 max-w-full overflow-x-auto tab-content"
-}, Vn = { class: "p-6 border-x-0 border-t-2 border-b-0 border-base-300 max-w-full" }, ea = /* @__PURE__ */ B({
+}, Bn = { class: "p-6 border-x-0 border-t-2 border-b-0 border-base-300 max-w-full" }, Qn = /* @__PURE__ */ B({
   __name: "tab",
   props: {
     items: {},
@@ -1507,12 +1511,12 @@ const Xn = /* @__PURE__ */ G(bn, [["render", $n]]), _n = { class: "flex flex-row
       e.rotateTabsAfter && e.rotateTabsAfter > 0 && setInterval(() => {
         c();
       }, e.rotateTabsAfter * 1e3);
-    }), (v, m) => (a(), l($, null, [
+    }), (v, m) => (a(), l(_, null, [
       n("div", {
         role: "tablist",
-        class: _(["relative tabs-bordered w-full tabs tabs-lg", { "flex-nowrap overflow-x-auto": v.buttonOnlyMode }])
+        class: $(["relative tabs-bordered w-full tabs tabs-lg", { "flex-nowrap overflow-x-auto": v.buttonOnlyMode }])
       }, [
-        v.withControlls ? (a(), l("div", In, [
+        v.withControlls ? (a(), l("div", Mn, [
           n("button", {
             onClick: m[0] || (m[0] = (y) => h()),
             class: "cursor-pointer"
@@ -1522,45 +1526,45 @@ const Xn = /* @__PURE__ */ G(bn, [["render", $n]]), _n = { class: "flex flex-row
             class: "text-primary cursor-pointer"
           }, "Next")
         ])) : T("", !0),
-        (a(!0), l($, null, C(v.items, (y) => (a(), l($, null, [
+        (a(!0), l(_, null, C(v.items, (y) => (a(), l(_, null, [
           n("a", {
             type: "button",
             role: "tab",
-            class: _(["min-w-max tab", y === t.value ? "bg-primary text-base-100" : ""]),
+            class: $(["min-w-max tab", y === t.value ? "bg-primary text-base-100" : ""]),
             onClick: (j) => s(y),
             "aria-selected": t.value == y
-          }, S(y), 11, On),
-          v.buttonOnlyMode ? T("", !0) : (a(), l("div", Bn, [
+          }, S(y), 11, In),
+          v.buttonOnlyMode ? T("", !0) : (a(), l("div", On, [
             k(v.$slots, `${y}-tab`)
           ]))
         ], 64))), 256))
       ], 2),
-      n("div", Vn, [
+      n("div", Bn, [
         k(v.$slots, "default")
       ])
     ], 64));
   }
 });
 export {
-  Rn as Accordion,
-  Wn as AdvancedSearch,
-  Ln as Avatar,
-  Fn as Badge,
-  An as ButtonComponent,
-  En as Card,
-  Hn as Carousel,
-  qn as CarouselItem,
-  Zn as CategoryNavigation,
-  Zt as DatetimePicker,
-  zn as Dropdown,
-  Kn as Footer,
-  Xn as Hero,
-  Gn as Loader,
-  Un as Modal,
-  Qn as NavigationBar,
-  Yn as Rating,
-  jn as Swap,
-  ea as Tab,
-  Jn as TagInput,
-  Nn as ThemeController
+  Nn as Accordion,
+  qn as AdvancedSearch,
+  Rn as Avatar,
+  Ln as Badge,
+  Pn as ButtonComponent,
+  Hn as Card,
+  Fn as Carousel,
+  En as CarouselItem,
+  Xn as CategoryNavigation,
+  Xt as DatetimePicker,
+  An as Dropdown,
+  Gn as Footer,
+  Kn as Hero,
+  Jn as Loader,
+  zn as Modal,
+  Zn as NavigationBar,
+  Wn as Rating,
+  Un as Swap,
+  Qn as Tab,
+  Yn as TagInput,
+  jn as ThemeController
 };