manolis-ui 0.14.0 → 0.14.2

package/dist/manolis-ui.js

@@ -1,8 +1,8 @@
-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 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 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";
+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";
 const Ce = ["disabled"], Se = {
   key: 0,
   class: "loading loading-spinner"
-}, Ll = /* @__PURE__ */ P({
+}, El = /* @__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 = _(() => {
+    const c = e, t = U(() => {
       switch (c.size) {
         case "large":
           return "btn-lg";
@@ -29,7 +29,7 @@ const Ce = ["disabled"], Se = {
         default:
           return "";
       }
-    }), o = _(() => {
+    }), o = U(() => {
       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"], El = /* @__PURE__ */ P({
+}, Te = ["href"], Al = /* @__PURE__ */ P({
   __name: "dropdown",
   props: {
     items: {},
@@ -122,7 +122,7 @@ const Ce = ["disabled"], Se = {
       ])
     ], 2));
   }
-}), Me = { class: "modal-box" }, Ve = { class: "modal-action" }, Al = /* @__PURE__ */ P({
+}), Me = { class: "modal-box" }, Ve = { class: "modal-action" }, Rl = /* @__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" }, Rl = /* @__PURE__ */ P({
+}), Be = { class: "flex justify-center items-center swap-on" }, De = { class: "flex justify-center items-center swap-off" }, Nl = /* @__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"], Nl = /* @__PURE__ */ P({
+}, Re = { class: "swap-rotate swap" }, Ne = ["true-value", "false-value"], _l = /* @__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, U(t)]
+        [he, F(t)]
       ]),
-      G(U(Ee), { class: "swap-off fill-current" }),
-      G(U(Le), { class: "swap-on fill-current" })
+      G(F(Ee), { class: "swap-off fill-current" }),
+      G(F(Le), { class: "swap-on fill-current" })
     ]));
   }
-}), Fe = ["name"], Ue = { class: "collapse-title font-bold text-2xl lg:text-4xl" }, _e = { class: "collapse-content" }, qe = ["innerHTML"], Fl = /* @__PURE__ */ P({
+}), _e = ["name"], Fe = { class: "collapse-title font-bold text-2xl lg:text-4xl" }, Ue = { class: "collapse-content" }, qe = ["innerHTML"], Fl = /* @__PURE__ */ P({
   __name: "accordion",
   props: {
     name: {},
@@ -368,9 +368,9 @@ const Ee = Q("SunIcon", [
         type: "radio",
         name: e.name,
         value: "true"
-      }, null, 8, Fe),
-      l("div", Ue, O(u.title), 1),
-      l("div", _e, [
+      }, null, 8, _e),
+      l("div", Fe, O(u.title), 1),
+      l("div", Ue, [
         l("span", {
           innerHTML: u.content
         }, null, 8, qe)
@@ -411,7 +411,7 @@ const Ee = Q("SunIcon", [
       ], 2))
     ], 2));
   }
-}), _l = /* @__PURE__ */ P({
+}), ql = /* @__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"
-}, ql = /* @__PURE__ */ P({
+}, Hl = /* @__PURE__ */ P({
   __name: "card",
   props: {
     imgUrl: { default: "" },
@@ -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 = _(() => ({
+    const t = e, o = k(t.initialSlide), u = k(null), s = k(!1), i = k(0), g = U(() => ({
       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), F = D < 0.5 ? 4 * D * D * D : 1 - Math.pow(-2 * D + 2, 3) / 2, q = d + f * F;
+        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 * _;
         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);
@@ -664,18 +664,18 @@ const Ee = Q("SunIcon", [
   for (const [o, u] of c)
     t[o] = u;
   return t;
-}, Hl = /* @__PURE__ */ J(nt, [["__scopeId", "data-v-db55a6a5"]]), at = /* @__PURE__ */ P({
+}, Wl = /* @__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(U(c))
+      style: Z(F(c))
     }, [
       V(t.$slots, "default", {}, void 0, !0)
     ], 4));
   }
-}), Wl = /* @__PURE__ */ J(at, [["__scopeId", "data-v-507384bc"]]), ot = { class: "flex gap-4 bg-base-100 w-full tabs tabs-boxed" }, st = ["onClick"], it = {
+}), Kl = /* @__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(() => Pt)),
+      datetime: te(() => Promise.resolve().then(() => jt)),
       "standard-select": te(() => import("./select-Cz4vf_YE.js")),
       // Add other components here when you create them:
       // 'custom-range': defineAsyncComponent(() => import('./CustomRange.vue')),
@@ -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(), F = h.bottom - D.top, q = h.left + h.width / 2 - D.left;
+          const h = $.getBoundingClientRect(), D = S.value.getBoundingClientRect(), _ = h.bottom - D.top, q = h.left + h.width / 2 - D.left;
           p.value = {
             left: `${q}px`,
-            top: `${F + 8}px`,
+            top: `${_ + 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, F, q, de;
+                var h, D, _, 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 && ((F = s.value) == null ? void 0 : F.displayMode) === "inline"
+                    "tab-active-inline": ((D = s.value) == null ? void 0 : D.name) === n.name && ((_ = s.value) == null ? void 0 : _.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,
@@ -942,7 +942,7 @@ const Ee = Q("SunIcon", [
               class: "ml-1 btn btn-primary btn-square",
               onClick: H(w, ["stop"])
             }, [
-              G(U(fe), {
+              G(F(fe), {
                 size: 24,
                 color: "white"
               })
@@ -954,7 +954,7 @@ const Ee = Q("SunIcon", [
               onClick: d[4] || (d[4] = () => {
               })
             }, [
-              G(U(fe), {
+              G(F(fe), {
                 size: 24,
                 color: "white"
               })
@@ -962,7 +962,7 @@ const Ee = Q("SunIcon", [
           ])
         ], 512),
         l("dialog", {
-          id: `advancedSearchMobile-${U(u)}`,
+          id: `advancedSearchMobile-${F(u)}`,
           class: "modal"
         }, [
           l("div", vt, [
@@ -977,7 +977,7 @@ const Ee = Q("SunIcon", [
             }, [
               l("input", {
                 type: "radio",
-                name: `accordion-${U(u)}`,
+                name: `accordion-${F(u)}`,
                 checked: $ === 0
               }, null, 8, ht),
               l("div", gt, [
@@ -1006,13 +1006,16 @@ const Ee = Q("SunIcon", [
       ], 64);
     };
   }
-}), Kl = /* @__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 = {
+}), 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 = {
   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 = ["id", "disabled"], Dt = {
+}, It = { class: "join-item" }, Tt = ["id", "disabled"], Mt = { class: "join-item" }, Vt = ["id", "disabled"], Bt = {
+  key: 3,
+  class: "px-4 min-w-xs my-2"
+}, Dt = ["id", "disabled"], zt = {
   key: 4,
   class: "flex mt-4"
-}, zt = /* @__PURE__ */ P({
+}, Ot = /* @__PURE__ */ P({
   __name: "datetimePicker",
   props: {
     mode: { default: "datetime" },
@@ -1035,7 +1038,7 @@ const Ee = Q("SunIcon", [
       single: null,
       start: null,
       end: null
-    }), y = _(() => {
+    }), y = U(() => {
       const d = (n) => {
         if (!n || n.includes(":")) return n;
         if (/^\d{4}-\d{2}-\d{2}$/.test(n))
@@ -1134,7 +1137,7 @@ const Ee = Q("SunIcon", [
         ])) : 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": t.popup, "mt-2": !t.popup }]),
+          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 }]),
           id: `date-picker-${t.id}-popup`
         }, [
           !t.range && t.mode !== "time" ? (a(), W(n, {
@@ -1286,17 +1289,18 @@ const Ee = Q("SunIcon", [
               }, null, 40, Vt)
             ])
           ])) : T("", !0),
-          !t.range && t.mode !== "date" ? (a(), r("input", {
-            key: 3,
-            class: "open:bg-primary open:rounded w-full input input-bordered my-2 justify-center px-4 min-w-xs",
-            type: "time",
-            ref_key: "timeInput",
-            ref: v,
-            id: `${t.id}-time`,
-            onChange: B,
-            disabled: t.disabled
-          }, null, 40, Bt)) : T("", !0),
-          t.popup ? (a(), r("div", Dt, [
+          !t.range && t.mode !== "date" ? (a(), r("div", Bt, [
+            l("input", {
+              class: "open:bg-primary open:rounded w-full input input-bordered justify-center",
+              type: "time",
+              ref_key: "timeInput",
+              ref: v,
+              id: `${t.id}-time`,
+              onChange: B,
+              disabled: t.disabled
+            }, null, 40, Dt)
+          ])) : T("", !0),
+          t.popup ? (a(), r("div", zt, [
             l("button", {
               class: "btn btn-primary",
               onClick: R
@@ -1306,10 +1310,10 @@ const Ee = Q("SunIcon", [
       ], 544);
     };
   }
-}), Ot = /* @__PURE__ */ J(zt, [["__scopeId", "data-v-acf7c70e"]]), Pt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), Pt = /* @__PURE__ */ J(Ot, [["__scopeId", "data-v-34004a87"]]), jt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: Ot
-}, Symbol.toStringTag, { value: "Module" })), jt = ["value", "checked", "onChange", "disabled"], Xl = /* @__PURE__ */ P({
+  default: Pt
+}, Symbol.toStringTag, { value: "Module" })), Lt = ["value", "checked", "onChange", "disabled"], Gl = /* @__PURE__ */ P({
   __name: "rating",
   props: {
     initialRating: { default: 0 },
@@ -1372,10 +1376,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, jt))), 128))
+      }, null, 46, Lt))), 128))
     ], 2));
   }
-}), Lt = { class: "badge" }, Et = ["onClick"], At = { class: "opacity-75" }, Rt = ["placeholder"], Gl = /* @__PURE__ */ P({
+}), Et = { class: "badge" }, At = ["onClick"], Rt = { class: "opacity-75" }, Nt = ["placeholder"], Jl = /* @__PURE__ */ P({
   __name: "taginput",
   props: {
     modelValue: {},
@@ -1385,7 +1389,7 @@ 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 = _(() => 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 = U(() => 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) => {
@@ -1404,13 +1408,13 @@ const Ee = Q("SunIcon", [
         key: x,
         tag: x
       }, () => [
-        l("div", Lt, [
+        l("div", Et, [
           l("button", {
             class: "px-1! py-0! h-fit font-bold cursor-pointer",
             onClick: (C) => S(x),
             "aria-label": "Remove tag"
-          }, "X", 8, Et),
-          l("span", At, O(x), 1)
+          }, "X", 8, At),
+          l("span", Rt, O(x), 1)
         ])
       ])), 128)),
       V(y.$slots, "input", { showInput: v.value }, () => [
@@ -1424,21 +1428,21 @@ const Ee = Q("SunIcon", [
           class: "h-full input input-ghost",
           onKeydown: z,
           "aria-label": "Add tags"
-        }, null, 40, Rt)), [
+        }, null, 40, Nt)), [
           [me, g.value]
         ]) : T("", !0)
       ])
     ], 2));
   }
-}), Nt = { class: "w-full max-w-xs form-control" }, Ft = {
+}), _t = { class: "w-full max-w-xs form-control" }, Ft = {
   key: 0,
   class: "label"
-}, Ut = { class: "label-text" }, _t = ["value"], qt = {
+}, Ut = { class: "label-text" }, qt = ["value"], Ht = {
   key: 0,
   value: "",
   disabled: "",
   selected: ""
-}, Ht = ["value"], Jl = /* @__PURE__ */ P({
+}, Wt = ["value"], Zl = /* @__PURE__ */ P({
   __name: "select",
   props: {
     options: {},
@@ -1460,7 +1464,7 @@ 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", Nt, [
+    }), (v, p) => (a(), r("div", _t, [
       e.label ? (a(), r("label", Ft, [
         l("span", Ut, O(e.label), 1)
       ])) : T("", !0),
@@ -1471,21 +1475,21 @@ const Ee = Q("SunIcon", [
         value: e.modelValue,
         onChange: i
       }, [
-        e.placeholder ? (a(), r("option", qt, O(e.placeholder), 1)) : T("", !0),
+        e.placeholder ? (a(), r("option", Ht, O(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, Ht))), 128))
-      ], 40, _t)
+        }, O(S.text), 9, Wt))), 128))
+      ], 40, qt)
     ]));
   }
-}), Wt = {
+}), Kt = {
   key: 0,
   class: "label"
-}, Kt = { class: "label-text" }, Xt = ["onKeydown", "aria-expanded", "aria-activedescendant"], Gt = ["placeholder", "disabled"], Jt = {
+}, Xt = { class: "label-text" }, Gt = ["onKeydown", "aria-expanded", "aria-activedescendant"], Jt = ["placeholder", "disabled"], Zt = {
   class: "top-full z-10 absolute bg-base-100 shadow-lg mt-1 rounded-md w-full dropdown-content",
   role: "listbox"
-}, Zt = { class: "flex-nowrap p-0 w-[inherit] max-h-60 overflow-y-auto menu" }, Qt = ["onMousedown", "id", "aria-selected"], Zl = {
+}, Qt = { class: "flex-nowrap p-0 w-[inherit] max-h-60 overflow-y-auto menu" }, Yt = ["onMousedown", "id", "aria-selected"], Ql = {
   __name: "filterableSelect",
   props: {
     // Array of options: [{ value: any, text: string }, ...]
@@ -1516,7 +1520,7 @@ const Ee = Q("SunIcon", [
   },
   emits: ["update:modelValue", "select", "clear"],
   setup(e, { expose: c, emit: t }) {
-    const o = e, u = t, s = we(), i = _(() => {
+    const o = e, u = t, s = we(), i = U(() => {
       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 = () => {
@@ -1525,7 +1529,7 @@ const Ee = Q("SunIcon", [
       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 = _(() => {
+    }, B = U(() => {
       const n = g.value ? g.value.toLowerCase() : "";
       return n === "" && !p.value ? [] : o.options.filter(
         (h) => h && h.text ? h.text.toLowerCase().includes(n) : ""
@@ -1571,7 +1575,7 @@ const Ee = Q("SunIcon", [
     }, b = (n) => {
       if (!p.value || B.value.length === 0) return;
       const $ = B.value.findIndex(
-        (D, F) => "option-" + F === y.value
+        (D, _) => "option-" + _ === y.value
       );
       let h = -1;
       if (n.key === "ArrowDown")
@@ -1581,7 +1585,7 @@ const Ee = Q("SunIcon", [
       else if (n.key === "Enter" && y.value) {
         n.preventDefault();
         const D = B.value.find(
-          (F, q) => "option-" + q === y.value
+          (_, q) => "option-" + q === y.value
         );
         D && m(D);
         return;
@@ -1624,8 +1628,8 @@ const Ee = Q("SunIcon", [
       ref_key: "componentRoot",
       ref: I
     }, [
-      e.label ? (a(), r("label", Wt, [
-        l("span", Kt, O(e.label), 1)
+      e.label ? (a(), r("label", Kt, [
+        l("span", Xt, O(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 }]),
@@ -1660,50 +1664,50 @@ const Ee = Q("SunIcon", [
             onInput: f,
             tabindex: "-1",
             disabled: o.disabled
-          }, null, 40, Gt)), [
+          }, null, 40, Jt)), [
             [me, g.value]
           ])
         ]),
-        v.value && !e.disabled ? (a(), W(U(je), {
+        v.value && !e.disabled ? (a(), W(F(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(U(Pe), {
+        i.value && !v.value ? (a(), W(F(Pe), {
           key: 1,
           class: M([{ "rotate-180": p.value }, "mx-2"]),
           size: 20
         }, null, 8, ["class"])) : T("", !0)
-      ], 46, Xt),
-      ee(l("div", Jt, [
-        l("ul", Zt, [
+      ], 46, Gt),
+      ee(l("div", Zt, [
+        l("ul", Qt, [
           (a(!0), r(j, null, E(B.value, (h, D) => (a(), r("li", {
             key: h.value,
-            onMousedown: H((F) => m(h), ["prevent"]),
+            onMousedown: H((_) => 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, Qt))), 128))
+          ], 40, Yt))), 128))
         ])
       ], 512), [
         [ke, p.value && B.value.length > 0]
       ])
     ], 512));
   }
-}, Yt = { class: "w-full max-w-xs form-control" }, el = {
+}, el = { class: "w-full max-w-xs form-control" }, tl = {
   key: 0,
   class: "label"
-}, tl = { class: "label-text" }, ll = ["type", "placeholder", "disabled", "value"], nl = {
+}, ll = { class: "label-text" }, nl = ["type", "placeholder", "disabled", "value"], al = {
   key: 1,
   class: "label"
-}, al = { class: "label-text-alt text-error validator-hint" }, ol = {
+}, ol = { class: "label-text-alt text-error validator-hint" }, sl = {
   key: 2,
   class: "label"
-}, sl = { class: "label-text-alt text-success validator-hint" }, Ql = /* @__PURE__ */ P({
+}, il = { class: "label-text-alt text-success validator-hint" }, Yl = /* @__PURE__ */ P({
   __name: "inputField",
   props: {
     modelValue: { default: "" },
@@ -1720,12 +1724,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 = _(() => {
+    const o = e, u = t, s = k(null), i = k(!1), g = k(""), v = U(() => {
       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 = _(() => i.value && !v.value), S = (y) => {
+    }), p = U(() => i.value && !v.value), S = (y) => {
       const w = y.target;
       u("update:modelValue", w.value), i.value && v.value;
     }, I = () => {
@@ -1744,9 +1748,9 @@ const Ee = Q("SunIcon", [
       isValid: v,
       isTouched: i,
       errorMessage: g
-    }), (y, w) => (a(), r("div", Yt, [
-      e.label ? (a(), r("label", el, [
-        l("span", tl, O(e.label), 1)
+    }), (y, w) => (a(), r("div", el, [
+      e.label ? (a(), r("label", tl, [
+        l("span", ll, O(e.label), 1)
       ])) : T("", !0),
       V(y.$slots, "default"),
       l("input", {
@@ -1785,15 +1789,15 @@ const Ee = Q("SunIcon", [
         value: e.modelValue,
         onInput: S,
         onBlur: I
-      }, null, 42, ll),
-      p.value ? (a(), r("div", nl, [
-        l("span", al, O(g.value), 1)
-      ])) : v.value && i.value && e.successMessage ? (a(), r("div", ol, [
-        l("span", sl, O(e.successMessage), 1)
+      }, 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)
       ])) : T("", !0)
     ]));
   }
-}), Yl = /* @__PURE__ */ P({
+}), en = /* @__PURE__ */ P({
   __name: "loader",
   props: {
     loading: { type: Boolean, default: !0 },
@@ -1835,13 +1839,13 @@ const Ee = Q("SunIcon", [
       ]])
     }, null, 2)) : T("", !0);
   }
-}), il = { class: "footer sm:footer-horizontal container" }, rl = { class: "footer-title" }, ul = ["href"], dl = {
+}), rl = { class: "footer sm:footer-horizontal container" }, ul = { class: "footer-title" }, dl = ["href"], cl = {
   key: 0,
   class: "sm:hidden w-full"
-}, cl = { class: "border-b-2 border-base-100 last:border-b-0 w-full" }, fl = {
+}, fl = { class: "border-b-2 border-base-100 last:border-b-0 w-full" }, ml = {
   tabindex: "0",
   class: "collapse collapse-plus w-full"
-}, ml = { class: "collapse-title font-bold text-lg collapsible-footer-title" }, vl = { class: "collapse-content flex w-full text-sm" }, pl = { class: "flex flex-col gap-2.5" }, hl = { class: "w-full" }, gl = ["href"], bl = { class: "w-full" }, en = /* @__PURE__ */ P({
+}, 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({
   __name: "footer",
   props: {
     items: {},
@@ -1854,45 +1858,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", il, [
+      l("footer", rl, [
         (a(!0), r(j, null, E(c.items, (u) => (a(), r("nav", {
           class: M([{ "hidden sm:grid": e.collapseOnMobile }])
         }, [
-          l("h6", rl, O(u.title), 1),
+          l("h6", ul, O(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, ul))), 256))
+          }, O(s.text), 9, dl))), 256))
         ], 2))), 256)),
-        e.collapseOnMobile ? (a(), r("nav", dl, [
-          (a(!0), r(j, null, E(c.items, (u) => (a(), r("ul", cl, [
-            l("div", fl, [
-              l("div", ml, O(u.title), 1),
-              l("div", vl, [
-                l("ul", pl, [
-                  (a(!0), r(j, null, E(u.items, (s) => (a(), r("li", hl, [
+        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, [
                     l("a", {
                       class: "w-full font-medium link link-hover",
                       href: s.link
-                    }, O(s.text), 9, gl)
+                    }, O(s.text), 9, bl)
                   ]))), 256))
                 ])
               ])
             ])
           ]))), 256))
         ])) : T("", !0),
-        l("aside", bl, [
+        l("aside", yl, [
           V(t.$slots, "default")
         ])
       ])
     ], 2));
   }
-}), yl = {}, wl = { class: "min-h-40 container hero" }, xl = { class: "px-0! text-center hero-content" }, kl = { class: "mt-9 text-4xl" };
-function $l(e, c) {
-  return a(), r("div", wl, [
-    l("div", xl, [
+}), 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, [
       l("div", null, [
-        l("h1", kl, [
+        l("h1", $l, [
           V(e.$slots, "title", {}, () => [
             c[0] || (c[0] = ue("hero title", -1))
           ])
@@ -1907,7 +1911,7 @@ function $l(e, c) {
     ])
   ]);
 }
-const tn = /* @__PURE__ */ J(yl, [["render", $l]]), Cl = { class: "flex flex-row place-content-center gap-4 categories" }, Sl = ["onClick"], ln = /* @__PURE__ */ P({
+const ln = /* @__PURE__ */ J(wl, [["render", Cl]]), Sl = { class: "flex flex-row place-content-center gap-4 categories" }, Il = ["onClick"], nn = /* @__PURE__ */ P({
   __name: "categoryNavigation",
   props: {
     searchOptions: {},
@@ -1919,18 +1923,18 @@ const tn = /* @__PURE__ */ J(yl, [["render", $l]]), Cl = { class: "flex flex-row
     function u(s) {
       o("update:currentCategory", s);
     }
-    return (s, i) => (a(), r("div", Cl, [
+    return (s, i) => (a(), r("div", Sl, [
       (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, Sl)
+        }, O(g.category), 11, Il)
       ]))), 128))
     ]));
   }
-}), Il = { class: "md:flex hidden navbar-start" }, Tl = { class: "md:flex justify-center items-center hidden navbar-center" }, Ml = { class: "md:flex hidden navbar-end" }, Vl = { class: "navbar-bottom md:flex hidden" }, Bl = /* @__PURE__ */ P({
+}), 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({
   __name: "navigationBar",
   props: {
     isCollapsed: { type: Boolean, default: !0 }
@@ -1940,28 +1944,28 @@ const tn = /* @__PURE__ */ J(yl, [["render", $l]]), Cl = { 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", Il, [
+      l("div", Tl, [
         V(t.$slots, "start", {}, void 0, !0)
       ]),
-      l("div", Tl, [
+      l("div", Ml, [
         V(t.$slots, "center", {}, void 0, !0)
       ]),
-      l("div", Ml, [
+      l("div", Vl, [
         V(t.$slots, "end", {}, void 0, !0)
       ]),
-      l("div", Vl, [
+      l("div", Bl, [
         V(t.$slots, "bottom", {}, void 0, !0)
       ])
     ], 2));
   }
-}), nn = /* @__PURE__ */ J(Bl, [["__scopeId", "data-v-8ddb2b45"]]), Dl = {
+}), an = /* @__PURE__ */ J(Dl, [["__scopeId", "data-v-8ddb2b45"]]), zl = {
   key: 0,
   class: "hidden top-4 right-0 absolute md:flex gap-4"
-}, zl = ["onClick", "aria-selected"], Ol = {
+}, Ol = ["onClick", "aria-selected"], Pl = {
   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"
-}, Pl = { class: "p-6 border-x-0 border-t-2 border-b-0 border-base-300 max-w-full" }, an = /* @__PURE__ */ P({
+}, jl = { class: "p-6 border-x-0 border-t-2 border-b-0 border-base-300 max-w-full" }, on = /* @__PURE__ */ P({
   __name: "tab",
   props: {
     items: {},
@@ -1994,7 +1998,7 @@ const tn = /* @__PURE__ */ J(yl, [["render", $l]]), Cl = { 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", Dl, [
+        e.withControlls ? (a(), r("div", zl, [
           l("button", {
             onClick: p[0] || (p[0] = (S) => g()),
             class: "cursor-pointer"
@@ -2011,13 +2015,13 @@ const tn = /* @__PURE__ */ J(yl, [["render", $l]]), Cl = { 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, zl),
-          e.buttonOnlyMode ? T("", !0) : (a(), r("div", Ol, [
+          }, O(S), 11, Ol),
+          e.buttonOnlyMode ? T("", !0) : (a(), r("div", Pl, [
             V(v.$slots, `${S}-tab`)
           ]))
         ], 64))), 256))
       ], 2),
-      l("div", Pl, [
+      l("div", jl, [
         V(v.$slots, "default")
       ])
     ], 64));
@@ -2027,27 +2031,27 @@ typeof document > "u" && (globalThis.document = {});
 typeof window > "u" && (globalThis.window = globalThis);
 export {
   Fl as Accordion,
-  Kl as AdvancedSearch,
+  Xl as AdvancedSearch,
   Ul as Avatar,
-  _l as Badge,
-  Ll as ButtonComponent,
-  ql as Card,
-  Hl as Carousel,
-  Wl as CarouselItem,
-  ln as CategoryNavigation,
-  Ot as DatetimePicker,
-  El as Dropdown,
-  Zl as FilterableSelect,
-  en as Footer,
-  tn as Hero,
-  Ql as InputField,
-  Yl as Loader,
-  Al as Modal,
-  nn as NavigationBar,
-  Xl as Rating,
-  Jl as Selector,
-  Rl as Swap,
-  an as Tab,
-  Gl as TagInput,
-  Nl as ThemeController
+  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
 };