manolis-ui 0.18.1 → 0.19.2

package/dist/manolis-ui.js

@@ -1,8 +1,8 @@
-import { defineComponent as _, computed as ee, createElementBlock as s, openBlock as a, normalizeClass as z, createCommentVNode as O, renderSlot as V, createTextVNode as Ae, createElementVNode as n, Fragment as U, renderList as G, toDisplayString as j, ref as h, watch as H, h as De, onMounted as ge, withDirectives as Se, createVNode as ue, isRef as Ue, vModelCheckbox as We, unref as se, provide as Ke, onUnmounted as Re, normalizeStyle as we, Transition as Le, withCtx as Ce, inject as Xe, useId as Ye, defineAsyncComponent as ze, nextTick as pe, onBeforeUnmount as Ve, withModifiers as re, createBlock as ve, resolveDynamicComponent as Te, mergeProps as Be, withKeys as he, resolveComponent as Oe, vModelText as Ne, useSlots as Ge, Comment as Je, vShow as Ze } from "vue";
-const Qe = ["disabled"], et = {
+import { defineComponent as A, computed as K, createElementBlock as i, openBlock as o, normalizeClass as S, createCommentVNode as z, renderSlot as O, createTextVNode as Ae, createElementVNode as a, Fragment as H, renderList as G, toDisplayString as V, ref as h, watch as F, h as Ve, onMounted as me, withDirectives as Ie, createVNode as ue, isRef as We, vModelCheckbox as Ke, unref as le, provide as Xe, onUnmounted as Ee, normalizeStyle as xe, Transition as Pe, withCtx as we, inject as Ye, useId as Ge, defineAsyncComponent as ze, nextTick as ge, onBeforeUnmount as _e, withModifiers as re, createBlock as ce, resolveDynamicComponent as Be, mergeProps as Oe, withKeys as ye, resolveComponent as De, vModelText as Ne, useSlots as Je, Comment as Ze, vShow as Qe, readonly as et, TransitionGroup as tt } from "vue";
+const lt = ["disabled"], at = {
   key: 0,
   class: "loading loading-spinner"
-}, $n = /* @__PURE__ */ _({
+}, Va = /* @__PURE__ */ A({
   __name: "ButtonComponent",
   props: {
     outlined: { type: Boolean, default: !1 },
@@ -14,8 +14,8 @@ const Qe = ["disabled"], et = {
     disabled: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const d = e, l = ee(() => {
-      switch (d.size) {
+    const c = e, l = K(() => {
+      switch (c.size) {
         case "large":
           return "btn-lg";
         case "small":
@@ -29,8 +29,8 @@ const Qe = ["disabled"], et = {
         default:
           return "";
       }
-    }), t = ee(() => {
-      switch (d.type) {
+    }), t = K(() => {
+      switch (c.type) {
         case "neutral":
           return "btn-neutral";
         case "primary":
@@ -54,8 +54,8 @@ const Qe = ["disabled"], et = {
         default:
           return "btn-neutral";
       }
-    }), i = ee(() => {
-      switch (d.shape) {
+    }), s = K(() => {
+      switch (c.shape) {
         case "square":
           return "btn-square";
         case "circle":
@@ -64,27 +64,27 @@ const Qe = ["disabled"], et = {
           return "";
       }
     });
-    return (o, u) => (a(), s("button", {
-      class: z([
+    return (n, r) => (o(), i("button", {
+      class: S([
         "btn",
-        { "btn-outline": d.outlined },
-        { "btn-active": d.active },
+        { "btn-outline": c.outlined },
+        { "btn-active": c.active },
         t.value,
         l.value,
-        i.value
+        s.value
       ]),
-      disabled: d.disabled
+      disabled: c.disabled
     }, [
-      e.loading ? (a(), s("span", et)) : O("", !0),
-      V(o.$slots, "default", {}, () => [
-        u[0] || (u[0] = Ae("Submit", -1))
+      e.loading ? (o(), i("span", at)) : z("", !0),
+      O(n.$slots, "default", {}, () => [
+        r[0] || (r[0] = Ae("Submit", -1))
       ])
-    ], 10, Qe));
+    ], 10, lt));
   }
-}), tt = {
+}), nt = {
   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"
-}, lt = ["href"], Sn = /* @__PURE__ */ _({
+}, ot = ["href"], _a = /* @__PURE__ */ A({
   __name: "dropdown",
   props: {
     items: {},
@@ -94,7 +94,7 @@ const Qe = ["disabled"], et = {
     forceOpen: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const d = {
+    const c = {
       left: "dropdown-left",
       right: "dropdown-right",
       bottom: "dropdown-bottom",
@@ -103,26 +103,26 @@ const Qe = ["disabled"], et = {
       start: "",
       end: "dropdown-end"
     }, t = e;
-    return (i, o) => (a(), s("div", {
-      class: z(["dropdown", d[t.position], l[t.floatPosition], { "dropdown-open": t.forceOpen }, { "dropdown-hover": t.openOnHover }])
+    return (s, n) => (o(), i("div", {
+      class: S(["dropdown", c[t.position], l[t.floatPosition], { "dropdown-open": t.forceOpen }, { "dropdown-hover": t.openOnHover }])
     }, [
-      V(i.$slots, "default", {
+      O(s.$slots, "default", {
         tabindex: "0",
         role: "button"
       }, () => [
-        o[0] || (o[0] = n("div", { class: "m-1 btn" }, "Open dropdown", -1))
+        n[0] || (n[0] = a("div", { class: "m-1 btn" }, "Open dropdown", -1))
       ]),
-      n("ul", tt, [
-        (a(!0), s(U, null, G(e.items, (u) => (a(), s("li", null, [
-          n("a", {
-            href: u.link
-          }, j(u.text), 9, lt)
+      a("ul", nt, [
+        (o(!0), i(H, null, G(e.items, (r) => (o(), i("li", null, [
+          a("a", {
+            href: r.link
+          }, V(r.text), 9, ot)
         ]))), 256)),
-        V(i.$slots, "additional")
+        O(s.$slots, "additional")
       ])
     ], 2));
   }
-}), nt = { class: "modal-box" }, at = { class: "modal-action" }, Cn = /* @__PURE__ */ _({
+}), st = { class: "modal-box" }, it = { class: "modal-action" }, Ea = /* @__PURE__ */ A({
   __name: "modal",
   props: {
     position: { default: "center" },
@@ -130,48 +130,48 @@ const Qe = ["disabled"], et = {
     forceOpen: { type: [Boolean, null], default: null }
   },
   setup(e) {
-    const d = e, l = {
+    const c = e, l = {
       top: "modal-top",
       bottom: "modal-bottom",
       center: "modal-middle"
-    }, t = h(null), i = () => {
-      var u;
-      (u = t.value) == null || u.showModal();
-    }, o = () => {
-      var u;
-      (u = t.value) == null || u.close();
+    }, t = h(null), s = () => {
+      var r;
+      (r = t.value) == null || r.showModal();
+    }, n = () => {
+      var r;
+      (r = t.value) == null || r.close();
     };
-    return H(
-      () => d.forceOpen,
-      (u) => {
-        u == !0 && i(), u == !1 && o();
+    return F(
+      () => c.forceOpen,
+      (r) => {
+        r == !0 && s(), r == !1 && n();
       }
-    ), (u, m) => (a(), s(U, null, [
-      d.forceOpen == null ? (a(), s("span", {
+    ), (r, m) => (o(), i(H, null, [
+      c.forceOpen == null ? (o(), i("span", {
         key: 0,
         class: "w-fit cursor-pointer",
-        onClick: i
+        onClick: s
       }, [
-        V(u.$slots, "trigger", { role: "button" }, () => [
-          m[0] || (m[0] = n("button", { class: "btn" }, "Open", -1))
+        O(r.$slots, "trigger", { role: "button" }, () => [
+          m[0] || (m[0] = a("button", { class: "btn" }, "Open", -1))
         ])
-      ])) : O("", !0),
-      n("dialog", {
+      ])) : z("", !0),
+      a("dialog", {
         ref_key: "dialog",
         ref: t,
-        class: z(["modal", l[d.position]])
+        class: S(["modal", l[c.position]])
       }, [
-        n("div", nt, [
-          V(u.$slots, "default"),
-          n("div", at, [
-            V(u.$slots, "actions"),
-            n("form", {
+        a("div", st, [
+          O(r.$slots, "default"),
+          a("div", it, [
+            O(r.$slots, "actions"),
+            a("form", {
               method: "dialog",
-              onSubmit: o,
-              class: z(e.withBackdrop ? "modal-backdrop" : "")
+              onSubmit: n,
+              class: S(e.withBackdrop ? "modal-backdrop" : "")
             }, [
-              V(u.$slots, "close-button", {}, () => [
-                m[1] || (m[1] = n("button", { class: "btn" }, "Close", -1))
+              O(r.$slots, "close-button", {}, () => [
+                m[1] || (m[1] = a("button", { class: "btn" }, "Close", -1))
               ])
             ], 34)
           ])
@@ -179,22 +179,22 @@ const Qe = ["disabled"], et = {
       ], 2)
     ], 64));
   }
-}), ot = { class: "flex justify-center items-center swap-on" }, st = { class: "flex justify-center items-center swap-off" }, In = /* @__PURE__ */ _({
+}), rt = { class: "flex justify-center items-center swap-on" }, ut = { class: "flex justify-center items-center swap-off" }, ja = /* @__PURE__ */ A({
   __name: "swap",
   props: {
     effect: {}
   },
   setup(e) {
-    const d = e;
-    return (l, t) => (a(), s("label", {
-      class: z(["swap", d.effect ? `swap-${e.effect}` : ""])
+    const c = e;
+    return (l, t) => (o(), i("label", {
+      class: S(["swap", c.effect ? `swap-${e.effect}` : ""])
     }, [
-      t[0] || (t[0] = n("input", { type: "checkbox" }, null, -1)),
-      n("div", ot, [
-        V(l.$slots, "on")
+      t[0] || (t[0] = a("input", { type: "checkbox" }, null, -1)),
+      a("div", rt, [
+        O(l.$slots, "on")
       ]),
-      n("div", st, [
-        V(l.$slots, "off")
+      a("div", ut, [
+        O(l.$slots, "off")
       ])
     ], 2));
   }
@@ -205,14 +205,14 @@ const Qe = ["disabled"], et = {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const it = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
+const ct = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
 /**
  * @license lucide-vue-next v0.468.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-var $e = {
+var Ce = {
   xmlns: "http://www.w3.org/2000/svg",
   width: 24,
   height: 24,
@@ -229,18 +229,18 @@ var $e = {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const rt = ({ size: e, strokeWidth: d = 2, absoluteStrokeWidth: l, color: t, iconNode: i, name: o, class: u, ...m }, { slots: r }) => De(
+const dt = ({ size: e, strokeWidth: c = 2, absoluteStrokeWidth: l, color: t, iconNode: s, name: n, class: r, ...m }, { slots: u }) => Ve(
   "svg",
   {
-    ...$e,
-    width: e || $e.width,
-    height: e || $e.height,
-    stroke: t || $e.stroke,
-    "stroke-width": l ? Number(d) * 24 / Number(e) : d,
-    class: ["lucide", `lucide-${it(o ?? "icon")}`],
+    ...Ce,
+    width: e || Ce.width,
+    height: e || Ce.height,
+    stroke: t || Ce.stroke,
+    "stroke-width": l ? Number(c) * 24 / Number(e) : c,
+    class: ["lucide", `lucide-${ct(n ?? "icon")}`],
     ...m
   },
-  [...i.map((g) => De(...g)), ...r.default ? [r.default()] : []]
+  [...s.map((g) => Ve(...g)), ...u.default ? [u.default()] : []]
 );
 /**
  * @license lucide-vue-next v0.468.0 - ISC
@@ -248,11 +248,11 @@ const rt = ({ size: e, strokeWidth: d = 2, absoluteStrokeWidth: l, 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 xe = (e, d) => (l, { slots: t }) => De(
-  rt,
+const ke = (e, c) => (l, { slots: t }) => Ve(
+  dt,
   {
     ...l,
-    iconNode: d,
+    iconNode: c,
     name: e
   },
   t
@@ -263,7 +263,7 @@ const xe = (e, d) => (l, { slots: t }) => De(
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const ut = xe("CircleChevronDownIcon", [
+const vt = ke("CircleChevronDownIcon", [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "m16 10-4 4-4-4", key: "894hmk" }]
 ]);
@@ -273,7 +273,7 @@ const ut = xe("CircleChevronDownIcon", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const dt = xe("CircleXIcon", [
+const ft = ke("CircleXIcon", [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "m15 9-6 6", key: "1uzhvr" }],
   ["path", { d: "m9 9 6 6", key: "z0biqf" }]
@@ -284,7 +284,7 @@ const dt = xe("CircleXIcon", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const ct = xe("MoonIcon", [
+const mt = ke("MoonIcon", [
   ["path", { d: "M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z", key: "a7tn18" }]
 ]);
 /**
@@ -293,7 +293,7 @@ const ct = xe("MoonIcon", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Pe = xe("SearchIcon", [
+const Re = ke("SearchIcon", [
   ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }],
   ["path", { d: "m21 21-4.3-4.3", key: "1qie3q" }]
 ]);
@@ -303,7 +303,7 @@ const Pe = xe("SearchIcon", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const vt = xe("SunIcon", [
+const pt = ke("SunIcon", [
   ["circle", { cx: "12", cy: "12", r: "4", key: "4exip2" }],
   ["path", { d: "M12 2v2", key: "tus03m" }],
   ["path", { d: "M12 20v2", key: "1lh1kg" }],
@@ -313,53 +313,53 @@ const vt = xe("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" }]
-]), ft = (e, d) => {
+]), ht = (e, c) => {
   const l = h(null);
-  return ge(() => {
+  return me(() => {
     if (typeof window < "u") {
       const t = window.localStorage.getItem(e);
-      l.value = t ? JSON.parse(t) : d;
+      l.value = t ? JSON.parse(t) : c;
     }
-  }), H(l, (t) => {
+  }), F(l, (t) => {
     typeof window < "u" && window.localStorage.setItem(e, JSON.stringify(t));
   }), l;
-}, mt = { class: "swap-rotate swap" }, pt = ["true-value", "false-value"], Mn = /* @__PURE__ */ _({
+}, gt = { class: "swap-rotate swap" }, yt = ["true-value", "false-value"], La = /* @__PURE__ */ A({
   __name: "theme-controller",
   props: {
     lightTheme: { default: "light" },
     darkTheme: { default: "dark" }
   },
   setup(e) {
-    const d = e, l = ft("theme", d.lightTheme);
-    function t(i) {
-      typeof window < "u" && window.document && document.documentElement.setAttribute("data-theme", i);
+    const c = e, l = ht("theme", c.lightTheme);
+    function t(s) {
+      typeof window < "u" && window.document && document.documentElement.setAttribute("data-theme", s);
     }
-    return ge(() => t(l.value ? l.value : "")), H(l, (i) => {
-      t(i);
-    }), (i, o) => (a(), s("label", mt, [
-      Se(n("input", {
+    return me(() => t(l.value ? l.value : "")), F(l, (s) => {
+      t(s);
+    }), (s, n) => (o(), i("label", gt, [
+      Ie(a("input", {
         type: "checkbox",
         class: "theme-controller",
-        "onUpdate:modelValue": o[0] || (o[0] = (u) => Ue(l) ? l.value = u : null),
-        "true-value": d.lightTheme,
-        "false-value": d.darkTheme
-      }, null, 8, pt), [
-        [We, se(l)]
+        "onUpdate:modelValue": n[0] || (n[0] = (r) => We(l) ? l.value = r : null),
+        "true-value": c.lightTheme,
+        "false-value": c.darkTheme
+      }, null, 8, yt), [
+        [Ke, le(l)]
       ]),
-      ue(se(vt), { class: "swap-off fill-current" }),
-      ue(se(ct), { class: "swap-on fill-current" })
+      ue(le(pt), { class: "swap-off fill-current" }),
+      ue(le(mt), { class: "swap-on fill-current" })
     ]));
   }
-}), ht = {
+}), bt = {
   key: 0,
   class: "join join-vertical w-full"
-}, gt = ["name"], yt = {
+}, wt = ["name"], xt = {
   key: 1,
   type: "checkbox"
-}, bt = { class: "collapse-title font-bold text-2xl lg:text-4xl" }, wt = { class: "collapse-content" }, xt = ["innerHTML"], kt = ["name"], $t = {
+}, kt = { class: "collapse-title font-bold text-2xl lg:text-4xl" }, $t = { class: "collapse-content" }, Ct = ["innerHTML"], St = ["name"], It = {
   key: 1,
   type: "checkbox"
-}, St = { class: "collapse-title font-bold text-2xl lg:text-4xl" }, Ct = { class: "collapse-content" }, It = ["innerHTML"], zn = /* @__PURE__ */ _({
+}, Mt = { class: "collapse-title font-bold text-2xl lg:text-4xl" }, Tt = { class: "collapse-content" }, zt = ["innerHTML"], Pa = /* @__PURE__ */ A({
   __name: "accordion",
   props: {
     name: {},
@@ -369,44 +369,44 @@ const vt = xe("SunIcon", [
     toggle: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const d = e;
-    return (l, t) => d.joinItems ? (a(), s("div", ht, [
-      (a(!0), s(U, null, G(d.items, (i, o) => (a(), s("div", {
-        class: z(["collapse border border-base-300 join-item", [e.icon ? `collapse-${e.icon}` : ""]]),
-        key: o
+    const c = e;
+    return (l, t) => c.joinItems ? (o(), i("div", bt, [
+      (o(!0), i(H, null, G(c.items, (s, n) => (o(), i("div", {
+        class: S(["collapse border border-base-300 join-item", [e.icon ? `collapse-${e.icon}` : ""]]),
+        key: n
       }, [
-        e.toggle ? (a(), s("input", yt)) : (a(), s("input", {
+        e.toggle ? (o(), i("input", xt)) : (o(), i("input", {
           key: 0,
           type: "radio",
           name: e.name,
           value: "true"
-        }, null, 8, gt)),
-        n("div", bt, j(i.title), 1),
-        n("div", wt, [
-          n("span", {
-            innerHTML: i.content
-          }, null, 8, xt)
+        }, null, 8, wt)),
+        a("div", kt, V(s.title), 1),
+        a("div", $t, [
+          a("span", {
+            innerHTML: s.content
+          }, null, 8, Ct)
         ])
       ], 2))), 128))
-    ])) : (a(!0), s(U, { key: 1 }, G(d.items, (i, o) => (a(), s("div", {
-      class: z(["collapse border border-base-300", [e.icon ? `collapse-${e.icon}` : ""]]),
-      key: o
+    ])) : (o(!0), i(H, { key: 1 }, G(c.items, (s, n) => (o(), i("div", {
+      class: S(["collapse border border-base-300", [e.icon ? `collapse-${e.icon}` : ""]]),
+      key: n
     }, [
-      e.toggle ? (a(), s("input", $t)) : (a(), s("input", {
+      e.toggle ? (o(), i("input", It)) : (o(), i("input", {
         key: 0,
         type: "radio",
         name: e.name,
         value: "true"
-      }, null, 8, kt)),
-      n("div", St, j(i.title), 1),
-      n("div", Ct, [
-        n("span", {
-          innerHTML: i.content
-        }, null, 8, It)
+      }, null, 8, St)),
+      a("div", Mt, V(s.title), 1),
+      a("div", Tt, [
+        a("span", {
+          innerHTML: s.content
+        }, null, 8, zt)
       ])
     ], 2))), 128));
   }
-}), Mt = ["src"], zt = { class: "text-xl" }, Tn = /* @__PURE__ */ _({
+}), Bt = ["src"], Ot = { class: "text-xl" }, Ra = /* @__PURE__ */ A({
   __name: "avatar",
   props: {
     image: {},
@@ -415,32 +415,32 @@ const vt = xe("SunIcon", [
     fullyRounded: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const d = e, l = h(d.onlineStatus);
-    return H(
-      () => d.onlineStatus,
+    const c = e, l = h(c.onlineStatus);
+    return F(
+      () => c.onlineStatus,
       (t) => {
         t && (l.value = t);
       }
-    ), (t, i) => (a(), s("div", {
-      class: z(["avatar", [{ "avatar-online": l.value === "online" }, { "avatar-offline": l.value === "offline" }]])
+    ), (t, s) => (o(), i("div", {
+      class: S(["avatar", [{ "avatar-online": l.value === "online" }, { "avatar-offline": l.value === "offline" }]])
     }, [
-      e.image ? (a(), s("div", {
+      e.image ? (o(), i("div", {
         key: 0,
-        class: z(["rounded", [{ "rounded-full": e.fullyRounded }, { rounded: !e.fullyRounded }]])
+        class: S(["rounded", [{ "rounded-full": e.fullyRounded }, { rounded: !e.fullyRounded }]])
       }, [
-        n("img", {
+        a("img", {
           src: e.image,
           class: "w-full h-full"
-        }, null, 8, Mt)
-      ], 2)) : (a(), s("div", {
+        }, null, 8, Bt)
+      ], 2)) : (o(), i("div", {
         key: 1,
-        class: z(["flex justify-center bg-neutral p-[25%] rounded w-16 text-neutral-content text-center", [{ "rounded-full": e.fullyRounded }, { rounded: !e.fullyRounded }]])
+        class: S(["flex justify-center bg-neutral p-[25%] rounded w-16 text-neutral-content text-center", [{ "rounded-full": e.fullyRounded }, { rounded: !e.fullyRounded }]])
       }, [
-        n("p", zt, j(e.initials), 1)
+        a("p", Ot, V(e.initials), 1)
       ], 2))
     ], 2));
   }
-}), Bn = /* @__PURE__ */ _({
+}), Aa = /* @__PURE__ */ A({
   __name: "badge",
   props: {
     color: { default: "neutral" },
@@ -448,7 +448,7 @@ const vt = xe("SunIcon", [
     size: { default: "medium" }
   },
   setup(e) {
-    const d = e, l = {
+    const c = e, l = {
       "extra small": "badge-xs",
       small: "badge-sm",
       medium: "badge-md",
@@ -464,25 +464,25 @@ const vt = xe("SunIcon", [
       warning: "badge-warning",
       error: "badge-error"
     };
-    return (i, o) => (a(), s("span", {
-      class: z(["badge", l[d.size], t[d.color], { "badge-outline": d.outline }])
+    return (s, n) => (o(), i("span", {
+      class: S(["badge", l[c.size], t[c.color], { "badge-outline": c.outline }])
     }, [
-      V(i.$slots, "default")
+      O(s.$slots, "default")
     ], 2));
   }
-}), Tt = ["src", "alt"], Bt = {
+}), Dt = ["src", "alt"], Vt = {
   key: 0,
   class: "card-body"
-}, Ot = {
+}, _t = {
   key: 0,
   class: "group-hover:text-primary text-lg text-left cursor-pointer card-title"
-}, Dt = {
+}, Et = {
   key: 1,
   class: "text-left"
-}, Vt = { class: "flex-col flex-nowrap mt-auto card-actions" }, Et = {
+}, jt = { class: "flex-col flex-nowrap mt-auto card-actions" }, Lt = {
   key: 1,
   class: "card-body"
-}, On = /* @__PURE__ */ _({
+}, Na = /* @__PURE__ */ A({
   __name: "card",
   props: {
     imgUrl: { default: "" },
@@ -499,68 +499,68 @@ const vt = xe("SunIcon", [
     horizontal: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const d = e, l = h(d.outlined);
-    return H(
-      () => d.outlined,
+    const c = e, l = h(c.outlined);
+    return F(
+      () => c.outlined,
       (t) => {
         l.value = t;
       }
-    ), (t, i) => (a(), s("div", {
-      class: z(["group bg-base-100 shadow-xl rounded-sm min-w-64 max-w-full h-full card card-compact", [
+    ), (t, s) => (o(), i("div", {
+      class: S(["group bg-base-100 shadow-xl rounded-sm min-w-64 max-w-full h-full card card-compact", [
         { "border-4 border-primary": l.value },
         e.color ?? "",
         e.background,
         { "card-side": e.horizontal }
       ]])
     }, [
-      n("figure", {
-        class: z([{ "contents!": e.horizontal && e.imgWidth }])
+      a("figure", {
+        class: S([{ "contents!": e.horizontal && e.imgWidth }])
       }, [
-        e.imgUrl || e.imgUrl && !e.loading ? (a(), s("img", {
+        e.imgUrl || e.imgUrl && !e.loading ? (o(), i("img", {
           key: 0,
           src: e.imgUrl,
           alt: e.alt,
-          class: z(["rounded-sm object-cover", [
+          class: S(["rounded-sm object-cover", [
             {
               hidden: e.loading
             },
             !e.horizontal && e.imgHeight ? e.imgHeight : "h-full",
             e.horizontal && e.imgWidth ? e.imgWidth : "w-full"
           ]])
-        }, null, 10, Tt)) : O("", !0),
-        e.loading && e.imgUrl ? (a(), s("div", {
+        }, null, 10, Dt)) : z("", !0),
+        e.loading && e.imgUrl ? (o(), i("div", {
           key: 1,
-          class: z(["w-full skeleton", e.imgHeight])
-        }, null, 2)) : O("", !0)
+          class: S(["w-full skeleton", e.imgHeight])
+        }, null, 2)) : z("", !0)
       ], 2),
-      e.loading ? O("", !0) : (a(), s("div", Bt, [
-        e.title ? (a(), s("h2", Ot, j(e.title), 1)) : O("", !0),
-        V(t.$slots, "details"),
-        e.description ? (a(), s("p", Dt, j(e.description), 1)) : O("", !0),
-        n("div", Vt, [
-          V(t.$slots, "actions")
+      e.loading ? z("", !0) : (o(), i("div", Vt, [
+        e.title ? (o(), i("h2", _t, V(e.title), 1)) : z("", !0),
+        O(t.$slots, "details"),
+        e.description ? (o(), i("p", Et, V(e.description), 1)) : z("", !0),
+        a("div", jt, [
+          O(t.$slots, "actions")
         ])
       ])),
-      e.loading ? (a(), s("div", Et, [...i[0] || (i[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" }),
-          n("div", { class: "w-full h-4 skeleton" })
+      e.loading ? (o(), i("div", Lt, [...s[0] || (s[0] = [
+        a("div", { class: "flex flex-col gap-4 w-52" }, [
+          a("div", { class: "w-28 h-4 skeleton" }),
+          a("div", { class: "w-full h-4 skeleton" }),
+          a("div", { class: "w-full h-4 skeleton" })
         ], -1)
-      ])])) : O("", !0)
+      ])])) : z("", !0)
     ], 2));
   }
-}), _e = Symbol("CarouselItemStyle"), jt = { class: "relative h-full" }, Lt = {
+}), qe = Symbol("CarouselItemStyle"), Pt = { class: "relative h-full" }, Rt = {
   key: 0,
   class: "flex-shrink-0"
-}, Pt = {
+}, At = {
   key: 0,
   class: "flex-shrink-0"
-}, At = {
+}, Nt = {
   key: 1,
   id: "carousel-indicators",
   class: "bottom-5 z-10 absolute flex justify-center gap-2 py-2 w-full"
-}, Rt = ["onClick", "aria-label"], Nt = /* @__PURE__ */ _({
+}, qt = ["onClick", "aria-label"], Ft = /* @__PURE__ */ A({
   __name: "carousel",
   props: {
     showIndicators: {
@@ -615,263 +615,263 @@ const vt = xe("SunIcon", [
       validator: (e) => e > 0
     }
   },
-  setup(e, { expose: d }) {
-    const l = e, t = h(l.initialSlide), i = h(null), o = h(null), u = h(0), m = h(!1), r = h(0), g = h(0), M = h(!1), R = h(0), k = h(0), c = h(0), E = h(0), I = h(0), W = h(0), F = h(0), K = h(null), Q = h(null), le = h(0), f = h(null), b = ee(() => {
-      const S = Object.keys(l.breakpoints).map(Number).sort((P, q) => P - q);
+  setup(e, { expose: c }) {
+    const l = e, t = h(l.initialSlide), s = h(null), n = h(null), r = h(0), m = h(!1), u = h(0), g = h(0), I = h(!1), P = h(0), k = h(0), d = h(0), E = h(0), T = h(0), W = h(0), q = h(0), X = h(null), ee = h(null), ae = h(0), f = h(null), b = K(() => {
+      const C = Object.keys(l.breakpoints).map(Number).sort((L, U) => L - U);
       let $ = {};
-      for (const P of S)
-        g.value >= P && ($ = { ...$, ...l.breakpoints[P] });
+      for (const L of C)
+        g.value >= L && ($ = { ...$, ...l.breakpoints[L] });
       return $;
-    }), y = ee(() => b.value.slidesPerView ?? l.slidesPerView), C = ee(() => b.value.gap ?? l.gap), v = ee(() => {
-      const S = l.sliderOrientation === "horizontal", P = `calc((100% - ${y.value > 1 ? (y.value - 1) * C.value : 0}px) / ${y.value})`;
-      return S ? {
-        width: P
-      } : { height: P };
+    }), y = K(() => b.value.slidesPerView ?? l.slidesPerView), M = K(() => b.value.gap ?? l.gap), v = K(() => {
+      const C = l.sliderOrientation === "horizontal", L = `calc((100% - ${y.value > 1 ? (y.value - 1) * M.value : 0}px) / ${y.value})`;
+      return C ? {
+        width: L
+      } : { height: L };
     });
-    Ke(_e, v);
-    const D = () => {
-      o.value ? r.value = o.value.children.length : r.value = 0;
+    Xe(qe, v);
+    const _ = () => {
+      n.value ? u.value = n.value.children.length : u.value = 0;
     }, x = () => {
-      if (!i.value || y.value <= 0) return 0;
-      const $ = l.sliderOrientation === "horizontal" ? i.value.offsetWidth : i.value.offsetHeight, P = (y.value - 1) * C.value;
-      return $ <= 0 ? 0 : ($ - P) / y.value;
-    }, L = ee(() => {
-      if (!i.value || r.value === 0 || y.value === 0) return 0;
-      const $ = l.sliderOrientation === "horizontal" ? i.value.offsetWidth : i.value.offsetHeight, P = x(), q = r.value * (P + C.value) - C.value;
-      return Math.max(0, q - $);
-    }), A = async (S, $ = !1) => {
-      if (!i.value || y.value <= 0 || m.value || (D(), r.value === 0)) return;
-      const P = x();
-      if (P <= 0) return;
-      const q = P + C.value, Z = L.value;
-      let X = S;
-      l.infinite ? X = (S % r.value + r.value) % r.value : X = Math.max(0, Math.min(S, r.value - y.value));
-      const oe = X * q, Y = l.infinite ? oe : Math.max(0, Math.min(oe, Z));
+      if (!s.value || y.value <= 0) return 0;
+      const $ = l.sliderOrientation === "horizontal" ? s.value.offsetWidth : s.value.offsetHeight, L = (y.value - 1) * M.value;
+      return $ <= 0 ? 0 : ($ - L) / y.value;
+    }, j = K(() => {
+      if (!s.value || u.value === 0 || y.value === 0) return 0;
+      const $ = l.sliderOrientation === "horizontal" ? s.value.offsetWidth : s.value.offsetHeight, L = x(), U = u.value * (L + M.value) - M.value;
+      return Math.max(0, U - $);
+    }), R = async (C, $ = !1) => {
+      if (!s.value || y.value <= 0 || m.value || (_(), u.value === 0)) return;
+      const L = x();
+      if (L <= 0) return;
+      const U = L + M.value, Q = j.value;
+      let Y = C;
+      l.infinite ? Y = (C % u.value + u.value) % u.value : Y = Math.max(0, Math.min(C, u.value - y.value));
+      const se = Y * U, J = l.infinite ? se : Math.max(0, Math.min(se, Q));
       if ($ || l.slideDuration === 0) {
-        o.value && (o.value.style.transitionDuration = "0ms", o.value.style.transform = l.sliderOrientation === "horizontal" ? `translate3d(${-Y}px, 0, 0)` : `translate3d(0, ${-Y}px, 0)`), u.value = Y, t.value = X, m.value = !1, l.autoplay && ce();
+        n.value && (n.value.style.transitionDuration = "0ms", n.value.style.transform = l.sliderOrientation === "horizontal" ? `translate3d(${-J}px, 0, 0)` : `translate3d(0, ${-J}px, 0)`), r.value = J, t.value = Y, m.value = !1, l.autoplay && fe();
         return;
       }
       m.value = !0;
-      const ie = u.value, ae = Y - ie, be = performance.now(), me = (ke) => {
-        if (!o.value) return;
-        const He = ke - be, je = Math.min(1, He / l.slideDuration), qe = 1 - Math.pow(1 - je, 3), Me = ie + ae * qe;
-        o.value.style.transform = l.sliderOrientation === "horizontal" ? `translate3d(${-Me}px, 0, 0)` : `translate3d(0, ${-Me}px, 0)`, u.value = Me, je < 1 ? K.value = requestAnimationFrame(me) : (o.value.style.transform = l.sliderOrientation === "horizontal" ? `translate3d(${-Y}px, 0, 0)` : `translate3d(0, ${-Y}px, 0)`, u.value = Y, t.value = X, m.value = !1, l.autoplay && ce(), K.value = null);
+      const ie = r.value, oe = J - ie, be = performance.now(), he = ($e) => {
+        if (!n.value) return;
+        const He = $e - be, Le = Math.min(1, He / l.slideDuration), Ue = 1 - Math.pow(1 - Le, 3), Te = ie + oe * Ue;
+        n.value.style.transform = l.sliderOrientation === "horizontal" ? `translate3d(${-Te}px, 0, 0)` : `translate3d(0, ${-Te}px, 0)`, r.value = Te, Le < 1 ? X.value = requestAnimationFrame(he) : (n.value.style.transform = l.sliderOrientation === "horizontal" ? `translate3d(${-J}px, 0, 0)` : `translate3d(0, ${-J}px, 0)`, r.value = J, t.value = Y, m.value = !1, l.autoplay && fe(), X.value = null);
       };
-      K.value = requestAnimationFrame(me);
+      X.value = requestAnimationFrame(he);
     }, te = () => {
-      l.infinite && t.value >= r.value - y.value ? A(0) : A(t.value + 1);
-    }, de = () => {
-      l.infinite && t.value <= 0 ? A(r.value - y.value) : A(t.value - 1);
-    }, p = (S) => {
-      A(S);
-    }, w = (S) => {
-      m.value && K.value && (l.autoplay && ne(), cancelAnimationFrame(K.value), m.value = !1);
-      const $ = "touches" in S ? S.touches[0] : S;
-      R.value = $.clientX, k.value = $.clientY, f.value = null, c.value = u.value, E.value = 0, I.value = 0, W.value = 0, F.value = performance.now(), i.value && (i.value.style.scrollSnapType = "none"), document.addEventListener("mousemove", T, { passive: !1 }), document.addEventListener("mouseup", N), document.addEventListener("touchmove", T, { passive: !1 }), document.addEventListener("touchend", N);
-    }, T = (S) => {
-      const $ = "touches" in S ? S.touches[0] : S;
+      l.infinite && t.value >= u.value - y.value ? R(0) : R(t.value + 1);
+    }, ve = () => {
+      l.infinite && t.value <= 0 ? R(u.value - y.value) : R(t.value - 1);
+    }, p = (C) => {
+      R(C);
+    }, w = (C) => {
+      m.value && X.value && (l.autoplay && ne(), cancelAnimationFrame(X.value), m.value = !1);
+      const $ = "touches" in C ? C.touches[0] : C;
+      P.value = $.clientX, k.value = $.clientY, f.value = null, d.value = r.value, E.value = 0, T.value = 0, W.value = 0, q.value = performance.now(), s.value && (s.value.style.scrollSnapType = "none"), document.addEventListener("mousemove", B, { passive: !1 }), document.addEventListener("mouseup", N), document.addEventListener("touchmove", B, { passive: !1 }), document.addEventListener("touchend", N);
+    }, B = (C) => {
+      const $ = "touches" in C ? C.touches[0] : C;
       if (!f.value) {
-        const be = Math.abs($.clientX - R.value), me = Math.abs($.clientY - k.value), ke = 5;
-        if (be > ke || me > ke)
+        const be = Math.abs($.clientX - P.value), he = Math.abs($.clientY - k.value), $e = 5;
+        if (be > $e || he > $e)
           if (l.sliderOrientation === "horizontal")
-            if (be > me)
-              f.value = "horizontal", M.value = !0;
+            if (be > he)
+              f.value = "horizontal", I.value = !0;
             else {
-              B();
+              D();
               return;
             }
-          else if (me > be)
-            f.value = "vertical", M.value = !0;
+          else if (he > be)
+            f.value = "vertical", I.value = !0;
           else {
-            B();
+            D();
             return;
           }
         else
           return;
       }
-      if (!M.value || !o.value || !i.value) return;
-      S.cancelable && S.preventDefault();
-      const P = performance.now(), q = P - F.value, Z = l.sliderOrientation === "horizontal" ? $.clientX : $.clientY, X = l.sliderOrientation === "horizontal" ? R.value : k.value, oe = l.sliderOrientation === "horizontal" ? I.value || X : W.value || X, Y = Z - oe;
-      q > 0 && (E.value = Y / q * 1e3);
-      const ie = Z - X;
-      let ae = c.value - ie;
-      ae < 0 ? ae = ae * 0.3 : ae > L.value && (ae = L.value + (ae - L.value) * 0.3), le.value = ae, o.value.style.transform = l.sliderOrientation === "horizontal" ? `translate3d(${-le.value}px, 0, 0)` : `translate3d(0, ${-le.value}px, 0)`, l.sliderOrientation === "horizontal" ? I.value = Z : W.value = Z, F.value = P;
-    }, B = () => {
-      document.removeEventListener("mousemove", T), document.removeEventListener("mouseup", N), document.removeEventListener("touchmove", T), document.removeEventListener("touchend", N);
+      if (!I.value || !n.value || !s.value) return;
+      C.cancelable && C.preventDefault();
+      const L = performance.now(), U = L - q.value, Q = l.sliderOrientation === "horizontal" ? $.clientX : $.clientY, Y = l.sliderOrientation === "horizontal" ? P.value : k.value, se = l.sliderOrientation === "horizontal" ? T.value || Y : W.value || Y, J = Q - se;
+      U > 0 && (E.value = J / U * 1e3);
+      const ie = Q - Y;
+      let oe = d.value - ie;
+      oe < 0 ? oe = oe * 0.3 : oe > j.value && (oe = j.value + (oe - j.value) * 0.3), ae.value = oe, n.value.style.transform = l.sliderOrientation === "horizontal" ? `translate3d(${-ae.value}px, 0, 0)` : `translate3d(0, ${-ae.value}px, 0)`, l.sliderOrientation === "horizontal" ? T.value = Q : W.value = Q, q.value = L;
+    }, D = () => {
+      document.removeEventListener("mousemove", B), document.removeEventListener("mouseup", N), document.removeEventListener("touchmove", B), document.removeEventListener("touchend", N);
     }, N = () => {
-      if (!M.value || !i.value || !o.value) return;
-      const $ = l.sliderOrientation === "horizontal" ? c.value - (I.value - R.value) : c.value - (W.value - k.value), P = Math.max(0, Math.min($, L.value)), q = x() + C.value;
-      if (M.value = !1, B(), u.value = P, l.infinite) {
+      if (!I.value || !s.value || !n.value) return;
+      const $ = l.sliderOrientation === "horizontal" ? d.value - (T.value - P.value) : d.value - (W.value - k.value), L = Math.max(0, Math.min($, j.value)), U = x() + M.value;
+      if (I.value = !1, D(), r.value = L, l.infinite) {
         if ($ < 0) {
-          A(r.value - 1);
+          R(u.value - 1);
           return;
-        } else if ($ > L.value) {
-          A(0);
+        } else if ($ > j.value) {
+          R(0);
           return;
         }
       } else if ($ < 0) {
-        A(0);
+        R(0);
         return;
-      } else if ($ > L.value) {
-        const Y = Math.max(0, r.value - Math.floor(y.value));
-        A(Y);
+      } else if ($ > j.value) {
+        const J = Math.max(0, u.value - Math.floor(y.value));
+        R(J);
         return;
       }
-      const Z = Math.max(0, r.value - Math.floor(y.value)), X = 100, oe = Math.round(P / q);
-      if (Math.abs(E.value) > X) {
-        const Y = -Math.sign(E.value), ie = oe + Y;
-        A(Math.max(0, Math.min(Z, ie)));
+      const Q = Math.max(0, u.value - Math.floor(y.value)), Y = 100, se = Math.round(L / U);
+      if (Math.abs(E.value) > Y) {
+        const J = -Math.sign(E.value), ie = se + J;
+        R(Math.max(0, Math.min(Q, ie)));
       } else
-        A(Math.max(0, Math.min(Z, oe)));
-    }, J = () => {
-      !l.autoplay || Q.value !== null || (Q.value = setInterval(() => {
+        R(Math.max(0, Math.min(Q, se)));
+    }, Z = () => {
+      !l.autoplay || ee.value !== null || (ee.value = setInterval(() => {
         te();
       }, l.autoplayInterval));
     }, ne = () => {
-      Q.value !== null && (clearInterval(Q.value), Q.value = null);
-    }, ce = () => {
+      ee.value !== null && (clearInterval(ee.value), ee.value = null);
+    }, fe = () => {
       ne(), setTimeout(() => {
-        J();
+        Z();
       }, 500);
-    }, fe = h(null), Ie = (S) => {
-      if (!S || S.length === 0)
+    }, pe = h(null), Me = (C) => {
+      if (!C || C.length === 0)
         return;
-      const { width: $ } = S[0].contentRect;
+      const { width: $ } = C[0].contentRect;
       Math.abs($ - g.value) > 1 && (g.value = $);
     }, Fe = () => {
-      if (!i.value || y.value <= 0 || (D(), r.value === 0)) return;
-      const S = x();
-      if (S <= 0) return;
-      const $ = Math.max(0, r.value - y.value), P = Math.min(Math.max(0, l.initialSlide), $), q = P * (S + C.value), Z = L.value, X = Math.max(0, Math.min(q, Z));
-      o.value && (o.value.style.transitionDuration = "0ms", o.value.style.transform = l.sliderOrientation === "horizontal" ? `translate3d(${-X}px, 0, 0)` : `translate3d(0, ${-X}px, 0)`), u.value = X, t.value = P;
+      if (!s.value || y.value <= 0 || (_(), u.value === 0)) return;
+      const C = x();
+      if (C <= 0) return;
+      const $ = Math.max(0, u.value - y.value), L = Math.min(Math.max(0, l.initialSlide), $), U = L * (C + M.value), Q = j.value, Y = Math.max(0, Math.min(U, Q));
+      n.value && (n.value.style.transitionDuration = "0ms", n.value.style.transform = l.sliderOrientation === "horizontal" ? `translate3d(${-Y}px, 0, 0)` : `translate3d(0, ${-Y}px, 0)`), r.value = Y, t.value = L;
     };
-    let Ee = !1;
-    return ge(() => {
-      var $, P, q, Z, X, oe, Y, ie;
+    let je = !1;
+    return me(() => {
+      var $, L, U, Q, Y, se, J, ie;
       g.value = window.innerWidth;
-      const S = H(r, (ae) => {
-        ae > 0 && !Ee && (Fe(), Ee = !0, S());
+      const C = F(u, (oe) => {
+        oe > 0 && !je && (Fe(), je = !0, C());
       });
-      l.autoplay && J(), D(), i.value && (fe.value = new ResizeObserver(Ie), fe.value.observe(i.value)), ($ = i.value) == null || $.addEventListener("mousedown", w), (P = i.value) == null || P.addEventListener("touchstart", w, { passive: !0 }), l.showNavigationButtons && ((X = (Z = (q = i.value) == null ? void 0 : q.parentElement) == null ? void 0 : Z.querySelector(".absolute.flex.justify-between")) == null || X.addEventListener("click", ce)), l.showIndicators && ((ie = (Y = (oe = i.value) == null ? void 0 : oe.parentElement) == null ? void 0 : Y.querySelector(".bottom-5.flex.justify-center")) == null || ie.addEventListener("click", ce));
-    }), Re(() => {
-      fe.value && fe.value.disconnect(), ne();
-    }), H(() => l.autoplay, (S) => {
-      S ? J() : ne();
-    }), H(() => l.autoplayInterval, ce), H(() => l.initialSlide, (S) => {
-      requestAnimationFrame(() => A(S, !0));
-    }), H([y, C], () => {
+      l.autoplay && Z(), _(), s.value && (pe.value = new ResizeObserver(Me), pe.value.observe(s.value)), ($ = s.value) == null || $.addEventListener("mousedown", w), (L = s.value) == null || L.addEventListener("touchstart", w, { passive: !0 }), l.showNavigationButtons && ((Y = (Q = (U = s.value) == null ? void 0 : U.parentElement) == null ? void 0 : Q.querySelector(".absolute.flex.justify-between")) == null || Y.addEventListener("click", fe)), l.showIndicators && ((ie = (J = (se = s.value) == null ? void 0 : se.parentElement) == null ? void 0 : J.querySelector(".bottom-5.flex.justify-center")) == null || ie.addEventListener("click", fe));
+    }), Ee(() => {
+      pe.value && pe.value.disconnect(), ne();
+    }), F(() => l.autoplay, (C) => {
+      C ? Z() : ne();
+    }), F(() => l.autoplayInterval, fe), F(() => l.initialSlide, (C) => {
+      requestAnimationFrame(() => R(C, !0));
+    }), F([y, M], () => {
       requestAnimationFrame(() => {
         requestAnimationFrame(() => {
-          if (D(), r.value === 0) return;
-          const S = Math.max(0, r.value - y.value), $ = Math.min(t.value, S);
-          A($, !0);
+          if (_(), u.value === 0) return;
+          const C = Math.max(0, u.value - y.value), $ = Math.min(t.value, C);
+          R($, !0);
         });
       });
-    }), d({ scrollToSlide: A }), (S, $) => (a(), s("div", jt, [
-      n("div", {
+    }), c({ scrollToSlide: R }), (C, $) => (o(), i("div", Pt, [
+      a("div", {
         ref_key: "carouselContainer",
-        ref: i,
-        class: z(["rounded w-full h-full carousel", [{ "carousel-horizontal": e.sliderOrientation == "horizontal" }, { "carousel-vertical": e.sliderOrientation == "vertical" }, { "cursor-grabbing !select-none": M.value }]]),
+        ref: s,
+        class: S(["rounded w-full h-full carousel", [{ "carousel-horizontal": e.sliderOrientation == "horizontal" }, { "carousel-vertical": e.sliderOrientation == "vertical" }, { "cursor-grabbing !select-none": I.value }]]),
         style: { scrollSnapType: "none" }
       }, [
-        n("div", {
+        a("div", {
           ref_key: "slidesContainer",
-          ref: o,
-          class: z(["w-full h-full transition-transform duration-0 ease-out", e.sliderOrientation === "horizontal" ? "flex" : "block"]),
-          style: we({ gap: `${C.value}px` })
+          ref: n,
+          class: S(["w-full h-full transition-transform duration-0 ease-out", e.sliderOrientation === "horizontal" ? "flex" : "block"]),
+          style: xe({ gap: `${M.value}px` })
         }, [
-          V(S.$slots, "default", {}, void 0, !0)
+          O(C.$slots, "default", {}, void 0, !0)
         ], 6)
       ], 2),
-      e.showNavigationButtons ? (a(), s("div", {
+      e.showNavigationButtons ? (o(), i("div", {
         key: 0,
-        class: z([{ "top-1/2 right-5 left-5 z-10 absolute flex justify-between items-center -translate-y-1/2 transform": e.sliderOrientation === "horizontal" }, { "right-0 absolute flex justify-between items-center -translate-y-1/2 transform rotate-90 top-1/2 gap-3": e.sliderOrientation === "vertical" }])
+        class: S([{ "top-1/2 right-5 left-5 z-10 absolute flex justify-between items-center -translate-y-1/2 transform": e.sliderOrientation === "horizontal" }, { "right-0 absolute flex justify-between items-center -translate-y-1/2 transform rotate-90 top-1/2 gap-3": e.sliderOrientation === "vertical" }])
       }, [
-        ue(Le, { name: "fade" }, {
-          default: Ce(() => [
-            l.infinite || t.value > 0 ? (a(), s("div", Lt, [
-              n("div", {
-                onClick: de,
+        ue(Pe, { name: "fade" }, {
+          default: we(() => [
+            l.infinite || t.value > 0 ? (o(), i("div", Rt, [
+              a("div", {
+                onClick: ve,
                 role: "button",
                 "aria-label": "Previous Slide"
               }, [
-                V(S.$slots, "prevButton", {}, () => [
-                  $[0] || ($[0] = n("button", {
+                O(C.$slots, "prevButton", {}, () => [
+                  $[0] || ($[0] = a("button", {
                     class: "btn btn-circle text-xs",
                     tabindex: "-1"
                   }, "❮", -1))
                 ], !0)
               ])
-            ])) : O("", !0)
+            ])) : z("", !0)
           ]),
           _: 3
         }),
-        $[2] || ($[2] = n("div", { class: "flex-grow" }, null, -1)),
-        ue(Le, { name: "fade" }, {
-          default: Ce(() => [
-            l.infinite || t.value < r.value - y.value ? (a(), s("div", Pt, [
-              n("div", {
+        $[2] || ($[2] = a("div", { class: "flex-grow" }, null, -1)),
+        ue(Pe, { name: "fade" }, {
+          default: we(() => [
+            l.infinite || t.value < u.value - y.value ? (o(), i("div", At, [
+              a("div", {
                 onClick: te,
                 role: "button",
                 "aria-label": "Next Slide"
               }, [
-                V(S.$slots, "nextButton", {}, () => [
-                  $[1] || ($[1] = n("button", {
+                O(C.$slots, "nextButton", {}, () => [
+                  $[1] || ($[1] = a("button", {
                     class: "btn btn-circle text-xs",
                     tabindex: "-1"
                   }, "❯", -1))
                 ], !0)
               ])
-            ])) : O("", !0)
+            ])) : z("", !0)
           ]),
           _: 3
         })
-      ], 2)) : O("", !0),
-      e.showIndicators ? (a(), s("div", At, [
-        (a(!0), s(U, null, G(r.value, (P, q) => (a(), s("button", {
-          key: `dot-${q}`,
-          onClick: (Z) => p(q),
-          class: z(["btn btn-circle btn-xs", { "btn-active": q === t.value }]),
-          "aria-label": `Go to slide ${q + 1}`
-        }, null, 10, Rt))), 128))
-      ])) : O("", !0)
+      ], 2)) : z("", !0),
+      e.showIndicators ? (o(), i("div", Nt, [
+        (o(!0), i(H, null, G(u.value, (L, U) => (o(), i("button", {
+          key: `dot-${U}`,
+          onClick: (Q) => p(U),
+          class: S(["btn btn-circle btn-xs", { "btn-active": U === t.value }]),
+          "aria-label": `Go to slide ${U + 1}`
+        }, null, 10, qt))), 128))
+      ])) : z("", !0)
     ]));
   }
-}), ye = (e, d) => {
+}), de = (e, c) => {
   const l = e.__vccOpts || e;
-  for (const [t, i] of d)
-    l[t] = i;
+  for (const [t, s] of c)
+    l[t] = s;
   return l;
-}, Dn = /* @__PURE__ */ ye(Nt, [["__scopeId", "data-v-d9ad9601"]]), _t = /* @__PURE__ */ _({
+}, qa = /* @__PURE__ */ de(Ft, [["__scopeId", "data-v-d9ad9601"]]), Ht = /* @__PURE__ */ A({
   __name: "carouselItem",
   setup(e) {
-    const d = Xe(_e, h({}));
-    return (l, t) => (a(), s("div", {
+    const c = Ye(qe, h({}));
+    return (l, t) => (o(), i("div", {
       class: "w-full h-full carousel-item",
-      style: we(se(d))
+      style: xe(le(c))
     }, [
-      V(l.$slots, "default", {}, void 0, !0)
+      O(l.$slots, "default", {}, void 0, !0)
     ], 4));
   }
-}), Vn = /* @__PURE__ */ ye(_t, [["__scopeId", "data-v-507384bc"]]), Ft = { class: "flex gap-4 bg-base-100 w-full tabs tabs-boxed" }, Ht = ["onClick"], qt = {
+}), Fa = /* @__PURE__ */ de(Ht, [["__scopeId", "data-v-507384bc"]]), Ut = { class: "flex gap-4 bg-base-100 w-full tabs tabs-boxed" }, Wt = ["onClick"], Kt = {
   key: 0,
   class: "inline-component-wrapper flex grow justify-center items-center w-full h-full"
-}, Ut = {
+}, Xt = {
   key: 1,
   class: "flex flex-col"
-}, Wt = { class: "text-sm" }, Kt = {
+}, Yt = { class: "text-sm" }, Gt = {
   key: 0,
   class: "opacity-75 overflow-hidden text-xs truncate ..."
-}, Xt = {
+}, Jt = {
   key: 1,
   class: "hidden md:block opacity-35 overflow-hidden text-xs truncate ..."
-}, Yt = { class: "hidden" }, Gt = ["id"], Jt = { class: "modal-box" }, Zt = { class: "font-bold text-lg" }, Qt = ["name", "checked"], el = { class: "collapse-title flex justify-between items-center pr-4 w-full font-medium text-xl" }, tl = {
+}, Zt = { class: "hidden" }, Qt = ["id"], el = { class: "modal-box" }, tl = { class: "font-bold text-lg" }, ll = ["name", "checked"], al = { class: "collapse-title flex justify-between items-center pr-4 w-full font-medium text-xl" }, nl = {
   key: 0,
   class: "opacity-75 overflow-hidden text-sm truncate ..."
-}, ll = {
+}, ol = {
   key: 1,
   class: "opacity-35 text-sm"
-}, nl = { class: "collapse-content flex place-content-center p-0" }, al = /* @__PURE__ */ _({
+}, sl = { class: "collapse-content flex place-content-center p-0" }, il = /* @__PURE__ */ A({
   __name: "advancedSearch",
   props: {
     searchOptions: {},
@@ -880,20 +880,20 @@ const vt = xe("SunIcon", [
     value: {}
   },
   emits: ["search", "update:search-data"],
-  setup(e, { emit: d }) {
-    const l = e, t = d, i = l.id ?? `advancedSearch-${Ye()}`, o = h(null), u = h(null), m = {
-      datetime: ze(() => Promise.resolve().then(() => wl)),
+  setup(e, { emit: c }) {
+    const l = e, t = c, s = l.id ?? `advancedSearch-${Ge()}`, n = h(null), r = h(null), m = {
+      datetime: ze(() => Promise.resolve().then(() => $l)),
       "standard-select": ze(() => 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": ze(() => import("./inputField-BxT95oyM.js"))
       // 'custom-select': defineAsyncComponent(() => import('./CustomSelect.vue')),
-    }, r = h({}), g = h({
+    }, u = h({}), g = h({
       left: "0px",
       top: "0px",
       transform: "translateX(0%)"
-    }), M = h(null), R = (f) => {
+    }), I = h(null), P = (f) => {
       var b;
       if (f.value === void 0 || f.value === null || f.value === "")
         return "";
@@ -908,9 +908,9 @@ const vt = xe("SunIcon", [
             }
           else if (f.range && typeof f.value == "object" && f.value !== null && "start" in f.value && "end" in f.value)
             try {
-              const y = new Date(f.value.start), C = new Date(f.value.end);
-              if (!isNaN(y.getTime()) && !isNaN(C.getTime()))
-                return `${y.toLocaleDateString()} - ${C.toLocaleDateString()}`;
+              const y = new Date(f.value.start), M = new Date(f.value.end);
+              if (!isNaN(y.getTime()) && !isNaN(M.getTime()))
+                return `${y.toLocaleDateString()} - ${M.toLocaleDateString()}`;
             } catch {
             }
           break;
@@ -926,7 +926,7 @@ const vt = xe("SunIcon", [
         case "custom-select":
           if ((b = f.props) != null && b.options && Array.isArray(f.props.options)) {
             const y = f.props.options.find(
-              (C) => C.value === f.value
+              (M) => M.value === f.value
             );
             if (y)
               return y.text;
@@ -940,61 +940,61 @@ const vt = xe("SunIcon", [
       return String(f.value);
     };
     function k(f) {
-      var v, D;
-      const b = (v = o.value) == null ? void 0 : v.name;
+      var v, _;
+      const b = (v = n.value) == null ? void 0 : v.name;
       if (!b) {
         console.warn("componentValueUpdated called but no active tab.");
         return;
       }
-      const y = (D = l.searchOptions.find(
+      const y = (_ = l.searchOptions.find(
         (x) => (x == null ? void 0 : x.category) === l.currentCategory
-      )) == null ? void 0 : D.tabs, C = y == null ? void 0 : y.find(
+      )) == null ? void 0 : _.tabs, M = y == null ? void 0 : y.find(
         (x) => x.name === b
       );
-      C ? (C.value = f, t("update:search-data", {
-        tab: C.name,
+      M ? (M.value = f, t("update:search-data", {
+        tab: M.name,
         data: f
       })) : console.error(
         `Tab with name "${b}" not found in current category.`
       );
     }
-    function c(f) {
+    function d(f) {
       k(f);
     }
     function E() {
       t("search");
     }
-    async function I(f) {
-      var C;
-      const b = document.getElementById(`advancedSearchMobile-${i}`), y = b && b.contains(f.target);
-      ((C = o.value) == null ? void 0 : C.displayMode) === "popup" && M.value && !M.value.contains(f.target) && !y && (await pe(), o.value = null);
+    async function T(f) {
+      var M;
+      const b = document.getElementById(`advancedSearchMobile-${s}`), y = b && b.contains(f.target);
+      ((M = n.value) == null ? void 0 : M.displayMode) === "popup" && I.value && !I.value.contains(f.target) && !y && (await ge(), n.value = null);
     }
     async function W() {
       if (typeof window < "u" && window.innerWidth <= 768) {
         const f = document.getElementById(
-          `advancedSearchMobile-${i}`
+          `advancedSearchMobile-${s}`
         );
-        f ? (o.value = null, f.showModal()) : console.warn(
-          `Mobile modal element not found. Ensure it exists with id="advancedSearchMobile-${i}".`
+        f ? (n.value = null, f.showModal()) : console.warn(
+          `Mobile modal element not found. Ensure it exists with id="advancedSearchMobile-${s}".`
         );
       }
     }
-    async function F(f) {
-      var y, C, v;
+    async function q(f) {
+      var y, M, v;
       if (typeof window < "u" && window.innerWidth <= 768) {
         W();
         return;
       }
       const b = f.displayMode ?? "popup";
-      if (((y = o.value) == null ? void 0 : y.name) === f.name && ((C = o.value) == null ? void 0 : C.displayMode) === b)
-        o.value = null;
-      else if (o.value = { ...f, displayMode: b }, await pe(), ((v = o.value) == null ? void 0 : v.displayMode) === "popup") {
-        const D = r.value[f.name];
-        if (D && M.value) {
-          const x = D.getBoundingClientRect(), L = M.value.getBoundingClientRect(), A = x.bottom - L.top, te = x.left + x.width / 2 - L.left;
+      if (((y = n.value) == null ? void 0 : y.name) === f.name && ((M = n.value) == null ? void 0 : M.displayMode) === b)
+        n.value = null;
+      else if (n.value = { ...f, displayMode: b }, await ge(), ((v = n.value) == null ? void 0 : v.displayMode) === "popup") {
+        const _ = u.value[f.name];
+        if (_ && I.value) {
+          const x = _.getBoundingClientRect(), j = I.value.getBoundingClientRect(), R = x.bottom - j.top, te = x.left + x.width / 2 - j.left;
           g.value = {
             left: `${te}px`,
-            top: `${A + 8}px`,
+            top: `${R + 8}px`,
             // Add a small gap
             transform: "translateX(-50%)"
             // Center horizontally
@@ -1006,25 +1006,25 @@ const vt = xe("SunIcon", [
           );
       }
     }
-    const K = (f) => {
+    const X = (f) => {
       const b = f.relatedTarget;
       setTimeout(() => {
         var y;
-        ((y = o.value) == null ? void 0 : y.displayMode) === "inline" && M.value && (!b || !M.value.contains(b)) ? (console.log("Blur detected outside container, closing inline view."), o.value = null) : console.log(
+        ((y = n.value) == null ? void 0 : y.displayMode) === "inline" && I.value && (!b || !I.value.contains(b)) ? (console.log("Blur detected outside container, closing inline view."), n.value = null) : console.log(
           "Blur detected, but staying within container or not an inline tab."
         );
       }, 50);
-    }, Q = () => {
-      console.log("Enter key pressed on inline component, closing inline view."), o.value = null;
+    }, ee = () => {
+      console.log("Enter key pressed on inline component, closing inline view."), n.value = null;
     };
-    H(u, (f) => {
+    F(r, (f) => {
       var b;
       console.log(
         "advanced-search: inlineComponentRef changed. New Value:",
         f
-      ), console.log("advanced-search: activeTab.value:", o.value), f && ((b = o.value) == null ? void 0 : b.displayMode) === "inline" ? (console.log(
+      ), console.log("advanced-search: activeTab.value:", n.value), f && ((b = n.value) == null ? void 0 : b.displayMode) === "inline" ? (console.log(
         "advanced-search: Inline component ref is available and active tab is inline. Attempting to focus child input..."
-      ), pe(() => {
+      ), ge(() => {
         console.log(
           "advanced-search: Inside nextTick. Attempting to call child's focus method..."
         ), console.log("advanced-search: Type of newValue:", typeof f), console.log(
@@ -1039,161 +1039,161 @@ const vt = xe("SunIcon", [
       })) : console.log(
         f ? "advanced-search: inlineComponentRef available, but active tab is not inline." : "advanced-search: inlineComponentRef is now null (component likely unmounted)."
       );
-    }), ge(() => {
-      document.addEventListener("click", I), window.addEventListener("resize", le);
-    }), Ve(() => {
-      document.removeEventListener("click", I), window.removeEventListener("resize", le);
+    }), me(() => {
+      document.addEventListener("click", T), window.addEventListener("resize", ae);
+    }), _e(() => {
+      document.removeEventListener("click", T), window.removeEventListener("resize", ae);
     });
-    const le = () => {
+    const ae = () => {
       var f, b;
       if (typeof window < "u") {
-        const y = window.innerWidth <= 768, C = o.value !== null && (o.value.displayMode === "popup" || o.value.displayMode === "inline") && window.innerWidth > 768;
-        !y && (((f = o.value) == null ? void 0 : f.displayMode) === "popup" || ((b = o.value) == null ? void 0 : b.displayMode) === "inline") && window.innerWidth <= 768 && (console.log("Resizing to mobile, closing active tab."), o.value = null), y && !C && o.value !== null && (console.log(
+        const y = window.innerWidth <= 768, M = n.value !== null && (n.value.displayMode === "popup" || n.value.displayMode === "inline") && window.innerWidth > 768;
+        !y && (((f = n.value) == null ? void 0 : f.displayMode) === "popup" || ((b = n.value) == null ? void 0 : b.displayMode) === "inline") && window.innerWidth <= 768 && (console.log("Resizing to mobile, closing active tab."), n.value = null), y && !M && n.value !== null && (console.log(
           "Resizing to desktop from potential mobile active state, closing active tab."
-        ), o.value = null);
+        ), n.value = null);
         const v = document.getElementById(
-          `advancedSearchMobile-${i}`
+          `advancedSearchMobile-${s}`
         );
-        v != null && v.open && !y && (console.log("Modal is open on desktop, closing modal and active tab."), v.close(), o.value = null);
+        v != null && v.open && !y && (console.log("Modal is open on desktop, closing modal and active tab."), v.close(), n.value = null);
       }
     };
     return (f, b) => {
-      var y, C;
-      return a(), s(U, null, [
-        n("div", {
+      var y, M;
+      return o(), i(H, null, [
+        a("div", {
           ref_key: "searchContainer",
-          ref: M,
+          ref: I,
           class: "w-full"
         }, [
-          n("div", {
+          a("div", {
             class: "group/search relative flex place-items-center shadow-md p-2 border-2 border-base-300/25 rounded-sm w-full transition-all cursor-pointer md:cursor-auto",
             onClick: W
           }, [
-            n("div", Ft, [
-              (a(!0), s(U, null, G(((y = l.searchOptions.find(
+            a("div", Ut, [
+              (o(!0), i(H, null, G(((y = l.searchOptions.find(
                 (v) => v.category === l.currentCategory
-              )) == null ? void 0 : y.tabs) || [], (v, D) => {
-                var x, L, A, te, de;
-                return a(), s("button", {
-                  key: `${v.name}-${D}`,
-                  onClick: re((p) => F(v), ["stop"]),
-                  class: z([{
-                    "tab-active": ((x = o.value) == null ? void 0 : x.name) === v.name,
-                    "tab-active-inline": ((L = o.value) == null ? void 0 : L.name) === v.name && ((A = o.value) == null ? void 0 : A.displayMode) === "inline"
+              )) == null ? void 0 : y.tabs) || [], (v, _) => {
+                var x, j, R, te, ve;
+                return o(), i("button", {
+                  key: `${v.name}-${_}`,
+                  onClick: re((p) => q(v), ["stop"]),
+                  class: S([{
+                    "tab-active": ((x = n.value) == null ? void 0 : x.name) === v.name,
+                    "tab-active-inline": ((j = n.value) == null ? void 0 : j.name) === v.name && ((R = n.value) == null ? void 0 : R.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: (p) => r.value[v.name] = p
+                  ref: (p) => u.value[v.name] = p
                 }, [
-                  ((te = o.value) == null ? void 0 : te.name) === v.name && ((de = o.value) == null ? void 0 : de.displayMode) === "inline" ? (a(), s("div", qt, [
-                    (a(), ve(Te(m[o.value.type]), Be({ ref_for: !0 }, o.value.props || {}, {
-                      modelValue: o.value.value,
-                      onUpdated: b[0] || (b[0] = (p) => c(p)),
-                      "onUpdate:modelValue": b[1] || (b[1] = (p) => c(p)),
-                      onBlur: K,
-                      onKeydown: he(re(Q, ["stop", "prevent"]), ["enter"]),
+                  ((te = n.value) == null ? void 0 : te.name) === v.name && ((ve = n.value) == null ? void 0 : ve.displayMode) === "inline" ? (o(), i("div", Kt, [
+                    (o(), ce(Be(m[n.value.type]), Oe({ ref_for: !0 }, n.value.props || {}, {
+                      modelValue: n.value.value,
+                      onUpdated: b[0] || (b[0] = (p) => d(p)),
+                      "onUpdate:modelValue": b[1] || (b[1] = (p) => d(p)),
+                      onBlur: X,
+                      onKeydown: ye(re(ee, ["stop", "prevent"]), ["enter"]),
                       ref_for: !0,
                       ref_key: "inlineComponentRef",
-                      ref: u
+                      ref: r
                     }), null, 16, ["modelValue", "onKeydown"]))
-                  ])) : (a(), s("div", Ut, [
-                    n("p", Wt, j(v.name), 1),
-                    v.value !== void 0 && v.value !== null && v.value !== "" ? (a(), s("p", Kt, j(R(v)), 1)) : (a(), s("p", Xt, j(v.description), 1))
+                  ])) : (o(), i("div", Xt, [
+                    a("p", Yt, V(v.name), 1),
+                    v.value !== void 0 && v.value !== null && v.value !== "" ? (o(), i("p", Gt, V(P(v)), 1)) : (o(), i("p", Jt, V(v.description), 1))
                   ]))
-                ], 10, Ht);
+                ], 10, Wt);
               }), 128))
             ]),
-            o.value && o.value.displayMode === "popup" ? (a(), s("div", {
+            n.value && n.value.displayMode === "popup" ? (o(), i("div", {
               key: 0,
               class: "absolute flex shadow-sm mt-4 w-fit max-w-full transition-all tab-content",
-              style: we(g.value)
+              style: xe(g.value)
             }, [
-              (a(), ve(Te(m[o.value.type]), Be(o.value.props || {}, {
-                modelValue: o.value.value,
+              (o(), ce(Be(m[n.value.type]), Oe(n.value.props || {}, {
+                modelValue: n.value.value,
                 onUpdated: b[2] || (b[2] = (v) => k(v)),
                 "onUpdate:modelValue": b[3] || (b[3] = (v) => k(v))
               }), null, 16, ["modelValue"]))
-            ], 4)) : O("", !0),
-            n("button", {
+            ], 4)) : z("", !0),
+            a("button", {
               title: "search",
               type: "submit",
               class: "ml-1 btn btn-primary btn-square",
               onClick: re(E, ["stop"])
             }, [
-              ue(se(Pe), {
+              ue(le(Re), {
                 size: 24,
                 color: "white"
               })
             ])
           ]),
-          n("div", Yt, [
-            n("button", {
+          a("div", Zt, [
+            a("button", {
               title: "search",
               onClick: b[4] || (b[4] = () => {
               })
             }, [
-              ue(se(Pe), {
+              ue(le(Re), {
                 size: 24,
                 color: "white"
               })
             ])
           ])
         ], 512),
-        n("dialog", {
-          id: `advancedSearchMobile-${se(i)}`,
+        a("dialog", {
+          id: `advancedSearchMobile-${le(s)}`,
           class: "modal"
         }, [
-          n("div", Jt, [
-            V(f.$slots, "additionalForMobile", {}, () => [
-              n("h3", Zt, j(e.currentCategory), 1)
+          a("div", el, [
+            O(f.$slots, "additionalForMobile", {}, () => [
+              a("h3", tl, V(e.currentCategory), 1)
             ], !0),
-            (a(!0), s(U, null, G(((C = l.searchOptions.find(
+            (o(!0), i(H, null, G(((M = l.searchOptions.find(
               (v) => v.category === l.currentCategory
-            )) == null ? void 0 : C.tabs) || [], (v, D) => (a(), s("div", {
+            )) == null ? void 0 : M.tabs) || [], (v, _) => (o(), i("div", {
               class: "collapse bg-base-200 my-4",
               key: v.name
             }, [
-              n("input", {
+              a("input", {
                 type: "radio",
-                name: `accordion-${se(i)}`,
-                checked: D === 0
-              }, null, 8, Qt),
-              n("div", el, [
-                n("div", null, j(v.name), 1),
-                v.value !== void 0 && v.value !== null && v.value !== "" ? (a(), s("div", tl, j(R(v)), 1)) : (a(), s("div", ll, j(v.description), 1))
+                name: `accordion-${le(s)}`,
+                checked: _ === 0
+              }, null, 8, ll),
+              a("div", al, [
+                a("div", null, V(v.name), 1),
+                v.value !== void 0 && v.value !== null && v.value !== "" ? (o(), i("div", nl, V(P(v)), 1)) : (o(), i("div", ol, V(v.description), 1))
               ]),
-              n("div", nl, [
-                b[7] || (b[7] = n("br", null, null, -1)),
-                (a(), ve(Te(m[v.type]), Be({ ref_for: !0 }, v.props || {}, {
+              a("div", sl, [
+                b[7] || (b[7] = a("br", null, null, -1)),
+                (o(), ce(Be(m[v.type]), Oe({ ref_for: !0 }, v.props || {}, {
                   modelValue: v.value,
                   onUpdated: b[5] || (b[5] = (x) => k(x)),
                   "onUpdate:modelValue": b[6] || (b[6] = (x) => k(x))
                 }), null, 16, ["modelValue"]))
               ])
             ]))), 128)),
-            n("div", { class: "modal-action" }, [
-              n("form", { method: "dialog" }, [
-                n("button", {
+            a("div", { class: "modal-action" }, [
+              a("form", { method: "dialog" }, [
+                a("button", {
                   class: "btn btn-primary",
                   onClick: E
                 }, " Close and Search ")
               ])
             ])
           ])
-        ], 8, Gt)
+        ], 8, Qt)
       ], 64);
     };
   }
-}), En = /* @__PURE__ */ ye(al, [["__scopeId", "data-v-577c3624"]]), ol = { class: "z-30 relative flex items-center bg-base-100 date-filter-input px-4 border-2 border-primary rounded-md w-full min-h-10 font-semibold text-primary text-sm" }, sl = { key: 0 }, il = { key: 1 }, rl = ["id", "onKeydown"], ul = {
+}), Ha = /* @__PURE__ */ de(il, [["__scopeId", "data-v-577c3624"]]), rl = { class: "z-30 relative flex items-center bg-base-100 date-filter-input px-4 border-2 border-primary rounded-md w-full min-h-10 font-semibold text-primary text-sm" }, ul = { key: 0 }, cl = { key: 1 }, dl = ["id", "onKeydown"], vl = {
   key: 2,
   class: "flex justify-center p-4"
-}, dl = { class: "join items-center gap-2 max-w-2xs md:max-w-full justify-between max-md:input max-md:input-bordered !rounded overflow-hidden mx-auto" }, cl = { class: "join-item" }, vl = ["id", "disabled", "value"], fl = { class: "join-item" }, ml = ["id", "disabled", "value"], pl = {
+}, fl = { class: "join items-center gap-2 max-w-2xs md:max-w-full justify-between max-md:input max-md:input-bordered !rounded overflow-hidden mx-auto" }, ml = { class: "join-item" }, pl = ["id", "disabled", "value"], hl = { class: "join-item" }, gl = ["id", "disabled", "value"], yl = {
   key: 3,
   class: "p-4 min-w-2xs"
-}, hl = ["id", "disabled", "value"], gl = {
+}, bl = ["id", "disabled", "value"], wl = {
   key: 4,
   class: "flex px-4 my-4 w-full justify-end"
-}, yl = /* @__PURE__ */ _({
+}, xl = /* @__PURE__ */ A({
   __name: "datetimePicker",
   props: {
     mode: { default: "datetime" },
@@ -1211,184 +1211,184 @@ const vt = xe("SunIcon", [
     closeText: { default: "Close" }
   },
   emits: ["update:modelValue", "change"],
-  setup(e, { emit: d }) {
-    const l = typeof window < "u", t = e, i = d, o = h(null), u = h(!1), m = h(null), r = h(null), g = h(null), M = h(null), R = h(null), k = h({
+  setup(e, { emit: c }) {
+    const l = typeof window < "u", t = e, s = c, n = h(null), r = h(!1), m = h(null), u = h(null), g = h(null), I = h(null), P = h(null), k = h({
       from: "",
       to: "",
       single: ""
-    }), c = h({
+    }), d = h({
       single: null,
       start: null,
       end: null
-    }), E = (p) => p instanceof Date ? p.toISOString() : p, I = (p) => p.split("T")[0] || "", W = (p) => {
+    }), E = (p) => p instanceof Date ? p.toISOString() : p, T = (p) => p.split("T")[0] || "", W = (p) => {
       const w = p instanceof Date ? p : new Date(p);
       if (isNaN(w.getTime())) return "";
-      const T = String(w.getHours()).padStart(2, "0"), B = String(w.getMinutes()).padStart(2, "0");
-      return `${T}:${B}`;
-    }, F = () => {
+      const B = String(w.getHours()).padStart(2, "0"), D = String(w.getMinutes()).padStart(2, "0");
+      return `${B}:${D}`;
+    }, q = () => {
       const p = /* @__PURE__ */ new Date(), w = W(p);
-      let T = t.initialDate;
-      if (!T && t.mode !== "time" && (T = t.range ? { start: p, end: p } : p), !!T) {
-        if (!T) {
+      let B = t.initialDate;
+      if (!B && t.mode !== "time" && (B = t.range ? { start: p, end: p } : p), !!B) {
+        if (!B) {
           t.mode === "time" && (t.range ? (k.value.from = w, k.value.to = w) : k.value.single = w);
           return;
         }
-        if (t.range && typeof T == "object" && "start" in T) {
-          const B = E(T.start), N = E(T.end);
-          c.value.start = I(B), c.value.end = I(N), t.mode !== "date" && (k.value.from = W(B), k.value.to = W(N));
+        if (t.range && typeof B == "object" && "start" in B) {
+          const D = E(B.start), N = E(B.end);
+          d.value.start = T(D), d.value.end = T(N), t.mode !== "date" && (k.value.from = W(D), k.value.to = W(N));
         } else {
-          const B = E(T);
-          c.value.single = I(B), t.mode !== "date" && (k.value.single = W(B));
+          const D = E(B);
+          d.value.single = T(D), t.mode !== "date" && (k.value.single = W(D));
         }
       }
-    }, K = ee(() => {
-      const p = (B) => {
-        if (!B) return "";
-        if (B.includes(":")) return B;
+    }, X = K(() => {
+      const p = (D) => {
+        if (!D) return "";
+        if (D.includes(":")) return D;
         try {
-          return (/* @__PURE__ */ new Date(B + "T00:00:00")).toLocaleDateString(t.locale, {
+          return (/* @__PURE__ */ new Date(D + "T00:00:00")).toLocaleDateString(t.locale, {
             year: "numeric",
             month: "numeric",
             day: "numeric"
           });
         } catch {
-          const [N, J, ne] = B.split("-");
-          return `${ne}/${J}/${N}`;
+          const [N, Z, ne] = D.split("-");
+          return `${ne}/${Z}/${N}`;
         }
       };
-      let w = "", T = "";
-      if ((t.mode === "date" || t.mode === "datetime") && (t.range ? c.value.start && c.value.end && (w = `${c.value.start} - ${c.value.end}`) : c.value.single && (w = c.value.single)), (t.mode === "time" || t.mode === "datetime") && (t.range ? k.value.from && k.value.to && (T = `${k.value.from} - ${k.value.to}`) : k.value.single && (T = k.value.single)), t.mode === "date")
+      let w = "", B = "";
+      if ((t.mode === "date" || t.mode === "datetime") && (t.range ? d.value.start && d.value.end && (w = `${d.value.start} - ${d.value.end}`) : d.value.single && (w = d.value.single)), (t.mode === "time" || t.mode === "datetime") && (t.range ? k.value.from && k.value.to && (B = `${k.value.from} - ${k.value.to}`) : k.value.single && (B = k.value.single)), t.mode === "date")
         return t.range ? w.split(" - ").map(p).join(" - ") : p(w);
       if (t.mode === "time")
-        return T;
+        return B;
       if (t.mode === "datetime")
         if (t.range) {
-          const B = c.value.start, N = c.value.end, J = k.value.from, ne = k.value.to;
-          if (B && N && J && ne)
-            return `${p(B)} ${J} - ${p(N)} ${ne}`;
-          if (B)
-            return `${p(B)} ${J || ""}`.trim();
+          const D = d.value.start, N = d.value.end, Z = k.value.from, ne = k.value.to;
+          if (D && N && Z && ne)
+            return `${p(D)} ${Z} - ${p(N)} ${ne}`;
+          if (D)
+            return `${p(D)} ${Z || ""}`.trim();
         } else {
-          const B = c.value.single, N = k.value.single;
-          return `${p(B)} ${N || ""}`.trim();
+          const D = d.value.single, N = k.value.single;
+          return `${p(D)} ${N || ""}`.trim();
         }
       return "";
-    }), Q = () => {
+    }), ee = () => {
       if (m.value)
-        c.value.single = m.value.value || null;
-      else if (r.value) {
-        const p = r.value.value;
+        d.value.single = m.value.value || null;
+      else if (u.value) {
+        const p = u.value.value;
         if (typeof p == "string" && p.includes("/")) {
-          const [w, T] = p.split("/");
-          c.value.start = w || null, c.value.end = T || null;
+          const [w, B] = p.split("/");
+          d.value.start = w || null, d.value.end = B || null;
         } else
-          c.value.start = p || null, c.value.end = p || null;
+          d.value.start = p || null, d.value.end = p || null;
       }
-    }, le = () => c.value.start && c.value.end ? `${c.value.start}/${c.value.end}` : null, f = () => {
+    }, ae = () => d.value.start && d.value.end ? `${d.value.start}/${d.value.end}` : null, f = () => {
       if (t.range) {
-        const T = c.value.start, B = c.value.end || c.value.start, N = k.value.from, J = k.value.to;
+        const B = d.value.start, D = d.value.end || d.value.start, N = k.value.from, Z = k.value.to;
         if (t.mode === "time")
-          return N && J ? { start: N, end: J } : null;
+          return N && Z ? { start: N, end: Z } : null;
         if (t.mode === "date")
-          return T && B ? { start: T, end: B } : null;
+          return B && D ? { start: B, end: D } : null;
         if (t.mode === "datetime") {
-          if (!T || !B) return null;
-          const ne = N ? `${N}:00` : "00:00:00", ce = J ? `${J}:00` : "23:59:59", fe = `${T}T${ne}`, Ie = `${B}T${ce}`;
-          return { start: fe, end: Ie };
+          if (!B || !D) return null;
+          const ne = N ? `${N}:00` : "00:00:00", fe = Z ? `${Z}:00` : "23:59:59", pe = `${B}T${ne}`, Me = `${D}T${fe}`;
+          return { start: pe, end: Me };
         }
         return null;
       }
-      const p = c.value.single, w = k.value.single;
+      const p = d.value.single, w = k.value.single;
       if (t.mode === "time")
         return w || null;
       if (t.mode === "date")
         return p || null;
       if (t.mode === "datetime") {
         if (!p) return null;
-        const T = w ? `${w}:00` : "00:00:00";
-        return `${p}T${T}`;
+        const B = w ? `${w}:00` : "00:00:00";
+        return `${p}T${B}`;
       }
       return null;
     }, b = async () => {
-      Q();
+      ee();
       const p = f();
-      i("update:modelValue", p), i("change", p);
+      s("update:modelValue", p), s("change", p);
     }, y = () => {
-      pe(() => {
+      ge(() => {
         b();
       });
-    }, C = (p) => {
+    }, M = (p) => {
       const w = p.target;
-      t.range ? w === M.value ? k.value.from = w.value : w === R.value && (k.value.to = w.value) : k.value.single = w.value, b();
+      t.range ? w === I.value ? k.value.from = w.value : w === P.value && (k.value.to = w.value) : k.value.single = w.value, b();
     }, v = () => {
-      u.value = !u.value;
-    }, D = () => {
-      b(), u.value = !1;
+      r.value = !r.value;
+    }, _ = () => {
+      b(), r.value = !1;
     }, x = (p) => {
-      !t.popup || !u.value || setTimeout(() => {
-        const w = o.value, T = p.target, B = `date-picker-${t.id}-popup`;
-        w && !w.contains(T) && !p.target.closest(`#${B}`) && D();
+      !t.popup || !r.value || setTimeout(() => {
+        const w = n.value, B = p.target, D = `date-picker-${t.id}-popup`;
+        w && !w.contains(B) && !p.target.closest(`#${D}`) && _();
       }, 0);
-    }, L = () => {
-      D();
-    }, A = () => {
-      b(), t.popup && (u.value = !1);
+    }, j = () => {
+      _();
+    }, R = () => {
+      b(), t.popup && (r.value = !1);
     }, te = () => {
       if (!l) return;
-      const p = t.range ? r.value : m.value;
+      const p = t.range ? u.value : m.value;
       p && typeof p.navigate == "function" && p.navigate(-1);
-    }, de = () => {
+    }, ve = () => {
       if (!l) return;
-      const p = t.range ? r.value : m.value;
+      const p = t.range ? u.value : m.value;
       p && typeof p.navigate == "function" && p.navigate(1);
     };
-    return ge(() => {
+    return me(() => {
       l && import("./cally-ZU3K2Th7.js").catch((p) => {
         console.warn("Failed to load cally:", p);
-      }), F();
-    }), H(c, async (p) => {
-      if (await pe(), m.value && p.single) {
+      }), q();
+    }), F(d, async (p) => {
+      if (await ge(), m.value && p.single) {
         const w = p.single;
         m.value.value !== w && (m.value.value = w);
       }
-      if (r.value) {
-        const w = le();
-        w && r.value.value !== w && (r.value.value = w);
+      if (u.value) {
+        const w = ae();
+        w && u.value.value !== w && (u.value.value = w);
       }
       b();
-    }, { immediate: !0, deep: !0 }), H([c, m, r], async () => {
-      await pe(), m.value && c.value.single && !m.value.value && (m.value.value = c.value.single), r.value && c.value.start && c.value.end && !r.value.value && (r.value.value = `${c.value.start}/${c.value.end}`), b();
-    }, { immediate: !0 }), H([g, M, R], () => {
+    }, { immediate: !0, deep: !0 }), F([d, m, u], async () => {
+      await ge(), m.value && d.value.single && !m.value.value && (m.value.value = d.value.single), u.value && d.value.start && d.value.end && !u.value.value && (u.value.value = `${d.value.start}/${d.value.end}`), b();
+    }, { immediate: !0 }), F([g, I, P], () => {
       b();
     }, { immediate: !0 }), (p, w) => {
-      const T = Oe("calendar-month"), B = Oe("calendar-date"), N = Oe("calendar-range");
-      return a(), s("div", {
+      const B = De("calendar-month"), D = De("calendar-date"), N = De("calendar-range");
+      return o(), i("div", {
         class: "inline-block relative w-fit lg:w-full",
         ref_key: "pickerContainer",
-        ref: o,
+        ref: n,
         onMousedownCapture: x
       }, [
-        t.popup ? (a(), s("div", {
+        t.popup ? (o(), i("div", {
           key: 0,
           class: "flex items-center gap-2 cursor-pointer w-full",
-          onClick: w[0] || (w[0] = (J) => t.disabled ? null : v())
+          onClick: w[0] || (w[0] = (Z) => t.disabled ? null : v())
         }, [
-          n("div", ol, [
-            K.value ? (a(), s("span", il, j(K.value), 1)) : (a(), s("span", sl, j(t.placeholder), 1))
+          a("div", rl, [
+            X.value ? (o(), i("span", cl, V(X.value), 1)) : (o(), i("span", ul, V(t.placeholder), 1))
           ])
-        ])) : O("", !0),
-        u.value || !t.popup ? (a(), s("div", {
+        ])) : z("", !0),
+        r.value || !t.popup ? (o(), i("div", {
           key: 1,
-          class: z(["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: S(["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`,
           onKeydown: [
-            w[1] || (w[1] = he(re(() => {
+            w[1] || (w[1] = ye(re(() => {
             }, ["prevent", "stop"]), ["tab"])),
-            he(L, ["esc"]),
-            he(re(A, ["prevent"]), ["enter"])
+            ye(j, ["esc"]),
+            ye(re(R, ["prevent"]), ["enter"])
           ]
         }, [
-          !t.range && t.mode !== "time" && l ? (a(), ve(B, {
+          !t.range && t.mode !== "time" && l ? (o(), ce(D, {
             key: 0,
             class: "cally w-full",
             ref_key: "datePicker",
@@ -1400,20 +1400,20 @@ const vt = xe("SunIcon", [
             "first-day-of-week": t.firstDayOfWeek,
             onChange: y
           }, {
-            default: Ce(() => [
-              n("button", {
+            default: we(() => [
+              a("button", {
                 slot: "previous",
                 class: "btn-outline btn btn-primary md:btn-sm",
                 onClick: te
               }, [...w[2] || (w[2] = [
-                n("svg", {
+                a("svg", {
                   xmlns: "http://www.w3.org/2000/svg",
                   class: "w-4 h-4",
                   fill: "none",
                   viewBox: "0 0 24 24",
                   stroke: "currentColor"
                 }, [
-                  n("path", {
+                  a("path", {
                     "stroke-linecap": "round",
                     "stroke-linejoin": "round",
                     "stroke-width": "2",
@@ -1421,19 +1421,19 @@ const vt = xe("SunIcon", [
                   })
                 ], -1)
               ])]),
-              n("button", {
+              a("button", {
                 slot: "next",
                 class: "btn-outline btn btn-primary md:btn-sm",
-                onClick: de
+                onClick: ve
               }, [...w[3] || (w[3] = [
-                n("svg", {
+                a("svg", {
                   xmlns: "http://www.w3.org/2000/svg",
                   class: "w-4 h-4",
                   fill: "none",
                   viewBox: "0 24 24",
                   stroke: "currentColor"
                 }, [
-                  n("path", {
+                  a("path", {
                     "stroke-linecap": "round",
                     "stroke-linejoin": "round",
                     "stroke-width": "2",
@@ -1441,17 +1441,17 @@ const vt = xe("SunIcon", [
                   })
                 ], -1)
               ])]),
-              ue(T, {
+              ue(B, {
                 locale: t.locale
               }, null, 8, ["locale"])
             ]),
             _: 1
-          }, 8, ["id", "min", "max", "disabled", "first-day-of-week"])) : O("", !0),
-          t.range && t.mode !== "time" && l ? (a(), ve(N, {
+          }, 8, ["id", "min", "max", "disabled", "first-day-of-week"])) : z("", !0),
+          t.range && t.mode !== "time" && l ? (o(), ce(N, {
             key: 1,
             class: "cally w-full",
             ref_key: "rangeDatePicker",
-            ref: r,
+            ref: u,
             id: `${t.id}-date-range`,
             min: t.min,
             max: t.max,
@@ -1459,20 +1459,20 @@ const vt = xe("SunIcon", [
             "first-day-of-week": t.firstDayOfWeek,
             onChange: y
           }, {
-            default: Ce(() => [
-              n("button", {
+            default: we(() => [
+              a("button", {
                 slot: "previous",
                 class: "btn-outline btn btn-primary md:btn-sm",
                 onClick: te
               }, [...w[4] || (w[4] = [
-                n("svg", {
+                a("svg", {
                   xmlns: "http://www.w3.org/2000/svg",
                   class: "w-4 h-4",
                   fill: "none",
                   viewBox: "0 0 24 24",
                   stroke: "currentColor"
                 }, [
-                  n("path", {
+                  a("path", {
                     "stroke-linecap": "round",
                     "stroke-linejoin": "round",
                     "stroke-width": "2",
@@ -1480,19 +1480,19 @@ const vt = xe("SunIcon", [
                   })
                 ], -1)
               ])]),
-              n("button", {
+              a("button", {
                 slot: "next",
                 class: "btn-outline btn btn-primary md:btn-sm",
-                onClick: de
+                onClick: ve
               }, [...w[5] || (w[5] = [
-                n("svg", {
+                a("svg", {
                   xmlns: "http://www.w3.org/2000/svg",
                   class: "w-4 h-4",
                   fill: "none",
                   viewBox: "0 0 24 24",
                   stroke: "currentColor"
                 }, [
-                  n("path", {
+                  a("path", {
                     "stroke-linecap": "round",
                     "stroke-linejoin": "round",
                     "stroke-width": "2",
@@ -1500,28 +1500,28 @@ const vt = xe("SunIcon", [
                   })
                 ], -1)
               ])]),
-              ue(T, {
+              ue(B, {
                 locale: t.locale
               }, null, 8, ["locale"])
             ]),
             _: 1
-          }, 8, ["id", "min", "max", "disabled", "first-day-of-week"])) : O("", !0),
-          t.range && t.mode !== "date" ? (a(), s("div", ul, [
-            n("div", dl, [
-              n("div", cl, [
-                n("input", {
+          }, 8, ["id", "min", "max", "disabled", "first-day-of-week"])) : z("", !0),
+          t.range && t.mode !== "date" ? (o(), i("div", vl, [
+            a("div", fl, [
+              a("div", ml, [
+                a("input", {
                   class: "text-center hover:border-b-2 hover:-mb-0.5 open:bg-primary open:p-1 open:-m-0.5 open:rounded w-full relative",
                   type: "time",
                   ref_key: "timeFromInput",
-                  ref: M,
+                  ref: I,
                   id: `${t.id}-time-from`,
                   placeholder: "from",
-                  onChange: C,
+                  onChange: M,
                   disabled: t.disabled,
                   value: k.value.from || ""
-                }, null, 40, vl)
+                }, null, 40, pl)
               ]),
-              w[6] || (w[6] = n("svg", {
+              w[6] || (w[6] = a("svg", {
                 class: "join-item",
                 viewBox: "0 0 1024 1024",
                 focusable: "false",
@@ -1531,48 +1531,48 @@ const vt = xe("SunIcon", [
                 fill: "currentColor",
                 "aria-hidden": "true"
               }, [
-                n("path", { d: "M873.1 596.2l-164-208A32 32 0 00684 376h-64.8c-6.7 0-10.4 7.7-6.3 13l144.3 183H152c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h695.9c26.8 0 41.7-30.8 25.2-51.8z" })
+                a("path", { d: "M873.1 596.2l-164-208A32 32 0 00684 376h-64.8c-6.7 0-10.4 7.7-6.3 13l144.3 183H152c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h695.9c26.8 0 41.7-30.8 25.2-51.8z" })
               ], -1)),
-              n("div", fl, [
-                n("input", {
+              a("div", hl, [
+                a("input", {
                   class: "text-center hover:border-b-2 hover:-mb-0.5 open:bg-primary open:p-1 open:-m-0.5 open:rounded w-full relative",
                   type: "time",
                   ref_key: "timeToInput",
-                  ref: R,
+                  ref: P,
                   id: `${t.id}-time-to`,
-                  onChange: C,
+                  onChange: M,
                   disabled: t.disabled,
                   value: k.value.to || ""
-                }, null, 40, ml)
+                }, null, 40, gl)
               ])
             ])
-          ])) : O("", !0),
-          !t.range && t.mode !== "date" ? (a(), s("div", pl, [
-            n("input", {
+          ])) : z("", !0),
+          !t.range && t.mode !== "date" ? (o(), i("div", yl, [
+            a("input", {
               class: "open:bg-primary open:rounded w-full input input-bordered justify-center",
               type: "time",
               ref_key: "timeInput",
               ref: g,
               id: `${t.id}-time`,
-              onChange: C,
+              onChange: M,
               disabled: t.disabled,
               value: k.value.single || ""
-            }, null, 40, hl)
-          ])) : O("", !0),
-          t.popup && t.closeText ? (a(), s("div", gl, [
-            n("button", {
+            }, null, 40, bl)
+          ])) : z("", !0),
+          t.popup && t.closeText ? (o(), i("div", wl, [
+            a("button", {
               class: "btn btn-primary max-lg:w-full",
-              onClick: D
-            }, j(t.closeText), 1)
-          ])) : O("", !0)
-        ], 42, rl)) : O("", !0)
+              onClick: _
+            }, V(t.closeText), 1)
+          ])) : z("", !0)
+        ], 42, dl)) : z("", !0)
       ], 544);
     };
   }
-}), bl = /* @__PURE__ */ ye(yl, [["__scopeId", "data-v-e0b34494"]]), wl = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), kl = /* @__PURE__ */ de(xl, [["__scopeId", "data-v-e0b34494"]]), $l = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: bl
-}, Symbol.toStringTag, { value: "Module" })), xl = ["value", "checked", "onChange", "disabled"], jn = /* @__PURE__ */ _({
+  default: kl
+}, Symbol.toStringTag, { value: "Module" })), Cl = ["value", "checked", "onChange", "disabled"], Ua = /* @__PURE__ */ A({
   __name: "rating",
   props: {
     initialRating: { default: 0 },
@@ -1585,34 +1585,34 @@ const vt = xe("SunIcon", [
     gap: { default: 0 }
   },
   setup(e) {
-    const d = e, l = h(d.initialRating);
-    H(
-      () => d.initialRating,
-      (i) => {
-        l.value = i;
+    const c = e, l = h(c.initialRating);
+    F(
+      () => c.initialRating,
+      (s) => {
+        l.value = s;
       }
     );
-    const t = (i) => {
-      l.value = i;
+    const t = (s) => {
+      l.value = s;
     };
-    return (i, o) => (a(), s("div", {
-      class: z(["rating", [
-        `rating-${d.size}`,
+    return (s, n) => (o(), i("div", {
+      class: S(["rating", [
+        `rating-${c.size}`,
         { "rating-half": e.halfStars },
         { "pointer-events-none": !e.isInteractive }
       ]])
     }, [
-      (a(!0), s(U, null, G(e.numberOfStars * (e.halfStars ? 2 : 1), (u) => (a(), s("input", {
-        key: u,
+      (o(!0), i(H, null, G(e.numberOfStars * (e.halfStars ? 2 : 1), (r) => (o(), i("input", {
+        key: r,
         type: "radio",
-        value: e.halfStars ? u * 0.5 : u,
-        checked: l.value === (e.halfStars ? u * 0.5 : u),
-        onChange: (m) => e.isInteractive ? t(e.halfStars ? u * 0.5 : u) : null,
-        class: z(["mask", [
+        value: e.halfStars ? r * 0.5 : r,
+        checked: l.value === (e.halfStars ? r * 0.5 : r),
+        onChange: (m) => e.isInteractive ? t(e.halfStars ? r * 0.5 : r) : null,
+        class: S(["mask", [
           {
             // 'bg-yellow-400': rating >= (halfStars ? i * 0.5 : i),
-            "mask-half-1": e.halfStars && u % 2 !== 0,
-            "mask-half-2": e.halfStars && u % 2 === 0,
+            "mask-half-1": e.halfStars && r % 2 !== 0,
+            "mask-half-2": e.halfStars && r % 2 === 0,
             "cursor-pointer": e.isInteractive,
             "cursor-default": !e.isInteractive,
             "mask-star": e.shape === "star",
@@ -1629,16 +1629,16 @@ const vt = xe("SunIcon", [
             "mask-triangle-3": e.shape === "triangle-left",
             "mask-triangle-4": e.shape === "triangle-right"
           },
-          l.value >= (e.halfStars ? u * 0.5 : u) ? d.color : ""
+          l.value >= (e.halfStars ? r * 0.5 : r) ? c.color : ""
         ]]),
-        style: we({
-          marginRight: e.halfStars && u % 2 === 0 ? `${d.gap}px` : e.halfStars ? "0" : `${d.gap}px`
+        style: xe({
+          marginRight: e.halfStars && r % 2 === 0 ? `${c.gap}px` : e.halfStars ? "0" : `${c.gap}px`
         }),
         disabled: !e.isInteractive
-      }, null, 46, xl))), 128))
+      }, null, 46, Cl))), 128))
     ], 2));
   }
-}), kl = { class: "badge" }, $l = ["onClick"], Sl = { class: "opacity-75" }, Cl = ["placeholder"], Ln = /* @__PURE__ */ _({
+}), Sl = { class: "badge" }, Il = ["onClick"], Ml = { class: "opacity-75" }, Tl = ["placeholder"], Wa = /* @__PURE__ */ A({
   __name: "taginput",
   props: {
     modelValue: {},
@@ -1647,61 +1647,61 @@ const vt = xe("SunIcon", [
     class: {}
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: d }) {
-    const l = e, t = d, i = h([...l.modelValue]), o = l.maxTagAmount === void 0 ? -1 : l.maxTagAmount, u = h(null), m = h(""), r = ee(() => o < 0 || i.value.length < o), g = () => {
-      const c = m.value.trim();
-      c && !i.value.includes(c) && (i.value.push(c), t("update:modelValue", i.value), m.value = "");
-    }, M = (c) => {
-      i.value = i.value.filter((E) => E !== c), t("update:modelValue", i.value);
-    }, R = () => {
-      m.value === "" && (i.value.pop(), t("update:modelValue", i.value));
-    }, k = (c) => {
-      c.key === "Enter" ? g() : c.key === "Backspace" && m.value === "" && R();
+  setup(e, { emit: c }) {
+    const l = e, t = c, s = h([...l.modelValue]), n = l.maxTagAmount === void 0 ? -1 : l.maxTagAmount, r = h(null), m = h(""), u = K(() => n < 0 || s.value.length < n), g = () => {
+      const d = m.value.trim();
+      d && !s.value.includes(d) && (s.value.push(d), t("update:modelValue", s.value), m.value = "");
+    }, I = (d) => {
+      s.value = s.value.filter((E) => E !== d), t("update:modelValue", s.value);
+    }, P = () => {
+      m.value === "" && (s.value.pop(), t("update:modelValue", s.value));
+    }, k = (d) => {
+      d.key === "Enter" ? g() : d.key === "Backspace" && m.value === "" && P();
     };
-    return H(() => l.modelValue, (c) => {
-      i.value = [...c];
-    }), (c, E) => (a(), s("div", {
-      class: z(["flex flex-wrap gap-2 bg-base-100 shadow px-4 py-6 border border-base-content/20 rounded", c.$props.class])
+    return F(() => l.modelValue, (d) => {
+      s.value = [...d];
+    }), (d, E) => (o(), i("div", {
+      class: S(["flex flex-wrap gap-2 bg-base-100 shadow px-4 py-6 border border-base-content/20 rounded", d.$props.class])
     }, [
-      (a(!0), s(U, null, G(i.value, (I) => V(c.$slots, "tag", {
-        key: I,
-        tag: I
+      (o(!0), i(H, null, G(s.value, (T) => O(d.$slots, "tag", {
+        key: T,
+        tag: T
       }, () => [
-        n("div", kl, [
-          n("button", {
+        a("div", Sl, [
+          a("button", {
             class: "px-1! py-0! h-fit font-bold cursor-pointer",
-            onClick: (W) => M(I),
+            onClick: (W) => I(T),
             "aria-label": "Remove tag"
-          }, "X", 8, $l),
-          n("span", Sl, j(I), 1)
+          }, "X", 8, Il),
+          a("span", Ml, V(T), 1)
         ])
       ])), 128)),
-      V(c.$slots, "input", { showInput: r.value }, () => [
-        r.value ? Se((a(), s("input", {
+      O(d.$slots, "input", { showInput: u.value }, () => [
+        u.value ? Ie((o(), i("input", {
           key: 0,
           ref_key: "inputRef",
-          ref: u,
-          "onUpdate:modelValue": E[0] || (E[0] = (I) => m.value = I),
+          ref: r,
+          "onUpdate:modelValue": E[0] || (E[0] = (T) => m.value = T),
           type: "text",
           placeholder: e.placeholder || "Type here",
           class: "h-full input input-ghost",
           onKeydown: k,
           "aria-label": "Add tags"
-        }, null, 40, Cl)), [
+        }, null, 40, Tl)), [
           [Ne, m.value]
-        ]) : O("", !0)
+        ]) : z("", !0)
       ])
     ], 2));
   }
-}), Il = { class: "w-full max-w-xs form-control" }, Ml = {
+}), zl = { class: "w-full max-w-xs form-control" }, Bl = {
   key: 0,
   class: "label"
-}, zl = { class: "label-text" }, Tl = ["value"], Bl = {
+}, Ol = { class: "label-text" }, Dl = ["value"], Vl = {
   key: 0,
   value: "",
   disabled: "",
   selected: ""
-}, Ol = ["value"], Pn = /* @__PURE__ */ _({
+}, _l = ["value"], Ka = /* @__PURE__ */ A({
   __name: "select",
   props: {
     options: {},
@@ -1710,45 +1710,45 @@ const vt = xe("SunIcon", [
     modelValue: {}
   },
   emits: ["update:modelValue"],
-  setup(e, { expose: d, emit: l }) {
+  setup(e, { expose: c, emit: l }) {
     console.log(e.placeholder);
-    const i = l, o = h(null), u = (r) => {
-      const g = r.target;
-      i("update:modelValue", g.value);
+    const s = l, n = h(null), r = (u) => {
+      const g = u.target;
+      s("update:modelValue", g.value);
     };
-    return d({
+    return c({
       focusInput: () => {
-        var r;
-        console.log("select.vue: focusInput method called."), (r = o.value) == null || r.focus();
+        var u;
+        console.log("select.vue: focusInput method called."), (u = n.value) == null || u.focus();
       }
       // You can expose other properties or methods here if needed by the parent
       // e.g., the current value: modelValue
-    }), (r, g) => (a(), s("div", Il, [
-      e.label ? (a(), s("label", Ml, [
-        n("span", zl, j(e.label), 1)
-      ])) : O("", !0),
-      n("select", {
+    }), (u, g) => (o(), i("div", zl, [
+      e.label ? (o(), i("label", Bl, [
+        a("span", Ol, V(e.label), 1)
+      ])) : z("", !0),
+      a("select", {
         ref_key: "selectElement",
-        ref: o,
+        ref: n,
         class: "rounded-md w-full select-bordered select",
         value: e.modelValue,
-        onChange: u
+        onChange: r
       }, [
-        e.placeholder ? (a(), s("option", Bl, j(e.placeholder), 1)) : O("", !0),
-        (a(!0), s(U, null, G(e.options, (M) => (a(), s("option", {
-          key: M.value,
-          value: M.value
-        }, j(M.text), 9, Ol))), 128))
-      ], 40, Tl)
+        e.placeholder ? (o(), i("option", Vl, V(e.placeholder), 1)) : z("", !0),
+        (o(!0), i(H, null, G(e.options, (I) => (o(), i("option", {
+          key: I.value,
+          value: I.value
+        }, V(I.text), 9, _l))), 128))
+      ], 40, Dl)
     ]));
   }
-}), Dl = {
+}), El = {
   key: 0,
   class: "label"
-}, Vl = { class: "label-text" }, El = ["onKeydown", "aria-expanded", "aria-activedescendant"], jl = ["placeholder", "disabled"], Ll = {
+}, jl = { class: "label-text" }, Ll = ["onKeydown", "aria-expanded", "aria-activedescendant"], Pl = ["placeholder", "disabled"], Rl = {
   class: "top-full z-10 absolute bg-base-100 shadow-lg mt-1 rounded-md w-full dropdown-content",
   role: "listbox"
-}, Pl = { class: "flex-nowrap p-0 w-[inherit] max-h-60 overflow-y-auto menu" }, Al = ["onMousedown", "id", "aria-selected"], An = {
+}, Al = { class: "flex-nowrap p-0 w-[inherit] max-h-60 overflow-y-auto menu" }, Nl = ["onMousedown", "id", "aria-selected"], Xa = {
   __name: "filterableSelect",
   props: {
     // Array of options: [{ value: any, text: string }, ...]
@@ -1778,101 +1778,101 @@ const vt = xe("SunIcon", [
     }
   },
   emits: ["update:modelValue", "select", "clear"],
-  setup(e, { expose: d, emit: l }) {
-    const t = e, i = l, o = Ge(), u = ee(() => {
-      const D = (o.default ? o.default() : []).filter((x) => x.type !== Je);
-      return console.log("hasDefaultSlotContent computed:", D.length > 0), D.length > 0;
-    }), m = h(""), r = h(null), g = h(!1), M = h(null), R = h(null), k = h(null), c = h(null), E = () => {
+  setup(e, { expose: c, emit: l }) {
+    const t = e, s = l, n = Je(), r = K(() => {
+      const _ = (n.default ? n.default() : []).filter((x) => x.type !== Ze);
+      return console.log("hasDefaultSlotContent computed:", _.length > 0), _.length > 0;
+    }), m = h(""), u = h(null), g = h(!1), I = h(null), P = h(null), k = h(null), d = h(null), E = () => {
       g.value = !t.disabled;
-    }, I = () => {
-      g.value = !1, c.value = null, u.value || (r.value && m.value !== r.value.text ? m.value = r.value.text : r.value || (m.value = ""));
+    }, T = () => {
+      g.value = !1, d.value = null, r.value || (u.value && m.value !== u.value.text ? m.value = u.value.text : u.value || (m.value = ""));
     }, W = () => {
-      g.value ? I() : E();
-    }, F = ee(() => {
+      g.value ? T() : E();
+    }, q = K(() => {
       const v = m.value ? m.value.toLowerCase() : "";
       return v === "" && !g.value ? [] : t.options.filter(
         (x) => x && x.text ? x.text.toLowerCase().includes(v) : ""
       );
     });
-    H(
+    F(
       () => t.modelValue,
-      (v, D) => {
-        if (v !== D && I(), v == null)
-          r.value = null, !g.value && !u.value && (m.value = "");
+      (v, _) => {
+        if (v !== _ && T(), v == null)
+          u.value = null, !g.value && !r.value && (m.value = "");
         else {
-          const x = t.options.find((L) => L.value === v);
-          x ? (r.value = x, !g.value && !u.value && (m.value = x.text)) : (r.value = null, !g.value && !u.value && (m.value = ""));
+          const x = t.options.find((j) => j.value === v);
+          x ? (u.value = x, !g.value && !r.value && (m.value = x.text)) : (u.value = null, !g.value && !r.value && (m.value = ""));
         }
       },
       { immediate: !0 }
       // Run immediately on component mount
     );
-    const K = (v) => {
-      R.value && !R.value.contains(v.target) && I();
-    }, Q = () => {
+    const X = (v) => {
+      P.value && !P.value.contains(v.target) && T();
+    }, ee = () => {
       setTimeout(() => {
-        R.value && !R.value.contains(document.activeElement) && I();
+        P.value && !P.value.contains(document.activeElement) && T();
       }, 100);
     };
-    H(g, (v) => {
+    F(g, (v) => {
       v ? setTimeout(() => {
-        document.addEventListener("click", K);
-      }, 0) : document.removeEventListener("click", K);
-    }), Ve(() => {
-      document.removeEventListener("click", K), window.removeEventListener("keydown", C);
+        document.addEventListener("click", X);
+      }, 0) : document.removeEventListener("click", X);
+    }), _e(() => {
+      document.removeEventListener("click", X), window.removeEventListener("keydown", M);
     });
-    const le = () => {
+    const ae = () => {
       if (t.disabled) return;
-      const v = r.value;
-      i("update:modelValue", null), v && i("clear", v);
+      const v = u.value;
+      s("update:modelValue", null), v && s("clear", v);
     }, f = (v) => {
-      r.value = v, u.value || (m.value = v.text), i("update:modelValue", v.value), i("select", v), I();
+      u.value = v, r.value || (m.value = v.text), s("update:modelValue", v.value), s("select", v), T();
     }, b = () => {
-      F.value.length > 0 && f(F.value[0]);
+      q.value.length > 0 && f(q.value[0]);
     }, y = () => {
       g.value || E();
-    }, C = (v) => {
-      if (!g.value || F.value.length === 0) return;
-      const D = F.value.findIndex(
-        (L, A) => "option-" + A === c.value
+    }, M = (v) => {
+      if (!g.value || q.value.length === 0) return;
+      const _ = q.value.findIndex(
+        (j, R) => "option-" + R === d.value
       );
       let x = -1;
       if (v.key === "ArrowDown")
-        v.preventDefault(), x = (D + 1) % F.value.length;
+        v.preventDefault(), x = (_ + 1) % q.value.length;
       else if (v.key === "ArrowUp")
-        v.preventDefault(), x = (D - 1 + F.value.length) % F.value.length;
-      else if (v.key === "Enter" && c.value) {
+        v.preventDefault(), x = (_ - 1 + q.value.length) % q.value.length;
+      else if (v.key === "Enter" && d.value) {
         v.preventDefault();
-        const L = F.value.find(
-          (A, te) => "option-" + te === c.value
+        const j = q.value.find(
+          (R, te) => "option-" + te === d.value
         );
-        L && f(L);
+        j && f(j);
         return;
       } else if (v.key === "Escape") {
-        v.preventDefault(), I(), k.value && k.value.focus();
+        v.preventDefault(), T(), k.value && k.value.focus();
         return;
-      } else if (u.value)
+      } else if (r.value)
         return;
       if (x !== -1) {
-        c.value = "option-" + x;
-        const L = document.getElementById(c.value);
-        L && requestAnimationFrame(() => {
-          L.scrollIntoView({ block: "nearest", behavior: "smooth" });
+        d.value = "option-" + x;
+        const j = document.getElementById(d.value);
+        j && requestAnimationFrame(() => {
+          j.scrollIntoView({ block: "nearest", behavior: "smooth" });
         });
       }
     };
-    return H(g, (v) => {
-      v ? (window.addEventListener("keydown", C), !u.value && !m.value && r.value && (m.value = r.value.text)) : window.removeEventListener("keydown", C);
-    }), Ve(() => {
-      document.removeEventListener("click", K), window.removeEventListener("keydown", C);
-    }), d({
+    return F(g, (v) => {
+      v ? (window.addEventListener("keydown", M), !r.value && !m.value && u.value && (m.value = u.value.text)) : window.removeEventListener("keydown", M);
+    }), _e(() => {
+      document.removeEventListener("click", X), window.removeEventListener("keydown", M);
+    }), c({
       isDropdownOpen: g,
       // Expose state
-      selectedItem: r,
+      selectedItem: u,
       // Expose selected item
       openDropdown: E,
       // Expose method to open
-      closeDropdown: I,
+      closeDropdown: T,
       // Expose method to close
       toggleDropdown: W,
       // Expose method to toggle
@@ -1880,93 +1880,93 @@ const vt = xe("SunIcon", [
       // Expose method to select an item programmatically
       filterText: m,
       // Expose filter text (useful if parent controls filtering)
-      hasDefaultSlotContent: u
+      hasDefaultSlotContent: r
       // Expose to know if the default slot is used
-    }), (v, D) => (a(), s("div", {
+    }), (v, _) => (o(), i("div", {
       class: "relative w-full max-w-xs form-control",
       ref_key: "componentRoot",
-      ref: R
+      ref: P
     }, [
-      e.label ? (a(), s("label", Dl, [
-        n("span", Vl, j(e.label), 1)
-      ])) : O("", !0),
-      n("div", {
-        class: z(["flex items-center input-bordered rounded-md w-fit cursor-pointer", { input: !u.value, select: !u.value }]),
-        style: we(
-          r.value ? "background-image: unset; padding-right: 0.5rem;" : ""
+      e.label ? (o(), i("label", El, [
+        a("span", jl, V(e.label), 1)
+      ])) : z("", !0),
+      a("div", {
+        class: S(["flex items-center input-bordered rounded-md w-fit cursor-pointer", { input: !r.value, select: !r.value }]),
+        style: xe(
+          u.value ? "background-image: unset; padding-right: 0.5rem;" : ""
         ),
         tabindex: "0",
-        onClick: D[1] || (D[1] = (x) => u.value ? W() : E()),
+        onClick: _[1] || (_[1] = (x) => r.value ? W() : E()),
         onKeydown: [
-          he(re(b, ["prevent"]), ["enter"]),
-          he(re(b, ["prevent"]), ["space"])
+          ye(re(b, ["prevent"]), ["enter"]),
+          ye(re(b, ["prevent"]), ["space"])
         ],
-        onBlur: Q,
+        onBlur: ee,
         role: "combobox",
         "aria-haspopup": "listbox",
         "aria-expanded": g.value,
-        "aria-activedescendant": c.value,
+        "aria-activedescendant": d.value,
         "aria-autocomplete": "list",
         ref_key: "activatorWrapper",
         ref: k
       }, [
-        V(v.$slots, "default", {}, () => [
-          u.value ? O("", !0) : Se((a(), s("input", {
+        O(v.$slots, "default", {}, () => [
+          r.value ? z("", !0) : Ie((o(), i("input", {
             key: 0,
             type: "text",
             placeholder: e.placeholder,
             class: "bg-transparent border-none focus:outline-none w-full",
-            "onUpdate:modelValue": D[0] || (D[0] = (x) => m.value = x),
+            "onUpdate:modelValue": _[0] || (_[0] = (x) => m.value = x),
             ref_key: "filterInput",
-            ref: M,
+            ref: I,
             onFocus: E,
             onInput: y,
             tabindex: "-1",
             disabled: t.disabled
-          }, null, 40, jl)), [
+          }, null, 40, Pl)), [
             [Ne, m.value]
           ])
         ]),
-        r.value && !e.disabled ? (a(), ve(se(dt), {
+        u.value && !e.disabled ? (o(), ce(le(ft), {
           key: 0,
           size: 20,
           class: "mx-2 text-base-content/50 hover:text-base-content/80 cursor-pointer",
-          onClick: re(le, ["stop"])
-        })) : O("", !0),
-        u.value && !r.value ? (a(), ve(se(ut), {
+          onClick: re(ae, ["stop"])
+        })) : z("", !0),
+        r.value && !u.value ? (o(), ce(le(vt), {
           key: 1,
-          class: z([{ "rotate-180": g.value }, "mx-2"]),
+          class: S([{ "rotate-180": g.value }, "mx-2"]),
           size: 20
-        }, null, 8, ["class"])) : O("", !0)
-      ], 46, El),
-      Se(n("div", Ll, [
-        n("ul", Pl, [
-          (a(!0), s(U, null, G(F.value, (x, L) => (a(), s("li", {
+        }, null, 8, ["class"])) : z("", !0)
+      ], 46, Ll),
+      Ie(a("div", Rl, [
+        a("ul", Al, [
+          (o(!0), i(H, null, G(q.value, (x, j) => (o(), i("li", {
             key: x.value,
-            onMousedown: re((A) => f(x), ["prevent"]),
+            onMousedown: re((R) => f(x), ["prevent"]),
             class: "hover:bg-base-200 rounded-md w-full cursor-pointer",
-            id: "option-" + L,
+            id: "option-" + j,
             role: "option",
-            "aria-selected": r.value && r.value.value === x.value
+            "aria-selected": u.value && u.value.value === x.value
           }, [
-            n("a", null, j(x.text), 1)
-          ], 40, Al))), 128))
+            a("a", null, V(x.text), 1)
+          ], 40, Nl))), 128))
         ])
       ], 512), [
-        [Ze, g.value && F.value.length > 0]
+        [Qe, g.value && q.value.length > 0]
       ])
     ], 512));
   }
-}, Rl = { class: "w-full max-w-xs form-control" }, Nl = {
+}, ql = { class: "w-full max-w-xs form-control" }, Fl = {
   key: 0,
   class: "label"
-}, _l = { class: "label-text" }, Fl = ["type", "placeholder", "disabled", "value"], Hl = {
+}, Hl = { class: "label-text" }, Ul = ["type", "placeholder", "disabled", "value"], Wl = {
   key: 1,
   class: "label"
-}, ql = { class: "label-text-alt text-error validator-hint" }, Ul = {
+}, Kl = { class: "label-text-alt text-error validator-hint" }, Xl = {
   key: 2,
   class: "label"
-}, Wl = { class: "label-text-alt text-success validator-hint" }, Rn = /* @__PURE__ */ _({
+}, Yl = { class: "label-text-alt text-success validator-hint" }, Ya = /* @__PURE__ */ A({
   __name: "inputField",
   props: {
     modelValue: { default: "" },
@@ -1982,43 +1982,43 @@ const vt = xe("SunIcon", [
     disabled: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue", "validate"],
-  setup(e, { expose: d, emit: l }) {
-    const t = e, i = l, o = h(null), u = h(!1), m = h(""), r = ee(() => {
-      var W, F, K, Q;
-      let c = !0, E = "";
-      const I = t.modelValue;
-      return (W = t.rules) != null && W.required && (I == null || I === "") && (c = !1, E = "This field is required."), c && ((F = t.rules) == null ? void 0 : F.minLength) !== void 0 && typeof I == "string" && I.length < t.rules.minLength && (c = !1, E = `Must be at least ${t.rules.minLength} characters.`), c && ((K = t.rules) == null ? void 0 : K.maxLength) !== void 0 && typeof I == "string" && I.length > t.rules.maxLength && (c = !1, E = `Cannot exceed ${t.rules.maxLength} characters.`), c && ((Q = t.rules) != null && Q.email) && typeof I == "string" && I && (/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(I) || (c = !1, E = "Please enter a valid email address.")), m.value = E, i("validate", c), c;
-    }), g = ee(() => u.value && !r.value), M = (c) => {
-      const E = c.target;
-      i("update:modelValue", E.value), u.value && r.value;
-    }, R = () => {
-      u.value = !0, r.value;
+  setup(e, { expose: c, emit: l }) {
+    const t = e, s = l, n = h(null), r = h(!1), m = h(""), u = K(() => {
+      var W, q, X, ee;
+      let d = !0, E = "";
+      const T = t.modelValue;
+      return (W = t.rules) != null && W.required && (T == null || T === "") && (d = !1, E = "This field is required."), d && ((q = t.rules) == null ? void 0 : q.minLength) !== void 0 && typeof T == "string" && T.length < t.rules.minLength && (d = !1, E = `Must be at least ${t.rules.minLength} characters.`), d && ((X = t.rules) == null ? void 0 : X.maxLength) !== void 0 && typeof T == "string" && T.length > t.rules.maxLength && (d = !1, E = `Cannot exceed ${t.rules.maxLength} characters.`), d && ((ee = t.rules) != null && ee.email) && typeof T == "string" && T && (/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(T) || (d = !1, E = "Please enter a valid email address.")), m.value = E, s("validate", d), d;
+    }), g = K(() => r.value && !u.value), I = (d) => {
+      const E = d.target;
+      s("update:modelValue", E.value), r.value && u.value;
+    }, P = () => {
+      r.value = !0, u.value;
     };
-    return H(
+    return F(
       () => t.modelValue,
       () => {
-        u.value && r.value;
+        r.value && u.value;
       }
-    ), d({
+    ), c({
       focusInput: () => {
-        var c;
-        console.log("inputField.vue: focusInput method called."), (c = o.value) == null || c.focus();
+        var d;
+        console.log("inputField.vue: focusInput method called."), (d = n.value) == null || d.focus();
       },
-      isValid: r,
-      isTouched: u,
+      isValid: u,
+      isTouched: r,
       errorMessage: m
-    }), (c, E) => (a(), s("div", Rl, [
-      e.label ? (a(), s("label", Nl, [
-        n("span", _l, j(e.label), 1)
-      ])) : O("", !0),
-      V(c.$slots, "default"),
-      n("input", {
+    }), (d, E) => (o(), i("div", ql, [
+      e.label ? (o(), i("label", Fl, [
+        a("span", Hl, V(e.label), 1)
+      ])) : z("", !0),
+      O(d.$slots, "default"),
+      a("input", {
         ref_key: "inputElement",
-        ref: o,
+        ref: n,
         type: e.type,
         placeholder: e.placeholder,
         disabled: t.disabled,
-        class: z(["input-bordered rounded-md w-full input validator", [
+        class: S(["input-bordered rounded-md w-full input validator", [
           {
             // Size classes - Apply based on size prop
             "input-xs": e.size === "xs",
@@ -2030,33 +2030,33 @@ const vt = xe("SunIcon", [
             "input-ghost": e.style === "ghost",
             // Color classes - Apply only if NOT in an error state AND NOT in a validation success state.
             // This ensures validation feedback overrides base colors.
-            "input-neutral": e.color === "neutral" && !g.value && !(r.value && u.value && e.needsValidation),
-            "input-primary": e.color === "primary" && !g.value && !(r.value && u.value && e.needsValidation),
-            "input-secondary": e.color === "secondary" && !g.value && !(r.value && u.value && e.needsValidation),
-            "input-accent": e.color === "accent" && !g.value && !(r.value && u.value && e.needsValidation),
-            "input-info": e.color === "info" && !g.value && !(r.value && u.value && e.needsValidation),
-            "input-success": e.color === "success" && !g.value && !(r.value && u.value && e.needsValidation),
+            "input-neutral": e.color === "neutral" && !g.value && !(u.value && r.value && e.needsValidation),
+            "input-primary": e.color === "primary" && !g.value && !(u.value && r.value && e.needsValidation),
+            "input-secondary": e.color === "secondary" && !g.value && !(u.value && r.value && e.needsValidation),
+            "input-accent": e.color === "accent" && !g.value && !(u.value && r.value && e.needsValidation),
+            "input-info": e.color === "info" && !g.value && !(u.value && r.value && e.needsValidation),
+            "input-success": e.color === "success" && !g.value && !(u.value && r.value && e.needsValidation),
             // Color success applies only if not in error or validation success state
-            "input-warning": e.color === "warning" && !g.value && !(r.value && u.value && e.needsValidation),
+            "input-warning": e.color === "warning" && !g.value && !(u.value && r.value && e.needsValidation),
             // Validation state classes - These take precedence visually via conditions or CSS specificity.
             "input-error": g.value,
             // Apply error style if validation fails
-            "input-success-validation": r.value && u.value && !g.value && e.needsValidation
+            "input-success-validation": u.value && r.value && !g.value && e.needsValidation
             // Apply validation success style if valid, touched, not error, AND validation is needed. Using a distinct name 'input-success-validation' is recommended to avoid CSS conflicts with the 'input-success' color class.
           }
         ]]),
         value: e.modelValue,
-        onInput: M,
-        onBlur: R
-      }, null, 42, Fl),
-      g.value ? (a(), s("div", Hl, [
-        n("span", ql, j(m.value), 1)
-      ])) : r.value && u.value && e.successMessage ? (a(), s("div", Ul, [
-        n("span", Wl, j(e.successMessage), 1)
-      ])) : O("", !0)
+        onInput: I,
+        onBlur: P
+      }, null, 42, Ul),
+      g.value ? (o(), i("div", Wl, [
+        a("span", Kl, V(m.value), 1)
+      ])) : u.value && r.value && e.successMessage ? (o(), i("div", Xl, [
+        a("span", Yl, V(e.successMessage), 1)
+      ])) : z("", !0)
     ]));
   }
-}), Nn = /* @__PURE__ */ _({
+}), Ga = /* @__PURE__ */ A({
   __name: "loader",
   props: {
     loading: { type: Boolean, default: !0 },
@@ -2065,15 +2065,15 @@ const vt = xe("SunIcon", [
     color: { default: "primary" }
   },
   setup(e) {
-    const d = e, l = h(d.loading);
-    return H(
-      () => d.loading,
+    const c = e, l = h(c.loading);
+    return F(
+      () => c.loading,
       (t) => {
         l.value = t;
       }
-    ), (t, i) => l.value ? (a(), s("span", {
+    ), (t, s) => l.value ? (o(), i("span", {
       key: 0,
-      class: z(["loading", [
+      class: S(["loading", [
         { "loading-xs": e.size === "xs" },
         { "loading-sm": e.size === "sm" },
         { "loading-md": e.size === "md" },
@@ -2096,15 +2096,193 @@ const vt = xe("SunIcon", [
         { "text-warning": e.color === "warning" },
         { "text-error": e.color === "error" }
       ]])
-    }, null, 2)) : O("", !0);
+    }, null, 2)) : z("", !0);
+  }
+}), Se = h([]);
+function Gl() {
+  const e = (l, t = "default", s = 5e3) => {
+    const n = Math.random().toString(36).substring(2, 9);
+    Se.value.push({
+      id: n,
+      message: l,
+      type: t,
+      duration: s
+    });
+  }, c = (l) => {
+    Se.value = Se.value.filter((t) => t.id !== l);
+  };
+  return {
+    // Expose a read-only version of the toasts array
+    toasts: et(Se),
+    addToast: e,
+    removeToast: c
+  };
+}
+const Jl = ["value"], Zl = /* @__PURE__ */ A({
+  __name: "ToastNotification",
+  props: {
+    toast: {
+      type: Object,
+      required: !0
+    }
+  },
+  emits: ["remove"],
+  setup(e, { emit: c }) {
+    const l = e, t = c, s = h(100);
+    let n = null, r = null;
+    me(() => {
+      const u = l.toast.duration, g = Date.now();
+      n = setTimeout(() => {
+        t("remove", l.toast.id);
+      }, u), r = setInterval(() => {
+        const I = Date.now() - g, P = Math.max(0, u - I);
+        s.value = P / u * 100, P === 0 && clearInterval(r);
+      }, 50);
+    }), Ee(() => {
+      n && clearTimeout(n), r && clearInterval(r);
+    });
+    const m = K(() => {
+      switch (l.toast.type) {
+        case "success":
+          return "alert-success";
+        case "warning":
+          return "alert-warning";
+        case "error":
+          return "alert-error";
+        case "info":
+          return "alert-info";
+        default:
+          return "";
+      }
+    });
+    return (u, g) => (o(), i("div", {
+      role: "alert",
+      class: S(["alert", m.value, "shadow-lg"])
+    }, [
+      a("span", null, V(e.toast.message), 1),
+      a("progress", {
+        class: S(["progress absolute bottom-0 left-0 w-full progress-neutral"]),
+        value: s.value,
+        max: "100"
+      }, null, 8, Jl)
+    ], 2));
+  }
+}), Ql = /* @__PURE__ */ de(Zl, [["__scopeId", "data-v-08105eee"]]), ea = /* @__PURE__ */ A({
+  __name: "ToastContainer",
+  props: {
+    position: {
+      type: String,
+      default: "top-end"
+      // Default to top-right corner
+    }
+  },
+  setup(e) {
+    const c = e, { toasts: l, removeToast: t } = Gl(), s = K(() => {
+      const [n, r] = c.position.split("-");
+      return {
+        "toast-top": n === "top",
+        "toast-middle": n === "middle",
+        "toast-bottom": n === "bottom",
+        "toast-start": r === "start",
+        "toast-center": r === "center",
+        "toast-end": r === "end"
+      };
+    });
+    return (n, r) => (o(), i("div", {
+      class: S(["toast", s.value])
+    }, [
+      ue(tt, { name: "toast-fade" }, {
+        default: we(() => [
+          (o(!0), i(H, null, G(le(l), (m) => (o(), ce(Ql, {
+            key: m.id,
+            toast: m,
+            onRemove: (u) => le(t)(m.id)
+          }, null, 8, ["toast", "onRemove"]))), 128))
+        ]),
+        _: 1
+      })
+    ], 2));
+  }
+}), Ja = /* @__PURE__ */ de(ea, [["__scopeId", "data-v-f910f41f"]]), ta = {
+  xmlns: "http://www.w3.org/2000/svg",
+  fill: "none",
+  viewBox: "0 0 24 24",
+  class: "w-6 h-6 stroke-current shrink-0"
+}, la = ["d"], aa = { class: "empty:hidden" }, Za = /* @__PURE__ */ A({
+  __name: "alert",
+  props: {
+    type: { default: "default" },
+    message: {},
+    closable: { type: Boolean, default: !1 },
+    modelValue: { type: Boolean, default: !0 }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: c }) {
+    const l = e, t = c, s = K({
+      get: () => l.modelValue,
+      set: (u) => t("update:modelValue", u)
+    }), n = K(() => {
+      switch (l.type) {
+        case "info":
+          return "alert-info";
+        case "success":
+          return "alert-success";
+        case "warning":
+          return "alert-warning";
+        case "error":
+          return "alert-error";
+        default:
+          return "";
+      }
+    }), r = K(() => {
+      switch (l.type) {
+        case "info":
+          return "M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z";
+        case "success":
+          return "M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z";
+        case "warning":
+          return "M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z";
+        case "error":
+          return "M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z";
+        default:
+          return "M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z";
+      }
+    }), m = () => {
+      s.value = !1;
+    };
+    return (u, g) => s.value ? (o(), i("div", {
+      key: 0,
+      role: "alert",
+      class: S(["alert", n.value])
+    }, [
+      O(u.$slots, "icon", { class: "w-6 h-6" }, () => [
+        (o(), i("svg", ta, [
+          a("path", {
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round",
+            "stroke-width": "2",
+            d: r.value
+          }, null, 8, la)
+        ]))
+      ]),
+      a("span", null, V(e.message), 1),
+      a("div", aa, [
+        e.closable ? (o(), i("button", {
+          key: 0,
+          class: "btn btn-sm btn-ghost",
+          onClick: m
+        }, "Close")) : z("", !0),
+        O(u.$slots, "default")
+      ])
+    ], 2)) : z("", !0);
   }
-}), Kl = { class: "container flex flex-col sm:flex-row" }, Xl = { class: "footer-title" }, Yl = ["href"], Gl = {
+}), na = { class: "container flex flex-col sm:flex-row" }, oa = { class: "footer-title" }, sa = ["href"], ia = {
   key: 0,
   class: "sm:hidden w-full"
-}, Jl = { class: "border-b-2 border-base-100 last:border-b-0 w-full" }, Zl = {
+}, ra = { class: "border-b-2 border-base-100 last:border-b-0 w-full" }, ua = {
   tabindex: "0",
   class: "collapse collapse-plus w-full"
-}, Ql = { class: "collapse-title font-bold text-lg collapsible-footer-title" }, en = { class: "collapse-content flex w-full text-sm" }, tn = { class: "flex flex-col gap-2.5" }, ln = { class: "w-full" }, nn = ["href"], an = { class: "sm:w-1/4" }, _n = /* @__PURE__ */ _({
+}, ca = { class: "collapse-title font-bold text-lg collapsible-footer-title" }, da = { class: "collapse-content flex w-full text-sm" }, va = { class: "flex flex-col gap-2.5" }, fa = { class: "w-full" }, ma = ["href"], pa = { class: "sm:w-1/4" }, Qa = /* @__PURE__ */ A({
   __name: "footer",
   props: {
     items: {},
@@ -2114,127 +2292,127 @@ const vt = xe("SunIcon", [
     rows: { default: 1 }
   },
   setup(e) {
-    const d = e;
-    return (l, t) => (a(), s("div", {
-      class: z(["mx-auto md:px-10 py-10 text-base-content", [e.background ?? "bg-base-200", e.color ?? "text-base-content"]])
+    const c = e;
+    return (l, t) => (o(), i("div", {
+      class: S(["mx-auto md:px-10 py-10 text-base-content", [e.background ?? "bg-base-200", e.color ?? "text-base-content"]])
     }, [
-      n("footer", Kl, [
-        n("div", {
-          class: z(["footer sm:footer-horizontal sm:w-3/4", [{ "sm:grid-rows-1": d.rows === 1 }, { "sm:grid-rows-2": d.rows === 2 }, { "sm:grid-rows-3": d.rows === 3 }]])
+      a("footer", na, [
+        a("div", {
+          class: S(["footer sm:footer-horizontal sm:w-3/4", [{ "sm:grid-rows-1": c.rows === 1 }, { "sm:grid-rows-2": c.rows === 2 }, { "sm:grid-rows-3": c.rows === 3 }]])
         }, [
-          (a(!0), s(U, null, G(d.items, (i) => (a(), s("nav", {
-            class: z([{ "hidden sm:grid w-max": e.collapseOnMobile }])
+          (o(!0), i(H, null, G(c.items, (s) => (o(), i("nav", {
+            class: S([{ "hidden sm:grid w-max": e.collapseOnMobile }])
           }, [
-            n("h6", Xl, j(i.title), 1),
-            (a(!0), s(U, null, G(i.items, (o) => (a(), s("a", {
+            a("h6", oa, V(s.title), 1),
+            (o(!0), i(H, null, G(s.items, (n) => (o(), i("a", {
               class: "link link-hover",
-              href: o.link
-            }, j(o.text), 9, Yl))), 256))
+              href: n.link
+            }, V(n.text), 9, sa))), 256))
           ], 2))), 256)),
-          n("nav", {
-            class: z(["empty:hidden", [{ "hidden sm:grid": e.collapseOnMobile }]])
+          a("nav", {
+            class: S(["empty:hidden", [{ "hidden sm:grid": e.collapseOnMobile }]])
           }, [
-            V(l.$slots, "extra-row")
+            O(l.$slots, "extra-row")
           ], 2),
-          e.collapseOnMobile ? (a(), s("nav", Gl, [
-            (a(!0), s(U, null, G(d.items, (i) => (a(), s("ul", Jl, [
-              n("div", Zl, [
-                n("div", Ql, j(i.title), 1),
-                n("div", en, [
-                  n("ul", tn, [
-                    (a(!0), s(U, null, G(i.items, (o) => (a(), s("li", ln, [
-                      n("a", {
+          e.collapseOnMobile ? (o(), i("nav", ia, [
+            (o(!0), i(H, null, G(c.items, (s) => (o(), i("ul", ra, [
+              a("div", ua, [
+                a("div", ca, V(s.title), 1),
+                a("div", da, [
+                  a("ul", va, [
+                    (o(!0), i(H, null, G(s.items, (n) => (o(), i("li", fa, [
+                      a("a", {
                         class: "w-full font-medium link link-hover",
-                        href: o.link
-                      }, j(o.text), 9, nn)
+                        href: n.link
+                      }, V(n.text), 9, ma)
                     ]))), 256))
                   ])
                 ])
               ])
             ]))), 256))
-          ])) : O("", !0)
+          ])) : z("", !0)
         ], 2),
-        n("aside", an, [
-          V(l.$slots, "default")
+        a("aside", pa, [
+          O(l.$slots, "default")
         ])
       ])
     ], 2));
   }
-}), on = {}, sn = { class: "min-h-40 container hero" }, rn = { class: "px-0! text-center hero-content" }, un = { class: "mt-9 text-4xl" };
-function dn(e, d) {
-  return a(), s("div", sn, [
-    n("div", rn, [
-      n("div", null, [
-        n("h1", un, [
-          V(e.$slots, "title", {}, () => [
-            d[0] || (d[0] = Ae("hero title", -1))
+}), ha = {}, ga = { class: "min-h-40 container hero" }, ya = { class: "px-0! text-center hero-content" }, ba = { class: "mt-9 text-4xl" };
+function wa(e, c) {
+  return o(), i("div", ga, [
+    a("div", ya, [
+      a("div", null, [
+        a("h1", ba, [
+          O(e.$slots, "title", {}, () => [
+            c[0] || (c[0] = Ae("hero title", -1))
           ])
         ]),
-        n("p", null, [
-          V(e.$slots, "description", { class: "py-9" })
+        a("p", null, [
+          O(e.$slots, "description", { class: "py-9" })
         ]),
-        V(e.$slots, "call-to-action-block", { class: "max-w-full" }, () => [
-          d[1] || (d[1] = n("button", { class: "btn btn-primary" }, "Call to action", -1))
+        O(e.$slots, "call-to-action-block", { class: "max-w-full" }, () => [
+          c[1] || (c[1] = a("button", { class: "btn btn-primary" }, "Call to action", -1))
         ])
       ])
     ])
   ]);
 }
-const Fn = /* @__PURE__ */ ye(on, [["render", dn]]), cn = { class: "flex flex-row place-content-center gap-4 categories" }, vn = ["onClick"], Hn = /* @__PURE__ */ _({
+const en = /* @__PURE__ */ de(ha, [["render", wa]]), xa = { class: "flex flex-row place-content-center gap-4 categories" }, ka = ["onClick"], tn = /* @__PURE__ */ A({
   __name: "categoryNavigation",
   props: {
     searchOptions: {},
     currentCategory: {}
   },
   emits: ["update:currentCategory"],
-  setup(e, { emit: d }) {
-    const l = e, t = d;
-    function i(o) {
-      t("update:currentCategory", o);
+  setup(e, { emit: c }) {
+    const l = e, t = c;
+    function s(n) {
+      t("update:currentCategory", n);
     }
-    return (o, u) => (a(), s("div", cn, [
-      (a(!0), s(U, null, G(l.searchOptions, (m) => (a(), s("div", {
+    return (n, r) => (o(), i("div", xa, [
+      (o(!0), i(H, null, G(l.searchOptions, (m) => (o(), i("div", {
         key: m.category
       }, [
-        n("button", {
-          onClick: (r) => i(m.category),
-          class: z(["truncate btn btn-ghost", { "font-semibold": l.currentCategory === m.category }])
-        }, j(m.category), 11, vn)
+        a("button", {
+          onClick: (u) => s(m.category),
+          class: S(["truncate btn btn-ghost", { "font-semibold": l.currentCategory === m.category }])
+        }, V(m.category), 11, ka)
       ]))), 128))
     ]));
   }
-}), fn = { class: "md:flex hidden navbar-start" }, mn = { class: "md:flex justify-center items-center hidden navbar-center" }, pn = { class: "md:flex hidden navbar-end" }, hn = { class: "navbar-bottom md:flex hidden" }, gn = /* @__PURE__ */ _({
+}), $a = { class: "md:flex hidden navbar-start" }, Ca = { class: "md:flex justify-center items-center hidden navbar-center" }, Sa = { class: "md:flex hidden navbar-end" }, Ia = { class: "navbar-bottom md:flex hidden" }, Ma = /* @__PURE__ */ A({
   __name: "navigationBar",
   props: {
     isCollapsed: { type: Boolean, default: !0 }
   },
   setup(e) {
-    const d = e;
-    return (l, t) => (a(), s("nav", {
-      class: z(["place-items-start border-primary bg-base-100 px-5 py-5 border-b-4 transition-all navbar navigationbar", d.isCollapsed ? "collapsed" : ""])
+    const c = e;
+    return (l, t) => (o(), i("nav", {
+      class: S(["place-items-start border-primary bg-base-100 px-5 py-5 border-b-4 transition-all navbar navigationbar", c.isCollapsed ? "collapsed" : ""])
     }, [
-      n("div", fn, [
-        V(l.$slots, "start", {}, void 0, !0)
+      a("div", $a, [
+        O(l.$slots, "start", {}, void 0, !0)
       ]),
-      n("div", mn, [
-        V(l.$slots, "center", {}, void 0, !0)
+      a("div", Ca, [
+        O(l.$slots, "center", {}, void 0, !0)
       ]),
-      n("div", pn, [
-        V(l.$slots, "end", {}, void 0, !0)
+      a("div", Sa, [
+        O(l.$slots, "end", {}, void 0, !0)
       ]),
-      n("div", hn, [
-        V(l.$slots, "bottom", {}, void 0, !0)
+      a("div", Ia, [
+        O(l.$slots, "bottom", {}, void 0, !0)
       ])
     ], 2));
   }
-}), qn = /* @__PURE__ */ ye(gn, [["__scopeId", "data-v-8ddb2b45"]]), yn = {
+}), ln = /* @__PURE__ */ de(Ma, [["__scopeId", "data-v-8ddb2b45"]]), Ta = {
   key: 0,
   class: "hidden top-4 right-0 absolute md:flex gap-4"
-}, bn = ["onClick", "aria-selected"], wn = {
+}, za = ["onClick", "aria-selected"], Ba = {
   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"
-}, xn = { class: "p-6 border-x-0 border-t-2 border-b-0 border-base-300 max-w-full" }, Un = /* @__PURE__ */ _({
+}, Oa = { class: "p-6 border-x-0 border-t-2 border-b-0 border-base-300 max-w-full" }, an = /* @__PURE__ */ A({
   __name: "tab",
   props: {
     items: {},
@@ -2243,55 +2421,55 @@ const Fn = /* @__PURE__ */ ye(on, [["render", dn]]), cn = { class: "flex flex-ro
     buttonOnlyMode: { type: Boolean, default: !1 }
   },
   emits: ["tab-changed"],
-  setup(e, { emit: d }) {
-    const l = e, t = h(l.items[0]), i = d;
-    function o(r) {
-      t.value = r, i("tab-changed", r);
+  setup(e, { emit: c }) {
+    const l = e, t = h(l.items[0]), s = c;
+    function n(u) {
+      t.value = u, s("tab-changed", u);
     }
-    function u() {
+    function r() {
       const g = (l.items.indexOf(t.value) + 1) % l.items.length;
-      o(l.items[g]);
+      n(l.items[g]);
     }
     function m() {
       const g = (l.items.indexOf(t.value) - 1 + l.items.length) % l.items.length;
-      o(l.items[g]);
+      n(l.items[g]);
     }
-    return ge(() => {
-      l.items && o(l.items[0]);
-    }), Re(() => {
+    return me(() => {
+      l.items && n(l.items[0]);
+    }), Ee(() => {
       l.rotateTabsAfter && l.rotateTabsAfter > 0 && setInterval(() => {
-        u();
+        r();
       }, l.rotateTabsAfter * 1e3);
-    }), (r, g) => (a(), s(U, null, [
-      n("div", {
+    }), (u, g) => (o(), i(H, null, [
+      a("div", {
         role: "tablist",
-        class: z(["relative tabs-bordered w-full tabs tabs-lg", { "flex-nowrap overflow-x-auto": e.buttonOnlyMode }])
+        class: S(["relative tabs-bordered w-full tabs tabs-lg", { "flex-nowrap overflow-x-auto": e.buttonOnlyMode }])
       }, [
-        e.withControlls ? (a(), s("div", yn, [
-          n("button", {
-            onClick: g[0] || (g[0] = (M) => m()),
+        e.withControlls ? (o(), i("div", Ta, [
+          a("button", {
+            onClick: g[0] || (g[0] = (I) => m()),
             class: "cursor-pointer"
           }, "Previous"),
-          n("button", {
-            onClick: g[1] || (g[1] = (M) => u()),
+          a("button", {
+            onClick: g[1] || (g[1] = (I) => r()),
             class: "text-primary cursor-pointer"
           }, "Next")
-        ])) : O("", !0),
-        (a(!0), s(U, null, G(e.items, (M) => (a(), s(U, null, [
-          n("a", {
+        ])) : z("", !0),
+        (o(!0), i(H, null, G(e.items, (I) => (o(), i(H, null, [
+          a("a", {
             type: "button",
             role: "tab",
-            class: z(["min-w-max tab", M === t.value ? "bg-primary text-base-100" : ""]),
-            onClick: (R) => o(M),
-            "aria-selected": t.value == M
-          }, j(M), 11, bn),
-          e.buttonOnlyMode ? O("", !0) : (a(), s("div", wn, [
-            V(r.$slots, `${M}-tab`)
+            class: S(["min-w-max tab", I === t.value ? "bg-primary text-base-100" : ""]),
+            onClick: (P) => n(I),
+            "aria-selected": t.value == I
+          }, V(I), 11, za),
+          e.buttonOnlyMode ? z("", !0) : (o(), i("div", Ba, [
+            O(u.$slots, `${I}-tab`)
           ]))
         ], 64))), 256))
       ], 2),
-      n("div", xn, [
-        V(r.$slots, "default")
+      a("div", Oa, [
+        O(u.$slots, "default")
       ])
     ], 64));
   }
@@ -2299,28 +2477,32 @@ const Fn = /* @__PURE__ */ ye(on, [["render", dn]]), cn = { class: "flex flex-ro
 typeof document > "u" && (globalThis.document = {});
 typeof window > "u" && (globalThis.window = globalThis);
 export {
-  zn as Accordion,
-  En as AdvancedSearch,
-  Tn as Avatar,
-  Bn as Badge,
-  $n as ButtonComponent,
-  On as Card,
-  Dn as Carousel,
-  Vn as CarouselItem,
-  Hn as CategoryNavigation,
-  bl as DatetimePicker,
-  Sn as Dropdown,
-  An as FilterableSelect,
-  _n as Footer,
-  Fn as Hero,
-  Rn as InputField,
-  Nn as Loader,
-  Cn as Modal,
-  qn as NavigationBar,
-  jn as Rating,
-  Pn as Selector,
-  In as Swap,
-  Un as Tab,
-  Ln as TagInput,
-  Mn as ThemeController
+  Pa as Accordion,
+  Ha as AdvancedSearch,
+  Za as Alert,
+  Ra as Avatar,
+  Aa as Badge,
+  Va as ButtonComponent,
+  Na as Card,
+  qa as Carousel,
+  Fa as CarouselItem,
+  tn as CategoryNavigation,
+  kl as DatetimePicker,
+  _a as Dropdown,
+  Xa as FilterableSelect,
+  Qa as Footer,
+  en as Hero,
+  Ya as InputField,
+  Ga as Loader,
+  Ea as Modal,
+  ln as NavigationBar,
+  Ua as Rating,
+  Ka as Selector,
+  ja as Swap,
+  an as Tab,
+  Wa as TagInput,
+  La as ThemeController,
+  Ja as Toast,
+  Gl as ToastComposable,
+  Ql as ToastNotification
 };