mediacube-ui-v2 0.0.136 → 0.0.138

package/dist/mediacube-ui-v2.js

@@ -1,7 +1,7 @@
 var yu = Object.defineProperty;
 var bu = (t, e, a) => e in t ? yu(t, e, { enumerable: !0, configurable: !0, writable: !0, value: a }) : t[e] = a;
 var ge = (t, e, a) => bu(t, typeof e != "symbol" ? e + "" : e, a);
-import { inject as Ot, reactive as pt, defineComponent as we, ref as L, computed as g, watch as $e, onMounted as ze, openBlock as m, createElementBlock as _, normalizeClass as fe, normalizeStyle as Me, createElementVNode as z, withDirectives as Pt, vShow as jt, unref as c, mergeProps as Ee, renderSlot as I, createBlock as K, resolveDynamicComponent as Gt, withCtx as Y, createCommentVNode as $, createVNode as ie, createTextVNode as xe, toDisplayString as me, withModifiers as Le, useSlots as Ut, toRef as ya, nextTick as ut, onUnmounted as Tn, isRef as Wn, createSlots as rt, renderList as De, normalizeProps as wt, guardReactiveProps as Lt, Teleport as _u, Transition as ja, Fragment as ke, h as An, render as Xn, useAttrs as En, onBeforeUpdate as ku, withKeys as Ht, getCurrentScope as fo, onScopeDispose as vo, toRefs as wu, customRef as xu, readonly as go, getCurrentInstance as Br, shallowRef as On, resolveComponent as xl, onBeforeUnmount as Wa, toHandlers as Su, onBeforeMount as Cu, createApp as $u, provide as Qn, onUpdated as Mu, markRaw as yo, shallowReactive as Du } from "vue";
+import { inject as Ot, reactive as pt, defineComponent as we, ref as R, computed as g, watch as $e, onMounted as ze, openBlock as m, createElementBlock as _, normalizeClass as fe, normalizeStyle as Me, createElementVNode as z, withDirectives as Pt, vShow as jt, unref as c, mergeProps as Ee, renderSlot as I, createBlock as K, resolveDynamicComponent as Gt, withCtx as Y, createCommentVNode as $, createVNode as ie, createTextVNode as xe, toDisplayString as me, withModifiers as Le, useSlots as Ut, toRef as ya, nextTick as ut, onUnmounted as Tn, isRef as Wn, createSlots as rt, renderList as De, normalizeProps as wt, guardReactiveProps as Lt, Teleport as _u, Transition as ja, Fragment as ke, h as An, render as Xn, useAttrs as En, onBeforeUpdate as ku, withKeys as Ht, getCurrentScope as fo, onScopeDispose as vo, toRefs as wu, customRef as xu, readonly as go, getCurrentInstance as Br, shallowRef as On, resolveComponent as xl, onBeforeUnmount as Wa, toHandlers as Su, onBeforeMount as Cu, createApp as $u, provide as Qn, onUpdated as Mu, markRaw as yo, shallowReactive as Du } from "vue";
 const Vr = {
   "$size-50": "4px",
   "$size-100": "8px",
@@ -609,7 +609,7 @@ const Ou = ["src", "alt", "draggable", "lazy"], Bu = {
     }
   },
   setup(t) {
-    const e = t, a = Qe("avatar"), n = L({}), r = L(!1), l = L({}), s = g(() => !!e.borderColor || !!e.dotColor), i = g(() => ({
+    const e = t, a = Qe("avatar"), n = R({}), r = R(!1), l = R({}), s = g(() => !!e.borderColor || !!e.dotColor), i = g(() => ({
       "mc-avatar": !0,
       "mc-avatar--rounded": e.rounded,
       "mc-avatar--bordered": !!e.borderColor,
@@ -654,7 +654,7 @@ const Ou = ["src", "alt", "draggable", "lazy"], Bu = {
       },
       { immediate: !0 }
     );
-    const p = L(null);
+    const p = R(null);
     $e(() => e.src, () => {
       r.value = !1, p.value = e.src;
     }), ze(() => {
@@ -1153,7 +1153,7 @@ const Lu = {
         size: ha.M,
         placement: l.tooltipPlacement || Ft.Top
       }), C;
-    }), l = t, s = Qe("button"), i = L(null), o = e, p = g(() => ({
+    }), l = t, s = Qe("button"), i = R(null), o = e, p = g(() => ({
       [`mc-button--variation-${l.variation}`]: !!l.variation,
       [`mc-button--size-${l.size}`]: !!l.size,
       [`mc-button--text-align-${l.textAlign}`]: !!l.textAlign,
@@ -5712,7 +5712,7 @@ const Il = (t, e) => t == null ? void 0 : t.querySelector(`[data-dp-element="${e
     1: []
   },
   monthPicker: []
-}), ul = L(null), dr = L(!1), cl = L(!1), dl = L(!1), pl = L(!1), Dt = L(0), mt = L(0), Xa = () => {
+}), ul = R(null), dr = R(!1), cl = R(!1), dl = R(!1), pl = R(!1), Dt = R(0), mt = R(0), Xa = () => {
   const t = g(() => dr.value ? [...at.selectionGrid, at.actionRow].filter((u) => u.length) : cl.value ? [
     ...at.timePicker[0],
     ...at.timePicker[1],
@@ -5959,7 +5959,7 @@ const Il = (t, e) => t == null ? void 0 : t.querySelector(`[data-dp-element="${e
     getDefaultStartTime: r
   };
 }, _h = (t, e, a) => {
-  const n = L(), { defaultedTextInput: r, defaultedRange: l, defaultedTz: s, defaultedMultiDates: i, getDefaultPattern: o } = st(e), p = L(""), d = ya(e, "format"), u = ya(e, "formatLocale");
+  const n = R(), { defaultedTextInput: r, defaultedRange: l, defaultedTz: s, defaultedMultiDates: i, getDefaultPattern: o } = st(e), p = R(""), d = ya(e, "format"), u = ya(e, "formatLocale");
   $e(
     n,
     () => {
@@ -6049,8 +6049,8 @@ const Il = (t, e) => t == null ? void 0 : t.querySelector(`[data-dp-element="${e
   }, V = () => {
     const w = (le) => ma(le, r.value.format);
     return `${w(n.value[0])} ${r.value.rangeSeparator} ${n.value[1] ? w(n.value[1]) : ""}`;
-  }, R = () => a.value && n.value ? Array.isArray(n.value) ? V() : ma(n.value, r.value.format) : v(n.value), Q = () => n.value ? i.value.enabled ? n.value.map((w) => v(w)).join("; ") : r.value.enabled && typeof r.value.format == "string" ? R() : v(n.value) : "", pe = () => {
-    !e.format || typeof e.format == "string" || r.value.enabled && typeof r.value.format == "string" ? p.value = Q() : p.value = e.format(n.value);
+  }, L = () => a.value && n.value ? Array.isArray(n.value) ? V() : ma(n.value, r.value.format) : v(n.value), X = () => n.value ? i.value.enabled ? n.value.map((w) => v(w)).join("; ") : r.value.enabled && typeof r.value.format == "string" ? L() : v(n.value) : "", pe = () => {
+    !e.format || typeof e.format == "string" || r.value.enabled && typeof r.value.format == "string" ? p.value = X() : p.value = e.format(n.value);
   }, ne = (w) => {
     if (e.utc) {
       const le = new Date(w);
@@ -6263,7 +6263,7 @@ const Il = (t, e) => t == null ? void 0 : t.querySelector(`[data-dp-element="${e
       defaultedInline: o,
       defaultedRange: p,
       defaultedMultiDates: d
-    } = st(n), { isTimeValid: u, isMonthValid: h } = Qa(n), { buildMatrix: f } = Xa(), v = L(null), y = L(null), E = L(!1), O = L({}), C = L(null), b = L(null);
+    } = st(n), { isTimeValid: u, isMonthValid: h } = Qa(n), { buildMatrix: f } = Xa(), v = R(null), y = R(null), E = R(!1), O = R({}), C = R(null), b = R(null);
     ze(() => {
       n.arrowNavigation && f([kt(v), kt(y)], "actionRow"), M(), window.addEventListener("resize", M);
     }), Tn(() => {
@@ -6272,8 +6272,8 @@ const Il = (t, e) => t == null ? void 0 : t.querySelector(`[data-dp-element="${e
     const M = () => {
       E.value = !1, setTimeout(() => {
         var A, V;
-        const R = (A = C.value) == null ? void 0 : A.getBoundingClientRect(), Q = (V = b.value) == null ? void 0 : V.getBoundingClientRect();
-        R && Q && (O.value.maxWidth = `${Q.width - R.width - 20}px`), E.value = !0;
+        const L = (A = C.value) == null ? void 0 : A.getBoundingClientRect(), X = (V = b.value) == null ? void 0 : V.getBoundingClientRect();
+        L && X && (O.value.maxWidth = `${X.width - L.width - 20}px`), E.value = !0;
       }, 0);
     }, T = g(() => p.value.enabled && !p.value.partialRange && n.internalModelValue ? n.internalModelValue.length === 2 : !0), x = g(
       () => !u.value(n.internalModelValue) || !h.value(n.internalModelValue) || !T.value
@@ -6337,15 +6337,15 @@ const Il = (t, e) => t == null ? void 0 : t.querySelector(`[data-dp-element="${e
               ref: v,
               type: "button",
               class: "dp__action_button dp__action_cancel",
-              onClick: V[0] || (V[0] = (R) => A.$emit("close-picker")),
-              onKeydown: V[1] || (V[1] = (R) => c(Rt)(R, () => A.$emit("close-picker")))
+              onClick: V[0] || (V[0] = (L) => A.$emit("close-picker")),
+              onKeydown: V[1] || (V[1] = (L) => c(Rt)(L, () => A.$emit("close-picker")))
             }, me(A.cancelText), 545)) : $("", !0),
             c(r).showNow ? (m(), _("button", {
               key: 1,
               type: "button",
               class: "dp__action_button dp__action_cancel",
-              onClick: V[2] || (V[2] = (R) => A.$emit("select-now")),
-              onKeydown: V[3] || (V[3] = (R) => c(Rt)(R, () => A.$emit("select-now")))
+              onClick: V[2] || (V[2] = (L) => A.$emit("select-now")),
+              onKeydown: V[3] || (V[3] = (L) => c(Rt)(L, () => A.$emit("select-now")))
             }, me(A.nowButtonLabel), 33)) : $("", !0),
             c(r).showSelect ? (m(), _("button", {
               key: 2,
@@ -6355,7 +6355,7 @@ const Il = (t, e) => t == null ? void 0 : t.querySelector(`[data-dp-element="${e
               class: "dp__action_button dp__action_select",
               disabled: x.value,
               "data-test": "select-button",
-              onKeydown: V[4] || (V[4] = (R) => c(Rt)(R, () => ae())),
+              onKeydown: V[4] || (V[4] = (L) => c(Rt)(L, () => ae())),
               onClick: ae
             }, me(A.selectText), 41, xh)) : $("", !0)
           ], 64))
@@ -6388,7 +6388,7 @@ const Il = (t, e) => t == null ? void 0 : t.querySelector(`[data-dp-element="${e
   setup(t, { expose: e, emit: a }) {
     const { setSelectionGrid: n, buildMultiLevelMatrix: r, setMonthPicker: l } = Xa(), s = a, i = t, { defaultedAriaLabels: o, defaultedTextInput: p, defaultedConfig: d } = st(
       i
-    ), { hideNavigationButtons: u } = Hr(), h = L(!1), f = L(null), v = L(null), y = L([]), E = L(), O = L(null), C = L(0), b = L(null);
+    ), { hideNavigationButtons: u } = Hr(), h = R(!1), f = R(null), v = R(null), y = R([]), E = R(), O = R(null), C = R(0), b = R(null);
     ku(() => {
       f.value = null;
     }), ze(() => {
@@ -6444,12 +6444,12 @@ const Il = (t, e) => t == null ? void 0 : t.querySelector(`[data-dp-element="${e
     }, A = () => {
       i.escClose && ae();
     }, V = (Z, H, k, U) => {
-      Z && ((H.active || H.value === i.focusValue) && (f.value = Z), i.arrowNavigation && (Array.isArray(y.value[k]) ? y.value[k][U] = Z : y.value[k] = [Z], R()));
-    }, R = () => {
+      Z && ((H.active || H.value === i.focusValue) && (f.value = Z), i.arrowNavigation && (Array.isArray(y.value[k]) ? y.value[k][U] = Z : y.value[k] = [Z], L()));
+    }, L = () => {
       var Z, H;
       const k = (Z = i.headerRefs) != null && Z.length ? [i.headerRefs].concat(y.value) : y.value.concat([i.skipButtonRef ? [] : [O.value]]);
       r(xt(k), (H = i.headerRefs) != null && H.length ? "monthPicker" : "selectionGrid");
-    }, Q = (Z) => {
+    }, X = (Z) => {
       i.arrowNavigation || Na(Z, d.value, !0);
     }, pe = (Z) => {
       E.value = Z, s("hover-value", Z);
@@ -6466,13 +6466,13 @@ const Il = (t, e) => t == null ? void 0 : t.querySelector(`[data-dp-element="${e
         case nt.esc:
           return A();
         case nt.arrowLeft:
-          return Q(Z);
+          return X(Z);
         case nt.arrowRight:
-          return Q(Z);
+          return X(Z);
         case nt.arrowUp:
-          return Q(Z);
+          return X(Z);
         case nt.arrowDown:
-          return Q(Z);
+          return X(Z);
         default:
           return;
       }
@@ -6599,7 +6599,7 @@ const Il = (t, e) => t == null ? void 0 : t.querySelector(`[data-dp-element="${e
   },
   emits: ["activate", "set-ref"],
   setup(t, { emit: e }) {
-    const a = e, n = L(null);
+    const a = e, n = R(null);
     return ze(() => a("set-ref", n)), (r, l) => (m(), _("button", {
       ref_key: "elRef",
       ref: n,
@@ -6631,7 +6631,7 @@ const Il = (t, e) => t == null ? void 0 : t.querySelector(`[data-dp-element="${e
   },
   emits: ["toggle-year-picker", "year-select", "handle-year"],
   setup(t, { emit: e }) {
-    const a = e, n = t, { showRightIcon: r, showLeftIcon: l } = Hr(), { defaultedConfig: s, defaultedMultiCalendars: i, defaultedAriaLabels: o, defaultedTransitions: p, defaultedUI: d } = st(n), { showTransition: u, transitionName: h } = lr(p), f = L(!1), v = (O = !1, C) => {
+    const a = e, n = t, { showRightIcon: r, showLeftIcon: l } = Hr(), { defaultedConfig: s, defaultedMultiCalendars: i, defaultedAriaLabels: o, defaultedTransitions: p, defaultedUI: d } = st(n), { showTransition: u, transitionName: h } = lr(p), f = R(!1), v = (O = !1, C) => {
       f.value = !f.value, a("toggle-year-picker", { flow: O, show: C });
     }, y = (O) => {
       f.value = !1, a("year-select", O);
@@ -6763,7 +6763,7 @@ const Il = (t, e) => t == null ? void 0 : t.querySelector(`[data-dp-element="${e
   month: p,
   emit: d
 }) => {
-  const u = g(() => ys(s.yearRange, s.locale, s.reverseYears)), h = L([!1]), f = g(() => (B, N) => {
+  const u = g(() => ys(s.yearRange, s.locale, s.reverseYears)), h = R([!1]), f = g(() => (B, N) => {
     const re = tt(aa(/* @__PURE__ */ new Date()), {
       month: p.value(B),
       year: o.value(B)
@@ -6851,7 +6851,7 @@ const Il = (t, e) => t == null ? void 0 : t.querySelector(`[data-dp-element="${e
     defaultedMultiDates: u
   } = st(t), h = () => {
     t.isTextInputDate && M(Be(he(t.startDate)), 0);
-  }, { modelValue: f, year: v, month: y, calendars: E } = sr(t, e, h), O = g(() => wi(t.formatLocale, t.locale, t.monthNameFormat)), C = L(null), { checkMinMaxRange: b } = Qa(t), {
+  }, { modelValue: f, year: v, month: y, calendars: E } = sr(t, e, h), O = g(() => wi(t.formatLocale, t.locale, t.monthNameFormat)), C = R(null), { checkMinMaxRange: b } = Qa(t), {
     selectYear: M,
     groupedYears: T,
     showYearPicker: x,
@@ -6892,7 +6892,7 @@ const Il = (t, e) => t == null ? void 0 : t.querySelector(`[data-dp-element="${e
       return !1;
     }
     return !1;
-  }, R = g(() => (k) => Cn(O.value, (U) => {
+  }, L = g(() => (k) => Cn(O.value, (U) => {
     var ce;
     const w = ae(k, U.value), le = er(
       U.value,
@@ -6900,16 +6900,16 @@ const Il = (t, e) => t == null ? void 0 : t.querySelector(`[data-dp-element="${e
       Mi(v.value(k), o.value.maxDate)
     ) || ah(o.value.disabledDates, v.value(k)).includes(U.value) || ((ce = d.value.months) == null ? void 0 : ce.includes(U.value)), de = V(U.value, k), Re = Oi(i.value, U.value, v.value(k));
     return { active: w, disabled: le, isBetween: de, highlighted: Re };
-  })), Q = (k, U) => _a(aa(he()), k, v.value(U)), pe = (k, U) => {
+  })), X = (k, U) => _a(aa(he()), k, v.value(U)), pe = (k, U) => {
     const ce = f.value ? f.value : aa(/* @__PURE__ */ new Date());
     f.value = _a(ce, k, v.value(U)), e("auto-apply"), e("update-flow-step");
   }, ne = (k, U) => {
-    const ce = Q(k, U);
-    s.value.fixedEnd || s.value.fixedStart ? f.value = Li(ce, f, e, s) : f.value ? b(ce, f.value) && (f.value = xs(f, Q(k, U), e)) : f.value = [Q(k, U)], ut().then(() => {
+    const ce = X(k, U);
+    s.value.fixedEnd || s.value.fixedStart ? f.value = Li(ce, f, e, s) : f.value ? b(ce, f.value) && (f.value = xs(f, X(k, U), e)) : f.value = [X(k, U)], ut().then(() => {
       Nr(f.value, e, t.autoApply, t.modelAuto);
     });
   }, j = (k, U) => {
-    ws(Q(k, U), f, u.value.limit), e("auto-apply", !0);
+    ws(X(k, U), f, u.value.limit), e("auto-apply", !0);
   }, oe = (k, U) => (E.value[U].month = k, H(U, E.value[U].year, k), u.value.enabled ? j(k, U) : s.value.enabled ? ne(k, U) : pe(k, U)), Z = (k, U) => {
     M(k, U), H(U, k, null);
   }, H = (k, U, ce) => {
@@ -6921,7 +6921,7 @@ const Il = (t, e) => t == null ? void 0 : t.querySelector(`[data-dp-element="${e
     e("update-month-year", { instance: k, year: U, month: w });
   };
   return {
-    groupedMonths: R,
+    groupedMonths: L,
     groupedYears: T,
     year: v,
     isDisabled: B,
@@ -6940,7 +6940,7 @@ const Il = (t, e) => t == null ? void 0 : t.querySelector(`[data-dp-element="${e
       }), e("auto-apply");
     },
     setHoverDate: (k, U) => {
-      C.value = Q(k, U);
+      C.value = X(k, U);
     },
     selectMonth: oe,
     selectYear: Z,
@@ -7070,7 +7070,7 @@ const Il = (t, e) => t == null ? void 0 : t.querySelector(`[data-dp-element="${e
 }), Bh = (t, e) => {
   const a = () => {
     t.isTextInputDate && (d.value = Be(he(t.startDate)));
-  }, { modelValue: n } = sr(t, e, a), r = L(null), { defaultedHighlight: l, defaultedMultiDates: s, defaultedFilters: i, defaultedRange: o, propDates: p } = st(t), d = L();
+  }, { modelValue: n } = sr(t, e, a), r = R(null), { defaultedHighlight: l, defaultedMultiDates: s, defaultedFilters: i, defaultedRange: o, propDates: p } = st(t), d = R();
   ze(() => {
     t.startDate && (n.value && t.focusStartDate || !n.value) && (d.value = Be(he(t.startDate)));
   });
@@ -7188,7 +7188,7 @@ const Il = (t, e) => t == null ? void 0 : t.querySelector(`[data-dp-element="${e
       hours: !1,
       minutes: !1,
       seconds: !1
-    }), y = L("AM"), E = L(null), O = L([]), C = L(), b = L(!1);
+    }), y = R("AM"), E = R(null), O = R([]), C = R(), b = R(!1);
     ze(() => {
       n("mounted");
     });
@@ -7198,7 +7198,7 @@ const Il = (t, e) => t == null ? void 0 : t.querySelector(`[data-dp-element="${e
       seconds: r.enableSeconds ? S.seconds : 0,
       milliseconds: 0
     }), T = g(
-      () => (S) => Q(S, r[S]) || D(S, r[S])
+      () => (S) => X(S, r[S]) || D(S, r[S])
     ), x = g(() => ({ hours: r.hours, minutes: r.minutes, seconds: r.seconds })), D = (S, se) => u.value.enabled && !u.value.disableTimeRangeValidation ? !r.validateTime(S, se) : !1, P = (S, se) => {
       if (u.value.enabled && !u.value.disableTimeRangeValidation) {
         const ve = se ? +r[`${S}Increment`] : -+r[`${S}Increment`], J = r[S] + ve;
@@ -7222,22 +7222,22 @@ const Il = (t, e) => t == null ? void 0 : t.querySelector(`[data-dp-element="${e
       }), r.enableSeconds && S.push({ type: "", separator: !0 }, {
         type: "seconds"
       }), S;
-    }), V = g(() => A.value.filter((S) => !S.separator)), R = g(() => (S) => {
+    }), V = g(() => A.value.filter((S) => !S.separator)), L = g(() => (S) => {
       if (S === "hours") {
         const se = le(+r.hours);
         return { text: se < 10 ? `0${se}` : `${se}`, value: se };
       }
       return { text: r[S] < 10 ? `0${r[S]}` : `${r[S]}`, value: r[S] };
-    }), Q = (S, se) => {
+    }), X = (S, se) => {
       var ve;
       if (!r.disabledTimesConfig) return !1;
       const J = r.disabledTimesConfig(r.order, S === "hours" ? se : void 0);
       return J[S] ? !!((ve = J[S]) != null && ve.includes(se)) : !0;
     }, pe = (S, se) => se !== "hours" || y.value === "AM" ? S : S + 12, ne = (S) => {
-      const se = r.is24 ? 24 : 12, ve = S === "hours" ? se : 60, J = +r[`${S}GridIncrement`], Oe = S === "hours" && !r.is24 ? J : 0, X = [];
+      const se = r.is24 ? 24 : 12, ve = S === "hours" ? se : 60, J = +r[`${S}GridIncrement`], Oe = S === "hours" && !r.is24 ? J : 0, Q = [];
       for (let F = Oe; F < ve; F += J)
-        X.push({ value: r.is24 ? F : pe(F, S), text: F < 10 ? `0${F}` : `${F}` });
-      return S === "hours" && !r.is24 && X.unshift({ value: y.value === "PM" ? 12 : 0, text: "12" }), Cn(X, (F) => ({ active: !1, disabled: p.value.times[S].includes(F.value) || !Z(F.value, S) || Q(S, F.value) || D(S, F.value) }));
+        Q.push({ value: r.is24 ? F : pe(F, S), text: F < 10 ? `0${F}` : `${F}` });
+      return S === "hours" && !r.is24 && Q.unshift({ value: y.value === "PM" ? 12 : 0, text: "12" }), Cn(Q, (F) => ({ active: !1, disabled: p.value.times[S].includes(F.value) || !Z(F.value, S) || X(S, F.value) || D(S, F.value) }));
     }, j = (S) => S >= 0 ? S : 59, oe = (S) => S >= 0 ? S : 23, Z = (S, se) => {
       const ve = r.minTime ? M(ll(r.minTime)) : null, J = r.maxTime ? M(ll(r.maxTime)) : null, Oe = M(
         ll(
@@ -7267,7 +7267,7 @@ const Il = (t, e) => t == null ? void 0 : t.querySelector(`[data-dp-element="${e
       if (S && r.arrowNavigation) {
         Array.isArray(O.value[se]) ? O.value[se][ve] = S : O.value[se] = [S];
         const J = O.value.reduce(
-          (Oe, X) => X.map((F, ee) => [...Oe[ee] || [], X[ee]]),
+          (Oe, Q) => Q.map((F, ee) => [...Oe[ee] || [], Q[ee]]),
           []
         );
         s(r.closeTimePickerBtn), E.value && (J[1] = J[1].concat(E.value)), l(J, r.order);
@@ -7277,7 +7277,7 @@ const Il = (t, e) => t == null ? void 0 : t.querySelector(`[data-dp-element="${e
       var ve;
       return S.disabled ? $("", !0) : (m(), _("div", Ph, [
         (m(!0), _(ke, null, De(A.value, (J, Oe) => {
-          var X, F, ee;
+          var Q, F, ee;
           return m(), _("div", {
             key: Oe,
             class: fe(ae.value)
@@ -7300,7 +7300,7 @@ const Il = (t, e) => t == null ? void 0 : t.querySelector(`[data-dp-element="${e
                   "dp--hidden-el": b.value
                 }),
                 "data-test": `${J.type}-time-inc-btn-${r.order}`,
-                "aria-label": (X = c(i)) == null ? void 0 : X.incrementValue(J.type),
+                "aria-label": (Q = c(i)) == null ? void 0 : Q.incrementValue(J.type),
                 tabindex: "0",
                 onKeydown: (_e) => c(Rt)(_e, () => w(J.type, !0, { keyboard: !0 }), !0),
                 onClick: (_e) => c(d).timeArrowHoldThreshold ? void 0 : w(J.type, !0),
@@ -7321,7 +7321,7 @@ const Il = (t, e) => t == null ? void 0 : t.querySelector(`[data-dp-element="${e
                 ref_for: !0,
                 ref: (_e) => G(_e, Oe, 1),
                 type: "button",
-                "aria-label": `${R.value(J.type).text}-${(F = c(i)) == null ? void 0 : F.openTpOverlay(J.type)}`,
+                "aria-label": `${L.value(J.type).text}-${(F = c(i)) == null ? void 0 : F.openTpOverlay(J.type)}`,
                 class: fe({
                   dp__time_display: !0,
                   dp__time_display_block: !S.timePickerInline,
@@ -7338,11 +7338,11 @@ const Il = (t, e) => t == null ? void 0 : t.querySelector(`[data-dp-element="${e
               }, [
                 S.$slots[J.type] ? I(S.$slots, J.type, {
                   key: 0,
-                  text: R.value(J.type).text,
-                  value: R.value(J.type).value
+                  text: L.value(J.type).text,
+                  value: L.value(J.type).value
                 }) : $("", !0),
                 S.$slots[J.type] ? $("", !0) : (m(), _(ke, { key: 1 }, [
-                  xe(me(R.value(J.type).text), 1)
+                  xe(me(L.value(J.type).text), 1)
                 ], 64))
               ], 42, Lh),
               z("button", {
@@ -7403,7 +7403,7 @@ const Il = (t, e) => t == null ? void 0 : t.querySelector(`[data-dp-element="${e
           css: c(f)
         }, {
           default: Y(() => {
-            var X, F;
+            var Q, F;
             return [
               v[J.type] ? (m(), K(rr, {
                 key: 0,
@@ -7415,7 +7415,7 @@ const Il = (t, e) => t == null ? void 0 : t.querySelector(`[data-dp-element="${e
                 config: S.config,
                 "arrow-navigation": S.arrowNavigation,
                 "aria-labels": S.ariaLabels,
-                "overlay-label": (F = (X = c(i)).timeOverlay) == null ? void 0 : F.call(X, J.type),
+                "overlay-label": (F = (Q = c(i)).timeOverlay) == null ? void 0 : F.call(Q, J.type),
                 onSelected: (ee) => ue(J.type, ee),
                 onToggle: (ee) => k(J.type),
                 onResetFlow: se[1] || (se[1] = (ee) => S.$emit("reset-flow"))
@@ -7480,11 +7480,11 @@ const Il = (t, e) => t == null ? void 0 : t.querySelector(`[data-dp-element="${e
     "am-pm-change"
   ],
   setup(t, { expose: e, emit: a }) {
-    const n = a, r = t, { buildMatrix: l, setTimePicker: s } = Xa(), i = Ut(), { defaultedTransitions: o, defaultedAriaLabels: p, defaultedTextInput: d, defaultedConfig: u, defaultedRange: h } = st(r), { transitionName: f, showTransition: v } = lr(o), { hideNavigationButtons: y } = Hr(), E = L(null), O = L(null), C = L([]), b = L(null), M = L(!1);
+    const n = a, r = t, { buildMatrix: l, setTimePicker: s } = Xa(), i = Ut(), { defaultedTransitions: o, defaultedAriaLabels: p, defaultedTextInput: d, defaultedConfig: u, defaultedRange: h } = st(r), { transitionName: f, showTransition: v } = lr(o), { hideNavigationButtons: y } = Hr(), E = R(null), O = R(null), C = R([]), b = R(null), M = R(!1);
     ze(() => {
       n("mount"), !r.timePicker && r.arrowNavigation ? l([kt(E.value)], "time") : s(!0, r.timePicker);
     });
-    const T = g(() => h.value.enabled && r.modelAuto ? xi(r.internalModelValue) : !0), x = L(!1), D = (ne) => ({
+    const T = g(() => h.value.enabled && r.modelAuto ? xi(r.internalModelValue) : !0), x = R(!1), D = (ne) => ({
       hours: Array.isArray(r.hours) ? r.hours[ne] : r.hours,
       minutes: Array.isArray(r.minutes) ? r.minutes[ne] : r.minutes,
       seconds: Array.isArray(r.seconds) ? r.seconds[ne] : r.seconds
@@ -7510,12 +7510,12 @@ const Il = (t, e) => t == null ? void 0 : t.querySelector(`[data-dp-element="${e
       n("update:minutes", ne);
     }, V = (ne) => {
       n("update:seconds", ne);
-    }, R = () => {
+    }, L = () => {
       if (b.value && !d.value.enabled && !r.noOverlayFocus) {
         const ne = Si(b.value);
         ne && ne.focus({ preventScroll: !0 });
       }
-    }, Q = (ne) => {
+    }, X = (ne) => {
       M.value = !1, n("overlay-closed", ne);
     }, pe = (ne) => {
       M.value = !0, n("overlay-opened", ne);
@@ -7600,8 +7600,8 @@ const Il = (t, e) => t == null ? void 0 : t.querySelector(`[data-dp-element="${e
                       "onUpdate:hours": (ce) => ae(re(ce, U, "hours")),
                       "onUpdate:minutes": (ce) => A(re(ce, U, "minutes")),
                       "onUpdate:seconds": (ce) => V(re(ce, U, "seconds")),
-                      onMounted: R,
-                      onOverlayClosed: Q,
+                      onMounted: L,
+                      onOverlayClosed: X,
                       onOverlayOpened: pe,
                       onAmPmChange: j[2] || (j[2] = (ce) => ne.$emit("am-pm-change", ce))
                     }), rt({ _: 2 }, [
@@ -7775,7 +7775,7 @@ const Il = (t, e) => t == null ? void 0 : t.querySelector(`[data-dp-element="${e
     "overlay-toggle"
   ],
   setup(t, { expose: e, emit: a }) {
-    const n = a, r = t, l = Ut(), s = qt(l, "timePicker"), i = L(null), { time: o, modelValue: p, disabledTimesConfig: d, updateTime: u, validateTime: h } = Uh(r, n);
+    const n = a, r = t, l = Ut(), s = qt(l, "timePicker"), i = R(null), { time: o, modelValue: p, disabledTimesConfig: d, updateTime: u, validateTime: h } = Uh(r, n);
     return ze(() => {
       r.shadow || n("mount", null);
     }), e({ getSidebarProps: () => ({
@@ -7846,7 +7846,7 @@ const Il = (t, e) => t == null ? void 0 : t.querySelector(`[data-dp-element="${e
       defaultedHighlight: d,
       propDates: u,
       defaultedUI: h
-    } = st(r), { transitionName: f, showTransition: v } = lr(l), { buildMatrix: y } = Xa(), { handleMonthYearChange: E, isDisabled: O, updateMonthYear: C } = kh(r, n), { showLeftIcon: b, showRightIcon: M } = Hr(), T = L(!1), x = L(!1), D = L(!1), P = L([null, null, null, null]);
+    } = st(r), { transitionName: f, showTransition: v } = lr(l), { buildMatrix: y } = Xa(), { handleMonthYearChange: E, isDisabled: O, updateMonthYear: C } = kh(r, n), { showLeftIcon: b, showRightIcon: M } = Hr(), T = R(!1), x = R(!1), D = R(!1), P = R([null, null, null, null]);
     ze(() => {
       n("mount");
     });
@@ -7854,7 +7854,7 @@ const Il = (t, e) => t == null ? void 0 : t.querySelector(`[data-dp-element="${e
       get: () => r[H],
       set: (k) => {
         const U = H === Zt.month ? Zt.year : Zt.month;
-        n("update-month-year", { [H]: k, [U]: r[U] }), H === Zt.month ? Q(!0) : pe(!0);
+        n("update-month-year", { [H]: k, [U]: r[U] }), H === Zt.month ? X(!0) : pe(!0);
       }
     }), B = g(q(Zt.month)), N = g(q(Zt.year)), re = g(() => (H) => ({
       month: r.month,
@@ -7862,7 +7862,7 @@ const Il = (t, e) => t == null ? void 0 : t.querySelector(`[data-dp-element="${e
       items: H === Zt.month ? r.months : r.years,
       instance: r.instance,
       updateMonthYear: C,
-      toggle: H === Zt.month ? Q : pe
+      toggle: H === Zt.month ? X : pe
     })), ae = g(() => r.months.find((k) => k.value === r.month) || { text: "", value: 0 }), A = g(() => Cn(r.months, (H) => {
       const k = r.month === H.value, U = er(
         H.value,
@@ -7877,12 +7877,12 @@ const Il = (t, e) => t == null ? void 0 : t.querySelector(`[data-dp-element="${e
         $n(u.value.maxDate)
       ) || o.value.years.includes(H.value), ce = ks(d.value, H.value);
       return { active: k, disabled: U, highlighted: ce };
-    })), R = (H, k, U) => {
+    })), L = (H, k, U) => {
       U !== void 0 ? H.value = U : H.value = !H.value, H.value ? (D.value = !0, n("overlay-opened", k)) : (D.value = !1, n("overlay-closed", k));
-    }, Q = (H = !1, k) => {
-      ne(H), R(T, Tt.month, k);
+    }, X = (H = !1, k) => {
+      ne(H), L(T, Tt.month, k);
     }, pe = (H = !1, k) => {
-      ne(H), R(x, Tt.year, k);
+      ne(H), L(x, Tt.year, k);
     }, ne = (H) => {
       H || n("reset-flow");
     }, j = (H, k) => {
@@ -7893,7 +7893,7 @@ const Il = (t, e) => t == null ? void 0 : t.querySelector(`[data-dp-element="${e
         {
           type: Zt.month,
           index: 1,
-          toggle: Q,
+          toggle: X,
           modelValue: B.value,
           updateModelValue: (de) => B.value = de,
           text: ae.value.text,
@@ -7917,7 +7917,7 @@ const Il = (t, e) => t == null ? void 0 : t.querySelector(`[data-dp-element="${e
       ];
     }), Z = g(() => r.disableYearSelect ? [oe.value[0]] : r.yearFirst ? [...oe.value].reverse() : oe.value);
     return e({
-      toggleMonthPicker: Q,
+      toggleMonthPicker: X,
       toggleYearPicker: pe,
       handleMonthYearChange: E
     }), (H, k) => {
@@ -8111,11 +8111,11 @@ const Il = (t, e) => t == null ? void 0 : t.querySelector(`[data-dp-element="${e
       defaultedWeekNumbers: d,
       defaultedMultiDates: u,
       defaultedUI: h
-    } = st(r), f = L(null), v = L({
+    } = st(r), f = R(null), v = R({
       bottom: "",
       left: "",
       transform: ""
-    }), y = L([]), E = L(null), O = L(!0), C = L(""), b = L({ startX: 0, endX: 0, startY: 0, endY: 0 }), M = L([]), T = L({ left: "50%" }), x = L(!1), D = g(() => r.calendar ? r.calendar(r.mappedDates) : r.mappedDates), P = g(() => r.dayNames ? Array.isArray(r.dayNames) ? r.dayNames : r.dayNames(r.locale, +r.weekStart) : zp(r.formatLocale, r.locale, +r.weekStart));
+    }), y = R([]), E = R(null), O = R(!0), C = R(""), b = R({ startX: 0, endX: 0, startY: 0, endY: 0 }), M = R([]), T = R({ left: "50%" }), x = R(!1), D = g(() => r.calendar ? r.calendar(r.mappedDates) : r.mappedDates), P = g(() => r.dayNames ? Array.isArray(r.dayNames) ? r.dayNames : r.dayNames(r.locale, +r.weekStart) : zp(r.formatLocale, r.locale, +r.weekStart));
     ze(() => {
       n("mount", { cmp: "calendar", refs: y }), i.value.noSwipe || E.value && (E.value.addEventListener("touchstart", j, { passive: !1 }), E.value.addEventListener("touchend", oe, { passive: !1 }), E.value.addEventListener("touchmove", Z, { passive: !1 })), r.monthChangeOnScroll && E.value && E.value.addEventListener("wheel", U, { passive: !1 });
     });
@@ -8139,28 +8139,28 @@ const Il = (t, e) => t == null ? void 0 : t.querySelector(`[data-dp-element="${e
     }), ae = g(() => (G) => He(G, f.value)), A = g(() => ({
       dp__calendar: !0,
       dp__calendar_next: p.value.count > 0 && r.instance !== 0
-    })), V = g(() => (G) => r.hideOffsetDates ? G.current : !0), R = async (G, ue) => {
+    })), V = g(() => (G) => r.hideOffsetDates ? G.current : !0), L = async (G, ue) => {
       const { width: S, height: se } = G.getBoundingClientRect();
       f.value = ue.value;
       let ve = { left: `${S / 2}px` }, J = -50;
       if (await ut(), M.value[0]) {
-        const { left: Oe, width: X } = M.value[0].getBoundingClientRect();
-        Oe < 0 && (ve = { left: "0" }, J = 0, T.value.left = `${S / 2}px`), window.innerWidth < Oe + X && (ve = { right: "0" }, J = 0, T.value.left = `${X - S / 2}px`);
+        const { left: Oe, width: Q } = M.value[0].getBoundingClientRect();
+        Oe < 0 && (ve = { left: "0" }, J = 0, T.value.left = `${S / 2}px`), window.innerWidth < Oe + Q && (ve = { right: "0" }, J = 0, T.value.left = `${Q - S / 2}px`);
       }
       v.value = {
         bottom: `${se}px`,
         ...ve,
         transform: `translateX(${J}%)`
       };
-    }, Q = async (G, ue, S) => {
+    }, X = async (G, ue, S) => {
       var se, ve, J;
       const Oe = kt(y.value[ue][S]);
-      Oe && ((se = G.marker) != null && se.customPosition && (J = (ve = G.marker) == null ? void 0 : ve.tooltip) != null && J.length ? v.value = G.marker.customPosition(Oe) : await R(Oe, G), n("tooltip-open", G.marker));
+      Oe && ((se = G.marker) != null && se.customPosition && (J = (ve = G.marker) == null ? void 0 : ve.tooltip) != null && J.length ? v.value = G.marker.customPosition(Oe) : await L(Oe, G), n("tooltip-open", G.marker));
     }, pe = async (G, ue, S) => {
       var se, ve;
       if (x.value && u.value.enabled && u.value.dragSelect)
         return n("select-date", G);
-      n("set-hover-date", G), (ve = (se = G.marker) == null ? void 0 : se.tooltip) != null && ve.length && await Q(G, ue, S);
+      n("set-hover-date", G), (ve = (se = G.marker) == null ? void 0 : se.tooltip) != null && ve.length && await X(G, ue, S);
     }, ne = (G) => {
       f.value && (f.value = null, v.value = JSON.parse(JSON.stringify({ bottom: "", left: "", transform: "" })), n("tooltip-close", G.marker));
     }, j = (G) => {
@@ -8238,7 +8238,7 @@ const Il = (t, e) => t == null ? void 0 : t.querySelector(`[data-dp-element="${e
                   z("div", rm, me(w(S.days)), 1)
                 ])) : $("", !0),
                 (m(!0), _(ke, null, De(S.days, (ve, J) => {
-                  var Oe, X, F;
+                  var Oe, Q, F;
                   return m(), _("div", {
                     id: c(Bi)(ve.value),
                     ref_for: !0,
@@ -8248,7 +8248,7 @@ const Il = (t, e) => t == null ? void 0 : t.querySelector(`[data-dp-element="${e
                     class: "dp__calendar_item",
                     "aria-pressed": (ve.classData.dp__active_date || ve.classData.dp__range_start || ve.classData.dp__range_start) ?? void 0,
                     "aria-disabled": ve.classData.dp__cell_disabled || void 0,
-                    "aria-label": (X = (Oe = c(o)) == null ? void 0 : Oe.day) == null ? void 0 : X.call(Oe, ve),
+                    "aria-label": (Q = (Oe = c(o)) == null ? void 0 : Oe.day) == null ? void 0 : Q.call(Oe, ve),
                     tabindex: !ve.current && G.hideOffsetDates ? void 0 : 0,
                     "data-test": ve.value,
                     onClick: Le((ee) => le(ee, ve), ["prevent"]),
@@ -8330,7 +8330,7 @@ const Il = (t, e) => t == null ? void 0 : t.querySelector(`[data-dp-element="${e
     ], 2));
   }
 }), lo = (t) => Array.isArray(t), om = (t, e, a, n) => {
-  const r = L([]), l = L(/* @__PURE__ */ new Date()), s = L(), i = () => j(t.isTextInputDate), { modelValue: o, calendars: p, time: d, today: u } = sr(t, e, i), {
+  const r = R([]), l = R(/* @__PURE__ */ new Date()), s = R(), i = () => j(t.isTextInputDate), { modelValue: o, calendars: p, time: d, today: u } = sr(t, e, i), {
     defaultedMultiCalendars: h,
     defaultedStartTime: f,
     defaultedRange: v,
@@ -8342,10 +8342,10 @@ const Il = (t, e) => t == null ? void 0 : t.querySelector(`[data-dp-element="${e
     () => (W) => p.value[W] ? p.value[W].month : 0
   ), A = g(
     () => (W) => p.value[W] ? p.value[W].year : 0
-  ), V = (W) => !y.value.keepViewOnOffsetClick || W ? !0 : !s.value, R = (W, be, te, ye = !1) => {
+  ), V = (W) => !y.value.keepViewOnOffsetClick || W ? !0 : !s.value, L = (W, be, te, ye = !1) => {
     var Ce, Bt;
     V(ye) && (p.value[W] || (p.value[W] = { month: 0, year: 0 }), p.value[W].month = Js(be) ? (Ce = p.value[W]) == null ? void 0 : Ce.month : be, p.value[W].year = Js(te) ? (Bt = p.value[W]) == null ? void 0 : Bt.year : te);
-  }, Q = () => {
+  }, X = () => {
     t.autoApply && e("select-date");
   };
   ze(() => {
@@ -8362,7 +8362,7 @@ const Il = (t, e) => t == null ? void 0 : t.querySelector(`[data-dp-element="${e
     if (h.value.count && W && !t.startDate)
       return Z(he(), W);
   }, oe = () => Array.isArray(o.value) && v.value.enabled ? Ne(o.value[0]) === Ne(o.value[1] ?? o.value[0]) : !1, Z = (W = /* @__PURE__ */ new Date(), be = !1) => {
-    if ((!h.value.count || !h.value.static || be) && R(0, Ne(W), Be(W)), h.value.count && (!h.value.solo || !o.value || oe()))
+    if ((!h.value.count || !h.value.static || be) && L(0, Ne(W), Be(W)), h.value.count && (!h.value.solo || !o.value || oe()))
       for (let te = 1; te < h.value.count; te++) {
         const ye = tt(he(), { month: ae.value(te - 1), year: A.value(te - 1) }), Ce = ei(ye, { months: 1 });
         p.value[te] = { month: Ne(Ce), year: Be(Ce) };
@@ -8395,25 +8395,25 @@ const Il = (t, e) => t == null ? void 0 : t.querySelector(`[data-dp-element="${e
     ce(be, W), h.value.count && h.value.solo && Re();
   }, le = (W, be) => {
     const te = tt(he(), { month: ae.value(be), year: A.value(be) }), ye = W < 0 ? ra(te, 1) : Sn(te, 1);
-    b(Ne(ye), Be(ye), W < 0, t.preventMinMaxNavigation) && (R(be, Ne(ye), Be(ye)), e("update-month-year", { instance: be, month: Ne(ye), year: Be(ye) }), h.value.count && !h.value.solo && de(be), a());
+    b(Ne(ye), Be(ye), W < 0, t.preventMinMaxNavigation) && (L(be, Ne(ye), Be(ye)), e("update-month-year", { instance: be, month: Ne(ye), year: Be(ye) }), h.value.count && !h.value.solo && de(be), a());
   }, de = (W) => {
     for (let be = W - 1; be >= 0; be--) {
       const te = Sn(tt(he(), { month: ae.value(be + 1), year: A.value(be + 1) }), 1);
-      R(be, Ne(te), Be(te));
+      L(be, Ne(te), Be(te));
     }
     for (let be = W + 1; be <= h.value.count - 1; be++) {
       const te = ra(tt(he(), { month: ae.value(be - 1), year: A.value(be - 1) }), 1);
-      R(be, Ne(te), Be(te));
+      L(be, Ne(te), Be(te));
     }
   }, Re = () => {
     if (Array.isArray(o.value) && o.value.length === 2) {
       const W = he(
         he(o.value[1] ? o.value[1] : ra(o.value[0], 1))
       ), [be, te] = [Ne(o.value[0]), Be(o.value[0])], [ye, Ce] = [Ne(o.value[1]), Be(o.value[1])];
-      (be !== ye || be === ye && te !== Ce) && h.value.solo && R(1, Ne(W), Be(W));
-    } else o.value && !Array.isArray(o.value) && (R(0, Ne(o.value), Be(o.value)), Z(he()));
+      (be !== ye || be === ye && te !== Ce) && h.value.solo && L(1, Ne(W), Be(W));
+    } else o.value && !Array.isArray(o.value) && (L(0, Ne(o.value), Be(o.value)), Z(he()));
   }, G = () => {
-    t.startDate && (R(0, Ne(he(t.startDate)), Be(he(t.startDate))), h.value.count && de(0));
+    t.startDate && (L(0, Ne(he(t.startDate)), Be(he(t.startDate))), h.value.count && de(0));
   }, ue = (W, be) => {
     if (t.monthChangeOnScroll) {
       const te = (/* @__PURE__ */ new Date()).getTime() - l.value.getTime(), ye = Math.abs(W.deltaY);
@@ -8445,15 +8445,15 @@ const Il = (t, e) => t == null ? void 0 : t.querySelector(`[data-dp-element="${e
       const Ce = 6 - W.length, Bt = (be.getDay() + 7 - ye) % 7, Wt = 6 - (te.getDay() + 7 - ye) % 7, [Ga, ur] = J(Bt, Wt);
       for (let Pn = 1; Pn <= Ce; Pn++)
         if (ur ? !!(Pn % 2) == Ga : Ga) {
-          const Ca = W[0].days[0], tl = X(ta(Ca.value, -7), Ne(be));
+          const Ca = W[0].days[0], tl = Q(ta(Ca.value, -7), Ne(be));
           W.unshift({ days: tl });
         } else {
-          const Ca = W[W.length - 1], tl = Ca.days[Ca.days.length - 1], gu = X(ta(tl.value, 1), Ne(be));
+          const Ca = W[W.length - 1], tl = Ca.days[Ca.days.length - 1], gu = Q(ta(tl.value, 1), Ne(be));
           W.push({ days: gu });
         }
     }
     return W;
-  }, X = (W, be) => {
+  }, Q = (W, be) => {
     const te = he(W), ye = [];
     for (let Ce = 0; Ce < 7; Ce++) {
       const Bt = ta(te, Ce), Wt = Ne(Bt) !== be;
@@ -8467,7 +8467,7 @@ const Il = (t, e) => t == null ? void 0 : t.querySelector(`[data-dp-element="${e
     return ye;
   }, F = (W, be) => {
     const te = [], ye = new Date(be, W), Ce = new Date(be, W + 1, 0), Bt = t.weekStart, Wt = la(ye, { weekStartsOn: Bt }), Ga = (ur) => {
-      const Pn = X(ur, W);
+      const Pn = Q(ur, W);
       if (te.push({ days: Pn }), !te[te.length - 1].days.some(
         (Ca) => He(It(Ca.value), It(Ce))
       )) {
@@ -8491,12 +8491,12 @@ const Il = (t, e) => t == null ? void 0 : t.querySelector(`[data-dp-element="${e
     T(te) ? (be && Ke(W.value), r.value = te) : e("invalid-date", W.value);
   }, Ke = (W) => {
     const be = Ne(he(W)), te = Be(he(W));
-    if (R(0, be, te), h.value.count > 0)
+    if (L(0, be, te), h.value.count > 0)
       for (let ye = 1; ye < h.value.count; ye++) {
         const Ce = Zp(
           tt(he(W), { year: A.value(ye - 1), month: ae.value(ye - 1) })
         );
-        R(ye, Ce.month, Ce.year);
+        L(ye, Ce.month, Ce.year);
       }
   }, _t = (W) => {
     if (_e(W.value) || !x(W.value, o.value, v.value.fixedStart ? 0 : 1))
@@ -8524,7 +8524,7 @@ const Il = (t, e) => t == null ? void 0 : t.querySelector(`[data-dp-element="${e
     lo(d.hours) && lo(d.minutes) && !C.value.enabled && (Sa(W, be), ir());
   }, Gr = (W, be) => {
     var te;
-    R(W, be.month, be.year, !0), h.value.count && !h.value.solo && de(W), e("update-month-year", { instance: W, month: be.month, year: be.year }), a(h.value.solo ? W : void 0);
+    L(W, be.month, be.year, !0), h.value.count && !h.value.solo && de(W), e("update-month-year", { instance: W, month: be.month, year: be.year }), a(h.value.solo ? W : void 0);
     const ye = (te = t.flow) != null && te.length ? t.flow[t.flowStep] : void 0;
     !be.fromNav && (ye === Tt.month || ye === Tt.year) && n();
   }, Kr = (W, be) => {
@@ -8533,10 +8533,10 @@ const Il = (t, e) => t == null ? void 0 : t.querySelector(`[data-dp-element="${e
       modelValue: o,
       range: v.value.enabled,
       timezone: be ? void 0 : E.value.timezone
-    }), Q(), t.multiCalendars && ut().then(() => j(!0));
+    }), X(), t.multiCalendars && ut().then(() => j(!0));
   }, Zr = () => {
     const W = gs(he(), E.value);
-    v.value.enabled ? o.value && Array.isArray(o.value) && o.value[0] ? o.value = dt(W, o.value[0]) ? [W, o.value[0]] : [o.value[0], W] : o.value = [W] : o.value = W, Q();
+    v.value.enabled ? o.value && Array.isArray(o.value) && o.value[0] ? o.value = dt(W, o.value[0]) ? [W, o.value[0]] : [o.value[0], W] : o.value = [W] : o.value = W, X();
   }, Jr = () => {
     if (Array.isArray(o.value))
       if (C.value.enabled) {
@@ -8621,7 +8621,7 @@ const Il = (t, e) => t == null ? void 0 : t.querySelector(`[data-dp-element="${e
       selectCurrentDate: T,
       updateTime: x,
       assignMonthAndYear: D
-    } = om(r, n, oe, Z), P = Ut(), { setHoverDate: q, getDayClassData: B, clearHoverDate: N } = Sm(o, r), { defaultedMultiCalendars: re } = st(r), ae = L([]), A = L([]), V = L(null), R = qt(P, "calendar"), Q = qt(P, "monthYear"), pe = qt(P, "timePicker"), ne = (ue) => {
+    } = om(r, n, oe, Z), P = Ut(), { setHoverDate: q, getDayClassData: B, clearHoverDate: N } = Sm(o, r), { defaultedMultiCalendars: re } = st(r), ae = R([]), A = R([]), V = R(null), L = qt(P, "calendar"), X = qt(P, "monthYear"), pe = qt(P, "timePicker"), ne = (ue) => {
       r.shadow || n("mount", ue);
     };
     $e(
@@ -8727,10 +8727,10 @@ const Il = (t, e) => t == null ? void 0 : t.querySelector(`[data-dp-element="${e
             onOverlayClosed: G,
             onOverlayOpened: S[2] || (S[2] = (J) => ue.$emit("overlay-toggle", { open: !0, overlay: J }))
           }), rt({ _: 2 }, [
-            De(c(Q), (J, Oe) => ({
+            De(c(X), (J, Oe) => ({
               name: J,
-              fn: Y((X) => [
-                I(ue.$slots, J, wt(Lt(X)))
+              fn: Y((Q) => [
+                I(ue.$slots, J, wt(Lt(Q)))
               ])
             }))
           ]), 1040, ["months", "years", "month", "year", "instance", "onUpdateMonthYear"])),
@@ -8753,10 +8753,10 @@ const Il = (t, e) => t == null ? void 0 : t.querySelector(`[data-dp-element="${e
             onTooltipOpen: S[6] || (S[6] = (J) => ue.$emit("tooltip-open", J)),
             onTooltipClose: S[7] || (S[7] = (J) => ue.$emit("tooltip-close", J))
           }), rt({ _: 2 }, [
-            De(c(R), (J, Oe) => ({
+            De(c(L), (J, Oe) => ({
               name: J,
-              fn: Y((X) => [
-                I(ue.$slots, J, wt(Lt({ ...X })))
+              fn: Y((Q) => [
+                I(ue.$slots, J, wt(Lt({ ...Q })))
               ])
             }))
           ]), 1040, ["mapped-dates", "month", "year", "instance", "onSelectDate", "onHandleSpace", "onHandleScroll", "onHandleSwipe"])
@@ -8795,7 +8795,7 @@ const Il = (t, e) => t == null ? void 0 : t.querySelector(`[data-dp-element="${e
     ], 64));
   }
 }), cm = (t, e) => {
-  const a = L(), {
+  const a = R(), {
     defaultedMultiCalendars: n,
     defaultedConfig: r,
     defaultedHighlight: l,
@@ -8815,22 +8815,22 @@ const Il = (t, e) => t == null ? void 0 : t.querySelector(`[data-dp-element="${e
     filters: o,
     props: t,
     emit: e
-  }), x = (V, R) => [V, R].map((Q) => ma(Q, "MMMM", { locale: t.formatLocale })).join("-"), D = g(() => (V) => d.value ? Array.isArray(d.value) ? d.value.some((R) => Gs(V, R)) : Gs(d.value, V) : !1), P = (V) => {
+  }), x = (V, L) => [V, L].map((X) => ma(X, "MMMM", { locale: t.formatLocale })).join("-"), D = g(() => (V) => d.value ? Array.isArray(d.value) ? d.value.some((L) => Gs(V, L)) : Gs(d.value, V) : !1), P = (V) => {
     if (s.value.enabled) {
       if (Array.isArray(d.value)) {
-        const R = He(V, d.value[0]) || He(V, d.value[1]);
-        return Rr(d.value, a.value, V) && !R;
+        const L = He(V, d.value[0]) || He(V, d.value[1]);
+        return Rr(d.value, a.value, V) && !L;
       }
       return !1;
     }
     return !1;
-  }, q = (V, R) => V.quarter === js(R) && V.year === Be(R), B = (V) => typeof l.value == "function" ? l.value({ quarter: js(V), year: Be(V) }) : !!l.value.quarters.find((R) => q(R, V)), N = g(() => (V) => {
-    const R = tt(/* @__PURE__ */ new Date(), { year: u.value(V) });
+  }, q = (V, L) => V.quarter === js(L) && V.year === Be(L), B = (V) => typeof l.value == "function" ? l.value({ quarter: js(V), year: Be(V) }) : !!l.value.quarters.find((L) => q(L, V)), N = g(() => (V) => {
+    const L = tt(/* @__PURE__ */ new Date(), { year: u.value(V) });
     return jc({
-      start: Zn(R),
-      end: oi(R)
-    }).map((Q) => {
-      const pe = Ja(Q), ne = qs(Q), j = v(Q), oe = P(pe), Z = B(pe);
+      start: Zn(L),
+      end: oi(L)
+    }).map((X) => {
+      const pe = Ja(X), ne = qs(X), j = v(X), oe = P(pe), Z = B(pe);
       return {
         text: x(pe, ne),
         value: pe,
@@ -8860,9 +8860,9 @@ const Il = (t, e) => t == null ? void 0 : t.querySelector(`[data-dp-element="${e
       a.value = V;
     },
     selectYear: y,
-    selectQuarter: (V, R, Q) => {
-      if (!Q)
-        return f.value[R].month = Ne(qs(V)), p.value.enabled ? re(V) : s.value.enabled ? ae(V) : A(V);
+    selectQuarter: (V, L, X) => {
+      if (!X)
+        return f.value[L].month = Ne(qs(V)), p.value.enabled ? re(V) : s.value.enabled ? ae(V) : A(V);
     },
     toggleYearPicker: b,
     handleYearSelect: M,
@@ -9025,8 +9025,8 @@ const Il = (t, e) => t == null ? void 0 : t.querySelector(`[data-dp-element="${e
     "overlay-toggle"
   ],
   setup(t, { expose: e, emit: a }) {
-    const n = a, r = t, l = L(null), s = g(() => {
-      const { openOnTop: X, ...F } = r;
+    const n = a, r = t, l = R(null), s = g(() => {
+      const { openOnTop: Q, ...F } = r;
       return {
         ...F,
         flowStep: q.value,
@@ -9034,35 +9034,35 @@ const Il = (t, e) => t == null ? void 0 : t.querySelector(`[data-dp-element="${e
         noOverlayFocus: r.noOverlayFocus,
         menuWrapRef: l.value
       };
-    }), { setMenuFocused: i, setShiftKey: o, control: p } = Vi(), d = Ut(), { defaultedTextInput: u, defaultedInline: h, defaultedConfig: f, defaultedUI: v } = st(r), y = L(null), E = L(0), O = L(null), C = L(!1), b = L(null);
+    }), { setMenuFocused: i, setShiftKey: o, control: p } = Vi(), d = Ut(), { defaultedTextInput: u, defaultedInline: h, defaultedConfig: f, defaultedUI: v } = st(r), y = R(null), E = R(0), O = R(null), C = R(!1), b = R(null);
     ze(() => {
       if (!r.shadow) {
         C.value = !0, M(), window.addEventListener("resize", M);
-        const X = kt(l);
-        if (X && !u.value.enabled && !h.value.enabled && (i(!0), R()), X) {
+        const Q = kt(l);
+        if (Q && !u.value.enabled && !h.value.enabled && (i(!0), L()), Q) {
           const F = (ee) => {
             f.value.allowPreventDefault && ee.preventDefault(), Na(ee, f.value, !0);
           };
-          X.addEventListener("pointerdown", F), X.addEventListener("mousedown", F);
+          Q.addEventListener("pointerdown", F), Q.addEventListener("mousedown", F);
         }
       }
     }), Tn(() => {
       window.removeEventListener("resize", M);
     });
     const M = () => {
-      const X = kt(O);
-      X && (E.value = X.getBoundingClientRect().width);
+      const Q = kt(O);
+      Q && (E.value = Q.getBoundingClientRect().width);
     }, { arrowRight: T, arrowLeft: x, arrowDown: D, arrowUp: P } = Xa(), { flowStep: q, updateFlowStep: B, childMount: N, resetFlow: re, handleFlow: ae } = Cm(r, n, b), A = g(() => r.monthPicker ? Oh : r.yearPicker ? Vh : r.timePicker ? Wh : r.quarterPicker ? hm : um), V = g(() => {
-      var X;
+      var Q;
       if (f.value.arrowLeft) return f.value.arrowLeft;
-      const F = (X = l.value) == null ? void 0 : X.getBoundingClientRect(), ee = r.getInputRect();
+      const F = (Q = l.value) == null ? void 0 : Q.getBoundingClientRect(), ee = r.getInputRect();
       return (ee == null ? void 0 : ee.width) < (E == null ? void 0 : E.value) && (ee == null ? void 0 : ee.left) <= ((F == null ? void 0 : F.left) ?? 0) ? `${(ee == null ? void 0 : ee.width) / 2}px` : (ee == null ? void 0 : ee.right) >= ((F == null ? void 0 : F.right) ?? 0) && (ee == null ? void 0 : ee.width) < (E == null ? void 0 : E.value) ? `${(E == null ? void 0 : E.value) - (ee == null ? void 0 : ee.width) / 2}px` : "50%";
-    }), R = () => {
-      const X = kt(l);
-      X && X.focus({ preventScroll: !0 });
-    }, Q = g(() => {
-      var X;
-      return ((X = b.value) == null ? void 0 : X.getSidebarProps()) || {};
+    }), L = () => {
+      const Q = kt(l);
+      Q && Q.focus({ preventScroll: !0 });
+    }, X = g(() => {
+      var Q;
+      return ((Q = b.value) == null ? void 0 : Q.getSidebarProps()) || {};
     }), pe = () => {
       r.openOnTop && n("recalculate-position");
     }, ne = qt(d, "action"), j = g(() => r.monthPicker || r.yearPicker ? qt(d, "monthYear") : r.timePicker ? qt(d, "timePicker") : qt(d, "shared")), oe = g(() => r.openOnTop ? "dp__arrow_bottom" : "dp__arrow_top"), Z = g(() => ({
@@ -9076,59 +9076,59 @@ const Il = (t, e) => t == null ? void 0 : t.querySelector(`[data-dp-element="${e
         dp__relative: h.value.enabled,
         ...v.value.menu ?? {}
       })
-    ), k = (X) => {
-      Na(X, f.value, !0);
+    ), k = (Q) => {
+      Na(Q, f.value, !0);
     }, U = () => {
       r.escClose && n("close-picker");
-    }, ce = (X) => {
+    }, ce = (Q) => {
       if (r.arrowNavigation) {
-        if (X === Vt.up) return P();
-        if (X === Vt.down) return D();
-        if (X === Vt.left) return x();
-        if (X === Vt.right) return T();
-      } else X === Vt.left || X === Vt.up ? G("handleArrow", Vt.left, 0, X === Vt.up) : G("handleArrow", Vt.right, 0, X === Vt.down);
-    }, w = (X) => {
-      o(X.shiftKey), !r.disableMonthYearSelect && X.code === nt.tab && X.target.classList.contains("dp__menu") && p.value.shiftKeyInMenu && (X.preventDefault(), Na(X, f.value, !0), n("close-picker"));
+        if (Q === Vt.up) return P();
+        if (Q === Vt.down) return D();
+        if (Q === Vt.left) return x();
+        if (Q === Vt.right) return T();
+      } else Q === Vt.left || Q === Vt.up ? G("handleArrow", Vt.left, 0, Q === Vt.up) : G("handleArrow", Vt.right, 0, Q === Vt.down);
+    }, w = (Q) => {
+      o(Q.shiftKey), !r.disableMonthYearSelect && Q.code === nt.tab && Q.target.classList.contains("dp__menu") && p.value.shiftKeyInMenu && (Q.preventDefault(), Na(Q, f.value, !0), n("close-picker"));
     }, le = () => {
-      R(), n("time-picker-close");
-    }, de = (X) => {
+      L(), n("time-picker-close");
+    }, de = (Q) => {
       var F, ee, _e;
-      (F = b.value) == null || F.toggleTimePicker(!1, !1), (ee = b.value) == null || ee.toggleMonthPicker(!1, !1, X), (_e = b.value) == null || _e.toggleYearPicker(!1, !1, X);
-    }, Re = (X, F = 0) => {
+      (F = b.value) == null || F.toggleTimePicker(!1, !1), (ee = b.value) == null || ee.toggleMonthPicker(!1, !1, Q), (_e = b.value) == null || _e.toggleYearPicker(!1, !1, Q);
+    }, Re = (Q, F = 0) => {
       var ee, _e, Ye;
-      return X === "month" ? (ee = b.value) == null ? void 0 : ee.toggleMonthPicker(!1, !0, F) : X === "year" ? (_e = b.value) == null ? void 0 : _e.toggleYearPicker(!1, !0, F) : X === "time" ? (Ye = b.value) == null ? void 0 : Ye.toggleTimePicker(!0, !1) : de(F);
-    }, G = (X, ...F) => {
+      return Q === "month" ? (ee = b.value) == null ? void 0 : ee.toggleMonthPicker(!1, !0, F) : Q === "year" ? (_e = b.value) == null ? void 0 : _e.toggleYearPicker(!1, !0, F) : Q === "time" ? (Ye = b.value) == null ? void 0 : Ye.toggleTimePicker(!0, !1) : de(F);
+    }, G = (Q, ...F) => {
       var ee, _e;
-      (ee = b.value) != null && ee[X] && ((_e = b.value) == null || _e[X](...F));
+      (ee = b.value) != null && ee[Q] && ((_e = b.value) == null || _e[Q](...F));
     }, ue = () => {
       G("selectCurrentDate");
-    }, S = (X, F) => {
-      G("presetDate", X, F);
+    }, S = (Q, F) => {
+      G("presetDate", Q, F);
     }, se = () => {
       G("clearHoverDate");
-    }, ve = (X, F) => {
-      G("updateMonthYear", X, F);
-    }, J = (X, F) => {
-      X.preventDefault(), ce(F);
-    }, Oe = (X) => {
+    }, ve = (Q, F) => {
+      G("updateMonthYear", Q, F);
+    }, J = (Q, F) => {
+      Q.preventDefault(), ce(F);
+    }, Oe = (Q) => {
       var F, ee, _e;
-      if (w(X), X.key === nt.home || X.key === nt.end)
+      if (w(Q), Q.key === nt.home || Q.key === nt.end)
         return G(
           "selectWeekDate",
-          X.key === nt.home,
-          X.target.getAttribute("id")
+          Q.key === nt.home,
+          Q.target.getAttribute("id")
         );
-      switch ((X.key === nt.pageUp || X.key === nt.pageDown) && (X.shiftKey ? (G("changeYear", X.key === nt.pageUp), (F = Il(l.value, "overlay-year")) == null || F.focus()) : (G("changeMonth", X.key === nt.pageUp), (ee = Il(l.value, X.key === nt.pageUp ? "action-prev" : "action-next")) == null || ee.focus()), X.target.getAttribute("id") && ((_e = l.value) == null || _e.focus({ preventScroll: !0 }))), X.key) {
+      switch ((Q.key === nt.pageUp || Q.key === nt.pageDown) && (Q.shiftKey ? (G("changeYear", Q.key === nt.pageUp), (F = Il(l.value, "overlay-year")) == null || F.focus()) : (G("changeMonth", Q.key === nt.pageUp), (ee = Il(l.value, Q.key === nt.pageUp ? "action-prev" : "action-next")) == null || ee.focus()), Q.target.getAttribute("id") && ((_e = l.value) == null || _e.focus({ preventScroll: !0 }))), Q.key) {
         case nt.esc:
           return U();
         case nt.arrowLeft:
-          return J(X, Vt.left);
+          return J(Q, Vt.left);
         case nt.arrowRight:
-          return J(X, Vt.right);
+          return J(Q, Vt.right);
         case nt.arrowUp:
-          return J(X, Vt.up);
+          return J(Q, Vt.up);
         case nt.arrowDown:
-          return J(X, Vt.down);
+          return J(Q, Vt.down);
         default:
           return;
       }
@@ -9137,33 +9137,33 @@ const Il = (t, e) => t == null ? void 0 : t.querySelector(`[data-dp-element="${e
       updateMonthYear: ve,
       switchView: Re,
       handleFlow: ae
-    }), (X, F) => {
+    }), (Q, F) => {
       var ee, _e, Ye;
       return m(), _("div", {
-        id: X.uid ? `dp-menu-${X.uid}` : void 0,
+        id: Q.uid ? `dp-menu-${Q.uid}` : void 0,
         ref_key: "dpMenuRef",
         ref: l,
         tabindex: c(h).enabled ? void 0 : "0",
         role: c(h).enabled ? void 0 : "dialog",
-        "aria-label": (ee = X.ariaLabels) == null ? void 0 : ee.menu,
+        "aria-label": (ee = Q.ariaLabels) == null ? void 0 : ee.menu,
         class: fe(H.value),
         style: Me({ "--dp-arrow-left": V.value }),
         onMouseleave: se,
         onClick: k,
         onKeydown: Oe
       }, [
-        (X.disabled || X.readonly) && c(h).enabled || X.loading ? (m(), _("div", {
+        (Q.disabled || Q.readonly) && c(h).enabled || Q.loading ? (m(), _("div", {
           key: 0,
           class: fe(Z.value)
         }, [
-          X.loading ? (m(), _("div", fm, F[19] || (F[19] = [
+          Q.loading ? (m(), _("div", fm, F[19] || (F[19] = [
             z("span", { class: "dp--menu-loader" }, null, -1)
           ]))) : $("", !0)
         ], 2)) : $("", !0),
-        X.$slots["menu-header"] ? (m(), _("div", vm, [
-          I(X.$slots, "menu-header")
+        Q.$slots["menu-header"] ? (m(), _("div", vm, [
+          I(Q.$slots, "menu-header")
         ])) : $("", !0),
-        !c(h).enabled && !X.teleportCenter ? (m(), _("div", {
+        !c(h).enabled && !Q.teleportCenter ? (m(), _("div", {
           key: 2,
           class: fe(oe.value)
         }, null, 2)) : $("", !0),
@@ -9171,20 +9171,20 @@ const Il = (t, e) => t == null ? void 0 : t.querySelector(`[data-dp-element="${e
           ref_key: "innerMenuRef",
           ref: O,
           class: fe({
-            dp__menu_content_wrapper: ((_e = X.presetDates) == null ? void 0 : _e.length) || !!X.$slots["left-sidebar"] || !!X.$slots["right-sidebar"],
-            "dp--menu-content-wrapper-collapsed": t.collapse && (((Ye = X.presetDates) == null ? void 0 : Ye.length) || !!X.$slots["left-sidebar"] || !!X.$slots["right-sidebar"])
+            dp__menu_content_wrapper: ((_e = Q.presetDates) == null ? void 0 : _e.length) || !!Q.$slots["left-sidebar"] || !!Q.$slots["right-sidebar"],
+            "dp--menu-content-wrapper-collapsed": t.collapse && (((Ye = Q.presetDates) == null ? void 0 : Ye.length) || !!Q.$slots["left-sidebar"] || !!Q.$slots["right-sidebar"])
           }),
           style: Me({ "--dp-menu-width": `${E.value}px` })
         }, [
-          X.$slots["left-sidebar"] ? (m(), _("div", gm, [
-            I(X.$slots, "left-sidebar", wt(Lt(Q.value)))
+          Q.$slots["left-sidebar"] ? (m(), _("div", gm, [
+            I(Q.$slots, "left-sidebar", wt(Lt(X.value)))
           ])) : $("", !0),
-          X.presetDates.length ? (m(), _("div", {
+          Q.presetDates.length ? (m(), _("div", {
             key: 1,
             class: fe({ "dp--preset-dates-collapsed": t.collapse, "dp--preset-dates": !0 })
           }, [
-            (m(!0), _(ke, null, De(X.presetDates, (Se, Ke) => (m(), _(ke, { key: Ke }, [
-              Se.slot ? I(X.$slots, Se.slot, {
+            (m(!0), _(ke, null, De(Q.presetDates, (Se, Ke) => (m(), _(ke, { key: Ke }, [
+              Se.slot ? I(Q.$slots, Se.slot, {
                 key: 0,
                 presetDate: S,
                 label: Se.label,
@@ -9214,58 +9214,58 @@ const Il = (t, e) => t == null ? void 0 : t.querySelector(`[data-dp-element="${e
               onMount: c(N),
               onUpdateFlowStep: c(B),
               onResetFlow: c(re),
-              onFocusMenu: R,
-              onSelectDate: F[0] || (F[0] = (Se) => X.$emit("select-date")),
-              onDateUpdate: F[1] || (F[1] = (Se) => X.$emit("date-update", Se)),
-              onTooltipOpen: F[2] || (F[2] = (Se) => X.$emit("tooltip-open", Se)),
-              onTooltipClose: F[3] || (F[3] = (Se) => X.$emit("tooltip-close", Se)),
-              onAutoApply: F[4] || (F[4] = (Se) => X.$emit("auto-apply", Se)),
-              onRangeStart: F[5] || (F[5] = (Se) => X.$emit("range-start", Se)),
-              onRangeEnd: F[6] || (F[6] = (Se) => X.$emit("range-end", Se)),
-              onInvalidFixedRange: F[7] || (F[7] = (Se) => X.$emit("invalid-fixed-range", Se)),
-              onTimeUpdate: F[8] || (F[8] = (Se) => X.$emit("time-update")),
-              onAmPmChange: F[9] || (F[9] = (Se) => X.$emit("am-pm-change", Se)),
-              onTimePickerOpen: F[10] || (F[10] = (Se) => X.$emit("time-picker-open", Se)),
+              onFocusMenu: L,
+              onSelectDate: F[0] || (F[0] = (Se) => Q.$emit("select-date")),
+              onDateUpdate: F[1] || (F[1] = (Se) => Q.$emit("date-update", Se)),
+              onTooltipOpen: F[2] || (F[2] = (Se) => Q.$emit("tooltip-open", Se)),
+              onTooltipClose: F[3] || (F[3] = (Se) => Q.$emit("tooltip-close", Se)),
+              onAutoApply: F[4] || (F[4] = (Se) => Q.$emit("auto-apply", Se)),
+              onRangeStart: F[5] || (F[5] = (Se) => Q.$emit("range-start", Se)),
+              onRangeEnd: F[6] || (F[6] = (Se) => Q.$emit("range-end", Se)),
+              onInvalidFixedRange: F[7] || (F[7] = (Se) => Q.$emit("invalid-fixed-range", Se)),
+              onTimeUpdate: F[8] || (F[8] = (Se) => Q.$emit("time-update")),
+              onAmPmChange: F[9] || (F[9] = (Se) => Q.$emit("am-pm-change", Se)),
+              onTimePickerOpen: F[10] || (F[10] = (Se) => Q.$emit("time-picker-open", Se)),
               onTimePickerClose: le,
               onRecalculatePosition: pe,
-              onUpdateMonthYear: F[11] || (F[11] = (Se) => X.$emit("update-month-year", Se)),
-              onAutoApplyInvalid: F[12] || (F[12] = (Se) => X.$emit("auto-apply-invalid", Se)),
-              onInvalidDate: F[13] || (F[13] = (Se) => X.$emit("invalid-date", Se)),
-              onOverlayToggle: F[14] || (F[14] = (Se) => X.$emit("overlay-toggle", Se)),
-              "onUpdate:internalModelValue": F[15] || (F[15] = (Se) => X.$emit("update:internal-model-value", Se))
+              onUpdateMonthYear: F[11] || (F[11] = (Se) => Q.$emit("update-month-year", Se)),
+              onAutoApplyInvalid: F[12] || (F[12] = (Se) => Q.$emit("auto-apply-invalid", Se)),
+              onInvalidDate: F[13] || (F[13] = (Se) => Q.$emit("invalid-date", Se)),
+              onOverlayToggle: F[14] || (F[14] = (Se) => Q.$emit("overlay-toggle", Se)),
+              "onUpdate:internalModelValue": F[15] || (F[15] = (Se) => Q.$emit("update:internal-model-value", Se))
             }), rt({ _: 2 }, [
               De(j.value, (Se, Ke) => ({
                 name: Se,
                 fn: Y((_t) => [
-                  I(X.$slots, Se, wt(Lt({ ..._t })))
+                  I(Q.$slots, Se, wt(Lt({ ..._t })))
                 ])
               }))
             ]), 1040, ["flow-step", "onMount", "onUpdateFlowStep", "onResetFlow"]))
           ], 512),
-          X.$slots["right-sidebar"] ? (m(), _("div", bm, [
-            I(X.$slots, "right-sidebar", wt(Lt(Q.value)))
+          Q.$slots["right-sidebar"] ? (m(), _("div", bm, [
+            I(Q.$slots, "right-sidebar", wt(Lt(X.value)))
           ])) : $("", !0),
-          X.$slots["action-extra"] ? (m(), _("div", _m, [
-            X.$slots["action-extra"] ? I(X.$slots, "action-extra", {
+          Q.$slots["action-extra"] ? (m(), _("div", _m, [
+            Q.$slots["action-extra"] ? I(Q.$slots, "action-extra", {
               key: 0,
               selectCurrentDate: ue
             }) : $("", !0)
           ])) : $("", !0)
         ], 6),
-        !X.autoApply || c(f).keepActionRow ? (m(), K(Sh, Ee({
+        !Q.autoApply || c(f).keepActionRow ? (m(), K(Sh, Ee({
           key: 3,
           "menu-mount": C.value
         }, s.value, {
           "calendar-width": E.value,
-          onClosePicker: F[16] || (F[16] = (Se) => X.$emit("close-picker")),
-          onSelectDate: F[17] || (F[17] = (Se) => X.$emit("select-date")),
-          onInvalidSelect: F[18] || (F[18] = (Se) => X.$emit("invalid-select")),
+          onClosePicker: F[16] || (F[16] = (Se) => Q.$emit("close-picker")),
+          onSelectDate: F[17] || (F[17] = (Se) => Q.$emit("select-date")),
+          onInvalidSelect: F[18] || (F[18] = (Se) => Q.$emit("invalid-select")),
           onSelectNow: ue
         }), rt({ _: 2 }, [
           De(c(ne), (Se, Ke) => ({
             name: Se,
             fn: Y((_t) => [
-              I(X.$slots, Se, wt(Lt({ ..._t })))
+              I(Q.$slots, Se, wt(Lt({ ..._t })))
             ])
           }))
         ]), 1040, ["menu-mount", "calendar-width"])) : $("", !0)
@@ -9284,98 +9284,98 @@ const km = ({
   props: s,
   slots: i
 }) => {
-  const { defaultedConfig: o } = st(s), p = L({}), d = L(!1), u = L({
+  const { defaultedConfig: o } = st(s), p = R({}), d = R(!1), u = R({
     top: "0",
     left: "0"
-  }), h = L(!1), f = ya(s, "teleportCenter");
+  }), h = R(!1), f = ya(s, "teleportCenter");
   $e(f, () => {
     u.value = JSON.parse(JSON.stringify({})), T();
   });
-  const v = (R) => {
+  const v = (L) => {
     if (s.teleport) {
-      const Q = R.getBoundingClientRect();
+      const X = L.getBoundingClientRect();
       return {
-        left: Q.left + window.scrollX,
-        top: Q.top + window.scrollY
+        left: X.left + window.scrollX,
+        top: X.top + window.scrollY
       };
     }
     return { top: 0, left: 0 };
-  }, y = (R, Q) => {
-    u.value.left = `${R + Q - p.value.width}px`;
-  }, E = (R) => {
-    u.value.left = `${R}px`;
-  }, O = (R, Q) => {
-    s.position === hn.left && E(R), s.position === hn.right && y(R, Q), s.position === hn.center && (u.value.left = `${R + Q / 2 - p.value.width / 2}px`);
-  }, C = (R) => {
-    const { width: Q, height: pe } = R.getBoundingClientRect(), { top: ne, left: j } = s.altPosition ? s.altPosition(R) : v(R);
-    return { top: +ne, left: +j, width: Q, height: pe };
+  }, y = (L, X) => {
+    u.value.left = `${L + X - p.value.width}px`;
+  }, E = (L) => {
+    u.value.left = `${L}px`;
+  }, O = (L, X) => {
+    s.position === hn.left && E(L), s.position === hn.right && y(L, X), s.position === hn.center && (u.value.left = `${L + X / 2 - p.value.width / 2}px`);
+  }, C = (L) => {
+    const { width: X, height: pe } = L.getBoundingClientRect(), { top: ne, left: j } = s.altPosition ? s.altPosition(L) : v(L);
+    return { top: +ne, left: +j, width: X, height: pe };
   }, b = () => {
     u.value.left = "50%", u.value.top = "50%", u.value.transform = "translate(-50%, -50%)", u.value.position = "fixed", delete u.value.opacity;
   }, M = () => {
-    const R = kt(a), { top: Q, left: pe, transform: ne } = s.altPosition(R);
-    u.value = { top: `${Q}px`, left: `${pe}px`, transform: ne ?? "" };
-  }, T = (R = !0) => {
-    var Q;
+    const L = kt(a), { top: X, left: pe, transform: ne } = s.altPosition(L);
+    u.value = { top: `${X}px`, left: `${pe}px`, transform: ne ?? "" };
+  }, T = (L = !0) => {
+    var X;
     if (!r.value.enabled) {
       if (f.value) return b();
       if (s.altPosition !== null) return M();
-      if (R) {
-        const pe = s.teleport ? (Q = e.value) == null ? void 0 : Q.$el : t.value;
+      if (L) {
+        const pe = s.teleport ? (X = e.value) == null ? void 0 : X.$el : t.value;
         pe && (p.value = pe.getBoundingClientRect()), l("recalculate-position");
       }
       return re();
     }
-  }, x = ({ inputEl: R, left: Q, width: pe }) => {
-    window.screen.width > 768 && !d.value && O(Q, pe), q(R);
-  }, D = (R) => {
-    const { top: Q, left: pe, height: ne, width: j } = C(R);
-    u.value.top = `${ne + Q + +s.offset}px`, h.value = !1, d.value || (u.value.left = `${pe + j / 2 - p.value.width / 2}px`), x({ inputEl: R, left: pe, width: j });
-  }, P = (R) => {
-    const { top: Q, left: pe, width: ne } = C(R);
-    u.value.top = `${Q - +s.offset - p.value.height}px`, h.value = !0, x({ inputEl: R, left: pe, width: ne });
-  }, q = (R) => {
+  }, x = ({ inputEl: L, left: X, width: pe }) => {
+    window.screen.width > 768 && !d.value && O(X, pe), q(L);
+  }, D = (L) => {
+    const { top: X, left: pe, height: ne, width: j } = C(L);
+    u.value.top = `${ne + X + +s.offset}px`, h.value = !1, d.value || (u.value.left = `${pe + j / 2 - p.value.width / 2}px`), x({ inputEl: L, left: pe, width: j });
+  }, P = (L) => {
+    const { top: X, left: pe, width: ne } = C(L);
+    u.value.top = `${X - +s.offset - p.value.height}px`, h.value = !0, x({ inputEl: L, left: pe, width: ne });
+  }, q = (L) => {
     if (s.autoPosition) {
-      const { left: Q, width: pe } = C(R), { left: ne, right: j } = p.value;
+      const { left: X, width: pe } = C(L), { left: ne, right: j } = p.value;
       if (!d.value) {
         if (Math.abs(ne) !== Math.abs(j)) {
           if (ne <= 0)
-            return d.value = !0, E(Q);
+            return d.value = !0, E(X);
           if (j >= document.documentElement.clientWidth)
-            return d.value = !0, y(Q, pe);
+            return d.value = !0, y(X, pe);
         }
-        return O(Q, pe);
+        return O(X, pe);
       }
     }
   }, B = () => {
-    const R = kt(a);
-    if (R) {
-      const { height: Q } = p.value, { top: pe, height: ne } = R.getBoundingClientRect(), j = window.innerHeight - pe - ne, oe = pe;
-      return Q <= j ? Za.bottom : Q > j && Q <= oe ? Za.top : j >= oe ? Za.bottom : Za.top;
+    const L = kt(a);
+    if (L) {
+      const { height: X } = p.value, { top: pe, height: ne } = L.getBoundingClientRect(), j = window.innerHeight - pe - ne, oe = pe;
+      return X <= j ? Za.bottom : X > j && X <= oe ? Za.top : j >= oe ? Za.bottom : Za.top;
     }
     return Za.bottom;
-  }, N = (R) => B() === Za.bottom ? D(R) : P(R), re = () => {
-    const R = kt(a);
-    if (R)
-      return s.autoPosition ? N(R) : D(R);
-  }, ae = function(R) {
-    if (R) {
-      const Q = R.scrollHeight > R.clientHeight, pe = window.getComputedStyle(R).overflowY.indexOf("hidden") !== -1;
-      return Q && !pe;
+  }, N = (L) => B() === Za.bottom ? D(L) : P(L), re = () => {
+    const L = kt(a);
+    if (L)
+      return s.autoPosition ? N(L) : D(L);
+  }, ae = function(L) {
+    if (L) {
+      const X = L.scrollHeight > L.clientHeight, pe = window.getComputedStyle(L).overflowY.indexOf("hidden") !== -1;
+      return X && !pe;
     }
     return !0;
-  }, A = function(R) {
-    return !R || R === document.body || R.nodeType === Node.DOCUMENT_FRAGMENT_NODE ? window : ae(R) ? R : A(
-      R.assignedSlot && o.value.shadowDom ? R.assignedSlot.parentNode : R.parentNode
+  }, A = function(L) {
+    return !L || L === document.body || L.nodeType === Node.DOCUMENT_FRAGMENT_NODE ? window : ae(L) ? L : A(
+      L.assignedSlot && o.value.shadowDom ? L.assignedSlot.parentNode : L.parentNode
     );
-  }, V = (R) => {
-    if (R)
+  }, V = (L) => {
+    if (L)
       switch (s.position) {
         case hn.left:
           return { left: 0, transform: "translateX(0)" };
         case hn.right:
-          return { left: `${R.width}px`, transform: "translateX(-100%)" };
+          return { left: `${L.width}px`, transform: "translateX(-100%)" };
         default:
-          return { left: `${R.width / 2}px`, transform: "translateX(-50%)" };
+          return { left: `${L.width / 2}px`, transform: "translateX(-50%)" };
       }
     return {};
   };
@@ -9385,7 +9385,7 @@ const km = ({
     xCorrect: d,
     setMenuPosition: T,
     getScrollableParent: A,
-    shadowRender: (R, Q) => {
+    shadowRender: (L, X) => {
       var pe, ne, j;
       const oe = document.createElement("div"), Z = (pe = kt(a)) == null ? void 0 : pe.getBoundingClientRect();
       oe.setAttribute("id", "dp--temp-container");
@@ -9394,9 +9394,9 @@ const km = ({
       const k = V(Z), U = o.value.shadowDom ? Object.keys(i).filter(
         (w) => ["right-sidebar", "left-sidebar", "top-extra", "action-extra"].includes(w)
       ) : Object.keys(i), ce = An(
-        R,
+        L,
         {
-          ...Q,
+          ...X,
           shadow: !0,
           style: { opacity: 0, position: "absolute", ...k }
         },
@@ -9468,7 +9468,7 @@ const km = ({
   const e = g(() => (n) => t.value ? n ? t.value.open : t.value.close : ""), a = g(() => (n) => t.value ? n ? t.value.menuAppearTop : t.value.menuAppearBottom : "");
   return { transitionName: e, showTransition: !!t.value, menuTransition: a };
 }, sr = (t, e, a) => {
-  const { defaultedRange: n, defaultedTz: r } = st(t), l = he(Yt(he(), r.value.timezone)), s = L([{ month: Ne(l), year: Be(l) }]), i = (h) => {
+  const { defaultedRange: n, defaultedTz: r } = st(t), l = he(Yt(he(), r.value.timezone)), s = R([{ month: Ne(l), year: Be(l) }]), i = (h) => {
     const f = {
       hours: ka(l),
       minutes: Ua(l),
@@ -9520,7 +9520,7 @@ const km = ({
     defaultedTz: s,
     propDates: i,
     defaultedRange: o
-  } = st(e), { isDisabled: p } = Qa(e), d = L(null), u = L(Yt(/* @__PURE__ */ new Date(), s.value.timezone)), h = (k) => {
+  } = st(e), { isDisabled: p } = Qa(e), d = R(null), u = R(Yt(/* @__PURE__ */ new Date(), s.value.timezone)), h = (k) => {
     !k.current && e.hideOffsetDates || (d.value = k.value);
   }, f = () => {
     d.value = null;
@@ -9577,7 +9577,7 @@ const km = ({
   }, A = (k) => {
     var U;
     return typeof l.value == "function" ? l.value(k.value) : (U = l.value.weekdays) == null ? void 0 : U.includes(k.value.getDay());
-  }, V = (k) => (o.value.enabled || e.weekPicker) && (!(a.value.count > 0) || k.current) && q() && !(!k.current && e.hideOffsetDates) && !b(k) ? D(k) : !1, R = (k) => {
+  }, V = (k) => (o.value.enabled || e.weekPicker) && (!(a.value.count > 0) || k.current) && q() && !(!k.current && e.hideOffsetDates) && !b(k) ? D(k) : !1, L = (k) => {
     const { isRangeStart: U, isRangeEnd: ce } = j(k), w = o.value.enabled ? U || ce : !1;
     return {
       dp__cell_offset: !k.current,
@@ -9589,7 +9589,7 @@ const km = ({
       "dp--past": dt(k.value, u.value),
       "dp--future": gt(k.value, u.value)
     };
-  }, Q = (k) => ({
+  }, X = (k) => ({
     dp__active_date: N(k),
     dp__date_hover: B(k)
   }), pe = (k) => {
@@ -9637,12 +9637,12 @@ const km = ({
     dp__cell_auto_range: T(k),
     dp__cell_auto_range_start: x(k),
     dp__cell_auto_range_end: M(k)
-  }), H = (k) => o.value.enabled ? o.value.autoRange ? Z(k) : e.modelAuto ? { ...Q(k), ...oe(k) } : e.weekPicker ? ne(k) : oe(k) : e.weekPicker ? pe(k) : Q(k);
+  }), H = (k) => o.value.enabled ? o.value.autoRange ? Z(k) : e.modelAuto ? { ...X(k), ...oe(k) } : e.weekPicker ? ne(k) : oe(k) : e.weekPicker ? pe(k) : X(k);
   return {
     setHoverDate: h,
     clearHoverDate: f,
     getDayClassData: (k) => e.hideOffsetDates && !k.current ? {} : {
-      ...R(k),
+      ...L(k),
       ...H(k),
       [e.dayClass ? e.dayClass(k.value, e.internalModelValue) : ""]: !0,
       ...r.value.calendarCell ?? {}
@@ -9650,72 +9650,72 @@ const km = ({
   };
 }, Qa = (t) => {
   const { defaultedFilters: e, defaultedRange: a, propDates: n, defaultedMultiDates: r } = st(t), l = (A) => n.value.disabledDates ? typeof n.value.disabledDates == "function" ? n.value.disabledDates(he(A)) : !!Tr(A, n.value.disabledDates) : !1, s = (A) => n.value.maxDate ? t.yearPicker ? Be(A) > Be(n.value.maxDate) : gt(A, n.value.maxDate) : !1, i = (A) => n.value.minDate ? t.yearPicker ? Be(A) < Be(n.value.minDate) : dt(A, n.value.minDate) : !1, o = (A) => {
-    const V = s(A), R = i(A), Q = l(A), pe = e.value.months.map((H) => +H).includes(Ne(A)), ne = t.disabledWeekDays.length ? t.disabledWeekDays.some((H) => +H === Ld(A)) : !1, j = f(A), oe = Be(A), Z = oe < +t.yearRange[0] || oe > +t.yearRange[1];
-    return !(V || R || Q || pe || Z || ne || j);
-  }, p = (A, V) => dt(...Fa(n.value.minDate, A, V)) || He(...Fa(n.value.minDate, A, V)), d = (A, V) => gt(...Fa(n.value.maxDate, A, V)) || He(...Fa(n.value.maxDate, A, V)), u = (A, V, R) => {
-    let Q = !1;
-    return n.value.maxDate && R && d(A, V) && (Q = !0), n.value.minDate && !R && p(A, V) && (Q = !0), Q;
-  }, h = (A, V, R, Q) => {
+    const V = s(A), L = i(A), X = l(A), pe = e.value.months.map((H) => +H).includes(Ne(A)), ne = t.disabledWeekDays.length ? t.disabledWeekDays.some((H) => +H === Ld(A)) : !1, j = f(A), oe = Be(A), Z = oe < +t.yearRange[0] || oe > +t.yearRange[1];
+    return !(V || L || X || pe || Z || ne || j);
+  }, p = (A, V) => dt(...Fa(n.value.minDate, A, V)) || He(...Fa(n.value.minDate, A, V)), d = (A, V) => gt(...Fa(n.value.maxDate, A, V)) || He(...Fa(n.value.maxDate, A, V)), u = (A, V, L) => {
+    let X = !1;
+    return n.value.maxDate && L && d(A, V) && (X = !0), n.value.minDate && !L && p(A, V) && (X = !0), X;
+  }, h = (A, V, L, X) => {
     let pe = !1;
-    return Q && (n.value.minDate || n.value.maxDate) ? n.value.minDate && n.value.maxDate ? pe = u(A, V, R) : (n.value.minDate && p(A, V) || n.value.maxDate && d(A, V)) && (pe = !0) : pe = !0, pe;
+    return X && (n.value.minDate || n.value.maxDate) ? n.value.minDate && n.value.maxDate ? pe = u(A, V, L) : (n.value.minDate && p(A, V) || n.value.maxDate && d(A, V)) && (pe = !0) : pe = !0, pe;
   }, f = (A) => Array.isArray(n.value.allowedDates) && !n.value.allowedDates.length ? !0 : n.value.allowedDates ? !Tr(A, n.value.allowedDates) : !1, v = (A) => !o(A), y = (A) => a.value.noDisabledRange ? !si({ start: A[0], end: A[1] }).some((V) => v(V)) : !0, E = (A) => {
     if (A) {
       const V = Be(A);
       return V >= +t.yearRange[0] && V <= t.yearRange[1];
     }
     return !0;
-  }, O = (A, V) => !!(Array.isArray(A) && A[V] && (a.value.maxRange || a.value.minRange) && E(A[V])), C = (A, V, R = 0) => {
-    if (O(V, R) && E(A)) {
-      const Q = ri(A, V[R]), pe = Di(V[R], A), ne = pe.length === 1 ? 0 : pe.filter((oe) => v(oe)).length, j = Math.abs(Q) - (a.value.minMaxRawRange ? 0 : ne);
+  }, O = (A, V) => !!(Array.isArray(A) && A[V] && (a.value.maxRange || a.value.minRange) && E(A[V])), C = (A, V, L = 0) => {
+    if (O(V, L) && E(A)) {
+      const X = ri(A, V[L]), pe = Di(V[L], A), ne = pe.length === 1 ? 0 : pe.filter((oe) => v(oe)).length, j = Math.abs(X) - (a.value.minMaxRawRange ? 0 : ne);
       if (a.value.minRange && a.value.maxRange)
         return j >= +a.value.minRange && j <= +a.value.maxRange;
       if (a.value.minRange) return j >= +a.value.minRange;
       if (a.value.maxRange) return j <= +a.value.maxRange;
     }
     return !0;
-  }, b = () => !t.enableTimePicker || t.monthPicker || t.yearPicker || t.ignoreTimeValidation, M = (A) => Array.isArray(A) ? [A[0] ? il(A[0]) : null, A[1] ? il(A[1]) : null] : il(A), T = (A, V, R) => A.find(
-    (Q) => +Q.hours === ka(V) && Q.minutes === "*" ? !0 : +Q.minutes === Ua(V) && +Q.hours === ka(V)
-  ) && R, x = (A, V, R) => {
-    const [Q, pe] = A, [ne, j] = V;
-    return !T(Q, ne, R) && !T(pe, j, R) && R;
+  }, b = () => !t.enableTimePicker || t.monthPicker || t.yearPicker || t.ignoreTimeValidation, M = (A) => Array.isArray(A) ? [A[0] ? il(A[0]) : null, A[1] ? il(A[1]) : null] : il(A), T = (A, V, L) => A.find(
+    (X) => +X.hours === ka(V) && X.minutes === "*" ? !0 : +X.minutes === Ua(V) && +X.hours === ka(V)
+  ) && L, x = (A, V, L) => {
+    const [X, pe] = A, [ne, j] = V;
+    return !T(X, ne, L) && !T(pe, j, L) && L;
   }, D = (A, V) => {
-    const R = Array.isArray(V) ? V : [V];
-    return Array.isArray(t.disabledTimes) ? Array.isArray(t.disabledTimes[0]) ? x(t.disabledTimes, R, A) : !R.some((Q) => T(t.disabledTimes, Q, A)) : A;
+    const L = Array.isArray(V) ? V : [V];
+    return Array.isArray(t.disabledTimes) ? Array.isArray(t.disabledTimes[0]) ? x(t.disabledTimes, L, A) : !L.some((X) => T(t.disabledTimes, X, A)) : A;
   }, P = (A, V) => {
-    const R = Array.isArray(V) ? [nn(V[0]), V[1] ? nn(V[1]) : void 0] : nn(V), Q = !t.disabledTimes(R);
-    return A && Q;
+    const L = Array.isArray(V) ? [nn(V[0]), V[1] ? nn(V[1]) : void 0] : nn(V), X = !t.disabledTimes(L);
+    return A && X;
   }, q = (A, V) => t.disabledTimes ? Array.isArray(t.disabledTimes) ? D(V, A) : P(V, A) : V, B = (A) => {
     let V = !0;
     if (!A || b()) return !0;
-    const R = !n.value.minDate && !n.value.maxDate ? M(A) : A;
+    const L = !n.value.minDate && !n.value.maxDate ? M(A) : A;
     return (t.maxTime || n.value.maxDate) && (V = ao(
       t.maxTime,
       n.value.maxDate,
       "max",
-      xt(R),
+      xt(L),
       V
     )), (t.minTime || n.value.minDate) && (V = ao(
       t.minTime,
       n.value.minDate,
       "min",
-      xt(R),
+      xt(L),
       V
     )), q(A, V);
   }, N = (A) => {
     if (!t.monthPicker) return !0;
     let V = !0;
-    const R = he(aa(A));
+    const L = he(aa(A));
     if (n.value.minDate && n.value.maxDate) {
-      const Q = he(aa(n.value.minDate)), pe = he(aa(n.value.maxDate));
-      return gt(R, Q) && dt(R, pe) || He(R, Q) || He(R, pe);
+      const X = he(aa(n.value.minDate)), pe = he(aa(n.value.maxDate));
+      return gt(L, X) && dt(L, pe) || He(L, X) || He(L, pe);
     }
     if (n.value.minDate) {
-      const Q = he(aa(n.value.minDate));
-      V = gt(R, Q) || He(R, Q);
+      const X = he(aa(n.value.minDate));
+      V = gt(L, X) || He(L, X);
     }
     if (n.value.maxDate) {
-      const Q = he(aa(n.value.maxDate));
-      V = dt(R, Q) || He(R, Q);
+      const X = he(aa(n.value.maxDate));
+      V = dt(L, X) || He(L, X);
     }
     return V;
   }, re = g(() => (A) => !t.enableTimePicker || t.ignoreTimeValidation ? !0 : B(A)), ae = g(() => (A) => t.monthPicker ? Array.isArray(A) && (a.value.enabled || r.value.enabled) ? !A.filter((V) => !N(V)).length : N(A) : !0);
@@ -9733,7 +9733,7 @@ const km = ({
   const t = g(() => (n, r) => n == null ? void 0 : n.includes(r)), e = g(() => (n, r) => n.count ? n.solo ? !0 : r === 0 : !0), a = g(() => (n, r) => n.count ? n.solo ? !0 : r === n.count - 1 : !0);
   return { hideNavigationButtons: t, showLeftIcon: e, showRightIcon: a };
 }, Cm = (t, e, a) => {
-  const n = L(0), r = pt({
+  const n = R(0), r = pt({
     [an.timePicker]: !t.enableTimePicker || t.timePicker || t.monthPicker,
     [an.calendar]: !1,
     [an.header]: !1
@@ -9799,7 +9799,7 @@ const km = ({
       defaultedUI: u,
       getDefaultPattern: h,
       getDefaultStartTime: f
-    } = st(r), { checkMinMaxRange: v } = Qa(r), y = L(), E = L(null), O = L(!1), C = L(!1), b = g(
+    } = st(r), { checkMinMaxRange: v } = Qa(r), y = R(), E = R(null), O = R(!1), C = R(!1), b = g(
       () => ({
         dp__pointer: !r.disabled && !r.readonly && !l.value.enabled,
         dp__disabled: r.disabled,
@@ -9864,12 +9864,12 @@ const km = ({
       n("real-blur"), O.value = !1, (!r.isMenuOpen || i.value.enabled && i.value.input) && n("blur"), r.autoApply && l.value.enabled && y.value && !r.isMenuOpen && (n("set-input-date", y.value), n("select-date"), y.value = null);
     }, V = (j) => {
       Na(j, o.value, !0), n("clear");
-    }, R = (j) => {
+    }, L = (j) => {
       if (j.key === "Tab" && N(j), j.key === "Enter" && B(j), !l.value.enabled) {
         if (j.code === "Tab") return;
         j.preventDefault();
       }
-    }, Q = () => {
+    }, X = () => {
       var j;
       (j = E.value) == null || j.focus({ preventScroll: !0 });
     }, pe = (j) => {
@@ -9878,7 +9878,7 @@ const km = ({
       j.key === nt.tab && N(j, !0);
     };
     return e({
-      focusInput: Q,
+      focusInput: X,
       setParsedDate: pe
     }), (j, oe) => {
       var Z, H, k;
@@ -9894,7 +9894,7 @@ const km = ({
             onTab: N,
             onClear: V,
             onBlur: A,
-            onKeypress: R,
+            onKeypress: L,
             onPaste: D,
             onFocus: re,
             openMenu: () => j.$emit("open"),
@@ -9922,8 +9922,8 @@ const km = ({
             onInput: q,
             onBlur: A,
             onFocus: re,
-            onKeypress: R,
-            onKeydown: oe[0] || (oe[0] = (U) => R(U)),
+            onKeypress: L,
+            onKeydown: oe[0] || (oe[0] = (U) => L(U)),
             onPaste: D
           }, null, 42, Mm)),
           z("div", {
@@ -10021,7 +10021,7 @@ const km = ({
     "text-input"
   ],
   setup(t, { expose: e, emit: a }) {
-    const n = a, r = t, l = Ut(), s = L(!1), i = ya(r, "modelValue"), o = ya(r, "timezone"), p = L(null), d = L(null), u = L(null), h = L(!1), f = L(null), v = L(!1), y = L(!1), E = L(!1), O = L(!1), { setMenuFocused: C, setShiftKey: b } = Vi(), { clearArrowNav: M } = Xa(), { validateDate: T, isValidTime: x } = Qa(r), {
+    const n = a, r = t, l = Ut(), s = R(!1), i = ya(r, "modelValue"), o = ya(r, "timezone"), p = R(null), d = R(null), u = R(null), h = R(!1), f = R(null), v = R(!1), y = R(!1), E = R(!1), O = R(!1), { setMenuFocused: C, setShiftKey: b } = Vi(), { clearArrowNav: M } = Xa(), { validateDate: T, isValidTime: x } = Qa(r), {
       defaultedTransitions: D,
       defaultedTextInput: P,
       defaultedInline: q,
@@ -10035,15 +10035,15 @@ const km = ({
           const te = oe(f.value);
           te == null || te.addEventListener("scroll", ve), window == null || window.addEventListener("resize", J);
         }
-      }), q.value.enabled && (s.value = !0), window == null || window.addEventListener("keyup", Oe), window == null || window.addEventListener("keydown", X);
+      }), q.value.enabled && (s.value = !0), window == null || window.addEventListener("keyup", Oe), window == null || window.addEventListener("keydown", Q);
     }), Tn(() => {
       if (!q.value.enabled) {
         const te = oe(f.value);
         te == null || te.removeEventListener("scroll", ve), window == null || window.removeEventListener("resize", J);
       }
-      window == null || window.removeEventListener("keyup", Oe), window == null || window.removeEventListener("keydown", X);
+      window == null || window.removeEventListener("keyup", Oe), window == null || window.removeEventListener("keydown", Q);
     });
-    const V = qt(l, "all", r.presetDates), R = qt(l, "input");
+    const V = qt(l, "all", r.presetDates), L = qt(l, "input");
     $e(
       [i, o],
       () => {
@@ -10051,7 +10051,7 @@ const km = ({
       },
       { deep: !0 }
     );
-    const { openOnTop: Q, menuStyle: pe, xCorrect: ne, setMenuPosition: j, getScrollableParent: oe, shadowRender: Z } = km({
+    const { openOnTop: X, menuStyle: pe, xCorrect: ne, setMenuPosition: j, getScrollableParent: oe, shadowRender: Z } = km({
       menuRef: p,
       menuRefInner: d,
       inputRef: u,
@@ -10091,7 +10091,7 @@ const km = ({
       E.value = document.body.offsetWidth <= ye;
     }, Oe = (te) => {
       te.key === "Tab" && !q.value.enabled && !r.teleport && B.value.tabOutClosesMenu && (f.value.contains(document.activeElement) || Nt()), y.value = te.shiftKey;
-    }, X = (te) => {
+    }, Q = (te) => {
       y.value = te.shiftKey;
     }, F = () => {
       !r.disabled && !r.readonly && (Z(so, r), j(!1), s.value = !0, s.value && n("open"), s.value || Sa(), U(r.modelValue));
@@ -10189,7 +10189,7 @@ const km = ({
         onRealBlur: ye[1] || (ye[1] = (Ce) => h.value = !1),
         onTextInput: ye[2] || (ye[2] = (Ce) => te.$emit("text-input", Ce))
       }), rt({ _: 2 }, [
-        De(c(R), (Ce, Bt) => ({
+        De(c(L), (Ce, Bt) => ({
           name: Ce,
           fn: Y((Wt) => [
             I(te.$slots, Ce, wt(Lt(Wt)))
@@ -10199,7 +10199,7 @@ const km = ({
       (m(), K(Gt(te.teleport ? _u : "div"), wt(Lt(G.value)), {
         default: Y(() => [
           ie(ja, {
-            name: c(ae)(c(Q)),
+            name: c(ae)(c(X)),
             css: c(A) && !c(q).enabled
           }, {
             default: Y(() => [
@@ -10218,7 +10218,7 @@ const km = ({
                   "internal-model-value": c(k),
                   "onUpdate:internalModelValue": ye[3] || (ye[3] = (Ce) => Wn(k) ? k.value = Ce : null),
                   class: { [Re.value]: !0, "dp--menu-wrapper": te.teleport },
-                  "open-on-top": c(Q),
+                  "open-on-top": c(X),
                   "no-overlay-focus": S.value,
                   collapse: E.value,
                   "get-input-rect": se,
@@ -10455,7 +10455,7 @@ const Lm = ["for"], Rm = { class: "mc-date-picker__inner" }, Im = { class: "mc-d
   },
   emits: ["update:modelValue"],
   setup(t, { emit: e }) {
-    const a = En(), n = e, r = t, l = Qe("datepicker"), s = xa(r.errors), i = L(null), o = L(null), p = g(() => ({
+    const a = En(), n = e, r = t, l = Qe("datepicker"), s = xa(r.errors), i = R(null), o = R(null), p = g(() => ({
       "mc-date-picker--error": !!s.errorText.value,
       "mc-date-picker--disabled": r.disabled
     })), d = g(() => ({
@@ -10509,7 +10509,7 @@ const Lm = ["for"], Rm = { class: "mc-date-picker__inner" }, Im = { class: "mc-d
       },
       set(oe) {
         oe || (oe = r.range ? [] : null);
-        const Z = R(oe);
+        const Z = L(oe);
         s.toggleErrorVisible(), n("update:modelValue", Z);
       }
     }), re = () => {
@@ -10533,13 +10533,13 @@ const Lm = ["for"], Rm = { class: "mc-date-picker__inner" }, Im = { class: "mc-d
       r.toIsoFormat || (Z = Z.map((U) => Pe(U, f.output).format(f.dayjs)));
       const [H, k] = Z;
       return r.range ? [H, k].filter(Boolean) : H;
-    }, R = (oe) => {
+    }, L = (oe) => {
       if (E.value) return oe;
       let Z = r.range ? Array.isArray(oe) ? oe.map((U) => String(U)) : [] : [String(oe)];
       r.toIsoFormat || (Z = Z.map((U) => Pe(U, f.dayjs).format(f.output)));
       const [H, k] = Z.map((U) => U === "Invalid Date" ? null : U);
       return r.range ? [H, k].filter(Boolean) : H;
-    }, Q = async () => {
+    }, X = async () => {
       const oe = r.lang !== "ar" && Object.keys(Bc).includes(r.lang) ? r.lang : "en";
       Pe.locale(oe);
     }, pe = (oe) => {
@@ -10568,7 +10568,7 @@ const Lm = ["for"], Rm = { class: "mc-date-picker__inner" }, Im = { class: "mc-d
     return $e(
       () => r.lang,
       () => {
-        Q();
+        X();
       },
       { immediate: !0 }
     ), $e(() => r.errors, (oe) => {
@@ -10833,7 +10833,7 @@ function Wm(...t) {
   };
 }
 function Xm(t = Hi) {
-  const e = L(!0);
+  const e = R(!0);
   function a() {
     e.value = !1;
   }
@@ -10954,7 +10954,7 @@ function qn(...t) {
   return Cs(p), p;
 }
 function tf() {
-  const t = L(!1), e = Br();
+  const t = R(!1), e = Br();
   return e && ze(() => {
     t.value = !0;
   }, e), t;
@@ -11022,7 +11022,7 @@ function qi(t, e, a, n = {}) {
       console.error(B);
     },
     initOnMounted: v
-  } = n, y = (d ? On : L)(typeof e == "function" ? e() : e);
+  } = n, y = (d ? On : R)(typeof e == "function" ? e() : e);
   if (!a)
     try {
       a = lf("getDefaultStorage", () => {
@@ -11116,9 +11116,9 @@ function uf(t, e = {}) {
     containerElement: v,
     handle: y = t,
     buttons: E = [0]
-  } = e, O = L(
+  } = e, O = R(
     (a = qe(u)) != null ? a : { x: 0, y: 0 }
-  ), C = L(), b = (P) => r ? r.includes(P.pointerType) : !0, M = (P) => {
+  ), C = R(), b = (P) => r ? r.includes(P.pointerType) : !0, M = (P) => {
     qe(l) && P.preventDefault(), qe(s) && P.stopPropagation();
   }, T = (P) => {
     var q;
@@ -11190,7 +11190,7 @@ function df(t, e, a = {}) {
 }
 function pf(t) {
   var e;
-  const a = L(void 0), n = L(void 0), r = (e = void 0) != null ? e : "height", l = L(1), s = L(0);
+  const a = R(void 0), n = R(void 0), r = (e = void 0) != null ? e : "height", l = R(1), s = R(0);
   function i() {
     var o;
     if (!a.value)
@@ -11282,7 +11282,7 @@ function zl(t, e = {}) {
   const n = () => {
     const l = qe(t);
     return typeof l == "number" ? l : l.map(qe);
-  }, r = L(n());
+  }, r = R(n());
   return $e(n, async (l) => {
     var s, i;
     if (qe(e.disabled))
@@ -11337,7 +11337,7 @@ const ub = /* @__PURE__ */ we({
     }
   },
   setup(t) {
-    const e = Qe("draggable"), a = Ui("McDraggable", {}), n = df("McDraggable", {}), r = L(null), l = zr((O) => {
+    const e = Qe("draggable"), a = Ui("McDraggable", {}), n = df("McDraggable", {}), r = R(null), l = zr((O) => {
       O();
     }, 100), s = t, i = g(() => s.variation || e.component.variation), o = g(() => s.cardId), p = g(() => s.storageType === "session"), d = g(() => s.storageType === "local"), u = g(() => {
       let O = s.initial.x || 0, C = s.initial.y || 0;
@@ -14863,7 +14863,7 @@ const fv = ["dir"], vv = { class: "mc-field-select__header" }, gv = { class: "mc
   },
   emits: ["original-input", "tag", "search-change", "update:modelValue", "handle-open", "handle-close"],
   setup(t, { emit: e }) {
-    const a = e, n = t, r = Qe("select"), l = xa(n.errors), s = L(null), i = L(null), o = L(null), p = L([]), d = g(() => n.options.some(
+    const a = e, n = t, r = Qe("select"), l = xa(n.errors), s = R(null), i = R(null), o = R(null), p = R([]), d = g(() => n.options.some(
       (ae) => Object.prototype.hasOwnProperty.call(ae, Ea.Label) && Object.prototype.hasOwnProperty.call(ae, Ea.Values) && //@ts-ignore
       Array.isArray(ae[Ea.Values])
     )), u = g(() => !!n.title), h = g(() => n.avatar || n.icon), f = g(() => n.multiple), v = g(() => ({
@@ -14889,7 +14889,7 @@ const fv = ["dir"], vv = { class: "mc-field-select__header" }, gv = { class: "mc
       ...d.value ? { groupValues: Ea.Values } : {}
     })), y = g(() => d.value ? n.options : [...n.options, ...p.value].filter(
       //@ts-ignore
-      (ae, A, V) => V.findIndex((R) => R[n.valueField] === ae[n.valueField]) === A
+      (ae, A, V) => V.findIndex((L) => L[n.valueField] === ae[n.valueField]) === A
     )), E = g(() => n.dir === Qt.Rtl), O = g(() => ({
       "mc-field-select": !0,
       "mc-field-select--error": !!l.errorText.value,
@@ -14901,13 +14901,13 @@ const fv = ["dir"], vv = { class: "mc-field-select__header" }, gv = { class: "mc
       "mc-field-select--rtl": E.value
     })), C = g(() => `${n.title}${n.required ? " *" : ""}`), b = g(() => {
       const ae = ["gray", "dark-gray", "black"], A = ["white"];
-      let V = "gray", R = n.backgroundColor, Q = n.backgroundColor, pe = "black";
-      return (!n.backgroundColor || A.includes(n.backgroundColor)) && (R = r.component.color), ae.includes(n.backgroundColor) && (pe = "white", V = "white", R = "black"), n.disabled && !n.backgroundColor && (Q = "hover-gray"), {
+      let V = "gray", L = n.backgroundColor, X = n.backgroundColor, pe = "black";
+      return (!n.backgroundColor || A.includes(n.backgroundColor)) && (L = r.component.color), ae.includes(n.backgroundColor) && (pe = "white", V = "white", L = "black"), n.disabled && !n.backgroundColor && (X = "hover-gray"), {
         "--mc-field-select-max-height": n.maxHeight,
-        "--mc-field-select-bg-color": Q && r.colors[Q],
+        "--mc-field-select-bg-color": X && r.colors[X],
         "--mc-field-select-color": r.colors[r.component.color],
         "--mc-field-select-selected-color": r.colors[r.component.selected],
-        "--mc-field-select-border-color": R && r.colors[R],
+        "--mc-field-select-border-color": L && r.colors[L],
         "--mc-field-select-label-color": r.colors[pe],
         "--mc-field-select-placeholder-color": r.colors[V]
       };
@@ -14918,12 +14918,12 @@ const fv = ["dir"], vv = { class: "mc-field-select__header" }, gv = { class: "mc
       get() {
         let ae = f.value ? n.modelValue || [] : [n.modelValue].filter(Boolean);
         ae = ae.map((V) => {
-          const Q = (d.value ? y.value.map((pe) => pe[Ea.Values]).flat() : y.value).find((pe) => String(pe[n.valueField]) === String(V));
+          const X = (d.value ? y.value.map((pe) => pe[Ea.Values]).flat() : y.value).find((pe) => String(pe[n.valueField]) === String(V));
           return {
-            [n.titleField]: Q == null ? void 0 : Q[n.titleField],
-            [n.valueField]: Q == null ? void 0 : Q[n.valueField],
-            text: Q == null ? void 0 : Q.text,
-            icon: Q == null ? void 0 : Q.icon
+            [n.titleField]: X == null ? void 0 : X[n.titleField],
+            [n.valueField]: X == null ? void 0 : X[n.valueField],
+            text: X == null ? void 0 : X.text,
+            icon: X == null ? void 0 : X.icon
           };
         });
         const [A] = ae;
@@ -14931,7 +14931,7 @@ const fv = ["dir"], vv = { class: "mc-field-select__header" }, gv = { class: "mc
       },
       set(ae) {
         let A = f.value ? Array.isArray(ae) ? ae : [] : [ae];
-        A = A.filter(Boolean).map((R) => R[n.valueField]);
+        A = A.filter(Boolean).map((L) => L[n.valueField]);
         const [V] = A;
         B(ae), q(f.value ? A : V);
       }
@@ -14942,7 +14942,7 @@ const fv = ["dir"], vv = { class: "mc-field-select__header" }, gv = { class: "mc
           return ((A = n.modelValue) == null ? void 0 : A.constructor) === Array ? n.modelValue.map((V) => String(V)).includes(String(ae[n.valueField])) : String(ae[n.valueField]) === String(n.modelValue);
         }
       ), p.value = p.value.filter(
-        (ae, A, V) => V.findIndex((R) => String(R[n.valueField]) === String(ae[n.valueField])) === A
+        (ae, A, V) => V.findIndex((L) => String(L[n.valueField]) === String(ae[n.valueField])) === A
       );
     }, D = (ae) => {
       const A = { [n.titleField]: ae, [n.valueField]: ae };
@@ -17584,7 +17584,7 @@ function Vv(t, e) {
     defaultUnmaskedValue: s,
     defaultTypedValue: i
   } = e === void 0 ? {} : e;
-  const o = Wn(t) ? t : L(t), p = L(), d = L(), u = L(""), h = L(""), f = L();
+  const o = Wn(t) ? t : R(t), p = R(), d = R(), u = R(""), h = R(""), f = R();
   let v, y = u.value, E = h.value, O = f.value;
   function C() {
     O = f.value = d.value.typedValue, E = h.value = d.value.unmaskedValue, y = u.value = d.value.value;
@@ -17920,7 +17920,7 @@ const Iv = ["dir"], Yv = ["for"], Nv = ["for"], Hv = { class: "mc-field-text__ma
   emits: ["update:modelValue", "keydown", "copy"],
   setup(t, { emit: e }) {
     pf();
-    const a = e, n = En(), r = t, l = Qe("fieldText"), s = L(r.type), i = pt({
+    const a = e, n = En(), r = t, l = Qe("fieldText"), s = R(r.type), i = pt({
       name: "copy",
       color: "black"
     }), o = xa(r.errors), p = g(() => r.dir === Qt.Rtl), d = g(() => ({
@@ -18010,14 +18010,14 @@ const Iv = ["dir"], Yv = ["for"], Nv = ["for"], Hv = { class: "mc-field-text__ma
         ...!y.value && !E.value ? { boxSizing: "border-box" } : {},
         ...w
       };
-    }), R = (w) => {
+    }), L = (w) => {
       if (w && r.maxDecimals) {
         const [le, de] = w.split(".");
         if ((de == null ? void 0 : de.length) > r.maxDecimals)
           return `${le}.${de.slice(0, r.maxDecimals)}`;
       }
       return w;
-    }, Q = (w) => {
+    }, X = (w) => {
       let le = w;
       const [de] = w || [];
       return w.length > 1 && +de == 0 && w.indexOf(".") === -1 && (le = w.slice(1)), le;
@@ -18028,20 +18028,20 @@ const Iv = ["dir"], Yv = ["for"], Nv = ["for"], Hv = { class: "mc-field-text__ma
       switch (r.type) {
         case ct.Num: {
           let [J] = /-?\d*[\.]?\d*/.exec(String(de)) || [];
-          J = R(J), J = Q(J), de = J, le.value = J;
+          J = L(J), J = X(J), de = J, le.value = J;
           break;
         }
         case ct.Int: {
           let [J] = /-?\d*/.exec(String(le.value)) || [];
-          J = Q(J), de = J, le.value = J;
+          J = X(J), de = J, le.value = J;
           break;
         }
         case ct.AmountFormat: {
-          de = R(de), de = Q(de), G = j(de);
+          de = L(de), de = X(de), G = j(de);
           const J = parseFloat(G), Oe = G.replace(/ /gm, "");
           de = G ? String(J) === Oe ? J : Oe || J || G : null;
-          const X = H(G);
-          le.value = p.value ? X.replace(/ /gm, "") : X;
+          const Q = H(G);
+          le.value = p.value ? Q.replace(/ /gm, "") : Q;
           const F = ((ve = (se = le.value) == null ? void 0 : se.slice(0, Re).replace(/[^ ]/gm, "")) == null ? void 0 : ve.length) || 0;
           oe(le, Re + F, Re + F);
           break;
@@ -18432,7 +18432,7 @@ const Iv = ["dir"], Yv = ["for"], Nv = ["for"], Hv = { class: "mc-field-text__ma
   },
   emits: ["loading", "hide"],
   setup(t, { emit: e }) {
-    const a = e, n = t, r = L(), l = L(), s = L();
+    const a = e, n = t, r = R(), l = R(), s = R();
     ze(() => {
       i();
     }), Wa(() => {
@@ -18951,7 +18951,7 @@ const Iv = ["dir"], Yv = ["for"], Nv = ["for"], Hv = { class: "mc-field-text__ma
   },
   emits: ["slide-open-start", "slide-close-start", "slide-open-end", "slide-close-end"],
   setup(t, { emit: e }) {
-    const a = e, n = t, r = Ot("dsOptions", {}), l = L(Date.now()), s = L(n.active), i = L(!1), o = L(null), p = L(), d = g(() => {
+    const a = e, n = t, r = Ot("dsOptions", {}), l = R(Date.now()), s = R(n.active), i = R(!1), o = R(null), p = R(), d = g(() => {
       var O;
       return (O = r == null ? void 0 : r.meta) == null ? void 0 : O.isServer;
     }), u = g(() => ({
@@ -19035,10 +19035,10 @@ const Iv = ["dir"], Yv = ["for"], Nv = ["for"], Hv = { class: "mc-field-text__ma
   emits: ["updated:hidden-count"],
   setup(t, { emit: e }) {
     var h;
-    const a = e, n = t, r = Ut(), l = L(null), s = (r.default && ((h = r.default()[0].children) != null && h.length) ? r.default()[0].children : (
+    const a = e, n = t, r = Ut(), l = R(null), s = (r.default && ((h = r.default()[0].children) != null && h.length) ? r.default()[0].children : (
       //@ts-ignore
       r.default()
-    )) || [], i = L([]), o = L(0), p = L(-1), d = g(() => ({
+    )) || [], i = R([]), o = R(0), p = R(-1), d = g(() => ({
       "mc-stack": !0,
       "mc-stack--collapsed": n.collapsed
     }));
@@ -19403,7 +19403,7 @@ const Iv = ["dir"], Yv = ["for"], Nv = ["for"], Hv = { class: "mc-field-text__ma
   setup(t) {
     const e = zr((i) => {
       i();
-    }, 50), a = t, n = L([]), r = ({ value: i, component: o }) => {
+    }, 50), a = t, n = R([]), r = ({ value: i, component: o }) => {
       i && n.value.forEach((p) => {
         p.id !== o.id && p.close();
       });
@@ -19516,7 +19516,7 @@ const Iv = ["dir"], Yv = ["for"], Nv = ["for"], Hv = { class: "mc-field-text__ma
   setup(t, { emit: e }) {
     const a = or(), n = Ot("selfRegisterCollapseMethod", () => {
     }), r = Ot("accordionTriggerMethod", () => {
-    }), l = Ut(), s = e, i = t, o = L(a.timestamp(5)), p = L(i.defaultOpen), d = L(!1), u = g(() => ({
+    }), l = Ut(), s = e, i = t, o = R(a.timestamp(5)), p = R(i.defaultOpen), d = R(!1), u = g(() => ({
       "mc-collapse--is-open": p.value,
       "mc-collapse--is-disabled": i.isDisabled,
       "mc-collapse--is-empty": h.value,
@@ -19668,7 +19668,7 @@ const Iv = ["dir"], Yv = ["for"], Nv = ["for"], Hv = { class: "mc-field-text__ma
   setup(t, { emit: e }) {
     const a = ji((M) => {
       M();
-    }, 200), n = L(null), r = L(null), l = L(null), s = L(null), i = L(!1), o = e, p = t, d = Qe("dropdown"), u = g(() => ({
+    }, 200), n = R(null), r = R(null), l = R(null), s = R(null), i = R(!1), o = e, p = t, d = Qe("dropdown"), u = g(() => ({
       [`mc-dropdown--position-${r.value}`]: !!r.value,
       [`mc-dropdown--list-position-${n.value}`]: !!n.value,
       "mc-dropdown--is-open": i.value
@@ -19870,7 +19870,7 @@ const Sg = {
   },
   emits: ["error", "clear", "open", "delete-preset", "update:modelValue", "confirm"],
   setup(t, { emit: e }) {
-    const a = oa(), n = e, r = t, l = Qe("filter"), s = L(!1), i = L({}), o = L({}), p = L({}), d = L({}), u = L({}), h = L({}), f = L(null), v = L(null), y = pt(a.deepMerge(Sg, r.placeholders)), E = g(() => a.isEqual(x.value.filter, i.value)), O = L(""), C = L(null), b = L(null), M = Ui("mcFilterPresets", {}), T = L([]), x = g({
+    const a = oa(), n = e, r = t, l = Qe("filter"), s = R(!1), i = R({}), o = R({}), p = R({}), d = R({}), u = R({}), h = R({}), f = R(null), v = R(null), y = pt(a.deepMerge(Sg, r.placeholders)), E = g(() => a.isEqual(x.value.filter, i.value)), O = R(""), C = R(null), b = R(null), M = Ui("mcFilterPresets", {}), T = R([]), x = g({
       get() {
         const { filter: F = null, filter_name: ee = null } = r.modelValue || {};
         return {
@@ -19900,13 +19900,13 @@ const Sg = {
     }), re = g(() => {
       const F = i.value && Object.keys(i.value) || [];
       return r.filters.filter((ee) => ee.type === We.Fast && !F.includes(ee.value));
-    }), ae = g(() => r.filters.filter((F) => F.type !== We.Fast)), A = g(() => s.value || !E.value ? `${l.component.button}-invert` : "black-flat"), V = g(() => !a.isEmpty(u.value) && !!D.value && D.value.type !== We.Fast), R = g(() => !O.value.trim());
+    }), ae = g(() => r.filters.filter((F) => F.type !== We.Fast)), A = g(() => s.value || !E.value ? `${l.component.button}-invert` : "black-flat"), V = g(() => !a.isEmpty(u.value) && !!D.value && D.value.type !== We.Fast), L = g(() => !O.value.trim());
     ze(() => {
-      pe(), window.addEventListener("storage", pe), Q();
+      pe(), window.addEventListener("storage", pe), X();
     }), Wa(() => {
       window.removeEventListener("storage", pe);
     });
-    const Q = () => {
+    const X = () => {
       p.value = x.value.filter, d.value = x.value.filter_name, i.value = x.value.filter, o.value = x.value.filter_name;
     }, pe = () => {
       T.value = M.value[r.name] || [];
@@ -20078,7 +20078,7 @@ const Sg = {
         filter_name: a.cloneDeep(o.value)
       }, ee = M.value[r.name];
       ee ? M.value[r.name] = [F, ...ee] : M.value[r.name] = [F], O.value = "", C.value = { ...F };
-    }, X = (F) => C.value && C.value.name === F.name ? `${l.component.button}-invert` : "gray-outline";
+    }, Q = (F) => C.value && C.value.name === F.name ? `${l.component.button}-invert` : "gray-outline";
     return $e(
       () => r.modelValue,
       (F) => {
@@ -20145,7 +20145,7 @@ const Sg = {
           z("div", Dg, [
             (m(!0), _(ke, null, De(T.value, (_e) => (m(), K(c(et), {
               key: _e.name,
-              variation: X(_e),
+              variation: Q(_e),
               "secondary-color": c(l).component.button,
               onMouseup: () => ve(_e)
             }, {
@@ -20317,7 +20317,7 @@ const Sg = {
                 name: "preset_name"
               }, null, 8, ["modelValue", "placeholder"]),
               ie(c(et), {
-                disabled: R.value,
+                disabled: L.value,
                 variation: `${c(l).component.button}-outline`,
                 size: c(Ct).S,
                 onClick: Oe
@@ -20430,7 +20430,7 @@ const Sg = {
   },
   emits: ["tag-click", "tag-change", "clear"],
   setup(t, { emit: e }) {
-    const a = oa(), n = or(), r = e, l = t, s = L({}), i = L({}), o = L(null), p = g(() => u.value.filter((x) => x && x.type === We.Fast)), d = g(() => u.value.filter((x) => x && x.type !== We.Fast)), u = g(() => {
+    const a = oa(), n = or(), r = e, l = t, s = R({}), i = R({}), o = R(null), p = g(() => u.value.filter((x) => x && x.type === We.Fast)), d = g(() => u.value.filter((x) => x && x.type !== We.Fast)), u = g(() => {
       const x = [];
       return !a.isEmpty(s.value) && Object.entries(s.value).forEach(([D, P]) => {
         const q = D;
@@ -20464,13 +20464,13 @@ const Sg = {
         var ae;
         const q = D, B = P;
         if (D === Ue.Exists) {
-          const A = Object.keys(B).map((R) => {
-            const Q = l.filters.find((pe) => pe.value === R);
+          const A = Object.keys(B).map((L) => {
+            const X = l.filters.find((pe) => pe.value === L);
             return {
               id: n.timestamp(5),
-              categoryName: Q == null ? void 0 : Q.name,
-              value: R,
-              category: R,
+              categoryName: X == null ? void 0 : X.name,
+              value: L,
+              category: L,
               relationKey: D,
               closable: !0
             };
@@ -20483,14 +20483,14 @@ const Sg = {
         }
         const N = [];
         return Object.entries(B).forEach(([A, V]) => {
-          const R = A, Q = V, pe = l.filters.find((ne) => ne.value === R) || {};
-          Object.entries(Q).forEach(([ne, j]) => {
+          const L = A, X = V, pe = l.filters.find((ne) => ne.value === L) || {};
+          Object.entries(X).forEach(([ne, j]) => {
             N.push({
               id: n.timestamp(5),
               categoryName: pe == null ? void 0 : pe.name,
               title: j,
               value: ne,
-              category: R,
+              category: L,
               relationKey: D,
               closable: !0
             });
@@ -20750,7 +20750,7 @@ const Sg = {
   },
   emits: ["update:modelValue"],
   setup(t, { emit: e }) {
-    const a = e, n = t, r = L(null), l = L(null), s = g({
+    const a = e, n = t, r = R(null), l = R(null), s = g({
       get() {
         var d;
         return (d = n.modelValue) == null ? void 0 : d.more;
@@ -20839,7 +20839,7 @@ const Sg = {
   setup(t, { emit: e }) {
     const a = oa(), n = e, r = t, l = Qe("filter"), s = zr((T) => {
       T();
-    }, 100), i = L(Object.values(Ue)), o = L(Ue.Is), p = L([]), d = L(!1), u = g(() => r.filter.is_text ? nr : Ki), h = g(() => r.filter.placeholder || r.filter.is_text ? r.placeholders.enter : r.placeholders.choose), f = g(() => {
+    }, 100), i = R(Object.values(Ue)), o = R(Ue.Is), p = R([]), d = R(!1), u = g(() => r.filter.is_text ? nr : Ki), h = g(() => r.filter.placeholder || r.filter.is_text ? r.placeholders.enter : r.placeholders.choose), f = g(() => {
       var T;
       return ((T = r.filter.getAjaxOptions) == null ? void 0 : T.constructor) === Function;
     }), v = g(() => {
@@ -21377,7 +21377,7 @@ const Sg = {
   },
   emits: ["absolute-mode", "hidden-mode", "compact", "chatraClick"],
   setup(t, { emit: e }) {
-    const a = e, n = t, r = L(!1), l = L(n.compact), s = L(n.compact), i = L(0), o = g(() => ({
+    const a = e, n = t, r = R(!1), l = R(n.compact), s = R(n.compact), i = R(0), o = g(() => ({
       "mc-side-bar--compact": s.value,
       [v.value.className]: !0
     })), p = g(() => ({
@@ -21764,7 +21764,7 @@ const Sg = {
   },
   emits: ["open-side-bar", "handlerChatraClick"],
   setup(t, { emit: e }) {
-    const a = or(), n = Ot("provideData", {}), r = e, l = t, s = L([]), i = g(() => n.currentThemeConfig || Mn[Xt.Black]), o = (u) => ({
+    const a = or(), n = Ot("provideData", {}), r = e, l = t, s = R([]), i = g(() => n.currentThemeConfig || Mn[Xt.Black]), o = (u) => ({
       open: u.open,
       active: u.active,
       "with-submenu": u.menu && u.menu.length,
@@ -21953,7 +21953,7 @@ const Sg = {
     }
   },
   setup(t) {
-    const e = oa(), a = Ot("provideData", {}), n = t, r = L(!1), l = g(() => a.currentThemeConfig || Mn[Xt.Black]), s = g(() => e.isEmpty(n.menuApps) ? null : n.menuApps.filter((i) => !Object.prototype.hasOwnProperty.call(i, "isVisible") || i.isVisible));
+    const e = oa(), a = Ot("provideData", {}), n = t, r = R(!1), l = g(() => a.currentThemeConfig || Mn[Xt.Black]), s = g(() => e.isEmpty(n.menuApps) ? null : n.menuApps.filter((i) => !Object.prototype.hasOwnProperty.call(i, "isVisible") || i.isVisible));
     return (i, o) => (m(), _("div", {
       class: fe(["mc-side-bar-top", `mc-side-bar-top--theme-${l.value.dropdownActivator}`])
     }, [
@@ -22181,7 +22181,7 @@ const Sg = {
   },
   setup(t) {
     const e = Ot("selfRegisterTabMethod", () => {
-    }), a = En(), n = t, r = Qe("tab"), l = L(!1), s = L(!0), i = g(() => n.appendCountColor || r.component.count), o = g(() => n.id ? n.id : n.name.toLowerCase().replace(/ /g, "-")), p = g(() => n.isDisabled ? "#" : `#${o.value}`), d = g(() => !!n.appendCount || n.appendCount === 0), u = g(() => `--mc-tab-append-count-color: ${r.colors[i.value]}`), h = g(() => [n.prefix, n.name, n.suffix].filter(Boolean).join("")), f = g(() => n.visible ? h.value : "");
+    }), a = En(), n = t, r = Qe("tab"), l = R(!1), s = R(!0), i = g(() => n.appendCountColor || r.component.count), o = g(() => n.id ? n.id : n.name.toLowerCase().replace(/ /g, "-")), p = g(() => n.isDisabled ? "#" : `#${o.value}`), d = g(() => !!n.appendCount || n.appendCount === 0), u = g(() => `--mc-tab-append-count-color: ${r.colors[i.value]}`), h = g(() => [n.prefix, n.name, n.suffix].filter(Boolean).join("")), f = g(() => n.visible ? h.value : "");
     ze(() => {
       if (e) {
         const E = {
@@ -22292,7 +22292,7 @@ const Sg = {
       distance: 0,
       is_drag: !1,
       mouse_is_down: !1
-    }), l = L(!1), s = L(!1), i = L(null), o = L(null), p = g(() => ({
+    }), l = R(!1), s = R(!1), i = R(null), o = R(null), p = g(() => ({
       wrap: n.wrap,
       align: Cr.Top,
       gutterY: n.gutterY,
@@ -22443,7 +22443,7 @@ const Sg = {
   },
   emits: ["update:modelValue", "tab-changed", "clicked"],
   setup(t, { emit: e }) {
-    const a = e, n = Ot("dsOptions", {}), r = t, l = Qe("tabs"), s = L([]), i = g(() => r.color || l.component.color), o = g(() => r.accentColor || l.component.accentColor), p = g(() => ({
+    const a = e, n = Ot("dsOptions", {}), r = t, l = Qe("tabs"), s = R([]), i = g(() => r.color || l.component.color), o = g(() => r.accentColor || l.component.accentColor), p = g(() => ({
       "mc-tabs": !0,
       [`mc-tabs--tab-variation-${r.tabVariation}`]: !!r.tabVariation,
       "mc-tabs--uppercase": !!r.uppercase,
@@ -22615,9 +22615,9 @@ const Sg = {
   },
   emits: ["toggle", "open", "close", "update:modelValue"],
   setup(t, { emit: e }) {
-    const a = e, n = t, r = L(0), l = L(100), s = g(() => n.position === mn.Right), i = g(() => s.value ? 100 : -100), o = g(() => ({
+    const a = e, n = t, r = R(0), l = R(100), s = g(() => n.position === mn.Right), i = g(() => s.value ? 100 : -100), o = g(() => ({
       [s.value ? mn.Right : mn.Left]: 0
-    })), p = L(r.value), d = L(i.value), u = zl(d, {
+    })), p = R(r.value), d = R(i.value), u = zl(d, {
       duration: n.duration,
       transition: Hl.easeOutQuart
     }), h = zl(p, {
@@ -22916,10 +22916,10 @@ const Sg = {
   },
   emits: ["before-open", "before-close", "opened", "closed", "back", "update:modelValue"],
   setup(t, { emit: e }) {
-    const a = e, n = t, r = L(0), l = zl(r, {
+    const a = e, n = t, r = R(0), l = zl(r, {
       duration: n.duration || 300,
       transition: Hl.easeOutQuart
-    }), s = L(null), i = L(null), o = pt({
+    }), s = R(null), i = R(null), o = pt({
       scrolled_top: !1,
       scrolled_bottom: !1,
       resize_observer: {},
@@ -22992,9 +22992,9 @@ const Sg = {
         console.error(T);
       }
     }, E = () => {
-      var q, B, N, re, ae, A, V, R, Q;
+      var q, B, N, re, ae, A, V, L, X;
       const T = (+((q = o.modal_params) == null ? void 0 : q["--mc-modal-padding"]) - +((B = o.modal_params) == null ? void 0 : B["--mc-modal-padding-small"])) * 3 + +((N = o.modal_params) == null ? void 0 : N["--mc-modal-padding-small"]), x = +((re = o.modal_params) == null ? void 0 : re["--mc-modal-header-line-height"]) - +((ae = o.modal_params) == null ? void 0 : ae["--mc-modal-header-line-height-small"]), D = +((A = o.modal_params) == null ? void 0 : A["--mc-modal-button-height"]) - +((V = o.modal_params) == null ? void 0 : V["--mc-modal-button-height-small"]), P = T + x + D;
-      !o.small_indents && s.value && (o.can_shorten_modal = ((R = s.value) == null ? void 0 : R.scrollHeight) - ((Q = s.value) == null ? void 0 : Q.clientHeight) > P);
+      !o.small_indents && s.value && (o.can_shorten_modal = ((L = s.value) == null ? void 0 : L.scrollHeight) - ((X = s.value) == null ? void 0 : X.clientHeight) > P);
     }, O = () => {
       E(), u();
     }, C = () => {
@@ -23208,7 +23208,7 @@ const Sg = {
       loading: "Loading...",
       all_loaded: "All loaded",
       total: "Total"
-    }, r = e, l = oa(), s = Ut(), i = t, o = L({ state: !1 }), p = L(null), d = g(() => !l.isEmpty(i.data)), u = g(() => !l.isEmpty(i.totals)), h = g(() => i.fixedFirstColumn || i.fixedLastColumn), f = pt(l.deepMerge(n, i.placeholders)), v = pt({
+    }, r = e, l = oa(), s = Ut(), i = t, o = R({ state: !1 }), p = R(null), d = g(() => !l.isEmpty(i.data)), u = g(() => !l.isEmpty(i.totals)), h = g(() => i.fixedFirstColumn || i.fixedLastColumn), f = pt(l.deepMerge(n, i.placeholders)), v = pt({
       firstColHasShadow: !1,
       lastColHasShadow: !1
     }), y = g(() => ({
@@ -23241,7 +23241,8 @@ const Sg = {
         "mc-table__table_header-cell--fixed-first": N.fixedFirst,
         "mc-table__table_header-cell--fixed-last": N.fixedLast,
         "mc-table__table_header-cell--shadow-first": N.fixedFirst && v.firstColHasShadow,
-        "mc-table__table_header-cell--shadow-last": N.fixedLast && v.lastColHasShadow
+        "mc-table__table_header-cell--shadow-last": N.fixedLast && v.lastColHasShadow,
+        [`mc-table__table_header-cell--align-${N.align}`]: !!N.align
       }
     }))), C = g(() => E.value.map((N) => ({
       ...N,
@@ -23250,7 +23251,8 @@ const Sg = {
         "mc-table__table_body-cell--fixed-first": N.fixedFirst,
         "mc-table__table_body-cell--fixed-last": N.fixedLast,
         "mc-table__table_body-cell--shadow-first": N.fixedFirst && v.firstColHasShadow,
-        "mc-table__table_body-cell--shadow-last": N.fixedLast && v.lastColHasShadow
+        "mc-table__table_body-cell--shadow-last": N.fixedLast && v.lastColHasShadow,
+        [`mc-table__table_body-cell--align-${N.align}`]: !!N.align
       }
     }))), b = g(() => E.value.map((N) => ({
       ...N,
@@ -23259,7 +23261,8 @@ const Sg = {
         "mc-table__table_footer-cell--fixed-first": N.fixedFirst,
         "mc-table__table_footer-cell--fixed-last": N.fixedLast,
         "mc-table__table_footer-cell--shadow-first": N.fixedFirst && v.firstColHasShadow,
-        "mc-table__table_footer-cell--shadow-last": N.fixedLast && v.lastColHasShadow
+        "mc-table__table_footer-cell--shadow-last": N.fixedLast && v.lastColHasShadow,
+        [`mc-table__table_footer-cell--align-${N.align}`]: !!N.align
       }
     }))), M = g(() => ({
       "--mc-table-height": typeof i.height == "number" ? `${i.height}px` : i.height,
@@ -23320,7 +23323,7 @@ const Sg = {
                         key: 0,
                         column: A.field,
                         sort: t.sort,
-                        onChange: re[0] || (re[0] = (R) => r("sort", R))
+                        onChange: re[0] || (re[0] = (L) => r("sort", L))
                       }, null, 8, ["column", "sort"])) : $("", !0),
                       I(N.$slots, "header-cell", {
                         column: A,
@@ -23371,33 +23374,39 @@ const Sg = {
                   class: fe(["mc-table__table_body-row", { "mc-table__table_body-row--active": String(o.value.id) === String(A.id) }]),
                   onClick: () => q(A)
                 }, [
-                  (m(!0), _(ke, null, De(C.value, (R, Q) => (m(), _("div", {
-                    key: Q,
-                    class: fe(R.class),
-                    style: Me(R.style)
+                  (m(!0), _(ke, null, De(C.value, (L, X) => (m(), _("div", {
+                    key: X,
+                    class: fe(L.class),
+                    style: Me(L.style)
                   }, [
                     z("div", Gy, [
                       z("div", Ky, [
-                        I(N.$slots, R.field, {
+                        I(N.$slots, L.field, {
                           row: A,
                           rowIndex: V,
-                          column: R,
-                          cellIndex: Q,
-                          cellValue: A[R.field]
+                          column: L,
+                          cellIndex: X,
+                          cellValue: A[L.field]
                         }, () => [
                           ie(c(Fe), {
-                            "text-align": R.align,
+                            "text-align": L.align,
                             ellipsis: ""
                           }, {
                             default: Y(() => [
-                              xe(me(A[R.field]), 1)
+                              xe(me(A[L.field]), 1)
                             ]),
                             _: 2
                           }, 1032, ["text-align"])
                         ])
                       ]),
-                      c(s)[`${R.field}-right`] ? (m(), _("div", Zy, [
-                        I(N.$slots, `${R.field}-right`)
+                      c(s)[`${L.field}-right`] ? (m(), _("div", Zy, [
+                        I(N.$slots, `${L.field}-right`, {
+                          row: A,
+                          rowIndex: V,
+                          column: L,
+                          cellIndex: X,
+                          cellValue: A[L.field]
+                        })
                       ])) : $("", !0)
                     ])
                   ], 6))), 128))
@@ -23559,7 +23568,7 @@ const Sg = {
     const a = Ut(), n = e, r = t, l = oa(), s = g(() => {
       const [v] = r.tableColumns;
       return v != null && v.width ? v.width : Va.defaultTableFirstColWidth;
-    }), i = L(null), o = L(!0), p = g(() => ({
+    }), i = R(null), o = R(!0), p = g(() => ({
       "mc-table-card__footer": !!a.footer,
       "mc-table-card__footer--with-blur": r.footerBlur && !o.value
     })), d = g(() => ({
@@ -23727,7 +23736,7 @@ const Sg = {
   }
 });
 function h0(t, e) {
-  const a = L(e), n = L(Date.now()), r = L(null);
+  const a = R(e), n = R(Date.now()), r = R(null);
   function l() {
     n.value = Date.now(), r.value = setTimeout(() => t(), a.value);
   }
@@ -23943,7 +23952,7 @@ const pn = /* @__PURE__ */ we({
     }
   },
   setup(t) {
-    const e = t, a = L(null), n = L(!1), r = L(!1);
+    const e = t, a = R(null), n = R(!1), r = R(!1);
     return (l, s) => (m(), _("div", m0, [
       z("div", f0, [
         l.$slots.left ? (m(), _("div", v0, [
@@ -24071,7 +24080,7 @@ const pn = /* @__PURE__ */ we({
     }
   },
   setup(t) {
-    const e = t, a = L(null), n = L(0), r = L([]), l = L(0), s = g(() => ({
+    const e = t, a = R(null), n = R(0), r = R([]), l = R(0), s = g(() => ({
       height: `${e.containerHeight}px`,
       overflowY: "auto",
       position: "relative"
@@ -24235,7 +24244,7 @@ class mr {
   }
 }
 function xa(t) {
-  const e = L(!0), a = L(t), n = g(() => {
+  const e = R(!0), a = R(t), n = g(() => {
     var s, i;
     return a.value === null || !((s = a.value) != null && s.length) || !e.value ? null : (i = a.value.join(", ")) == null ? void 0 : i.replace(/-/gm, "&#x2011;");
   });
@@ -24429,14 +24438,14 @@ function or() {
 }
 const pu = zr((t) => {
   t();
-}, 150), kr = L([]), Un = oa();
+}, 150), kr = R([]), Un = oa();
 class mo {
   constructor(e, a) {
     ge(this, "id");
     ge(this, "target");
     ge(this, "content");
-    ge(this, "visible", L(!1));
-    ge(this, "position", L({ top: null, left: null, translate: "translate(0, 0)" }));
+    ge(this, "visible", R(!1));
+    ge(this, "position", R({ top: null, left: null, translate: "translate(0, 0)" }));
     ge(this, "placement");
     ge(this, "size");
     ge(this, "arrow");
@@ -24514,7 +24523,7 @@ const fr = pu(() => {
   document.getElementById("tooltip-container") || I0();
 };
 function hu() {
-  const t = L(null);
+  const t = R(null);
   return {
     mounted(e, a) {
       Y0(), a.value.content && (t.value = new mo(e, a.value), window.addEventListener("scroll", () => fr), window.addEventListener("resize", () => fr));
@@ -24624,7 +24633,7 @@ const N0 = { class: "mc-toasts-container" }, H0 = {
 }), Or = {
   position: ia.BottomCenter,
   duration: 3e3
-}, mu = L({}), Gl = On({
+}, mu = R({}), Gl = On({
   duration: Or.duration,
   position: Or.position
 }), Dn = pt({