manolis-ui 0.6.9 → 0.6.10

package/dist/manolis-ui.js

@@ -1,8 +1,8 @@
-import { defineComponent as P, computed as B, createElementBlock as a, openBlock as l, normalizeClass as C, createCommentVNode as M, renderSlot as D, createTextVNode as de, createElementVNode as n, Fragment as I, renderList as V, toDisplayString as S, ref as $, h as re, onMounted as G, watch as N, withDirectives as R, createVNode as te, isRef as Be, vModelCheckbox as Pe, unref as F, provide as ze, normalizeStyle as ce, inject as Ae, defineAsyncComponent as Le, onBeforeUnmount as ie, createBlock as ue, resolveDynamicComponent as me, mergeProps as he, nextTick as ge, onUnmounted as we, vModelSelect as J, vModelText as ee, useSlots as Ee, Comment as Ue, withKeys as be, withModifiers as se, vShow as je } from "vue";
+import { defineComponent as z, computed as B, createElementBlock as o, openBlock as l, normalizeClass as C, createCommentVNode as M, renderSlot as D, createTextVNode as de, createElementVNode as n, Fragment as I, renderList as V, toDisplayString as S, ref as $, h as re, onMounted as G, watch as N, withDirectives as R, createVNode as te, isRef as Be, vModelCheckbox as ze, unref as F, provide as Pe, normalizeStyle as ce, inject as Ae, defineAsyncComponent as Le, onBeforeUnmount as ie, createBlock as ue, resolveDynamicComponent as me, mergeProps as he, nextTick as ge, onUnmounted as we, vModelSelect as J, vModelText as ee, useSlots as Ee, Comment as Ue, withKeys as be, withModifiers as se, vShow as je } from "vue";
 const Re = {
   key: 0,
   class: "loading loading-spinner"
-}, sn = /* @__PURE__ */ P({
+}, sn = /* @__PURE__ */ z({
   __name: "ButtonComponent",
   props: {
     outlined: { type: Boolean, default: !1 },
@@ -53,7 +53,7 @@ const Re = {
         default:
           return "btn-neutral";
       }
-    }), o = B(() => {
+    }), a = B(() => {
       switch (d.shape) {
         case "square":
           return "btn-square";
@@ -63,10 +63,10 @@ const Re = {
           return "";
       }
     });
-    return (s, r) => (l(), a("button", {
-      class: C(["btn", { "btn-outline": d.outlined }, { "btn-active": d.active }, t.value, e.value, o.value])
+    return (s, r) => (l(), o("button", {
+      class: C(["btn", { "btn-outline": d.outlined }, { "btn-active": d.active }, t.value, e.value, a.value])
     }, [
-      s.loading ? (l(), a("span", Re)) : M("", !0),
+      s.loading ? (l(), o("span", Re)) : M("", !0),
       D(s.$slots, "default", {}, () => [
         r[0] || (r[0] = de("Submit"))
       ])
@@ -75,7 +75,7 @@ const Re = {
 }), Fe = {
   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"
-}, Ne = ["href"], rn = /* @__PURE__ */ P({
+}, Ne = ["href"], rn = /* @__PURE__ */ z({
   __name: "dropdown",
   props: {
     items: {},
@@ -94,26 +94,26 @@ const Re = {
       start: "",
       end: "dropdown-end"
     }, t = i;
-    return (o, s) => (l(), a("div", {
+    return (a, s) => (l(), o("div", {
       class: C(["dropdown", d[t.position], e[t.floatPosition], { "dropdown-open": t.forceOpen }, { "dropdown-hover": t.openOnHover }])
     }, [
-      D(o.$slots, "default", {
+      D(a.$slots, "default", {
         tabindex: "0",
         role: "button"
       }, () => [
         s[0] || (s[0] = n("div", { class: "m-1 btn" }, "Open dropdown", -1))
       ]),
       n("ul", Fe, [
-        (l(!0), a(I, null, V(o.items, (r) => (l(), a("li", null, [
+        (l(!0), o(I, null, V(a.items, (r) => (l(), o("li", null, [
           n("a", {
             href: r.link
           }, S(r.text), 9, Ne)
         ]))), 256)),
-        D(o.$slots, "additional")
+        D(a.$slots, "additional")
       ])
     ], 2));
   }
-}), qe = { class: "modal-box" }, He = { class: "modal-action" }, un = /* @__PURE__ */ P({
+}), qe = { class: "modal-box" }, He = { class: "modal-action" }, un = /* @__PURE__ */ z({
   __name: "modal",
   props: {
     position: { default: "center" },
@@ -124,17 +124,17 @@ const Re = {
       top: "modal-top",
       bottom: "modal-bottom",
       center: "modal-middle"
-    }, t = $(null), o = () => {
+    }, t = $(null), a = () => {
       var r;
       (r = t.value) == null || r.showModal();
     }, s = () => {
       var r;
       (r = t.value) == null || r.close();
     };
-    return (r, g) => (l(), a(I, null, [
+    return (r, g) => (l(), o(I, null, [
       n("span", {
         class: "w-fit cursor-pointer",
-        onClick: o
+        onClick: a
       }, [
         D(r.$slots, "trigger", { role: "button" }, () => [
           g[0] || (g[0] = n("button", { class: "btn" }, "Open", -1))
@@ -163,14 +163,14 @@ const Re = {
       ], 2)
     ], 64));
   }
-}), We = { class: "flex justify-center items-center swap-on" }, Ke = { class: "flex justify-center items-center swap-off" }, dn = /* @__PURE__ */ P({
+}), We = { class: "flex justify-center items-center swap-on" }, Ke = { class: "flex justify-center items-center swap-off" }, dn = /* @__PURE__ */ z({
   __name: "swap",
   props: {
     effect: {}
   },
   setup(i) {
     const d = i;
-    return (e, t) => (l(), a("label", {
+    return (e, t) => (l(), o("label", {
       class: C(["swap", d.effect ? `swap-${e.effect}` : ""])
     }, [
       t[0] || (t[0] = n("input", { type: "checkbox" }, null, -1)),
@@ -213,7 +213,7 @@ var oe = {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Je = ({ size: i, strokeWidth: d = 2, absoluteStrokeWidth: e, color: t, iconNode: o, name: s, class: r, ...g }, { slots: c }) => re(
+const Je = ({ size: i, strokeWidth: d = 2, absoluteStrokeWidth: e, color: t, iconNode: a, name: s, class: r, ...g }, { slots: c }) => re(
   "svg",
   {
     ...oe,
@@ -224,7 +224,7 @@ const Je = ({ size: i, strokeWidth: d = 2, absoluteStrokeWidth: e, color: t, ico
     class: ["lucide", `lucide-${Ye(s ?? "icon")}`],
     ...g
   },
-  [...o.map((p) => re(...p)), ...c.default ? [c.default()] : []]
+  [...a.map((p) => re(...p)), ...c.default ? [c.default()] : []]
 );
 /**
  * @license lucide-vue-next v0.468.0 - ISC
@@ -307,7 +307,7 @@ const Qe = le("SunIcon", [
   }), N(e, (t) => {
     typeof window < "u" && window.localStorage.setItem(i, JSON.stringify(t));
   }), e;
-}, tt = { class: "swap-rotate swap" }, lt = ["true-value", "false-value"], cn = /* @__PURE__ */ P({
+}, tt = { class: "swap-rotate swap" }, lt = ["true-value", "false-value"], cn = /* @__PURE__ */ z({
   __name: "theme-controller",
   props: {
     lightTheme: { default: "light" },
@@ -315,12 +315,12 @@ const Qe = le("SunIcon", [
   },
   setup(i) {
     const d = i, e = et("theme", d.lightTheme);
-    function t(o) {
-      typeof window < "u" && window.document && document.documentElement.setAttribute("data-theme", o);
+    function t(a) {
+      typeof window < "u" && window.document && document.documentElement.setAttribute("data-theme", a);
     }
-    return G(() => t(e.value ? e.value : "")), N(e, (o) => {
-      t(o);
-    }), (o, s) => (l(), a("label", tt, [
+    return G(() => t(e.value ? e.value : "")), N(e, (a) => {
+      t(a);
+    }), (a, s) => (l(), o("label", tt, [
       R(n("input", {
         type: "checkbox",
         class: "theme-controller",
@@ -328,13 +328,13 @@ const Qe = le("SunIcon", [
         "true-value": d.lightTheme,
         "false-value": d.darkTheme
       }, null, 8, lt), [
-        [Pe, F(e)]
+        [ze, F(e)]
       ]),
       te(F(Qe), { class: "swap-off fill-current" }),
       te(F(Ze), { class: "swap-on fill-current" })
     ]));
   }
-}), nt = ["name"], at = { class: "collapse-title font-bold text-2xl lg:text-4xl" }, ot = { class: "collapse-content" }, st = ["innerHTML"], pn = /* @__PURE__ */ P({
+}), nt = ["name"], at = { class: "collapse-title font-bold text-2xl lg:text-4xl" }, ot = { class: "collapse-content" }, st = ["innerHTML"], pn = /* @__PURE__ */ z({
   __name: "accordion",
   props: {
     name: {},
@@ -344,7 +344,7 @@ const Qe = le("SunIcon", [
   },
   setup(i) {
     const d = i;
-    return (e, t) => (l(!0), a(I, null, V(d.items, (o, s) => (l(), a("div", {
+    return (e, t) => (l(!0), o(I, null, V(d.items, (a, s) => (l(), o("div", {
       class: C(["collapse border border-base-300", [e.icon ? `collapse-${e.icon}` : "", { "join-item": e.joinItems }]]),
       key: s
     }, [
@@ -353,15 +353,15 @@ const Qe = le("SunIcon", [
         name: e.name,
         value: "true"
       }, null, 8, nt),
-      n("div", at, S(o.title), 1),
+      n("div", at, S(a.title), 1),
       n("div", ot, [
         n("span", {
-          innerHTML: o.content
+          innerHTML: a.content
         }, null, 8, st)
       ])
     ], 2))), 128));
   }
-}), rt = ["src"], it = { class: "text-xl" }, vn = /* @__PURE__ */ P({
+}), rt = ["src"], it = { class: "text-xl" }, vn = /* @__PURE__ */ z({
   __name: "avatar",
   props: {
     image: {},
@@ -376,10 +376,10 @@ const Qe = le("SunIcon", [
       (t) => {
         t && (e.value = t);
       }
-    ), (t, o) => (l(), a("div", {
+    ), (t, a) => (l(), o("div", {
       class: C(["avatar", [{ "avatar-online": e.value === "online" }, { "avatar-offline": e.value === "offline" }]])
     }, [
-      t.image ? (l(), a("div", {
+      t.image ? (l(), o("div", {
         key: 0,
         class: C(["rounded", [{ "rounded-full": t.fullyRounded }, { rounded: !t.fullyRounded }]])
       }, [
@@ -387,7 +387,7 @@ const Qe = le("SunIcon", [
           src: t.image,
           class: "w-full h-full"
         }, null, 8, rt)
-      ], 2)) : (l(), a("div", {
+      ], 2)) : (l(), o("div", {
         key: 1,
         class: C(["flex justify-center bg-neutral p-[25%] rounded w-16 text-neutral-content text-center", [{ "rounded-full": t.fullyRounded }, { rounded: !t.fullyRounded }]])
       }, [
@@ -395,7 +395,7 @@ const Qe = le("SunIcon", [
       ], 2))
     ], 2));
   }
-}), fn = /* @__PURE__ */ P({
+}), fn = /* @__PURE__ */ z({
   __name: "badge",
   props: {
     color: { default: "neutral" },
@@ -419,10 +419,10 @@ const Qe = le("SunIcon", [
       warning: "badge-warning",
       error: "badge-error"
     };
-    return (o, s) => (l(), a("span", {
+    return (a, s) => (l(), o("span", {
       class: C(["badge", e[d.size], t[d.color], { "badge-outline": d.outline }])
     }, [
-      D(o.$slots, "default")
+      D(a.$slots, "default")
     ], 2));
   }
 }), ut = ["src", "alt"], dt = {
@@ -437,7 +437,7 @@ const Qe = le("SunIcon", [
 }, vt = { class: "flex-col flex-nowrap mt-auto card-actions" }, ft = {
   key: 1,
   class: "card-body"
-}, mn = /* @__PURE__ */ P({
+}, mn = /* @__PURE__ */ z({
   __name: "card",
   props: {
     imgUrl: { default: "" },
@@ -458,11 +458,11 @@ const Qe = le("SunIcon", [
       (t) => {
         e.value = t;
       }
-    ), (t, o) => (l(), a("div", {
+    ), (t, a) => (l(), o("div", {
       class: C(["group bg-base-100 shadow-xl rounded-sm min-w-64 max-w-full h-full card card-compact", [{ "border-4 border-primary": e.value }, t.color ?? "", t.background]])
     }, [
       n("figure", null, [
-        t.imgUrl || t.imgUrl && !t.loading ? (l(), a("img", {
+        t.imgUrl || t.imgUrl && !t.loading ? (l(), o("img", {
           key: 0,
           src: t.imgUrl,
           alt: t.alt,
@@ -473,20 +473,20 @@ const Qe = le("SunIcon", [
             t.imgHeight
           ]])
         }, null, 10, ut)) : M("", !0),
-        t.loading && t.imgUrl ? (l(), a("div", {
+        t.loading && t.imgUrl ? (l(), o("div", {
           key: 1,
           class: C(["w-full skeleton", t.imgHeight])
         }, null, 2)) : M("", !0)
       ]),
-      t.loading ? M("", !0) : (l(), a("div", dt, [
-        t.title ? (l(), a("h2", ct, S(t.title), 1)) : M("", !0),
+      t.loading ? M("", !0) : (l(), o("div", dt, [
+        t.title ? (l(), o("h2", ct, S(t.title), 1)) : M("", !0),
         D(t.$slots, "details"),
-        t.description ? (l(), a("p", pt, S(t.description), 1)) : M("", !0),
+        t.description ? (l(), o("p", pt, S(t.description), 1)) : M("", !0),
         n("div", vt, [
           D(t.$slots, "actions")
         ])
       ])),
-      t.loading ? (l(), a("div", ft, o[0] || (o[0] = [
+      t.loading ? (l(), o("div", ft, a[0] || (a[0] = [
         n("div", { class: "flex flex-col gap-4 w-52" }, [
           n("div", { class: "w-28 h-4 skeleton" }),
           n("div", { class: "w-full h-4 skeleton" }),
@@ -501,7 +501,7 @@ const Qe = le("SunIcon", [
 }, gt = {
   key: 1,
   class: "bottom-5 z-10 absolute flex justify-center gap-2 py-2 w-full"
-}, bt = ["onClick", "aria-label"], yt = /* @__PURE__ */ P({
+}, bt = ["onClick", "aria-label"], yt = /* @__PURE__ */ z({
   __name: "carousel",
   props: {
     showIndicators: {
@@ -539,17 +539,17 @@ const Qe = le("SunIcon", [
     }
   },
   setup(i, { expose: d }) {
-    const e = i, t = $(e.initialSlide), o = $(null), s = $(!1), r = $(0), g = B(() => ({
+    const e = i, t = $(e.initialSlide), a = $(null), s = $(!1), r = $(0), g = B(() => ({
       width: `calc((100% - ${e.slidesPerView > 1 ? (e.slidesPerView - 1) * e.gap : 0}px) / ${e.slidesPerView})`
     }));
-    ze(ke, g);
+    Pe(ke, g);
     const c = () => {
-      o.value ? r.value = o.value.children.length : r.value = 0;
+      a.value ? r.value = a.value.children.length : r.value = 0;
     }, p = async (m) => {
-      if (!o.value || e.slidesPerView <= 0 || s.value || (c(), r.value === 0)) return;
-      const b = (m % r.value + r.value) % r.value, w = o.value, _ = e.sliderOrientation === "vertical" ? (w.offsetHeight - (e.slidesPerView - 1) * e.gap) / e.slidesPerView : (w.offsetWidth - (e.slidesPerView - 1) * e.gap) / e.slidesPerView;
+      if (!a.value || e.slidesPerView <= 0 || s.value || (c(), r.value === 0)) return;
+      const b = (m % r.value + r.value) % r.value, w = a.value, _ = e.sliderOrientation === "vertical" ? (w.offsetHeight - (e.slidesPerView - 1) * e.gap) / e.slidesPerView : (w.offsetWidth - (e.slidesPerView - 1) * e.gap) / e.slidesPerView;
       if (_ <= 0) return;
-      const k = _ + e.gap, T = b * k, z = e.sliderOrientation === "vertical" ? w.scrollHeight - w.offsetHeight : w.scrollWidth - w.offsetWidth, H = Math.max(0, Math.min(T, z + 0.5));
+      const k = _ + e.gap, T = b * k, P = e.sliderOrientation === "vertical" ? w.scrollHeight - w.offsetHeight : w.scrollWidth - w.offsetWidth, H = Math.max(0, Math.min(T, P + 0.5));
       s.value = !0, w.style.scrollBehavior = "auto";
       const K = e.sliderOrientation === "vertical" ? w.scrollTop : w.scrollLeft, W = H - K;
       if (Math.abs(W) < 1) {
@@ -568,10 +568,10 @@ const Qe = le("SunIcon", [
     }, q = (m) => {
       p(m);
     }, f = () => {
-      if (!o.value || e.slidesPerView <= 0 || (c(), r.value === 0)) return;
-      const m = o.value, b = e.sliderOrientation === "vertical" ? m.offsetHeight : m.offsetWidth, w = e.slidesPerView > 1 ? (e.slidesPerView - 1) * e.gap : 0, _ = (b - w) / e.slidesPerView;
+      if (!a.value || e.slidesPerView <= 0 || (c(), r.value === 0)) return;
+      const m = a.value, b = e.sliderOrientation === "vertical" ? m.offsetHeight : m.offsetWidth, w = e.slidesPerView > 1 ? (e.slidesPerView - 1) * e.gap : 0, _ = (b - w) / e.slidesPerView;
       if (_ <= 0) return;
-      const k = Math.max(0, r.value - e.slidesPerView), T = Math.min(Math.max(0, e.initialSlide), k), z = T * (_ + e.gap), H = e.sliderOrientation === "vertical" ? m.scrollHeight - m.offsetHeight : m.scrollWidth - m.offsetWidth, K = Math.max(0, Math.min(z, H + 0.5));
+      const k = Math.max(0, r.value - e.slidesPerView), T = Math.min(Math.max(0, e.initialSlide), k), P = T * (_ + e.gap), H = e.sliderOrientation === "vertical" ? m.scrollHeight - m.offsetHeight : m.scrollWidth - m.offsetWidth, K = Math.max(0, Math.min(P, H + 0.5));
       e.sliderOrientation === "vertical" ? m.scrollTo({ top: K, behavior: "auto" }) : m.scrollTo({ left: K, behavior: "auto" }), t.value = T;
     };
     return G(() => {
@@ -588,16 +588,16 @@ const Qe = le("SunIcon", [
           e.slideDuration = 0, p(b), e.slideDuration = w;
         });
       });
-    }), d({ scrollToSlide: p }), (m, b) => (l(), a("div", mt, [
+    }), d({ scrollToSlide: p }), (m, b) => (l(), o("div", mt, [
       n("div", {
         ref_key: "carouselContainer",
-        ref: o,
+        ref: a,
         class: C(["rounded w-full h-full overflow-x-scroll scroll-smooth carousel", [{ "carousel-horizontal md:snap-none": i.sliderOrientation == "horizontal" }, { "carousel-vertical": i.sliderOrientation == "vertical" }]]),
         style: ce({ gap: `${i.gap}px` })
       }, [
         D(m.$slots, "default", {}, void 0, !0)
       ], 6),
-      i.showNavigationButtons ? (l(), a("div", ht, [
+      i.showNavigationButtons ? (l(), o("div", ht, [
         n("div", {
           onClick: A,
           role: "button",
@@ -623,8 +623,8 @@ const Qe = le("SunIcon", [
           ], !0)
         ])
       ])) : M("", !0),
-      i.showIndicators ? (l(), a("div", gt, [
-        (l(!0), a(I, null, V(r.value, (w, _) => (l(), a("button", {
+      i.showIndicators ? (l(), o("div", gt, [
+        (l(!0), o(I, null, V(r.value, (w, _) => (l(), o("button", {
           key: `dot-${_}`,
           onClick: (k) => q(_),
           class: C(["btn btn-circle btn-xs", { "btn-active": _ === t.value }]),
@@ -635,14 +635,14 @@ const Qe = le("SunIcon", [
   }
 }), X = (i, d) => {
   const e = i.__vccOpts || i;
-  for (const [t, o] of d)
-    e[t] = o;
+  for (const [t, a] of d)
+    e[t] = a;
   return e;
-}, hn = /* @__PURE__ */ X(yt, [["__scopeId", "data-v-db55a6a5"]]), wt = /* @__PURE__ */ P({
+}, hn = /* @__PURE__ */ X(yt, [["__scopeId", "data-v-db55a6a5"]]), wt = /* @__PURE__ */ z({
   __name: "carouselItem",
   setup(i) {
     const d = Ae(ke, $({}));
-    return (e, t) => (l(), a("div", {
+    return (e, t) => (l(), o("div", {
       class: "w-full h-full carousel-item",
       style: ce(F(d))
     }, [
@@ -652,7 +652,7 @@ const Qe = le("SunIcon", [
 }), gn = /* @__PURE__ */ X(wt, [["__scopeId", "data-v-507384bc"]]), kt = { class: "flex gap-4 bg-base-100 w-full tabs tabs-boxed" }, $t = ["onClick"], _t = { class: "text-sm" }, xt = { class: "md:block hidden opacity-35 text-xs truncate overflow-hidden ..." }, St = { class: "hidden" }, Ct = {
   id: "advancedSearchMobile",
   class: "modal"
-}, Dt = { class: "modal-box" }, It = { class: "font-bold text-lg" }, Mt = ["checked"], Tt = { class: "flex justify-between items-center pr-4 w-full font-medium text-xl collapse-title" }, Vt = { class: "text-sm" }, Ot = { class: "flex place-content-center p-0 collapse-content" }, Bt = /* @__PURE__ */ P({
+}, Dt = { class: "modal-box" }, It = { class: "font-bold text-lg" }, Mt = ["checked"], Tt = { class: "flex justify-between items-center pr-4 w-full font-medium text-xl collapse-title" }, Vt = { class: "text-sm" }, Ot = { class: "flex place-content-center p-0 collapse-content" }, Bt = /* @__PURE__ */ z({
   __name: "advancedSearch",
   props: {
     searchOptions: {},
@@ -660,20 +660,20 @@ const Qe = le("SunIcon", [
   },
   emits: ["search", "update:search-data"],
   setup(i, { emit: d }) {
-    const e = i, t = d, o = $(null), s = {
+    const e = i, t = d, a = $(null), s = {
       datetime: Le(() => Promise.resolve().then(() => al))
     }, r = $({}), g = $({ left: "0px", top: "0px", transform: "translateX(0%)" }), c = $(null);
     function p(m, b) {
       var w, _, k;
-      if ((w = o.value) != null && w.name) {
+      if ((w = a.value) != null && w.name) {
         t("update:search-data", {
-          tab: o.value.name,
+          tab: a.value.name,
           data: m
         });
         return;
       }
       if (e.searchOptions) {
-        let T = (k = (_ = e.searchOptions) == null ? void 0 : _.find((z) => (z == null ? void 0 : z.category) === e.currentCategory)) == null ? void 0 : k.tabs[b];
+        let T = (k = (_ = e.searchOptions) == null ? void 0 : _.find((P) => (P == null ? void 0 : P.category) === e.currentCategory)) == null ? void 0 : k.tabs[b];
         T !== void 0 && (T.value = m, t("update:search-data", {
           tab: T == null ? void 0 : T.name,
           data: T == null ? void 0 : T.value
@@ -684,7 +684,7 @@ const Qe = le("SunIcon", [
       t("search");
     }
     async function A(m) {
-      c.value && !c.value.contains(m.target) && (await ge(), o.value = null);
+      c.value && !c.value.contains(m.target) && (await ge(), a.value = null);
     }
     async function q() {
       if (typeof window < "u" && window.innerWidth <= 768) {
@@ -694,7 +694,7 @@ const Qe = le("SunIcon", [
     }
     async function f(m) {
       var w;
-      o.value = m, await ge();
+      a.value = m, await ge();
       const b = r.value[m.name];
       if (b) {
         const _ = b.getBoundingClientRect(), k = ((w = c.value) == null ? void 0 : w.getBoundingClientRect()) || { left: 0, top: 0 };
@@ -717,7 +717,7 @@ const Qe = le("SunIcon", [
       document.removeEventListener("click", A);
     }), (m, b) => {
       var w, _;
-      return l(), a(I, null, [
+      return l(), o(I, null, [
         n("div", {
           ref_key: "searchContainer",
           ref: c,
@@ -728,26 +728,26 @@ const Qe = le("SunIcon", [
             onClick: q
           }, [
             n("div", kt, [
-              (l(!0), a(I, null, V(((w = e.searchOptions.find((k) => k.category === e.currentCategory)) == null ? void 0 : w.tabs) || [], (k) => {
+              (l(!0), o(I, null, V(((w = e.searchOptions.find((k) => k.category === e.currentCategory)) == null ? void 0 : w.tabs) || [], (k) => {
                 var T;
-                return l(), a("button", {
+                return l(), o("button", {
                   key: k.name,
-                  onClick: (z) => f(k),
-                  class: C([{ "tab-active": ((T = o.value) == null ? void 0 : T.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"]),
+                  onClick: (P) => f(k),
+                  class: C([{ "tab-active": ((T = a.value) == null ? void 0 : T.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) => r.value[k.name] = z
+                  ref: (P) => r.value[k.name] = P
                 }, [
                   n("p", _t, S(k.name), 1),
                   n("p", xt, S(k.description), 1)
                 ], 10, $t);
               }), 128))
             ]),
-            o.value ? (l(), a("div", {
+            a.value ? (l(), o("div", {
               key: 0,
               class: "absolute flex shadow-sm mt-4 w-fit max-w-full transition-all tab-content",
               style: ce(g.value)
             }, [
-              (l(), ue(me(s[o.value.type]), he(o.value.props ? o.value.props : null, { onUpdated: p }), null, 16))
+              (l(), ue(me(s[a.value.type]), he(a.value.props ? a.value.props : null, { onUpdated: p }), null, 16))
             ], 4)) : M("", !0),
             n("button", {
               title: "search",
@@ -779,7 +779,7 @@ const Qe = le("SunIcon", [
             D(m.$slots, "additionalForMobile", {}, () => [
               n("h3", It, S(m.currentCategory), 1)
             ], !0),
-            (l(!0), a(I, null, V(((_ = e.searchOptions.find((k) => k.category === e.currentCategory)) == null ? void 0 : _.tabs) || [], (k, T) => (l(), a("div", {
+            (l(!0), o(I, null, V(((_ = e.searchOptions.find((k) => k.category === e.currentCategory)) == null ? void 0 : _.tabs) || [], (k, T) => (l(), o("div", {
               class: "bg-base-200 my-4 collapse",
               key: k.name
             }, [
@@ -795,7 +795,7 @@ const Qe = le("SunIcon", [
               n("div", Ot, [
                 b[1] || (b[1] = n("br", null, null, -1)),
                 (l(), ue(me(s[k.type]), he({ ref_for: !0 }, k.props || {}, {
-                  onUpdated: (z) => p(z, T)
+                  onUpdated: (P) => p(P, T)
                 }), null, 16, ["onUpdated"]))
               ])
             ]))), 128)),
@@ -812,7 +812,7 @@ const Qe = le("SunIcon", [
       ], 64);
     };
   }
-}), bn = /* @__PURE__ */ X(Bt, [["__scopeId", "data-v-08fa37eb"]]), Pt = ["placeholder", "value", "id"], zt = { class: "btn btn-ghost" }, At = ["id"], Lt = {
+}), bn = /* @__PURE__ */ X(Bt, [["__scopeId", "data-v-08fa37eb"]]), zt = ["placeholder", "value", "id"], Pt = { class: "btn btn-ghost" }, At = ["id"], Lt = {
   key: 0,
   class: "flex justify-between items-center place-content-center mb-4"
 }, Et = ["value"], Ut = ["value"], jt = {
@@ -872,12 +872,12 @@ const Qe = le("SunIcon", [
     N(() => e.range, (v) => {
       v ? (s.value = { start: null, end: null }, r.value = { start: null, end: null }) : (s.value = null, r.value = null);
     });
-    const t = d, o = $(!1), s = $(e.range ? { start: null, end: null } : null), r = $(e.range ? { start: null, end: null } : null), g = $((/* @__PURE__ */ new Date()).toLocaleString("default", { month: "long" })), c = $((/* @__PURE__ */ new Date()).getFullYear()), p = $(e.range ? { start: 0, end: 0 } : 0), y = $(e.range ? { start: 0, end: 0 } : 0), A = $(null), q = B(() => `${e.id}-input`), f = B(() => `${e.id}-popup`), m = B(() => e.mode === "date" || e.mode === "datetime"), b = B(() => e.mode === "time" || e.mode === "datetime");
+    const t = d, a = $(!1), s = $(e.range ? { start: null, end: null } : null), r = $(e.range ? { start: null, end: null } : null), g = $((/* @__PURE__ */ new Date()).toLocaleString("default", { month: "long" })), c = $((/* @__PURE__ */ new Date()).getFullYear()), p = $(e.range ? { start: 0, end: 0 } : 0), y = $(e.range ? { start: 0, end: 0 } : 0), A = $(null), q = B(() => `${e.id}-input`), f = B(() => `${e.id}-popup`), m = B(() => e.mode === "date" || e.mode === "datetime"), b = B(() => e.mode === "time" || e.mode === "datetime");
     B(() => new Date(c.value, w.value));
     const w = B(() => x.indexOf(g.value)), _ = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], k = B(() => new Date(c.value, w.value).getDay()), T = B(() => {
       const v = new Date(c.value, w.value + 1, 0).getDate();
       return Array.from({ length: v }, (h, u) => new Date(c.value, w.value, u + 1));
-    }), z = B(() => Array.from({ length: k.value }, (v, h) => h)), H = Array.from({ length: 24 }, (v, h) => h), K = Array.from({ length: 60 }, (v, h) => h), W = B(
+    }), P = B(() => Array.from({ length: k.value }, (v, h) => h)), H = Array.from({ length: 24 }, (v, h) => h), K = Array.from({ length: 60 }, (v, h) => h), W = B(
       () => typeof navigator < "u" && /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(
         navigator.userAgent
       )
@@ -902,9 +902,9 @@ const Qe = le("SunIcon", [
     }), ne = B(() => {
       const v = O.value, h = Z.value;
       return `${v} ${h}`.trim();
-    }), $e = () => o.value = !o.value, pe = () => {
+    }), $e = () => a.value = !a.value, pe = () => {
       j(), _e();
-    }, _e = () => o.value = !1, xe = () => {
+    }, _e = () => a.value = !1, xe = () => {
       s.value = e.range ? { start: null, end: null } : null, r.value = e.range ? { start: null, end: null } : null, j();
     }, Se = (v) => {
       e.range ? s.value.start && s.value.end ? s.value = { start: v, end: null } : s.value.start ? s.value.end = v : s.value.start = v : s.value = v, j();
@@ -925,7 +925,7 @@ const Qe = le("SunIcon", [
       let v = w.value + 1;
       v > 11 && (v = 0, c.value++), g.value = x[v], j();
     }, ve = (v) => {
-      A.value && !A.value.contains(v.target) && o.value == !0 && pe();
+      A.value && !A.value.contains(v.target) && a.value == !0 && pe();
     }, j = () => {
       let v = {};
       const h = (u, Y, ae) => {
@@ -952,7 +952,7 @@ const Qe = le("SunIcon", [
         start: new Date(e.initialDate.start),
         end: new Date(e.initialDate.end)
       } : e.initialDate.start && (s.value = { start: new Date(e.initialDate.start) })), e.range ? (p.value.start = p.value.start ?? (/* @__PURE__ */ new Date()).getHours(), p.value.end = p.value.end ?? (/* @__PURE__ */ new Date()).getHours(), y.value.start = y.value.start ?? (/* @__PURE__ */ new Date()).getMinutes(), y.value.end = y.value.end ?? (/* @__PURE__ */ new Date()).getMinutes()) : (p.value = p.value ?? (/* @__PURE__ */ new Date()).getHours(), y.value = y.value ?? (/* @__PURE__ */ new Date()).getMinutes());
-    }), e.popup && G(() => document.addEventListener("click", ve)), we(() => document.removeEventListener("click", ve)), (v, h) => (l(), a("div", {
+    }), e.popup && G(() => document.addEventListener("click", ve)), we(() => document.removeEventListener("click", ve)), (v, h) => (l(), o("div", {
       class: "inline-block relative w-full lg:w-[360px]",
       ref_key: "pickerContainer",
       ref: A
@@ -969,18 +969,18 @@ const Qe = le("SunIcon", [
             value: ne.value,
             readonly: "",
             id: q.value
-          }, null, 8, Pt),
-          n("button", zt, [
+          }, null, 8, zt),
+          n("button", Pt, [
             te(F(Ge))
           ])
         ], !0) : M("", !0)
       ]),
-      o.value || !i.popup ? (l(), a("div", {
+      a.value || !i.popup ? (l(), o("div", {
         key: 0,
         class: C(["z-50 lg:bg-base-100 md:mt-2 md:p-4 px-4 rounded-md w-full", [{ absolute: i.popup }]]),
         id: f.value
       }, [
-        m.value ? (l(), a("div", Lt, [
+        m.value ? (l(), o("div", Lt, [
           n("button", {
             class: "hidden md:block btn-outline btn btn-primary md:btn-sm",
             onClick: Ve
@@ -1005,7 +1005,7 @@ const Qe = le("SunIcon", [
             "onUpdate:modelValue": h[0] || (h[0] = (u) => g.value = u),
             onChange: j
           }, [
-            (l(), a(I, null, V(x, (u, Y) => n("option", {
+            (l(), o(I, null, V(x, (u, Y) => n("option", {
               key: Y,
               value: u
             }, S(u), 9, Et)), 64))
@@ -1017,7 +1017,7 @@ const Qe = le("SunIcon", [
             "onUpdate:modelValue": h[1] || (h[1] = (u) => c.value = u),
             onChange: j
           }, [
-            (l(!0), a(I, null, V(U.value, (u) => (l(), a("option", {
+            (l(!0), o(I, null, V(U.value, (u) => (l(), o("option", {
               key: u,
               value: u
             }, S(u), 9, Ut))), 128))
@@ -1044,16 +1044,16 @@ const Qe = le("SunIcon", [
             ], -1)
           ]))
         ])) : M("", !0),
-        m.value ? (l(), a("div", jt, [
-          (l(), a(I, null, V(_, (u) => n("div", {
+        m.value ? (l(), o("div", jt, [
+          (l(), o(I, null, V(_, (u) => n("div", {
             key: u,
             class: "text-center"
           }, S(u), 1)), 64)),
-          (l(!0), a(I, null, V(z.value, (u) => (l(), a("div", {
+          (l(!0), o(I, null, V(P.value, (u) => (l(), o("div", {
             key: u,
             class: "text-center"
           }))), 128)),
-          (l(!0), a(I, null, V(T.value, (u) => (l(), a("div", {
+          (l(!0), o(I, null, V(T.value, (u) => (l(), o("div", {
             key: u,
             class: C(["hover:bg-primary-10 py-1 rounded-full text-center cursor-pointer", {
               "bg-primary text-primary-content": Ce(u),
@@ -1065,12 +1065,12 @@ const Qe = le("SunIcon", [
             onClick: (Y) => Se(u)
           }, S(u.getDate()), 11, Rt))), 128))
         ])) : M("", !0),
-        b.value ? (l(), a("div", Ft, [
-          e.range ? M("", !0) : (l(), a("h3", Nt, "Select Time")),
-          e.range ? (l(), a("div", Yt, [
+        b.value ? (l(), o("div", Ft, [
+          e.range ? M("", !0) : (l(), o("h3", Nt, "Select Time")),
+          e.range ? (l(), o("div", Yt, [
             n("div", null, [
               h[13] || (h[13] = n("p", { class: "font-bold" }, "Start Time", -1)),
-              W.value ? R((l(), a("input", {
+              W.value ? R((l(), o("input", {
                 key: 0,
                 type: "time",
                 class: "input-bordered w-full input",
@@ -1078,13 +1078,13 @@ const Qe = le("SunIcon", [
                 onChange: j
               }, null, 544)), [
                 [ee, r.value.start]
-              ]) : (l(), a("div", Jt, [
+              ]) : (l(), o("div", Jt, [
                 R(n("select", {
                   class: "w-full select-bordered select",
                   "onUpdate:modelValue": h[6] || (h[6] = (u) => p.value.start = u),
                   onChange: j
                 }, [
-                  (l(!0), a(I, null, V(F(H), (u) => (l(), a("option", {
+                  (l(!0), o(I, null, V(F(H), (u) => (l(), o("option", {
                     key: u,
                     value: u
                   }, S(u.toString().padStart(2, "0")), 9, Gt))), 128))
@@ -1101,7 +1101,7 @@ const Qe = le("SunIcon", [
                   "onUpdate:modelValue": h[7] || (h[7] = (u) => y.value.start = u),
                   onChange: j
                 }, [
-                  (l(!0), a(I, null, V(F(K), (u) => (l(), a("option", {
+                  (l(!0), o(I, null, V(F(K), (u) => (l(), o("option", {
                     key: u,
                     value: u
                   }, S(u.toString().padStart(2, "0")), 9, Xt))), 128))
@@ -1117,7 +1117,7 @@ const Qe = le("SunIcon", [
             ]),
             n("div", null, [
               h[14] || (h[14] = n("p", { class: "font-bold" }, "End Time", -1)),
-              W.value ? R((l(), a("input", {
+              W.value ? R((l(), o("input", {
                 key: 0,
                 type: "time",
                 class: "input-bordered w-full input",
@@ -1125,13 +1125,13 @@ const Qe = le("SunIcon", [
                 onChange: j
               }, null, 544)), [
                 [ee, r.value.end]
-              ]) : (l(), a("div", Zt, [
+              ]) : (l(), o("div", Zt, [
                 R(n("select", {
                   class: "w-full select-bordered select",
                   "onUpdate:modelValue": h[9] || (h[9] = (u) => p.value.end = u),
                   onChange: j
                 }, [
-                  (l(!0), a(I, null, V(F(H), (u) => (l(), a("option", {
+                  (l(!0), o(I, null, V(F(H), (u) => (l(), o("option", {
                     key: u,
                     value: u
                   }, S(u.toString().padStart(2, "0")), 9, Qt))), 128))
@@ -1148,7 +1148,7 @@ const Qe = le("SunIcon", [
                   "onUpdate:modelValue": h[10] || (h[10] = (u) => y.value.end = u),
                   onChange: j
                 }, [
-                  (l(!0), a(I, null, V(F(K), (u) => (l(), a("option", {
+                  (l(!0), o(I, null, V(F(K), (u) => (l(), o("option", {
                     key: u,
                     value: u
                   }, S(u.toString().padStart(2, "0")), 9, el))), 128))
@@ -1162,8 +1162,8 @@ const Qe = le("SunIcon", [
                 ])
               ]))
             ])
-          ])) : (l(), a("div", qt, [
-            W.value ? R((l(), a("input", {
+          ])) : (l(), o("div", qt, [
+            W.value ? R((l(), o("input", {
               key: 0,
               type: "time",
               class: "input-bordered w-full input",
@@ -1171,13 +1171,13 @@ const Qe = le("SunIcon", [
               onChange: j
             }, null, 544)), [
               [ee, r.value]
-            ]) : (l(), a("div", Ht, [
+            ]) : (l(), o("div", Ht, [
               R(n("select", {
                 class: "w-full select-bordered select",
                 "onUpdate:modelValue": h[3] || (h[3] = (u) => p.value = u),
                 onChange: j
               }, [
-                (l(!0), a(I, null, V(F(H), (u) => (l(), a("option", {
+                (l(!0), o(I, null, V(F(H), (u) => (l(), o("option", {
                   key: u,
                   value: u
                 }, S(u.toString().padStart(2, "0")), 9, Wt))), 128))
@@ -1194,7 +1194,7 @@ const Qe = le("SunIcon", [
                 "onUpdate:modelValue": h[4] || (h[4] = (u) => y.value = u),
                 onChange: j
               }, [
-                (l(!0), a(I, null, V(F(K), (u) => (l(), a("option", {
+                (l(!0), o(I, null, V(F(K), (u) => (l(), o("option", {
                   key: u,
                   value: u
                 }, S(u.toString().padStart(2, "0")), 9, Kt))), 128))
@@ -1214,7 +1214,7 @@ const Qe = le("SunIcon", [
             class: C(["btn btn-secondary", i.popup ? "w-fit" : "w-full"]),
             onClick: xe
           }, "Clear", 2),
-          i.popup ? (l(), a("button", {
+          i.popup ? (l(), o("button", {
             key: 0,
             class: "btn btn-primary btn-wide",
             onClick: pe
@@ -1226,50 +1226,65 @@ const Qe = le("SunIcon", [
 }, nl = /* @__PURE__ */ X(ll, [["__scopeId", "data-v-488ecabe"]]), al = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: nl
-}, Symbol.toStringTag, { value: "Module" })), ol = ["value", "checked", "onChange", "disabled"], yn = /* @__PURE__ */ P({
+}, Symbol.toStringTag, { value: "Module" })), ol = ["value", "checked", "onChange", "disabled"], yn = /* @__PURE__ */ z({
   __name: "rating",
   props: {
     initialRating: { default: 0 },
     numberOfStars: { default: 5 },
     halfStars: { type: Boolean, default: !0 },
     isInteractive: { type: Boolean, default: !1 },
-    size: { default: "sm" }
+    size: { default: "sm" },
+    shape: { default: "star" },
+    color: { default: "bg-yellow-400" }
   },
   setup(i) {
     const d = i, e = $(d.initialRating);
     N(
       () => d.initialRating,
-      (o) => {
-        e.value = o;
+      (a) => {
+        e.value = a;
       }
     );
-    const t = (o) => {
-      e.value = o;
+    const t = (a) => {
+      e.value = a;
     };
-    return (o, s) => (l(), a("div", {
-      class: C(["rating", [
-        `rating-${d.size}`,
-        { "rating-half": o.halfStars }
-      ]])
+    return (a, s) => (l(), o("div", {
+      class: C(["rating", [`rating-${d.size}`, { "rating-half": a.halfStars }]])
     }, [
-      (l(!0), a(I, null, V(o.numberOfStars * (o.halfStars ? 2 : 1), (r) => (l(), a("input", {
+      (l(!0), o(I, null, V(a.numberOfStars * (a.halfStars ? 2 : 1), (r) => (l(), o("input", {
         key: r,
         type: "radio",
-        value: o.halfStars ? r * 0.5 : r,
-        checked: e.value === (o.halfStars ? r * 0.5 : r),
-        onChange: (g) => o.isInteractive ? t(o.halfStars ? r * 0.5 : r) : null,
-        class: C(["mask mask-star", {
-          "bg-yellow-400": e.value >= (o.halfStars ? r * 0.5 : r),
-          "mask-half-1": o.halfStars && r % 2 !== 0,
-          "mask-half-2": o.halfStars && r % 2 === 0,
-          "cursor-pointer": o.isInteractive,
-          "cursor-default": !o.isInteractive
-        }]),
-        disabled: !o.isInteractive
+        value: a.halfStars ? r * 0.5 : r,
+        checked: e.value === (a.halfStars ? r * 0.5 : r),
+        onChange: (g) => a.isInteractive ? t(a.halfStars ? r * 0.5 : r) : null,
+        class: C(["mask", [
+          {
+            // 'bg-yellow-400': rating >= (halfStars ? i * 0.5 : i),
+            "mask-half-1": a.halfStars && r % 2 !== 0,
+            "mask-half-2": a.halfStars && r % 2 === 0,
+            "cursor-pointer": a.isInteractive,
+            "cursor-default": !a.isInteractive,
+            "mask-star": a.shape === "star",
+            "mask-star-2": a.shape === "star-bold",
+            "mask-heart": a.shape === "heart",
+            "mask-hexagon": a.shape === "hexagon-vertical",
+            "mask-hexagon-2": a.shape === "hexagon-horizontal",
+            "mask-decagon": a.shape === "decagon",
+            "mask-pentagon": a.shape === "pentagon",
+            "mask-diamond": a.shape === "diamond",
+            "mask-square": a.shape === "square",
+            "mask-triangle": a.shape === "triangle-top",
+            "mask-triangle-2": a.shape === "triangle-bottom",
+            "mask-triangle-3": a.shape === "triangle-left",
+            "mask-triangle-4": a.shape === "triangle-right"
+          },
+          e.value >= (a.halfStars ? r * 0.5 : r) ? d.color : ""
+        ]]),
+        disabled: !a.isInteractive
       }, null, 42, ol))), 128))
     ], 2));
   }
-}), sl = { class: "badge" }, rl = ["onClick"], il = { class: "opacity-75" }, ul = ["placeholder"], wn = /* @__PURE__ */ P({
+}), sl = { class: "badge" }, rl = ["onClick"], il = { class: "opacity-75" }, ul = ["placeholder"], wn = /* @__PURE__ */ z({
   __name: "taginput",
   props: {
     modelValue: {},
@@ -1279,22 +1294,22 @@ const Qe = le("SunIcon", [
   },
   emits: ["update:modelValue"],
   setup(i, { emit: d }) {
-    const e = i, t = d, o = $([...e.modelValue]), s = e.maxTagAmount === void 0 ? -1 : e.maxTagAmount, r = $(null), g = $(""), c = B(() => s < 0 || o.value.length < s), p = () => {
+    const e = i, t = d, a = $([...e.modelValue]), s = e.maxTagAmount === void 0 ? -1 : e.maxTagAmount, r = $(null), g = $(""), c = B(() => s < 0 || a.value.length < s), p = () => {
       const f = g.value.trim();
-      f && !o.value.includes(f) && (o.value.push(f), t("update:modelValue", o.value), g.value = "");
+      f && !a.value.includes(f) && (a.value.push(f), t("update:modelValue", a.value), g.value = "");
     }, y = (f) => {
-      o.value = o.value.filter((m) => m !== f), t("update:modelValue", o.value);
+      a.value = a.value.filter((m) => m !== f), t("update:modelValue", a.value);
     }, A = () => {
-      g.value === "" && (o.value.pop(), t("update:modelValue", o.value));
+      g.value === "" && (a.value.pop(), t("update:modelValue", a.value));
     }, q = (f) => {
       f.key === "Enter" ? p() : f.key === "Backspace" && g.value === "" && A();
     };
     return N(() => e.modelValue, (f) => {
-      o.value = [...f];
-    }), (f, m) => (l(), a("div", {
+      a.value = [...f];
+    }), (f, m) => (l(), o("div", {
       class: C(["flex flex-wrap gap-2 bg-base-100 shadow px-4 py-6 border border-base-content/20 rounded", f.$props.class])
     }, [
-      (l(!0), a(I, null, V(o.value, (b) => D(f.$slots, "tag", {
+      (l(!0), o(I, null, V(a.value, (b) => D(f.$slots, "tag", {
         key: b,
         tag: b
       }, () => [
@@ -1308,7 +1323,7 @@ const Qe = le("SunIcon", [
         ])
       ])), 128)),
       D(f.$slots, "input", { showInput: c.value }, () => [
-        c.value ? R((l(), a("input", {
+        c.value ? R((l(), o("input", {
           key: 0,
           ref_key: "inputRef",
           ref: r,
@@ -1332,7 +1347,7 @@ const Qe = le("SunIcon", [
   value: "",
   disabled: "",
   selected: ""
-}, ml = ["value"], kn = /* @__PURE__ */ P({
+}, ml = ["value"], kn = /* @__PURE__ */ z({
   __name: "select",
   props: {
     options: {},
@@ -1343,9 +1358,9 @@ const Qe = le("SunIcon", [
   emits: ["update:modelValue"],
   setup(i, { expose: d, emit: e }) {
     console.log(i.placeholder);
-    const o = e, s = $(null), r = (c) => {
+    const a = e, s = $(null), r = (c) => {
       const p = c.target;
-      o("update:modelValue", p.value);
+      a("update:modelValue", p.value);
     };
     return d({
       focusInput: () => {
@@ -1354,8 +1369,8 @@ const Qe = le("SunIcon", [
       }
       // You can expose other properties or methods here if needed by the parent
       // e.g., the current value: modelValue
-    }), (c, p) => (l(), a("div", dl, [
-      c.label ? (l(), a("label", cl, [
+    }), (c, p) => (l(), o("div", dl, [
+      c.label ? (l(), o("label", cl, [
         n("span", pl, S(c.label), 1)
       ])) : M("", !0),
       n("select", {
@@ -1365,8 +1380,8 @@ const Qe = le("SunIcon", [
         value: c.modelValue,
         onChange: r
       }, [
-        c.placeholder ? (l(), a("option", fl, S(c.placeholder), 1)) : M("", !0),
-        (l(!0), a(I, null, V(c.options, (y) => (l(), a("option", {
+        c.placeholder ? (l(), o("option", fl, S(c.placeholder), 1)) : M("", !0),
+        (l(!0), o(I, null, V(c.options, (y) => (l(), o("option", {
           key: y.value,
           value: y.value
         }, S(y.text), 9, ml))), 128))
@@ -1406,7 +1421,7 @@ const Qe = le("SunIcon", [
   },
   emits: ["update:modelValue", "select"],
   setup(i, { expose: d, emit: e }) {
-    const t = i, o = e, s = Ee(), r = B(() => {
+    const t = i, a = e, s = Ee(), r = B(() => {
       const U = (s.default ? s.default() : []).filter((O) => O.type !== Ue);
       return console.log("hasDefaultSlotContent computed:", U.length > 0), U.length > 0;
     }), g = $(""), c = $(null), p = $(!1), y = $(null), A = $(null), q = $(null), f = $(null), m = () => {
@@ -1448,10 +1463,10 @@ const Qe = le("SunIcon", [
     }), ie(() => {
       document.removeEventListener("click", k), window.removeEventListener("keydown", W);
     });
-    const z = (x) => {
-      c.value = x, r.value || (g.value = x.text), o("update:modelValue", x.value), o("select", x);
+    const P = (x) => {
+      c.value = x, r.value || (g.value = x.text), a("update:modelValue", x.value), a("select", x);
     }, H = () => {
-      _.value.length > 0 && z(_.value[0]);
+      _.value.length > 0 && P(_.value[0]);
     }, K = () => {
       p.value || m();
     }, W = (x) => {
@@ -1469,7 +1484,7 @@ const Qe = le("SunIcon", [
         const L = _.value.find(
           (E, Z) => "option-" + Z === f.value
         );
-        L && z(L);
+        L && P(L);
         return;
       } else if (x.key === "Escape") {
         x.preventDefault(), b(), q.value && q.value.focus();
@@ -1499,18 +1514,18 @@ const Qe = le("SunIcon", [
       // Expose method to close
       toggleDropdown: w,
       // Expose method to toggle
-      selectItem: z,
+      selectItem: P,
       // Expose method to select an item programmatically
       filterText: g,
       // Expose filter text (useful if parent controls filtering)
       hasDefaultSlotContent: r
       // Expose to know if the default slot is used
-    }), (x, U) => (l(), a("div", {
+    }), (x, U) => (l(), o("div", {
       class: "relative w-full max-w-xs form-control",
       ref_key: "componentRoot",
       ref: A
     }, [
-      i.label ? (l(), a("label", hl, [
+      i.label ? (l(), o("label", hl, [
         n("span", gl, S(i.label), 1)
       ])) : M("", !0),
       n("div", {
@@ -1531,7 +1546,7 @@ const Qe = le("SunIcon", [
         ref: q
       }, [
         D(x.$slots, "default", {}, () => [
-          r.value ? M("", !0) : R((l(), a("input", {
+          r.value ? M("", !0) : R((l(), o("input", {
             key: 0,
             type: "text",
             placeholder: i.placeholder,
@@ -1554,9 +1569,9 @@ const Qe = le("SunIcon", [
       ], 42, bl),
       R(n("div", wl, [
         n("ul", kl, [
-          (l(!0), a(I, null, V(_.value, (O, L) => (l(), a("li", {
+          (l(!0), o(I, null, V(_.value, (O, L) => (l(), o("li", {
             key: O.value,
-            onMousedown: se((E) => z(O), ["prevent"]),
+            onMousedown: se((E) => P(O), ["prevent"]),
             class: "hover:bg-base-200 rounded-md w-full cursor-pointer",
             id: "option-" + L,
             role: "option",
@@ -1579,7 +1594,7 @@ const Qe = le("SunIcon", [
 }, Il = { class: "label-text-alt text-error validator-hint" }, Ml = {
   key: 2,
   class: "label"
-}, Tl = { class: "label-text-alt text-success validator-hint" }, _n = /* @__PURE__ */ P({
+}, Tl = { class: "label-text-alt text-success validator-hint" }, _n = /* @__PURE__ */ z({
   __name: "inputField",
   props: {
     modelValue: { default: "" },
@@ -1594,14 +1609,14 @@ const Qe = le("SunIcon", [
   },
   emits: ["update:modelValue", "validate"],
   setup(i, { expose: d, emit: e }) {
-    const t = i, o = e, s = $(null), r = $(!1), g = $(""), c = B(() => {
+    const t = i, a = e, s = $(null), r = $(!1), g = $(""), c = B(() => {
       var w, _, k, T;
       let f = !0, m = "";
       const b = t.modelValue;
-      return (w = t.rules) != null && w.required && (b == null || b === "") && (f = !1, m = "This field is required."), f && ((_ = t.rules) == null ? void 0 : _.minLength) !== void 0 && typeof b == "string" && b.length < t.rules.minLength && (f = !1, m = `Must be at least ${t.rules.minLength} characters.`), f && ((k = t.rules) == null ? void 0 : k.maxLength) !== void 0 && typeof b == "string" && b.length > t.rules.maxLength && (f = !1, m = `Cannot exceed ${t.rules.maxLength} characters.`), f && ((T = t.rules) != null && T.email) && typeof b == "string" && b && (/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(b) || (f = !1, m = "Please enter a valid email address.")), g.value = m, o("validate", f), f;
+      return (w = t.rules) != null && w.required && (b == null || b === "") && (f = !1, m = "This field is required."), f && ((_ = t.rules) == null ? void 0 : _.minLength) !== void 0 && typeof b == "string" && b.length < t.rules.minLength && (f = !1, m = `Must be at least ${t.rules.minLength} characters.`), f && ((k = t.rules) == null ? void 0 : k.maxLength) !== void 0 && typeof b == "string" && b.length > t.rules.maxLength && (f = !1, m = `Cannot exceed ${t.rules.maxLength} characters.`), f && ((T = t.rules) != null && T.email) && typeof b == "string" && b && (/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(b) || (f = !1, m = "Please enter a valid email address.")), g.value = m, a("validate", f), f;
     }), p = B(() => r.value && !c.value), y = (f) => {
       const m = f.target;
-      o("update:modelValue", m.value), r.value && c.value;
+      a("update:modelValue", m.value), r.value && c.value;
     }, A = () => {
       r.value = !0, c.value;
     };
@@ -1618,8 +1633,8 @@ const Qe = le("SunIcon", [
       isValid: c,
       isTouched: r,
       errorMessage: g
-    }), (f, m) => (l(), a("div", _l, [
-      f.label ? (l(), a("label", xl, [
+    }), (f, m) => (l(), o("div", _l, [
+      f.label ? (l(), o("label", xl, [
         n("span", Sl, S(f.label), 1)
       ])) : M("", !0),
       n("input", {
@@ -1656,14 +1671,14 @@ const Qe = le("SunIcon", [
         onInput: y,
         onBlur: A
       }, null, 42, Cl),
-      p.value ? (l(), a("div", Dl, [
+      p.value ? (l(), o("div", Dl, [
         n("span", Il, S(g.value), 1)
-      ])) : c.value && r.value && f.successMessage ? (l(), a("div", Ml, [
+      ])) : c.value && r.value && f.successMessage ? (l(), o("div", Ml, [
         n("span", Tl, S(f.successMessage), 1)
       ])) : M("", !0)
     ]));
   }
-}), xn = /* @__PURE__ */ P({
+}), xn = /* @__PURE__ */ z({
   __name: "loader",
   props: {
     loading: { type: Boolean, default: !0 },
@@ -1678,7 +1693,7 @@ const Qe = le("SunIcon", [
       (t) => {
         e.value = t;
       }
-    ), (t, o) => e.value ? (l(), a("span", {
+    ), (t, a) => e.value ? (l(), o("span", {
       key: 0,
       class: C(["loading", [
         { "loading-xs": t.size === "xs" },
@@ -1705,13 +1720,13 @@ const Qe = le("SunIcon", [
       ]])
     }, null, 2)) : M("", !0);
   }
-}), Vl = { class: "footer sm:footer-horizontal container" }, Ol = { class: "footer-title" }, Bl = ["href"], Pl = {
+}), Vl = { class: "footer sm:footer-horizontal container" }, Ol = { class: "footer-title" }, Bl = ["href"], zl = {
   key: 0,
   class: "sm:hidden w-full"
-}, zl = { class: "border-b-2 border-base-100 last:border-b-0 w-full" }, Al = {
+}, Pl = { class: "border-b-2 border-base-100 last:border-b-0 w-full" }, Al = {
   tabindex: "0",
   class: "collapse collapse-plus w-full"
-}, Ll = { class: "collapse-title font-bold text-lg collapsible-footer-title" }, El = { class: "collapse-content flex w-full text-sm" }, Ul = { class: "flex flex-col gap-2.5" }, jl = { class: "w-full" }, Rl = ["href"], Fl = { class: "w-full" }, Sn = /* @__PURE__ */ P({
+}, Ll = { class: "collapse-title font-bold text-lg collapsible-footer-title" }, El = { class: "collapse-content flex w-full text-sm" }, Ul = { class: "flex flex-col gap-2.5" }, jl = { class: "w-full" }, Rl = ["href"], Fl = { class: "w-full" }, Sn = /* @__PURE__ */ z({
   __name: "footer",
   props: {
     items: {},
@@ -1721,26 +1736,26 @@ const Qe = le("SunIcon", [
   },
   setup(i) {
     const d = i;
-    return (e, t) => (l(), a("div", {
+    return (e, t) => (l(), o("div", {
       class: C(["mx-auto md:px-10 py-10 text-base-content", [e.background ?? "bg-base-200", e.color ?? "text-base-content"]])
     }, [
       n("footer", Vl, [
-        (l(!0), a(I, null, V(d.items, (o) => (l(), a("nav", {
+        (l(!0), o(I, null, V(d.items, (a) => (l(), o("nav", {
           class: C([{ "hidden sm:grid": e.collapseOnMobile }])
         }, [
-          n("h6", Ol, S(o.title), 1),
-          (l(!0), a(I, null, V(o.items, (s) => (l(), a("a", {
+          n("h6", Ol, S(a.title), 1),
+          (l(!0), o(I, null, V(a.items, (s) => (l(), o("a", {
             class: "link link-hover",
             href: s.link
           }, S(s.text), 9, Bl))), 256))
         ], 2))), 256)),
-        e.collapseOnMobile ? (l(), a("nav", Pl, [
-          (l(!0), a(I, null, V(d.items, (o) => (l(), a("ul", zl, [
+        e.collapseOnMobile ? (l(), o("nav", zl, [
+          (l(!0), o(I, null, V(d.items, (a) => (l(), o("ul", Pl, [
             n("div", Al, [
-              n("div", Ll, S(o.title), 1),
+              n("div", Ll, S(a.title), 1),
               n("div", El, [
                 n("ul", Ul, [
-                  (l(!0), a(I, null, V(o.items, (s) => (l(), a("li", jl, [
+                  (l(!0), o(I, null, V(a.items, (s) => (l(), o("li", jl, [
                     n("a", {
                       class: "w-full font-medium link link-hover",
                       href: s.link
@@ -1759,7 +1774,7 @@ const Qe = le("SunIcon", [
   }
 }), Nl = {}, ql = { class: "min-h-40 container hero" }, Hl = { class: "px-0! text-center hero-content" }, Wl = { class: "mt-9 text-4xl" };
 function Kl(i, d) {
-  return l(), a("div", ql, [
+  return l(), o("div", ql, [
     n("div", Hl, [
       n("div", null, [
         n("h1", Wl, [
@@ -1777,7 +1792,7 @@ function Kl(i, d) {
     ])
   ]);
 }
-const Cn = /* @__PURE__ */ X(Nl, [["render", Kl]]), Yl = { class: "flex flex-row place-content-center gap-4 categories" }, Jl = ["onClick"], Dn = /* @__PURE__ */ P({
+const Cn = /* @__PURE__ */ X(Nl, [["render", Kl]]), Yl = { class: "flex flex-row place-content-center gap-4 categories" }, Jl = ["onClick"], Dn = /* @__PURE__ */ z({
   __name: "categoryNavigation",
   props: {
     searchOptions: {},
@@ -1786,28 +1801,28 @@ const Cn = /* @__PURE__ */ X(Nl, [["render", Kl]]), Yl = { class: "flex flex-row
   emits: ["update:currentCategory"],
   setup(i, { emit: d }) {
     const e = i, t = d;
-    function o(s) {
+    function a(s) {
       t("update:currentCategory", s);
     }
-    return (s, r) => (l(), a("div", Yl, [
-      (l(!0), a(I, null, V(e.searchOptions, (g) => (l(), a("div", {
+    return (s, r) => (l(), o("div", Yl, [
+      (l(!0), o(I, null, V(e.searchOptions, (g) => (l(), o("div", {
         key: g.category
       }, [
         n("button", {
-          onClick: (c) => o(g.category),
+          onClick: (c) => a(g.category),
           class: C(["truncate btn btn-ghost", { "font-semibold": e.currentCategory === g.category }])
         }, S(g.category), 11, Jl)
       ]))), 128))
     ]));
   }
-}), Gl = { class: "md:flex hidden navbar-start" }, Xl = { class: "md:flex justify-center items-center hidden navbar-center" }, Zl = { class: "md:flex hidden navbar-end" }, Ql = { class: "navbar-bottom md:flex hidden" }, en = /* @__PURE__ */ P({
+}), Gl = { class: "md:flex hidden navbar-start" }, Xl = { class: "md:flex justify-center items-center hidden navbar-center" }, Zl = { class: "md:flex hidden navbar-end" }, Ql = { class: "navbar-bottom md:flex hidden" }, en = /* @__PURE__ */ z({
   __name: "navigationBar",
   props: {
     isCollapsed: { type: Boolean, default: !0 }
   },
   setup(i) {
     const d = i;
-    return (e, t) => (l(), a("nav", {
+    return (e, t) => (l(), o("nav", {
       class: C(["place-items-start border-primary bg-base-100 px-5 py-5 border-b-4 transition-all navbar navigationbar", d.isCollapsed ? "collapsed" : ""])
     }, [
       n("div", Gl, [
@@ -1831,7 +1846,7 @@ const Cn = /* @__PURE__ */ X(Nl, [["render", Kl]]), Yl = { class: "flex flex-row
   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"
-}, an = { class: "p-6 border-x-0 border-t-2 border-b-0 border-base-300 max-w-full" }, Mn = /* @__PURE__ */ P({
+}, an = { class: "p-6 border-x-0 border-t-2 border-b-0 border-base-300 max-w-full" }, Mn = /* @__PURE__ */ z({
   __name: "tab",
   props: {
     items: {},
@@ -1841,9 +1856,9 @@ const Cn = /* @__PURE__ */ X(Nl, [["render", Kl]]), Yl = { class: "flex flex-row
   },
   emits: ["tab-changed"],
   setup(i, { emit: d }) {
-    const e = i, t = $(e.items[0]), o = d;
+    const e = i, t = $(e.items[0]), a = d;
     function s(c) {
-      t.value = c, o("tab-changed", c);
+      t.value = c, a("tab-changed", c);
     }
     function r() {
       const p = (e.items.indexOf(t.value) + 1) % e.items.length;
@@ -1859,12 +1874,12 @@ const Cn = /* @__PURE__ */ X(Nl, [["render", Kl]]), Yl = { class: "flex flex-row
       e.rotateTabsAfter && e.rotateTabsAfter > 0 && setInterval(() => {
         r();
       }, e.rotateTabsAfter * 1e3);
-    }), (c, p) => (l(), a(I, null, [
+    }), (c, p) => (l(), o(I, null, [
       n("div", {
         role: "tablist",
         class: C(["relative tabs-bordered w-full tabs tabs-lg", { "flex-nowrap overflow-x-auto": c.buttonOnlyMode }])
       }, [
-        c.withControlls ? (l(), a("div", tn, [
+        c.withControlls ? (l(), o("div", tn, [
           n("button", {
             onClick: p[0] || (p[0] = (y) => g()),
             class: "cursor-pointer"
@@ -1874,7 +1889,7 @@ const Cn = /* @__PURE__ */ X(Nl, [["render", Kl]]), Yl = { class: "flex flex-row
             class: "text-primary cursor-pointer"
           }, "Next")
         ])) : M("", !0),
-        (l(!0), a(I, null, V(c.items, (y) => (l(), a(I, null, [
+        (l(!0), o(I, null, V(c.items, (y) => (l(), o(I, null, [
           n("a", {
             type: "button",
             role: "tab",
@@ -1882,7 +1897,7 @@ const Cn = /* @__PURE__ */ X(Nl, [["render", Kl]]), Yl = { class: "flex flex-row
             onClick: (A) => s(y),
             "aria-selected": t.value == y
           }, S(y), 11, ln),
-          c.buttonOnlyMode ? M("", !0) : (l(), a("div", nn, [
+          c.buttonOnlyMode ? M("", !0) : (l(), o("div", nn, [
             D(c.$slots, `${y}-tab`)
           ]))
         ], 64))), 256))