manolis-ui 0.13.4 → 0.14.0

package/dist/manolis-ui.js

@@ -1,13 +1,8 @@
-var ft = (e) => {
-  throw TypeError(e);
-};
-var mt = (e, t, a) => t.has(e) || ft("Cannot " + a);
-var le = (e, t, a) => (mt(e, t, "read from private field"), a ? a.call(e) : t.get(e)), Be = (e, t, a) => t.has(e) ? ft("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, a), Ve = (e, t, a, n) => (mt(e, t, "write to private field"), n ? n.call(e, a) : t.set(e, a), a);
-import { defineComponent as N, computed as K, createElementBlock as h, openBlock as f, normalizeClass as B, createCommentVNode as E, renderSlot as V, createTextVNode as Ct, createElementVNode as d, Fragment as U, renderList as F, toDisplayString as P, ref as M, watch as R, h as He, onMounted as ue, withDirectives as Ce, createVNode as ie, isRef as Yt, vModelCheckbox as Jt, unref as Z, provide as Xt, normalizeStyle as ye, inject as Gt, useId as Qt, defineAsyncComponent as ze, nextTick as Pe, onBeforeUnmount as _e, withModifiers as te, createBlock as ae, resolveDynamicComponent as Oe, mergeProps as Ne, withKeys as We, onUnmounted as Dt, resolveComponent as Ae, withCtx as pt, vModelText as Tt, useSlots as en, Comment as tn, vShow as nn } from "vue";
-const an = ["disabled"], on = {
+import { defineComponent as P, computed as _, createElementBlock as r, openBlock as a, normalizeClass as M, createCommentVNode as T, renderSlot as V, createTextVNode as ue, createElementVNode as l, Fragment as j, renderList as E, toDisplayString as O, ref as k, watch as A, h as se, onMounted as K, withDirectives as ee, createVNode as G, isRef as pe, vModelCheckbox as he, unref as U, provide as ge, normalizeStyle as Z, inject as be, useId as ye, defineAsyncComponent as te, nextTick as le, onBeforeUnmount as ie, withModifiers as H, createBlock as W, resolveDynamicComponent as ne, mergeProps as ae, withKeys as re, resolveComponent as oe, withCtx as ce, vModelText as me, useSlots as we, Comment as xe, vShow as ke, onUnmounted as $e } from "vue";
+const Ce = ["disabled"], Se = {
   key: 0,
   class: "loading loading-spinner"
-}, fl = /* @__PURE__ */ N({
+}, Ll = /* @__PURE__ */ P({
   __name: "ButtonComponent",
   props: {
     outlined: { type: Boolean, default: !1 },
@@ -19,8 +14,8 @@ const an = ["disabled"], on = {
     disabled: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const t = e, a = K(() => {
-      switch (t.size) {
+    const c = e, t = _(() => {
+      switch (c.size) {
         case "large":
           return "btn-lg";
         case "small":
@@ -34,8 +29,8 @@ const an = ["disabled"], on = {
         default:
           return "";
       }
-    }), n = K(() => {
-      switch (t.type) {
+    }), o = _(() => {
+      switch (c.type) {
         case "neutral":
           return "btn-neutral";
         case "primary":
@@ -59,8 +54,8 @@ const an = ["disabled"], on = {
         default:
           return "btn-neutral";
       }
-    }), l = K(() => {
-      switch (t.shape) {
+    }), u = _(() => {
+      switch (c.shape) {
         case "square":
           return "btn-square";
         case "circle":
@@ -69,27 +64,27 @@ const an = ["disabled"], on = {
           return "";
       }
     });
-    return (o, s) => (f(), h("button", {
-      class: B([
+    return (s, i) => (a(), r("button", {
+      class: M([
         "btn",
-        { "btn-outline": t.outlined },
-        { "btn-active": t.active },
-        n.value,
-        a.value,
-        l.value
+        { "btn-outline": c.outlined },
+        { "btn-active": c.active },
+        o.value,
+        t.value,
+        u.value
       ]),
-      disabled: t.disabled
+      disabled: c.disabled
     }, [
-      e.loading ? (f(), h("span", on)) : E("", !0),
-      V(o.$slots, "default", {}, () => [
-        s[0] || (s[0] = Ct("Submit", -1))
+      e.loading ? (a(), r("span", Se)) : T("", !0),
+      V(s.$slots, "default", {}, () => [
+        i[0] || (i[0] = ue("Submit", -1))
       ])
-    ], 10, an));
+    ], 10, Ce));
   }
-}), ln = {
+}), Ie = {
   tabindex: "0",
   class: "z-1 bg-base-100 shadow-sm p-2 rounded-sm min-w-[inherit] md:min-w-full xl:min-w-52 dropdown-content menu"
-}, sn = ["href"], ml = /* @__PURE__ */ N({
+}, Te = ["href"], El = /* @__PURE__ */ P({
   __name: "dropdown",
   props: {
     items: {},
@@ -99,35 +94,35 @@ const an = ["disabled"], on = {
     forceOpen: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const t = {
+    const c = {
       left: "dropdown-left",
       right: "dropdown-right",
       bottom: "dropdown-bottom",
       top: "dropdown-top"
-    }, a = {
+    }, t = {
       start: "",
       end: "dropdown-end"
-    }, n = e;
-    return (l, o) => (f(), h("div", {
-      class: B(["dropdown", t[n.position], a[n.floatPosition], { "dropdown-open": n.forceOpen }, { "dropdown-hover": n.openOnHover }])
+    }, o = e;
+    return (u, s) => (a(), r("div", {
+      class: M(["dropdown", c[o.position], t[o.floatPosition], { "dropdown-open": o.forceOpen }, { "dropdown-hover": o.openOnHover }])
     }, [
-      V(l.$slots, "default", {
+      V(u.$slots, "default", {
         tabindex: "0",
         role: "button"
       }, () => [
-        o[0] || (o[0] = d("div", { class: "m-1 btn" }, "Open dropdown", -1))
+        s[0] || (s[0] = l("div", { class: "m-1 btn" }, "Open dropdown", -1))
       ]),
-      d("ul", ln, [
-        (f(!0), h(U, null, F(e.items, (s) => (f(), h("li", null, [
-          d("a", {
-            href: s.link
-          }, P(s.text), 9, sn)
+      l("ul", Ie, [
+        (a(!0), r(j, null, E(e.items, (i) => (a(), r("li", null, [
+          l("a", {
+            href: i.link
+          }, O(i.text), 9, Te)
         ]))), 256)),
-        V(l.$slots, "additional")
+        V(u.$slots, "additional")
       ])
     ], 2));
   }
-}), rn = { class: "modal-box" }, un = { class: "modal-action" }, pl = /* @__PURE__ */ N({
+}), Me = { class: "modal-box" }, Ve = { class: "modal-action" }, Al = /* @__PURE__ */ P({
   __name: "modal",
   props: {
     position: { default: "center" },
@@ -135,48 +130,48 @@ const an = ["disabled"], on = {
     forceOpen: { type: [Boolean, null], default: null }
   },
   setup(e) {
-    const t = e, a = {
+    const c = e, t = {
       top: "modal-top",
       bottom: "modal-bottom",
       center: "modal-middle"
-    }, n = M(null), l = () => {
-      var s;
-      (s = n.value) == null || s.showModal();
-    }, o = () => {
-      var s;
-      (s = n.value) == null || s.close();
+    }, o = k(null), u = () => {
+      var i;
+      (i = o.value) == null || i.showModal();
+    }, s = () => {
+      var i;
+      (i = o.value) == null || i.close();
     };
-    return R(
-      () => t.forceOpen,
-      (s) => {
-        s == !0 && l(), s == !1 && o();
+    return A(
+      () => c.forceOpen,
+      (i) => {
+        i == !0 && u(), i == !1 && s();
       }
-    ), (s, u) => (f(), h(U, null, [
-      t.forceOpen == null ? (f(), h("span", {
+    ), (i, g) => (a(), r(j, null, [
+      c.forceOpen == null ? (a(), r("span", {
         key: 0,
         class: "w-fit cursor-pointer",
-        onClick: l
+        onClick: u
       }, [
-        V(s.$slots, "trigger", { role: "button" }, () => [
-          u[0] || (u[0] = d("button", { class: "btn" }, "Open", -1))
+        V(i.$slots, "trigger", { role: "button" }, () => [
+          g[0] || (g[0] = l("button", { class: "btn" }, "Open", -1))
         ])
-      ])) : E("", !0),
-      d("dialog", {
+      ])) : T("", !0),
+      l("dialog", {
         ref_key: "dialog",
-        ref: n,
-        class: B(["modal", a[t.position]])
+        ref: o,
+        class: M(["modal", t[c.position]])
       }, [
-        d("div", rn, [
-          V(s.$slots, "default"),
-          d("div", un, [
-            V(s.$slots, "actions"),
-            d("form", {
+        l("div", Me, [
+          V(i.$slots, "default"),
+          l("div", Ve, [
+            V(i.$slots, "actions"),
+            l("form", {
               method: "dialog",
-              onSubmit: o,
-              class: B(e.withBackdrop ? "modal-backdrop" : "")
+              onSubmit: s,
+              class: M(e.withBackdrop ? "modal-backdrop" : "")
             }, [
-              V(s.$slots, "close-button", {}, () => [
-                u[1] || (u[1] = d("button", { class: "btn" }, "Close", -1))
+              V(i.$slots, "close-button", {}, () => [
+                g[1] || (g[1] = l("button", { class: "btn" }, "Close", -1))
               ])
             ], 34)
           ])
@@ -184,22 +179,22 @@ const an = ["disabled"], on = {
       ], 2)
     ], 64));
   }
-}), cn = { class: "flex justify-center items-center swap-on" }, dn = { class: "flex justify-center items-center swap-off" }, hl = /* @__PURE__ */ N({
+}), Be = { class: "flex justify-center items-center swap-on" }, De = { class: "flex justify-center items-center swap-off" }, Rl = /* @__PURE__ */ P({
   __name: "swap",
   props: {
     effect: {}
   },
   setup(e) {
-    const t = e;
-    return (a, n) => (f(), h("label", {
-      class: B(["swap", t.effect ? `swap-${e.effect}` : ""])
+    const c = e;
+    return (t, o) => (a(), r("label", {
+      class: M(["swap", c.effect ? `swap-${e.effect}` : ""])
     }, [
-      n[0] || (n[0] = d("input", { type: "checkbox" }, null, -1)),
-      d("div", cn, [
-        V(a.$slots, "on")
+      o[0] || (o[0] = l("input", { type: "checkbox" }, null, -1)),
+      l("div", Be, [
+        V(t.$slots, "on")
       ]),
-      d("div", dn, [
-        V(a.$slots, "off")
+      l("div", De, [
+        V(t.$slots, "off")
       ])
     ], 2));
   }
@@ -210,14 +205,14 @@ const an = ["disabled"], on = {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const fn = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
+const ze = (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 Y = {
   xmlns: "http://www.w3.org/2000/svg",
   width: 24,
   height: 24,
@@ -234,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 mn = ({ size: e, strokeWidth: t = 2, absoluteStrokeWidth: a, color: n, iconNode: l, name: o, class: s, ...u }, { slots: i }) => He(
+const Oe = ({ size: e, strokeWidth: c = 2, absoluteStrokeWidth: t, color: o, iconNode: u, name: s, class: i, ...g }, { slots: v }) => se(
   "svg",
   {
-    ...$e,
-    width: e || $e.width,
-    height: e || $e.height,
-    stroke: n || $e.stroke,
-    "stroke-width": a ? Number(t) * 24 / Number(e) : t,
-    class: ["lucide", `lucide-${fn(o ?? "icon")}`],
-    ...u
+    ...Y,
+    width: e || Y.width,
+    height: e || Y.height,
+    stroke: o || Y.stroke,
+    "stroke-width": t ? Number(c) * 24 / Number(e) : c,
+    class: ["lucide", `lucide-${ze(s ?? "icon")}`],
+    ...g
   },
-  [...l.map((r) => He(...r)), ...i.default ? [i.default()] : []]
+  [...u.map((p) => se(...p)), ...v.default ? [v.default()] : []]
 );
 /**
  * @license lucide-vue-next v0.468.0 - ISC
@@ -253,14 +248,14 @@ const mn = ({ size: e, strokeWidth: t = 2, absoluteStrokeWidth: a, color: n, ico
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const be = (e, t) => (a, { slots: n }) => He(
-  mn,
+const Q = (e, c) => (t, { slots: o }) => se(
+  Oe,
   {
-    ...a,
-    iconNode: t,
+    ...t,
+    iconNode: c,
     name: e
   },
-  n
+  o
 );
 /**
  * @license lucide-vue-next v0.468.0 - ISC
@@ -268,7 +263,7 @@ const be = (e, t) => (a, { slots: n }) => He(
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const pn = be("CircleChevronDownIcon", [
+const Pe = Q("CircleChevronDownIcon", [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "m16 10-4 4-4-4", key: "894hmk" }]
 ]);
@@ -278,7 +273,7 @@ const pn = be("CircleChevronDownIcon", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const hn = be("CircleXIcon", [
+const je = Q("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" }]
@@ -289,7 +284,7 @@ const hn = be("CircleXIcon", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const vn = be("MoonIcon", [
+const Le = Q("MoonIcon", [
   ["path", { d: "M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z", key: "a7tn18" }]
 ]);
 /**
@@ -298,7 +293,7 @@ const vn = be("MoonIcon", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const ht = be("SearchIcon", [
+const fe = Q("SearchIcon", [
   ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }],
   ["path", { d: "m21 21-4.3-4.3", key: "1qie3q" }]
 ]);
@@ -308,7 +303,7 @@ const ht = be("SearchIcon", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const gn = be("SunIcon", [
+const Ee = Q("SunIcon", [
   ["circle", { cx: "12", cy: "12", r: "4", key: "4exip2" }],
   ["path", { d: "M12 2v2", key: "tus03m" }],
   ["path", { d: "M12 20v2", key: "1lh1kg" }],
@@ -318,44 +313,44 @@ const gn = be("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" }]
-]), yn = (e, t) => {
-  const a = M(null);
-  return ue(() => {
+]), Ae = (e, c) => {
+  const t = k(null);
+  return K(() => {
     if (typeof window < "u") {
-      const n = window.localStorage.getItem(e);
-      a.value = n ? JSON.parse(n) : t;
+      const o = window.localStorage.getItem(e);
+      t.value = o ? JSON.parse(o) : c;
     }
-  }), R(a, (n) => {
-    typeof window < "u" && window.localStorage.setItem(e, JSON.stringify(n));
-  }), a;
-}, bn = { class: "swap-rotate swap" }, wn = ["true-value", "false-value"], vl = /* @__PURE__ */ N({
+  }), A(t, (o) => {
+    typeof window < "u" && window.localStorage.setItem(e, JSON.stringify(o));
+  }), t;
+}, Re = { class: "swap-rotate swap" }, Ne = ["true-value", "false-value"], Nl = /* @__PURE__ */ P({
   __name: "theme-controller",
   props: {
     lightTheme: { default: "light" },
     darkTheme: { default: "dark" }
   },
   setup(e) {
-    const t = e, a = yn("theme", t.lightTheme);
-    function n(l) {
-      typeof window < "u" && window.document && document.documentElement.setAttribute("data-theme", l);
+    const c = e, t = Ae("theme", c.lightTheme);
+    function o(u) {
+      typeof window < "u" && window.document && document.documentElement.setAttribute("data-theme", u);
     }
-    return ue(() => n(a.value ? a.value : "")), R(a, (l) => {
-      n(l);
-    }), (l, o) => (f(), h("label", bn, [
-      Ce(d("input", {
+    return K(() => o(t.value ? t.value : "")), A(t, (u) => {
+      o(u);
+    }), (u, s) => (a(), r("label", Re, [
+      ee(l("input", {
         type: "checkbox",
         class: "theme-controller",
-        "onUpdate:modelValue": o[0] || (o[0] = (s) => Yt(a) ? a.value = s : null),
-        "true-value": t.lightTheme,
-        "false-value": t.darkTheme
-      }, null, 8, wn), [
-        [Jt, Z(a)]
+        "onUpdate:modelValue": s[0] || (s[0] = (i) => pe(t) ? t.value = i : null),
+        "true-value": c.lightTheme,
+        "false-value": c.darkTheme
+      }, null, 8, Ne), [
+        [he, U(t)]
       ]),
-      ie(Z(gn), { class: "swap-off fill-current" }),
-      ie(Z(vn), { class: "swap-on fill-current" })
+      G(U(Ee), { class: "swap-off fill-current" }),
+      G(U(Le), { class: "swap-on fill-current" })
     ]));
   }
-}), xn = ["name"], kn = { class: "collapse-title font-bold text-2xl lg:text-4xl" }, $n = { class: "collapse-content" }, Sn = ["innerHTML"], gl = /* @__PURE__ */ N({
+}), Fe = ["name"], Ue = { class: "collapse-title font-bold text-2xl lg:text-4xl" }, _e = { class: "collapse-content" }, qe = ["innerHTML"], Fl = /* @__PURE__ */ P({
   __name: "accordion",
   props: {
     name: {},
@@ -364,25 +359,25 @@ const gn = be("SunIcon", [
     icon: {}
   },
   setup(e) {
-    const t = e;
-    return (a, n) => (f(!0), h(U, null, F(t.items, (l, o) => (f(), h("div", {
-      class: B(["collapse border border-base-300", [e.icon ? `collapse-${e.icon}` : "", { "join-item": e.joinItems }]]),
-      key: o
+    const c = e;
+    return (t, o) => (a(!0), r(j, null, E(c.items, (u, s) => (a(), r("div", {
+      class: M(["collapse border border-base-300", [e.icon ? `collapse-${e.icon}` : "", { "join-item": e.joinItems }]]),
+      key: s
     }, [
-      d("input", {
+      l("input", {
         type: "radio",
         name: e.name,
         value: "true"
-      }, null, 8, xn),
-      d("div", kn, P(l.title), 1),
-      d("div", $n, [
-        d("span", {
-          innerHTML: l.content
-        }, null, 8, Sn)
+      }, null, 8, Fe),
+      l("div", Ue, O(u.title), 1),
+      l("div", _e, [
+        l("span", {
+          innerHTML: u.content
+        }, null, 8, qe)
       ])
     ], 2))), 128));
   }
-}), Cn = ["src"], Dn = { class: "text-xl" }, yl = /* @__PURE__ */ N({
+}), He = ["src"], We = { class: "text-xl" }, Ul = /* @__PURE__ */ P({
   __name: "avatar",
   props: {
     image: {},
@@ -391,32 +386,32 @@ const gn = be("SunIcon", [
     fullyRounded: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const t = e, a = M(t.onlineStatus);
-    return R(
-      () => t.onlineStatus,
-      (n) => {
-        n && (a.value = n);
+    const c = e, t = k(c.onlineStatus);
+    return A(
+      () => c.onlineStatus,
+      (o) => {
+        o && (t.value = o);
       }
-    ), (n, l) => (f(), h("div", {
-      class: B(["avatar", [{ "avatar-online": a.value === "online" }, { "avatar-offline": a.value === "offline" }]])
+    ), (o, u) => (a(), r("div", {
+      class: M(["avatar", [{ "avatar-online": t.value === "online" }, { "avatar-offline": t.value === "offline" }]])
     }, [
-      e.image ? (f(), h("div", {
+      e.image ? (a(), r("div", {
         key: 0,
-        class: B(["rounded", [{ "rounded-full": e.fullyRounded }, { rounded: !e.fullyRounded }]])
+        class: M(["rounded", [{ "rounded-full": e.fullyRounded }, { rounded: !e.fullyRounded }]])
       }, [
-        d("img", {
+        l("img", {
           src: e.image,
           class: "w-full h-full"
-        }, null, 8, Cn)
-      ], 2)) : (f(), h("div", {
+        }, null, 8, He)
+      ], 2)) : (a(), r("div", {
         key: 1,
-        class: B(["flex justify-center bg-neutral p-[25%] rounded w-16 text-neutral-content text-center", [{ "rounded-full": e.fullyRounded }, { rounded: !e.fullyRounded }]])
+        class: M(["flex justify-center bg-neutral p-[25%] rounded w-16 text-neutral-content text-center", [{ "rounded-full": e.fullyRounded }, { rounded: !e.fullyRounded }]])
       }, [
-        d("p", Dn, P(e.initials), 1)
+        l("p", We, O(e.initials), 1)
       ], 2))
     ], 2));
   }
-}), bl = /* @__PURE__ */ N({
+}), _l = /* @__PURE__ */ P({
   __name: "badge",
   props: {
     color: { default: "neutral" },
@@ -424,12 +419,12 @@ const gn = be("SunIcon", [
     size: { default: "medium" }
   },
   setup(e) {
-    const t = e, a = {
+    const c = e, t = {
       "extra small": "badge-xs",
       small: "badge-sm",
       medium: "badge-md",
       large: "badge-lg"
-    }, n = {
+    }, o = {
       neutral: "badge-neutral",
       primary: "badge-primary",
       secondary: "badge-secondary",
@@ -440,25 +435,25 @@ const gn = be("SunIcon", [
       warning: "badge-warning",
       error: "badge-error"
     };
-    return (l, o) => (f(), h("span", {
-      class: B(["badge", a[t.size], n[t.color], { "badge-outline": t.outline }])
+    return (u, s) => (a(), r("span", {
+      class: M(["badge", t[c.size], o[c.color], { "badge-outline": c.outline }])
     }, [
-      V(l.$slots, "default")
+      V(u.$slots, "default")
     ], 2));
   }
-}), Tn = ["src", "alt"], Mn = {
+}), Ke = ["src", "alt"], Xe = {
   key: 0,
   class: "card-body"
-}, In = {
+}, Ge = {
   key: 0,
   class: "group-hover:text-primary text-lg text-left cursor-pointer card-title"
-}, En = {
+}, Je = {
   key: 1,
   class: "text-left"
-}, Bn = { class: "flex-col flex-nowrap mt-auto card-actions" }, Vn = {
+}, Ze = { class: "flex-col flex-nowrap mt-auto card-actions" }, Qe = {
   key: 1,
   class: "card-body"
-}, wl = /* @__PURE__ */ N({
+}, ql = /* @__PURE__ */ P({
   __name: "card",
   props: {
     imgUrl: { default: "" },
@@ -475,64 +470,64 @@ const gn = be("SunIcon", [
     horizontal: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const t = e, a = M(t.outlined);
-    return R(
-      () => t.outlined,
-      (n) => {
-        a.value = n;
+    const c = e, t = k(c.outlined);
+    return A(
+      () => c.outlined,
+      (o) => {
+        t.value = o;
       }
-    ), (n, l) => (f(), h("div", {
-      class: B(["group bg-base-100 shadow-xl rounded-sm min-w-64 max-w-full h-full card card-compact", [
-        { "border-4 border-primary": a.value },
+    ), (o, u) => (a(), r("div", {
+      class: M(["group bg-base-100 shadow-xl rounded-sm min-w-64 max-w-full h-full card card-compact", [
+        { "border-4 border-primary": t.value },
         e.color ?? "",
         e.background,
         { "card-side": e.horizontal }
       ]])
     }, [
-      d("figure", {
-        class: B([{ "contents!": e.horizontal && e.imgWidth }])
+      l("figure", {
+        class: M([{ "contents!": e.horizontal && e.imgWidth }])
       }, [
-        e.imgUrl || e.imgUrl && !e.loading ? (f(), h("img", {
+        e.imgUrl || e.imgUrl && !e.loading ? (a(), r("img", {
           key: 0,
           src: e.imgUrl,
           alt: e.alt,
-          class: B(["rounded-sm object-cover", [
+          class: M(["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, Tn)) : E("", !0),
-        e.loading && e.imgUrl ? (f(), h("div", {
+        }, null, 10, Ke)) : T("", !0),
+        e.loading && e.imgUrl ? (a(), r("div", {
           key: 1,
-          class: B(["w-full skeleton", e.imgHeight])
-        }, null, 2)) : E("", !0)
+          class: M(["w-full skeleton", e.imgHeight])
+        }, null, 2)) : T("", !0)
       ], 2),
-      e.loading ? E("", !0) : (f(), h("div", Mn, [
-        e.title ? (f(), h("h2", In, P(e.title), 1)) : E("", !0),
-        V(n.$slots, "details"),
-        e.description ? (f(), h("p", En, P(e.description), 1)) : E("", !0),
-        d("div", Bn, [
-          V(n.$slots, "actions")
+      e.loading ? T("", !0) : (a(), r("div", Xe, [
+        e.title ? (a(), r("h2", Ge, O(e.title), 1)) : T("", !0),
+        V(o.$slots, "details"),
+        e.description ? (a(), r("p", Je, O(e.description), 1)) : T("", !0),
+        l("div", Ze, [
+          V(o.$slots, "actions")
         ])
       ])),
-      e.loading ? (f(), h("div", Vn, [...l[0] || (l[0] = [
-        d("div", { class: "flex flex-col gap-4 w-52" }, [
-          d("div", { class: "w-28 h-4 skeleton" }),
-          d("div", { class: "w-full h-4 skeleton" }),
-          d("div", { class: "w-full h-4 skeleton" })
+      e.loading ? (a(), r("div", Qe, [...u[0] || (u[0] = [
+        l("div", { class: "flex flex-col gap-4 w-52" }, [
+          l("div", { class: "w-28 h-4 skeleton" }),
+          l("div", { class: "w-full h-4 skeleton" }),
+          l("div", { class: "w-full h-4 skeleton" })
         ], -1)
-      ])])) : E("", !0)
+      ])])) : T("", !0)
     ], 2));
   }
-}), Mt = Symbol("CarouselItemStyle"), zn = { class: "relative h-full" }, Pn = {
+}), ve = Symbol("CarouselItemStyle"), Ye = { class: "relative h-full" }, et = {
   key: 0,
   class: "top-1/2 right-5 left-5 z-10 absolute flex justify-between -translate-y-1/2 transform"
-}, On = {
+}, tt = {
   key: 1,
   class: "bottom-5 z-10 absolute flex justify-center gap-2 py-2 w-full"
-}, Nn = ["onClick", "aria-label"], An = /* @__PURE__ */ N({
+}, lt = ["onClick", "aria-label"], nt = /* @__PURE__ */ P({
   __name: "carousel",
   props: {
     showIndicators: {
@@ -569,136 +564,136 @@ const gn = be("SunIcon", [
       validator: (e) => e >= 0
     }
   },
-  setup(e, { expose: t }) {
-    const a = e, n = M(a.initialSlide), l = M(null), o = M(!1), s = M(0), u = K(() => ({
-      width: `calc((100% - ${a.slidesPerView > 1 ? (a.slidesPerView - 1) * a.gap : 0}px) / ${a.slidesPerView})`
+  setup(e, { expose: c }) {
+    const t = e, o = k(t.initialSlide), u = k(null), s = k(!1), i = k(0), g = _(() => ({
+      width: `calc((100% - ${t.slidesPerView > 1 ? (t.slidesPerView - 1) * t.gap : 0}px) / ${t.slidesPerView})`
     }));
-    Xt(Mt, u);
-    const i = () => {
-      l.value ? s.value = l.value.children.length : s.value = 0;
-    }, r = async ($) => {
-      if (!l.value || a.slidesPerView <= 0 || o.value || (i(), s.value === 0)) return;
-      const S = ($ % s.value + s.value) % s.value, D = l.value, k = a.sliderOrientation === "vertical" ? (D.offsetHeight - (a.slidesPerView - 1) * a.gap) / a.slidesPerView : (D.offsetWidth - (a.slidesPerView - 1) * a.gap) / a.slidesPerView;
-      if (k <= 0) return;
-      const z = k + a.gap, j = S * z, q = a.sliderOrientation === "vertical" ? D.scrollHeight - D.offsetHeight : D.scrollWidth - D.offsetWidth, v = Math.max(0, Math.min(j, q + 0.5));
-      o.value = !0, D.style.scrollBehavior = "auto";
-      const T = a.sliderOrientation === "vertical" ? D.scrollTop : D.scrollLeft, b = v - T;
-      if (Math.abs(b) < 1) {
-        o.value = !1, n.value = S;
+    ge(ve, g);
+    const v = () => {
+      u.value ? i.value = u.value.children.length : i.value = 0;
+    }, p = async (w) => {
+      if (!u.value || t.slidesPerView <= 0 || s.value || (v(), i.value === 0)) return;
+      const x = (w % i.value + i.value) % i.value, C = u.value, B = t.sliderOrientation === "vertical" ? (C.offsetHeight - (t.slidesPerView - 1) * t.gap) / t.slidesPerView : (C.offsetWidth - (t.slidesPerView - 1) * t.gap) / t.slidesPerView;
+      if (B <= 0) return;
+      const L = B + t.gap, R = x * L, N = t.sliderOrientation === "vertical" ? C.scrollHeight - C.offsetHeight : C.scrollWidth - C.offsetWidth, m = Math.max(0, Math.min(R, N + 0.5));
+      s.value = !0, C.style.scrollBehavior = "auto";
+      const d = t.sliderOrientation === "vertical" ? C.scrollTop : C.scrollLeft, f = m - d;
+      if (Math.abs(f) < 1) {
+        s.value = !1, o.value = x;
         return;
       }
-      const y = performance.now(), c = (w) => {
-        const x = w - y, I = Math.min(1, x / a.slideDuration), A = I < 0.5 ? 4 * I * I * I : 1 - Math.pow(-2 * I + 2, 3) / 2, H = T + b * A;
-        a.sliderOrientation === "vertical" ? D.scrollTop = H : D.scrollLeft = H, I < 1 ? requestAnimationFrame(c) : (a.sliderOrientation === "vertical" ? D.scrollTop = v : D.scrollLeft = v, n.value = S, o.value = !1);
+      const b = performance.now(), n = ($) => {
+        const h = $ - b, D = Math.min(1, h / t.slideDuration), F = D < 0.5 ? 4 * D * D * D : 1 - Math.pow(-2 * D + 2, 3) / 2, q = d + f * F;
+        t.sliderOrientation === "vertical" ? C.scrollTop = q : C.scrollLeft = q, D < 1 ? requestAnimationFrame(n) : (t.sliderOrientation === "vertical" ? C.scrollTop = m : C.scrollLeft = m, o.value = x, s.value = !1);
       };
-      requestAnimationFrame(c);
-    }, m = () => {
-      r(n.value + 1);
-    }, C = () => {
-      r(n.value - 1);
-    }, g = ($) => {
-      r($);
-    }, p = () => {
-      if (!l.value || a.slidesPerView <= 0 || (i(), s.value === 0)) return;
-      const $ = l.value, S = a.sliderOrientation === "vertical" ? $.offsetHeight : $.offsetWidth, D = a.slidesPerView > 1 ? (a.slidesPerView - 1) * a.gap : 0, k = (S - D) / a.slidesPerView;
-      if (k <= 0) return;
-      const z = Math.max(0, s.value - a.slidesPerView), j = Math.min(Math.max(0, a.initialSlide), z), q = j * (k + a.gap), v = a.sliderOrientation === "vertical" ? $.scrollHeight - $.offsetHeight : $.scrollWidth - $.offsetWidth, T = Math.max(0, Math.min(q, v + 0.5));
-      a.sliderOrientation === "vertical" ? $.scrollTo({ top: T, behavior: "auto" }) : $.scrollTo({ left: T, behavior: "auto" }), n.value = j;
+      requestAnimationFrame(n);
+    }, S = () => {
+      p(o.value + 1);
+    }, I = () => {
+      p(o.value - 1);
+    }, z = (w) => {
+      p(w);
+    }, y = () => {
+      if (!u.value || t.slidesPerView <= 0 || (v(), i.value === 0)) return;
+      const w = u.value, x = t.sliderOrientation === "vertical" ? w.offsetHeight : w.offsetWidth, C = t.slidesPerView > 1 ? (t.slidesPerView - 1) * t.gap : 0, B = (x - C) / t.slidesPerView;
+      if (B <= 0) return;
+      const L = Math.max(0, i.value - t.slidesPerView), R = Math.min(Math.max(0, t.initialSlide), L), N = R * (B + t.gap), m = t.sliderOrientation === "vertical" ? w.scrollHeight - w.offsetHeight : w.scrollWidth - w.offsetWidth, d = Math.max(0, Math.min(N, m + 0.5));
+      t.sliderOrientation === "vertical" ? w.scrollTo({ top: d, behavior: "auto" }) : w.scrollTo({ left: d, behavior: "auto" }), o.value = R;
     };
-    return ue(() => {
+    return K(() => {
       requestAnimationFrame(() => {
-        requestAnimationFrame(p);
-      }), i();
-    }), R(() => a.initialSlide, ($) => {
-      requestAnimationFrame(() => r($));
-    }), R(() => [a.slidesPerView, a.gap], () => {
+        requestAnimationFrame(y);
+      }), v();
+    }), A(() => t.initialSlide, (w) => {
+      requestAnimationFrame(() => p(w));
+    }), A(() => [t.slidesPerView, t.gap], () => {
       requestAnimationFrame(() => {
         requestAnimationFrame(() => {
-          if (i(), s.value === 0) return;
-          const $ = Math.max(0, s.value - a.slidesPerView), S = Math.min(n.value, $), D = a.slideDuration;
-          a.slideDuration = 0, r(S), a.slideDuration = D;
+          if (v(), i.value === 0) return;
+          const w = Math.max(0, i.value - t.slidesPerView), x = Math.min(o.value, w), C = t.slideDuration;
+          t.slideDuration = 0, p(x), t.slideDuration = C;
         });
       });
-    }), t({ scrollToSlide: r }), ($, S) => (f(), h("div", zn, [
-      d("div", {
+    }), c({ scrollToSlide: p }), (w, x) => (a(), r("div", Ye, [
+      l("div", {
         ref_key: "carouselContainer",
-        ref: l,
-        class: B(["rounded w-full h-full overflow-x-scroll scroll-smooth carousel", [{ "carousel-horizontal md:snap-none": e.sliderOrientation == "horizontal" }, { "carousel-vertical": e.sliderOrientation == "vertical" }]]),
-        style: ye({ gap: `${e.gap}px` })
+        ref: u,
+        class: M(["rounded w-full h-full overflow-x-scroll scroll-smooth carousel", [{ "carousel-horizontal md:snap-none": e.sliderOrientation == "horizontal" }, { "carousel-vertical": e.sliderOrientation == "vertical" }]]),
+        style: Z({ gap: `${e.gap}px` })
       }, [
-        V($.$slots, "default", {}, void 0, !0)
+        V(w.$slots, "default", {}, void 0, !0)
       ], 6),
-      e.showNavigationButtons ? (f(), h("div", Pn, [
-        d("div", {
-          onClick: C,
+      e.showNavigationButtons ? (a(), r("div", et, [
+        l("div", {
+          onClick: I,
           role: "button",
           "aria-label": "Previous Slide"
         }, [
-          V($.$slots, "prevButton", {}, () => [
-            S[0] || (S[0] = d("button", {
+          V(w.$slots, "prevButton", {}, () => [
+            x[0] || (x[0] = l("button", {
               class: "btn btn-circle",
               tabindex: "-1"
             }, "❮", -1))
           ], !0)
         ]),
-        d("div", {
-          onClick: m,
+        l("div", {
+          onClick: S,
           role: "button",
           "aria-label": "Next Slide"
         }, [
-          V($.$slots, "nextButton", {}, () => [
-            S[1] || (S[1] = d("button", {
+          V(w.$slots, "nextButton", {}, () => [
+            x[1] || (x[1] = l("button", {
               class: "btn btn-circle",
               tabindex: "-1"
             }, "❯", -1))
           ], !0)
         ])
-      ])) : E("", !0),
-      e.showIndicators ? (f(), h("div", On, [
-        (f(!0), h(U, null, F(s.value, (D, k) => (f(), h("button", {
-          key: `dot-${k}`,
-          onClick: (z) => g(k),
-          class: B(["btn btn-circle btn-xs", { "btn-active": k === n.value }]),
-          "aria-label": `Go to slide ${k + 1}`
-        }, null, 10, Nn))), 128))
-      ])) : E("", !0)
+      ])) : T("", !0),
+      e.showIndicators ? (a(), r("div", tt, [
+        (a(!0), r(j, null, E(i.value, (C, B) => (a(), r("button", {
+          key: `dot-${B}`,
+          onClick: (L) => z(B),
+          class: M(["btn btn-circle btn-xs", { "btn-active": B === o.value }]),
+          "aria-label": `Go to slide ${B + 1}`
+        }, null, 10, lt))), 128))
+      ])) : T("", !0)
     ]));
   }
-}), we = (e, t) => {
-  const a = e.__vccOpts || e;
-  for (const [n, l] of t)
-    a[n] = l;
-  return a;
-}, xl = /* @__PURE__ */ we(An, [["__scopeId", "data-v-db55a6a5"]]), Ln = /* @__PURE__ */ N({
+}), J = (e, c) => {
+  const t = e.__vccOpts || e;
+  for (const [o, u] of c)
+    t[o] = u;
+  return t;
+}, Hl = /* @__PURE__ */ J(nt, [["__scopeId", "data-v-db55a6a5"]]), at = /* @__PURE__ */ P({
   __name: "carouselItem",
   setup(e) {
-    const t = Gt(Mt, M({}));
-    return (a, n) => (f(), h("div", {
+    const c = be(ve, k({}));
+    return (t, o) => (a(), r("div", {
       class: "w-full h-full carousel-item",
-      style: ye(Z(t))
+      style: Z(U(c))
     }, [
-      V(a.$slots, "default", {}, void 0, !0)
+      V(t.$slots, "default", {}, void 0, !0)
     ], 4));
   }
-}), kl = /* @__PURE__ */ we(Ln, [["__scopeId", "data-v-507384bc"]]), Un = { class: "flex gap-4 bg-base-100 w-full tabs tabs-boxed" }, jn = ["onClick"], Fn = {
+}), Wl = /* @__PURE__ */ J(at, [["__scopeId", "data-v-507384bc"]]), ot = { class: "flex gap-4 bg-base-100 w-full tabs tabs-boxed" }, st = ["onClick"], it = {
   key: 0,
   class: "inline-component-wrapper flex grow justify-center items-center w-full h-full"
-}, Rn = {
+}, rt = {
   key: 1,
   class: "flex flex-col"
-}, qn = { class: "text-sm" }, Hn = {
+}, ut = { class: "text-sm" }, dt = {
   key: 0,
   class: "opacity-75 overflow-hidden text-xs truncate ..."
-}, _n = {
+}, ct = {
   key: 1,
   class: "hidden md:block opacity-35 overflow-hidden text-xs truncate ..."
-}, Wn = { class: "hidden" }, Zn = ["id"], Kn = { class: "modal-box" }, Yn = { class: "font-bold text-lg" }, Jn = ["name", "checked"], Xn = { class: "collapse-title flex justify-between items-center pr-4 w-full font-medium text-xl" }, Gn = {
+}, ft = { class: "hidden" }, mt = ["id"], vt = { class: "modal-box" }, pt = { class: "font-bold text-lg" }, ht = ["name", "checked"], gt = { class: "collapse-title flex justify-between items-center pr-4 w-full font-medium text-xl" }, bt = {
   key: 0,
   class: "opacity-75 overflow-hidden text-sm truncate ..."
-}, Qn = {
+}, yt = {
   key: 1,
   class: "opacity-35 text-sm"
-}, ea = { class: "collapse-content flex place-content-center p-0" }, ta = /* @__PURE__ */ N({
+}, wt = { class: "collapse-content flex place-content-center p-0" }, xt = /* @__PURE__ */ P({
   __name: "advancedSearch",
   props: {
     searchOptions: {},
@@ -707,121 +702,121 @@ const gn = be("SunIcon", [
     value: {}
   },
   emits: ["search", "update:search-data"],
-  setup(e, { emit: t }) {
-    const a = e, n = t, l = a.id ?? `advancedSearch-${Qt()}`, o = M(null), s = M(null), u = {
-      datetime: ze(() => import("./datetimePicker-B5De2MZQ.js")),
-      "standard-select": ze(() => import("./select-Cz4vf_YE.js")),
+  setup(e, { emit: c }) {
+    const t = e, o = c, u = t.id ?? `advancedSearch-${ye()}`, s = k(null), i = k(null), g = {
+      datetime: te(() => Promise.resolve().then(() => Pt)),
+      "standard-select": te(() => import("./select-Cz4vf_YE.js")),
       // Add other components here when you create them:
       // 'custom-range': defineAsyncComponent(() => import('./CustomRange.vue')),
       // 'custom-number': defineAsyncComponent(() => import('./CustomNumber.vue')),
-      "custom-text": ze(() => import("./inputField-BxT95oyM.js"))
+      "custom-text": te(() => import("./inputField-BxT95oyM.js"))
       // 'custom-select': defineAsyncComponent(() => import('./CustomSelect.vue')),
-    }, i = M({}), r = M({
+    }, v = k({}), p = k({
       left: "0px",
       top: "0px",
       transform: "translateX(0%)"
-    }), m = M(null), C = (v) => {
-      var T;
-      if (v.value === void 0 || v.value === null || v.value === "")
+    }), S = k(null), I = (m) => {
+      var d;
+      if (m.value === void 0 || m.value === null || m.value === "")
         return "";
-      switch (v.type) {
+      switch (m.type) {
         case "datetime":
-          if (typeof v.value == "string")
+          if (typeof m.value == "string")
             try {
-              const b = new Date(v.value);
-              if (!isNaN(b.getTime()))
-                return b.toLocaleString();
+              const f = new Date(m.value);
+              if (!isNaN(f.getTime()))
+                return f.toLocaleString();
             } catch {
             }
-          else if (v.range && typeof v.value == "object" && v.value !== null && "start" in v.value && "end" in v.value)
+          else if (m.range && typeof m.value == "object" && m.value !== null && "start" in m.value && "end" in m.value)
             try {
-              const b = new Date(v.value.start), y = new Date(v.value.end);
-              if (!isNaN(b.getTime()) && !isNaN(y.getTime()))
-                return `${b.toLocaleDateString()} - ${y.toLocaleDateString()}`;
+              const f = new Date(m.value.start), b = new Date(m.value.end);
+              if (!isNaN(f.getTime()) && !isNaN(b.getTime()))
+                return `${f.toLocaleDateString()} - ${b.toLocaleDateString()}`;
             } catch {
             }
           break;
         case "custom-range":
-          if (typeof v.value == "object" && v.value !== null && "start" in v.value && "end" in v.value)
-            return `${v.value.start} - ${v.value.end}`;
+          if (typeof m.value == "object" && m.value !== null && "start" in m.value && "end" in m.value)
+            return `${m.value.start} - ${m.value.end}`;
           break;
         case "custom-number":
-          if (typeof v.value == "number")
-            return v.value.toString();
+          if (typeof m.value == "number")
+            return m.value.toString();
           break;
         case "standard-select":
         case "custom-select":
-          if ((T = v.props) != null && T.options && Array.isArray(v.props.options)) {
-            const b = v.props.options.find(
-              (y) => y.value === v.value
+          if ((d = m.props) != null && d.options && Array.isArray(m.props.options)) {
+            const f = m.props.options.find(
+              (b) => b.value === m.value
             );
-            if (b)
-              return b.text;
+            if (f)
+              return f.text;
           }
-          return String(v.value);
+          return String(m.value);
         case "custom-text":
-          if (typeof v.value == "string")
-            return v.value;
+          if (typeof m.value == "string")
+            return m.value;
           break;
       }
-      return String(v.value);
+      return String(m.value);
     };
-    function g(v) {
-      var c, w;
-      const T = (c = o.value) == null ? void 0 : c.name;
-      if (!T) {
+    function z(m) {
+      var n, $;
+      const d = (n = s.value) == null ? void 0 : n.name;
+      if (!d) {
         console.warn("componentValueUpdated called but no active tab.");
         return;
       }
-      const b = (w = a.searchOptions.find(
-        (x) => (x == null ? void 0 : x.category) === a.currentCategory
-      )) == null ? void 0 : w.tabs, y = b == null ? void 0 : b.find(
-        (x) => x.name === T
+      const f = ($ = t.searchOptions.find(
+        (h) => (h == null ? void 0 : h.category) === t.currentCategory
+      )) == null ? void 0 : $.tabs, b = f == null ? void 0 : f.find(
+        (h) => h.name === d
       );
-      y ? (y.value = v, n("update:search-data", {
-        tab: y.name,
-        data: v
+      b ? (b.value = m, o("update:search-data", {
+        tab: b.name,
+        data: m
       })) : console.error(
-        `Tab with name "${T}" not found in current category.`
+        `Tab with name "${d}" not found in current category.`
       );
     }
-    function p(v) {
-      g(v);
+    function y(m) {
+      z(m);
     }
-    function $() {
-      n("search");
+    function w() {
+      o("search");
     }
-    async function S(v) {
-      var y;
-      const T = document.getElementById(`advancedSearchMobile-${l}`), b = T && T.contains(v.target);
-      ((y = o.value) == null ? void 0 : y.displayMode) === "popup" && m.value && !m.value.contains(v.target) && !b && (await Pe(), o.value = null);
+    async function x(m) {
+      var b;
+      const d = document.getElementById(`advancedSearchMobile-${u}`), f = d && d.contains(m.target);
+      ((b = s.value) == null ? void 0 : b.displayMode) === "popup" && S.value && !S.value.contains(m.target) && !f && (await le(), s.value = null);
     }
-    async function D() {
+    async function C() {
       if (typeof window < "u" && window.innerWidth <= 768) {
-        const v = document.getElementById(
-          `advancedSearchMobile-${l}`
+        const m = document.getElementById(
+          `advancedSearchMobile-${u}`
         );
-        v ? (o.value = null, v.showModal()) : console.warn(
-          `Mobile modal element not found. Ensure it exists with id="advancedSearchMobile-${l}".`
+        m ? (s.value = null, m.showModal()) : console.warn(
+          `Mobile modal element not found. Ensure it exists with id="advancedSearchMobile-${u}".`
         );
       }
     }
-    async function k(v) {
-      var b, y, c;
+    async function B(m) {
+      var f, b, n;
       if (typeof window < "u" && window.innerWidth <= 768) {
-        D();
+        C();
         return;
       }
-      const T = v.displayMode ?? "popup";
-      if (((b = o.value) == null ? void 0 : b.name) === v.name && ((y = o.value) == null ? void 0 : y.displayMode) === T)
-        o.value = null;
-      else if (o.value = { ...v, displayMode: T }, await Pe(), ((c = o.value) == null ? void 0 : c.displayMode) === "popup") {
-        const w = i.value[v.name];
-        if (w && m.value) {
-          const x = w.getBoundingClientRect(), I = m.value.getBoundingClientRect(), A = x.bottom - I.top, H = x.left + x.width / 2 - I.left;
-          r.value = {
-            left: `${H}px`,
-            top: `${A + 8}px`,
+      const d = m.displayMode ?? "popup";
+      if (((f = s.value) == null ? void 0 : f.name) === m.name && ((b = s.value) == null ? void 0 : b.displayMode) === d)
+        s.value = null;
+      else if (s.value = { ...m, displayMode: d }, await le(), ((n = s.value) == null ? void 0 : n.displayMode) === "popup") {
+        const $ = v.value[m.name];
+        if ($ && S.value) {
+          const h = $.getBoundingClientRect(), D = S.value.getBoundingClientRect(), F = h.bottom - D.top, q = h.left + h.width / 2 - D.left;
+          p.value = {
+            left: `${q}px`,
+            top: `${F + 8}px`,
             // Add a small gap
             transform: "translateX(-50%)"
             // Center horizontally
@@ -829,1374 +824,195 @@ const gn = be("SunIcon", [
         } else
           console.error(
             "Tab element or search container not found for positioning:",
-            v.name
+            m.name
           );
       }
     }
-    const z = (v) => {
-      const T = v.relatedTarget;
+    const L = (m) => {
+      const d = m.relatedTarget;
       setTimeout(() => {
-        var b;
-        ((b = o.value) == null ? void 0 : b.displayMode) === "inline" && m.value && (!T || !m.value.contains(T)) ? (console.log("Blur detected outside container, closing inline view."), o.value = null) : console.log(
+        var f;
+        ((f = s.value) == null ? void 0 : f.displayMode) === "inline" && S.value && (!d || !S.value.contains(d)) ? (console.log("Blur detected outside container, closing inline view."), s.value = null) : console.log(
           "Blur detected, but staying within container or not an inline tab."
         );
       }, 50);
-    }, j = () => {
-      console.log("Enter key pressed on inline component, closing inline view."), o.value = null;
+    }, R = () => {
+      console.log("Enter key pressed on inline component, closing inline view."), s.value = null;
     };
-    R(s, (v) => {
-      var T;
+    A(i, (m) => {
+      var d;
       console.log(
         "advanced-search: inlineComponentRef changed. New Value:",
-        v
-      ), console.log("advanced-search: activeTab.value:", o.value), v && ((T = o.value) == null ? void 0 : T.displayMode) === "inline" ? (console.log(
+        m
+      ), console.log("advanced-search: activeTab.value:", s.value), m && ((d = s.value) == null ? void 0 : d.displayMode) === "inline" ? (console.log(
         "advanced-search: Inline component ref is available and active tab is inline. Attempting to focus child input..."
-      ), Pe(() => {
+      ), le(() => {
         console.log(
           "advanced-search: Inside nextTick. Attempting to call child's focus method..."
-        ), console.log("advanced-search: Type of newValue:", typeof v), console.log(
+        ), console.log("advanced-search: Type of newValue:", typeof m), console.log(
           "advanced-search: Does newValue have focusInput?",
-          typeof v.focusInput == "function"
-        ), v && typeof v.focusInput == "function" ? (console.log(
+          typeof m.focusInput == "function"
+        ), m && typeof m.focusInput == "function" ? (console.log(
           "advanced-search: Calling exposed focusInput() method on child instance."
-        ), v.focusInput()) : console.warn(
+        ), m.focusInput()) : console.warn(
           'advanced-search: Child inline component instance does not expose a "focusInput" method or is not ready.',
-          v
+          m
         );
       })) : console.log(
-        v ? "advanced-search: inlineComponentRef available, but active tab is not inline." : "advanced-search: inlineComponentRef is now null (component likely unmounted)."
+        m ? "advanced-search: inlineComponentRef available, but active tab is not inline." : "advanced-search: inlineComponentRef is now null (component likely unmounted)."
       );
-    }), ue(() => {
-      document.addEventListener("click", S), window.addEventListener("resize", q);
-    }), _e(() => {
-      document.removeEventListener("click", S), window.removeEventListener("resize", q);
+    }), K(() => {
+      document.addEventListener("click", x), window.addEventListener("resize", N);
+    }), ie(() => {
+      document.removeEventListener("click", x), window.removeEventListener("resize", N);
     });
-    const q = () => {
-      var v, T;
+    const N = () => {
+      var m, d;
       if (typeof window < "u") {
-        const b = window.innerWidth <= 768, y = o.value !== null && (o.value.displayMode === "popup" || o.value.displayMode === "inline") && window.innerWidth > 768;
-        !b && (((v = o.value) == null ? void 0 : v.displayMode) === "popup" || ((T = o.value) == null ? void 0 : T.displayMode) === "inline") && window.innerWidth <= 768 && (console.log("Resizing to mobile, closing active tab."), o.value = null), b && !y && o.value !== null && (console.log(
+        const f = window.innerWidth <= 768, b = s.value !== null && (s.value.displayMode === "popup" || s.value.displayMode === "inline") && window.innerWidth > 768;
+        !f && (((m = s.value) == null ? void 0 : m.displayMode) === "popup" || ((d = s.value) == null ? void 0 : d.displayMode) === "inline") && window.innerWidth <= 768 && (console.log("Resizing to mobile, closing active tab."), s.value = null), f && !b && s.value !== null && (console.log(
           "Resizing to desktop from potential mobile active state, closing active tab."
-        ), o.value = null);
-        const c = document.getElementById(
-          `advancedSearchMobile-${l}`
+        ), s.value = null);
+        const n = document.getElementById(
+          `advancedSearchMobile-${u}`
         );
-        c != null && c.open && !b && (console.log("Modal is open on desktop, closing modal and active tab."), c.close(), o.value = null);
+        n != null && n.open && !f && (console.log("Modal is open on desktop, closing modal and active tab."), n.close(), s.value = null);
       }
     };
-    return (v, T) => {
-      var b, y;
-      return f(), h(U, null, [
-        d("div", {
+    return (m, d) => {
+      var f, b;
+      return a(), r(j, null, [
+        l("div", {
           ref_key: "searchContainer",
-          ref: m,
+          ref: S,
           class: "w-full"
         }, [
-          d("div", {
+          l("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: D
+            onClick: C
           }, [
-            d("div", Un, [
-              (f(!0), h(U, null, F(((b = a.searchOptions.find(
-                (c) => c.category === a.currentCategory
-              )) == null ? void 0 : b.tabs) || [], (c, w) => {
-                var x, I, A, H, Q;
-                return f(), h("button", {
-                  key: `${c.name}-${w}`,
-                  onClick: te((Y) => k(c), ["stop"]),
-                  class: B([{
-                    "tab-active": ((x = o.value) == null ? void 0 : x.name) === c.name,
-                    "tab-active-inline": ((I = o.value) == null ? void 0 : I.name) === c.name && ((A = o.value) == null ? void 0 : A.displayMode) === "inline"
+            l("div", ot, [
+              (a(!0), r(j, null, E(((f = t.searchOptions.find(
+                (n) => n.category === t.currentCategory
+              )) == null ? void 0 : f.tabs) || [], (n, $) => {
+                var h, D, F, q, de;
+                return a(), r("button", {
+                  key: `${n.name}-${$}`,
+                  onClick: H((X) => B(n), ["stop"]),
+                  class: M([{
+                    "tab-active": ((h = s.value) == null ? void 0 : h.name) === n.name,
+                    "tab-active-inline": ((D = s.value) == null ? void 0 : D.name) === n.name && ((F = s.value) == null ? void 0 : F.displayMode) === "inline"
                     // 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: (Y) => i.value[c.name] = Y
+                  ref: (X) => v.value[n.name] = X
                 }, [
-                  ((H = o.value) == null ? void 0 : H.name) === c.name && ((Q = o.value) == null ? void 0 : Q.displayMode) === "inline" ? (f(), h("div", Fn, [
-                    (f(), ae(Oe(u[o.value.type]), Ne({ ref_for: !0 }, o.value.props || {}, {
-                      modelValue: o.value.value,
-                      onUpdated: T[0] || (T[0] = (Y) => p(Y)),
-                      "onUpdate:modelValue": T[1] || (T[1] = (Y) => p(Y)),
-                      onBlur: z,
-                      onKeydown: We(te(j, ["stop", "prevent"]), ["enter"]),
+                  ((q = s.value) == null ? void 0 : q.name) === n.name && ((de = s.value) == null ? void 0 : de.displayMode) === "inline" ? (a(), r("div", it, [
+                    (a(), W(ne(g[s.value.type]), ae({ ref_for: !0 }, s.value.props || {}, {
+                      modelValue: s.value.value,
+                      onUpdated: d[0] || (d[0] = (X) => y(X)),
+                      "onUpdate:modelValue": d[1] || (d[1] = (X) => y(X)),
+                      onBlur: L,
+                      onKeydown: re(H(R, ["stop", "prevent"]), ["enter"]),
                       ref_for: !0,
                       ref_key: "inlineComponentRef",
-                      ref: s
+                      ref: i
                     }), null, 16, ["modelValue", "onKeydown"]))
-                  ])) : (f(), h("div", Rn, [
-                    d("p", qn, P(c.name), 1),
-                    c.value !== void 0 && c.value !== null && c.value !== "" ? (f(), h("p", Hn, P(C(c)), 1)) : (f(), h("p", _n, P(c.description), 1))
+                  ])) : (a(), r("div", rt, [
+                    l("p", ut, O(n.name), 1),
+                    n.value !== void 0 && n.value !== null && n.value !== "" ? (a(), r("p", dt, O(I(n)), 1)) : (a(), r("p", ct, O(n.description), 1))
                   ]))
-                ], 10, jn);
+                ], 10, st);
               }), 128))
             ]),
-            o.value && o.value.displayMode === "popup" ? (f(), h("div", {
+            s.value && s.value.displayMode === "popup" ? (a(), r("div", {
               key: 0,
               class: "absolute flex shadow-sm mt-4 w-fit max-w-full transition-all tab-content",
-              style: ye(r.value)
+              style: Z(p.value)
             }, [
-              (f(), ae(Oe(u[o.value.type]), Ne(o.value.props || {}, {
-                modelValue: o.value.value,
-                onUpdated: T[2] || (T[2] = (c) => g(c)),
-                "onUpdate:modelValue": T[3] || (T[3] = (c) => g(c))
+              (a(), W(ne(g[s.value.type]), ae(s.value.props || {}, {
+                modelValue: s.value.value,
+                onUpdated: d[2] || (d[2] = (n) => z(n)),
+                "onUpdate:modelValue": d[3] || (d[3] = (n) => z(n))
               }), null, 16, ["modelValue"]))
-            ], 4)) : E("", !0),
-            d("button", {
+            ], 4)) : T("", !0),
+            l("button", {
               title: "search",
               type: "submit",
               class: "ml-1 btn btn-primary btn-square",
-              onClick: te($, ["stop"])
+              onClick: H(w, ["stop"])
             }, [
-              ie(Z(ht), {
+              G(U(fe), {
                 size: 24,
                 color: "white"
               })
             ])
           ]),
-          d("div", Wn, [
-            d("button", {
+          l("div", ft, [
+            l("button", {
               title: "search",
-              onClick: T[4] || (T[4] = () => {
+              onClick: d[4] || (d[4] = () => {
               })
             }, [
-              ie(Z(ht), {
+              G(U(fe), {
                 size: 24,
                 color: "white"
               })
             ])
           ])
         ], 512),
-        d("dialog", {
-          id: `advancedSearchMobile-${Z(l)}`,
+        l("dialog", {
+          id: `advancedSearchMobile-${U(u)}`,
           class: "modal"
         }, [
-          d("div", Kn, [
-            V(v.$slots, "additionalForMobile", {}, () => [
-              d("h3", Yn, P(e.currentCategory), 1)
+          l("div", vt, [
+            V(m.$slots, "additionalForMobile", {}, () => [
+              l("h3", pt, O(e.currentCategory), 1)
             ], !0),
-            (f(!0), h(U, null, F(((y = a.searchOptions.find(
-              (c) => c.category === a.currentCategory
-            )) == null ? void 0 : y.tabs) || [], (c, w) => (f(), h("div", {
+            (a(!0), r(j, null, E(((b = t.searchOptions.find(
+              (n) => n.category === t.currentCategory
+            )) == null ? void 0 : b.tabs) || [], (n, $) => (a(), r("div", {
               class: "collapse bg-base-200 my-4",
-              key: c.name
+              key: n.name
             }, [
-              d("input", {
+              l("input", {
                 type: "radio",
-                name: `accordion-${Z(l)}`,
-                checked: w === 0
-              }, null, 8, Jn),
-              d("div", Xn, [
-                d("div", null, P(c.name), 1),
-                c.value !== void 0 && c.value !== null && c.value !== "" ? (f(), h("div", Gn, P(C(c)), 1)) : (f(), h("div", Qn, P(c.description), 1))
+                name: `accordion-${U(u)}`,
+                checked: $ === 0
+              }, null, 8, ht),
+              l("div", gt, [
+                l("div", null, O(n.name), 1),
+                n.value !== void 0 && n.value !== null && n.value !== "" ? (a(), r("div", bt, O(I(n)), 1)) : (a(), r("div", yt, O(n.description), 1))
               ]),
-              d("div", ea, [
-                T[7] || (T[7] = d("br", null, null, -1)),
-                (f(), ae(Oe(u[c.type]), Ne({ ref_for: !0 }, c.props || {}, {
-                  modelValue: c.value,
-                  onUpdated: T[5] || (T[5] = (x) => g(x)),
-                  "onUpdate:modelValue": T[6] || (T[6] = (x) => g(x))
+              l("div", wt, [
+                d[7] || (d[7] = l("br", null, null, -1)),
+                (a(), W(ne(g[n.type]), ae({ ref_for: !0 }, n.props || {}, {
+                  modelValue: n.value,
+                  onUpdated: d[5] || (d[5] = (h) => z(h)),
+                  "onUpdate:modelValue": d[6] || (d[6] = (h) => z(h))
                 }), null, 16, ["modelValue"]))
               ])
             ]))), 128)),
-            d("div", { class: "modal-action" }, [
-              d("form", { method: "dialog" }, [
-                d("button", {
+            l("div", { class: "modal-action" }, [
+              l("form", { method: "dialog" }, [
+                l("button", {
                   class: "btn btn-primary",
-                  onClick: $
+                  onClick: w
                 }, " Close and Search ")
               ])
             ])
           ])
-        ], 8, Zn)
+        ], 8, mt)
       ], 64);
     };
   }
-}), $l = /* @__PURE__ */ we(ta, [["__scopeId", "data-v-577c3624"]]);
-var ne, se;
-class na {
-  /**
-   * @param {T} current
-   */
-  constructor(t) {
-    /**
-     * @type {T}
-     */
-    Be(this, ne);
-    Be(this, se, /* @__PURE__ */ new Set());
-    Ve(this, ne, t);
-  }
-  /**
-   * @return {T}
-   */
-  get current() {
-    return le(this, ne);
-  }
-  /**
-   * @param {T} value
-   */
-  set current(t) {
-    le(this, ne) != t && (Ve(this, ne, t), le(this, se).forEach((a) => a(t)));
-  }
-  /**
-   * @type {import("hooks").Ref["on"]}
-   */
-  on(t) {
-    return le(this, se).add(t), () => le(this, se).delete(t);
-  }
-}
-ne = new WeakMap(), se = new WeakMap();
-const It = (e) => new na(e), Ze = Symbol.for("atomico.hooks");
-globalThis[Ze] = globalThis[Ze] || {};
-let re = globalThis[Ze];
-const aa = Symbol.for("Atomico.suspense"), Et = Symbol.for("Atomico.effect"), oa = Symbol.for("Atomico.layoutEffect"), Bt = Symbol.for("Atomico.insertionEffect"), ce = (e, t, a) => {
-  const { i: n, hooks: l } = re.c, o = l[n] = l[n] || {};
-  return o.value = e(o.value), o.effect = t, o.tag = a, re.c.i++, l[n].value;
-}, la = (e) => ce((t = It(e)) => t), xe = () => ce((e = It(re.c.host)) => e), Vt = () => re.c.update, sa = (e, t, a = 0) => {
-  let n = {}, l = !1;
-  const o = () => l, s = (u, i) => {
-    for (const r in n) {
-      const m = n[r];
-      m.effect && m.tag === u && (m.value = m.effect(m.value, i));
-    }
-  };
-  return { load: (u) => {
-    re.c = { host: t, hooks: n, update: e, i: 0, id: a };
-    let i;
-    try {
-      l = !1, i = u();
-    } catch (r) {
-      if (r !== aa)
-        throw r;
-      l = !0;
-    } finally {
-      re.c = null;
-    }
-    return i;
-  }, cleanEffects: (u) => (s(Bt, u), () => (s(oa, u), () => {
-    s(Et, u);
-  })), isSuspense: o };
-}, de = Symbol.for;
-function zt(e, t) {
-  const a = e.length;
-  if (a !== t.length)
-    return !1;
-  for (let n = 0; n < a; n++) {
-    let l = e[n], o = t[n];
-    if (l !== o)
-      return !1;
-  }
-  return !0;
-}
-const W = (e) => typeof e == "function", me = (e) => typeof e == "object", { isArray: ia } = Array, Ke = (e, t) => (t ? e instanceof HTMLStyleElement : !0) && "hydrate" in ((e == null ? void 0 : e.dataset) || {});
-function Pt(e, t) {
-  let a;
-  const n = (l) => {
-    let { length: o } = l;
-    for (let s = 0; s < o; s++) {
-      const u = l[s];
-      if (u && Array.isArray(u))
-        n(u);
-      else {
-        const i = typeof u;
-        if (u == null || i === "function" || i === "boolean")
-          continue;
-        i === "string" || i === "number" ? (a == null && (a = ""), a += u) : (a != null && (t(a), a = null), t(u));
-      }
-    }
-  };
-  n(e), a != null && t(a);
-}
-const Ot = (e, t, a) => (e.addEventListener(t, a), () => e.removeEventListener(t, a));
-class Nt {
-  /**
-   *
-   * @param {HTMLElement} target
-   * @param {string} message
-   * @param {string} value
-   */
-  constructor(t, a, n) {
-    this.message = a, this.target = t, this.value = n;
-  }
-}
-class At extends Nt {
-}
-class ra extends Nt {
-}
-const De = "Custom", ua = null, ca = { true: 1, "": 1, 1: 1 };
-function da(e, t, a, n, l) {
-  const {
-    type: o,
-    reflect: s,
-    event: u,
-    value: i,
-    attr: r = fa(t)
-  } = (a == null ? void 0 : a.name) != De && me(a) && a != ua ? a : { type: a }, m = (o == null ? void 0 : o.name) === De && o.map, C = i != null ? o == Function || !W(i) ? () => i : i : null;
-  Object.defineProperty(e, t, {
-    configurable: !0,
-    /**
-     * @this {import("dom").AtomicoThisInternal}
-     * @param {any} newValue
-     */
-    set(g) {
-      const p = this[t];
-      C && o != Boolean && g == null && (g = C());
-      const { error: $, value: S } = (m ? ha : va)(
-        o,
-        g
-      );
-      if ($ && S != null)
-        throw new At(
-          this,
-          `The value defined for prop '${t}' must be of type '${o.name}'`,
-          S
-        );
-      p != S && (this._props[t] = S ?? void 0, this.update(), u && Lt(this, u), this.updated.then(() => {
-        s && (this._ignoreAttr = r, ma(this, o, r, this[t]), this._ignoreAttr = null);
-      }));
-    },
-    /**
-     * @this {import("dom").AtomicoThisInternal}
-     */
-    get() {
-      return this._props[t];
-    }
-  }), C && (l[t] = C()), n[r] = { prop: t, type: o };
-}
-const Lt = (e, { type: t, base: a = CustomEvent, ...n }) => e.dispatchEvent(new a(t, n)), fa = (e) => e.replace(/([A-Z])/g, "-$1").toLowerCase(), ma = (e, t, a, n) => n == null || t == Boolean && !n ? e.removeAttribute(a) : e.setAttribute(
-  a,
-  (t == null ? void 0 : t.name) === De && (t != null && t.serialize) ? t == null ? void 0 : t.serialize(n) : me(n) ? JSON.stringify(n) : t == Boolean ? "" : n
-), pa = (e, t) => e == Boolean ? !!ca[t] : e == Number ? Number(t) : e == String ? t : e == Array || e == Object ? JSON.parse(t) : e.name == De ? t : (
-  // TODO: If when defining reflect the prop can also be of type string?
-  new e(t)
-), ha = ({ map: e }, t) => {
-  try {
-    return { value: e(t), error: !1 };
-  } catch {
-    return { value: t, error: !0 };
-  }
-}, va = (e, t) => e == null || t == null ? { value: t, error: !1 } : e != String && t === "" ? { value: void 0, error: !1 } : e == Object || e == Array || e == Symbol ? {
-  value: t,
-  error: {}.toString.call(t) !== `[object ${e.name}]`
-} : t instanceof e ? {
-  value: t,
-  error: e == Number && Number.isNaN(t.valueOf())
-} : e == String || e == Number || e == Boolean ? {
-  value: t,
-  error: e == Number ? typeof t != "number" ? !0 : Number.isNaN(t) : e == String ? typeof t != "string" : typeof t != "boolean"
-} : { value: t, error: !0 };
-let ga = 0;
-const ya = (e) => {
-  var a;
-  return ((a = (e == null ? void 0 : e.dataset) || {}) == null ? void 0 : a.hydrate) || "" || "c" + ga++;
-}, ke = (e, t = HTMLElement) => {
-  const a = {}, n = {}, l = "prototype" in t && t.prototype instanceof Element, o = l ? t : "base" in t ? t.base : HTMLElement, { props: s, styles: u } = l ? e : t;
-  class i extends o {
-    constructor() {
-      super(), this._setup(), this._render = () => e({ ...this._props });
-      for (const m in n)
-        this[m] = n[m];
-    }
-    /**
-     * @returns {import("core").Sheets[]}
-     */
-    static get styles() {
-      return [super.styles, u];
-    }
-    async _setup() {
-      if (this._props)
-        return;
-      this._props = {};
-      let m, C;
-      this.mounted = new Promise(
-        (D) => this.mount = () => {
-          D(), m != this.parentNode && (C != m ? this.unmounted.then(this.update) : this.update()), m = this.parentNode;
-        }
-      ), this.unmounted = new Promise(
-        (D) => this.unmount = () => {
-          D(), (m != this.parentNode || !this.isConnected) && (g.cleanEffects(!0)()(), C = this.parentNode, m = null);
-        }
-      ), this.symbolId = this.symbolId || Symbol(), this.symbolIdParent = Symbol();
-      const g = sa(
-        () => this.update(),
-        this,
-        ya(this)
-      );
-      let p, $ = !0;
-      const S = Ke(this);
-      this.update = () => (p || (p = !0, this.updated = (this.updated || this.mounted).then(() => {
-        try {
-          const D = g.load(this._render), k = g.cleanEffects();
-          return D && //@ts-ignore
-          D.render(this, this.symbolId, S), p = !1, $ && !g.isSuspense() && ($ = !1, !S && ba(this)), k();
-        } finally {
-          p = !1;
-        }
-      }).then(
-        /**
-         * @param {import("internal/hooks.js").CleanUseEffects} [cleanUseEffect]
-         */
-        (D) => {
-          D && D();
-        }
-      )), this.updated), this.update();
-    }
-    connectedCallback() {
-      this.mount(), super.connectedCallback && super.connectedCallback();
-    }
-    disconnectedCallback() {
-      super.disconnectedCallback && super.disconnectedCallback(), this.unmount();
-    }
-    /**
-     * @this {import("dom").AtomicoThisInternal}
-     * @param {string} attr
-     * @param {(string|null)} oldValue
-     * @param {(string|null)} value
-     */
-    attributeChangedCallback(m, C, g) {
-      if (a[m]) {
-        if (m === this._ignoreAttr || C === g)
-          return;
-        const { prop: p, type: $ } = a[m];
-        try {
-          this[p] = pa($, g);
-        } catch {
-          throw new ra(
-            this,
-            `The value defined as attr '${m}' cannot be parsed by type '${$.name}'`,
-            g
-          );
-        }
-      } else
-        super.attributeChangedCallback(m, C, g);
-    }
-    static get props() {
-      return { ...super.props, ...s };
-    }
-    static get observedAttributes() {
-      const m = super.observedAttributes || [];
-      for (const C in s)
-        da(this.prototype, C, s[C], a, n);
-      return Object.keys(a).concat(m);
-    }
-  }
-  return i;
-};
-function ba(e) {
-  const { styles: t } = e.constructor, { shadowRoot: a } = e;
-  if (a && t.length) {
-    const n = [];
-    Pt(t, (l) => {
-      l && (l instanceof Element ? a.appendChild(l.cloneNode(!0)) : n.push(l));
-    }), n.length && (a.adoptedStyleSheets = n);
-  }
-}
-const Ut = (e) => (t, a) => {
-  ce(
-    /**
-     * Clean the effect hook
-     * @type {import("internal/hooks.js").CollectorEffect}
-     */
-    ([n, l] = []) => ((l || !l) && (l && zt(l, a) ? n = n || !0 : (W(n) && n(), n = null)), [n, a]),
-    /**
-     * @returns {any}
-     */
-    ([n, l], o) => o ? (W(n) && n(), []) : [n || t(), l],
-    e
-  );
-}, ve = Ut(Et), wa = Ut(Bt);
-class jt extends Array {
-  /**
-   *
-   * @param {any} initialState
-   * @param {(nextState: any, state:any[], mount: boolean )=>void} mapState
-   */
-  constructor(t, a) {
-    let n = !0;
-    const l = (o) => {
-      try {
-        a(o, this, n);
-      } finally {
-        n = !1;
-      }
-    };
-    super(void 0, l, a), l(t);
-  }
-  /**
-   * The following code allows a mutable approach to useState
-   * and useProp this with the idea of allowing an alternative
-   * approach similar to Vue or Qwik of state management
-   * @todo pending review with the community
-   */
-  // get value() {
-  //     return this[0];
-  // }
-  // set value(nextState) {
-  //     this[2](nextState, this);
-  // }
-}
-const Ge = (e) => {
-  const t = Vt();
-  return ce(
-    (a = new jt(e, (n, l, o) => {
-      n = W(n) ? n(l[0]) : n, n !== l[0] && (l[0] = n, o || t());
-    })) => a
-  );
-}, J = (e, t) => {
-  const [a] = ce(([n, l, o = 0] = []) => ((!l || l && !zt(l, t)) && (n = e()), [n, t, o]));
-  return a;
-}, Qe = (e) => {
-  const { current: t } = xe();
-  if (!(e in t))
-    throw new At(
-      t,
-      `For useProp("${e}"), the prop does not exist on the host.`,
-      e
-    );
-  return ce(
-    (a = new jt(t[e], (n, l) => {
-      n = W(n) ? n(t[e]) : n, t[e] = n;
-    })) => (a[0] = t[e], a)
-  );
-}, X = (e, t = {}) => {
-  const a = xe();
-  return a[e] || (a[e] = (n = t.detail) => Lt(a.current, {
-    type: e,
-    ...t,
-    detail: n
-  })), a[e];
-}, Ye = de("atomico/options");
-globalThis[Ye] = globalThis[Ye] || {
-  sheet: !!document.adoptedStyleSheets
-};
-const Ft = globalThis[Ye], xa = {
-  checked: 1,
-  value: 1,
-  selected: 1
-}, ka = {
-  list: 1,
-  type: 1,
-  size: 1,
-  form: 1,
-  width: 1,
-  height: 1,
-  src: 1,
-  href: 1,
-  slot: 1
-}, $a = {
-  shadowDom: 1,
-  staticNode: 1,
-  cloneNode: 1,
-  children: 1,
-  key: 1
-}, Se = {}, Je = [];
-class Xe extends Text {
-}
-const Sa = de("atomico/id"), pe = de("atomico/type"), Le = de("atomico/ref"), Rt = de("atomico/vnode"), Ca = () => {
-};
-function Da(e, t, a) {
-  return Ht(this, e, t, a);
-}
-const qt = (e, t, ...a) => {
-  const n = t || Se;
-  let { children: l } = n;
-  if (l = l ?? (a.length ? a : Je), e === Ca)
-    return l;
-  const o = e ? e instanceof Node ? 1 : (
-    //@ts-ignore
-    e.prototype instanceof HTMLElement && 2
-  ) : 0;
-  if (o === !1 && e instanceof Function)
-    return e(
-      l != Je ? { children: l, ...n } : n
-    );
-  const s = Ft.render || Da;
-  return {
-    [pe]: Rt,
-    type: e,
-    props: n,
-    children: l,
-    key: n.key,
-    // key for lists by keys
-    // define if the node declares its shadowDom
-    shadow: n.shadowDom,
-    // allows renderings to run only once
-    static: n.staticNode,
-    // defines whether the type is a childNode `1` or a constructor `2`
-    raw: o,
-    // defines whether to use the second parameter for document.createElement
-    is: n.is,
-    // clone the node if it comes from a reference
-    clone: n.cloneNode,
-    render: s
-  };
-};
-function Ht(e, t, a = Sa, n, l) {
-  let o;
-  if (t && t[a] && t[a].vnode == e || e[pe] != Rt)
-    return t;
-  (e || !t) && (l = l || e.type == "svg", o = e.type != "host" && (e.raw == 1 ? (t && e.clone ? t[Le] : t) != e.type : e.raw == 2 ? !(t instanceof e.type) : t ? t[Le] || t.localName != e.type : !t), o && e.type != null && (e.raw == 1 && e.clone ? (n = !0, t = e.type.cloneNode(!0), t[Le] = e.type) : t = e.raw == 1 ? e.type : e.raw == 2 ? new e.type() : l ? document.createElementNS(
-    "http://www.w3.org/2000/svg",
-    e.type
-  ) : document.createElement(
-    e.type,
-    e.is ? { is: e.is } : void 0
-  )));
-  const s = t[a] ? t[a] : Se, { vnode: u = Se, cycle: i = 0 } = s;
-  let { fragment: r, handlers: m } = s;
-  const { children: C = Je, props: g = Se } = u;
-  if (m = o ? {} : m || {}, e.static && !o)
-    return t;
-  if (e.shadow && !t.shadowRoot && // @ts-ignore
-  t.attachShadow({ mode: "open", ...e.shadow }), e.props != g && Ia(t, g, e.props, m, l), e.children !== C) {
-    const p = e.shadow ? t.shadowRoot : t;
-    r = Ma(
-      e.children,
-      /**
-       * @todo for hydration use attribute and send childNodes
-       */
-      r,
-      p,
-      a,
-      // add support to foreignObject, children will escape from svg
-      !i && n,
-      l && e.type == "foreignObject" ? !1 : l
-    );
-  }
-  return t[a] = { vnode: e, handlers: m, fragment: r, cycle: i + 1 }, t;
-}
-function Ta(e, t) {
-  const a = new Xe(""), n = new Xe("");
-  let l;
-  if (e[t ? "prepend" : "append"](a), t) {
-    let { lastElementChild: o } = e;
-    for (; o; ) {
-      const { previousElementSibling: s } = o;
-      if (Ke(o, !0) && !Ke(s, !0)) {
-        l = o;
-        break;
-      }
-      o = s;
-    }
-  }
-  return l ? l.before(n) : e.append(n), {
-    markStart: a,
-    markEnd: n
-  };
-}
-function Ma(e, t, a, n, l, o) {
-  e = e == null ? null : ia(e) ? e : [e];
-  const s = t || Ta(a, l), { markStart: u, markEnd: i, keyes: r } = s;
-  let m;
-  const C = r && /* @__PURE__ */ new Set();
-  let g = u;
-  if (e && Pt(e, (p) => {
-    if (typeof p == "object" && !p[pe])
-      return;
-    const $ = p[pe] && p.key, S = r && $ != null && r.get($);
-    g != i && g === S ? C.delete(g) : g = g == i ? i : g.nextSibling;
-    const D = r ? S : g;
-    let k = D;
-    if (p[pe])
-      k = Ht(p, D, n, l, o);
-    else {
-      const z = p + "";
-      !(k instanceof Text) || k instanceof Xe ? k = new Text(z) : k.data != z && (k.data = z);
-    }
-    k != g && (r && C.delete(k), !D || r ? (a.insertBefore(k, g), r && g != i && C.add(g)) : D == i ? a.insertBefore(k, i) : (a.replaceChild(k, D), g = k)), $ != null && (m = m || /* @__PURE__ */ new Map(), m.set($, k));
-  }), g = g == i ? i : g.nextSibling, t && g != i)
-    for (; g != i; ) {
-      const p = g;
-      g = g.nextSibling, p.remove();
-    }
-  return C && C.forEach((p) => p.remove()), s.keyes = m, s;
-}
-function Ia(e, t, a, n, l) {
-  for (const o in t)
-    !(o in a) && vt(e, o, t[o], null, l, n);
-  for (const o in a)
-    vt(e, o, t[o], a[o], l, n);
-}
-function vt(e, t, a, n, l, o) {
-  if (t = t == "class" && !l ? "className" : t, a = a ?? null, n = n ?? null, t in e && xa[t] && (a = e[t]), !(n === a || $a[t] || t[0] == "_"))
-    if (t[0] == "o" && t[1] == "n" && (W(n) || W(a)))
-      Ea(e, t.slice(2), n, o);
-    else if (t == "ref")
-      n && (W(n) ? n(e) : n.current = e);
-    else if (t == "style") {
-      const { style: s } = e;
-      a = a || "", n = n || "";
-      const u = me(a), i = me(n);
-      if (u)
-        for (const r in a)
-          if (i)
-            !(r in n) && gt(s, r, null);
-          else
-            break;
-      if (i)
-        for (const r in n) {
-          const m = n[r];
-          u && a[r] === m || gt(s, r, m);
-        }
-      else
-        s.cssText = n;
-    } else {
-      const s = t[0] == "$" ? t.slice(1) : t;
-      s === t && (!l && !ka[t] && t in e || W(n) || W(a)) ? e[t] = n ?? "" : n == null ? e.removeAttribute(s) : e.setAttribute(
-        s,
-        me(n) ? JSON.stringify(n) : n
-      );
-    }
-}
-function Ea(e, t, a, n) {
-  if (n.handleEvent || (n.handleEvent = (l) => n[l.type].call(e, l)), a) {
-    if (!n[t]) {
-      const l = a.capture || a.once || a.passive ? Object.assign({}, a) : null;
-      e.addEventListener(t, n, l);
-    }
-    n[t] = a;
-  } else
-    n[t] && (e.removeEventListener(t, n), delete n[t]);
-}
-function gt(e, t, a) {
-  let n = "setProperty";
-  a == null && (n = "removeProperty", a = null), ~t.indexOf("-") ? e[n](t, a) : e[t] = a;
-}
-const yt = {};
-function Me(e, ...t) {
-  const a = (e.raw || e).reduce(
-    (n, l, o) => n + l + (t[o] || ""),
-    ""
-  );
-  return yt[a] = yt[a] || Ba(a);
-}
-function Ba(e) {
-  if (Ft.sheet) {
-    const t = new CSSStyleSheet();
-    return t.replaceSync(e), t;
-  } else {
-    const t = document.createElement("style");
-    return t.textContent = e, t;
-  }
-}
-const Va = qt("host", { style: "display: contents" }), Ue = de("atomico/context"), za = (e, t) => {
-  const a = xe();
-  wa(
-    () => Ot(
-      a.current,
-      "ConnectContext",
-      /**
-       * @param {CustomEvent<import("context").DetailConnectContext>} event
-       */
-      (n) => {
-        e === n.detail.id && (n.stopPropagation(), n.detail.connect(t));
-      }
-    ),
-    [e]
-  );
-}, Pa = (e) => {
-  const t = X("ConnectContext", {
-    bubbles: !0,
-    composed: !0
-  }), a = () => {
-    let o;
-    return t({
-      id: e,
-      connect(s) {
-        o = s;
-      }
-    }), o;
-  }, [n, l] = Ge(
-    a
-  );
-  return ve(() => {
-    n || (e[Ue] || (e[Ue] = customElements.whenDefined(
-      new e().localName
-    )), e[Ue].then(
-      () => l(a)
-    ));
-  }, [e]), n;
-}, Oa = (e) => {
-  const t = Pa(e), a = Vt();
-  return ve(() => {
-    if (t)
-      return Ot(t, "UpdatedValue", a);
-  }, [t]), (t || e).value;
-}, Na = (e) => {
-  const t = ke(
-    () => (za(t, xe().current), Va),
-    {
-      props: {
-        value: {
-          type: Object,
-          event: { type: "UpdatedValue" },
-          value: () => e
-        }
-      }
-    }
-  );
-  return t.value = e, t;
-}, O = (e, t, a) => (t == null ? t = { key: a } : t.key = a, qt(e, t)), he = O, _t = Me`*,*:before,*:after{box-sizing:border-box}button{padding:0;touch-action:manipulation;cursor:pointer;user-select:none}`, Wt = Me`.vh{position:absolute;transform:scale(0)}`;
-function et() {
-  const e = /* @__PURE__ */ new Date();
-  return new L(e.getFullYear(), e.getMonth() + 1, e.getDate());
-}
-function tt(e, t = 0) {
-  const a = _(e), n = a.getUTCDay(), l = (n < t ? 7 : 0) + n - t;
-  return a.setUTCDate(a.getUTCDate() - l), L.from(a);
-}
-function Zt(e, t = 0) {
-  return tt(e, t).add({ days: 6 });
-}
-function Kt(e) {
-  return L.from(new Date(Date.UTC(e.year, e.month, 0)));
-}
-function Ie(e, t, a) {
-  return t && L.compare(e, t) < 0 ? t : a && L.compare(e, a) > 0 ? a : e;
-}
-const Aa = { days: 1 };
-function La(e, t = 0) {
-  let a = tt(e.toPlainDate(), t);
-  const n = Zt(Kt(e), t), l = [];
-  for (; L.compare(a, n) < 0; ) {
-    const o = [];
-    for (let s = 0; s < 7; s++)
-      o.push(a), a = a.add(Aa);
-    l.push(o);
-  }
-  return l;
-}
-function _(e) {
-  return new Date(Date.UTC(e.year, e.month - 1, e.day ?? 1));
-}
-const Ua = /^(\d{4})-(0[1-9]|1[0-2])-(0[1-9]|[12][0-9]|3[0-1])$/, je = (e, t) => e.toString().padStart(t, "0");
-class L {
-  constructor(t, a, n) {
-    this.year = t, this.month = a, this.day = n;
-  }
-  // this is an incomplete implementation that only handles arithmetic on a single unit at a time.
-  // i didn't want to get into more complex arithmetic since it get tricky fast
-  // this is enough to serve my needs and will still be a drop-in replacement when actual Temporal API lands
-  add(t) {
-    const a = _(this);
-    if ("days" in t)
-      return a.setUTCDate(this.day + t.days), L.from(a);
-    let { year: n, month: l } = this;
-    "months" in t ? (l = this.month + t.months, a.setUTCMonth(l - 1)) : (n = this.year + t.years, a.setUTCFullYear(n));
-    const o = L.from(_({ year: n, month: l, day: 1 }));
-    return Ie(L.from(a), o, Kt(o));
-  }
-  toString() {
-    return `${je(this.year, 4)}-${je(this.month, 2)}-${je(this.day, 2)}`;
-  }
-  toPlainYearMonth() {
-    return new Ee(this.year, this.month);
-  }
-  equals(t) {
-    return L.compare(this, t) === 0;
-  }
-  static compare(t, a) {
-    return t.year < a.year ? -1 : t.year > a.year ? 1 : t.month < a.month ? -1 : t.month > a.month ? 1 : t.day < a.day ? -1 : t.day > a.day ? 1 : 0;
-  }
-  static from(t) {
-    if (typeof t == "string") {
-      const a = t.match(Ua);
-      if (!a)
-        throw new TypeError(t);
-      const [, n, l, o] = a;
-      return new L(
-        parseInt(n, 10),
-        parseInt(l, 10),
-        parseInt(o, 10)
-      );
-    }
-    return new L(
-      t.getUTCFullYear(),
-      t.getUTCMonth() + 1,
-      t.getUTCDate()
-    );
-  }
-}
-class Ee {
-  constructor(t, a) {
-    this.year = t, this.month = a;
-  }
-  add(t) {
-    const a = _(this), n = (t.months ?? 0) + (t.years ?? 0) * 12;
-    return a.setUTCMonth(a.getUTCMonth() + n), new Ee(a.getUTCFullYear(), a.getUTCMonth() + 1);
-  }
-  equals(t) {
-    return this.year === t.year && this.month === t.month;
-  }
-  toPlainDate() {
-    return new L(this.year, this.month, 1);
-  }
-}
-function Te(e, t) {
-  if (t)
-    try {
-      return e.from(t);
-    } catch {
-    }
-}
-function G(e) {
-  const [t, a] = Qe(e);
-  return [J(() => Te(L, t), [t]), (n) => a(n == null ? void 0 : n.toString())];
-}
-function ja(e) {
-  const [t = "", a] = Qe(e);
-  return [J(() => {
-    const [n, l] = t.split("/"), o = Te(L, n), s = Te(L, l);
-    return o && s ? [o, s] : [];
-  }, [t]), (n) => a(`${n[0]}/${n[1]}`)];
-}
-function Fa(e) {
-  const [t = "", a] = Qe(e);
-  return [J(() => {
-    const n = [];
-    for (const l of t.trim().split(/\s+/)) {
-      const o = Te(L, l);
-      o && n.push(o);
-    }
-    return n;
-  }, [t]), (n) => a(n.join(" "))];
-}
-function ge(e, t) {
-  return J(
-    () => new Intl.DateTimeFormat(t, { timeZone: "UTC", ...e }),
-    [t, e]
-  );
-}
-function bt(e, t, a) {
-  const n = ge(e, a);
-  return J(() => {
-    const l = [], o = /* @__PURE__ */ new Date();
-    for (var s = 0; s < 7; s++) {
-      const u = (o.getUTCDay() - t + 7) % 7;
-      l[u] = n.format(o), o.setUTCDate(o.getUTCDate() + 1);
-    }
-    return l;
-  }, [t, n]);
-}
-const wt = (e, t, a) => Ie(e, t, a) === e, xt = (e) => e.target.matches(":dir(ltr)"), Ra = { month: "long", day: "numeric" }, qa = { month: "long" }, Ha = { weekday: "long" }, Fe = { bubbles: !0 };
-function _a({ props: e, context: t }) {
-  const { offset: a } = e, {
-    firstDayOfWeek: n,
-    isDateDisallowed: l,
-    min: o,
-    max: s,
-    today: u,
-    page: i,
-    locale: r,
-    focusedDate: m,
-    formatWeekday: C
-  } = t, g = u ?? et(), p = bt(Ha, n, r), $ = J(
-    () => ({ weekday: C }),
-    [C]
-  ), S = bt($, n, r), D = ge(Ra, r), k = ge(qa, r), z = J(
-    () => i.start.add({ months: a }),
-    [i, a]
-  ), j = J(
-    () => La(z, n),
-    [z, n]
-  ), q = X("focusday", Fe), v = X("selectday", Fe), T = X("hoverday", Fe);
-  function b(w) {
-    q(Ie(w, o, s));
-  }
-  function y(w) {
-    let x;
-    switch (w.key) {
-      case "ArrowRight":
-        x = m.add({ days: xt(w) ? 1 : -1 });
-        break;
-      case "ArrowLeft":
-        x = m.add({ days: xt(w) ? -1 : 1 });
-        break;
-      case "ArrowDown":
-        x = m.add({ days: 7 });
-        break;
-      case "ArrowUp":
-        x = m.add({ days: -7 });
-        break;
-      case "PageUp":
-        x = m.add(w.shiftKey ? { years: -1 } : { months: -1 });
-        break;
-      case "PageDown":
-        x = m.add(w.shiftKey ? { years: 1 } : { months: 1 });
-        break;
-      case "Home":
-        x = tt(m, n);
-        break;
-      case "End":
-        x = Zt(m, n);
-        break;
-      default:
-        return;
-    }
-    b(x), w.preventDefault();
-  }
-  function c(w) {
-    var rt, ut;
-    const x = z.equals(w);
-    if (!t.showOutsideDays && !x)
-      return;
-    const I = w.equals(m), A = w.equals(g), H = _(w), Q = l == null ? void 0 : l(H), Y = !wt(w, o, s);
-    let it = "", oe;
-    if (t.type === "range") {
-      const [ee, fe] = t.value, ct = ee == null ? void 0 : ee.equals(w), dt = fe == null ? void 0 : fe.equals(w);
-      oe = ee && fe && wt(w, ee, fe), it = `${ct ? "range-start" : ""} ${dt ? "range-end" : ""} ${oe && !ct && !dt ? "range-inner" : ""}`;
-    } else
-      t.type === "multi" ? oe = t.value.some((ee) => ee.equals(w)) : oe = (rt = t.value) == null ? void 0 : rt.equals(w);
-    return {
-      part: `${`button day day-${H.getDay()} ${// we don't want outside days to ever be shown as selected
-      x ? oe ? "selected" : "" : "outside"} ${Q ? "disallowed" : ""} ${A ? "today" : ""} ${((ut = t.getDayParts) == null ? void 0 : ut.call(t, H)) ?? ""}`} ${it}`,
-      tabindex: x && I ? 0 : -1,
-      disabled: Y,
-      "aria-disabled": Q ? "true" : void 0,
-      "aria-pressed": x && oe,
-      "aria-current": A ? "date" : void 0,
-      "aria-label": D.format(H),
-      onkeydown: y,
-      onclick() {
-        Q || v(w), b(w);
-      },
-      onmouseover() {
-        !Q && !Y && T(w);
-      }
-    };
-  }
-  return {
-    weeks: j,
-    yearMonth: z,
-    daysLong: p,
-    daysVisible: S,
-    formatter: k,
-    getDayProps: c
-  };
-}
-const Re = et(), nt = Na({
-  type: "date",
-  firstDayOfWeek: 1,
-  focusedDate: Re,
-  page: { start: Re.toPlainYearMonth(), end: Re.toPlainYearMonth() }
-});
-customElements.define("calendar-ctx", nt);
-const Wa = (e, t) => (t + e) % 7, Za = ke(
-  (e) => {
-    const t = Oa(nt), a = la(), n = _a({ props: e, context: t });
-    function l() {
-      var o;
-      (o = a.current.querySelector("button[tabindex='0']")) == null || o.focus();
-    }
-    return /* @__PURE__ */ he("host", { shadowDom: !0, focus: l, children: [
-      /* @__PURE__ */ O("div", { id: "h", part: "heading", children: n.formatter.format(_(n.yearMonth)) }),
-      /* @__PURE__ */ he("table", { ref: a, "aria-labelledby": "h", part: "table", children: [
-        /* @__PURE__ */ O("thead", { children: /* @__PURE__ */ O("tr", { part: "tr head", children: n.daysLong.map((o, s) => /* @__PURE__ */ he(
-          "th",
-          {
-            part: `th day day-${Wa(t.firstDayOfWeek, s)}`,
-            scope: "col",
-            children: [
-              /* @__PURE__ */ O("span", { class: "vh", children: o }),
-              /* @__PURE__ */ O("span", { "aria-hidden": "true", children: n.daysVisible[s] })
-            ]
-          }
-        )) }) }),
-        /* @__PURE__ */ O("tbody", { children: n.weeks.map((o, s) => /* @__PURE__ */ O("tr", { part: "tr week", children: o.map((u, i) => {
-          const r = n.getDayProps(u);
-          return /* @__PURE__ */ O("td", { part: "td", children: r && /* @__PURE__ */ O("button", { ...r, children: u.day }) }, i);
-        }) }, s)) })
-      ] })
-    ] });
-  },
-  {
-    props: {
-      offset: {
-        type: Number,
-        value: 0
-      }
-    },
-    styles: [
-      _t,
-      Wt,
-      Me`:host{--color-accent: black;--color-text-on-accent: white;display:flex;flex-direction:column;gap:.25rem;text-align:center;inline-size:fit-content}table{border-collapse:collapse;font-size:.875rem}th{font-weight:700;block-size:2.25rem}td{padding-inline:0}button{color:inherit;font-size:inherit;background:transparent;border:0;font-variant-numeric:tabular-nums;block-size:2.25rem;inline-size:2.25rem}button:hover:where(:not(:disabled,[aria-disabled])){background:#0000000d}button:is([aria-pressed=true],:focus-visible){background:var(--color-accent);color:var(--color-text-on-accent)}button:focus-visible{outline:1px solid var(--color-text-on-accent);outline-offset:-2px}button:disabled,:host::part(outside),:host::part(disallowed){cursor:default;opacity:.5}`
-    ]
-  }
-);
-customElements.define("calendar-month", Za);
-function kt(e) {
-  return /* @__PURE__ */ O(
-    "button",
-    {
-      part: `button ${e.name} ${e.onclick ? "" : "disabled"}`,
-      onclick: e.onclick,
-      "aria-disabled": e.onclick ? null : "true",
-      children: /* @__PURE__ */ O("slot", { name: e.name, children: e.children })
-    }
-  );
-}
-function at(e) {
-  const t = _(e.page.start), a = _(e.page.end);
-  return /* @__PURE__ */ he("div", { role: "group", "aria-labelledby": "h", part: "container", children: [
-    /* @__PURE__ */ O("div", { id: "h", class: "vh", "aria-live": "polite", "aria-atomic": "true", children: e.formatVerbose.formatRange(t, a) }),
-    /* @__PURE__ */ he("div", { part: "header", children: [
-      /* @__PURE__ */ O(kt, { name: "previous", onclick: e.previous, children: "Previous" }),
-      /* @__PURE__ */ O("slot", { part: "heading", name: "heading", children: /* @__PURE__ */ O("div", { "aria-hidden": "true", children: e.format.formatRange(t, a) }) }),
-      /* @__PURE__ */ O(kt, { name: "next", onclick: e.next, children: "Next" })
-    ] }),
-    /* @__PURE__ */ O(
-      nt,
-      {
-        value: e,
-        onselectday: e.onSelect,
-        onfocusday: e.onFocus,
-        onhoverday: e.onHover,
-        children: /* @__PURE__ */ O("slot", {})
-      }
-    )
-  ] });
-}
-const ot = {
-  value: {
-    type: String,
-    value: ""
-  },
-  min: {
-    type: String,
-    value: ""
-  },
-  max: {
-    type: String,
-    value: ""
-  },
-  today: {
-    type: String,
-    value: ""
-  },
-  isDateDisallowed: {
-    type: Function,
-    value: (e) => !1
-  },
-  formatWeekday: {
-    type: String,
-    value: () => "narrow"
-  },
-  getDayParts: {
-    type: Function,
-    value: (e) => ""
-  },
-  firstDayOfWeek: {
-    type: Number,
-    value: () => 1
-  },
-  showOutsideDays: {
-    type: Boolean,
-    value: !1
-  },
-  locale: {
-    type: String,
-    value: () => {
-    }
-  },
-  months: {
-    type: Number,
-    value: 1
-  },
-  focusedDate: {
-    type: String,
-    value: () => {
-    }
-  },
-  pageBy: {
-    type: String,
-    value: () => "months"
-  }
-}, lt = [
-  _t,
-  Wt,
-  Me`:host{display:block;inline-size:fit-content}[role=group]{display:flex;flex-direction:column;gap:1em}:host::part(header){display:flex;align-items:center;justify-content:space-between}:host::part(heading){font-weight:700;font-size:1.25em}button{display:flex;align-items:center;justify-content:center}button[aria-disabled]{cursor:default;opacity:.5}`
-], Ka = { year: "numeric" }, Ya = { year: "numeric", month: "long" };
-function qe(e, t) {
-  return (t.year - e.year) * 12 + t.month - e.month;
-}
-const $t = (e, t) => (e = t === 12 ? new Ee(e.year, 1) : e, {
-  start: e,
-  end: e.add({ months: t - 1 })
-});
-function Ja({
-  pageBy: e,
-  focusedDate: t,
-  months: a,
-  max: n,
-  min: l,
-  goto: o
-}) {
-  const s = e === "single" ? 1 : a, [u, i] = Ge(
-    () => $t(t.toPlainYearMonth(), a)
-  ), r = (C) => i($t(u.start.add({ months: C }), a)), m = (C) => {
-    const g = qe(u.start, C.toPlainYearMonth());
-    return g >= 0 && g < a;
-  };
-  return ve(() => {
-    if (m(t))
-      return;
-    const C = qe(t.toPlainYearMonth(), u.start);
-    o(t.add({ months: C }));
-  }, [u.start]), ve(() => {
-    if (m(t))
-      return;
-    const C = qe(u.start, t.toPlainYearMonth());
-    r(C === -1 ? -s : C === a ? s : Math.floor(C / a) * a);
-  }, [t, s, a]), {
-    page: u,
-    previous: !l || !m(l) ? () => r(-s) : void 0,
-    next: !n || !m(n) ? () => r(s) : void 0
-  };
-}
-function st({
-  months: e,
-  pageBy: t,
-  locale: a,
-  focusedDate: n,
-  setFocusedDate: l
-}) {
-  const [o] = G("min"), [s] = G("max"), [u] = G("today"), i = X("focusday"), r = X("change"), m = J(
-    () => Ie(n ?? u ?? et(), o, s),
-    [n, u, o, s]
-  );
-  function C(k) {
-    l(k), i(_(k));
-  }
-  const { next: g, previous: p, page: $ } = Ja({
-    pageBy: t,
-    focusedDate: m,
-    months: e,
-    min: o,
-    max: s,
-    goto: C
-  }), S = xe();
-  function D(k) {
-    const z = (k == null ? void 0 : k.target) ?? "day";
-    z === "day" ? S.current.querySelectorAll("calendar-month").forEach((j) => j.focus(k)) : S.current.shadowRoot.querySelector(`[part~='${z}']`).focus(k);
-  }
-  return {
-    format: ge(Ka, a),
-    formatVerbose: ge(Ya, a),
-    page: $,
-    focusedDate: m,
-    dispatch: r,
-    onFocus(k) {
-      k.stopPropagation(), C(k.detail), setTimeout(D);
-    },
-    min: o,
-    max: s,
-    today: u,
-    next: g,
-    previous: p,
-    focus: D
-  };
-}
-const Xa = ke(
-  (e) => {
-    const [t, a] = G("value"), [n = t, l] = G("focusedDate"), o = st({
-      ...e,
-      focusedDate: n,
-      setFocusedDate: l
-    });
-    function s(u) {
-      a(u.detail), o.dispatch();
-    }
-    return /* @__PURE__ */ O("host", { shadowDom: !0, focus: o.focus, children: /* @__PURE__ */ O(
-      at,
-      {
-        ...e,
-        ...o,
-        type: "date",
-        value: t,
-        onSelect: s
-      }
-    ) });
-  },
-  { props: ot, styles: lt }
-);
-customElements.define("calendar-date", Xa);
-const St = (e, t) => L.compare(e, t) < 0 ? [e, t] : [t, e], Ga = ke(
-  (e) => {
-    const [t, a] = ja("value"), [n = t[0], l] = G("focusedDate"), o = st({
-      ...e,
-      focusedDate: n,
-      setFocusedDate: l
-    }), s = X("rangestart"), u = X("rangeend"), [i, r] = G(
-      "tentative"
-    ), [m, C] = Ge();
-    ve(() => C(void 0), [i]);
-    function g(D) {
-      o.onFocus(D), p(D);
-    }
-    function p(D) {
-      D.stopPropagation(), i && C(D.detail);
-    }
-    function $(D) {
-      const k = D.detail;
-      D.stopPropagation(), i ? (a(St(i, k)), r(void 0), u(_(k)), o.dispatch()) : (r(k), s(_(k)));
-    }
-    const S = i ? St(i, m ?? i) : t;
-    return /* @__PURE__ */ O("host", { shadowDom: !0, focus: o.focus, children: /* @__PURE__ */ O(
-      at,
-      {
-        ...e,
-        ...o,
-        type: "range",
-        value: S,
-        onFocus: g,
-        onHover: p,
-        onSelect: $
-      }
-    ) });
-  },
-  {
-    props: {
-      ...ot,
-      tentative: {
-        type: String,
-        value: ""
-      }
-    },
-    styles: lt
-  }
-);
-customElements.define("calendar-range", Ga);
-const Qa = ke(
-  (e) => {
-    const [t, a] = Fa("value"), [n = t[0], l] = G("focusedDate"), o = st({
-      ...e,
-      focusedDate: n,
-      setFocusedDate: l
-    });
-    function s(u) {
-      const i = [...t], r = t.findIndex((m) => m.equals(u.detail));
-      r < 0 ? i.push(u.detail) : i.splice(r, 1), a(i), o.dispatch();
-    }
-    return /* @__PURE__ */ O("host", { shadowDom: !0, focus: o.focus, children: /* @__PURE__ */ O(
-      at,
-      {
-        ...e,
-        ...o,
-        type: "multi",
-        value: t,
-        onSelect: s
-      }
-    ) });
-  },
-  { props: ot, styles: lt }
-);
-customElements.define("calendar-multi", Qa);
-const eo = ["placeholder", "value", "id", "disabled"], to = ["disabled"], no = {
+}), Kl = /* @__PURE__ */ J(xt, [["__scopeId", "data-v-577c3624"]]), kt = { class: "z-30 relative flex items-center bg-base-100 date-filter-input px-4 border-2 border-primary rounded-md w-full min-h-10 font-semibold text-primary text-sm" }, $t = { key: 0 }, Ct = ["id"], St = {
   key: 2,
   class: "join items-center gap-2 w-full justify-between py-2 px-4 max-md:input max-md:input-bordered rounded"
-}, ao = { class: "join-item" }, oo = ["id", "disabled"], lo = { class: "join-item" }, so = ["id", "disabled"], io = ["id", "disabled"], ro = {
+}, It = { class: "join-item" }, Tt = ["id", "disabled"], Mt = { class: "join-item" }, Vt = ["id", "disabled"], Bt = ["id", "disabled"], Dt = {
   key: 4,
   class: "flex mt-4"
-}, Sl = /* @__PURE__ */ N({
+}, zt = /* @__PURE__ */ P({
   __name: "datetimePicker",
   props: {
     mode: { default: "datetime" },
@@ -2211,225 +1027,242 @@ const eo = ["placeholder", "value", "id", "disabled"], to = ["disabled"], no = {
     max: {}
   },
   emits: ["update:modelValue", "change"],
-  setup(e, { emit: t }) {
-    const a = typeof window < "u", n = e, l = t, o = M(!1), s = M(null), u = M(null), i = M(null), r = M(null), m = M(null), C = M(null), g = M({ from: "", to: "", single: "" }), p = M({
+  setup(e, { emit: c }) {
+    K(async () => {
+      await import("./cally-ZU3K2Th7.js");
+    });
+    const t = e, o = c, u = k(null), s = k(!1), i = k(null), g = k(null), v = k(null), p = k(null), S = k(null), I = k({ from: "", to: "", single: "" }), z = k({
       single: null,
       start: null,
       end: null
-    }), $ = K(() => {
-      const b = (w) => {
-        if (!w || w.includes(":")) return w;
-        if (/^\d{4}-\d{2}-\d{2}$/.test(w))
+    }), y = _(() => {
+      const d = (n) => {
+        if (!n || n.includes(":")) return n;
+        if (/^\d{4}-\d{2}-\d{2}$/.test(n))
           try {
-            return new Date(w).toLocaleDateString(n.locale);
+            return new Date(n).toLocaleDateString(t.locale);
           } catch {
-            const [x, I, A] = w.split("-");
-            return `${A}/${I}/${x}`;
+            const [$, h, D] = n.split("-");
+            return `${D}/${h}/${$}`;
           }
-        return w;
+        return n;
       };
-      let y = "", c = "";
-      if (n.mode !== "time" && (n.range && p.value.start && p.value.end ? y = `${p.value.start} - ${p.value.end}` : !n.range && p.value.single && (y = p.value.single)), n.mode !== "date" && (n.range && g.value.from && g.value.to ? c = `${g.value.from} - ${g.value.to}` : !n.range && g.value.single && (c = g.value.single)), n.mode === "date")
-        return n.range ? y.split(" - ").map(b).join(" - ") : b(y);
-      if (n.mode === "time") return c;
-      if (n.range) {
-        const [w, x] = y.split(" - ").map(b), [I, A] = c.split(" - ");
-        return `${w} ${I} - ${x} ${A}`.trim();
+      let f = "", b = "";
+      if (t.mode !== "time" && (t.range && z.value.start && z.value.end ? f = `${z.value.start} - ${z.value.end}` : !t.range && z.value.single && (f = z.value.single)), t.mode !== "date" && (t.range && I.value.from && I.value.to ? b = `${I.value.from} - ${I.value.to}` : !t.range && I.value.single && (b = I.value.single)), t.mode === "date")
+        return t.range ? f.split(" - ").map(d).join(" - ") : d(f);
+      if (t.mode === "time") return b;
+      if (t.range) {
+        const [n, $] = f.split(" - ").map(d), [h, D] = b.split(" - ");
+        return `${n} ${h} - ${$} ${D}`.trim();
       }
-      return `${b(y)} ${c}`.trim();
-    }), S = () => {
-      if (n.range) {
-        const { start: b, end: y } = p.value, { from: c, to: w } = g.value;
-        let x = null, I = null;
-        if (n.mode === "time" && c && w ? (x = c, I = w) : n.mode === "date" && b && y ? (x = b, I = y) : n.mode === "datetime" && b && y && c && w && (x = `${b}T${c}`, I = `${y}T${w}`), x && I)
-          return { start: x, end: I };
+      return `${d(f)} ${b}`.trim();
+    });
+    console.log(y);
+    const w = () => {
+      if (t.range) {
+        const { start: d, end: f } = z.value, { from: b, to: n } = I.value;
+        let $ = null, h = null;
+        if (t.mode === "time" && b && n ? ($ = b, h = n) : t.mode === "date" && d && f ? ($ = d, h = f) : t.mode === "datetime" && d && f && b && n && ($ = `${d}T${b}`, h = `${f}T${n}`), $ && h)
+          return { start: $, end: h };
       } else {
-        const b = p.value.single, y = g.value.single;
-        if (n.mode === "date") return b;
-        if (n.mode === "time") return y || null;
-        if (n.mode === "datetime" && b && y)
-          return `${b}T${y}`;
+        const d = z.value.single, f = I.value.single;
+        if (t.mode === "date") return d;
+        if (t.mode === "time") return f || null;
+        if (t.mode === "datetime" && d && f)
+          return `${d}T${f}`;
       }
       return null;
-    }, D = () => {
-      if (u.value)
-        p.value.single = u.value.value || null;
-      else if (i.value) {
-        const b = i.value.value;
-        p.value.start = (b == null ? void 0 : b.start) || null, p.value.end = (b == null ? void 0 : b.end) || null;
+    }, x = () => {
+      if (i.value)
+        z.value.single = i.value.value || null;
+      else if (g.value) {
+        const d = g.value.value;
+        z.value.start = (d == null ? void 0 : d.start) || null, z.value.end = (d == null ? void 0 : d.end) || null;
       }
-    }, k = () => {
-      D();
-      const b = S();
-      l("update:modelValue", b), l("change", b);
-    }, z = () => {
-      var b, y, c;
-      n.range ? (g.value.from = ((b = m.value) == null ? void 0 : b.value) || "", g.value.to = ((y = C.value) == null ? void 0 : y.value) || "") : g.value.single = ((c = r.value) == null ? void 0 : c.value) || "", k();
-    }, j = () => {
-      o.value = !o.value, o.value && k();
-    }, q = () => {
-      o.value = !1, k();
-    }, v = (b) => {
-      a && n.popup && o.value && s.value && !s.value.contains(b.target) && q();
-    }, T = () => {
-      const b = (y) => y instanceof Date ? y.toISOString() : y;
-      if (n.initialDate) {
-        if (n.range && typeof n.initialDate == "object" && "start" in n.initialDate) {
-          const y = b(n.initialDate.start), c = b(n.initialDate.end);
-          if (p.value.start = y.split("T")[0], p.value.end = c.split("T")[0], n.mode !== "date") {
-            const w = new Date(y), x = new Date(c), I = (A) => `${String(A.getUTCHours()).padStart(2, "0")}:${String(A.getUTCMinutes()).padStart(2, "0")}`;
-            g.value.from = I(w), g.value.to = I(x), m.value && (m.value.value = g.value.from), C.value && (C.value.value = g.value.to);
+    }, C = () => {
+      x();
+      const d = w();
+      o("update:modelValue", d), o("change", d);
+    }, B = () => {
+      var d, f, b;
+      t.range ? (I.value.from = ((d = p.value) == null ? void 0 : d.value) || "", I.value.to = ((f = S.value) == null ? void 0 : f.value) || "") : I.value.single = ((b = v.value) == null ? void 0 : b.value) || "", C();
+    }, L = () => {
+      s.value = !s.value, s.value && C();
+    }, R = () => {
+      s.value = !1, C();
+    }, N = (d) => {
+      if (!t.popup || !s.value) return;
+      const f = u.value, b = d.target;
+      f && !f.contains(b) && R();
+    }, m = () => {
+      const d = (f) => f instanceof Date ? f.toISOString() : f;
+      if (t.initialDate) {
+        if (t.range && typeof t.initialDate == "object" && "start" in t.initialDate) {
+          const f = d(t.initialDate.start), b = d(t.initialDate.end);
+          if (z.value.start = f.split("T")[0], z.value.end = b.split("T")[0], t.mode !== "date") {
+            const n = new Date(f), $ = new Date(b), h = (D) => `${String(D.getUTCHours()).padStart(2, "0")}:${String(D.getUTCMinutes()).padStart(2, "0")}`;
+            I.value.from = h(n), I.value.to = h($), p.value && (p.value.value = I.value.from), S.value && (S.value.value = I.value.to);
           }
-        } else if (typeof n.initialDate == "string" || n.initialDate instanceof Date) {
-          const y = b(n.initialDate);
-          if (p.value.single = y.split("T")[0], n.mode !== "date") {
-            const c = new Date(y), w = `${String(c.getUTCHours()).padStart(2, "0")}:${String(c.getUTCMinutes()).padStart(2, "0")}`;
-            g.value.single = w, r.value && (r.value.value = w);
+        } else if (typeof t.initialDate == "string" || t.initialDate instanceof Date) {
+          const f = d(t.initialDate);
+          if (z.value.single = f.split("T")[0], t.mode !== "date") {
+            const b = new Date(f), n = `${String(b.getUTCHours()).padStart(2, "0")}:${String(b.getUTCMinutes()).padStart(2, "0")}`;
+            I.value.single = n, v.value && (v.value.value = n);
           }
         }
       }
     };
-    return ue(() => {
-      a && n.popup && document.addEventListener("click", v), T(), k();
-    }), Dt(() => {
-      a && n.popup && document.removeEventListener("click", v);
-    }), (b, y) => {
-      const c = Ae("calendar-month"), w = Ae("calendar-date"), x = Ae("calendar-range");
-      return f(), h("div", {
+    return K(() => {
+      m(), C();
+    }), (d, f) => {
+      const b = oe("calendar-month"), n = oe("calendar-date"), $ = oe("calendar-range");
+      return a(), r("div", {
         class: "inline-block relative w-fit lg:w-full",
         ref_key: "pickerContainer",
-        ref: s
+        ref: u,
+        onMousedownCapture: N
       }, [
-        n.popup ? (f(), h("div", {
+        t.popup ? (a(), r("div", {
           key: 0,
           class: "flex items-center gap-2 cursor-pointer w-full",
-          onClick: y[0] || (y[0] = (I) => n.disabled ? null : j())
+          onClick: f[0] || (f[0] = (h) => t.disabled ? null : L())
         }, [
-          d("input", {
-            type: "text",
-            class: "input-bordered w-full cursor-pointer input",
-            placeholder: n.placeholder,
-            value: $.value,
-            readonly: "",
-            id: `${n.id}-input`,
-            disabled: n.disabled
-          }, null, 8, eo),
-          d("button", {
-            class: "btn btn-ghost",
-            disabled: n.disabled
-          }, [...y[1] || (y[1] = [
-            d("svg", {
-              xmlns: "http://www.w3.org/2000/svg",
-              viewBox: "0 0 24 24",
-              fill: "currentColor",
-              class: "size-6"
-            }, [
-              d("path", { d: "M12.75 12.75a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0ZM7.5 7.5a.75.75 0 1 0 0 1.5.75.75 0 0 0 0-1.5ZM7.5 10.5a.75.75 0 1 0 0 1.5.75.75 0 0 0 0-1.5ZM7.5 13.5a.75.75 0 1 0 0 1.5.75.75 0 0 0 0-1.5ZM7.5 16.5a.75.75 0 1 0 0 1.5.75.75 0 0 0 0-1.5ZM10.5 7.5a.75.75 0 1 0 0 1.5.75.75 0 0 0 0-1.5ZM10.5 10.5a.75.75 0 1 0 0 1.5.75.75 0 0 0 0-1.5ZM10.5 13.5a.75.75 0 1 0 0 1.5.75.75 0 0 0 0-1.5ZM10.5 16.5a.75.75 0 1 0 0 1.5.75.75 0 0 0 0-1.5ZM13.5 7.5a.75.75 0 1 0 0 1.5.75.75 0 0 0 0-1.5ZM13.5 13.5a.75.75 0 1 0 0 1.5.75.75 0 0 0 0-1.5ZM13.5 16.5a.75.75 0 1 0 0 1.5.75.75 0 0 0 0-1.5ZM16.5 7.5a.75.75 0 1 0 0 1.5.75.75 0 0 0 0-1.5ZM16.5 10.5a.75.75 0 1 0 0 1.5.75.75 0 0 0 0-1.5ZM16.5 13.5a.75.75 0 1 0 0 1.5.75.75 0 0 0 0-1.5ZM16.5 16.5a.75.75 0 1 0 0 1.5.75.75 0 0 0 0-1.5ZM18 3.75c0-.621-.504-1.125-1.125-1.125h-15c-.621 0-1.125.504-1.125 1.125v15c0 .621.504 1.125 1.125 1.125h15c.621 0 1.125-.504 1.125-1.125v-15ZM4.5 5.25v12h15v-12h-15Z" })
-            ], -1)
-          ])], 8, to)
-        ])) : E("", !0),
-        o.value || !n.popup ? (f(), h("div", {
+          l("div", kt, [
+            y.value ? T("", !0) : (a(), r("span", $t, O(e.placeholder), 1)),
+            ue(" " + O(y.value), 1)
+          ])
+        ])) : T("", !0),
+        s.value || !t.popup ? (a(), r("div", {
           key: 1,
-          class: B(["z-50 bg-base-100 md:p-4 px-4 rounded-md w-full", { "absolute top-full left-0 mt-2 shadow-lg": n.popup, "mt-2": !n.popup }])
+          class: M(["z-50 bg-base-100 rounded-md w-full", { "absolute top-full left-0 mt-2 shadow-lg": t.popup, "mt-2": !t.popup }]),
+          id: `date-picker-${t.id}-popup`
         }, [
-          !n.range && n.mode !== "time" ? (f(), ae(w, {
+          !t.range && t.mode !== "time" ? (a(), W(n, {
             key: 0,
             class: "cally w-full",
             ref_key: "datePicker",
-            ref: u,
-            id: `${n.id}-date`,
-            min: n.min,
-            max: n.max,
-            disabled: n.disabled,
-            onChange: k
+            ref: i,
+            id: `${t.id}-date`,
+            min: t.min,
+            max: t.max,
+            disabled: t.disabled,
+            onChange: C
           }, {
-            default: pt(() => [
-              y[2] || (y[2] = d("svg", {
-                "aria-label": "Previous",
-                class: "fill-current size-4",
+            default: ce(() => [
+              f[1] || (f[1] = l("button", {
                 slot: "previous",
-                xmlns: "http://www.w3.org/2000/svg",
-                viewBox: "0 0 24 24"
+                class: "btn-outline btn btn-primary md:btn-sm"
               }, [
-                d("path", {
-                  fill: "currentColor",
-                  d: "M15.75 19.5 8.25 12l7.5-7.5"
-                })
+                l("svg", {
+                  xmlns: "http://www.w3.org/2000/svg",
+                  class: "w-4 h-4",
+                  fill: "none",
+                  viewBox: "0 0 24 24",
+                  stroke: "currentColor"
+                }, [
+                  l("path", {
+                    "stroke-linecap": "round",
+                    "stroke-linejoin": "round",
+                    "stroke-width": "2",
+                    d: "M15 19l-7-7 7-7"
+                  })
+                ])
               ], -1)),
-              y[3] || (y[3] = d("svg", {
-                "aria-label": "Next",
-                class: "fill-current size-4",
+              f[2] || (f[2] = l("button", {
                 slot: "next",
-                xmlns: "http://www.w3.org/2000/svg",
-                viewBox: "0 0 24 24"
+                class: "btn-outline btn btn-primary md:btn-sm"
               }, [
-                d("path", {
-                  fill: "currentColor",
-                  d: "m8.25 4.5 7.5 7.5-7.5 7.5"
-                })
+                l("svg", {
+                  xmlns: "http://www.w3.org/2000/svg",
+                  class: "w-4 h-4",
+                  fill: "none",
+                  viewBox: "0 0 24 24",
+                  stroke: "currentColor"
+                }, [
+                  l("path", {
+                    "stroke-linecap": "round",
+                    "stroke-linejoin": "round",
+                    "stroke-width": "2",
+                    d: "M9 5l7 7-7 7"
+                  })
+                ])
               ], -1)),
-              ie(c, {
-                locale: n.locale
+              G(b, {
+                locale: t.locale
               }, null, 8, ["locale"])
             ]),
             _: 1
-          }, 8, ["id", "min", "max", "disabled"])) : E("", !0),
-          n.range && n.mode !== "time" ? (f(), ae(x, {
+          }, 8, ["id", "min", "max", "disabled"])) : T("", !0),
+          t.range && t.mode !== "time" ? (a(), W($, {
             key: 1,
             class: "cally w-full",
             ref_key: "rangeDatePicker",
-            ref: i,
-            id: `${n.id}-date-range`,
-            min: n.min,
-            max: n.max,
-            disabled: n.disabled,
-            onChange: k
+            ref: g,
+            id: `${t.id}-date-range`,
+            min: t.min,
+            max: t.max,
+            disabled: t.disabled,
+            onChange: C
           }, {
-            default: pt(() => [
-              y[4] || (y[4] = d("svg", {
-                "aria-label": "Previous",
-                class: "fill-current size-4",
+            default: ce(() => [
+              f[3] || (f[3] = l("button", {
                 slot: "previous",
-                xmlns: "http://www.w3.org/2000/svg",
-                viewBox: "0 0 24 24"
+                class: "btn-outline btn btn-primary md:btn-sm"
               }, [
-                d("path", {
-                  fill: "currentColor",
-                  d: "M15.75 19.5 8.25 12l7.5-7.5"
-                })
+                l("svg", {
+                  xmlns: "http://www.w3.org/2000/svg",
+                  class: "w-4 h-4",
+                  fill: "none",
+                  viewBox: "0 0 24 24",
+                  stroke: "currentColor"
+                }, [
+                  l("path", {
+                    "stroke-linecap": "round",
+                    "stroke-linejoin": "round",
+                    "stroke-width": "2",
+                    d: "M15 19l-7-7 7-7"
+                  })
+                ])
               ], -1)),
-              y[5] || (y[5] = d("svg", {
-                "aria-label": "Next",
-                class: "fill-current size-4",
+              f[4] || (f[4] = l("button", {
                 slot: "next",
-                xmlns: "http://www.w3.org/2000/svg",
-                viewBox: "0 0 24 24"
+                class: "btn-outline btn btn-primary md:btn-sm"
               }, [
-                d("path", {
-                  fill: "currentColor",
-                  d: "m8.25 4.5 7.5 7.5-7.5 7.5"
-                })
+                l("svg", {
+                  xmlns: "http://www.w3.org/2000/svg",
+                  class: "w-4 h-4",
+                  fill: "none",
+                  viewBox: "0 0 24 24",
+                  stroke: "currentColor"
+                }, [
+                  l("path", {
+                    "stroke-linecap": "round",
+                    "stroke-linejoin": "round",
+                    "stroke-width": "2",
+                    d: "M9 5l7 7-7 7"
+                  })
+                ])
               ], -1)),
-              ie(c, {
-                locale: n.locale
+              G(b, {
+                locale: t.locale
               }, null, 8, ["locale"])
             ]),
             _: 1
-          }, 8, ["id", "min", "max", "disabled"])) : E("", !0),
-          n.range && n.mode !== "date" ? (f(), h("div", no, [
-            d("div", ao, [
-              d("input", {
-                class: "max-md:max-w-xs text-center hover:border-b-2 hover:-mb-0.5 open:bg-primary open:p-1 open:-m-0.5 open:rounded w-full",
+          }, 8, ["id", "min", "max", "disabled"])) : T("", !0),
+          t.range && t.mode !== "date" ? (a(), r("div", St, [
+            l("div", It, [
+              l("input", {
+                class: "max-md:max-w-xs 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,
-                id: `${n.id}-time-from`,
+                ref: p,
+                id: `${t.id}-time-from`,
                 placeholder: "van",
-                onChange: z,
-                disabled: n.disabled
-              }, null, 40, oo)
+                onChange: B,
+                disabled: t.disabled
+              }, null, 40, Tt)
             ]),
-            y[6] || (y[6] = d("svg", {
+            f[5] || (f[5] = l("svg", {
               class: "join-item",
               viewBox: "0 0 1024 1024",
               focusable: "false",
@@ -2439,41 +1272,44 @@ const eo = ["placeholder", "value", "id", "disabled"], to = ["disabled"], no = {
               fill: "currentColor",
               "aria-hidden": "true"
             }, [
-              d("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" })
+              l("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)),
-            d("div", lo, [
-              d("input", {
-                class: "hover:border-b-2 hover:-mb-0.5 open:bg-primary open:p-1 open:-m-0.5 open:rounded w-full",
+            l("div", Mt, [
+              l("input", {
+                class: "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: C,
-                id: `${n.id}-time-to`,
-                onChange: z,
-                disabled: n.disabled
-              }, null, 40, so)
+                ref: S,
+                id: `${t.id}-time-to`,
+                onChange: B,
+                disabled: t.disabled
+              }, null, 40, Vt)
             ])
-          ])) : E("", !0),
-          !n.range && n.mode !== "date" ? (f(), h("input", {
+          ])) : T("", !0),
+          !t.range && t.mode !== "date" ? (a(), r("input", {
             key: 3,
-            class: "open:bg-primary open:rounded w-full input input-bordered my-2 justify-center",
+            class: "open:bg-primary open:rounded w-full input input-bordered my-2 justify-center px-4 min-w-xs",
             type: "time",
             ref_key: "timeInput",
-            ref: r,
-            id: `${n.id}-time`,
-            onChange: z,
-            disabled: n.disabled
-          }, null, 40, io)) : E("", !0),
-          n.popup ? (f(), h("div", ro, [
-            d("button", {
+            ref: v,
+            id: `${t.id}-time`,
+            onChange: B,
+            disabled: t.disabled
+          }, null, 40, Bt)) : T("", !0),
+          t.popup ? (a(), r("div", Dt, [
+            l("button", {
               class: "btn btn-primary",
-              onClick: q
+              onClick: R
             }, " Close ")
-          ])) : E("", !0)
-        ], 2)) : E("", !0)
-      ], 512);
+          ])) : T("", !0)
+        ], 10, Ct)) : T("", !0)
+      ], 544);
     };
   }
-}), uo = ["value", "checked", "onChange", "disabled"], Cl = /* @__PURE__ */ N({
+}), Ot = /* @__PURE__ */ J(zt, [["__scopeId", "data-v-acf7c70e"]]), Pt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: Ot
+}, Symbol.toStringTag, { value: "Module" })), jt = ["value", "checked", "onChange", "disabled"], Xl = /* @__PURE__ */ P({
   __name: "rating",
   props: {
     initialRating: { default: 0 },
@@ -2486,34 +1322,34 @@ const eo = ["placeholder", "value", "id", "disabled"], to = ["disabled"], no = {
     gap: { default: 0 }
   },
   setup(e) {
-    const t = e, a = M(t.initialRating);
-    R(
-      () => t.initialRating,
-      (l) => {
-        a.value = l;
+    const c = e, t = k(c.initialRating);
+    A(
+      () => c.initialRating,
+      (u) => {
+        t.value = u;
       }
     );
-    const n = (l) => {
-      a.value = l;
+    const o = (u) => {
+      t.value = u;
     };
-    return (l, o) => (f(), h("div", {
-      class: B(["rating", [
-        `rating-${t.size}`,
+    return (u, s) => (a(), r("div", {
+      class: M(["rating", [
+        `rating-${c.size}`,
         { "rating-half": e.halfStars },
         { "pointer-events-none": !e.isInteractive }
       ]])
     }, [
-      (f(!0), h(U, null, F(e.numberOfStars * (e.halfStars ? 2 : 1), (s) => (f(), h("input", {
-        key: s,
+      (a(!0), r(j, null, E(e.numberOfStars * (e.halfStars ? 2 : 1), (i) => (a(), r("input", {
+        key: i,
         type: "radio",
-        value: e.halfStars ? s * 0.5 : s,
-        checked: a.value === (e.halfStars ? s * 0.5 : s),
-        onChange: (u) => e.isInteractive ? n(e.halfStars ? s * 0.5 : s) : null,
-        class: B(["mask", [
+        value: e.halfStars ? i * 0.5 : i,
+        checked: t.value === (e.halfStars ? i * 0.5 : i),
+        onChange: (g) => e.isInteractive ? o(e.halfStars ? i * 0.5 : i) : null,
+        class: M(["mask", [
           {
             // 'bg-yellow-400': rating >= (halfStars ? i * 0.5 : i),
-            "mask-half-1": e.halfStars && s % 2 !== 0,
-            "mask-half-2": e.halfStars && s % 2 === 0,
+            "mask-half-1": e.halfStars && i % 2 !== 0,
+            "mask-half-2": e.halfStars && i % 2 === 0,
             "cursor-pointer": e.isInteractive,
             "cursor-default": !e.isInteractive,
             "mask-star": e.shape === "star",
@@ -2530,16 +1366,16 @@ const eo = ["placeholder", "value", "id", "disabled"], to = ["disabled"], no = {
             "mask-triangle-3": e.shape === "triangle-left",
             "mask-triangle-4": e.shape === "triangle-right"
           },
-          a.value >= (e.halfStars ? s * 0.5 : s) ? t.color : ""
+          t.value >= (e.halfStars ? i * 0.5 : i) ? c.color : ""
         ]]),
-        style: ye({
-          marginRight: e.halfStars && s % 2 === 0 ? `${t.gap}px` : e.halfStars ? "0" : `${t.gap}px`
+        style: Z({
+          marginRight: e.halfStars && i % 2 === 0 ? `${c.gap}px` : e.halfStars ? "0" : `${c.gap}px`
         }),
         disabled: !e.isInteractive
-      }, null, 46, uo))), 128))
+      }, null, 46, jt))), 128))
     ], 2));
   }
-}), co = { class: "badge" }, fo = ["onClick"], mo = { class: "opacity-75" }, po = ["placeholder"], Dl = /* @__PURE__ */ N({
+}), Lt = { class: "badge" }, Et = ["onClick"], At = { class: "opacity-75" }, Rt = ["placeholder"], Gl = /* @__PURE__ */ P({
   __name: "taginput",
   props: {
     modelValue: {},
@@ -2548,61 +1384,61 @@ const eo = ["placeholder", "value", "id", "disabled"], to = ["disabled"], no = {
     class: {}
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: t }) {
-    const a = e, n = t, l = M([...a.modelValue]), o = a.maxTagAmount === void 0 ? -1 : a.maxTagAmount, s = M(null), u = M(""), i = K(() => o < 0 || l.value.length < o), r = () => {
-      const p = u.value.trim();
-      p && !l.value.includes(p) && (l.value.push(p), n("update:modelValue", l.value), u.value = "");
-    }, m = (p) => {
-      l.value = l.value.filter(($) => $ !== p), n("update:modelValue", l.value);
-    }, C = () => {
-      u.value === "" && (l.value.pop(), n("update:modelValue", l.value));
-    }, g = (p) => {
-      p.key === "Enter" ? r() : p.key === "Backspace" && u.value === "" && C();
+  setup(e, { emit: c }) {
+    const t = e, o = c, u = k([...t.modelValue]), s = t.maxTagAmount === void 0 ? -1 : t.maxTagAmount, i = k(null), g = k(""), v = _(() => s < 0 || u.value.length < s), p = () => {
+      const y = g.value.trim();
+      y && !u.value.includes(y) && (u.value.push(y), o("update:modelValue", u.value), g.value = "");
+    }, S = (y) => {
+      u.value = u.value.filter((w) => w !== y), o("update:modelValue", u.value);
+    }, I = () => {
+      g.value === "" && (u.value.pop(), o("update:modelValue", u.value));
+    }, z = (y) => {
+      y.key === "Enter" ? p() : y.key === "Backspace" && g.value === "" && I();
     };
-    return R(() => a.modelValue, (p) => {
-      l.value = [...p];
-    }), (p, $) => (f(), h("div", {
-      class: B(["flex flex-wrap gap-2 bg-base-100 shadow px-4 py-6 border border-base-content/20 rounded", p.$props.class])
+    return A(() => t.modelValue, (y) => {
+      u.value = [...y];
+    }), (y, w) => (a(), r("div", {
+      class: M(["flex flex-wrap gap-2 bg-base-100 shadow px-4 py-6 border border-base-content/20 rounded", y.$props.class])
     }, [
-      (f(!0), h(U, null, F(l.value, (S) => V(p.$slots, "tag", {
-        key: S,
-        tag: S
+      (a(!0), r(j, null, E(u.value, (x) => V(y.$slots, "tag", {
+        key: x,
+        tag: x
       }, () => [
-        d("div", co, [
-          d("button", {
+        l("div", Lt, [
+          l("button", {
             class: "px-1! py-0! h-fit font-bold cursor-pointer",
-            onClick: (D) => m(S),
+            onClick: (C) => S(x),
             "aria-label": "Remove tag"
-          }, "X", 8, fo),
-          d("span", mo, P(S), 1)
+          }, "X", 8, Et),
+          l("span", At, O(x), 1)
         ])
       ])), 128)),
-      V(p.$slots, "input", { showInput: i.value }, () => [
-        i.value ? Ce((f(), h("input", {
+      V(y.$slots, "input", { showInput: v.value }, () => [
+        v.value ? ee((a(), r("input", {
           key: 0,
           ref_key: "inputRef",
-          ref: s,
-          "onUpdate:modelValue": $[0] || ($[0] = (S) => u.value = S),
+          ref: i,
+          "onUpdate:modelValue": w[0] || (w[0] = (x) => g.value = x),
           type: "text",
           placeholder: e.placeholder || "Type here",
           class: "h-full input input-ghost",
-          onKeydown: g,
+          onKeydown: z,
           "aria-label": "Add tags"
-        }, null, 40, po)), [
-          [Tt, u.value]
-        ]) : E("", !0)
+        }, null, 40, Rt)), [
+          [me, g.value]
+        ]) : T("", !0)
       ])
     ], 2));
   }
-}), ho = { class: "w-full max-w-xs form-control" }, vo = {
+}), Nt = { class: "w-full max-w-xs form-control" }, Ft = {
   key: 0,
   class: "label"
-}, go = { class: "label-text" }, yo = ["value"], bo = {
+}, Ut = { class: "label-text" }, _t = ["value"], qt = {
   key: 0,
   value: "",
   disabled: "",
   selected: ""
-}, wo = ["value"], Tl = /* @__PURE__ */ N({
+}, Ht = ["value"], Jl = /* @__PURE__ */ P({
   __name: "select",
   props: {
     options: {},
@@ -2611,45 +1447,45 @@ const eo = ["placeholder", "value", "id", "disabled"], to = ["disabled"], no = {
     modelValue: {}
   },
   emits: ["update:modelValue"],
-  setup(e, { expose: t, emit: a }) {
+  setup(e, { expose: c, emit: t }) {
     console.log(e.placeholder);
-    const l = a, o = M(null), s = (i) => {
-      const r = i.target;
-      l("update:modelValue", r.value);
+    const u = t, s = k(null), i = (v) => {
+      const p = v.target;
+      u("update:modelValue", p.value);
     };
-    return t({
+    return c({
       focusInput: () => {
-        var i;
-        console.log("select.vue: focusInput method called."), (i = o.value) == null || i.focus();
+        var v;
+        console.log("select.vue: focusInput method called."), (v = s.value) == null || v.focus();
       }
       // You can expose other properties or methods here if needed by the parent
       // e.g., the current value: modelValue
-    }), (i, r) => (f(), h("div", ho, [
-      e.label ? (f(), h("label", vo, [
-        d("span", go, P(e.label), 1)
-      ])) : E("", !0),
-      d("select", {
+    }), (v, p) => (a(), r("div", Nt, [
+      e.label ? (a(), r("label", Ft, [
+        l("span", Ut, O(e.label), 1)
+      ])) : T("", !0),
+      l("select", {
         ref_key: "selectElement",
-        ref: o,
+        ref: s,
         class: "rounded-md w-full select-bordered select",
         value: e.modelValue,
-        onChange: s
+        onChange: i
       }, [
-        e.placeholder ? (f(), h("option", bo, P(e.placeholder), 1)) : E("", !0),
-        (f(!0), h(U, null, F(e.options, (m) => (f(), h("option", {
-          key: m.value,
-          value: m.value
-        }, P(m.text), 9, wo))), 128))
-      ], 40, yo)
+        e.placeholder ? (a(), r("option", qt, O(e.placeholder), 1)) : T("", !0),
+        (a(!0), r(j, null, E(e.options, (S) => (a(), r("option", {
+          key: S.value,
+          value: S.value
+        }, O(S.text), 9, Ht))), 128))
+      ], 40, _t)
     ]));
   }
-}), xo = {
+}), Wt = {
   key: 0,
   class: "label"
-}, ko = { class: "label-text" }, $o = ["onKeydown", "aria-expanded", "aria-activedescendant"], So = ["placeholder", "disabled"], Co = {
+}, Kt = { class: "label-text" }, Xt = ["onKeydown", "aria-expanded", "aria-activedescendant"], Gt = ["placeholder", "disabled"], Jt = {
   class: "top-full z-10 absolute bg-base-100 shadow-lg mt-1 rounded-md w-full dropdown-content",
   role: "listbox"
-}, Do = { class: "flex-nowrap p-0 w-[inherit] max-h-60 overflow-y-auto menu" }, To = ["onMousedown", "id", "aria-selected"], Ml = {
+}, Zt = { class: "flex-nowrap p-0 w-[inherit] max-h-60 overflow-y-auto menu" }, Qt = ["onMousedown", "id", "aria-selected"], Zl = {
   __name: "filterableSelect",
   props: {
     // Array of options: [{ value: any, text: string }, ...]
@@ -2679,195 +1515,195 @@ const eo = ["placeholder", "value", "id", "disabled"], to = ["disabled"], no = {
     }
   },
   emits: ["update:modelValue", "select", "clear"],
-  setup(e, { expose: t, emit: a }) {
-    const n = e, l = a, o = en(), s = K(() => {
-      const w = (o.default ? o.default() : []).filter((x) => x.type !== tn);
-      return console.log("hasDefaultSlotContent computed:", w.length > 0), w.length > 0;
-    }), u = M(""), i = M(null), r = M(!1), m = M(null), C = M(null), g = M(null), p = M(null), $ = () => {
-      r.value = !n.disabled;
-    }, S = () => {
-      r.value = !1, p.value = null, s.value || (i.value && u.value !== i.value.text ? u.value = i.value.text : i.value || (u.value = ""));
-    }, D = () => {
-      r.value ? S() : $();
-    }, k = K(() => {
-      const c = u.value ? u.value.toLowerCase() : "";
-      return c === "" && !r.value ? [] : n.options.filter(
-        (x) => x && x.text ? x.text.toLowerCase().includes(c) : ""
+  setup(e, { expose: c, emit: t }) {
+    const o = e, u = t, s = we(), i = _(() => {
+      const $ = (s.default ? s.default() : []).filter((h) => h.type !== xe);
+      return console.log("hasDefaultSlotContent computed:", $.length > 0), $.length > 0;
+    }), g = k(""), v = k(null), p = k(!1), S = k(null), I = k(null), z = k(null), y = k(null), w = () => {
+      p.value = !o.disabled;
+    }, x = () => {
+      p.value = !1, y.value = null, i.value || (v.value && g.value !== v.value.text ? g.value = v.value.text : v.value || (g.value = ""));
+    }, C = () => {
+      p.value ? x() : w();
+    }, B = _(() => {
+      const n = g.value ? g.value.toLowerCase() : "";
+      return n === "" && !p.value ? [] : o.options.filter(
+        (h) => h && h.text ? h.text.toLowerCase().includes(n) : ""
       );
     });
-    R(
-      () => n.modelValue,
-      (c, w) => {
-        if (c !== w && S(), c == null)
-          i.value = null, !r.value && !s.value && (u.value = "");
+    A(
+      () => o.modelValue,
+      (n, $) => {
+        if (n !== $ && x(), n == null)
+          v.value = null, !p.value && !i.value && (g.value = "");
         else {
-          const x = n.options.find((I) => I.value === c);
-          x ? (i.value = x, !r.value && !s.value && (u.value = x.text)) : (i.value = null, !r.value && !s.value && (u.value = ""));
+          const h = o.options.find((D) => D.value === n);
+          h ? (v.value = h, !p.value && !i.value && (g.value = h.text)) : (v.value = null, !p.value && !i.value && (g.value = ""));
         }
       },
       { immediate: !0 }
       // Run immediately on component mount
     );
-    const z = (c) => {
-      C.value && !C.value.contains(c.target) && S();
-    }, j = () => {
+    const L = (n) => {
+      I.value && !I.value.contains(n.target) && x();
+    }, R = () => {
       setTimeout(() => {
-        C.value && !C.value.contains(document.activeElement) && S();
+        I.value && !I.value.contains(document.activeElement) && x();
       }, 100);
     };
-    R(r, (c) => {
-      c ? setTimeout(() => {
-        document.addEventListener("click", z);
-      }, 0) : document.removeEventListener("click", z);
-    }), _e(() => {
-      document.removeEventListener("click", z), window.removeEventListener("keydown", y);
+    A(p, (n) => {
+      n ? setTimeout(() => {
+        document.addEventListener("click", L);
+      }, 0) : document.removeEventListener("click", L);
+    }), ie(() => {
+      document.removeEventListener("click", L), window.removeEventListener("keydown", b);
     });
-    const q = () => {
-      if (n.disabled) return;
-      const c = i.value;
-      l("update:modelValue", null), c && l("clear", c);
-    }, v = (c) => {
-      i.value = c, s.value || (u.value = c.text), l("update:modelValue", c.value), l("select", c), S();
-    }, T = () => {
-      k.value.length > 0 && v(k.value[0]);
-    }, b = () => {
-      r.value || $();
-    }, y = (c) => {
-      if (!r.value || k.value.length === 0) return;
-      const w = k.value.findIndex(
-        (I, A) => "option-" + A === p.value
+    const N = () => {
+      if (o.disabled) return;
+      const n = v.value;
+      u("update:modelValue", null), n && u("clear", n);
+    }, m = (n) => {
+      v.value = n, i.value || (g.value = n.text), u("update:modelValue", n.value), u("select", n), x();
+    }, d = () => {
+      B.value.length > 0 && m(B.value[0]);
+    }, f = () => {
+      p.value || w();
+    }, b = (n) => {
+      if (!p.value || B.value.length === 0) return;
+      const $ = B.value.findIndex(
+        (D, F) => "option-" + F === y.value
       );
-      let x = -1;
-      if (c.key === "ArrowDown")
-        c.preventDefault(), x = (w + 1) % k.value.length;
-      else if (c.key === "ArrowUp")
-        c.preventDefault(), x = (w - 1 + k.value.length) % k.value.length;
-      else if (c.key === "Enter" && p.value) {
-        c.preventDefault();
-        const I = k.value.find(
-          (A, H) => "option-" + H === p.value
+      let h = -1;
+      if (n.key === "ArrowDown")
+        n.preventDefault(), h = ($ + 1) % B.value.length;
+      else if (n.key === "ArrowUp")
+        n.preventDefault(), h = ($ - 1 + B.value.length) % B.value.length;
+      else if (n.key === "Enter" && y.value) {
+        n.preventDefault();
+        const D = B.value.find(
+          (F, q) => "option-" + q === y.value
         );
-        I && v(I);
+        D && m(D);
         return;
-      } else if (c.key === "Escape") {
-        c.preventDefault(), S(), g.value && g.value.focus();
+      } else if (n.key === "Escape") {
+        n.preventDefault(), x(), z.value && z.value.focus();
         return;
-      } else if (s.value)
+      } else if (i.value)
         return;
-      if (x !== -1) {
-        p.value = "option-" + x;
-        const I = document.getElementById(p.value);
-        I && requestAnimationFrame(() => {
-          I.scrollIntoView({ block: "nearest", behavior: "smooth" });
+      if (h !== -1) {
+        y.value = "option-" + h;
+        const D = document.getElementById(y.value);
+        D && requestAnimationFrame(() => {
+          D.scrollIntoView({ block: "nearest", behavior: "smooth" });
         });
       }
     };
-    return R(r, (c) => {
-      c ? (window.addEventListener("keydown", y), !s.value && !u.value && i.value && (u.value = i.value.text)) : window.removeEventListener("keydown", y);
-    }), _e(() => {
-      document.removeEventListener("click", z), window.removeEventListener("keydown", y);
-    }), t({
-      isDropdownOpen: r,
+    return A(p, (n) => {
+      n ? (window.addEventListener("keydown", b), !i.value && !g.value && v.value && (g.value = v.value.text)) : window.removeEventListener("keydown", b);
+    }), ie(() => {
+      document.removeEventListener("click", L), window.removeEventListener("keydown", b);
+    }), c({
+      isDropdownOpen: p,
       // Expose state
-      selectedItem: i,
+      selectedItem: v,
       // Expose selected item
-      openDropdown: $,
+      openDropdown: w,
       // Expose method to open
-      closeDropdown: S,
+      closeDropdown: x,
       // Expose method to close
-      toggleDropdown: D,
+      toggleDropdown: C,
       // Expose method to toggle
-      selectItem: v,
+      selectItem: m,
       // Expose method to select an item programmatically
-      filterText: u,
+      filterText: g,
       // Expose filter text (useful if parent controls filtering)
-      hasDefaultSlotContent: s
+      hasDefaultSlotContent: i
       // Expose to know if the default slot is used
-    }), (c, w) => (f(), h("div", {
+    }), (n, $) => (a(), r("div", {
       class: "relative w-full max-w-xs form-control",
       ref_key: "componentRoot",
-      ref: C
+      ref: I
     }, [
-      e.label ? (f(), h("label", xo, [
-        d("span", ko, P(e.label), 1)
-      ])) : E("", !0),
-      d("div", {
-        class: B(["flex items-center input-bordered rounded-md w-fit cursor-pointer", { input: !s.value, select: !s.value }]),
-        style: ye(
-          i.value ? "background-image: unset; padding-right: 0.5rem;" : ""
+      e.label ? (a(), r("label", Wt, [
+        l("span", Kt, O(e.label), 1)
+      ])) : T("", !0),
+      l("div", {
+        class: M(["flex items-center input-bordered rounded-md w-fit cursor-pointer", { input: !i.value, select: !i.value }]),
+        style: Z(
+          v.value ? "background-image: unset; padding-right: 0.5rem;" : ""
         ),
         tabindex: "0",
-        onClick: w[1] || (w[1] = (x) => s.value ? D() : $()),
+        onClick: $[1] || ($[1] = (h) => i.value ? C() : w()),
         onKeydown: [
-          We(te(T, ["prevent"]), ["enter"]),
-          We(te(T, ["prevent"]), ["space"])
+          re(H(d, ["prevent"]), ["enter"]),
+          re(H(d, ["prevent"]), ["space"])
         ],
-        onBlur: j,
+        onBlur: R,
         role: "combobox",
         "aria-haspopup": "listbox",
-        "aria-expanded": r.value,
-        "aria-activedescendant": p.value,
+        "aria-expanded": p.value,
+        "aria-activedescendant": y.value,
         "aria-autocomplete": "list",
         ref_key: "activatorWrapper",
-        ref: g
+        ref: z
       }, [
-        V(c.$slots, "default", {}, () => [
-          s.value ? E("", !0) : Ce((f(), h("input", {
+        V(n.$slots, "default", {}, () => [
+          i.value ? T("", !0) : ee((a(), r("input", {
             key: 0,
             type: "text",
             placeholder: e.placeholder,
             class: "bg-transparent border-none focus:outline-none w-full",
-            "onUpdate:modelValue": w[0] || (w[0] = (x) => u.value = x),
+            "onUpdate:modelValue": $[0] || ($[0] = (h) => g.value = h),
             ref_key: "filterInput",
-            ref: m,
-            onFocus: $,
-            onInput: b,
+            ref: S,
+            onFocus: w,
+            onInput: f,
             tabindex: "-1",
-            disabled: n.disabled
-          }, null, 40, So)), [
-            [Tt, u.value]
+            disabled: o.disabled
+          }, null, 40, Gt)), [
+            [me, g.value]
           ])
         ]),
-        i.value && !e.disabled ? (f(), ae(Z(hn), {
+        v.value && !e.disabled ? (a(), W(U(je), {
           key: 0,
           size: 20,
           class: "mx-2 text-base-content/50 hover:text-base-content/80 cursor-pointer",
-          onClick: te(q, ["stop"])
-        })) : E("", !0),
-        s.value && !i.value ? (f(), ae(Z(pn), {
+          onClick: H(N, ["stop"])
+        })) : T("", !0),
+        i.value && !v.value ? (a(), W(U(Pe), {
           key: 1,
-          class: B([{ "rotate-180": r.value }, "mx-2"]),
+          class: M([{ "rotate-180": p.value }, "mx-2"]),
           size: 20
-        }, null, 8, ["class"])) : E("", !0)
-      ], 46, $o),
-      Ce(d("div", Co, [
-        d("ul", Do, [
-          (f(!0), h(U, null, F(k.value, (x, I) => (f(), h("li", {
-            key: x.value,
-            onMousedown: te((A) => v(x), ["prevent"]),
+        }, null, 8, ["class"])) : T("", !0)
+      ], 46, Xt),
+      ee(l("div", Jt, [
+        l("ul", Zt, [
+          (a(!0), r(j, null, E(B.value, (h, D) => (a(), r("li", {
+            key: h.value,
+            onMousedown: H((F) => m(h), ["prevent"]),
             class: "hover:bg-base-200 rounded-md w-full cursor-pointer",
-            id: "option-" + I,
+            id: "option-" + D,
             role: "option",
-            "aria-selected": i.value && i.value.value === x.value
+            "aria-selected": v.value && v.value.value === h.value
           }, [
-            d("a", null, P(x.text), 1)
-          ], 40, To))), 128))
+            l("a", null, O(h.text), 1)
+          ], 40, Qt))), 128))
         ])
       ], 512), [
-        [nn, r.value && k.value.length > 0]
+        [ke, p.value && B.value.length > 0]
       ])
     ], 512));
   }
-}, Mo = { class: "w-full max-w-xs form-control" }, Io = {
+}, Yt = { class: "w-full max-w-xs form-control" }, el = {
   key: 0,
   class: "label"
-}, Eo = { class: "label-text" }, Bo = ["type", "placeholder", "disabled", "value"], Vo = {
+}, tl = { class: "label-text" }, ll = ["type", "placeholder", "disabled", "value"], nl = {
   key: 1,
   class: "label"
-}, zo = { class: "label-text-alt text-error validator-hint" }, Po = {
+}, al = { class: "label-text-alt text-error validator-hint" }, ol = {
   key: 2,
   class: "label"
-}, Oo = { class: "label-text-alt text-success validator-hint" }, Il = /* @__PURE__ */ N({
+}, sl = { class: "label-text-alt text-success validator-hint" }, Ql = /* @__PURE__ */ P({
   __name: "inputField",
   props: {
     modelValue: { default: "" },
@@ -2883,43 +1719,43 @@ const eo = ["placeholder", "value", "id", "disabled"], to = ["disabled"], no = {
     disabled: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue", "validate"],
-  setup(e, { expose: t, emit: a }) {
-    const n = e, l = a, o = M(null), s = M(!1), u = M(""), i = K(() => {
-      var D, k, z, j;
-      let p = !0, $ = "";
-      const S = n.modelValue;
-      return (D = n.rules) != null && D.required && (S == null || S === "") && (p = !1, $ = "This field is required."), p && ((k = n.rules) == null ? void 0 : k.minLength) !== void 0 && typeof S == "string" && S.length < n.rules.minLength && (p = !1, $ = `Must be at least ${n.rules.minLength} characters.`), p && ((z = n.rules) == null ? void 0 : z.maxLength) !== void 0 && typeof S == "string" && S.length > n.rules.maxLength && (p = !1, $ = `Cannot exceed ${n.rules.maxLength} characters.`), p && ((j = n.rules) != null && j.email) && typeof S == "string" && S && (/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(S) || (p = !1, $ = "Please enter a valid email address.")), u.value = $, l("validate", p), p;
-    }), r = K(() => s.value && !i.value), m = (p) => {
-      const $ = p.target;
-      l("update:modelValue", $.value), s.value && i.value;
-    }, C = () => {
-      s.value = !0, i.value;
+  setup(e, { expose: c, emit: t }) {
+    const o = e, u = t, s = k(null), i = k(!1), g = k(""), v = _(() => {
+      var C, B, L, R;
+      let y = !0, w = "";
+      const x = o.modelValue;
+      return (C = o.rules) != null && C.required && (x == null || x === "") && (y = !1, w = "This field is required."), y && ((B = o.rules) == null ? void 0 : B.minLength) !== void 0 && typeof x == "string" && x.length < o.rules.minLength && (y = !1, w = `Must be at least ${o.rules.minLength} characters.`), y && ((L = o.rules) == null ? void 0 : L.maxLength) !== void 0 && typeof x == "string" && x.length > o.rules.maxLength && (y = !1, w = `Cannot exceed ${o.rules.maxLength} characters.`), y && ((R = o.rules) != null && R.email) && typeof x == "string" && x && (/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(x) || (y = !1, w = "Please enter a valid email address.")), g.value = w, u("validate", y), y;
+    }), p = _(() => i.value && !v.value), S = (y) => {
+      const w = y.target;
+      u("update:modelValue", w.value), i.value && v.value;
+    }, I = () => {
+      i.value = !0, v.value;
     };
-    return R(
-      () => n.modelValue,
+    return A(
+      () => o.modelValue,
       () => {
-        s.value && i.value;
+        i.value && v.value;
       }
-    ), t({
+    ), c({
       focusInput: () => {
-        var p;
-        console.log("inputField.vue: focusInput method called."), (p = o.value) == null || p.focus();
+        var y;
+        console.log("inputField.vue: focusInput method called."), (y = s.value) == null || y.focus();
       },
-      isValid: i,
-      isTouched: s,
-      errorMessage: u
-    }), (p, $) => (f(), h("div", Mo, [
-      e.label ? (f(), h("label", Io, [
-        d("span", Eo, P(e.label), 1)
-      ])) : E("", !0),
-      V(p.$slots, "default"),
-      d("input", {
+      isValid: v,
+      isTouched: i,
+      errorMessage: g
+    }), (y, w) => (a(), r("div", Yt, [
+      e.label ? (a(), r("label", el, [
+        l("span", tl, O(e.label), 1)
+      ])) : T("", !0),
+      V(y.$slots, "default"),
+      l("input", {
         ref_key: "inputElement",
-        ref: o,
+        ref: s,
         type: e.type,
         placeholder: e.placeholder,
-        disabled: n.disabled,
-        class: B(["input-bordered rounded-md w-full input validator", [
+        disabled: o.disabled,
+        class: M(["input-bordered rounded-md w-full input validator", [
           {
             // Size classes - Apply based on size prop
             "input-xs": e.size === "xs",
@@ -2931,33 +1767,33 @@ const eo = ["placeholder", "value", "id", "disabled"], to = ["disabled"], no = {
             "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" && !r.value && !(i.value && s.value && e.needsValidation),
-            "input-primary": e.color === "primary" && !r.value && !(i.value && s.value && e.needsValidation),
-            "input-secondary": e.color === "secondary" && !r.value && !(i.value && s.value && e.needsValidation),
-            "input-accent": e.color === "accent" && !r.value && !(i.value && s.value && e.needsValidation),
-            "input-info": e.color === "info" && !r.value && !(i.value && s.value && e.needsValidation),
-            "input-success": e.color === "success" && !r.value && !(i.value && s.value && e.needsValidation),
+            "input-neutral": e.color === "neutral" && !p.value && !(v.value && i.value && e.needsValidation),
+            "input-primary": e.color === "primary" && !p.value && !(v.value && i.value && e.needsValidation),
+            "input-secondary": e.color === "secondary" && !p.value && !(v.value && i.value && e.needsValidation),
+            "input-accent": e.color === "accent" && !p.value && !(v.value && i.value && e.needsValidation),
+            "input-info": e.color === "info" && !p.value && !(v.value && i.value && e.needsValidation),
+            "input-success": e.color === "success" && !p.value && !(v.value && i.value && e.needsValidation),
             // Color success applies only if not in error or validation success state
-            "input-warning": e.color === "warning" && !r.value && !(i.value && s.value && e.needsValidation),
+            "input-warning": e.color === "warning" && !p.value && !(v.value && i.value && e.needsValidation),
             // Validation state classes - These take precedence visually via conditions or CSS specificity.
-            "input-error": r.value,
+            "input-error": p.value,
             // Apply error style if validation fails
-            "input-success-validation": i.value && s.value && !r.value && e.needsValidation
+            "input-success-validation": v.value && i.value && !p.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: C
-      }, null, 42, Bo),
-      r.value ? (f(), h("div", Vo, [
-        d("span", zo, P(u.value), 1)
-      ])) : i.value && s.value && e.successMessage ? (f(), h("div", Po, [
-        d("span", Oo, P(e.successMessage), 1)
-      ])) : E("", !0)
+        onInput: S,
+        onBlur: I
+      }, null, 42, ll),
+      p.value ? (a(), r("div", nl, [
+        l("span", al, O(g.value), 1)
+      ])) : v.value && i.value && e.successMessage ? (a(), r("div", ol, [
+        l("span", sl, O(e.successMessage), 1)
+      ])) : T("", !0)
     ]));
   }
-}), El = /* @__PURE__ */ N({
+}), Yl = /* @__PURE__ */ P({
   __name: "loader",
   props: {
     loading: { type: Boolean, default: !0 },
@@ -2966,15 +1802,15 @@ const eo = ["placeholder", "value", "id", "disabled"], to = ["disabled"], no = {
     color: { default: "primary" }
   },
   setup(e) {
-    const t = e, a = M(t.loading);
-    return R(
-      () => t.loading,
-      (n) => {
-        a.value = n;
+    const c = e, t = k(c.loading);
+    return A(
+      () => c.loading,
+      (o) => {
+        t.value = o;
       }
-    ), (n, l) => a.value ? (f(), h("span", {
+    ), (o, u) => t.value ? (a(), r("span", {
       key: 0,
-      class: B(["loading", [
+      class: M(["loading", [
         { "loading-xs": e.size === "xs" },
         { "loading-sm": e.size === "sm" },
         { "loading-md": e.size === "md" },
@@ -2997,15 +1833,15 @@ const eo = ["placeholder", "value", "id", "disabled"], to = ["disabled"], no = {
         { "text-warning": e.color === "warning" },
         { "text-error": e.color === "error" }
       ]])
-    }, null, 2)) : E("", !0);
+    }, null, 2)) : T("", !0);
   }
-}), No = { class: "footer sm:footer-horizontal container" }, Ao = { class: "footer-title" }, Lo = ["href"], Uo = {
+}), il = { class: "footer sm:footer-horizontal container" }, rl = { class: "footer-title" }, ul = ["href"], dl = {
   key: 0,
   class: "sm:hidden w-full"
-}, jo = { class: "border-b-2 border-base-100 last:border-b-0 w-full" }, Fo = {
+}, cl = { class: "border-b-2 border-base-100 last:border-b-0 w-full" }, fl = {
   tabindex: "0",
   class: "collapse collapse-plus w-full"
-}, Ro = { class: "collapse-title font-bold text-lg collapsible-footer-title" }, qo = { class: "collapse-content flex w-full text-sm" }, Ho = { class: "flex flex-col gap-2.5" }, _o = { class: "w-full" }, Wo = ["href"], Zo = { class: "w-full" }, Bl = /* @__PURE__ */ N({
+}, ml = { class: "collapse-title font-bold text-lg collapsible-footer-title" }, vl = { class: "collapse-content flex w-full text-sm" }, pl = { class: "flex flex-col gap-2.5" }, hl = { class: "w-full" }, gl = ["href"], bl = { class: "w-full" }, en = /* @__PURE__ */ P({
   __name: "footer",
   props: {
     items: {},
@@ -3014,118 +1850,118 @@ const eo = ["placeholder", "value", "id", "disabled"], to = ["disabled"], no = {
     collapseOnMobile: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const t = e;
-    return (a, n) => (f(), h("div", {
-      class: B(["mx-auto md:px-10 py-10 text-base-content", [e.background ?? "bg-base-200", e.color ?? "text-base-content"]])
+    const c = e;
+    return (t, o) => (a(), r("div", {
+      class: M(["mx-auto md:px-10 py-10 text-base-content", [e.background ?? "bg-base-200", e.color ?? "text-base-content"]])
     }, [
-      d("footer", No, [
-        (f(!0), h(U, null, F(t.items, (l) => (f(), h("nav", {
-          class: B([{ "hidden sm:grid": e.collapseOnMobile }])
+      l("footer", il, [
+        (a(!0), r(j, null, E(c.items, (u) => (a(), r("nav", {
+          class: M([{ "hidden sm:grid": e.collapseOnMobile }])
         }, [
-          d("h6", Ao, P(l.title), 1),
-          (f(!0), h(U, null, F(l.items, (o) => (f(), h("a", {
+          l("h6", rl, O(u.title), 1),
+          (a(!0), r(j, null, E(u.items, (s) => (a(), r("a", {
             class: "link link-hover",
-            href: o.link
-          }, P(o.text), 9, Lo))), 256))
+            href: s.link
+          }, O(s.text), 9, ul))), 256))
         ], 2))), 256)),
-        e.collapseOnMobile ? (f(), h("nav", Uo, [
-          (f(!0), h(U, null, F(t.items, (l) => (f(), h("ul", jo, [
-            d("div", Fo, [
-              d("div", Ro, P(l.title), 1),
-              d("div", qo, [
-                d("ul", Ho, [
-                  (f(!0), h(U, null, F(l.items, (o) => (f(), h("li", _o, [
-                    d("a", {
+        e.collapseOnMobile ? (a(), r("nav", dl, [
+          (a(!0), r(j, null, E(c.items, (u) => (a(), r("ul", cl, [
+            l("div", fl, [
+              l("div", ml, O(u.title), 1),
+              l("div", vl, [
+                l("ul", pl, [
+                  (a(!0), r(j, null, E(u.items, (s) => (a(), r("li", hl, [
+                    l("a", {
                       class: "w-full font-medium link link-hover",
-                      href: o.link
-                    }, P(o.text), 9, Wo)
+                      href: s.link
+                    }, O(s.text), 9, gl)
                   ]))), 256))
                 ])
               ])
             ])
           ]))), 256))
-        ])) : E("", !0),
-        d("aside", Zo, [
-          V(a.$slots, "default")
+        ])) : T("", !0),
+        l("aside", bl, [
+          V(t.$slots, "default")
         ])
       ])
     ], 2));
   }
-}), Ko = {}, Yo = { class: "min-h-40 container hero" }, Jo = { class: "px-0! text-center hero-content" }, Xo = { class: "mt-9 text-4xl" };
-function Go(e, t) {
-  return f(), h("div", Yo, [
-    d("div", Jo, [
-      d("div", null, [
-        d("h1", Xo, [
+}), yl = {}, wl = { class: "min-h-40 container hero" }, xl = { class: "px-0! text-center hero-content" }, kl = { class: "mt-9 text-4xl" };
+function $l(e, c) {
+  return a(), r("div", wl, [
+    l("div", xl, [
+      l("div", null, [
+        l("h1", kl, [
           V(e.$slots, "title", {}, () => [
-            t[0] || (t[0] = Ct("hero title", -1))
+            c[0] || (c[0] = ue("hero title", -1))
           ])
         ]),
-        d("p", null, [
+        l("p", null, [
           V(e.$slots, "description", { class: "py-9" })
         ]),
         V(e.$slots, "call-to-action-block", { class: "max-w-full" }, () => [
-          t[1] || (t[1] = d("button", { class: "btn btn-primary" }, "Call to action", -1))
+          c[1] || (c[1] = l("button", { class: "btn btn-primary" }, "Call to action", -1))
         ])
       ])
     ])
   ]);
 }
-const Vl = /* @__PURE__ */ we(Ko, [["render", Go]]), Qo = { class: "flex flex-row place-content-center gap-4 categories" }, el = ["onClick"], zl = /* @__PURE__ */ N({
+const tn = /* @__PURE__ */ J(yl, [["render", $l]]), Cl = { class: "flex flex-row place-content-center gap-4 categories" }, Sl = ["onClick"], ln = /* @__PURE__ */ P({
   __name: "categoryNavigation",
   props: {
     searchOptions: {},
     currentCategory: {}
   },
   emits: ["update:currentCategory"],
-  setup(e, { emit: t }) {
-    const a = e, n = t;
-    function l(o) {
-      n("update:currentCategory", o);
+  setup(e, { emit: c }) {
+    const t = e, o = c;
+    function u(s) {
+      o("update:currentCategory", s);
     }
-    return (o, s) => (f(), h("div", Qo, [
-      (f(!0), h(U, null, F(a.searchOptions, (u) => (f(), h("div", {
-        key: u.category
+    return (s, i) => (a(), r("div", Cl, [
+      (a(!0), r(j, null, E(t.searchOptions, (g) => (a(), r("div", {
+        key: g.category
       }, [
-        d("button", {
-          onClick: (i) => l(u.category),
-          class: B(["truncate btn btn-ghost", { "font-semibold": a.currentCategory === u.category }])
-        }, P(u.category), 11, el)
+        l("button", {
+          onClick: (v) => u(g.category),
+          class: M(["truncate btn btn-ghost", { "font-semibold": t.currentCategory === g.category }])
+        }, O(g.category), 11, Sl)
       ]))), 128))
     ]));
   }
-}), tl = { class: "md:flex hidden navbar-start" }, nl = { class: "md:flex justify-center items-center hidden navbar-center" }, al = { class: "md:flex hidden navbar-end" }, ol = { class: "navbar-bottom md:flex hidden" }, ll = /* @__PURE__ */ N({
+}), Il = { class: "md:flex hidden navbar-start" }, Tl = { class: "md:flex justify-center items-center hidden navbar-center" }, Ml = { class: "md:flex hidden navbar-end" }, Vl = { class: "navbar-bottom md:flex hidden" }, Bl = /* @__PURE__ */ P({
   __name: "navigationBar",
   props: {
     isCollapsed: { type: Boolean, default: !0 }
   },
   setup(e) {
-    const t = e;
-    return (a, n) => (f(), h("nav", {
-      class: B(["place-items-start border-primary bg-base-100 px-5 py-5 border-b-4 transition-all navbar navigationbar", t.isCollapsed ? "collapsed" : ""])
+    const c = e;
+    return (t, o) => (a(), r("nav", {
+      class: M(["place-items-start border-primary bg-base-100 px-5 py-5 border-b-4 transition-all navbar navigationbar", c.isCollapsed ? "collapsed" : ""])
     }, [
-      d("div", tl, [
-        V(a.$slots, "start", {}, void 0, !0)
+      l("div", Il, [
+        V(t.$slots, "start", {}, void 0, !0)
       ]),
-      d("div", nl, [
-        V(a.$slots, "center", {}, void 0, !0)
+      l("div", Tl, [
+        V(t.$slots, "center", {}, void 0, !0)
       ]),
-      d("div", al, [
-        V(a.$slots, "end", {}, void 0, !0)
+      l("div", Ml, [
+        V(t.$slots, "end", {}, void 0, !0)
       ]),
-      d("div", ol, [
-        V(a.$slots, "bottom", {}, void 0, !0)
+      l("div", Vl, [
+        V(t.$slots, "bottom", {}, void 0, !0)
       ])
     ], 2));
   }
-}), Pl = /* @__PURE__ */ we(ll, [["__scopeId", "data-v-8ddb2b45"]]), sl = {
+}), nn = /* @__PURE__ */ J(Bl, [["__scopeId", "data-v-8ddb2b45"]]), Dl = {
   key: 0,
   class: "hidden top-4 right-0 absolute md:flex gap-4"
-}, il = ["onClick", "aria-selected"], rl = {
+}, zl = ["onClick", "aria-selected"], Ol = {
   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"
-}, ul = { class: "p-6 border-x-0 border-t-2 border-b-0 border-base-300 max-w-full" }, Ol = /* @__PURE__ */ N({
+}, Pl = { class: "p-6 border-x-0 border-t-2 border-b-0 border-base-300 max-w-full" }, an = /* @__PURE__ */ P({
   __name: "tab",
   props: {
     items: {},
@@ -3134,82 +1970,84 @@ const Vl = /* @__PURE__ */ we(Ko, [["render", Go]]), Qo = { class: "flex flex-ro
     buttonOnlyMode: { type: Boolean, default: !1 }
   },
   emits: ["tab-changed"],
-  setup(e, { emit: t }) {
-    const a = e, n = M(a.items[0]), l = t;
-    function o(i) {
-      n.value = i, l("tab-changed", i);
+  setup(e, { emit: c }) {
+    const t = e, o = k(t.items[0]), u = c;
+    function s(v) {
+      o.value = v, u("tab-changed", v);
     }
-    function s() {
-      const r = (a.items.indexOf(n.value) + 1) % a.items.length;
-      o(a.items[r]);
+    function i() {
+      const p = (t.items.indexOf(o.value) + 1) % t.items.length;
+      s(t.items[p]);
     }
-    function u() {
-      const r = (a.items.indexOf(n.value) - 1 + a.items.length) % a.items.length;
-      o(a.items[r]);
+    function g() {
+      const p = (t.items.indexOf(o.value) - 1 + t.items.length) % t.items.length;
+      s(t.items[p]);
     }
-    return ue(() => {
-      a.items && o(a.items[0]);
-    }), Dt(() => {
-      a.rotateTabsAfter && a.rotateTabsAfter > 0 && setInterval(() => {
-        s();
-      }, a.rotateTabsAfter * 1e3);
-    }), (i, r) => (f(), h(U, null, [
-      d("div", {
+    return K(() => {
+      t.items && s(t.items[0]);
+    }), $e(() => {
+      t.rotateTabsAfter && t.rotateTabsAfter > 0 && setInterval(() => {
+        i();
+      }, t.rotateTabsAfter * 1e3);
+    }), (v, p) => (a(), r(j, null, [
+      l("div", {
         role: "tablist",
-        class: B(["relative tabs-bordered w-full tabs tabs-lg", { "flex-nowrap overflow-x-auto": e.buttonOnlyMode }])
+        class: M(["relative tabs-bordered w-full tabs tabs-lg", { "flex-nowrap overflow-x-auto": e.buttonOnlyMode }])
       }, [
-        e.withControlls ? (f(), h("div", sl, [
-          d("button", {
-            onClick: r[0] || (r[0] = (m) => u()),
+        e.withControlls ? (a(), r("div", Dl, [
+          l("button", {
+            onClick: p[0] || (p[0] = (S) => g()),
             class: "cursor-pointer"
           }, "Previous"),
-          d("button", {
-            onClick: r[1] || (r[1] = (m) => s()),
+          l("button", {
+            onClick: p[1] || (p[1] = (S) => i()),
             class: "text-primary cursor-pointer"
           }, "Next")
-        ])) : E("", !0),
-        (f(!0), h(U, null, F(e.items, (m) => (f(), h(U, null, [
-          d("a", {
+        ])) : T("", !0),
+        (a(!0), r(j, null, E(e.items, (S) => (a(), r(j, null, [
+          l("a", {
             type: "button",
             role: "tab",
-            class: B(["min-w-max tab", m === n.value ? "bg-primary text-base-100" : ""]),
-            onClick: (C) => o(m),
-            "aria-selected": n.value == m
-          }, P(m), 11, il),
-          e.buttonOnlyMode ? E("", !0) : (f(), h("div", rl, [
-            V(i.$slots, `${m}-tab`)
+            class: M(["min-w-max tab", S === o.value ? "bg-primary text-base-100" : ""]),
+            onClick: (I) => s(S),
+            "aria-selected": o.value == S
+          }, O(S), 11, zl),
+          e.buttonOnlyMode ? T("", !0) : (a(), r("div", Ol, [
+            V(v.$slots, `${S}-tab`)
           ]))
         ], 64))), 256))
       ], 2),
-      d("div", ul, [
-        V(i.$slots, "default")
+      l("div", Pl, [
+        V(v.$slots, "default")
       ])
     ], 64));
   }
 });
+typeof document > "u" && (globalThis.document = {});
+typeof window > "u" && (globalThis.window = globalThis);
 export {
-  gl as Accordion,
-  $l as AdvancedSearch,
-  yl as Avatar,
-  bl as Badge,
-  fl as ButtonComponent,
-  wl as Card,
-  xl as Carousel,
-  kl as CarouselItem,
-  zl as CategoryNavigation,
-  Sl as DatetimePicker,
-  ml as Dropdown,
-  Ml as FilterableSelect,
-  Bl as Footer,
-  Vl as Hero,
-  Il as InputField,
-  El as Loader,
-  pl as Modal,
-  Pl as NavigationBar,
-  Cl as Rating,
-  Tl as Selector,
-  hl as Swap,
-  Ol as Tab,
-  Dl as TagInput,
-  vl as ThemeController
+  Fl as Accordion,
+  Kl as AdvancedSearch,
+  Ul as Avatar,
+  _l as Badge,
+  Ll as ButtonComponent,
+  ql as Card,
+  Hl as Carousel,
+  Wl as CarouselItem,
+  ln as CategoryNavigation,
+  Ot as DatetimePicker,
+  El as Dropdown,
+  Zl as FilterableSelect,
+  en as Footer,
+  tn as Hero,
+  Ql as InputField,
+  Yl as Loader,
+  Al as Modal,
+  nn as NavigationBar,
+  Xl as Rating,
+  Jl as Selector,
+  Rl as Swap,
+  an as Tab,
+  Gl as TagInput,
+  Nl as ThemeController
 };