manolis-ui 0.16.0 → 0.17.0

package/dist/manolis-ui.js

@@ -1,8 +1,8 @@
-import { defineComponent as P, computed as _, createElementBlock as r, openBlock as a, normalizeClass as M, createCommentVNode as T, renderSlot as V, createTextVNode as ue, createElementVNode as l, Fragment as j, renderList as E, toDisplayString as z, ref as k, watch as A, h as se, onMounted as K, withDirectives as ee, createVNode as G, isRef as pe, vModelCheckbox as he, unref as U, provide as ge, normalizeStyle as Z, inject as be, useId as ye, defineAsyncComponent as te, nextTick as le, onBeforeUnmount as ie, withModifiers as H, createBlock as W, resolveDynamicComponent as ne, mergeProps as ae, withKeys as re, resolveComponent as oe, withCtx as ce, vModelText as me, useSlots as we, Comment as xe, vShow as ke, onUnmounted as $e } from "vue";
-const Ce = ["disabled"], Se = {
+import { defineComponent as L, computed as J, createElementBlock as s, openBlock as a, normalizeClass as M, createCommentVNode as T, renderSlot as V, createTextVNode as be, createElementVNode as n, Fragment as R, renderList as q, toDisplayString as z, ref as k, watch as N, h as ve, onMounted as ne, withDirectives as ue, createVNode as le, isRef as Ce, vModelCheckbox as Se, unref as G, provide as Ie, normalizeStyle as se, inject as Te, useId as Me, defineAsyncComponent as de, nextTick as ee, onBeforeUnmount as pe, withModifiers as Z, createBlock as Q, resolveDynamicComponent as ce, mergeProps as fe, withKeys as te, resolveComponent as me, withCtx as he, vModelText as ye, useSlots as Ve, Comment as Be, vShow as ze, onUnmounted as Oe } from "vue";
+const De = ["disabled"], Pe = {
   key: 0,
   class: "loading loading-spinner"
-}, Al = /* @__PURE__ */ P({
+}, Xl = /* @__PURE__ */ L({
   __name: "ButtonComponent",
   props: {
     outlined: { type: Boolean, default: !1 },
@@ -14,8 +14,8 @@ const Ce = ["disabled"], Se = {
     disabled: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const c = e, t = _(() => {
-      switch (c.size) {
+    const d = e, l = J(() => {
+      switch (d.size) {
         case "large":
           return "btn-lg";
         case "small":
@@ -29,8 +29,8 @@ const Ce = ["disabled"], Se = {
         default:
           return "";
       }
-    }), o = _(() => {
-      switch (c.type) {
+    }), t = J(() => {
+      switch (d.type) {
         case "neutral":
           return "btn-neutral";
         case "primary":
@@ -54,8 +54,8 @@ const Ce = ["disabled"], Se = {
         default:
           return "btn-neutral";
       }
-    }), u = _(() => {
-      switch (c.shape) {
+    }), r = J(() => {
+      switch (d.shape) {
         case "square":
           return "btn-square";
         case "circle":
@@ -64,27 +64,27 @@ const Ce = ["disabled"], Se = {
           return "";
       }
     });
-    return (s, i) => (a(), r("button", {
+    return (i, o) => (a(), s("button", {
       class: M([
         "btn",
-        { "btn-outline": c.outlined },
-        { "btn-active": c.active },
-        o.value,
+        { "btn-outline": d.outlined },
+        { "btn-active": d.active },
         t.value,
-        u.value
+        l.value,
+        r.value
       ]),
-      disabled: c.disabled
+      disabled: d.disabled
     }, [
-      e.loading ? (a(), r("span", Se)) : T("", !0),
-      V(s.$slots, "default", {}, () => [
-        i[0] || (i[0] = ue("Submit", -1))
+      e.loading ? (a(), s("span", Pe)) : T("", !0),
+      V(i.$slots, "default", {}, () => [
+        o[0] || (o[0] = be("Submit", -1))
       ])
-    ], 10, Ce));
+    ], 10, De));
   }
-}), Ie = {
+}), je = {
   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"
-}, Te = ["href"], Rl = /* @__PURE__ */ P({
+}, Ee = ["href"], Gl = /* @__PURE__ */ L({
   __name: "dropdown",
   props: {
     items: {},
@@ -94,35 +94,35 @@ const Ce = ["disabled"], Se = {
     forceOpen: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const c = {
+    const d = {
       left: "dropdown-left",
       right: "dropdown-right",
       bottom: "dropdown-bottom",
       top: "dropdown-top"
-    }, t = {
+    }, l = {
       start: "",
       end: "dropdown-end"
-    }, o = e;
-    return (u, s) => (a(), r("div", {
-      class: M(["dropdown", c[o.position], t[o.floatPosition], { "dropdown-open": o.forceOpen }, { "dropdown-hover": o.openOnHover }])
+    }, t = e;
+    return (r, i) => (a(), s("div", {
+      class: M(["dropdown", d[t.position], l[t.floatPosition], { "dropdown-open": t.forceOpen }, { "dropdown-hover": t.openOnHover }])
     }, [
-      V(u.$slots, "default", {
+      V(r.$slots, "default", {
         tabindex: "0",
         role: "button"
       }, () => [
-        s[0] || (s[0] = l("div", { class: "m-1 btn" }, "Open dropdown", -1))
+        i[0] || (i[0] = n("div", { class: "m-1 btn" }, "Open dropdown", -1))
       ]),
-      l("ul", Ie, [
-        (a(!0), r(j, null, E(e.items, (i) => (a(), r("li", null, [
-          l("a", {
-            href: i.link
-          }, z(i.text), 9, Te)
+      n("ul", je, [
+        (a(!0), s(R, null, q(e.items, (o) => (a(), s("li", null, [
+          n("a", {
+            href: o.link
+          }, z(o.text), 9, Ee)
         ]))), 256)),
-        V(u.$slots, "additional")
+        V(r.$slots, "additional")
       ])
     ], 2));
   }
-}), Me = { class: "modal-box" }, Ve = { class: "modal-action" }, Nl = /* @__PURE__ */ P({
+}), Le = { class: "modal-box" }, Ae = { class: "modal-action" }, Jl = /* @__PURE__ */ L({
   __name: "modal",
   props: {
     position: { default: "center" },
@@ -130,48 +130,48 @@ const Ce = ["disabled"], Se = {
     forceOpen: { type: [Boolean, null], default: null }
   },
   setup(e) {
-    const c = e, t = {
+    const d = e, l = {
       top: "modal-top",
       bottom: "modal-bottom",
       center: "modal-middle"
-    }, o = k(null), u = () => {
-      var i;
-      (i = o.value) == null || i.showModal();
-    }, s = () => {
-      var i;
-      (i = o.value) == null || i.close();
+    }, t = k(null), r = () => {
+      var o;
+      (o = t.value) == null || o.showModal();
+    }, i = () => {
+      var o;
+      (o = t.value) == null || o.close();
     };
-    return A(
-      () => c.forceOpen,
-      (i) => {
-        i == !0 && u(), i == !1 && s();
+    return N(
+      () => d.forceOpen,
+      (o) => {
+        o == !0 && r(), o == !1 && i();
       }
-    ), (i, g) => (a(), r(j, null, [
-      c.forceOpen == null ? (a(), r("span", {
+    ), (o, v) => (a(), s(R, null, [
+      d.forceOpen == null ? (a(), s("span", {
         key: 0,
         class: "w-fit cursor-pointer",
-        onClick: u
+        onClick: r
       }, [
-        V(i.$slots, "trigger", { role: "button" }, () => [
-          g[0] || (g[0] = l("button", { class: "btn" }, "Open", -1))
+        V(o.$slots, "trigger", { role: "button" }, () => [
+          v[0] || (v[0] = n("button", { class: "btn" }, "Open", -1))
         ])
       ])) : T("", !0),
-      l("dialog", {
+      n("dialog", {
         ref_key: "dialog",
-        ref: o,
-        class: M(["modal", t[c.position]])
+        ref: t,
+        class: M(["modal", l[d.position]])
       }, [
-        l("div", Me, [
-          V(i.$slots, "default"),
-          l("div", Ve, [
-            V(i.$slots, "actions"),
-            l("form", {
+        n("div", Le, [
+          V(o.$slots, "default"),
+          n("div", Ae, [
+            V(o.$slots, "actions"),
+            n("form", {
               method: "dialog",
-              onSubmit: s,
+              onSubmit: i,
               class: M(e.withBackdrop ? "modal-backdrop" : "")
             }, [
-              V(i.$slots, "close-button", {}, () => [
-                g[1] || (g[1] = l("button", { class: "btn" }, "Close", -1))
+              V(o.$slots, "close-button", {}, () => [
+                v[1] || (v[1] = n("button", { class: "btn" }, "Close", -1))
               ])
             ], 34)
           ])
@@ -179,22 +179,22 @@ const Ce = ["disabled"], Se = {
       ], 2)
     ], 64));
   }
-}), Be = { class: "flex justify-center items-center swap-on" }, De = { class: "flex justify-center items-center swap-off" }, Fl = /* @__PURE__ */ P({
+}), Re = { class: "flex justify-center items-center swap-on" }, Ne = { class: "flex justify-center items-center swap-off" }, Zl = /* @__PURE__ */ L({
   __name: "swap",
   props: {
     effect: {}
   },
   setup(e) {
-    const c = e;
-    return (t, o) => (a(), r("label", {
-      class: M(["swap", c.effect ? `swap-${e.effect}` : ""])
+    const d = e;
+    return (l, t) => (a(), s("label", {
+      class: M(["swap", d.effect ? `swap-${e.effect}` : ""])
     }, [
-      o[0] || (o[0] = l("input", { type: "checkbox" }, null, -1)),
-      l("div", Be, [
-        V(t.$slots, "on")
+      t[0] || (t[0] = n("input", { type: "checkbox" }, null, -1)),
+      n("div", Re, [
+        V(l.$slots, "on")
       ]),
-      l("div", De, [
-        V(t.$slots, "off")
+      n("div", Ne, [
+        V(l.$slots, "off")
       ])
     ], 2));
   }
@@ -205,14 +205,14 @@ const Ce = ["disabled"], Se = {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const ze = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
+const _e = (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 Y = {
+var re = {
   xmlns: "http://www.w3.org/2000/svg",
   width: 24,
   height: 24,
@@ -229,18 +229,18 @@ var Y = {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Oe = ({ size: e, strokeWidth: c = 2, absoluteStrokeWidth: t, color: o, iconNode: u, name: s, class: i, ...g }, { slots: v }) => se(
+const Fe = ({ size: e, strokeWidth: d = 2, absoluteStrokeWidth: l, color: t, iconNode: r, name: i, class: o, ...v }, { slots: m }) => ve(
   "svg",
   {
-    ...Y,
-    width: e || Y.width,
-    height: e || Y.height,
-    stroke: o || Y.stroke,
-    "stroke-width": t ? Number(c) * 24 / Number(e) : c,
-    class: ["lucide", `lucide-${ze(s ?? "icon")}`],
-    ...g
+    ...re,
+    width: e || re.width,
+    height: e || re.height,
+    stroke: t || re.stroke,
+    "stroke-width": l ? Number(d) * 24 / Number(e) : d,
+    class: ["lucide", `lucide-${_e(i ?? "icon")}`],
+    ...v
   },
-  [...u.map((p) => se(...p)), ...v.default ? [v.default()] : []]
+  [...r.map((h) => ve(...h)), ...m.default ? [m.default()] : []]
 );
 /**
  * @license lucide-vue-next v0.468.0 - ISC
@@ -248,14 +248,14 @@ const Oe = ({ size: e, strokeWidth: c = 2, absoluteStrokeWidth: t, color: o, ico
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Q = (e, c) => (t, { slots: o }) => se(
-  Oe,
+const ie = (e, d) => (l, { slots: t }) => ve(
+  Fe,
   {
-    ...t,
-    iconNode: c,
+    ...l,
+    iconNode: d,
     name: e
   },
-  o
+  t
 );
 /**
  * @license lucide-vue-next v0.468.0 - ISC
@@ -263,7 +263,7 @@ const Q = (e, c) => (t, { slots: o }) => se(
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Pe = Q("CircleChevronDownIcon", [
+const qe = ie("CircleChevronDownIcon", [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "m16 10-4 4-4-4", key: "894hmk" }]
 ]);
@@ -273,7 +273,7 @@ const Pe = Q("CircleChevronDownIcon", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const je = Q("CircleXIcon", [
+const Ue = ie("CircleXIcon", [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "m15 9-6 6", key: "1uzhvr" }],
   ["path", { d: "m9 9 6 6", key: "z0biqf" }]
@@ -284,7 +284,7 @@ const je = Q("CircleXIcon", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Le = Q("MoonIcon", [
+const We = ie("MoonIcon", [
   ["path", { d: "M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z", key: "a7tn18" }]
 ]);
 /**
@@ -293,7 +293,7 @@ const Le = Q("MoonIcon", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const fe = Q("SearchIcon", [
+const ge = ie("SearchIcon", [
   ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }],
   ["path", { d: "m21 21-4.3-4.3", key: "1qie3q" }]
 ]);
@@ -303,7 +303,7 @@ const fe = Q("SearchIcon", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ee = Q("SunIcon", [
+const He = ie("SunIcon", [
   ["circle", { cx: "12", cy: "12", r: "4", key: "4exip2" }],
   ["path", { d: "M12 2v2", key: "tus03m" }],
   ["path", { d: "M12 20v2", key: "1lh1kg" }],
@@ -313,44 +313,44 @@ const Ee = Q("SunIcon", [
   ["path", { d: "M20 12h2", key: "1q8mjw" }],
   ["path", { d: "m6.34 17.66-1.41 1.41", key: "1m8zz5" }],
   ["path", { d: "m19.07 4.93-1.41 1.41", key: "1shlcs" }]
-]), Ae = (e, c) => {
-  const t = k(null);
-  return K(() => {
+]), Ke = (e, d) => {
+  const l = k(null);
+  return ne(() => {
     if (typeof window < "u") {
-      const o = window.localStorage.getItem(e);
-      t.value = o ? JSON.parse(o) : c;
+      const t = window.localStorage.getItem(e);
+      l.value = t ? JSON.parse(t) : d;
     }
-  }), A(t, (o) => {
-    typeof window < "u" && window.localStorage.setItem(e, JSON.stringify(o));
-  }), t;
-}, Re = { class: "swap-rotate swap" }, Ne = ["true-value", "false-value"], Ul = /* @__PURE__ */ P({
+  }), N(l, (t) => {
+    typeof window < "u" && window.localStorage.setItem(e, JSON.stringify(t));
+  }), l;
+}, Xe = { class: "swap-rotate swap" }, Ge = ["true-value", "false-value"], Ql = /* @__PURE__ */ L({
   __name: "theme-controller",
   props: {
     lightTheme: { default: "light" },
     darkTheme: { default: "dark" }
   },
   setup(e) {
-    const c = e, t = Ae("theme", c.lightTheme);
-    function o(u) {
-      typeof window < "u" && window.document && document.documentElement.setAttribute("data-theme", u);
+    const d = e, l = Ke("theme", d.lightTheme);
+    function t(r) {
+      typeof window < "u" && window.document && document.documentElement.setAttribute("data-theme", r);
     }
-    return K(() => o(t.value ? t.value : "")), A(t, (u) => {
-      o(u);
-    }), (u, s) => (a(), r("label", Re, [
-      ee(l("input", {
+    return ne(() => t(l.value ? l.value : "")), N(l, (r) => {
+      t(r);
+    }), (r, i) => (a(), s("label", Xe, [
+      ue(n("input", {
         type: "checkbox",
         class: "theme-controller",
-        "onUpdate:modelValue": s[0] || (s[0] = (i) => pe(t) ? t.value = i : null),
-        "true-value": c.lightTheme,
-        "false-value": c.darkTheme
-      }, null, 8, Ne), [
-        [he, U(t)]
+        "onUpdate:modelValue": i[0] || (i[0] = (o) => Ce(l) ? l.value = o : null),
+        "true-value": d.lightTheme,
+        "false-value": d.darkTheme
+      }, null, 8, Ge), [
+        [Se, G(l)]
       ]),
-      G(U(Ee), { class: "swap-off fill-current" }),
-      G(U(Le), { class: "swap-on fill-current" })
+      le(G(He), { class: "swap-off fill-current" }),
+      le(G(We), { class: "swap-on fill-current" })
     ]));
   }
-}), Fe = ["name"], Ue = { class: "collapse-title font-bold text-2xl lg:text-4xl" }, _e = { class: "collapse-content" }, qe = ["innerHTML"], _l = /* @__PURE__ */ P({
+}), Je = ["name"], Ze = { class: "collapse-title font-bold text-2xl lg:text-4xl" }, Qe = { class: "collapse-content" }, Ye = ["innerHTML"], Yl = /* @__PURE__ */ L({
   __name: "accordion",
   props: {
     name: {},
@@ -359,25 +359,25 @@ const Ee = Q("SunIcon", [
     icon: {}
   },
   setup(e) {
-    const c = e;
-    return (t, o) => (a(!0), r(j, null, E(c.items, (u, s) => (a(), r("div", {
+    const d = e;
+    return (l, t) => (a(!0), s(R, null, q(d.items, (r, i) => (a(), s("div", {
       class: M(["collapse border border-base-300", [e.icon ? `collapse-${e.icon}` : "", { "join-item": e.joinItems }]]),
-      key: s
+      key: i
     }, [
-      l("input", {
+      n("input", {
         type: "radio",
         name: e.name,
         value: "true"
-      }, null, 8, Fe),
-      l("div", Ue, z(u.title), 1),
-      l("div", _e, [
-        l("span", {
-          innerHTML: u.content
-        }, null, 8, qe)
+      }, null, 8, Je),
+      n("div", Ze, z(r.title), 1),
+      n("div", Qe, [
+        n("span", {
+          innerHTML: r.content
+        }, null, 8, Ye)
       ])
     ], 2))), 128));
   }
-}), He = ["src"], We = { class: "text-xl" }, ql = /* @__PURE__ */ P({
+}), et = ["src"], tt = { class: "text-xl" }, en = /* @__PURE__ */ L({
   __name: "avatar",
   props: {
     image: {},
@@ -386,32 +386,32 @@ const Ee = Q("SunIcon", [
     fullyRounded: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const c = e, t = k(c.onlineStatus);
-    return A(
-      () => c.onlineStatus,
-      (o) => {
-        o && (t.value = o);
+    const d = e, l = k(d.onlineStatus);
+    return N(
+      () => d.onlineStatus,
+      (t) => {
+        t && (l.value = t);
       }
-    ), (o, u) => (a(), r("div", {
-      class: M(["avatar", [{ "avatar-online": t.value === "online" }, { "avatar-offline": t.value === "offline" }]])
+    ), (t, r) => (a(), s("div", {
+      class: M(["avatar", [{ "avatar-online": l.value === "online" }, { "avatar-offline": l.value === "offline" }]])
     }, [
-      e.image ? (a(), r("div", {
+      e.image ? (a(), s("div", {
         key: 0,
         class: M(["rounded", [{ "rounded-full": e.fullyRounded }, { rounded: !e.fullyRounded }]])
       }, [
-        l("img", {
+        n("img", {
           src: e.image,
           class: "w-full h-full"
-        }, null, 8, He)
-      ], 2)) : (a(), r("div", {
+        }, null, 8, et)
+      ], 2)) : (a(), s("div", {
         key: 1,
         class: M(["flex justify-center bg-neutral p-[25%] rounded w-16 text-neutral-content text-center", [{ "rounded-full": e.fullyRounded }, { rounded: !e.fullyRounded }]])
       }, [
-        l("p", We, z(e.initials), 1)
+        n("p", tt, z(e.initials), 1)
       ], 2))
     ], 2));
   }
-}), Hl = /* @__PURE__ */ P({
+}), tn = /* @__PURE__ */ L({
   __name: "badge",
   props: {
     color: { default: "neutral" },
@@ -419,12 +419,12 @@ const Ee = Q("SunIcon", [
     size: { default: "medium" }
   },
   setup(e) {
-    const c = e, t = {
+    const d = e, l = {
       "extra small": "badge-xs",
       small: "badge-sm",
       medium: "badge-md",
       large: "badge-lg"
-    }, o = {
+    }, t = {
       neutral: "badge-neutral",
       primary: "badge-primary",
       secondary: "badge-secondary",
@@ -435,25 +435,25 @@ const Ee = Q("SunIcon", [
       warning: "badge-warning",
       error: "badge-error"
     };
-    return (u, s) => (a(), r("span", {
-      class: M(["badge", t[c.size], o[c.color], { "badge-outline": c.outline }])
+    return (r, i) => (a(), s("span", {
+      class: M(["badge", l[d.size], t[d.color], { "badge-outline": d.outline }])
     }, [
-      V(u.$slots, "default")
+      V(r.$slots, "default")
     ], 2));
   }
-}), Ke = ["src", "alt"], Xe = {
+}), lt = ["src", "alt"], nt = {
   key: 0,
   class: "card-body"
-}, Ge = {
+}, at = {
   key: 0,
   class: "group-hover:text-primary text-lg text-left cursor-pointer card-title"
-}, Je = {
+}, ot = {
   key: 1,
   class: "text-left"
-}, Ze = { class: "flex-col flex-nowrap mt-auto card-actions" }, Qe = {
+}, st = { class: "flex-col flex-nowrap mt-auto card-actions" }, it = {
   key: 1,
   class: "card-body"
-}, Wl = /* @__PURE__ */ P({
+}, ln = /* @__PURE__ */ L({
   __name: "card",
   props: {
     imgUrl: { default: "" },
@@ -470,24 +470,24 @@ const Ee = Q("SunIcon", [
     horizontal: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const c = e, t = k(c.outlined);
-    return A(
-      () => c.outlined,
-      (o) => {
-        t.value = o;
+    const d = e, l = k(d.outlined);
+    return N(
+      () => d.outlined,
+      (t) => {
+        l.value = t;
       }
-    ), (o, u) => (a(), r("div", {
+    ), (t, r) => (a(), s("div", {
       class: M(["group bg-base-100 shadow-xl rounded-sm min-w-64 max-w-full h-full card card-compact", [
-        { "border-4 border-primary": t.value },
+        { "border-4 border-primary": l.value },
         e.color ?? "",
         e.background,
         { "card-side": e.horizontal }
       ]])
     }, [
-      l("figure", {
+      n("figure", {
         class: M([{ "contents!": e.horizontal && e.imgWidth }])
       }, [
-        e.imgUrl || e.imgUrl && !e.loading ? (a(), r("img", {
+        e.imgUrl || e.imgUrl && !e.loading ? (a(), s("img", {
           key: 0,
           src: e.imgUrl,
           alt: e.alt,
@@ -498,36 +498,36 @@ const Ee = Q("SunIcon", [
             !e.horizontal && e.imgHeight ? e.imgHeight : "h-full",
             e.horizontal && e.imgWidth ? e.imgWidth : "w-full"
           ]])
-        }, null, 10, Ke)) : T("", !0),
-        e.loading && e.imgUrl ? (a(), r("div", {
+        }, null, 10, lt)) : T("", !0),
+        e.loading && e.imgUrl ? (a(), s("div", {
           key: 1,
           class: M(["w-full skeleton", e.imgHeight])
         }, null, 2)) : T("", !0)
       ], 2),
-      e.loading ? T("", !0) : (a(), r("div", Xe, [
-        e.title ? (a(), r("h2", Ge, z(e.title), 1)) : T("", !0),
-        V(o.$slots, "details"),
-        e.description ? (a(), r("p", Je, z(e.description), 1)) : T("", !0),
-        l("div", Ze, [
-          V(o.$slots, "actions")
+      e.loading ? T("", !0) : (a(), s("div", nt, [
+        e.title ? (a(), s("h2", at, z(e.title), 1)) : T("", !0),
+        V(t.$slots, "details"),
+        e.description ? (a(), s("p", ot, z(e.description), 1)) : T("", !0),
+        n("div", st, [
+          V(t.$slots, "actions")
         ])
       ])),
-      e.loading ? (a(), r("div", Qe, [...u[0] || (u[0] = [
-        l("div", { class: "flex flex-col gap-4 w-52" }, [
-          l("div", { class: "w-28 h-4 skeleton" }),
-          l("div", { class: "w-full h-4 skeleton" }),
-          l("div", { class: "w-full h-4 skeleton" })
+      e.loading ? (a(), s("div", it, [...r[0] || (r[0] = [
+        n("div", { class: "flex flex-col gap-4 w-52" }, [
+          n("div", { class: "w-28 h-4 skeleton" }),
+          n("div", { class: "w-full h-4 skeleton" }),
+          n("div", { class: "w-full h-4 skeleton" })
         ], -1)
       ])])) : T("", !0)
     ], 2));
   }
-}), ve = Symbol("CarouselItemStyle"), Ye = { class: "relative h-full" }, et = {
+}), we = Symbol("CarouselItemStyle"), rt = { class: "relative h-full" }, ut = {
   key: 0,
   class: "top-1/2 right-5 left-5 z-10 absolute flex justify-between -translate-y-1/2 transform"
-}, tt = {
+}, dt = {
   key: 1,
   class: "bottom-5 z-10 absolute flex justify-center gap-2 py-2 w-full"
-}, lt = ["onClick", "aria-label"], nt = /* @__PURE__ */ P({
+}, ct = ["onClick", "aria-label"], ft = /* @__PURE__ */ L({
   __name: "carousel",
   props: {
     showIndicators: {
@@ -564,136 +564,136 @@ const Ee = Q("SunIcon", [
       validator: (e) => e >= 0
     }
   },
-  setup(e, { expose: c }) {
-    const t = e, o = k(t.initialSlide), u = k(null), s = k(!1), i = k(0), g = _(() => ({
-      width: `calc((100% - ${t.slidesPerView > 1 ? (t.slidesPerView - 1) * t.gap : 0}px) / ${t.slidesPerView})`
+  setup(e, { expose: d }) {
+    const l = e, t = k(l.initialSlide), r = k(null), i = k(!1), o = k(0), v = J(() => ({
+      width: `calc((100% - ${l.slidesPerView > 1 ? (l.slidesPerView - 1) * l.gap : 0}px) / ${l.slidesPerView})`
     }));
-    ge(ve, g);
-    const v = () => {
-      u.value ? i.value = u.value.children.length : i.value = 0;
-    }, p = async (w) => {
-      if (!u.value || t.slidesPerView <= 0 || s.value || (v(), i.value === 0)) return;
-      const x = (w % i.value + i.value) % i.value, C = u.value, B = t.sliderOrientation === "vertical" ? (C.offsetHeight - (t.slidesPerView - 1) * t.gap) / t.slidesPerView : (C.offsetWidth - (t.slidesPerView - 1) * t.gap) / t.slidesPerView;
-      if (B <= 0) return;
-      const L = B + t.gap, R = x * L, N = t.sliderOrientation === "vertical" ? C.scrollHeight - C.offsetHeight : C.scrollWidth - C.offsetWidth, m = Math.max(0, Math.min(R, N + 0.5));
-      s.value = !0, C.style.scrollBehavior = "auto";
-      const d = t.sliderOrientation === "vertical" ? C.scrollTop : C.scrollLeft, f = m - d;
-      if (Math.abs(f) < 1) {
-        s.value = !1, o.value = x;
+    Ie(we, v);
+    const m = () => {
+      r.value ? o.value = r.value.children.length : o.value = 0;
+    }, h = async (y) => {
+      if (!r.value || l.slidesPerView <= 0 || i.value || (m(), o.value === 0)) return;
+      const w = (y % o.value + o.value) % o.value, S = r.value, P = l.sliderOrientation === "vertical" ? (S.offsetHeight - (l.slidesPerView - 1) * l.gap) / l.slidesPerView : (S.offsetWidth - (l.slidesPerView - 1) * l.gap) / l.slidesPerView;
+      if (P <= 0) return;
+      const _ = P + l.gap, U = w * _, K = l.sliderOrientation === "vertical" ? S.scrollHeight - S.offsetHeight : S.scrollWidth - S.offsetWidth, f = Math.max(0, Math.min(U, K + 0.5));
+      i.value = !0, S.style.scrollBehavior = "auto";
+      const g = l.sliderOrientation === "vertical" ? S.scrollTop : S.scrollLeft, C = f - g;
+      if (Math.abs(C) < 1) {
+        i.value = !1, t.value = w;
         return;
       }
-      const b = performance.now(), n = ($) => {
-        const h = $ - b, D = Math.min(1, h / t.slideDuration), F = D < 0.5 ? 4 * D * D * D : 1 - Math.pow(-2 * D + 2, 3) / 2, q = d + f * F;
-        t.sliderOrientation === "vertical" ? C.scrollTop = q : C.scrollLeft = q, D < 1 ? requestAnimationFrame(n) : (t.sliderOrientation === "vertical" ? C.scrollTop = m : C.scrollLeft = m, o.value = x, s.value = !1);
+      const B = performance.now(), u = (O) => {
+        const x = O - B, E = Math.min(1, x / l.slideDuration), W = E < 0.5 ? 4 * E * E * E : 1 - Math.pow(-2 * E + 2, 3) / 2, H = g + C * W;
+        l.sliderOrientation === "vertical" ? S.scrollTop = H : S.scrollLeft = H, E < 1 ? requestAnimationFrame(u) : (l.sliderOrientation === "vertical" ? S.scrollTop = f : S.scrollLeft = f, t.value = w, i.value = !1);
       };
-      requestAnimationFrame(n);
-    }, S = () => {
-      p(o.value + 1);
+      requestAnimationFrame(u);
     }, I = () => {
-      p(o.value - 1);
-    }, O = (w) => {
-      p(w);
-    }, y = () => {
-      if (!u.value || t.slidesPerView <= 0 || (v(), i.value === 0)) return;
-      const w = u.value, x = t.sliderOrientation === "vertical" ? w.offsetHeight : w.offsetWidth, C = t.slidesPerView > 1 ? (t.slidesPerView - 1) * t.gap : 0, B = (x - C) / t.slidesPerView;
-      if (B <= 0) return;
-      const L = Math.max(0, i.value - t.slidesPerView), R = Math.min(Math.max(0, t.initialSlide), L), N = R * (B + t.gap), m = t.sliderOrientation === "vertical" ? w.scrollHeight - w.offsetHeight : w.scrollWidth - w.offsetWidth, d = Math.max(0, Math.min(N, m + 0.5));
-      t.sliderOrientation === "vertical" ? w.scrollTo({ top: d, behavior: "auto" }) : w.scrollTo({ left: d, behavior: "auto" }), o.value = R;
+      h(t.value + 1);
+    }, A = () => {
+      h(t.value - 1);
+    }, $ = (y) => {
+      h(y);
+    }, c = () => {
+      if (!r.value || l.slidesPerView <= 0 || (m(), o.value === 0)) return;
+      const y = r.value, w = l.sliderOrientation === "vertical" ? y.offsetHeight : y.offsetWidth, S = l.slidesPerView > 1 ? (l.slidesPerView - 1) * l.gap : 0, P = (w - S) / l.slidesPerView;
+      if (P <= 0) return;
+      const _ = Math.max(0, o.value - l.slidesPerView), U = Math.min(Math.max(0, l.initialSlide), _), K = U * (P + l.gap), f = l.sliderOrientation === "vertical" ? y.scrollHeight - y.offsetHeight : y.scrollWidth - y.offsetWidth, g = Math.max(0, Math.min(K, f + 0.5));
+      l.sliderOrientation === "vertical" ? y.scrollTo({ top: g, behavior: "auto" }) : y.scrollTo({ left: g, behavior: "auto" }), t.value = U;
     };
-    return K(() => {
+    return ne(() => {
       requestAnimationFrame(() => {
-        requestAnimationFrame(y);
-      }), v();
-    }), A(() => t.initialSlide, (w) => {
-      requestAnimationFrame(() => p(w));
-    }), A(() => [t.slidesPerView, t.gap], () => {
+        requestAnimationFrame(c);
+      }), m();
+    }), N(() => l.initialSlide, (y) => {
+      requestAnimationFrame(() => h(y));
+    }), N(() => [l.slidesPerView, l.gap], () => {
       requestAnimationFrame(() => {
         requestAnimationFrame(() => {
-          if (v(), i.value === 0) return;
-          const w = Math.max(0, i.value - t.slidesPerView), x = Math.min(o.value, w), C = t.slideDuration;
-          t.slideDuration = 0, p(x), t.slideDuration = C;
+          if (m(), o.value === 0) return;
+          const y = Math.max(0, o.value - l.slidesPerView), w = Math.min(t.value, y), S = l.slideDuration;
+          l.slideDuration = 0, h(w), l.slideDuration = S;
         });
       });
-    }), c({ scrollToSlide: p }), (w, x) => (a(), r("div", Ye, [
-      l("div", {
+    }), d({ scrollToSlide: h }), (y, w) => (a(), s("div", rt, [
+      n("div", {
         ref_key: "carouselContainer",
-        ref: u,
+        ref: r,
         class: M(["rounded w-full h-full overflow-x-scroll scroll-smooth carousel", [{ "carousel-horizontal md:snap-none": e.sliderOrientation == "horizontal" }, { "carousel-vertical": e.sliderOrientation == "vertical" }]]),
-        style: Z({ gap: `${e.gap}px` })
+        style: se({ gap: `${e.gap}px` })
       }, [
-        V(w.$slots, "default", {}, void 0, !0)
+        V(y.$slots, "default", {}, void 0, !0)
       ], 6),
-      e.showNavigationButtons ? (a(), r("div", et, [
-        l("div", {
-          onClick: I,
+      e.showNavigationButtons ? (a(), s("div", ut, [
+        n("div", {
+          onClick: A,
           role: "button",
           "aria-label": "Previous Slide"
         }, [
-          V(w.$slots, "prevButton", {}, () => [
-            x[0] || (x[0] = l("button", {
+          V(y.$slots, "prevButton", {}, () => [
+            w[0] || (w[0] = n("button", {
               class: "btn btn-circle",
               tabindex: "-1"
             }, "❮", -1))
           ], !0)
         ]),
-        l("div", {
-          onClick: S,
+        n("div", {
+          onClick: I,
           role: "button",
           "aria-label": "Next Slide"
         }, [
-          V(w.$slots, "nextButton", {}, () => [
-            x[1] || (x[1] = l("button", {
+          V(y.$slots, "nextButton", {}, () => [
+            w[1] || (w[1] = n("button", {
               class: "btn btn-circle",
               tabindex: "-1"
             }, "❯", -1))
           ], !0)
         ])
       ])) : T("", !0),
-      e.showIndicators ? (a(), r("div", tt, [
-        (a(!0), r(j, null, E(i.value, (C, B) => (a(), r("button", {
-          key: `dot-${B}`,
-          onClick: (L) => O(B),
-          class: M(["btn btn-circle btn-xs", { "btn-active": B === o.value }]),
-          "aria-label": `Go to slide ${B + 1}`
-        }, null, 10, lt))), 128))
+      e.showIndicators ? (a(), s("div", dt, [
+        (a(!0), s(R, null, q(o.value, (S, P) => (a(), s("button", {
+          key: `dot-${P}`,
+          onClick: (_) => $(P),
+          class: M(["btn btn-circle btn-xs", { "btn-active": P === t.value }]),
+          "aria-label": `Go to slide ${P + 1}`
+        }, null, 10, ct))), 128))
       ])) : T("", !0)
     ]));
   }
-}), J = (e, c) => {
-  const t = e.__vccOpts || e;
-  for (const [o, u] of c)
-    t[o] = u;
-  return t;
-}, Kl = /* @__PURE__ */ J(nt, [["__scopeId", "data-v-db55a6a5"]]), at = /* @__PURE__ */ P({
+}), ae = (e, d) => {
+  const l = e.__vccOpts || e;
+  for (const [t, r] of d)
+    l[t] = r;
+  return l;
+}, nn = /* @__PURE__ */ ae(ft, [["__scopeId", "data-v-db55a6a5"]]), mt = /* @__PURE__ */ L({
   __name: "carouselItem",
   setup(e) {
-    const c = be(ve, k({}));
-    return (t, o) => (a(), r("div", {
+    const d = Te(we, k({}));
+    return (l, t) => (a(), s("div", {
       class: "w-full h-full carousel-item",
-      style: Z(U(c))
+      style: se(G(d))
     }, [
-      V(t.$slots, "default", {}, void 0, !0)
+      V(l.$slots, "default", {}, void 0, !0)
     ], 4));
   }
-}), Xl = /* @__PURE__ */ J(at, [["__scopeId", "data-v-507384bc"]]), ot = { class: "flex gap-4 bg-base-100 w-full tabs tabs-boxed" }, st = ["onClick"], it = {
+}), an = /* @__PURE__ */ ae(mt, [["__scopeId", "data-v-507384bc"]]), vt = { class: "flex gap-4 bg-base-100 w-full tabs tabs-boxed" }, pt = ["onClick"], ht = {
   key: 0,
   class: "inline-component-wrapper flex grow justify-center items-center w-full h-full"
-}, rt = {
+}, gt = {
   key: 1,
   class: "flex flex-col"
-}, ut = { class: "text-sm" }, dt = {
+}, bt = { class: "text-sm" }, yt = {
   key: 0,
   class: "opacity-75 overflow-hidden text-xs truncate ..."
-}, ct = {
+}, wt = {
   key: 1,
   class: "hidden md:block opacity-35 overflow-hidden text-xs truncate ..."
-}, ft = { class: "hidden" }, mt = ["id"], vt = { class: "modal-box" }, pt = { class: "font-bold text-lg" }, ht = ["name", "checked"], gt = { class: "collapse-title flex justify-between items-center pr-4 w-full font-medium text-xl" }, bt = {
+}, xt = { class: "hidden" }, kt = ["id"], $t = { class: "modal-box" }, Ct = { class: "font-bold text-lg" }, St = ["name", "checked"], It = { class: "collapse-title flex justify-between items-center pr-4 w-full font-medium text-xl" }, Tt = {
   key: 0,
   class: "opacity-75 overflow-hidden text-sm truncate ..."
-}, yt = {
+}, Mt = {
   key: 1,
   class: "opacity-35 text-sm"
-}, wt = { class: "collapse-content flex place-content-center p-0" }, xt = /* @__PURE__ */ P({
+}, Vt = { class: "collapse-content flex place-content-center p-0" }, Bt = /* @__PURE__ */ L({
   __name: "advancedSearch",
   props: {
     searchOptions: {},
@@ -702,121 +702,121 @@ const Ee = Q("SunIcon", [
     value: {}
   },
   emits: ["search", "update:search-data"],
-  setup(e, { emit: c }) {
-    const t = e, o = c, u = t.id ?? `advancedSearch-${ye()}`, s = k(null), i = k(null), g = {
-      datetime: te(() => Promise.resolve().then(() => Lt)),
-      "standard-select": te(() => import("./select-Cz4vf_YE.js")),
+  setup(e, { emit: d }) {
+    const l = e, t = d, r = l.id ?? `advancedSearch-${Me()}`, i = k(null), o = k(null), v = {
+      datetime: de(() => Promise.resolve().then(() => Ht)),
+      "standard-select": de(() => 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": te(() => import("./inputField-BxT95oyM.js"))
+      "custom-text": de(() => import("./inputField-BxT95oyM.js"))
       // 'custom-select': defineAsyncComponent(() => import('./CustomSelect.vue')),
-    }, v = k({}), p = k({
+    }, m = k({}), h = k({
       left: "0px",
       top: "0px",
       transform: "translateX(0%)"
-    }), S = k(null), I = (m) => {
-      var d;
-      if (m.value === void 0 || m.value === null || m.value === "")
+    }), I = k(null), A = (f) => {
+      var g;
+      if (f.value === void 0 || f.value === null || f.value === "")
         return "";
-      switch (m.type) {
+      switch (f.type) {
         case "datetime":
-          if (typeof m.value == "string")
+          if (typeof f.value == "string")
             try {
-              const f = new Date(m.value);
-              if (!isNaN(f.getTime()))
-                return f.toLocaleString();
+              const C = new Date(f.value);
+              if (!isNaN(C.getTime()))
+                return C.toLocaleString();
             } catch {
             }
-          else if (m.range && typeof m.value == "object" && m.value !== null && "start" in m.value && "end" in m.value)
+          else if (f.range && typeof f.value == "object" && f.value !== null && "start" in f.value && "end" in f.value)
             try {
-              const f = new Date(m.value.start), b = new Date(m.value.end);
-              if (!isNaN(f.getTime()) && !isNaN(b.getTime()))
-                return `${f.toLocaleDateString()} - ${b.toLocaleDateString()}`;
+              const C = new Date(f.value.start), B = new Date(f.value.end);
+              if (!isNaN(C.getTime()) && !isNaN(B.getTime()))
+                return `${C.toLocaleDateString()} - ${B.toLocaleDateString()}`;
             } catch {
             }
           break;
         case "custom-range":
-          if (typeof m.value == "object" && m.value !== null && "start" in m.value && "end" in m.value)
-            return `${m.value.start} - ${m.value.end}`;
+          if (typeof f.value == "object" && f.value !== null && "start" in f.value && "end" in f.value)
+            return `${f.value.start} - ${f.value.end}`;
           break;
         case "custom-number":
-          if (typeof m.value == "number")
-            return m.value.toString();
+          if (typeof f.value == "number")
+            return f.value.toString();
           break;
         case "standard-select":
         case "custom-select":
-          if ((d = m.props) != null && d.options && Array.isArray(m.props.options)) {
-            const f = m.props.options.find(
-              (b) => b.value === m.value
+          if ((g = f.props) != null && g.options && Array.isArray(f.props.options)) {
+            const C = f.props.options.find(
+              (B) => B.value === f.value
             );
-            if (f)
-              return f.text;
+            if (C)
+              return C.text;
           }
-          return String(m.value);
+          return String(f.value);
         case "custom-text":
-          if (typeof m.value == "string")
-            return m.value;
+          if (typeof f.value == "string")
+            return f.value;
           break;
       }
-      return String(m.value);
+      return String(f.value);
     };
-    function O(m) {
-      var n, $;
-      const d = (n = s.value) == null ? void 0 : n.name;
-      if (!d) {
+    function $(f) {
+      var u, O;
+      const g = (u = i.value) == null ? void 0 : u.name;
+      if (!g) {
         console.warn("componentValueUpdated called but no active tab.");
         return;
       }
-      const f = ($ = t.searchOptions.find(
-        (h) => (h == null ? void 0 : h.category) === t.currentCategory
-      )) == null ? void 0 : $.tabs, b = f == null ? void 0 : f.find(
-        (h) => h.name === d
+      const C = (O = l.searchOptions.find(
+        (x) => (x == null ? void 0 : x.category) === l.currentCategory
+      )) == null ? void 0 : O.tabs, B = C == null ? void 0 : C.find(
+        (x) => x.name === g
       );
-      b ? (b.value = m, o("update:search-data", {
-        tab: b.name,
-        data: m
+      B ? (B.value = f, t("update:search-data", {
+        tab: B.name,
+        data: f
       })) : console.error(
-        `Tab with name "${d}" not found in current category.`
+        `Tab with name "${g}" not found in current category.`
       );
     }
-    function y(m) {
-      O(m);
+    function c(f) {
+      $(f);
     }
-    function w() {
-      o("search");
+    function y() {
+      t("search");
     }
-    async function x(m) {
-      var b;
-      const d = document.getElementById(`advancedSearchMobile-${u}`), f = d && d.contains(m.target);
-      ((b = s.value) == null ? void 0 : b.displayMode) === "popup" && S.value && !S.value.contains(m.target) && !f && (await le(), s.value = null);
+    async function w(f) {
+      var B;
+      const g = document.getElementById(`advancedSearchMobile-${r}`), C = g && g.contains(f.target);
+      ((B = i.value) == null ? void 0 : B.displayMode) === "popup" && I.value && !I.value.contains(f.target) && !C && (await ee(), i.value = null);
     }
-    async function C() {
+    async function S() {
       if (typeof window < "u" && window.innerWidth <= 768) {
-        const m = document.getElementById(
-          `advancedSearchMobile-${u}`
+        const f = document.getElementById(
+          `advancedSearchMobile-${r}`
         );
-        m ? (s.value = null, m.showModal()) : console.warn(
-          `Mobile modal element not found. Ensure it exists with id="advancedSearchMobile-${u}".`
+        f ? (i.value = null, f.showModal()) : console.warn(
+          `Mobile modal element not found. Ensure it exists with id="advancedSearchMobile-${r}".`
         );
       }
     }
-    async function B(m) {
-      var f, b, n;
+    async function P(f) {
+      var C, B, u;
       if (typeof window < "u" && window.innerWidth <= 768) {
-        C();
+        S();
         return;
       }
-      const d = m.displayMode ?? "popup";
-      if (((f = s.value) == null ? void 0 : f.name) === m.name && ((b = s.value) == null ? void 0 : b.displayMode) === d)
-        s.value = null;
-      else if (s.value = { ...m, displayMode: d }, await le(), ((n = s.value) == null ? void 0 : n.displayMode) === "popup") {
-        const $ = v.value[m.name];
-        if ($ && S.value) {
-          const h = $.getBoundingClientRect(), D = S.value.getBoundingClientRect(), F = h.bottom - D.top, q = h.left + h.width / 2 - D.left;
-          p.value = {
-            left: `${q}px`,
-            top: `${F + 8}px`,
+      const g = f.displayMode ?? "popup";
+      if (((C = i.value) == null ? void 0 : C.name) === f.name && ((B = i.value) == null ? void 0 : B.displayMode) === g)
+        i.value = null;
+      else if (i.value = { ...f, displayMode: g }, await ee(), ((u = i.value) == null ? void 0 : u.displayMode) === "popup") {
+        const O = m.value[f.name];
+        if (O && I.value) {
+          const x = O.getBoundingClientRect(), E = I.value.getBoundingClientRect(), W = x.bottom - E.top, H = x.left + x.width / 2 - E.left;
+          h.value = {
+            left: `${H}px`,
+            top: `${W + 8}px`,
             // Add a small gap
             transform: "translateX(-50%)"
             // Center horizontally
@@ -824,198 +824,198 @@ const Ee = Q("SunIcon", [
         } else
           console.error(
             "Tab element or search container not found for positioning:",
-            m.name
+            f.name
           );
       }
     }
-    const L = (m) => {
-      const d = m.relatedTarget;
+    const _ = (f) => {
+      const g = f.relatedTarget;
       setTimeout(() => {
-        var f;
-        ((f = s.value) == null ? void 0 : f.displayMode) === "inline" && S.value && (!d || !S.value.contains(d)) ? (console.log("Blur detected outside container, closing inline view."), s.value = null) : console.log(
+        var C;
+        ((C = i.value) == null ? void 0 : C.displayMode) === "inline" && I.value && (!g || !I.value.contains(g)) ? (console.log("Blur detected outside container, closing inline view."), i.value = null) : console.log(
           "Blur detected, but staying within container or not an inline tab."
         );
       }, 50);
-    }, R = () => {
-      console.log("Enter key pressed on inline component, closing inline view."), s.value = null;
+    }, U = () => {
+      console.log("Enter key pressed on inline component, closing inline view."), i.value = null;
     };
-    A(i, (m) => {
-      var d;
+    N(o, (f) => {
+      var g;
       console.log(
         "advanced-search: inlineComponentRef changed. New Value:",
-        m
-      ), console.log("advanced-search: activeTab.value:", s.value), m && ((d = s.value) == null ? void 0 : d.displayMode) === "inline" ? (console.log(
+        f
+      ), console.log("advanced-search: activeTab.value:", i.value), f && ((g = i.value) == null ? void 0 : g.displayMode) === "inline" ? (console.log(
         "advanced-search: Inline component ref is available and active tab is inline. Attempting to focus child input..."
-      ), le(() => {
+      ), ee(() => {
         console.log(
           "advanced-search: Inside nextTick. Attempting to call child's focus method..."
-        ), console.log("advanced-search: Type of newValue:", typeof m), console.log(
+        ), console.log("advanced-search: Type of newValue:", typeof f), console.log(
           "advanced-search: Does newValue have focusInput?",
-          typeof m.focusInput == "function"
-        ), m && typeof m.focusInput == "function" ? (console.log(
+          typeof f.focusInput == "function"
+        ), f && typeof f.focusInput == "function" ? (console.log(
           "advanced-search: Calling exposed focusInput() method on child instance."
-        ), m.focusInput()) : console.warn(
+        ), f.focusInput()) : console.warn(
           'advanced-search: Child inline component instance does not expose a "focusInput" method or is not ready.',
-          m
+          f
         );
       })) : console.log(
-        m ? "advanced-search: inlineComponentRef available, but active tab is not inline." : "advanced-search: inlineComponentRef is now null (component likely unmounted)."
+        f ? "advanced-search: inlineComponentRef available, but active tab is not inline." : "advanced-search: inlineComponentRef is now null (component likely unmounted)."
       );
-    }), K(() => {
-      document.addEventListener("click", x), window.addEventListener("resize", N);
-    }), ie(() => {
-      document.removeEventListener("click", x), window.removeEventListener("resize", N);
+    }), ne(() => {
+      document.addEventListener("click", w), window.addEventListener("resize", K);
+    }), pe(() => {
+      document.removeEventListener("click", w), window.removeEventListener("resize", K);
     });
-    const N = () => {
-      var m, d;
+    const K = () => {
+      var f, g;
       if (typeof window < "u") {
-        const f = window.innerWidth <= 768, b = s.value !== null && (s.value.displayMode === "popup" || s.value.displayMode === "inline") && window.innerWidth > 768;
-        !f && (((m = s.value) == null ? void 0 : m.displayMode) === "popup" || ((d = s.value) == null ? void 0 : d.displayMode) === "inline") && window.innerWidth <= 768 && (console.log("Resizing to mobile, closing active tab."), s.value = null), f && !b && s.value !== null && (console.log(
+        const C = window.innerWidth <= 768, B = i.value !== null && (i.value.displayMode === "popup" || i.value.displayMode === "inline") && window.innerWidth > 768;
+        !C && (((f = i.value) == null ? void 0 : f.displayMode) === "popup" || ((g = i.value) == null ? void 0 : g.displayMode) === "inline") && window.innerWidth <= 768 && (console.log("Resizing to mobile, closing active tab."), i.value = null), C && !B && i.value !== null && (console.log(
           "Resizing to desktop from potential mobile active state, closing active tab."
-        ), s.value = null);
-        const n = document.getElementById(
-          `advancedSearchMobile-${u}`
+        ), i.value = null);
+        const u = document.getElementById(
+          `advancedSearchMobile-${r}`
         );
-        n != null && n.open && !f && (console.log("Modal is open on desktop, closing modal and active tab."), n.close(), s.value = null);
+        u != null && u.open && !C && (console.log("Modal is open on desktop, closing modal and active tab."), u.close(), i.value = null);
       }
     };
-    return (m, d) => {
-      var f, b;
-      return a(), r(j, null, [
-        l("div", {
+    return (f, g) => {
+      var C, B;
+      return a(), s(R, null, [
+        n("div", {
           ref_key: "searchContainer",
-          ref: S,
+          ref: I,
           class: "w-full"
         }, [
-          l("div", {
+          n("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: C
+            onClick: S
           }, [
-            l("div", ot, [
-              (a(!0), r(j, null, E(((f = t.searchOptions.find(
-                (n) => n.category === t.currentCategory
-              )) == null ? void 0 : f.tabs) || [], (n, $) => {
-                var h, D, F, q, de;
-                return a(), r("button", {
-                  key: `${n.name}-${$}`,
-                  onClick: H((X) => B(n), ["stop"]),
+            n("div", vt, [
+              (a(!0), s(R, null, q(((C = l.searchOptions.find(
+                (u) => u.category === l.currentCategory
+              )) == null ? void 0 : C.tabs) || [], (u, O) => {
+                var x, E, W, H, oe;
+                return a(), s("button", {
+                  key: `${u.name}-${O}`,
+                  onClick: Z((p) => P(u), ["stop"]),
                   class: M([{
-                    "tab-active": ((h = s.value) == null ? void 0 : h.name) === n.name,
-                    "tab-active-inline": ((D = s.value) == null ? void 0 : D.name) === n.name && ((F = s.value) == null ? void 0 : F.displayMode) === "inline"
+                    "tab-active": ((x = i.value) == null ? void 0 : x.name) === u.name,
+                    "tab-active-inline": ((E = i.value) == null ? void 0 : E.name) === u.name && ((W = i.value) == null ? void 0 : W.displayMode) === "inline"
                     // Add new class
                   }, "group/searchitem after:top-0 after:-right-2 after:absolute relative first-of-type:flex-auto last-of-type:flex-auto after:bg-base-200 hover:bg-base-200 p-1 rounded-sm w-auto after:w-px after:h-10 overflow-x-hidden text-start md:after:content-[''] after:content-none last-of-type:after:content-none"]),
                   ref_for: !0,
-                  ref: (X) => v.value[n.name] = X
+                  ref: (p) => m.value[u.name] = p
                 }, [
-                  ((q = s.value) == null ? void 0 : q.name) === n.name && ((de = s.value) == null ? void 0 : de.displayMode) === "inline" ? (a(), r("div", it, [
-                    (a(), W(ne(g[s.value.type]), ae({ ref_for: !0 }, s.value.props || {}, {
-                      modelValue: s.value.value,
-                      onUpdated: d[0] || (d[0] = (X) => y(X)),
-                      "onUpdate:modelValue": d[1] || (d[1] = (X) => y(X)),
-                      onBlur: L,
-                      onKeydown: re(H(R, ["stop", "prevent"]), ["enter"]),
+                  ((H = i.value) == null ? void 0 : H.name) === u.name && ((oe = i.value) == null ? void 0 : oe.displayMode) === "inline" ? (a(), s("div", ht, [
+                    (a(), Q(ce(v[i.value.type]), fe({ ref_for: !0 }, i.value.props || {}, {
+                      modelValue: i.value.value,
+                      onUpdated: g[0] || (g[0] = (p) => c(p)),
+                      "onUpdate:modelValue": g[1] || (g[1] = (p) => c(p)),
+                      onBlur: _,
+                      onKeydown: te(Z(U, ["stop", "prevent"]), ["enter"]),
                       ref_for: !0,
                       ref_key: "inlineComponentRef",
-                      ref: i
+                      ref: o
                     }), null, 16, ["modelValue", "onKeydown"]))
-                  ])) : (a(), r("div", rt, [
-                    l("p", ut, z(n.name), 1),
-                    n.value !== void 0 && n.value !== null && n.value !== "" ? (a(), r("p", dt, z(I(n)), 1)) : (a(), r("p", ct, z(n.description), 1))
+                  ])) : (a(), s("div", gt, [
+                    n("p", bt, z(u.name), 1),
+                    u.value !== void 0 && u.value !== null && u.value !== "" ? (a(), s("p", yt, z(A(u)), 1)) : (a(), s("p", wt, z(u.description), 1))
                   ]))
-                ], 10, st);
+                ], 10, pt);
               }), 128))
             ]),
-            s.value && s.value.displayMode === "popup" ? (a(), r("div", {
+            i.value && i.value.displayMode === "popup" ? (a(), s("div", {
               key: 0,
               class: "absolute flex shadow-sm mt-4 w-fit max-w-full transition-all tab-content",
-              style: Z(p.value)
+              style: se(h.value)
             }, [
-              (a(), W(ne(g[s.value.type]), ae(s.value.props || {}, {
-                modelValue: s.value.value,
-                onUpdated: d[2] || (d[2] = (n) => O(n)),
-                "onUpdate:modelValue": d[3] || (d[3] = (n) => O(n))
+              (a(), Q(ce(v[i.value.type]), fe(i.value.props || {}, {
+                modelValue: i.value.value,
+                onUpdated: g[2] || (g[2] = (u) => $(u)),
+                "onUpdate:modelValue": g[3] || (g[3] = (u) => $(u))
               }), null, 16, ["modelValue"]))
             ], 4)) : T("", !0),
-            l("button", {
+            n("button", {
               title: "search",
               type: "submit",
               class: "ml-1 btn btn-primary btn-square",
-              onClick: H(w, ["stop"])
+              onClick: Z(y, ["stop"])
             }, [
-              G(U(fe), {
+              le(G(ge), {
                 size: 24,
                 color: "white"
               })
             ])
           ]),
-          l("div", ft, [
-            l("button", {
+          n("div", xt, [
+            n("button", {
               title: "search",
-              onClick: d[4] || (d[4] = () => {
+              onClick: g[4] || (g[4] = () => {
               })
             }, [
-              G(U(fe), {
+              le(G(ge), {
                 size: 24,
                 color: "white"
               })
             ])
           ])
         ], 512),
-        l("dialog", {
-          id: `advancedSearchMobile-${U(u)}`,
+        n("dialog", {
+          id: `advancedSearchMobile-${G(r)}`,
           class: "modal"
         }, [
-          l("div", vt, [
-            V(m.$slots, "additionalForMobile", {}, () => [
-              l("h3", pt, z(e.currentCategory), 1)
+          n("div", $t, [
+            V(f.$slots, "additionalForMobile", {}, () => [
+              n("h3", Ct, z(e.currentCategory), 1)
             ], !0),
-            (a(!0), r(j, null, E(((b = t.searchOptions.find(
-              (n) => n.category === t.currentCategory
-            )) == null ? void 0 : b.tabs) || [], (n, $) => (a(), r("div", {
+            (a(!0), s(R, null, q(((B = l.searchOptions.find(
+              (u) => u.category === l.currentCategory
+            )) == null ? void 0 : B.tabs) || [], (u, O) => (a(), s("div", {
               class: "collapse bg-base-200 my-4",
-              key: n.name
+              key: u.name
             }, [
-              l("input", {
+              n("input", {
                 type: "radio",
-                name: `accordion-${U(u)}`,
-                checked: $ === 0
-              }, null, 8, ht),
-              l("div", gt, [
-                l("div", null, z(n.name), 1),
-                n.value !== void 0 && n.value !== null && n.value !== "" ? (a(), r("div", bt, z(I(n)), 1)) : (a(), r("div", yt, z(n.description), 1))
+                name: `accordion-${G(r)}`,
+                checked: O === 0
+              }, null, 8, St),
+              n("div", It, [
+                n("div", null, z(u.name), 1),
+                u.value !== void 0 && u.value !== null && u.value !== "" ? (a(), s("div", Tt, z(A(u)), 1)) : (a(), s("div", Mt, z(u.description), 1))
               ]),
-              l("div", wt, [
-                d[7] || (d[7] = l("br", null, null, -1)),
-                (a(), W(ne(g[n.type]), ae({ ref_for: !0 }, n.props || {}, {
-                  modelValue: n.value,
-                  onUpdated: d[5] || (d[5] = (h) => O(h)),
-                  "onUpdate:modelValue": d[6] || (d[6] = (h) => O(h))
+              n("div", Vt, [
+                g[7] || (g[7] = n("br", null, null, -1)),
+                (a(), Q(ce(v[u.type]), fe({ ref_for: !0 }, u.props || {}, {
+                  modelValue: u.value,
+                  onUpdated: g[5] || (g[5] = (x) => $(x)),
+                  "onUpdate:modelValue": g[6] || (g[6] = (x) => $(x))
                 }), null, 16, ["modelValue"]))
               ])
             ]))), 128)),
-            l("div", { class: "modal-action" }, [
-              l("form", { method: "dialog" }, [
-                l("button", {
+            n("div", { class: "modal-action" }, [
+              n("form", { method: "dialog" }, [
+                n("button", {
                   class: "btn btn-primary",
-                  onClick: w
+                  onClick: y
                 }, " Close and Search ")
               ])
             ])
           ])
-        ], 8, mt)
+        ], 8, kt)
       ], 64);
     };
   }
-}), Gl = /* @__PURE__ */ J(xt, [["__scopeId", "data-v-577c3624"]]), kt = { class: "z-30 relative flex items-center bg-base-100 date-filter-input px-4 border-2 border-primary rounded-md w-full min-h-10 font-semibold text-primary text-sm" }, $t = { key: 0 }, Ct = ["id"], St = {
+}), on = /* @__PURE__ */ ae(Bt, [["__scopeId", "data-v-577c3624"]]), zt = { class: "z-30 relative flex items-center bg-base-100 date-filter-input px-4 border-2 border-primary rounded-md w-full min-h-10 font-semibold text-primary text-sm" }, Ot = { key: 0 }, Dt = { key: 1 }, Pt = ["id", "onKeydown"], jt = {
   key: 2,
   class: "flex justify-center p-4"
-}, It = { class: "join items-center gap-2 max-w-2xs md:max-w-full justify-between max-md:input max-md:input-bordered !rounded overflow-hidden mx-auto" }, Tt = { class: "join-item" }, Mt = ["id", "disabled"], Vt = { class: "join-item" }, Bt = ["id", "disabled"], Dt = {
+}, Et = { class: "join items-center gap-2 max-w-2xs md:max-w-full justify-between max-md:input max-md:input-bordered !rounded overflow-hidden mx-auto" }, Lt = { class: "join-item" }, At = ["id", "disabled", "value"], Rt = { class: "join-item" }, Nt = ["id", "disabled", "value"], _t = {
   key: 3,
   class: "p-4 min-w-2xs"
-}, zt = ["id", "disabled"], Ot = {
+}, Ft = ["id", "disabled", "value"], qt = {
   key: 4,
   class: "flex px-4 my-4 w-full justify-end"
-}, Pt = /* @__PURE__ */ P({
+}, Ut = /* @__PURE__ */ L({
   __name: "datetimePicker",
   props: {
     mode: { default: "datetime" },
@@ -1025,249 +1025,323 @@ const Ee = Q("SunIcon", [
     id: { default: "date-time-picker" },
     initialDate: { default: null },
     disabled: { type: Boolean, default: !1 },
-    locale: { default: "nl-NL" },
+    locale: { default: "en-US" },
+    format: {},
+    firstDayOfWeek: { default: 1 },
     min: {},
     max: {},
     closeText: { default: "Close" }
   },
   emits: ["update:modelValue", "change"],
-  setup(e, { emit: c }) {
-    K(async () => {
-      await import("./cally-ZU3K2Th7.js");
-    });
-    const t = e, o = c, u = k(null), s = k(!1), i = k(null), g = k(null), v = k(null), p = k(null), S = k(null), I = k({ from: "", to: "", single: "" }), O = k({
+  setup(e, { emit: d }) {
+    const l = typeof window < "u", t = e, r = d, i = k(null), o = k(!1), v = k(null), m = k(null), h = k(null), I = k(null), A = k(null), $ = k({
+      from: "",
+      to: "",
+      single: ""
+    }), c = k({
       single: null,
       start: null,
       end: null
-    }), y = _(() => {
-      const d = (n) => {
-        if (!n || n.includes(":")) return n;
-        if (/^\d{4}-\d{2}-\d{2}$/.test(n))
-          try {
-            return new Date(n).toLocaleDateString(t.locale);
-          } catch {
-            const [$, h, D] = n.split("-");
-            return `${D}/${h}/${$}`;
-          }
-        return n;
-      };
-      let f = "", b = "";
-      if (t.mode !== "time" && (t.range && O.value.start && O.value.end ? f = `${O.value.start} - ${O.value.end}` : !t.range && O.value.single && (f = O.value.single)), t.mode !== "date" && (t.range && I.value.from && I.value.to ? b = `${I.value.from} - ${I.value.to}` : !t.range && I.value.single && (b = I.value.single)), t.mode === "date")
-        return t.range ? f.split(" - ").map(d).join(" - ") : d(f);
-      if (t.mode === "time") return b;
-      if (t.range) {
-        const [n, $] = f.split(" - ").map(d), [h, D] = b.split(" - ");
-        return `${n} ${h} - ${$} ${D}`.trim();
+    }), y = (p) => p instanceof Date ? p.toISOString() : p, w = (p) => p.split("T")[0] || "", S = (p) => {
+      const b = p instanceof Date ? p : new Date(p);
+      if (isNaN(b.getTime())) return "";
+      const j = String(b.getHours()).padStart(2, "0"), D = String(b.getMinutes()).padStart(2, "0");
+      return `${j}:${D}`;
+    }, P = () => {
+      const p = /* @__PURE__ */ new Date(), b = S(p);
+      let j = t.initialDate;
+      if (!j && t.mode !== "time" && (j = t.range ? { start: p, end: p } : p), !j) {
+        t.mode === "time" && (t.range ? ($.value.from = b, $.value.to = b) : $.value.single = b);
+        return;
       }
-      return `${d(f)} ${b}`.trim();
-    });
-    console.log(y);
-    const w = () => {
-      if (t.range) {
-        const { start: d, end: f } = O.value, { from: b, to: n } = I.value;
-        let $ = null, h = null;
-        if (t.mode === "time" && b && n ? ($ = b, h = n) : t.mode === "date" && d && f ? ($ = d, h = f) : t.mode === "datetime" && d && f && b && n && ($ = `${d}T${b}`, h = `${f}T${n}`), $ && h)
-          return { start: $, end: h };
+      if (t.range && typeof j == "object" && "start" in j) {
+        const D = y(j.start), F = y(j.end);
+        c.value.start = w(D), c.value.end = w(F), t.mode !== "date" && ($.value.from = S(D), $.value.to = S(F));
       } else {
-        const d = O.value.single, f = I.value.single;
-        if (t.mode === "date") return d;
-        if (t.mode === "time") return f || null;
-        if (t.mode === "datetime" && d && f)
-          return `${d}T${f}`;
+        const D = y(j);
+        c.value.single = w(D), t.mode !== "date" && ($.value.single = S(D));
       }
-      return null;
-    }, x = () => {
-      if (i.value)
-        O.value.single = i.value.value || null;
-      else if (g.value) {
-        const d = g.value.value;
-        O.value.start = (d == null ? void 0 : d.start) || null, O.value.end = (d == null ? void 0 : d.end) || null;
+    }, _ = J(() => {
+      const p = (D) => {
+        if (!D) return "";
+        if (D.includes(":")) return D;
+        try {
+          return (/* @__PURE__ */ new Date(D + "T00:00:00")).toLocaleDateString(t.locale, {
+            year: "numeric",
+            month: "numeric",
+            day: "numeric"
+          });
+        } catch {
+          const [F, X, Y] = D.split("-");
+          return `${Y}/${X}/${F}`;
+        }
+      };
+      let b = "", j = "";
+      if ((t.mode === "date" || t.mode === "datetime") && (t.range ? c.value.start && c.value.end && (b = `${c.value.start} - ${c.value.end}`) : c.value.single && (b = c.value.single)), (t.mode === "time" || t.mode === "datetime") && (t.range ? $.value.from && $.value.to && (j = `${$.value.from} - ${$.value.to}`) : $.value.single && (j = $.value.single)), t.mode === "date")
+        return t.range ? b.split(" - ").map(p).join(" - ") : p(b);
+      if (t.mode === "time")
+        return j;
+      if (t.mode === "datetime")
+        if (t.range) {
+          const D = c.value.start, F = c.value.end, X = $.value.from, Y = $.value.to;
+          if (D && F && X && Y)
+            return `${p(D)} ${X} - ${p(F)} ${Y}`;
+          if (D)
+            return `${p(D)} ${X || ""}`.trim();
+        } else {
+          const D = c.value.single, F = $.value.single;
+          return `${p(D)} ${F || ""}`.trim();
+        }
+      return "";
+    }), U = () => {
+      if (v.value)
+        c.value.single = v.value.value || null;
+      else if (m.value) {
+        const p = m.value.value;
+        if (typeof p == "string" && p.includes("/")) {
+          const [b, j] = p.split("/");
+          c.value.start = b || null, c.value.end = j || null;
+        } else
+          c.value.start = p || null, c.value.end = p || null;
       }
-    }, C = () => {
-      x();
-      const d = w();
-      o("update:modelValue", d), o("change", d);
-    }, B = () => {
-      var d, f, b;
-      t.range ? (I.value.from = ((d = p.value) == null ? void 0 : d.value) || "", I.value.to = ((f = S.value) == null ? void 0 : f.value) || "") : I.value.single = ((b = v.value) == null ? void 0 : b.value) || "", C();
-    }, L = () => {
-      s.value = !s.value, s.value && C();
-    }, R = () => {
-      s.value = !1, C();
-    }, N = (d) => {
-      if (!t.popup || !s.value) return;
-      const f = u.value, b = d.target;
-      f && !f.contains(b) && R();
-    }, m = () => {
-      const d = (f) => f instanceof Date ? f.toISOString() : f;
-      if (t.initialDate) {
-        if (t.range && typeof t.initialDate == "object" && "start" in t.initialDate) {
-          const f = d(t.initialDate.start), b = d(t.initialDate.end);
-          if (O.value.start = f.split("T")[0], O.value.end = b.split("T")[0], t.mode !== "date") {
-            const n = new Date(f), $ = new Date(b), h = (D) => `${String(D.getUTCHours()).padStart(2, "0")}:${String(D.getUTCMinutes()).padStart(2, "0")}`;
-            I.value.from = h(n), I.value.to = h($), p.value && (p.value.value = I.value.from), S.value && (S.value.value = I.value.to);
-          }
-        } else if (typeof t.initialDate == "string" || t.initialDate instanceof Date) {
-          const f = d(t.initialDate);
-          if (O.value.single = f.split("T")[0], t.mode !== "date") {
-            const b = new Date(f), n = `${String(b.getUTCHours()).padStart(2, "0")}:${String(b.getUTCMinutes()).padStart(2, "0")}`;
-            I.value.single = n, v.value && (v.value.value = n);
-          }
+    }, K = () => c.value.start && c.value.end ? `${c.value.start}/${c.value.end}` : null, f = () => {
+      if (t.range) {
+        const j = c.value.start, D = c.value.end || c.value.start, F = $.value.from, X = $.value.to;
+        if (t.mode === "time")
+          return F && X ? { start: F, end: X } : null;
+        if (t.mode === "date")
+          return j && D ? { start: j, end: D } : null;
+        if (t.mode === "datetime") {
+          if (!j || !D) return null;
+          const Y = F ? `${F}:00` : "00:00:00", xe = X ? `${X}:00` : "23:59:59", ke = `${j}T${Y}`, $e = `${D}T${xe}`;
+          return { start: ke, end: $e };
         }
+        return null;
+      }
+      const p = c.value.single, b = $.value.single;
+      if (t.mode === "time")
+        return b || null;
+      if (t.mode === "date")
+        return p || null;
+      if (t.mode === "datetime") {
+        if (!p) return null;
+        const j = b ? `${b}:00` : "00:00:00";
+        return `${p}T${j}`;
       }
+      return null;
+    }, g = async () => {
+      U();
+      const p = f();
+      r("update:modelValue", p), r("change", p);
+    }, C = () => {
+      ee(() => {
+        g();
+      });
+    }, B = (p) => {
+      const b = p.target;
+      t.range ? b === I.value ? $.value.from = b.value : b === A.value && ($.value.to = b.value) : $.value.single = b.value, g();
+    }, u = () => {
+      o.value = !o.value;
+    }, O = () => {
+      g(), o.value = !1;
+    }, x = (p) => {
+      !t.popup || !o.value || setTimeout(() => {
+        const b = i.value, j = p.target, D = `date-picker-${t.id}-popup`;
+        b && !b.contains(j) && !p.target.closest(`#${D}`) && O();
+      }, 0);
+    }, E = () => {
+      O();
+    }, W = () => {
+      g(), t.popup && (o.value = !1);
+    }, H = () => {
+      if (!l) return;
+      const p = t.range ? m.value : v.value;
+      p && typeof p.navigate == "function" && p.navigate(-1);
+    }, oe = () => {
+      if (!l) return;
+      const p = t.range ? m.value : v.value;
+      p && typeof p.navigate == "function" && p.navigate(1);
     };
-    return K(() => {
-      m(), C();
-    }), (d, f) => {
-      const b = oe("calendar-month"), n = oe("calendar-date"), $ = oe("calendar-range");
-      return a(), r("div", {
+    return ne(() => {
+      l && import("./cally-ZU3K2Th7.js").catch((p) => {
+        console.warn("Failed to load cally:", p);
+      }), P();
+    }), N(c, async (p) => {
+      if (await ee(), v.value && p.single) {
+        const b = p.single;
+        v.value.value !== b && (v.value.value = b);
+      }
+      if (m.value) {
+        const b = K();
+        b && m.value.value !== b && (m.value.value = b);
+      }
+      g();
+    }, { immediate: !0, deep: !0 }), N([c, v, m], async () => {
+      await ee(), v.value && c.value.single && !v.value.value && (v.value.value = c.value.single), m.value && c.value.start && c.value.end && !m.value.value && (m.value.value = `${c.value.start}/${c.value.end}`), g();
+    }, { immediate: !0 }), N([h, I, A], () => {
+      g();
+    }, { immediate: !0 }), (p, b) => {
+      const j = me("calendar-month"), D = me("calendar-date"), F = me("calendar-range");
+      return a(), s("div", {
         class: "inline-block relative w-fit lg:w-full",
         ref_key: "pickerContainer",
-        ref: u,
-        onMousedownCapture: N
+        ref: i,
+        onMousedownCapture: x
       }, [
-        t.popup ? (a(), r("div", {
+        t.popup ? (a(), s("div", {
           key: 0,
           class: "flex items-center gap-2 cursor-pointer w-full",
-          onClick: f[0] || (f[0] = (h) => t.disabled ? null : L())
+          onClick: b[0] || (b[0] = (X) => t.disabled ? null : u())
         }, [
-          l("div", kt, [
-            y.value ? T("", !0) : (a(), r("span", $t, z(e.placeholder), 1)),
-            ue(" " + z(y.value), 1)
+          n("div", zt, [
+            _.value ? (a(), s("span", Dt, z(_.value), 1)) : (a(), s("span", Ot, z(t.placeholder), 1))
           ])
         ])) : T("", !0),
-        s.value || !t.popup ? (a(), r("div", {
+        o.value || !t.popup ? (a(), s("div", {
           key: 1,
           class: M(["z-50 bg-base-100 rounded-md w-full min-w-xs overflow-hidden", { "absolute top-full left-0 mt-2 shadow-lg": t.popup, "mt-2": !t.popup }]),
-          id: `date-picker-${t.id}-popup`
+          id: `date-picker-${t.id}-popup`,
+          onKeydown: [
+            b[1] || (b[1] = te(Z(() => {
+            }, ["prevent", "stop"]), ["tab"])),
+            te(E, ["esc"]),
+            te(Z(W, ["prevent"]), ["enter"])
+          ]
         }, [
-          !t.range && t.mode !== "time" ? (a(), W(n, {
+          !t.range && t.mode !== "time" && l ? (a(), Q(D, {
             key: 0,
             class: "cally w-full",
             ref_key: "datePicker",
-            ref: i,
+            ref: v,
             id: `${t.id}-date`,
             min: t.min,
             max: t.max,
             disabled: t.disabled,
+            "first-day-of-week": t.firstDayOfWeek,
             onChange: C
           }, {
-            default: ce(() => [
-              f[1] || (f[1] = l("button", {
+            default: he(() => [
+              n("button", {
                 slot: "previous",
-                class: "btn-outline btn btn-primary md:btn-sm"
-              }, [
-                l("svg", {
+                class: "btn-outline btn btn-primary md:btn-sm",
+                onClick: H
+              }, [...b[2] || (b[2] = [
+                n("svg", {
                   xmlns: "http://www.w3.org/2000/svg",
                   class: "w-4 h-4",
                   fill: "none",
                   viewBox: "0 0 24 24",
                   stroke: "currentColor"
                 }, [
-                  l("path", {
+                  n("path", {
                     "stroke-linecap": "round",
                     "stroke-linejoin": "round",
                     "stroke-width": "2",
                     d: "M15 19l-7-7 7-7"
                   })
-                ])
-              ], -1)),
-              f[2] || (f[2] = l("button", {
+                ], -1)
+              ])]),
+              n("button", {
                 slot: "next",
-                class: "btn-outline btn btn-primary md:btn-sm"
-              }, [
-                l("svg", {
+                class: "btn-outline btn btn-primary md:btn-sm",
+                onClick: oe
+              }, [...b[3] || (b[3] = [
+                n("svg", {
                   xmlns: "http://www.w3.org/2000/svg",
                   class: "w-4 h-4",
                   fill: "none",
-                  viewBox: "0 0 24 24",
+                  viewBox: "0 24 24",
                   stroke: "currentColor"
                 }, [
-                  l("path", {
+                  n("path", {
                     "stroke-linecap": "round",
                     "stroke-linejoin": "round",
                     "stroke-width": "2",
                     d: "M9 5l7 7-7 7"
                   })
-                ])
-              ], -1)),
-              G(b, {
+                ], -1)
+              ])]),
+              le(j, {
                 locale: t.locale
               }, null, 8, ["locale"])
             ]),
             _: 1
-          }, 8, ["id", "min", "max", "disabled"])) : T("", !0),
-          t.range && t.mode !== "time" ? (a(), W($, {
+          }, 8, ["id", "min", "max", "disabled", "first-day-of-week"])) : T("", !0),
+          t.range && t.mode !== "time" && l ? (a(), Q(F, {
             key: 1,
             class: "cally w-full",
             ref_key: "rangeDatePicker",
-            ref: g,
+            ref: m,
             id: `${t.id}-date-range`,
             min: t.min,
             max: t.max,
             disabled: t.disabled,
+            "first-day-of-week": t.firstDayOfWeek,
             onChange: C
           }, {
-            default: ce(() => [
-              f[3] || (f[3] = l("button", {
+            default: he(() => [
+              n("button", {
                 slot: "previous",
-                class: "btn-outline btn btn-primary md:btn-sm"
-              }, [
-                l("svg", {
+                class: "btn-outline btn btn-primary md:btn-sm",
+                onClick: H
+              }, [...b[4] || (b[4] = [
+                n("svg", {
                   xmlns: "http://www.w3.org/2000/svg",
                   class: "w-4 h-4",
                   fill: "none",
                   viewBox: "0 0 24 24",
                   stroke: "currentColor"
                 }, [
-                  l("path", {
+                  n("path", {
                     "stroke-linecap": "round",
                     "stroke-linejoin": "round",
                     "stroke-width": "2",
                     d: "M15 19l-7-7 7-7"
                   })
-                ])
-              ], -1)),
-              f[4] || (f[4] = l("button", {
+                ], -1)
+              ])]),
+              n("button", {
                 slot: "next",
-                class: "btn-outline btn btn-primary md:btn-sm"
-              }, [
-                l("svg", {
+                class: "btn-outline btn btn-primary md:btn-sm",
+                onClick: oe
+              }, [...b[5] || (b[5] = [
+                n("svg", {
                   xmlns: "http://www.w3.org/2000/svg",
                   class: "w-4 h-4",
                   fill: "none",
                   viewBox: "0 0 24 24",
                   stroke: "currentColor"
                 }, [
-                  l("path", {
+                  n("path", {
                     "stroke-linecap": "round",
                     "stroke-linejoin": "round",
                     "stroke-width": "2",
                     d: "M9 5l7 7-7 7"
                   })
-                ])
-              ], -1)),
-              G(b, {
+                ], -1)
+              ])]),
+              le(j, {
                 locale: t.locale
               }, null, 8, ["locale"])
             ]),
             _: 1
-          }, 8, ["id", "min", "max", "disabled"])) : T("", !0),
-          t.range && t.mode !== "date" ? (a(), r("div", St, [
-            l("div", It, [
-              l("div", Tt, [
-                l("input", {
+          }, 8, ["id", "min", "max", "disabled", "first-day-of-week"])) : T("", !0),
+          t.range && t.mode !== "date" ? (a(), s("div", jt, [
+            n("div", Et, [
+              n("div", Lt, [
+                n("input", {
                   class: "text-center hover:border-b-2 hover:-mb-0.5 open:bg-primary open:p-1 open:-m-0.5 open:rounded w-full relative",
                   type: "time",
                   ref_key: "timeFromInput",
-                  ref: p,
+                  ref: I,
                   id: `${t.id}-time-from`,
-                  placeholder: "van",
+                  placeholder: "from",
                   onChange: B,
-                  disabled: t.disabled
-                }, null, 40, Mt)
+                  disabled: t.disabled,
+                  value: $.value.from || ""
+                }, null, 40, At)
               ]),
-              f[5] || (f[5] = l("svg", {
+              b[6] || (b[6] = n("svg", {
                 class: "join-item",
                 viewBox: "0 0 1024 1024",
                 focusable: "false",
@@ -1277,46 +1351,48 @@ const Ee = Q("SunIcon", [
                 fill: "currentColor",
                 "aria-hidden": "true"
               }, [
-                l("path", { d: "M873.1 596.2l-164-208A32 32 0 00684 376h-64.8c-6.7 0-10.4 7.7-6.3 13l144.3 183H152c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h695.9c26.8 0 41.7-30.8 25.2-51.8z" })
+                n("path", { d: "M873.1 596.2l-164-208A32 32 0 00684 376h-64.8c-6.7 0-10.4 7.7-6.3 13l144.3 183H152c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h695.9c26.8 0 41.7-30.8 25.2-51.8z" })
               ], -1)),
-              l("div", Vt, [
-                l("input", {
+              n("div", Rt, [
+                n("input", {
                   class: "text-center hover:border-b-2 hover:-mb-0.5 open:bg-primary open:p-1 open:-m-0.5 open:rounded w-full relative",
                   type: "time",
                   ref_key: "timeToInput",
-                  ref: S,
+                  ref: A,
                   id: `${t.id}-time-to`,
                   onChange: B,
-                  disabled: t.disabled
-                }, null, 40, Bt)
+                  disabled: t.disabled,
+                  value: $.value.to || ""
+                }, null, 40, Nt)
               ])
             ])
           ])) : T("", !0),
-          !t.range && t.mode !== "date" ? (a(), r("div", Dt, [
-            l("input", {
+          !t.range && t.mode !== "date" ? (a(), s("div", _t, [
+            n("input", {
               class: "open:bg-primary open:rounded w-full input input-bordered justify-center",
               type: "time",
               ref_key: "timeInput",
-              ref: v,
+              ref: h,
               id: `${t.id}-time`,
               onChange: B,
-              disabled: t.disabled
-            }, null, 40, zt)
+              disabled: t.disabled,
+              value: $.value.single || ""
+            }, null, 40, Ft)
           ])) : T("", !0),
-          t.popup && e.closeText ? (a(), r("div", Ot, [
-            l("button", {
+          t.popup && t.closeText ? (a(), s("div", qt, [
+            n("button", {
               class: "btn btn-primary max-lg:w-full",
-              onClick: R
-            }, z(e.closeText), 1)
+              onClick: O
+            }, z(t.closeText), 1)
           ])) : T("", !0)
-        ], 10, Ct)) : T("", !0)
+        ], 42, Pt)) : T("", !0)
       ], 544);
     };
   }
-}), jt = /* @__PURE__ */ J(Pt, [["__scopeId", "data-v-423cdcd2"]]), Lt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), Wt = /* @__PURE__ */ ae(Ut, [["__scopeId", "data-v-ffeaa872"]]), Ht = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: jt
-}, Symbol.toStringTag, { value: "Module" })), Et = ["value", "checked", "onChange", "disabled"], Jl = /* @__PURE__ */ P({
+  default: Wt
+}, Symbol.toStringTag, { value: "Module" })), Kt = ["value", "checked", "onChange", "disabled"], sn = /* @__PURE__ */ L({
   __name: "rating",
   props: {
     initialRating: { default: 0 },
@@ -1329,34 +1405,34 @@ const Ee = Q("SunIcon", [
     gap: { default: 0 }
   },
   setup(e) {
-    const c = e, t = k(c.initialRating);
-    A(
-      () => c.initialRating,
-      (u) => {
-        t.value = u;
+    const d = e, l = k(d.initialRating);
+    N(
+      () => d.initialRating,
+      (r) => {
+        l.value = r;
       }
     );
-    const o = (u) => {
-      t.value = u;
+    const t = (r) => {
+      l.value = r;
     };
-    return (u, s) => (a(), r("div", {
+    return (r, i) => (a(), s("div", {
       class: M(["rating", [
-        `rating-${c.size}`,
+        `rating-${d.size}`,
         { "rating-half": e.halfStars },
         { "pointer-events-none": !e.isInteractive }
       ]])
     }, [
-      (a(!0), r(j, null, E(e.numberOfStars * (e.halfStars ? 2 : 1), (i) => (a(), r("input", {
-        key: i,
+      (a(!0), s(R, null, q(e.numberOfStars * (e.halfStars ? 2 : 1), (o) => (a(), s("input", {
+        key: o,
         type: "radio",
-        value: e.halfStars ? i * 0.5 : i,
-        checked: t.value === (e.halfStars ? i * 0.5 : i),
-        onChange: (g) => e.isInteractive ? o(e.halfStars ? i * 0.5 : i) : null,
+        value: e.halfStars ? o * 0.5 : o,
+        checked: l.value === (e.halfStars ? o * 0.5 : o),
+        onChange: (v) => e.isInteractive ? t(e.halfStars ? o * 0.5 : o) : null,
         class: M(["mask", [
           {
             // 'bg-yellow-400': rating >= (halfStars ? i * 0.5 : i),
-            "mask-half-1": e.halfStars && i % 2 !== 0,
-            "mask-half-2": e.halfStars && i % 2 === 0,
+            "mask-half-1": e.halfStars && o % 2 !== 0,
+            "mask-half-2": e.halfStars && o % 2 === 0,
             "cursor-pointer": e.isInteractive,
             "cursor-default": !e.isInteractive,
             "mask-star": e.shape === "star",
@@ -1373,16 +1449,16 @@ const Ee = Q("SunIcon", [
             "mask-triangle-3": e.shape === "triangle-left",
             "mask-triangle-4": e.shape === "triangle-right"
           },
-          t.value >= (e.halfStars ? i * 0.5 : i) ? c.color : ""
+          l.value >= (e.halfStars ? o * 0.5 : o) ? d.color : ""
         ]]),
-        style: Z({
-          marginRight: e.halfStars && i % 2 === 0 ? `${c.gap}px` : e.halfStars ? "0" : `${c.gap}px`
+        style: se({
+          marginRight: e.halfStars && o % 2 === 0 ? `${d.gap}px` : e.halfStars ? "0" : `${d.gap}px`
         }),
         disabled: !e.isInteractive
-      }, null, 46, Et))), 128))
+      }, null, 46, Kt))), 128))
     ], 2));
   }
-}), At = { class: "badge" }, Rt = ["onClick"], Nt = { class: "opacity-75" }, Ft = ["placeholder"], Zl = /* @__PURE__ */ P({
+}), Xt = { class: "badge" }, Gt = ["onClick"], Jt = { class: "opacity-75" }, Zt = ["placeholder"], rn = /* @__PURE__ */ L({
   __name: "taginput",
   props: {
     modelValue: {},
@@ -1391,61 +1467,61 @@ const Ee = Q("SunIcon", [
     class: {}
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: c }) {
-    const t = e, o = c, u = k([...t.modelValue]), s = t.maxTagAmount === void 0 ? -1 : t.maxTagAmount, i = k(null), g = k(""), v = _(() => s < 0 || u.value.length < s), p = () => {
-      const y = g.value.trim();
-      y && !u.value.includes(y) && (u.value.push(y), o("update:modelValue", u.value), g.value = "");
-    }, S = (y) => {
-      u.value = u.value.filter((w) => w !== y), o("update:modelValue", u.value);
-    }, I = () => {
-      g.value === "" && (u.value.pop(), o("update:modelValue", u.value));
-    }, O = (y) => {
-      y.key === "Enter" ? p() : y.key === "Backspace" && g.value === "" && I();
+  setup(e, { emit: d }) {
+    const l = e, t = d, r = k([...l.modelValue]), i = l.maxTagAmount === void 0 ? -1 : l.maxTagAmount, o = k(null), v = k(""), m = J(() => i < 0 || r.value.length < i), h = () => {
+      const c = v.value.trim();
+      c && !r.value.includes(c) && (r.value.push(c), t("update:modelValue", r.value), v.value = "");
+    }, I = (c) => {
+      r.value = r.value.filter((y) => y !== c), t("update:modelValue", r.value);
+    }, A = () => {
+      v.value === "" && (r.value.pop(), t("update:modelValue", r.value));
+    }, $ = (c) => {
+      c.key === "Enter" ? h() : c.key === "Backspace" && v.value === "" && A();
     };
-    return A(() => t.modelValue, (y) => {
-      u.value = [...y];
-    }), (y, w) => (a(), r("div", {
-      class: M(["flex flex-wrap gap-2 bg-base-100 shadow px-4 py-6 border border-base-content/20 rounded", y.$props.class])
+    return N(() => l.modelValue, (c) => {
+      r.value = [...c];
+    }), (c, y) => (a(), s("div", {
+      class: M(["flex flex-wrap gap-2 bg-base-100 shadow px-4 py-6 border border-base-content/20 rounded", c.$props.class])
     }, [
-      (a(!0), r(j, null, E(u.value, (x) => V(y.$slots, "tag", {
-        key: x,
-        tag: x
+      (a(!0), s(R, null, q(r.value, (w) => V(c.$slots, "tag", {
+        key: w,
+        tag: w
       }, () => [
-        l("div", At, [
-          l("button", {
+        n("div", Xt, [
+          n("button", {
             class: "px-1! py-0! h-fit font-bold cursor-pointer",
-            onClick: (C) => S(x),
+            onClick: (S) => I(w),
             "aria-label": "Remove tag"
-          }, "X", 8, Rt),
-          l("span", Nt, z(x), 1)
+          }, "X", 8, Gt),
+          n("span", Jt, z(w), 1)
         ])
       ])), 128)),
-      V(y.$slots, "input", { showInput: v.value }, () => [
-        v.value ? ee((a(), r("input", {
+      V(c.$slots, "input", { showInput: m.value }, () => [
+        m.value ? ue((a(), s("input", {
           key: 0,
           ref_key: "inputRef",
-          ref: i,
-          "onUpdate:modelValue": w[0] || (w[0] = (x) => g.value = x),
+          ref: o,
+          "onUpdate:modelValue": y[0] || (y[0] = (w) => v.value = w),
           type: "text",
           placeholder: e.placeholder || "Type here",
           class: "h-full input input-ghost",
-          onKeydown: O,
+          onKeydown: $,
           "aria-label": "Add tags"
-        }, null, 40, Ft)), [
-          [me, g.value]
+        }, null, 40, Zt)), [
+          [ye, v.value]
         ]) : T("", !0)
       ])
     ], 2));
   }
-}), Ut = { class: "w-full max-w-xs form-control" }, _t = {
+}), Qt = { class: "w-full max-w-xs form-control" }, Yt = {
   key: 0,
   class: "label"
-}, qt = { class: "label-text" }, Ht = ["value"], Wt = {
+}, el = { class: "label-text" }, tl = ["value"], ll = {
   key: 0,
   value: "",
   disabled: "",
   selected: ""
-}, Kt = ["value"], Ql = /* @__PURE__ */ P({
+}, nl = ["value"], un = /* @__PURE__ */ L({
   __name: "select",
   props: {
     options: {},
@@ -1454,45 +1530,45 @@ const Ee = Q("SunIcon", [
     modelValue: {}
   },
   emits: ["update:modelValue"],
-  setup(e, { expose: c, emit: t }) {
+  setup(e, { expose: d, emit: l }) {
     console.log(e.placeholder);
-    const u = t, s = k(null), i = (v) => {
-      const p = v.target;
-      u("update:modelValue", p.value);
+    const r = l, i = k(null), o = (m) => {
+      const h = m.target;
+      r("update:modelValue", h.value);
     };
-    return c({
+    return d({
       focusInput: () => {
-        var v;
-        console.log("select.vue: focusInput method called."), (v = s.value) == null || v.focus();
+        var m;
+        console.log("select.vue: focusInput method called."), (m = i.value) == null || m.focus();
       }
       // You can expose other properties or methods here if needed by the parent
       // e.g., the current value: modelValue
-    }), (v, p) => (a(), r("div", Ut, [
-      e.label ? (a(), r("label", _t, [
-        l("span", qt, z(e.label), 1)
+    }), (m, h) => (a(), s("div", Qt, [
+      e.label ? (a(), s("label", Yt, [
+        n("span", el, z(e.label), 1)
       ])) : T("", !0),
-      l("select", {
+      n("select", {
         ref_key: "selectElement",
-        ref: s,
+        ref: i,
         class: "rounded-md w-full select-bordered select",
         value: e.modelValue,
-        onChange: i
+        onChange: o
       }, [
-        e.placeholder ? (a(), r("option", Wt, z(e.placeholder), 1)) : T("", !0),
-        (a(!0), r(j, null, E(e.options, (S) => (a(), r("option", {
-          key: S.value,
-          value: S.value
-        }, z(S.text), 9, Kt))), 128))
-      ], 40, Ht)
+        e.placeholder ? (a(), s("option", ll, z(e.placeholder), 1)) : T("", !0),
+        (a(!0), s(R, null, q(e.options, (I) => (a(), s("option", {
+          key: I.value,
+          value: I.value
+        }, z(I.text), 9, nl))), 128))
+      ], 40, tl)
     ]));
   }
-}), Xt = {
+}), al = {
   key: 0,
   class: "label"
-}, Gt = { class: "label-text" }, Jt = ["onKeydown", "aria-expanded", "aria-activedescendant"], Zt = ["placeholder", "disabled"], Qt = {
+}, ol = { class: "label-text" }, sl = ["onKeydown", "aria-expanded", "aria-activedescendant"], il = ["placeholder", "disabled"], rl = {
   class: "top-full z-10 absolute bg-base-100 shadow-lg mt-1 rounded-md w-full dropdown-content",
   role: "listbox"
-}, Yt = { class: "flex-nowrap p-0 w-[inherit] max-h-60 overflow-y-auto menu" }, el = ["onMousedown", "id", "aria-selected"], Yl = {
+}, ul = { class: "flex-nowrap p-0 w-[inherit] max-h-60 overflow-y-auto menu" }, dl = ["onMousedown", "id", "aria-selected"], dn = {
   __name: "filterableSelect",
   props: {
     // Array of options: [{ value: any, text: string }, ...]
@@ -1522,195 +1598,195 @@ const Ee = Q("SunIcon", [
     }
   },
   emits: ["update:modelValue", "select", "clear"],
-  setup(e, { expose: c, emit: t }) {
-    const o = e, u = t, s = we(), i = _(() => {
-      const $ = (s.default ? s.default() : []).filter((h) => h.type !== xe);
-      return console.log("hasDefaultSlotContent computed:", $.length > 0), $.length > 0;
-    }), g = k(""), v = k(null), p = k(!1), S = k(null), I = k(null), O = k(null), y = k(null), w = () => {
-      p.value = !o.disabled;
-    }, x = () => {
-      p.value = !1, y.value = null, i.value || (v.value && g.value !== v.value.text ? g.value = v.value.text : v.value || (g.value = ""));
-    }, C = () => {
-      p.value ? x() : w();
-    }, B = _(() => {
-      const n = g.value ? g.value.toLowerCase() : "";
-      return n === "" && !p.value ? [] : o.options.filter(
-        (h) => h && h.text ? h.text.toLowerCase().includes(n) : ""
+  setup(e, { expose: d, emit: l }) {
+    const t = e, r = l, i = Ve(), o = J(() => {
+      const O = (i.default ? i.default() : []).filter((x) => x.type !== Be);
+      return console.log("hasDefaultSlotContent computed:", O.length > 0), O.length > 0;
+    }), v = k(""), m = k(null), h = k(!1), I = k(null), A = k(null), $ = k(null), c = k(null), y = () => {
+      h.value = !t.disabled;
+    }, w = () => {
+      h.value = !1, c.value = null, o.value || (m.value && v.value !== m.value.text ? v.value = m.value.text : m.value || (v.value = ""));
+    }, S = () => {
+      h.value ? w() : y();
+    }, P = J(() => {
+      const u = v.value ? v.value.toLowerCase() : "";
+      return u === "" && !h.value ? [] : t.options.filter(
+        (x) => x && x.text ? x.text.toLowerCase().includes(u) : ""
       );
     });
-    A(
-      () => o.modelValue,
-      (n, $) => {
-        if (n !== $ && x(), n == null)
-          v.value = null, !p.value && !i.value && (g.value = "");
+    N(
+      () => t.modelValue,
+      (u, O) => {
+        if (u !== O && w(), u == null)
+          m.value = null, !h.value && !o.value && (v.value = "");
         else {
-          const h = o.options.find((D) => D.value === n);
-          h ? (v.value = h, !p.value && !i.value && (g.value = h.text)) : (v.value = null, !p.value && !i.value && (g.value = ""));
+          const x = t.options.find((E) => E.value === u);
+          x ? (m.value = x, !h.value && !o.value && (v.value = x.text)) : (m.value = null, !h.value && !o.value && (v.value = ""));
         }
       },
       { immediate: !0 }
       // Run immediately on component mount
     );
-    const L = (n) => {
-      I.value && !I.value.contains(n.target) && x();
-    }, R = () => {
+    const _ = (u) => {
+      A.value && !A.value.contains(u.target) && w();
+    }, U = () => {
       setTimeout(() => {
-        I.value && !I.value.contains(document.activeElement) && x();
+        A.value && !A.value.contains(document.activeElement) && w();
       }, 100);
     };
-    A(p, (n) => {
-      n ? setTimeout(() => {
-        document.addEventListener("click", L);
-      }, 0) : document.removeEventListener("click", L);
-    }), ie(() => {
-      document.removeEventListener("click", L), window.removeEventListener("keydown", b);
+    N(h, (u) => {
+      u ? setTimeout(() => {
+        document.addEventListener("click", _);
+      }, 0) : document.removeEventListener("click", _);
+    }), pe(() => {
+      document.removeEventListener("click", _), window.removeEventListener("keydown", B);
     });
-    const N = () => {
-      if (o.disabled) return;
-      const n = v.value;
-      u("update:modelValue", null), n && u("clear", n);
-    }, m = (n) => {
-      v.value = n, i.value || (g.value = n.text), u("update:modelValue", n.value), u("select", n), x();
-    }, d = () => {
-      B.value.length > 0 && m(B.value[0]);
-    }, f = () => {
-      p.value || w();
-    }, b = (n) => {
-      if (!p.value || B.value.length === 0) return;
-      const $ = B.value.findIndex(
-        (D, F) => "option-" + F === y.value
+    const K = () => {
+      if (t.disabled) return;
+      const u = m.value;
+      r("update:modelValue", null), u && r("clear", u);
+    }, f = (u) => {
+      m.value = u, o.value || (v.value = u.text), r("update:modelValue", u.value), r("select", u), w();
+    }, g = () => {
+      P.value.length > 0 && f(P.value[0]);
+    }, C = () => {
+      h.value || y();
+    }, B = (u) => {
+      if (!h.value || P.value.length === 0) return;
+      const O = P.value.findIndex(
+        (E, W) => "option-" + W === c.value
       );
-      let h = -1;
-      if (n.key === "ArrowDown")
-        n.preventDefault(), h = ($ + 1) % B.value.length;
-      else if (n.key === "ArrowUp")
-        n.preventDefault(), h = ($ - 1 + B.value.length) % B.value.length;
-      else if (n.key === "Enter" && y.value) {
-        n.preventDefault();
-        const D = B.value.find(
-          (F, q) => "option-" + q === y.value
+      let x = -1;
+      if (u.key === "ArrowDown")
+        u.preventDefault(), x = (O + 1) % P.value.length;
+      else if (u.key === "ArrowUp")
+        u.preventDefault(), x = (O - 1 + P.value.length) % P.value.length;
+      else if (u.key === "Enter" && c.value) {
+        u.preventDefault();
+        const E = P.value.find(
+          (W, H) => "option-" + H === c.value
         );
-        D && m(D);
+        E && f(E);
         return;
-      } else if (n.key === "Escape") {
-        n.preventDefault(), x(), O.value && O.value.focus();
+      } else if (u.key === "Escape") {
+        u.preventDefault(), w(), $.value && $.value.focus();
         return;
-      } else if (i.value)
+      } else if (o.value)
         return;
-      if (h !== -1) {
-        y.value = "option-" + h;
-        const D = document.getElementById(y.value);
-        D && requestAnimationFrame(() => {
-          D.scrollIntoView({ block: "nearest", behavior: "smooth" });
+      if (x !== -1) {
+        c.value = "option-" + x;
+        const E = document.getElementById(c.value);
+        E && requestAnimationFrame(() => {
+          E.scrollIntoView({ block: "nearest", behavior: "smooth" });
         });
       }
     };
-    return A(p, (n) => {
-      n ? (window.addEventListener("keydown", b), !i.value && !g.value && v.value && (g.value = v.value.text)) : window.removeEventListener("keydown", b);
-    }), ie(() => {
-      document.removeEventListener("click", L), window.removeEventListener("keydown", b);
-    }), c({
-      isDropdownOpen: p,
+    return N(h, (u) => {
+      u ? (window.addEventListener("keydown", B), !o.value && !v.value && m.value && (v.value = m.value.text)) : window.removeEventListener("keydown", B);
+    }), pe(() => {
+      document.removeEventListener("click", _), window.removeEventListener("keydown", B);
+    }), d({
+      isDropdownOpen: h,
       // Expose state
-      selectedItem: v,
+      selectedItem: m,
       // Expose selected item
-      openDropdown: w,
+      openDropdown: y,
       // Expose method to open
-      closeDropdown: x,
+      closeDropdown: w,
       // Expose method to close
-      toggleDropdown: C,
+      toggleDropdown: S,
       // Expose method to toggle
-      selectItem: m,
+      selectItem: f,
       // Expose method to select an item programmatically
-      filterText: g,
+      filterText: v,
       // Expose filter text (useful if parent controls filtering)
-      hasDefaultSlotContent: i
+      hasDefaultSlotContent: o
       // Expose to know if the default slot is used
-    }), (n, $) => (a(), r("div", {
+    }), (u, O) => (a(), s("div", {
       class: "relative w-full max-w-xs form-control",
       ref_key: "componentRoot",
-      ref: I
+      ref: A
     }, [
-      e.label ? (a(), r("label", Xt, [
-        l("span", Gt, z(e.label), 1)
+      e.label ? (a(), s("label", al, [
+        n("span", ol, z(e.label), 1)
       ])) : T("", !0),
-      l("div", {
-        class: M(["flex items-center input-bordered rounded-md w-fit cursor-pointer", { input: !i.value, select: !i.value }]),
-        style: Z(
-          v.value ? "background-image: unset; padding-right: 0.5rem;" : ""
+      n("div", {
+        class: M(["flex items-center input-bordered rounded-md w-fit cursor-pointer", { input: !o.value, select: !o.value }]),
+        style: se(
+          m.value ? "background-image: unset; padding-right: 0.5rem;" : ""
         ),
         tabindex: "0",
-        onClick: $[1] || ($[1] = (h) => i.value ? C() : w()),
+        onClick: O[1] || (O[1] = (x) => o.value ? S() : y()),
         onKeydown: [
-          re(H(d, ["prevent"]), ["enter"]),
-          re(H(d, ["prevent"]), ["space"])
+          te(Z(g, ["prevent"]), ["enter"]),
+          te(Z(g, ["prevent"]), ["space"])
         ],
-        onBlur: R,
+        onBlur: U,
         role: "combobox",
         "aria-haspopup": "listbox",
-        "aria-expanded": p.value,
-        "aria-activedescendant": y.value,
+        "aria-expanded": h.value,
+        "aria-activedescendant": c.value,
         "aria-autocomplete": "list",
         ref_key: "activatorWrapper",
-        ref: O
+        ref: $
       }, [
-        V(n.$slots, "default", {}, () => [
-          i.value ? T("", !0) : ee((a(), r("input", {
+        V(u.$slots, "default", {}, () => [
+          o.value ? T("", !0) : ue((a(), s("input", {
             key: 0,
             type: "text",
             placeholder: e.placeholder,
             class: "bg-transparent border-none focus:outline-none w-full",
-            "onUpdate:modelValue": $[0] || ($[0] = (h) => g.value = h),
+            "onUpdate:modelValue": O[0] || (O[0] = (x) => v.value = x),
             ref_key: "filterInput",
-            ref: S,
-            onFocus: w,
-            onInput: f,
+            ref: I,
+            onFocus: y,
+            onInput: C,
             tabindex: "-1",
-            disabled: o.disabled
-          }, null, 40, Zt)), [
-            [me, g.value]
+            disabled: t.disabled
+          }, null, 40, il)), [
+            [ye, v.value]
           ])
         ]),
-        v.value && !e.disabled ? (a(), W(U(je), {
+        m.value && !e.disabled ? (a(), Q(G(Ue), {
           key: 0,
           size: 20,
           class: "mx-2 text-base-content/50 hover:text-base-content/80 cursor-pointer",
-          onClick: H(N, ["stop"])
+          onClick: Z(K, ["stop"])
         })) : T("", !0),
-        i.value && !v.value ? (a(), W(U(Pe), {
+        o.value && !m.value ? (a(), Q(G(qe), {
           key: 1,
-          class: M([{ "rotate-180": p.value }, "mx-2"]),
+          class: M([{ "rotate-180": h.value }, "mx-2"]),
           size: 20
         }, null, 8, ["class"])) : T("", !0)
-      ], 46, Jt),
-      ee(l("div", Qt, [
-        l("ul", Yt, [
-          (a(!0), r(j, null, E(B.value, (h, D) => (a(), r("li", {
-            key: h.value,
-            onMousedown: H((F) => m(h), ["prevent"]),
+      ], 46, sl),
+      ue(n("div", rl, [
+        n("ul", ul, [
+          (a(!0), s(R, null, q(P.value, (x, E) => (a(), s("li", {
+            key: x.value,
+            onMousedown: Z((W) => f(x), ["prevent"]),
             class: "hover:bg-base-200 rounded-md w-full cursor-pointer",
-            id: "option-" + D,
+            id: "option-" + E,
             role: "option",
-            "aria-selected": v.value && v.value.value === h.value
+            "aria-selected": m.value && m.value.value === x.value
           }, [
-            l("a", null, z(h.text), 1)
-          ], 40, el))), 128))
+            n("a", null, z(x.text), 1)
+          ], 40, dl))), 128))
         ])
       ], 512), [
-        [ke, p.value && B.value.length > 0]
+        [ze, h.value && P.value.length > 0]
       ])
     ], 512));
   }
-}, tl = { class: "w-full max-w-xs form-control" }, ll = {
+}, cl = { class: "w-full max-w-xs form-control" }, fl = {
   key: 0,
   class: "label"
-}, nl = { class: "label-text" }, al = ["type", "placeholder", "disabled", "value"], ol = {
+}, ml = { class: "label-text" }, vl = ["type", "placeholder", "disabled", "value"], pl = {
   key: 1,
   class: "label"
-}, sl = { class: "label-text-alt text-error validator-hint" }, il = {
+}, hl = { class: "label-text-alt text-error validator-hint" }, gl = {
   key: 2,
   class: "label"
-}, rl = { class: "label-text-alt text-success validator-hint" }, en = /* @__PURE__ */ P({
+}, bl = { class: "label-text-alt text-success validator-hint" }, cn = /* @__PURE__ */ L({
   __name: "inputField",
   props: {
     modelValue: { default: "" },
@@ -1726,42 +1802,42 @@ const Ee = Q("SunIcon", [
     disabled: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue", "validate"],
-  setup(e, { expose: c, emit: t }) {
-    const o = e, u = t, s = k(null), i = k(!1), g = k(""), v = _(() => {
-      var C, B, L, R;
-      let y = !0, w = "";
-      const x = o.modelValue;
-      return (C = o.rules) != null && C.required && (x == null || x === "") && (y = !1, w = "This field is required."), y && ((B = o.rules) == null ? void 0 : B.minLength) !== void 0 && typeof x == "string" && x.length < o.rules.minLength && (y = !1, w = `Must be at least ${o.rules.minLength} characters.`), y && ((L = o.rules) == null ? void 0 : L.maxLength) !== void 0 && typeof x == "string" && x.length > o.rules.maxLength && (y = !1, w = `Cannot exceed ${o.rules.maxLength} characters.`), y && ((R = o.rules) != null && R.email) && typeof x == "string" && x && (/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(x) || (y = !1, w = "Please enter a valid email address.")), g.value = w, u("validate", y), y;
-    }), p = _(() => i.value && !v.value), S = (y) => {
-      const w = y.target;
-      u("update:modelValue", w.value), i.value && v.value;
-    }, I = () => {
-      i.value = !0, v.value;
+  setup(e, { expose: d, emit: l }) {
+    const t = e, r = l, i = k(null), o = k(!1), v = k(""), m = J(() => {
+      var S, P, _, U;
+      let c = !0, y = "";
+      const w = t.modelValue;
+      return (S = t.rules) != null && S.required && (w == null || w === "") && (c = !1, y = "This field is required."), c && ((P = t.rules) == null ? void 0 : P.minLength) !== void 0 && typeof w == "string" && w.length < t.rules.minLength && (c = !1, y = `Must be at least ${t.rules.minLength} characters.`), c && ((_ = t.rules) == null ? void 0 : _.maxLength) !== void 0 && typeof w == "string" && w.length > t.rules.maxLength && (c = !1, y = `Cannot exceed ${t.rules.maxLength} characters.`), c && ((U = t.rules) != null && U.email) && typeof w == "string" && w && (/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(w) || (c = !1, y = "Please enter a valid email address.")), v.value = y, r("validate", c), c;
+    }), h = J(() => o.value && !m.value), I = (c) => {
+      const y = c.target;
+      r("update:modelValue", y.value), o.value && m.value;
+    }, A = () => {
+      o.value = !0, m.value;
     };
-    return A(
-      () => o.modelValue,
+    return N(
+      () => t.modelValue,
       () => {
-        i.value && v.value;
+        o.value && m.value;
       }
-    ), c({
+    ), d({
       focusInput: () => {
-        var y;
-        console.log("inputField.vue: focusInput method called."), (y = s.value) == null || y.focus();
+        var c;
+        console.log("inputField.vue: focusInput method called."), (c = i.value) == null || c.focus();
       },
-      isValid: v,
-      isTouched: i,
-      errorMessage: g
-    }), (y, w) => (a(), r("div", tl, [
-      e.label ? (a(), r("label", ll, [
-        l("span", nl, z(e.label), 1)
+      isValid: m,
+      isTouched: o,
+      errorMessage: v
+    }), (c, y) => (a(), s("div", cl, [
+      e.label ? (a(), s("label", fl, [
+        n("span", ml, z(e.label), 1)
       ])) : T("", !0),
-      V(y.$slots, "default"),
-      l("input", {
+      V(c.$slots, "default"),
+      n("input", {
         ref_key: "inputElement",
-        ref: s,
+        ref: i,
         type: e.type,
         placeholder: e.placeholder,
-        disabled: o.disabled,
+        disabled: t.disabled,
         class: M(["input-bordered rounded-md w-full input validator", [
           {
             // Size classes - Apply based on size prop
@@ -1774,33 +1850,33 @@ const Ee = Q("SunIcon", [
             "input-ghost": e.style === "ghost",
             // Color classes - Apply only if NOT in an error state AND NOT in a validation success state.
             // This ensures validation feedback overrides base colors.
-            "input-neutral": e.color === "neutral" && !p.value && !(v.value && i.value && e.needsValidation),
-            "input-primary": e.color === "primary" && !p.value && !(v.value && i.value && e.needsValidation),
-            "input-secondary": e.color === "secondary" && !p.value && !(v.value && i.value && e.needsValidation),
-            "input-accent": e.color === "accent" && !p.value && !(v.value && i.value && e.needsValidation),
-            "input-info": e.color === "info" && !p.value && !(v.value && i.value && e.needsValidation),
-            "input-success": e.color === "success" && !p.value && !(v.value && i.value && e.needsValidation),
+            "input-neutral": e.color === "neutral" && !h.value && !(m.value && o.value && e.needsValidation),
+            "input-primary": e.color === "primary" && !h.value && !(m.value && o.value && e.needsValidation),
+            "input-secondary": e.color === "secondary" && !h.value && !(m.value && o.value && e.needsValidation),
+            "input-accent": e.color === "accent" && !h.value && !(m.value && o.value && e.needsValidation),
+            "input-info": e.color === "info" && !h.value && !(m.value && o.value && e.needsValidation),
+            "input-success": e.color === "success" && !h.value && !(m.value && o.value && e.needsValidation),
             // Color success applies only if not in error or validation success state
-            "input-warning": e.color === "warning" && !p.value && !(v.value && i.value && e.needsValidation),
+            "input-warning": e.color === "warning" && !h.value && !(m.value && o.value && e.needsValidation),
             // Validation state classes - These take precedence visually via conditions or CSS specificity.
-            "input-error": p.value,
+            "input-error": h.value,
             // Apply error style if validation fails
-            "input-success-validation": v.value && i.value && !p.value && e.needsValidation
+            "input-success-validation": m.value && o.value && !h.value && e.needsValidation
             // Apply validation success style if valid, touched, not error, AND validation is needed. Using a distinct name 'input-success-validation' is recommended to avoid CSS conflicts with the 'input-success' color class.
           }
         ]]),
         value: e.modelValue,
-        onInput: S,
-        onBlur: I
-      }, null, 42, al),
-      p.value ? (a(), r("div", ol, [
-        l("span", sl, z(g.value), 1)
-      ])) : v.value && i.value && e.successMessage ? (a(), r("div", il, [
-        l("span", rl, z(e.successMessage), 1)
+        onInput: I,
+        onBlur: A
+      }, null, 42, vl),
+      h.value ? (a(), s("div", pl, [
+        n("span", hl, z(v.value), 1)
+      ])) : m.value && o.value && e.successMessage ? (a(), s("div", gl, [
+        n("span", bl, z(e.successMessage), 1)
       ])) : T("", !0)
     ]));
   }
-}), tn = /* @__PURE__ */ P({
+}), fn = /* @__PURE__ */ L({
   __name: "loader",
   props: {
     loading: { type: Boolean, default: !0 },
@@ -1809,13 +1885,13 @@ const Ee = Q("SunIcon", [
     color: { default: "primary" }
   },
   setup(e) {
-    const c = e, t = k(c.loading);
-    return A(
-      () => c.loading,
-      (o) => {
-        t.value = o;
+    const d = e, l = k(d.loading);
+    return N(
+      () => d.loading,
+      (t) => {
+        l.value = t;
       }
-    ), (o, u) => t.value ? (a(), r("span", {
+    ), (t, r) => l.value ? (a(), s("span", {
       key: 0,
       class: M(["loading", [
         { "loading-xs": e.size === "xs" },
@@ -1842,13 +1918,13 @@ const Ee = Q("SunIcon", [
       ]])
     }, null, 2)) : T("", !0);
   }
-}), ul = { class: "footer sm:footer-horizontal container" }, dl = { class: "footer-title" }, cl = ["href"], fl = {
+}), yl = { class: "footer sm:footer-horizontal container" }, wl = { class: "footer-title" }, xl = ["href"], kl = {
   key: 0,
   class: "sm:hidden w-full"
-}, ml = { class: "border-b-2 border-base-100 last:border-b-0 w-full" }, vl = {
+}, $l = { class: "border-b-2 border-base-100 last:border-b-0 w-full" }, Cl = {
   tabindex: "0",
   class: "collapse collapse-plus w-full"
-}, pl = { class: "collapse-title font-bold text-lg collapsible-footer-title" }, hl = { class: "collapse-content flex w-full text-sm" }, gl = { class: "flex flex-col gap-2.5" }, bl = { class: "w-full" }, yl = ["href"], wl = { class: "w-full" }, ln = /* @__PURE__ */ P({
+}, Sl = { class: "collapse-title font-bold text-lg collapsible-footer-title" }, Il = { class: "collapse-content flex w-full text-sm" }, Tl = { class: "flex flex-col gap-2.5" }, Ml = { class: "w-full" }, Vl = ["href"], Bl = { class: "w-full" }, mn = /* @__PURE__ */ L({
   __name: "footer",
   props: {
     items: {},
@@ -1857,118 +1933,118 @@ const Ee = Q("SunIcon", [
     collapseOnMobile: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const c = e;
-    return (t, o) => (a(), r("div", {
+    const d = e;
+    return (l, t) => (a(), s("div", {
       class: M(["mx-auto md:px-10 py-10 text-base-content", [e.background ?? "bg-base-200", e.color ?? "text-base-content"]])
     }, [
-      l("footer", ul, [
-        (a(!0), r(j, null, E(c.items, (u) => (a(), r("nav", {
+      n("footer", yl, [
+        (a(!0), s(R, null, q(d.items, (r) => (a(), s("nav", {
           class: M([{ "hidden sm:grid": e.collapseOnMobile }])
         }, [
-          l("h6", dl, z(u.title), 1),
-          (a(!0), r(j, null, E(u.items, (s) => (a(), r("a", {
+          n("h6", wl, z(r.title), 1),
+          (a(!0), s(R, null, q(r.items, (i) => (a(), s("a", {
             class: "link link-hover",
-            href: s.link
-          }, z(s.text), 9, cl))), 256))
+            href: i.link
+          }, z(i.text), 9, xl))), 256))
         ], 2))), 256)),
-        e.collapseOnMobile ? (a(), r("nav", fl, [
-          (a(!0), r(j, null, E(c.items, (u) => (a(), r("ul", ml, [
-            l("div", vl, [
-              l("div", pl, z(u.title), 1),
-              l("div", hl, [
-                l("ul", gl, [
-                  (a(!0), r(j, null, E(u.items, (s) => (a(), r("li", bl, [
-                    l("a", {
+        e.collapseOnMobile ? (a(), s("nav", kl, [
+          (a(!0), s(R, null, q(d.items, (r) => (a(), s("ul", $l, [
+            n("div", Cl, [
+              n("div", Sl, z(r.title), 1),
+              n("div", Il, [
+                n("ul", Tl, [
+                  (a(!0), s(R, null, q(r.items, (i) => (a(), s("li", Ml, [
+                    n("a", {
                       class: "w-full font-medium link link-hover",
-                      href: s.link
-                    }, z(s.text), 9, yl)
+                      href: i.link
+                    }, z(i.text), 9, Vl)
                   ]))), 256))
                 ])
               ])
             ])
           ]))), 256))
         ])) : T("", !0),
-        l("aside", wl, [
-          V(t.$slots, "default")
+        n("aside", Bl, [
+          V(l.$slots, "default")
         ])
       ])
     ], 2));
   }
-}), xl = {}, kl = { class: "min-h-40 container hero" }, $l = { class: "px-0! text-center hero-content" }, Cl = { class: "mt-9 text-4xl" };
-function Sl(e, c) {
-  return a(), r("div", kl, [
-    l("div", $l, [
-      l("div", null, [
-        l("h1", Cl, [
+}), zl = {}, Ol = { class: "min-h-40 container hero" }, Dl = { class: "px-0! text-center hero-content" }, Pl = { class: "mt-9 text-4xl" };
+function jl(e, d) {
+  return a(), s("div", Ol, [
+    n("div", Dl, [
+      n("div", null, [
+        n("h1", Pl, [
           V(e.$slots, "title", {}, () => [
-            c[0] || (c[0] = ue("hero title", -1))
+            d[0] || (d[0] = be("hero title", -1))
           ])
         ]),
-        l("p", null, [
+        n("p", null, [
           V(e.$slots, "description", { class: "py-9" })
         ]),
         V(e.$slots, "call-to-action-block", { class: "max-w-full" }, () => [
-          c[1] || (c[1] = l("button", { class: "btn btn-primary" }, "Call to action", -1))
+          d[1] || (d[1] = n("button", { class: "btn btn-primary" }, "Call to action", -1))
         ])
       ])
     ])
   ]);
 }
-const nn = /* @__PURE__ */ J(xl, [["render", Sl]]), Il = { class: "flex flex-row place-content-center gap-4 categories" }, Tl = ["onClick"], an = /* @__PURE__ */ P({
+const vn = /* @__PURE__ */ ae(zl, [["render", jl]]), El = { class: "flex flex-row place-content-center gap-4 categories" }, Ll = ["onClick"], pn = /* @__PURE__ */ L({
   __name: "categoryNavigation",
   props: {
     searchOptions: {},
     currentCategory: {}
   },
   emits: ["update:currentCategory"],
-  setup(e, { emit: c }) {
-    const t = e, o = c;
-    function u(s) {
-      o("update:currentCategory", s);
+  setup(e, { emit: d }) {
+    const l = e, t = d;
+    function r(i) {
+      t("update:currentCategory", i);
     }
-    return (s, i) => (a(), r("div", Il, [
-      (a(!0), r(j, null, E(t.searchOptions, (g) => (a(), r("div", {
-        key: g.category
+    return (i, o) => (a(), s("div", El, [
+      (a(!0), s(R, null, q(l.searchOptions, (v) => (a(), s("div", {
+        key: v.category
       }, [
-        l("button", {
-          onClick: (v) => u(g.category),
-          class: M(["truncate btn btn-ghost", { "font-semibold": t.currentCategory === g.category }])
-        }, z(g.category), 11, Tl)
+        n("button", {
+          onClick: (m) => r(v.category),
+          class: M(["truncate btn btn-ghost", { "font-semibold": l.currentCategory === v.category }])
+        }, z(v.category), 11, Ll)
       ]))), 128))
     ]));
   }
-}), Ml = { class: "md:flex hidden navbar-start" }, Vl = { class: "md:flex justify-center items-center hidden navbar-center" }, Bl = { class: "md:flex hidden navbar-end" }, Dl = { class: "navbar-bottom md:flex hidden" }, zl = /* @__PURE__ */ P({
+}), Al = { class: "md:flex hidden navbar-start" }, Rl = { class: "md:flex justify-center items-center hidden navbar-center" }, Nl = { class: "md:flex hidden navbar-end" }, _l = { class: "navbar-bottom md:flex hidden" }, Fl = /* @__PURE__ */ L({
   __name: "navigationBar",
   props: {
     isCollapsed: { type: Boolean, default: !0 }
   },
   setup(e) {
-    const c = e;
-    return (t, o) => (a(), r("nav", {
-      class: M(["place-items-start border-primary bg-base-100 px-5 py-5 border-b-4 transition-all navbar navigationbar", c.isCollapsed ? "collapsed" : ""])
+    const d = e;
+    return (l, t) => (a(), s("nav", {
+      class: M(["place-items-start border-primary bg-base-100 px-5 py-5 border-b-4 transition-all navbar navigationbar", d.isCollapsed ? "collapsed" : ""])
     }, [
-      l("div", Ml, [
-        V(t.$slots, "start", {}, void 0, !0)
+      n("div", Al, [
+        V(l.$slots, "start", {}, void 0, !0)
       ]),
-      l("div", Vl, [
-        V(t.$slots, "center", {}, void 0, !0)
+      n("div", Rl, [
+        V(l.$slots, "center", {}, void 0, !0)
       ]),
-      l("div", Bl, [
-        V(t.$slots, "end", {}, void 0, !0)
+      n("div", Nl, [
+        V(l.$slots, "end", {}, void 0, !0)
       ]),
-      l("div", Dl, [
-        V(t.$slots, "bottom", {}, void 0, !0)
+      n("div", _l, [
+        V(l.$slots, "bottom", {}, void 0, !0)
       ])
     ], 2));
   }
-}), on = /* @__PURE__ */ J(zl, [["__scopeId", "data-v-8ddb2b45"]]), Ol = {
+}), hn = /* @__PURE__ */ ae(Fl, [["__scopeId", "data-v-8ddb2b45"]]), ql = {
   key: 0,
   class: "hidden top-4 right-0 absolute md:flex gap-4"
-}, Pl = ["onClick", "aria-selected"], jl = {
+}, Ul = ["onClick", "aria-selected"], Wl = {
   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"
-}, Ll = { class: "p-6 border-x-0 border-t-2 border-b-0 border-base-300 max-w-full" }, sn = /* @__PURE__ */ P({
+}, Hl = { class: "p-6 border-x-0 border-t-2 border-b-0 border-base-300 max-w-full" }, gn = /* @__PURE__ */ L({
   __name: "tab",
   props: {
     items: {},
@@ -1977,55 +2053,55 @@ const nn = /* @__PURE__ */ J(xl, [["render", Sl]]), Il = { class: "flex flex-row
     buttonOnlyMode: { type: Boolean, default: !1 }
   },
   emits: ["tab-changed"],
-  setup(e, { emit: c }) {
-    const t = e, o = k(t.items[0]), u = c;
-    function s(v) {
-      o.value = v, u("tab-changed", v);
+  setup(e, { emit: d }) {
+    const l = e, t = k(l.items[0]), r = d;
+    function i(m) {
+      t.value = m, r("tab-changed", m);
     }
-    function i() {
-      const p = (t.items.indexOf(o.value) + 1) % t.items.length;
-      s(t.items[p]);
+    function o() {
+      const h = (l.items.indexOf(t.value) + 1) % l.items.length;
+      i(l.items[h]);
     }
-    function g() {
-      const p = (t.items.indexOf(o.value) - 1 + t.items.length) % t.items.length;
-      s(t.items[p]);
+    function v() {
+      const h = (l.items.indexOf(t.value) - 1 + l.items.length) % l.items.length;
+      i(l.items[h]);
     }
-    return K(() => {
-      t.items && s(t.items[0]);
-    }), $e(() => {
-      t.rotateTabsAfter && t.rotateTabsAfter > 0 && setInterval(() => {
-        i();
-      }, t.rotateTabsAfter * 1e3);
-    }), (v, p) => (a(), r(j, null, [
-      l("div", {
+    return ne(() => {
+      l.items && i(l.items[0]);
+    }), Oe(() => {
+      l.rotateTabsAfter && l.rotateTabsAfter > 0 && setInterval(() => {
+        o();
+      }, l.rotateTabsAfter * 1e3);
+    }), (m, h) => (a(), s(R, null, [
+      n("div", {
         role: "tablist",
         class: M(["relative tabs-bordered w-full tabs tabs-lg", { "flex-nowrap overflow-x-auto": e.buttonOnlyMode }])
       }, [
-        e.withControlls ? (a(), r("div", Ol, [
-          l("button", {
-            onClick: p[0] || (p[0] = (S) => g()),
+        e.withControlls ? (a(), s("div", ql, [
+          n("button", {
+            onClick: h[0] || (h[0] = (I) => v()),
             class: "cursor-pointer"
           }, "Previous"),
-          l("button", {
-            onClick: p[1] || (p[1] = (S) => i()),
+          n("button", {
+            onClick: h[1] || (h[1] = (I) => o()),
             class: "text-primary cursor-pointer"
           }, "Next")
         ])) : T("", !0),
-        (a(!0), r(j, null, E(e.items, (S) => (a(), r(j, null, [
-          l("a", {
+        (a(!0), s(R, null, q(e.items, (I) => (a(), s(R, null, [
+          n("a", {
             type: "button",
             role: "tab",
-            class: M(["min-w-max tab", S === o.value ? "bg-primary text-base-100" : ""]),
-            onClick: (I) => s(S),
-            "aria-selected": o.value == S
-          }, z(S), 11, Pl),
-          e.buttonOnlyMode ? T("", !0) : (a(), r("div", jl, [
-            V(v.$slots, `${S}-tab`)
+            class: M(["min-w-max tab", I === t.value ? "bg-primary text-base-100" : ""]),
+            onClick: (A) => i(I),
+            "aria-selected": t.value == I
+          }, z(I), 11, Ul),
+          e.buttonOnlyMode ? T("", !0) : (a(), s("div", Wl, [
+            V(m.$slots, `${I}-tab`)
           ]))
         ], 64))), 256))
       ], 2),
-      l("div", Ll, [
-        V(v.$slots, "default")
+      n("div", Hl, [
+        V(m.$slots, "default")
       ])
     ], 64));
   }
@@ -2033,28 +2109,28 @@ const nn = /* @__PURE__ */ J(xl, [["render", Sl]]), Il = { class: "flex flex-row
 typeof document > "u" && (globalThis.document = {});
 typeof window > "u" && (globalThis.window = globalThis);
 export {
-  _l as Accordion,
-  Gl as AdvancedSearch,
-  ql as Avatar,
-  Hl as Badge,
-  Al as ButtonComponent,
-  Wl as Card,
-  Kl as Carousel,
-  Xl as CarouselItem,
-  an as CategoryNavigation,
-  jt as DatetimePicker,
-  Rl as Dropdown,
-  Yl as FilterableSelect,
-  ln as Footer,
-  nn as Hero,
-  en as InputField,
-  tn as Loader,
-  Nl as Modal,
-  on as NavigationBar,
-  Jl as Rating,
-  Ql as Selector,
-  Fl as Swap,
-  sn as Tab,
-  Zl as TagInput,
-  Ul as ThemeController
+  Yl as Accordion,
+  on as AdvancedSearch,
+  en as Avatar,
+  tn as Badge,
+  Xl as ButtonComponent,
+  ln as Card,
+  nn as Carousel,
+  an as CarouselItem,
+  pn as CategoryNavigation,
+  Wt as DatetimePicker,
+  Gl as Dropdown,
+  dn as FilterableSelect,
+  mn as Footer,
+  vn as Hero,
+  cn as InputField,
+  fn as Loader,
+  Jl as Modal,
+  hn as NavigationBar,
+  sn as Rating,
+  un as Selector,
+  Zl as Swap,
+  gn as Tab,
+  rn as TagInput,
+  Ql as ThemeController
 };