manolis-ui 0.0.1 → 0.0.2

package/dist/manolis-ui.js

@@ -1,8 +1,8 @@
-import { defineComponent as M, computed as C, openBlock as n, createElementBlock as a, normalizeClass as $, createCommentVNode as S, renderSlot as w, createTextVNode as ne, createElementVNode as t, Fragment as y, renderList as _, toDisplayString as h, ref as k, h as te, onMounted as F, watch as E, withDirectives as U, isRef as Te, vModelCheckbox as Me, unref as V, createVNode as X, defineAsyncComponent as Be, onBeforeUnmount as Ie, normalizeStyle as Oe, createBlock as re, resolveDynamicComponent as ie, mergeProps as ue, nextTick as de, onUnmounted as pe, vModelSelect as j, vModelText as ee } from "vue";
+import { defineComponent as M, computed as S, openBlock as n, createElementBlock as a, normalizeClass as $, createCommentVNode as x, renderSlot as w, createTextVNode as ne, createElementVNode as t, Fragment as y, renderList as _, toDisplayString as h, ref as k, h as te, onMounted as F, watch as E, withDirectives as U, isRef as Te, vModelCheckbox as Me, unref as V, createVNode as X, defineAsyncComponent as Be, onBeforeUnmount as Ie, normalizeStyle as Oe, createBlock as re, resolveDynamicComponent as ie, mergeProps as ue, nextTick as de, onUnmounted as pe, vModelSelect as j, vModelText as ee } from "vue";
 const Ue = {
   key: 0,
   class: "loading loading-spinner"
-}, bn = /* @__PURE__ */ M({
+}, fn = /* @__PURE__ */ M({
   __name: "ButtonComponent",
   props: {
     outlined: { type: Boolean, default: !1 },
@@ -13,7 +13,7 @@ const Ue = {
     shape: {}
   },
   setup(d) {
-    const u = d, e = C(() => {
+    const u = d, e = S(() => {
       switch (u.size) {
         case "large":
           return "btn-lg";
@@ -28,7 +28,7 @@ const Ue = {
         default:
           return "";
       }
-    }), s = C(() => {
+    }), s = S(() => {
       switch (u.type) {
         case "neutral":
           return "btn-neutral";
@@ -53,7 +53,7 @@ const Ue = {
         default:
           return "btn-neutral";
       }
-    }), i = C(() => {
+    }), i = S(() => {
       switch (u.shape) {
         case "square":
           return "btn-square";
@@ -66,7 +66,7 @@ const Ue = {
     return (l, p) => (n(), a("button", {
       class: $(["btn", { "btn-outline": u.outlined }, { "btn-active": u.active }, s.value, e.value, i.value])
     }, [
-      l.loading ? (n(), a("span", Ue)) : S("", !0),
+      l.loading ? (n(), a("span", Ue)) : x("", !0),
       w(l.$slots, "default", {}, () => [
         p[0] || (p[0] = ne("Submit"))
       ])
@@ -75,7 +75,7 @@ const Ue = {
 }), Ve = {
   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"
-}, Ae = ["href"], hn = /* @__PURE__ */ M({
+}, Ae = ["href"], gn = /* @__PURE__ */ M({
   __name: "dropdown",
   props: {
     items: {},
@@ -113,7 +113,7 @@ const Ue = {
       ])
     ], 2));
   }
-}), Pe = { class: "modal-box" }, je = { class: "modal-action" }, yn = /* @__PURE__ */ M({
+}), Pe = { class: "modal-box" }, je = { class: "modal-action" }, bn = /* @__PURE__ */ M({
   __name: "modal",
   props: {
     position: { default: "center" },
@@ -163,7 +163,7 @@ const Ue = {
       ], 2)
     ], 64));
   }
-}), Ne = { class: "swap-on" }, ze = { class: "swap-off" }, wn = /* @__PURE__ */ M({
+}), ze = { class: "swap-on" }, Ne = { class: "swap-off" }, hn = /* @__PURE__ */ M({
   __name: "swap",
   props: {
     effect: {}
@@ -174,10 +174,10 @@ const Ue = {
       class: $(["swap", u.effect ? `swap-${e.effect}` : ""])
     }, [
       s[0] || (s[0] = t("input", { type: "checkbox" }, null, -1)),
-      t("div", Ne, [
+      t("div", ze, [
         w(e.$slots, "on")
       ]),
-      t("div", ze, [
+      t("div", Ne, [
         w(e.$slots, "off")
       ])
     ], 2));
@@ -213,7 +213,7 @@ var W = {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Le = ({ size: d, strokeWidth: u = 2, absoluteStrokeWidth: e, color: s, iconNode: i, name: l, class: p, ...b }, { slots: v }) => te(
+const Le = ({ size: d, strokeWidth: u = 2, absoluteStrokeWidth: e, color: s, iconNode: i, name: l, class: p, ...b }, { slots: f }) => te(
   "svg",
   {
     ...W,
@@ -224,7 +224,7 @@ const Le = ({ size: d, strokeWidth: u = 2, absoluteStrokeWidth: e, color: s, ico
     class: ["lucide", `lucide-${Ee(l ?? "icon")}`],
     ...b
   },
-  [...i.map((m) => te(...m)), ...v.default ? [v.default()] : []]
+  [...i.map((m) => te(...m)), ...f.default ? [f.default()] : []]
 );
 /**
  * @license lucide-vue-next v0.468.0 - ISC
@@ -286,7 +286,7 @@ const Fe = ae("SunIcon", [
   }), E(e, (s) => {
     typeof window < "u" && window.localStorage.setItem(d, JSON.stringify(s));
   }), e;
-}, qe = { class: "swap-rotate swap" }, Ye = ["true-value", "false-value"], _n = /* @__PURE__ */ M({
+}, qe = { class: "swap-rotate swap" }, Ye = ["true-value", "false-value"], yn = /* @__PURE__ */ M({
   __name: "theme-controller",
   props: {
     lightTheme: { default: "light" },
@@ -313,7 +313,7 @@ const Fe = ae("SunIcon", [
       X(V(Re), { class: "swap-on fill-current" })
     ]));
   }
-}), Je = ["name"], We = { class: "collapse-title text-xl font-medium" }, Xe = { class: "collapse-content" }, Ze = ["innerHTML"], kn = /* @__PURE__ */ M({
+}), Je = ["name"], We = { class: "collapse-title text-xl font-medium" }, Xe = { class: "collapse-content" }, Ze = ["innerHTML"], wn = /* @__PURE__ */ M({
   __name: "accordion",
   props: {
     name: {},
@@ -346,7 +346,7 @@ const Fe = ae("SunIcon", [
 }, Ge = ["src"], Qe = {
   key: 1,
   class: "bg-neutral text-neutral-content w-16 rounded-full flex justify-center p-[25%] text-center"
-}, et = { class: "text-xl" }, $n = /* @__PURE__ */ M({
+}, et = { class: "text-xl" }, _n = /* @__PURE__ */ M({
   __name: "avatar",
   props: {
     image: {},
@@ -373,7 +373,7 @@ const Fe = ae("SunIcon", [
       ]))
     ], 2));
   }
-}), xn = /* @__PURE__ */ M({
+}), kn = /* @__PURE__ */ M({
   __name: "badge",
   props: {
     color: { default: "neutral" },
@@ -418,7 +418,7 @@ const Fe = ae("SunIcon", [
 }, lt = { class: "flex-col flex-nowrap mt-auto card-actions" }, rt = {
   key: 1,
   class: "card-body"
-}, Cn = /* @__PURE__ */ M({
+}, $n = /* @__PURE__ */ M({
   __name: "card",
   props: {
     imgUrl: { default: "" },
@@ -447,13 +447,13 @@ const Fe = ae("SunIcon", [
           class: $(["rounded-sm w-full h-44 object-cover", {
             hidden: s.loading
           }])
-        }, null, 10, tt)) : S("", !0),
-        s.loading && s.imgUrl ? (n(), a("div", nt)) : S("", !0)
+        }, null, 10, tt)) : x("", !0),
+        s.loading && s.imgUrl ? (n(), a("div", nt)) : x("", !0)
       ]),
-      s.loading ? S("", !0) : (n(), a("div", at, [
-        s.title ? (n(), a("h2", ot, h(s.title), 1)) : S("", !0),
+      s.loading ? x("", !0) : (n(), a("div", at, [
+        s.title ? (n(), a("h2", ot, h(s.title), 1)) : x("", !0),
         w(s.$slots, "details"),
-        s.description ? (n(), a("p", st, h(s.description), 1)) : S("", !0),
+        s.description ? (n(), a("p", st, h(s.description), 1)) : x("", !0),
         t("div", lt, [
           w(s.$slots, "actions")
         ])
@@ -464,13 +464,13 @@ const Fe = ae("SunIcon", [
           t("div", { class: "w-full h-4 skeleton" }),
           t("div", { class: "w-full h-4 skeleton" })
         ], -1)
-      ]))) : S("", !0)
+      ]))) : x("", !0)
     ], 2));
   }
 }), it = { class: "flex gap-4 bg-base-100 w-full tabs tabs-boxed" }, ut = ["onClick"], dt = { class: "text-sm" }, ct = { class: "md:block hidden opacity-35 text-xs truncate overflow-hidden ..." }, pt = { class: "hidden" }, mt = {
   id: "advancedSearchMobile",
   class: "modal"
-}, ft = { class: "modal-box" }, vt = { class: "font-bold text-lg" }, gt = ["checked"], bt = { class: "flex justify-between items-center pr-4 w-full font-medium text-xl collapse-title" }, ht = { class: "text-sm" }, yt = { class: "flex place-content-center p-0 collapse-content" }, wt = /* @__PURE__ */ M({
+}, vt = { class: "modal-box" }, ft = { class: "font-bold text-lg" }, gt = ["checked"], bt = { class: "flex justify-between items-center pr-4 w-full font-medium text-xl collapse-title" }, ht = { class: "text-sm" }, yt = { class: "flex place-content-center p-0 collapse-content" }, wt = /* @__PURE__ */ M({
   __name: "advancedSearch",
   props: {
     searchOptions: {},
@@ -480,42 +480,42 @@ const Fe = ae("SunIcon", [
   setup(d, { emit: u }) {
     const e = d, s = u, i = k(null), l = {
       datetime: Be(() => Promise.resolve().then(() => Ht))
-    }, p = k({}), b = k({ left: "0px", top: "0px", transform: "translateX(0%)" }), v = k(null);
-    function m(x, I) {
+    }, p = k({}), b = k({ left: "0px", top: "0px", transform: "translateX(0%)" }), f = k(null);
+    function m(C, I) {
       var B, O, g;
       if ((B = i.value) != null && B.name) {
         s("update:search-data", {
           tab: i.value.name,
-          data: x
+          data: C
         });
         return;
       }
       if (e.searchOptions) {
         let D = (g = (O = e.searchOptions) == null ? void 0 : O.find((A) => (A == null ? void 0 : A.category) === e.currentCategory)) == null ? void 0 : g.tabs[I];
-        D !== void 0 && (D.value = x, s("update:search-data", {
+        D !== void 0 && (D.value = C, s("update:search-data", {
           tab: D == null ? void 0 : D.name,
           data: D == null ? void 0 : D.value
         }));
       }
     }
-    function f() {
+    function v() {
       s("search");
     }
-    async function N(x) {
-      v.value && !v.value.contains(x.target) && (await de(), i.value = null);
+    async function z(C) {
+      f.value && !f.value.contains(C.target) && (await de(), i.value = null);
     }
     async function Z() {
       if (typeof window < "u" && window.innerWidth <= 768) {
-        const x = document.getElementById("advancedSearchMobile");
-        x ? x.showModal() : console.warn("Modal element not found.");
+        const C = document.getElementById("advancedSearchMobile");
+        C ? C.showModal() : console.warn("Modal element not found.");
       }
     }
-    async function K(x) {
+    async function K(C) {
       var B;
-      i.value = x, await de();
-      const I = p.value[x.name];
+      i.value = C, await de();
+      const I = p.value[C.name];
       if (I) {
-        const O = I.getBoundingClientRect(), g = ((B = v.value) == null ? void 0 : B.getBoundingClientRect()) || { left: 0, top: 0 };
+        const O = I.getBoundingClientRect(), g = ((B = f.value) == null ? void 0 : B.getBoundingClientRect()) || { left: 0, top: 0 };
         window.innerWidth > 768 ? b.value = {
           left: `${O.left + O.width / 2 - g.left}px`,
           top: `${O.bottom - g.top}px`,
@@ -527,18 +527,18 @@ const Fe = ae("SunIcon", [
           // Center the popup horizontally on mobile
         };
       } else
-        console.error("Tab element not found for:", x.name);
+        console.error("Tab element not found for:", C.name);
     }
     return F(() => {
-      document.addEventListener("click", N);
+      document.addEventListener("click", z);
     }), Ie(() => {
-      document.removeEventListener("click", N);
-    }), (x, I) => {
+      document.removeEventListener("click", z);
+    }), (C, I) => {
       var B, O;
       return n(), a(y, null, [
         t("div", {
           ref_key: "searchContainer",
-          ref: v,
+          ref: f,
           class: "w-full"
         }, [
           t("div", {
@@ -566,12 +566,12 @@ const Fe = ae("SunIcon", [
               style: Oe(b.value)
             }, [
               (n(), re(ie(l[i.value.type]), ue(i.value.props ? i.value.props : null, { onUpdated: m }), null, 16))
-            ], 4)) : S("", !0),
+            ], 4)) : x("", !0),
             t("button", {
               title: "search",
               type: "submit",
               class: "ml-1 btn btn-primary btn-square",
-              onClick: f
+              onClick: v
             }, [
               X(V(ce), {
                 size: 24,
@@ -593,9 +593,9 @@ const Fe = ae("SunIcon", [
           ])
         ], 512),
         t("dialog", mt, [
-          t("div", ft, [
-            w(x.$slots, "additionalForMobile", {}, () => [
-              t("h3", vt, h(x.currentCategory), 1)
+          t("div", vt, [
+            w(C.$slots, "additionalForMobile", {}, () => [
+              t("h3", ft, h(C.currentCategory), 1)
             ], !0),
             (n(!0), a(y, null, _(((O = e.searchOptions.find((g) => g.category === e.currentCategory)) == null ? void 0 : O.tabs) || [], (g, D) => (n(), a("div", {
               class: "bg-base-200 my-4 collapse",
@@ -621,7 +621,7 @@ const Fe = ae("SunIcon", [
               t("form", { method: "dialog" }, [
                 t("button", {
                   class: "btn btn-primary",
-                  onClick: f
+                  onClick: v
                 }, "Close and Search")
               ])
             ])
@@ -635,10 +635,10 @@ const Fe = ae("SunIcon", [
   for (const [s, i] of u)
     e[s] = i;
   return e;
-}, Sn = /* @__PURE__ */ H(wt, [["__scopeId", "data-v-08fa37eb"]]), _t = ["placeholder", "value", "id"], kt = ["id"], $t = {
+}, Cn = /* @__PURE__ */ H(wt, [["__scopeId", "data-v-08fa37eb"]]), _t = ["placeholder", "value", "id"], kt = ["id"], $t = {
   key: 0,
   class: "flex justify-between items-center place-content-center mb-4"
-}, xt = ["value"], Ct = ["value"], St = {
+}, Ct = ["value"], St = ["value"], xt = {
   key: 1,
   class: "gap-2 grid grid-cols-7"
 }, Dt = ["onClick"], Tt = {
@@ -656,10 +656,10 @@ const Fe = ae("SunIcon", [
 }, At = {
   key: 1,
   class: "flex gap-2"
-}, Pt = ["value"], jt = ["value"], Nt = {
+}, Pt = ["value"], jt = ["value"], zt = {
   key: 1,
   class: "flex gap-2"
-}, zt = ["value"], Et = ["value"], Lt = { class: "flex gap-2 mt-4" }, Rt = {
+}, Nt = ["value"], Et = ["value"], Lt = { class: "flex gap-2 mt-4" }, Rt = {
   __name: "datetimePicker",
   props: {
     mode: {
@@ -695,35 +695,35 @@ const Fe = ae("SunIcon", [
     E(() => e.range, (r) => {
       r ? (l.value = { start: null, end: null }, p.value = { start: null, end: null }) : (l.value = null, p.value = null);
     });
-    const s = u, i = k(!1), l = k(e.range ? { start: null, end: null } : null), p = k(e.range ? { start: null, end: null } : null), b = k((/* @__PURE__ */ new Date()).toLocaleString("default", { month: "long" })), v = k((/* @__PURE__ */ new Date()).getFullYear()), m = k(e.range ? { start: 0, end: 0 } : 0), f = k(e.range ? { start: 0, end: 0 } : 0), N = k(null), Z = C(() => `${e.id}-input`), K = C(() => `${e.id}-popup`), x = C(() => e.mode === "date" || e.mode === "datetime"), I = C(() => e.mode === "time" || e.mode === "datetime");
-    C(() => new Date(v.value, B.value));
-    const B = C(() => Y.indexOf(b.value)), O = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], g = C(() => new Date(v.value, B.value).getDay()), D = C(() => {
-      const r = new Date(v.value, B.value + 1, 0).getDate();
-      return Array.from({ length: r }, (c, o) => new Date(v.value, B.value, o + 1));
-    }), A = C(() => Array.from({ length: g.value }, (r, c) => c)), G = Array.from({ length: 24 }, (r, c) => c), Q = Array.from({ length: 60 }, (r, c) => c), q = C(
+    const s = u, i = k(!1), l = k(e.range ? { start: null, end: null } : null), p = k(e.range ? { start: null, end: null } : null), b = k((/* @__PURE__ */ new Date()).toLocaleString("default", { month: "long" })), f = k((/* @__PURE__ */ new Date()).getFullYear()), m = k(e.range ? { start: 0, end: 0 } : 0), v = k(e.range ? { start: 0, end: 0 } : 0), z = k(null), Z = S(() => `${e.id}-input`), K = S(() => `${e.id}-popup`), C = S(() => e.mode === "date" || e.mode === "datetime"), I = S(() => e.mode === "time" || e.mode === "datetime");
+    S(() => new Date(f.value, B.value));
+    const B = S(() => Y.indexOf(b.value)), O = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], g = S(() => new Date(f.value, B.value).getDay()), D = S(() => {
+      const r = new Date(f.value, B.value + 1, 0).getDate();
+      return Array.from({ length: r }, (c, o) => new Date(f.value, B.value, o + 1));
+    }), A = S(() => Array.from({ length: g.value }, (r, c) => c)), G = Array.from({ length: 24 }, (r, c) => c), Q = Array.from({ length: 60 }, (r, c) => c), q = S(
       () => typeof navigator < "u" && /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(
         navigator.userAgent
       )
-    ), Y = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"], me = C(() => {
+    ), Y = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"], me = S(() => {
       const r = (/* @__PURE__ */ new Date()).getFullYear();
       return Array.from({ length: 100 }, (c, o) => r - 50 + o);
-    }), fe = C(() => {
-      if (!x.value || !l.value) return "";
+    }), ve = S(() => {
+      if (!C.value || !l.value) return "";
       if (e.range && l.value.start && l.value.end) {
         const r = l.value.start.toLocaleDateString("en-US"), c = l.value.end.toLocaleDateString("en-US");
         return `${r} - ${c}`;
       }
       return !e.range && l.value ? l.value.toLocaleDateString("en-US") : "";
-    }), L = (r) => r instanceof Date ? r : new Date(r), z = (r) => r instanceof Date && !isNaN(r), ve = C(() => {
+    }), L = (r) => r instanceof Date ? r : new Date(r), N = (r) => r instanceof Date && !isNaN(r), fe = S(() => {
       if (!I.value) return "";
       const r = (c) => {
         var J, R, le;
-        const o = ((J = m.value) == null ? void 0 : J[c]) ?? m.value, P = ((R = f.value) == null ? void 0 : R[c]) ?? f.value;
+        const o = ((J = m.value) == null ? void 0 : J[c]) ?? m.value, P = ((R = v.value) == null ? void 0 : R[c]) ?? v.value;
         return q.value ? ((le = p.value) == null ? void 0 : le[c]) ?? p.value : `${o.toString().padStart(2, "0")}:${P.toString().padStart(2, "0")}`;
       };
       return e.range ? `${r("start")} - ${r("end")}` : r();
-    }), ge = C(() => {
-      const r = fe.value, c = ve.value;
+    }), ge = S(() => {
+      const r = ve.value, c = fe.value;
       return `${r} ${c}`.trim();
     }), be = () => i.value = !i.value, oe = () => {
       T(), he();
@@ -731,24 +731,24 @@ const Fe = ae("SunIcon", [
       l.value = e.range ? { start: null, end: null } : null, p.value = e.range ? { start: null, end: null } : null, T();
     }, we = (r) => {
       e.range ? l.value.start && l.value.end ? l.value = { start: r, end: null } : l.value.start ? l.value.end = r : l.value.start = r : l.value = r, T();
-    }, _e = (r) => (r = L(r), e.range ? l.value.start && z(l.value.start) && r.getTime() === l.value.start.getTime() || l.value.end && z(l.value.end) && r.getTime() === l.value.end.getTime() : z(l.value) && r.getTime() === l.value.getTime()), ke = (r) => {
+    }, _e = (r) => (r = L(r), e.range ? l.value.start && N(l.value.start) && r.getTime() === l.value.start.getTime() || l.value.end && N(l.value.end) && r.getTime() === l.value.end.getTime() : N(l.value) && r.getTime() === l.value.getTime()), ke = (r) => {
       r = L(r);
       const c = /* @__PURE__ */ new Date();
       return r.getDate() === c.getDate() && r.getMonth() === c.getMonth() && r.getFullYear() === c.getFullYear();
-    }, $e = (r) => (r = L(r), e.range && z(l.value.start) && r.getTime() === l.value.start.getTime()), xe = (r) => (r = L(r), e.range && z(l.value.end) && r.getTime() === l.value.end.getTime()), Ce = (r) => {
-      if (r = L(r), e.range && z(l.value.start) && z(l.value.end)) {
+    }, $e = (r) => (r = L(r), e.range && N(l.value.start) && r.getTime() === l.value.start.getTime()), Ce = (r) => (r = L(r), e.range && N(l.value.end) && r.getTime() === l.value.end.getTime()), Se = (r) => {
+      if (r = L(r), e.range && N(l.value.start) && N(l.value.end)) {
         const c = l.value.start.getTime(), o = l.value.end.getTime(), P = r.getTime();
         return P > c && P < o;
       }
       return !1;
-    }, Se = () => {
+    }, xe = () => {
       let r = B.value - 1;
-      r < 0 && (r = 11, v.value--), b.value = Y[r], T();
+      r < 0 && (r = 11, f.value--), b.value = Y[r], T();
     }, De = () => {
       let r = B.value + 1;
-      r > 11 && (r = 0, v.value++), b.value = Y[r], T();
+      r > 11 && (r = 0, f.value++), b.value = Y[r], T();
     }, se = (r) => {
-      N.value && !N.value.contains(r.target) && i.value == !0 && oe();
+      z.value && !z.value.contains(r.target) && i.value == !0 && oe();
     }, T = () => {
       let r = {};
       const c = (o, P, J) => {
@@ -759,26 +759,26 @@ const Fe = ae("SunIcon", [
       e.range ? (r.from = c(
         l.value.start,
         m.value.start,
-        f.value.start
+        v.value.start
       ), r.to = c(
         l.value.end,
         m.value.end,
-        f.value.end
+        v.value.end
       )) : r = c(
         l.value,
         m.value,
-        f.value
+        v.value
       ), s("updated", r);
     };
     return F(() => {
       e.initialDate && (e.range && e.initialDate.start && e.initialDate.end ? l.value = {
         start: new Date(e.initialDate.start),
         end: new Date(e.initialDate.end)
-      } : e.initialDate.start && (l.value = { start: new Date(e.initialDate.start) })), e.range ? (m.value.start = m.value.start ?? (/* @__PURE__ */ new Date()).getHours(), m.value.end = m.value.end ?? (/* @__PURE__ */ new Date()).getHours(), f.value.start = f.value.start ?? (/* @__PURE__ */ new Date()).getMinutes(), f.value.end = f.value.end ?? (/* @__PURE__ */ new Date()).getMinutes()) : (m.value = m.value ?? (/* @__PURE__ */ new Date()).getHours(), f.value = f.value ?? (/* @__PURE__ */ new Date()).getMinutes());
+      } : e.initialDate.start && (l.value = { start: new Date(e.initialDate.start) })), e.range ? (m.value.start = m.value.start ?? (/* @__PURE__ */ new Date()).getHours(), m.value.end = m.value.end ?? (/* @__PURE__ */ new Date()).getHours(), v.value.start = v.value.start ?? (/* @__PURE__ */ new Date()).getMinutes(), v.value.end = v.value.end ?? (/* @__PURE__ */ new Date()).getMinutes()) : (m.value = m.value ?? (/* @__PURE__ */ new Date()).getHours(), v.value = v.value ?? (/* @__PURE__ */ new Date()).getMinutes());
     }), e.popup && F(() => document.addEventListener("click", se)), pe(() => document.removeEventListener("click", se)), (r, c) => (n(), a("div", {
       class: "inline-block relative w-full lg:w-[360px]",
       ref_key: "pickerContainer",
-      ref: N
+      ref: z
     }, [
       t("div", {
         class: "flex items-center gap-2 cursor-pointer",
@@ -794,17 +794,17 @@ const Fe = ae("SunIcon", [
             id: Z.value
           }, null, 8, _t),
           c[11] || (c[11] = t("button", { class: "btn btn-ghost" }, " 📅 ", -1))
-        ], !0) : S("", !0)
+        ], !0) : x("", !0)
       ]),
       i.value || !d.popup ? (n(), a("div", {
         key: 0,
         class: $(["z-50 lg:bg-base-100 md:mt-2 px-4 md:p-4 rounded-md w-full", [{ absolute: d.popup }]]),
         id: K.value
       }, [
-        x.value ? (n(), a("div", $t, [
+        C.value ? (n(), a("div", $t, [
           t("button", {
             class: "md:block hidden btn btn-outline btn-primary md:btn-sm",
-            onClick: Se
+            onClick: xe
           }, c[12] || (c[12] = [
             t("svg", {
               xmlns: "http://www.w3.org/2000/svg",
@@ -829,21 +829,21 @@ const Fe = ae("SunIcon", [
             (n(), a(y, null, _(Y, (o, P) => t("option", {
               key: P,
               value: o
-            }, h(o), 9, xt)), 64))
+            }, h(o), 9, Ct)), 64))
           ], 544), [
             [j, b.value]
           ]),
           U(t("select", {
             class: "border-none w-24 select",
-            "onUpdate:modelValue": c[1] || (c[1] = (o) => v.value = o),
+            "onUpdate:modelValue": c[1] || (c[1] = (o) => f.value = o),
             onChange: T
           }, [
             (n(!0), a(y, null, _(me.value, (o) => (n(), a("option", {
               key: o,
               value: o
-            }, h(o), 9, Ct))), 128))
+            }, h(o), 9, St))), 128))
           ], 544), [
-            [j, v.value]
+            [j, f.value]
           ]),
           t("button", {
             class: "md:block hidden btn btn-outline btn-primary md:btn-sm",
@@ -864,8 +864,8 @@ const Fe = ae("SunIcon", [
               })
             ], -1)
           ]))
-        ])) : S("", !0),
-        x.value ? (n(), a("div", St, [
+        ])) : x("", !0),
+        C.value ? (n(), a("div", xt, [
           (n(), a(y, null, _(O, (o) => t("div", {
             key: o,
             class: "text-center"
@@ -880,14 +880,14 @@ const Fe = ae("SunIcon", [
               "bg-primary text-primary-content": _e(o),
               today: ke(o),
               "range-start bg-primary text-primary-content": $e(o),
-              "range-end bg-primary text-primary-content": xe(o),
-              "in-range bg-primary/20 hover:bg-primary/10": Ce(o)
+              "range-end bg-primary text-primary-content": Ce(o),
+              "in-range bg-primary/20 hover:bg-primary/10": Se(o)
             }]),
             onClick: (P) => we(o)
           }, h(o.getDate()), 11, Dt))), 128))
-        ])) : S("", !0),
+        ])) : x("", !0),
         I.value ? (n(), a("div", Tt, [
-          e.range ? S("", !0) : (n(), a("h3", Mt, "Select Time")),
+          e.range ? x("", !0) : (n(), a("h3", Mt, "Select Time")),
           e.range ? (n(), a("div", Vt, [
             t("div", null, [
               c[14] || (c[14] = t("p", { class: "font-bold" }, "Start Time", -1)),
@@ -919,7 +919,7 @@ const Fe = ae("SunIcon", [
                 ]),
                 U(t("select", {
                   class: "w-full select-bordered select",
-                  "onUpdate:modelValue": c[7] || (c[7] = (o) => f.value.start = o),
+                  "onUpdate:modelValue": c[7] || (c[7] = (o) => v.value.start = o),
                   onChange: T
                 }, [
                   (n(!0), a(y, null, _(V(Q), (o) => (n(), a("option", {
@@ -929,7 +929,7 @@ const Fe = ae("SunIcon", [
                 ], 544), [
                   [
                     j,
-                    f.value.start,
+                    v.value.start,
                     void 0,
                     { number: !0 }
                   ]
@@ -946,7 +946,7 @@ const Fe = ae("SunIcon", [
                 onChange: T
               }, null, 544)), [
                 [ee, p.value.end]
-              ]) : (n(), a("div", Nt, [
+              ]) : (n(), a("div", zt, [
                 U(t("select", {
                   class: "w-full select-bordered select",
                   "onUpdate:modelValue": c[9] || (c[9] = (o) => m.value.end = o),
@@ -955,7 +955,7 @@ const Fe = ae("SunIcon", [
                   (n(!0), a(y, null, _(V(G), (o) => (n(), a("option", {
                     key: o,
                     value: o
-                  }, h(o.toString().padStart(2, "0")), 9, zt))), 128))
+                  }, h(o.toString().padStart(2, "0")), 9, Nt))), 128))
                 ], 544), [
                   [
                     j,
@@ -966,7 +966,7 @@ const Fe = ae("SunIcon", [
                 ]),
                 U(t("select", {
                   class: "w-full select-bordered select",
-                  "onUpdate:modelValue": c[10] || (c[10] = (o) => f.value.end = o),
+                  "onUpdate:modelValue": c[10] || (c[10] = (o) => v.value.end = o),
                   onChange: T
                 }, [
                   (n(!0), a(y, null, _(V(Q), (o) => (n(), a("option", {
@@ -976,7 +976,7 @@ const Fe = ae("SunIcon", [
                 ], 544), [
                   [
                     j,
-                    f.value.end,
+                    v.value.end,
                     void 0,
                     { number: !0 }
                   ]
@@ -1012,7 +1012,7 @@ const Fe = ae("SunIcon", [
               ]),
               U(t("select", {
                 class: "w-full select-bordered select",
-                "onUpdate:modelValue": c[4] || (c[4] = (o) => f.value = o),
+                "onUpdate:modelValue": c[4] || (c[4] = (o) => v.value = o),
                 onChange: T
               }, [
                 (n(!0), a(y, null, _(V(Q), (o) => (n(), a("option", {
@@ -1022,14 +1022,14 @@ const Fe = ae("SunIcon", [
               ], 544), [
                 [
                   j,
-                  f.value,
+                  v.value,
                   void 0,
                   { number: !0 }
                 ]
               ])
             ]))
           ]))
-        ])) : S("", !0),
+        ])) : x("", !0),
         t("div", Lt, [
           t("button", {
             class: $(["btn btn-secondary", d.popup ? "w-fit" : "w-full"]),
@@ -1039,15 +1039,15 @@ const Fe = ae("SunIcon", [
             key: 0,
             class: "btn btn-primary btn-wide",
             onClick: oe
-          }, "Close")) : S("", !0)
+          }, "Close")) : x("", !0)
         ])
-      ], 10, kt)) : S("", !0)
+      ], 10, kt)) : x("", !0)
     ], 512));
   }
 }, Ft = /* @__PURE__ */ H(Rt, [["__scopeId", "data-v-e7e203aa"]]), Ht = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: Ft
-}, Symbol.toStringTag, { value: "Module" })), qt = ["value", "checked", "onChange", "disabled"], Dn = /* @__PURE__ */ M({
+}, Symbol.toStringTag, { value: "Module" })), qt = ["value", "checked", "onChange", "disabled"], Sn = /* @__PURE__ */ M({
   __name: "rating",
   props: {
     initialRating: { default: 0 },
@@ -1093,7 +1093,7 @@ const Fe = ae("SunIcon", [
 }), Yt = {
   key: 0,
   class: "loading loading-spinner loading-md mx-auto"
-}, Tn = /* @__PURE__ */ M({
+}, xn = /* @__PURE__ */ M({
   __name: "loader",
   props: {
     loading: { type: Boolean, default: !0 }
@@ -1105,9 +1105,9 @@ const Fe = ae("SunIcon", [
       (s) => {
         e.value = s;
       }
-    ), (s, i) => e.value ? (n(), a("span", Yt)) : S("", !0);
+    ), (s, i) => e.value ? (n(), a("span", Yt)) : x("", !0);
   }
-}), Jt = { class: "bg-base-200 p-10 text-base-content" }, Wt = { class: "flex lg:flex-row flex-col flex-wrap container space-between" }, Xt = { class: "mb-16 w-full lg:w-2/3 footer" }, Zt = { class: "after:absolute after:flex opacity-100 border-b-4 border-base-300 after:border-b-2 after:border-base-300 after:w-full after:h-1 font-bold text-xl footer-title" }, Kt = ["href"], Gt = /* @__PURE__ */ M({
+}), Jt = { class: "bg-base-200 p-10 text-base-content md:footer-horizontal" }, Wt = { class: "after:absolute after:flex opacity-100 border-b-4 border-base-300 after:border-b-2 after:border-base-300 after:w-full after:h-1 font-bold text-xl footer-title" }, Xt = ["href"], Zt = /* @__PURE__ */ M({
   __name: "footer",
   props: {
     items: {}
@@ -1115,26 +1115,24 @@ const Fe = ae("SunIcon", [
   setup(d) {
     const u = d;
     return (e, s) => (n(), a("footer", Jt, [
-      t("div", Wt, [
-        t("div", Xt, [
-          (n(!0), a(y, null, _(u.items, (i) => (n(), a("nav", null, [
-            t("h6", Zt, h(i.title), 1),
-            (n(!0), a(y, null, _(i.items, (l) => (n(), a("a", {
-              class: "link link-hover",
-              href: l.link
-            }, h(l.text), 9, Kt))), 256))
-          ]))), 256))
-        ]),
+      t("aside", null, [
         w(e.$slots, "default", {}, void 0, !0)
-      ])
+      ]),
+      (n(!0), a(y, null, _(u.items, (i) => (n(), a("nav", null, [
+        t("h6", Wt, h(i.title), 1),
+        (n(!0), a(y, null, _(i.items, (l) => (n(), a("a", {
+          class: "link link-hover",
+          href: l.link
+        }, h(l.text), 9, Xt))), 256))
+      ]))), 256))
     ]));
   }
-}), Mn = /* @__PURE__ */ H(Gt, [["__scopeId", "data-v-537d40bd"]]), Qt = {}, en = { class: "min-h-40 container hero" }, tn = { class: "px-0! text-center hero-content" }, nn = { class: "mt-9 text-4xl" };
-function an(d, u) {
-  return n(), a("div", en, [
-    t("div", tn, [
+}), Dn = /* @__PURE__ */ H(Zt, [["__scopeId", "data-v-90886159"]]), Kt = {}, Gt = { class: "min-h-40 container hero" }, Qt = { class: "px-0! text-center hero-content" }, en = { class: "mt-9 text-4xl" };
+function tn(d, u) {
+  return n(), a("div", Gt, [
+    t("div", Qt, [
       t("div", null, [
-        t("h1", nn, [
+        t("h1", en, [
           w(d.$slots, "title", {}, () => [
             u[0] || (u[0] = ne("hero title"))
           ])
@@ -1149,7 +1147,7 @@ function an(d, u) {
     ])
   ]);
 }
-const Bn = /* @__PURE__ */ H(Qt, [["render", an]]), on = { class: "categories flex flex-row gap-4 place-content-center" }, sn = ["onClick"], In = /* @__PURE__ */ M({
+const Tn = /* @__PURE__ */ H(Kt, [["render", tn]]), nn = { class: "categories flex flex-row gap-4 place-content-center" }, an = ["onClick"], Mn = /* @__PURE__ */ M({
   __name: "categoryNavigation",
   props: {
     searchOptions: {},
@@ -1161,18 +1159,18 @@ const Bn = /* @__PURE__ */ H(Qt, [["render", an]]), on = { class: "categories fl
     function i(l) {
       s("update:currentCategory", l);
     }
-    return (l, p) => (n(), a("div", on, [
+    return (l, p) => (n(), a("div", nn, [
       (n(!0), a(y, null, _(e.searchOptions, (b) => (n(), a("div", {
         key: b.category
       }, [
         t("button", {
-          onClick: (v) => i(b.category),
+          onClick: (f) => i(b.category),
           class: $(["truncate", { "font-semibold": e.currentCategory === b.category }])
-        }, h(b.category), 11, sn)
+        }, h(b.category), 11, an)
       ]))), 128))
     ]));
   }
-}), ln = { class: "md:flex hidden navbar-start" }, rn = { class: "md:flex justify-center items-center hidden navbar-center" }, un = { class: "md:flex hidden navbar-end" }, dn = { class: "navbar-bottom md:flex hidden" }, cn = /* @__PURE__ */ M({
+}), on = { class: "md:flex hidden navbar-start" }, sn = { class: "md:flex justify-center items-center hidden navbar-center" }, ln = { class: "md:flex hidden navbar-end" }, rn = { class: "navbar-bottom md:flex hidden" }, un = /* @__PURE__ */ M({
   __name: "navigationBar",
   props: {
     isCollapsed: { type: Boolean, default: !0 }
@@ -1182,30 +1180,30 @@ const Bn = /* @__PURE__ */ H(Qt, [["render", an]]), on = { class: "categories fl
     return (e, s) => (n(), a("nav", {
       class: $(["place-items-start border-primary bg-base-100 px-5 py-5 border-b-4 transition-all navbar navigationbar", u.isCollapsed ? "collapsed" : ""])
     }, [
-      t("div", ln, [
+      t("div", on, [
         w(e.$slots, "start", {}, void 0, !0)
       ]),
-      t("div", rn, [
+      t("div", sn, [
         w(e.$slots, "center", {}, void 0, !0)
       ]),
-      t("div", un, [
+      t("div", ln, [
         w(e.$slots, "end", {}, void 0, !0)
       ]),
-      t("div", dn, [
+      t("div", rn, [
         w(e.$slots, "bottom", {}, void 0, !0)
       ])
     ], 2));
   }
-}), On = /* @__PURE__ */ H(cn, [["__scopeId", "data-v-8ddb2b45"]]), pn = {
+}), Bn = /* @__PURE__ */ H(un, [["__scopeId", "data-v-8ddb2b45"]]), dn = {
   role: "tablist",
   class: "tabs tabs-bordered tabs-lg mt-28 relative w-full"
-}, mn = {
+}, cn = {
   key: 0,
   class: "hidden md:flex gap-4 right-0 top-4 absolute"
-}, fn = ["onClick", "aria-selected"], vn = {
+}, pn = ["onClick", "aria-selected"], mn = {
   role: "tabpanel",
   class: "tab-content border-base-300 border-t-2 border-x-0 border-b-0 p-6 overflow-x-auto max-w-full"
-}, Un = /* @__PURE__ */ M({
+}, In = /* @__PURE__ */ M({
   __name: "tab",
   props: {
     items: {},
@@ -1215,8 +1213,8 @@ const Bn = /* @__PURE__ */ H(Qt, [["render", an]]), on = { class: "categories fl
   emits: ["tab-changed"],
   setup(d, { emit: u }) {
     const e = d, s = k(e.items[0]), i = u;
-    function l(v) {
-      s.value = v, i("tab-changed", v);
+    function l(f) {
+      s.value = f, i("tab-changed", f);
     }
     function p() {
       const m = (e.items.indexOf(s.value) + 1) % e.items.length;
@@ -1230,49 +1228,49 @@ const Bn = /* @__PURE__ */ H(Qt, [["render", an]]), on = { class: "categories fl
       e.rotateTabsAfter && setInterval(() => {
         p();
       }, e.rotateTabsAfter * 1e3);
-    }), (v, m) => (n(), a("div", pn, [
-      v.withControlls ? (n(), a("div", mn, [
+    }), (f, m) => (n(), a("div", dn, [
+      f.withControlls ? (n(), a("div", cn, [
         t("button", {
-          onClick: m[0] || (m[0] = (f) => b()),
+          onClick: m[0] || (m[0] = (v) => b()),
           class: "cursor-pointer"
         }, "Previous"),
         t("button", {
-          onClick: m[1] || (m[1] = (f) => p()),
+          onClick: m[1] || (m[1] = (v) => p()),
           class: "cursor-pointer text-primary"
         }, "Next")
-      ])) : S("", !0),
-      (n(!0), a(y, null, _(v.items, (f) => (n(), a(y, null, [
+      ])) : x("", !0),
+      (n(!0), a(y, null, _(f.items, (v) => (n(), a(y, null, [
         t("a", {
           type: "button",
           role: "tab",
-          class: $(["tab min-w-max", f === s.value ? "bg-primary text-base-100" : ""]),
-          onClick: (N) => l(f),
-          "aria-selected": s.value == f
-        }, h(f), 11, fn),
-        t("div", vn, [
-          w(v.$slots, `${f}-tab`)
+          class: $(["tab min-w-max", v === s.value ? "bg-primary text-base-100" : ""]),
+          onClick: (z) => l(v),
+          "aria-selected": s.value == v
+        }, h(v), 11, pn),
+        t("div", mn, [
+          w(f.$slots, `${v}-tab`)
         ])
       ], 64))), 256))
     ]));
   }
 });
 export {
-  kn as Accordion,
-  Sn as AdvancedSearch,
-  $n as Avatar,
-  xn as Badge,
-  bn as ButtonComponent,
-  Cn as Card,
-  In as CategoryNavigation,
+  wn as Accordion,
+  Cn as AdvancedSearch,
+  _n as Avatar,
+  kn as Badge,
+  fn as ButtonComponent,
+  $n as Card,
+  Mn as CategoryNavigation,
   Ft as DatetimePicker,
-  hn as Dropdown,
-  Mn as Footer,
-  Bn as Hero,
-  Tn as Loader,
-  yn as Modal,
-  On as NavigationBar,
-  Dn as Rating,
-  wn as Swap,
-  Un as Tab,
-  _n as ThemeController
+  gn as Dropdown,
+  Dn as Footer,
+  Tn as Hero,
+  xn as Loader,
+  bn as Modal,
+  Bn as NavigationBar,
+  Sn as Rating,
+  hn as Swap,
+  In as Tab,
+  yn as ThemeController
 };