manolis-ui 0.11.4 → 0.13.1

package/dist/manolis-ui.js

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