manolis-ui 0.4.0 → 0.5.3

package/dist/manolis-ui.js

@@ -1,8 +1,8 @@
-import { defineComponent as V, computed as B, createElementBlock as l, openBlock as a, normalizeClass as x, createCommentVNode as T, renderSlot as w, createTextVNode as se, createElementVNode as n, Fragment as _, renderList as C, toDisplayString as $, ref as S, h as oe, onMounted as H, watch as j, withDirectives as U, createVNode as X, isRef as Ie, vModelCheckbox as Be, unref as z, provide as Ve, normalizeStyle as re, inject as Pe, defineAsyncComponent as Oe, onBeforeUnmount as Ae, createBlock as ce, resolveDynamicComponent as pe, mergeProps as fe, nextTick as me, onUnmounted as ge, vModelSelect as F, vModelText as te } from "vue";
-const Ue = {
+import { defineComponent as B, computed as O, createElementBlock as l, openBlock as a, normalizeClass as _, createCommentVNode as T, renderSlot as k, createTextVNode as re, createElementVNode as n, Fragment as $, renderList as C, toDisplayString as S, ref as x, h as se, onMounted as Y, watch as N, withDirectives as z, createVNode as X, isRef as Ie, vModelCheckbox as Oe, unref as U, provide as Be, normalizeStyle as ie, inject as Ve, defineAsyncComponent as Pe, onBeforeUnmount as Ae, createBlock as pe, resolveDynamicComponent as fe, mergeProps as me, nextTick as ve, onUnmounted as he, vModelSelect as E, vModelText as ne } from "vue";
+const ze = {
   key: 0,
   class: "loading loading-spinner"
-}, An = /* @__PURE__ */ V({
+}, An = /* @__PURE__ */ B({
   __name: "ButtonComponent",
   props: {
     outlined: { type: Boolean, default: !1 },
@@ -12,9 +12,9 @@ const Ue = {
     size: {},
     shape: {}
   },
-  setup(u) {
-    const o = u, e = B(() => {
-      switch (o.size) {
+  setup(i) {
+    const d = i, e = O(() => {
+      switch (d.size) {
         case "large":
           return "btn-lg";
         case "small":
@@ -28,8 +28,8 @@ const Ue = {
         default:
           return "";
       }
-    }), t = B(() => {
-      switch (o.type) {
+    }), t = O(() => {
+      switch (d.type) {
         case "neutral":
           return "btn-neutral";
         case "primary":
@@ -53,8 +53,8 @@ const Ue = {
         default:
           return "btn-neutral";
       }
-    }), r = B(() => {
-      switch (o.shape) {
+    }), o = O(() => {
+      switch (d.shape) {
         case "square":
           return "btn-square";
         case "circle":
@@ -63,19 +63,19 @@ const Ue = {
           return "";
       }
     });
-    return (s, p) => (a(), l("button", {
-      class: x(["btn", { "btn-outline": o.outlined }, { "btn-active": o.active }, t.value, e.value, r.value])
+    return (s, c) => (a(), l("button", {
+      class: _(["btn", { "btn-outline": d.outlined }, { "btn-active": d.active }, t.value, e.value, o.value])
     }, [
-      s.loading ? (a(), l("span", Ue)) : T("", !0),
-      w(s.$slots, "default", {}, () => [
-        p[0] || (p[0] = se("Submit"))
+      s.loading ? (a(), l("span", ze)) : T("", !0),
+      k(s.$slots, "default", {}, () => [
+        c[0] || (c[0] = re("Submit"))
       ])
     ], 2));
   }
-}), ze = {
+}), Ue = {
   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"
-}, Le = ["href"], Un = /* @__PURE__ */ V({
+}, je = ["href"], zn = /* @__PURE__ */ B({
   __name: "dropdown",
   props: {
     items: {},
@@ -84,8 +84,8 @@ const Ue = {
     openOnHover: { type: Boolean, default: !1 },
     forceOpen: { type: Boolean, default: !1 }
   },
-  setup(u) {
-    const o = {
+  setup(i) {
+    const d = {
       left: "dropdown-left",
       right: "dropdown-right",
       bottom: "dropdown-bottom",
@@ -93,68 +93,68 @@ const Ue = {
     }, e = {
       start: "",
       end: "dropdown-end"
-    }, t = u;
-    return (r, s) => (a(), l("div", {
-      class: x(["dropdown", o[t.position], e[t.floatPosition], { "dropdown-open": t.forceOpen }, { "dropdown-hover": t.openOnHover }])
+    }, t = i;
+    return (o, s) => (a(), l("div", {
+      class: _(["dropdown", d[t.position], e[t.floatPosition], { "dropdown-open": t.forceOpen }, { "dropdown-hover": t.openOnHover }])
     }, [
-      w(r.$slots, "default", {
+      k(o.$slots, "default", {
         tabindex: "0",
         role: "button"
       }, () => [
         s[0] || (s[0] = n("div", { class: "m-1 btn" }, "Open dropdown", -1))
       ]),
-      n("ul", ze, [
-        (a(!0), l(_, null, C(r.items, (p) => (a(), l("li", null, [
+      n("ul", Ue, [
+        (a(!0), l($, null, C(o.items, (c) => (a(), l("li", null, [
           n("a", {
-            href: p.link
-          }, $(p.text), 9, Le)
+            href: c.link
+          }, S(c.text), 9, je)
         ]))), 256)),
-        w(r.$slots, "additional")
+        k(o.$slots, "additional")
       ])
     ], 2));
   }
-}), je = { class: "modal-box" }, Ne = { class: "modal-action" }, zn = /* @__PURE__ */ V({
+}), Ne = { class: "modal-box" }, Re = { class: "modal-action" }, Un = /* @__PURE__ */ B({
   __name: "modal",
   props: {
     position: { default: "center" },
     withBackdrop: { type: Boolean, default: !1 }
   },
-  setup(u) {
-    const o = u, e = {
+  setup(i) {
+    const d = i, e = {
       top: "modal-top",
       bottom: "modal-bottom",
       center: "modal-middle"
-    }, t = S(null), r = () => {
-      var p;
-      (p = t.value) == null || p.showModal();
+    }, t = x(null), o = () => {
+      var c;
+      (c = t.value) == null || c.showModal();
     }, s = () => {
-      var p;
-      (p = t.value) == null || p.close();
+      var c;
+      (c = t.value) == null || c.close();
     };
-    return (p, h) => (a(), l(_, null, [
+    return (c, h) => (a(), l($, null, [
       n("span", {
         class: "w-fit cursor-pointer",
-        onClick: r
+        onClick: o
       }, [
-        w(p.$slots, "trigger", { role: "button" }, () => [
+        k(c.$slots, "trigger", { role: "button" }, () => [
           h[0] || (h[0] = n("button", { class: "btn" }, "Open", -1))
         ])
       ]),
       n("dialog", {
         ref_key: "dialog",
         ref: t,
-        class: x(["modal", e[o.position]])
+        class: _(["modal", e[d.position]])
       }, [
-        n("div", je, [
-          w(p.$slots, "default"),
-          n("div", Ne, [
-            w(p.$slots, "actions"),
+        n("div", Ne, [
+          k(c.$slots, "default"),
+          n("div", Re, [
+            k(c.$slots, "actions"),
             n("form", {
               method: "dialog",
               onSubmit: s,
-              class: x(p.withBackdrop ? "modal-backdrop" : "")
+              class: _(c.withBackdrop ? "modal-backdrop" : "")
             }, [
-              w(p.$slots, "close-button", {}, () => [
+              k(c.$slots, "close-button", {}, () => [
                 h[1] || (h[1] = n("button", { class: "btn" }, "Close", -1))
               ])
             ], 34)
@@ -163,22 +163,22 @@ const Ue = {
       ], 2)
     ], 64));
   }
-}), Re = { class: "swap-on" }, Fe = { class: "swap-off" }, Ln = /* @__PURE__ */ V({
+}), Le = { class: "flex justify-center items-center swap-on" }, Fe = { class: "flex justify-center items-center swap-off" }, jn = /* @__PURE__ */ B({
   __name: "swap",
   props: {
     effect: {}
   },
-  setup(u) {
-    const o = u;
+  setup(i) {
+    const d = i;
     return (e, t) => (a(), l("label", {
-      class: x(["swap", o.effect ? `swap-${e.effect}` : ""])
+      class: _(["swap", d.effect ? `swap-${e.effect}` : ""])
     }, [
       t[0] || (t[0] = n("input", { type: "checkbox" }, null, -1)),
-      n("div", Re, [
-        w(e.$slots, "on")
+      n("div", Le, [
+        k(e.$slots, "on")
       ]),
       n("div", Fe, [
-        w(e.$slots, "off")
+        k(e.$slots, "off")
       ])
     ], 2));
   }
@@ -189,14 +189,14 @@ const Ue = {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ee = (u) => u.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
+const Ee = (i) => i.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
 /**
  * @license lucide-vue-next v0.468.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-var ee = {
+var te = {
   xmlns: "http://www.w3.org/2000/svg",
   width: 24,
   height: 24,
@@ -213,18 +213,18 @@ var ee = {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const qe = ({ size: u, strokeWidth: o = 2, absoluteStrokeWidth: e, color: t, iconNode: r, name: s, class: p, ...h }, { slots: v }) => oe(
+const He = ({ size: i, strokeWidth: d = 2, absoluteStrokeWidth: e, color: t, iconNode: o, name: s, class: c, ...h }, { slots: v }) => se(
   "svg",
   {
-    ...ee,
-    width: u || ee.width,
-    height: u || ee.height,
-    stroke: t || ee.stroke,
-    "stroke-width": e ? Number(o) * 24 / Number(u) : o,
+    ...te,
+    width: i || te.width,
+    height: i || te.height,
+    stroke: t || te.stroke,
+    "stroke-width": e ? Number(d) * 24 / Number(i) : d,
     class: ["lucide", `lucide-${Ee(s ?? "icon")}`],
     ...h
   },
-  [...r.map((m) => oe(...m)), ...v.default ? [v.default()] : []]
+  [...o.map((m) => se(...m)), ...v.default ? [v.default()] : []]
 );
 /**
  * @license lucide-vue-next v0.468.0 - ISC
@@ -232,12 +232,12 @@ const qe = ({ size: u, strokeWidth: o = 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 ne = (u, o) => (e, { slots: t }) => oe(
-  qe,
+const ae = (i, d) => (e, { slots: t }) => se(
+  He,
   {
     ...e,
-    iconNode: o,
-    name: u
+    iconNode: d,
+    name: i
   },
   t
 );
@@ -247,7 +247,7 @@ const ne = (u, o) => (e, { slots: t }) => oe(
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const We = ne("CalendarIcon", [
+const qe = ae("CalendarIcon", [
   ["path", { d: "M8 2v4", key: "1cmpym" }],
   ["path", { d: "M16 2v4", key: "4m81vk" }],
   ["rect", { width: "18", height: "18", x: "3", y: "4", rx: "2", key: "1hopcy" }],
@@ -259,7 +259,7 @@ const We = ne("CalendarIcon", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const He = ne("MoonIcon", [
+const We = ae("MoonIcon", [
   ["path", { d: "M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z", key: "a7tn18" }]
 ]);
 /**
@@ -268,7 +268,7 @@ const He = ne("MoonIcon", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const ve = ne("SearchIcon", [
+const ge = ae("SearchIcon", [
   ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }],
   ["path", { d: "m21 21-4.3-4.3", key: "1qie3q" }]
 ]);
@@ -278,7 +278,7 @@ const ve = ne("SearchIcon", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ye = ne("SunIcon", [
+const Ye = ae("SunIcon", [
   ["circle", { cx: "12", cy: "12", r: "4", key: "4exip2" }],
   ["path", { d: "M12 2v2", key: "tus03m" }],
   ["path", { d: "M12 20v2", key: "1lh1kg" }],
@@ -288,44 +288,44 @@ const Ye = ne("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" }]
-]), Je = (u, o) => {
-  const e = S(null);
-  return H(() => {
+]), Je = (i, d) => {
+  const e = x(null);
+  return Y(() => {
     if (typeof window < "u") {
-      const t = window.localStorage.getItem(u);
-      e.value = t ? JSON.parse(t) : o;
+      const t = window.localStorage.getItem(i);
+      e.value = t ? JSON.parse(t) : d;
     }
-  }), j(e, (t) => {
-    typeof window < "u" && window.localStorage.setItem(u, JSON.stringify(t));
+  }), N(e, (t) => {
+    typeof window < "u" && window.localStorage.setItem(i, JSON.stringify(t));
   }), e;
-}, Ge = { class: "swap-rotate swap" }, Ke = ["true-value", "false-value"], jn = /* @__PURE__ */ V({
+}, Ge = { class: "swap-rotate swap" }, Ke = ["true-value", "false-value"], Nn = /* @__PURE__ */ B({
   __name: "theme-controller",
   props: {
     lightTheme: { default: "light" },
     darkTheme: { default: "dark" }
   },
-  setup(u) {
-    const o = u, e = Je("theme", o.lightTheme);
-    function t(r) {
-      typeof window < "u" && window.document && document.documentElement.setAttribute("data-theme", r);
+  setup(i) {
+    const d = i, e = Je("theme", d.lightTheme);
+    function t(o) {
+      typeof window < "u" && window.document && document.documentElement.setAttribute("data-theme", o);
     }
-    return H(() => t(e.value ? e.value : "")), j(e, (r) => {
-      t(r);
-    }), (r, s) => (a(), l("label", Ge, [
-      U(n("input", {
+    return Y(() => t(e.value ? e.value : "")), N(e, (o) => {
+      t(o);
+    }), (o, s) => (a(), l("label", Ge, [
+      z(n("input", {
         type: "checkbox",
         class: "theme-controller",
-        "onUpdate:modelValue": s[0] || (s[0] = (p) => Ie(e) ? e.value = p : null),
-        "true-value": o.lightTheme,
-        "false-value": o.darkTheme
+        "onUpdate:modelValue": s[0] || (s[0] = (c) => Ie(e) ? e.value = c : null),
+        "true-value": d.lightTheme,
+        "false-value": d.darkTheme
       }, null, 8, Ke), [
-        [Be, z(e)]
+        [Oe, U(e)]
       ]),
-      X(z(Ye), { class: "swap-off fill-current" }),
-      X(z(He), { class: "swap-on fill-current" })
+      X(U(Ye), { class: "swap-off fill-current" }),
+      X(U(We), { class: "swap-on fill-current" })
     ]));
   }
-}), Xe = ["name"], Ze = { class: "collapse-title font-bold text-2xl lg:text-4xl" }, Qe = { class: "collapse-content" }, et = ["innerHTML"], Nn = /* @__PURE__ */ V({
+}), Xe = ["name"], Ze = { class: "collapse-title font-bold text-2xl lg:text-4xl" }, Qe = { class: "collapse-content" }, et = ["innerHTML"], Rn = /* @__PURE__ */ B({
   __name: "accordion",
   props: {
     name: {},
@@ -333,10 +333,10 @@ const Ye = ne("SunIcon", [
     joinItems: { type: Boolean, default: !1 },
     icon: {}
   },
-  setup(u) {
-    const o = u;
-    return (e, t) => (a(!0), l(_, null, C(o.items, (r, s) => (a(), l("div", {
-      class: x(["collapse border border-base-300", [e.icon ? `collapse-${e.icon}` : "", { "join-item": e.joinItems }]]),
+  setup(i) {
+    const d = i;
+    return (e, t) => (a(!0), l($, null, C(d.items, (o, s) => (a(), l("div", {
+      class: _(["collapse border border-base-300", [e.icon ? `collapse-${e.icon}` : "", { "join-item": e.joinItems }]]),
       key: s
     }, [
       n("input", {
@@ -344,15 +344,15 @@ const Ye = ne("SunIcon", [
         name: e.name,
         value: "true"
       }, null, 8, Xe),
-      n("div", Ze, $(r.title), 1),
+      n("div", Ze, S(o.title), 1),
       n("div", Qe, [
         n("span", {
-          innerHTML: r.content
+          innerHTML: o.content
         }, null, 8, et)
       ])
     ], 2))), 128));
   }
-}), tt = ["src"], nt = { class: "text-xl" }, Rn = /* @__PURE__ */ V({
+}), tt = ["src"], nt = { class: "text-xl" }, Ln = /* @__PURE__ */ B({
   __name: "avatar",
   props: {
     image: {},
@@ -360,19 +360,19 @@ const Ye = ne("SunIcon", [
     initials: {},
     fullyRounded: { type: Boolean, default: !1 }
   },
-  setup(u) {
-    const o = u, e = S(o.onlineStatus);
-    return j(
-      () => o.onlineStatus,
+  setup(i) {
+    const d = i, e = x(d.onlineStatus);
+    return N(
+      () => d.onlineStatus,
       (t) => {
         t && (e.value = t);
       }
-    ), (t, r) => (a(), l("div", {
-      class: x(["avatar", [{ "avatar-online": e.value === "online" }, { "avatar-offline": e.value === "offline" }]])
+    ), (t, o) => (a(), l("div", {
+      class: _(["avatar", [{ "avatar-online": e.value === "online" }, { "avatar-offline": e.value === "offline" }]])
     }, [
       t.image ? (a(), l("div", {
         key: 0,
-        class: x(["rounded", [{ "rounded-full": t.fullyRounded }, { rounded: !t.fullyRounded }]])
+        class: _(["rounded", [{ "rounded-full": t.fullyRounded }, { rounded: !t.fullyRounded }]])
       }, [
         n("img", {
           src: t.image,
@@ -380,21 +380,21 @@ const Ye = ne("SunIcon", [
         }, null, 8, tt)
       ], 2)) : (a(), l("div", {
         key: 1,
-        class: x(["flex justify-center bg-neutral p-[25%] rounded w-16 text-neutral-content text-center", [{ "rounded-full": t.fullyRounded }, { rounded: !t.fullyRounded }]])
+        class: _(["flex justify-center bg-neutral p-[25%] rounded w-16 text-neutral-content text-center", [{ "rounded-full": t.fullyRounded }, { rounded: !t.fullyRounded }]])
       }, [
-        n("p", nt, $(t.initials), 1)
+        n("p", nt, S(t.initials), 1)
       ], 2))
     ], 2));
   }
-}), Fn = /* @__PURE__ */ V({
+}), Fn = /* @__PURE__ */ B({
   __name: "badge",
   props: {
     color: { default: "neutral" },
     outline: { type: Boolean, default: !1 },
     size: { default: "medium" }
   },
-  setup(u) {
-    const o = u, e = {
+  setup(i) {
+    const d = i, e = {
       "extra small": "badge-xs",
       small: "badge-sm",
       medium: "badge-md",
@@ -410,10 +410,10 @@ const Ye = ne("SunIcon", [
       warning: "badge-warning",
       error: "badge-error"
     };
-    return (r, s) => (a(), l("span", {
-      class: x(["badge", e[o.size], t[o.color], { "badge-outline": o.outline }])
+    return (o, s) => (a(), l("span", {
+      class: _(["badge", e[d.size], t[d.color], { "badge-outline": d.outline }])
     }, [
-      w(r.$slots, "default")
+      k(o.$slots, "default")
     ], 2));
   }
 }), at = ["src", "alt"], lt = {
@@ -431,7 +431,7 @@ const Ye = ne("SunIcon", [
 }, it = { class: "flex-col flex-nowrap mt-auto card-actions" }, ut = {
   key: 1,
   class: "card-body"
-}, En = /* @__PURE__ */ V({
+}, En = /* @__PURE__ */ B({
   __name: "card",
   props: {
     imgUrl: { default: "" },
@@ -444,36 +444,36 @@ const Ye = ne("SunIcon", [
     background: { default: "bg-base-100" },
     color: { default: "" }
   },
-  setup(u) {
-    const o = u, e = S(o.outlined);
-    return j(
-      () => o.outlined,
+  setup(i) {
+    const d = i, e = x(d.outlined);
+    return N(
+      () => d.outlined,
       (t) => {
         e.value = t;
       }
-    ), (t, r) => (a(), l("div", {
-      class: x(["group bg-base-100 shadow-xl rounded-sm min-w-64 max-w-full h-full card card-compact", [{ "border-4 border-primary": e.value }, t.color ?? "", t.background]])
+    ), (t, o) => (a(), l("div", {
+      class: _(["group bg-base-100 shadow-xl rounded-sm min-w-64 max-w-full h-full card card-compact", [{ "border-4 border-primary": e.value }, t.color ?? "", t.background]])
     }, [
       n("figure", null, [
         t.imgUrl || t.imgUrl && !t.loading ? (a(), l("img", {
           key: 0,
           src: t.imgUrl,
           alt: t.alt,
-          class: x(["rounded-sm w-full h-44 object-cover", {
+          class: _(["rounded-sm w-full h-44 object-cover", {
             hidden: t.loading
           }])
         }, null, 10, at)) : T("", !0),
         t.loading && t.imgUrl ? (a(), l("div", lt)) : T("", !0)
       ]),
       t.loading ? T("", !0) : (a(), l("div", ot, [
-        t.title ? (a(), l("h2", st, $(t.title), 1)) : T("", !0),
-        w(t.$slots, "details"),
-        t.description ? (a(), l("p", rt, $(t.description), 1)) : T("", !0),
+        t.title ? (a(), l("h2", st, S(t.title), 1)) : T("", !0),
+        k(t.$slots, "details"),
+        t.description ? (a(), l("p", rt, S(t.description), 1)) : T("", !0),
         n("div", it, [
-          w(t.$slots, "actions")
+          k(t.$slots, "actions")
         ])
       ])),
-      t.loading ? (a(), l("div", ut, r[0] || (r[0] = [
+      t.loading ? (a(), l("div", ut, o[0] || (o[0] = [
         n("div", { class: "flex flex-col gap-4 w-52" }, [
           n("div", { class: "w-28 h-4 skeleton" }),
           n("div", { class: "w-full h-4 skeleton" }),
@@ -482,16 +482,29 @@ const Ye = ne("SunIcon", [
       ]))) : T("", !0)
     ], 2));
   }
-}), he = Symbol("CarouselItemStyle"), dt = { class: "relative" }, ct = { class: "top-1/2 right-5 left-5 z-10 absolute flex justify-between -translate-y-1/2 transform" }, pt = {
+}), be = Symbol("CarouselItemStyle"), dt = { class: "relative h-full" }, ct = {
   key: 0,
+  class: "top-1/2 right-5 left-5 z-10 absolute flex justify-between -translate-y-1/2 transform"
+}, pt = {
+  key: 1,
   class: "bottom-5 z-10 absolute flex justify-center gap-2 py-2 w-full"
-}, ft = ["onClick", "aria-label"], mt = /* @__PURE__ */ V({
+}, ft = ["onClick", "aria-label"], mt = /* @__PURE__ */ B({
   __name: "carousel",
   props: {
     showIndicators: {
       type: Boolean,
       default: !0
     },
+    showNavigationButtons: {
+      type: Boolean,
+      default: !0
+    },
+    sliderOrientation: {
+      type: String,
+      default: "horizontal",
+      required: !1,
+      validator: (i) => i == "horizontal" || i == "vertical"
+    },
     initialSlide: {
       type: Number,
       default: 0
@@ -499,203 +512,199 @@ const Ye = ne("SunIcon", [
     slidesPerView: {
       type: Number,
       default: 1,
-      validator: (u) => u >= 1
+      validator: (i) => i >= 1
     },
     gap: {
       type: Number,
       default: 0,
-      validator: (u) => u >= 0
+      validator: (i) => i >= 0
     },
     slideDuration: {
       type: Number,
       default: 300,
-      validator: (u) => u >= 0
+      validator: (i) => i >= 0
     }
   },
-  setup(u) {
-    const o = u, e = S(o.initialSlide), t = S(null), r = S(!1), s = S(0), p = B(() => ({
-      width: `calc((100% - ${o.slidesPerView > 1 ? (o.slidesPerView - 1) * o.gap : 0}px) / ${o.slidesPerView})`
+  setup(i, { expose: d }) {
+    const e = i, t = x(e.initialSlide), o = x(null), s = x(!1), c = x(0), h = O(() => ({
+      width: `calc((100% - ${e.slidesPerView > 1 ? (e.slidesPerView - 1) * e.gap : 0}px) / ${e.slidesPerView})`
     }));
-    Ve(he, p);
-    const h = () => {
-      if (!t.value || o.slidesPerView <= 0) return 0;
-      const f = t.value.offsetWidth, g = o.slidesPerView > 1 ? (o.slidesPerView - 1) * o.gap : 0;
-      return (f - g) / o.slidesPerView;
-    }, v = () => {
-      t.value ? s.value = t.value.children.length : s.value = 0;
+    Be(be, h);
+    const v = () => {
+      o.value ? c.value = o.value.children.length : c.value = 0;
     }, m = async (f) => {
-      if (!t.value || o.slidesPerView <= 0 || r.value || (v(), s.value === 0)) return;
-      const g = (f % s.value + s.value) % s.value, k = t.value, D = h();
+      if (!o.value || e.slidesPerView <= 0 || s.value || (v(), c.value === 0)) return;
+      const b = (f % c.value + c.value) % c.value, g = o.value, D = e.sliderOrientation === "vertical" ? (g.offsetHeight - (e.slidesPerView - 1) * e.gap) / e.slidesPerView : (g.offsetWidth - (e.slidesPerView - 1) * e.gap) / e.slidesPerView;
       if (D <= 0) return;
-      const y = D + o.gap, I = g * y, O = k.scrollWidth - k.offsetWidth, R = Math.max(0, Math.min(I, O + 0.5));
-      r.value = !0, k.style.scrollBehavior = "auto";
-      const Y = k.scrollLeft, q = R - Y;
+      const w = D + e.gap, I = b * w, P = e.sliderOrientation === "vertical" ? g.scrollHeight - g.offsetHeight : g.scrollWidth - g.offsetWidth, R = Math.max(0, Math.min(I, P + 0.5));
+      s.value = !0, g.style.scrollBehavior = "auto";
+      const L = e.sliderOrientation === "vertical" ? g.scrollTop : g.scrollLeft, q = R - L;
       if (Math.abs(q) < 1) {
-        r.value = !1, e.value = g;
+        s.value = !1, t.value = b;
         return;
       }
-      const J = performance.now(), Z = (ae) => {
-        const W = ae - J, A = Math.min(1, W / o.slideDuration), le = A < 0.5 ? 4 * A * A * A : 1 - Math.pow(-2 * A + 2, 3) / 2;
-        k.scrollLeft = Y + q * le, A < 1 ? requestAnimationFrame(Z) : (k.scrollLeft = R, e.value = g, r.value = !1);
+      const J = performance.now(), Z = (le) => {
+        const W = le - J, A = Math.min(1, W / e.slideDuration), oe = A < 0.5 ? 4 * A * A * A : 1 - Math.pow(-2 * A + 2, 3) / 2, Q = L + q * oe;
+        e.sliderOrientation === "vertical" ? g.scrollTop = Q : g.scrollLeft = Q, A < 1 ? requestAnimationFrame(Z) : (e.sliderOrientation === "vertical" ? g.scrollTop = R : g.scrollLeft = R, t.value = b, s.value = !1);
       };
       requestAnimationFrame(Z);
-    }, b = () => {
-      m(e.value + 1);
-    }, L = () => {
-      m(e.value - 1);
-    }, E = (f) => {
+    }, y = () => {
+      m(t.value + 1);
+    }, j = () => {
+      m(t.value - 1);
+    }, H = (f) => {
       m(f);
     }, M = () => {
-      if (!t.value || o.slidesPerView <= 0 || (v(), s.value === 0)) return;
-      const f = t.value, g = h();
-      if (g <= 0) return;
-      const k = Math.max(0, s.value - o.slidesPerView), D = Math.min(Math.max(0, o.initialSlide), k), y = g + o.gap, I = D * y, O = f.scrollWidth - f.offsetWidth, R = Math.max(0, Math.min(I, O + 0.5));
-      f.scrollTo({ left: R, behavior: "auto" }), e.value = D;
+      if (!o.value || e.slidesPerView <= 0 || (v(), c.value === 0)) return;
+      const f = o.value, b = e.sliderOrientation === "vertical" ? f.offsetHeight : f.offsetWidth, g = e.slidesPerView > 1 ? (e.slidesPerView - 1) * e.gap : 0, D = (b - g) / e.slidesPerView;
+      if (D <= 0) return;
+      const w = Math.max(0, c.value - e.slidesPerView), I = Math.min(Math.max(0, e.initialSlide), w), P = I * (D + e.gap), R = e.sliderOrientation === "vertical" ? f.scrollHeight - f.offsetHeight : f.scrollWidth - f.offsetWidth, L = Math.max(0, Math.min(P, R + 0.5));
+      e.sliderOrientation === "vertical" ? f.scrollTo({ top: L, behavior: "auto" }) : f.scrollTo({ left: L, behavior: "auto" }), t.value = I;
     };
-    return H(() => {
+    return Y(() => {
       requestAnimationFrame(() => {
         requestAnimationFrame(M);
       }), v();
-    }), j(() => o.initialSlide, (f) => {
+    }), N(() => e.initialSlide, (f) => {
       requestAnimationFrame(() => m(f));
-    }), j(() => [o.slidesPerView, o.gap], () => {
+    }), N(() => [e.slidesPerView, e.gap], () => {
       requestAnimationFrame(() => {
         requestAnimationFrame(() => {
-          if (v(), s.value === 0) return;
-          const f = Math.max(0, s.value - o.slidesPerView), g = Math.min(e.value, f), k = o.slideDuration;
-          o.slideDuration = 0, m(g), o.slideDuration = k;
+          if (v(), c.value === 0) return;
+          const f = Math.max(0, c.value - e.slidesPerView), b = Math.min(t.value, f), g = e.slideDuration;
+          e.slideDuration = 0, m(b), e.slideDuration = g;
         });
       });
-    }), (f, g) => (a(), l("div", dt, [
+    }), d({ scrollToSlide: m }), (f, b) => (a(), l("div", dt, [
       n("div", {
         ref_key: "carouselContainer",
-        ref: t,
-        class: "rounded w-full overflow-x-scroll scroll-smooth carousel carousel-horizontal",
-        style: re({ gap: `${u.gap}px` })
+        ref: o,
+        class: _(["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: ie({ gap: `${i.gap}px` })
       }, [
-        w(f.$slots, "default", {}, void 0, !0)
-      ], 4),
-      n("div", ct, [
+        k(f.$slots, "default", {}, void 0, !0)
+      ], 6),
+      i.showNavigationButtons ? (a(), l("div", ct, [
         n("div", {
-          onClick: L,
+          onClick: j,
           role: "button",
           "aria-label": "Previous Slide"
         }, [
-          w(f.$slots, "prevButton", {}, () => [
-            g[0] || (g[0] = n("button", {
+          k(f.$slots, "prevButton", {}, () => [
+            b[0] || (b[0] = n("button", {
               class: "btn btn-circle",
               tabindex: "-1"
             }, "❮", -1))
           ], !0)
         ]),
         n("div", {
-          onClick: b,
+          onClick: y,
           role: "button",
           "aria-label": "Next Slide"
         }, [
-          w(f.$slots, "nextButton", {}, () => [
-            g[1] || (g[1] = n("button", {
+          k(f.$slots, "nextButton", {}, () => [
+            b[1] || (b[1] = n("button", {
               class: "btn btn-circle",
               tabindex: "-1"
             }, "❯", -1))
           ], !0)
         ])
-      ]),
-      u.showIndicators ? (a(), l("div", pt, [
-        (a(!0), l(_, null, C(s.value, (k, D) => (a(), l("button", {
+      ])) : T("", !0),
+      i.showIndicators ? (a(), l("div", pt, [
+        (a(!0), l($, null, C(c.value, (g, D) => (a(), l("button", {
           key: `dot-${D}`,
-          onClick: (y) => E(D),
-          class: x(["btn btn-circle btn-xs", { "btn-active": D === e.value }]),
+          onClick: (w) => H(D),
+          class: _(["btn btn-circle btn-xs", { "btn-active": D === t.value }]),
           "aria-label": `Go to slide ${D + 1}`
         }, null, 10, ft))), 128))
       ])) : T("", !0)
     ]));
   }
-}), G = (u, o) => {
-  const e = u.__vccOpts || u;
-  for (const [t, r] of o)
-    e[t] = r;
+}), G = (i, d) => {
+  const e = i.__vccOpts || i;
+  for (const [t, o] of d)
+    e[t] = o;
   return e;
-}, qn = /* @__PURE__ */ G(mt, [["__scopeId", "data-v-f820adac"]]), vt = /* @__PURE__ */ V({
+}, Hn = /* @__PURE__ */ G(mt, [["__scopeId", "data-v-db55a6a5"]]), vt = /* @__PURE__ */ B({
   __name: "carouselItem",
-  setup(u) {
-    const o = Pe(he, S({}));
+  setup(i) {
+    const d = Ve(be, x({}));
     return (e, t) => (a(), l("div", {
-      class: "relative w-full carousel-item",
-      style: re(z(o))
+      class: "w-full h-full carousel-item",
+      style: ie(U(d))
     }, [
-      w(e.$slots, "default", {}, void 0, !0)
+      k(e.$slots, "default", {}, void 0, !0)
     ], 4));
   }
-}), Wn = /* @__PURE__ */ G(vt, [["__scopeId", "data-v-b38df5e3"]]), gt = { class: "flex gap-4 bg-base-100 w-full tabs tabs-boxed" }, ht = ["onClick"], bt = { class: "text-sm" }, yt = { class: "md:block hidden opacity-35 text-xs truncate overflow-hidden ..." }, wt = { class: "hidden" }, kt = {
+}), qn = /* @__PURE__ */ G(vt, [["__scopeId", "data-v-507384bc"]]), gt = { class: "flex gap-4 bg-base-100 w-full tabs tabs-boxed" }, ht = ["onClick"], bt = { class: "text-sm" }, yt = { class: "md:block hidden opacity-35 text-xs truncate overflow-hidden ..." }, wt = { class: "hidden" }, kt = {
   id: "advancedSearchMobile",
   class: "modal"
-}, _t = { class: "modal-box" }, $t = { class: "font-bold text-lg" }, St = ["checked"], xt = { class: "flex justify-between items-center pr-4 w-full font-medium text-xl collapse-title" }, Ct = { class: "text-sm" }, Dt = { class: "flex place-content-center p-0 collapse-content" }, Mt = /* @__PURE__ */ V({
+}, $t = { class: "modal-box" }, _t = { class: "font-bold text-lg" }, St = ["checked"], xt = { class: "flex justify-between items-center pr-4 w-full font-medium text-xl collapse-title" }, Ct = { class: "text-sm" }, Dt = { class: "flex place-content-center p-0 collapse-content" }, Tt = /* @__PURE__ */ B({
   __name: "advancedSearch",
   props: {
     searchOptions: {},
     currentCategory: {}
   },
   emits: ["search", "update:search-data"],
-  setup(u, { emit: o }) {
-    const e = u, t = o, r = S(null), s = {
-      datetime: Oe(() => Promise.resolve().then(() => Qt))
-    }, p = S({}), h = S({ left: "0px", top: "0px", transform: "translateX(0%)" }), v = S(null);
-    function m(f, g) {
-      var k, D, y;
-      if ((k = r.value) != null && k.name) {
+  setup(i, { emit: d }) {
+    const e = i, t = d, o = x(null), s = {
+      datetime: Pe(() => Promise.resolve().then(() => Qt))
+    }, c = x({}), h = x({ left: "0px", top: "0px", transform: "translateX(0%)" }), v = x(null);
+    function m(f, b) {
+      var g, D, w;
+      if ((g = o.value) != null && g.name) {
         t("update:search-data", {
-          tab: r.value.name,
+          tab: o.value.name,
           data: f
         });
         return;
       }
       if (e.searchOptions) {
-        let I = (y = (D = e.searchOptions) == null ? void 0 : D.find((O) => (O == null ? void 0 : O.category) === e.currentCategory)) == null ? void 0 : y.tabs[g];
+        let I = (w = (D = e.searchOptions) == null ? void 0 : D.find((P) => (P == null ? void 0 : P.category) === e.currentCategory)) == null ? void 0 : w.tabs[b];
         I !== void 0 && (I.value = f, t("update:search-data", {
           tab: I == null ? void 0 : I.name,
           data: I == null ? void 0 : I.value
         }));
       }
     }
-    function b() {
+    function y() {
       t("search");
     }
-    async function L(f) {
-      v.value && !v.value.contains(f.target) && (await me(), r.value = null);
+    async function j(f) {
+      v.value && !v.value.contains(f.target) && (await ve(), o.value = null);
     }
-    async function E() {
+    async function H() {
       if (typeof window < "u" && window.innerWidth <= 768) {
         const f = document.getElementById("advancedSearchMobile");
         f ? f.showModal() : console.warn("Modal element not found.");
       }
     }
     async function M(f) {
-      var k;
-      r.value = f, await me();
-      const g = p.value[f.name];
-      if (g) {
-        const D = g.getBoundingClientRect(), y = ((k = v.value) == null ? void 0 : k.getBoundingClientRect()) || { left: 0, top: 0 };
+      var g;
+      o.value = f, await ve();
+      const b = c.value[f.name];
+      if (b) {
+        const D = b.getBoundingClientRect(), w = ((g = v.value) == null ? void 0 : g.getBoundingClientRect()) || { left: 0, top: 0 };
         window.innerWidth > 768 ? h.value = {
-          left: `${D.left + D.width / 2 - y.left}px`,
-          top: `${D.bottom - y.top}px`,
+          left: `${D.left + D.width / 2 - w.left}px`,
+          top: `${D.bottom - w.top}px`,
           transform: "translateX(-50%)"
         } : h.value = {
           left: "50%",
-          top: `${D.bottom - y.top}px`,
+          top: `${D.bottom - w.top}px`,
           transform: "translateX(-50%)"
           // Center the popup horizontally on mobile
         };
       } else
         console.error("Tab element not found for:", f.name);
     }
-    return H(() => {
-      document.addEventListener("click", L);
+    return Y(() => {
+      document.addEventListener("click", j);
     }), Ae(() => {
-      document.removeEventListener("click", L);
-    }), (f, g) => {
-      var k, D;
-      return a(), l(_, null, [
+      document.removeEventListener("click", j);
+    }), (f, b) => {
+      var g, D;
+      return a(), l($, null, [
         n("div", {
           ref_key: "searchContainer",
           ref: v,
@@ -703,37 +712,37 @@ const Ye = ne("SunIcon", [
         }, [
           n("div", {
             class: "group/search relative flex place-items-center border-2 shadow-md p-2 border-base-300/25 rounded-sm w-full transition-all cursor-pointer md:cursor-auto",
-            onClick: E
+            onClick: H
           }, [
             n("div", gt, [
-              (a(!0), l(_, null, C(((k = e.searchOptions.find((y) => y.category === e.currentCategory)) == null ? void 0 : k.tabs) || [], (y) => {
+              (a(!0), l($, null, C(((g = e.searchOptions.find((w) => w.category === e.currentCategory)) == null ? void 0 : g.tabs) || [], (w) => {
                 var I;
                 return a(), l("button", {
-                  key: y.name,
-                  onClick: (O) => M(y),
-                  class: x([{ "tab-active": ((I = r.value) == null ? void 0 : I.name) === y.name }, "group/searchitem relative after:top-0 after:-right-2 after:absolute first-of-type:flex-auto last-of-type:flex-auto md:after:content-[''] last-of-type:after:content-none after:content-none after:bg-base-200 hover:bg-base-200 p-1 rounded-sm w-auto after:w-[1px] after:h-10 text-start overflow-x-hidden pointer-events-none md:pointer-events-auto"]),
+                  key: w.name,
+                  onClick: (P) => M(w),
+                  class: _([{ "tab-active": ((I = o.value) == null ? void 0 : I.name) === w.name }, "group/searchitem relative after:top-0 after:-right-2 after:absolute first-of-type:flex-auto last-of-type:flex-auto md:after:content-[''] last-of-type:after:content-none after:content-none after:bg-base-200 hover:bg-base-200 p-1 rounded-sm w-auto after:w-[1px] after:h-10 text-start overflow-x-hidden pointer-events-none md:pointer-events-auto"]),
                   ref_for: !0,
-                  ref: (O) => p.value[y.name] = O
+                  ref: (P) => c.value[w.name] = P
                 }, [
-                  n("p", bt, $(y.name), 1),
-                  n("p", yt, $(y.description), 1)
+                  n("p", bt, S(w.name), 1),
+                  n("p", yt, S(w.description), 1)
                 ], 10, ht);
               }), 128))
             ]),
-            r.value ? (a(), l("div", {
+            o.value ? (a(), l("div", {
               key: 0,
               class: "absolute flex shadow-sm mt-4 w-fit max-w-full transition-all tab-content",
-              style: re(h.value)
+              style: ie(h.value)
             }, [
-              (a(), ce(pe(s[r.value.type]), fe(r.value.props ? r.value.props : null, { onUpdated: m }), null, 16))
+              (a(), pe(fe(s[o.value.type]), me(o.value.props ? o.value.props : null, { onUpdated: m }), null, 16))
             ], 4)) : T("", !0),
             n("button", {
               title: "search",
               type: "submit",
               class: "ml-1 btn btn-primary btn-square",
-              onClick: b
+              onClick: y
             }, [
-              X(z(ve), {
+              X(U(ge), {
                 size: 24,
                 color: "white"
               })
@@ -742,10 +751,10 @@ const Ye = ne("SunIcon", [
           n("div", wt, [
             n("button", {
               title: "search",
-              onClick: g[0] || (g[0] = () => {
+              onClick: b[0] || (b[0] = () => {
               })
             }, [
-              X(z(ve), {
+              X(U(ge), {
                 size: 24,
                 color: "white"
               })
@@ -753,13 +762,13 @@ const Ye = ne("SunIcon", [
           ])
         ], 512),
         n("dialog", kt, [
-          n("div", _t, [
-            w(f.$slots, "additionalForMobile", {}, () => [
-              n("h3", $t, $(f.currentCategory), 1)
+          n("div", $t, [
+            k(f.$slots, "additionalForMobile", {}, () => [
+              n("h3", _t, S(f.currentCategory), 1)
             ], !0),
-            (a(!0), l(_, null, C(((D = e.searchOptions.find((y) => y.category === e.currentCategory)) == null ? void 0 : D.tabs) || [], (y, I) => (a(), l("div", {
+            (a(!0), l($, null, C(((D = e.searchOptions.find((w) => w.category === e.currentCategory)) == null ? void 0 : D.tabs) || [], (w, I) => (a(), l("div", {
               class: "bg-base-200 my-4 collapse",
-              key: y.name
+              key: w.name
             }, [
               n("input", {
                 type: "radio",
@@ -767,13 +776,13 @@ const Ye = ne("SunIcon", [
                 checked: I === 0
               }, null, 8, St),
               n("div", xt, [
-                se($(y.name) + " ", 1),
-                n("p", Ct, $(y.description), 1)
+                re(S(w.name) + " ", 1),
+                n("p", Ct, S(w.description), 1)
               ]),
               n("div", Dt, [
-                g[1] || (g[1] = n("br", null, null, -1)),
-                (a(), ce(pe(s[y.type]), fe({ ref_for: !0 }, y.props || {}, {
-                  onUpdated: (O) => m(O, I)
+                b[1] || (b[1] = n("br", null, null, -1)),
+                (a(), pe(fe(s[w.type]), me({ ref_for: !0 }, w.props || {}, {
+                  onUpdated: (P) => m(P, I)
                 }), null, 16, ["onUpdated"]))
               ])
             ]))), 128)),
@@ -781,7 +790,7 @@ const Ye = ne("SunIcon", [
               n("form", { method: "dialog" }, [
                 n("button", {
                   class: "btn btn-primary",
-                  onClick: b
+                  onClick: y
                 }, "Close and Search")
               ])
             ])
@@ -790,28 +799,28 @@ const Ye = ne("SunIcon", [
       ], 64);
     };
   }
-}), Hn = /* @__PURE__ */ G(Mt, [["__scopeId", "data-v-08fa37eb"]]), Tt = ["placeholder", "value", "id"], It = { class: "btn btn-ghost" }, Bt = ["id"], Vt = {
+}), Wn = /* @__PURE__ */ G(Tt, [["__scopeId", "data-v-08fa37eb"]]), Mt = ["placeholder", "value", "id"], It = { class: "btn btn-ghost" }, Ot = ["id"], Bt = {
   key: 0,
   class: "flex justify-between items-center place-content-center mb-4"
-}, Pt = ["value"], Ot = ["value"], At = {
+}, Vt = ["value"], Pt = ["value"], At = {
   key: 1,
   class: "gap-2 grid grid-cols-7"
-}, Ut = ["onClick"], zt = {
+}, zt = ["onClick"], Ut = {
   key: 2,
   class: "mt-4 lg:w-80"
-}, Lt = {
+}, jt = {
   key: 0,
   class: "mb-2 font-bold text-lg"
-}, jt = { key: 1 }, Nt = {
+}, Nt = { key: 1 }, Rt = {
   key: 1,
   class: "flex gap-4"
-}, Rt = ["value"], Ft = ["value"], Et = {
+}, Lt = ["value"], Ft = ["value"], Et = {
   key: 2,
   class: "flex flex-col gap-4"
-}, qt = {
+}, Ht = {
   key: 1,
   class: "flex gap-2"
-}, Wt = ["value"], Ht = ["value"], Yt = {
+}, qt = ["value"], Wt = ["value"], Yt = {
   key: 1,
   class: "flex gap-2"
 }, Jt = ["value"], Gt = ["value"], Kt = { class: "flex gap-2 mt-4" }, Xt = {
@@ -821,7 +830,7 @@ const Ye = ne("SunIcon", [
       type: String,
       default: "datetime",
       // 'datetime', 'date', 'time'
-      validator: (u) => ["datetime", "date", "time"].includes(u)
+      validator: (i) => ["datetime", "date", "time"].includes(i)
     },
     range: {
       type: Boolean,
@@ -845,124 +854,124 @@ const Ye = ne("SunIcon", [
     }
   },
   emits: ["updated"],
-  setup(u, { emit: o }) {
-    const e = u;
-    j(() => e.range, (d) => {
-      d ? (s.value = { start: null, end: null }, p.value = { start: null, end: null }) : (s.value = null, p.value = null);
+  setup(i, { emit: d }) {
+    const e = i;
+    N(() => e.range, (u) => {
+      u ? (s.value = { start: null, end: null }, c.value = { start: null, end: null }) : (s.value = null, c.value = null);
     });
-    const t = o, r = S(!1), s = S(e.range ? { start: null, end: null } : null), p = S(e.range ? { start: null, end: null } : null), h = S((/* @__PURE__ */ new Date()).toLocaleString("default", { month: "long" })), v = S((/* @__PURE__ */ new Date()).getFullYear()), m = S(e.range ? { start: 0, end: 0 } : 0), b = S(e.range ? { start: 0, end: 0 } : 0), L = S(null), E = B(() => `${e.id}-input`), M = B(() => `${e.id}-popup`), f = B(() => e.mode === "date" || e.mode === "datetime"), g = B(() => e.mode === "time" || e.mode === "datetime");
-    B(() => new Date(v.value, k.value));
-    const k = B(() => J.indexOf(h.value)), D = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], y = B(() => new Date(v.value, k.value).getDay()), I = B(() => {
-      const d = new Date(v.value, k.value + 1, 0).getDate();
-      return Array.from({ length: d }, (c, i) => new Date(v.value, k.value, i + 1));
-    }), O = B(() => Array.from({ length: y.value }, (d, c) => c)), R = Array.from({ length: 24 }, (d, c) => c), Y = Array.from({ length: 60 }, (d, c) => c), q = B(
+    const t = d, o = x(!1), s = x(e.range ? { start: null, end: null } : null), c = x(e.range ? { start: null, end: null } : null), h = x((/* @__PURE__ */ new Date()).toLocaleString("default", { month: "long" })), v = x((/* @__PURE__ */ new Date()).getFullYear()), m = x(e.range ? { start: 0, end: 0 } : 0), y = x(e.range ? { start: 0, end: 0 } : 0), j = x(null), H = O(() => `${e.id}-input`), M = O(() => `${e.id}-popup`), f = O(() => e.mode === "date" || e.mode === "datetime"), b = O(() => e.mode === "time" || e.mode === "datetime");
+    O(() => new Date(v.value, g.value));
+    const g = O(() => J.indexOf(h.value)), D = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], w = O(() => new Date(v.value, g.value).getDay()), I = O(() => {
+      const u = new Date(v.value, g.value + 1, 0).getDate();
+      return Array.from({ length: u }, (p, r) => new Date(v.value, g.value, r + 1));
+    }), P = O(() => Array.from({ length: w.value }, (u, p) => p)), R = Array.from({ length: 24 }, (u, p) => p), L = Array.from({ length: 60 }, (u, p) => p), q = O(
       () => typeof navigator < "u" && /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(
         navigator.userAgent
       )
-    ), J = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"], Z = B(() => {
-      const d = (/* @__PURE__ */ new Date()).getFullYear();
-      return Array.from({ length: 100 }, (c, i) => d - 50 + i);
-    }), ae = B(() => {
+    ), J = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"], Z = O(() => {
+      const u = (/* @__PURE__ */ new Date()).getFullYear();
+      return Array.from({ length: 100 }, (p, r) => u - 50 + r);
+    }), le = O(() => {
       if (!f.value || !s.value) return "";
       if (e.range && s.value.start && s.value.end) {
-        const d = s.value.start.toLocaleDateString("en-US"), c = s.value.end.toLocaleDateString("en-US");
-        return `${d} - ${c}`;
+        const u = s.value.start.toLocaleDateString("en-US"), p = s.value.end.toLocaleDateString("en-US");
+        return `${u} - ${p}`;
       }
       return !e.range && s.value ? s.value.toLocaleDateString("en-US") : "";
-    }), W = (d) => d instanceof Date ? d : new Date(d), A = (d) => d instanceof Date && !isNaN(d), le = B(() => {
-      if (!g.value) return "";
-      const d = (c) => {
-        var Q, K, de;
-        const i = ((Q = m.value) == null ? void 0 : Q[c]) ?? m.value, N = ((K = b.value) == null ? void 0 : K[c]) ?? b.value;
-        return q.value ? ((de = p.value) == null ? void 0 : de[c]) ?? p.value : `${i.toString().padStart(2, "0")}:${N.toString().padStart(2, "0")}`;
+    }), W = (u) => u instanceof Date ? u : new Date(u), A = (u) => u instanceof Date && !isNaN(u), oe = O(() => {
+      if (!b.value) return "";
+      const u = (p) => {
+        var ee, K, ce;
+        const r = ((ee = m.value) == null ? void 0 : ee[p]) ?? m.value, F = ((K = y.value) == null ? void 0 : K[p]) ?? y.value;
+        return q.value ? ((ce = c.value) == null ? void 0 : ce[p]) ?? c.value : `${r.toString().padStart(2, "0")}:${F.toString().padStart(2, "0")}`;
       };
-      return e.range ? `${d("start")} - ${d("end")}` : d();
-    }), be = B(() => {
-      const d = ae.value, c = le.value;
-      return `${d} ${c}`.trim();
-    }), ye = () => r.value = !r.value, ie = () => {
-      P(), we();
-    }, we = () => r.value = !1, ke = () => {
-      s.value = e.range ? { start: null, end: null } : null, p.value = e.range ? { start: null, end: null } : null, P();
-    }, _e = (d) => {
-      e.range ? s.value.start && s.value.end ? s.value = { start: d, end: null } : s.value.start ? s.value.end = d : s.value.start = d : s.value = d, P();
-    }, $e = (d) => (d = W(d), e.range ? s.value.start && A(s.value.start) && d.getTime() === s.value.start.getTime() || s.value.end && A(s.value.end) && d.getTime() === s.value.end.getTime() : A(s.value) && d.getTime() === s.value.getTime()), Se = (d) => {
-      d = W(d);
-      const c = /* @__PURE__ */ new Date();
-      return d.getDate() === c.getDate() && d.getMonth() === c.getMonth() && d.getFullYear() === c.getFullYear();
-    }, xe = (d) => (d = W(d), e.range && A(s.value.start) && d.getTime() === s.value.start.getTime()), Ce = (d) => (d = W(d), e.range && A(s.value.end) && d.getTime() === s.value.end.getTime()), De = (d) => {
-      if (d = W(d), e.range && A(s.value.start) && A(s.value.end)) {
-        const c = s.value.start.getTime(), i = s.value.end.getTime(), N = d.getTime();
-        return N > c && N < i;
+      return e.range ? `${u("start")} - ${u("end")}` : u();
+    }), Q = O(() => {
+      const u = le.value, p = oe.value;
+      return `${u} ${p}`.trim();
+    }), ye = () => o.value = !o.value, ue = () => {
+      V(), we();
+    }, we = () => o.value = !1, ke = () => {
+      s.value = e.range ? { start: null, end: null } : null, c.value = e.range ? { start: null, end: null } : null, V();
+    }, $e = (u) => {
+      e.range ? s.value.start && s.value.end ? s.value = { start: u, end: null } : s.value.start ? s.value.end = u : s.value.start = u : s.value = u, V();
+    }, _e = (u) => (u = W(u), e.range ? s.value.start && A(s.value.start) && u.getTime() === s.value.start.getTime() || s.value.end && A(s.value.end) && u.getTime() === s.value.end.getTime() : A(s.value) && u.getTime() === s.value.getTime()), Se = (u) => {
+      u = W(u);
+      const p = /* @__PURE__ */ new Date();
+      return u.getDate() === p.getDate() && u.getMonth() === p.getMonth() && u.getFullYear() === p.getFullYear();
+    }, xe = (u) => (u = W(u), e.range && A(s.value.start) && u.getTime() === s.value.start.getTime()), Ce = (u) => (u = W(u), e.range && A(s.value.end) && u.getTime() === s.value.end.getTime()), De = (u) => {
+      if (u = W(u), e.range && A(s.value.start) && A(s.value.end)) {
+        const p = s.value.start.getTime(), r = s.value.end.getTime(), F = u.getTime();
+        return F > p && F < r;
       }
       return !1;
-    }, Me = () => {
-      let d = k.value - 1;
-      d < 0 && (d = 11, v.value--), h.value = J[d], P();
     }, Te = () => {
-      let d = k.value + 1;
-      d > 11 && (d = 0, v.value++), h.value = J[d], P();
-    }, ue = (d) => {
-      L.value && !L.value.contains(d.target) && r.value == !0 && ie();
-    }, P = () => {
-      let d = {};
-      const c = (i, N, Q) => {
-        i instanceof Date && !isNaN(i) || (i = /* @__PURE__ */ new Date());
-        const K = new Date(i);
-        return K.setUTCHours(N, Q, 0, 0), K.toISOString();
+      let u = g.value - 1;
+      u < 0 && (u = 11, v.value--), h.value = J[u], V();
+    }, Me = () => {
+      let u = g.value + 1;
+      u > 11 && (u = 0, v.value++), h.value = J[u], V();
+    }, de = (u) => {
+      j.value && !j.value.contains(u.target) && o.value == !0 && ue();
+    }, V = () => {
+      let u = {};
+      const p = (r, F, ee) => {
+        r instanceof Date && !isNaN(r) || (r = /* @__PURE__ */ new Date());
+        const K = new Date(r);
+        return K.setUTCHours(F, ee, 0, 0), K.toISOString();
       };
-      e.range ? (d.from = c(
+      e.range ? (u.from = p(
         s.value.start,
         m.value.start,
-        b.value.start
-      ), d.to = c(
+        y.value.start
+      ), u.to = p(
         s.value.end,
         m.value.end,
-        b.value.end
-      )) : d = c(
+        y.value.end
+      )) : u = p(
         s.value,
         m.value,
-        b.value
-      ), t("updated", d);
+        y.value
+      ), t("updated", u);
     };
-    return H(() => {
+    return Y(() => {
       e.initialDate && (e.range && e.initialDate.start && e.initialDate.end ? s.value = {
         start: new Date(e.initialDate.start),
         end: new Date(e.initialDate.end)
-      } : e.initialDate.start && (s.value = { start: new Date(e.initialDate.start) })), e.range ? (m.value.start = m.value.start ?? (/* @__PURE__ */ new Date()).getHours(), m.value.end = m.value.end ?? (/* @__PURE__ */ new Date()).getHours(), b.value.start = b.value.start ?? (/* @__PURE__ */ new Date()).getMinutes(), b.value.end = b.value.end ?? (/* @__PURE__ */ new Date()).getMinutes()) : (m.value = m.value ?? (/* @__PURE__ */ new Date()).getHours(), b.value = b.value ?? (/* @__PURE__ */ new Date()).getMinutes());
-    }), e.popup && H(() => document.addEventListener("click", ue)), ge(() => document.removeEventListener("click", ue)), (d, c) => (a(), l("div", {
+      } : e.initialDate.start && (s.value = { start: new Date(e.initialDate.start) })), e.range ? (m.value.start = m.value.start ?? (/* @__PURE__ */ new Date()).getHours(), m.value.end = m.value.end ?? (/* @__PURE__ */ new Date()).getHours(), y.value.start = y.value.start ?? (/* @__PURE__ */ new Date()).getMinutes(), y.value.end = y.value.end ?? (/* @__PURE__ */ new Date()).getMinutes()) : (m.value = m.value ?? (/* @__PURE__ */ new Date()).getHours(), y.value = y.value ?? (/* @__PURE__ */ new Date()).getMinutes());
+    }), e.popup && Y(() => document.addEventListener("click", de)), he(() => document.removeEventListener("click", de)), (u, p) => (a(), l("div", {
       class: "inline-block relative w-full lg:w-[360px]",
       ref_key: "pickerContainer",
-      ref: L
+      ref: j
     }, [
       n("div", {
         class: "flex items-center gap-2 cursor-pointer",
         onClick: ye
       }, [
-        u.popup ? w(d.$slots, "default", { key: 0 }, () => [
+        i.popup ? k(u.$slots, "default", { key: 0 }, () => [
           n("input", {
             type: "text",
             class: "input-bordered w-full cursor-pointer input",
-            placeholder: u.placeholder,
-            value: be.value,
+            placeholder: i.placeholder,
+            value: Q.value,
             readonly: "",
-            id: E.value
-          }, null, 8, Tt),
+            id: H.value
+          }, null, 8, Mt),
           n("button", It, [
-            X(z(We))
+            X(U(qe))
           ])
         ], !0) : T("", !0)
       ]),
-      r.value || !u.popup ? (a(), l("div", {
+      o.value || !i.popup ? (a(), l("div", {
         key: 0,
-        class: x(["z-50 lg:bg-base-100 md:mt-2 md:p-4 px-4 rounded-md w-full", [{ absolute: u.popup }]]),
+        class: _(["z-50 lg:bg-base-100 md:mt-2 md:p-4 px-4 rounded-md w-full", [{ absolute: i.popup }]]),
         id: M.value
       }, [
-        f.value ? (a(), l("div", Vt, [
+        f.value ? (a(), l("div", Bt, [
           n("button", {
             class: "hidden md:block btn-outline btn btn-primary md:btn-sm",
-            onClick: Me
-          }, c[11] || (c[11] = [
+            onClick: Te
+          }, p[11] || (p[11] = [
             n("svg", {
               xmlns: "http://www.w3.org/2000/svg",
               class: "w-4 h-4",
@@ -978,34 +987,34 @@ const Ye = ne("SunIcon", [
               })
             ], -1)
           ])),
-          U(n("select", {
+          z(n("select", {
             class: "border-none w-fit select",
-            "onUpdate:modelValue": c[0] || (c[0] = (i) => h.value = i),
-            onChange: P
+            "onUpdate:modelValue": p[0] || (p[0] = (r) => h.value = r),
+            onChange: V
           }, [
-            (a(), l(_, null, C(J, (i, N) => n("option", {
-              key: N,
-              value: i
-            }, $(i), 9, Pt)), 64))
+            (a(), l($, null, C(J, (r, F) => n("option", {
+              key: F,
+              value: r
+            }, S(r), 9, Vt)), 64))
           ], 544), [
-            [F, h.value]
+            [E, h.value]
           ]),
-          U(n("select", {
+          z(n("select", {
             class: "border-none w-24 select",
-            "onUpdate:modelValue": c[1] || (c[1] = (i) => v.value = i),
-            onChange: P
+            "onUpdate:modelValue": p[1] || (p[1] = (r) => v.value = r),
+            onChange: V
           }, [
-            (a(!0), l(_, null, C(Z.value, (i) => (a(), l("option", {
-              key: i,
-              value: i
-            }, $(i), 9, Ot))), 128))
+            (a(!0), l($, null, C(Z.value, (r) => (a(), l("option", {
+              key: r,
+              value: r
+            }, S(r), 9, Pt))), 128))
           ], 544), [
-            [F, v.value]
+            [E, v.value]
           ]),
           n("button", {
             class: "hidden md:block btn-outline btn btn-primary md:btn-sm",
-            onClick: Te
-          }, c[12] || (c[12] = [
+            onClick: Me
+          }, p[12] || (p[12] = [
             n("svg", {
               xmlns: "http://www.w3.org/2000/svg",
               class: "w-4 h-4",
@@ -1023,70 +1032,70 @@ const Ye = ne("SunIcon", [
           ]))
         ])) : T("", !0),
         f.value ? (a(), l("div", At, [
-          (a(), l(_, null, C(D, (i) => n("div", {
-            key: i,
+          (a(), l($, null, C(D, (r) => n("div", {
+            key: r,
             class: "text-center"
-          }, $(i), 1)), 64)),
-          (a(!0), l(_, null, C(O.value, (i) => (a(), l("div", {
-            key: i,
+          }, S(r), 1)), 64)),
+          (a(!0), l($, null, C(P.value, (r) => (a(), l("div", {
+            key: r,
             class: "text-center"
           }))), 128)),
-          (a(!0), l(_, null, C(I.value, (i) => (a(), l("div", {
-            key: i,
-            class: x(["hover:bg-primary-10 py-1 rounded-full text-center cursor-pointer", {
-              "bg-primary text-primary-content": $e(i),
-              today: Se(i),
-              "range-start bg-primary text-primary-content": xe(i),
-              "range-end bg-primary text-primary-content": Ce(i),
-              "in-range bg-primary/20 hover:bg-primary/10": De(i)
+          (a(!0), l($, null, C(I.value, (r) => (a(), l("div", {
+            key: r,
+            class: _(["hover:bg-primary-10 py-1 rounded-full text-center cursor-pointer", {
+              "bg-primary text-primary-content": _e(r),
+              today: Se(r),
+              "range-start bg-primary text-primary-content": xe(r),
+              "range-end bg-primary text-primary-content": Ce(r),
+              "in-range bg-primary/20 hover:bg-primary/10": De(r)
             }]),
-            onClick: (N) => _e(i)
-          }, $(i.getDate()), 11, Ut))), 128))
+            onClick: (F) => $e(r)
+          }, S(r.getDate()), 11, zt))), 128))
         ])) : T("", !0),
-        g.value ? (a(), l("div", zt, [
-          e.range ? T("", !0) : (a(), l("h3", Lt, "Select Time")),
+        b.value ? (a(), l("div", Ut, [
+          e.range ? T("", !0) : (a(), l("h3", jt, "Select Time")),
           e.range ? (a(), l("div", Et, [
             n("div", null, [
-              c[13] || (c[13] = n("p", { class: "font-bold" }, "Start Time", -1)),
-              q.value ? U((a(), l("input", {
+              p[13] || (p[13] = n("p", { class: "font-bold" }, "Start Time", -1)),
+              q.value ? z((a(), l("input", {
                 key: 0,
                 type: "time",
                 class: "input-bordered w-full input",
-                "onUpdate:modelValue": c[5] || (c[5] = (i) => p.value.start = i),
-                onChange: P
+                "onUpdate:modelValue": p[5] || (p[5] = (r) => c.value.start = r),
+                onChange: V
               }, null, 544)), [
-                [te, p.value.start]
-              ]) : (a(), l("div", qt, [
-                U(n("select", {
+                [ne, c.value.start]
+              ]) : (a(), l("div", Ht, [
+                z(n("select", {
                   class: "w-full select-bordered select",
-                  "onUpdate:modelValue": c[6] || (c[6] = (i) => m.value.start = i),
-                  onChange: P
+                  "onUpdate:modelValue": p[6] || (p[6] = (r) => m.value.start = r),
+                  onChange: V
                 }, [
-                  (a(!0), l(_, null, C(z(R), (i) => (a(), l("option", {
-                    key: i,
-                    value: i
-                  }, $(i.toString().padStart(2, "0")), 9, Wt))), 128))
+                  (a(!0), l($, null, C(U(R), (r) => (a(), l("option", {
+                    key: r,
+                    value: r
+                  }, S(r.toString().padStart(2, "0")), 9, qt))), 128))
                 ], 544), [
                   [
-                    F,
+                    E,
                     m.value.start,
                     void 0,
                     { number: !0 }
                   ]
                 ]),
-                U(n("select", {
+                z(n("select", {
                   class: "w-full select-bordered select",
-                  "onUpdate:modelValue": c[7] || (c[7] = (i) => b.value.start = i),
-                  onChange: P
+                  "onUpdate:modelValue": p[7] || (p[7] = (r) => y.value.start = r),
+                  onChange: V
                 }, [
-                  (a(!0), l(_, null, C(z(Y), (i) => (a(), l("option", {
-                    key: i,
-                    value: i
-                  }, $(i.toString().padStart(2, "0")), 9, Ht))), 128))
+                  (a(!0), l($, null, C(U(L), (r) => (a(), l("option", {
+                    key: r,
+                    value: r
+                  }, S(r.toString().padStart(2, "0")), 9, Wt))), 128))
                 ], 544), [
                   [
-                    F,
-                    b.value.start,
+                    E,
+                    y.value.start,
                     void 0,
                     { number: !0 }
                   ]
@@ -1094,92 +1103,92 @@ const Ye = ne("SunIcon", [
               ]))
             ]),
             n("div", null, [
-              c[14] || (c[14] = n("p", { class: "font-bold" }, "End Time", -1)),
-              q.value ? U((a(), l("input", {
+              p[14] || (p[14] = n("p", { class: "font-bold" }, "End Time", -1)),
+              q.value ? z((a(), l("input", {
                 key: 0,
                 type: "time",
                 class: "input-bordered w-full input",
-                "onUpdate:modelValue": c[8] || (c[8] = (i) => p.value.end = i),
-                onChange: P
+                "onUpdate:modelValue": p[8] || (p[8] = (r) => c.value.end = r),
+                onChange: V
               }, null, 544)), [
-                [te, p.value.end]
+                [ne, c.value.end]
               ]) : (a(), l("div", Yt, [
-                U(n("select", {
+                z(n("select", {
                   class: "w-full select-bordered select",
-                  "onUpdate:modelValue": c[9] || (c[9] = (i) => m.value.end = i),
-                  onChange: P
+                  "onUpdate:modelValue": p[9] || (p[9] = (r) => m.value.end = r),
+                  onChange: V
                 }, [
-                  (a(!0), l(_, null, C(z(R), (i) => (a(), l("option", {
-                    key: i,
-                    value: i
-                  }, $(i.toString().padStart(2, "0")), 9, Jt))), 128))
+                  (a(!0), l($, null, C(U(R), (r) => (a(), l("option", {
+                    key: r,
+                    value: r
+                  }, S(r.toString().padStart(2, "0")), 9, Jt))), 128))
                 ], 544), [
                   [
-                    F,
+                    E,
                     m.value.end,
                     void 0,
                     { number: !0 }
                   ]
                 ]),
-                U(n("select", {
+                z(n("select", {
                   class: "w-full select-bordered select",
-                  "onUpdate:modelValue": c[10] || (c[10] = (i) => b.value.end = i),
-                  onChange: P
+                  "onUpdate:modelValue": p[10] || (p[10] = (r) => y.value.end = r),
+                  onChange: V
                 }, [
-                  (a(!0), l(_, null, C(z(Y), (i) => (a(), l("option", {
-                    key: i,
-                    value: i
-                  }, $(i.toString().padStart(2, "0")), 9, Gt))), 128))
+                  (a(!0), l($, null, C(U(L), (r) => (a(), l("option", {
+                    key: r,
+                    value: r
+                  }, S(r.toString().padStart(2, "0")), 9, Gt))), 128))
                 ], 544), [
                   [
-                    F,
-                    b.value.end,
+                    E,
+                    y.value.end,
                     void 0,
                     { number: !0 }
                   ]
                 ])
               ]))
             ])
-          ])) : (a(), l("div", jt, [
-            q.value ? U((a(), l("input", {
+          ])) : (a(), l("div", Nt, [
+            q.value ? z((a(), l("input", {
               key: 0,
               type: "time",
               class: "input-bordered w-full input",
-              "onUpdate:modelValue": c[2] || (c[2] = (i) => p.value = i),
-              onChange: P
+              "onUpdate:modelValue": p[2] || (p[2] = (r) => c.value = r),
+              onChange: V
             }, null, 544)), [
-              [te, p.value]
-            ]) : (a(), l("div", Nt, [
-              U(n("select", {
+              [ne, c.value]
+            ]) : (a(), l("div", Rt, [
+              z(n("select", {
                 class: "w-full select-bordered select",
-                "onUpdate:modelValue": c[3] || (c[3] = (i) => m.value = i),
-                onChange: P
+                "onUpdate:modelValue": p[3] || (p[3] = (r) => m.value = r),
+                onChange: V
               }, [
-                (a(!0), l(_, null, C(z(R), (i) => (a(), l("option", {
-                  key: i,
-                  value: i
-                }, $(i.toString().padStart(2, "0")), 9, Rt))), 128))
+                (a(!0), l($, null, C(U(R), (r) => (a(), l("option", {
+                  key: r,
+                  value: r
+                }, S(r.toString().padStart(2, "0")), 9, Lt))), 128))
               ], 544), [
                 [
-                  F,
+                  E,
                   m.value,
                   void 0,
                   { number: !0 }
                 ]
               ]),
-              U(n("select", {
+              z(n("select", {
                 class: "w-full select-bordered select",
-                "onUpdate:modelValue": c[4] || (c[4] = (i) => b.value = i),
-                onChange: P
+                "onUpdate:modelValue": p[4] || (p[4] = (r) => y.value = r),
+                onChange: V
               }, [
-                (a(!0), l(_, null, C(z(Y), (i) => (a(), l("option", {
-                  key: i,
-                  value: i
-                }, $(i.toString().padStart(2, "0")), 9, Ft))), 128))
+                (a(!0), l($, null, C(U(L), (r) => (a(), l("option", {
+                  key: r,
+                  value: r
+                }, S(r.toString().padStart(2, "0")), 9, Ft))), 128))
               ], 544), [
                 [
-                  F,
-                  b.value,
+                  E,
+                  y.value,
                   void 0,
                   { number: !0 }
                 ]
@@ -1189,22 +1198,22 @@ const Ye = ne("SunIcon", [
         ])) : T("", !0),
         n("div", Kt, [
           n("button", {
-            class: x(["btn btn-secondary", u.popup ? "w-fit" : "w-full"]),
+            class: _(["btn btn-secondary", i.popup ? "w-fit" : "w-full"]),
             onClick: ke
           }, "Clear", 2),
-          u.popup ? (a(), l("button", {
+          i.popup ? (a(), l("button", {
             key: 0,
             class: "btn btn-primary btn-wide",
-            onClick: ie
+            onClick: ue
           }, "Close")) : T("", !0)
         ])
-      ], 10, Bt)) : T("", !0)
+      ], 10, Ot)) : T("", !0)
     ], 512));
   }
 }, Zt = /* @__PURE__ */ G(Xt, [["__scopeId", "data-v-488ecabe"]]), Qt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: Zt
-}, Symbol.toStringTag, { value: "Module" })), en = ["value", "checked", "onChange", "disabled"], Yn = /* @__PURE__ */ V({
+}, Symbol.toStringTag, { value: "Module" })), en = ["value", "checked", "onChange", "disabled"], Yn = /* @__PURE__ */ B({
   __name: "rating",
   props: {
     initialRating: { default: 0 },
@@ -1213,41 +1222,41 @@ const Ye = ne("SunIcon", [
     isInteractive: { type: Boolean, default: !1 },
     size: { default: "sm" }
   },
-  setup(u) {
-    const o = u, e = S(o.initialRating);
-    j(
-      () => o.initialRating,
-      (r) => {
-        e.value = r;
+  setup(i) {
+    const d = i, e = x(d.initialRating);
+    N(
+      () => d.initialRating,
+      (o) => {
+        e.value = o;
       }
     );
-    const t = (r) => {
-      e.value = r;
+    const t = (o) => {
+      e.value = o;
     };
-    return (r, s) => (a(), l("div", {
-      class: x(["rating", [
-        `rating-${o.size}`,
-        { "rating-half": r.halfStars }
+    return (o, s) => (a(), l("div", {
+      class: _(["rating", [
+        `rating-${d.size}`,
+        { "rating-half": o.halfStars }
       ]])
     }, [
-      (a(!0), l(_, null, C(r.numberOfStars * (r.halfStars ? 2 : 1), (p) => (a(), l("input", {
-        key: p,
+      (a(!0), l($, null, C(o.numberOfStars * (o.halfStars ? 2 : 1), (c) => (a(), l("input", {
+        key: c,
         type: "radio",
-        value: r.halfStars ? p * 0.5 : p,
-        checked: e.value === (r.halfStars ? p * 0.5 : p),
-        onChange: (h) => r.isInteractive ? t(r.halfStars ? p * 0.5 : p) : null,
-        class: x(["mask mask-star", {
-          "bg-yellow-400": e.value >= (r.halfStars ? p * 0.5 : p),
-          "mask-half-1": r.halfStars && p % 2 !== 0,
-          "mask-half-2": r.halfStars && p % 2 === 0,
-          "cursor-pointer": r.isInteractive,
-          "cursor-default": !r.isInteractive
+        value: o.halfStars ? c * 0.5 : c,
+        checked: e.value === (o.halfStars ? c * 0.5 : c),
+        onChange: (h) => o.isInteractive ? t(o.halfStars ? c * 0.5 : c) : null,
+        class: _(["mask mask-star", {
+          "bg-yellow-400": e.value >= (o.halfStars ? c * 0.5 : c),
+          "mask-half-1": o.halfStars && c % 2 !== 0,
+          "mask-half-2": o.halfStars && c % 2 === 0,
+          "cursor-pointer": o.isInteractive,
+          "cursor-default": !o.isInteractive
         }]),
-        disabled: !r.isInteractive
+        disabled: !o.isInteractive
       }, null, 42, en))), 128))
     ], 2));
   }
-}), tn = { class: "badge" }, nn = ["onClick"], an = { class: "opacity-75" }, ln = ["placeholder"], Jn = /* @__PURE__ */ V({
+}), tn = { class: "badge" }, nn = ["onClick"], an = { class: "opacity-75" }, ln = ["placeholder"], Jn = /* @__PURE__ */ B({
   __name: "taginput",
   props: {
     modelValue: {},
@@ -1256,53 +1265,53 @@ const Ye = ne("SunIcon", [
     class: {}
   },
   emits: ["update:modelValue"],
-  setup(u, { emit: o }) {
-    const e = u, t = o, r = S([...e.modelValue]), s = e.maxTagAmount === void 0 ? -1 : e.maxTagAmount, p = S(null), h = S(""), v = B(() => s < 0 || r.value.length < s), m = () => {
+  setup(i, { emit: d }) {
+    const e = i, t = d, o = x([...e.modelValue]), s = e.maxTagAmount === void 0 ? -1 : e.maxTagAmount, c = x(null), h = x(""), v = O(() => s < 0 || o.value.length < s), m = () => {
       const M = h.value.trim();
-      M && !r.value.includes(M) && (r.value.push(M), t("update:modelValue", r.value), h.value = "");
-    }, b = (M) => {
-      r.value = r.value.filter((f) => f !== M), t("update:modelValue", r.value);
-    }, L = () => {
-      h.value === "" && (r.value.pop(), t("update:modelValue", r.value));
-    }, E = (M) => {
-      M.key === "Enter" ? m() : M.key === "Backspace" && h.value === "" && L();
+      M && !o.value.includes(M) && (o.value.push(M), t("update:modelValue", o.value), h.value = "");
+    }, y = (M) => {
+      o.value = o.value.filter((f) => f !== M), t("update:modelValue", o.value);
+    }, j = () => {
+      h.value === "" && (o.value.pop(), t("update:modelValue", o.value));
+    }, H = (M) => {
+      M.key === "Enter" ? m() : M.key === "Backspace" && h.value === "" && j();
     };
-    return j(() => e.modelValue, (M) => {
-      r.value = [...M];
+    return N(() => e.modelValue, (M) => {
+      o.value = [...M];
     }), (M, f) => (a(), l("div", {
-      class: x(["flex flex-wrap gap-2 bg-base-100 shadow px-4 py-6 border border-base-content/20 rounded", M.$props.class])
+      class: _(["flex flex-wrap gap-2 bg-base-100 shadow px-4 py-6 border border-base-content/20 rounded", M.$props.class])
     }, [
-      (a(!0), l(_, null, C(r.value, (g) => w(M.$slots, "tag", {
-        key: g,
-        tag: g
+      (a(!0), l($, null, C(o.value, (b) => k(M.$slots, "tag", {
+        key: b,
+        tag: b
       }, () => [
         n("div", tn, [
           n("button", {
             class: "!px-1 !py-0 h-fit font-bold cursor-pointer",
-            onClick: (k) => b(g),
+            onClick: (g) => y(b),
             "aria-label": "Remove tag"
           }, "X", 8, nn),
-          n("span", an, $(g), 1)
+          n("span", an, S(b), 1)
         ])
       ])), 128)),
-      w(M.$slots, "input", { showInput: v.value }, () => [
-        v.value ? U((a(), l("input", {
+      k(M.$slots, "input", { showInput: v.value }, () => [
+        v.value ? z((a(), l("input", {
           key: 0,
           ref_key: "inputRef",
-          ref: p,
-          "onUpdate:modelValue": f[0] || (f[0] = (g) => h.value = g),
+          ref: c,
+          "onUpdate:modelValue": f[0] || (f[0] = (b) => h.value = b),
           type: "text",
           placeholder: M.placeholder || "Type here",
           class: "h-full input input-ghost",
-          onKeydown: E,
+          onKeydown: H,
           "aria-label": "Add tags"
         }, null, 40, ln)), [
-          [te, h.value]
+          [ne, h.value]
         ]) : T("", !0)
       ])
     ], 2));
   }
-}), Gn = /* @__PURE__ */ V({
+}), Gn = /* @__PURE__ */ B({
   __name: "loader",
   props: {
     loading: { type: Boolean, default: !0 },
@@ -1310,16 +1319,16 @@ const Ye = ne("SunIcon", [
     type: { default: "spinner" },
     color: { default: "primary" }
   },
-  setup(u) {
-    const o = u, e = S(o.loading);
-    return j(
-      () => o.loading,
+  setup(i) {
+    const d = i, e = x(d.loading);
+    return N(
+      () => d.loading,
       (t) => {
         e.value = t;
       }
-    ), (t, r) => e.value ? (a(), l("span", {
+    ), (t, o) => e.value ? (a(), l("span", {
       key: 0,
-      class: x(["loading", [
+      class: _(["loading", [
         { "loading-xs": t.size === "xs" },
         { "loading-sm": t.size === "sm" },
         { "loading-md": t.size === "md" },
@@ -1350,7 +1359,7 @@ const Ye = ne("SunIcon", [
 }, dn = { class: "border-b-2 border-base-100 last:border-b-0 w-full" }, cn = {
   tabindex: "0",
   class: "collapse collapse-plus w-full"
-}, pn = { class: "collapse-title font-bold text-lg collapsible-footer-title" }, fn = { class: "collapse-content flex w-full text-sm" }, mn = { class: "flex flex-col gap-2.5" }, vn = { class: "w-full" }, gn = ["href"], hn = { class: "w-full" }, Kn = /* @__PURE__ */ V({
+}, pn = { class: "collapse-title font-bold text-lg collapsible-footer-title" }, fn = { class: "collapse-content flex w-full text-sm" }, mn = { class: "flex flex-col gap-2.5" }, vn = { class: "w-full" }, gn = ["href"], hn = { class: "w-full" }, Kn = /* @__PURE__ */ B({
   __name: "footer",
   props: {
     items: {},
@@ -1358,32 +1367,32 @@ const Ye = ne("SunIcon", [
     color: {},
     collapseOnMobile: { type: Boolean, default: !1 }
   },
-  setup(u) {
-    const o = u;
+  setup(i) {
+    const d = i;
     return (e, t) => (a(), l("div", {
-      class: x(["mx-auto md:px-10 py-10 text-base-content", [e.background ?? "bg-base-200", e.color ?? "text-base-content"]])
+      class: _(["mx-auto md:px-10 py-10 text-base-content", [e.background ?? "bg-base-200", e.color ?? "text-base-content"]])
     }, [
       n("footer", on, [
-        (a(!0), l(_, null, C(o.items, (r) => (a(), l("nav", {
-          class: x([{ "hidden sm:grid": e.collapseOnMobile }])
+        (a(!0), l($, null, C(d.items, (o) => (a(), l("nav", {
+          class: _([{ "hidden sm:grid": e.collapseOnMobile }])
         }, [
-          n("h6", sn, $(r.title), 1),
-          (a(!0), l(_, null, C(r.items, (s) => (a(), l("a", {
+          n("h6", sn, S(o.title), 1),
+          (a(!0), l($, null, C(o.items, (s) => (a(), l("a", {
             class: "link link-hover",
             href: s.link
-          }, $(s.text), 9, rn))), 256))
+          }, S(s.text), 9, rn))), 256))
         ], 2))), 256)),
         e.collapseOnMobile ? (a(), l("nav", un, [
-          (a(!0), l(_, null, C(o.items, (r) => (a(), l("ul", dn, [
+          (a(!0), l($, null, C(d.items, (o) => (a(), l("ul", dn, [
             n("div", cn, [
-              n("div", pn, $(r.title), 1),
+              n("div", pn, S(o.title), 1),
               n("div", fn, [
                 n("ul", mn, [
-                  (a(!0), l(_, null, C(r.items, (s) => (a(), l("li", vn, [
+                  (a(!0), l($, null, C(o.items, (s) => (a(), l("li", vn, [
                     n("a", {
                       class: "w-full font-medium link link-hover",
                       href: s.link
-                    }, $(s.text), 9, gn)
+                    }, S(s.text), 9, gn)
                   ]))), 256))
                 ])
               ])
@@ -1391,86 +1400,86 @@ const Ye = ne("SunIcon", [
           ]))), 256))
         ])) : T("", !0),
         n("aside", hn, [
-          w(e.$slots, "default")
+          k(e.$slots, "default")
         ])
       ])
     ], 2));
   }
 }), bn = {}, yn = { class: "min-h-40 container hero" }, wn = { class: "px-0! text-center hero-content" }, kn = { class: "mt-9 text-4xl" };
-function _n(u, o) {
+function $n(i, d) {
   return a(), l("div", yn, [
     n("div", wn, [
       n("div", null, [
         n("h1", kn, [
-          w(u.$slots, "title", {}, () => [
-            o[0] || (o[0] = se("hero title"))
+          k(i.$slots, "title", {}, () => [
+            d[0] || (d[0] = re("hero title"))
           ])
         ]),
         n("p", null, [
-          w(u.$slots, "description", { class: "py-9" })
+          k(i.$slots, "description", { class: "py-9" })
         ]),
-        w(u.$slots, "call-to-action-block", { class: "max-w-full" }, () => [
-          o[1] || (o[1] = n("button", { class: "btn btn-primary" }, "Call to action", -1))
+        k(i.$slots, "call-to-action-block", { class: "max-w-full" }, () => [
+          d[1] || (d[1] = n("button", { class: "btn btn-primary" }, "Call to action", -1))
         ])
       ])
     ])
   ]);
 }
-const Xn = /* @__PURE__ */ G(bn, [["render", _n]]), $n = { class: "flex flex-row place-content-center gap-4 categories" }, Sn = ["onClick"], Zn = /* @__PURE__ */ V({
+const Xn = /* @__PURE__ */ G(bn, [["render", $n]]), _n = { class: "flex flex-row place-content-center gap-4 categories" }, Sn = ["onClick"], Zn = /* @__PURE__ */ B({
   __name: "categoryNavigation",
   props: {
     searchOptions: {},
     currentCategory: {}
   },
   emits: ["update:currentCategory"],
-  setup(u, { emit: o }) {
-    const e = u, t = o;
-    function r(s) {
+  setup(i, { emit: d }) {
+    const e = i, t = d;
+    function o(s) {
       t("update:currentCategory", s);
     }
-    return (s, p) => (a(), l("div", $n, [
-      (a(!0), l(_, null, C(e.searchOptions, (h) => (a(), l("div", {
+    return (s, c) => (a(), l("div", _n, [
+      (a(!0), l($, null, C(e.searchOptions, (h) => (a(), l("div", {
         key: h.category
       }, [
         n("button", {
-          onClick: (v) => r(h.category),
-          class: x(["truncate btn btn-ghost", { "font-semibold": e.currentCategory === h.category }])
-        }, $(h.category), 11, Sn)
+          onClick: (v) => o(h.category),
+          class: _(["truncate btn btn-ghost", { "font-semibold": e.currentCategory === h.category }])
+        }, S(h.category), 11, Sn)
       ]))), 128))
     ]));
   }
-}), xn = { class: "md:flex hidden navbar-start" }, Cn = { class: "md:flex justify-center items-center hidden navbar-center" }, Dn = { class: "md:flex hidden navbar-end" }, Mn = { class: "navbar-bottom md:flex hidden" }, Tn = /* @__PURE__ */ V({
+}), xn = { class: "md:flex hidden navbar-start" }, Cn = { class: "md:flex justify-center items-center hidden navbar-center" }, Dn = { class: "md:flex hidden navbar-end" }, Tn = { class: "navbar-bottom md:flex hidden" }, Mn = /* @__PURE__ */ B({
   __name: "navigationBar",
   props: {
     isCollapsed: { type: Boolean, default: !0 }
   },
-  setup(u) {
-    const o = u;
+  setup(i) {
+    const d = i;
     return (e, t) => (a(), l("nav", {
-      class: x(["place-items-start border-primary bg-base-100 px-5 py-5 border-b-4 transition-all navbar navigationbar", o.isCollapsed ? "collapsed" : ""])
+      class: _(["place-items-start border-primary bg-base-100 px-5 py-5 border-b-4 transition-all navbar navigationbar", d.isCollapsed ? "collapsed" : ""])
     }, [
       n("div", xn, [
-        w(e.$slots, "start", {}, void 0, !0)
+        k(e.$slots, "start", {}, void 0, !0)
       ]),
       n("div", Cn, [
-        w(e.$slots, "center", {}, void 0, !0)
+        k(e.$slots, "center", {}, void 0, !0)
       ]),
       n("div", Dn, [
-        w(e.$slots, "end", {}, void 0, !0)
+        k(e.$slots, "end", {}, void 0, !0)
       ]),
-      n("div", Mn, [
-        w(e.$slots, "bottom", {}, void 0, !0)
+      n("div", Tn, [
+        k(e.$slots, "bottom", {}, void 0, !0)
       ])
     ], 2));
   }
-}), Qn = /* @__PURE__ */ G(Tn, [["__scopeId", "data-v-8ddb2b45"]]), In = {
+}), Qn = /* @__PURE__ */ G(Mn, [["__scopeId", "data-v-8ddb2b45"]]), In = {
   key: 0,
   class: "hidden top-4 right-0 absolute md:flex gap-4"
-}, Bn = ["onClick", "aria-selected"], Vn = {
+}, On = ["onClick", "aria-selected"], Bn = {
   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"
-}, Pn = { class: "p-6 border-x-0 border-t-2 border-b-0 border-base-300 max-w-full" }, ea = /* @__PURE__ */ V({
+}, Vn = { class: "p-6 border-x-0 border-t-2 border-b-0 border-base-300 max-w-full" }, ea = /* @__PURE__ */ B({
   __name: "tab",
   props: {
     items: {},
@@ -1479,12 +1488,12 @@ const Xn = /* @__PURE__ */ G(bn, [["render", _n]]), $n = { class: "flex flex-row
     buttonOnlyMode: { type: Boolean, default: !1 }
   },
   emits: ["tab-changed"],
-  setup(u, { emit: o }) {
-    const e = u, t = S(e.items[0]), r = o;
+  setup(i, { emit: d }) {
+    const e = i, t = x(e.items[0]), o = d;
     function s(v) {
-      t.value = v, r("tab-changed", v);
+      t.value = v, o("tab-changed", v);
     }
-    function p() {
+    function c() {
       const m = (e.items.indexOf(t.value) + 1) % e.items.length;
       s(e.items[m]);
     }
@@ -1492,66 +1501,66 @@ const Xn = /* @__PURE__ */ G(bn, [["render", _n]]), $n = { class: "flex flex-row
       const m = (e.items.indexOf(t.value) - 1 + e.items.length) % e.items.length;
       s(e.items[m]);
     }
-    return H(() => {
+    return Y(() => {
       e.items && s(e.items[0]);
-    }), ge(() => {
+    }), he(() => {
       e.rotateTabsAfter && e.rotateTabsAfter > 0 && setInterval(() => {
-        p();
+        c();
       }, e.rotateTabsAfter * 1e3);
-    }), (v, m) => (a(), l(_, null, [
+    }), (v, m) => (a(), l($, null, [
       n("div", {
         role: "tablist",
-        class: x(["relative tabs-bordered w-full tabs tabs-lg", { "flex-nowrap overflow-x-auto": v.buttonOnlyMode }])
+        class: _(["relative tabs-bordered w-full tabs tabs-lg", { "flex-nowrap overflow-x-auto": v.buttonOnlyMode }])
       }, [
         v.withControlls ? (a(), l("div", In, [
           n("button", {
-            onClick: m[0] || (m[0] = (b) => h()),
+            onClick: m[0] || (m[0] = (y) => h()),
             class: "cursor-pointer"
           }, "Previous"),
           n("button", {
-            onClick: m[1] || (m[1] = (b) => p()),
+            onClick: m[1] || (m[1] = (y) => c()),
             class: "text-primary cursor-pointer"
           }, "Next")
         ])) : T("", !0),
-        (a(!0), l(_, null, C(v.items, (b) => (a(), l(_, null, [
+        (a(!0), l($, null, C(v.items, (y) => (a(), l($, null, [
           n("a", {
             type: "button",
             role: "tab",
-            class: x(["min-w-max tab", b === t.value ? "bg-primary text-base-100" : ""]),
-            onClick: (L) => s(b),
-            "aria-selected": t.value == b
-          }, $(b), 11, Bn),
-          v.buttonOnlyMode ? T("", !0) : (a(), l("div", Vn, [
-            w(v.$slots, `${b}-tab`)
+            class: _(["min-w-max tab", y === t.value ? "bg-primary text-base-100" : ""]),
+            onClick: (j) => s(y),
+            "aria-selected": t.value == y
+          }, S(y), 11, On),
+          v.buttonOnlyMode ? T("", !0) : (a(), l("div", Bn, [
+            k(v.$slots, `${y}-tab`)
           ]))
         ], 64))), 256))
       ], 2),
-      n("div", Pn, [
-        w(v.$slots, "default")
+      n("div", Vn, [
+        k(v.$slots, "default")
       ])
     ], 64));
   }
 });
 export {
-  Nn as Accordion,
-  Hn as AdvancedSearch,
-  Rn as Avatar,
+  Rn as Accordion,
+  Wn as AdvancedSearch,
+  Ln as Avatar,
   Fn as Badge,
   An as ButtonComponent,
   En as Card,
-  qn as Carousel,
-  Wn as CarouselItem,
+  Hn as Carousel,
+  qn as CarouselItem,
   Zn as CategoryNavigation,
   Zt as DatetimePicker,
-  Un as Dropdown,
+  zn as Dropdown,
   Kn as Footer,
   Xn as Hero,
   Gn as Loader,
-  zn as Modal,
+  Un as Modal,
   Qn as NavigationBar,
   Yn as Rating,
-  Ln as Swap,
+  jn as Swap,
   ea as Tab,
   Jn as TagInput,
-  jn as ThemeController
+  Nn as ThemeController
 };