manolis-ui 0.2.7 → 0.2.10

package/dist/manolis-ui.js

@@ -1,8 +1,8 @@
-import { defineComponent as M, computed as T, createElementBlock as o, openBlock as a, normalizeClass as k, createCommentVNode as D, renderSlot as h, createTextVNode as ae, createElementVNode as n, Fragment as y, renderList as C, toDisplayString as w, ref as _, h as ne, onMounted as E, watch as L, withDirectives as V, createVNode as Y, isRef as Te, vModelCheckbox as Me, unref as A, defineAsyncComponent as Be, onBeforeUnmount as Ie, normalizeStyle as Oe, createBlock as re, resolveDynamicComponent as ie, mergeProps as ue, nextTick as de, onUnmounted as pe, vModelSelect as j, vModelText as Z } from "vue";
+import { defineComponent as M, computed as T, createElementBlock as o, openBlock as a, normalizeClass as w, createCommentVNode as x, renderSlot as y, createTextVNode as ae, createElementVNode as n, Fragment as h, renderList as $, toDisplayString as b, ref as C, h as ne, onMounted as E, watch as L, withDirectives as V, createVNode as Y, isRef as Te, vModelCheckbox as Me, unref as A, defineAsyncComponent as Be, onBeforeUnmount as Oe, normalizeStyle as Ie, createBlock as re, resolveDynamicComponent as ie, mergeProps as ue, nextTick as de, onUnmounted as pe, vModelSelect as j, vModelText as Z } from "vue";
 const Ve = {
   key: 0,
   class: "loading loading-spinner"
-}, bn = /* @__PURE__ */ M({
+}, Sn = /* @__PURE__ */ M({
   __name: "ButtonComponent",
   props: {
     outlined: { type: Boolean, default: !1 },
@@ -64,10 +64,10 @@ const Ve = {
       }
     });
     return (r, p) => (a(), o("button", {
-      class: k(["btn", { "btn-outline": u.outlined }, { "btn-active": u.active }, t.value, e.value, l.value])
+      class: w(["btn", { "btn-outline": u.outlined }, { "btn-active": u.active }, t.value, e.value, l.value])
     }, [
-      r.loading ? (a(), o("span", Ve)) : D("", !0),
-      h(r.$slots, "default", {}, () => [
+      r.loading ? (a(), o("span", Ve)) : x("", !0),
+      y(r.$slots, "default", {}, () => [
         p[0] || (p[0] = ae("Submit"))
       ])
     ], 2));
@@ -75,7 +75,7 @@ const Ve = {
 }), 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"
-}, Ae = ["href"], yn = /* @__PURE__ */ M({
+}, Ae = ["href"], Dn = /* @__PURE__ */ M({
   __name: "dropdown",
   props: {
     items: {},
@@ -95,25 +95,25 @@ const Ve = {
       end: "dropdown-end"
     }, t = d;
     return (l, r) => (a(), o("div", {
-      class: k(["dropdown", u[t.position], e[t.floatPosition], { "dropdown-open": t.forceOpen }, { "dropdown-hover": t.openOnHover }])
+      class: w(["dropdown", u[t.position], e[t.floatPosition], { "dropdown-open": t.forceOpen }, { "dropdown-hover": t.openOnHover }])
     }, [
-      h(l.$slots, "default", {
+      y(l.$slots, "default", {
         tabindex: "0",
         role: "button"
       }, () => [
         r[0] || (r[0] = n("div", { class: "m-1 btn" }, "Open dropdown", -1))
       ]),
       n("ul", Ue, [
-        (a(!0), o(y, null, C(l.items, (p) => (a(), o("li", null, [
+        (a(!0), o(h, null, $(l.items, (p) => (a(), o("li", null, [
           n("a", {
             href: p.link
-          }, w(p.text), 9, Ae)
+          }, b(p.text), 9, Ae)
         ]))), 256)),
-        h(l.$slots, "additional")
+        y(l.$slots, "additional")
       ])
     ], 2));
   }
-}), ze = { class: "modal-box" }, Re = { class: "modal-action" }, wn = /* @__PURE__ */ M({
+}), ze = { class: "modal-box" }, Re = { class: "modal-action" }, Tn = /* @__PURE__ */ M({
   __name: "modal",
   props: {
     position: { default: "center" },
@@ -124,37 +124,37 @@ const Ve = {
       top: "modal-top",
       bottom: "modal-bottom",
       center: "modal-middle"
-    }, t = _(null), l = () => {
+    }, t = C(null), l = () => {
       var p;
       (p = t.value) == null || p.showModal();
     }, r = () => {
       var p;
       (p = t.value) == null || p.close();
     };
-    return (p, v) => (a(), o(y, null, [
+    return (p, v) => (a(), o(h, null, [
       n("span", {
         class: "w-fit cursor-pointer",
         onClick: l
       }, [
-        h(p.$slots, "trigger", { role: "button" }, () => [
+        y(p.$slots, "trigger", { role: "button" }, () => [
           v[0] || (v[0] = n("button", { class: "btn" }, "Open", -1))
         ])
       ]),
       n("dialog", {
         ref_key: "dialog",
         ref: t,
-        class: k(["modal", e[u.position]])
+        class: w(["modal", e[u.position]])
       }, [
         n("div", ze, [
-          h(p.$slots, "default"),
+          y(p.$slots, "default"),
           n("div", Re, [
-            h(p.$slots, "actions"),
+            y(p.$slots, "actions"),
             n("form", {
               method: "dialog",
               onSubmit: r,
-              class: k(p.withBackdrop ? "modal-backdrop" : "")
+              class: w(p.withBackdrop ? "modal-backdrop" : "")
             }, [
-              h(p.$slots, "close-button", {}, () => [
+              y(p.$slots, "close-button", {}, () => [
                 v[1] || (v[1] = n("button", { class: "btn" }, "Close", -1))
               ])
             ], 34)
@@ -163,7 +163,7 @@ const Ve = {
       ], 2)
     ], 64));
   }
-}), Pe = { class: "swap-on" }, je = { class: "swap-off" }, kn = /* @__PURE__ */ M({
+}), Pe = { class: "swap-on" }, je = { class: "swap-off" }, Mn = /* @__PURE__ */ M({
   __name: "swap",
   props: {
     effect: {}
@@ -171,14 +171,14 @@ const Ve = {
   setup(d) {
     const u = d;
     return (e, t) => (a(), o("label", {
-      class: k(["swap", u.effect ? `swap-${e.effect}` : ""])
+      class: w(["swap", u.effect ? `swap-${e.effect}` : ""])
     }, [
       t[0] || (t[0] = n("input", { type: "checkbox" }, null, -1)),
       n("div", Pe, [
-        h(e.$slots, "on")
+        y(e.$slots, "on")
       ]),
       n("div", je, [
-        h(e.$slots, "off")
+        y(e.$slots, "off")
       ])
     ], 2));
   }
@@ -289,7 +289,7 @@ const He = G("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" }]
 ]), qe = (d, u) => {
-  const e = _(null);
+  const e = C(null);
   return E(() => {
     if (typeof window < "u") {
       const t = window.localStorage.getItem(d);
@@ -298,7 +298,7 @@ const He = G("SunIcon", [
   }), L(e, (t) => {
     typeof window < "u" && window.localStorage.setItem(d, JSON.stringify(t));
   }), e;
-}, Ye = { class: "swap-rotate swap" }, Je = ["true-value", "false-value"], $n = /* @__PURE__ */ M({
+}, Ye = { class: "swap-rotate swap" }, Je = ["true-value", "false-value"], Bn = /* @__PURE__ */ M({
   __name: "theme-controller",
   props: {
     lightTheme: { default: "light" },
@@ -325,7 +325,7 @@ const He = G("SunIcon", [
       Y(A(Fe), { class: "swap-on fill-current" })
     ]));
   }
-}), Xe = ["name"], Ke = { class: "collapse-title font-bold text-2xl lg:text-4xl" }, We = { class: "collapse-content" }, Ze = ["innerHTML"], _n = /* @__PURE__ */ M({
+}), Xe = ["name"], Ke = { class: "collapse-title font-bold text-2xl lg:text-4xl" }, We = { class: "collapse-content" }, Ze = ["innerHTML"], On = /* @__PURE__ */ M({
   __name: "accordion",
   props: {
     name: {},
@@ -335,8 +335,8 @@ const He = G("SunIcon", [
   },
   setup(d) {
     const u = d;
-    return (e, t) => (a(!0), o(y, null, C(u.items, (l, r) => (a(), o("div", {
-      class: k(["collapse border border-base-300", [e.icon ? `collapse-${e.icon}` : "", { "join-item": e.joinItems }]]),
+    return (e, t) => (a(!0), o(h, null, $(u.items, (l, r) => (a(), o("div", {
+      class: w(["collapse border border-base-300", [e.icon ? `collapse-${e.icon}` : "", { "join-item": e.joinItems }]]),
       key: r
     }, [
       n("input", {
@@ -344,7 +344,7 @@ const He = G("SunIcon", [
         name: e.name,
         value: "true"
       }, null, 8, Xe),
-      n("div", Ke, w(l.title), 1),
+      n("div", Ke, b(l.title), 1),
       n("div", We, [
         n("span", {
           innerHTML: l.content
@@ -352,7 +352,7 @@ const He = G("SunIcon", [
       ])
     ], 2))), 128));
   }
-}), Ge = ["src"], Qe = { class: "text-xl" }, Cn = /* @__PURE__ */ M({
+}), Ge = ["src"], Qe = { class: "text-xl" }, In = /* @__PURE__ */ M({
   __name: "avatar",
   props: {
     image: {},
@@ -361,18 +361,18 @@ const He = G("SunIcon", [
     fullyRounded: { type: Boolean, default: !1 }
   },
   setup(d) {
-    const u = d, e = _(u.onlineStatus);
+    const u = d, e = C(u.onlineStatus);
     return L(
       () => u.onlineStatus,
       (t) => {
         t && (e.value = t);
       }
     ), (t, l) => (a(), o("div", {
-      class: k(["avatar", [{ "avatar-online": e.value === "online" }, { "avatar-offline": e.value === "offline" }]])
+      class: w(["avatar", [{ "avatar-online": e.value === "online" }, { "avatar-offline": e.value === "offline" }]])
     }, [
       t.image ? (a(), o("div", {
         key: 0,
-        class: k(["rounded", [{ "rounded-full": t.fullyRounded }, { rounded: !t.fullyRounded }]])
+        class: w(["rounded", [{ "rounded-full": t.fullyRounded }, { rounded: !t.fullyRounded }]])
       }, [
         n("img", {
           src: t.image,
@@ -380,13 +380,13 @@ const He = G("SunIcon", [
         }, null, 8, Ge)
       ], 2)) : (a(), o("div", {
         key: 1,
-        class: k(["flex justify-center bg-neutral p-[25%] rounded w-16 text-neutral-content text-center", [{ "rounded-full": t.fullyRounded }, { rounded: !t.fullyRounded }]])
+        class: w(["flex justify-center bg-neutral p-[25%] rounded w-16 text-neutral-content text-center", [{ "rounded-full": t.fullyRounded }, { rounded: !t.fullyRounded }]])
       }, [
-        n("p", Qe, w(t.initials), 1)
+        n("p", Qe, b(t.initials), 1)
       ], 2))
     ], 2));
   }
-}), Sn = /* @__PURE__ */ M({
+}), Vn = /* @__PURE__ */ M({
   __name: "badge",
   props: {
     color: { default: "neutral" },
@@ -411,9 +411,9 @@ const He = G("SunIcon", [
       error: "badge-error"
     };
     return (l, r) => (a(), o("span", {
-      class: k(["badge", e[u.size], t[u.color], { "badge-outline": u.outline }])
+      class: w(["badge", e[u.size], t[u.color], { "badge-outline": u.outline }])
     }, [
-      h(l.$slots, "default")
+      y(l.$slots, "default")
     ], 2));
   }
 }), et = ["src", "alt"], tt = {
@@ -431,7 +431,7 @@ const He = G("SunIcon", [
 }, lt = { class: "flex-col flex-nowrap mt-auto card-actions" }, st = {
   key: 1,
   class: "card-body"
-}, xn = /* @__PURE__ */ M({
+}, Un = /* @__PURE__ */ M({
   __name: "card",
   props: {
     imgUrl: { default: "" },
@@ -443,32 +443,32 @@ const He = G("SunIcon", [
     class: { default: "" }
   },
   setup(d) {
-    const u = d, e = _(u.outlined);
+    const u = d, e = C(u.outlined);
     return L(
       () => u.outlined,
       (t) => {
         e.value = t;
       }
     ), (t, l) => (a(), o("div", {
-      class: k(["group bg-base-100 shadow-xl rounded-sm min-w-64 max-w-full h-full card card-compact", e.value ? "border-4 border-primary" : ""])
+      class: w(["group bg-base-100 shadow-xl rounded-sm min-w-64 max-w-full h-full card card-compact", e.value ? "border-4 border-primary" : ""])
     }, [
       n("figure", null, [
         t.imgUrl || t.imgUrl && !t.loading ? (a(), o("img", {
           key: 0,
           src: t.imgUrl,
           alt: t.alt,
-          class: k(["rounded-sm w-full h-44 object-cover", {
+          class: w(["rounded-sm w-full h-44 object-cover", {
             hidden: t.loading
           }])
-        }, null, 10, et)) : D("", !0),
-        t.loading && t.imgUrl ? (a(), o("div", tt)) : D("", !0)
+        }, null, 10, et)) : x("", !0),
+        t.loading && t.imgUrl ? (a(), o("div", tt)) : x("", !0)
       ]),
-      t.loading ? D("", !0) : (a(), o("div", nt, [
-        t.title ? (a(), o("h2", at, w(t.title), 1)) : D("", !0),
-        h(t.$slots, "details"),
-        t.description ? (a(), o("p", ot, w(t.description), 1)) : D("", !0),
+      t.loading ? x("", !0) : (a(), o("div", nt, [
+        t.title ? (a(), o("h2", at, b(t.title), 1)) : x("", !0),
+        y(t.$slots, "details"),
+        t.description ? (a(), o("p", ot, b(t.description), 1)) : x("", !0),
         n("div", lt, [
-          h(t.$slots, "actions")
+          y(t.$slots, "actions")
         ])
       ])),
       t.loading ? (a(), o("div", st, l[0] || (l[0] = [
@@ -477,7 +477,7 @@ const He = G("SunIcon", [
           n("div", { class: "w-full h-4 skeleton" }),
           n("div", { class: "w-full h-4 skeleton" })
         ], -1)
-      ]))) : D("", !0)
+      ]))) : x("", !0)
     ], 2));
   }
 }), rt = { class: "flex gap-4 bg-base-100 w-full tabs tabs-boxed" }, it = ["onClick"], ut = { class: "text-sm" }, dt = { class: "md:block hidden opacity-35 text-xs truncate overflow-hidden ..." }, ct = { class: "hidden" }, pt = {
@@ -491,64 +491,64 @@ const He = G("SunIcon", [
   },
   emits: ["search", "update:search-data"],
   setup(d, { emit: u }) {
-    const e = d, t = u, l = _(null), r = {
+    const e = d, t = u, l = C(null), r = {
       datetime: Be(() => Promise.resolve().then(() => Ht))
-    }, p = _({}), v = _({ left: "0px", top: "0px", transform: "translateX(0%)" }), f = _(null);
-    function m($, x) {
-      var B, U, b;
+    }, p = C({}), v = C({ left: "0px", top: "0px", transform: "translateX(0%)" }), f = C(null);
+    function m(_, D) {
+      var B, U, k;
       if ((B = l.value) != null && B.name) {
         t("update:search-data", {
           tab: l.value.name,
-          data: $
+          data: _
         });
         return;
       }
       if (e.searchOptions) {
-        let I = (b = (U = e.searchOptions) == null ? void 0 : U.find((z) => (z == null ? void 0 : z.category) === e.currentCategory)) == null ? void 0 : b.tabs[x];
-        I !== void 0 && (I.value = $, t("update:search-data", {
-          tab: I == null ? void 0 : I.name,
-          data: I == null ? void 0 : I.value
+        let O = (k = (U = e.searchOptions) == null ? void 0 : U.find((z) => (z == null ? void 0 : z.category) === e.currentCategory)) == null ? void 0 : k.tabs[D];
+        O !== void 0 && (O.value = _, t("update:search-data", {
+          tab: O == null ? void 0 : O.name,
+          data: O == null ? void 0 : O.value
         }));
       }
     }
     function g() {
       t("search");
     }
-    async function R($) {
-      f.value && !f.value.contains($.target) && (await de(), l.value = null);
+    async function R(_) {
+      f.value && !f.value.contains(_.target) && (await de(), l.value = null);
     }
     async function F() {
       if (typeof window < "u" && window.innerWidth <= 768) {
-        const $ = document.getElementById("advancedSearchMobile");
-        $ ? $.showModal() : console.warn("Modal element not found.");
+        const _ = document.getElementById("advancedSearchMobile");
+        _ ? _.showModal() : console.warn("Modal element not found.");
       }
     }
-    async function S($) {
+    async function S(_) {
       var B;
-      l.value = $, await de();
-      const x = p.value[$.name];
-      if (x) {
-        const U = x.getBoundingClientRect(), b = ((B = f.value) == null ? void 0 : B.getBoundingClientRect()) || { left: 0, top: 0 };
+      l.value = _, await de();
+      const D = p.value[_.name];
+      if (D) {
+        const U = D.getBoundingClientRect(), k = ((B = f.value) == null ? void 0 : B.getBoundingClientRect()) || { left: 0, top: 0 };
         window.innerWidth > 768 ? v.value = {
-          left: `${U.left + U.width / 2 - b.left}px`,
-          top: `${U.bottom - b.top}px`,
+          left: `${U.left + U.width / 2 - k.left}px`,
+          top: `${U.bottom - k.top}px`,
           transform: "translateX(-50%)"
         } : v.value = {
           left: "50%",
-          top: `${U.bottom - b.top}px`,
+          top: `${U.bottom - k.top}px`,
           transform: "translateX(-50%)"
           // Center the popup horizontally on mobile
         };
       } else
-        console.error("Tab element not found for:", $.name);
+        console.error("Tab element not found for:", _.name);
     }
     return E(() => {
       document.addEventListener("click", R);
-    }), Ie(() => {
+    }), Oe(() => {
       document.removeEventListener("click", R);
-    }), ($, x) => {
+    }), (_, D) => {
       var B, U;
-      return a(), o(y, null, [
+      return a(), o(h, null, [
         n("div", {
           ref_key: "searchContainer",
           ref: f,
@@ -559,27 +559,27 @@ const He = G("SunIcon", [
             onClick: F
           }, [
             n("div", rt, [
-              (a(!0), o(y, null, C(((B = e.searchOptions.find((b) => b.category === e.currentCategory)) == null ? void 0 : B.tabs) || [], (b) => {
-                var I;
+              (a(!0), o(h, null, $(((B = e.searchOptions.find((k) => k.category === e.currentCategory)) == null ? void 0 : B.tabs) || [], (k) => {
+                var O;
                 return a(), o("button", {
-                  key: b.name,
-                  onClick: (z) => S(b),
-                  class: k([{ "tab-active": ((I = l.value) == null ? void 0 : I.name) === b.name }, "group/searchitem relative after:top-0 after:-right-2 after:absolute first-of-type:flex-auto last-of-type:flex-auto md:after:content-[''] last-of-type:after:content-none after:content-none after:bg-base-200 hover:bg-base-200 p-1 rounded-sm w-auto after:w-[1px] after:h-10 text-start overflow-x-hidden pointer-events-none md:pointer-events-auto"]),
+                  key: k.name,
+                  onClick: (z) => S(k),
+                  class: w([{ "tab-active": ((O = l.value) == null ? void 0 : O.name) === k.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: (z) => p.value[b.name] = z
+                  ref: (z) => p.value[k.name] = z
                 }, [
-                  n("p", ut, w(b.name), 1),
-                  n("p", dt, w(b.description), 1)
+                  n("p", ut, b(k.name), 1),
+                  n("p", dt, b(k.description), 1)
                 ], 10, it);
               }), 128))
             ]),
             l.value ? (a(), o("div", {
               key: 0,
               class: "absolute flex shadow-sm mt-4 w-fit max-w-full transition-all tab-content",
-              style: Oe(v.value)
+              style: Ie(v.value)
             }, [
               (a(), re(ie(r[l.value.type]), ue(l.value.props ? l.value.props : null, { onUpdated: m }), null, 16))
-            ], 4)) : D("", !0),
+            ], 4)) : x("", !0),
             n("button", {
               title: "search",
               type: "submit",
@@ -595,7 +595,7 @@ const He = G("SunIcon", [
           n("div", ct, [
             n("button", {
               title: "search",
-              onClick: x[0] || (x[0] = () => {
+              onClick: D[0] || (D[0] = () => {
               })
             }, [
               Y(A(ce), {
@@ -607,26 +607,26 @@ const He = G("SunIcon", [
         ], 512),
         n("dialog", pt, [
           n("div", mt, [
-            h($.$slots, "additionalForMobile", {}, () => [
-              n("h3", ft, w($.currentCategory), 1)
+            y(_.$slots, "additionalForMobile", {}, () => [
+              n("h3", ft, b(_.currentCategory), 1)
             ], !0),
-            (a(!0), o(y, null, C(((U = e.searchOptions.find((b) => b.category === e.currentCategory)) == null ? void 0 : U.tabs) || [], (b, I) => (a(), o("div", {
+            (a(!0), o(h, null, $(((U = e.searchOptions.find((k) => k.category === e.currentCategory)) == null ? void 0 : U.tabs) || [], (k, O) => (a(), o("div", {
               class: "bg-base-200 my-4 collapse",
-              key: b.name
+              key: k.name
             }, [
               n("input", {
                 type: "radio",
                 name: "my-accordion-1",
-                checked: I === 0
+                checked: O === 0
               }, null, 8, vt),
               n("div", gt, [
-                ae(w(b.name) + " ", 1),
-                n("p", ht, w(b.description), 1)
+                ae(b(k.name) + " ", 1),
+                n("p", ht, b(k.description), 1)
               ]),
               n("div", bt, [
-                x[1] || (x[1] = n("br", null, null, -1)),
-                (a(), re(ie(r[b.type]), ue({ ref_for: !0 }, b.props || {}, {
-                  onUpdated: (z) => m(z, I)
+                D[1] || (D[1] = n("br", null, null, -1)),
+                (a(), re(ie(r[k.type]), ue({ ref_for: !0 }, k.props || {}, {
+                  onUpdated: (z) => m(z, O)
                 }), null, 16, ["onUpdated"]))
               ])
             ]))), 128)),
@@ -648,10 +648,10 @@ const He = G("SunIcon", [
   for (const [t, l] of u)
     e[t] = l;
   return e;
-}, Dn = /* @__PURE__ */ Q(yt, [["__scopeId", "data-v-08fa37eb"]]), wt = ["placeholder", "value", "id"], kt = { class: "btn btn-ghost" }, $t = ["id"], _t = {
+}, An = /* @__PURE__ */ Q(yt, [["__scopeId", "data-v-08fa37eb"]]), wt = ["placeholder", "value", "id"], kt = { class: "btn btn-ghost" }, _t = ["id"], $t = {
   key: 0,
   class: "flex justify-between items-center place-content-center mb-4"
-}, Ct = ["value"], St = ["value"], xt = {
+}, Ct = ["value"], xt = ["value"], St = {
   key: 1,
   class: "gap-2 grid grid-cols-7"
 }, Dt = ["onClick"], Tt = {
@@ -660,10 +660,10 @@ const He = G("SunIcon", [
 }, Mt = {
   key: 0,
   class: "mb-2 font-bold text-lg"
-}, Bt = { key: 1 }, It = {
+}, Bt = { key: 1 }, Ot = {
   key: 1,
   class: "flex gap-4"
-}, Ot = ["value"], Vt = ["value"], Ut = {
+}, It = ["value"], Vt = ["value"], Ut = {
   key: 2,
   class: "flex flex-col gap-4"
 }, At = {
@@ -708,12 +708,12 @@ const He = G("SunIcon", [
     L(() => e.range, (i) => {
       i ? (r.value = { start: null, end: null }, p.value = { start: null, end: null }) : (r.value = null, p.value = null);
     });
-    const t = u, l = _(!1), r = _(e.range ? { start: null, end: null } : null), p = _(e.range ? { start: null, end: null } : null), v = _((/* @__PURE__ */ new Date()).toLocaleString("default", { month: "long" })), f = _((/* @__PURE__ */ new Date()).getFullYear()), m = _(e.range ? { start: 0, end: 0 } : 0), g = _(e.range ? { start: 0, end: 0 } : 0), R = _(null), F = T(() => `${e.id}-input`), S = T(() => `${e.id}-popup`), $ = T(() => e.mode === "date" || e.mode === "datetime"), x = T(() => e.mode === "time" || e.mode === "datetime");
+    const t = u, l = C(!1), r = C(e.range ? { start: null, end: null } : null), p = C(e.range ? { start: null, end: null } : null), v = C((/* @__PURE__ */ new Date()).toLocaleString("default", { month: "long" })), f = C((/* @__PURE__ */ new Date()).getFullYear()), m = C(e.range ? { start: 0, end: 0 } : 0), g = C(e.range ? { start: 0, end: 0 } : 0), R = C(null), F = T(() => `${e.id}-input`), S = T(() => `${e.id}-popup`), _ = T(() => e.mode === "date" || e.mode === "datetime"), D = T(() => e.mode === "time" || e.mode === "datetime");
     T(() => new Date(f.value, B.value));
-    const B = T(() => X.indexOf(v.value)), U = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], b = T(() => new Date(f.value, B.value).getDay()), I = T(() => {
+    const B = T(() => X.indexOf(v.value)), U = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], k = T(() => new Date(f.value, B.value).getDay()), O = T(() => {
       const i = new Date(f.value, B.value + 1, 0).getDate();
       return Array.from({ length: i }, (c, s) => new Date(f.value, B.value, s + 1));
-    }), z = T(() => Array.from({ length: b.value }, (i, c) => c)), ee = Array.from({ length: 24 }, (i, c) => c), te = Array.from({ length: 60 }, (i, c) => c), J = T(
+    }), z = T(() => Array.from({ length: k.value }, (i, c) => c)), ee = Array.from({ length: 24 }, (i, c) => c), te = Array.from({ length: 60 }, (i, c) => c), J = T(
       () => typeof navigator < "u" && /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(
         navigator.userAgent
       )
@@ -721,14 +721,14 @@ const He = G("SunIcon", [
       const i = (/* @__PURE__ */ new Date()).getFullYear();
       return Array.from({ length: 100 }, (c, s) => i - 50 + s);
     }), fe = T(() => {
-      if (!$.value || !r.value) return "";
+      if (!_.value || !r.value) return "";
       if (e.range && r.value.start && r.value.end) {
         const i = r.value.start.toLocaleDateString("en-US"), c = r.value.end.toLocaleDateString("en-US");
         return `${i} - ${c}`;
       }
       return !e.range && r.value ? r.value.toLocaleDateString("en-US") : "";
     }), H = (i) => i instanceof Date ? i : new Date(i), N = (i) => i instanceof Date && !isNaN(i), ve = T(() => {
-      if (!x.value) return "";
+      if (!D.value) return "";
       const i = (c) => {
         var K, q, se;
         const s = ((K = m.value) == null ? void 0 : K[c]) ?? m.value, P = ((q = g.value) == null ? void 0 : q[c]) ?? g.value;
@@ -739,30 +739,30 @@ const He = G("SunIcon", [
       const i = fe.value, c = ve.value;
       return `${i} ${c}`.trim();
     }), he = () => l.value = !l.value, oe = () => {
-      O(), be();
+      I(), be();
     }, be = () => l.value = !1, ye = () => {
-      r.value = e.range ? { start: null, end: null } : null, p.value = e.range ? { start: null, end: null } : null, O();
+      r.value = e.range ? { start: null, end: null } : null, p.value = e.range ? { start: null, end: null } : null, I();
     }, we = (i) => {
-      e.range ? r.value.start && r.value.end ? r.value = { start: i, end: null } : r.value.start ? r.value.end = i : r.value.start = i : r.value = i, O();
-    }, ke = (i) => (i = H(i), e.range ? r.value.start && N(r.value.start) && i.getTime() === r.value.start.getTime() || r.value.end && N(r.value.end) && i.getTime() === r.value.end.getTime() : N(r.value) && i.getTime() === r.value.getTime()), $e = (i) => {
+      e.range ? r.value.start && r.value.end ? r.value = { start: i, end: null } : r.value.start ? r.value.end = i : r.value.start = i : r.value = i, I();
+    }, ke = (i) => (i = H(i), e.range ? r.value.start && N(r.value.start) && i.getTime() === r.value.start.getTime() || r.value.end && N(r.value.end) && i.getTime() === r.value.end.getTime() : N(r.value) && i.getTime() === r.value.getTime()), _e = (i) => {
       i = H(i);
       const c = /* @__PURE__ */ new Date();
       return i.getDate() === c.getDate() && i.getMonth() === c.getMonth() && i.getFullYear() === c.getFullYear();
-    }, _e = (i) => (i = H(i), e.range && N(r.value.start) && i.getTime() === r.value.start.getTime()), Ce = (i) => (i = H(i), e.range && N(r.value.end) && i.getTime() === r.value.end.getTime()), Se = (i) => {
+    }, $e = (i) => (i = H(i), e.range && N(r.value.start) && i.getTime() === r.value.start.getTime()), Ce = (i) => (i = H(i), e.range && N(r.value.end) && i.getTime() === r.value.end.getTime()), xe = (i) => {
       if (i = H(i), e.range && N(r.value.start) && N(r.value.end)) {
         const c = r.value.start.getTime(), s = r.value.end.getTime(), P = i.getTime();
         return P > c && P < s;
       }
       return !1;
-    }, xe = () => {
+    }, Se = () => {
       let i = B.value - 1;
-      i < 0 && (i = 11, f.value--), v.value = X[i], O();
+      i < 0 && (i = 11, f.value--), v.value = X[i], I();
     }, De = () => {
       let i = B.value + 1;
-      i > 11 && (i = 0, f.value++), v.value = X[i], O();
+      i > 11 && (i = 0, f.value++), v.value = X[i], I();
     }, le = (i) => {
       R.value && !R.value.contains(i.target) && l.value == !0 && oe();
-    }, O = () => {
+    }, I = () => {
       let i = {};
       const c = (s, P, K) => {
         s instanceof Date && !isNaN(s) || (s = /* @__PURE__ */ new Date());
@@ -797,7 +797,7 @@ const He = G("SunIcon", [
         class: "flex items-center gap-2 cursor-pointer",
         onClick: he
       }, [
-        d.popup ? h(i.$slots, "default", { key: 0 }, () => [
+        d.popup ? y(i.$slots, "default", { key: 0 }, () => [
           n("input", {
             type: "text",
             class: "input-bordered w-full cursor-pointer input",
@@ -809,17 +809,17 @@ const He = G("SunIcon", [
           n("button", kt, [
             Y(A(Ee))
           ])
-        ], !0) : D("", !0)
+        ], !0) : x("", !0)
       ]),
       l.value || !d.popup ? (a(), o("div", {
         key: 0,
-        class: k(["z-50 lg:bg-base-100 md:mt-2 md:p-4 px-4 rounded-md w-full", [{ absolute: d.popup }]]),
+        class: w(["z-50 lg:bg-base-100 md:mt-2 md:p-4 px-4 rounded-md w-full", [{ absolute: d.popup }]]),
         id: S.value
       }, [
-        $.value ? (a(), o("div", _t, [
+        _.value ? (a(), o("div", $t, [
           n("button", {
             class: "hidden md:block btn-outline btn btn-primary md:btn-sm",
-            onClick: xe
+            onClick: Se
           }, c[11] || (c[11] = [
             n("svg", {
               xmlns: "http://www.w3.org/2000/svg",
@@ -839,24 +839,24 @@ const He = G("SunIcon", [
           V(n("select", {
             class: "border-none w-fit select",
             "onUpdate:modelValue": c[0] || (c[0] = (s) => v.value = s),
-            onChange: O
+            onChange: I
           }, [
-            (a(), o(y, null, C(X, (s, P) => n("option", {
+            (a(), o(h, null, $(X, (s, P) => n("option", {
               key: P,
               value: s
-            }, w(s), 9, Ct)), 64))
+            }, b(s), 9, Ct)), 64))
           ], 544), [
             [j, v.value]
           ]),
           V(n("select", {
             class: "border-none w-24 select",
             "onUpdate:modelValue": c[1] || (c[1] = (s) => f.value = s),
-            onChange: O
+            onChange: I
           }, [
-            (a(!0), o(y, null, C(me.value, (s) => (a(), o("option", {
+            (a(!0), o(h, null, $(me.value, (s) => (a(), o("option", {
               key: s,
               value: s
-            }, w(s), 9, St))), 128))
+            }, b(s), 9, xt))), 128))
           ], 544), [
             [j, f.value]
           ]),
@@ -879,30 +879,30 @@ const He = G("SunIcon", [
               })
             ], -1)
           ]))
-        ])) : D("", !0),
-        $.value ? (a(), o("div", xt, [
-          (a(), o(y, null, C(U, (s) => n("div", {
+        ])) : x("", !0),
+        _.value ? (a(), o("div", St, [
+          (a(), o(h, null, $(U, (s) => n("div", {
             key: s,
             class: "text-center"
-          }, w(s), 1)), 64)),
-          (a(!0), o(y, null, C(z.value, (s) => (a(), o("div", {
+          }, b(s), 1)), 64)),
+          (a(!0), o(h, null, $(z.value, (s) => (a(), o("div", {
             key: s,
             class: "text-center"
           }))), 128)),
-          (a(!0), o(y, null, C(I.value, (s) => (a(), o("div", {
+          (a(!0), o(h, null, $(O.value, (s) => (a(), o("div", {
             key: s,
-            class: k(["hover:bg-primary-10 py-1 rounded-full text-center cursor-pointer", {
+            class: w(["hover:bg-primary-10 py-1 rounded-full text-center cursor-pointer", {
               "bg-primary text-primary-content": ke(s),
-              today: $e(s),
-              "range-start bg-primary text-primary-content": _e(s),
+              today: _e(s),
+              "range-start bg-primary text-primary-content": $e(s),
               "range-end bg-primary text-primary-content": Ce(s),
-              "in-range bg-primary/20 hover:bg-primary/10": Se(s)
+              "in-range bg-primary/20 hover:bg-primary/10": xe(s)
             }]),
             onClick: (P) => we(s)
-          }, w(s.getDate()), 11, Dt))), 128))
-        ])) : D("", !0),
-        x.value ? (a(), o("div", Tt, [
-          e.range ? D("", !0) : (a(), o("h3", Mt, "Select Time")),
+          }, b(s.getDate()), 11, Dt))), 128))
+        ])) : x("", !0),
+        D.value ? (a(), o("div", Tt, [
+          e.range ? x("", !0) : (a(), o("h3", Mt, "Select Time")),
           e.range ? (a(), o("div", Ut, [
             n("div", null, [
               c[13] || (c[13] = n("p", { class: "font-bold" }, "Start Time", -1)),
@@ -911,19 +911,19 @@ const He = G("SunIcon", [
                 type: "time",
                 class: "input-bordered w-full input",
                 "onUpdate:modelValue": c[5] || (c[5] = (s) => p.value.start = s),
-                onChange: O
+                onChange: I
               }, null, 544)), [
                 [Z, p.value.start]
               ]) : (a(), o("div", At, [
                 V(n("select", {
                   class: "w-full select-bordered select",
                   "onUpdate:modelValue": c[6] || (c[6] = (s) => m.value.start = s),
-                  onChange: O
+                  onChange: I
                 }, [
-                  (a(!0), o(y, null, C(A(ee), (s) => (a(), o("option", {
+                  (a(!0), o(h, null, $(A(ee), (s) => (a(), o("option", {
                     key: s,
                     value: s
-                  }, w(s.toString().padStart(2, "0")), 9, zt))), 128))
+                  }, b(s.toString().padStart(2, "0")), 9, zt))), 128))
                 ], 544), [
                   [
                     j,
@@ -935,12 +935,12 @@ const He = G("SunIcon", [
                 V(n("select", {
                   class: "w-full select-bordered select",
                   "onUpdate:modelValue": c[7] || (c[7] = (s) => g.value.start = s),
-                  onChange: O
+                  onChange: I
                 }, [
-                  (a(!0), o(y, null, C(A(te), (s) => (a(), o("option", {
+                  (a(!0), o(h, null, $(A(te), (s) => (a(), o("option", {
                     key: s,
                     value: s
-                  }, w(s.toString().padStart(2, "0")), 9, Rt))), 128))
+                  }, b(s.toString().padStart(2, "0")), 9, Rt))), 128))
                 ], 544), [
                   [
                     j,
@@ -958,19 +958,19 @@ const He = G("SunIcon", [
                 type: "time",
                 class: "input-bordered w-full input",
                 "onUpdate:modelValue": c[8] || (c[8] = (s) => p.value.end = s),
-                onChange: O
+                onChange: I
               }, null, 544)), [
                 [Z, p.value.end]
               ]) : (a(), o("div", Pt, [
                 V(n("select", {
                   class: "w-full select-bordered select",
                   "onUpdate:modelValue": c[9] || (c[9] = (s) => m.value.end = s),
-                  onChange: O
+                  onChange: I
                 }, [
-                  (a(!0), o(y, null, C(A(ee), (s) => (a(), o("option", {
+                  (a(!0), o(h, null, $(A(ee), (s) => (a(), o("option", {
                     key: s,
                     value: s
-                  }, w(s.toString().padStart(2, "0")), 9, jt))), 128))
+                  }, b(s.toString().padStart(2, "0")), 9, jt))), 128))
                 ], 544), [
                   [
                     j,
@@ -982,12 +982,12 @@ const He = G("SunIcon", [
                 V(n("select", {
                   class: "w-full select-bordered select",
                   "onUpdate:modelValue": c[10] || (c[10] = (s) => g.value.end = s),
-                  onChange: O
+                  onChange: I
                 }, [
-                  (a(!0), o(y, null, C(A(te), (s) => (a(), o("option", {
+                  (a(!0), o(h, null, $(A(te), (s) => (a(), o("option", {
                     key: s,
                     value: s
-                  }, w(s.toString().padStart(2, "0")), 9, Lt))), 128))
+                  }, b(s.toString().padStart(2, "0")), 9, Lt))), 128))
                 ], 544), [
                   [
                     j,
@@ -1004,19 +1004,19 @@ const He = G("SunIcon", [
               type: "time",
               class: "input-bordered w-full input",
               "onUpdate:modelValue": c[2] || (c[2] = (s) => p.value = s),
-              onChange: O
+              onChange: I
             }, null, 544)), [
               [Z, p.value]
-            ]) : (a(), o("div", It, [
+            ]) : (a(), o("div", Ot, [
               V(n("select", {
                 class: "w-full select-bordered select",
                 "onUpdate:modelValue": c[3] || (c[3] = (s) => m.value = s),
-                onChange: O
+                onChange: I
               }, [
-                (a(!0), o(y, null, C(A(ee), (s) => (a(), o("option", {
+                (a(!0), o(h, null, $(A(ee), (s) => (a(), o("option", {
                   key: s,
                   value: s
-                }, w(s.toString().padStart(2, "0")), 9, Ot))), 128))
+                }, b(s.toString().padStart(2, "0")), 9, It))), 128))
               ], 544), [
                 [
                   j,
@@ -1028,12 +1028,12 @@ const He = G("SunIcon", [
               V(n("select", {
                 class: "w-full select-bordered select",
                 "onUpdate:modelValue": c[4] || (c[4] = (s) => g.value = s),
-                onChange: O
+                onChange: I
               }, [
-                (a(!0), o(y, null, C(A(te), (s) => (a(), o("option", {
+                (a(!0), o(h, null, $(A(te), (s) => (a(), o("option", {
                   key: s,
                   value: s
-                }, w(s.toString().padStart(2, "0")), 9, Vt))), 128))
+                }, b(s.toString().padStart(2, "0")), 9, Vt))), 128))
               ], 544), [
                 [
                   j,
@@ -1044,25 +1044,25 @@ const He = G("SunIcon", [
               ])
             ]))
           ]))
-        ])) : D("", !0),
+        ])) : x("", !0),
         n("div", Nt, [
           n("button", {
-            class: k(["btn btn-secondary", d.popup ? "w-fit" : "w-full"]),
+            class: w(["btn btn-secondary", d.popup ? "w-fit" : "w-full"]),
             onClick: ye
           }, "Clear", 2),
           d.popup ? (a(), o("button", {
             key: 0,
             class: "btn btn-primary btn-wide",
             onClick: oe
-          }, "Close")) : D("", !0)
+          }, "Close")) : x("", !0)
         ])
-      ], 10, $t)) : D("", !0)
+      ], 10, _t)) : x("", !0)
     ], 512));
   }
 }, Ft = /* @__PURE__ */ Q(Et, [["__scopeId", "data-v-488ecabe"]]), Ht = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: Ft
-}, Symbol.toStringTag, { value: "Module" })), qt = ["value", "checked", "onChange", "disabled"], Tn = /* @__PURE__ */ M({
+}, Symbol.toStringTag, { value: "Module" })), qt = ["value", "checked", "onChange", "disabled"], zn = /* @__PURE__ */ M({
   __name: "rating",
   props: {
     initialRating: { default: 0 },
@@ -1072,7 +1072,7 @@ const He = G("SunIcon", [
     size: { default: "sm" }
   },
   setup(d) {
-    const u = d, e = _(u.initialRating);
+    const u = d, e = C(u.initialRating);
     L(
       () => u.initialRating,
       (l) => {
@@ -1083,18 +1083,18 @@ const He = G("SunIcon", [
       e.value = l;
     };
     return (l, r) => (a(), o("div", {
-      class: k(["rating", [
+      class: w(["rating", [
         `rating-${u.size}`,
         { "rating-half": l.halfStars }
       ]])
     }, [
-      (a(!0), o(y, null, C(l.numberOfStars * (l.halfStars ? 2 : 1), (p) => (a(), o("input", {
+      (a(!0), o(h, null, $(l.numberOfStars * (l.halfStars ? 2 : 1), (p) => (a(), o("input", {
         key: p,
         type: "radio",
         value: l.halfStars ? p * 0.5 : p,
         checked: e.value === (l.halfStars ? p * 0.5 : p),
         onChange: (v) => l.isInteractive ? t(l.halfStars ? p * 0.5 : p) : null,
-        class: k(["mask mask-star", {
+        class: w(["mask mask-star", {
           "bg-yellow-400": e.value >= (l.halfStars ? p * 0.5 : p),
           "mask-half-1": l.halfStars && p % 2 !== 0,
           "mask-half-2": l.halfStars && p % 2 === 0,
@@ -1105,7 +1105,7 @@ const He = G("SunIcon", [
       }, null, 42, qt))), 128))
     ], 2));
   }
-}), Yt = { class: "badge" }, Jt = ["onClick"], Xt = { class: "opacity-75" }, Kt = ["placeholder"], Mn = /* @__PURE__ */ M({
+}), Yt = { class: "badge" }, Jt = ["onClick"], Xt = { class: "opacity-75" }, Kt = ["placeholder"], Rn = /* @__PURE__ */ M({
   __name: "taginput",
   props: {
     modelValue: {},
@@ -1115,11 +1115,11 @@ const He = G("SunIcon", [
   },
   emits: ["update:modelValue"],
   setup(d, { emit: u }) {
-    const e = d, t = u, l = _([...e.modelValue]), r = e.maxTagAmount === void 0 ? -1 : e.maxTagAmount, p = _(null), v = _(""), f = T(() => r < 0 || l.value.length < r), m = () => {
+    const e = d, t = u, l = C([...e.modelValue]), r = e.maxTagAmount === void 0 ? -1 : e.maxTagAmount, p = C(null), v = C(""), f = T(() => r < 0 || l.value.length < r), m = () => {
       const S = v.value.trim();
       S && !l.value.includes(S) && (l.value.push(S), t("update:modelValue", l.value), v.value = "");
     }, g = (S) => {
-      l.value = l.value.filter(($) => $ !== S), t("update:modelValue", l.value);
+      l.value = l.value.filter((_) => _ !== S), t("update:modelValue", l.value);
     }, R = () => {
       v.value === "" && (l.value.pop(), t("update:modelValue", l.value));
     }, F = (S) => {
@@ -1127,28 +1127,28 @@ const He = G("SunIcon", [
     };
     return L(() => e.modelValue, (S) => {
       l.value = [...S];
-    }), (S, $) => (a(), o("div", {
-      class: k(["flex flex-wrap gap-2 bg-base-100 shadow px-4 py-6 border border-base-content/20 rounded", S.$props.class])
+    }), (S, _) => (a(), o("div", {
+      class: w(["flex flex-wrap gap-2 bg-base-100 shadow px-4 py-6 border border-base-content/20 rounded", S.$props.class])
     }, [
-      (a(!0), o(y, null, C(l.value, (x) => h(S.$slots, "tag", {
-        key: x,
-        tag: x
+      (a(!0), o(h, null, $(l.value, (D) => y(S.$slots, "tag", {
+        key: D,
+        tag: D
       }, () => [
         n("div", Yt, [
           n("button", {
             class: "!px-1 !py-0 h-fit font-bold cursor-pointer",
-            onClick: (B) => g(x),
+            onClick: (B) => g(D),
             "aria-label": "Remove tag"
           }, "X", 8, Jt),
-          n("span", Xt, w(x), 1)
+          n("span", Xt, b(D), 1)
         ])
       ])), 128)),
-      h(S.$slots, "input", { showInput: f.value }, () => [
+      y(S.$slots, "input", { showInput: f.value }, () => [
         f.value ? V((a(), o("input", {
           key: 0,
           ref_key: "inputRef",
           ref: p,
-          "onUpdate:modelValue": $[0] || ($[0] = (x) => v.value = x),
+          "onUpdate:modelValue": _[0] || (_[0] = (D) => v.value = D),
           type: "text",
           placeholder: S.placeholder || "Type here",
           class: "h-full input input-ghost",
@@ -1156,11 +1156,11 @@ const He = G("SunIcon", [
           "aria-label": "Add tags"
         }, null, 40, Kt)), [
           [Z, v.value]
-        ]) : D("", !0)
+        ]) : x("", !0)
       ])
     ], 2));
   }
-}), Bn = /* @__PURE__ */ M({
+}), Pn = /* @__PURE__ */ M({
   __name: "loader",
   props: {
     loading: { type: Boolean, default: !0 },
@@ -1169,7 +1169,7 @@ const He = G("SunIcon", [
     color: { default: "primary" }
   },
   setup(d) {
-    const u = d, e = _(u.loading);
+    const u = d, e = C(u.loading);
     return L(
       () => u.loading,
       (t) => {
@@ -1177,7 +1177,7 @@ const He = G("SunIcon", [
       }
     ), (t, l) => e.value ? (a(), o("span", {
       key: 0,
-      class: k(["loading", [
+      class: w(["loading", [
         { "loading-xs": t.size === "xs" },
         { "loading-sm": t.size === "sm" },
         { "loading-md": t.size === "md" },
@@ -1200,55 +1200,81 @@ const He = G("SunIcon", [
         { "text-warning": t.color === "warning" },
         { "text-error": t.color === "error" }
       ]])
-    }, null, 2)) : D("", !0);
+    }, null, 2)) : x("", !0);
   }
-}), Wt = { class: "footer sm:footer-horizontal container" }, Zt = { class: "footer-title" }, Gt = ["href"], Qt = { class: "w-full" }, In = /* @__PURE__ */ M({
+}), Wt = { class: "footer sm:footer-horizontal container" }, Zt = { class: "footer-title" }, Gt = ["href"], Qt = {
+  key: 0,
+  class: "sm:hidden w-full"
+}, en = { class: "border-b-2 border-base-100 last:border-b-0 w-full" }, tn = {
+  tabindex: "0",
+  class: "collapse collapse-plus w-full"
+}, nn = { class: "collapse-title font-bold text-lg collapsible-footer-title" }, an = { class: "collapse-content flex w-full text-sm" }, on = { class: "flex flex-col gap-2.5" }, ln = { class: "w-full" }, sn = ["href"], rn = { class: "w-full" }, jn = /* @__PURE__ */ M({
   __name: "footer",
   props: {
     items: {},
     background: {},
-    color: {}
+    color: {},
+    collapseOnMobile: { type: Boolean, default: !1 }
   },
   setup(d) {
     const u = d;
     return (e, t) => (a(), o("div", {
-      class: k(["mx-auto md:px-10 py-10 text-base-content", [e.background ?? "bg-base-200", e.color ?? "text-base-content"]])
+      class: w(["mx-auto md:px-10 py-10 text-base-content", [e.background ?? "bg-base-200", e.color ?? "text-base-content"]])
     }, [
       n("footer", Wt, [
-        (a(!0), o(y, null, C(u.items, (l) => (a(), o("nav", null, [
-          n("h6", Zt, w(l.title), 1),
-          (a(!0), o(y, null, C(l.items, (r) => (a(), o("a", {
+        (a(!0), o(h, null, $(u.items, (l) => (a(), o("nav", {
+          class: w([{ "hidden sm:grid": e.collapseOnMobile }])
+        }, [
+          n("h6", Zt, b(l.title), 1),
+          (a(!0), o(h, null, $(l.items, (r) => (a(), o("a", {
             class: "link link-hover",
             href: r.link
-          }, w(r.text), 9, Gt))), 256))
-        ]))), 256)),
-        n("aside", Qt, [
-          h(e.$slots, "default")
+          }, b(r.text), 9, Gt))), 256))
+        ], 2))), 256)),
+        e.collapseOnMobile ? (a(), o("nav", Qt, [
+          (a(!0), o(h, null, $(u.items, (l) => (a(), o("ul", en, [
+            n("div", tn, [
+              n("div", nn, b(l.title), 1),
+              n("div", an, [
+                n("ul", on, [
+                  (a(!0), o(h, null, $(l.items, (r) => (a(), o("li", ln, [
+                    n("a", {
+                      class: "w-full font-medium link link-hover",
+                      href: r.link
+                    }, b(r.text), 9, sn)
+                  ]))), 256))
+                ])
+              ])
+            ])
+          ]))), 256))
+        ])) : x("", !0),
+        n("aside", rn, [
+          y(e.$slots, "default")
         ])
       ])
     ], 2));
   }
-}), en = {}, tn = { class: "min-h-40 container hero" }, nn = { class: "px-0! text-center hero-content" }, an = { class: "mt-9 text-4xl" };
-function on(d, u) {
-  return a(), o("div", tn, [
-    n("div", nn, [
+}), un = {}, dn = { class: "min-h-40 container hero" }, cn = { class: "px-0! text-center hero-content" }, pn = { class: "mt-9 text-4xl" };
+function mn(d, u) {
+  return a(), o("div", dn, [
+    n("div", cn, [
       n("div", null, [
-        n("h1", an, [
-          h(d.$slots, "title", {}, () => [
+        n("h1", pn, [
+          y(d.$slots, "title", {}, () => [
             u[0] || (u[0] = ae("hero title"))
           ])
         ]),
         n("p", null, [
-          h(d.$slots, "description", { class: "py-9" })
+          y(d.$slots, "description", { class: "py-9" })
         ]),
-        h(d.$slots, "call-to-action-block", { class: "max-w-full" }, () => [
+        y(d.$slots, "call-to-action-block", { class: "max-w-full" }, () => [
           u[1] || (u[1] = n("button", { class: "btn btn-primary" }, "Call to action", -1))
         ])
       ])
     ])
   ]);
 }
-const On = /* @__PURE__ */ Q(en, [["render", on]]), ln = { class: "categories flex flex-row gap-4 place-content-center" }, sn = ["onClick"], Vn = /* @__PURE__ */ M({
+const Ln = /* @__PURE__ */ Q(un, [["render", mn]]), fn = { class: "flex flex-row place-content-center gap-4 categories" }, vn = ["onClick"], Nn = /* @__PURE__ */ M({
   __name: "categoryNavigation",
   props: {
     searchOptions: {},
@@ -1260,18 +1286,18 @@ const On = /* @__PURE__ */ Q(en, [["render", on]]), ln = { class: "categories fl
     function l(r) {
       t("update:currentCategory", r);
     }
-    return (r, p) => (a(), o("div", ln, [
-      (a(!0), o(y, null, C(e.searchOptions, (v) => (a(), o("div", {
+    return (r, p) => (a(), o("div", fn, [
+      (a(!0), o(h, null, $(e.searchOptions, (v) => (a(), o("div", {
         key: v.category
       }, [
         n("button", {
           onClick: (f) => l(v.category),
-          class: k(["truncate", { "font-semibold": e.currentCategory === v.category }])
-        }, w(v.category), 11, sn)
+          class: w(["truncate btn btn-ghost", { "font-semibold": e.currentCategory === v.category }])
+        }, b(v.category), 11, vn)
       ]))), 128))
     ]));
   }
-}), rn = { class: "md:flex hidden navbar-start" }, un = { class: "md:flex justify-center items-center hidden navbar-center" }, dn = { class: "md:flex hidden navbar-end" }, cn = { class: "navbar-bottom md:flex hidden" }, pn = /* @__PURE__ */ M({
+}), gn = { class: "md:flex hidden navbar-start" }, hn = { class: "md:flex justify-center items-center hidden navbar-center" }, bn = { class: "md:flex hidden navbar-end" }, yn = { class: "navbar-bottom md:flex hidden" }, wn = /* @__PURE__ */ M({
   __name: "navigationBar",
   props: {
     isCollapsed: { type: Boolean, default: !0 }
@@ -1279,30 +1305,30 @@ const On = /* @__PURE__ */ Q(en, [["render", on]]), ln = { class: "categories fl
   setup(d) {
     const u = d;
     return (e, t) => (a(), o("nav", {
-      class: k(["place-items-start border-primary bg-base-100 px-5 py-5 border-b-4 transition-all navbar navigationbar", u.isCollapsed ? "collapsed" : ""])
+      class: w(["place-items-start border-primary bg-base-100 px-5 py-5 border-b-4 transition-all navbar navigationbar", u.isCollapsed ? "collapsed" : ""])
     }, [
-      n("div", rn, [
-        h(e.$slots, "start", {}, void 0, !0)
+      n("div", gn, [
+        y(e.$slots, "start", {}, void 0, !0)
       ]),
-      n("div", un, [
-        h(e.$slots, "center", {}, void 0, !0)
+      n("div", hn, [
+        y(e.$slots, "center", {}, void 0, !0)
       ]),
-      n("div", dn, [
-        h(e.$slots, "end", {}, void 0, !0)
+      n("div", bn, [
+        y(e.$slots, "end", {}, void 0, !0)
       ]),
-      n("div", cn, [
-        h(e.$slots, "bottom", {}, void 0, !0)
+      n("div", yn, [
+        y(e.$slots, "bottom", {}, void 0, !0)
       ])
     ], 2));
   }
-}), Un = /* @__PURE__ */ Q(pn, [["__scopeId", "data-v-8ddb2b45"]]), mn = {
+}), En = /* @__PURE__ */ Q(wn, [["__scopeId", "data-v-8ddb2b45"]]), kn = {
   key: 0,
   class: "hidden top-4 right-0 absolute md:flex gap-4"
-}, fn = ["onClick", "aria-selected"], vn = {
+}, _n = ["onClick", "aria-selected"], $n = {
   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"
-}, gn = { class: "p-6 border-x-0 border-t-2 border-b-0 border-base-300 max-w-full" }, An = /* @__PURE__ */ M({
+}, Cn = { class: "p-6 border-x-0 border-t-2 border-b-0 border-base-300 max-w-full" }, Fn = /* @__PURE__ */ M({
   __name: "tab",
   props: {
     items: {},
@@ -1312,7 +1338,7 @@ const On = /* @__PURE__ */ Q(en, [["render", on]]), ln = { class: "categories fl
   },
   emits: ["tab-changed"],
   setup(d, { emit: u }) {
-    const e = d, t = _(e.items[0]), l = u;
+    const e = d, t = C(e.items[0]), l = u;
     function r(f) {
       t.value = f, l("tab-changed", f);
     }
@@ -1330,12 +1356,12 @@ const On = /* @__PURE__ */ Q(en, [["render", on]]), ln = { class: "categories fl
       e.rotateTabsAfter && e.rotateTabsAfter > 0 && setInterval(() => {
         p();
       }, e.rotateTabsAfter * 1e3);
-    }), (f, m) => (a(), o(y, null, [
+    }), (f, m) => (a(), o(h, null, [
       n("div", {
         role: "tablist",
-        class: k(["relative tabs-bordered w-full tabs tabs-lg", { "flex-nowrap overflow-x-auto": f.buttonOnlyMode }])
+        class: w(["relative tabs-bordered w-full tabs tabs-lg", { "flex-nowrap overflow-x-auto": f.buttonOnlyMode }])
       }, [
-        f.withControlls ? (a(), o("div", mn, [
+        f.withControlls ? (a(), o("div", kn, [
           n("button", {
             onClick: m[0] || (m[0] = (g) => v()),
             class: "cursor-pointer"
@@ -1344,44 +1370,44 @@ const On = /* @__PURE__ */ Q(en, [["render", on]]), ln = { class: "categories fl
             onClick: m[1] || (m[1] = (g) => p()),
             class: "text-primary cursor-pointer"
           }, "Next")
-        ])) : D("", !0),
-        (a(!0), o(y, null, C(f.items, (g) => (a(), o(y, null, [
+        ])) : x("", !0),
+        (a(!0), o(h, null, $(f.items, (g) => (a(), o(h, null, [
           n("a", {
             type: "button",
             role: "tab",
-            class: k(["min-w-max tab", g === t.value ? "bg-primary text-base-100" : ""]),
+            class: w(["min-w-max tab", g === t.value ? "bg-primary text-base-100" : ""]),
             onClick: (R) => r(g),
             "aria-selected": t.value == g
-          }, w(g), 11, fn),
-          f.buttonOnlyMode ? D("", !0) : (a(), o("div", vn, [
-            h(f.$slots, `${g}-tab`)
+          }, b(g), 11, _n),
+          f.buttonOnlyMode ? x("", !0) : (a(), o("div", $n, [
+            y(f.$slots, `${g}-tab`)
           ]))
         ], 64))), 256))
       ], 2),
-      n("div", gn, [
-        h(f.$slots, "default")
+      n("div", Cn, [
+        y(f.$slots, "default")
       ])
     ], 64));
   }
 });
 export {
-  _n as Accordion,
-  Dn as AdvancedSearch,
-  Cn as Avatar,
-  Sn as Badge,
-  bn as ButtonComponent,
-  xn as Card,
-  Vn as CategoryNavigation,
+  On as Accordion,
+  An as AdvancedSearch,
+  In as Avatar,
+  Vn as Badge,
+  Sn as ButtonComponent,
+  Un as Card,
+  Nn as CategoryNavigation,
   Ft as DatetimePicker,
-  yn as Dropdown,
-  In as Footer,
-  On as Hero,
-  Bn as Loader,
-  wn as Modal,
-  Un as NavigationBar,
-  Tn as Rating,
-  kn as Swap,
-  An as Tab,
-  Mn as TagInput,
-  $n as ThemeController
+  Dn as Dropdown,
+  jn as Footer,
+  Ln as Hero,
+  Pn as Loader,
+  Tn as Modal,
+  En as NavigationBar,
+  zn as Rating,
+  Mn as Swap,
+  Fn as Tab,
+  Rn as TagInput,
+  Bn as ThemeController
 };