manolis-ui 0.6.10 → 0.6.12

package/dist/manolis-ui.js

@@ -1,8 +1,8 @@
-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";
+import { defineComponent as z, computed as B, createElementBlock as o, openBlock as a, normalizeClass as C, createCommentVNode as M, renderSlot as D, createTextVNode as ce, createElementVNode as n, Fragment as I, renderList as V, toDisplayString as x, ref as $, h as ie, 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 se, inject as Ae, defineAsyncComponent as Le, onBeforeUnmount as ue, createBlock as de, 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 re, vShow as je } from "vue";
 const Re = {
   key: 0,
   class: "loading loading-spinner"
-}, sn = /* @__PURE__ */ z({
+}, sa = /* @__PURE__ */ z({
   __name: "ButtonComponent",
   props: {
     outlined: { type: Boolean, default: !1 },
@@ -53,7 +53,7 @@ const Re = {
         default:
           return "btn-neutral";
       }
-    }), a = B(() => {
+    }), l = B(() => {
       switch (d.shape) {
         case "square":
           return "btn-square";
@@ -63,19 +63,19 @@ const Re = {
           return "";
       }
     });
-    return (s, r) => (l(), o("button", {
-      class: C(["btn", { "btn-outline": d.outlined }, { "btn-active": d.active }, t.value, e.value, a.value])
+    return (s, r) => (a(), o("button", {
+      class: C(["btn", { "btn-outline": d.outlined }, { "btn-active": d.active }, t.value, e.value, l.value])
     }, [
-      s.loading ? (l(), o("span", Re)) : M("", !0),
+      s.loading ? (a(), o("span", Re)) : M("", !0),
       D(s.$slots, "default", {}, () => [
-        r[0] || (r[0] = de("Submit"))
+        r[0] || (r[0] = ce("Submit"))
       ])
     ], 2));
   }
 }), 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__ */ z({
+}, Ne = ["href"], ra = /* @__PURE__ */ z({
   __name: "dropdown",
   props: {
     items: {},
@@ -94,26 +94,26 @@ const Re = {
       start: "",
       end: "dropdown-end"
     }, t = i;
-    return (a, s) => (l(), o("div", {
+    return (l, s) => (a(), o("div", {
       class: C(["dropdown", d[t.position], e[t.floatPosition], { "dropdown-open": t.forceOpen }, { "dropdown-hover": t.openOnHover }])
     }, [
-      D(a.$slots, "default", {
+      D(l.$slots, "default", {
         tabindex: "0",
         role: "button"
       }, () => [
         s[0] || (s[0] = n("div", { class: "m-1 btn" }, "Open dropdown", -1))
       ]),
       n("ul", Fe, [
-        (l(!0), o(I, null, V(a.items, (r) => (l(), o("li", null, [
+        (a(!0), o(I, null, V(l.items, (r) => (a(), o("li", null, [
           n("a", {
             href: r.link
-          }, S(r.text), 9, Ne)
+          }, x(r.text), 9, Ne)
         ]))), 256)),
-        D(a.$slots, "additional")
+        D(l.$slots, "additional")
       ])
     ], 2));
   }
-}), qe = { class: "modal-box" }, He = { class: "modal-action" }, un = /* @__PURE__ */ z({
+}), qe = { class: "modal-box" }, He = { class: "modal-action" }, ia = /* @__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), a = () => {
+    }, t = $(null), l = () => {
       var r;
       (r = t.value) == null || r.showModal();
     }, s = () => {
       var r;
       (r = t.value) == null || r.close();
     };
-    return (r, g) => (l(), o(I, null, [
+    return (r, g) => (a(), o(I, null, [
       n("span", {
         class: "w-fit cursor-pointer",
-        onClick: a
+        onClick: l
       }, [
         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__ */ z({
+}), We = { class: "flex justify-center items-center swap-on" }, Ke = { class: "flex justify-center items-center swap-off" }, ua = /* @__PURE__ */ z({
   __name: "swap",
   props: {
     effect: {}
   },
   setup(i) {
     const d = i;
-    return (e, t) => (l(), o("label", {
+    return (e, t) => (a(), 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: a, name: s, class: r, ...g }, { slots: c }) => re(
+const Je = ({ size: i, strokeWidth: d = 2, absoluteStrokeWidth: e, color: t, iconNode: l, name: s, class: r, ...g }, { slots: c }) => ie(
   "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
   },
-  [...a.map((p) => re(...p)), ...c.default ? [c.default()] : []]
+  [...l.map((p) => ie(...p)), ...c.default ? [c.default()] : []]
 );
 /**
  * @license lucide-vue-next v0.468.0 - ISC
@@ -232,7 +232,7 @@ const Je = ({ size: i, strokeWidth: d = 2, absoluteStrokeWidth: e, color: t, ico
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const le = (i, d) => (e, { slots: t }) => re(
+const le = (i, d) => (e, { slots: t }) => ie(
   Je,
   {
     ...e,
@@ -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__ */ z({
+}, tt = { class: "swap-rotate swap" }, lt = ["true-value", "false-value"], da = /* @__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(a) {
-      typeof window < "u" && window.document && document.documentElement.setAttribute("data-theme", a);
+    function t(l) {
+      typeof window < "u" && window.document && document.documentElement.setAttribute("data-theme", l);
     }
-    return G(() => t(e.value ? e.value : "")), N(e, (a) => {
-      t(a);
-    }), (a, s) => (l(), o("label", tt, [
+    return G(() => t(e.value ? e.value : "")), N(e, (l) => {
+      t(l);
+    }), (l, s) => (a(), o("label", tt, [
       R(n("input", {
         type: "checkbox",
         class: "theme-controller",
@@ -334,7 +334,7 @@ const Qe = le("SunIcon", [
       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__ */ z({
+}), at = ["name"], nt = { class: "collapse-title font-bold text-2xl lg:text-4xl" }, ot = { class: "collapse-content" }, st = ["innerHTML"], ca = /* @__PURE__ */ z({
   __name: "accordion",
   props: {
     name: {},
@@ -344,7 +344,7 @@ const Qe = le("SunIcon", [
   },
   setup(i) {
     const d = i;
-    return (e, t) => (l(!0), o(I, null, V(d.items, (a, s) => (l(), o("div", {
+    return (e, t) => (a(!0), o(I, null, V(d.items, (l, s) => (a(), o("div", {
       class: C(["collapse border border-base-300", [e.icon ? `collapse-${e.icon}` : "", { "join-item": e.joinItems }]]),
       key: s
     }, [
@@ -352,16 +352,16 @@ const Qe = le("SunIcon", [
         type: "radio",
         name: e.name,
         value: "true"
-      }, null, 8, nt),
-      n("div", at, S(a.title), 1),
+      }, null, 8, at),
+      n("div", nt, x(l.title), 1),
       n("div", ot, [
         n("span", {
-          innerHTML: a.content
+          innerHTML: l.content
         }, null, 8, st)
       ])
     ], 2))), 128));
   }
-}), rt = ["src"], it = { class: "text-xl" }, vn = /* @__PURE__ */ z({
+}), rt = ["src"], it = { class: "text-xl" }, pa = /* @__PURE__ */ z({
   __name: "avatar",
   props: {
     image: {},
@@ -376,10 +376,10 @@ const Qe = le("SunIcon", [
       (t) => {
         t && (e.value = t);
       }
-    ), (t, a) => (l(), o("div", {
+    ), (t, l) => (a(), o("div", {
       class: C(["avatar", [{ "avatar-online": e.value === "online" }, { "avatar-offline": e.value === "offline" }]])
     }, [
-      t.image ? (l(), o("div", {
+      t.image ? (a(), o("div", {
         key: 0,
         class: C(["rounded", [{ "rounded-full": t.fullyRounded }, { rounded: !t.fullyRounded }]])
       }, [
@@ -387,15 +387,15 @@ const Qe = le("SunIcon", [
           src: t.image,
           class: "w-full h-full"
         }, null, 8, rt)
-      ], 2)) : (l(), o("div", {
+      ], 2)) : (a(), 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 }]])
       }, [
-        n("p", it, S(t.initials), 1)
+        n("p", it, x(t.initials), 1)
       ], 2))
     ], 2));
   }
-}), fn = /* @__PURE__ */ z({
+}), va = /* @__PURE__ */ z({
   __name: "badge",
   props: {
     color: { default: "neutral" },
@@ -419,10 +419,10 @@ const Qe = le("SunIcon", [
       warning: "badge-warning",
       error: "badge-error"
     };
-    return (a, s) => (l(), o("span", {
+    return (l, s) => (a(), o("span", {
       class: C(["badge", e[d.size], t[d.color], { "badge-outline": d.outline }])
     }, [
-      D(a.$slots, "default")
+      D(l.$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__ */ z({
+}, fa = /* @__PURE__ */ z({
   __name: "card",
   props: {
     imgUrl: { default: "" },
@@ -458,11 +458,11 @@ const Qe = le("SunIcon", [
       (t) => {
         e.value = t;
       }
-    ), (t, a) => (l(), o("div", {
+    ), (t, l) => (a(), 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(), o("img", {
+        t.imgUrl || t.imgUrl && !t.loading ? (a(), 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(), o("div", {
+        t.loading && t.imgUrl ? (a(), o("div", {
           key: 1,
           class: C(["w-full skeleton", t.imgHeight])
         }, null, 2)) : M("", !0)
       ]),
-      t.loading ? M("", !0) : (l(), o("div", dt, [
-        t.title ? (l(), o("h2", ct, S(t.title), 1)) : M("", !0),
+      t.loading ? M("", !0) : (a(), o("div", dt, [
+        t.title ? (a(), o("h2", ct, x(t.title), 1)) : M("", !0),
         D(t.$slots, "details"),
-        t.description ? (l(), o("p", pt, S(t.description), 1)) : M("", !0),
+        t.description ? (a(), o("p", pt, x(t.description), 1)) : M("", !0),
         n("div", vt, [
           D(t.$slots, "actions")
         ])
       ])),
-      t.loading ? (l(), o("div", ft, a[0] || (a[0] = [
+      t.loading ? (a(), o("div", ft, l[0] || (l[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" }),
@@ -539,15 +539,15 @@ const Qe = le("SunIcon", [
     }
   },
   setup(i, { expose: d }) {
-    const e = i, t = $(e.initialSlide), a = $(null), s = $(!1), r = $(0), g = B(() => ({
+    const e = i, t = $(e.initialSlide), l = $(null), s = $(!1), r = $(0), g = B(() => ({
       width: `calc((100% - ${e.slidesPerView > 1 ? (e.slidesPerView - 1) * e.gap : 0}px) / ${e.slidesPerView})`
     }));
     Pe(ke, g);
     const c = () => {
-      a.value ? r.value = a.value.children.length : r.value = 0;
+      l.value ? r.value = l.value.children.length : r.value = 0;
     }, p = async (m) => {
-      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 (!l.value || e.slidesPerView <= 0 || s.value || (c(), r.value === 0)) return;
+      const b = (m % r.value + r.value) % r.value, w = l.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, 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";
@@ -556,9 +556,9 @@ const Qe = le("SunIcon", [
         s.value = !1, t.value = b;
         return;
       }
-      const x = performance.now(), U = (O) => {
-        const L = O - x, E = Math.min(1, L / e.slideDuration), Z = E < 0.5 ? 4 * E * E * E : 1 - Math.pow(-2 * E + 2, 3) / 2, ne = K + W * Z;
-        e.sliderOrientation === "vertical" ? w.scrollTop = ne : w.scrollLeft = ne, E < 1 ? requestAnimationFrame(U) : (e.sliderOrientation === "vertical" ? w.scrollTop = H : w.scrollLeft = H, t.value = b, s.value = !1);
+      const S = performance.now(), U = (O) => {
+        const L = O - S, E = Math.min(1, L / e.slideDuration), Z = E < 0.5 ? 4 * E * E * E : 1 - Math.pow(-2 * E + 2, 3) / 2, ae = K + W * Z;
+        e.sliderOrientation === "vertical" ? w.scrollTop = ae : w.scrollLeft = ae, E < 1 ? requestAnimationFrame(U) : (e.sliderOrientation === "vertical" ? w.scrollTop = H : w.scrollLeft = H, t.value = b, s.value = !1);
       };
       requestAnimationFrame(U);
     }, y = () => {
@@ -568,8 +568,8 @@ const Qe = le("SunIcon", [
     }, q = (m) => {
       p(m);
     }, f = () => {
-      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 (!l.value || e.slidesPerView <= 0 || (c(), r.value === 0)) return;
+      const m = l.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), 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;
@@ -588,16 +588,16 @@ const Qe = le("SunIcon", [
           e.slideDuration = 0, p(b), e.slideDuration = w;
         });
       });
-    }), d({ scrollToSlide: p }), (m, b) => (l(), o("div", mt, [
+    }), d({ scrollToSlide: p }), (m, b) => (a(), o("div", mt, [
       n("div", {
         ref_key: "carouselContainer",
-        ref: a,
+        ref: l,
         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` })
+        style: se({ gap: `${i.gap}px` })
       }, [
         D(m.$slots, "default", {}, void 0, !0)
       ], 6),
-      i.showNavigationButtons ? (l(), o("div", ht, [
+      i.showNavigationButtons ? (a(), o("div", ht, [
         n("div", {
           onClick: A,
           role: "button",
@@ -623,8 +623,8 @@ const Qe = le("SunIcon", [
           ], !0)
         ])
       ])) : M("", !0),
-      i.showIndicators ? (l(), o("div", gt, [
-        (l(!0), o(I, null, V(r.value, (w, _) => (l(), o("button", {
+      i.showIndicators ? (a(), o("div", gt, [
+        (a(!0), o(I, null, V(r.value, (w, _) => (a(), o("button", {
           key: `dot-${_}`,
           onClick: (k) => q(_),
           class: C(["btn btn-circle btn-xs", { "btn-active": _ === t.value }]),
@@ -635,21 +635,21 @@ const Qe = le("SunIcon", [
   }
 }), X = (i, d) => {
   const e = i.__vccOpts || i;
-  for (const [t, a] of d)
-    e[t] = a;
+  for (const [t, l] of d)
+    e[t] = l;
   return e;
-}, hn = /* @__PURE__ */ X(yt, [["__scopeId", "data-v-db55a6a5"]]), wt = /* @__PURE__ */ z({
+}, ma = /* @__PURE__ */ X(yt, [["__scopeId", "data-v-db55a6a5"]]), wt = /* @__PURE__ */ z({
   __name: "carouselItem",
   setup(i) {
     const d = Ae(ke, $({}));
-    return (e, t) => (l(), o("div", {
+    return (e, t) => (a(), o("div", {
       class: "w-full h-full carousel-item",
-      style: ce(F(d))
+      style: se(F(d))
     }, [
       D(e.$slots, "default", {}, void 0, !0)
     ], 4));
   }
-}), 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 = {
+}), ha = /* @__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" }, St = { class: "md:block hidden opacity-35 text-xs truncate overflow-hidden ..." }, xt = { 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__ */ z({
@@ -660,14 +660,14 @@ const Qe = le("SunIcon", [
   },
   emits: ["search", "update:search-data"],
   setup(i, { emit: d }) {
-    const e = i, t = d, a = $(null), s = {
-      datetime: Le(() => Promise.resolve().then(() => al))
+    const e = i, t = d, l = $(null), s = {
+      datetime: Le(() => Promise.resolve().then(() => nl))
     }, r = $({}), g = $({ left: "0px", top: "0px", transform: "translateX(0%)" }), c = $(null);
     function p(m, b) {
       var w, _, k;
-      if ((w = a.value) != null && w.name) {
+      if ((w = l.value) != null && w.name) {
         t("update:search-data", {
-          tab: a.value.name,
+          tab: l.value.name,
           data: m
         });
         return;
@@ -684,7 +684,7 @@ const Qe = le("SunIcon", [
       t("search");
     }
     async function A(m) {
-      c.value && !c.value.contains(m.target) && (await ge(), a.value = null);
+      c.value && !c.value.contains(m.target) && (await ge(), l.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;
-      a.value = m, await ge();
+      l.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 };
@@ -713,11 +713,11 @@ const Qe = le("SunIcon", [
     }
     return G(() => {
       document.addEventListener("click", A);
-    }), ie(() => {
+    }), ue(() => {
       document.removeEventListener("click", A);
     }), (m, b) => {
       var w, _;
-      return l(), o(I, null, [
+      return a(), 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), o(I, null, V(((w = e.searchOptions.find((k) => k.category === e.currentCategory)) == null ? void 0 : w.tabs) || [], (k) => {
+              (a(!0), o(I, null, V(((w = e.searchOptions.find((k) => k.category === e.currentCategory)) == null ? void 0 : w.tabs) || [], (k) => {
                 var T;
-                return l(), o("button", {
+                return a(), o("button", {
                   key: k.name,
                   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"]),
+                  class: C([{ "tab-active": ((T = l.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: (P) => r.value[k.name] = P
                 }, [
-                  n("p", _t, S(k.name), 1),
-                  n("p", xt, S(k.description), 1)
+                  n("p", _t, x(k.name), 1),
+                  n("p", St, x(k.description), 1)
                 ], 10, $t);
               }), 128))
             ]),
-            a.value ? (l(), o("div", {
+            l.value ? (a(), o("div", {
               key: 0,
               class: "absolute flex shadow-sm mt-4 w-fit max-w-full transition-all tab-content",
-              style: ce(g.value)
+              style: se(g.value)
             }, [
-              (l(), ue(me(s[a.value.type]), he(a.value.props ? a.value.props : null, { onUpdated: p }), null, 16))
+              (a(), de(me(s[l.value.type]), he(l.value.props ? l.value.props : null, { onUpdated: p }), null, 16))
             ], 4)) : M("", !0),
             n("button", {
               title: "search",
@@ -761,7 +761,7 @@ const Qe = le("SunIcon", [
               })
             ])
           ]),
-          n("div", St, [
+          n("div", xt, [
             n("button", {
               title: "search",
               onClick: b[0] || (b[0] = () => {
@@ -777,9 +777,9 @@ const Qe = le("SunIcon", [
         n("dialog", Ct, [
           n("div", Dt, [
             D(m.$slots, "additionalForMobile", {}, () => [
-              n("h3", It, S(m.currentCategory), 1)
+              n("h3", It, x(m.currentCategory), 1)
             ], !0),
-            (l(!0), o(I, null, V(((_ = e.searchOptions.find((k) => k.category === e.currentCategory)) == null ? void 0 : _.tabs) || [], (k, T) => (l(), o("div", {
+            (a(!0), o(I, null, V(((_ = e.searchOptions.find((k) => k.category === e.currentCategory)) == null ? void 0 : _.tabs) || [], (k, T) => (a(), o("div", {
               class: "bg-base-200 my-4 collapse",
               key: k.name
             }, [
@@ -789,12 +789,12 @@ const Qe = le("SunIcon", [
                 checked: T === 0
               }, null, 8, Mt),
               n("div", Tt, [
-                de(S(k.name) + " ", 1),
-                n("p", Vt, S(k.description), 1)
+                ce(x(k.name) + " ", 1),
+                n("p", Vt, x(k.description), 1)
               ]),
               n("div", Ot, [
                 b[1] || (b[1] = n("br", null, null, -1)),
-                (l(), ue(me(s[k.type]), he({ ref_for: !0 }, k.props || {}, {
+                (a(), de(me(s[k.type]), he({ ref_for: !0 }, k.props || {}, {
                   onUpdated: (P) => p(P, T)
                 }), null, 16, ["onUpdated"]))
               ])
@@ -812,7 +812,7 @@ const Qe = le("SunIcon", [
       ], 64);
     };
   }
-}), bn = /* @__PURE__ */ X(Bt, [["__scopeId", "data-v-08fa37eb"]]), zt = ["placeholder", "value", "id"], Pt = { class: "btn btn-ghost" }, At = ["id"], Lt = {
+}), ga = /* @__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 = {
@@ -869,19 +869,50 @@ const Qe = le("SunIcon", [
   emits: ["updated"],
   setup(i, { emit: d }) {
     const e = i;
-    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, 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(() => {
+    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, l = $(!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(() => S.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));
-    }), 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(
+      return Array.from(
+        { length: v },
+        (h, u) => new Date(c.value, w.value, u + 1)
+      );
+    }), 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
       )
-    ), x = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"], U = B(() => {
+    ), S = [
+      "January",
+      "February",
+      "March",
+      "April",
+      "May",
+      "June",
+      "July",
+      "August",
+      "September",
+      "October",
+      "November",
+      "December"
+    ], U = B(() => {
       const v = (/* @__PURE__ */ new Date()).getFullYear();
       return Array.from({ length: 100 }, (h, u) => v - 50 + u);
     }), O = B(() => {
@@ -894,19 +925,19 @@ const Qe = le("SunIcon", [
     }), L = (v) => v instanceof Date ? v : new Date(v), E = (v) => v instanceof Date && !isNaN(v), Z = B(() => {
       if (!b.value) return "";
       const v = (h) => {
-        var ae, Q, fe;
-        const u = ((ae = p.value) == null ? void 0 : ae[h]) ?? p.value, Y = ((Q = y.value) == null ? void 0 : Q[h]) ?? y.value;
+        var ne, Q, fe;
+        const u = ((ne = p.value) == null ? void 0 : ne[h]) ?? p.value, Y = ((Q = y.value) == null ? void 0 : Q[h]) ?? y.value;
         return W.value ? ((fe = r.value) == null ? void 0 : fe[h]) ?? r.value : `${u.toString().padStart(2, "0")}:${Y.toString().padStart(2, "0")}`;
       };
       return e.range ? `${v("start")} - ${v("end")}` : v();
-    }), ne = B(() => {
+    }), ae = B(() => {
       const v = O.value, h = Z.value;
       return `${v} ${h}`.trim();
-    }), $e = () => a.value = !a.value, pe = () => {
+    }), $e = () => l.value = !l.value, pe = () => {
       j(), _e();
-    }, _e = () => a.value = !1, xe = () => {
+    }, _e = () => l.value = !1, Se = () => {
       s.value = e.range ? { start: null, end: null } : null, r.value = e.range ? { start: null, end: null } : null, j();
-    }, Se = (v) => {
+    }, xe = (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();
     }, Ce = (v) => (v = L(v), e.range ? s.value.start && E(s.value.start) && v.getTime() === s.value.start.getTime() || s.value.end && E(s.value.end) && v.getTime() === s.value.end.getTime() : E(s.value) && v.getTime() === s.value.getTime()), De = (v) => {
       v = L(v);
@@ -920,18 +951,18 @@ const Qe = le("SunIcon", [
       return !1;
     }, Ve = () => {
       let v = w.value - 1;
-      v < 0 && (v = 11, c.value--), g.value = x[v], j();
+      v < 0 && (v = 11, c.value--), g.value = S[v], j();
     }, Oe = () => {
       let v = w.value + 1;
-      v > 11 && (v = 0, c.value++), g.value = x[v], j();
+      v > 11 && (v = 0, c.value++), g.value = S[v], j();
     }, ve = (v) => {
-      A.value && !A.value.contains(v.target) && a.value == !0 && pe();
+      A.value && !A.value.contains(v.target) && l.value == !0 && pe();
     }, j = () => {
       let v = {};
-      const h = (u, Y, ae) => {
+      const h = (u, Y, ne) => {
         u instanceof Date && !isNaN(u) || (u = /* @__PURE__ */ new Date());
         const Q = new Date(u);
-        return Q.setUTCHours(Y, ae, 0, 0), Q.toISOString();
+        return Q.setUTCHours(Y, ne, 0, 0), Q.toISOString();
       };
       e.range ? (v.from = h(
         s.value.start,
@@ -952,7 +983,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(), o("div", {
+    }), e.popup && G(() => document.addEventListener("click", ve)), we(() => document.removeEventListener("click", ve)), (v, h) => (a(), o("div", {
       class: "inline-block relative w-full lg:w-[360px]",
       ref_key: "pickerContainer",
       ref: A
@@ -966,7 +997,7 @@ const Qe = le("SunIcon", [
             type: "text",
             class: "input-bordered w-full cursor-pointer input",
             placeholder: i.placeholder,
-            value: ne.value,
+            value: ae.value,
             readonly: "",
             id: q.value
           }, null, 8, zt),
@@ -975,12 +1006,12 @@ const Qe = le("SunIcon", [
           ])
         ], !0) : M("", !0)
       ]),
-      a.value || !i.popup ? (l(), o("div", {
+      l.value || !i.popup ? (a(), 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 }]]),
+        class: C(["z-50 bg-base-100 md:mt-2 md:p-4 px-4 rounded-md w-full", [{ absolute: i.popup }]]),
         id: f.value
       }, [
-        m.value ? (l(), o("div", Lt, [
+        m.value ? (a(), o("div", Lt, [
           n("button", {
             class: "hidden md:block btn-outline btn btn-primary md:btn-sm",
             onClick: Ve
@@ -1005,10 +1036,10 @@ const Qe = le("SunIcon", [
             "onUpdate:modelValue": h[0] || (h[0] = (u) => g.value = u),
             onChange: j
           }, [
-            (l(), o(I, null, V(x, (u, Y) => n("option", {
+            (a(), o(I, null, V(S, (u, Y) => n("option", {
               key: Y,
               value: u
-            }, S(u), 9, Et)), 64))
+            }, x(u), 9, Et)), 64))
           ], 544), [
             [J, g.value]
           ]),
@@ -1017,10 +1048,10 @@ const Qe = le("SunIcon", [
             "onUpdate:modelValue": h[1] || (h[1] = (u) => c.value = u),
             onChange: j
           }, [
-            (l(!0), o(I, null, V(U.value, (u) => (l(), o("option", {
+            (a(!0), o(I, null, V(U.value, (u) => (a(), o("option", {
               key: u,
               value: u
-            }, S(u), 9, Ut))), 128))
+            }, x(u), 9, Ut))), 128))
           ], 544), [
             [J, c.value]
           ]),
@@ -1044,16 +1075,16 @@ const Qe = le("SunIcon", [
             ], -1)
           ]))
         ])) : M("", !0),
-        m.value ? (l(), o("div", jt, [
-          (l(), o(I, null, V(_, (u) => n("div", {
+        m.value ? (a(), o("div", jt, [
+          (a(), o(I, null, V(_, (u) => n("div", {
             key: u,
             class: "text-center"
-          }, S(u), 1)), 64)),
-          (l(!0), o(I, null, V(P.value, (u) => (l(), o("div", {
+          }, x(u), 1)), 64)),
+          (a(!0), o(I, null, V(P.value, (u) => (a(), o("div", {
             key: u,
             class: "text-center"
           }))), 128)),
-          (l(!0), o(I, null, V(T.value, (u) => (l(), o("div", {
+          (a(!0), o(I, null, V(T.value, (u) => (a(), 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),
@@ -1062,15 +1093,15 @@ const Qe = le("SunIcon", [
               "range-end bg-primary text-primary-content": Me(u),
               "in-range bg-primary/20 hover:bg-primary/10": Te(u)
             }]),
-            onClick: (Y) => Se(u)
-          }, S(u.getDate()), 11, Rt))), 128))
+            onClick: (Y) => xe(u)
+          }, x(u.getDate()), 11, Rt))), 128))
         ])) : M("", !0),
-        b.value ? (l(), o("div", Ft, [
-          e.range ? M("", !0) : (l(), o("h3", Nt, "Select Time")),
-          e.range ? (l(), o("div", Yt, [
+        b.value ? (a(), o("div", Ft, [
+          e.range ? M("", !0) : (a(), o("h3", Nt, "Select Time")),
+          e.range ? (a(), o("div", Yt, [
             n("div", null, [
               h[13] || (h[13] = n("p", { class: "font-bold" }, "Start Time", -1)),
-              W.value ? R((l(), o("input", {
+              W.value ? R((a(), o("input", {
                 key: 0,
                 type: "time",
                 class: "input-bordered w-full input",
@@ -1078,16 +1109,16 @@ const Qe = le("SunIcon", [
                 onChange: j
               }, null, 544)), [
                 [ee, r.value.start]
-              ]) : (l(), o("div", Jt, [
+              ]) : (a(), 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), o(I, null, V(F(H), (u) => (l(), o("option", {
+                  (a(!0), o(I, null, V(F(H), (u) => (a(), o("option", {
                     key: u,
                     value: u
-                  }, S(u.toString().padStart(2, "0")), 9, Gt))), 128))
+                  }, x(u.toString().padStart(2, "0")), 9, Gt))), 128))
                 ], 544), [
                   [
                     J,
@@ -1101,10 +1132,10 @@ const Qe = le("SunIcon", [
                   "onUpdate:modelValue": h[7] || (h[7] = (u) => y.value.start = u),
                   onChange: j
                 }, [
-                  (l(!0), o(I, null, V(F(K), (u) => (l(), o("option", {
+                  (a(!0), o(I, null, V(F(K), (u) => (a(), o("option", {
                     key: u,
                     value: u
-                  }, S(u.toString().padStart(2, "0")), 9, Xt))), 128))
+                  }, x(u.toString().padStart(2, "0")), 9, Xt))), 128))
                 ], 544), [
                   [
                     J,
@@ -1117,7 +1148,7 @@ const Qe = le("SunIcon", [
             ]),
             n("div", null, [
               h[14] || (h[14] = n("p", { class: "font-bold" }, "End Time", -1)),
-              W.value ? R((l(), o("input", {
+              W.value ? R((a(), o("input", {
                 key: 0,
                 type: "time",
                 class: "input-bordered w-full input",
@@ -1125,16 +1156,16 @@ const Qe = le("SunIcon", [
                 onChange: j
               }, null, 544)), [
                 [ee, r.value.end]
-              ]) : (l(), o("div", Zt, [
+              ]) : (a(), 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), o(I, null, V(F(H), (u) => (l(), o("option", {
+                  (a(!0), o(I, null, V(F(H), (u) => (a(), o("option", {
                     key: u,
                     value: u
-                  }, S(u.toString().padStart(2, "0")), 9, Qt))), 128))
+                  }, x(u.toString().padStart(2, "0")), 9, Qt))), 128))
                 ], 544), [
                   [
                     J,
@@ -1148,10 +1179,10 @@ const Qe = le("SunIcon", [
                   "onUpdate:modelValue": h[10] || (h[10] = (u) => y.value.end = u),
                   onChange: j
                 }, [
-                  (l(!0), o(I, null, V(F(K), (u) => (l(), o("option", {
+                  (a(!0), o(I, null, V(F(K), (u) => (a(), o("option", {
                     key: u,
                     value: u
-                  }, S(u.toString().padStart(2, "0")), 9, el))), 128))
+                  }, x(u.toString().padStart(2, "0")), 9, el))), 128))
                 ], 544), [
                   [
                     J,
@@ -1162,8 +1193,8 @@ const Qe = le("SunIcon", [
                 ])
               ]))
             ])
-          ])) : (l(), o("div", qt, [
-            W.value ? R((l(), o("input", {
+          ])) : (a(), o("div", qt, [
+            W.value ? R((a(), o("input", {
               key: 0,
               type: "time",
               class: "input-bordered w-full input",
@@ -1171,16 +1202,16 @@ const Qe = le("SunIcon", [
               onChange: j
             }, null, 544)), [
               [ee, r.value]
-            ]) : (l(), o("div", Ht, [
+            ]) : (a(), 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), o(I, null, V(F(H), (u) => (l(), o("option", {
+                (a(!0), o(I, null, V(F(H), (u) => (a(), o("option", {
                   key: u,
                   value: u
-                }, S(u.toString().padStart(2, "0")), 9, Wt))), 128))
+                }, x(u.toString().padStart(2, "0")), 9, Wt))), 128))
               ], 544), [
                 [
                   J,
@@ -1194,10 +1225,10 @@ const Qe = le("SunIcon", [
                 "onUpdate:modelValue": h[4] || (h[4] = (u) => y.value = u),
                 onChange: j
               }, [
-                (l(!0), o(I, null, V(F(K), (u) => (l(), o("option", {
+                (a(!0), o(I, null, V(F(K), (u) => (a(), o("option", {
                   key: u,
                   value: u
-                }, S(u.toString().padStart(2, "0")), 9, Kt))), 128))
+                }, x(u.toString().padStart(2, "0")), 9, Kt))), 128))
               ], 544), [
                 [
                   J,
@@ -1212,21 +1243,21 @@ const Qe = le("SunIcon", [
         n("div", tl, [
           n("button", {
             class: C(["btn btn-secondary", i.popup ? "w-fit" : "w-full"]),
-            onClick: xe
-          }, "Clear", 2),
-          i.popup ? (l(), o("button", {
+            onClick: Se
+          }, " Clear ", 2),
+          i.popup ? (a(), o("button", {
             key: 0,
             class: "btn btn-primary btn-wide",
             onClick: pe
-          }, "Close")) : M("", !0)
+          }, " Close ")) : M("", !0)
         ])
       ], 10, At)) : M("", !0)
     ], 512));
   }
-}, nl = /* @__PURE__ */ X(ll, [["__scopeId", "data-v-488ecabe"]]), al = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, al = /* @__PURE__ */ X(ll, [["__scopeId", "data-v-661f4719"]]), nl = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: nl
-}, Symbol.toStringTag, { value: "Module" })), ol = ["value", "checked", "onChange", "disabled"], yn = /* @__PURE__ */ z({
+  default: al
+}, Symbol.toStringTag, { value: "Module" })), ol = ["value", "checked", "onChange", "disabled"], ba = /* @__PURE__ */ z({
   __name: "rating",
   props: {
     initialRating: { default: 0 },
@@ -1235,56 +1266,60 @@ const Qe = le("SunIcon", [
     isInteractive: { type: Boolean, default: !1 },
     size: { default: "sm" },
     shape: { default: "star" },
-    color: { default: "bg-yellow-400" }
+    color: { default: "bg-yellow-400" },
+    gap: { default: 0 }
   },
   setup(i) {
     const d = i, e = $(d.initialRating);
     N(
       () => d.initialRating,
-      (a) => {
-        e.value = a;
+      (l) => {
+        e.value = l;
       }
     );
-    const t = (a) => {
-      e.value = a;
+    const t = (l) => {
+      e.value = l;
     };
-    return (a, s) => (l(), o("div", {
-      class: C(["rating", [`rating-${d.size}`, { "rating-half": a.halfStars }]])
+    return (l, s) => (a(), o("div", {
+      class: C(["rating", [`rating-${d.size}`, { "rating-half": l.halfStars }]])
     }, [
-      (l(!0), o(I, null, V(a.numberOfStars * (a.halfStars ? 2 : 1), (r) => (l(), o("input", {
+      (a(!0), o(I, null, V(l.numberOfStars * (l.halfStars ? 2 : 1), (r) => (a(), o("input", {
         key: r,
         type: "radio",
-        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,
+        value: l.halfStars ? r * 0.5 : r,
+        checked: e.value === (l.halfStars ? r * 0.5 : r),
+        onChange: (g) => l.isInteractive ? t(l.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"
+            "mask-half-1": l.halfStars && r % 2 !== 0,
+            "mask-half-2": l.halfStars && r % 2 === 0,
+            "cursor-pointer": l.isInteractive,
+            "cursor-default": !l.isInteractive,
+            "mask-star": l.shape === "star",
+            "mask-star-2": l.shape === "star-bold",
+            "mask-heart": l.shape === "heart",
+            "mask-hexagon": l.shape === "hexagon-vertical",
+            "mask-hexagon-2": l.shape === "hexagon-horizontal",
+            "mask-decagon": l.shape === "decagon",
+            "mask-pentagon": l.shape === "pentagon",
+            "mask-diamond": l.shape === "diamond",
+            "mask-square": l.shape === "square",
+            "mask-triangle": l.shape === "triangle-top",
+            "mask-triangle-2": l.shape === "triangle-bottom",
+            "mask-triangle-3": l.shape === "triangle-left",
+            "mask-triangle-4": l.shape === "triangle-right"
           },
-          e.value >= (a.halfStars ? r * 0.5 : r) ? d.color : ""
+          e.value >= (l.halfStars ? r * 0.5 : r) ? d.color : ""
         ]]),
-        disabled: !a.isInteractive
-      }, null, 42, ol))), 128))
+        style: se({
+          marginRight: l.halfStars && r % 2 === 0 ? `${d.gap}px` : l.halfStars ? "0" : `${d.gap}px`
+        }),
+        disabled: !l.isInteractive
+      }, null, 46, ol))), 128))
     ], 2));
   }
-}), sl = { class: "badge" }, rl = ["onClick"], il = { class: "opacity-75" }, ul = ["placeholder"], wn = /* @__PURE__ */ z({
+}), sl = { class: "badge" }, rl = ["onClick"], il = { class: "opacity-75" }, ul = ["placeholder"], ya = /* @__PURE__ */ z({
   __name: "taginput",
   props: {
     modelValue: {},
@@ -1294,22 +1329,22 @@ const Qe = le("SunIcon", [
   },
   emits: ["update:modelValue"],
   setup(i, { emit: d }) {
-    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 e = i, t = d, l = $([...e.modelValue]), s = e.maxTagAmount === void 0 ? -1 : e.maxTagAmount, r = $(null), g = $(""), c = B(() => s < 0 || l.value.length < s), p = () => {
       const f = g.value.trim();
-      f && !a.value.includes(f) && (a.value.push(f), t("update:modelValue", a.value), g.value = "");
+      f && !l.value.includes(f) && (l.value.push(f), t("update:modelValue", l.value), g.value = "");
     }, y = (f) => {
-      a.value = a.value.filter((m) => m !== f), t("update:modelValue", a.value);
+      l.value = l.value.filter((m) => m !== f), t("update:modelValue", l.value);
     }, A = () => {
-      g.value === "" && (a.value.pop(), t("update:modelValue", a.value));
+      g.value === "" && (l.value.pop(), t("update:modelValue", l.value));
     }, q = (f) => {
       f.key === "Enter" ? p() : f.key === "Backspace" && g.value === "" && A();
     };
     return N(() => e.modelValue, (f) => {
-      a.value = [...f];
-    }), (f, m) => (l(), o("div", {
+      l.value = [...f];
+    }), (f, m) => (a(), 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), o(I, null, V(a.value, (b) => D(f.$slots, "tag", {
+      (a(!0), o(I, null, V(l.value, (b) => D(f.$slots, "tag", {
         key: b,
         tag: b
       }, () => [
@@ -1319,11 +1354,11 @@ const Qe = le("SunIcon", [
             onClick: (w) => y(b),
             "aria-label": "Remove tag"
           }, "X", 8, rl),
-          n("span", il, S(b), 1)
+          n("span", il, x(b), 1)
         ])
       ])), 128)),
       D(f.$slots, "input", { showInput: c.value }, () => [
-        c.value ? R((l(), o("input", {
+        c.value ? R((a(), o("input", {
           key: 0,
           ref_key: "inputRef",
           ref: r,
@@ -1347,7 +1382,7 @@ const Qe = le("SunIcon", [
   value: "",
   disabled: "",
   selected: ""
-}, ml = ["value"], kn = /* @__PURE__ */ z({
+}, ml = ["value"], wa = /* @__PURE__ */ z({
   __name: "select",
   props: {
     options: {},
@@ -1358,9 +1393,9 @@ const Qe = le("SunIcon", [
   emits: ["update:modelValue"],
   setup(i, { expose: d, emit: e }) {
     console.log(i.placeholder);
-    const a = e, s = $(null), r = (c) => {
+    const l = e, s = $(null), r = (c) => {
       const p = c.target;
-      a("update:modelValue", p.value);
+      l("update:modelValue", p.value);
     };
     return d({
       focusInput: () => {
@@ -1369,9 +1404,9 @@ 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(), o("div", dl, [
-      c.label ? (l(), o("label", cl, [
-        n("span", pl, S(c.label), 1)
+    }), (c, p) => (a(), o("div", dl, [
+      c.label ? (a(), o("label", cl, [
+        n("span", pl, x(c.label), 1)
       ])) : M("", !0),
       n("select", {
         ref_key: "selectElement",
@@ -1380,11 +1415,11 @@ const Qe = le("SunIcon", [
         value: c.modelValue,
         onChange: r
       }, [
-        c.placeholder ? (l(), o("option", fl, S(c.placeholder), 1)) : M("", !0),
-        (l(!0), o(I, null, V(c.options, (y) => (l(), o("option", {
+        c.placeholder ? (a(), o("option", fl, x(c.placeholder), 1)) : M("", !0),
+        (a(!0), o(I, null, V(c.options, (y) => (a(), o("option", {
           key: y.value,
           value: y.value
-        }, S(y.text), 9, ml))), 128))
+        }, x(y.text), 9, ml))), 128))
       ], 40, vl)
     ]));
   }
@@ -1394,7 +1429,7 @@ const Qe = le("SunIcon", [
 }, gl = { class: "label-text" }, bl = ["onKeydown", "aria-expanded", "aria-activedescendant"], yl = ["placeholder"], wl = {
   class: "top-full z-10 absolute bg-base-100 shadow-lg mt-1 rounded-md w-full dropdown-content",
   role: "listbox"
-}, kl = { class: "flex-nowrap p-0 w-[inherit] max-h-60 overflow-y-auto menu" }, $l = ["onMousedown", "id", "aria-selected"], $n = {
+}, kl = { class: "flex-nowrap p-0 w-[inherit] max-h-60 overflow-y-auto menu" }, $l = ["onMousedown", "id", "aria-selected"], ka = {
   __name: "filterableSelect",
   props: {
     // Array of options: [{ value: any, text: string }, ...]
@@ -1421,7 +1456,7 @@ const Qe = le("SunIcon", [
   },
   emits: ["update:modelValue", "select"],
   setup(i, { expose: d, emit: e }) {
-    const t = i, a = e, s = Ee(), r = B(() => {
+    const t = i, l = 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 = () => {
@@ -1431,63 +1466,63 @@ const Qe = le("SunIcon", [
     }, w = () => {
       p.value ? b() : m();
     }, _ = B(() => {
-      const x = g.value.toLowerCase();
-      return x === "" && !p.value ? [] : t.options.filter(
-        (O) => O.text.toLowerCase().includes(x)
+      const S = g.value.toLowerCase();
+      return S === "" && !p.value ? [] : t.options.filter(
+        (O) => O.text.toLowerCase().includes(S)
       );
     });
     N(
       () => t.modelValue,
-      (x, U) => {
-        if (x !== U && b(), x == null)
+      (S, U) => {
+        if (S !== U && b(), S == null)
           c.value = null, !p.value && !r.value && (g.value = "");
         else {
-          const O = t.options.find((L) => L.value === x);
+          const O = t.options.find((L) => L.value === S);
           O ? (c.value = O, !p.value && !r.value && (g.value = O.text)) : (c.value = null, !p.value && !r.value && (g.value = ""));
         }
       },
       { immediate: !0 }
       // Run immediately on component mount
     );
-    const k = (x) => {
-      A.value && !A.value.contains(x.target) && b();
+    const k = (S) => {
+      A.value && !A.value.contains(S.target) && b();
     }, T = () => {
       setTimeout(() => {
         A.value && !A.value.contains(document.activeElement) && b();
       }, 100);
     };
-    N(p, (x) => {
-      x ? setTimeout(() => {
+    N(p, (S) => {
+      S ? setTimeout(() => {
         document.addEventListener("click", k);
       }, 0) : document.removeEventListener("click", k);
-    }), ie(() => {
+    }), ue(() => {
       document.removeEventListener("click", k), window.removeEventListener("keydown", W);
     });
-    const P = (x) => {
-      c.value = x, r.value || (g.value = x.text), a("update:modelValue", x.value), a("select", x);
+    const P = (S) => {
+      c.value = S, r.value || (g.value = S.text), l("update:modelValue", S.value), l("select", S);
     }, H = () => {
       _.value.length > 0 && P(_.value[0]);
     }, K = () => {
       p.value || m();
-    }, W = (x) => {
+    }, W = (S) => {
       if (!p.value || _.value.length === 0) return;
       const U = _.value.findIndex(
         (L, E) => "option-" + E === f.value
       );
       let O = -1;
-      if (x.key === "ArrowDown")
-        x.preventDefault(), O = (U + 1) % _.value.length;
-      else if (x.key === "ArrowUp")
-        x.preventDefault(), O = (U - 1 + _.value.length) % _.value.length;
-      else if (x.key === "Enter" && f.value) {
-        x.preventDefault();
+      if (S.key === "ArrowDown")
+        S.preventDefault(), O = (U + 1) % _.value.length;
+      else if (S.key === "ArrowUp")
+        S.preventDefault(), O = (U - 1 + _.value.length) % _.value.length;
+      else if (S.key === "Enter" && f.value) {
+        S.preventDefault();
         const L = _.value.find(
           (E, Z) => "option-" + Z === f.value
         );
         L && P(L);
         return;
-      } else if (x.key === "Escape") {
-        x.preventDefault(), b(), q.value && q.value.focus();
+      } else if (S.key === "Escape") {
+        S.preventDefault(), b(), q.value && q.value.focus();
         return;
       } else if (r.value)
         return;
@@ -1499,9 +1534,9 @@ const Qe = le("SunIcon", [
         });
       }
     };
-    return N(p, (x) => {
-      x ? (window.addEventListener("keydown", W), !r.value && !g.value && c.value && (g.value = c.value.text)) : (console.log("Removing window keydown listener"), window.removeEventListener("keydown", W));
-    }), ie(() => {
+    return N(p, (S) => {
+      S ? (window.addEventListener("keydown", W), !r.value && !g.value && c.value && (g.value = c.value.text)) : (console.log("Removing window keydown listener"), window.removeEventListener("keydown", W));
+    }), ue(() => {
       document.removeEventListener("click", k), window.removeEventListener("keydown", W);
     }), d({
       isDropdownOpen: p,
@@ -1520,21 +1555,21 @@ const Qe = le("SunIcon", [
       // Expose filter text (useful if parent controls filtering)
       hasDefaultSlotContent: r
       // Expose to know if the default slot is used
-    }), (x, U) => (l(), o("div", {
+    }), (S, U) => (a(), o("div", {
       class: "relative w-full max-w-xs form-control",
       ref_key: "componentRoot",
       ref: A
     }, [
-      i.label ? (l(), o("label", hl, [
-        n("span", gl, S(i.label), 1)
+      i.label ? (a(), o("label", hl, [
+        n("span", gl, x(i.label), 1)
       ])) : M("", !0),
       n("div", {
         class: C(["flex items-center input-bordered rounded-md w-fit cursor-pointer", { input: !r.value, select: !r.value }]),
         tabindex: "0",
         onClick: m,
         onKeydown: [
-          be(se(H, ["prevent"]), ["enter"]),
-          be(se(H, ["prevent"]), ["space"])
+          be(re(H, ["prevent"]), ["enter"]),
+          be(re(H, ["prevent"]), ["space"])
         ],
         onBlur: T,
         role: "combobox",
@@ -1545,8 +1580,8 @@ const Qe = le("SunIcon", [
         ref_key: "activatorWrapper",
         ref: q
       }, [
-        D(x.$slots, "default", {}, () => [
-          r.value ? M("", !0) : R((l(), o("input", {
+        D(S.$slots, "default", {}, () => [
+          r.value ? M("", !0) : R((a(), o("input", {
             key: 0,
             type: "text",
             placeholder: i.placeholder,
@@ -1561,7 +1596,7 @@ const Qe = le("SunIcon", [
             [ee, g.value]
           ])
         ]),
-        r.value ? (l(), ue(F(Xe), {
+        r.value ? (a(), de(F(Xe), {
           key: 0,
           class: C({ "rotate-180": p.value }),
           size: 20
@@ -1569,15 +1604,15 @@ const Qe = le("SunIcon", [
       ], 42, bl),
       R(n("div", wl, [
         n("ul", kl, [
-          (l(!0), o(I, null, V(_.value, (O, L) => (l(), o("li", {
+          (a(!0), o(I, null, V(_.value, (O, L) => (a(), o("li", {
             key: O.value,
-            onMousedown: se((E) => P(O), ["prevent"]),
+            onMousedown: re((E) => P(O), ["prevent"]),
             class: "hover:bg-base-200 rounded-md w-full cursor-pointer",
             id: "option-" + L,
             role: "option",
             "aria-selected": c.value && c.value.value === O.value
           }, [
-            n("a", null, S(O.text), 1)
+            n("a", null, x(O.text), 1)
           ], 40, $l))), 128))
         ])
       ], 512), [
@@ -1585,16 +1620,16 @@ const Qe = le("SunIcon", [
       ])
     ], 512));
   }
-}, _l = { class: "w-full max-w-xs form-control" }, xl = {
+}, _l = { class: "w-full max-w-xs form-control" }, Sl = {
   key: 0,
   class: "label"
-}, Sl = { class: "label-text" }, Cl = ["type", "placeholder", "value"], Dl = {
+}, xl = { class: "label-text" }, Cl = ["type", "placeholder", "value"], Dl = {
   key: 1,
   class: "label"
 }, 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__ */ z({
+}, Tl = { class: "label-text-alt text-success validator-hint" }, $a = /* @__PURE__ */ z({
   __name: "inputField",
   props: {
     modelValue: { default: "" },
@@ -1609,14 +1644,14 @@ const Qe = le("SunIcon", [
   },
   emits: ["update:modelValue", "validate"],
   setup(i, { expose: d, emit: e }) {
-    const t = i, a = e, s = $(null), r = $(!1), g = $(""), c = B(() => {
+    const t = i, l = 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, a("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, l("validate", f), f;
     }), p = B(() => r.value && !c.value), y = (f) => {
       const m = f.target;
-      a("update:modelValue", m.value), r.value && c.value;
+      l("update:modelValue", m.value), r.value && c.value;
     }, A = () => {
       r.value = !0, c.value;
     };
@@ -1633,9 +1668,9 @@ const Qe = le("SunIcon", [
       isValid: c,
       isTouched: r,
       errorMessage: g
-    }), (f, m) => (l(), o("div", _l, [
-      f.label ? (l(), o("label", xl, [
-        n("span", Sl, S(f.label), 1)
+    }), (f, m) => (a(), o("div", _l, [
+      f.label ? (a(), o("label", Sl, [
+        n("span", xl, x(f.label), 1)
       ])) : M("", !0),
       n("input", {
         ref_key: "inputElement",
@@ -1671,14 +1706,14 @@ const Qe = le("SunIcon", [
         onInput: y,
         onBlur: A
       }, null, 42, Cl),
-      p.value ? (l(), o("div", Dl, [
-        n("span", Il, S(g.value), 1)
-      ])) : c.value && r.value && f.successMessage ? (l(), o("div", Ml, [
-        n("span", Tl, S(f.successMessage), 1)
+      p.value ? (a(), o("div", Dl, [
+        n("span", Il, x(g.value), 1)
+      ])) : c.value && r.value && f.successMessage ? (a(), o("div", Ml, [
+        n("span", Tl, x(f.successMessage), 1)
       ])) : M("", !0)
     ]));
   }
-}), xn = /* @__PURE__ */ z({
+}), _a = /* @__PURE__ */ z({
   __name: "loader",
   props: {
     loading: { type: Boolean, default: !0 },
@@ -1693,7 +1728,7 @@ const Qe = le("SunIcon", [
       (t) => {
         e.value = t;
       }
-    ), (t, a) => e.value ? (l(), o("span", {
+    ), (t, l) => e.value ? (a(), o("span", {
       key: 0,
       class: C(["loading", [
         { "loading-xs": t.size === "xs" },
@@ -1726,7 +1761,7 @@ const Qe = le("SunIcon", [
 }, 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__ */ z({
+}, 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" }, Sa = /* @__PURE__ */ z({
   __name: "footer",
   props: {
     items: {},
@@ -1736,30 +1771,30 @@ const Qe = le("SunIcon", [
   },
   setup(i) {
     const d = i;
-    return (e, t) => (l(), o("div", {
+    return (e, t) => (a(), 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), o(I, null, V(d.items, (a) => (l(), o("nav", {
+        (a(!0), o(I, null, V(d.items, (l) => (a(), o("nav", {
           class: C([{ "hidden sm:grid": e.collapseOnMobile }])
         }, [
-          n("h6", Ol, S(a.title), 1),
-          (l(!0), o(I, null, V(a.items, (s) => (l(), o("a", {
+          n("h6", Ol, x(l.title), 1),
+          (a(!0), o(I, null, V(l.items, (s) => (a(), o("a", {
             class: "link link-hover",
             href: s.link
-          }, S(s.text), 9, Bl))), 256))
+          }, x(s.text), 9, Bl))), 256))
         ], 2))), 256)),
-        e.collapseOnMobile ? (l(), o("nav", zl, [
-          (l(!0), o(I, null, V(d.items, (a) => (l(), o("ul", Pl, [
+        e.collapseOnMobile ? (a(), o("nav", zl, [
+          (a(!0), o(I, null, V(d.items, (l) => (a(), o("ul", Pl, [
             n("div", Al, [
-              n("div", Ll, S(a.title), 1),
+              n("div", Ll, x(l.title), 1),
               n("div", El, [
                 n("ul", Ul, [
-                  (l(!0), o(I, null, V(a.items, (s) => (l(), o("li", jl, [
+                  (a(!0), o(I, null, V(l.items, (s) => (a(), o("li", jl, [
                     n("a", {
                       class: "w-full font-medium link link-hover",
                       href: s.link
-                    }, S(s.text), 9, Rl)
+                    }, x(s.text), 9, Rl)
                   ]))), 256))
                 ])
               ])
@@ -1774,12 +1809,12 @@ 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(), o("div", ql, [
+  return a(), o("div", ql, [
     n("div", Hl, [
       n("div", null, [
         n("h1", Wl, [
           D(i.$slots, "title", {}, () => [
-            d[0] || (d[0] = de("hero title"))
+            d[0] || (d[0] = ce("hero title"))
           ])
         ]),
         n("p", null, [
@@ -1792,7 +1827,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__ */ z({
+const xa = /* @__PURE__ */ X(Nl, [["render", Kl]]), Yl = { class: "flex flex-row place-content-center gap-4 categories" }, Jl = ["onClick"], Ca = /* @__PURE__ */ z({
   __name: "categoryNavigation",
   props: {
     searchOptions: {},
@@ -1801,28 +1836,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 a(s) {
+    function l(s) {
       t("update:currentCategory", s);
     }
-    return (s, r) => (l(), o("div", Yl, [
-      (l(!0), o(I, null, V(e.searchOptions, (g) => (l(), o("div", {
+    return (s, r) => (a(), o("div", Yl, [
+      (a(!0), o(I, null, V(e.searchOptions, (g) => (a(), o("div", {
         key: g.category
       }, [
         n("button", {
-          onClick: (c) => a(g.category),
+          onClick: (c) => l(g.category),
           class: C(["truncate btn btn-ghost", { "font-semibold": e.currentCategory === g.category }])
-        }, S(g.category), 11, Jl)
+        }, x(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__ */ z({
+}), 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" }, ea = /* @__PURE__ */ z({
   __name: "navigationBar",
   props: {
     isCollapsed: { type: Boolean, default: !0 }
   },
   setup(i) {
     const d = i;
-    return (e, t) => (l(), o("nav", {
+    return (e, t) => (a(), 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, [
@@ -1839,14 +1874,14 @@ const Cn = /* @__PURE__ */ X(Nl, [["render", Kl]]), Yl = { class: "flex flex-row
       ])
     ], 2));
   }
-}), In = /* @__PURE__ */ X(en, [["__scopeId", "data-v-8ddb2b45"]]), tn = {
+}), Da = /* @__PURE__ */ X(ea, [["__scopeId", "data-v-8ddb2b45"]]), ta = {
   key: 0,
   class: "hidden top-4 right-0 absolute md:flex gap-4"
-}, ln = ["onClick", "aria-selected"], nn = {
+}, la = ["onClick", "aria-selected"], aa = {
   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__ */ z({
+}, na = { class: "p-6 border-x-0 border-t-2 border-b-0 border-base-300 max-w-full" }, Ia = /* @__PURE__ */ z({
   __name: "tab",
   props: {
     items: {},
@@ -1856,9 +1891,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]), a = d;
+    const e = i, t = $(e.items[0]), l = d;
     function s(c) {
-      t.value = c, a("tab-changed", c);
+      t.value = c, l("tab-changed", c);
     }
     function r() {
       const p = (e.items.indexOf(t.value) + 1) % e.items.length;
@@ -1874,12 +1909,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(), o(I, null, [
+    }), (c, p) => (a(), 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(), o("div", tn, [
+        c.withControlls ? (a(), o("div", ta, [
           n("button", {
             onClick: p[0] || (p[0] = (y) => g()),
             class: "cursor-pointer"
@@ -1889,48 +1924,48 @@ const Cn = /* @__PURE__ */ X(Nl, [["render", Kl]]), Yl = { class: "flex flex-row
             class: "text-primary cursor-pointer"
           }, "Next")
         ])) : M("", !0),
-        (l(!0), o(I, null, V(c.items, (y) => (l(), o(I, null, [
+        (a(!0), o(I, null, V(c.items, (y) => (a(), o(I, null, [
           n("a", {
             type: "button",
             role: "tab",
             class: C(["min-w-max tab", y === t.value ? "bg-primary text-base-100" : ""]),
             onClick: (A) => s(y),
             "aria-selected": t.value == y
-          }, S(y), 11, ln),
-          c.buttonOnlyMode ? M("", !0) : (l(), o("div", nn, [
+          }, x(y), 11, la),
+          c.buttonOnlyMode ? M("", !0) : (a(), o("div", aa, [
             D(c.$slots, `${y}-tab`)
           ]))
         ], 64))), 256))
       ], 2),
-      n("div", an, [
+      n("div", na, [
         D(c.$slots, "default")
       ])
     ], 64));
   }
 });
 export {
-  pn as Accordion,
-  bn as AdvancedSearch,
-  vn as Avatar,
-  fn as Badge,
-  sn as ButtonComponent,
-  mn as Card,
-  hn as Carousel,
-  gn as CarouselItem,
-  Dn as CategoryNavigation,
-  nl as DatetimePicker,
-  rn as Dropdown,
-  $n as FilterableSelect,
-  Sn as Footer,
-  Cn as Hero,
-  _n as InputField,
-  xn as Loader,
-  un as Modal,
-  In as NavigationBar,
-  yn as Rating,
-  kn as Selector,
-  dn as Swap,
-  Mn as Tab,
-  wn as TagInput,
-  cn as ThemeController
+  ca as Accordion,
+  ga as AdvancedSearch,
+  pa as Avatar,
+  va as Badge,
+  sa as ButtonComponent,
+  fa as Card,
+  ma as Carousel,
+  ha as CarouselItem,
+  Ca as CategoryNavigation,
+  al as DatetimePicker,
+  ra as Dropdown,
+  ka as FilterableSelect,
+  Sa as Footer,
+  xa as Hero,
+  $a as InputField,
+  _a as Loader,
+  ia as Modal,
+  Da as NavigationBar,
+  ba as Rating,
+  wa as Selector,
+  ua as Swap,
+  Ia as Tab,
+  ya as TagInput,
+  da as ThemeController
 };