manolis-ui 0.14.2 → 0.16.0

package/dist/manolis-ui.js

@@ -1,8 +1,8 @@
-import { defineComponent as P, computed as U, createElementBlock as r, openBlock as a, normalizeClass as M, createCommentVNode as T, renderSlot as V, createTextVNode as ue, createElementVNode as l, Fragment as j, renderList as E, toDisplayString as O, ref as k, watch as A, h as se, onMounted as K, withDirectives as ee, createVNode as G, isRef as pe, vModelCheckbox as he, unref as F, provide as ge, normalizeStyle as Z, inject as be, useId as ye, defineAsyncComponent as te, nextTick as le, onBeforeUnmount as ie, withModifiers as H, createBlock as W, resolveDynamicComponent as ne, mergeProps as ae, withKeys as re, resolveComponent as oe, withCtx as ce, vModelText as me, useSlots as we, Comment as xe, vShow as ke, onUnmounted as $e } from "vue";
+import { defineComponent as P, computed as _, createElementBlock as r, openBlock as a, normalizeClass as M, createCommentVNode as T, renderSlot as V, createTextVNode as ue, createElementVNode as l, Fragment as j, renderList as E, toDisplayString as z, ref as k, watch as A, h as se, onMounted as K, withDirectives as ee, createVNode as G, isRef as pe, vModelCheckbox as he, unref as U, provide as ge, normalizeStyle as Z, inject as be, useId as ye, defineAsyncComponent as te, nextTick as le, onBeforeUnmount as ie, withModifiers as H, createBlock as W, resolveDynamicComponent as ne, mergeProps as ae, withKeys as re, resolveComponent as oe, withCtx as ce, vModelText as me, useSlots as we, Comment as xe, vShow as ke, onUnmounted as $e } from "vue";
 const Ce = ["disabled"], Se = {
   key: 0,
   class: "loading loading-spinner"
-}, El = /* @__PURE__ */ P({
+}, Al = /* @__PURE__ */ P({
   __name: "ButtonComponent",
   props: {
     outlined: { type: Boolean, default: !1 },
@@ -14,7 +14,7 @@ const Ce = ["disabled"], Se = {
     disabled: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const c = e, t = U(() => {
+    const c = e, t = _(() => {
       switch (c.size) {
         case "large":
           return "btn-lg";
@@ -29,7 +29,7 @@ const Ce = ["disabled"], Se = {
         default:
           return "";
       }
-    }), o = U(() => {
+    }), o = _(() => {
       switch (c.type) {
         case "neutral":
           return "btn-neutral";
@@ -54,7 +54,7 @@ const Ce = ["disabled"], Se = {
         default:
           return "btn-neutral";
       }
-    }), u = U(() => {
+    }), u = _(() => {
       switch (c.shape) {
         case "square":
           return "btn-square";
@@ -84,7 +84,7 @@ const Ce = ["disabled"], Se = {
 }), Ie = {
   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"
-}, Te = ["href"], Al = /* @__PURE__ */ P({
+}, Te = ["href"], Rl = /* @__PURE__ */ P({
   __name: "dropdown",
   props: {
     items: {},
@@ -116,13 +116,13 @@ const Ce = ["disabled"], Se = {
         (a(!0), r(j, null, E(e.items, (i) => (a(), r("li", null, [
           l("a", {
             href: i.link
-          }, O(i.text), 9, Te)
+          }, z(i.text), 9, Te)
         ]))), 256)),
         V(u.$slots, "additional")
       ])
     ], 2));
   }
-}), Me = { class: "modal-box" }, Ve = { class: "modal-action" }, Rl = /* @__PURE__ */ P({
+}), Me = { class: "modal-box" }, Ve = { class: "modal-action" }, Nl = /* @__PURE__ */ P({
   __name: "modal",
   props: {
     position: { default: "center" },
@@ -179,7 +179,7 @@ const Ce = ["disabled"], Se = {
       ], 2)
     ], 64));
   }
-}), Be = { class: "flex justify-center items-center swap-on" }, De = { class: "flex justify-center items-center swap-off" }, Nl = /* @__PURE__ */ P({
+}), Be = { class: "flex justify-center items-center swap-on" }, De = { class: "flex justify-center items-center swap-off" }, Fl = /* @__PURE__ */ P({
   __name: "swap",
   props: {
     effect: {}
@@ -323,7 +323,7 @@ const Ee = Q("SunIcon", [
   }), A(t, (o) => {
     typeof window < "u" && window.localStorage.setItem(e, JSON.stringify(o));
   }), t;
-}, Re = { class: "swap-rotate swap" }, Ne = ["true-value", "false-value"], _l = /* @__PURE__ */ P({
+}, Re = { class: "swap-rotate swap" }, Ne = ["true-value", "false-value"], Ul = /* @__PURE__ */ P({
   __name: "theme-controller",
   props: {
     lightTheme: { default: "light" },
@@ -344,13 +344,13 @@ const Ee = Q("SunIcon", [
         "true-value": c.lightTheme,
         "false-value": c.darkTheme
       }, null, 8, Ne), [
-        [he, F(t)]
+        [he, U(t)]
       ]),
-      G(F(Ee), { class: "swap-off fill-current" }),
-      G(F(Le), { class: "swap-on fill-current" })
+      G(U(Ee), { class: "swap-off fill-current" }),
+      G(U(Le), { class: "swap-on fill-current" })
     ]));
   }
-}), _e = ["name"], Fe = { class: "collapse-title font-bold text-2xl lg:text-4xl" }, Ue = { class: "collapse-content" }, qe = ["innerHTML"], Fl = /* @__PURE__ */ P({
+}), Fe = ["name"], Ue = { class: "collapse-title font-bold text-2xl lg:text-4xl" }, _e = { class: "collapse-content" }, qe = ["innerHTML"], _l = /* @__PURE__ */ P({
   __name: "accordion",
   props: {
     name: {},
@@ -368,16 +368,16 @@ const Ee = Q("SunIcon", [
         type: "radio",
         name: e.name,
         value: "true"
-      }, null, 8, _e),
-      l("div", Fe, O(u.title), 1),
-      l("div", Ue, [
+      }, null, 8, Fe),
+      l("div", Ue, z(u.title), 1),
+      l("div", _e, [
         l("span", {
           innerHTML: u.content
         }, null, 8, qe)
       ])
     ], 2))), 128));
   }
-}), He = ["src"], We = { class: "text-xl" }, Ul = /* @__PURE__ */ P({
+}), He = ["src"], We = { class: "text-xl" }, ql = /* @__PURE__ */ P({
   __name: "avatar",
   props: {
     image: {},
@@ -407,11 +407,11 @@ const Ee = Q("SunIcon", [
         key: 1,
         class: M(["flex justify-center bg-neutral p-[25%] rounded w-16 text-neutral-content text-center", [{ "rounded-full": e.fullyRounded }, { rounded: !e.fullyRounded }]])
       }, [
-        l("p", We, O(e.initials), 1)
+        l("p", We, z(e.initials), 1)
       ], 2))
     ], 2));
   }
-}), ql = /* @__PURE__ */ P({
+}), Hl = /* @__PURE__ */ P({
   __name: "badge",
   props: {
     color: { default: "neutral" },
@@ -453,7 +453,7 @@ const Ee = Q("SunIcon", [
 }, Ze = { class: "flex-col flex-nowrap mt-auto card-actions" }, Qe = {
   key: 1,
   class: "card-body"
-}, Hl = /* @__PURE__ */ P({
+}, Wl = /* @__PURE__ */ P({
   __name: "card",
   props: {
     imgUrl: { default: "" },
@@ -505,9 +505,9 @@ const Ee = Q("SunIcon", [
         }, null, 2)) : T("", !0)
       ], 2),
       e.loading ? T("", !0) : (a(), r("div", Xe, [
-        e.title ? (a(), r("h2", Ge, O(e.title), 1)) : T("", !0),
+        e.title ? (a(), r("h2", Ge, z(e.title), 1)) : T("", !0),
         V(o.$slots, "details"),
-        e.description ? (a(), r("p", Je, O(e.description), 1)) : T("", !0),
+        e.description ? (a(), r("p", Je, z(e.description), 1)) : T("", !0),
         l("div", Ze, [
           V(o.$slots, "actions")
         ])
@@ -565,7 +565,7 @@ const Ee = Q("SunIcon", [
     }
   },
   setup(e, { expose: c }) {
-    const t = e, o = k(t.initialSlide), u = k(null), s = k(!1), i = k(0), g = U(() => ({
+    const t = e, o = k(t.initialSlide), u = k(null), s = k(!1), i = k(0), g = _(() => ({
       width: `calc((100% - ${t.slidesPerView > 1 ? (t.slidesPerView - 1) * t.gap : 0}px) / ${t.slidesPerView})`
     }));
     ge(ve, g);
@@ -583,7 +583,7 @@ const Ee = Q("SunIcon", [
         return;
       }
       const b = performance.now(), n = ($) => {
-        const h = $ - b, D = Math.min(1, h / t.slideDuration), _ = D < 0.5 ? 4 * D * D * D : 1 - Math.pow(-2 * D + 2, 3) / 2, q = d + f * _;
+        const h = $ - b, D = Math.min(1, h / t.slideDuration), F = D < 0.5 ? 4 * D * D * D : 1 - Math.pow(-2 * D + 2, 3) / 2, q = d + f * F;
         t.sliderOrientation === "vertical" ? C.scrollTop = q : C.scrollLeft = q, D < 1 ? requestAnimationFrame(n) : (t.sliderOrientation === "vertical" ? C.scrollTop = m : C.scrollLeft = m, o.value = x, s.value = !1);
       };
       requestAnimationFrame(n);
@@ -591,7 +591,7 @@ const Ee = Q("SunIcon", [
       p(o.value + 1);
     }, I = () => {
       p(o.value - 1);
-    }, z = (w) => {
+    }, O = (w) => {
       p(w);
     }, y = () => {
       if (!u.value || t.slidesPerView <= 0 || (v(), i.value === 0)) return;
@@ -652,7 +652,7 @@ const Ee = Q("SunIcon", [
       e.showIndicators ? (a(), r("div", tt, [
         (a(!0), r(j, null, E(i.value, (C, B) => (a(), r("button", {
           key: `dot-${B}`,
-          onClick: (L) => z(B),
+          onClick: (L) => O(B),
           class: M(["btn btn-circle btn-xs", { "btn-active": B === o.value }]),
           "aria-label": `Go to slide ${B + 1}`
         }, null, 10, lt))), 128))
@@ -664,18 +664,18 @@ const Ee = Q("SunIcon", [
   for (const [o, u] of c)
     t[o] = u;
   return t;
-}, Wl = /* @__PURE__ */ J(nt, [["__scopeId", "data-v-db55a6a5"]]), at = /* @__PURE__ */ P({
+}, Kl = /* @__PURE__ */ J(nt, [["__scopeId", "data-v-db55a6a5"]]), at = /* @__PURE__ */ P({
   __name: "carouselItem",
   setup(e) {
     const c = be(ve, k({}));
     return (t, o) => (a(), r("div", {
       class: "w-full h-full carousel-item",
-      style: Z(F(c))
+      style: Z(U(c))
     }, [
       V(t.$slots, "default", {}, void 0, !0)
     ], 4));
   }
-}), Kl = /* @__PURE__ */ J(at, [["__scopeId", "data-v-507384bc"]]), ot = { class: "flex gap-4 bg-base-100 w-full tabs tabs-boxed" }, st = ["onClick"], it = {
+}), Xl = /* @__PURE__ */ J(at, [["__scopeId", "data-v-507384bc"]]), ot = { class: "flex gap-4 bg-base-100 w-full tabs tabs-boxed" }, st = ["onClick"], it = {
   key: 0,
   class: "inline-component-wrapper flex grow justify-center items-center w-full h-full"
 }, rt = {
@@ -704,7 +704,7 @@ const Ee = Q("SunIcon", [
   emits: ["search", "update:search-data"],
   setup(e, { emit: c }) {
     const t = e, o = c, u = t.id ?? `advancedSearch-${ye()}`, s = k(null), i = k(null), g = {
-      datetime: te(() => Promise.resolve().then(() => jt)),
+      datetime: te(() => Promise.resolve().then(() => Lt)),
       "standard-select": te(() => import("./select-Cz4vf_YE.js")),
       // Add other components here when you create them:
       // 'custom-range': defineAsyncComponent(() => import('./CustomRange.vue')),
@@ -761,7 +761,7 @@ const Ee = Q("SunIcon", [
       }
       return String(m.value);
     };
-    function z(m) {
+    function O(m) {
       var n, $;
       const d = (n = s.value) == null ? void 0 : n.name;
       if (!d) {
@@ -781,7 +781,7 @@ const Ee = Q("SunIcon", [
       );
     }
     function y(m) {
-      z(m);
+      O(m);
     }
     function w() {
       o("search");
@@ -813,10 +813,10 @@ const Ee = Q("SunIcon", [
       else if (s.value = { ...m, displayMode: d }, await le(), ((n = s.value) == null ? void 0 : n.displayMode) === "popup") {
         const $ = v.value[m.name];
         if ($ && S.value) {
-          const h = $.getBoundingClientRect(), D = S.value.getBoundingClientRect(), _ = h.bottom - D.top, q = h.left + h.width / 2 - D.left;
+          const h = $.getBoundingClientRect(), D = S.value.getBoundingClientRect(), F = h.bottom - D.top, q = h.left + h.width / 2 - D.left;
           p.value = {
             left: `${q}px`,
-            top: `${_ + 8}px`,
+            top: `${F + 8}px`,
             // Add a small gap
             transform: "translateX(-50%)"
             // Center horizontally
@@ -895,13 +895,13 @@ const Ee = Q("SunIcon", [
               (a(!0), r(j, null, E(((f = t.searchOptions.find(
                 (n) => n.category === t.currentCategory
               )) == null ? void 0 : f.tabs) || [], (n, $) => {
-                var h, D, _, q, de;
+                var h, D, F, q, de;
                 return a(), r("button", {
                   key: `${n.name}-${$}`,
                   onClick: H((X) => B(n), ["stop"]),
                   class: M([{
                     "tab-active": ((h = s.value) == null ? void 0 : h.name) === n.name,
-                    "tab-active-inline": ((D = s.value) == null ? void 0 : D.name) === n.name && ((_ = s.value) == null ? void 0 : _.displayMode) === "inline"
+                    "tab-active-inline": ((D = s.value) == null ? void 0 : D.name) === n.name && ((F = s.value) == null ? void 0 : F.displayMode) === "inline"
                     // Add new class
                   }, "group/searchitem after:top-0 after:-right-2 after:absolute relative first-of-type:flex-auto last-of-type:flex-auto after:bg-base-200 hover:bg-base-200 p-1 rounded-sm w-auto after:w-px after:h-10 overflow-x-hidden text-start md:after:content-[''] after:content-none last-of-type:after:content-none"]),
                   ref_for: !0,
@@ -919,8 +919,8 @@ const Ee = Q("SunIcon", [
                       ref: i
                     }), null, 16, ["modelValue", "onKeydown"]))
                   ])) : (a(), r("div", rt, [
-                    l("p", ut, O(n.name), 1),
-                    n.value !== void 0 && n.value !== null && n.value !== "" ? (a(), r("p", dt, O(I(n)), 1)) : (a(), r("p", ct, O(n.description), 1))
+                    l("p", ut, z(n.name), 1),
+                    n.value !== void 0 && n.value !== null && n.value !== "" ? (a(), r("p", dt, z(I(n)), 1)) : (a(), r("p", ct, z(n.description), 1))
                   ]))
                 ], 10, st);
               }), 128))
@@ -932,8 +932,8 @@ const Ee = Q("SunIcon", [
             }, [
               (a(), W(ne(g[s.value.type]), ae(s.value.props || {}, {
                 modelValue: s.value.value,
-                onUpdated: d[2] || (d[2] = (n) => z(n)),
-                "onUpdate:modelValue": d[3] || (d[3] = (n) => z(n))
+                onUpdated: d[2] || (d[2] = (n) => O(n)),
+                "onUpdate:modelValue": d[3] || (d[3] = (n) => O(n))
               }), null, 16, ["modelValue"]))
             ], 4)) : T("", !0),
             l("button", {
@@ -942,7 +942,7 @@ const Ee = Q("SunIcon", [
               class: "ml-1 btn btn-primary btn-square",
               onClick: H(w, ["stop"])
             }, [
-              G(F(fe), {
+              G(U(fe), {
                 size: 24,
                 color: "white"
               })
@@ -954,7 +954,7 @@ const Ee = Q("SunIcon", [
               onClick: d[4] || (d[4] = () => {
               })
             }, [
-              G(F(fe), {
+              G(U(fe), {
                 size: 24,
                 color: "white"
               })
@@ -962,12 +962,12 @@ const Ee = Q("SunIcon", [
           ])
         ], 512),
         l("dialog", {
-          id: `advancedSearchMobile-${F(u)}`,
+          id: `advancedSearchMobile-${U(u)}`,
           class: "modal"
         }, [
           l("div", vt, [
             V(m.$slots, "additionalForMobile", {}, () => [
-              l("h3", pt, O(e.currentCategory), 1)
+              l("h3", pt, z(e.currentCategory), 1)
             ], !0),
             (a(!0), r(j, null, E(((b = t.searchOptions.find(
               (n) => n.category === t.currentCategory
@@ -977,19 +977,19 @@ const Ee = Q("SunIcon", [
             }, [
               l("input", {
                 type: "radio",
-                name: `accordion-${F(u)}`,
+                name: `accordion-${U(u)}`,
                 checked: $ === 0
               }, null, 8, ht),
               l("div", gt, [
-                l("div", null, O(n.name), 1),
-                n.value !== void 0 && n.value !== null && n.value !== "" ? (a(), r("div", bt, O(I(n)), 1)) : (a(), r("div", yt, O(n.description), 1))
+                l("div", null, z(n.name), 1),
+                n.value !== void 0 && n.value !== null && n.value !== "" ? (a(), r("div", bt, z(I(n)), 1)) : (a(), r("div", yt, z(n.description), 1))
               ]),
               l("div", wt, [
                 d[7] || (d[7] = l("br", null, null, -1)),
                 (a(), W(ne(g[n.type]), ae({ ref_for: !0 }, n.props || {}, {
                   modelValue: n.value,
-                  onUpdated: d[5] || (d[5] = (h) => z(h)),
-                  "onUpdate:modelValue": d[6] || (d[6] = (h) => z(h))
+                  onUpdated: d[5] || (d[5] = (h) => O(h)),
+                  "onUpdate:modelValue": d[6] || (d[6] = (h) => O(h))
                 }), null, 16, ["modelValue"]))
               ])
             ]))), 128)),
@@ -1006,16 +1006,16 @@ const Ee = Q("SunIcon", [
       ], 64);
     };
   }
-}), Xl = /* @__PURE__ */ J(xt, [["__scopeId", "data-v-577c3624"]]), kt = { class: "z-30 relative flex items-center bg-base-100 date-filter-input px-4 border-2 border-primary rounded-md w-full min-h-10 font-semibold text-primary text-sm" }, $t = { key: 0 }, Ct = ["id"], St = {
+}), Gl = /* @__PURE__ */ J(xt, [["__scopeId", "data-v-577c3624"]]), kt = { class: "z-30 relative flex items-center bg-base-100 date-filter-input px-4 border-2 border-primary rounded-md w-full min-h-10 font-semibold text-primary text-sm" }, $t = { key: 0 }, Ct = ["id"], St = {
   key: 2,
-  class: "join items-center gap-2 w-full justify-between py-2 px-4 max-md:input max-md:input-bordered rounded"
-}, It = { class: "join-item" }, Tt = ["id", "disabled"], Mt = { class: "join-item" }, Vt = ["id", "disabled"], Bt = {
+  class: "flex justify-center p-4"
+}, It = { class: "join items-center gap-2 max-w-2xs md:max-w-full justify-between max-md:input max-md:input-bordered !rounded overflow-hidden mx-auto" }, Tt = { class: "join-item" }, Mt = ["id", "disabled"], Vt = { class: "join-item" }, Bt = ["id", "disabled"], Dt = {
   key: 3,
-  class: "px-4 min-w-xs my-2"
-}, Dt = ["id", "disabled"], zt = {
+  class: "p-4 min-w-2xs"
+}, zt = ["id", "disabled"], Ot = {
   key: 4,
-  class: "flex mt-4"
-}, Ot = /* @__PURE__ */ P({
+  class: "flex px-4 my-4 w-full justify-end"
+}, Pt = /* @__PURE__ */ P({
   __name: "datetimePicker",
   props: {
     mode: { default: "datetime" },
@@ -1027,18 +1027,19 @@ const Ee = Q("SunIcon", [
     disabled: { type: Boolean, default: !1 },
     locale: { default: "nl-NL" },
     min: {},
-    max: {}
+    max: {},
+    closeText: { default: "Close" }
   },
   emits: ["update:modelValue", "change"],
   setup(e, { emit: c }) {
     K(async () => {
       await import("./cally-ZU3K2Th7.js");
     });
-    const t = e, o = c, u = k(null), s = k(!1), i = k(null), g = k(null), v = k(null), p = k(null), S = k(null), I = k({ from: "", to: "", single: "" }), z = k({
+    const t = e, o = c, u = k(null), s = k(!1), i = k(null), g = k(null), v = k(null), p = k(null), S = k(null), I = k({ from: "", to: "", single: "" }), O = k({
       single: null,
       start: null,
       end: null
-    }), y = U(() => {
+    }), y = _(() => {
       const d = (n) => {
         if (!n || n.includes(":")) return n;
         if (/^\d{4}-\d{2}-\d{2}$/.test(n))
@@ -1051,7 +1052,7 @@ const Ee = Q("SunIcon", [
         return n;
       };
       let f = "", b = "";
-      if (t.mode !== "time" && (t.range && z.value.start && z.value.end ? f = `${z.value.start} - ${z.value.end}` : !t.range && z.value.single && (f = z.value.single)), t.mode !== "date" && (t.range && I.value.from && I.value.to ? b = `${I.value.from} - ${I.value.to}` : !t.range && I.value.single && (b = I.value.single)), t.mode === "date")
+      if (t.mode !== "time" && (t.range && O.value.start && O.value.end ? f = `${O.value.start} - ${O.value.end}` : !t.range && O.value.single && (f = O.value.single)), t.mode !== "date" && (t.range && I.value.from && I.value.to ? b = `${I.value.from} - ${I.value.to}` : !t.range && I.value.single && (b = I.value.single)), t.mode === "date")
         return t.range ? f.split(" - ").map(d).join(" - ") : d(f);
       if (t.mode === "time") return b;
       if (t.range) {
@@ -1063,12 +1064,12 @@ const Ee = Q("SunIcon", [
     console.log(y);
     const w = () => {
       if (t.range) {
-        const { start: d, end: f } = z.value, { from: b, to: n } = I.value;
+        const { start: d, end: f } = O.value, { from: b, to: n } = I.value;
         let $ = null, h = null;
         if (t.mode === "time" && b && n ? ($ = b, h = n) : t.mode === "date" && d && f ? ($ = d, h = f) : t.mode === "datetime" && d && f && b && n && ($ = `${d}T${b}`, h = `${f}T${n}`), $ && h)
           return { start: $, end: h };
       } else {
-        const d = z.value.single, f = I.value.single;
+        const d = O.value.single, f = I.value.single;
         if (t.mode === "date") return d;
         if (t.mode === "time") return f || null;
         if (t.mode === "datetime" && d && f)
@@ -1077,10 +1078,10 @@ const Ee = Q("SunIcon", [
       return null;
     }, x = () => {
       if (i.value)
-        z.value.single = i.value.value || null;
+        O.value.single = i.value.value || null;
       else if (g.value) {
         const d = g.value.value;
-        z.value.start = (d == null ? void 0 : d.start) || null, z.value.end = (d == null ? void 0 : d.end) || null;
+        O.value.start = (d == null ? void 0 : d.start) || null, O.value.end = (d == null ? void 0 : d.end) || null;
       }
     }, C = () => {
       x();
@@ -1102,13 +1103,13 @@ const Ee = Q("SunIcon", [
       if (t.initialDate) {
         if (t.range && typeof t.initialDate == "object" && "start" in t.initialDate) {
           const f = d(t.initialDate.start), b = d(t.initialDate.end);
-          if (z.value.start = f.split("T")[0], z.value.end = b.split("T")[0], t.mode !== "date") {
+          if (O.value.start = f.split("T")[0], O.value.end = b.split("T")[0], t.mode !== "date") {
             const n = new Date(f), $ = new Date(b), h = (D) => `${String(D.getUTCHours()).padStart(2, "0")}:${String(D.getUTCMinutes()).padStart(2, "0")}`;
             I.value.from = h(n), I.value.to = h($), p.value && (p.value.value = I.value.from), S.value && (S.value.value = I.value.to);
           }
         } else if (typeof t.initialDate == "string" || t.initialDate instanceof Date) {
           const f = d(t.initialDate);
-          if (z.value.single = f.split("T")[0], t.mode !== "date") {
+          if (O.value.single = f.split("T")[0], t.mode !== "date") {
             const b = new Date(f), n = `${String(b.getUTCHours()).padStart(2, "0")}:${String(b.getUTCMinutes()).padStart(2, "0")}`;
             I.value.single = n, v.value && (v.value.value = n);
           }
@@ -1131,13 +1132,13 @@ const Ee = Q("SunIcon", [
           onClick: f[0] || (f[0] = (h) => t.disabled ? null : L())
         }, [
           l("div", kt, [
-            y.value ? T("", !0) : (a(), r("span", $t, O(e.placeholder), 1)),
-            ue(" " + O(y.value), 1)
+            y.value ? T("", !0) : (a(), r("span", $t, z(e.placeholder), 1)),
+            ue(" " + z(y.value), 1)
           ])
         ])) : T("", !0),
         s.value || !t.popup ? (a(), r("div", {
           key: 1,
-          class: M(["z-50 bg-base-100 rounded-md w-full", { "absolute top-full left-0 mt-2 shadow-lg min-w-2xs": t.popup, "mt-2": !t.popup }]),
+          class: M(["z-50 bg-base-100 rounded-md w-full min-w-xs overflow-hidden", { "absolute top-full left-0 mt-2 shadow-lg": t.popup, "mt-2": !t.popup }]),
           id: `date-picker-${t.id}-popup`
         }, [
           !t.range && t.mode !== "time" ? (a(), W(n, {
@@ -1254,42 +1255,44 @@ const Ee = Q("SunIcon", [
           }, 8, ["id", "min", "max", "disabled"])) : T("", !0),
           t.range && t.mode !== "date" ? (a(), r("div", St, [
             l("div", It, [
-              l("input", {
-                class: "max-md:max-w-xs text-center hover:border-b-2 hover:-mb-0.5 open:bg-primary open:p-1 open:-m-0.5 open:rounded w-full relative",
-                type: "time",
-                ref_key: "timeFromInput",
-                ref: p,
-                id: `${t.id}-time-from`,
-                placeholder: "van",
-                onChange: B,
-                disabled: t.disabled
-              }, null, 40, Tt)
-            ]),
-            f[5] || (f[5] = l("svg", {
-              class: "join-item",
-              viewBox: "0 0 1024 1024",
-              focusable: "false",
-              "data-icon": "swap-right",
-              width: "1em",
-              height: "1em",
-              fill: "currentColor",
-              "aria-hidden": "true"
-            }, [
-              l("path", { d: "M873.1 596.2l-164-208A32 32 0 00684 376h-64.8c-6.7 0-10.4 7.7-6.3 13l144.3 183H152c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h695.9c26.8 0 41.7-30.8 25.2-51.8z" })
-            ], -1)),
-            l("div", Mt, [
-              l("input", {
-                class: "hover:border-b-2 hover:-mb-0.5 open:bg-primary open:p-1 open:-m-0.5 open:rounded w-full relative",
-                type: "time",
-                ref_key: "timeToInput",
-                ref: S,
-                id: `${t.id}-time-to`,
-                onChange: B,
-                disabled: t.disabled
-              }, null, 40, Vt)
+              l("div", Tt, [
+                l("input", {
+                  class: "text-center hover:border-b-2 hover:-mb-0.5 open:bg-primary open:p-1 open:-m-0.5 open:rounded w-full relative",
+                  type: "time",
+                  ref_key: "timeFromInput",
+                  ref: p,
+                  id: `${t.id}-time-from`,
+                  placeholder: "van",
+                  onChange: B,
+                  disabled: t.disabled
+                }, null, 40, Mt)
+              ]),
+              f[5] || (f[5] = l("svg", {
+                class: "join-item",
+                viewBox: "0 0 1024 1024",
+                focusable: "false",
+                "data-icon": "swap-right",
+                width: "1em",
+                height: "1em",
+                fill: "currentColor",
+                "aria-hidden": "true"
+              }, [
+                l("path", { d: "M873.1 596.2l-164-208A32 32 0 00684 376h-64.8c-6.7 0-10.4 7.7-6.3 13l144.3 183H152c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h695.9c26.8 0 41.7-30.8 25.2-51.8z" })
+              ], -1)),
+              l("div", Vt, [
+                l("input", {
+                  class: "text-center hover:border-b-2 hover:-mb-0.5 open:bg-primary open:p-1 open:-m-0.5 open:rounded w-full relative",
+                  type: "time",
+                  ref_key: "timeToInput",
+                  ref: S,
+                  id: `${t.id}-time-to`,
+                  onChange: B,
+                  disabled: t.disabled
+                }, null, 40, Bt)
+              ])
             ])
           ])) : T("", !0),
-          !t.range && t.mode !== "date" ? (a(), r("div", Bt, [
+          !t.range && t.mode !== "date" ? (a(), r("div", Dt, [
             l("input", {
               class: "open:bg-primary open:rounded w-full input input-bordered justify-center",
               type: "time",
@@ -1298,22 +1301,22 @@ const Ee = Q("SunIcon", [
               id: `${t.id}-time`,
               onChange: B,
               disabled: t.disabled
-            }, null, 40, Dt)
+            }, null, 40, zt)
           ])) : T("", !0),
-          t.popup ? (a(), r("div", zt, [
+          t.popup && e.closeText ? (a(), r("div", Ot, [
             l("button", {
-              class: "btn btn-primary",
+              class: "btn btn-primary max-lg:w-full",
               onClick: R
-            }, " Close ")
+            }, z(e.closeText), 1)
           ])) : T("", !0)
         ], 10, Ct)) : T("", !0)
       ], 544);
     };
   }
-}), Pt = /* @__PURE__ */ J(Ot, [["__scopeId", "data-v-34004a87"]]), jt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), jt = /* @__PURE__ */ J(Pt, [["__scopeId", "data-v-423cdcd2"]]), Lt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: Pt
-}, Symbol.toStringTag, { value: "Module" })), Lt = ["value", "checked", "onChange", "disabled"], Gl = /* @__PURE__ */ P({
+  default: jt
+}, Symbol.toStringTag, { value: "Module" })), Et = ["value", "checked", "onChange", "disabled"], Jl = /* @__PURE__ */ P({
   __name: "rating",
   props: {
     initialRating: { default: 0 },
@@ -1376,10 +1379,10 @@ const Ee = Q("SunIcon", [
           marginRight: e.halfStars && i % 2 === 0 ? `${c.gap}px` : e.halfStars ? "0" : `${c.gap}px`
         }),
         disabled: !e.isInteractive
-      }, null, 46, Lt))), 128))
+      }, null, 46, Et))), 128))
     ], 2));
   }
-}), Et = { class: "badge" }, At = ["onClick"], Rt = { class: "opacity-75" }, Nt = ["placeholder"], Jl = /* @__PURE__ */ P({
+}), At = { class: "badge" }, Rt = ["onClick"], Nt = { class: "opacity-75" }, Ft = ["placeholder"], Zl = /* @__PURE__ */ P({
   __name: "taginput",
   props: {
     modelValue: {},
@@ -1389,14 +1392,14 @@ const Ee = Q("SunIcon", [
   },
   emits: ["update:modelValue"],
   setup(e, { emit: c }) {
-    const t = e, o = c, u = k([...t.modelValue]), s = t.maxTagAmount === void 0 ? -1 : t.maxTagAmount, i = k(null), g = k(""), v = U(() => s < 0 || u.value.length < s), p = () => {
+    const t = e, o = c, u = k([...t.modelValue]), s = t.maxTagAmount === void 0 ? -1 : t.maxTagAmount, i = k(null), g = k(""), v = _(() => s < 0 || u.value.length < s), p = () => {
       const y = g.value.trim();
       y && !u.value.includes(y) && (u.value.push(y), o("update:modelValue", u.value), g.value = "");
     }, S = (y) => {
       u.value = u.value.filter((w) => w !== y), o("update:modelValue", u.value);
     }, I = () => {
       g.value === "" && (u.value.pop(), o("update:modelValue", u.value));
-    }, z = (y) => {
+    }, O = (y) => {
       y.key === "Enter" ? p() : y.key === "Backspace" && g.value === "" && I();
     };
     return A(() => t.modelValue, (y) => {
@@ -1408,13 +1411,13 @@ const Ee = Q("SunIcon", [
         key: x,
         tag: x
       }, () => [
-        l("div", Et, [
+        l("div", At, [
           l("button", {
             class: "px-1! py-0! h-fit font-bold cursor-pointer",
             onClick: (C) => S(x),
             "aria-label": "Remove tag"
-          }, "X", 8, At),
-          l("span", Rt, O(x), 1)
+          }, "X", 8, Rt),
+          l("span", Nt, z(x), 1)
         ])
       ])), 128)),
       V(y.$slots, "input", { showInput: v.value }, () => [
@@ -1426,23 +1429,23 @@ const Ee = Q("SunIcon", [
           type: "text",
           placeholder: e.placeholder || "Type here",
           class: "h-full input input-ghost",
-          onKeydown: z,
+          onKeydown: O,
           "aria-label": "Add tags"
-        }, null, 40, Nt)), [
+        }, null, 40, Ft)), [
           [me, g.value]
         ]) : T("", !0)
       ])
     ], 2));
   }
-}), _t = { class: "w-full max-w-xs form-control" }, Ft = {
+}), Ut = { class: "w-full max-w-xs form-control" }, _t = {
   key: 0,
   class: "label"
-}, Ut = { class: "label-text" }, qt = ["value"], Ht = {
+}, qt = { class: "label-text" }, Ht = ["value"], Wt = {
   key: 0,
   value: "",
   disabled: "",
   selected: ""
-}, Wt = ["value"], Zl = /* @__PURE__ */ P({
+}, Kt = ["value"], Ql = /* @__PURE__ */ P({
   __name: "select",
   props: {
     options: {},
@@ -1464,9 +1467,9 @@ const Ee = Q("SunIcon", [
       }
       // You can expose other properties or methods here if needed by the parent
       // e.g., the current value: modelValue
-    }), (v, p) => (a(), r("div", _t, [
-      e.label ? (a(), r("label", Ft, [
-        l("span", Ut, O(e.label), 1)
+    }), (v, p) => (a(), r("div", Ut, [
+      e.label ? (a(), r("label", _t, [
+        l("span", qt, z(e.label), 1)
       ])) : T("", !0),
       l("select", {
         ref_key: "selectElement",
@@ -1475,21 +1478,21 @@ const Ee = Q("SunIcon", [
         value: e.modelValue,
         onChange: i
       }, [
-        e.placeholder ? (a(), r("option", Ht, O(e.placeholder), 1)) : T("", !0),
+        e.placeholder ? (a(), r("option", Wt, z(e.placeholder), 1)) : T("", !0),
         (a(!0), r(j, null, E(e.options, (S) => (a(), r("option", {
           key: S.value,
           value: S.value
-        }, O(S.text), 9, Wt))), 128))
-      ], 40, qt)
+        }, z(S.text), 9, Kt))), 128))
+      ], 40, Ht)
     ]));
   }
-}), Kt = {
+}), Xt = {
   key: 0,
   class: "label"
-}, Xt = { class: "label-text" }, Gt = ["onKeydown", "aria-expanded", "aria-activedescendant"], Jt = ["placeholder", "disabled"], Zt = {
+}, Gt = { class: "label-text" }, Jt = ["onKeydown", "aria-expanded", "aria-activedescendant"], Zt = ["placeholder", "disabled"], Qt = {
   class: "top-full z-10 absolute bg-base-100 shadow-lg mt-1 rounded-md w-full dropdown-content",
   role: "listbox"
-}, Qt = { class: "flex-nowrap p-0 w-[inherit] max-h-60 overflow-y-auto menu" }, Yt = ["onMousedown", "id", "aria-selected"], Ql = {
+}, Yt = { class: "flex-nowrap p-0 w-[inherit] max-h-60 overflow-y-auto menu" }, el = ["onMousedown", "id", "aria-selected"], Yl = {
   __name: "filterableSelect",
   props: {
     // Array of options: [{ value: any, text: string }, ...]
@@ -1520,16 +1523,16 @@ const Ee = Q("SunIcon", [
   },
   emits: ["update:modelValue", "select", "clear"],
   setup(e, { expose: c, emit: t }) {
-    const o = e, u = t, s = we(), i = U(() => {
+    const o = e, u = t, s = we(), i = _(() => {
       const $ = (s.default ? s.default() : []).filter((h) => h.type !== xe);
       return console.log("hasDefaultSlotContent computed:", $.length > 0), $.length > 0;
-    }), g = k(""), v = k(null), p = k(!1), S = k(null), I = k(null), z = k(null), y = k(null), w = () => {
+    }), g = k(""), v = k(null), p = k(!1), S = k(null), I = k(null), O = k(null), y = k(null), w = () => {
       p.value = !o.disabled;
     }, x = () => {
       p.value = !1, y.value = null, i.value || (v.value && g.value !== v.value.text ? g.value = v.value.text : v.value || (g.value = ""));
     }, C = () => {
       p.value ? x() : w();
-    }, B = U(() => {
+    }, B = _(() => {
       const n = g.value ? g.value.toLowerCase() : "";
       return n === "" && !p.value ? [] : o.options.filter(
         (h) => h && h.text ? h.text.toLowerCase().includes(n) : ""
@@ -1575,7 +1578,7 @@ const Ee = Q("SunIcon", [
     }, b = (n) => {
       if (!p.value || B.value.length === 0) return;
       const $ = B.value.findIndex(
-        (D, _) => "option-" + _ === y.value
+        (D, F) => "option-" + F === y.value
       );
       let h = -1;
       if (n.key === "ArrowDown")
@@ -1585,12 +1588,12 @@ const Ee = Q("SunIcon", [
       else if (n.key === "Enter" && y.value) {
         n.preventDefault();
         const D = B.value.find(
-          (_, q) => "option-" + q === y.value
+          (F, q) => "option-" + q === y.value
         );
         D && m(D);
         return;
       } else if (n.key === "Escape") {
-        n.preventDefault(), x(), z.value && z.value.focus();
+        n.preventDefault(), x(), O.value && O.value.focus();
         return;
       } else if (i.value)
         return;
@@ -1628,8 +1631,8 @@ const Ee = Q("SunIcon", [
       ref_key: "componentRoot",
       ref: I
     }, [
-      e.label ? (a(), r("label", Kt, [
-        l("span", Xt, O(e.label), 1)
+      e.label ? (a(), r("label", Xt, [
+        l("span", Gt, z(e.label), 1)
       ])) : T("", !0),
       l("div", {
         class: M(["flex items-center input-bordered rounded-md w-fit cursor-pointer", { input: !i.value, select: !i.value }]),
@@ -1649,7 +1652,7 @@ const Ee = Q("SunIcon", [
         "aria-activedescendant": y.value,
         "aria-autocomplete": "list",
         ref_key: "activatorWrapper",
-        ref: z
+        ref: O
       }, [
         V(n.$slots, "default", {}, () => [
           i.value ? T("", !0) : ee((a(), r("input", {
@@ -1664,50 +1667,50 @@ const Ee = Q("SunIcon", [
             onInput: f,
             tabindex: "-1",
             disabled: o.disabled
-          }, null, 40, Jt)), [
+          }, null, 40, Zt)), [
             [me, g.value]
           ])
         ]),
-        v.value && !e.disabled ? (a(), W(F(je), {
+        v.value && !e.disabled ? (a(), W(U(je), {
           key: 0,
           size: 20,
           class: "mx-2 text-base-content/50 hover:text-base-content/80 cursor-pointer",
           onClick: H(N, ["stop"])
         })) : T("", !0),
-        i.value && !v.value ? (a(), W(F(Pe), {
+        i.value && !v.value ? (a(), W(U(Pe), {
           key: 1,
           class: M([{ "rotate-180": p.value }, "mx-2"]),
           size: 20
         }, null, 8, ["class"])) : T("", !0)
-      ], 46, Gt),
-      ee(l("div", Zt, [
-        l("ul", Qt, [
+      ], 46, Jt),
+      ee(l("div", Qt, [
+        l("ul", Yt, [
           (a(!0), r(j, null, E(B.value, (h, D) => (a(), r("li", {
             key: h.value,
-            onMousedown: H((_) => m(h), ["prevent"]),
+            onMousedown: H((F) => m(h), ["prevent"]),
             class: "hover:bg-base-200 rounded-md w-full cursor-pointer",
             id: "option-" + D,
             role: "option",
             "aria-selected": v.value && v.value.value === h.value
           }, [
-            l("a", null, O(h.text), 1)
-          ], 40, Yt))), 128))
+            l("a", null, z(h.text), 1)
+          ], 40, el))), 128))
         ])
       ], 512), [
         [ke, p.value && B.value.length > 0]
       ])
     ], 512));
   }
-}, el = { class: "w-full max-w-xs form-control" }, tl = {
+}, tl = { class: "w-full max-w-xs form-control" }, ll = {
   key: 0,
   class: "label"
-}, ll = { class: "label-text" }, nl = ["type", "placeholder", "disabled", "value"], al = {
+}, nl = { class: "label-text" }, al = ["type", "placeholder", "disabled", "value"], ol = {
   key: 1,
   class: "label"
-}, ol = { class: "label-text-alt text-error validator-hint" }, sl = {
+}, sl = { class: "label-text-alt text-error validator-hint" }, il = {
   key: 2,
   class: "label"
-}, il = { class: "label-text-alt text-success validator-hint" }, Yl = /* @__PURE__ */ P({
+}, rl = { class: "label-text-alt text-success validator-hint" }, en = /* @__PURE__ */ P({
   __name: "inputField",
   props: {
     modelValue: { default: "" },
@@ -1724,12 +1727,12 @@ const Ee = Q("SunIcon", [
   },
   emits: ["update:modelValue", "validate"],
   setup(e, { expose: c, emit: t }) {
-    const o = e, u = t, s = k(null), i = k(!1), g = k(""), v = U(() => {
+    const o = e, u = t, s = k(null), i = k(!1), g = k(""), v = _(() => {
       var C, B, L, R;
       let y = !0, w = "";
       const x = o.modelValue;
       return (C = o.rules) != null && C.required && (x == null || x === "") && (y = !1, w = "This field is required."), y && ((B = o.rules) == null ? void 0 : B.minLength) !== void 0 && typeof x == "string" && x.length < o.rules.minLength && (y = !1, w = `Must be at least ${o.rules.minLength} characters.`), y && ((L = o.rules) == null ? void 0 : L.maxLength) !== void 0 && typeof x == "string" && x.length > o.rules.maxLength && (y = !1, w = `Cannot exceed ${o.rules.maxLength} characters.`), y && ((R = o.rules) != null && R.email) && typeof x == "string" && x && (/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(x) || (y = !1, w = "Please enter a valid email address.")), g.value = w, u("validate", y), y;
-    }), p = U(() => i.value && !v.value), S = (y) => {
+    }), p = _(() => i.value && !v.value), S = (y) => {
       const w = y.target;
       u("update:modelValue", w.value), i.value && v.value;
     }, I = () => {
@@ -1748,9 +1751,9 @@ const Ee = Q("SunIcon", [
       isValid: v,
       isTouched: i,
       errorMessage: g
-    }), (y, w) => (a(), r("div", el, [
-      e.label ? (a(), r("label", tl, [
-        l("span", ll, O(e.label), 1)
+    }), (y, w) => (a(), r("div", tl, [
+      e.label ? (a(), r("label", ll, [
+        l("span", nl, z(e.label), 1)
       ])) : T("", !0),
       V(y.$slots, "default"),
       l("input", {
@@ -1789,15 +1792,15 @@ const Ee = Q("SunIcon", [
         value: e.modelValue,
         onInput: S,
         onBlur: I
-      }, null, 42, nl),
-      p.value ? (a(), r("div", al, [
-        l("span", ol, O(g.value), 1)
-      ])) : v.value && i.value && e.successMessage ? (a(), r("div", sl, [
-        l("span", il, O(e.successMessage), 1)
+      }, null, 42, al),
+      p.value ? (a(), r("div", ol, [
+        l("span", sl, z(g.value), 1)
+      ])) : v.value && i.value && e.successMessage ? (a(), r("div", il, [
+        l("span", rl, z(e.successMessage), 1)
       ])) : T("", !0)
     ]));
   }
-}), en = /* @__PURE__ */ P({
+}), tn = /* @__PURE__ */ P({
   __name: "loader",
   props: {
     loading: { type: Boolean, default: !0 },
@@ -1839,13 +1842,13 @@ const Ee = Q("SunIcon", [
       ]])
     }, null, 2)) : T("", !0);
   }
-}), rl = { class: "footer sm:footer-horizontal container" }, ul = { class: "footer-title" }, dl = ["href"], cl = {
+}), ul = { class: "footer sm:footer-horizontal container" }, dl = { class: "footer-title" }, cl = ["href"], fl = {
   key: 0,
   class: "sm:hidden w-full"
-}, fl = { class: "border-b-2 border-base-100 last:border-b-0 w-full" }, ml = {
+}, ml = { class: "border-b-2 border-base-100 last:border-b-0 w-full" }, vl = {
   tabindex: "0",
   class: "collapse collapse-plus w-full"
-}, vl = { class: "collapse-title font-bold text-lg collapsible-footer-title" }, pl = { class: "collapse-content flex w-full text-sm" }, hl = { class: "flex flex-col gap-2.5" }, gl = { class: "w-full" }, bl = ["href"], yl = { class: "w-full" }, tn = /* @__PURE__ */ P({
+}, pl = { class: "collapse-title font-bold text-lg collapsible-footer-title" }, hl = { class: "collapse-content flex w-full text-sm" }, gl = { class: "flex flex-col gap-2.5" }, bl = { class: "w-full" }, yl = ["href"], wl = { class: "w-full" }, ln = /* @__PURE__ */ P({
   __name: "footer",
   props: {
     items: {},
@@ -1858,45 +1861,45 @@ const Ee = Q("SunIcon", [
     return (t, o) => (a(), r("div", {
       class: M(["mx-auto md:px-10 py-10 text-base-content", [e.background ?? "bg-base-200", e.color ?? "text-base-content"]])
     }, [
-      l("footer", rl, [
+      l("footer", ul, [
         (a(!0), r(j, null, E(c.items, (u) => (a(), r("nav", {
           class: M([{ "hidden sm:grid": e.collapseOnMobile }])
         }, [
-          l("h6", ul, O(u.title), 1),
+          l("h6", dl, z(u.title), 1),
           (a(!0), r(j, null, E(u.items, (s) => (a(), r("a", {
             class: "link link-hover",
             href: s.link
-          }, O(s.text), 9, dl))), 256))
+          }, z(s.text), 9, cl))), 256))
         ], 2))), 256)),
-        e.collapseOnMobile ? (a(), r("nav", cl, [
-          (a(!0), r(j, null, E(c.items, (u) => (a(), r("ul", fl, [
-            l("div", ml, [
-              l("div", vl, O(u.title), 1),
-              l("div", pl, [
-                l("ul", hl, [
-                  (a(!0), r(j, null, E(u.items, (s) => (a(), r("li", gl, [
+        e.collapseOnMobile ? (a(), r("nav", fl, [
+          (a(!0), r(j, null, E(c.items, (u) => (a(), r("ul", ml, [
+            l("div", vl, [
+              l("div", pl, z(u.title), 1),
+              l("div", hl, [
+                l("ul", gl, [
+                  (a(!0), r(j, null, E(u.items, (s) => (a(), r("li", bl, [
                     l("a", {
                       class: "w-full font-medium link link-hover",
                       href: s.link
-                    }, O(s.text), 9, bl)
+                    }, z(s.text), 9, yl)
                   ]))), 256))
                 ])
               ])
             ])
           ]))), 256))
         ])) : T("", !0),
-        l("aside", yl, [
+        l("aside", wl, [
           V(t.$slots, "default")
         ])
       ])
     ], 2));
   }
-}), wl = {}, xl = { class: "min-h-40 container hero" }, kl = { class: "px-0! text-center hero-content" }, $l = { class: "mt-9 text-4xl" };
-function Cl(e, c) {
-  return a(), r("div", xl, [
-    l("div", kl, [
+}), xl = {}, kl = { class: "min-h-40 container hero" }, $l = { class: "px-0! text-center hero-content" }, Cl = { class: "mt-9 text-4xl" };
+function Sl(e, c) {
+  return a(), r("div", kl, [
+    l("div", $l, [
       l("div", null, [
-        l("h1", $l, [
+        l("h1", Cl, [
           V(e.$slots, "title", {}, () => [
             c[0] || (c[0] = ue("hero title", -1))
           ])
@@ -1911,7 +1914,7 @@ function Cl(e, c) {
     ])
   ]);
 }
-const ln = /* @__PURE__ */ J(wl, [["render", Cl]]), Sl = { class: "flex flex-row place-content-center gap-4 categories" }, Il = ["onClick"], nn = /* @__PURE__ */ P({
+const nn = /* @__PURE__ */ J(xl, [["render", Sl]]), Il = { class: "flex flex-row place-content-center gap-4 categories" }, Tl = ["onClick"], an = /* @__PURE__ */ P({
   __name: "categoryNavigation",
   props: {
     searchOptions: {},
@@ -1923,18 +1926,18 @@ const ln = /* @__PURE__ */ J(wl, [["render", Cl]]), Sl = { class: "flex flex-row
     function u(s) {
       o("update:currentCategory", s);
     }
-    return (s, i) => (a(), r("div", Sl, [
+    return (s, i) => (a(), r("div", Il, [
       (a(!0), r(j, null, E(t.searchOptions, (g) => (a(), r("div", {
         key: g.category
       }, [
         l("button", {
           onClick: (v) => u(g.category),
           class: M(["truncate btn btn-ghost", { "font-semibold": t.currentCategory === g.category }])
-        }, O(g.category), 11, Il)
+        }, z(g.category), 11, Tl)
       ]))), 128))
     ]));
   }
-}), Tl = { class: "md:flex hidden navbar-start" }, Ml = { class: "md:flex justify-center items-center hidden navbar-center" }, Vl = { class: "md:flex hidden navbar-end" }, Bl = { class: "navbar-bottom md:flex hidden" }, Dl = /* @__PURE__ */ P({
+}), Ml = { class: "md:flex hidden navbar-start" }, Vl = { class: "md:flex justify-center items-center hidden navbar-center" }, Bl = { class: "md:flex hidden navbar-end" }, Dl = { class: "navbar-bottom md:flex hidden" }, zl = /* @__PURE__ */ P({
   __name: "navigationBar",
   props: {
     isCollapsed: { type: Boolean, default: !0 }
@@ -1944,28 +1947,28 @@ const ln = /* @__PURE__ */ J(wl, [["render", Cl]]), Sl = { class: "flex flex-row
     return (t, o) => (a(), r("nav", {
       class: M(["place-items-start border-primary bg-base-100 px-5 py-5 border-b-4 transition-all navbar navigationbar", c.isCollapsed ? "collapsed" : ""])
     }, [
-      l("div", Tl, [
+      l("div", Ml, [
         V(t.$slots, "start", {}, void 0, !0)
       ]),
-      l("div", Ml, [
+      l("div", Vl, [
         V(t.$slots, "center", {}, void 0, !0)
       ]),
-      l("div", Vl, [
+      l("div", Bl, [
         V(t.$slots, "end", {}, void 0, !0)
       ]),
-      l("div", Bl, [
+      l("div", Dl, [
         V(t.$slots, "bottom", {}, void 0, !0)
       ])
     ], 2));
   }
-}), an = /* @__PURE__ */ J(Dl, [["__scopeId", "data-v-8ddb2b45"]]), zl = {
+}), on = /* @__PURE__ */ J(zl, [["__scopeId", "data-v-8ddb2b45"]]), Ol = {
   key: 0,
   class: "hidden top-4 right-0 absolute md:flex gap-4"
-}, Ol = ["onClick", "aria-selected"], Pl = {
+}, Pl = ["onClick", "aria-selected"], jl = {
   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"
-}, jl = { class: "p-6 border-x-0 border-t-2 border-b-0 border-base-300 max-w-full" }, on = /* @__PURE__ */ P({
+}, Ll = { class: "p-6 border-x-0 border-t-2 border-b-0 border-base-300 max-w-full" }, sn = /* @__PURE__ */ P({
   __name: "tab",
   props: {
     items: {},
@@ -1998,7 +2001,7 @@ const ln = /* @__PURE__ */ J(wl, [["render", Cl]]), Sl = { class: "flex flex-row
         role: "tablist",
         class: M(["relative tabs-bordered w-full tabs tabs-lg", { "flex-nowrap overflow-x-auto": e.buttonOnlyMode }])
       }, [
-        e.withControlls ? (a(), r("div", zl, [
+        e.withControlls ? (a(), r("div", Ol, [
           l("button", {
             onClick: p[0] || (p[0] = (S) => g()),
             class: "cursor-pointer"
@@ -2015,13 +2018,13 @@ const ln = /* @__PURE__ */ J(wl, [["render", Cl]]), Sl = { class: "flex flex-row
             class: M(["min-w-max tab", S === o.value ? "bg-primary text-base-100" : ""]),
             onClick: (I) => s(S),
             "aria-selected": o.value == S
-          }, O(S), 11, Ol),
-          e.buttonOnlyMode ? T("", !0) : (a(), r("div", Pl, [
+          }, z(S), 11, Pl),
+          e.buttonOnlyMode ? T("", !0) : (a(), r("div", jl, [
             V(v.$slots, `${S}-tab`)
           ]))
         ], 64))), 256))
       ], 2),
-      l("div", jl, [
+      l("div", Ll, [
         V(v.$slots, "default")
       ])
     ], 64));
@@ -2030,28 +2033,28 @@ const ln = /* @__PURE__ */ J(wl, [["render", Cl]]), Sl = { class: "flex flex-row
 typeof document > "u" && (globalThis.document = {});
 typeof window > "u" && (globalThis.window = globalThis);
 export {
-  Fl as Accordion,
-  Xl as AdvancedSearch,
-  Ul as Avatar,
-  ql as Badge,
-  El as ButtonComponent,
-  Hl as Card,
-  Wl as Carousel,
-  Kl as CarouselItem,
-  nn as CategoryNavigation,
-  Pt as DatetimePicker,
-  Al as Dropdown,
-  Ql as FilterableSelect,
-  tn as Footer,
-  ln as Hero,
-  Yl as InputField,
-  en as Loader,
-  Rl as Modal,
-  an as NavigationBar,
-  Gl as Rating,
-  Zl as Selector,
-  Nl as Swap,
-  on as Tab,
-  Jl as TagInput,
-  _l as ThemeController
+  _l as Accordion,
+  Gl as AdvancedSearch,
+  ql as Avatar,
+  Hl as Badge,
+  Al as ButtonComponent,
+  Wl as Card,
+  Kl as Carousel,
+  Xl as CarouselItem,
+  an as CategoryNavigation,
+  jt as DatetimePicker,
+  Rl as Dropdown,
+  Yl as FilterableSelect,
+  ln as Footer,
+  nn as Hero,
+  en as InputField,
+  tn as Loader,
+  Nl as Modal,
+  on as NavigationBar,
+  Jl as Rating,
+  Ql as Selector,
+  Fl as Swap,
+  sn as Tab,
+  Zl as TagInput,
+  Ul as ThemeController
 };