manolis-ui 0.15.0 → 0.16.0

package/dist/manolis-ui.js

@@ -1,4 +1,4 @@
-import { defineComponent as P, computed as U, createElementBlock as r, openBlock as a, normalizeClass as V, createCommentVNode as T, renderSlot as M, createTextVNode as ee, createElementVNode as l, Fragment as j, renderList as E, toDisplayString as O, ref as k, watch as A, h as ie, onMounted as K, withDirectives as te, createVNode as G, isRef as pe, vModelCheckbox as he, unref as F, provide as ge, normalizeStyle as Z, inject as be, useId as ye, defineAsyncComponent as le, nextTick as ne, onBeforeUnmount as re, withModifiers as H, createBlock as W, resolveDynamicComponent as ae, mergeProps as oe, withKeys as ue, resolveComponent as se, withCtx as ce, vModelText as me, useSlots as we, Comment as xe, vShow as ke, onUnmounted as $e } from "vue";
+import { defineComponent as P, computed as _, createElementBlock as r, openBlock as a, normalizeClass as M, createCommentVNode as T, renderSlot as V, createTextVNode as ue, createElementVNode as l, Fragment as j, renderList as E, toDisplayString as z, ref as k, watch as A, h as se, onMounted as K, withDirectives as ee, createVNode as G, isRef as pe, vModelCheckbox as he, unref as U, provide as ge, normalizeStyle as Z, inject as be, useId as ye, defineAsyncComponent as te, nextTick as le, onBeforeUnmount as ie, withModifiers as H, createBlock as W, resolveDynamicComponent as ne, mergeProps as ae, withKeys as re, resolveComponent as oe, withCtx as ce, vModelText as me, useSlots as we, Comment as xe, vShow as ke, onUnmounted as $e } from "vue";
 const Ce = ["disabled"], Se = {
   key: 0,
   class: "loading loading-spinner"
@@ -14,8 +14,8 @@ const Ce = ["disabled"], Se = {
     disabled: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const f = e, t = U(() => {
-      switch (f.size) {
+    const c = e, t = _(() => {
+      switch (c.size) {
         case "large":
           return "btn-lg";
         case "small":
@@ -29,8 +29,8 @@ const Ce = ["disabled"], Se = {
         default:
           return "";
       }
-    }), o = U(() => {
-      switch (f.type) {
+    }), o = _(() => {
+      switch (c.type) {
         case "neutral":
           return "btn-neutral";
         case "primary":
@@ -54,8 +54,8 @@ const Ce = ["disabled"], Se = {
         default:
           return "btn-neutral";
       }
-    }), d = U(() => {
-      switch (f.shape) {
+    }), u = _(() => {
+      switch (c.shape) {
         case "square":
           return "btn-square";
         case "circle":
@@ -65,19 +65,19 @@ const Ce = ["disabled"], Se = {
       }
     });
     return (s, i) => (a(), r("button", {
-      class: V([
+      class: M([
         "btn",
-        { "btn-outline": f.outlined },
-        { "btn-active": f.active },
+        { "btn-outline": c.outlined },
+        { "btn-active": c.active },
         o.value,
         t.value,
-        d.value
+        u.value
       ]),
-      disabled: f.disabled
+      disabled: c.disabled
     }, [
       e.loading ? (a(), r("span", Se)) : T("", !0),
-      M(s.$slots, "default", {}, () => [
-        i[0] || (i[0] = ee("Submit", -1))
+      V(s.$slots, "default", {}, () => [
+        i[0] || (i[0] = ue("Submit", -1))
       ])
     ], 10, Ce));
   }
@@ -94,7 +94,7 @@ const Ce = ["disabled"], Se = {
     forceOpen: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const f = {
+    const c = {
       left: "dropdown-left",
       right: "dropdown-right",
       bottom: "dropdown-bottom",
@@ -103,10 +103,10 @@ const Ce = ["disabled"], Se = {
       start: "",
       end: "dropdown-end"
     }, o = e;
-    return (d, s) => (a(), r("div", {
-      class: V(["dropdown", f[o.position], t[o.floatPosition], { "dropdown-open": o.forceOpen }, { "dropdown-hover": o.openOnHover }])
+    return (u, s) => (a(), r("div", {
+      class: M(["dropdown", c[o.position], t[o.floatPosition], { "dropdown-open": o.forceOpen }, { "dropdown-hover": o.openOnHover }])
     }, [
-      M(d.$slots, "default", {
+      V(u.$slots, "default", {
         tabindex: "0",
         role: "button"
       }, () => [
@@ -116,9 +116,9 @@ const Ce = ["disabled"], Se = {
         (a(!0), r(j, null, E(e.items, (i) => (a(), r("li", null, [
           l("a", {
             href: i.link
-          }, O(i.text), 9, Te)
+          }, z(i.text), 9, Te)
         ]))), 256)),
-        M(d.$slots, "additional")
+        V(u.$slots, "additional")
       ])
     ], 2));
   }
@@ -130,11 +130,11 @@ const Ce = ["disabled"], Se = {
     forceOpen: { type: [Boolean, null], default: null }
   },
   setup(e) {
-    const f = e, t = {
+    const c = e, t = {
       top: "modal-top",
       bottom: "modal-bottom",
       center: "modal-middle"
-    }, o = k(null), d = () => {
+    }, o = k(null), u = () => {
       var i;
       (i = o.value) == null || i.showModal();
     }, s = () => {
@@ -142,35 +142,35 @@ const Ce = ["disabled"], Se = {
       (i = o.value) == null || i.close();
     };
     return A(
-      () => f.forceOpen,
+      () => c.forceOpen,
       (i) => {
-        i == !0 && d(), i == !1 && s();
+        i == !0 && u(), i == !1 && s();
       }
     ), (i, g) => (a(), r(j, null, [
-      f.forceOpen == null ? (a(), r("span", {
+      c.forceOpen == null ? (a(), r("span", {
         key: 0,
         class: "w-fit cursor-pointer",
-        onClick: d
+        onClick: u
       }, [
-        M(i.$slots, "trigger", { role: "button" }, () => [
+        V(i.$slots, "trigger", { role: "button" }, () => [
           g[0] || (g[0] = l("button", { class: "btn" }, "Open", -1))
         ])
       ])) : T("", !0),
       l("dialog", {
         ref_key: "dialog",
         ref: o,
-        class: V(["modal", t[f.position]])
+        class: M(["modal", t[c.position]])
       }, [
         l("div", Me, [
-          M(i.$slots, "default"),
+          V(i.$slots, "default"),
           l("div", Ve, [
-            M(i.$slots, "actions"),
+            V(i.$slots, "actions"),
             l("form", {
               method: "dialog",
               onSubmit: s,
-              class: V(e.withBackdrop ? "modal-backdrop" : "")
+              class: M(e.withBackdrop ? "modal-backdrop" : "")
             }, [
-              M(i.$slots, "close-button", {}, () => [
+              V(i.$slots, "close-button", {}, () => [
                 g[1] || (g[1] = l("button", { class: "btn" }, "Close", -1))
               ])
             ], 34)
@@ -179,22 +179,22 @@ const Ce = ["disabled"], Se = {
       ], 2)
     ], 64));
   }
-}), Be = { class: "flex justify-center items-center swap-on" }, De = { class: "flex justify-center items-center swap-off" }, _l = /* @__PURE__ */ P({
+}), Be = { class: "flex justify-center items-center swap-on" }, De = { class: "flex justify-center items-center swap-off" }, Fl = /* @__PURE__ */ P({
   __name: "swap",
   props: {
     effect: {}
   },
   setup(e) {
-    const f = e;
+    const c = e;
     return (t, o) => (a(), r("label", {
-      class: V(["swap", f.effect ? `swap-${e.effect}` : ""])
+      class: M(["swap", c.effect ? `swap-${e.effect}` : ""])
     }, [
       o[0] || (o[0] = l("input", { type: "checkbox" }, null, -1)),
       l("div", Be, [
-        M(t.$slots, "on")
+        V(t.$slots, "on")
       ]),
       l("div", De, [
-        M(t.$slots, "off")
+        V(t.$slots, "off")
       ])
     ], 2));
   }
@@ -229,18 +229,18 @@ var Y = {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Oe = ({ size: e, strokeWidth: f = 2, absoluteStrokeWidth: t, color: o, iconNode: d, name: s, class: i, ...g }, { slots: v }) => ie(
+const Oe = ({ size: e, strokeWidth: c = 2, absoluteStrokeWidth: t, color: o, iconNode: u, name: s, class: i, ...g }, { slots: v }) => se(
   "svg",
   {
     ...Y,
     width: e || Y.width,
     height: e || Y.height,
     stroke: o || Y.stroke,
-    "stroke-width": t ? Number(f) * 24 / Number(e) : f,
+    "stroke-width": t ? Number(c) * 24 / Number(e) : c,
     class: ["lucide", `lucide-${ze(s ?? "icon")}`],
     ...g
   },
-  [...d.map((p) => ie(...p)), ...v.default ? [v.default()] : []]
+  [...u.map((p) => se(...p)), ...v.default ? [v.default()] : []]
 );
 /**
  * @license lucide-vue-next v0.468.0 - ISC
@@ -248,11 +248,11 @@ const Oe = ({ size: e, strokeWidth: f = 2, absoluteStrokeWidth: t, color: o, ico
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Q = (e, f) => (t, { slots: o }) => ie(
+const Q = (e, c) => (t, { slots: o }) => se(
   Oe,
   {
     ...t,
-    iconNode: f,
+    iconNode: c,
     name: e
   },
   o
@@ -313,44 +313,44 @@ const Ee = Q("SunIcon", [
   ["path", { d: "M20 12h2", key: "1q8mjw" }],
   ["path", { d: "m6.34 17.66-1.41 1.41", key: "1m8zz5" }],
   ["path", { d: "m19.07 4.93-1.41 1.41", key: "1shlcs" }]
-]), Ae = (e, f) => {
+]), Ae = (e, c) => {
   const t = k(null);
   return K(() => {
     if (typeof window < "u") {
       const o = window.localStorage.getItem(e);
-      t.value = o ? JSON.parse(o) : f;
+      t.value = o ? JSON.parse(o) : c;
     }
   }), A(t, (o) => {
     typeof window < "u" && window.localStorage.setItem(e, JSON.stringify(o));
   }), t;
-}, Re = { class: "swap-rotate swap" }, Ne = ["true-value", "false-value"], Fl = /* @__PURE__ */ P({
+}, Re = { class: "swap-rotate swap" }, Ne = ["true-value", "false-value"], Ul = /* @__PURE__ */ P({
   __name: "theme-controller",
   props: {
     lightTheme: { default: "light" },
     darkTheme: { default: "dark" }
   },
   setup(e) {
-    const f = e, t = Ae("theme", f.lightTheme);
-    function o(d) {
-      typeof window < "u" && window.document && document.documentElement.setAttribute("data-theme", d);
+    const c = e, t = Ae("theme", c.lightTheme);
+    function o(u) {
+      typeof window < "u" && window.document && document.documentElement.setAttribute("data-theme", u);
     }
-    return K(() => o(t.value ? t.value : "")), A(t, (d) => {
-      o(d);
-    }), (d, s) => (a(), r("label", Re, [
-      te(l("input", {
+    return K(() => o(t.value ? t.value : "")), A(t, (u) => {
+      o(u);
+    }), (u, s) => (a(), r("label", Re, [
+      ee(l("input", {
         type: "checkbox",
         class: "theme-controller",
         "onUpdate:modelValue": s[0] || (s[0] = (i) => pe(t) ? t.value = i : null),
-        "true-value": f.lightTheme,
-        "false-value": f.darkTheme
+        "true-value": c.lightTheme,
+        "false-value": c.darkTheme
       }, null, 8, Ne), [
-        [he, F(t)]
+        [he, U(t)]
       ]),
-      G(F(Ee), { class: "swap-off fill-current" }),
-      G(F(Le), { class: "swap-on fill-current" })
+      G(U(Ee), { class: "swap-off fill-current" }),
+      G(U(Le), { class: "swap-on fill-current" })
     ]));
   }
-}), _e = ["name"], Fe = { class: "collapse-title font-bold text-2xl lg:text-4xl" }, Ue = { class: "collapse-content" }, qe = ["innerHTML"], Ul = /* @__PURE__ */ P({
+}), Fe = ["name"], Ue = { class: "collapse-title font-bold text-2xl lg:text-4xl" }, _e = { class: "collapse-content" }, qe = ["innerHTML"], _l = /* @__PURE__ */ P({
   __name: "accordion",
   props: {
     name: {},
@@ -359,20 +359,20 @@ const Ee = Q("SunIcon", [
     icon: {}
   },
   setup(e) {
-    const f = e;
-    return (t, o) => (a(!0), r(j, null, E(f.items, (d, s) => (a(), r("div", {
-      class: V(["collapse border border-base-300", [e.icon ? `collapse-${e.icon}` : "", { "join-item": e.joinItems }]]),
+    const c = e;
+    return (t, o) => (a(!0), r(j, null, E(c.items, (u, s) => (a(), r("div", {
+      class: M(["collapse border border-base-300", [e.icon ? `collapse-${e.icon}` : "", { "join-item": e.joinItems }]]),
       key: s
     }, [
       l("input", {
         type: "radio",
         name: e.name,
         value: "true"
-      }, null, 8, _e),
-      l("div", Fe, O(d.title), 1),
-      l("div", Ue, [
+      }, null, 8, Fe),
+      l("div", Ue, z(u.title), 1),
+      l("div", _e, [
         l("span", {
-          innerHTML: d.content
+          innerHTML: u.content
         }, null, 8, qe)
       ])
     ], 2))), 128));
@@ -386,18 +386,18 @@ const Ee = Q("SunIcon", [
     fullyRounded: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const f = e, t = k(f.onlineStatus);
+    const c = e, t = k(c.onlineStatus);
     return A(
-      () => f.onlineStatus,
+      () => c.onlineStatus,
       (o) => {
         o && (t.value = o);
       }
-    ), (o, d) => (a(), r("div", {
-      class: V(["avatar", [{ "avatar-online": t.value === "online" }, { "avatar-offline": t.value === "offline" }]])
+    ), (o, u) => (a(), r("div", {
+      class: M(["avatar", [{ "avatar-online": t.value === "online" }, { "avatar-offline": t.value === "offline" }]])
     }, [
       e.image ? (a(), r("div", {
         key: 0,
-        class: V(["rounded", [{ "rounded-full": e.fullyRounded }, { rounded: !e.fullyRounded }]])
+        class: M(["rounded", [{ "rounded-full": e.fullyRounded }, { rounded: !e.fullyRounded }]])
       }, [
         l("img", {
           src: e.image,
@@ -405,9 +405,9 @@ const Ee = Q("SunIcon", [
         }, null, 8, He)
       ], 2)) : (a(), r("div", {
         key: 1,
-        class: V(["flex justify-center bg-neutral p-[25%] rounded w-16 text-neutral-content text-center", [{ "rounded-full": e.fullyRounded }, { rounded: !e.fullyRounded }]])
+        class: M(["flex justify-center bg-neutral p-[25%] rounded w-16 text-neutral-content text-center", [{ "rounded-full": e.fullyRounded }, { rounded: !e.fullyRounded }]])
       }, [
-        l("p", We, O(e.initials), 1)
+        l("p", We, z(e.initials), 1)
       ], 2))
     ], 2));
   }
@@ -419,7 +419,7 @@ const Ee = Q("SunIcon", [
     size: { default: "medium" }
   },
   setup(e) {
-    const f = e, t = {
+    const c = e, t = {
       "extra small": "badge-xs",
       small: "badge-sm",
       medium: "badge-md",
@@ -435,10 +435,10 @@ const Ee = Q("SunIcon", [
       warning: "badge-warning",
       error: "badge-error"
     };
-    return (d, s) => (a(), r("span", {
-      class: V(["badge", t[f.size], o[f.color], { "badge-outline": f.outline }])
+    return (u, s) => (a(), r("span", {
+      class: M(["badge", t[c.size], o[c.color], { "badge-outline": c.outline }])
     }, [
-      M(d.$slots, "default")
+      V(u.$slots, "default")
     ], 2));
   }
 }), Ke = ["src", "alt"], Xe = {
@@ -470,14 +470,14 @@ const Ee = Q("SunIcon", [
     horizontal: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const f = e, t = k(f.outlined);
+    const c = e, t = k(c.outlined);
     return A(
-      () => f.outlined,
+      () => c.outlined,
       (o) => {
         t.value = o;
       }
-    ), (o, d) => (a(), r("div", {
-      class: V(["group bg-base-100 shadow-xl rounded-sm min-w-64 max-w-full h-full card card-compact", [
+    ), (o, u) => (a(), r("div", {
+      class: M(["group bg-base-100 shadow-xl rounded-sm min-w-64 max-w-full h-full card card-compact", [
         { "border-4 border-primary": t.value },
         e.color ?? "",
         e.background,
@@ -485,13 +485,13 @@ const Ee = Q("SunIcon", [
       ]])
     }, [
       l("figure", {
-        class: V([{ "contents!": e.horizontal && e.imgWidth }])
+        class: M([{ "contents!": e.horizontal && e.imgWidth }])
       }, [
         e.imgUrl || e.imgUrl && !e.loading ? (a(), r("img", {
           key: 0,
           src: e.imgUrl,
           alt: e.alt,
-          class: V(["rounded-sm object-cover", [
+          class: M(["rounded-sm object-cover", [
             {
               hidden: e.loading
             },
@@ -501,18 +501,18 @@ const Ee = Q("SunIcon", [
         }, null, 10, Ke)) : T("", !0),
         e.loading && e.imgUrl ? (a(), r("div", {
           key: 1,
-          class: V(["w-full skeleton", e.imgHeight])
+          class: M(["w-full skeleton", e.imgHeight])
         }, null, 2)) : T("", !0)
       ], 2),
       e.loading ? T("", !0) : (a(), r("div", Xe, [
-        e.title ? (a(), r("h2", Ge, O(e.title), 1)) : T("", !0),
-        M(o.$slots, "details"),
-        e.description ? (a(), r("p", Je, O(e.description), 1)) : T("", !0),
+        e.title ? (a(), r("h2", Ge, z(e.title), 1)) : T("", !0),
+        V(o.$slots, "details"),
+        e.description ? (a(), r("p", Je, z(e.description), 1)) : T("", !0),
         l("div", Ze, [
-          M(o.$slots, "actions")
+          V(o.$slots, "actions")
         ])
       ])),
-      e.loading ? (a(), r("div", Qe, [...d[0] || (d[0] = [
+      e.loading ? (a(), r("div", Qe, [...u[0] || (u[0] = [
         l("div", { class: "flex flex-col gap-4 w-52" }, [
           l("div", { class: "w-28 h-4 skeleton" }),
           l("div", { class: "w-full h-4 skeleton" }),
@@ -564,26 +564,26 @@ const Ee = Q("SunIcon", [
       validator: (e) => e >= 0
     }
   },
-  setup(e, { expose: f }) {
-    const t = e, o = k(t.initialSlide), d = k(null), s = k(!1), i = k(0), g = U(() => ({
+  setup(e, { expose: c }) {
+    const t = e, o = k(t.initialSlide), u = k(null), s = k(!1), i = k(0), g = _(() => ({
       width: `calc((100% - ${t.slidesPerView > 1 ? (t.slidesPerView - 1) * t.gap : 0}px) / ${t.slidesPerView})`
     }));
     ge(ve, g);
     const v = () => {
-      d.value ? i.value = d.value.children.length : i.value = 0;
+      u.value ? i.value = u.value.children.length : i.value = 0;
     }, p = async (w) => {
-      if (!d.value || t.slidesPerView <= 0 || s.value || (v(), i.value === 0)) return;
-      const x = (w % i.value + i.value) % i.value, C = d.value, B = t.sliderOrientation === "vertical" ? (C.offsetHeight - (t.slidesPerView - 1) * t.gap) / t.slidesPerView : (C.offsetWidth - (t.slidesPerView - 1) * t.gap) / t.slidesPerView;
+      if (!u.value || t.slidesPerView <= 0 || s.value || (v(), i.value === 0)) return;
+      const x = (w % i.value + i.value) % i.value, C = u.value, B = t.sliderOrientation === "vertical" ? (C.offsetHeight - (t.slidesPerView - 1) * t.gap) / t.slidesPerView : (C.offsetWidth - (t.slidesPerView - 1) * t.gap) / t.slidesPerView;
       if (B <= 0) return;
       const L = B + t.gap, R = x * L, N = t.sliderOrientation === "vertical" ? C.scrollHeight - C.offsetHeight : C.scrollWidth - C.offsetWidth, m = Math.max(0, Math.min(R, N + 0.5));
       s.value = !0, C.style.scrollBehavior = "auto";
-      const u = t.sliderOrientation === "vertical" ? C.scrollTop : C.scrollLeft, c = m - u;
-      if (Math.abs(c) < 1) {
+      const d = t.sliderOrientation === "vertical" ? C.scrollTop : C.scrollLeft, f = m - d;
+      if (Math.abs(f) < 1) {
         s.value = !1, o.value = x;
         return;
       }
       const b = performance.now(), n = ($) => {
-        const h = $ - b, D = Math.min(1, h / t.slideDuration), _ = D < 0.5 ? 4 * D * D * D : 1 - Math.pow(-2 * D + 2, 3) / 2, q = u + c * _;
+        const h = $ - b, D = Math.min(1, h / t.slideDuration), F = D < 0.5 ? 4 * D * D * D : 1 - Math.pow(-2 * D + 2, 3) / 2, q = d + f * F;
         t.sliderOrientation === "vertical" ? C.scrollTop = q : C.scrollLeft = q, D < 1 ? requestAnimationFrame(n) : (t.sliderOrientation === "vertical" ? C.scrollTop = m : C.scrollLeft = m, o.value = x, s.value = !1);
       };
       requestAnimationFrame(n);
@@ -591,14 +591,14 @@ const Ee = Q("SunIcon", [
       p(o.value + 1);
     }, I = () => {
       p(o.value - 1);
-    }, z = (w) => {
+    }, O = (w) => {
       p(w);
     }, y = () => {
-      if (!d.value || t.slidesPerView <= 0 || (v(), i.value === 0)) return;
-      const w = d.value, x = t.sliderOrientation === "vertical" ? w.offsetHeight : w.offsetWidth, C = t.slidesPerView > 1 ? (t.slidesPerView - 1) * t.gap : 0, B = (x - C) / t.slidesPerView;
+      if (!u.value || t.slidesPerView <= 0 || (v(), i.value === 0)) return;
+      const w = u.value, x = t.sliderOrientation === "vertical" ? w.offsetHeight : w.offsetWidth, C = t.slidesPerView > 1 ? (t.slidesPerView - 1) * t.gap : 0, B = (x - C) / t.slidesPerView;
       if (B <= 0) return;
-      const L = Math.max(0, i.value - t.slidesPerView), R = Math.min(Math.max(0, t.initialSlide), L), N = R * (B + t.gap), m = t.sliderOrientation === "vertical" ? w.scrollHeight - w.offsetHeight : w.scrollWidth - w.offsetWidth, u = Math.max(0, Math.min(N, m + 0.5));
-      t.sliderOrientation === "vertical" ? w.scrollTo({ top: u, behavior: "auto" }) : w.scrollTo({ left: u, behavior: "auto" }), o.value = R;
+      const L = Math.max(0, i.value - t.slidesPerView), R = Math.min(Math.max(0, t.initialSlide), L), N = R * (B + t.gap), m = t.sliderOrientation === "vertical" ? w.scrollHeight - w.offsetHeight : w.scrollWidth - w.offsetWidth, d = Math.max(0, Math.min(N, m + 0.5));
+      t.sliderOrientation === "vertical" ? w.scrollTo({ top: d, behavior: "auto" }) : w.scrollTo({ left: d, behavior: "auto" }), o.value = R;
     };
     return K(() => {
       requestAnimationFrame(() => {
@@ -614,14 +614,14 @@ const Ee = Q("SunIcon", [
           t.slideDuration = 0, p(x), t.slideDuration = C;
         });
       });
-    }), f({ scrollToSlide: p }), (w, x) => (a(), r("div", Ye, [
+    }), c({ scrollToSlide: p }), (w, x) => (a(), r("div", Ye, [
       l("div", {
         ref_key: "carouselContainer",
-        ref: d,
-        class: V(["rounded w-full h-full overflow-x-scroll scroll-smooth carousel", [{ "carousel-horizontal md:snap-none": e.sliderOrientation == "horizontal" }, { "carousel-vertical": e.sliderOrientation == "vertical" }]]),
+        ref: u,
+        class: M(["rounded w-full h-full overflow-x-scroll scroll-smooth carousel", [{ "carousel-horizontal md:snap-none": e.sliderOrientation == "horizontal" }, { "carousel-vertical": e.sliderOrientation == "vertical" }]]),
         style: Z({ gap: `${e.gap}px` })
       }, [
-        M(w.$slots, "default", {}, void 0, !0)
+        V(w.$slots, "default", {}, void 0, !0)
       ], 6),
       e.showNavigationButtons ? (a(), r("div", et, [
         l("div", {
@@ -629,7 +629,7 @@ const Ee = Q("SunIcon", [
           role: "button",
           "aria-label": "Previous Slide"
         }, [
-          M(w.$slots, "prevButton", {}, () => [
+          V(w.$slots, "prevButton", {}, () => [
             x[0] || (x[0] = l("button", {
               class: "btn btn-circle",
               tabindex: "-1"
@@ -641,7 +641,7 @@ const Ee = Q("SunIcon", [
           role: "button",
           "aria-label": "Next Slide"
         }, [
-          M(w.$slots, "nextButton", {}, () => [
+          V(w.$slots, "nextButton", {}, () => [
             x[1] || (x[1] = l("button", {
               class: "btn btn-circle",
               tabindex: "-1"
@@ -652,27 +652,27 @@ const Ee = Q("SunIcon", [
       e.showIndicators ? (a(), r("div", tt, [
         (a(!0), r(j, null, E(i.value, (C, B) => (a(), r("button", {
           key: `dot-${B}`,
-          onClick: (L) => z(B),
-          class: V(["btn btn-circle btn-xs", { "btn-active": B === o.value }]),
+          onClick: (L) => O(B),
+          class: M(["btn btn-circle btn-xs", { "btn-active": B === o.value }]),
           "aria-label": `Go to slide ${B + 1}`
         }, null, 10, lt))), 128))
       ])) : T("", !0)
     ]));
   }
-}), J = (e, f) => {
+}), J = (e, c) => {
   const t = e.__vccOpts || e;
-  for (const [o, d] of f)
-    t[o] = d;
+  for (const [o, u] of c)
+    t[o] = u;
   return t;
 }, Kl = /* @__PURE__ */ J(nt, [["__scopeId", "data-v-db55a6a5"]]), at = /* @__PURE__ */ P({
   __name: "carouselItem",
   setup(e) {
-    const f = be(ve, k({}));
+    const c = be(ve, k({}));
     return (t, o) => (a(), r("div", {
       class: "w-full h-full carousel-item",
-      style: Z(F(f))
+      style: Z(U(c))
     }, [
-      M(t.$slots, "default", {}, void 0, !0)
+      V(t.$slots, "default", {}, void 0, !0)
     ], 4));
   }
 }), Xl = /* @__PURE__ */ J(at, [["__scopeId", "data-v-507384bc"]]), ot = { class: "flex gap-4 bg-base-100 w-full tabs tabs-boxed" }, st = ["onClick"], it = {
@@ -702,37 +702,37 @@ const Ee = Q("SunIcon", [
     value: {}
   },
   emits: ["search", "update:search-data"],
-  setup(e, { emit: f }) {
-    const t = e, o = f, d = t.id ?? `advancedSearch-${ye()}`, s = k(null), i = k(null), g = {
-      datetime: le(() => Promise.resolve().then(() => Lt)),
-      "standard-select": le(() => import("./select-Cz4vf_YE.js")),
+  setup(e, { emit: c }) {
+    const t = e, o = c, u = t.id ?? `advancedSearch-${ye()}`, s = k(null), i = k(null), g = {
+      datetime: te(() => Promise.resolve().then(() => Lt)),
+      "standard-select": te(() => import("./select-Cz4vf_YE.js")),
       // Add other components here when you create them:
       // 'custom-range': defineAsyncComponent(() => import('./CustomRange.vue')),
       // 'custom-number': defineAsyncComponent(() => import('./CustomNumber.vue')),
-      "custom-text": le(() => import("./inputField-BxT95oyM.js"))
+      "custom-text": te(() => import("./inputField-BxT95oyM.js"))
       // 'custom-select': defineAsyncComponent(() => import('./CustomSelect.vue')),
     }, v = k({}), p = k({
       left: "0px",
       top: "0px",
       transform: "translateX(0%)"
     }), S = k(null), I = (m) => {
-      var u;
+      var d;
       if (m.value === void 0 || m.value === null || m.value === "")
         return "";
       switch (m.type) {
         case "datetime":
           if (typeof m.value == "string")
             try {
-              const c = new Date(m.value);
-              if (!isNaN(c.getTime()))
-                return c.toLocaleString();
+              const f = new Date(m.value);
+              if (!isNaN(f.getTime()))
+                return f.toLocaleString();
             } catch {
             }
           else if (m.range && typeof m.value == "object" && m.value !== null && "start" in m.value && "end" in m.value)
             try {
-              const c = new Date(m.value.start), b = new Date(m.value.end);
-              if (!isNaN(c.getTime()) && !isNaN(b.getTime()))
-                return `${c.toLocaleDateString()} - ${b.toLocaleDateString()}`;
+              const f = new Date(m.value.start), b = new Date(m.value.end);
+              if (!isNaN(f.getTime()) && !isNaN(b.getTime()))
+                return `${f.toLocaleDateString()} - ${b.toLocaleDateString()}`;
             } catch {
             }
           break;
@@ -746,12 +746,12 @@ const Ee = Q("SunIcon", [
           break;
         case "standard-select":
         case "custom-select":
-          if ((u = m.props) != null && u.options && Array.isArray(m.props.options)) {
-            const c = m.props.options.find(
+          if ((d = m.props) != null && d.options && Array.isArray(m.props.options)) {
+            const f = m.props.options.find(
               (b) => b.value === m.value
             );
-            if (c)
-              return c.text;
+            if (f)
+              return f.text;
           }
           return String(m.value);
         case "custom-text":
@@ -761,62 +761,62 @@ const Ee = Q("SunIcon", [
       }
       return String(m.value);
     };
-    function z(m) {
+    function O(m) {
       var n, $;
-      const u = (n = s.value) == null ? void 0 : n.name;
-      if (!u) {
+      const d = (n = s.value) == null ? void 0 : n.name;
+      if (!d) {
         console.warn("componentValueUpdated called but no active tab.");
         return;
       }
-      const c = ($ = t.searchOptions.find(
+      const f = ($ = t.searchOptions.find(
         (h) => (h == null ? void 0 : h.category) === t.currentCategory
-      )) == null ? void 0 : $.tabs, b = c == null ? void 0 : c.find(
-        (h) => h.name === u
+      )) == null ? void 0 : $.tabs, b = f == null ? void 0 : f.find(
+        (h) => h.name === d
       );
       b ? (b.value = m, o("update:search-data", {
         tab: b.name,
         data: m
       })) : console.error(
-        `Tab with name "${u}" not found in current category.`
+        `Tab with name "${d}" not found in current category.`
       );
     }
     function y(m) {
-      z(m);
+      O(m);
     }
     function w() {
       o("search");
     }
     async function x(m) {
       var b;
-      const u = document.getElementById(`advancedSearchMobile-${d}`), c = u && u.contains(m.target);
-      ((b = s.value) == null ? void 0 : b.displayMode) === "popup" && S.value && !S.value.contains(m.target) && !c && (await ne(), s.value = null);
+      const d = document.getElementById(`advancedSearchMobile-${u}`), f = d && d.contains(m.target);
+      ((b = s.value) == null ? void 0 : b.displayMode) === "popup" && S.value && !S.value.contains(m.target) && !f && (await le(), s.value = null);
     }
     async function C() {
       if (typeof window < "u" && window.innerWidth <= 768) {
         const m = document.getElementById(
-          `advancedSearchMobile-${d}`
+          `advancedSearchMobile-${u}`
         );
         m ? (s.value = null, m.showModal()) : console.warn(
-          `Mobile modal element not found. Ensure it exists with id="advancedSearchMobile-${d}".`
+          `Mobile modal element not found. Ensure it exists with id="advancedSearchMobile-${u}".`
         );
       }
     }
     async function B(m) {
-      var c, b, n;
+      var f, b, n;
       if (typeof window < "u" && window.innerWidth <= 768) {
         C();
         return;
       }
-      const u = m.displayMode ?? "popup";
-      if (((c = s.value) == null ? void 0 : c.name) === m.name && ((b = s.value) == null ? void 0 : b.displayMode) === u)
+      const d = m.displayMode ?? "popup";
+      if (((f = s.value) == null ? void 0 : f.name) === m.name && ((b = s.value) == null ? void 0 : b.displayMode) === d)
         s.value = null;
-      else if (s.value = { ...m, displayMode: u }, await ne(), ((n = s.value) == null ? void 0 : n.displayMode) === "popup") {
+      else if (s.value = { ...m, displayMode: d }, await le(), ((n = s.value) == null ? void 0 : n.displayMode) === "popup") {
         const $ = v.value[m.name];
         if ($ && S.value) {
-          const h = $.getBoundingClientRect(), D = S.value.getBoundingClientRect(), _ = h.bottom - D.top, q = h.left + h.width / 2 - D.left;
+          const h = $.getBoundingClientRect(), D = S.value.getBoundingClientRect(), F = h.bottom - D.top, q = h.left + h.width / 2 - D.left;
           p.value = {
             left: `${q}px`,
-            top: `${_ + 8}px`,
+            top: `${F + 8}px`,
             // Add a small gap
             transform: "translateX(-50%)"
             // Center horizontally
@@ -829,10 +829,10 @@ const Ee = Q("SunIcon", [
       }
     }
     const L = (m) => {
-      const u = m.relatedTarget;
+      const d = m.relatedTarget;
       setTimeout(() => {
-        var c;
-        ((c = s.value) == null ? void 0 : c.displayMode) === "inline" && S.value && (!u || !S.value.contains(u)) ? (console.log("Blur detected outside container, closing inline view."), s.value = null) : console.log(
+        var f;
+        ((f = s.value) == null ? void 0 : f.displayMode) === "inline" && S.value && (!d || !S.value.contains(d)) ? (console.log("Blur detected outside container, closing inline view."), s.value = null) : console.log(
           "Blur detected, but staying within container or not an inline tab."
         );
       }, 50);
@@ -840,13 +840,13 @@ const Ee = Q("SunIcon", [
       console.log("Enter key pressed on inline component, closing inline view."), s.value = null;
     };
     A(i, (m) => {
-      var u;
+      var d;
       console.log(
         "advanced-search: inlineComponentRef changed. New Value:",
         m
-      ), console.log("advanced-search: activeTab.value:", s.value), m && ((u = s.value) == null ? void 0 : u.displayMode) === "inline" ? (console.log(
+      ), console.log("advanced-search: activeTab.value:", s.value), m && ((d = s.value) == null ? void 0 : d.displayMode) === "inline" ? (console.log(
         "advanced-search: Inline component ref is available and active tab is inline. Attempting to focus child input..."
-      ), ne(() => {
+      ), le(() => {
         console.log(
           "advanced-search: Inside nextTick. Attempting to call child's focus method..."
         ), console.log("advanced-search: Type of newValue:", typeof m), console.log(
@@ -863,24 +863,24 @@ const Ee = Q("SunIcon", [
       );
     }), K(() => {
       document.addEventListener("click", x), window.addEventListener("resize", N);
-    }), re(() => {
+    }), ie(() => {
       document.removeEventListener("click", x), window.removeEventListener("resize", N);
     });
     const N = () => {
-      var m, u;
+      var m, d;
       if (typeof window < "u") {
-        const c = window.innerWidth <= 768, b = s.value !== null && (s.value.displayMode === "popup" || s.value.displayMode === "inline") && window.innerWidth > 768;
-        !c && (((m = s.value) == null ? void 0 : m.displayMode) === "popup" || ((u = s.value) == null ? void 0 : u.displayMode) === "inline") && window.innerWidth <= 768 && (console.log("Resizing to mobile, closing active tab."), s.value = null), c && !b && s.value !== null && (console.log(
+        const f = window.innerWidth <= 768, b = s.value !== null && (s.value.displayMode === "popup" || s.value.displayMode === "inline") && window.innerWidth > 768;
+        !f && (((m = s.value) == null ? void 0 : m.displayMode) === "popup" || ((d = s.value) == null ? void 0 : d.displayMode) === "inline") && window.innerWidth <= 768 && (console.log("Resizing to mobile, closing active tab."), s.value = null), f && !b && s.value !== null && (console.log(
           "Resizing to desktop from potential mobile active state, closing active tab."
         ), s.value = null);
         const n = document.getElementById(
-          `advancedSearchMobile-${d}`
+          `advancedSearchMobile-${u}`
         );
-        n != null && n.open && !c && (console.log("Modal is open on desktop, closing modal and active tab."), n.close(), s.value = null);
+        n != null && n.open && !f && (console.log("Modal is open on desktop, closing modal and active tab."), n.close(), s.value = null);
       }
     };
-    return (m, u) => {
-      var c, b;
+    return (m, d) => {
+      var f, b;
       return a(), r(j, null, [
         l("div", {
           ref_key: "searchContainer",
@@ -892,35 +892,35 @@ const Ee = Q("SunIcon", [
             onClick: C
           }, [
             l("div", ot, [
-              (a(!0), r(j, null, E(((c = t.searchOptions.find(
+              (a(!0), r(j, null, E(((f = t.searchOptions.find(
                 (n) => n.category === t.currentCategory
-              )) == null ? void 0 : c.tabs) || [], (n, $) => {
-                var h, D, _, q, de;
+              )) == null ? void 0 : f.tabs) || [], (n, $) => {
+                var h, D, F, q, de;
                 return a(), r("button", {
                   key: `${n.name}-${$}`,
                   onClick: H((X) => B(n), ["stop"]),
-                  class: V([{
+                  class: M([{
                     "tab-active": ((h = s.value) == null ? void 0 : h.name) === n.name,
-                    "tab-active-inline": ((D = s.value) == null ? void 0 : D.name) === n.name && ((_ = s.value) == null ? void 0 : _.displayMode) === "inline"
+                    "tab-active-inline": ((D = s.value) == null ? void 0 : D.name) === n.name && ((F = s.value) == null ? void 0 : F.displayMode) === "inline"
                     // Add new class
                   }, "group/searchitem after:top-0 after:-right-2 after:absolute relative first-of-type:flex-auto last-of-type:flex-auto after:bg-base-200 hover:bg-base-200 p-1 rounded-sm w-auto after:w-px after:h-10 overflow-x-hidden text-start md:after:content-[''] after:content-none last-of-type:after:content-none"]),
                   ref_for: !0,
                   ref: (X) => v.value[n.name] = X
                 }, [
                   ((q = s.value) == null ? void 0 : q.name) === n.name && ((de = s.value) == null ? void 0 : de.displayMode) === "inline" ? (a(), r("div", it, [
-                    (a(), W(ae(g[s.value.type]), oe({ ref_for: !0 }, s.value.props || {}, {
+                    (a(), W(ne(g[s.value.type]), ae({ ref_for: !0 }, s.value.props || {}, {
                       modelValue: s.value.value,
-                      onUpdated: u[0] || (u[0] = (X) => y(X)),
-                      "onUpdate:modelValue": u[1] || (u[1] = (X) => y(X)),
+                      onUpdated: d[0] || (d[0] = (X) => y(X)),
+                      "onUpdate:modelValue": d[1] || (d[1] = (X) => y(X)),
                       onBlur: L,
-                      onKeydown: ue(H(R, ["stop", "prevent"]), ["enter"]),
+                      onKeydown: re(H(R, ["stop", "prevent"]), ["enter"]),
                       ref_for: !0,
                       ref_key: "inlineComponentRef",
                       ref: i
                     }), null, 16, ["modelValue", "onKeydown"]))
                   ])) : (a(), r("div", rt, [
-                    l("p", ut, O(n.name), 1),
-                    n.value !== void 0 && n.value !== null && n.value !== "" ? (a(), r("p", dt, O(I(n)), 1)) : (a(), r("p", ct, O(n.description), 1))
+                    l("p", ut, z(n.name), 1),
+                    n.value !== void 0 && n.value !== null && n.value !== "" ? (a(), r("p", dt, z(I(n)), 1)) : (a(), r("p", ct, z(n.description), 1))
                   ]))
                 ], 10, st);
               }), 128))
@@ -930,10 +930,10 @@ const Ee = Q("SunIcon", [
               class: "absolute flex shadow-sm mt-4 w-fit max-w-full transition-all tab-content",
               style: Z(p.value)
             }, [
-              (a(), W(ae(g[s.value.type]), oe(s.value.props || {}, {
+              (a(), W(ne(g[s.value.type]), ae(s.value.props || {}, {
                 modelValue: s.value.value,
-                onUpdated: u[2] || (u[2] = (n) => z(n)),
-                "onUpdate:modelValue": u[3] || (u[3] = (n) => z(n))
+                onUpdated: d[2] || (d[2] = (n) => O(n)),
+                "onUpdate:modelValue": d[3] || (d[3] = (n) => O(n))
               }), null, 16, ["modelValue"]))
             ], 4)) : T("", !0),
             l("button", {
@@ -942,7 +942,7 @@ const Ee = Q("SunIcon", [
               class: "ml-1 btn btn-primary btn-square",
               onClick: H(w, ["stop"])
             }, [
-              G(F(fe), {
+              G(U(fe), {
                 size: 24,
                 color: "white"
               })
@@ -951,10 +951,10 @@ const Ee = Q("SunIcon", [
           l("div", ft, [
             l("button", {
               title: "search",
-              onClick: u[4] || (u[4] = () => {
+              onClick: d[4] || (d[4] = () => {
               })
             }, [
-              G(F(fe), {
+              G(U(fe), {
                 size: 24,
                 color: "white"
               })
@@ -962,12 +962,12 @@ const Ee = Q("SunIcon", [
           ])
         ], 512),
         l("dialog", {
-          id: `advancedSearchMobile-${F(d)}`,
+          id: `advancedSearchMobile-${U(u)}`,
           class: "modal"
         }, [
           l("div", vt, [
-            M(m.$slots, "additionalForMobile", {}, () => [
-              l("h3", pt, O(e.currentCategory), 1)
+            V(m.$slots, "additionalForMobile", {}, () => [
+              l("h3", pt, z(e.currentCategory), 1)
             ], !0),
             (a(!0), r(j, null, E(((b = t.searchOptions.find(
               (n) => n.category === t.currentCategory
@@ -977,19 +977,19 @@ const Ee = Q("SunIcon", [
             }, [
               l("input", {
                 type: "radio",
-                name: `accordion-${F(d)}`,
+                name: `accordion-${U(u)}`,
                 checked: $ === 0
               }, null, 8, ht),
               l("div", gt, [
-                l("div", null, O(n.name), 1),
-                n.value !== void 0 && n.value !== null && n.value !== "" ? (a(), r("div", bt, O(I(n)), 1)) : (a(), r("div", yt, O(n.description), 1))
+                l("div", null, z(n.name), 1),
+                n.value !== void 0 && n.value !== null && n.value !== "" ? (a(), r("div", bt, z(I(n)), 1)) : (a(), r("div", yt, z(n.description), 1))
               ]),
               l("div", wt, [
-                u[7] || (u[7] = l("br", null, null, -1)),
-                (a(), W(ae(g[n.type]), oe({ ref_for: !0 }, n.props || {}, {
+                d[7] || (d[7] = l("br", null, null, -1)),
+                (a(), W(ne(g[n.type]), ae({ ref_for: !0 }, n.props || {}, {
                   modelValue: n.value,
-                  onUpdated: u[5] || (u[5] = (h) => z(h)),
-                  "onUpdate:modelValue": u[6] || (u[6] = (h) => z(h))
+                  onUpdated: d[5] || (d[5] = (h) => O(h)),
+                  "onUpdate:modelValue": d[6] || (d[6] = (h) => O(h))
                 }), null, 16, ["modelValue"]))
               ])
             ]))), 128)),
@@ -1027,19 +1027,20 @@ const Ee = Q("SunIcon", [
     disabled: { type: Boolean, default: !1 },
     locale: { default: "nl-NL" },
     min: {},
-    max: {}
+    max: {},
+    closeText: { default: "Close" }
   },
   emits: ["update:modelValue", "change"],
-  setup(e, { emit: f }) {
+  setup(e, { emit: c }) {
     K(async () => {
       await import("./cally-ZU3K2Th7.js");
     });
-    const t = e, o = f, d = k(null), s = k(!1), i = k(null), g = k(null), v = k(null), p = k(null), S = k(null), I = k({ from: "", to: "", single: "" }), z = k({
+    const t = e, o = c, u = k(null), s = k(!1), i = k(null), g = k(null), v = k(null), p = k(null), S = k(null), I = k({ from: "", to: "", single: "" }), O = k({
       single: null,
       start: null,
       end: null
-    }), y = U(() => {
-      const u = (n) => {
+    }), y = _(() => {
+      const d = (n) => {
         if (!n || n.includes(":")) return n;
         if (/^\d{4}-\d{2}-\d{2}$/.test(n))
           try {
@@ -1050,66 +1051,66 @@ const Ee = Q("SunIcon", [
           }
         return n;
       };
-      let c = "", b = "";
-      if (t.mode !== "time" && (t.range && z.value.start && z.value.end ? c = `${z.value.start} - ${z.value.end}` : !t.range && z.value.single && (c = z.value.single)), t.mode !== "date" && (t.range && I.value.from && I.value.to ? b = `${I.value.from} - ${I.value.to}` : !t.range && I.value.single && (b = I.value.single)), t.mode === "date")
-        return t.range ? c.split(" - ").map(u).join(" - ") : u(c);
+      let f = "", b = "";
+      if (t.mode !== "time" && (t.range && O.value.start && O.value.end ? f = `${O.value.start} - ${O.value.end}` : !t.range && O.value.single && (f = O.value.single)), t.mode !== "date" && (t.range && I.value.from && I.value.to ? b = `${I.value.from} - ${I.value.to}` : !t.range && I.value.single && (b = I.value.single)), t.mode === "date")
+        return t.range ? f.split(" - ").map(d).join(" - ") : d(f);
       if (t.mode === "time") return b;
       if (t.range) {
-        const [n, $] = c.split(" - ").map(u), [h, D] = b.split(" - ");
+        const [n, $] = f.split(" - ").map(d), [h, D] = b.split(" - ");
         return `${n} ${h} - ${$} ${D}`.trim();
       }
-      return `${u(c)} ${b}`.trim();
+      return `${d(f)} ${b}`.trim();
     });
     console.log(y);
     const w = () => {
       if (t.range) {
-        const { start: u, end: c } = z.value, { from: b, to: n } = I.value;
+        const { start: d, end: f } = O.value, { from: b, to: n } = I.value;
         let $ = null, h = null;
-        if (t.mode === "time" && b && n ? ($ = b, h = n) : t.mode === "date" && u && c ? ($ = u, h = c) : t.mode === "datetime" && u && c && b && n && ($ = `${u}T${b}`, h = `${c}T${n}`), $ && h)
+        if (t.mode === "time" && b && n ? ($ = b, h = n) : t.mode === "date" && d && f ? ($ = d, h = f) : t.mode === "datetime" && d && f && b && n && ($ = `${d}T${b}`, h = `${f}T${n}`), $ && h)
           return { start: $, end: h };
       } else {
-        const u = z.value.single, c = I.value.single;
-        if (t.mode === "date") return u;
-        if (t.mode === "time") return c || null;
-        if (t.mode === "datetime" && u && c)
-          return `${u}T${c}`;
+        const d = O.value.single, f = I.value.single;
+        if (t.mode === "date") return d;
+        if (t.mode === "time") return f || null;
+        if (t.mode === "datetime" && d && f)
+          return `${d}T${f}`;
       }
       return null;
     }, x = () => {
       if (i.value)
-        z.value.single = i.value.value || null;
+        O.value.single = i.value.value || null;
       else if (g.value) {
-        const u = g.value.value;
-        z.value.start = (u == null ? void 0 : u.start) || null, z.value.end = (u == null ? void 0 : u.end) || null;
+        const d = g.value.value;
+        O.value.start = (d == null ? void 0 : d.start) || null, O.value.end = (d == null ? void 0 : d.end) || null;
       }
     }, C = () => {
       x();
-      const u = w();
-      o("update:modelValue", u), o("change", u);
+      const d = w();
+      o("update:modelValue", d), o("change", d);
     }, B = () => {
-      var u, c, b;
-      t.range ? (I.value.from = ((u = p.value) == null ? void 0 : u.value) || "", I.value.to = ((c = S.value) == null ? void 0 : c.value) || "") : I.value.single = ((b = v.value) == null ? void 0 : b.value) || "", C();
+      var d, f, b;
+      t.range ? (I.value.from = ((d = p.value) == null ? void 0 : d.value) || "", I.value.to = ((f = S.value) == null ? void 0 : f.value) || "") : I.value.single = ((b = v.value) == null ? void 0 : b.value) || "", C();
     }, L = () => {
       s.value = !s.value, s.value && C();
     }, R = () => {
       s.value = !1, C();
-    }, N = (u) => {
+    }, N = (d) => {
       if (!t.popup || !s.value) return;
-      const c = d.value, b = u.target;
-      c && !c.contains(b) && R();
+      const f = u.value, b = d.target;
+      f && !f.contains(b) && R();
     }, m = () => {
-      const u = (c) => c instanceof Date ? c.toISOString() : c;
+      const d = (f) => f instanceof Date ? f.toISOString() : f;
       if (t.initialDate) {
         if (t.range && typeof t.initialDate == "object" && "start" in t.initialDate) {
-          const c = u(t.initialDate.start), b = u(t.initialDate.end);
-          if (z.value.start = c.split("T")[0], z.value.end = b.split("T")[0], t.mode !== "date") {
-            const n = new Date(c), $ = new Date(b), h = (D) => `${String(D.getUTCHours()).padStart(2, "0")}:${String(D.getUTCMinutes()).padStart(2, "0")}`;
+          const f = d(t.initialDate.start), b = d(t.initialDate.end);
+          if (O.value.start = f.split("T")[0], O.value.end = b.split("T")[0], t.mode !== "date") {
+            const n = new Date(f), $ = new Date(b), h = (D) => `${String(D.getUTCHours()).padStart(2, "0")}:${String(D.getUTCMinutes()).padStart(2, "0")}`;
             I.value.from = h(n), I.value.to = h($), p.value && (p.value.value = I.value.from), S.value && (S.value.value = I.value.to);
           }
         } else if (typeof t.initialDate == "string" || t.initialDate instanceof Date) {
-          const c = u(t.initialDate);
-          if (z.value.single = c.split("T")[0], t.mode !== "date") {
-            const b = new Date(c), n = `${String(b.getUTCHours()).padStart(2, "0")}:${String(b.getUTCMinutes()).padStart(2, "0")}`;
+          const f = d(t.initialDate);
+          if (O.value.single = f.split("T")[0], t.mode !== "date") {
+            const b = new Date(f), n = `${String(b.getUTCHours()).padStart(2, "0")}:${String(b.getUTCMinutes()).padStart(2, "0")}`;
             I.value.single = n, v.value && (v.value.value = n);
           }
         }
@@ -1117,27 +1118,27 @@ const Ee = Q("SunIcon", [
     };
     return K(() => {
       m(), C();
-    }), (u, c) => {
-      const b = se("calendar-month"), n = se("calendar-date"), $ = se("calendar-range");
+    }), (d, f) => {
+      const b = oe("calendar-month"), n = oe("calendar-date"), $ = oe("calendar-range");
       return a(), r("div", {
         class: "inline-block relative w-fit lg:w-full",
         ref_key: "pickerContainer",
-        ref: d,
+        ref: u,
         onMousedownCapture: N
       }, [
         t.popup ? (a(), r("div", {
           key: 0,
           class: "flex items-center gap-2 cursor-pointer w-full",
-          onClick: c[0] || (c[0] = (h) => t.disabled ? null : L())
+          onClick: f[0] || (f[0] = (h) => t.disabled ? null : L())
         }, [
           l("div", kt, [
-            y.value ? T("", !0) : (a(), r("span", $t, O(e.placeholder), 1)),
-            ee(" " + O(y.value), 1)
+            y.value ? T("", !0) : (a(), r("span", $t, z(e.placeholder), 1)),
+            ue(" " + z(y.value), 1)
           ])
         ])) : T("", !0),
         s.value || !t.popup ? (a(), r("div", {
           key: 1,
-          class: V(["z-50 bg-base-100 rounded-md w-full min-w-xs overflow-hidden", { "absolute top-full left-0 mt-2 shadow-lg": t.popup, "mt-2": !t.popup }]),
+          class: M(["z-50 bg-base-100 rounded-md w-full min-w-xs overflow-hidden", { "absolute top-full left-0 mt-2 shadow-lg": t.popup, "mt-2": !t.popup }]),
           id: `date-picker-${t.id}-popup`
         }, [
           !t.range && t.mode !== "time" ? (a(), W(n, {
@@ -1152,7 +1153,7 @@ const Ee = Q("SunIcon", [
             onChange: C
           }, {
             default: ce(() => [
-              c[1] || (c[1] = l("button", {
+              f[1] || (f[1] = l("button", {
                 slot: "previous",
                 class: "btn-outline btn btn-primary md:btn-sm"
               }, [
@@ -1171,7 +1172,7 @@ const Ee = Q("SunIcon", [
                   })
                 ])
               ], -1)),
-              c[2] || (c[2] = l("button", {
+              f[2] || (f[2] = l("button", {
                 slot: "next",
                 class: "btn-outline btn btn-primary md:btn-sm"
               }, [
@@ -1208,7 +1209,7 @@ const Ee = Q("SunIcon", [
             onChange: C
           }, {
             default: ce(() => [
-              c[3] || (c[3] = l("button", {
+              f[3] || (f[3] = l("button", {
                 slot: "previous",
                 class: "btn-outline btn btn-primary md:btn-sm"
               }, [
@@ -1227,7 +1228,7 @@ const Ee = Q("SunIcon", [
                   })
                 ])
               ], -1)),
-              c[4] || (c[4] = l("button", {
+              f[4] || (f[4] = l("button", {
                 slot: "next",
                 class: "btn-outline btn btn-primary md:btn-sm"
               }, [
@@ -1266,7 +1267,7 @@ const Ee = Q("SunIcon", [
                   disabled: t.disabled
                 }, null, 40, Mt)
               ]),
-              c[5] || (c[5] = l("svg", {
+              f[5] || (f[5] = l("svg", {
                 class: "join-item",
                 viewBox: "0 0 1024 1024",
                 focusable: "false",
@@ -1302,21 +1303,17 @@ const Ee = Q("SunIcon", [
               disabled: t.disabled
             }, null, 40, zt)
           ])) : T("", !0),
-          t.popup ? (a(), r("div", Ot, [
+          t.popup && e.closeText ? (a(), r("div", Ot, [
             l("button", {
               class: "btn btn-primary max-lg:w-full",
               onClick: R
-            }, [
-              M(u.$slots, "default", {}, () => [
-                c[6] || (c[6] = ee("Close", -1))
-              ], !0)
-            ])
+            }, z(e.closeText), 1)
           ])) : T("", !0)
         ], 10, Ct)) : T("", !0)
       ], 544);
     };
   }
-}), jt = /* @__PURE__ */ J(Pt, [["__scopeId", "data-v-6a59f578"]]), Lt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), jt = /* @__PURE__ */ J(Pt, [["__scopeId", "data-v-423cdcd2"]]), Lt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: jt
 }, Symbol.toStringTag, { value: "Module" })), Et = ["value", "checked", "onChange", "disabled"], Jl = /* @__PURE__ */ P({
@@ -1332,19 +1329,19 @@ const Ee = Q("SunIcon", [
     gap: { default: 0 }
   },
   setup(e) {
-    const f = e, t = k(f.initialRating);
+    const c = e, t = k(c.initialRating);
     A(
-      () => f.initialRating,
-      (d) => {
-        t.value = d;
+      () => c.initialRating,
+      (u) => {
+        t.value = u;
       }
     );
-    const o = (d) => {
-      t.value = d;
+    const o = (u) => {
+      t.value = u;
     };
-    return (d, s) => (a(), r("div", {
-      class: V(["rating", [
-        `rating-${f.size}`,
+    return (u, s) => (a(), r("div", {
+      class: M(["rating", [
+        `rating-${c.size}`,
         { "rating-half": e.halfStars },
         { "pointer-events-none": !e.isInteractive }
       ]])
@@ -1355,7 +1352,7 @@ const Ee = Q("SunIcon", [
         value: e.halfStars ? i * 0.5 : i,
         checked: t.value === (e.halfStars ? i * 0.5 : i),
         onChange: (g) => e.isInteractive ? o(e.halfStars ? i * 0.5 : i) : null,
-        class: V(["mask", [
+        class: M(["mask", [
           {
             // 'bg-yellow-400': rating >= (halfStars ? i * 0.5 : i),
             "mask-half-1": e.halfStars && i % 2 !== 0,
@@ -1376,16 +1373,16 @@ const Ee = Q("SunIcon", [
             "mask-triangle-3": e.shape === "triangle-left",
             "mask-triangle-4": e.shape === "triangle-right"
           },
-          t.value >= (e.halfStars ? i * 0.5 : i) ? f.color : ""
+          t.value >= (e.halfStars ? i * 0.5 : i) ? c.color : ""
         ]]),
         style: Z({
-          marginRight: e.halfStars && i % 2 === 0 ? `${f.gap}px` : e.halfStars ? "0" : `${f.gap}px`
+          marginRight: e.halfStars && i % 2 === 0 ? `${c.gap}px` : e.halfStars ? "0" : `${c.gap}px`
         }),
         disabled: !e.isInteractive
       }, null, 46, Et))), 128))
     ], 2));
   }
-}), At = { class: "badge" }, Rt = ["onClick"], Nt = { class: "opacity-75" }, _t = ["placeholder"], Zl = /* @__PURE__ */ P({
+}), At = { class: "badge" }, Rt = ["onClick"], Nt = { class: "opacity-75" }, Ft = ["placeholder"], Zl = /* @__PURE__ */ P({
   __name: "taginput",
   props: {
     modelValue: {},
@@ -1394,23 +1391,23 @@ const Ee = Q("SunIcon", [
     class: {}
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: f }) {
-    const t = e, o = f, d = k([...t.modelValue]), s = t.maxTagAmount === void 0 ? -1 : t.maxTagAmount, i = k(null), g = k(""), v = U(() => s < 0 || d.value.length < s), p = () => {
+  setup(e, { emit: c }) {
+    const t = e, o = c, u = k([...t.modelValue]), s = t.maxTagAmount === void 0 ? -1 : t.maxTagAmount, i = k(null), g = k(""), v = _(() => s < 0 || u.value.length < s), p = () => {
       const y = g.value.trim();
-      y && !d.value.includes(y) && (d.value.push(y), o("update:modelValue", d.value), g.value = "");
+      y && !u.value.includes(y) && (u.value.push(y), o("update:modelValue", u.value), g.value = "");
     }, S = (y) => {
-      d.value = d.value.filter((w) => w !== y), o("update:modelValue", d.value);
+      u.value = u.value.filter((w) => w !== y), o("update:modelValue", u.value);
     }, I = () => {
-      g.value === "" && (d.value.pop(), o("update:modelValue", d.value));
-    }, z = (y) => {
+      g.value === "" && (u.value.pop(), o("update:modelValue", u.value));
+    }, O = (y) => {
       y.key === "Enter" ? p() : y.key === "Backspace" && g.value === "" && I();
     };
     return A(() => t.modelValue, (y) => {
-      d.value = [...y];
+      u.value = [...y];
     }), (y, w) => (a(), r("div", {
-      class: V(["flex flex-wrap gap-2 bg-base-100 shadow px-4 py-6 border border-base-content/20 rounded", y.$props.class])
+      class: M(["flex flex-wrap gap-2 bg-base-100 shadow px-4 py-6 border border-base-content/20 rounded", y.$props.class])
     }, [
-      (a(!0), r(j, null, E(d.value, (x) => M(y.$slots, "tag", {
+      (a(!0), r(j, null, E(u.value, (x) => V(y.$slots, "tag", {
         key: x,
         tag: x
       }, () => [
@@ -1420,11 +1417,11 @@ const Ee = Q("SunIcon", [
             onClick: (C) => S(x),
             "aria-label": "Remove tag"
           }, "X", 8, Rt),
-          l("span", Nt, O(x), 1)
+          l("span", Nt, z(x), 1)
         ])
       ])), 128)),
-      M(y.$slots, "input", { showInput: v.value }, () => [
-        v.value ? te((a(), r("input", {
+      V(y.$slots, "input", { showInput: v.value }, () => [
+        v.value ? ee((a(), r("input", {
           key: 0,
           ref_key: "inputRef",
           ref: i,
@@ -1432,15 +1429,15 @@ const Ee = Q("SunIcon", [
           type: "text",
           placeholder: e.placeholder || "Type here",
           class: "h-full input input-ghost",
-          onKeydown: z,
+          onKeydown: O,
           "aria-label": "Add tags"
-        }, null, 40, _t)), [
+        }, null, 40, Ft)), [
           [me, g.value]
         ]) : T("", !0)
       ])
     ], 2));
   }
-}), Ft = { class: "w-full max-w-xs form-control" }, Ut = {
+}), Ut = { class: "w-full max-w-xs form-control" }, _t = {
   key: 0,
   class: "label"
 }, qt = { class: "label-text" }, Ht = ["value"], Wt = {
@@ -1457,22 +1454,22 @@ const Ee = Q("SunIcon", [
     modelValue: {}
   },
   emits: ["update:modelValue"],
-  setup(e, { expose: f, emit: t }) {
+  setup(e, { expose: c, emit: t }) {
     console.log(e.placeholder);
-    const d = t, s = k(null), i = (v) => {
+    const u = t, s = k(null), i = (v) => {
       const p = v.target;
-      d("update:modelValue", p.value);
+      u("update:modelValue", p.value);
     };
-    return f({
+    return c({
       focusInput: () => {
         var v;
         console.log("select.vue: focusInput method called."), (v = s.value) == null || v.focus();
       }
       // You can expose other properties or methods here if needed by the parent
       // e.g., the current value: modelValue
-    }), (v, p) => (a(), r("div", Ft, [
-      e.label ? (a(), r("label", Ut, [
-        l("span", qt, O(e.label), 1)
+    }), (v, p) => (a(), r("div", Ut, [
+      e.label ? (a(), r("label", _t, [
+        l("span", qt, z(e.label), 1)
       ])) : T("", !0),
       l("select", {
         ref_key: "selectElement",
@@ -1481,11 +1478,11 @@ const Ee = Q("SunIcon", [
         value: e.modelValue,
         onChange: i
       }, [
-        e.placeholder ? (a(), r("option", Wt, O(e.placeholder), 1)) : T("", !0),
+        e.placeholder ? (a(), r("option", Wt, z(e.placeholder), 1)) : T("", !0),
         (a(!0), r(j, null, E(e.options, (S) => (a(), r("option", {
           key: S.value,
           value: S.value
-        }, O(S.text), 9, Kt))), 128))
+        }, z(S.text), 9, Kt))), 128))
       ], 40, Ht)
     ]));
   }
@@ -1525,17 +1522,17 @@ const Ee = Q("SunIcon", [
     }
   },
   emits: ["update:modelValue", "select", "clear"],
-  setup(e, { expose: f, emit: t }) {
-    const o = e, d = t, s = we(), i = U(() => {
+  setup(e, { expose: c, emit: t }) {
+    const o = e, u = t, s = we(), i = _(() => {
       const $ = (s.default ? s.default() : []).filter((h) => h.type !== xe);
       return console.log("hasDefaultSlotContent computed:", $.length > 0), $.length > 0;
-    }), g = k(""), v = k(null), p = k(!1), S = k(null), I = k(null), z = k(null), y = k(null), w = () => {
+    }), g = k(""), v = k(null), p = k(!1), S = k(null), I = k(null), O = k(null), y = k(null), w = () => {
       p.value = !o.disabled;
     }, x = () => {
       p.value = !1, y.value = null, i.value || (v.value && g.value !== v.value.text ? g.value = v.value.text : v.value || (g.value = ""));
     }, C = () => {
       p.value ? x() : w();
-    }, B = U(() => {
+    }, B = _(() => {
       const n = g.value ? g.value.toLowerCase() : "";
       return n === "" && !p.value ? [] : o.options.filter(
         (h) => h && h.text ? h.text.toLowerCase().includes(n) : ""
@@ -1565,23 +1562,23 @@ const Ee = Q("SunIcon", [
       n ? setTimeout(() => {
         document.addEventListener("click", L);
       }, 0) : document.removeEventListener("click", L);
-    }), re(() => {
+    }), ie(() => {
       document.removeEventListener("click", L), window.removeEventListener("keydown", b);
     });
     const N = () => {
       if (o.disabled) return;
       const n = v.value;
-      d("update:modelValue", null), n && d("clear", n);
+      u("update:modelValue", null), n && u("clear", n);
     }, m = (n) => {
-      v.value = n, i.value || (g.value = n.text), d("update:modelValue", n.value), d("select", n), x();
-    }, u = () => {
+      v.value = n, i.value || (g.value = n.text), u("update:modelValue", n.value), u("select", n), x();
+    }, d = () => {
       B.value.length > 0 && m(B.value[0]);
-    }, c = () => {
+    }, f = () => {
       p.value || w();
     }, b = (n) => {
       if (!p.value || B.value.length === 0) return;
       const $ = B.value.findIndex(
-        (D, _) => "option-" + _ === y.value
+        (D, F) => "option-" + F === y.value
       );
       let h = -1;
       if (n.key === "ArrowDown")
@@ -1591,12 +1588,12 @@ const Ee = Q("SunIcon", [
       else if (n.key === "Enter" && y.value) {
         n.preventDefault();
         const D = B.value.find(
-          (_, q) => "option-" + q === y.value
+          (F, q) => "option-" + q === y.value
         );
         D && m(D);
         return;
       } else if (n.key === "Escape") {
-        n.preventDefault(), x(), z.value && z.value.focus();
+        n.preventDefault(), x(), O.value && O.value.focus();
         return;
       } else if (i.value)
         return;
@@ -1610,9 +1607,9 @@ const Ee = Q("SunIcon", [
     };
     return A(p, (n) => {
       n ? (window.addEventListener("keydown", b), !i.value && !g.value && v.value && (g.value = v.value.text)) : window.removeEventListener("keydown", b);
-    }), re(() => {
+    }), ie(() => {
       document.removeEventListener("click", L), window.removeEventListener("keydown", b);
-    }), f({
+    }), c({
       isDropdownOpen: p,
       // Expose state
       selectedItem: v,
@@ -1635,18 +1632,18 @@ const Ee = Q("SunIcon", [
       ref: I
     }, [
       e.label ? (a(), r("label", Xt, [
-        l("span", Gt, O(e.label), 1)
+        l("span", Gt, z(e.label), 1)
       ])) : T("", !0),
       l("div", {
-        class: V(["flex items-center input-bordered rounded-md w-fit cursor-pointer", { input: !i.value, select: !i.value }]),
+        class: M(["flex items-center input-bordered rounded-md w-fit cursor-pointer", { input: !i.value, select: !i.value }]),
         style: Z(
           v.value ? "background-image: unset; padding-right: 0.5rem;" : ""
         ),
         tabindex: "0",
         onClick: $[1] || ($[1] = (h) => i.value ? C() : w()),
         onKeydown: [
-          ue(H(u, ["prevent"]), ["enter"]),
-          ue(H(u, ["prevent"]), ["space"])
+          re(H(d, ["prevent"]), ["enter"]),
+          re(H(d, ["prevent"]), ["space"])
         ],
         onBlur: R,
         role: "combobox",
@@ -1655,10 +1652,10 @@ const Ee = Q("SunIcon", [
         "aria-activedescendant": y.value,
         "aria-autocomplete": "list",
         ref_key: "activatorWrapper",
-        ref: z
+        ref: O
       }, [
-        M(n.$slots, "default", {}, () => [
-          i.value ? T("", !0) : te((a(), r("input", {
+        V(n.$slots, "default", {}, () => [
+          i.value ? T("", !0) : ee((a(), r("input", {
             key: 0,
             type: "text",
             placeholder: e.placeholder,
@@ -1667,36 +1664,36 @@ const Ee = Q("SunIcon", [
             ref_key: "filterInput",
             ref: S,
             onFocus: w,
-            onInput: c,
+            onInput: f,
             tabindex: "-1",
             disabled: o.disabled
           }, null, 40, Zt)), [
             [me, g.value]
           ])
         ]),
-        v.value && !e.disabled ? (a(), W(F(je), {
+        v.value && !e.disabled ? (a(), W(U(je), {
           key: 0,
           size: 20,
           class: "mx-2 text-base-content/50 hover:text-base-content/80 cursor-pointer",
           onClick: H(N, ["stop"])
         })) : T("", !0),
-        i.value && !v.value ? (a(), W(F(Pe), {
+        i.value && !v.value ? (a(), W(U(Pe), {
           key: 1,
-          class: V([{ "rotate-180": p.value }, "mx-2"]),
+          class: M([{ "rotate-180": p.value }, "mx-2"]),
           size: 20
         }, null, 8, ["class"])) : T("", !0)
       ], 46, Jt),
-      te(l("div", Qt, [
+      ee(l("div", Qt, [
         l("ul", Yt, [
           (a(!0), r(j, null, E(B.value, (h, D) => (a(), r("li", {
             key: h.value,
-            onMousedown: H((_) => m(h), ["prevent"]),
+            onMousedown: H((F) => m(h), ["prevent"]),
             class: "hover:bg-base-200 rounded-md w-full cursor-pointer",
             id: "option-" + D,
             role: "option",
             "aria-selected": v.value && v.value.value === h.value
           }, [
-            l("a", null, O(h.text), 1)
+            l("a", null, z(h.text), 1)
           ], 40, el))), 128))
         ])
       ], 512), [
@@ -1729,15 +1726,15 @@ const Ee = Q("SunIcon", [
     disabled: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue", "validate"],
-  setup(e, { expose: f, emit: t }) {
-    const o = e, d = t, s = k(null), i = k(!1), g = k(""), v = U(() => {
+  setup(e, { expose: c, emit: t }) {
+    const o = e, u = t, s = k(null), i = k(!1), g = k(""), v = _(() => {
       var C, B, L, R;
       let y = !0, w = "";
       const x = o.modelValue;
-      return (C = o.rules) != null && C.required && (x == null || x === "") && (y = !1, w = "This field is required."), y && ((B = o.rules) == null ? void 0 : B.minLength) !== void 0 && typeof x == "string" && x.length < o.rules.minLength && (y = !1, w = `Must be at least ${o.rules.minLength} characters.`), y && ((L = o.rules) == null ? void 0 : L.maxLength) !== void 0 && typeof x == "string" && x.length > o.rules.maxLength && (y = !1, w = `Cannot exceed ${o.rules.maxLength} characters.`), y && ((R = o.rules) != null && R.email) && typeof x == "string" && x && (/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(x) || (y = !1, w = "Please enter a valid email address.")), g.value = w, d("validate", y), y;
-    }), p = U(() => i.value && !v.value), S = (y) => {
+      return (C = o.rules) != null && C.required && (x == null || x === "") && (y = !1, w = "This field is required."), y && ((B = o.rules) == null ? void 0 : B.minLength) !== void 0 && typeof x == "string" && x.length < o.rules.minLength && (y = !1, w = `Must be at least ${o.rules.minLength} characters.`), y && ((L = o.rules) == null ? void 0 : L.maxLength) !== void 0 && typeof x == "string" && x.length > o.rules.maxLength && (y = !1, w = `Cannot exceed ${o.rules.maxLength} characters.`), y && ((R = o.rules) != null && R.email) && typeof x == "string" && x && (/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(x) || (y = !1, w = "Please enter a valid email address.")), g.value = w, u("validate", y), y;
+    }), p = _(() => i.value && !v.value), S = (y) => {
       const w = y.target;
-      d("update:modelValue", w.value), i.value && v.value;
+      u("update:modelValue", w.value), i.value && v.value;
     }, I = () => {
       i.value = !0, v.value;
     };
@@ -1746,7 +1743,7 @@ const Ee = Q("SunIcon", [
       () => {
         i.value && v.value;
       }
-    ), f({
+    ), c({
       focusInput: () => {
         var y;
         console.log("inputField.vue: focusInput method called."), (y = s.value) == null || y.focus();
@@ -1756,16 +1753,16 @@ const Ee = Q("SunIcon", [
       errorMessage: g
     }), (y, w) => (a(), r("div", tl, [
       e.label ? (a(), r("label", ll, [
-        l("span", nl, O(e.label), 1)
+        l("span", nl, z(e.label), 1)
       ])) : T("", !0),
-      M(y.$slots, "default"),
+      V(y.$slots, "default"),
       l("input", {
         ref_key: "inputElement",
         ref: s,
         type: e.type,
         placeholder: e.placeholder,
         disabled: o.disabled,
-        class: V(["input-bordered rounded-md w-full input validator", [
+        class: M(["input-bordered rounded-md w-full input validator", [
           {
             // Size classes - Apply based on size prop
             "input-xs": e.size === "xs",
@@ -1797,9 +1794,9 @@ const Ee = Q("SunIcon", [
         onBlur: I
       }, null, 42, al),
       p.value ? (a(), r("div", ol, [
-        l("span", sl, O(g.value), 1)
+        l("span", sl, z(g.value), 1)
       ])) : v.value && i.value && e.successMessage ? (a(), r("div", il, [
-        l("span", rl, O(e.successMessage), 1)
+        l("span", rl, z(e.successMessage), 1)
       ])) : T("", !0)
     ]));
   }
@@ -1812,15 +1809,15 @@ const Ee = Q("SunIcon", [
     color: { default: "primary" }
   },
   setup(e) {
-    const f = e, t = k(f.loading);
+    const c = e, t = k(c.loading);
     return A(
-      () => f.loading,
+      () => c.loading,
       (o) => {
         t.value = o;
       }
-    ), (o, d) => t.value ? (a(), r("span", {
+    ), (o, u) => t.value ? (a(), r("span", {
       key: 0,
-      class: V(["loading", [
+      class: M(["loading", [
         { "loading-xs": e.size === "xs" },
         { "loading-sm": e.size === "sm" },
         { "loading-md": e.size === "md" },
@@ -1860,31 +1857,31 @@ const Ee = Q("SunIcon", [
     collapseOnMobile: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const f = e;
+    const c = e;
     return (t, o) => (a(), r("div", {
-      class: V(["mx-auto md:px-10 py-10 text-base-content", [e.background ?? "bg-base-200", e.color ?? "text-base-content"]])
+      class: M(["mx-auto md:px-10 py-10 text-base-content", [e.background ?? "bg-base-200", e.color ?? "text-base-content"]])
     }, [
       l("footer", ul, [
-        (a(!0), r(j, null, E(f.items, (d) => (a(), r("nav", {
-          class: V([{ "hidden sm:grid": e.collapseOnMobile }])
+        (a(!0), r(j, null, E(c.items, (u) => (a(), r("nav", {
+          class: M([{ "hidden sm:grid": e.collapseOnMobile }])
         }, [
-          l("h6", dl, O(d.title), 1),
-          (a(!0), r(j, null, E(d.items, (s) => (a(), r("a", {
+          l("h6", dl, z(u.title), 1),
+          (a(!0), r(j, null, E(u.items, (s) => (a(), r("a", {
             class: "link link-hover",
             href: s.link
-          }, O(s.text), 9, cl))), 256))
+          }, z(s.text), 9, cl))), 256))
         ], 2))), 256)),
         e.collapseOnMobile ? (a(), r("nav", fl, [
-          (a(!0), r(j, null, E(f.items, (d) => (a(), r("ul", ml, [
+          (a(!0), r(j, null, E(c.items, (u) => (a(), r("ul", ml, [
             l("div", vl, [
-              l("div", pl, O(d.title), 1),
+              l("div", pl, z(u.title), 1),
               l("div", hl, [
                 l("ul", gl, [
-                  (a(!0), r(j, null, E(d.items, (s) => (a(), r("li", bl, [
+                  (a(!0), r(j, null, E(u.items, (s) => (a(), r("li", bl, [
                     l("a", {
                       class: "w-full font-medium link link-hover",
                       href: s.link
-                    }, O(s.text), 9, yl)
+                    }, z(s.text), 9, yl)
                   ]))), 256))
                 ])
               ])
@@ -1892,26 +1889,26 @@ const Ee = Q("SunIcon", [
           ]))), 256))
         ])) : T("", !0),
         l("aside", wl, [
-          M(t.$slots, "default")
+          V(t.$slots, "default")
         ])
       ])
     ], 2));
   }
 }), xl = {}, kl = { class: "min-h-40 container hero" }, $l = { class: "px-0! text-center hero-content" }, Cl = { class: "mt-9 text-4xl" };
-function Sl(e, f) {
+function Sl(e, c) {
   return a(), r("div", kl, [
     l("div", $l, [
       l("div", null, [
         l("h1", Cl, [
-          M(e.$slots, "title", {}, () => [
-            f[0] || (f[0] = ee("hero title", -1))
+          V(e.$slots, "title", {}, () => [
+            c[0] || (c[0] = ue("hero title", -1))
           ])
         ]),
         l("p", null, [
-          M(e.$slots, "description", { class: "py-9" })
+          V(e.$slots, "description", { class: "py-9" })
         ]),
-        M(e.$slots, "call-to-action-block", { class: "max-w-full" }, () => [
-          f[1] || (f[1] = l("button", { class: "btn btn-primary" }, "Call to action", -1))
+        V(e.$slots, "call-to-action-block", { class: "max-w-full" }, () => [
+          c[1] || (c[1] = l("button", { class: "btn btn-primary" }, "Call to action", -1))
         ])
       ])
     ])
@@ -1924,9 +1921,9 @@ const nn = /* @__PURE__ */ J(xl, [["render", Sl]]), Il = { class: "flex flex-row
     currentCategory: {}
   },
   emits: ["update:currentCategory"],
-  setup(e, { emit: f }) {
-    const t = e, o = f;
-    function d(s) {
+  setup(e, { emit: c }) {
+    const t = e, o = c;
+    function u(s) {
       o("update:currentCategory", s);
     }
     return (s, i) => (a(), r("div", Il, [
@@ -1934,9 +1931,9 @@ const nn = /* @__PURE__ */ J(xl, [["render", Sl]]), Il = { class: "flex flex-row
         key: g.category
       }, [
         l("button", {
-          onClick: (v) => d(g.category),
-          class: V(["truncate btn btn-ghost", { "font-semibold": t.currentCategory === g.category }])
-        }, O(g.category), 11, Tl)
+          onClick: (v) => u(g.category),
+          class: M(["truncate btn btn-ghost", { "font-semibold": t.currentCategory === g.category }])
+        }, z(g.category), 11, Tl)
       ]))), 128))
     ]));
   }
@@ -1946,21 +1943,21 @@ const nn = /* @__PURE__ */ J(xl, [["render", Sl]]), Il = { class: "flex flex-row
     isCollapsed: { type: Boolean, default: !0 }
   },
   setup(e) {
-    const f = e;
+    const c = e;
     return (t, o) => (a(), r("nav", {
-      class: V(["place-items-start border-primary bg-base-100 px-5 py-5 border-b-4 transition-all navbar navigationbar", f.isCollapsed ? "collapsed" : ""])
+      class: M(["place-items-start border-primary bg-base-100 px-5 py-5 border-b-4 transition-all navbar navigationbar", c.isCollapsed ? "collapsed" : ""])
     }, [
       l("div", Ml, [
-        M(t.$slots, "start", {}, void 0, !0)
+        V(t.$slots, "start", {}, void 0, !0)
       ]),
       l("div", Vl, [
-        M(t.$slots, "center", {}, void 0, !0)
+        V(t.$slots, "center", {}, void 0, !0)
       ]),
       l("div", Bl, [
-        M(t.$slots, "end", {}, void 0, !0)
+        V(t.$slots, "end", {}, void 0, !0)
       ]),
       l("div", Dl, [
-        M(t.$slots, "bottom", {}, void 0, !0)
+        V(t.$slots, "bottom", {}, void 0, !0)
       ])
     ], 2));
   }
@@ -1980,10 +1977,10 @@ const nn = /* @__PURE__ */ J(xl, [["render", Sl]]), Il = { class: "flex flex-row
     buttonOnlyMode: { type: Boolean, default: !1 }
   },
   emits: ["tab-changed"],
-  setup(e, { emit: f }) {
-    const t = e, o = k(t.items[0]), d = f;
+  setup(e, { emit: c }) {
+    const t = e, o = k(t.items[0]), u = c;
     function s(v) {
-      o.value = v, d("tab-changed", v);
+      o.value = v, u("tab-changed", v);
     }
     function i() {
       const p = (t.items.indexOf(o.value) + 1) % t.items.length;
@@ -2002,7 +1999,7 @@ const nn = /* @__PURE__ */ J(xl, [["render", Sl]]), Il = { class: "flex flex-row
     }), (v, p) => (a(), r(j, null, [
       l("div", {
         role: "tablist",
-        class: V(["relative tabs-bordered w-full tabs tabs-lg", { "flex-nowrap overflow-x-auto": e.buttonOnlyMode }])
+        class: M(["relative tabs-bordered w-full tabs tabs-lg", { "flex-nowrap overflow-x-auto": e.buttonOnlyMode }])
       }, [
         e.withControlls ? (a(), r("div", Ol, [
           l("button", {
@@ -2018,17 +2015,17 @@ const nn = /* @__PURE__ */ J(xl, [["render", Sl]]), Il = { class: "flex flex-row
           l("a", {
             type: "button",
             role: "tab",
-            class: V(["min-w-max tab", S === o.value ? "bg-primary text-base-100" : ""]),
+            class: M(["min-w-max tab", S === o.value ? "bg-primary text-base-100" : ""]),
             onClick: (I) => s(S),
             "aria-selected": o.value == S
-          }, O(S), 11, Pl),
+          }, z(S), 11, Pl),
           e.buttonOnlyMode ? T("", !0) : (a(), r("div", jl, [
-            M(v.$slots, `${S}-tab`)
+            V(v.$slots, `${S}-tab`)
           ]))
         ], 64))), 256))
       ], 2),
       l("div", Ll, [
-        M(v.$slots, "default")
+        V(v.$slots, "default")
       ])
     ], 64));
   }
@@ -2036,7 +2033,7 @@ const nn = /* @__PURE__ */ J(xl, [["render", Sl]]), Il = { class: "flex flex-row
 typeof document > "u" && (globalThis.document = {});
 typeof window > "u" && (globalThis.window = globalThis);
 export {
-  Ul as Accordion,
+  _l as Accordion,
   Gl as AdvancedSearch,
   ql as Avatar,
   Hl as Badge,
@@ -2056,8 +2053,8 @@ export {
   on as NavigationBar,
   Jl as Rating,
   Ql as Selector,
-  _l as Swap,
+  Fl as Swap,
   sn as Tab,
   Zl as TagInput,
-  Fl as ThemeController
+  Ul as ThemeController
 };