manolis-ui 0.16.2 → 0.17.1

package/dist/manolis-ui.js

@@ -1,4 +1,4 @@
-import { defineComponent as L, computed as J, createElementBlock as s, openBlock as a, normalizeClass as M, createCommentVNode as T, renderSlot as V, createTextVNode as be, createElementVNode as n, Fragment as R, renderList as q, toDisplayString as z, ref as k, watch as N, h as ve, onMounted as ne, withDirectives as ue, createVNode as le, isRef as Ce, vModelCheckbox as Se, unref as G, provide as Ie, normalizeStyle as se, inject as Te, useId as Me, defineAsyncComponent as de, nextTick as ee, onBeforeUnmount as pe, withModifiers as Z, createBlock as Q, resolveDynamicComponent as ce, mergeProps as fe, withKeys as te, resolveComponent as me, withCtx as he, vModelText as ye, useSlots as Ve, Comment as Be, vShow as ze, onUnmounted as Oe } from "vue";
+import { defineComponent as L, computed as J, createElementBlock as s, openBlock as a, normalizeClass as M, createCommentVNode as T, renderSlot as V, createTextVNode as be, createElementVNode as n, Fragment as R, renderList as q, toDisplayString as z, ref as k, watch as _, h as ve, onMounted as ne, withDirectives as ue, createVNode as le, isRef as Ce, vModelCheckbox as Se, unref as G, provide as Ie, normalizeStyle as se, inject as Te, useId as Me, defineAsyncComponent as de, nextTick as ee, onBeforeUnmount as pe, withModifiers as Z, createBlock as Q, resolveDynamicComponent as ce, mergeProps as fe, withKeys as te, resolveComponent as me, withCtx as he, vModelText as ye, useSlots as Ve, Comment as Be, vShow as ze, onUnmounted as Oe } from "vue";
 const De = ["disabled"], Pe = {
   key: 0,
   class: "loading loading-spinner"
@@ -141,7 +141,7 @@ const De = ["disabled"], Pe = {
       var o;
       (o = t.value) == null || o.close();
     };
-    return N(
+    return _(
       () => d.forceOpen,
       (o) => {
         o == !0 && r(), o == !1 && i();
@@ -179,7 +179,7 @@ const De = ["disabled"], Pe = {
       ], 2)
     ], 64));
   }
-}), Re = { class: "flex justify-center items-center swap-on" }, Ne = { class: "flex justify-center items-center swap-off" }, Zl = /* @__PURE__ */ L({
+}), Re = { class: "flex justify-center items-center swap-on" }, _e = { class: "flex justify-center items-center swap-off" }, Zl = /* @__PURE__ */ L({
   __name: "swap",
   props: {
     effect: {}
@@ -193,7 +193,7 @@ const De = ["disabled"], Pe = {
       n("div", Re, [
         V(l.$slots, "on")
       ]),
-      n("div", Ne, [
+      n("div", _e, [
         V(l.$slots, "off")
       ])
     ], 2));
@@ -205,7 +205,7 @@ const De = ["disabled"], Pe = {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const _e = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
+const Ne = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
 /**
  * @license lucide-vue-next v0.468.0 - ISC
  *
@@ -237,7 +237,7 @@ const Fe = ({ size: e, strokeWidth: d = 2, absoluteStrokeWidth: l, color: t, ico
     height: e || re.height,
     stroke: t || re.stroke,
     "stroke-width": l ? Number(d) * 24 / Number(e) : d,
-    class: ["lucide", `lucide-${_e(i ?? "icon")}`],
+    class: ["lucide", `lucide-${Ne(i ?? "icon")}`],
     ...v
   },
   [...r.map((h) => ve(...h)), ...m.default ? [m.default()] : []]
@@ -284,7 +284,7 @@ const Ue = ie("CircleXIcon", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const He = ie("MoonIcon", [
+const We = ie("MoonIcon", [
   ["path", { d: "M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z", key: "a7tn18" }]
 ]);
 /**
@@ -303,7 +303,7 @@ const ge = ie("SearchIcon", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const We = ie("SunIcon", [
+const He = ie("SunIcon", [
   ["circle", { cx: "12", cy: "12", r: "4", key: "4exip2" }],
   ["path", { d: "M12 2v2", key: "tus03m" }],
   ["path", { d: "M12 20v2", key: "1lh1kg" }],
@@ -320,7 +320,7 @@ const We = ie("SunIcon", [
       const t = window.localStorage.getItem(e);
       l.value = t ? JSON.parse(t) : d;
     }
-  }), N(l, (t) => {
+  }), _(l, (t) => {
     typeof window < "u" && window.localStorage.setItem(e, JSON.stringify(t));
   }), l;
 }, Xe = { class: "swap-rotate swap" }, Ge = ["true-value", "false-value"], Ql = /* @__PURE__ */ L({
@@ -334,7 +334,7 @@ const We = ie("SunIcon", [
     function t(r) {
       typeof window < "u" && window.document && document.documentElement.setAttribute("data-theme", r);
     }
-    return ne(() => t(l.value ? l.value : "")), N(l, (r) => {
+    return ne(() => t(l.value ? l.value : "")), _(l, (r) => {
       t(r);
     }), (r, i) => (a(), s("label", Xe, [
       ue(n("input", {
@@ -346,8 +346,8 @@ const We = ie("SunIcon", [
       }, null, 8, Ge), [
         [Se, G(l)]
       ]),
-      le(G(We), { class: "swap-off fill-current" }),
-      le(G(He), { class: "swap-on fill-current" })
+      le(G(He), { class: "swap-off fill-current" }),
+      le(G(We), { class: "swap-on fill-current" })
     ]));
   }
 }), Je = ["name"], Ze = { class: "collapse-title font-bold text-2xl lg:text-4xl" }, Qe = { class: "collapse-content" }, Ye = ["innerHTML"], Yl = /* @__PURE__ */ L({
@@ -387,7 +387,7 @@ const We = ie("SunIcon", [
   },
   setup(e) {
     const d = e, l = k(d.onlineStatus);
-    return N(
+    return _(
       () => d.onlineStatus,
       (t) => {
         t && (l.value = t);
@@ -471,7 +471,7 @@ const We = ie("SunIcon", [
   },
   setup(e) {
     const d = e, l = k(d.outlined);
-    return N(
+    return _(
       () => d.outlined,
       (t) => {
         l.value = t;
@@ -573,9 +573,9 @@ const We = ie("SunIcon", [
       r.value ? o.value = r.value.children.length : o.value = 0;
     }, h = async (y) => {
       if (!r.value || l.slidesPerView <= 0 || i.value || (m(), o.value === 0)) return;
-      const w = (y % o.value + o.value) % o.value, S = r.value, P = l.sliderOrientation === "vertical" ? (S.offsetHeight - (l.slidesPerView - 1) * l.gap) / l.slidesPerView : (S.offsetWidth - (l.slidesPerView - 1) * l.gap) / l.slidesPerView;
-      if (P <= 0) return;
-      const _ = P + l.gap, U = w * _, K = l.sliderOrientation === "vertical" ? S.scrollHeight - S.offsetHeight : S.scrollWidth - S.offsetWidth, f = Math.max(0, Math.min(U, K + 0.5));
+      const w = (y % o.value + o.value) % o.value, S = r.value, j = l.sliderOrientation === "vertical" ? (S.offsetHeight - (l.slidesPerView - 1) * l.gap) / l.slidesPerView : (S.offsetWidth - (l.slidesPerView - 1) * l.gap) / l.slidesPerView;
+      if (j <= 0) return;
+      const N = j + l.gap, U = w * N, K = l.sliderOrientation === "vertical" ? S.scrollHeight - S.offsetHeight : S.scrollWidth - S.offsetWidth, f = Math.max(0, Math.min(U, K + 0.5));
       i.value = !0, S.style.scrollBehavior = "auto";
       const g = l.sliderOrientation === "vertical" ? S.scrollTop : S.scrollLeft, C = f - g;
       if (Math.abs(C) < 1) {
@@ -583,8 +583,8 @@ const We = ie("SunIcon", [
         return;
       }
       const B = performance.now(), u = (O) => {
-        const x = O - B, E = Math.min(1, x / l.slideDuration), H = E < 0.5 ? 4 * E * E * E : 1 - Math.pow(-2 * E + 2, 3) / 2, W = g + C * H;
-        l.sliderOrientation === "vertical" ? S.scrollTop = W : S.scrollLeft = W, E < 1 ? requestAnimationFrame(u) : (l.sliderOrientation === "vertical" ? S.scrollTop = f : S.scrollLeft = f, t.value = w, i.value = !1);
+        const x = O - B, E = Math.min(1, x / l.slideDuration), W = E < 0.5 ? 4 * E * E * E : 1 - Math.pow(-2 * E + 2, 3) / 2, H = g + C * W;
+        l.sliderOrientation === "vertical" ? S.scrollTop = H : S.scrollLeft = H, E < 1 ? requestAnimationFrame(u) : (l.sliderOrientation === "vertical" ? S.scrollTop = f : S.scrollLeft = f, t.value = w, i.value = !1);
       };
       requestAnimationFrame(u);
     }, I = () => {
@@ -595,18 +595,18 @@ const We = ie("SunIcon", [
       h(y);
     }, c = () => {
       if (!r.value || l.slidesPerView <= 0 || (m(), o.value === 0)) return;
-      const y = r.value, w = l.sliderOrientation === "vertical" ? y.offsetHeight : y.offsetWidth, S = l.slidesPerView > 1 ? (l.slidesPerView - 1) * l.gap : 0, P = (w - S) / l.slidesPerView;
-      if (P <= 0) return;
-      const _ = Math.max(0, o.value - l.slidesPerView), U = Math.min(Math.max(0, l.initialSlide), _), K = U * (P + l.gap), f = l.sliderOrientation === "vertical" ? y.scrollHeight - y.offsetHeight : y.scrollWidth - y.offsetWidth, g = Math.max(0, Math.min(K, f + 0.5));
+      const y = r.value, w = l.sliderOrientation === "vertical" ? y.offsetHeight : y.offsetWidth, S = l.slidesPerView > 1 ? (l.slidesPerView - 1) * l.gap : 0, j = (w - S) / l.slidesPerView;
+      if (j <= 0) return;
+      const N = Math.max(0, o.value - l.slidesPerView), U = Math.min(Math.max(0, l.initialSlide), N), K = U * (j + l.gap), f = l.sliderOrientation === "vertical" ? y.scrollHeight - y.offsetHeight : y.scrollWidth - y.offsetWidth, g = Math.max(0, Math.min(K, f + 0.5));
       l.sliderOrientation === "vertical" ? y.scrollTo({ top: g, behavior: "auto" }) : y.scrollTo({ left: g, behavior: "auto" }), t.value = U;
     };
     return ne(() => {
       requestAnimationFrame(() => {
         requestAnimationFrame(c);
       }), m();
-    }), N(() => l.initialSlide, (y) => {
+    }), _(() => l.initialSlide, (y) => {
       requestAnimationFrame(() => h(y));
-    }), N(() => [l.slidesPerView, l.gap], () => {
+    }), _(() => [l.slidesPerView, l.gap], () => {
       requestAnimationFrame(() => {
         requestAnimationFrame(() => {
           if (m(), o.value === 0) return;
@@ -650,11 +650,11 @@ const We = ie("SunIcon", [
         ])
       ])) : T("", !0),
       e.showIndicators ? (a(), s("div", dt, [
-        (a(!0), s(R, null, q(o.value, (S, P) => (a(), s("button", {
-          key: `dot-${P}`,
-          onClick: (_) => $(P),
-          class: M(["btn btn-circle btn-xs", { "btn-active": P === t.value }]),
-          "aria-label": `Go to slide ${P + 1}`
+        (a(!0), s(R, null, q(o.value, (S, j) => (a(), s("button", {
+          key: `dot-${j}`,
+          onClick: (N) => $(j),
+          class: M(["btn btn-circle btn-xs", { "btn-active": j === t.value }]),
+          "aria-label": `Go to slide ${j + 1}`
         }, null, 10, ct))), 128))
       ])) : T("", !0)
     ]));
@@ -704,7 +704,7 @@ const We = ie("SunIcon", [
   emits: ["search", "update:search-data"],
   setup(e, { emit: d }) {
     const l = e, t = d, r = l.id ?? `advancedSearch-${Me()}`, i = k(null), o = k(null), v = {
-      datetime: de(() => Promise.resolve().then(() => Wt)),
+      datetime: de(() => Promise.resolve().then(() => Ht)),
       "standard-select": de(() => import("./select-Cz4vf_YE.js")),
       // Add other components here when you create them:
       // 'custom-range': defineAsyncComponent(() => import('./CustomRange.vue')),
@@ -801,7 +801,7 @@ const We = ie("SunIcon", [
         );
       }
     }
-    async function P(f) {
+    async function j(f) {
       var C, B, u;
       if (typeof window < "u" && window.innerWidth <= 768) {
         S();
@@ -813,10 +813,10 @@ const We = ie("SunIcon", [
       else if (i.value = { ...f, displayMode: g }, await ee(), ((u = i.value) == null ? void 0 : u.displayMode) === "popup") {
         const O = m.value[f.name];
         if (O && I.value) {
-          const x = O.getBoundingClientRect(), E = I.value.getBoundingClientRect(), H = x.bottom - E.top, W = x.left + x.width / 2 - E.left;
+          const x = O.getBoundingClientRect(), E = I.value.getBoundingClientRect(), W = x.bottom - E.top, H = x.left + x.width / 2 - E.left;
           h.value = {
-            left: `${W}px`,
-            top: `${H + 8}px`,
+            left: `${H}px`,
+            top: `${W + 8}px`,
             // Add a small gap
             transform: "translateX(-50%)"
             // Center horizontally
@@ -828,7 +828,7 @@ const We = ie("SunIcon", [
           );
       }
     }
-    const _ = (f) => {
+    const N = (f) => {
       const g = f.relatedTarget;
       setTimeout(() => {
         var C;
@@ -839,7 +839,7 @@ const We = ie("SunIcon", [
     }, U = () => {
       console.log("Enter key pressed on inline component, closing inline view."), i.value = null;
     };
-    N(o, (f) => {
+    _(o, (f) => {
       var g;
       console.log(
         "advanced-search: inlineComponentRef changed. New Value:",
@@ -895,24 +895,24 @@ const We = ie("SunIcon", [
               (a(!0), s(R, null, q(((C = l.searchOptions.find(
                 (u) => u.category === l.currentCategory
               )) == null ? void 0 : C.tabs) || [], (u, O) => {
-                var x, E, H, W, oe;
+                var x, E, W, H, oe;
                 return a(), s("button", {
                   key: `${u.name}-${O}`,
-                  onClick: Z((p) => P(u), ["stop"]),
+                  onClick: Z((p) => j(u), ["stop"]),
                   class: M([{
                     "tab-active": ((x = i.value) == null ? void 0 : x.name) === u.name,
-                    "tab-active-inline": ((E = i.value) == null ? void 0 : E.name) === u.name && ((H = i.value) == null ? void 0 : H.displayMode) === "inline"
+                    "tab-active-inline": ((E = i.value) == null ? void 0 : E.name) === u.name && ((W = i.value) == null ? void 0 : W.displayMode) === "inline"
                     // Add new class
                   }, "group/searchitem after:top-0 after:-right-2 after:absolute relative first-of-type:flex-auto last-of-type:flex-auto after:bg-base-200 hover:bg-base-200 p-1 rounded-sm w-auto after:w-px after:h-10 overflow-x-hidden text-start md:after:content-[''] after:content-none last-of-type:after:content-none"]),
                   ref_for: !0,
                   ref: (p) => m.value[u.name] = p
                 }, [
-                  ((W = i.value) == null ? void 0 : W.name) === u.name && ((oe = i.value) == null ? void 0 : oe.displayMode) === "inline" ? (a(), s("div", ht, [
+                  ((H = i.value) == null ? void 0 : H.name) === u.name && ((oe = i.value) == null ? void 0 : oe.displayMode) === "inline" ? (a(), s("div", ht, [
                     (a(), Q(ce(v[i.value.type]), fe({ ref_for: !0 }, i.value.props || {}, {
                       modelValue: i.value.value,
                       onUpdated: g[0] || (g[0] = (p) => c(p)),
                       "onUpdate:modelValue": g[1] || (g[1] = (p) => c(p)),
-                      onBlur: _,
+                      onBlur: N,
                       onKeydown: te(Z(U, ["stop", "prevent"]), ["enter"]),
                       ref_for: !0,
                       ref_key: "inlineComponentRef",
@@ -1009,7 +1009,7 @@ const We = ie("SunIcon", [
 }), on = /* @__PURE__ */ ae(Bt, [["__scopeId", "data-v-577c3624"]]), zt = { class: "z-30 relative flex items-center bg-base-100 date-filter-input px-4 border-2 border-primary rounded-md w-full min-h-10 font-semibold text-primary text-sm" }, Ot = { key: 0 }, Dt = { key: 1 }, Pt = ["id", "onKeydown"], jt = {
   key: 2,
   class: "flex justify-center p-4"
-}, Et = { class: "join items-center gap-2 max-w-2xs md:max-w-full justify-between max-md:input max-md:input-bordered !rounded overflow-hidden mx-auto" }, Lt = { class: "join-item" }, At = ["id", "disabled", "value"], Rt = { class: "join-item" }, Nt = ["id", "disabled", "value"], _t = {
+}, Et = { class: "join items-center gap-2 max-w-2xs md:max-w-full justify-between max-md:input max-md:input-bordered !rounded overflow-hidden mx-auto" }, Lt = { class: "join-item" }, At = ["id", "disabled", "value"], Rt = { class: "join-item" }, _t = ["id", "disabled", "value"], Nt = {
   key: 3,
   class: "p-4 min-w-2xs"
 }, Ft = ["id", "disabled", "value"], qt = {
@@ -1026,6 +1026,8 @@ const We = ie("SunIcon", [
     initialDate: { default: null },
     disabled: { type: Boolean, default: !1 },
     locale: { default: "en-US" },
+    format: {},
+    firstDayOfWeek: { default: 1 },
     min: {},
     max: {},
     closeText: { default: "Close" }
@@ -1043,52 +1045,54 @@ const We = ie("SunIcon", [
     }), y = (p) => p instanceof Date ? p.toISOString() : p, w = (p) => p.split("T")[0] || "", S = (p) => {
       const b = p instanceof Date ? p : new Date(p);
       if (isNaN(b.getTime())) return "";
-      const j = String(b.getHours()).padStart(2, "0"), D = String(b.getMinutes()).padStart(2, "0");
-      return `${j}:${D}`;
-    }, P = () => {
+      const D = String(b.getHours()).padStart(2, "0"), P = String(b.getMinutes()).padStart(2, "0");
+      return `${D}:${P}`;
+    }, j = () => {
       const p = /* @__PURE__ */ new Date(), b = S(p);
-      let j = t.initialDate;
-      if (!j && t.mode !== "time" && (j = t.range ? { start: p, end: p } : p), !j) {
-        t.mode === "time" && (t.range ? ($.value.from = b, $.value.to = b) : $.value.single = b);
-        return;
-      }
-      if (t.range && typeof j == "object" && "start" in j) {
-        const D = y(j.start), F = y(j.end);
-        c.value.start = w(D), c.value.end = w(F), t.mode !== "date" && ($.value.from = S(D), $.value.to = S(F));
-      } else {
-        const D = y(j);
-        c.value.single = w(D), t.mode !== "date" && ($.value.single = S(D));
+      let D = t.initialDate;
+      if (!D && t.mode !== "time" && (D = t.range ? { start: p, end: p } : p), !!D) {
+        if (!D) {
+          t.mode === "time" && (t.range ? ($.value.from = b, $.value.to = b) : $.value.single = b);
+          return;
+        }
+        if (t.range && typeof D == "object" && "start" in D) {
+          const P = y(D.start), F = y(D.end);
+          c.value.start = w(P), c.value.end = w(F), t.mode !== "date" && ($.value.from = S(P), $.value.to = S(F));
+        } else {
+          const P = y(D);
+          c.value.single = w(P), t.mode !== "date" && ($.value.single = S(P));
+        }
       }
-    }, _ = J(() => {
-      const p = (D) => {
-        if (!D) return "";
-        if (D.includes(":")) return D;
+    }, N = J(() => {
+      const p = (P) => {
+        if (!P) return "";
+        if (P.includes(":")) return P;
         try {
-          return (/* @__PURE__ */ new Date(D + "T00:00:00")).toLocaleDateString(t.locale, {
+          return (/* @__PURE__ */ new Date(P + "T00:00:00")).toLocaleDateString(t.locale, {
             year: "numeric",
             month: "numeric",
             day: "numeric"
           });
         } catch {
-          const [F, X, Y] = D.split("-");
+          const [F, X, Y] = P.split("-");
           return `${Y}/${X}/${F}`;
         }
       };
-      let b = "", j = "";
-      if ((t.mode === "date" || t.mode === "datetime") && (t.range ? c.value.start && c.value.end && (b = `${c.value.start} - ${c.value.end}`) : c.value.single && (b = c.value.single)), (t.mode === "time" || t.mode === "datetime") && (t.range ? $.value.from && $.value.to && (j = `${$.value.from} - ${$.value.to}`) : $.value.single && (j = $.value.single)), t.mode === "date")
+      let b = "", D = "";
+      if ((t.mode === "date" || t.mode === "datetime") && (t.range ? c.value.start && c.value.end && (b = `${c.value.start} - ${c.value.end}`) : c.value.single && (b = c.value.single)), (t.mode === "time" || t.mode === "datetime") && (t.range ? $.value.from && $.value.to && (D = `${$.value.from} - ${$.value.to}`) : $.value.single && (D = $.value.single)), t.mode === "date")
         return t.range ? b.split(" - ").map(p).join(" - ") : p(b);
       if (t.mode === "time")
-        return j;
+        return D;
       if (t.mode === "datetime")
         if (t.range) {
-          const D = c.value.start, F = c.value.end, X = $.value.from, Y = $.value.to;
-          if (D && F && X && Y)
-            return `${p(D)} ${X} - ${p(F)} ${Y}`;
-          if (D)
-            return `${p(D)} ${X || ""}`.trim();
+          const P = c.value.start, F = c.value.end, X = $.value.from, Y = $.value.to;
+          if (P && F && X && Y)
+            return `${p(P)} ${X} - ${p(F)} ${Y}`;
+          if (P)
+            return `${p(P)} ${X || ""}`.trim();
         } else {
-          const D = c.value.single, F = $.value.single;
-          return `${p(D)} ${F || ""}`.trim();
+          const P = c.value.single, F = $.value.single;
+          return `${p(P)} ${F || ""}`.trim();
         }
       return "";
     }), U = () => {
@@ -1097,21 +1101,21 @@ const We = ie("SunIcon", [
       else if (m.value) {
         const p = m.value.value;
         if (typeof p == "string" && p.includes("/")) {
-          const [b, j] = p.split("/");
-          c.value.start = b || null, c.value.end = j || null;
+          const [b, D] = p.split("/");
+          c.value.start = b || null, c.value.end = D || null;
         } else
           c.value.start = p || null, c.value.end = p || null;
       }
     }, K = () => c.value.start && c.value.end ? `${c.value.start}/${c.value.end}` : null, f = () => {
       if (t.range) {
-        const j = c.value.start, D = c.value.end || c.value.start, F = $.value.from, X = $.value.to;
+        const D = c.value.start, P = c.value.end || c.value.start, F = $.value.from, X = $.value.to;
         if (t.mode === "time")
           return F && X ? { start: F, end: X } : null;
         if (t.mode === "date")
-          return j && D ? { start: j, end: D } : null;
+          return D && P ? { start: D, end: P } : null;
         if (t.mode === "datetime") {
-          if (!j || !D) return null;
-          const Y = F ? `${F}:00` : "00:00:00", xe = X ? `${X}:00` : "23:59:59", ke = `${j}T${Y}`, $e = `${D}T${xe}`;
+          if (!D || !P) return null;
+          const Y = F ? `${F}:00` : "00:00:00", xe = X ? `${X}:00` : "23:59:59", ke = `${D}T${Y}`, $e = `${P}T${xe}`;
           return { start: ke, end: $e };
         }
         return null;
@@ -1123,8 +1127,8 @@ const We = ie("SunIcon", [
         return p || null;
       if (t.mode === "datetime") {
         if (!p) return null;
-        const j = b ? `${b}:00` : "00:00:00";
-        return `${p}T${j}`;
+        const D = b ? `${b}:00` : "00:00:00";
+        return `${p}T${D}`;
       }
       return null;
     }, g = async () => {
@@ -1144,14 +1148,14 @@ const We = ie("SunIcon", [
       g(), o.value = !1;
     }, x = (p) => {
       !t.popup || !o.value || setTimeout(() => {
-        const b = i.value, j = p.target, D = `date-picker-${t.id}-popup`;
-        b && !b.contains(j) && !p.target.closest(`#${D}`) && O();
+        const b = i.value, D = p.target, P = `date-picker-${t.id}-popup`;
+        b && !b.contains(D) && !p.target.closest(`#${P}`) && O();
       }, 0);
     }, E = () => {
       O();
-    }, H = () => {
-      g(), t.popup && (o.value = !1);
     }, W = () => {
+      g(), t.popup && (o.value = !1);
+    }, H = () => {
       if (!l) return;
       const p = t.range ? m.value : v.value;
       p && typeof p.navigate == "function" && p.navigate(-1);
@@ -1163,8 +1167,8 @@ const We = ie("SunIcon", [
     return ne(() => {
       l && import("./cally-ZU3K2Th7.js").catch((p) => {
         console.warn("Failed to load cally:", p);
-      }), P();
-    }), N(c, async (p) => {
+      }), j();
+    }), _(c, async (p) => {
       if (await ee(), v.value && p.single) {
         const b = p.single;
         v.value.value !== b && (v.value.value = b);
@@ -1174,12 +1178,12 @@ const We = ie("SunIcon", [
         b && m.value.value !== b && (m.value.value = b);
       }
       g();
-    }, { immediate: !0, deep: !0 }), N([c, v, m], async () => {
+    }, { immediate: !0, deep: !0 }), _([c, v, m], async () => {
       await ee(), v.value && c.value.single && !v.value.value && (v.value.value = c.value.single), m.value && c.value.start && c.value.end && !m.value.value && (m.value.value = `${c.value.start}/${c.value.end}`), g();
-    }, { immediate: !0 }), N([h, I, A], () => {
+    }, { immediate: !0 }), _([h, I, A], () => {
       g();
     }, { immediate: !0 }), (p, b) => {
-      const j = me("calendar-month"), D = me("calendar-date"), F = me("calendar-range");
+      const D = me("calendar-month"), P = me("calendar-date"), F = me("calendar-range");
       return a(), s("div", {
         class: "inline-block relative w-fit lg:w-full",
         ref_key: "pickerContainer",
@@ -1192,7 +1196,7 @@ const We = ie("SunIcon", [
           onClick: b[0] || (b[0] = (X) => t.disabled ? null : u())
         }, [
           n("div", zt, [
-            _.value ? (a(), s("span", Dt, z(_.value), 1)) : (a(), s("span", Ot, z(t.placeholder), 1))
+            N.value ? (a(), s("span", Dt, z(N.value), 1)) : (a(), s("span", Ot, z(t.placeholder), 1))
           ])
         ])) : T("", !0),
         o.value || !t.popup ? (a(), s("div", {
@@ -1203,10 +1207,10 @@ const We = ie("SunIcon", [
             b[1] || (b[1] = te(Z(() => {
             }, ["prevent", "stop"]), ["tab"])),
             te(E, ["esc"]),
-            te(Z(H, ["prevent"]), ["enter"])
+            te(Z(W, ["prevent"]), ["enter"])
           ]
         }, [
-          !t.range && t.mode !== "time" && l ? (a(), Q(D, {
+          !t.range && t.mode !== "time" && l ? (a(), Q(P, {
             key: 0,
             class: "cally w-full",
             ref_key: "datePicker",
@@ -1215,13 +1219,14 @@ const We = ie("SunIcon", [
             min: t.min,
             max: t.max,
             disabled: t.disabled,
+            "first-day-of-week": t.firstDayOfWeek,
             onChange: C
           }, {
             default: he(() => [
               n("button", {
                 slot: "previous",
                 class: "btn-outline btn btn-primary md:btn-sm",
-                onClick: W
+                onClick: H
               }, [...b[2] || (b[2] = [
                 n("svg", {
                   xmlns: "http://www.w3.org/2000/svg",
@@ -1258,12 +1263,12 @@ const We = ie("SunIcon", [
                   })
                 ], -1)
               ])]),
-              le(j, {
+              le(D, {
                 locale: t.locale
               }, null, 8, ["locale"])
             ]),
             _: 1
-          }, 8, ["id", "min", "max", "disabled"])) : T("", !0),
+          }, 8, ["id", "min", "max", "disabled", "first-day-of-week"])) : T("", !0),
           t.range && t.mode !== "time" && l ? (a(), Q(F, {
             key: 1,
             class: "cally w-full",
@@ -1273,13 +1278,14 @@ const We = ie("SunIcon", [
             min: t.min,
             max: t.max,
             disabled: t.disabled,
+            "first-day-of-week": t.firstDayOfWeek,
             onChange: C
           }, {
             default: he(() => [
               n("button", {
                 slot: "previous",
                 class: "btn-outline btn btn-primary md:btn-sm",
-                onClick: W
+                onClick: H
               }, [...b[4] || (b[4] = [
                 n("svg", {
                   xmlns: "http://www.w3.org/2000/svg",
@@ -1316,12 +1322,12 @@ const We = ie("SunIcon", [
                   })
                 ], -1)
               ])]),
-              le(j, {
+              le(D, {
                 locale: t.locale
               }, null, 8, ["locale"])
             ]),
             _: 1
-          }, 8, ["id", "min", "max", "disabled"])) : T("", !0),
+          }, 8, ["id", "min", "max", "disabled", "first-day-of-week"])) : T("", !0),
           t.range && t.mode !== "date" ? (a(), s("div", jt, [
             n("div", Et, [
               n("div", Lt, [
@@ -1359,11 +1365,11 @@ const We = ie("SunIcon", [
                   onChange: B,
                   disabled: t.disabled,
                   value: $.value.to || ""
-                }, null, 40, Nt)
+                }, null, 40, _t)
               ])
             ])
           ])) : T("", !0),
-          !t.range && t.mode !== "date" ? (a(), s("div", _t, [
+          !t.range && t.mode !== "date" ? (a(), s("div", Nt, [
             n("input", {
               class: "open:bg-primary open:rounded w-full input input-bordered justify-center",
               type: "time",
@@ -1385,9 +1391,9 @@ const We = ie("SunIcon", [
       ], 544);
     };
   }
-}), Ht = /* @__PURE__ */ ae(Ut, [["__scopeId", "data-v-d613b6cd"]]), Wt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), Wt = /* @__PURE__ */ ae(Ut, [["__scopeId", "data-v-e0b34494"]]), Ht = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: Ht
+  default: Wt
 }, Symbol.toStringTag, { value: "Module" })), Kt = ["value", "checked", "onChange", "disabled"], sn = /* @__PURE__ */ L({
   __name: "rating",
   props: {
@@ -1402,7 +1408,7 @@ const We = ie("SunIcon", [
   },
   setup(e) {
     const d = e, l = k(d.initialRating);
-    N(
+    _(
       () => d.initialRating,
       (r) => {
         l.value = r;
@@ -1474,7 +1480,7 @@ const We = ie("SunIcon", [
     }, $ = (c) => {
       c.key === "Enter" ? h() : c.key === "Backspace" && v.value === "" && A();
     };
-    return N(() => l.modelValue, (c) => {
+    return _(() => l.modelValue, (c) => {
       r.value = [...c];
     }), (c, y) => (a(), s("div", {
       class: M(["flex flex-wrap gap-2 bg-base-100 shadow px-4 py-6 border border-base-content/20 rounded", c.$props.class])
@@ -1604,13 +1610,13 @@ const We = ie("SunIcon", [
       h.value = !1, c.value = null, o.value || (m.value && v.value !== m.value.text ? v.value = m.value.text : m.value || (v.value = ""));
     }, S = () => {
       h.value ? w() : y();
-    }, P = J(() => {
+    }, j = J(() => {
       const u = v.value ? v.value.toLowerCase() : "";
       return u === "" && !h.value ? [] : t.options.filter(
         (x) => x && x.text ? x.text.toLowerCase().includes(u) : ""
       );
     });
-    N(
+    _(
       () => t.modelValue,
       (u, O) => {
         if (u !== O && w(), u == null)
@@ -1623,19 +1629,19 @@ const We = ie("SunIcon", [
       { immediate: !0 }
       // Run immediately on component mount
     );
-    const _ = (u) => {
+    const N = (u) => {
       A.value && !A.value.contains(u.target) && w();
     }, U = () => {
       setTimeout(() => {
         A.value && !A.value.contains(document.activeElement) && w();
       }, 100);
     };
-    N(h, (u) => {
+    _(h, (u) => {
       u ? setTimeout(() => {
-        document.addEventListener("click", _);
-      }, 0) : document.removeEventListener("click", _);
+        document.addEventListener("click", N);
+      }, 0) : document.removeEventListener("click", N);
     }), pe(() => {
-      document.removeEventListener("click", _), window.removeEventListener("keydown", B);
+      document.removeEventListener("click", N), window.removeEventListener("keydown", B);
     });
     const K = () => {
       if (t.disabled) return;
@@ -1644,23 +1650,23 @@ const We = ie("SunIcon", [
     }, f = (u) => {
       m.value = u, o.value || (v.value = u.text), r("update:modelValue", u.value), r("select", u), w();
     }, g = () => {
-      P.value.length > 0 && f(P.value[0]);
+      j.value.length > 0 && f(j.value[0]);
     }, C = () => {
       h.value || y();
     }, B = (u) => {
-      if (!h.value || P.value.length === 0) return;
-      const O = P.value.findIndex(
-        (E, H) => "option-" + H === c.value
+      if (!h.value || j.value.length === 0) return;
+      const O = j.value.findIndex(
+        (E, W) => "option-" + W === c.value
       );
       let x = -1;
       if (u.key === "ArrowDown")
-        u.preventDefault(), x = (O + 1) % P.value.length;
+        u.preventDefault(), x = (O + 1) % j.value.length;
       else if (u.key === "ArrowUp")
-        u.preventDefault(), x = (O - 1 + P.value.length) % P.value.length;
+        u.preventDefault(), x = (O - 1 + j.value.length) % j.value.length;
       else if (u.key === "Enter" && c.value) {
         u.preventDefault();
-        const E = P.value.find(
-          (H, W) => "option-" + W === c.value
+        const E = j.value.find(
+          (W, H) => "option-" + H === c.value
         );
         E && f(E);
         return;
@@ -1677,10 +1683,10 @@ const We = ie("SunIcon", [
         });
       }
     };
-    return N(h, (u) => {
+    return _(h, (u) => {
       u ? (window.addEventListener("keydown", B), !o.value && !v.value && m.value && (v.value = m.value.text)) : window.removeEventListener("keydown", B);
     }), pe(() => {
-      document.removeEventListener("click", _), window.removeEventListener("keydown", B);
+      document.removeEventListener("click", N), window.removeEventListener("keydown", B);
     }), d({
       isDropdownOpen: h,
       // Expose state
@@ -1757,9 +1763,9 @@ const We = ie("SunIcon", [
       ], 46, sl),
       ue(n("div", rl, [
         n("ul", ul, [
-          (a(!0), s(R, null, q(P.value, (x, E) => (a(), s("li", {
+          (a(!0), s(R, null, q(j.value, (x, E) => (a(), s("li", {
             key: x.value,
-            onMousedown: Z((H) => f(x), ["prevent"]),
+            onMousedown: Z((W) => f(x), ["prevent"]),
             class: "hover:bg-base-200 rounded-md w-full cursor-pointer",
             id: "option-" + E,
             role: "option",
@@ -1769,7 +1775,7 @@ const We = ie("SunIcon", [
           ], 40, dl))), 128))
         ])
       ], 512), [
-        [ze, h.value && P.value.length > 0]
+        [ze, h.value && j.value.length > 0]
       ])
     ], 512));
   }
@@ -1800,17 +1806,17 @@ const We = ie("SunIcon", [
   emits: ["update:modelValue", "validate"],
   setup(e, { expose: d, emit: l }) {
     const t = e, r = l, i = k(null), o = k(!1), v = k(""), m = J(() => {
-      var S, P, _, U;
+      var S, j, N, U;
       let c = !0, y = "";
       const w = t.modelValue;
-      return (S = t.rules) != null && S.required && (w == null || w === "") && (c = !1, y = "This field is required."), c && ((P = t.rules) == null ? void 0 : P.minLength) !== void 0 && typeof w == "string" && w.length < t.rules.minLength && (c = !1, y = `Must be at least ${t.rules.minLength} characters.`), c && ((_ = t.rules) == null ? void 0 : _.maxLength) !== void 0 && typeof w == "string" && w.length > t.rules.maxLength && (c = !1, y = `Cannot exceed ${t.rules.maxLength} characters.`), c && ((U = t.rules) != null && U.email) && typeof w == "string" && w && (/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(w) || (c = !1, y = "Please enter a valid email address.")), v.value = y, r("validate", c), c;
+      return (S = t.rules) != null && S.required && (w == null || w === "") && (c = !1, y = "This field is required."), c && ((j = t.rules) == null ? void 0 : j.minLength) !== void 0 && typeof w == "string" && w.length < t.rules.minLength && (c = !1, y = `Must be at least ${t.rules.minLength} characters.`), c && ((N = t.rules) == null ? void 0 : N.maxLength) !== void 0 && typeof w == "string" && w.length > t.rules.maxLength && (c = !1, y = `Cannot exceed ${t.rules.maxLength} characters.`), c && ((U = t.rules) != null && U.email) && typeof w == "string" && w && (/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(w) || (c = !1, y = "Please enter a valid email address.")), v.value = y, r("validate", c), c;
     }), h = J(() => o.value && !m.value), I = (c) => {
       const y = c.target;
       r("update:modelValue", y.value), o.value && m.value;
     }, A = () => {
       o.value = !0, m.value;
     };
-    return N(
+    return _(
       () => t.modelValue,
       () => {
         o.value && m.value;
@@ -1882,7 +1888,7 @@ const We = ie("SunIcon", [
   },
   setup(e) {
     const d = e, l = k(d.loading);
-    return N(
+    return _(
       () => d.loading,
       (t) => {
         l.value = t;
@@ -2009,7 +2015,7 @@ const vn = /* @__PURE__ */ ae(zl, [["render", jl]]), El = { class: "flex flex-ro
       ]))), 128))
     ]));
   }
-}), Al = { class: "md:flex hidden navbar-start" }, Rl = { class: "md:flex justify-center items-center hidden navbar-center" }, Nl = { class: "md:flex hidden navbar-end" }, _l = { class: "navbar-bottom md:flex hidden" }, Fl = /* @__PURE__ */ L({
+}), Al = { class: "md:flex hidden navbar-start" }, Rl = { class: "md:flex justify-center items-center hidden navbar-center" }, _l = { class: "md:flex hidden navbar-end" }, Nl = { class: "navbar-bottom md:flex hidden" }, Fl = /* @__PURE__ */ L({
   __name: "navigationBar",
   props: {
     isCollapsed: { type: Boolean, default: !0 }
@@ -2025,10 +2031,10 @@ const vn = /* @__PURE__ */ ae(zl, [["render", jl]]), El = { class: "flex flex-ro
       n("div", Rl, [
         V(l.$slots, "center", {}, void 0, !0)
       ]),
-      n("div", Nl, [
+      n("div", _l, [
         V(l.$slots, "end", {}, void 0, !0)
       ]),
-      n("div", _l, [
+      n("div", Nl, [
         V(l.$slots, "bottom", {}, void 0, !0)
       ])
     ], 2));
@@ -2036,11 +2042,11 @@ const vn = /* @__PURE__ */ ae(zl, [["render", jl]]), El = { class: "flex flex-ro
 }), hn = /* @__PURE__ */ ae(Fl, [["__scopeId", "data-v-8ddb2b45"]]), ql = {
   key: 0,
   class: "hidden top-4 right-0 absolute md:flex gap-4"
-}, Ul = ["onClick", "aria-selected"], Hl = {
+}, Ul = ["onClick", "aria-selected"], Wl = {
   key: 0,
   role: "tabpanel",
   class: "p-6 border-x-0 border-t-2 border-b-0 border-base-300 max-w-full overflow-x-auto tab-content"
-}, Wl = { class: "p-6 border-x-0 border-t-2 border-b-0 border-base-300 max-w-full" }, gn = /* @__PURE__ */ L({
+}, Hl = { class: "p-6 border-x-0 border-t-2 border-b-0 border-base-300 max-w-full" }, gn = /* @__PURE__ */ L({
   __name: "tab",
   props: {
     items: {},
@@ -2091,12 +2097,12 @@ const vn = /* @__PURE__ */ ae(zl, [["render", jl]]), El = { class: "flex flex-ro
             onClick: (A) => i(I),
             "aria-selected": t.value == I
           }, z(I), 11, Ul),
-          e.buttonOnlyMode ? T("", !0) : (a(), s("div", Hl, [
+          e.buttonOnlyMode ? T("", !0) : (a(), s("div", Wl, [
             V(m.$slots, `${I}-tab`)
           ]))
         ], 64))), 256))
       ], 2),
-      n("div", Wl, [
+      n("div", Hl, [
         V(m.$slots, "default")
       ])
     ], 64));
@@ -2114,7 +2120,7 @@ export {
   nn as Carousel,
   an as CarouselItem,
   pn as CategoryNavigation,
-  Ht as DatetimePicker,
+  Wt as DatetimePicker,
   Gl as Dropdown,
   dn as FilterableSelect,
   mn as Footer,