manolis-ui 0.6.19 → 0.7.1

package/dist/manolis-ui.js

@@ -1,8 +1,8 @@
-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 = {
+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 s, 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 = ["disabled"], Fe = {
   key: 0,
   class: "loading loading-spinner"
-}, pn = /* @__PURE__ */ L({
+}, fn = /* @__PURE__ */ L({
   __name: "ButtonComponent",
   props: {
     outlined: { type: Boolean, default: !1 },
@@ -10,11 +10,12 @@ const je = {
     loading: { type: Boolean, default: !1 },
     type: {},
     size: {},
-    shape: {}
+    shape: {},
+    disabled: { type: Boolean, default: !1 }
   },
   setup(i) {
-    const c = i, e = E(() => {
-      switch (c.size) {
+    const d = i, e = E(() => {
+      switch (d.size) {
         case "large":
           return "btn-lg";
         case "small":
@@ -29,7 +30,7 @@ const je = {
           return "";
       }
     }), t = E(() => {
-      switch (c.type) {
+      switch (d.type) {
         case "neutral":
           return "btn-neutral";
         case "primary":
@@ -53,8 +54,8 @@ const je = {
         default:
           return "btn-neutral";
       }
-    }), s = E(() => {
-      switch (c.shape) {
+    }), o = E(() => {
+      switch (d.shape) {
         case "square":
           return "btn-square";
         case "circle":
@@ -64,18 +65,26 @@ const je = {
       }
     });
     return (l, r) => (n(), a("button", {
-      class: V(["btn", { "btn-outline": c.outlined }, { "btn-active": c.active }, t.value, e.value, s.value])
+      class: V([
+        "btn",
+        { "btn-outline": d.outlined },
+        { "btn-active": d.active },
+        t.value,
+        e.value,
+        o.value
+      ]),
+      disabled: d.disabled
     }, [
-      l.loading ? (n(), a("span", je)) : O("", !0),
+      l.loading ? (n(), a("span", Fe)) : O("", !0),
       T(l.$slots, "default", {}, () => [
         r[0] || (r[0] = ke("Submit"))
       ])
-    ], 2));
+    ], 10, je));
   }
-}), Fe = {
+}), qe = {
   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"
-}, qe = ["href"], vn = /* @__PURE__ */ L({
+}, He = ["href"], mn = /* @__PURE__ */ L({
   __name: "dropdown",
   props: {
     items: {},
@@ -85,7 +94,7 @@ const je = {
     forceOpen: { type: Boolean, default: !1 }
   },
   setup(i) {
-    const c = {
+    const d = {
       left: "dropdown-left",
       right: "dropdown-right",
       bottom: "dropdown-bottom",
@@ -94,37 +103,37 @@ const je = {
       start: "",
       end: "dropdown-end"
     }, t = i;
-    return (s, l) => (n(), a("div", {
-      class: V(["dropdown", c[t.position], e[t.floatPosition], { "dropdown-open": t.forceOpen }, { "dropdown-hover": t.openOnHover }])
+    return (o, l) => (n(), a("div", {
+      class: V(["dropdown", d[t.position], e[t.floatPosition], { "dropdown-open": t.forceOpen }, { "dropdown-hover": t.openOnHover }])
     }, [
-      T(s.$slots, "default", {
+      T(o.$slots, "default", {
         tabindex: "0",
         role: "button"
       }, () => [
-        l[0] || (l[0] = o("div", { class: "m-1 btn" }, "Open dropdown", -1))
+        l[0] || (l[0] = s("div", { class: "m-1 btn" }, "Open dropdown", -1))
       ]),
-      o("ul", Fe, [
-        (n(!0), a(B, null, A(s.items, (r) => (n(), a("li", null, [
-          o("a", {
+      s("ul", qe, [
+        (n(!0), a(B, null, A(o.items, (r) => (n(), a("li", null, [
+          s("a", {
             href: r.link
-          }, C(r.text), 9, qe)
+          }, C(r.text), 9, He)
         ]))), 256)),
-        T(s.$slots, "additional")
+        T(o.$slots, "additional")
       ])
     ], 2));
   }
-}), He = { class: "modal-box" }, We = { class: "modal-action" }, fn = /* @__PURE__ */ L({
+}), We = { class: "modal-box" }, Ke = { class: "modal-action" }, gn = /* @__PURE__ */ L({
   __name: "modal",
   props: {
     position: { default: "center" },
     withBackdrop: { type: Boolean, default: !1 }
   },
   setup(i) {
-    const c = i, e = {
+    const d = i, e = {
       top: "modal-top",
       bottom: "modal-bottom",
       center: "modal-middle"
-    }, t = x(null), s = () => {
+    }, t = x(null), o = () => {
       var r;
       (r = t.value) == null || r.showModal();
     }, l = () => {
@@ -132,30 +141,30 @@ const je = {
       (r = t.value) == null || r.close();
     };
     return (r, y) => (n(), a(B, null, [
-      o("span", {
+      s("span", {
         class: "w-fit cursor-pointer",
-        onClick: s
+        onClick: o
       }, [
         T(r.$slots, "trigger", { role: "button" }, () => [
-          y[0] || (y[0] = o("button", { class: "btn" }, "Open", -1))
+          y[0] || (y[0] = s("button", { class: "btn" }, "Open", -1))
         ])
       ]),
-      o("dialog", {
+      s("dialog", {
         ref_key: "dialog",
         ref: t,
-        class: V(["modal", e[c.position]])
+        class: V(["modal", e[d.position]])
       }, [
-        o("div", He, [
+        s("div", We, [
           T(r.$slots, "default"),
-          o("div", We, [
+          s("div", Ke, [
             T(r.$slots, "actions"),
-            o("form", {
+            s("form", {
               method: "dialog",
               onSubmit: l,
               class: V(r.withBackdrop ? "modal-backdrop" : "")
             }, [
               T(r.$slots, "close-button", {}, () => [
-                y[1] || (y[1] = o("button", { class: "btn" }, "Close", -1))
+                y[1] || (y[1] = s("button", { class: "btn" }, "Close", -1))
               ])
             ], 34)
           ])
@@ -163,21 +172,21 @@ const je = {
       ], 2)
     ], 64));
   }
-}), Ke = { class: "flex justify-center items-center swap-on" }, Ye = { class: "flex justify-center items-center swap-off" }, mn = /* @__PURE__ */ L({
+}), Ye = { class: "flex justify-center items-center swap-on" }, Je = { class: "flex justify-center items-center swap-off" }, hn = /* @__PURE__ */ L({
   __name: "swap",
   props: {
     effect: {}
   },
   setup(i) {
-    const c = i;
+    const d = i;
     return (e, t) => (n(), a("label", {
-      class: V(["swap", c.effect ? `swap-${e.effect}` : ""])
+      class: V(["swap", d.effect ? `swap-${e.effect}` : ""])
     }, [
-      t[0] || (t[0] = o("input", { type: "checkbox" }, null, -1)),
-      o("div", Ke, [
+      t[0] || (t[0] = s("input", { type: "checkbox" }, null, -1)),
+      s("div", Ye, [
         T(e.$slots, "on")
       ]),
-      o("div", Ye, [
+      s("div", Je, [
         T(e.$slots, "off")
       ])
     ], 2));
@@ -189,7 +198,7 @@ const je = {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Je = (i) => i.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
+const Ge = (i) => i.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
 /**
  * @license lucide-vue-next v0.468.0 - ISC
  *
@@ -213,18 +222,18 @@ var ie = {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ge = ({ size: i, strokeWidth: c = 2, absoluteStrokeWidth: e, color: t, iconNode: s, name: l, class: r, ...y }, { slots: p }) => me(
+const Xe = ({ size: i, strokeWidth: d = 2, absoluteStrokeWidth: e, color: t, iconNode: o, name: l, class: r, ...y }, { slots: p }) => me(
   "svg",
   {
     ...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")}`],
+    "stroke-width": e ? Number(d) * 24 / Number(i) : d,
+    class: ["lucide", `lucide-${Ge(l ?? "icon")}`],
     ...y
   },
-  [...s.map((f) => me(...f)), ...p.default ? [p.default()] : []]
+  [...o.map((f) => me(...f)), ...p.default ? [p.default()] : []]
 );
 /**
  * @license lucide-vue-next v0.468.0 - ISC
@@ -232,11 +241,11 @@ const Ge = ({ size: i, strokeWidth: c = 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 oe = (i, c) => (e, { slots: t }) => me(
-  Ge,
+const oe = (i, d) => (e, { slots: t }) => me(
+  Xe,
   {
     ...e,
-    iconNode: c,
+    iconNode: d,
     name: i
   },
   t
@@ -247,7 +256,7 @@ const oe = (i, c) => (e, { slots: t }) => me(
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Xe = oe("CalendarIcon", [
+const Ze = 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,8 +268,9 @@ const Xe = oe("CalendarIcon", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ze = oe("ChevronDownIcon", [
-  ["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]
+const Qe = oe("CircleChevronDownIcon", [
+  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
+  ["path", { d: "m16 10-4 4-4-4", key: "894hmk" }]
 ]);
 /**
  * @license lucide-vue-next v0.468.0 - ISC
@@ -268,7 +278,7 @@ const Ze = oe("ChevronDownIcon", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Qe = oe("MoonIcon", [
+const et = oe("MoonIcon", [
   ["path", { d: "M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z", key: "a7tn18" }]
 ]);
 /**
@@ -287,7 +297,7 @@ const we = oe("SearchIcon", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const et = oe("SunIcon", [
+const tt = 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 +307,44 @@ const et = oe("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" }]
-]), tt = (i, c) => {
+]), lt = (i, d) => {
   const e = x(null);
   return Q(() => {
     if (typeof window < "u") {
       const t = window.localStorage.getItem(i);
-      e.value = t ? JSON.parse(t) : c;
+      e.value = t ? JSON.parse(t) : d;
     }
   }), H(e, (t) => {
     typeof window < "u" && window.localStorage.setItem(i, JSON.stringify(t));
   }), e;
-}, lt = { class: "swap-rotate swap" }, nt = ["true-value", "false-value"], gn = /* @__PURE__ */ L({
+}, nt = { class: "swap-rotate swap" }, at = ["true-value", "false-value"], bn = /* @__PURE__ */ L({
   __name: "theme-controller",
   props: {
     lightTheme: { default: "light" },
     darkTheme: { default: "dark" }
   },
   setup(i) {
-    const c = i, e = tt("theme", c.lightTheme);
-    function t(s) {
-      typeof window < "u" && window.document && document.documentElement.setAttribute("data-theme", s);
+    const d = i, e = lt("theme", d.lightTheme);
+    function t(o) {
+      typeof window < "u" && window.document && document.documentElement.setAttribute("data-theme", o);
     }
-    return Q(() => t(e.value ? e.value : "")), H(e, (s) => {
-      t(s);
-    }), (s, l) => (n(), a("label", lt, [
-      q(o("input", {
+    return Q(() => t(e.value ? e.value : "")), H(e, (o) => {
+      t(o);
+    }), (o, l) => (n(), a("label", nt, [
+      q(s("input", {
         type: "checkbox",
         class: "theme-controller",
         "onUpdate:modelValue": l[0] || (l[0] = (r) => ze(e) ? e.value = r : null),
-        "true-value": c.lightTheme,
-        "false-value": c.darkTheme
-      }, null, 8, nt), [
+        "true-value": d.lightTheme,
+        "false-value": d.darkTheme
+      }, null, 8, at), [
         [Ae, F(e)]
       ]),
-      ae(F(et), { class: "swap-off fill-current" }),
-      ae(F(Qe), { class: "swap-on fill-current" })
+      ae(F(tt), { class: "swap-off fill-current" }),
+      ae(F(et), { class: "swap-on fill-current" })
     ]));
   }
-}), at = ["name"], ot = { class: "collapse-title font-bold text-2xl lg:text-4xl" }, st = { class: "collapse-content" }, rt = ["innerHTML"], hn = /* @__PURE__ */ L({
+}), ot = ["name"], st = { class: "collapse-title font-bold text-2xl lg:text-4xl" }, rt = { class: "collapse-content" }, it = ["innerHTML"], yn = /* @__PURE__ */ L({
   __name: "accordion",
   props: {
     name: {},
@@ -343,25 +353,25 @@ const et = oe("SunIcon", [
     icon: {}
   },
   setup(i) {
-    const c = i;
-    return (e, t) => (n(!0), a(B, null, A(c.items, (s, l) => (n(), a("div", {
+    const d = i;
+    return (e, t) => (n(!0), a(B, null, A(d.items, (o, l) => (n(), a("div", {
       class: V(["collapse border border-base-300", [e.icon ? `collapse-${e.icon}` : "", { "join-item": e.joinItems }]]),
       key: l
     }, [
-      o("input", {
+      s("input", {
         type: "radio",
         name: e.name,
         value: "true"
-      }, null, 8, at),
-      o("div", ot, C(s.title), 1),
-      o("div", st, [
-        o("span", {
-          innerHTML: s.content
-        }, null, 8, rt)
+      }, null, 8, ot),
+      s("div", st, C(o.title), 1),
+      s("div", rt, [
+        s("span", {
+          innerHTML: o.content
+        }, null, 8, it)
       ])
     ], 2))), 128));
   }
-}), it = ["src"], ut = { class: "text-xl" }, bn = /* @__PURE__ */ L({
+}), ut = ["src"], dt = { class: "text-xl" }, wn = /* @__PURE__ */ L({
   __name: "avatar",
   props: {
     image: {},
@@ -370,32 +380,32 @@ const et = oe("SunIcon", [
     fullyRounded: { type: Boolean, default: !1 }
   },
   setup(i) {
-    const c = i, e = x(c.onlineStatus);
+    const d = i, e = x(d.onlineStatus);
     return H(
-      () => c.onlineStatus,
+      () => d.onlineStatus,
       (t) => {
         t && (e.value = t);
       }
-    ), (t, s) => (n(), a("div", {
+    ), (t, o) => (n(), a("div", {
       class: V(["avatar", [{ "avatar-online": e.value === "online" }, { "avatar-offline": e.value === "offline" }]])
     }, [
       t.image ? (n(), a("div", {
         key: 0,
         class: V(["rounded", [{ "rounded-full": t.fullyRounded }, { rounded: !t.fullyRounded }]])
       }, [
-        o("img", {
+        s("img", {
           src: t.image,
           class: "w-full h-full"
-        }, null, 8, it)
+        }, null, 8, ut)
       ], 2)) : (n(), a("div", {
         key: 1,
         class: V(["flex justify-center bg-neutral p-[25%] rounded w-16 text-neutral-content text-center", [{ "rounded-full": t.fullyRounded }, { rounded: !t.fullyRounded }]])
       }, [
-        o("p", ut, C(t.initials), 1)
+        s("p", dt, C(t.initials), 1)
       ], 2))
     ], 2));
   }
-}), yn = /* @__PURE__ */ L({
+}), kn = /* @__PURE__ */ L({
   __name: "badge",
   props: {
     color: { default: "neutral" },
@@ -403,7 +413,7 @@ const et = oe("SunIcon", [
     size: { default: "medium" }
   },
   setup(i) {
-    const c = i, e = {
+    const d = i, e = {
       "extra small": "badge-xs",
       small: "badge-sm",
       medium: "badge-md",
@@ -419,25 +429,25 @@ const et = oe("SunIcon", [
       warning: "badge-warning",
       error: "badge-error"
     };
-    return (s, l) => (n(), a("span", {
-      class: V(["badge", e[c.size], t[c.color], { "badge-outline": c.outline }])
+    return (o, l) => (n(), a("span", {
+      class: V(["badge", e[d.size], t[d.color], { "badge-outline": d.outline }])
     }, [
-      T(s.$slots, "default")
+      T(o.$slots, "default")
     ], 2));
   }
-}), dt = ["src", "alt"], ct = {
+}), ct = ["src", "alt"], pt = {
   key: 0,
   class: "card-body"
-}, pt = {
+}, vt = {
   key: 0,
   class: "group-hover:text-primary text-lg text-left cursor-pointer card-title"
-}, vt = {
+}, ft = {
   key: 1,
   class: "text-left"
-}, ft = { class: "flex-col flex-nowrap mt-auto card-actions" }, mt = {
+}, mt = { class: "flex-col flex-nowrap mt-auto card-actions" }, gt = {
   key: 1,
   class: "card-body"
-}, wn = /* @__PURE__ */ L({
+}, $n = /* @__PURE__ */ L({
   __name: "card",
   props: {
     imgUrl: { default: "" },
@@ -452,16 +462,16 @@ const et = oe("SunIcon", [
     imgHeight: { default: "h-44" }
   },
   setup(i) {
-    const c = i, e = x(c.outlined);
+    const d = i, e = x(d.outlined);
     return H(
-      () => c.outlined,
+      () => d.outlined,
       (t) => {
         e.value = t;
       }
-    ), (t, s) => (n(), a("div", {
+    ), (t, o) => (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]])
     }, [
-      o("figure", null, [
+      s("figure", null, [
         t.imgUrl || t.imgUrl && !t.loading ? (n(), a("img", {
           key: 0,
           src: t.imgUrl,
@@ -472,36 +482,36 @@ const et = oe("SunIcon", [
             },
             t.imgHeight
           ]])
-        }, null, 10, dt)) : O("", !0),
+        }, null, 10, ct)) : O("", !0),
         t.loading && t.imgUrl ? (n(), a("div", {
           key: 1,
           class: V(["w-full skeleton", t.imgHeight])
         }, null, 2)) : O("", !0)
       ]),
-      t.loading ? O("", !0) : (n(), a("div", ct, [
-        t.title ? (n(), a("h2", pt, C(t.title), 1)) : O("", !0),
+      t.loading ? O("", !0) : (n(), a("div", pt, [
+        t.title ? (n(), a("h2", vt, 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.description ? (n(), a("p", ft, C(t.description), 1)) : O("", !0),
+        s("div", mt, [
           T(t.$slots, "actions")
         ])
       ])),
-      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" })
+      t.loading ? (n(), a("div", gt, o[0] || (o[0] = [
+        s("div", { class: "flex flex-col gap-4 w-52" }, [
+          s("div", { class: "w-28 h-4 skeleton" }),
+          s("div", { class: "w-full h-4 skeleton" }),
+          s("div", { class: "w-full h-4 skeleton" })
         ], -1)
       ]))) : O("", !0)
     ], 2));
   }
-}), _e = Symbol("CarouselItemStyle"), gt = { class: "relative h-full" }, ht = {
+}), _e = Symbol("CarouselItemStyle"), ht = { class: "relative h-full" }, bt = {
   key: 0,
   class: "top-1/2 right-5 left-5 z-10 absolute flex justify-between -translate-y-1/2 transform"
-}, bt = {
+}, yt = {
   key: 1,
   class: "bottom-5 z-10 absolute flex justify-center gap-2 py-2 w-full"
-}, yt = ["onClick", "aria-label"], wt = /* @__PURE__ */ L({
+}, wt = ["onClick", "aria-label"], kt = /* @__PURE__ */ L({
   __name: "carousel",
   props: {
     showIndicators: {
@@ -538,27 +548,27 @@ const et = oe("SunIcon", [
       validator: (i) => i >= 0
     }
   },
-  setup(i, { expose: c }) {
-    const e = i, t = x(e.initialSlide), s = x(null), l = x(!1), r = x(0), y = E(() => ({
+  setup(i, { expose: d }) {
+    const e = i, t = x(e.initialSlide), o = 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(_e, y);
     const p = () => {
-      s.value ? r.value = s.value.children.length : r.value = 0;
+      o.value ? r.value = o.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 (!o.value || e.slidesPerView <= 0 || l.value || (p(), r.value === 0)) return;
+      const _ = (k % r.value + r.value) % r.value, M = o.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));
+      const N = z + e.gap, K = _ * N, W = e.sliderOrientation === "vertical" ? M.scrollHeight - M.offsetHeight : M.scrollWidth - M.offsetWidth, c = 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;
+      const w = e.sliderOrientation === "vertical" ? M.scrollTop : M.scrollLeft, S = c - w;
       if (Math.abs(S) < 1) {
         l.value = !1, t.value = _;
         return;
       }
-      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);
+      const b = performance.now(), g = (I) => {
+        const D = I - b, 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 = c : M.scrollLeft = c, t.value = _, l.value = !1);
       };
       requestAnimationFrame(g);
     }, $ = () => {
@@ -568,10 +578,10 @@ const et = oe("SunIcon", [
     }, 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 (!o.value || e.slidesPerView <= 0 || (p(), r.value === 0)) return;
+      const k = o.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));
+      const N = Math.max(0, r.value - e.slidesPerView), K = Math.min(Math.max(0, e.initialSlide), N), W = K * (z + e.gap), c = e.sliderOrientation === "vertical" ? k.scrollHeight - k.offsetHeight : k.scrollWidth - k.offsetWidth, w = Math.max(0, Math.min(W, c + 0.5));
       e.sliderOrientation === "vertical" ? k.scrollTo({ top: w, behavior: "auto" }) : k.scrollTo({ left: w, behavior: "auto" }), t.value = K;
     };
     return Q(() => {
@@ -588,86 +598,86 @@ const et = oe("SunIcon", [
           e.slideDuration = 0, f(_), e.slideDuration = M;
         });
       });
-    }), c({ scrollToSlide: f }), (k, _) => (n(), a("div", gt, [
-      o("div", {
+    }), d({ scrollToSlide: f }), (k, _) => (n(), a("div", ht, [
+      s("div", {
         ref_key: "carouselContainer",
-        ref: s,
+        ref: o,
         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` })
       }, [
         T(k.$slots, "default", {}, void 0, !0)
       ], 6),
-      i.showNavigationButtons ? (n(), a("div", ht, [
-        o("div", {
+      i.showNavigationButtons ? (n(), a("div", bt, [
+        s("div", {
           onClick: U,
           role: "button",
           "aria-label": "Previous Slide"
         }, [
           T(k.$slots, "prevButton", {}, () => [
-            _[0] || (_[0] = o("button", {
+            _[0] || (_[0] = s("button", {
               class: "btn btn-circle",
               tabindex: "-1"
             }, "❮", -1))
           ], !0)
         ]),
-        o("div", {
+        s("div", {
           onClick: $,
           role: "button",
           "aria-label": "Next Slide"
         }, [
           T(k.$slots, "nextButton", {}, () => [
-            _[1] || (_[1] = o("button", {
+            _[1] || (_[1] = s("button", {
               class: "btn btn-circle",
               tabindex: "-1"
             }, "❯", -1))
           ], !0)
         ])
       ])) : O("", !0),
-      i.showIndicators ? (n(), a("div", bt, [
+      i.showIndicators ? (n(), a("div", yt, [
         (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))
+        }, null, 10, wt))), 128))
       ])) : O("", !0)
     ]));
   }
-}), te = (i, c) => {
+}), te = (i, d) => {
   const e = i.__vccOpts || i;
-  for (const [t, s] of c)
-    e[t] = s;
+  for (const [t, o] of d)
+    e[t] = o;
   return e;
-}, kn = /* @__PURE__ */ te(wt, [["__scopeId", "data-v-db55a6a5"]]), kt = /* @__PURE__ */ L({
+}, _n = /* @__PURE__ */ te(kt, [["__scopeId", "data-v-db55a6a5"]]), $t = /* @__PURE__ */ L({
   __name: "carouselItem",
   setup(i) {
-    const c = Ee(_e, x({}));
+    const d = Ee(_e, x({}));
     return (e, t) => (n(), a("div", {
       class: "w-full h-full carousel-item",
-      style: de(F(c))
+      style: de(F(d))
     }, [
       T(e.$slots, "default", {}, void 0, !0)
     ], 4));
   }
-}), $n = /* @__PURE__ */ te(kt, [["__scopeId", "data-v-507384bc"]]), $t = { class: "flex gap-4 bg-base-100 w-full tabs tabs-boxed" }, _t = ["onClick"], St = {
+}), Sn = /* @__PURE__ */ te($t, [["__scopeId", "data-v-507384bc"]]), _t = { class: "flex gap-4 bg-base-100 w-full tabs tabs-boxed" }, St = ["onClick"], xt = {
   key: 0,
   class: "inline-component-wrapper flex flex-grow justify-center items-center w-full h-full"
-}, xt = {
+}, Ct = {
   key: 1,
   class: "flex flex-col"
-}, Ct = { class: "text-sm" }, Dt = {
+}, Mt = { class: "text-sm" }, Dt = {
   key: 0,
   class: "opacity-75 overflow-hidden text-xs truncate ..."
-}, Mt = {
+}, It = {
   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 = {
+}, Tt = { class: "hidden" }, Vt = ["id"], Bt = { class: "modal-box" }, Ot = { class: "font-bold text-lg" }, zt = ["name", "checked"], At = { class: "collapse-title flex justify-between items-center pr-4 w-full font-medium text-xl" }, Pt = {
   key: 0,
   class: "opacity-75 overflow-hidden text-sm truncate ..."
-}, Pt = {
+}, Et = {
   key: 1,
   class: "opacity-35 text-sm"
-}, Et = { class: "collapse-content flex place-content-center p-0" }, Lt = /* @__PURE__ */ L({
+}, Lt = { class: "collapse-content flex place-content-center p-0" }, Ut = /* @__PURE__ */ L({
   __name: "advancedSearch",
   props: {
     searchOptions: {},
@@ -676,9 +686,9 @@ const et = oe("SunIcon", [
     value: {}
   },
   emits: ["search", "update:search-data"],
-  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)),
+  setup(i, { emit: d }) {
+    const e = i, t = d, o = e.id ?? `advancedSearch-${Le()}`, l = x(null), r = x(null), y = {
+      datetime: ce(() => Promise.resolve().then(() => cl)),
       "standard-select": ce(() => import("./select-Cz4vf_YE.js")),
       // Add other components here when you create them:
       // 'custom-range': defineAsyncComponent(() => import('./CustomRange.vue')),
@@ -689,53 +699,53 @@ const et = oe("SunIcon", [
       left: "0px",
       top: "0px",
       transform: "translateX(0%)"
-    }), $ = x(null), U = (d) => {
+    }), $ = x(null), U = (c) => {
       var w;
-      if (d.value === void 0 || d.value === null || d.value === "")
+      if (c.value === void 0 || c.value === null || c.value === "")
         return "";
-      switch (d.type) {
+      switch (c.type) {
         case "datetime":
-          if (typeof d.value == "string")
+          if (typeof c.value == "string")
             try {
-              const S = new Date(d.value);
+              const S = new Date(c.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)
+          else if (c.range && typeof c.value == "object" && c.value !== null && "start" in c.value && "end" in c.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()}`;
+              const S = new Date(c.value.start), b = new Date(c.value.end);
+              if (!isNaN(S.getTime()) && !isNaN(b.getTime()))
+                return `${S.toLocaleDateString()} - ${b.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}`;
+          if (typeof c.value == "object" && c.value !== null && "start" in c.value && "end" in c.value)
+            return `${c.value.start} - ${c.value.end}`;
           break;
         case "custom-number":
-          if (typeof d.value == "number")
-            return d.value.toString();
+          if (typeof c.value == "number")
+            return c.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 ((w = c.props) != null && w.options && Array.isArray(c.props.options)) {
+            const S = c.props.options.find(
+              (b) => b.value === c.value
             );
             if (S)
               return S.text;
           }
-          return String(d.value);
+          return String(c.value);
         case "custom-text":
-          if (typeof d.value == "string")
-            return d.value;
+          if (typeof c.value == "string")
+            return c.value;
           break;
       }
-      return String(d.value);
+      return String(c.value);
     };
-    function R(d) {
+    function R(c) {
       var g, I;
       const w = (g = l.value) == null ? void 0 : g.name;
       if (!w) {
@@ -744,48 +754,48 @@ const et = oe("SunIcon", [
       }
       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(
+      )) == null ? void 0 : I.tabs, b = S == null ? void 0 : S.find(
         (D) => D.name === w
       );
-      h ? (h.value = d, t("update:search-data", {
-        tab: h.name,
-        data: d
+      b ? (b.value = c, t("update:search-data", {
+        tab: b.name,
+        data: c
       })) : console.error(
         `Tab with name "${w}" not found in current category.`
       );
     }
-    function v(d) {
-      R(d);
+    function v(c) {
+      R(c);
     }
     function k() {
       t("search");
     }
-    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 _(c) {
+      var b;
+      const w = document.getElementById(`advancedSearchMobile-${o}`), S = w && w.contains(c.target);
+      ((b = l.value) == null ? void 0 : b.displayMode) === "popup" && $.value && !$.value.contains(c.target) && !S && (await pe(), l.value = null);
     }
     async function M() {
       if (typeof window < "u" && window.innerWidth <= 768) {
-        const d = document.getElementById(
-          `advancedSearchMobile-${s}`
+        const c = document.getElementById(
+          `advancedSearchMobile-${o}`
         );
-        d ? (l.value = null, d.showModal()) : console.warn(
-          `Mobile modal element not found. Ensure it exists with id="advancedSearchMobile-${s}".`
+        c ? (l.value = null, c.showModal()) : console.warn(
+          `Mobile modal element not found. Ensure it exists with id="advancedSearchMobile-${o}".`
         );
       }
     }
-    async function z(d) {
-      var S, h, g;
+    async function z(c) {
+      var S, b, 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)
+      const w = c.displayMode ?? "popup";
+      if (((S = l.value) == null ? void 0 : S.name) === c.name && ((b = l.value) == null ? void 0 : b.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];
+      else if (l.value = { ...c, displayMode: w }, await pe(), ((g = l.value) == null ? void 0 : g.displayMode) === "popup") {
+        const I = p.value[c.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 = {
@@ -798,12 +808,12 @@ const et = oe("SunIcon", [
         } else
           console.error(
             "Tab element or search container not found for positioning:",
-            d.name
+            c.name
           );
       }
     }
-    const N = (d) => {
-      const w = d.relatedTarget;
+    const N = (c) => {
+      const w = c.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(
@@ -813,27 +823,27 @@ const et = oe("SunIcon", [
     }, K = () => {
       console.log("Enter key pressed on inline component, closing inline view."), l.value = null;
     };
-    H(r, (d) => {
+    H(r, (c) => {
       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(
+        c
+      ), console.log("advanced-search: activeTab.value:", l.value), c && ((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(
+        ), console.log("advanced-search: Type of newValue:", typeof c), console.log(
           "advanced-search: Does newValue have focusInput?",
-          typeof d.focusInput == "function"
-        ), d && typeof d.focusInput == "function" ? (console.log(
+          typeof c.focusInput == "function"
+        ), c && typeof c.focusInput == "function" ? (console.log(
           "advanced-search: Calling exposed focusInput() method on child instance."
-        ), d.focusInput()) : console.warn(
+        ), c.focusInput()) : console.warn(
           'advanced-search: Child inline component instance does not expose a "focusInput" method or is not ready.',
-          d
+          c
         );
       })) : console.log(
-        d ? "advanced-search: inlineComponentRef available, but active tab is not inline." : "advanced-search: inlineComponentRef is now null (component likely unmounted)."
+        c ? "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);
@@ -841,31 +851,31 @@ const et = oe("SunIcon", [
       document.removeEventListener("click", _), window.removeEventListener("resize", W);
     });
     const W = () => {
-      var d, w;
+      var c, 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(
+        const S = window.innerWidth <= 768, b = l.value !== null && (l.value.displayMode === "popup" || l.value.displayMode === "inline") && window.innerWidth > 768;
+        !S && (((c = l.value) == null ? void 0 : c.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 && !b && 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}`
+          `advancedSearchMobile-${o}`
         );
         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 (c, w) => {
+      var S, b;
       return n(), a(B, null, [
-        o("div", {
+        s("div", {
           ref_key: "searchContainer",
           ref: $,
           class: "w-full"
         }, [
-          o("div", {
+          s("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
           }, [
-            o("div", $t, [
+            s("div", _t, [
               (n(!0), a(B, null, A(((S = e.searchOptions.find(
                 (g) => g.category === e.currentCategory
               )) == null ? void 0 : S.tabs) || [], (g, I) => {
@@ -881,7 +891,7 @@ const et = oe("SunIcon", [
                   ref_for: !0,
                   ref: (G) => p.value[g.name] = G
                 }, [
-                  ((J = l.value) == null ? void 0 : J.name) === g.name && ((se = l.value) == null ? void 0 : se.displayMode) === "inline" ? (n(), a("div", St, [
+                  ((J = l.value) == null ? void 0 : J.name) === g.name && ((se = l.value) == null ? void 0 : se.displayMode) === "inline" ? (n(), a("div", xt, [
                     (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)),
@@ -892,11 +902,11 @@ const et = oe("SunIcon", [
                       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))
+                  ])) : (n(), a("div", Ct, [
+                    s("p", Mt, C(g.name), 1),
+                    g.value !== void 0 && g.value !== null && g.value !== "" ? (n(), a("p", Dt, C(U(g)), 1)) : (n(), a("p", It, C(g.description), 1))
                   ]))
-                ], 10, _t);
+                ], 10, St);
               }), 128))
             ]),
             l.value && l.value.displayMode === "popup" ? (n(), a("div", {
@@ -910,7 +920,7 @@ const et = oe("SunIcon", [
                 "onUpdate:modelValue": w[3] || (w[3] = (g) => R(g))
               }), null, 16, ["modelValue"]))
             ], 4)) : O("", !0),
-            o("button", {
+            s("button", {
               title: "search",
               type: "submit",
               class: "ml-1 btn btn-primary btn-square",
@@ -922,8 +932,8 @@ const et = oe("SunIcon", [
               })
             ])
           ]),
-          o("div", It, [
-            o("button", {
+          s("div", Tt, [
+            s("button", {
               title: "search",
               onClick: w[4] || (w[4] = () => {
               })
@@ -935,31 +945,31 @@ const et = oe("SunIcon", [
             ])
           ])
         ], 512),
-        o("dialog", {
-          id: `advancedSearchMobile-${F(s)}`,
+        s("dialog", {
+          id: `advancedSearchMobile-${F(o)}`,
           class: "modal"
         }, [
-          o("div", Vt, [
-            T(d.$slots, "additionalForMobile", {}, () => [
-              o("h3", Bt, C(d.currentCategory), 1)
+          s("div", Bt, [
+            T(c.$slots, "additionalForMobile", {}, () => [
+              s("h3", Ot, C(c.currentCategory), 1)
             ], !0),
-            (n(!0), a(B, null, A(((h = e.searchOptions.find(
+            (n(!0), a(B, null, A(((b = e.searchOptions.find(
               (g) => g.category === e.currentCategory
-            )) == null ? void 0 : h.tabs) || [], (g, I) => (n(), a("div", {
+            )) == null ? void 0 : b.tabs) || [], (g, I) => (n(), a("div", {
               class: "collapse bg-base-200 my-4",
               key: g.name
             }, [
-              o("input", {
+              s("input", {
                 type: "radio",
-                name: `accordion-${F(s)}`,
+                name: `accordion-${F(o)}`,
                 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))
+              }, null, 8, zt),
+              s("div", At, [
+                s("div", null, C(g.name), 1),
+                g.value !== void 0 && g.value !== null && g.value !== "" ? (n(), a("div", Pt, C(U(g)), 1)) : (n(), a("div", Et, C(g.description), 1))
               ]),
-              o("div", Et, [
-                w[7] || (w[7] = o("br", null, null, -1)),
+              s("div", Lt, [
+                w[7] || (w[7] = s("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)),
@@ -967,44 +977,44 @@ const et = oe("SunIcon", [
                 }), null, 16, ["modelValue"]))
               ])
             ]))), 128)),
-            o("div", { class: "modal-action" }, [
-              o("form", { method: "dialog" }, [
-                o("button", {
+            s("div", { class: "modal-action" }, [
+              s("form", { method: "dialog" }, [
+                s("button", {
                   class: "btn btn-primary",
                   onClick: k
                 }, " Close and Search ")
               ])
             ])
           ])
-        ], 8, Tt)
+        ], 8, Vt)
       ], 64);
     };
   }
-}), _n = /* @__PURE__ */ te(Lt, [["__scopeId", "data-v-2a095d4c"]]), Ut = ["placeholder", "value", "id"], Rt = { class: "btn btn-ghost" }, Nt = ["id"], jt = {
+}), xn = /* @__PURE__ */ te(Ut, [["__scopeId", "data-v-2a095d4c"]]), Rt = ["placeholder", "value", "id", "disabled"], Nt = ["disabled"], jt = ["id"], Ft = {
   key: 0,
   class: "flex justify-between items-center place-content-center mb-4"
-}, Ft = ["value"], qt = ["value"], Ht = {
+}, qt = ["disabled"], Ht = ["value"], Wt = ["value"], Kt = {
   key: 1,
   class: "gap-2 grid grid-cols-7"
-}, Wt = ["onClick"], Kt = {
+}, Yt = ["onClick"], Jt = {
   key: 2,
   class: "mt-4 lg:w-80"
-}, Yt = {
+}, Gt = {
   key: 0,
   class: "mb-2 font-bold text-lg"
-}, Jt = { key: 1 }, Gt = {
+}, Xt = { key: 1 }, Zt = {
   key: 1,
   class: "flex gap-4"
-}, Xt = ["value"], Zt = ["value"], Qt = {
+}, Qt = ["value"], el = ["value"], tl = {
   key: 2,
   class: "flex flex-col gap-4"
-}, el = {
+}, ll = {
   key: 1,
   class: "flex gap-2"
-}, tl = ["value"], ll = ["value"], nl = {
+}, nl = ["value"], al = ["value"], ol = {
   key: 1,
   class: "flex gap-2"
-}, al = ["value"], ol = ["value"], sl = { class: "flex gap-2 mt-4" }, rl = {
+}, sl = ["value"], rl = ["value"], il = { class: "flex gap-2 mt-4" }, ul = {
   __name: "datetimePicker",
   props: {
     mode: {
@@ -1032,10 +1042,14 @@ const et = oe("SunIcon", [
     initialDate: {
       type: Object,
       default: () => null
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
     }
   },
   emits: ["updated"],
-  setup(i, { emit: c }) {
+  setup(i, { emit: d }) {
     const e = i;
     H(
       () => e.range,
@@ -1043,7 +1057,7 @@ const et = oe("SunIcon", [
         m ? (l.value = { start: null, end: null }, r.value = { start: null, end: null }) : (l.value = null, r.value = null);
       }
     );
-    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(
+    const t = d, o = 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" })
     ), 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"
@@ -1053,21 +1067,21 @@ const et = oe("SunIcon", [
     E(
       () => new Date(p.value, M.value)
     );
-    const M = E(() => h.indexOf(y.value)), z = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], N = E(
+    const M = E(() => b.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: m },
-        (b, u) => new Date(p.value, M.value, u + 1)
+        (h, u) => new Date(p.value, M.value, u + 1)
       );
     }), 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(
+      () => Array.from({ length: N.value }, (m, h) => h)
+    ), c = Array.from({ length: 24 }, (m, h) => h), w = Array.from({ length: 60 }, (m, h) => h), S = E(
       () => typeof navigator < "u" && /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(
         navigator.userAgent
       )
-    ), h = [
+    ), b = [
       "January",
       "February",
       "March",
@@ -1082,65 +1096,65 @@ const et = oe("SunIcon", [
       "December"
     ], g = E(() => {
       const m = (/* @__PURE__ */ new Date()).getFullYear();
-      return Array.from({ length: 100 }, (b, u) => m - 50 + u);
+      return Array.from({ length: 100 }, (h, 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}`;
+        const m = l.value.start.toLocaleDateString("en-US"), h = l.value.end.toLocaleDateString("en-US");
+        return `${m} - ${h}`;
       }
       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) => {
+      const m = (h) => {
         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")}`;
+        const u = ((re = f.value) == null ? void 0 : re[h]) ?? f.value, X = ((le = $.value) == null ? void 0 : le[h]) ?? $.value;
+        return S.value ? ((ye = r.value) == null ? void 0 : ye[h]) ?? r.value : `${u.toString().padStart(2, "0")}:${X.toString().padStart(2, "0")}`;
       };
       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 = () => {
+      const m = I.value, h = Y.value;
+      return `${m} ${h}`.trim();
+    }), se = () => o.value = !o.value, G = () => {
       j(), Se();
-    }, Se = () => s.value = !1, xe = () => {
+    }, Se = () => o.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) => {
+    }, Me = (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()), De = (m) => {
       m = D(m);
-      const b = /* @__PURE__ */ new Date();
-      return m.getDate() === b.getDate() && m.getMonth() === b.getMonth() && m.getFullYear() === b.getFullYear();
+      const h = /* @__PURE__ */ new Date();
+      return m.getDate() === h.getDate() && m.getMonth() === h.getMonth() && m.getFullYear() === h.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;
+        const h = l.value.start.getTime(), u = l.value.end.getTime(), X = m.getTime();
+        return X > h && X < u;
       }
       return !1;
     }, Be = () => {
       let m = M.value - 1;
-      m < 0 && (m = 11, p.value--), y.value = h[m], j();
+      m < 0 && (m = 11, p.value--), y.value = b[m], j();
     }, Oe = () => {
       let m = M.value + 1;
-      m > 11 && (m = 0, p.value++), y.value = h[m], j();
+      m > 11 && (m = 0, p.value++), y.value = b[m], j();
     }, be = (m) => {
-      U.value && !U.value.contains(m.target) && s.value == !0 && G();
+      U.value && !U.value.contains(m.target) && o.value == !0 && G();
     }, j = () => {
       let m = {};
-      const b = (u, X, re) => {
+      const h = (u, X, re) => {
         u instanceof Date && !isNaN(u) || (u = /* @__PURE__ */ new Date());
         const le = new Date(u);
         return le.setUTCHours(X, re, 0, 0), le.toISOString();
       };
-      e.range ? (m.from = b(
+      e.range ? (m.from = h(
         l.value.start,
         f.value.start,
         $.value.start
-      ), m.to = b(
+      ), m.to = h(
         l.value.end,
         f.value.end,
         $.value.end
-      )) : m = b(
+      )) : m = h(
         l.value,
         f.value,
         $.value
@@ -1151,90 +1165,95 @@ const et = oe("SunIcon", [
         start: new Date(e.initialDate.start),
         end: new Date(e.initialDate.end)
       } : e.initialDate.start && (l.value = { start: new Date(e.initialDate.start) })), e.range ? (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", {
+    }), e.popup && Q(() => document.addEventListener("click", be)), $e(() => document.removeEventListener("click", be)), (m, h) => (n(), a("div", {
       class: "inline-block relative w-full lg:w-[360px]",
       ref_key: "pickerContainer",
       ref: U
     }, [
-      o("div", {
+      s("div", {
         class: "flex items-center gap-2 cursor-pointer",
-        onClick: se
+        onClick: h[0] || (h[0] = (u) => e.disabled ? null : se())
       }, [
         i.popup ? T(m.$slots, "default", { key: 0 }, () => [
-          o("input", {
+          s("input", {
             type: "text",
             class: "input-bordered w-full cursor-pointer input",
             placeholder: i.placeholder,
             value: J.value,
             readonly: "",
-            id: R.value
-          }, null, 8, Ut),
-          o("button", Rt, [
-            ae(F(Xe))
-          ])
+            id: R.value,
+            disabled: e.disabled
+          }, null, 8, Rt),
+          s("button", {
+            class: "btn btn-ghost",
+            disabled: e.disabled
+          }, [
+            ae(F(Ze))
+          ], 8, Nt)
         ], !0) : O("", !0)
       ]),
-      s.value || !i.popup ? (n(), a("div", {
+      o.value || !i.popup ? (n(), a("div", {
         key: 0,
         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
       }, [
-        k.value ? (n(), a("div", jt, [
-          o("button", {
+        k.value ? (n(), a("div", Ft, [
+          s("button", {
             class: "hidden md:block btn-outline btn btn-primary md:btn-sm",
-            onClick: Be
-          }, b[11] || (b[11] = [
-            o("svg", {
+            onClick: Be,
+            disabled: e.disabled
+          }, h[12] || (h[12] = [
+            s("svg", {
               xmlns: "http://www.w3.org/2000/svg",
               class: "w-4 h-4",
               fill: "none",
               viewBox: "0 0 24 24",
               stroke: "currentColor"
             }, [
-              o("path", {
+              s("path", {
                 "stroke-linecap": "round",
                 "stroke-linejoin": "round",
                 "stroke-width": "2",
                 d: "M15 19l-7-7 7-7"
               })
             ], -1)
-          ])),
-          q(o("select", {
+          ]), 8, qt),
+          q(s("select", {
             class: "border-none w-fit select",
-            "onUpdate:modelValue": b[0] || (b[0] = (u) => y.value = u),
+            "onUpdate:modelValue": h[1] || (h[1] = (u) => y.value = u),
             onChange: j
           }, [
-            (n(), a(B, null, A(h, (u, X) => o("option", {
+            (n(), a(B, null, A(b, (u, X) => s("option", {
               key: X,
               value: u
-            }, C(u), 9, Ft)), 64))
+            }, C(u), 9, Ht)), 64))
           ], 544), [
             [Z, y.value]
           ]),
-          q(o("select", {
+          q(s("select", {
             class: "border-none w-24 select",
-            "onUpdate:modelValue": b[1] || (b[1] = (u) => p.value = u),
+            "onUpdate:modelValue": h[2] || (h[2] = (u) => p.value = u),
             onChange: j
           }, [
             (n(!0), a(B, null, A(g.value, (u) => (n(), a("option", {
               key: u,
               value: u
-            }, C(u), 9, qt))), 128))
+            }, C(u), 9, Wt))), 128))
           ], 544), [
             [Z, p.value]
           ]),
-          o("button", {
+          s("button", {
             class: "hidden md:block btn-outline btn btn-primary md:btn-sm",
             onClick: Oe
-          }, b[12] || (b[12] = [
-            o("svg", {
+          }, h[13] || (h[13] = [
+            s("svg", {
               xmlns: "http://www.w3.org/2000/svg",
               class: "w-4 h-4",
               fill: "none",
               viewBox: "0 0 24 24",
               stroke: "currentColor"
             }, [
-              o("path", {
+              s("path", {
                 "stroke-linecap": "round",
                 "stroke-linejoin": "round",
                 "stroke-width": "2",
@@ -1243,8 +1262,8 @@ const et = oe("SunIcon", [
             ], -1)
           ]))
         ])) : O("", !0),
-        k.value ? (n(), a("div", Ht, [
-          (n(), a(B, null, A(z, (u) => o("div", {
+        k.value ? (n(), a("div", Kt, [
+          (n(), a(B, null, A(z, (u) => s("div", {
             key: u,
             class: "text-center"
           }, C(u), 1)), 64)),
@@ -1255,38 +1274,38 @@ const et = oe("SunIcon", [
           (n(!0), a(B, null, A(K.value, (u) => (n(), a("div", {
             key: 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),
+              "bg-primary text-primary-content": Me(u),
+              today: De(u),
               "range-start bg-primary text-primary-content": Ie(u),
               "range-end bg-primary text-primary-content": Te(u),
               "in-range bg-primary/20 hover:bg-primary/10": Ve(u)
             }]),
             onClick: (X) => Ce(u)
-          }, C(u.getDate()), 11, Wt))), 128))
+          }, C(u.getDate()), 11, Yt))), 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)),
+        _.value ? (n(), a("div", Jt, [
+          e.range ? O("", !0) : (n(), a("h3", Gt, "Select Time")),
+          e.range ? (n(), a("div", tl, [
+            s("div", null, [
+              h[14] || (h[14] = s("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": b[5] || (b[5] = (u) => r.value.start = u),
+                "onUpdate:modelValue": h[6] || (h[6] = (u) => r.value.start = u),
                 onChange: j
               }, null, 544)), [
                 [ne, r.value.start]
-              ]) : (n(), a("div", el, [
-                q(o("select", {
+              ]) : (n(), a("div", ll, [
+                q(s("select", {
                   class: "w-full select-bordered select",
-                  "onUpdate:modelValue": b[6] || (b[6] = (u) => f.value.start = u),
+                  "onUpdate:modelValue": h[7] || (h[7] = (u) => f.value.start = u),
                   onChange: j
                 }, [
-                  (n(!0), a(B, null, A(F(d), (u) => (n(), a("option", {
+                  (n(!0), a(B, null, A(F(c), (u) => (n(), a("option", {
                     key: u,
                     value: u
-                  }, C(u.toString().padStart(2, "0")), 9, tl))), 128))
+                  }, C(u.toString().padStart(2, "0")), 9, nl))), 128))
                 ], 544), [
                   [
                     Z,
@@ -1295,15 +1314,15 @@ const et = oe("SunIcon", [
                     { number: !0 }
                   ]
                 ]),
-                q(o("select", {
+                q(s("select", {
                   class: "w-full select-bordered select",
-                  "onUpdate:modelValue": b[7] || (b[7] = (u) => $.value.start = u),
+                  "onUpdate:modelValue": h[8] || (h[8] = (u) => $.value.start = u),
                   onChange: j
                 }, [
                   (n(!0), a(B, null, A(F(w), (u) => (n(), a("option", {
                     key: u,
                     value: u
-                  }, C(u.toString().padStart(2, "0")), 9, ll))), 128))
+                  }, C(u.toString().padStart(2, "0")), 9, al))), 128))
                 ], 544), [
                   [
                     Z,
@@ -1314,26 +1333,26 @@ const et = oe("SunIcon", [
                 ])
               ]))
             ]),
-            o("div", null, [
-              b[14] || (b[14] = o("p", { class: "font-bold" }, "End Time", -1)),
+            s("div", null, [
+              h[15] || (h[15] = s("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": b[8] || (b[8] = (u) => r.value.end = u),
+                "onUpdate:modelValue": h[9] || (h[9] = (u) => r.value.end = u),
                 onChange: j
               }, null, 544)), [
                 [ne, r.value.end]
-              ]) : (n(), a("div", nl, [
-                q(o("select", {
+              ]) : (n(), a("div", ol, [
+                q(s("select", {
                   class: "w-full select-bordered select",
-                  "onUpdate:modelValue": b[9] || (b[9] = (u) => f.value.end = u),
+                  "onUpdate:modelValue": h[10] || (h[10] = (u) => f.value.end = u),
                   onChange: j
                 }, [
-                  (n(!0), a(B, null, A(F(d), (u) => (n(), a("option", {
+                  (n(!0), a(B, null, A(F(c), (u) => (n(), a("option", {
                     key: u,
                     value: u
-                  }, C(u.toString().padStart(2, "0")), 9, al))), 128))
+                  }, C(u.toString().padStart(2, "0")), 9, sl))), 128))
                 ], 544), [
                   [
                     Z,
@@ -1342,15 +1361,15 @@ const et = oe("SunIcon", [
                     { number: !0 }
                   ]
                 ]),
-                q(o("select", {
+                q(s("select", {
                   class: "w-full select-bordered select",
-                  "onUpdate:modelValue": b[10] || (b[10] = (u) => $.value.end = u),
+                  "onUpdate:modelValue": h[11] || (h[11] = (u) => $.value.end = u),
                   onChange: j
                 }, [
                   (n(!0), a(B, null, A(F(w), (u) => (n(), a("option", {
                     key: u,
                     value: u
-                  }, C(u.toString().padStart(2, "0")), 9, ol))), 128))
+                  }, C(u.toString().padStart(2, "0")), 9, rl))), 128))
                 ], 544), [
                   [
                     Z,
@@ -1361,25 +1380,25 @@ const et = oe("SunIcon", [
                 ])
               ]))
             ])
-          ])) : (n(), a("div", Jt, [
+          ])) : (n(), a("div", Xt, [
             S.value ? q((n(), a("input", {
               key: 0,
               type: "time",
               class: "input-bordered w-full input",
-              "onUpdate:modelValue": b[2] || (b[2] = (u) => r.value = u),
+              "onUpdate:modelValue": h[3] || (h[3] = (u) => r.value = u),
               onChange: j
             }, null, 544)), [
               [ne, r.value]
-            ]) : (n(), a("div", Gt, [
-              q(o("select", {
+            ]) : (n(), a("div", Zt, [
+              q(s("select", {
                 class: "w-full select-bordered select",
-                "onUpdate:modelValue": b[3] || (b[3] = (u) => f.value = u),
+                "onUpdate:modelValue": h[4] || (h[4] = (u) => f.value = u),
                 onChange: j
               }, [
-                (n(!0), a(B, null, A(F(d), (u) => (n(), a("option", {
+                (n(!0), a(B, null, A(F(c), (u) => (n(), a("option", {
                   key: u,
                   value: u
-                }, C(u.toString().padStart(2, "0")), 9, Xt))), 128))
+                }, C(u.toString().padStart(2, "0")), 9, Qt))), 128))
               ], 544), [
                 [
                   Z,
@@ -1388,15 +1407,15 @@ const et = oe("SunIcon", [
                   { number: !0 }
                 ]
               ]),
-              q(o("select", {
+              q(s("select", {
                 class: "w-full select-bordered select",
-                "onUpdate:modelValue": b[4] || (b[4] = (u) => $.value = u),
+                "onUpdate:modelValue": h[5] || (h[5] = (u) => $.value = u),
                 onChange: j
               }, [
                 (n(!0), a(B, null, A(F(w), (u) => (n(), a("option", {
                   key: u,
                   value: u
-                }, C(u.toString().padStart(2, "0")), 9, Zt))), 128))
+                }, C(u.toString().padStart(2, "0")), 9, el))), 128))
               ], 544), [
                 [
                   Z,
@@ -1408,8 +1427,8 @@ const et = oe("SunIcon", [
             ]))
           ]))
         ])) : O("", !0),
-        o("div", sl, [
-          o("button", {
+        s("div", il, [
+          s("button", {
             class: V(["btn btn-secondary", i.popup ? "w-fit" : "w-full"]),
             onClick: xe
           }, " Clear ", 2),
@@ -1419,13 +1438,13 @@ const et = oe("SunIcon", [
             onClick: G
           }, " Close ")) : O("", !0)
         ])
-      ], 10, Nt)) : O("", !0)
+      ], 10, jt)) : O("", !0)
     ], 512));
   }
-}, il = /* @__PURE__ */ te(rl, [["__scopeId", "data-v-661f4719"]]), ul = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, dl = /* @__PURE__ */ te(ul, [["__scopeId", "data-v-bab9b3c1"]]), cl = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: il
-}, Symbol.toStringTag, { value: "Module" })), dl = ["value", "checked", "onChange", "disabled"], Sn = /* @__PURE__ */ L({
+  default: dl
+}, Symbol.toStringTag, { value: "Module" })), pl = ["value", "checked", "onChange", "disabled"], Cn = /* @__PURE__ */ L({
   __name: "rating",
   props: {
     initialRating: { default: 0 },
@@ -1438,56 +1457,60 @@ const et = oe("SunIcon", [
     gap: { default: 0 }
   },
   setup(i) {
-    const c = i, e = x(c.initialRating);
+    const d = i, e = x(d.initialRating);
     H(
-      () => c.initialRating,
-      (s) => {
-        e.value = s;
+      () => d.initialRating,
+      (o) => {
+        e.value = o;
       }
     );
-    const t = (s) => {
-      e.value = s;
+    const t = (o) => {
+      e.value = o;
     };
-    return (s, l) => (n(), a("div", {
-      class: V(["rating", [`rating-${c.size}`, { "rating-half": s.halfStars }]])
+    return (o, l) => (n(), a("div", {
+      class: V(["rating", [
+        `rating-${d.size}`,
+        { "rating-half": o.halfStars },
+        { "pointer-events-none": !o.isInteractive }
+      ]])
     }, [
-      (n(!0), a(B, null, A(s.numberOfStars * (s.halfStars ? 2 : 1), (r) => (n(), a("input", {
+      (n(!0), a(B, null, A(o.numberOfStars * (o.halfStars ? 2 : 1), (r) => (n(), a("input", {
         key: r,
         type: "radio",
-        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,
+        value: o.halfStars ? r * 0.5 : r,
+        checked: e.value === (o.halfStars ? r * 0.5 : r),
+        onChange: (y) => o.isInteractive ? t(o.halfStars ? r * 0.5 : r) : null,
         class: V(["mask", [
           {
             // 'bg-yellow-400': rating >= (halfStars ? i * 0.5 : i),
-            "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"
+            "mask-half-1": o.halfStars && r % 2 !== 0,
+            "mask-half-2": o.halfStars && r % 2 === 0,
+            "cursor-pointer": o.isInteractive,
+            "cursor-default": !o.isInteractive,
+            "mask-star": o.shape === "star",
+            "mask-star-2": o.shape === "star-bold",
+            "mask-heart": o.shape === "heart",
+            "mask-hexagon": o.shape === "hexagon-vertical",
+            "mask-hexagon-2": o.shape === "hexagon-horizontal",
+            "mask-decagon": o.shape === "decagon",
+            "mask-pentagon": o.shape === "pentagon",
+            "mask-diamond": o.shape === "diamond",
+            "mask-square": o.shape === "square",
+            "mask-triangle": o.shape === "triangle-top",
+            "mask-triangle-2": o.shape === "triangle-bottom",
+            "mask-triangle-3": o.shape === "triangle-left",
+            "mask-triangle-4": o.shape === "triangle-right"
           },
-          e.value >= (s.halfStars ? r * 0.5 : r) ? c.color : ""
+          e.value >= (o.halfStars ? r * 0.5 : r) ? d.color : ""
         ]]),
         style: de({
-          marginRight: s.halfStars && r % 2 === 0 ? `${c.gap}px` : s.halfStars ? "0" : `${c.gap}px`
+          marginRight: o.halfStars && r % 2 === 0 ? `${d.gap}px` : o.halfStars ? "0" : `${d.gap}px`
         }),
-        disabled: !s.isInteractive
-      }, null, 46, dl))), 128))
+        disabled: !o.isInteractive
+      }, null, 46, pl))), 128))
     ], 2));
   }
-}), cl = { class: "badge" }, pl = ["onClick"], vl = { class: "opacity-75" }, fl = ["placeholder"], xn = /* @__PURE__ */ L({
+}), vl = { class: "badge" }, fl = ["onClick"], ml = { class: "opacity-75" }, gl = ["placeholder"], Mn = /* @__PURE__ */ L({
   __name: "taginput",
   props: {
     modelValue: {},
@@ -1496,33 +1519,33 @@ const et = oe("SunIcon", [
     class: {}
   },
   emits: ["update:modelValue"],
-  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 = () => {
+  setup(i, { emit: d }) {
+    const e = i, t = d, o = x([...e.modelValue]), l = e.maxTagAmount === void 0 ? -1 : e.maxTagAmount, r = x(null), y = x(""), p = E(() => l < 0 || o.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 && !o.value.includes(v) && (o.value.push(v), t("update:modelValue", o.value), y.value = "");
     }, $ = (v) => {
-      s.value = s.value.filter((k) => k !== v), t("update:modelValue", s.value);
+      o.value = o.value.filter((k) => k !== v), t("update:modelValue", o.value);
     }, U = () => {
-      y.value === "" && (s.value.pop(), t("update:modelValue", s.value));
+      y.value === "" && (o.value.pop(), t("update:modelValue", o.value));
     }, R = (v) => {
       v.key === "Enter" ? f() : v.key === "Backspace" && y.value === "" && U();
     };
     return H(() => e.modelValue, (v) => {
-      s.value = [...v];
+      o.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])
     }, [
-      (n(!0), a(B, null, A(s.value, (_) => T(v.$slots, "tag", {
+      (n(!0), a(B, null, A(o.value, (_) => T(v.$slots, "tag", {
         key: _,
         tag: _
       }, () => [
-        o("div", cl, [
-          o("button", {
+        s("div", vl, [
+          s("button", {
             class: "!px-1 !py-0 h-fit font-bold cursor-pointer",
             onClick: (M) => $(_),
             "aria-label": "Remove tag"
-          }, "X", 8, pl),
-          o("span", vl, C(_), 1)
+          }, "X", 8, fl),
+          s("span", ml, C(_), 1)
         ])
       ])), 128)),
       T(v.$slots, "input", { showInput: p.value }, () => [
@@ -1536,21 +1559,21 @@ const et = oe("SunIcon", [
           class: "h-full input input-ghost",
           onKeydown: R,
           "aria-label": "Add tags"
-        }, null, 40, fl)), [
+        }, null, 40, gl)), [
           [ne, y.value]
         ]) : O("", !0)
       ])
     ], 2));
   }
-}), ml = { class: "w-full max-w-xs form-control" }, gl = {
+}), hl = { class: "w-full max-w-xs form-control" }, bl = {
   key: 0,
   class: "label"
-}, hl = { class: "label-text" }, bl = ["value"], yl = {
+}, yl = { class: "label-text" }, wl = ["value"], kl = {
   key: 0,
   value: "",
   disabled: "",
   selected: ""
-}, wl = ["value"], Cn = /* @__PURE__ */ L({
+}, $l = ["value"], Dn = /* @__PURE__ */ L({
   __name: "select",
   props: {
     options: {},
@@ -1559,45 +1582,45 @@ const et = oe("SunIcon", [
     modelValue: {}
   },
   emits: ["update:modelValue"],
-  setup(i, { expose: c, emit: e }) {
+  setup(i, { expose: d, emit: e }) {
     console.log(i.placeholder);
-    const s = e, l = x(null), r = (p) => {
+    const o = e, l = x(null), r = (p) => {
       const f = p.target;
-      s("update:modelValue", f.value);
+      o("update:modelValue", f.value);
     };
-    return c({
+    return d({
       focusInput: () => {
         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
-    }), (p, f) => (n(), a("div", ml, [
-      p.label ? (n(), a("label", gl, [
-        o("span", hl, C(p.label), 1)
+    }), (p, f) => (n(), a("div", hl, [
+      p.label ? (n(), a("label", bl, [
+        s("span", yl, C(p.label), 1)
       ])) : O("", !0),
-      o("select", {
+      s("select", {
         ref_key: "selectElement",
         ref: l,
         class: "rounded-md w-full select-bordered select",
         value: p.modelValue,
         onChange: r
       }, [
-        p.placeholder ? (n(), a("option", yl, C(p.placeholder), 1)) : O("", !0),
+        p.placeholder ? (n(), a("option", kl, 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)
+        }, C($.text), 9, $l))), 128))
+      ], 40, wl)
     ]));
   }
-}), kl = {
+}), _l = {
   key: 0,
   class: "label"
-}, $l = { class: "label-text" }, _l = ["onKeydown", "aria-expanded", "aria-activedescendant"], Sl = ["placeholder"], xl = {
+}, Sl = { class: "label-text" }, xl = ["onKeydown", "aria-expanded", "aria-activedescendant"], Cl = ["placeholder", "disabled"], Ml = {
   class: "top-full z-10 absolute bg-base-100 shadow-lg mt-1 rounded-md w-full dropdown-content",
   role: "listbox"
-}, Cl = { class: "flex-nowrap p-0 w-[inherit] max-h-60 overflow-y-auto menu" }, Dl = ["onMousedown", "id", "aria-selected"], Dn = {
+}, Dl = { class: "flex-nowrap p-0 w-[inherit] max-h-60 overflow-y-auto menu" }, Il = ["onMousedown", "id", "aria-selected"], In = {
   __name: "filterableSelect",
   props: {
     // Array of options: [{ value: any, text: string }, ...]
@@ -1620,77 +1643,81 @@ const et = oe("SunIcon", [
     modelValue: {
       type: [String, Number, Object, null],
       default: null
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
     }
   },
   emits: ["update:modelValue", "select"],
-  setup(i, { expose: c, emit: e }) {
-    const t = i, s = e, l = Ue(), r = E(() => {
+  setup(i, { expose: d, emit: e }) {
+    const t = i, o = 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;
+      f.value = !t.disabled;
     }, _ = () => {
       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)
+      const b = y.value.toLowerCase();
+      return b === "" && !f.value ? [] : t.options.filter(
+        (I) => I.text.toLowerCase().includes(b)
       );
     });
     H(
       () => t.modelValue,
-      (h, g) => {
-        if (h !== g && _(), h == null)
+      (b, g) => {
+        if (b !== g && _(), b == null)
           p.value = null, !f.value && !r.value && (y.value = "");
         else {
-          const I = t.options.find((D) => D.value === h);
+          const I = t.options.find((D) => D.value === b);
           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 N = (h) => {
-      U.value && !U.value.contains(h.target) && _();
+    const N = (b) => {
+      U.value && !U.value.contains(b.target) && _();
     }, K = () => {
       setTimeout(() => {
         U.value && !U.value.contains(document.activeElement) && _();
       }, 100);
     };
-    H(f, (h) => {
-      h ? setTimeout(() => {
+    H(f, (b) => {
+      b ? setTimeout(() => {
         document.addEventListener("click", N);
       }, 0) : document.removeEventListener("click", N);
     }), ge(() => {
       document.removeEventListener("click", N), window.removeEventListener("keydown", S);
     });
-    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 = () => {
+    const W = (b) => {
+      p.value = b, r.value || (y.value = b.text), o("update:modelValue", b.value), o("select", b), _();
+    }, c = () => {
       z.value.length > 0 && W(z.value[0]);
     }, w = () => {
       f.value || k();
-    }, S = (h) => {
+    }, S = (b) => {
       if (!f.value || z.value.length === 0) return;
       const g = z.value.findIndex(
         (D, P) => "option-" + P === v.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();
+      if (b.key === "ArrowDown")
+        b.preventDefault(), I = (g + 1) % z.value.length;
+      else if (b.key === "ArrowUp")
+        b.preventDefault(), I = (g - 1 + z.value.length) % z.value.length;
+      else if (b.key === "Enter" && v.value) {
+        b.preventDefault();
         const D = z.value.find(
           (P, Y) => "option-" + Y === v.value
         );
         D && W(D);
         return;
-      } else if (h.key === "Escape") {
-        h.preventDefault(), _(), R.value && R.value.focus();
+      } else if (b.key === "Escape") {
+        b.preventDefault(), _(), R.value && R.value.focus();
         return;
       } else if (r.value)
         return;
@@ -1702,11 +1729,11 @@ const et = oe("SunIcon", [
         });
       }
     };
-    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));
+    return H(f, (b) => {
+      b ? (window.addEventListener("keydown", S), !r.value && !y.value && p.value && (y.value = p.value.text)) : window.removeEventListener("keydown", S);
     }), ge(() => {
       document.removeEventListener("click", N), window.removeEventListener("keydown", S);
-    }), c({
+    }), d({
       isDropdownOpen: f,
       // Expose state
       selectedItem: p,
@@ -1723,21 +1750,21 @@ const et = oe("SunIcon", [
       // Expose filter text (useful if parent controls filtering)
       hasDefaultSlotContent: r
       // Expose to know if the default slot is used
-    }), (h, g) => (n(), a("div", {
+    }), (b, g) => (n(), a("div", {
       class: "relative w-full max-w-xs form-control",
       ref_key: "componentRoot",
       ref: U
     }, [
-      i.label ? (n(), a("label", kl, [
-        o("span", $l, C(i.label), 1)
+      i.label ? (n(), a("label", _l, [
+        s("span", Sl, C(i.label), 1)
       ])) : O("", !0),
-      o("div", {
+      s("div", {
         class: V(["flex items-center input-bordered rounded-md w-fit cursor-pointer", { input: !r.value, select: !r.value }]),
         tabindex: "0",
-        onClick: k,
+        onClick: g[1] || (g[1] = (I) => M()),
         onKeydown: [
-          he(ee(d, ["prevent"]), ["enter"]),
-          he(ee(d, ["prevent"]), ["space"])
+          he(ee(c, ["prevent"]), ["enter"]),
+          he(ee(c, ["prevent"]), ["space"])
         ],
         onBlur: K,
         role: "combobox",
@@ -1748,7 +1775,7 @@ const et = oe("SunIcon", [
         ref_key: "activatorWrapper",
         ref: R
       }, [
-        T(h.$slots, "default", {}, () => [
+        T(b.$slots, "default", {}, () => [
           r.value ? O("", !0) : q((n(), a("input", {
             key: 0,
             type: "text",
@@ -1759,19 +1786,20 @@ const et = oe("SunIcon", [
             ref: $,
             onFocus: k,
             onInput: w,
-            tabindex: "-1"
-          }, null, 40, Sl)), [
+            tabindex: "-1",
+            disabled: t.disabled
+          }, null, 40, Cl)), [
             [ne, y.value]
           ])
         ]),
-        r.value ? (n(), ue(F(Ze), {
+        r.value ? (n(), ue(F(Qe), {
           key: 0,
           class: V({ "rotate-180": f.value }),
           size: 20
         }, null, 8, ["class"])) : O("", !0)
-      ], 42, _l),
-      q(o("div", xl, [
-        o("ul", Cl, [
+      ], 42, xl),
+      q(s("div", Ml, [
+        s("ul", Dl, [
           (n(!0), a(B, null, A(z.value, (I, D) => (n(), a("li", {
             key: I.value,
             onMousedown: ee((P) => W(I), ["prevent"]),
@@ -1780,24 +1808,24 @@ const et = oe("SunIcon", [
             role: "option",
             "aria-selected": p.value && p.value.value === I.value
           }, [
-            o("a", null, C(I.text), 1)
-          ], 40, Dl))), 128))
+            s("a", null, C(I.text), 1)
+          ], 40, Il))), 128))
         ])
       ], 512), [
         [Ne, f.value && z.value.length > 0]
       ])
     ], 512));
   }
-}, Ml = { class: "w-full max-w-xs form-control" }, Il = {
+}, Tl = { class: "w-full max-w-xs form-control" }, Vl = {
   key: 0,
   class: "label"
-}, Tl = { class: "label-text" }, Vl = ["type", "placeholder", "value"], Bl = {
+}, Bl = { class: "label-text" }, Ol = ["type", "placeholder", "disabled", "value"], zl = {
   key: 1,
   class: "label"
-}, Ol = { class: "label-text-alt text-error validator-hint" }, zl = {
+}, Al = { class: "label-text-alt text-error validator-hint" }, Pl = {
   key: 2,
   class: "label"
-}, Al = { class: "label-text-alt text-success validator-hint" }, Mn = /* @__PURE__ */ L({
+}, El = { class: "label-text-alt text-success validator-hint" }, Tn = /* @__PURE__ */ L({
   __name: "inputField",
   props: {
     modelValue: { default: "" },
@@ -1805,22 +1833,23 @@ const et = oe("SunIcon", [
     placeholder: { default: "" },
     type: { default: "text" },
     rules: { default: () => ({}) },
-    needsValidation: {},
+    needsValidation: { type: Boolean, default: !1 },
     successMessage: { default: "" },
     size: { default: "md" },
     color: { default: "" },
-    style: { default: "" }
+    style: { default: "" },
+    disabled: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue", "validate"],
-  setup(i, { expose: c, emit: e }) {
-    const t = i, s = e, l = x(null), r = x(!1), y = x(""), p = E(() => {
+  setup(i, { expose: d, emit: e }) {
+    const t = i, o = 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;
+      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, o("validate", v), v;
     }), f = E(() => r.value && !p.value), $ = (v) => {
       const k = v.target;
-      s("update:modelValue", k.value), r.value && p.value;
+      o("update:modelValue", k.value), r.value && p.value;
     }, U = () => {
       r.value = !0, p.value;
     };
@@ -1829,7 +1858,7 @@ const et = oe("SunIcon", [
       () => {
         r.value && p.value;
       }
-    ), c({
+    ), d({
       focusInput: () => {
         var v;
         console.log("inputField.vue: focusInput method called."), (v = l.value) == null || v.focus();
@@ -1837,16 +1866,17 @@ const et = oe("SunIcon", [
       isValid: p,
       isTouched: r,
       errorMessage: y
-    }), (v, k) => (n(), a("div", Ml, [
-      v.label ? (n(), a("label", Il, [
-        o("span", Tl, C(v.label), 1)
+    }), (v, k) => (n(), a("div", Tl, [
+      v.label ? (n(), a("label", Vl, [
+        s("span", Bl, C(v.label), 1)
       ])) : O("", !0),
       T(v.$slots, "default"),
-      o("input", {
+      s("input", {
         ref_key: "inputElement",
         ref: l,
         type: v.type,
         placeholder: v.placeholder,
+        disabled: t.disabled,
         class: V(["input-bordered rounded-md w-full input validator", [
           {
             // Size classes - Apply based on size prop
@@ -1877,15 +1907,15 @@ const et = oe("SunIcon", [
         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)
+      }, null, 42, Ol),
+      f.value ? (n(), a("div", zl, [
+        s("span", Al, C(y.value), 1)
+      ])) : p.value && r.value && v.successMessage ? (n(), a("div", Pl, [
+        s("span", El, C(v.successMessage), 1)
       ])) : O("", !0)
     ]));
   }
-}), In = /* @__PURE__ */ L({
+}), Vn = /* @__PURE__ */ L({
   __name: "loader",
   props: {
     loading: { type: Boolean, default: !0 },
@@ -1894,13 +1924,13 @@ const et = oe("SunIcon", [
     color: { default: "primary" }
   },
   setup(i) {
-    const c = i, e = x(c.loading);
+    const d = i, e = x(d.loading);
     return H(
-      () => c.loading,
+      () => d.loading,
       (t) => {
         e.value = t;
       }
-    ), (t, s) => e.value ? (n(), a("span", {
+    ), (t, o) => e.value ? (n(), a("span", {
       key: 0,
       class: V(["loading", [
         { "loading-xs": t.size === "xs" },
@@ -1927,13 +1957,13 @@ const et = oe("SunIcon", [
       ]])
     }, null, 2)) : O("", !0);
   }
-}), Pl = { class: "footer sm:footer-horizontal container" }, El = { class: "footer-title" }, Ll = ["href"], Ul = {
+}), Ll = { class: "footer sm:footer-horizontal container" }, Ul = { class: "footer-title" }, Rl = ["href"], Nl = {
   key: 0,
   class: "sm:hidden w-full"
-}, Rl = { class: "border-b-2 border-base-100 last:border-b-0 w-full" }, Nl = {
+}, jl = { class: "border-b-2 border-base-100 last:border-b-0 w-full" }, Fl = {
   tabindex: "0",
   class: "collapse collapse-plus w-full"
-}, 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({
+}, ql = { class: "collapse-title font-bold text-lg collapsible-footer-title" }, Hl = { class: "collapse-content flex w-full text-sm" }, Wl = { class: "flex flex-col gap-2.5" }, Kl = { class: "w-full" }, Yl = ["href"], Jl = { class: "w-full" }, Bn = /* @__PURE__ */ L({
   __name: "footer",
   props: {
     items: {},
@@ -1942,118 +1972,118 @@ const et = oe("SunIcon", [
     collapseOnMobile: { type: Boolean, default: !1 }
   },
   setup(i) {
-    const c = i;
+    const d = 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"]])
     }, [
-      o("footer", Pl, [
-        (n(!0), a(B, null, A(c.items, (s) => (n(), a("nav", {
+      s("footer", Ll, [
+        (n(!0), a(B, null, A(d.items, (o) => (n(), a("nav", {
           class: V([{ "hidden sm:grid": e.collapseOnMobile }])
         }, [
-          o("h6", El, C(s.title), 1),
-          (n(!0), a(B, null, A(s.items, (l) => (n(), a("a", {
+          s("h6", Ul, C(o.title), 1),
+          (n(!0), a(B, null, A(o.items, (l) => (n(), a("a", {
             class: "link link-hover",
             href: l.link
-          }, C(l.text), 9, Ll))), 256))
+          }, C(l.text), 9, Rl))), 256))
         ], 2))), 256)),
-        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", {
+        e.collapseOnMobile ? (n(), a("nav", Nl, [
+          (n(!0), a(B, null, A(d.items, (o) => (n(), a("ul", jl, [
+            s("div", Fl, [
+              s("div", ql, C(o.title), 1),
+              s("div", Hl, [
+                s("ul", Wl, [
+                  (n(!0), a(B, null, A(o.items, (l) => (n(), a("li", Kl, [
+                    s("a", {
                       class: "w-full font-medium link link-hover",
                       href: l.link
-                    }, C(l.text), 9, Wl)
+                    }, C(l.text), 9, Yl)
                   ]))), 256))
                 ])
               ])
             ])
           ]))), 256))
         ])) : O("", !0),
-        o("aside", Kl, [
+        s("aside", Jl, [
           T(e.$slots, "default")
         ])
       ])
     ], 2));
   }
-}), 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, [
+}), Gl = {}, Xl = { class: "min-h-40 container hero" }, Zl = { class: "px-0! text-center hero-content" }, Ql = { class: "mt-9 text-4xl" };
+function en(i, d) {
+  return n(), a("div", Xl, [
+    s("div", Zl, [
+      s("div", null, [
+        s("h1", Ql, [
           T(i.$slots, "title", {}, () => [
-            c[0] || (c[0] = ke("hero title"))
+            d[0] || (d[0] = ke("hero title"))
           ])
         ]),
-        o("p", null, [
+        s("p", null, [
           T(i.$slots, "description", { class: "py-9" })
         ]),
         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))
+          d[1] || (d[1] = s("button", { class: "btn btn-primary" }, "Call to action", -1))
         ])
       ])
     ])
   ]);
 }
-const Vn = /* @__PURE__ */ te(Yl, [["render", Zl]]), Ql = { class: "flex flex-row place-content-center gap-4 categories" }, en = ["onClick"], Bn = /* @__PURE__ */ L({
+const On = /* @__PURE__ */ te(Gl, [["render", en]]), tn = { class: "flex flex-row place-content-center gap-4 categories" }, ln = ["onClick"], zn = /* @__PURE__ */ L({
   __name: "categoryNavigation",
   props: {
     searchOptions: {},
     currentCategory: {}
   },
   emits: ["update:currentCategory"],
-  setup(i, { emit: c }) {
-    const e = i, t = c;
-    function s(l) {
+  setup(i, { emit: d }) {
+    const e = i, t = d;
+    function o(l) {
       t("update:currentCategory", l);
     }
-    return (l, r) => (n(), a("div", Ql, [
+    return (l, r) => (n(), a("div", tn, [
       (n(!0), a(B, null, A(e.searchOptions, (y) => (n(), a("div", {
         key: y.category
       }, [
-        o("button", {
-          onClick: (p) => s(y.category),
+        s("button", {
+          onClick: (p) => o(y.category),
           class: V(["truncate btn btn-ghost", { "font-semibold": e.currentCategory === y.category }])
-        }, C(y.category), 11, en)
+        }, C(y.category), 11, ln)
       ]))), 128))
     ]));
   }
-}), 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({
+}), nn = { class: "md:flex hidden navbar-start" }, an = { class: "md:flex justify-center items-center hidden navbar-center" }, on = { class: "md:flex hidden navbar-end" }, sn = { class: "navbar-bottom md:flex hidden" }, rn = /* @__PURE__ */ L({
   __name: "navigationBar",
   props: {
     isCollapsed: { type: Boolean, default: !0 }
   },
   setup(i) {
-    const c = i;
+    const d = 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" : ""])
+      class: V(["place-items-start border-primary bg-base-100 px-5 py-5 border-b-4 transition-all navbar navigationbar", d.isCollapsed ? "collapsed" : ""])
     }, [
-      o("div", tn, [
+      s("div", nn, [
         T(e.$slots, "start", {}, void 0, !0)
       ]),
-      o("div", ln, [
+      s("div", an, [
         T(e.$slots, "center", {}, void 0, !0)
       ]),
-      o("div", nn, [
+      s("div", on, [
         T(e.$slots, "end", {}, void 0, !0)
       ]),
-      o("div", an, [
+      s("div", sn, [
         T(e.$slots, "bottom", {}, void 0, !0)
       ])
     ], 2));
   }
-}), On = /* @__PURE__ */ te(on, [["__scopeId", "data-v-8ddb2b45"]]), sn = {
+}), An = /* @__PURE__ */ te(rn, [["__scopeId", "data-v-8ddb2b45"]]), un = {
   key: 0,
   class: "hidden top-4 right-0 absolute md:flex gap-4"
-}, rn = ["onClick", "aria-selected"], un = {
+}, dn = ["onClick", "aria-selected"], cn = {
   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"
-}, dn = { class: "p-6 border-x-0 border-t-2 border-b-0 border-base-300 max-w-full" }, zn = /* @__PURE__ */ L({
+}, pn = { class: "p-6 border-x-0 border-t-2 border-b-0 border-base-300 max-w-full" }, Pn = /* @__PURE__ */ L({
   __name: "tab",
   props: {
     items: {},
@@ -2062,10 +2092,10 @@ const Vn = /* @__PURE__ */ te(Yl, [["render", Zl]]), Ql = { class: "flex flex-ro
     buttonOnlyMode: { type: Boolean, default: !1 }
   },
   emits: ["tab-changed"],
-  setup(i, { emit: c }) {
-    const e = i, t = x(e.items[0]), s = c;
+  setup(i, { emit: d }) {
+    const e = i, t = x(e.items[0]), o = d;
     function l(p) {
-      t.value = p, s("tab-changed", p);
+      t.value = p, o("tab-changed", p);
     }
     function r() {
       const f = (e.items.indexOf(t.value) + 1) % e.items.length;
@@ -2082,62 +2112,62 @@ const Vn = /* @__PURE__ */ te(Yl, [["render", Zl]]), Ql = { class: "flex flex-ro
         r();
       }, e.rotateTabsAfter * 1e3);
     }), (p, f) => (n(), a(B, null, [
-      o("div", {
+      s("div", {
         role: "tablist",
         class: V(["relative tabs-bordered w-full tabs tabs-lg", { "flex-nowrap overflow-x-auto": p.buttonOnlyMode }])
       }, [
-        p.withControlls ? (n(), a("div", sn, [
-          o("button", {
+        p.withControlls ? (n(), a("div", un, [
+          s("button", {
             onClick: f[0] || (f[0] = ($) => y()),
             class: "cursor-pointer"
           }, "Previous"),
-          o("button", {
+          s("button", {
             onClick: f[1] || (f[1] = ($) => r()),
             class: "text-primary cursor-pointer"
           }, "Next")
         ])) : O("", !0),
         (n(!0), a(B, null, A(p.items, ($) => (n(), a(B, null, [
-          o("a", {
+          s("a", {
             type: "button",
             role: "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, [
+          }, C($), 11, dn),
+          p.buttonOnlyMode ? O("", !0) : (n(), a("div", cn, [
             T(p.$slots, `${$}-tab`)
           ]))
         ], 64))), 256))
       ], 2),
-      o("div", dn, [
+      s("div", pn, [
         T(p.$slots, "default")
       ])
     ], 64));
   }
 });
 export {
-  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
+  yn as Accordion,
+  xn as AdvancedSearch,
+  wn as Avatar,
+  kn as Badge,
+  fn as ButtonComponent,
+  $n as Card,
+  _n as Carousel,
+  Sn as CarouselItem,
+  zn as CategoryNavigation,
+  dl as DatetimePicker,
+  mn as Dropdown,
+  In as FilterableSelect,
+  Bn as Footer,
+  On as Hero,
+  Tn as InputField,
+  Vn as Loader,
+  gn as Modal,
+  An as NavigationBar,
+  Cn as Rating,
+  Dn as Selector,
+  hn as Swap,
+  Pn as Tab,
+  Mn as TagInput,
+  bn as ThemeController
 };