manolis-ui 0.6.12 → 0.6.18

package/dist/manolis-ui.js

@@ -1,8 +1,8 @@
-import { defineComponent as z, computed as B, createElementBlock as o, openBlock as a, normalizeClass as C, createCommentVNode as M, renderSlot as D, createTextVNode as ce, createElementVNode as n, Fragment as I, renderList as V, toDisplayString as x, ref as $, h as ie, onMounted as G, watch as N, withDirectives as R, createVNode as te, isRef as Be, vModelCheckbox as ze, unref as F, provide as Pe, normalizeStyle as se, inject as Ae, defineAsyncComponent as Le, onBeforeUnmount as ue, createBlock as de, resolveDynamicComponent as me, mergeProps as he, nextTick as ge, onUnmounted as we, vModelSelect as J, vModelText as ee, useSlots as Ee, Comment as Ue, withKeys as be, withModifiers as re, vShow as je } from "vue";
-const Re = {
+import { defineComponent as L, computed as E, createElementBlock as a, openBlock as n, normalizeClass as V, createCommentVNode as O, renderSlot as T, createTextVNode as ke, createElementVNode as o, Fragment as B, renderList as A, toDisplayString as C, ref as x, h as me, onMounted as Q, watch as H, withDirectives as q, createVNode as ae, isRef as ze, vModelCheckbox as Ae, unref as F, provide as Pe, normalizeStyle as de, inject as Ee, useId as Le, defineAsyncComponent as ce, nextTick as pe, onBeforeUnmount as ge, withModifiers as ee, createBlock as ue, resolveDynamicComponent as ve, mergeProps as fe, withKeys as he, onUnmounted as $e, vModelSelect as Z, vModelText as ne, useSlots as Ue, Comment as Re, vShow as Ne } from "vue";
+const je = {
   key: 0,
   class: "loading loading-spinner"
-}, sa = /* @__PURE__ */ z({
+}, pn = /* @__PURE__ */ L({
   __name: "ButtonComponent",
   props: {
     outlined: { type: Boolean, default: !1 },
@@ -13,8 +13,8 @@ const Re = {
     shape: {}
   },
   setup(i) {
-    const d = i, e = B(() => {
-      switch (d.size) {
+    const c = i, e = E(() => {
+      switch (c.size) {
         case "large":
           return "btn-lg";
         case "small":
@@ -28,8 +28,8 @@ const Re = {
         default:
           return "";
       }
-    }), t = B(() => {
-      switch (d.type) {
+    }), t = E(() => {
+      switch (c.type) {
         case "neutral":
           return "btn-neutral";
         case "primary":
@@ -53,8 +53,8 @@ const Re = {
         default:
           return "btn-neutral";
       }
-    }), l = B(() => {
-      switch (d.shape) {
+    }), s = E(() => {
+      switch (c.shape) {
         case "square":
           return "btn-square";
         case "circle":
@@ -63,19 +63,19 @@ const Re = {
           return "";
       }
     });
-    return (s, r) => (a(), o("button", {
-      class: C(["btn", { "btn-outline": d.outlined }, { "btn-active": d.active }, t.value, e.value, l.value])
+    return (l, r) => (n(), a("button", {
+      class: V(["btn", { "btn-outline": c.outlined }, { "btn-active": c.active }, t.value, e.value, s.value])
     }, [
-      s.loading ? (a(), o("span", Re)) : M("", !0),
-      D(s.$slots, "default", {}, () => [
-        r[0] || (r[0] = ce("Submit"))
+      l.loading ? (n(), a("span", je)) : O("", !0),
+      T(l.$slots, "default", {}, () => [
+        r[0] || (r[0] = ke("Submit"))
       ])
     ], 2));
   }
 }), Fe = {
   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"
-}, Ne = ["href"], ra = /* @__PURE__ */ z({
+}, qe = ["href"], vn = /* @__PURE__ */ L({
   __name: "dropdown",
   props: {
     items: {},
@@ -85,7 +85,7 @@ const Re = {
     forceOpen: { type: Boolean, default: !1 }
   },
   setup(i) {
-    const d = {
+    const c = {
       left: "dropdown-left",
       right: "dropdown-right",
       bottom: "dropdown-bottom",
@@ -94,68 +94,68 @@ const Re = {
       start: "",
       end: "dropdown-end"
     }, t = i;
-    return (l, s) => (a(), o("div", {
-      class: C(["dropdown", d[t.position], e[t.floatPosition], { "dropdown-open": t.forceOpen }, { "dropdown-hover": t.openOnHover }])
+    return (s, l) => (n(), a("div", {
+      class: V(["dropdown", c[t.position], e[t.floatPosition], { "dropdown-open": t.forceOpen }, { "dropdown-hover": t.openOnHover }])
     }, [
-      D(l.$slots, "default", {
+      T(s.$slots, "default", {
         tabindex: "0",
         role: "button"
       }, () => [
-        s[0] || (s[0] = n("div", { class: "m-1 btn" }, "Open dropdown", -1))
+        l[0] || (l[0] = o("div", { class: "m-1 btn" }, "Open dropdown", -1))
       ]),
-      n("ul", Fe, [
-        (a(!0), o(I, null, V(l.items, (r) => (a(), o("li", null, [
-          n("a", {
+      o("ul", Fe, [
+        (n(!0), a(B, null, A(s.items, (r) => (n(), a("li", null, [
+          o("a", {
             href: r.link
-          }, x(r.text), 9, Ne)
+          }, C(r.text), 9, qe)
         ]))), 256)),
-        D(l.$slots, "additional")
+        T(s.$slots, "additional")
       ])
     ], 2));
   }
-}), qe = { class: "modal-box" }, He = { class: "modal-action" }, ia = /* @__PURE__ */ z({
+}), He = { class: "modal-box" }, We = { class: "modal-action" }, fn = /* @__PURE__ */ L({
   __name: "modal",
   props: {
     position: { default: "center" },
     withBackdrop: { type: Boolean, default: !1 }
   },
   setup(i) {
-    const d = i, e = {
+    const c = i, e = {
       top: "modal-top",
       bottom: "modal-bottom",
       center: "modal-middle"
-    }, t = $(null), l = () => {
+    }, t = x(null), s = () => {
       var r;
       (r = t.value) == null || r.showModal();
-    }, s = () => {
+    }, l = () => {
       var r;
       (r = t.value) == null || r.close();
     };
-    return (r, g) => (a(), o(I, null, [
-      n("span", {
+    return (r, y) => (n(), a(B, null, [
+      o("span", {
         class: "w-fit cursor-pointer",
-        onClick: l
+        onClick: s
       }, [
-        D(r.$slots, "trigger", { role: "button" }, () => [
-          g[0] || (g[0] = n("button", { class: "btn" }, "Open", -1))
+        T(r.$slots, "trigger", { role: "button" }, () => [
+          y[0] || (y[0] = o("button", { class: "btn" }, "Open", -1))
         ])
       ]),
-      n("dialog", {
+      o("dialog", {
         ref_key: "dialog",
         ref: t,
-        class: C(["modal", e[d.position]])
+        class: V(["modal", e[c.position]])
       }, [
-        n("div", qe, [
-          D(r.$slots, "default"),
-          n("div", He, [
-            D(r.$slots, "actions"),
-            n("form", {
+        o("div", He, [
+          T(r.$slots, "default"),
+          o("div", We, [
+            T(r.$slots, "actions"),
+            o("form", {
               method: "dialog",
-              onSubmit: s,
-              class: C(r.withBackdrop ? "modal-backdrop" : "")
+              onSubmit: l,
+              class: V(r.withBackdrop ? "modal-backdrop" : "")
             }, [
-              D(r.$slots, "close-button", {}, () => [
-                g[1] || (g[1] = n("button", { class: "btn" }, "Close", -1))
+              T(r.$slots, "close-button", {}, () => [
+                y[1] || (y[1] = o("button", { class: "btn" }, "Close", -1))
               ])
             ], 34)
           ])
@@ -163,22 +163,22 @@ const Re = {
       ], 2)
     ], 64));
   }
-}), We = { class: "flex justify-center items-center swap-on" }, Ke = { class: "flex justify-center items-center swap-off" }, ua = /* @__PURE__ */ z({
+}), Ke = { class: "flex justify-center items-center swap-on" }, Ye = { class: "flex justify-center items-center swap-off" }, mn = /* @__PURE__ */ L({
   __name: "swap",
   props: {
     effect: {}
   },
   setup(i) {
-    const d = i;
-    return (e, t) => (a(), o("label", {
-      class: C(["swap", d.effect ? `swap-${e.effect}` : ""])
+    const c = i;
+    return (e, t) => (n(), a("label", {
+      class: V(["swap", c.effect ? `swap-${e.effect}` : ""])
     }, [
-      t[0] || (t[0] = n("input", { type: "checkbox" }, null, -1)),
-      n("div", We, [
-        D(e.$slots, "on")
+      t[0] || (t[0] = o("input", { type: "checkbox" }, null, -1)),
+      o("div", Ke, [
+        T(e.$slots, "on")
       ]),
-      n("div", Ke, [
-        D(e.$slots, "off")
+      o("div", Ye, [
+        T(e.$slots, "off")
       ])
     ], 2));
   }
@@ -189,14 +189,14 @@ const Re = {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ye = (i) => i.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
+const Je = (i) => i.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 oe = {
+var ie = {
   xmlns: "http://www.w3.org/2000/svg",
   width: 24,
   height: 24,
@@ -213,18 +213,18 @@ var oe = {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Je = ({ size: i, strokeWidth: d = 2, absoluteStrokeWidth: e, color: t, iconNode: l, name: s, class: r, ...g }, { slots: c }) => ie(
+const Ge = ({ size: i, strokeWidth: c = 2, absoluteStrokeWidth: e, color: t, iconNode: s, name: l, class: r, ...y }, { slots: p }) => me(
   "svg",
   {
-    ...oe,
-    width: i || oe.width,
-    height: i || oe.height,
-    stroke: t || oe.stroke,
-    "stroke-width": e ? Number(d) * 24 / Number(i) : d,
-    class: ["lucide", `lucide-${Ye(s ?? "icon")}`],
-    ...g
+    ...ie,
+    width: i || ie.width,
+    height: i || ie.height,
+    stroke: t || ie.stroke,
+    "stroke-width": e ? Number(c) * 24 / Number(i) : c,
+    class: ["lucide", `lucide-${Je(l ?? "icon")}`],
+    ...y
   },
-  [...l.map((p) => ie(...p)), ...c.default ? [c.default()] : []]
+  [...s.map((f) => me(...f)), ...p.default ? [p.default()] : []]
 );
 /**
  * @license lucide-vue-next v0.468.0 - ISC
@@ -232,11 +232,11 @@ const Je = ({ size: i, strokeWidth: d = 2, absoluteStrokeWidth: e, color: t, ico
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const le = (i, d) => (e, { slots: t }) => ie(
-  Je,
+const oe = (i, c) => (e, { slots: t }) => me(
+  Ge,
   {
     ...e,
-    iconNode: d,
+    iconNode: c,
     name: i
   },
   t
@@ -247,7 +247,7 @@ const le = (i, d) => (e, { slots: t }) => ie(
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ge = le("CalendarIcon", [
+const Xe = oe("CalendarIcon", [
   ["path", { d: "M8 2v4", key: "1cmpym" }],
   ["path", { d: "M16 2v4", key: "4m81vk" }],
   ["rect", { width: "18", height: "18", x: "3", y: "4", rx: "2", key: "1hopcy" }],
@@ -259,7 +259,7 @@ const Ge = le("CalendarIcon", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Xe = le("ChevronDownIcon", [
+const Ze = oe("ChevronDownIcon", [
   ["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]
 ]);
 /**
@@ -268,7 +268,7 @@ const Xe = le("ChevronDownIcon", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ze = le("MoonIcon", [
+const Qe = oe("MoonIcon", [
   ["path", { d: "M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z", key: "a7tn18" }]
 ]);
 /**
@@ -277,7 +277,7 @@ const Ze = le("MoonIcon", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const ye = le("SearchIcon", [
+const we = oe("SearchIcon", [
   ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }],
   ["path", { d: "m21 21-4.3-4.3", key: "1qie3q" }]
 ]);
@@ -287,7 +287,7 @@ const ye = le("SearchIcon", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Qe = le("SunIcon", [
+const et = oe("SunIcon", [
   ["circle", { cx: "12", cy: "12", r: "4", key: "4exip2" }],
   ["path", { d: "M12 2v2", key: "tus03m" }],
   ["path", { d: "M12 20v2", key: "1lh1kg" }],
@@ -297,44 +297,44 @@ const Qe = le("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" }]
-]), et = (i, d) => {
-  const e = $(null);
-  return G(() => {
+]), tt = (i, c) => {
+  const e = x(null);
+  return Q(() => {
     if (typeof window < "u") {
       const t = window.localStorage.getItem(i);
-      e.value = t ? JSON.parse(t) : d;
+      e.value = t ? JSON.parse(t) : c;
     }
-  }), N(e, (t) => {
+  }), H(e, (t) => {
     typeof window < "u" && window.localStorage.setItem(i, JSON.stringify(t));
   }), e;
-}, tt = { class: "swap-rotate swap" }, lt = ["true-value", "false-value"], da = /* @__PURE__ */ z({
+}, lt = { class: "swap-rotate swap" }, nt = ["true-value", "false-value"], gn = /* @__PURE__ */ L({
   __name: "theme-controller",
   props: {
     lightTheme: { default: "light" },
     darkTheme: { default: "dark" }
   },
   setup(i) {
-    const d = i, e = et("theme", d.lightTheme);
-    function t(l) {
-      typeof window < "u" && window.document && document.documentElement.setAttribute("data-theme", l);
+    const c = i, e = tt("theme", c.lightTheme);
+    function t(s) {
+      typeof window < "u" && window.document && document.documentElement.setAttribute("data-theme", s);
     }
-    return G(() => t(e.value ? e.value : "")), N(e, (l) => {
-      t(l);
-    }), (l, s) => (a(), o("label", tt, [
-      R(n("input", {
+    return Q(() => t(e.value ? e.value : "")), H(e, (s) => {
+      t(s);
+    }), (s, l) => (n(), a("label", lt, [
+      q(o("input", {
         type: "checkbox",
         class: "theme-controller",
-        "onUpdate:modelValue": s[0] || (s[0] = (r) => Be(e) ? e.value = r : null),
-        "true-value": d.lightTheme,
-        "false-value": d.darkTheme
-      }, null, 8, lt), [
-        [ze, F(e)]
+        "onUpdate:modelValue": l[0] || (l[0] = (r) => ze(e) ? e.value = r : null),
+        "true-value": c.lightTheme,
+        "false-value": c.darkTheme
+      }, null, 8, nt), [
+        [Ae, F(e)]
       ]),
-      te(F(Qe), { class: "swap-off fill-current" }),
-      te(F(Ze), { class: "swap-on fill-current" })
+      ae(F(et), { class: "swap-off fill-current" }),
+      ae(F(Qe), { class: "swap-on fill-current" })
     ]));
   }
-}), at = ["name"], nt = { class: "collapse-title font-bold text-2xl lg:text-4xl" }, ot = { class: "collapse-content" }, st = ["innerHTML"], ca = /* @__PURE__ */ z({
+}), at = ["name"], ot = { class: "collapse-title font-bold text-2xl lg:text-4xl" }, st = { class: "collapse-content" }, rt = ["innerHTML"], hn = /* @__PURE__ */ L({
   __name: "accordion",
   props: {
     name: {},
@@ -343,25 +343,25 @@ const Qe = le("SunIcon", [
     icon: {}
   },
   setup(i) {
-    const d = i;
-    return (e, t) => (a(!0), o(I, null, V(d.items, (l, s) => (a(), o("div", {
-      class: C(["collapse border border-base-300", [e.icon ? `collapse-${e.icon}` : "", { "join-item": e.joinItems }]]),
-      key: s
+    const c = i;
+    return (e, t) => (n(!0), a(B, null, A(c.items, (s, l) => (n(), a("div", {
+      class: V(["collapse border border-base-300", [e.icon ? `collapse-${e.icon}` : "", { "join-item": e.joinItems }]]),
+      key: l
     }, [
-      n("input", {
+      o("input", {
         type: "radio",
         name: e.name,
         value: "true"
       }, null, 8, at),
-      n("div", nt, x(l.title), 1),
-      n("div", ot, [
-        n("span", {
-          innerHTML: l.content
-        }, null, 8, st)
+      o("div", ot, C(s.title), 1),
+      o("div", st, [
+        o("span", {
+          innerHTML: s.content
+        }, null, 8, rt)
       ])
     ], 2))), 128));
   }
-}), rt = ["src"], it = { class: "text-xl" }, pa = /* @__PURE__ */ z({
+}), it = ["src"], ut = { class: "text-xl" }, bn = /* @__PURE__ */ L({
   __name: "avatar",
   props: {
     image: {},
@@ -370,32 +370,32 @@ const Qe = le("SunIcon", [
     fullyRounded: { type: Boolean, default: !1 }
   },
   setup(i) {
-    const d = i, e = $(d.onlineStatus);
-    return N(
-      () => d.onlineStatus,
+    const c = i, e = x(c.onlineStatus);
+    return H(
+      () => c.onlineStatus,
       (t) => {
         t && (e.value = t);
       }
-    ), (t, l) => (a(), o("div", {
-      class: C(["avatar", [{ "avatar-online": e.value === "online" }, { "avatar-offline": e.value === "offline" }]])
+    ), (t, s) => (n(), a("div", {
+      class: V(["avatar", [{ "avatar-online": e.value === "online" }, { "avatar-offline": e.value === "offline" }]])
     }, [
-      t.image ? (a(), o("div", {
+      t.image ? (n(), a("div", {
         key: 0,
-        class: C(["rounded", [{ "rounded-full": t.fullyRounded }, { rounded: !t.fullyRounded }]])
+        class: V(["rounded", [{ "rounded-full": t.fullyRounded }, { rounded: !t.fullyRounded }]])
       }, [
-        n("img", {
+        o("img", {
           src: t.image,
           class: "w-full h-full"
-        }, null, 8, rt)
-      ], 2)) : (a(), o("div", {
+        }, null, 8, it)
+      ], 2)) : (n(), a("div", {
         key: 1,
-        class: C(["flex justify-center bg-neutral p-[25%] rounded w-16 text-neutral-content text-center", [{ "rounded-full": t.fullyRounded }, { rounded: !t.fullyRounded }]])
+        class: V(["flex justify-center bg-neutral p-[25%] rounded w-16 text-neutral-content text-center", [{ "rounded-full": t.fullyRounded }, { rounded: !t.fullyRounded }]])
       }, [
-        n("p", it, x(t.initials), 1)
+        o("p", ut, C(t.initials), 1)
       ], 2))
     ], 2));
   }
-}), va = /* @__PURE__ */ z({
+}), yn = /* @__PURE__ */ L({
   __name: "badge",
   props: {
     color: { default: "neutral" },
@@ -403,7 +403,7 @@ const Qe = le("SunIcon", [
     size: { default: "medium" }
   },
   setup(i) {
-    const d = i, e = {
+    const c = i, e = {
       "extra small": "badge-xs",
       small: "badge-sm",
       medium: "badge-md",
@@ -419,25 +419,25 @@ const Qe = le("SunIcon", [
       warning: "badge-warning",
       error: "badge-error"
     };
-    return (l, s) => (a(), o("span", {
-      class: C(["badge", e[d.size], t[d.color], { "badge-outline": d.outline }])
+    return (s, l) => (n(), a("span", {
+      class: V(["badge", e[c.size], t[c.color], { "badge-outline": c.outline }])
     }, [
-      D(l.$slots, "default")
+      T(s.$slots, "default")
     ], 2));
   }
-}), ut = ["src", "alt"], dt = {
+}), dt = ["src", "alt"], ct = {
   key: 0,
   class: "card-body"
-}, ct = {
+}, pt = {
   key: 0,
   class: "group-hover:text-primary text-lg text-left cursor-pointer card-title"
-}, pt = {
+}, vt = {
   key: 1,
   class: "text-left"
-}, vt = { class: "flex-col flex-nowrap mt-auto card-actions" }, ft = {
+}, ft = { class: "flex-col flex-nowrap mt-auto card-actions" }, mt = {
   key: 1,
   class: "card-body"
-}, fa = /* @__PURE__ */ z({
+}, wn = /* @__PURE__ */ L({
   __name: "card",
   props: {
     imgUrl: { default: "" },
@@ -452,56 +452,56 @@ const Qe = le("SunIcon", [
     imgHeight: { default: "h-44" }
   },
   setup(i) {
-    const d = i, e = $(d.outlined);
-    return N(
-      () => d.outlined,
+    const c = i, e = x(c.outlined);
+    return H(
+      () => c.outlined,
       (t) => {
         e.value = t;
       }
-    ), (t, l) => (a(), o("div", {
-      class: C(["group bg-base-100 shadow-xl rounded-sm min-w-64 max-w-full h-full card card-compact", [{ "border-4 border-primary": e.value }, t.color ?? "", t.background]])
+    ), (t, s) => (n(), a("div", {
+      class: V(["group bg-base-100 shadow-xl rounded-sm min-w-64 max-w-full h-full card card-compact", [{ "border-4 border-primary": e.value }, t.color ?? "", t.background]])
     }, [
-      n("figure", null, [
-        t.imgUrl || t.imgUrl && !t.loading ? (a(), o("img", {
+      o("figure", null, [
+        t.imgUrl || t.imgUrl && !t.loading ? (n(), a("img", {
           key: 0,
           src: t.imgUrl,
           alt: t.alt,
-          class: C(["rounded-sm w-full object-cover", [
+          class: V(["rounded-sm w-full object-cover", [
             {
               hidden: t.loading
             },
             t.imgHeight
           ]])
-        }, null, 10, ut)) : M("", !0),
-        t.loading && t.imgUrl ? (a(), o("div", {
+        }, null, 10, dt)) : O("", !0),
+        t.loading && t.imgUrl ? (n(), a("div", {
           key: 1,
-          class: C(["w-full skeleton", t.imgHeight])
-        }, null, 2)) : M("", !0)
+          class: V(["w-full skeleton", t.imgHeight])
+        }, null, 2)) : O("", !0)
       ]),
-      t.loading ? M("", !0) : (a(), o("div", dt, [
-        t.title ? (a(), o("h2", ct, x(t.title), 1)) : M("", !0),
-        D(t.$slots, "details"),
-        t.description ? (a(), o("p", pt, x(t.description), 1)) : M("", !0),
-        n("div", vt, [
-          D(t.$slots, "actions")
+      t.loading ? O("", !0) : (n(), a("div", ct, [
+        t.title ? (n(), a("h2", pt, C(t.title), 1)) : O("", !0),
+        T(t.$slots, "details"),
+        t.description ? (n(), a("p", vt, C(t.description), 1)) : O("", !0),
+        o("div", ft, [
+          T(t.$slots, "actions")
         ])
       ])),
-      t.loading ? (a(), o("div", ft, l[0] || (l[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" })
+      t.loading ? (n(), a("div", mt, s[0] || (s[0] = [
+        o("div", { class: "flex flex-col gap-4 w-52" }, [
+          o("div", { class: "w-28 h-4 skeleton" }),
+          o("div", { class: "w-full h-4 skeleton" }),
+          o("div", { class: "w-full h-4 skeleton" })
         ], -1)
-      ]))) : M("", !0)
+      ]))) : O("", !0)
     ], 2));
   }
-}), ke = Symbol("CarouselItemStyle"), mt = { class: "relative h-full" }, ht = {
+}), _e = Symbol("CarouselItemStyle"), gt = { class: "relative h-full" }, ht = {
   key: 0,
   class: "top-1/2 right-5 left-5 z-10 absolute flex justify-between -translate-y-1/2 transform"
-}, gt = {
+}, bt = {
   key: 1,
   class: "bottom-5 z-10 absolute flex justify-center gap-2 py-2 w-full"
-}, bt = ["onClick", "aria-label"], yt = /* @__PURE__ */ z({
+}, yt = ["onClick", "aria-label"], wt = /* @__PURE__ */ L({
   __name: "carousel",
   props: {
     showIndicators: {
@@ -538,305 +538,473 @@ const Qe = le("SunIcon", [
       validator: (i) => i >= 0
     }
   },
-  setup(i, { expose: d }) {
-    const e = i, t = $(e.initialSlide), l = $(null), s = $(!1), r = $(0), g = B(() => ({
+  setup(i, { expose: c }) {
+    const e = i, t = x(e.initialSlide), s = x(null), l = x(!1), r = x(0), y = E(() => ({
       width: `calc((100% - ${e.slidesPerView > 1 ? (e.slidesPerView - 1) * e.gap : 0}px) / ${e.slidesPerView})`
     }));
-    Pe(ke, g);
-    const c = () => {
-      l.value ? r.value = l.value.children.length : r.value = 0;
-    }, p = async (m) => {
-      if (!l.value || e.slidesPerView <= 0 || s.value || (c(), r.value === 0)) return;
-      const b = (m % r.value + r.value) % r.value, w = l.value, _ = e.sliderOrientation === "vertical" ? (w.offsetHeight - (e.slidesPerView - 1) * e.gap) / e.slidesPerView : (w.offsetWidth - (e.slidesPerView - 1) * e.gap) / e.slidesPerView;
-      if (_ <= 0) return;
-      const k = _ + e.gap, T = b * k, P = e.sliderOrientation === "vertical" ? w.scrollHeight - w.offsetHeight : w.scrollWidth - w.offsetWidth, H = Math.max(0, Math.min(T, P + 0.5));
-      s.value = !0, w.style.scrollBehavior = "auto";
-      const K = e.sliderOrientation === "vertical" ? w.scrollTop : w.scrollLeft, W = H - K;
-      if (Math.abs(W) < 1) {
-        s.value = !1, t.value = b;
+    Pe(_e, y);
+    const p = () => {
+      s.value ? r.value = s.value.children.length : r.value = 0;
+    }, f = async (k) => {
+      if (!s.value || e.slidesPerView <= 0 || l.value || (p(), r.value === 0)) return;
+      const _ = (k % r.value + r.value) % r.value, M = s.value, z = e.sliderOrientation === "vertical" ? (M.offsetHeight - (e.slidesPerView - 1) * e.gap) / e.slidesPerView : (M.offsetWidth - (e.slidesPerView - 1) * e.gap) / e.slidesPerView;
+      if (z <= 0) return;
+      const N = z + e.gap, K = _ * N, W = e.sliderOrientation === "vertical" ? M.scrollHeight - M.offsetHeight : M.scrollWidth - M.offsetWidth, d = Math.max(0, Math.min(K, W + 0.5));
+      l.value = !0, M.style.scrollBehavior = "auto";
+      const w = e.sliderOrientation === "vertical" ? M.scrollTop : M.scrollLeft, S = d - w;
+      if (Math.abs(S) < 1) {
+        l.value = !1, t.value = _;
         return;
       }
-      const S = performance.now(), U = (O) => {
-        const L = O - S, E = Math.min(1, L / e.slideDuration), Z = E < 0.5 ? 4 * E * E * E : 1 - Math.pow(-2 * E + 2, 3) / 2, ae = K + W * Z;
-        e.sliderOrientation === "vertical" ? w.scrollTop = ae : w.scrollLeft = ae, E < 1 ? requestAnimationFrame(U) : (e.sliderOrientation === "vertical" ? w.scrollTop = H : w.scrollLeft = H, t.value = b, s.value = !1);
+      const h = performance.now(), g = (I) => {
+        const D = I - h, P = Math.min(1, D / e.slideDuration), Y = P < 0.5 ? 4 * P * P * P : 1 - Math.pow(-2 * P + 2, 3) / 2, J = w + S * Y;
+        e.sliderOrientation === "vertical" ? M.scrollTop = J : M.scrollLeft = J, P < 1 ? requestAnimationFrame(g) : (e.sliderOrientation === "vertical" ? M.scrollTop = d : M.scrollLeft = d, t.value = _, l.value = !1);
       };
-      requestAnimationFrame(U);
-    }, y = () => {
-      p(t.value + 1);
-    }, A = () => {
-      p(t.value - 1);
-    }, q = (m) => {
-      p(m);
-    }, f = () => {
-      if (!l.value || e.slidesPerView <= 0 || (c(), r.value === 0)) return;
-      const m = l.value, b = e.sliderOrientation === "vertical" ? m.offsetHeight : m.offsetWidth, w = e.slidesPerView > 1 ? (e.slidesPerView - 1) * e.gap : 0, _ = (b - w) / e.slidesPerView;
-      if (_ <= 0) return;
-      const k = Math.max(0, r.value - e.slidesPerView), T = Math.min(Math.max(0, e.initialSlide), k), P = T * (_ + e.gap), H = e.sliderOrientation === "vertical" ? m.scrollHeight - m.offsetHeight : m.scrollWidth - m.offsetWidth, K = Math.max(0, Math.min(P, H + 0.5));
-      e.sliderOrientation === "vertical" ? m.scrollTo({ top: K, behavior: "auto" }) : m.scrollTo({ left: K, behavior: "auto" }), t.value = T;
+      requestAnimationFrame(g);
+    }, $ = () => {
+      f(t.value + 1);
+    }, U = () => {
+      f(t.value - 1);
+    }, R = (k) => {
+      f(k);
+    }, v = () => {
+      if (!s.value || e.slidesPerView <= 0 || (p(), r.value === 0)) return;
+      const k = s.value, _ = e.sliderOrientation === "vertical" ? k.offsetHeight : k.offsetWidth, M = e.slidesPerView > 1 ? (e.slidesPerView - 1) * e.gap : 0, z = (_ - M) / e.slidesPerView;
+      if (z <= 0) return;
+      const N = Math.max(0, r.value - e.slidesPerView), K = Math.min(Math.max(0, e.initialSlide), N), W = K * (z + e.gap), d = e.sliderOrientation === "vertical" ? k.scrollHeight - k.offsetHeight : k.scrollWidth - k.offsetWidth, w = Math.max(0, Math.min(W, d + 0.5));
+      e.sliderOrientation === "vertical" ? k.scrollTo({ top: w, behavior: "auto" }) : k.scrollTo({ left: w, behavior: "auto" }), t.value = K;
     };
-    return G(() => {
+    return Q(() => {
       requestAnimationFrame(() => {
-        requestAnimationFrame(f);
-      }), c();
-    }), N(() => e.initialSlide, (m) => {
-      requestAnimationFrame(() => p(m));
-    }), N(() => [e.slidesPerView, e.gap], () => {
+        requestAnimationFrame(v);
+      }), p();
+    }), H(() => e.initialSlide, (k) => {
+      requestAnimationFrame(() => f(k));
+    }), H(() => [e.slidesPerView, e.gap], () => {
       requestAnimationFrame(() => {
         requestAnimationFrame(() => {
-          if (c(), r.value === 0) return;
-          const m = Math.max(0, r.value - e.slidesPerView), b = Math.min(t.value, m), w = e.slideDuration;
-          e.slideDuration = 0, p(b), e.slideDuration = w;
+          if (p(), r.value === 0) return;
+          const k = Math.max(0, r.value - e.slidesPerView), _ = Math.min(t.value, k), M = e.slideDuration;
+          e.slideDuration = 0, f(_), e.slideDuration = M;
         });
       });
-    }), d({ scrollToSlide: p }), (m, b) => (a(), o("div", mt, [
-      n("div", {
+    }), c({ scrollToSlide: f }), (k, _) => (n(), a("div", gt, [
+      o("div", {
         ref_key: "carouselContainer",
-        ref: l,
-        class: C(["rounded w-full h-full overflow-x-scroll scroll-smooth carousel", [{ "carousel-horizontal md:snap-none": i.sliderOrientation == "horizontal" }, { "carousel-vertical": i.sliderOrientation == "vertical" }]]),
-        style: se({ gap: `${i.gap}px` })
+        ref: s,
+        class: V(["rounded w-full h-full overflow-x-scroll scroll-smooth carousel", [{ "carousel-horizontal md:snap-none": i.sliderOrientation == "horizontal" }, { "carousel-vertical": i.sliderOrientation == "vertical" }]]),
+        style: de({ gap: `${i.gap}px` })
       }, [
-        D(m.$slots, "default", {}, void 0, !0)
+        T(k.$slots, "default", {}, void 0, !0)
       ], 6),
-      i.showNavigationButtons ? (a(), o("div", ht, [
-        n("div", {
-          onClick: A,
+      i.showNavigationButtons ? (n(), a("div", ht, [
+        o("div", {
+          onClick: U,
           role: "button",
           "aria-label": "Previous Slide"
         }, [
-          D(m.$slots, "prevButton", {}, () => [
-            b[0] || (b[0] = n("button", {
+          T(k.$slots, "prevButton", {}, () => [
+            _[0] || (_[0] = o("button", {
               class: "btn btn-circle",
               tabindex: "-1"
             }, "❮", -1))
           ], !0)
         ]),
-        n("div", {
-          onClick: y,
+        o("div", {
+          onClick: $,
           role: "button",
           "aria-label": "Next Slide"
         }, [
-          D(m.$slots, "nextButton", {}, () => [
-            b[1] || (b[1] = n("button", {
+          T(k.$slots, "nextButton", {}, () => [
+            _[1] || (_[1] = o("button", {
               class: "btn btn-circle",
               tabindex: "-1"
             }, "❯", -1))
           ], !0)
         ])
-      ])) : M("", !0),
-      i.showIndicators ? (a(), o("div", gt, [
-        (a(!0), o(I, null, V(r.value, (w, _) => (a(), o("button", {
-          key: `dot-${_}`,
-          onClick: (k) => q(_),
-          class: C(["btn btn-circle btn-xs", { "btn-active": _ === t.value }]),
-          "aria-label": `Go to slide ${_ + 1}`
-        }, null, 10, bt))), 128))
-      ])) : M("", !0)
+      ])) : O("", !0),
+      i.showIndicators ? (n(), a("div", bt, [
+        (n(!0), a(B, null, A(r.value, (M, z) => (n(), a("button", {
+          key: `dot-${z}`,
+          onClick: (N) => R(z),
+          class: V(["btn btn-circle btn-xs", { "btn-active": z === t.value }]),
+          "aria-label": `Go to slide ${z + 1}`
+        }, null, 10, yt))), 128))
+      ])) : O("", !0)
     ]));
   }
-}), X = (i, d) => {
+}), te = (i, c) => {
   const e = i.__vccOpts || i;
-  for (const [t, l] of d)
-    e[t] = l;
+  for (const [t, s] of c)
+    e[t] = s;
   return e;
-}, ma = /* @__PURE__ */ X(yt, [["__scopeId", "data-v-db55a6a5"]]), wt = /* @__PURE__ */ z({
+}, kn = /* @__PURE__ */ te(wt, [["__scopeId", "data-v-db55a6a5"]]), kt = /* @__PURE__ */ L({
   __name: "carouselItem",
   setup(i) {
-    const d = Ae(ke, $({}));
-    return (e, t) => (a(), o("div", {
+    const c = Ee(_e, x({}));
+    return (e, t) => (n(), a("div", {
       class: "w-full h-full carousel-item",
-      style: se(F(d))
+      style: de(F(c))
     }, [
-      D(e.$slots, "default", {}, void 0, !0)
+      T(e.$slots, "default", {}, void 0, !0)
     ], 4));
   }
-}), ha = /* @__PURE__ */ X(wt, [["__scopeId", "data-v-507384bc"]]), kt = { class: "flex gap-4 bg-base-100 w-full tabs tabs-boxed" }, $t = ["onClick"], _t = { class: "text-sm" }, St = { class: "md:block hidden opacity-35 text-xs truncate overflow-hidden ..." }, xt = { class: "hidden" }, Ct = {
-  id: "advancedSearchMobile",
-  class: "modal"
-}, Dt = { class: "modal-box" }, It = { class: "font-bold text-lg" }, Mt = ["checked"], Tt = { class: "flex justify-between items-center pr-4 w-full font-medium text-xl collapse-title" }, Vt = { class: "text-sm" }, Ot = { class: "flex place-content-center p-0 collapse-content" }, Bt = /* @__PURE__ */ z({
+}), $n = /* @__PURE__ */ te(kt, [["__scopeId", "data-v-507384bc"]]), $t = { class: "flex gap-4 bg-base-100 w-full tabs tabs-boxed" }, _t = ["onClick"], St = {
+  key: 0,
+  class: "inline-component-wrapper flex flex-grow justify-center items-center w-full h-full"
+}, xt = {
+  key: 1,
+  class: "flex flex-col"
+}, Ct = { class: "text-sm" }, Dt = {
+  key: 0,
+  class: "opacity-75 overflow-hidden text-xs truncate ..."
+}, Mt = {
+  key: 1,
+  class: "hidden md:block opacity-35 overflow-hidden text-xs truncate ..."
+}, It = { class: "hidden" }, Tt = ["id"], Vt = { class: "modal-box" }, Bt = { class: "font-bold text-lg" }, Ot = ["name", "checked"], zt = { class: "collapse-title flex justify-between items-center pr-4 w-full font-medium text-xl" }, At = {
+  key: 0,
+  class: "opacity-75 overflow-hidden text-sm truncate ..."
+}, Pt = {
+  key: 1,
+  class: "opacity-35 text-sm"
+}, Et = { class: "collapse-content flex place-content-center p-0" }, Lt = /* @__PURE__ */ L({
   __name: "advancedSearch",
   props: {
     searchOptions: {},
-    currentCategory: {}
+    currentCategory: {},
+    id: {},
+    value: {}
   },
   emits: ["search", "update:search-data"],
-  setup(i, { emit: d }) {
-    const e = i, t = d, l = $(null), s = {
-      datetime: Le(() => Promise.resolve().then(() => nl))
-    }, r = $({}), g = $({ left: "0px", top: "0px", transform: "translateX(0%)" }), c = $(null);
-    function p(m, b) {
-      var w, _, k;
-      if ((w = l.value) != null && w.name) {
-        t("update:search-data", {
-          tab: l.value.name,
-          data: m
-        });
-        return;
+  setup(i, { emit: c }) {
+    const e = i, t = c, s = e.id ?? `advancedSearch-${Le()}`, l = x(null), r = x(null), y = {
+      datetime: ce(() => Promise.resolve().then(() => ul)),
+      "standard-select": ce(() => import("./select-Cz4vf_YE.js")),
+      // Add other components here when you create them:
+      // 'custom-range': defineAsyncComponent(() => import('./CustomRange.vue')),
+      // 'custom-number': defineAsyncComponent(() => import('./CustomNumber.vue')),
+      "custom-text": ce(() => import("./inputField-BxT95oyM.js"))
+      // 'custom-select': defineAsyncComponent(() => import('./CustomSelect.vue')),
+    }, p = x({}), f = x({
+      left: "0px",
+      top: "0px",
+      transform: "translateX(0%)"
+    }), $ = x(null), U = (d) => {
+      var w;
+      if (d.value === void 0 || d.value === null || d.value === "")
+        return "";
+      switch (d.type) {
+        case "datetime":
+          if (typeof d.value == "string")
+            try {
+              const S = new Date(d.value);
+              if (!isNaN(S.getTime()))
+                return S.toLocaleString();
+            } catch {
+            }
+          else if (d.range && typeof d.value == "object" && d.value !== null && "start" in d.value && "end" in d.value)
+            try {
+              const S = new Date(d.value.start), h = new Date(d.value.end);
+              if (!isNaN(S.getTime()) && !isNaN(h.getTime()))
+                return `${S.toLocaleDateString()} - ${h.toLocaleDateString()}`;
+            } catch {
+            }
+          break;
+        case "custom-range":
+          if (typeof d.value == "object" && d.value !== null && "start" in d.value && "end" in d.value)
+            return `${d.value.start} - ${d.value.end}`;
+          break;
+        case "custom-number":
+          if (typeof d.value == "number")
+            return d.value.toString();
+          break;
+        case "standard-select":
+        case "custom-select":
+          if ((w = d.props) != null && w.options && Array.isArray(d.props.options)) {
+            const S = d.props.options.find(
+              (h) => h.value === d.value
+            );
+            if (S)
+              return S.text;
+          }
+          return String(d.value);
+        case "custom-text":
+          if (typeof d.value == "string")
+            return d.value;
+          break;
       }
-      if (e.searchOptions) {
-        let T = (k = (_ = e.searchOptions) == null ? void 0 : _.find((P) => (P == null ? void 0 : P.category) === e.currentCategory)) == null ? void 0 : k.tabs[b];
-        T !== void 0 && (T.value = m, t("update:search-data", {
-          tab: T == null ? void 0 : T.name,
-          data: T == null ? void 0 : T.value
-        }));
+      return String(d.value);
+    };
+    function R(d) {
+      var g, I;
+      const w = (g = l.value) == null ? void 0 : g.name;
+      if (!w) {
+        console.warn("componentValueUpdated called but no active tab.");
+        return;
       }
+      const S = (I = e.searchOptions.find(
+        (D) => (D == null ? void 0 : D.category) === e.currentCategory
+      )) == null ? void 0 : I.tabs, h = S == null ? void 0 : S.find(
+        (D) => D.name === w
+      );
+      h ? (h.value = d, t("update:search-data", {
+        tab: h.name,
+        data: d
+      })) : console.error(
+        `Tab with name "${w}" not found in current category.`
+      );
     }
-    function y() {
+    function v(d) {
+      R(d);
+    }
+    function k() {
       t("search");
     }
-    async function A(m) {
-      c.value && !c.value.contains(m.target) && (await ge(), l.value = null);
+    async function _(d) {
+      var h;
+      const w = document.getElementById(`advancedSearchMobile-${s}`), S = w && w.contains(d.target);
+      ((h = l.value) == null ? void 0 : h.displayMode) === "popup" && $.value && !$.value.contains(d.target) && !S && (await pe(), l.value = null);
     }
-    async function q() {
+    async function M() {
       if (typeof window < "u" && window.innerWidth <= 768) {
-        const m = document.getElementById("advancedSearchMobile");
-        m ? m.showModal() : console.warn("Modal element not found.");
+        const d = document.getElementById(
+          `advancedSearchMobile-${s}`
+        );
+        d ? (l.value = null, d.showModal()) : console.warn(
+          `Mobile modal element not found. Ensure it exists with id="advancedSearchMobile-${s}".`
+        );
       }
     }
-    async function f(m) {
-      var w;
-      l.value = m, await ge();
-      const b = r.value[m.name];
-      if (b) {
-        const _ = b.getBoundingClientRect(), k = ((w = c.value) == null ? void 0 : w.getBoundingClientRect()) || { left: 0, top: 0 };
-        window.innerWidth > 768 ? g.value = {
-          left: `${_.left + _.width / 2 - k.left}px`,
-          top: `${_.bottom - k.top}px`,
-          transform: "translateX(-50%)"
-        } : g.value = {
-          left: "50%",
-          top: `${_.bottom - k.top}px`,
-          transform: "translateX(-50%)"
-          // Center the popup horizontally on mobile
-        };
-      } else
-        console.error("Tab element not found for:", m.name);
+    async function z(d) {
+      var S, h, g;
+      if (typeof window < "u" && window.innerWidth <= 768) {
+        M();
+        return;
+      }
+      const w = d.displayMode ?? "popup";
+      if (((S = l.value) == null ? void 0 : S.name) === d.name && ((h = l.value) == null ? void 0 : h.displayMode) === w)
+        l.value = null;
+      else if (l.value = { ...d, displayMode: w }, await pe(), ((g = l.value) == null ? void 0 : g.displayMode) === "popup") {
+        const I = p.value[d.name];
+        if (I && $.value) {
+          const D = I.getBoundingClientRect(), P = $.value.getBoundingClientRect(), Y = D.bottom - P.top, J = D.left + D.width / 2 - P.left;
+          f.value = {
+            left: `${J}px`,
+            top: `${Y + 8}px`,
+            // Add a small gap
+            transform: "translateX(-50%)"
+            // Center horizontally
+          };
+        } else
+          console.error(
+            "Tab element or search container not found for positioning:",
+            d.name
+          );
+      }
     }
-    return G(() => {
-      document.addEventListener("click", A);
-    }), ue(() => {
-      document.removeEventListener("click", A);
-    }), (m, b) => {
-      var w, _;
-      return a(), o(I, null, [
-        n("div", {
+    const N = (d) => {
+      const w = d.relatedTarget;
+      setTimeout(() => {
+        var S;
+        ((S = l.value) == null ? void 0 : S.displayMode) === "inline" && $.value && (!w || !$.value.contains(w)) ? (console.log("Blur detected outside container, closing inline view."), l.value = null) : console.log(
+          "Blur detected, but staying within container or not an inline tab."
+        );
+      }, 50);
+    }, K = () => {
+      console.log("Enter key pressed on inline component, closing inline view."), l.value = null;
+    };
+    H(r, (d) => {
+      var w;
+      console.log(
+        "advanced-search: inlineComponentRef changed. New Value:",
+        d
+      ), console.log("advanced-search: activeTab.value:", l.value), d && ((w = l.value) == null ? void 0 : w.displayMode) === "inline" ? (console.log(
+        "advanced-search: Inline component ref is available and active tab is inline. Attempting to focus child input..."
+      ), pe(() => {
+        console.log(
+          "advanced-search: Inside nextTick. Attempting to call child's focus method..."
+        ), console.log("advanced-search: Type of newValue:", typeof d), console.log(
+          "advanced-search: Does newValue have focusInput?",
+          typeof d.focusInput == "function"
+        ), d && typeof d.focusInput == "function" ? (console.log(
+          "advanced-search: Calling exposed focusInput() method on child instance."
+        ), d.focusInput()) : console.warn(
+          'advanced-search: Child inline component instance does not expose a "focusInput" method or is not ready.',
+          d
+        );
+      })) : console.log(
+        d ? "advanced-search: inlineComponentRef available, but active tab is not inline." : "advanced-search: inlineComponentRef is now null (component likely unmounted)."
+      );
+    }), Q(() => {
+      document.addEventListener("click", _), window.addEventListener("resize", W);
+    }), ge(() => {
+      document.removeEventListener("click", _), window.removeEventListener("resize", W);
+    });
+    const W = () => {
+      var d, w;
+      if (typeof window < "u") {
+        const S = window.innerWidth <= 768, h = l.value !== null && (l.value.displayMode === "popup" || l.value.displayMode === "inline") && window.innerWidth > 768;
+        !S && (((d = l.value) == null ? void 0 : d.displayMode) === "popup" || ((w = l.value) == null ? void 0 : w.displayMode) === "inline") && window.innerWidth <= 768 && (console.log("Resizing to mobile, closing active tab."), l.value = null), S && !h && l.value !== null && (console.log(
+          "Resizing to desktop from potential mobile active state, closing active tab."
+        ), l.value = null);
+        const g = document.getElementById(
+          `advancedSearchMobile-${s}`
+        );
+        g != null && g.open && !S && (console.log("Modal is open on desktop, closing modal and active tab."), g.close(), l.value = null);
+      }
+    };
+    return (d, w) => {
+      var S, h;
+      return n(), a(B, null, [
+        o("div", {
           ref_key: "searchContainer",
-          ref: c,
+          ref: $,
           class: "w-full"
         }, [
-          n("div", {
-            class: "group/search relative flex place-items-center border-2 shadow-md p-2 border-base-300/25 rounded-sm w-full transition-all cursor-pointer md:cursor-auto",
-            onClick: q
+          o("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: M
           }, [
-            n("div", kt, [
-              (a(!0), o(I, null, V(((w = e.searchOptions.find((k) => k.category === e.currentCategory)) == null ? void 0 : w.tabs) || [], (k) => {
-                var T;
-                return a(), o("button", {
-                  key: k.name,
-                  onClick: (P) => f(k),
-                  class: C([{ "tab-active": ((T = l.value) == null ? void 0 : T.name) === k.name }, "group/searchitem relative after:top-0 after:-right-2 after:absolute first-of-type:flex-auto last-of-type:flex-auto md:after:content-[''] last-of-type:after:content-none after:content-none after:bg-base-200 hover:bg-base-200 p-1 rounded-sm w-auto after:w-[1px] after:h-10 text-start overflow-x-hidden pointer-events-none md:pointer-events-auto"]),
+            o("div", $t, [
+              (n(!0), a(B, null, A(((S = e.searchOptions.find(
+                (g) => g.category === e.currentCategory
+              )) == null ? void 0 : S.tabs) || [], (g, I) => {
+                var D, P, Y, J, se;
+                return n(), a("button", {
+                  key: `${g.name}-${I}`,
+                  onClick: ee((G) => z(g), ["stop"]),
+                  class: V([{
+                    "tab-active": ((D = l.value) == null ? void 0 : D.name) === g.name,
+                    "tab-active-inline": ((P = l.value) == null ? void 0 : P.name) === g.name && ((Y = l.value) == null ? void 0 : Y.displayMode) === "inline"
+                    // Add new class
+                  }, "group/searchitem after:top-0 after:-right-2 after:absolute relative first-of-type:flex-auto last-of-type:flex-auto after:bg-base-200 hover:bg-base-200 p-1 rounded-sm w-auto after:w-[1px] after:h-10 overflow-x-hidden text-start md:after:content-[''] after:content-none last-of-type:after:content-none"]),
                   ref_for: !0,
-                  ref: (P) => r.value[k.name] = P
+                  ref: (G) => p.value[g.name] = G
                 }, [
-                  n("p", _t, x(k.name), 1),
-                  n("p", St, x(k.description), 1)
-                ], 10, $t);
+                  ((J = l.value) == null ? void 0 : J.name) === g.name && ((se = l.value) == null ? void 0 : se.displayMode) === "inline" ? (n(), a("div", St, [
+                    (n(), ue(ve(y[l.value.type]), fe({ ref_for: !0 }, l.value.props || {}, {
+                      modelValue: l.value.value,
+                      onUpdated: w[0] || (w[0] = (G) => v(G)),
+                      "onUpdate:modelValue": w[1] || (w[1] = (G) => v(G)),
+                      onBlur: N,
+                      onKeydown: he(ee(K, ["stop", "prevent"]), ["enter"]),
+                      ref_for: !0,
+                      ref_key: "inlineComponentRef",
+                      ref: r
+                    }), null, 16, ["modelValue", "onKeydown"]))
+                  ])) : (n(), a("div", xt, [
+                    o("p", Ct, C(g.name), 1),
+                    g.value !== void 0 && g.value !== null && g.value !== "" ? (n(), a("p", Dt, C(U(g)), 1)) : (n(), a("p", Mt, C(g.description), 1))
+                  ]))
+                ], 10, _t);
               }), 128))
             ]),
-            l.value ? (a(), o("div", {
+            l.value && l.value.displayMode === "popup" ? (n(), a("div", {
               key: 0,
               class: "absolute flex shadow-sm mt-4 w-fit max-w-full transition-all tab-content",
-              style: se(g.value)
+              style: de(f.value)
             }, [
-              (a(), de(me(s[l.value.type]), he(l.value.props ? l.value.props : null, { onUpdated: p }), null, 16))
-            ], 4)) : M("", !0),
-            n("button", {
+              (n(), ue(ve(y[l.value.type]), fe(l.value.props || {}, {
+                modelValue: l.value.value,
+                onUpdated: w[2] || (w[2] = (g) => R(g)),
+                "onUpdate:modelValue": w[3] || (w[3] = (g) => R(g))
+              }), null, 16, ["modelValue"]))
+            ], 4)) : O("", !0),
+            o("button", {
               title: "search",
               type: "submit",
               class: "ml-1 btn btn-primary btn-square",
-              onClick: y
+              onClick: ee(k, ["stop"])
             }, [
-              te(F(ye), {
+              ae(F(we), {
                 size: 24,
                 color: "white"
               })
             ])
           ]),
-          n("div", xt, [
-            n("button", {
+          o("div", It, [
+            o("button", {
               title: "search",
-              onClick: b[0] || (b[0] = () => {
+              onClick: w[4] || (w[4] = () => {
               })
             }, [
-              te(F(ye), {
+              ae(F(we), {
                 size: 24,
                 color: "white"
               })
             ])
           ])
         ], 512),
-        n("dialog", Ct, [
-          n("div", Dt, [
-            D(m.$slots, "additionalForMobile", {}, () => [
-              n("h3", It, x(m.currentCategory), 1)
+        o("dialog", {
+          id: `advancedSearchMobile-${F(s)}`,
+          class: "modal"
+        }, [
+          o("div", Vt, [
+            T(d.$slots, "additionalForMobile", {}, () => [
+              o("h3", Bt, C(d.currentCategory), 1)
             ], !0),
-            (a(!0), o(I, null, V(((_ = e.searchOptions.find((k) => k.category === e.currentCategory)) == null ? void 0 : _.tabs) || [], (k, T) => (a(), o("div", {
-              class: "bg-base-200 my-4 collapse",
-              key: k.name
+            (n(!0), a(B, null, A(((h = e.searchOptions.find(
+              (g) => g.category === e.currentCategory
+            )) == null ? void 0 : h.tabs) || [], (g, I) => (n(), a("div", {
+              class: "collapse bg-base-200 my-4",
+              key: g.name
             }, [
-              n("input", {
+              o("input", {
                 type: "radio",
-                name: "my-accordion-1",
-                checked: T === 0
-              }, null, 8, Mt),
-              n("div", Tt, [
-                ce(x(k.name) + " ", 1),
-                n("p", Vt, x(k.description), 1)
+                name: `accordion-${F(s)}`,
+                checked: I === 0
+              }, null, 8, Ot),
+              o("div", zt, [
+                o("div", null, C(g.name), 1),
+                g.value !== void 0 && g.value !== null && g.value !== "" ? (n(), a("div", At, C(U(g)), 1)) : (n(), a("div", Pt, C(g.description), 1))
               ]),
-              n("div", Ot, [
-                b[1] || (b[1] = n("br", null, null, -1)),
-                (a(), de(me(s[k.type]), he({ ref_for: !0 }, k.props || {}, {
-                  onUpdated: (P) => p(P, T)
-                }), null, 16, ["onUpdated"]))
+              o("div", Et, [
+                w[7] || (w[7] = o("br", null, null, -1)),
+                (n(), ue(ve(y[g.type]), fe({ ref_for: !0 }, g.props || {}, {
+                  modelValue: g.value,
+                  onUpdated: w[5] || (w[5] = (D) => R(D)),
+                  "onUpdate:modelValue": w[6] || (w[6] = (D) => R(D))
+                }), null, 16, ["modelValue"]))
               ])
             ]))), 128)),
-            n("div", { class: "modal-action" }, [
-              n("form", { method: "dialog" }, [
-                n("button", {
+            o("div", { class: "modal-action" }, [
+              o("form", { method: "dialog" }, [
+                o("button", {
                   class: "btn btn-primary",
-                  onClick: y
-                }, "Close and Search")
+                  onClick: k
+                }, " Close and Search ")
               ])
             ])
           ])
-        ])
+        ], 8, Tt)
       ], 64);
     };
   }
-}), ga = /* @__PURE__ */ X(Bt, [["__scopeId", "data-v-08fa37eb"]]), zt = ["placeholder", "value", "id"], Pt = { class: "btn btn-ghost" }, At = ["id"], Lt = {
+}), _n = /* @__PURE__ */ te(Lt, [["__scopeId", "data-v-2a095d4c"]]), Ut = ["placeholder", "value", "id"], Rt = { class: "btn btn-ghost" }, Nt = ["id"], jt = {
   key: 0,
   class: "flex justify-between items-center place-content-center mb-4"
-}, Et = ["value"], Ut = ["value"], jt = {
+}, Ft = ["value"], qt = ["value"], Ht = {
   key: 1,
   class: "gap-2 grid grid-cols-7"
-}, Rt = ["onClick"], Ft = {
+}, Wt = ["onClick"], Kt = {
   key: 2,
   class: "mt-4 lg:w-80"
-}, Nt = {
+}, Yt = {
   key: 0,
   class: "mb-2 font-bold text-lg"
-}, qt = { key: 1 }, Ht = {
+}, Jt = { key: 1 }, Gt = {
   key: 1,
   class: "flex gap-4"
-}, Wt = ["value"], Kt = ["value"], Yt = {
+}, Xt = ["value"], Zt = ["value"], Qt = {
   key: 2,
   class: "flex flex-col gap-4"
-}, Jt = {
+}, el = {
   key: 1,
   class: "flex gap-2"
-}, Gt = ["value"], Xt = ["value"], Zt = {
+}, tl = ["value"], ll = ["value"], nl = {
   key: 1,
   class: "flex gap-2"
-}, Qt = ["value"], el = ["value"], tl = { class: "flex gap-2 mt-4" }, ll = {
+}, al = ["value"], ol = ["value"], sl = { class: "flex gap-2 mt-4" }, rl = {
   __name: "datetimePicker",
   props: {
     mode: {
@@ -867,39 +1035,39 @@ const Qe = le("SunIcon", [
     }
   },
   emits: ["updated"],
-  setup(i, { emit: d }) {
+  setup(i, { emit: c }) {
     const e = i;
-    N(
+    H(
       () => e.range,
-      (v) => {
-        v ? (s.value = { start: null, end: null }, r.value = { start: null, end: null }) : (s.value = null, r.value = null);
+      (m) => {
+        m ? (l.value = { start: null, end: null }, r.value = { start: null, end: null }) : (l.value = null, r.value = null);
       }
     );
-    const t = d, l = $(!1), s = $(e.range ? { start: null, end: null } : null), r = $(e.range ? { start: null, end: null } : null), g = $(
+    const t = c, s = x(!1), l = x(e.range ? { start: null, end: null } : null), r = x(e.range ? { start: null, end: null } : null), y = x(
       (/* @__PURE__ */ new Date()).toLocaleString("default", { month: "long" })
-    ), c = $((/* @__PURE__ */ new Date()).getFullYear()), p = $(e.range ? { start: 0, end: 0 } : 0), y = $(e.range ? { start: 0, end: 0 } : 0), A = $(null), q = B(() => `${e.id}-input`), f = B(() => `${e.id}-popup`), m = B(
+    ), p = x((/* @__PURE__ */ new Date()).getFullYear()), f = x(e.range ? { start: 0, end: 0 } : 0), $ = x(e.range ? { start: 0, end: 0 } : 0), U = x(null), R = E(() => `${e.id}-input`), v = E(() => `${e.id}-popup`), k = E(
       () => e.mode === "date" || e.mode === "datetime"
-    ), b = B(
+    ), _ = E(
       () => e.mode === "time" || e.mode === "datetime"
     );
-    B(
-      () => new Date(c.value, w.value)
+    E(
+      () => new Date(p.value, M.value)
     );
-    const w = B(() => S.indexOf(g.value)), _ = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], k = B(
-      () => new Date(c.value, w.value).getDay()
-    ), T = B(() => {
-      const v = new Date(c.value, w.value + 1, 0).getDate();
+    const M = E(() => h.indexOf(y.value)), z = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], N = E(
+      () => new Date(p.value, M.value).getDay()
+    ), K = E(() => {
+      const m = new Date(p.value, M.value + 1, 0).getDate();
       return Array.from(
-        { length: v },
-        (h, u) => new Date(c.value, w.value, u + 1)
+        { length: m },
+        (b, u) => new Date(p.value, M.value, u + 1)
       );
-    }), P = B(
-      () => Array.from({ length: k.value }, (v, h) => h)
-    ), H = Array.from({ length: 24 }, (v, h) => h), K = Array.from({ length: 60 }, (v, h) => h), W = B(
+    }), W = E(
+      () => Array.from({ length: N.value }, (m, b) => b)
+    ), d = Array.from({ length: 24 }, (m, b) => b), w = Array.from({ length: 60 }, (m, b) => b), S = E(
       () => typeof navigator < "u" && /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(
         navigator.userAgent
       )
-    ), S = [
+    ), h = [
       "January",
       "February",
       "March",
@@ -912,118 +1080,118 @@ const Qe = le("SunIcon", [
       "October",
       "November",
       "December"
-    ], U = B(() => {
-      const v = (/* @__PURE__ */ new Date()).getFullYear();
-      return Array.from({ length: 100 }, (h, u) => v - 50 + u);
-    }), O = B(() => {
-      if (!m.value || !s.value) return "";
-      if (e.range && s.value.start && s.value.end) {
-        const v = s.value.start.toLocaleDateString("en-US"), h = s.value.end.toLocaleDateString("en-US");
-        return `${v} - ${h}`;
+    ], g = E(() => {
+      const m = (/* @__PURE__ */ new Date()).getFullYear();
+      return Array.from({ length: 100 }, (b, u) => m - 50 + u);
+    }), I = E(() => {
+      if (!k.value || !l.value) return "";
+      if (e.range && l.value.start && l.value.end) {
+        const m = l.value.start.toLocaleDateString("en-US"), b = l.value.end.toLocaleDateString("en-US");
+        return `${m} - ${b}`;
       }
-      return !e.range && s.value ? s.value.toLocaleDateString("en-US") : "";
-    }), L = (v) => v instanceof Date ? v : new Date(v), E = (v) => v instanceof Date && !isNaN(v), Z = B(() => {
-      if (!b.value) return "";
-      const v = (h) => {
-        var ne, Q, fe;
-        const u = ((ne = p.value) == null ? void 0 : ne[h]) ?? p.value, Y = ((Q = y.value) == null ? void 0 : Q[h]) ?? y.value;
-        return W.value ? ((fe = r.value) == null ? void 0 : fe[h]) ?? r.value : `${u.toString().padStart(2, "0")}:${Y.toString().padStart(2, "0")}`;
+      return !e.range && l.value ? l.value.toLocaleDateString("en-US") : "";
+    }), D = (m) => m instanceof Date ? m : new Date(m), P = (m) => m instanceof Date && !isNaN(m), Y = E(() => {
+      if (!_.value) return "";
+      const m = (b) => {
+        var re, le, ye;
+        const u = ((re = f.value) == null ? void 0 : re[b]) ?? f.value, X = ((le = $.value) == null ? void 0 : le[b]) ?? $.value;
+        return S.value ? ((ye = r.value) == null ? void 0 : ye[b]) ?? r.value : `${u.toString().padStart(2, "0")}:${X.toString().padStart(2, "0")}`;
       };
-      return e.range ? `${v("start")} - ${v("end")}` : v();
-    }), ae = B(() => {
-      const v = O.value, h = Z.value;
-      return `${v} ${h}`.trim();
-    }), $e = () => l.value = !l.value, pe = () => {
-      j(), _e();
-    }, _e = () => l.value = !1, Se = () => {
-      s.value = e.range ? { start: null, end: null } : null, r.value = e.range ? { start: null, end: null } : null, j();
-    }, xe = (v) => {
-      e.range ? s.value.start && s.value.end ? s.value = { start: v, end: null } : s.value.start ? s.value.end = v : s.value.start = v : s.value = v, j();
-    }, Ce = (v) => (v = L(v), e.range ? s.value.start && E(s.value.start) && v.getTime() === s.value.start.getTime() || s.value.end && E(s.value.end) && v.getTime() === s.value.end.getTime() : E(s.value) && v.getTime() === s.value.getTime()), De = (v) => {
-      v = L(v);
-      const h = /* @__PURE__ */ new Date();
-      return v.getDate() === h.getDate() && v.getMonth() === h.getMonth() && v.getFullYear() === h.getFullYear();
-    }, Ie = (v) => (v = L(v), e.range && E(s.value.start) && v.getTime() === s.value.start.getTime()), Me = (v) => (v = L(v), e.range && E(s.value.end) && v.getTime() === s.value.end.getTime()), Te = (v) => {
-      if (v = L(v), e.range && E(s.value.start) && E(s.value.end)) {
-        const h = s.value.start.getTime(), u = s.value.end.getTime(), Y = v.getTime();
-        return Y > h && Y < u;
+      return e.range ? `${m("start")} - ${m("end")}` : m();
+    }), J = E(() => {
+      const m = I.value, b = Y.value;
+      return `${m} ${b}`.trim();
+    }), se = () => s.value = !s.value, G = () => {
+      j(), Se();
+    }, Se = () => s.value = !1, xe = () => {
+      l.value = e.range ? { start: null, end: null } : null, r.value = e.range ? { start: null, end: null } : null, j();
+    }, Ce = (m) => {
+      e.range ? l.value.start && l.value.end ? l.value = { start: m, end: null } : l.value.start ? l.value.end = m : l.value.start = m : l.value = m, j();
+    }, De = (m) => (m = D(m), e.range ? l.value.start && P(l.value.start) && m.getTime() === l.value.start.getTime() || l.value.end && P(l.value.end) && m.getTime() === l.value.end.getTime() : P(l.value) && m.getTime() === l.value.getTime()), Me = (m) => {
+      m = D(m);
+      const b = /* @__PURE__ */ new Date();
+      return m.getDate() === b.getDate() && m.getMonth() === b.getMonth() && m.getFullYear() === b.getFullYear();
+    }, Ie = (m) => (m = D(m), e.range && P(l.value.start) && m.getTime() === l.value.start.getTime()), Te = (m) => (m = D(m), e.range && P(l.value.end) && m.getTime() === l.value.end.getTime()), Ve = (m) => {
+      if (m = D(m), e.range && P(l.value.start) && P(l.value.end)) {
+        const b = l.value.start.getTime(), u = l.value.end.getTime(), X = m.getTime();
+        return X > b && X < u;
       }
       return !1;
-    }, Ve = () => {
-      let v = w.value - 1;
-      v < 0 && (v = 11, c.value--), g.value = S[v], j();
+    }, Be = () => {
+      let m = M.value - 1;
+      m < 0 && (m = 11, p.value--), y.value = h[m], j();
     }, Oe = () => {
-      let v = w.value + 1;
-      v > 11 && (v = 0, c.value++), g.value = S[v], j();
-    }, ve = (v) => {
-      A.value && !A.value.contains(v.target) && l.value == !0 && pe();
+      let m = M.value + 1;
+      m > 11 && (m = 0, p.value++), y.value = h[m], j();
+    }, be = (m) => {
+      U.value && !U.value.contains(m.target) && s.value == !0 && G();
     }, j = () => {
-      let v = {};
-      const h = (u, Y, ne) => {
+      let m = {};
+      const b = (u, X, re) => {
         u instanceof Date && !isNaN(u) || (u = /* @__PURE__ */ new Date());
-        const Q = new Date(u);
-        return Q.setUTCHours(Y, ne, 0, 0), Q.toISOString();
+        const le = new Date(u);
+        return le.setUTCHours(X, re, 0, 0), le.toISOString();
       };
-      e.range ? (v.from = h(
-        s.value.start,
-        p.value.start,
-        y.value.start
-      ), v.to = h(
-        s.value.end,
-        p.value.end,
-        y.value.end
-      )) : v = h(
-        s.value,
-        p.value,
-        y.value
-      ), t("updated", v);
+      e.range ? (m.from = b(
+        l.value.start,
+        f.value.start,
+        $.value.start
+      ), m.to = b(
+        l.value.end,
+        f.value.end,
+        $.value.end
+      )) : m = b(
+        l.value,
+        f.value,
+        $.value
+      ), t("updated", m);
     };
-    return G(() => {
-      e.initialDate && (e.range && e.initialDate.start && e.initialDate.end ? s.value = {
+    return Q(() => {
+      e.initialDate && (e.range && e.initialDate.start && e.initialDate.end ? l.value = {
         start: new Date(e.initialDate.start),
         end: new Date(e.initialDate.end)
-      } : e.initialDate.start && (s.value = { start: new Date(e.initialDate.start) })), e.range ? (p.value.start = p.value.start ?? (/* @__PURE__ */ new Date()).getHours(), p.value.end = p.value.end ?? (/* @__PURE__ */ new Date()).getHours(), y.value.start = y.value.start ?? (/* @__PURE__ */ new Date()).getMinutes(), y.value.end = y.value.end ?? (/* @__PURE__ */ new Date()).getMinutes()) : (p.value = p.value ?? (/* @__PURE__ */ new Date()).getHours(), y.value = y.value ?? (/* @__PURE__ */ new Date()).getMinutes());
-    }), e.popup && G(() => document.addEventListener("click", ve)), we(() => document.removeEventListener("click", ve)), (v, h) => (a(), o("div", {
+      } : e.initialDate.start && (l.value = { start: new Date(e.initialDate.start) })), e.range ? (f.value.start = f.value.start ?? (/* @__PURE__ */ new Date()).getHours(), f.value.end = f.value.end ?? (/* @__PURE__ */ new Date()).getHours(), $.value.start = $.value.start ?? (/* @__PURE__ */ new Date()).getMinutes(), $.value.end = $.value.end ?? (/* @__PURE__ */ new Date()).getMinutes()) : (f.value = f.value ?? (/* @__PURE__ */ new Date()).getHours(), $.value = $.value ?? (/* @__PURE__ */ new Date()).getMinutes());
+    }), e.popup && Q(() => document.addEventListener("click", be)), $e(() => document.removeEventListener("click", be)), (m, b) => (n(), a("div", {
       class: "inline-block relative w-full lg:w-[360px]",
       ref_key: "pickerContainer",
-      ref: A
+      ref: U
     }, [
-      n("div", {
+      o("div", {
         class: "flex items-center gap-2 cursor-pointer",
-        onClick: $e
+        onClick: se
       }, [
-        i.popup ? D(v.$slots, "default", { key: 0 }, () => [
-          n("input", {
+        i.popup ? T(m.$slots, "default", { key: 0 }, () => [
+          o("input", {
             type: "text",
             class: "input-bordered w-full cursor-pointer input",
             placeholder: i.placeholder,
-            value: ae.value,
+            value: J.value,
             readonly: "",
-            id: q.value
-          }, null, 8, zt),
-          n("button", Pt, [
-            te(F(Ge))
+            id: R.value
+          }, null, 8, Ut),
+          o("button", Rt, [
+            ae(F(Xe))
           ])
-        ], !0) : M("", !0)
+        ], !0) : O("", !0)
       ]),
-      l.value || !i.popup ? (a(), o("div", {
+      s.value || !i.popup ? (n(), a("div", {
         key: 0,
-        class: C(["z-50 bg-base-100 md:mt-2 md:p-4 px-4 rounded-md w-full", [{ absolute: i.popup }]]),
-        id: f.value
+        class: V(["z-50 bg-base-100 md:mt-2 md:p-4 px-4 rounded-md w-full", [{ absolute: i.popup }]]),
+        id: v.value
       }, [
-        m.value ? (a(), o("div", Lt, [
-          n("button", {
+        k.value ? (n(), a("div", jt, [
+          o("button", {
             class: "hidden md:block btn-outline btn btn-primary md:btn-sm",
-            onClick: Ve
-          }, h[11] || (h[11] = [
-            n("svg", {
+            onClick: Be
+          }, b[11] || (b[11] = [
+            o("svg", {
               xmlns: "http://www.w3.org/2000/svg",
               class: "w-4 h-4",
               fill: "none",
               viewBox: "0 0 24 24",
               stroke: "currentColor"
             }, [
-              n("path", {
+              o("path", {
                 "stroke-linecap": "round",
                 "stroke-linejoin": "round",
                 "stroke-width": "2",
@@ -1031,42 +1199,42 @@ const Qe = le("SunIcon", [
               })
             ], -1)
           ])),
-          R(n("select", {
+          q(o("select", {
             class: "border-none w-fit select",
-            "onUpdate:modelValue": h[0] || (h[0] = (u) => g.value = u),
+            "onUpdate:modelValue": b[0] || (b[0] = (u) => y.value = u),
             onChange: j
           }, [
-            (a(), o(I, null, V(S, (u, Y) => n("option", {
-              key: Y,
+            (n(), a(B, null, A(h, (u, X) => o("option", {
+              key: X,
               value: u
-            }, x(u), 9, Et)), 64))
+            }, C(u), 9, Ft)), 64))
           ], 544), [
-            [J, g.value]
+            [Z, y.value]
           ]),
-          R(n("select", {
+          q(o("select", {
             class: "border-none w-24 select",
-            "onUpdate:modelValue": h[1] || (h[1] = (u) => c.value = u),
+            "onUpdate:modelValue": b[1] || (b[1] = (u) => p.value = u),
             onChange: j
           }, [
-            (a(!0), o(I, null, V(U.value, (u) => (a(), o("option", {
+            (n(!0), a(B, null, A(g.value, (u) => (n(), a("option", {
               key: u,
               value: u
-            }, x(u), 9, Ut))), 128))
+            }, C(u), 9, qt))), 128))
           ], 544), [
-            [J, c.value]
+            [Z, p.value]
           ]),
-          n("button", {
+          o("button", {
             class: "hidden md:block btn-outline btn btn-primary md:btn-sm",
             onClick: Oe
-          }, h[12] || (h[12] = [
-            n("svg", {
+          }, b[12] || (b[12] = [
+            o("svg", {
               xmlns: "http://www.w3.org/2000/svg",
               class: "w-4 h-4",
               fill: "none",
               viewBox: "0 0 24 24",
               stroke: "currentColor"
             }, [
-              n("path", {
+              o("path", {
                 "stroke-linecap": "round",
                 "stroke-linejoin": "round",
                 "stroke-width": "2",
@@ -1074,190 +1242,190 @@ const Qe = le("SunIcon", [
               })
             ], -1)
           ]))
-        ])) : M("", !0),
-        m.value ? (a(), o("div", jt, [
-          (a(), o(I, null, V(_, (u) => n("div", {
+        ])) : O("", !0),
+        k.value ? (n(), a("div", Ht, [
+          (n(), a(B, null, A(z, (u) => o("div", {
             key: u,
             class: "text-center"
-          }, x(u), 1)), 64)),
-          (a(!0), o(I, null, V(P.value, (u) => (a(), o("div", {
+          }, C(u), 1)), 64)),
+          (n(!0), a(B, null, A(W.value, (u) => (n(), a("div", {
             key: u,
             class: "text-center"
           }))), 128)),
-          (a(!0), o(I, null, V(T.value, (u) => (a(), o("div", {
+          (n(!0), a(B, null, A(K.value, (u) => (n(), a("div", {
             key: u,
-            class: C(["hover:bg-primary-10 py-1 rounded-full text-center cursor-pointer", {
-              "bg-primary text-primary-content": Ce(u),
-              today: De(u),
+            class: V(["hover:bg-primary-10 py-1 rounded-full text-center cursor-pointer", {
+              "bg-primary text-primary-content": De(u),
+              today: Me(u),
               "range-start bg-primary text-primary-content": Ie(u),
-              "range-end bg-primary text-primary-content": Me(u),
-              "in-range bg-primary/20 hover:bg-primary/10": Te(u)
+              "range-end bg-primary text-primary-content": Te(u),
+              "in-range bg-primary/20 hover:bg-primary/10": Ve(u)
             }]),
-            onClick: (Y) => xe(u)
-          }, x(u.getDate()), 11, Rt))), 128))
-        ])) : M("", !0),
-        b.value ? (a(), o("div", Ft, [
-          e.range ? M("", !0) : (a(), o("h3", Nt, "Select Time")),
-          e.range ? (a(), o("div", Yt, [
-            n("div", null, [
-              h[13] || (h[13] = n("p", { class: "font-bold" }, "Start Time", -1)),
-              W.value ? R((a(), o("input", {
+            onClick: (X) => Ce(u)
+          }, C(u.getDate()), 11, Wt))), 128))
+        ])) : O("", !0),
+        _.value ? (n(), a("div", Kt, [
+          e.range ? O("", !0) : (n(), a("h3", Yt, "Select Time")),
+          e.range ? (n(), a("div", Qt, [
+            o("div", null, [
+              b[13] || (b[13] = o("p", { class: "font-bold" }, "Start Time", -1)),
+              S.value ? q((n(), a("input", {
                 key: 0,
                 type: "time",
                 class: "input-bordered w-full input",
-                "onUpdate:modelValue": h[5] || (h[5] = (u) => r.value.start = u),
+                "onUpdate:modelValue": b[5] || (b[5] = (u) => r.value.start = u),
                 onChange: j
               }, null, 544)), [
-                [ee, r.value.start]
-              ]) : (a(), o("div", Jt, [
-                R(n("select", {
+                [ne, r.value.start]
+              ]) : (n(), a("div", el, [
+                q(o("select", {
                   class: "w-full select-bordered select",
-                  "onUpdate:modelValue": h[6] || (h[6] = (u) => p.value.start = u),
+                  "onUpdate:modelValue": b[6] || (b[6] = (u) => f.value.start = u),
                   onChange: j
                 }, [
-                  (a(!0), o(I, null, V(F(H), (u) => (a(), o("option", {
+                  (n(!0), a(B, null, A(F(d), (u) => (n(), a("option", {
                     key: u,
                     value: u
-                  }, x(u.toString().padStart(2, "0")), 9, Gt))), 128))
+                  }, C(u.toString().padStart(2, "0")), 9, tl))), 128))
                 ], 544), [
                   [
-                    J,
-                    p.value.start,
+                    Z,
+                    f.value.start,
                     void 0,
                     { number: !0 }
                   ]
                 ]),
-                R(n("select", {
+                q(o("select", {
                   class: "w-full select-bordered select",
-                  "onUpdate:modelValue": h[7] || (h[7] = (u) => y.value.start = u),
+                  "onUpdate:modelValue": b[7] || (b[7] = (u) => $.value.start = u),
                   onChange: j
                 }, [
-                  (a(!0), o(I, null, V(F(K), (u) => (a(), o("option", {
+                  (n(!0), a(B, null, A(F(w), (u) => (n(), a("option", {
                     key: u,
                     value: u
-                  }, x(u.toString().padStart(2, "0")), 9, Xt))), 128))
+                  }, C(u.toString().padStart(2, "0")), 9, ll))), 128))
                 ], 544), [
                   [
-                    J,
-                    y.value.start,
+                    Z,
+                    $.value.start,
                     void 0,
                     { number: !0 }
                   ]
                 ])
               ]))
             ]),
-            n("div", null, [
-              h[14] || (h[14] = n("p", { class: "font-bold" }, "End Time", -1)),
-              W.value ? R((a(), o("input", {
+            o("div", null, [
+              b[14] || (b[14] = o("p", { class: "font-bold" }, "End Time", -1)),
+              S.value ? q((n(), a("input", {
                 key: 0,
                 type: "time",
                 class: "input-bordered w-full input",
-                "onUpdate:modelValue": h[8] || (h[8] = (u) => r.value.end = u),
+                "onUpdate:modelValue": b[8] || (b[8] = (u) => r.value.end = u),
                 onChange: j
               }, null, 544)), [
-                [ee, r.value.end]
-              ]) : (a(), o("div", Zt, [
-                R(n("select", {
+                [ne, r.value.end]
+              ]) : (n(), a("div", nl, [
+                q(o("select", {
                   class: "w-full select-bordered select",
-                  "onUpdate:modelValue": h[9] || (h[9] = (u) => p.value.end = u),
+                  "onUpdate:modelValue": b[9] || (b[9] = (u) => f.value.end = u),
                   onChange: j
                 }, [
-                  (a(!0), o(I, null, V(F(H), (u) => (a(), o("option", {
+                  (n(!0), a(B, null, A(F(d), (u) => (n(), a("option", {
                     key: u,
                     value: u
-                  }, x(u.toString().padStart(2, "0")), 9, Qt))), 128))
+                  }, C(u.toString().padStart(2, "0")), 9, al))), 128))
                 ], 544), [
                   [
-                    J,
-                    p.value.end,
+                    Z,
+                    f.value.end,
                     void 0,
                     { number: !0 }
                   ]
                 ]),
-                R(n("select", {
+                q(o("select", {
                   class: "w-full select-bordered select",
-                  "onUpdate:modelValue": h[10] || (h[10] = (u) => y.value.end = u),
+                  "onUpdate:modelValue": b[10] || (b[10] = (u) => $.value.end = u),
                   onChange: j
                 }, [
-                  (a(!0), o(I, null, V(F(K), (u) => (a(), o("option", {
+                  (n(!0), a(B, null, A(F(w), (u) => (n(), a("option", {
                     key: u,
                     value: u
-                  }, x(u.toString().padStart(2, "0")), 9, el))), 128))
+                  }, C(u.toString().padStart(2, "0")), 9, ol))), 128))
                 ], 544), [
                   [
-                    J,
-                    y.value.end,
+                    Z,
+                    $.value.end,
                     void 0,
                     { number: !0 }
                   ]
                 ])
               ]))
             ])
-          ])) : (a(), o("div", qt, [
-            W.value ? R((a(), o("input", {
+          ])) : (n(), a("div", Jt, [
+            S.value ? q((n(), a("input", {
               key: 0,
               type: "time",
               class: "input-bordered w-full input",
-              "onUpdate:modelValue": h[2] || (h[2] = (u) => r.value = u),
+              "onUpdate:modelValue": b[2] || (b[2] = (u) => r.value = u),
               onChange: j
             }, null, 544)), [
-              [ee, r.value]
-            ]) : (a(), o("div", Ht, [
-              R(n("select", {
+              [ne, r.value]
+            ]) : (n(), a("div", Gt, [
+              q(o("select", {
                 class: "w-full select-bordered select",
-                "onUpdate:modelValue": h[3] || (h[3] = (u) => p.value = u),
+                "onUpdate:modelValue": b[3] || (b[3] = (u) => f.value = u),
                 onChange: j
               }, [
-                (a(!0), o(I, null, V(F(H), (u) => (a(), o("option", {
+                (n(!0), a(B, null, A(F(d), (u) => (n(), a("option", {
                   key: u,
                   value: u
-                }, x(u.toString().padStart(2, "0")), 9, Wt))), 128))
+                }, C(u.toString().padStart(2, "0")), 9, Xt))), 128))
               ], 544), [
                 [
-                  J,
-                  p.value,
+                  Z,
+                  f.value,
                   void 0,
                   { number: !0 }
                 ]
               ]),
-              R(n("select", {
+              q(o("select", {
                 class: "w-full select-bordered select",
-                "onUpdate:modelValue": h[4] || (h[4] = (u) => y.value = u),
+                "onUpdate:modelValue": b[4] || (b[4] = (u) => $.value = u),
                 onChange: j
               }, [
-                (a(!0), o(I, null, V(F(K), (u) => (a(), o("option", {
+                (n(!0), a(B, null, A(F(w), (u) => (n(), a("option", {
                   key: u,
                   value: u
-                }, x(u.toString().padStart(2, "0")), 9, Kt))), 128))
+                }, C(u.toString().padStart(2, "0")), 9, Zt))), 128))
               ], 544), [
                 [
-                  J,
-                  y.value,
+                  Z,
+                  $.value,
                   void 0,
                   { number: !0 }
                 ]
               ])
             ]))
           ]))
-        ])) : M("", !0),
-        n("div", tl, [
-          n("button", {
-            class: C(["btn btn-secondary", i.popup ? "w-fit" : "w-full"]),
-            onClick: Se
+        ])) : O("", !0),
+        o("div", sl, [
+          o("button", {
+            class: V(["btn btn-secondary", i.popup ? "w-fit" : "w-full"]),
+            onClick: xe
           }, " Clear ", 2),
-          i.popup ? (a(), o("button", {
+          i.popup ? (n(), a("button", {
             key: 0,
             class: "btn btn-primary btn-wide",
-            onClick: pe
-          }, " Close ")) : M("", !0)
+            onClick: G
+          }, " Close ")) : O("", !0)
         ])
-      ], 10, At)) : M("", !0)
+      ], 10, Nt)) : O("", !0)
     ], 512));
   }
-}, al = /* @__PURE__ */ X(ll, [["__scopeId", "data-v-661f4719"]]), nl = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, il = /* @__PURE__ */ te(rl, [["__scopeId", "data-v-661f4719"]]), ul = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: al
-}, Symbol.toStringTag, { value: "Module" })), ol = ["value", "checked", "onChange", "disabled"], ba = /* @__PURE__ */ z({
+  default: il
+}, Symbol.toStringTag, { value: "Module" })), dl = ["value", "checked", "onChange", "disabled"], Sn = /* @__PURE__ */ L({
   __name: "rating",
   props: {
     initialRating: { default: 0 },
@@ -1270,56 +1438,56 @@ const Qe = le("SunIcon", [
     gap: { default: 0 }
   },
   setup(i) {
-    const d = i, e = $(d.initialRating);
-    N(
-      () => d.initialRating,
-      (l) => {
-        e.value = l;
+    const c = i, e = x(c.initialRating);
+    H(
+      () => c.initialRating,
+      (s) => {
+        e.value = s;
       }
     );
-    const t = (l) => {
-      e.value = l;
+    const t = (s) => {
+      e.value = s;
     };
-    return (l, s) => (a(), o("div", {
-      class: C(["rating", [`rating-${d.size}`, { "rating-half": l.halfStars }]])
+    return (s, l) => (n(), a("div", {
+      class: V(["rating", [`rating-${c.size}`, { "rating-half": s.halfStars }]])
     }, [
-      (a(!0), o(I, null, V(l.numberOfStars * (l.halfStars ? 2 : 1), (r) => (a(), o("input", {
+      (n(!0), a(B, null, A(s.numberOfStars * (s.halfStars ? 2 : 1), (r) => (n(), a("input", {
         key: r,
         type: "radio",
-        value: l.halfStars ? r * 0.5 : r,
-        checked: e.value === (l.halfStars ? r * 0.5 : r),
-        onChange: (g) => l.isInteractive ? t(l.halfStars ? r * 0.5 : r) : null,
-        class: C(["mask", [
+        value: s.halfStars ? r * 0.5 : r,
+        checked: e.value === (s.halfStars ? r * 0.5 : r),
+        onChange: (y) => s.isInteractive ? t(s.halfStars ? r * 0.5 : r) : null,
+        class: V(["mask", [
           {
             // 'bg-yellow-400': rating >= (halfStars ? i * 0.5 : i),
-            "mask-half-1": l.halfStars && r % 2 !== 0,
-            "mask-half-2": l.halfStars && r % 2 === 0,
-            "cursor-pointer": l.isInteractive,
-            "cursor-default": !l.isInteractive,
-            "mask-star": l.shape === "star",
-            "mask-star-2": l.shape === "star-bold",
-            "mask-heart": l.shape === "heart",
-            "mask-hexagon": l.shape === "hexagon-vertical",
-            "mask-hexagon-2": l.shape === "hexagon-horizontal",
-            "mask-decagon": l.shape === "decagon",
-            "mask-pentagon": l.shape === "pentagon",
-            "mask-diamond": l.shape === "diamond",
-            "mask-square": l.shape === "square",
-            "mask-triangle": l.shape === "triangle-top",
-            "mask-triangle-2": l.shape === "triangle-bottom",
-            "mask-triangle-3": l.shape === "triangle-left",
-            "mask-triangle-4": l.shape === "triangle-right"
+            "mask-half-1": s.halfStars && r % 2 !== 0,
+            "mask-half-2": s.halfStars && r % 2 === 0,
+            "cursor-pointer": s.isInteractive,
+            "cursor-default": !s.isInteractive,
+            "mask-star": s.shape === "star",
+            "mask-star-2": s.shape === "star-bold",
+            "mask-heart": s.shape === "heart",
+            "mask-hexagon": s.shape === "hexagon-vertical",
+            "mask-hexagon-2": s.shape === "hexagon-horizontal",
+            "mask-decagon": s.shape === "decagon",
+            "mask-pentagon": s.shape === "pentagon",
+            "mask-diamond": s.shape === "diamond",
+            "mask-square": s.shape === "square",
+            "mask-triangle": s.shape === "triangle-top",
+            "mask-triangle-2": s.shape === "triangle-bottom",
+            "mask-triangle-3": s.shape === "triangle-left",
+            "mask-triangle-4": s.shape === "triangle-right"
           },
-          e.value >= (l.halfStars ? r * 0.5 : r) ? d.color : ""
+          e.value >= (s.halfStars ? r * 0.5 : r) ? c.color : ""
         ]]),
-        style: se({
-          marginRight: l.halfStars && r % 2 === 0 ? `${d.gap}px` : l.halfStars ? "0" : `${d.gap}px`
+        style: de({
+          marginRight: s.halfStars && r % 2 === 0 ? `${c.gap}px` : s.halfStars ? "0" : `${c.gap}px`
         }),
-        disabled: !l.isInteractive
-      }, null, 46, ol))), 128))
+        disabled: !s.isInteractive
+      }, null, 46, dl))), 128))
     ], 2));
   }
-}), sl = { class: "badge" }, rl = ["onClick"], il = { class: "opacity-75" }, ul = ["placeholder"], ya = /* @__PURE__ */ z({
+}), cl = { class: "badge" }, pl = ["onClick"], vl = { class: "opacity-75" }, fl = ["placeholder"], xn = /* @__PURE__ */ L({
   __name: "taginput",
   props: {
     modelValue: {},
@@ -1328,61 +1496,61 @@ const Qe = le("SunIcon", [
     class: {}
   },
   emits: ["update:modelValue"],
-  setup(i, { emit: d }) {
-    const e = i, t = d, l = $([...e.modelValue]), s = e.maxTagAmount === void 0 ? -1 : e.maxTagAmount, r = $(null), g = $(""), c = B(() => s < 0 || l.value.length < s), p = () => {
-      const f = g.value.trim();
-      f && !l.value.includes(f) && (l.value.push(f), t("update:modelValue", l.value), g.value = "");
-    }, y = (f) => {
-      l.value = l.value.filter((m) => m !== f), t("update:modelValue", l.value);
-    }, A = () => {
-      g.value === "" && (l.value.pop(), t("update:modelValue", l.value));
-    }, q = (f) => {
-      f.key === "Enter" ? p() : f.key === "Backspace" && g.value === "" && A();
+  setup(i, { emit: c }) {
+    const e = i, t = c, s = x([...e.modelValue]), l = e.maxTagAmount === void 0 ? -1 : e.maxTagAmount, r = x(null), y = x(""), p = E(() => l < 0 || s.value.length < l), f = () => {
+      const v = y.value.trim();
+      v && !s.value.includes(v) && (s.value.push(v), t("update:modelValue", s.value), y.value = "");
+    }, $ = (v) => {
+      s.value = s.value.filter((k) => k !== v), t("update:modelValue", s.value);
+    }, U = () => {
+      y.value === "" && (s.value.pop(), t("update:modelValue", s.value));
+    }, R = (v) => {
+      v.key === "Enter" ? f() : v.key === "Backspace" && y.value === "" && U();
     };
-    return N(() => e.modelValue, (f) => {
-      l.value = [...f];
-    }), (f, m) => (a(), o("div", {
-      class: C(["flex flex-wrap gap-2 bg-base-100 shadow px-4 py-6 border border-base-content/20 rounded", f.$props.class])
+    return H(() => e.modelValue, (v) => {
+      s.value = [...v];
+    }), (v, k) => (n(), a("div", {
+      class: V(["flex flex-wrap gap-2 bg-base-100 shadow px-4 py-6 border border-base-content/20 rounded", v.$props.class])
     }, [
-      (a(!0), o(I, null, V(l.value, (b) => D(f.$slots, "tag", {
-        key: b,
-        tag: b
+      (n(!0), a(B, null, A(s.value, (_) => T(v.$slots, "tag", {
+        key: _,
+        tag: _
       }, () => [
-        n("div", sl, [
-          n("button", {
+        o("div", cl, [
+          o("button", {
             class: "!px-1 !py-0 h-fit font-bold cursor-pointer",
-            onClick: (w) => y(b),
+            onClick: (M) => $(_),
             "aria-label": "Remove tag"
-          }, "X", 8, rl),
-          n("span", il, x(b), 1)
+          }, "X", 8, pl),
+          o("span", vl, C(_), 1)
         ])
       ])), 128)),
-      D(f.$slots, "input", { showInput: c.value }, () => [
-        c.value ? R((a(), o("input", {
+      T(v.$slots, "input", { showInput: p.value }, () => [
+        p.value ? q((n(), a("input", {
           key: 0,
           ref_key: "inputRef",
           ref: r,
-          "onUpdate:modelValue": m[0] || (m[0] = (b) => g.value = b),
+          "onUpdate:modelValue": k[0] || (k[0] = (_) => y.value = _),
           type: "text",
-          placeholder: f.placeholder || "Type here",
+          placeholder: v.placeholder || "Type here",
           class: "h-full input input-ghost",
-          onKeydown: q,
+          onKeydown: R,
           "aria-label": "Add tags"
-        }, null, 40, ul)), [
-          [ee, g.value]
-        ]) : M("", !0)
+        }, null, 40, fl)), [
+          [ne, y.value]
+        ]) : O("", !0)
       ])
     ], 2));
   }
-}), dl = { class: "w-full max-w-xs form-control" }, cl = {
+}), ml = { class: "w-full max-w-xs form-control" }, gl = {
   key: 0,
   class: "label"
-}, pl = { class: "label-text" }, vl = ["value"], fl = {
+}, hl = { class: "label-text" }, bl = ["value"], yl = {
   key: 0,
   value: "",
   disabled: "",
   selected: ""
-}, ml = ["value"], wa = /* @__PURE__ */ z({
+}, wl = ["value"], Cn = /* @__PURE__ */ L({
   __name: "select",
   props: {
     options: {},
@@ -1391,45 +1559,45 @@ const Qe = le("SunIcon", [
     modelValue: {}
   },
   emits: ["update:modelValue"],
-  setup(i, { expose: d, emit: e }) {
+  setup(i, { expose: c, emit: e }) {
     console.log(i.placeholder);
-    const l = e, s = $(null), r = (c) => {
-      const p = c.target;
-      l("update:modelValue", p.value);
+    const s = e, l = x(null), r = (p) => {
+      const f = p.target;
+      s("update:modelValue", f.value);
     };
-    return d({
+    return c({
       focusInput: () => {
-        var c;
-        console.log("select.vue: focusInput method called."), (c = s.value) == null || c.focus();
+        var p;
+        console.log("select.vue: focusInput method called."), (p = l.value) == null || p.focus();
       }
       // You can expose other properties or methods here if needed by the parent
       // e.g., the current value: modelValue
-    }), (c, p) => (a(), o("div", dl, [
-      c.label ? (a(), o("label", cl, [
-        n("span", pl, x(c.label), 1)
-      ])) : M("", !0),
-      n("select", {
+    }), (p, f) => (n(), a("div", ml, [
+      p.label ? (n(), a("label", gl, [
+        o("span", hl, C(p.label), 1)
+      ])) : O("", !0),
+      o("select", {
         ref_key: "selectElement",
-        ref: s,
+        ref: l,
         class: "rounded-md w-full select-bordered select",
-        value: c.modelValue,
+        value: p.modelValue,
         onChange: r
       }, [
-        c.placeholder ? (a(), o("option", fl, x(c.placeholder), 1)) : M("", !0),
-        (a(!0), o(I, null, V(c.options, (y) => (a(), o("option", {
-          key: y.value,
-          value: y.value
-        }, x(y.text), 9, ml))), 128))
-      ], 40, vl)
+        p.placeholder ? (n(), a("option", yl, C(p.placeholder), 1)) : O("", !0),
+        (n(!0), a(B, null, A(p.options, ($) => (n(), a("option", {
+          key: $.value,
+          value: $.value
+        }, C($.text), 9, wl))), 128))
+      ], 40, bl)
     ]));
   }
-}), hl = {
+}), kl = {
   key: 0,
   class: "label"
-}, gl = { class: "label-text" }, bl = ["onKeydown", "aria-expanded", "aria-activedescendant"], yl = ["placeholder"], wl = {
+}, $l = { class: "label-text" }, _l = ["onKeydown", "aria-expanded", "aria-activedescendant"], Sl = ["placeholder"], xl = {
   class: "top-full z-10 absolute bg-base-100 shadow-lg mt-1 rounded-md w-full dropdown-content",
   role: "listbox"
-}, kl = { class: "flex-nowrap p-0 w-[inherit] max-h-60 overflow-y-auto menu" }, $l = ["onMousedown", "id", "aria-selected"], ka = {
+}, Cl = { 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 }, ...]
@@ -1455,181 +1623,181 @@ const Qe = le("SunIcon", [
     }
   },
   emits: ["update:modelValue", "select"],
-  setup(i, { expose: d, emit: e }) {
-    const t = i, l = e, s = Ee(), r = B(() => {
-      const U = (s.default ? s.default() : []).filter((O) => O.type !== Ue);
-      return console.log("hasDefaultSlotContent computed:", U.length > 0), U.length > 0;
-    }), g = $(""), c = $(null), p = $(!1), y = $(null), A = $(null), q = $(null), f = $(null), m = () => {
-      console.log("openDropdown called"), p.value = !0;
-    }, b = () => {
-      console.log("closeDropdown called"), p.value = !1, f.value = null, r.value || (c.value && g.value !== c.value.text ? g.value = c.value.text : c.value || (g.value = ""));
-    }, w = () => {
-      p.value ? b() : m();
-    }, _ = B(() => {
-      const S = g.value.toLowerCase();
-      return S === "" && !p.value ? [] : t.options.filter(
-        (O) => O.text.toLowerCase().includes(S)
+  setup(i, { expose: c, emit: e }) {
+    const t = i, s = e, l = Ue(), r = E(() => {
+      const g = (l.default ? l.default() : []).filter((I) => I.type !== Re);
+      return console.log("hasDefaultSlotContent computed:", g.length > 0), g.length > 0;
+    }), y = x(""), p = x(null), f = x(!1), $ = x(null), U = x(null), R = x(null), v = x(null), k = () => {
+      console.log("openDropdown called"), f.value = !0;
+    }, _ = () => {
+      console.log("closeDropdown called"), f.value = !1, v.value = null, r.value || (p.value && y.value !== p.value.text ? y.value = p.value.text : p.value || (y.value = ""));
+    }, M = () => {
+      f.value ? _() : k();
+    }, z = E(() => {
+      const h = y.value.toLowerCase();
+      return h === "" && !f.value ? [] : t.options.filter(
+        (I) => I.text.toLowerCase().includes(h)
       );
     });
-    N(
+    H(
       () => t.modelValue,
-      (S, U) => {
-        if (S !== U && b(), S == null)
-          c.value = null, !p.value && !r.value && (g.value = "");
+      (h, g) => {
+        if (h !== g && _(), h == null)
+          p.value = null, !f.value && !r.value && (y.value = "");
         else {
-          const O = t.options.find((L) => L.value === S);
-          O ? (c.value = O, !p.value && !r.value && (g.value = O.text)) : (c.value = null, !p.value && !r.value && (g.value = ""));
+          const I = t.options.find((D) => D.value === h);
+          I ? (p.value = I, !f.value && !r.value && (y.value = I.text)) : (p.value = null, !f.value && !r.value && (y.value = ""));
         }
       },
       { immediate: !0 }
       // Run immediately on component mount
     );
-    const k = (S) => {
-      A.value && !A.value.contains(S.target) && b();
-    }, T = () => {
+    const N = (h) => {
+      U.value && !U.value.contains(h.target) && _();
+    }, K = () => {
       setTimeout(() => {
-        A.value && !A.value.contains(document.activeElement) && b();
+        U.value && !U.value.contains(document.activeElement) && _();
       }, 100);
     };
-    N(p, (S) => {
-      S ? setTimeout(() => {
-        document.addEventListener("click", k);
-      }, 0) : document.removeEventListener("click", k);
-    }), ue(() => {
-      document.removeEventListener("click", k), window.removeEventListener("keydown", W);
+    H(f, (h) => {
+      h ? setTimeout(() => {
+        document.addEventListener("click", N);
+      }, 0) : document.removeEventListener("click", N);
+    }), ge(() => {
+      document.removeEventListener("click", N), window.removeEventListener("keydown", S);
     });
-    const P = (S) => {
-      c.value = S, r.value || (g.value = S.text), l("update:modelValue", S.value), l("select", S);
-    }, H = () => {
-      _.value.length > 0 && P(_.value[0]);
-    }, K = () => {
-      p.value || m();
-    }, W = (S) => {
-      if (!p.value || _.value.length === 0) return;
-      const U = _.value.findIndex(
-        (L, E) => "option-" + E === f.value
+    const W = (h) => {
+      p.value = h, r.value || (y.value = h.text), s("update:modelValue", h.value), s("select", h), _(), console.log("user selected an option");
+    }, d = () => {
+      z.value.length > 0 && W(z.value[0]);
+    }, w = () => {
+      f.value || k();
+    }, S = (h) => {
+      if (!f.value || z.value.length === 0) return;
+      const g = z.value.findIndex(
+        (D, P) => "option-" + P === v.value
       );
-      let O = -1;
-      if (S.key === "ArrowDown")
-        S.preventDefault(), O = (U + 1) % _.value.length;
-      else if (S.key === "ArrowUp")
-        S.preventDefault(), O = (U - 1 + _.value.length) % _.value.length;
-      else if (S.key === "Enter" && f.value) {
-        S.preventDefault();
-        const L = _.value.find(
-          (E, Z) => "option-" + Z === f.value
+      let I = -1;
+      if (h.key === "ArrowDown")
+        h.preventDefault(), I = (g + 1) % z.value.length;
+      else if (h.key === "ArrowUp")
+        h.preventDefault(), I = (g - 1 + z.value.length) % z.value.length;
+      else if (h.key === "Enter" && v.value) {
+        h.preventDefault();
+        const D = z.value.find(
+          (P, Y) => "option-" + Y === v.value
         );
-        L && P(L);
+        D && W(D);
         return;
-      } else if (S.key === "Escape") {
-        S.preventDefault(), b(), q.value && q.value.focus();
+      } else if (h.key === "Escape") {
+        h.preventDefault(), _(), R.value && R.value.focus();
         return;
       } else if (r.value)
         return;
-      if (O !== -1) {
-        f.value = "option-" + O;
-        const L = document.getElementById(f.value);
-        L && requestAnimationFrame(() => {
-          L.scrollIntoView({ block: "nearest", behavior: "smooth" });
+      if (I !== -1) {
+        v.value = "option-" + I;
+        const D = document.getElementById(v.value);
+        D && requestAnimationFrame(() => {
+          D.scrollIntoView({ block: "nearest", behavior: "smooth" });
         });
       }
     };
-    return N(p, (S) => {
-      S ? (window.addEventListener("keydown", W), !r.value && !g.value && c.value && (g.value = c.value.text)) : (console.log("Removing window keydown listener"), window.removeEventListener("keydown", W));
-    }), ue(() => {
-      document.removeEventListener("click", k), window.removeEventListener("keydown", W);
-    }), d({
-      isDropdownOpen: p,
+    return H(f, (h) => {
+      h ? (window.addEventListener("keydown", S), !r.value && !y.value && p.value && (y.value = p.value.text)) : (console.log("Removing window keydown listener"), window.removeEventListener("keydown", S));
+    }), ge(() => {
+      document.removeEventListener("click", N), window.removeEventListener("keydown", S);
+    }), c({
+      isDropdownOpen: f,
       // Expose state
-      selectedItem: c,
+      selectedItem: p,
       // Expose selected item
-      openDropdown: m,
+      openDropdown: k,
       // Expose method to open
-      closeDropdown: b,
+      closeDropdown: _,
       // Expose method to close
-      toggleDropdown: w,
+      toggleDropdown: M,
       // Expose method to toggle
-      selectItem: P,
+      selectItem: W,
       // Expose method to select an item programmatically
-      filterText: g,
+      filterText: y,
       // Expose filter text (useful if parent controls filtering)
       hasDefaultSlotContent: r
       // Expose to know if the default slot is used
-    }), (S, U) => (a(), o("div", {
+    }), (h, g) => (n(), a("div", {
       class: "relative w-full max-w-xs form-control",
       ref_key: "componentRoot",
-      ref: A
+      ref: U
     }, [
-      i.label ? (a(), o("label", hl, [
-        n("span", gl, x(i.label), 1)
-      ])) : M("", !0),
-      n("div", {
-        class: C(["flex items-center input-bordered rounded-md w-fit cursor-pointer", { input: !r.value, select: !r.value }]),
+      i.label ? (n(), a("label", kl, [
+        o("span", $l, C(i.label), 1)
+      ])) : O("", !0),
+      o("div", {
+        class: V(["flex items-center input-bordered rounded-md w-fit cursor-pointer", { input: !r.value, select: !r.value }]),
         tabindex: "0",
-        onClick: m,
+        onClick: k,
         onKeydown: [
-          be(re(H, ["prevent"]), ["enter"]),
-          be(re(H, ["prevent"]), ["space"])
+          he(ee(d, ["prevent"]), ["enter"]),
+          he(ee(d, ["prevent"]), ["space"])
         ],
-        onBlur: T,
+        onBlur: K,
         role: "combobox",
         "aria-haspopup": "listbox",
-        "aria-expanded": p.value,
-        "aria-activedescendant": f.value,
+        "aria-expanded": f.value,
+        "aria-activedescendant": v.value,
         "aria-autocomplete": "list",
         ref_key: "activatorWrapper",
-        ref: q
+        ref: R
       }, [
-        D(S.$slots, "default", {}, () => [
-          r.value ? M("", !0) : R((a(), o("input", {
+        T(h.$slots, "default", {}, () => [
+          r.value ? O("", !0) : q((n(), a("input", {
             key: 0,
             type: "text",
             placeholder: i.placeholder,
             class: "bg-transparent border-none focus:outline-none w-full",
-            "onUpdate:modelValue": U[0] || (U[0] = (O) => g.value = O),
+            "onUpdate:modelValue": g[0] || (g[0] = (I) => y.value = I),
             ref_key: "filterInput",
-            ref: y,
-            onFocus: m,
-            onInput: K,
+            ref: $,
+            onFocus: k,
+            onInput: w,
             tabindex: "-1"
-          }, null, 40, yl)), [
-            [ee, g.value]
+          }, null, 40, Sl)), [
+            [ne, y.value]
           ])
         ]),
-        r.value ? (a(), de(F(Xe), {
+        r.value ? (n(), ue(F(Ze), {
           key: 0,
-          class: C({ "rotate-180": p.value }),
+          class: V({ "rotate-180": f.value }),
           size: 20
-        }, null, 8, ["class"])) : M("", !0)
-      ], 42, bl),
-      R(n("div", wl, [
-        n("ul", kl, [
-          (a(!0), o(I, null, V(_.value, (O, L) => (a(), o("li", {
-            key: O.value,
-            onMousedown: re((E) => P(O), ["prevent"]),
+        }, null, 8, ["class"])) : O("", !0)
+      ], 42, _l),
+      q(o("div", xl, [
+        o("ul", Cl, [
+          (n(!0), a(B, null, A(z.value, (I, D) => (n(), a("li", {
+            key: I.value,
+            onMousedown: ee((P) => W(I), ["prevent"]),
             class: "hover:bg-base-200 rounded-md w-full cursor-pointer",
-            id: "option-" + L,
+            id: "option-" + D,
             role: "option",
-            "aria-selected": c.value && c.value.value === O.value
+            "aria-selected": p.value && p.value.value === I.value
           }, [
-            n("a", null, x(O.text), 1)
-          ], 40, $l))), 128))
+            o("a", null, C(I.text), 1)
+          ], 40, Dl))), 128))
         ])
       ], 512), [
-        [je, p.value && _.value.length > 0]
+        [Ne, f.value && z.value.length > 0]
       ])
     ], 512));
   }
-}, _l = { class: "w-full max-w-xs form-control" }, Sl = {
+}, Ml = { class: "w-full max-w-xs form-control" }, Il = {
   key: 0,
   class: "label"
-}, xl = { class: "label-text" }, Cl = ["type", "placeholder", "value"], Dl = {
+}, Tl = { class: "label-text" }, Vl = ["type", "placeholder", "value"], Bl = {
   key: 1,
   class: "label"
-}, Il = { class: "label-text-alt text-error validator-hint" }, Ml = {
+}, Ol = { class: "label-text-alt text-error validator-hint" }, zl = {
   key: 2,
   class: "label"
-}, Tl = { class: "label-text-alt text-success validator-hint" }, $a = /* @__PURE__ */ z({
+}, Al = { class: "label-text-alt text-success validator-hint" }, Mn = /* @__PURE__ */ L({
   __name: "inputField",
   props: {
     modelValue: { default: "" },
@@ -1637,83 +1805,87 @@ const Qe = le("SunIcon", [
     placeholder: { default: "" },
     type: { default: "text" },
     rules: { default: () => ({}) },
+    needsValidation: {},
     successMessage: { default: "" },
     size: { default: "md" },
     color: { default: "" },
     style: { default: "" }
   },
   emits: ["update:modelValue", "validate"],
-  setup(i, { expose: d, emit: e }) {
-    const t = i, l = e, s = $(null), r = $(!1), g = $(""), c = B(() => {
-      var w, _, k, T;
-      let f = !0, m = "";
-      const b = t.modelValue;
-      return (w = t.rules) != null && w.required && (b == null || b === "") && (f = !1, m = "This field is required."), f && ((_ = t.rules) == null ? void 0 : _.minLength) !== void 0 && typeof b == "string" && b.length < t.rules.minLength && (f = !1, m = `Must be at least ${t.rules.minLength} characters.`), f && ((k = t.rules) == null ? void 0 : k.maxLength) !== void 0 && typeof b == "string" && b.length > t.rules.maxLength && (f = !1, m = `Cannot exceed ${t.rules.maxLength} characters.`), f && ((T = t.rules) != null && T.email) && typeof b == "string" && b && (/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(b) || (f = !1, m = "Please enter a valid email address.")), g.value = m, l("validate", f), f;
-    }), p = B(() => r.value && !c.value), y = (f) => {
-      const m = f.target;
-      l("update:modelValue", m.value), r.value && c.value;
-    }, A = () => {
-      r.value = !0, c.value;
+  setup(i, { expose: c, emit: e }) {
+    const t = i, s = e, l = x(null), r = x(!1), y = x(""), p = E(() => {
+      var M, z, N, K;
+      let v = !0, k = "";
+      const _ = t.modelValue;
+      return (M = t.rules) != null && M.required && (_ == null || _ === "") && (v = !1, k = "This field is required."), v && ((z = t.rules) == null ? void 0 : z.minLength) !== void 0 && typeof _ == "string" && _.length < t.rules.minLength && (v = !1, k = `Must be at least ${t.rules.minLength} characters.`), v && ((N = t.rules) == null ? void 0 : N.maxLength) !== void 0 && typeof _ == "string" && _.length > t.rules.maxLength && (v = !1, k = `Cannot exceed ${t.rules.maxLength} characters.`), v && ((K = t.rules) != null && K.email) && typeof _ == "string" && _ && (/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(_) || (v = !1, k = "Please enter a valid email address.")), y.value = k, s("validate", v), v;
+    }), f = E(() => r.value && !p.value), $ = (v) => {
+      const k = v.target;
+      s("update:modelValue", k.value), r.value && p.value;
+    }, U = () => {
+      r.value = !0, p.value;
     };
-    return N(
+    return H(
       () => t.modelValue,
       () => {
-        r.value && c.value;
+        r.value && p.value;
       }
-    ), d({
+    ), c({
       focusInput: () => {
-        var f;
-        console.log("inputField.vue: focusInput method called."), (f = s.value) == null || f.focus();
+        var v;
+        console.log("inputField.vue: focusInput method called."), (v = l.value) == null || v.focus();
       },
-      isValid: c,
+      isValid: p,
       isTouched: r,
-      errorMessage: g
-    }), (f, m) => (a(), o("div", _l, [
-      f.label ? (a(), o("label", Sl, [
-        n("span", xl, x(f.label), 1)
-      ])) : M("", !0),
-      n("input", {
+      errorMessage: y
+    }), (v, k) => (n(), a("div", Ml, [
+      v.label ? (n(), a("label", Il, [
+        o("span", Tl, C(v.label), 1)
+      ])) : O("", !0),
+      T(v.$slots, "default"),
+      o("input", {
         ref_key: "inputElement",
-        ref: s,
-        type: f.type,
-        placeholder: f.placeholder,
-        class: C(["input-bordered rounded-md w-full input validator", {
-          // Size classes
-          "input-xs": f.size === "xs",
-          "input-sm": f.size === "sm",
-          "input-md": f.size === "md",
-          "input-lg": f.size === "lg",
-          "input-xl": f.size === "xl",
-          // Color classes (applied only if not in an error state due to validation)
-          // We apply validation classes separately below to ensure they take precedence.
-          "input-neutral": f.color === "neutral" && !p.value,
-          "input-primary": f.color === "primary" && !p.value,
-          "input-secondary": f.color === "secondary" && !p.value,
-          "input-accent": f.color === "accent" && !p.value,
-          "input-info": f.color === "info" && !p.value,
-          "input-success": f.color === "success" && !p.value && !(c.value && r.value),
-          // Avoid conflicting with validation success
-          "input-warning": f.color === "warning" && !p.value,
-          // 'input-error': color === 'error', // Removed from here to avoid conflict
-          // Style classes
-          "input-ghost": f.style === "ghost",
-          // Validation state classes (Applied separately to ensure precedence)
-          "input-error": p.value
-          // Apply error style if validation fails
-          //'input-success': isValid && isTouched, // Apply success style if valid and touched
-        }]),
-        value: f.modelValue,
-        onInput: y,
-        onBlur: A
-      }, null, 42, Cl),
-      p.value ? (a(), o("div", Dl, [
-        n("span", Il, x(g.value), 1)
-      ])) : c.value && r.value && f.successMessage ? (a(), o("div", Ml, [
-        n("span", Tl, x(f.successMessage), 1)
-      ])) : M("", !0)
+        ref: l,
+        type: v.type,
+        placeholder: v.placeholder,
+        class: V(["input-bordered rounded-md w-full input validator", [
+          {
+            // Size classes - Apply based on size prop
+            "input-xs": v.size === "xs",
+            "input-sm": v.size === "sm",
+            "input-md": v.size === "md",
+            "input-lg": v.size === "lg",
+            "input-xl": v.size === "xl",
+            // Style classes - Apply based on style prop
+            "input-ghost": v.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": v.color === "neutral" && !f.value && !(p.value && r.value && v.needsValidation),
+            "input-primary": v.color === "primary" && !f.value && !(p.value && r.value && v.needsValidation),
+            "input-secondary": v.color === "secondary" && !f.value && !(p.value && r.value && v.needsValidation),
+            "input-accent": v.color === "accent" && !f.value && !(p.value && r.value && v.needsValidation),
+            "input-info": v.color === "info" && !f.value && !(p.value && r.value && v.needsValidation),
+            "input-success": v.color === "success" && !f.value && !(p.value && r.value && v.needsValidation),
+            // Color success applies only if not in error or validation success state
+            "input-warning": v.color === "warning" && !f.value && !(p.value && r.value && v.needsValidation),
+            // Validation state classes - These take precedence visually via conditions or CSS specificity.
+            "input-error": f.value,
+            // Apply error style if validation fails
+            "input-success-validation": p.value && r.value && !f.value && v.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: v.modelValue,
+        onInput: $,
+        onBlur: U
+      }, null, 42, Vl),
+      f.value ? (n(), a("div", Bl, [
+        o("span", Ol, C(y.value), 1)
+      ])) : p.value && r.value && v.successMessage ? (n(), a("div", zl, [
+        o("span", Al, C(v.successMessage), 1)
+      ])) : O("", !0)
     ]));
   }
-}), _a = /* @__PURE__ */ z({
+}), In = /* @__PURE__ */ L({
   __name: "loader",
   props: {
     loading: { type: Boolean, default: !0 },
@@ -1722,15 +1894,15 @@ const Qe = le("SunIcon", [
     color: { default: "primary" }
   },
   setup(i) {
-    const d = i, e = $(d.loading);
-    return N(
-      () => d.loading,
+    const c = i, e = x(c.loading);
+    return H(
+      () => c.loading,
       (t) => {
         e.value = t;
       }
-    ), (t, l) => e.value ? (a(), o("span", {
+    ), (t, s) => e.value ? (n(), a("span", {
       key: 0,
-      class: C(["loading", [
+      class: V(["loading", [
         { "loading-xs": t.size === "xs" },
         { "loading-sm": t.size === "sm" },
         { "loading-md": t.size === "md" },
@@ -1753,15 +1925,15 @@ const Qe = le("SunIcon", [
         { "text-warning": t.color === "warning" },
         { "text-error": t.color === "error" }
       ]])
-    }, null, 2)) : M("", !0);
+    }, null, 2)) : O("", !0);
   }
-}), Vl = { class: "footer sm:footer-horizontal container" }, Ol = { class: "footer-title" }, Bl = ["href"], zl = {
+}), Pl = { class: "footer sm:footer-horizontal container" }, El = { class: "footer-title" }, Ll = ["href"], Ul = {
   key: 0,
   class: "sm:hidden w-full"
-}, Pl = { class: "border-b-2 border-base-100 last:border-b-0 w-full" }, Al = {
+}, Rl = { class: "border-b-2 border-base-100 last:border-b-0 w-full" }, Nl = {
   tabindex: "0",
   class: "collapse collapse-plus w-full"
-}, Ll = { class: "collapse-title font-bold text-lg collapsible-footer-title" }, El = { class: "collapse-content flex w-full text-sm" }, Ul = { class: "flex flex-col gap-2.5" }, jl = { class: "w-full" }, Rl = ["href"], Fl = { class: "w-full" }, Sa = /* @__PURE__ */ z({
+}, jl = { class: "collapse-title font-bold text-lg collapsible-footer-title" }, Fl = { class: "collapse-content flex w-full text-sm" }, ql = { class: "flex flex-col gap-2.5" }, Hl = { class: "w-full" }, Wl = ["href"], Kl = { class: "w-full" }, Tn = /* @__PURE__ */ L({
   __name: "footer",
   props: {
     items: {},
@@ -1770,118 +1942,118 @@ const Qe = le("SunIcon", [
     collapseOnMobile: { type: Boolean, default: !1 }
   },
   setup(i) {
-    const d = i;
-    return (e, t) => (a(), o("div", {
-      class: C(["mx-auto md:px-10 py-10 text-base-content", [e.background ?? "bg-base-200", e.color ?? "text-base-content"]])
+    const c = i;
+    return (e, t) => (n(), a("div", {
+      class: V(["mx-auto md:px-10 py-10 text-base-content", [e.background ?? "bg-base-200", e.color ?? "text-base-content"]])
     }, [
-      n("footer", Vl, [
-        (a(!0), o(I, null, V(d.items, (l) => (a(), o("nav", {
-          class: C([{ "hidden sm:grid": e.collapseOnMobile }])
+      o("footer", Pl, [
+        (n(!0), a(B, null, A(c.items, (s) => (n(), a("nav", {
+          class: V([{ "hidden sm:grid": e.collapseOnMobile }])
         }, [
-          n("h6", Ol, x(l.title), 1),
-          (a(!0), o(I, null, V(l.items, (s) => (a(), o("a", {
+          o("h6", El, C(s.title), 1),
+          (n(!0), a(B, null, A(s.items, (l) => (n(), a("a", {
             class: "link link-hover",
-            href: s.link
-          }, x(s.text), 9, Bl))), 256))
+            href: l.link
+          }, C(l.text), 9, Ll))), 256))
         ], 2))), 256)),
-        e.collapseOnMobile ? (a(), o("nav", zl, [
-          (a(!0), o(I, null, V(d.items, (l) => (a(), o("ul", Pl, [
-            n("div", Al, [
-              n("div", Ll, x(l.title), 1),
-              n("div", El, [
-                n("ul", Ul, [
-                  (a(!0), o(I, null, V(l.items, (s) => (a(), o("li", jl, [
-                    n("a", {
+        e.collapseOnMobile ? (n(), a("nav", Ul, [
+          (n(!0), a(B, null, A(c.items, (s) => (n(), a("ul", Rl, [
+            o("div", Nl, [
+              o("div", jl, C(s.title), 1),
+              o("div", Fl, [
+                o("ul", ql, [
+                  (n(!0), a(B, null, A(s.items, (l) => (n(), a("li", Hl, [
+                    o("a", {
                       class: "w-full font-medium link link-hover",
-                      href: s.link
-                    }, x(s.text), 9, Rl)
+                      href: l.link
+                    }, C(l.text), 9, Wl)
                   ]))), 256))
                 ])
               ])
             ])
           ]))), 256))
-        ])) : M("", !0),
-        n("aside", Fl, [
-          D(e.$slots, "default")
+        ])) : O("", !0),
+        o("aside", Kl, [
+          T(e.$slots, "default")
         ])
       ])
     ], 2));
   }
-}), Nl = {}, ql = { class: "min-h-40 container hero" }, Hl = { class: "px-0! text-center hero-content" }, Wl = { class: "mt-9 text-4xl" };
-function Kl(i, d) {
-  return a(), o("div", ql, [
-    n("div", Hl, [
-      n("div", null, [
-        n("h1", Wl, [
-          D(i.$slots, "title", {}, () => [
-            d[0] || (d[0] = ce("hero title"))
+}), Yl = {}, Jl = { class: "min-h-40 container hero" }, Gl = { class: "px-0! text-center hero-content" }, Xl = { class: "mt-9 text-4xl" };
+function Zl(i, c) {
+  return n(), a("div", Jl, [
+    o("div", Gl, [
+      o("div", null, [
+        o("h1", Xl, [
+          T(i.$slots, "title", {}, () => [
+            c[0] || (c[0] = ke("hero title"))
           ])
         ]),
-        n("p", null, [
-          D(i.$slots, "description", { class: "py-9" })
+        o("p", null, [
+          T(i.$slots, "description", { class: "py-9" })
         ]),
-        D(i.$slots, "call-to-action-block", { class: "max-w-full" }, () => [
-          d[1] || (d[1] = n("button", { class: "btn btn-primary" }, "Call to action", -1))
+        T(i.$slots, "call-to-action-block", { class: "max-w-full" }, () => [
+          c[1] || (c[1] = o("button", { class: "btn btn-primary" }, "Call to action", -1))
         ])
       ])
     ])
   ]);
 }
-const xa = /* @__PURE__ */ X(Nl, [["render", Kl]]), Yl = { class: "flex flex-row place-content-center gap-4 categories" }, Jl = ["onClick"], Ca = /* @__PURE__ */ z({
+const Vn = /* @__PURE__ */ te(Yl, [["render", Zl]]), Ql = { class: "flex flex-row place-content-center gap-4 categories" }, en = ["onClick"], Bn = /* @__PURE__ */ L({
   __name: "categoryNavigation",
   props: {
     searchOptions: {},
     currentCategory: {}
   },
   emits: ["update:currentCategory"],
-  setup(i, { emit: d }) {
-    const e = i, t = d;
-    function l(s) {
-      t("update:currentCategory", s);
+  setup(i, { emit: c }) {
+    const e = i, t = c;
+    function s(l) {
+      t("update:currentCategory", l);
     }
-    return (s, r) => (a(), o("div", Yl, [
-      (a(!0), o(I, null, V(e.searchOptions, (g) => (a(), o("div", {
-        key: g.category
+    return (l, r) => (n(), a("div", Ql, [
+      (n(!0), a(B, null, A(e.searchOptions, (y) => (n(), a("div", {
+        key: y.category
       }, [
-        n("button", {
-          onClick: (c) => l(g.category),
-          class: C(["truncate btn btn-ghost", { "font-semibold": e.currentCategory === g.category }])
-        }, x(g.category), 11, Jl)
+        o("button", {
+          onClick: (p) => s(y.category),
+          class: V(["truncate btn btn-ghost", { "font-semibold": e.currentCategory === y.category }])
+        }, C(y.category), 11, en)
       ]))), 128))
     ]));
   }
-}), Gl = { class: "md:flex hidden navbar-start" }, Xl = { class: "md:flex justify-center items-center hidden navbar-center" }, Zl = { class: "md:flex hidden navbar-end" }, Ql = { class: "navbar-bottom md:flex hidden" }, ea = /* @__PURE__ */ z({
+}), tn = { class: "md:flex hidden navbar-start" }, ln = { class: "md:flex justify-center items-center hidden navbar-center" }, nn = { class: "md:flex hidden navbar-end" }, an = { class: "navbar-bottom md:flex hidden" }, on = /* @__PURE__ */ L({
   __name: "navigationBar",
   props: {
     isCollapsed: { type: Boolean, default: !0 }
   },
   setup(i) {
-    const d = i;
-    return (e, t) => (a(), o("nav", {
-      class: C(["place-items-start border-primary bg-base-100 px-5 py-5 border-b-4 transition-all navbar navigationbar", d.isCollapsed ? "collapsed" : ""])
+    const c = i;
+    return (e, t) => (n(), a("nav", {
+      class: V(["place-items-start border-primary bg-base-100 px-5 py-5 border-b-4 transition-all navbar navigationbar", c.isCollapsed ? "collapsed" : ""])
     }, [
-      n("div", Gl, [
-        D(e.$slots, "start", {}, void 0, !0)
+      o("div", tn, [
+        T(e.$slots, "start", {}, void 0, !0)
       ]),
-      n("div", Xl, [
-        D(e.$slots, "center", {}, void 0, !0)
+      o("div", ln, [
+        T(e.$slots, "center", {}, void 0, !0)
       ]),
-      n("div", Zl, [
-        D(e.$slots, "end", {}, void 0, !0)
+      o("div", nn, [
+        T(e.$slots, "end", {}, void 0, !0)
       ]),
-      n("div", Ql, [
-        D(e.$slots, "bottom", {}, void 0, !0)
+      o("div", an, [
+        T(e.$slots, "bottom", {}, void 0, !0)
       ])
     ], 2));
   }
-}), Da = /* @__PURE__ */ X(ea, [["__scopeId", "data-v-8ddb2b45"]]), ta = {
+}), On = /* @__PURE__ */ te(on, [["__scopeId", "data-v-8ddb2b45"]]), sn = {
   key: 0,
   class: "hidden top-4 right-0 absolute md:flex gap-4"
-}, la = ["onClick", "aria-selected"], aa = {
+}, rn = ["onClick", "aria-selected"], un = {
   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"
-}, na = { class: "p-6 border-x-0 border-t-2 border-b-0 border-base-300 max-w-full" }, Ia = /* @__PURE__ */ z({
+}, dn = { class: "p-6 border-x-0 border-t-2 border-b-0 border-base-300 max-w-full" }, zn = /* @__PURE__ */ L({
   __name: "tab",
   props: {
     items: {},
@@ -1890,82 +2062,82 @@ const xa = /* @__PURE__ */ X(Nl, [["render", Kl]]), Yl = { class: "flex flex-row
     buttonOnlyMode: { type: Boolean, default: !1 }
   },
   emits: ["tab-changed"],
-  setup(i, { emit: d }) {
-    const e = i, t = $(e.items[0]), l = d;
-    function s(c) {
-      t.value = c, l("tab-changed", c);
+  setup(i, { emit: c }) {
+    const e = i, t = x(e.items[0]), s = c;
+    function l(p) {
+      t.value = p, s("tab-changed", p);
     }
     function r() {
-      const p = (e.items.indexOf(t.value) + 1) % e.items.length;
-      s(e.items[p]);
+      const f = (e.items.indexOf(t.value) + 1) % e.items.length;
+      l(e.items[f]);
     }
-    function g() {
-      const p = (e.items.indexOf(t.value) - 1 + e.items.length) % e.items.length;
-      s(e.items[p]);
+    function y() {
+      const f = (e.items.indexOf(t.value) - 1 + e.items.length) % e.items.length;
+      l(e.items[f]);
     }
-    return G(() => {
-      e.items && s(e.items[0]);
-    }), we(() => {
+    return Q(() => {
+      e.items && l(e.items[0]);
+    }), $e(() => {
       e.rotateTabsAfter && e.rotateTabsAfter > 0 && setInterval(() => {
         r();
       }, e.rotateTabsAfter * 1e3);
-    }), (c, p) => (a(), o(I, null, [
-      n("div", {
+    }), (p, f) => (n(), a(B, null, [
+      o("div", {
         role: "tablist",
-        class: C(["relative tabs-bordered w-full tabs tabs-lg", { "flex-nowrap overflow-x-auto": c.buttonOnlyMode }])
+        class: V(["relative tabs-bordered w-full tabs tabs-lg", { "flex-nowrap overflow-x-auto": p.buttonOnlyMode }])
       }, [
-        c.withControlls ? (a(), o("div", ta, [
-          n("button", {
-            onClick: p[0] || (p[0] = (y) => g()),
+        p.withControlls ? (n(), a("div", sn, [
+          o("button", {
+            onClick: f[0] || (f[0] = ($) => y()),
             class: "cursor-pointer"
           }, "Previous"),
-          n("button", {
-            onClick: p[1] || (p[1] = (y) => r()),
+          o("button", {
+            onClick: f[1] || (f[1] = ($) => r()),
             class: "text-primary cursor-pointer"
           }, "Next")
-        ])) : M("", !0),
-        (a(!0), o(I, null, V(c.items, (y) => (a(), o(I, null, [
-          n("a", {
+        ])) : O("", !0),
+        (n(!0), a(B, null, A(p.items, ($) => (n(), a(B, null, [
+          o("a", {
             type: "button",
             role: "tab",
-            class: C(["min-w-max tab", y === t.value ? "bg-primary text-base-100" : ""]),
-            onClick: (A) => s(y),
-            "aria-selected": t.value == y
-          }, x(y), 11, la),
-          c.buttonOnlyMode ? M("", !0) : (a(), o("div", aa, [
-            D(c.$slots, `${y}-tab`)
+            class: V(["min-w-max tab", $ === t.value ? "bg-primary text-base-100" : ""]),
+            onClick: (U) => l($),
+            "aria-selected": t.value == $
+          }, C($), 11, rn),
+          p.buttonOnlyMode ? O("", !0) : (n(), a("div", un, [
+            T(p.$slots, `${$}-tab`)
           ]))
         ], 64))), 256))
       ], 2),
-      n("div", na, [
-        D(c.$slots, "default")
+      o("div", dn, [
+        T(p.$slots, "default")
       ])
     ], 64));
   }
 });
 export {
-  ca as Accordion,
-  ga as AdvancedSearch,
-  pa as Avatar,
-  va as Badge,
-  sa as ButtonComponent,
-  fa as Card,
-  ma as Carousel,
-  ha as CarouselItem,
-  Ca as CategoryNavigation,
-  al as DatetimePicker,
-  ra as Dropdown,
-  ka as FilterableSelect,
-  Sa as Footer,
-  xa as Hero,
-  $a as InputField,
-  _a as Loader,
-  ia as Modal,
-  Da as NavigationBar,
-  ba as Rating,
-  wa as Selector,
-  ua as Swap,
-  Ia as Tab,
-  ya as TagInput,
-  da as ThemeController
+  hn as Accordion,
+  _n as AdvancedSearch,
+  bn as Avatar,
+  yn as Badge,
+  pn as ButtonComponent,
+  wn as Card,
+  kn as Carousel,
+  $n as CarouselItem,
+  Bn as CategoryNavigation,
+  il as DatetimePicker,
+  vn as Dropdown,
+  Dn as FilterableSelect,
+  Tn as Footer,
+  Vn as Hero,
+  Mn as InputField,
+  In as Loader,
+  fn as Modal,
+  On as NavigationBar,
+  Sn as Rating,
+  Cn as Selector,
+  mn as Swap,
+  zn as Tab,
+  xn as TagInput,
+  gn as ThemeController
 };