tokenizer-ui-kit 0.2.30 → 0.2.32

package/dist/tokenizer-ui-kit.es.js

@@ -1,4 +1,4 @@
-import { createElementBlock as k, openBlock as m, createElementVNode as ee, createStaticVNode as sl, defineComponent as Ae, createBlock as De, resolveDynamicComponent as ya, normalizeClass as ce, toDisplayString as Pe, computed as N, useAttrs as Ht, mergeProps as Fe, unref as d, createCommentVNode as E, renderSlot as te, mergeModels as ca, useModel as za, ref as q, onMounted as ut, nextTick as je, watch as at, Fragment as _e, renderList as Be, normalizeStyle as ot, createTextVNode as yt, createVNode as Le, reactive as Aa, useSlots as gt, toRef as Ta, getCurrentInstance as il, onUnmounted as ga, isRef as Wn, createSlots as dt, withCtx as be, normalizeProps as st, guardReactiveProps as mt, Teleport as ul, Transition as ba, h as dl, render as zn, withModifiers as Rt, toValue as cl, getCurrentScope as vl, onScopeDispose as pl, onBeforeUpdate as fl, withDirectives as xt, vShow as Ma, withKeys as ml, vModelCheckbox as hl, vModelDynamic as Dn, vModelText as mr, TransitionGroup as yl, onBeforeUnmount as gl } from "vue";
+import { createElementBlock as k, openBlock as m, createElementVNode as te, createStaticVNode as sl, defineComponent as Ae, createBlock as De, resolveDynamicComponent as ya, normalizeClass as ce, toDisplayString as Pe, computed as L, useAttrs as Ht, mergeProps as Fe, unref as d, createCommentVNode as E, renderSlot as ee, mergeModels as ca, useModel as za, ref as q, onMounted as ut, nextTick as je, watch as at, Fragment as _e, renderList as Be, normalizeStyle as ot, createTextVNode as yt, createVNode as Ne, reactive as Aa, useSlots as gt, toRef as Ta, getCurrentInstance as il, onUnmounted as ga, isRef as Wn, createSlots as dt, withCtx as be, normalizeProps as st, guardReactiveProps as mt, Teleport as ul, Transition as ba, h as dl, render as zn, withModifiers as Rt, toValue as cl, getCurrentScope as vl, onScopeDispose as pl, onBeforeUpdate as fl, withDirectives as xt, vShow as Ma, withKeys as ml, vModelCheckbox as hl, vModelDynamic as Dn, vModelText as mr, TransitionGroup as yl, onBeforeUnmount as gl } from "vue";
 import { useResizeObserver as bl, onClickOutside as wl, useTimeoutFn as _l } from "@vueuse/core";
 const We = (e, t) => {
   const n = e.__vccOpts || e;
@@ -14,7 +14,7 @@ const We = (e, t) => {
 };
 function Ml(e, t) {
   return m(), k("svg", Dl, t[0] || (t[0] = [
-    ee("path", {
+    te("path", {
       d: "M14.625 6.1875L9 11.8125L3.375 6.1875",
       stroke: "#8C9AAC",
       "stroke-width": "1.5",
@@ -32,7 +32,7 @@ const xl = /* @__PURE__ */ We(kl, [["render", Ml]]), Cl = {}, Tl = {
 };
 function $l(e, t) {
   return m(), k("svg", Tl, t[0] || (t[0] = [
-    ee("path", {
+    te("path", {
       d: "M5.0625 2.25V3.9375M12.9375 2.25V3.9375M2.25 14.0625V5.625C2.25 4.69302 3.00552 3.9375 3.9375 3.9375H14.0625C14.9945 3.9375 15.75 4.69302 15.75 5.625V14.0625M2.25 14.0625C2.25 14.9945 3.00552 15.75 3.9375 15.75H14.0625C14.9945 15.75 15.75 14.9945 15.75 14.0625M2.25 14.0625V8.4375C2.25 7.50552 3.00552 6.75 3.9375 6.75H14.0625C14.9945 6.75 15.75 7.50552 15.75 8.4375V14.0625M9 9.5625H9.00563V9.56813H9V9.5625ZM9 11.25H9.00563V11.2556H9V11.25ZM9 12.9375H9.00563V12.9431H9V12.9375ZM7.3125 11.25H7.31813V11.2556H7.3125V11.25ZM7.3125 12.9375H7.31813V12.9431H7.3125V12.9375ZM5.625 11.25H5.63063V11.2556H5.625V11.25ZM5.625 12.9375H5.63063V12.9431H5.625V12.9375ZM10.6875 9.5625H10.6931V9.56813H10.6875V9.5625ZM10.6875 11.25H10.6931V11.2556H10.6875V11.25ZM10.6875 12.9375H10.6931V12.9431H10.6875V12.9375ZM12.375 9.5625H12.3806V9.56813H12.375V9.5625ZM12.375 11.25H12.3806V11.2556H12.375V11.25Z",
       stroke: "#8C9AAC",
       "stroke-linecap": "round",
@@ -61,7 +61,7 @@ const Sl = /* @__PURE__ */ We(Al, [["render", Yl]]), Rl = {}, Vl = {
 };
 function Bl(e, t) {
   return m(), k("svg", Vl, t[0] || (t[0] = [
-    ee("path", {
+    te("path", {
       d: "M0.75 7L5.75 12L13.25 0.75",
       stroke: "currentColor",
       "stroke-width": "1.5",
@@ -79,7 +79,7 @@ const hr = /* @__PURE__ */ We(Rl, [["render", Bl]]), Hl = {}, Il = {
 };
 function Fl(e, t) {
   return m(), k("svg", Il, t[0] || (t[0] = [
-    ee("path", {
+    te("path", {
       d: "M9 4.5V9H12.375M15.75 9C15.75 12.7279 12.7279 15.75 9 15.75C5.27208 15.75 2.25 12.7279 2.25 9C2.25 5.27208 5.27208 2.25 9 2.25C12.7279 2.25 15.75 5.27208 15.75 9Z",
       stroke: "white",
       "stroke-width": "1.5",
@@ -88,7 +88,7 @@ function Fl(e, t) {
     }, null, -1)
   ]));
 }
-const Ll = /* @__PURE__ */ We(Hl, [["render", Fl]]), Nl = {}, El = {
+const Nl = /* @__PURE__ */ We(Hl, [["render", Fl]]), Ll = {}, El = {
   width: "18",
   height: "4",
   viewBox: "0 0 18 4",
@@ -97,21 +97,21 @@ const Ll = /* @__PURE__ */ We(Hl, [["render", Fl]]), Nl = {}, El = {
 };
 function Wl(e, t) {
   return m(), k("svg", El, t[0] || (t[0] = [
-    ee("path", {
+    te("path", {
       d: "M0.599976 2.0002C0.599976 1.00608 1.40586 0.200195 2.39998 0.200195C3.39409 0.200195 4.19998 1.00608 4.19998 2.0002C4.19998 2.99431 3.39409 3.8002 2.39998 3.8002C1.40586 3.8002 0.599976 2.99431 0.599976 2.0002Z",
       fill: "currentColor"
     }, null, -1),
-    ee("path", {
+    te("path", {
       d: "M7.19998 2.0002C7.19998 1.00608 8.00586 0.200195 8.99998 0.200195C9.99409 0.200195 10.8 1.00608 10.8 2.0002C10.8 2.99431 9.99409 3.8002 8.99998 3.8002C8.00586 3.8002 7.19998 2.99431 7.19998 2.0002Z",
       fill: "currentColor"
     }, null, -1),
-    ee("path", {
+    te("path", {
       d: "M15.6 0.200195C14.6059 0.200195 13.8 1.00608 13.8 2.0002C13.8 2.99431 14.6059 3.8002 15.6 3.8002C16.5941 3.8002 17.4 2.99431 17.4 2.0002C17.4 1.00608 16.5941 0.200195 15.6 0.200195Z",
       fill: "currentColor"
     }, null, -1)
   ]));
 }
-const zl = /* @__PURE__ */ We(Nl, [["render", Wl]]), ql = {}, Ul = {
+const zl = /* @__PURE__ */ We(Ll, [["render", Wl]]), ql = {}, Ul = {
   width: "18",
   height: "18",
   viewBox: "0 0 18 18",
@@ -120,7 +120,7 @@ const zl = /* @__PURE__ */ We(Nl, [["render", Wl]]), ql = {}, Ul = {
 };
 function jl(e, t) {
   return m(), k("svg", Ul, t[0] || (t[0] = [
-    ee("path", {
+    te("path", {
       d: "M2.98486 6.16693C2.29254 6.98537 1.76423 7.94701 1.45068 9.00111C2.41916 12.2535 5.43225 14.625 8.99924 14.625C9.74367 14.625 10.464 14.5217 11.1466 14.3287M4.67064 4.67072C5.91283 3.85169 7.4007 3.375 8.9999 3.375C12.5669 3.375 15.58 5.74654 16.5485 8.99889C16.0145 10.7939 14.8578 12.3208 13.3289 13.329M4.67064 4.67072L2.24992 2.25M4.67064 4.67072L7.40893 7.40901M13.3289 13.329L15.7499 15.75M13.3289 13.329L10.5909 10.591M10.5909 10.591C10.9981 10.1838 11.2499 9.62132 11.2499 9C11.2499 7.75736 10.2426 6.75 8.99992 6.75C8.3786 6.75 7.8161 7.00184 7.40893 7.40901M10.5909 10.591L7.40893 7.40901",
       stroke: "currentColor",
       "stroke-width": "1.5",
@@ -138,14 +138,14 @@ const Ql = /* @__PURE__ */ We(ql, [["render", jl]]), Zl = {}, Gl = {
 };
 function Kl(e, t) {
   return m(), k("svg", Gl, t[0] || (t[0] = [
-    ee("path", {
+    te("path", {
       d: "M1.52669 9.2418C1.47488 9.08635 1.47483 8.91805 1.52655 8.76257C2.56782 5.63229 5.52062 3.375 9.00063 3.375C12.479 3.375 15.4307 5.63019 16.4733 8.7582C16.5251 8.91365 16.5251 9.08195 16.4734 9.23743C15.4321 12.3677 12.4793 14.625 8.99932 14.625C5.52092 14.625 2.56925 12.3698 1.52669 9.2418Z",
       stroke: "currentColor",
       "stroke-width": "1.5",
       "stroke-linecap": "round",
       "stroke-linejoin": "round"
     }, null, -1),
-    ee("path", {
+    te("path", {
       d: "M11.25 9C11.25 10.2426 10.2427 11.25 9.00002 11.25C7.75738 11.25 6.75002 10.2426 6.75002 9C6.75002 7.75736 7.75738 6.75 9.00002 6.75C10.2427 6.75 11.25 7.75736 11.25 9Z",
       stroke: "currentColor",
       "stroke-width": "1.5",
@@ -163,7 +163,7 @@ const Xl = /* @__PURE__ */ We(Zl, [["render", Kl]]), Jl = {}, eo = {
 };
 function to(e, t) {
   return m(), k("svg", eo, t[0] || (t[0] = [
-    ee("path", {
+    te("path", {
       d: "M14.25 14.25L10.3525 10.3525M10.3525 10.3525C11.3704 9.33455 12 7.9283 12 6.375C12 3.2684 9.4816 0.75 6.375 0.75C3.2684 0.75 0.75 3.2684 0.75 6.375C0.75 9.4816 3.2684 12 6.375 12C7.9283 12 9.33455 11.3704 10.3525 10.3525Z",
       stroke: "currentColor",
       "stroke-width": "1.5",
@@ -181,7 +181,7 @@ const ao = /* @__PURE__ */ We(Jl, [["render", to]]), no = {}, ro = {
 };
 function lo(e, t) {
   return m(), k("svg", ro, t[0] || (t[0] = [
-    ee("path", {
+    te("path", {
       d: "M4.5 13.5L13.5 4.5M4.5 4.5L13.5 13.5",
       stroke: "currentColor",
       "stroke-width": "1.5",
@@ -206,7 +206,7 @@ const oo = /* @__PURE__ */ We(no, [["render", lo]]), so = {
       "/src/lib/icons/calendar-default.vue": Pl,
       "/src/lib/icons/calendar-white.vue": Sl,
       "/src/lib/icons/check.vue": hr,
-      "/src/lib/icons/clock-white.vue": Ll,
+      "/src/lib/icons/clock-white.vue": Nl,
       "/src/lib/icons/dots.vue": zl,
       "/src/lib/icons/eye-slash.vue": Ql,
       "/src/lib/icons/eye.vue": Xl,
@@ -223,7 +223,7 @@ const oo = /* @__PURE__ */ We(no, [["render", lo]]), so = {
   }
 });
 function nt(e) {
-  return N(() => {
+  return L(() => {
     const t = [e.base];
     if (e.modifiers)
       for (const [n, a] of Object.entries(e.modifiers)) {
@@ -260,7 +260,7 @@ const io = ["disabled"], uo = /* @__PURE__ */ Ae({
         disabled: () => t.disabled
       },
       attrs: n
-    }), r = N(() => {
+    }), r = L(() => {
       const { class: l, ...s } = n;
       return s;
     });
@@ -273,7 +273,7 @@ const io = ["disabled"], uo = /* @__PURE__ */ Ae({
         name: l.icon,
         class: "ui-kit-icon-button__icon"
       }, null, 8, ["name"])) : E("", !0),
-      te(l.$slots, "default", {}, void 0, !0)
+      ee(l.$slots, "default", {}, void 0, !0)
     ], 16, io));
   }
 }), co = /* @__PURE__ */ We(uo, [["__scopeId", "data-v-8aec97e3"]]), vo = { class: "ui-kit-adaptive-tabs__tabs-container" }, po = ["onClick"], fo = {
@@ -291,7 +291,7 @@ const io = ["disabled"], uo = /* @__PURE__ */ Ae({
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = e, n = za(e, "modelValue"), a = N(() => t.tabs.filter((V) => !V.exclude)), r = q([]), l = q([]), s = q(a.value.length), c = q([]), i = q(!1), _ = N(() => Math.max(0, s.value - 1)), v = q(), p = q([]), h = q(), x = q(0);
+    const t = e, n = za(e, "modelValue"), a = L(() => t.tabs.filter((V) => !V.exclude)), r = q([]), l = q([]), s = q(a.value.length), c = q([]), i = q(!1), _ = L(() => Math.max(0, s.value - 1)), v = q(), p = q([]), h = q(), x = q(0);
     bl(v, (V) => {
       const z = V[0];
       if (z) {
@@ -336,7 +336,7 @@ const io = ["disabled"], uo = /* @__PURE__ */ Ae({
         }
       }
       c.value = z;
-    }, D = (V) => {
+    }, M = (V) => {
       n.value = V.value, i.value = !1;
     }, g = () => {
       i.value = !1;
@@ -370,7 +370,7 @@ const io = ["disabled"], uo = /* @__PURE__ */ Ae({
       ref: v,
       class: ce(["ui-kit ui-kit-adaptive-tabs", { "ui-kit-adaptive-tabs_full-width": V.fullWidth }])
     }, [
-      ee("div", vo, [
+      te("div", vo, [
         (m(!0), k(_e, null, Be(r.value, ($, I) => (m(), k("div", {
           key: $.value,
           ref_for: !0,
@@ -381,9 +381,9 @@ const io = ["disabled"], uo = /* @__PURE__ */ Ae({
           style: ot(
             V.fullWidth ? { flex: "1 1 0", minWidth: "0" } : I === _.value && c.value.length > 0 ? { flex: "1 1 0", minWidth: "0" } : { minWidth: `${V.minTabWidth}px` }
           ),
-          onClick: (ae) => D($)
+          onClick: (ae) => M($)
         }, [
-          te(V.$slots, "default", Fe({ ref_for: !0 }, $), () => [
+          ee(V.$slots, "default", Fe({ ref_for: !0 }, $), () => [
             yt(Pe($.label), 1)
           ], !0)
         ], 14, po))), 128))
@@ -394,7 +394,7 @@ const io = ["disabled"], uo = /* @__PURE__ */ Ae({
         ref: h,
         class: "ui-kit-adaptive-tabs__dropdown-wrapper"
       }, [
-        Le(co, {
+        Ne(co, {
           variant: i.value ? "filled-green" : "small-black",
           icon: "dots",
           class: "ui-kit-adaptive-tabs__dropdown-button",
@@ -404,9 +404,9 @@ const io = ["disabled"], uo = /* @__PURE__ */ Ae({
           (m(!0), k(_e, null, Be(c.value, ($) => (m(), k("div", {
             key: $.value,
             class: ce(["ui-kit-typo-subtitle-secondary", "ui-kit-adaptive-tabs__dropdown-item", B($)]),
-            onClick: (I) => D($)
+            onClick: (I) => M($)
           }, [
-            te(V.$slots, "default", Fe({ ref_for: !0 }, $), () => [
+            ee(V.$slots, "default", Fe({ ref_for: !0 }, $), () => [
               yt(Pe($.label), 1)
             ], !0)
           ], 10, mo))), 128))
@@ -414,7 +414,7 @@ const io = ["disabled"], uo = /* @__PURE__ */ Ae({
       ], 512)) : E("", !0)
     ], 2));
   }
-}), Gc = /* @__PURE__ */ We(ho, [["__scopeId", "data-v-3bbdb3f6"]]), yr = 6048e5, yo = 864e5, go = 6e4, gr = 36e5, bo = 1e3, Un = Symbol.for("constructDateFrom");
+}), Kc = /* @__PURE__ */ We(ho, [["__scopeId", "data-v-3bbdb3f6"]]), yr = 6048e5, yo = 864e5, go = 6e4, gr = 36e5, bo = 1e3, Un = Symbol.for("constructDateFrom");
 function He(e, t) {
   return typeof e == "function" ? e(t) : e && typeof e == "object" && Un in e ? e[Un](t) : e instanceof Date ? new e.constructor(t) : new Date(t);
 }
@@ -588,7 +588,7 @@ function mn(e, t) {
   const n = ge(e, t?.in);
   return n.setDate(1), n.setHours(0, 0, 0, 0), n;
 }
-function La(e, t) {
+function Na(e, t) {
   const n = ge(e, t?.in), a = n.getFullYear();
   return n.setFullYear(a + 1, 0, 0), n.setHours(23, 59, 59, 999), n;
 }
@@ -779,7 +779,7 @@ const Bo = {
     "Friday",
     "Saturday"
   ]
-}, Lo = {
+}, No = {
   narrow: {
     am: "a",
     pm: "p",
@@ -810,7 +810,7 @@ const Bo = {
     evening: "evening",
     night: "night"
   }
-}, No = {
+}, Lo = {
   narrow: {
     am: "a",
     pm: "p",
@@ -873,9 +873,9 @@ const Bo = {
     defaultWidth: "wide"
   }),
   dayPeriod: _a({
-    values: Lo,
+    values: No,
     defaultWidth: "wide",
-    formattingValues: No,
+    formattingValues: Lo,
     defaultFormattingWidth: "wide"
   })
 };
@@ -1807,7 +1807,7 @@ function ws(e, t) {
 function _s() {
   return Object.assign({}, la());
 }
-function Nt(e, t) {
+function Lt(e, t) {
   return ge(e, t?.in).getHours();
 }
 function ks(e, t) {
@@ -2006,7 +2006,7 @@ function Qe(e, t) {
       return qe(new RegExp("^\\d{1," + e + "}"), t);
   }
 }
-function Na(e, t) {
+function La(e, t) {
   switch (e) {
     case 1:
       return qe(Xe.singleDigitSigned, t);
@@ -2148,7 +2148,7 @@ class As extends Se {
 class Os extends Se {
   priority = 130;
   parse(t, n) {
-    return Na(n === "R" ? 4 : n.length, t);
+    return La(n === "R" ? 4 : n.length, t);
   }
   set(t, n, a) {
     const r = He(t, 0);
@@ -2175,7 +2175,7 @@ class Os extends Se {
 class Ys extends Se {
   priority = 130;
   parse(t, n) {
-    return Na(n === "u" ? 4 : n.length, t);
+    return La(n === "u" ? 4 : n.length, t);
   }
   set(t, n, a) {
     return t.setFullYear(a, 0, 1), t.setHours(0, 0, 0, 0), t;
@@ -2482,7 +2482,7 @@ function Fs(e, t, n) {
   const a = ge(e, n?.in), r = xn(a, n) - t;
   return a.setDate(a.getDate() - r * 7), a;
 }
-class Ls extends Se {
+class Ns extends Se {
   priority = 100;
   parse(t, n, a) {
     switch (n) {
@@ -2517,7 +2517,7 @@ class Ls extends Se {
     "T"
   ];
 }
-const Ns = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31], Es = [
+const Ls = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31], Es = [
   31,
   29,
   31,
@@ -2546,7 +2546,7 @@ class Ws extends Se {
   }
   validate(t, n) {
     const a = t.getFullYear(), r = Sr(a), l = t.getMonth();
-    return r ? n >= 1 && n <= Es[l] : n >= 1 && n <= Ns[l];
+    return r ? n >= 1 && n <= Es[l] : n >= 1 && n <= Ls[l];
   }
   set(t, n, a) {
     return t.setDate(a), t.setHours(0, 0, 0, 0), t;
@@ -3226,7 +3226,7 @@ const di = {
   M: new Vs(),
   L: new Bs(),
   w: new Is(),
-  I: new Ls(),
+  I: new Ns(),
   d: new Ws(),
   D: new zs(),
   E: new qs(),
@@ -3256,17 +3256,17 @@ function gn(e, t, n, a) {
     firstWeekContainsDate: c,
     weekStartsOn: i,
     locale: s
-  }, v = [new Ts(a?.in, n)], p = t.match(vi).map((D) => {
-    const g = D[0];
+  }, v = [new Ts(a?.in, n)], p = t.match(vi).map((M) => {
+    const g = M[0];
     if (g in hn) {
       const B = hn[g];
-      return B(D, s.formatLong);
+      return B(M, s.formatLong);
     }
-    return D;
+    return M;
   }).join("").match(ci), h = [];
-  for (let D of p) {
-    !a?.useAdditionalWeekYearTokens && Pr(D) && yn(D, t, e), !a?.useAdditionalDayOfYearTokens && $r(D) && yn(D, t, e);
-    const g = D[0], B = di[g];
+  for (let M of p) {
+    !a?.useAdditionalWeekYearTokens && Pr(M) && yn(M, t, e), !a?.useAdditionalDayOfYearTokens && $r(M) && yn(M, t, e);
+    const g = M[0], B = di[g];
     if (B) {
       const { incompatibleTokens: Y } = B;
       if (Array.isArray(Y)) {
@@ -3275,16 +3275,16 @@ function gn(e, t, n, a) {
         );
         if (z)
           throw new RangeError(
-            `The format string mustn't contain \`${z.fullToken}\` and \`${D}\` at the same time`
+            `The format string mustn't contain \`${z.fullToken}\` and \`${M}\` at the same time`
           );
       } else if (B.incompatibleTokens === "*" && h.length > 0)
         throw new RangeError(
-          `The format string mustn't contain \`${D}\` and any other token at the same time`
+          `The format string mustn't contain \`${M}\` and any other token at the same time`
         );
-      h.push({ token: g, fullToken: D });
+      h.push({ token: g, fullToken: M });
       const V = B.run(
         e,
-        D,
+        M,
         s.match,
         _
       );
@@ -3296,24 +3296,24 @@ function gn(e, t, n, a) {
         throw new RangeError(
           "Format string contains an unescaped latin alphabet character `" + g + "`"
         );
-      if (D === "''" ? D = "'" : g === "'" && (D = yi(D)), e.indexOf(D) === 0)
-        e = e.slice(D.length);
+      if (M === "''" ? M = "'" : g === "'" && (M = yi(M)), e.indexOf(M) === 0)
+        e = e.slice(M.length);
       else
         return r();
     }
   }
   if (e.length > 0 && mi.test(e))
     return r();
-  const x = v.map((D) => D.priority).sort((D, g) => g - D).filter((D, g, B) => B.indexOf(D) === g).map(
-    (D) => v.filter((g) => g.priority === D).sort((g, B) => B.subPriority - g.subPriority)
-  ).map((D) => D[0]);
+  const x = v.map((M) => M.priority).sort((M, g) => g - M).filter((M, g, B) => B.indexOf(M) === g).map(
+    (M) => v.filter((g) => g.priority === M).sort((g, B) => B.subPriority - g.subPriority)
+  ).map((M) => M[0]);
   let R = ge(n, a?.in);
   if (isNaN(+R)) return r();
   const F = {};
-  for (const D of x) {
-    if (!D.validate(R, _))
+  for (const M of x) {
+    if (!M.validate(R, _))
       return r();
-    const g = D.set(R, F, _);
+    const g = M.set(R, F, _);
     Array.isArray(g) ? (R = g[0], Object.assign(F, g[1])) : R = g;
   }
   return R;
@@ -3394,16 +3394,16 @@ function wa() {
       ...e
     },
     [
-      ee("path", {
+      te("path", {
         d: "M29.333 8c0-2.208-1.792-4-4-4h-18.667c-2.208 0-4 1.792-4 4v18.667c0 2.208 1.792 4 4 4h18.667c2.208 0 4-1.792 4-4v-18.667zM26.667 8v18.667c0 0.736-0.597 1.333-1.333 1.333 0 0-18.667 0-18.667 0-0.736 0-1.333-0.597-1.333-1.333 0 0 0-18.667 0-18.667 0-0.736 0.597-1.333 1.333-1.333 0 0 18.667 0 18.667 0 0.736 0 1.333 0.597 1.333 1.333z"
       }),
-      ee("path", {
+      te("path", {
         d: "M20 2.667v5.333c0 0.736 0.597 1.333 1.333 1.333s1.333-0.597 1.333-1.333v-5.333c0-0.736-0.597-1.333-1.333-1.333s-1.333 0.597-1.333 1.333z"
       }),
-      ee("path", {
+      te("path", {
         d: "M9.333 2.667v5.333c0 0.736 0.597 1.333 1.333 1.333s1.333-0.597 1.333-1.333v-5.333c0-0.736-0.597-1.333-1.333-1.333s-1.333 0.597-1.333 1.333z"
       }),
-      ee("path", {
+      te("path", {
         d: "M4 14.667h24c0.736 0 1.333-0.597 1.333-1.333s-0.597-1.333-1.333-1.333h-24c-0.736 0-1.333 0.597-1.333 1.333s0.597 1.333 1.333 1.333z"
       })
     ]
@@ -3424,10 +3424,10 @@ function Ir() {
       role: "img"
     },
     [
-      ee("path", {
+      te("path", {
         d: "M23.057 7.057l-16 16c-0.52 0.52-0.52 1.365 0 1.885s1.365 0.52 1.885 0l16-16c0.52-0.52 0.52-1.365 0-1.885s-1.365-0.52-1.885 0z"
       }),
-      ee("path", {
+      te("path", {
         d: "M7.057 8.943l16 16c0.52 0.52 1.365 0.52 1.885 0s0.52-1.365 0-1.885l-16-16c-0.52-0.52-1.365-0.52-1.885 0s-0.52 1.365 0 1.885z"
       })
     ]
@@ -3448,7 +3448,7 @@ function An() {
       role: "img"
     },
     [
-      ee("path", {
+      te("path", {
         d: "M20.943 23.057l-7.057-7.057c0 0 7.057-7.057 7.057-7.057 0.52-0.52 0.52-1.365 0-1.885s-1.365-0.52-1.885 0l-8 8c-0.521 0.521-0.521 1.365 0 1.885l8 8c0.52 0.52 1.365 0.52 1.885 0s0.52-1.365 0-1.885z"
       })
     ]
@@ -3469,7 +3469,7 @@ function On() {
       role: "img"
     },
     [
-      ee("path", {
+      te("path", {
         d: "M12.943 24.943l8-8c0.521-0.521 0.521-1.365 0-1.885l-8-8c-0.52-0.52-1.365-0.52-1.885 0s-0.52 1.365 0 1.885l7.057 7.057c0 0-7.057 7.057-7.057 7.057-0.52 0.52-0.52 1.365 0 1.885s1.365 0.52 1.885 0z"
       })
     ]
@@ -3490,10 +3490,10 @@ function Yn() {
       role: "img"
     },
     [
-      ee("path", {
+      te("path", {
         d: "M16 1.333c-8.095 0-14.667 6.572-14.667 14.667s6.572 14.667 14.667 14.667c8.095 0 14.667-6.572 14.667-14.667s-6.572-14.667-14.667-14.667zM16 4c6.623 0 12 5.377 12 12s-5.377 12-12 12c-6.623 0-12-5.377-12-12s5.377-12 12-12z"
       }),
-      ee("path", {
+      te("path", {
         d: "M14.667 8v8c0 0.505 0.285 0.967 0.737 1.193l5.333 2.667c0.658 0.329 1.46 0.062 1.789-0.596s0.062-1.46-0.596-1.789l-4.596-2.298c0 0 0-7.176 0-7.176 0-0.736-0.597-1.333-1.333-1.333s-1.333 0.597-1.333 1.333z"
       })
     ]
@@ -3514,7 +3514,7 @@ function Sn() {
       role: "img"
     },
     [
-      ee("path", {
+      te("path", {
         d: "M24.943 19.057l-8-8c-0.521-0.521-1.365-0.521-1.885 0l-8 8c-0.52 0.52-0.52 1.365 0 1.885s1.365 0.52 1.885 0l7.057-7.057c0 0 7.057 7.057 7.057 7.057 0.52 0.52 1.365 0.52 1.885 0s0.52-1.365 0-1.885z"
       })
     ]
@@ -3535,7 +3535,7 @@ function Rn() {
       role: "img"
     },
     [
-      ee("path", {
+      te("path", {
         d: "M7.057 12.943l8 8c0.521 0.521 1.365 0.521 1.885 0l8-8c0.52-0.52 0.52-1.365 0-1.885s-1.365-0.52-1.885 0l-7.057 7.057c0 0-7.057-7.057-7.057-7.057-0.52-0.52-1.365-0.52-1.885 0s-0.52 1.365 0 1.885z"
       })
     ]
@@ -3620,10 +3620,10 @@ const Ci = (e, t, n) => {
 }, Ti = (e) => [12, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11][e], et = (e) => {
   const t = d(e);
   return t != null && t.$el ? t?.$el : t;
-}, $i = (e) => ({ type: "dot", ...e ?? {} }), Lr = (e) => Array.isArray(e) ? !!e[0] && !!e[1] : !1, Hn = {
+}, $i = (e) => ({ type: "dot", ...e ?? {} }), Nr = (e) => Array.isArray(e) ? !!e[0] && !!e[1] : !1, Hn = {
   prop: (e) => `"${e}" prop must be enabled!`,
   dateArr: (e) => `You need to use array as "model-value" binding in order to support "${e}"`
-}, lt = (e) => e, rr = (e) => e === 0 ? e : !e || isNaN(+e) ? null : +e, lr = (e) => e === null, Nr = (e) => {
+}, lt = (e) => e, rr = (e) => e === 0 ? e : !e || isNaN(+e) ? null : +e, lr = (e) => e === null, Lr = (e) => {
   if (e)
     return [...e.querySelectorAll("input, button, select, textarea, a[href]")][0];
 }, Pi = (e) => {
@@ -3727,7 +3727,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
   minutes: isNaN(+e.minutes) ? void 0 : +e.minutes,
   seconds: isNaN(+e.seconds) ? void 0 : +e.seconds
 }, ta = (e) => ({
-  hours: Nt(e),
+  hours: Lt(e),
   minutes: Qt(e),
   seconds: pa(e)
 }), qr = (e, t) => {
@@ -3754,12 +3754,12 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
   return [n, a];
 }, Qr = (e, t) => {
   const n = {
-    hours: Nt(J()),
+    hours: Lt(J()),
     minutes: Qt(J()),
     seconds: t ? pa(J()) : 0
   };
   return Object.assign(n, e);
-}, qt = (e, t, n) => [Ie(J(e), { date: 1 }), Ie(J(), { month: t, year: n, date: 1 })], Lt = (e, t, n) => {
+}, qt = (e, t, n) => [Ie(J(e), { date: 1 }), Ie(J(), { month: t, year: n, date: 1 })], Nt = (e, t, n) => {
   let a = e ? J(e) : J();
   return (t || t === 0) && (a = Rr(a, t)), n && (a = Vt(a, n)), a;
 }, Zr = (e, t, n, a, r) => {
@@ -3794,13 +3794,13 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
   }
   const l = on(e, a, t);
   return ln(a, l, n, !!t) && r;
-}, sn = (e) => Ie(J(), ta(e)), Li = (e, t, n) => {
+}, sn = (e) => Ie(J(), ta(e)), Ni = (e, t, n) => {
   if (e instanceof Map) {
     const a = `${zr(n + 1)}-${t}`;
     return e.size ? e.has(a) : !1;
   }
   return typeof e == "function" ? e(it(Ie(J(), { month: n, year: t }), !0)) : !1;
-}, Ni = (e, t, n) => {
+}, Li = (e, t, n) => {
   if (e instanceof Map) {
     const a = `${zr(n + 1)}-${t}`;
     return e.size ? e.has(a) : !0;
@@ -3819,11 +3819,11 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
     Da.shiftKeyInMenu !== n && (Da.shiftKeyInMenu = n);
   };
   return {
-    control: N(() => ({ shiftKeyInMenu: Da.shiftKeyInMenu, menuFocused: Da.menuFocused })),
+    control: L(() => ({ shiftKeyInMenu: Da.shiftKeyInMenu, menuFocused: Da.menuFocused })),
     setMenuFocused: e,
     setShiftKey: t
   };
-}, Ne = Aa({
+}, Le = Aa({
   monthYear: [],
   calendar: [],
   time: [],
@@ -3835,12 +3835,12 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
   },
   monthPicker: []
 }), un = q(null), Ha = q(!1), dn = q(!1), cn = q(!1), vn = q(!1), ct = q(0), Ge = q(0), Zt = () => {
-  const e = N(() => Ha.value ? [...Ne.selectionGrid, Ne.actionRow].filter((p) => p.length) : dn.value ? [
-    ...Ne.timePicker[0],
-    ...Ne.timePicker[1],
+  const e = L(() => Ha.value ? [...Le.selectionGrid, Le.actionRow].filter((p) => p.length) : dn.value ? [
+    ...Le.timePicker[0],
+    ...Le.timePicker[1],
     vn.value ? [] : [un.value],
-    Ne.actionRow
-  ].filter((p) => p.length) : cn.value ? [...Ne.monthPicker, Ne.actionRow] : [Ne.monthYear, ...Ne.calendar, Ne.time, Ne.actionRow].filter((p) => p.length)), t = (p) => {
+    Le.actionRow
+  ].filter((p) => p.length) : cn.value ? [...Le.monthPicker, Le.actionRow] : [Le.monthYear, ...Le.calendar, Le.time, Le.actionRow].filter((p) => p.length)), t = (p) => {
     ct.value = p ? ct.value + 1 : ct.value - 1;
     let h = null;
     e.value[Ge.value] && (h = e.value[Ge.value][ct.value]), !h && e.value[Ge.value + (p ? 1 : -1)] ? (Ge.value = Ge.value + (p ? 1 : -1), ct.value = p ? 0 : e.value[Ge.value].length - 1) : h || (ct.value = p ? ct.value - 1 : ct.value + 1);
@@ -3858,9 +3858,9 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
   }, c = () => {
     n(!0), a(!0);
   }, i = (p, h) => {
-    Ne[h] = p;
+    Le[h] = p;
   }, _ = (p, h) => {
-    Ne[h] = p;
+    Le[h] = p;
   }, v = () => {
     ct.value = 0, Ge.value = 0;
   };
@@ -3871,25 +3871,25 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
       un.value = p;
     },
     setSelectionGrid: (p) => {
-      Ha.value = p, v(), p || (Ne.selectionGrid = []);
+      Ha.value = p, v(), p || (Le.selectionGrid = []);
     },
     setTimePicker: (p, h = !1) => {
-      dn.value = p, vn.value = h, v(), p || (Ne.timePicker[0] = [], Ne.timePicker[1] = []);
+      dn.value = p, vn.value = h, v(), p || (Le.timePicker[0] = [], Le.timePicker[1] = []);
     },
     setTimePickerElements: (p, h = 0) => {
-      Ne.timePicker[h] = p;
+      Le.timePicker[h] = p;
     },
     arrowRight: r,
     arrowLeft: l,
     arrowUp: s,
     arrowDown: c,
     clearArrowNav: () => {
-      Ne.monthYear = [], Ne.calendar = [], Ne.time = [], Ne.actionRow = [], Ne.selectionGrid = [], Ne.timePicker[0] = [], Ne.timePicker[1] = [], Ha.value = !1, dn.value = !1, vn.value = !1, cn.value = !1, v(), un.value = null;
+      Le.monthYear = [], Le.calendar = [], Le.time = [], Le.actionRow = [], Le.selectionGrid = [], Le.timePicker[0] = [], Le.timePicker[1] = [], Ha.value = !1, dn.value = !1, vn.value = !1, cn.value = !1, v(), un.value = null;
     },
     setMonthPicker: (p) => {
       cn.value = p, v();
     },
-    refSets: Ne
+    refSets: Le
     // exposed for testing
   };
 }, ur = (e) => ({
@@ -4046,10 +4046,10 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
     return e.is24 ? `HH${I}${$}` : `hh${I}${$} aa`;
   }, n = () => {
     var $;
-    return e.format ? e.format : e.monthPicker ? "MM/yyyy" : e.timePicker ? t() : e.weekPicker ? `${(($ = D.value) == null ? void 0 : $.type) === "iso" ? "II" : "ww"}-RR` : e.yearPicker ? "yyyy" : e.quarterPicker ? "QQQ/yyyy" : e.enableTimePicker ? `MM/dd/yyyy, ${t()}` : "MM/dd/yyyy";
-  }, a = ($) => Qr($, e.enableSeconds), r = () => V.value.enabled ? e.startTime && Array.isArray(e.startTime) ? [a(e.startTime[0]), a(e.startTime[1])] : null : e.startTime && !Array.isArray(e.startTime) ? a(e.startTime) : null, l = N(() => Wi(e.multiCalendars)), s = N(() => r()), c = N(() => Ei(e.ariaLabels)), i = N(() => ji(e.filters)), _ = N(() => qi(e.transitions)), v = N(() => Qi(e.actionRow)), p = N(
+    return e.format ? e.format : e.monthPicker ? "MM/yyyy" : e.timePicker ? t() : e.weekPicker ? `${(($ = M.value) == null ? void 0 : $.type) === "iso" ? "II" : "ww"}-RR` : e.yearPicker ? "yyyy" : e.quarterPicker ? "QQQ/yyyy" : e.enableTimePicker ? `MM/dd/yyyy, ${t()}` : "MM/dd/yyyy";
+  }, a = ($) => Qr($, e.enableSeconds), r = () => V.value.enabled ? e.startTime && Array.isArray(e.startTime) ? [a(e.startTime[0]), a(e.startTime[1])] : null : e.startTime && !Array.isArray(e.startTime) ? a(e.startTime) : null, l = L(() => Wi(e.multiCalendars)), s = L(() => r()), c = L(() => Ei(e.ariaLabels)), i = L(() => ji(e.filters)), _ = L(() => qi(e.transitions)), v = L(() => Qi(e.actionRow)), p = L(
     () => zi(e.previewFormat, e.format, n())
-  ), h = N(() => Ui(e.textInput)), x = N(() => Zi(e.inline)), R = N(() => Gi(e.config)), F = N(() => Ki(e.highlight)), D = N(() => Xi(e.weekNumbers)), g = N(() => eu(e.timezone)), B = N(() => nu(e.multiDates)), Y = N(
+  ), h = L(() => Ui(e.textInput)), x = L(() => Zi(e.inline)), R = L(() => Gi(e.config)), F = L(() => Ki(e.highlight)), M = L(() => Xi(e.weekNumbers)), g = L(() => eu(e.timezone)), B = L(() => nu(e.multiDates)), Y = L(
     () => au({
       minDate: e.minDate,
       maxDate: e.maxDate,
@@ -4062,7 +4062,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
       isMonthPicker: e.monthPicker,
       isYearPicker: e.yearPicker
     })
-  ), V = N(() => Ji(e.range)), z = N(() => ru(e.ui));
+  ), V = L(() => Ji(e.range)), z = L(() => ru(e.ui));
   return {
     defaultedTransitions: _,
     defaultedMultiCalendars: l,
@@ -4075,7 +4075,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
     defaultedInline: x,
     defaultedConfig: R,
     defaultedHighlight: F,
-    defaultedWeekNumbers: D,
+    defaultedWeekNumbers: M,
     defaultedRange: V,
     propDates: Y,
     defaultedTz: g,
@@ -4115,16 +4115,16 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
     O ?? i(),
     ie
   ), F = (o) => o ? t.modelType ? Z(o) : {
-    hours: Nt(o),
+    hours: Lt(o),
     minutes: Qt(o),
     seconds: t.enableSeconds ? pa(o) : 0
-  } : null, D = (o) => t.modelType ? Z(o) : { month: Te(o), year: we(o) }, g = (o) => Array.isArray(o) ? c.value.enabled ? o.map((O) => B(O, Vt(J(), O))) : Ba(
+  } : null, M = (o) => t.modelType ? Z(o) : { month: Te(o), year: we(o) }, g = (o) => Array.isArray(o) ? c.value.enabled ? o.map((O) => B(O, Vt(J(), O))) : Ba(
     () => [
       Vt(J(), o[0]),
       o[1] ? Vt(J(), o[1]) : sa(l.value.partialRange)
     ],
     l.value.enabled
-  ) : Vt(J(), +o), B = (o, O) => (typeof o == "string" || typeof o == "number") && t.modelType ? M(o) : O, Y = (o) => Array.isArray(o) ? [
+  ) : Vt(J(), +o), B = (o, O) => (typeof o == "string" || typeof o == "number") && t.modelType ? D(o) : O, Y = (o) => Array.isArray(o) ? [
     B(
       o[0],
       jt(null, +o[0].hours, +o[0].minutes, o[0].seconds)
@@ -4135,19 +4135,19 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
     )
   ] : B(o, jt(null, o.hours, o.minutes, o.seconds)), V = (o) => {
     const O = Ie(J(), { date: 1 });
-    return Array.isArray(o) ? c.value.enabled ? o.map((ie) => B(ie, Lt(O, +ie.month, +ie.year))) : Ba(
+    return Array.isArray(o) ? c.value.enabled ? o.map((ie) => B(ie, Nt(O, +ie.month, +ie.year))) : Ba(
       () => [
-        B(o[0], Lt(O, +o[0].month, +o[0].year)),
+        B(o[0], Nt(O, +o[0].month, +o[0].year)),
         B(
           o[1],
-          o[1] ? Lt(O, +o[1].month, +o[1].year) : sa(l.value.partialRange)
+          o[1] ? Nt(O, +o[1].month, +o[1].year) : sa(l.value.partialRange)
         )
       ],
       l.value.enabled
-    ) : B(o, Lt(O, +o.month, +o.year));
+    ) : B(o, Nt(O, +o.month, +o.year));
   }, z = (o) => {
     if (Array.isArray(o))
-      return o.map((O) => M(O));
+      return o.map((O) => D(O));
     throw new Error(Hn.dateArr("multi-dates"));
   }, $ = (o) => {
     if (Array.isArray(o) && l.value.enabled) {
@@ -4158,13 +4158,13 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
       ];
     }
     return J(o[0]);
-  }, I = (o) => t.modelAuto ? Array.isArray(o) ? [M(o[0]), M(o[1])] : t.autoApply ? [M(o)] : [M(o), null] : Array.isArray(o) ? Ba(
+  }, I = (o) => t.modelAuto ? Array.isArray(o) ? [D(o[0]), D(o[1])] : t.autoApply ? [D(o)] : [D(o), null] : Array.isArray(o) ? Ba(
     () => o[1] ? [
-      M(o[0]),
-      o[1] ? M(o[1]) : sa(l.value.partialRange)
-    ] : [M(o[0])],
+      D(o[0]),
+      o[1] ? D(o[1]) : sa(l.value.partialRange)
+    ] : [D(o[0])],
     l.value.enabled
-  ) : M(o), ae = () => {
+  ) : D(o), ae = () => {
     Array.isArray(a.value) && l.value.enabled && a.value.length === 1 && a.value.push(sa(l.value.partialRange));
   }, j = () => {
     const o = a.value;
@@ -4180,7 +4180,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
     return `${o(a.value[0])} ${r.value.rangeSeparator} ${a.value[1] ? o(a.value[1]) : ""}`;
   }, w = () => n.value && a.value ? Array.isArray(a.value) ? b() : Bt(a.value, r.value.format) : R(a.value), Q = () => a.value ? c.value.enabled ? a.value.map((o) => R(o)).join("; ") : r.value.enabled && typeof r.value.format == "string" ? w() : R(a.value) : "", ne = () => {
     !t.format || typeof t.format == "string" || r.value.enabled && typeof r.value.format == "string" ? _.value = Q() : _.value = t.format(a.value);
-  }, M = (o) => {
+  }, D = (o) => {
     if (t.utc) {
       const O = new Date(o);
       return t.utc === "preserve" ? new Date(O.getTime() + O.getTimezoneOffset() * 6e4) : O;
@@ -4193,7 +4193,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
   }, Z = (o) => o ? t.utc ? Vi(o, t.utc === "preserve", t.enableSeconds) : t.modelType ? t.modelType === "timestamp" ? +x(o) : t.modelType === "iso" ? x(o).toISOString() : t.modelType === "format" && (typeof t.format == "string" || !t.format) ? R(x(o)) : R(x(o), t.modelType, !0) : x(o) : "", S = (o, O = !1, ie = !1) => {
     if (ie) return o;
     if (e("update:model-value", o), s.value.emitTimezone && O) {
-      const Ye = Array.isArray(o) ? o.map((L) => ht(lt(L), s.value.emitTimezone)) : ht(lt(o), s.value.emitTimezone);
+      const Ye = Array.isArray(o) ? o.map((N) => ht(lt(N), s.value.emitTimezone)) : ht(lt(o), s.value.emitTimezone);
       e("update:model-timezone-value", Ye);
     }
   }, pe = (o) => Array.isArray(a.value) ? c.value.enabled ? a.value.map((O) => o(O)) : [
@@ -4208,7 +4208,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
   }, A = (o, O) => S(lt(pe(o)), !1, O), U = (o) => {
     const O = y();
     return o ? O : e("update:model-value", y());
-  }, K = (o = !1) => (o || ne(), t.monthPicker ? A(D, o) : t.timePicker ? A(F, o) : t.yearPicker ? A(we, o) : t.weekPicker ? U(o) : S(C(o), !0, o));
+  }, K = (o = !1) => (o || ne(), t.monthPicker ? A(M, o) : t.timePicker ? A(F, o) : t.yearPicker ? A(we, o) : t.weekPicker ? U(o) : S(C(o), !0, o));
   return {
     inputValue: _,
     internalModelValue: a,
@@ -4232,7 +4232,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
     n.value.months.includes(R) && (x = l(x, v), R = Te(x), F = we(x)), n.value.years.includes(F) && (x = s(x, v), F = we(x)), r(R, F, v, e.preventMinMaxNavigation) && i(R, F, p);
   }, i = (v, p, h) => {
     t("update-month-year", { month: v, year: p, fromNav: h });
-  }, _ = N(() => (v) => Zr(
+  }, _ = L(() => (v) => Zr(
     Ie(J(), { month: e.month, year: e.year }),
     a.value.maxDate,
     a.value.minDate,
@@ -4394,19 +4394,19 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
       defaultedInline: i,
       defaultedRange: _,
       defaultedMultiDates: v
-    } = ze(a), { isTimeValid: p, isMonthValid: h } = Gt(a), { buildMatrix: x } = Zt(), R = q(null), F = q(null), D = q(!1), g = q({}), B = q(null), Y = q(null);
+    } = ze(a), { isTimeValid: p, isMonthValid: h } = Gt(a), { buildMatrix: x } = Zt(), R = q(null), F = q(null), M = q(!1), g = q({}), B = q(null), Y = q(null);
     ut(() => {
       a.arrowNavigation && x([et(R), et(F)], "actionRow"), V(), window.addEventListener("resize", V);
     }), ga(() => {
       window.removeEventListener("resize", V);
     });
     const V = () => {
-      D.value = !1, setTimeout(() => {
+      M.value = !1, setTimeout(() => {
         var f, b;
         const w = (f = B.value) == null ? void 0 : f.getBoundingClientRect(), Q = (b = Y.value) == null ? void 0 : b.getBoundingClientRect();
-        w && Q && (g.value.maxWidth = `${Q.width - w.width - 20}px`), D.value = !0;
+        w && Q && (g.value.maxWidth = `${Q.width - w.width - 20}px`), M.value = !0;
       }, 0);
-    }, z = N(() => _.value.enabled && !_.value.partialRange && a.internalModelValue ? a.internalModelValue.length === 2 : !0), $ = N(
+    }, z = L(() => _.value.enabled && !_.value.partialRange && a.internalModelValue ? a.internalModelValue.length === 2 : !0), $ = L(
       () => !p.value(a.internalModelValue) || !h.value(a.internalModelValue) || !z.value
     ), I = () => {
       const f = l.value;
@@ -4421,7 +4421,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
       c.value.rangeSeparator,
       a.modelAuto,
       l.value
-    ), H = N(() => !a.internalModelValue || !a.menuMount ? "" : typeof l.value == "string" ? Array.isArray(a.internalModelValue) ? a.internalModelValue.length === 2 && a.internalModelValue[1] ? ae() : v.value.enabled ? a.internalModelValue.map((f) => `${j(f)}`) : a.modelAuto ? `${j(a.internalModelValue[0])}` : `${j(a.internalModelValue[0])} -` : j(a.internalModelValue) : I()), se = () => v.value.enabled ? "; " : " - ", C = N(
+    ), H = L(() => !a.internalModelValue || !a.menuMount ? "" : typeof l.value == "string" ? Array.isArray(a.internalModelValue) ? a.internalModelValue.length === 2 && a.internalModelValue[1] ? ae() : v.value.enabled ? a.internalModelValue.map((f) => `${j(f)}`) : a.modelAuto ? `${j(a.internalModelValue[0])}` : `${j(a.internalModelValue[0])} -` : j(a.internalModelValue) : I()), se = () => v.value.enabled ? "; " : " - ", C = L(
       () => Array.isArray(H.value) ? H.value.join(se()) : H.value
     ), W = () => {
       p.value(a.internalModelValue) && h.value(a.internalModelValue) && z.value ? n("select-date") : n("invalid-select");
@@ -4431,7 +4431,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
       ref: Y,
       class: "dp__action_row"
     }, [
-      f.$slots["action-row"] ? te(f.$slots, "action-row", st(Fe({ key: 0 }, {
+      f.$slots["action-row"] ? ee(f.$slots, "action-row", st(Fe({ key: 0 }, {
         internalModelValue: f.internalModelValue,
         disabled: $.value,
         selectDate: () => f.$emit("select-date"),
@@ -4443,21 +4443,21 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
           title: C.value,
           style: ot(g.value)
         }, [
-          f.$slots["action-preview"] && D.value ? te(f.$slots, "action-preview", {
+          f.$slots["action-preview"] && M.value ? ee(f.$slots, "action-preview", {
             key: 0,
             value: f.internalModelValue
           }) : E("", !0),
-          !f.$slots["action-preview"] && D.value ? (m(), k(_e, { key: 1 }, [
+          !f.$slots["action-preview"] && M.value ? (m(), k(_e, { key: 1 }, [
             yt(Pe(C.value), 1)
           ], 64)) : E("", !0)
         ], 12, su)) : E("", !0),
-        ee("div", {
+        te("div", {
           ref_key: "actionBtnContainer",
           ref: B,
           class: "dp__action_buttons",
           "data-dp-element": "action-row"
         }, [
-          f.$slots["action-buttons"] ? te(f.$slots, "action-buttons", {
+          f.$slots["action-buttons"] ? ee(f.$slots, "action-buttons", {
             key: 0,
             value: f.internalModelValue
           }) : E("", !0),
@@ -4519,7 +4519,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
   setup(e, { expose: t, emit: n }) {
     const { setSelectionGrid: a, buildMultiLevelMatrix: r, setMonthPicker: l } = Zt(), s = n, c = e, { defaultedAriaLabels: i, defaultedTextInput: _, defaultedConfig: v, handleEventPropagation: p } = ze(
       c
-    ), { hideNavigationButtons: h } = Qa(), x = q(!1), R = q(null), F = q(null), D = q([]), g = q(), B = q(null), Y = q(0), V = q(null);
+    ), { hideNavigationButtons: h } = Qa(), x = q(!1), R = q(null), F = q(null), M = q([]), g = q(), B = q(null), Y = q(0), V = q(null);
     fl(() => {
       R.value = null;
     }), ut(() => {
@@ -4532,17 +4532,17 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
       var y;
       const A = et(F);
       A && (_.value.enabled || (R.value ? (y = R.value) == null || y.focus({ preventScroll: !0 }) : A.focus({ preventScroll: !0 })), x.value = A.clientHeight < A.scrollHeight);
-    }, I = N(
+    }, I = L(
       () => ({
         dp__overlay: !0,
         "dp--overlay-absolute": !c.useRelative,
         "dp--overlay-relative": c.useRelative
       })
-    ), ae = N(
+    ), ae = L(
       () => c.useRelative ? { height: `${c.height}px`, width: "var(--dp-menu-min-width)" } : void 0
-    ), j = N(() => ({
+    ), j = L(() => ({
       dp__overlay_col: !0
-    })), H = N(
+    })), H = L(
       () => ({
         dp__btn: !0,
         dp__button: !0,
@@ -4550,7 +4550,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
         dp__over_action_scroll: x.value,
         dp__button_bottom: c.isLast
       })
-    ), se = N(() => {
+    ), se = L(() => {
       var y, A;
       return {
         dp__overlay_container: !0,
@@ -4575,20 +4575,20 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
     }, b = (y) => {
       c.escClose && (f(), p(y));
     }, w = (y, A, U, K) => {
-      y && ((A.active || A.value === c.focusValue) && (R.value = y), c.arrowNavigation && (Array.isArray(D.value[U]) ? D.value[U][K] = y : D.value[U] = [y], Q()));
+      y && ((A.active || A.value === c.focusValue) && (R.value = y), c.arrowNavigation && (Array.isArray(M.value[U]) ? M.value[U][K] = y : M.value[U] = [y], Q()));
     }, Q = () => {
       var y, A;
-      const U = (y = c.headerRefs) != null && y.length ? [c.headerRefs].concat(D.value) : D.value.concat([c.skipButtonRef ? [] : [B.value]]);
+      const U = (y = c.headerRefs) != null && y.length ? [c.headerRefs].concat(M.value) : M.value.concat([c.skipButtonRef ? [] : [B.value]]);
       r(lt(U), (A = c.headerRefs) != null && A.length ? "monthPicker" : "selectionGrid");
     }, ne = (y) => {
       c.arrowNavigation || Ut(y, v.value, !0);
-    }, M = (y) => {
+    }, D = (y) => {
       g.value = y, s("hover-value", y);
     }, Z = () => {
       if (f(), !c.isLast) {
         const y = wn(c.menuWrapRef ?? null, "action-row");
         if (y) {
-          const A = Nr(y);
+          const A = Lr(y);
           A?.focus();
         }
       }
@@ -4625,17 +4625,17 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
         onClick: A[0] || (A[0] = Rt(() => {
         }, ["prevent"]))
       }, [
-        ee("div", {
+        te("div", {
           ref_key: "containerRef",
           ref: V,
           class: ce(se.value),
           style: ot({ "--dp-overlay-height": `${Y.value}px` }),
           role: "grid"
         }, [
-          ee("div", cu, [
-            te(y.$slots, "header")
+          te("div", cu, [
+            ee(y.$slots, "header")
           ]),
-          y.$slots.overlay ? te(y.$slots, "overlay", { key: 0 }) : (m(!0), k(_e, { key: 1 }, Be(y.items, (K, o) => (m(), k("div", {
+          y.$slots.overlay ? ee(y.$slots, "overlay", { key: 0 }) : (m(!0), k(_e, { key: 1 }, Be(y.items, (K, o) => (m(), k("div", {
             key: o,
             class: ce(["dp__overlay_row", { dp__flex_row: y.items.length >= 3 }]),
             role: "row"
@@ -4652,12 +4652,12 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
               "data-test-id": O.text,
               onClick: Rt((Ye) => W(O), ["prevent"]),
               onKeydown: (Ye) => d(ft)(Ye, () => W(O), !0),
-              onMouseover: (Ye) => M(O.value)
+              onMouseover: (Ye) => D(O.value)
             }, [
-              ee("div", {
+              te("div", {
                 class: ce(O.className)
               }, [
-                y.$slots.item ? te(y.$slots, "item", {
+                y.$slots.item ? ee(y.$slots, "item", {
                   key: 0,
                   item: O
                 }) : E("", !0),
@@ -4679,7 +4679,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
           onClick: f,
           onKeydown: pe
         }, [
-          te(y.$slots, "button-icon")
+          ee(y.$slots, "button-icon")
         ], 42, pu)), [
           [Ma, !d(h)(y.hideNavigation, y.type)]
         ]) : E("", !0)
@@ -4695,9 +4695,9 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
     isMobile: { type: Boolean }
   },
   setup(e) {
-    const t = e, n = N(
+    const t = e, n = L(
       () => t.multiCalendars > 0 ? [...Array(t.multiCalendars).keys()] : [0]
-    ), a = N(() => ({
+    ), a = L(() => ({
       dp__instance_calendar: t.multiCalendars > 0
     }));
     return (r, l) => (m(), k("div", {
@@ -4713,7 +4713,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
         key: s,
         class: ce(a.value)
       }, [
-        te(r.$slots, "default", {
+        ee(r.$slots, "default", {
           instance: s,
           index: c
         })
@@ -4745,10 +4745,10 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
       onClick: l[0] || (l[0] = (s) => r.$emit("activate")),
       onKeydown: l[1] || (l[1] = (s) => d(ft)(s, () => r.$emit("activate"), !0))
     }, [
-      ee("span", {
+      te("span", {
         class: ce(["dp__inner_nav", { dp__inner_nav_disabled: r.disabled }])
       }, [
-        te(r.$slots, "default")
+        ee(r.$slots, "default")
       ], 2)
     ], 40, mu));
   }
@@ -4768,13 +4768,13 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
       x.value = !x.value, n("toggle-year-picker", { flow: g, show: B });
     }, F = (g) => {
       x.value = !1, n("year-select", g);
-    }, D = (g = !1) => {
+    }, M = (g = !1) => {
       n("handle-year", g);
     };
     return (g, B) => {
       var Y, V, z, $, I;
       return m(), k(_e, null, [
-        ee("div", {
+        te("div", {
           class: ce(["dp--year-mode-picker", { "dp--hidden-el": x.value }])
         }, [
           d(l)(d(c), e.instance) ? (m(), De(Ca, {
@@ -4783,15 +4783,15 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
             "aria-label": (Y = d(i)) == null ? void 0 : Y.prevYear,
             disabled: e.isDisabled(!1),
             class: ce((V = d(v)) == null ? void 0 : V.navBtnPrev),
-            onActivate: B[0] || (B[0] = (ae) => D(!1))
+            onActivate: B[0] || (B[0] = (ae) => M(!1))
           }, {
             default: be(() => [
-              g.$slots["arrow-left"] ? te(g.$slots, "arrow-left", { key: 0 }) : E("", !0),
+              g.$slots["arrow-left"] ? ee(g.$slots, "arrow-left", { key: 0 }) : E("", !0),
               g.$slots["arrow-left"] ? E("", !0) : (m(), De(d(An), { key: 1 }))
             ]),
             _: 3
           }, 8, ["aria-label", "disabled", "class"])) : E("", !0),
-          ee("button", {
+          te("button", {
             ref: "mpYearButtonRef",
             class: "dp__btn dp--year-select",
             type: "button",
@@ -4800,7 +4800,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
             onClick: B[1] || (B[1] = () => R(!1)),
             onKeydown: B[2] || (B[2] = ml(() => R(!1), ["enter"]))
           }, [
-            g.$slots.year ? te(g.$slots, "year", {
+            g.$slots.year ? ee(g.$slots, "year", {
               key: 0,
               year: e.year
             }) : E("", !0),
@@ -4814,16 +4814,16 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
             "aria-label": ($ = d(i)) == null ? void 0 : $.nextYear,
             disabled: e.isDisabled(!0),
             class: ce((I = d(v)) == null ? void 0 : I.navBtnNext),
-            onActivate: B[3] || (B[3] = (ae) => D(!0))
+            onActivate: B[3] || (B[3] = (ae) => M(!0))
           }, {
             default: be(() => [
-              g.$slots["arrow-right"] ? te(g.$slots, "arrow-right", { key: 0 }) : E("", !0),
+              g.$slots["arrow-right"] ? ee(g.$slots, "arrow-right", { key: 0 }) : E("", !0),
               g.$slots["arrow-right"] ? E("", !0) : (m(), De(d(On), { key: 1 }))
             ]),
             _: 3
           }, 8, ["aria-label", "disabled", "class"])) : E("", !0)
         ], 2),
-        Le(ba, {
+        Ne(ba, {
           name: d(h)(e.showYearPicker),
           css: d(p)
         }, {
@@ -4845,7 +4845,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
                 onSelected: B[4] || (B[4] = (H) => F(H))
               }, dt({
                 "button-icon": be(() => [
-                  g.$slots["calendar-icon"] ? te(g.$slots, "calendar-icon", { key: 0 }) : E("", !0),
+                  g.$slots["calendar-icon"] ? ee(g.$slots, "calendar-icon", { key: 0 }) : E("", !0),
                   g.$slots["calendar-icon"] ? E("", !0) : (m(), De(d(wa), { key: 1 }))
                 ]),
                 _: 2
@@ -4853,7 +4853,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
                 g.$slots["year-overlay-value"] ? {
                   name: "item",
                   fn: be(({ item: H }) => [
-                    te(g.$slots, "year-overlay-value", {
+                    ee(g.$slots, "year-overlay-value", {
                       text: H.text,
                       value: H.value
                     })
@@ -4868,7 +4868,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
       ], 64);
     };
   }
-}), Ln = (e, t, n) => {
+}), Nn = (e, t, n) => {
   if (t.value && Array.isArray(t.value))
     if (t.value.some((a) => $e(e, a))) {
       const a = t.value.filter((r) => !$e(r, e));
@@ -4876,7 +4876,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
     } else (n && +n > t.value.length || !n) && t.value.push(e);
   else
     t.value = [e];
-}, Nn = (e, t, n) => {
+}, Ln = (e, t, n) => {
   let a = e.value ? e.value.slice() : [];
   return a.length === 2 && a[1] !== null && (a = []), a.length ? (Ue(t, a[0]) ? a.unshift(t) : a[1] = t, n("range-end", t)) : (a = [t], n("range-start", t)), a;
 }, ja = (e, t, n, a) => {
@@ -4896,11 +4896,11 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
   month: _,
   emit: v
 }) => {
-  const p = N(() => Bn(s.yearRange, s.locale, s.reverseYears)), h = q([!1]), x = N(() => (H, se) => {
+  const p = L(() => Bn(s.yearRange, s.locale, s.reverseYears)), h = q([!1]), x = L(() => (H, se) => {
     const C = Ie(Mt(/* @__PURE__ */ new Date()), {
       month: _.value(H),
       year: i.value(H)
-    }), W = se ? La(C) : aa(C);
+    }), W = se ? Na(C) : aa(C);
     return Zr(
       W,
       a.value.maxDate,
@@ -4921,7 +4921,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
         const se = Ie(J(), r.value[H - 1]);
         r.value[H] = { month: Te(se), year: we(Mn(se, 1)) };
       }
-  }, D = (H) => {
+  }, M = (H) => {
     if (!H) return F();
     const se = Ie(J(), r.value[H]);
     return r.value[0].year = we(Hr(se, e.value.count - 1)), F();
@@ -4942,8 +4942,8 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
     V();
   });
   const z = (H, se) => {
-    r.value[se].year = H, v("update-month-year", { instance: se, year: H, month: r.value[se].month }), e.value.count && !e.value.solo && D(se);
-  }, $ = N(() => (H) => ma(p.value, (se) => {
+    r.value[se].year = H, v("update-month-year", { instance: se, year: H, month: r.value[se].month }), e.value.count && !e.value.solo && M(se);
+  }, $ = L(() => (H) => ma(p.value, (se) => {
     var C;
     const W = i.value(H) === se.value, f = $a(
       se.value,
@@ -4984,7 +4984,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
     defaultedMultiDates: p
   } = ze(e), h = () => {
     e.isTextInputDate && V(we(J(e.startDate)), 0);
-  }, { modelValue: x, year: R, month: F, calendars: D } = Ra(e, t, h), g = N(() => Fr(e.formatLocale, e.locale, e.monthNameFormat)), B = q(null), { checkMinMaxRange: Y } = Gt(e), {
+  }, { modelValue: x, year: R, month: F, calendars: M } = Ra(e, t, h), g = L(() => Fr(e.formatLocale, e.locale, e.monthNameFormat)), B = q(null), { checkMinMaxRange: Y } = Gt(e), {
     selectYear: V,
     groupedYears: z,
     showYearPicker: $,
@@ -4997,7 +4997,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
     multiCalendars: n,
     range: s,
     highlight: c,
-    calendars: D,
+    calendars: M,
     year: R,
     propDates: i,
     month: F,
@@ -5009,7 +5009,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
     e.startDate && (x.value && e.focusStartDate || !x.value) && V(we(J(e.startDate)), 0);
   });
   const se = (A) => A ? { month: Te(A), year: we(A) } : { month: null, year: null }, C = () => x.value ? Array.isArray(x.value) ? x.value.map((A) => se(A)) : se(x.value) : se(), W = (A, U) => {
-    const K = D.value[A], o = C();
+    const K = M.value[A], o = C();
     return Array.isArray(o) ? o.some((O) => O.year === K?.year && O.month === U) : K?.year === o.year && U === o.month;
   }, f = (A, U, K) => {
     var o, O;
@@ -5019,31 +5019,31 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
     if (s.value.enabled) {
       const K = C();
       if (Array.isArray(x.value) && Array.isArray(K)) {
-        const o = f(A, U, 0) || f(A, U, 1), O = Lt(Mt(J()), A, R.value(U));
+        const o = f(A, U, 0) || f(A, U, 1), O = Nt(Mt(J()), A, R.value(U));
         return Pa(x.value, B.value, O) && !o;
       }
       return !1;
     }
     return !1;
-  }, w = N(() => (A) => ma(g.value, (U) => {
+  }, w = L(() => (A) => ma(g.value, (U) => {
     var K;
     const o = W(A, U.value), O = $a(
       U.value,
       qr(R.value(A), i.value.minDate),
       Ur(R.value(A), i.value.maxDate)
-    ) || Li(i.value.disabledDates, R.value(A), U.value) || ((K = v.value.months) == null ? void 0 : K.includes(U.value)) || !Ni(i.value.allowedDates, R.value(A), U.value), ie = b(U.value, A), Ye = Kr(c.value, U.value, R.value(A));
+    ) || Ni(i.value.disabledDates, R.value(A), U.value) || ((K = v.value.months) == null ? void 0 : K.includes(U.value)) || !Li(i.value.allowedDates, R.value(A), U.value), ie = b(U.value, A), Ye = Kr(c.value, U.value, R.value(A));
     return { active: o, disabled: O, isBetween: ie, highlighted: Ye };
-  })), Q = (A, U) => Lt(Mt(J()), A, R.value(U)), ne = (A, U) => {
+  })), Q = (A, U) => Nt(Mt(J()), A, R.value(U)), ne = (A, U) => {
     const K = x.value ? x.value : Mt(/* @__PURE__ */ new Date());
-    x.value = Lt(K, A, R.value(U)), t("auto-apply"), t("update-flow-step");
-  }, M = (A, U) => {
+    x.value = Nt(K, A, R.value(U)), t("auto-apply"), t("update-flow-step");
+  }, D = (A, U) => {
     const K = Q(A, U);
-    s.value.fixedEnd || s.value.fixedStart ? x.value = tl(K, x, t, s) : x.value ? Y(K, x.value) && (x.value = Nn(x, Q(A, U), t)) : x.value = [Q(A, U)], je().then(() => {
+    s.value.fixedEnd || s.value.fixedStart ? x.value = tl(K, x, t, s) : x.value ? Y(K, x.value) && (x.value = Ln(x, Q(A, U), t)) : x.value = [Q(A, U)], je().then(() => {
       ja(x.value, t, e.autoApply, e.modelAuto);
     });
   }, Z = (A, U) => {
-    Ln(Q(A, U), x, p.value.limit), t("auto-apply", !0);
-  }, S = (A, U) => (D.value[U].month = A, y(U, D.value[U].year, A), p.value.enabled ? Z(A, U) : s.value.enabled ? M(A, U) : ne(A, U)), pe = (A, U) => {
+    Nn(Q(A, U), x, p.value.limit), t("auto-apply", !0);
+  }, S = (A, U) => (M.value[U].month = A, y(U, M.value[U].year, A), p.value.enabled ? Z(A, U) : s.value.enabled ? D(A, U) : ne(A, U)), pe = (A, U) => {
     V(A, U), y(U, A, null);
   }, y = (A, U, K) => {
     let o = K;
@@ -5118,7 +5118,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
       showYearPicker: x,
       modelValue: R,
       presetDate: F,
-      setHoverDate: D,
+      setHoverDate: M,
       selectMonth: g,
       selectYear: B,
       toggleYearPicker: Y,
@@ -5140,11 +5140,11 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
       "is-mobile": I.isMobile
     }, {
       default: be(({ instance: j }) => [
-        I.$slots["top-extra"] ? te(I.$slots, "top-extra", {
+        I.$slots["top-extra"] ? ee(I.$slots, "top-extra", {
           key: 0,
           value: I.internalModelValue
         }) : E("", !0),
-        I.$slots["month-year"] ? te(I.$slots, "month-year", st(Fe({ key: 1 }, {
+        I.$slots["month-year"] ? ee(I.$slots, "month-year", st(Fe({ key: 1 }, {
           year: d(_),
           months: d(c)(j),
           years: d(i)(j),
@@ -5163,10 +5163,10 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
           "use-relative": "",
           type: "month",
           onSelected: (H) => d(g)(H, j),
-          onHoverValue: (H) => d(D)(H, j)
+          onHoverValue: (H) => d(M)(H, j)
         }, dt({
           header: be(() => [
-            Le(Jr, Fe(I.$props, {
+            Ne(Jr, Fe(I.$props, {
               items: d(i)(j),
               instance: j,
               "show-year-picker": d(x)[j],
@@ -5179,7 +5179,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
               Be(d(l), (H, se) => ({
                 name: H,
                 fn: be((C) => [
-                  te(I.$slots, H, st(mt(C)))
+                  ee(I.$slots, H, st(mt(C)))
                 ])
               }))
             ]), 1040, ["items", "instance", "show-year-picker", "year", "is-disabled", "onHandleYear", "onYearSelect", "onToggleYearPicker"])
@@ -5189,7 +5189,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
           I.$slots["month-overlay-value"] ? {
             name: "item",
             fn: be(({ item: H }) => [
-              te(I.$slots, "month-overlay-value", {
+              ee(I.$slots, "month-overlay-value", {
                 text: H.text,
                 value: H.value
               })
@@ -5208,14 +5208,14 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
   ut(() => {
     e.startDate && (a.value && e.focusStartDate || !a.value) && (v.value = we(J(e.startDate)));
   });
-  const p = (g) => Array.isArray(a.value) ? a.value.some((B) => we(B) === g) : a.value ? we(a.value) === g : !1, h = (g) => i.value.enabled && Array.isArray(a.value) ? Pa(a.value, r.value, D(g)) : !1, x = (g) => _.value.allowedDates instanceof Map ? _.value.allowedDates.size ? _.value.allowedDates.has(`${g}`) : !1 : !0, R = (g) => _.value.disabledDates instanceof Map ? _.value.disabledDates.size ? _.value.disabledDates.has(`${g}`) : !1 : !0, F = N(() => ma(Bn(e.yearRange, e.locale, e.reverseYears), (g) => {
+  const p = (g) => Array.isArray(a.value) ? a.value.some((B) => we(B) === g) : a.value ? we(a.value) === g : !1, h = (g) => i.value.enabled && Array.isArray(a.value) ? Pa(a.value, r.value, M(g)) : !1, x = (g) => _.value.allowedDates instanceof Map ? _.value.allowedDates.size ? _.value.allowedDates.has(`${g}`) : !1 : !0, R = (g) => _.value.disabledDates instanceof Map ? _.value.disabledDates.size ? _.value.disabledDates.has(`${g}`) : !1 : !0, F = L(() => ma(Bn(e.yearRange, e.locale, e.reverseYears), (g) => {
     const B = p(g.value), Y = $a(
       g.value,
       ha(_.value.minDate),
       ha(_.value.maxDate)
     ) || c.value.years.includes(g.value) || !x(g.value) || R(g.value), V = h(g.value) && !B, z = Fn(l.value, g.value);
     return { active: B, disabled: Y, isBetween: V, highlighted: z };
-  })), D = (g) => Vt(Mt(aa(/* @__PURE__ */ new Date())), g);
+  })), M = (g) => Vt(Mt(aa(/* @__PURE__ */ new Date())), g);
   return {
     groupedYears: F,
     modelValue: a,
@@ -5227,9 +5227,9 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
       var B;
       if (t("update-month-year", { instance: 0, year: g }), s.value.enabled)
         return a.value ? Array.isArray(a.value) && (((B = a.value) == null ? void 0 : B.map((Y) => we(Y))).includes(g) ? a.value = a.value.filter((Y) => we(Y) !== g) : a.value.push(Vt(it(J()), g))) : a.value = [Vt(it(aa(J())), g)], t("auto-apply", !0);
-      i.value.enabled ? (a.value = Nn(a, D(g), t), je().then(() => {
+      i.value.enabled ? (a.value = Ln(a, M(g), t), je().then(() => {
         ja(a.value, t, e.autoApply, e.modelAuto);
-      })) : (a.value = D(g), t("auto-apply"));
+      })) : (a.value = M(g), t("auto-apply"));
     }
   };
 }, wu = /* @__PURE__ */ Ae({
@@ -5254,11 +5254,11 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
       modelValue: s,
       selectYear: i
     }) }), (p, h) => (m(), k("div", null, [
-      p.$slots["top-extra"] ? te(p.$slots, "top-extra", {
+      p.$slots["top-extra"] ? ee(p.$slots, "top-extra", {
         key: 0,
         value: p.internalModelValue
       }) : E("", !0),
-      p.$slots["month-year"] ? te(p.$slots, "month-year", st(Fe({ key: 1 }, {
+      p.$slots["month-year"] ? ee(p.$slots, "month-year", st(Fe({ key: 1 }, {
         years: d(l),
         selectYear: d(i)
       }))) : (m(), De(Ya, {
@@ -5277,7 +5277,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
         p.$slots["year-overlay-value"] ? {
           name: "item",
           fn: be(({ item: x }) => [
-            te(p.$slots, "year-overlay-value", {
+            ee(p.$slots, "year-overlay-value", {
               text: x.text,
               value: x.value
             })
@@ -5329,7 +5329,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
       hours: !1,
       minutes: !1,
       seconds: !1
-    }), D = q("AM"), g = q(null), B = q([]), Y = q(), V = q(!1);
+    }), M = q("AM"), g = q(null), B = q([]), Y = q(), V = q(!1);
     ut(() => {
       a("mounted");
     });
@@ -5338,15 +5338,15 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
       minutes: u.minutes,
       seconds: r.enableSeconds ? u.seconds : 0,
       milliseconds: 0
-    }), $ = N(
-      () => (u) => M(u, r[u]) || ae(u, r[u])
-    ), I = N(() => ({ hours: r.hours, minutes: r.minutes, seconds: r.seconds })), ae = (u, oe) => p.value.enabled && !p.value.disableTimeRangeValidation ? !r.validateTime(u, oe) : !1, j = (u, oe) => {
+    }), $ = L(
+      () => (u) => D(u, r[u]) || ae(u, r[u])
+    ), I = L(() => ({ hours: r.hours, minutes: r.minutes, seconds: r.seconds })), ae = (u, oe) => p.value.enabled && !p.value.disableTimeRangeValidation ? !r.validateTime(u, oe) : !1, j = (u, oe) => {
       if (p.value.enabled && !p.value.disableTimeRangeValidation) {
         const ue = oe ? +r[`${u}Increment`] : -+r[`${u}Increment`], de = r[u] + ue;
         return !r.validateTime(u, de);
       }
       return !1;
-    }, H = N(() => (u) => !A(+r[u] + +r[`${u}Increment`], u) || j(u, !0)), se = N(() => (u) => !A(+r[u] - +r[`${u}Increment`], u) || j(u, !1)), C = (u, oe) => br(Ie(J(), u), oe), W = (u, oe) => wi(Ie(J(), u), oe), f = N(
+    }, H = L(() => (u) => !A(+r[u] + +r[`${u}Increment`], u) || j(u, !0)), se = L(() => (u) => !A(+r[u] - +r[`${u}Increment`], u) || j(u, !1)), C = (u, oe) => br(Ie(J(), u), oe), W = (u, oe) => wi(Ie(J(), u), oe), f = L(
       () => ({
         dp__time_col: !0,
         dp__time_col_block: !r.timePickerInline,
@@ -5356,31 +5356,31 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
         dp__time_col_sec: r.enableSeconds && r.is24,
         dp__time_col_sec_with_button: r.enableSeconds && !r.is24
       })
-    ), b = N(
+    ), b = L(
       () => r.timePickerInline && p.value.enabled && !h.value.count
-    ), w = N(() => {
+    ), w = L(() => {
       const u = [{ type: "hours" }];
       return r.enableMinutes && u.push({ type: "", separator: !0 }, {
         type: "minutes"
       }), r.enableSeconds && u.push({ type: "", separator: !0 }, {
         type: "seconds"
       }), u;
-    }), Q = N(() => w.value.filter((u) => !u.separator)), ne = N(() => (u) => {
+    }), Q = L(() => w.value.filter((u) => !u.separator)), ne = L(() => (u) => {
       if (u === "hours") {
         const oe = Ye(+r.hours);
         return { text: oe < 10 ? `0${oe}` : `${oe}`, value: oe };
       }
       return { text: r[u] < 10 ? `0${r[u]}` : `${r[u]}`, value: r[u] };
-    }), M = (u, oe) => {
+    }), D = (u, oe) => {
       var ue;
       if (!r.disabledTimesConfig) return !1;
       const de = r.disabledTimesConfig(r.order, u === "hours" ? oe : void 0);
       return de[u] ? !!((ue = de[u]) != null && ue.includes(oe)) : !0;
-    }, Z = (u, oe) => oe !== "hours" || D.value === "AM" ? u : u + 12, S = (u) => {
+    }, Z = (u, oe) => oe !== "hours" || M.value === "AM" ? u : u + 12, S = (u) => {
       const oe = r.is24 ? 24 : 12, ue = u === "hours" ? oe : 60, de = +r[`${u}GridIncrement`], Ce = u === "hours" && !r.is24 ? de : 0, Me = [];
       for (let Re = Ce; Re < ue; Re += de)
         Me.push({ value: r.is24 ? Re : Z(Re, u), text: Re < 10 ? `0${Re}` : `${Re}` });
-      return u === "hours" && !r.is24 && Me.unshift({ value: D.value === "PM" ? 12 : 0, text: "12" }), ma(Me, (Re) => ({ active: !1, disabled: _.value.times[u].includes(Re.value) || !A(Re.value, u) || M(u, Re.value) || ae(u, Re.value) }));
+      return u === "hours" && !r.is24 && Me.unshift({ value: M.value === "PM" ? 12 : 0, text: "12" }), ma(Me, (Re) => ({ active: !1, disabled: _.value.times[u].includes(Re.value) || !A(Re.value, u) || D(u, Re.value) || ae(u, Re.value) }));
     }, pe = (u) => u >= 0 ? u : 59, y = (u) => u >= 0 ? u : 23, A = (u, oe) => {
       const ue = r.minTime ? z(rn(r.minTime)) : null, de = r.maxTime ? z(rn(r.maxTime)) : null, Ce = z(
         rn(
@@ -5392,7 +5392,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
       return ue && de ? (fa(Ce, de) || ua(Ce, de)) && (na(Ce, ue) || ua(Ce, ue)) : ue ? na(Ce, ue) || ua(Ce, ue) : de ? fa(Ce, de) || ua(Ce, de) : !0;
     }, U = (u) => r[`no${u[0].toUpperCase() + u.slice(1)}Overlay`], K = (u) => {
       U(u) || (F[u] = !F[u], F[u] ? (V.value = !0, a("overlay-opened", u)) : (V.value = !1, a("overlay-closed", u)));
-    }, o = (u) => u === "hours" ? Nt : u === "minutes" ? Qt : pa, O = () => {
+    }, o = (u) => u === "hours" ? Lt : u === "minutes" ? Qt : pa, O = () => {
       Y.value && clearTimeout(Y.value);
     }, ie = (u, oe = !0, ue) => {
       const de = oe ? C : W, Ce = oe ? +r[`${u}Increment`] : -+r[`${u}Increment`];
@@ -5402,8 +5402,8 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
       ), !(ue != null && ue.keyboard) && v.value.timeArrowHoldThreshold && (Y.value = setTimeout(() => {
         ie(u, oe);
       }, v.value.timeArrowHoldThreshold));
-    }, Ye = (u) => r.is24 ? u : (u >= 12 ? D.value = "PM" : D.value = "AM", Ti(u)), L = () => {
-      D.value === "PM" ? (D.value = "AM", a("update:hours", r.hours - 12)) : (D.value = "PM", a("update:hours", r.hours + 12)), a("am-pm-change", D.value);
+    }, Ye = (u) => r.is24 ? u : (u >= 12 ? M.value = "PM" : M.value = "AM", Ti(u)), N = () => {
+      M.value === "PM" ? (M.value = "AM", a("update:hours", r.hours - 12)) : (M.value = "PM", a("update:hours", r.hours + 12)), a("am-pm-change", M.value);
     }, ke = (u) => {
       F[u] = !0;
     }, X = (u, oe, ue) => {
@@ -5432,7 +5432,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
                 yt(":")
               ], 64))
             ], 64)) : (m(), k(_e, { key: 1 }, [
-              ee("button", {
+              te("button", {
                 ref_for: !0,
                 ref: (T) => X(T, Ce, 0),
                 type: "button",
@@ -5453,16 +5453,16 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
                 onMouseup: O
               }, [
                 r.timePickerInline ? (m(), k(_e, { key: 1 }, [
-                  u.$slots["tp-inline-arrow-up"] ? te(u.$slots, "tp-inline-arrow-up", { key: 0 }) : (m(), k(_e, { key: 1 }, [
-                    oe[2] || (oe[2] = ee("span", { class: "dp__tp_inline_btn_bar dp__tp_btn_in_l" }, null, -1)),
-                    oe[3] || (oe[3] = ee("span", { class: "dp__tp_inline_btn_bar dp__tp_btn_in_r" }, null, -1))
+                  u.$slots["tp-inline-arrow-up"] ? ee(u.$slots, "tp-inline-arrow-up", { key: 0 }) : (m(), k(_e, { key: 1 }, [
+                    oe[2] || (oe[2] = te("span", { class: "dp__tp_inline_btn_bar dp__tp_btn_in_l" }, null, -1)),
+                    oe[3] || (oe[3] = te("span", { class: "dp__tp_inline_btn_bar dp__tp_btn_in_r" }, null, -1))
                   ], 64))
                 ], 64)) : (m(), k(_e, { key: 0 }, [
-                  u.$slots["arrow-up"] ? te(u.$slots, "arrow-up", { key: 0 }) : E("", !0),
+                  u.$slots["arrow-up"] ? ee(u.$slots, "arrow-up", { key: 0 }) : E("", !0),
                   u.$slots["arrow-up"] ? E("", !0) : (m(), De(d(Sn), { key: 1 }))
                 ], 64))
               ], 42, Du),
-              ee("button", {
+              te("button", {
                 ref_for: !0,
                 ref: (T) => X(T, Ce, 1),
                 type: "button",
@@ -5481,7 +5481,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
                 onKeydown: (T) => d(ft)(T, () => K(de.type), !0),
                 onClick: (T) => K(de.type)
               }, [
-                u.$slots[de.type] ? te(u.$slots, de.type, {
+                u.$slots[de.type] ? ee(u.$slots, de.type, {
                   key: 0,
                   text: ne.value(de.type).text,
                   value: ne.value(de.type).value
@@ -5490,7 +5490,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
                   yt(Pe(ne.value(de.type).text), 1)
                 ], 64))
               ], 42, Mu),
-              ee("button", {
+              te("button", {
                 ref_for: !0,
                 ref: (T) => X(T, Ce, 2),
                 type: "button",
@@ -5511,12 +5511,12 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
                 onMouseup: O
               }, [
                 r.timePickerInline ? (m(), k(_e, { key: 1 }, [
-                  u.$slots["tp-inline-arrow-down"] ? te(u.$slots, "tp-inline-arrow-down", { key: 0 }) : (m(), k(_e, { key: 1 }, [
-                    oe[4] || (oe[4] = ee("span", { class: "dp__tp_inline_btn_bar dp__tp_btn_in_l" }, null, -1)),
-                    oe[5] || (oe[5] = ee("span", { class: "dp__tp_inline_btn_bar dp__tp_btn_in_r" }, null, -1))
+                  u.$slots["tp-inline-arrow-down"] ? ee(u.$slots, "tp-inline-arrow-down", { key: 0 }) : (m(), k(_e, { key: 1 }, [
+                    oe[4] || (oe[4] = te("span", { class: "dp__tp_inline_btn_bar dp__tp_btn_in_l" }, null, -1)),
+                    oe[5] || (oe[5] = te("span", { class: "dp__tp_inline_btn_bar dp__tp_btn_in_r" }, null, -1))
                   ], 64))
                 ], 64)) : (m(), k(_e, { key: 0 }, [
-                  u.$slots["arrow-down"] ? te(u.$slots, "arrow-down", { key: 0 }) : E("", !0),
+                  u.$slots["arrow-down"] ? ee(u.$slots, "arrow-down", { key: 0 }) : E("", !0),
                   u.$slots["arrow-down"] ? E("", !0) : (m(), De(d(Rn), { key: 1 }))
                 ], 64))
               ], 42, xu)
@@ -5524,10 +5524,10 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
           ], 10, ku);
         }), 128)),
         u.is24 ? E("", !0) : (m(), k("div", Cu, [
-          u.$slots["am-pm-button"] ? te(u.$slots, "am-pm-button", {
+          u.$slots["am-pm-button"] ? ee(u.$slots, "am-pm-button", {
             key: 0,
-            toggle: L,
-            value: D.value
+            toggle: N,
+            value: M.value
           }) : E("", !0),
           u.$slots["am-pm-button"] ? E("", !0) : (m(), k("button", {
             key: 1,
@@ -5539,9 +5539,9 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
             "aria-label": (ue = d(c)) == null ? void 0 : ue.amPmButton,
             tabindex: "0",
             "data-compact": b.value,
-            onClick: L,
-            onKeydown: oe[0] || (oe[0] = (de) => d(ft)(de, () => L(), !0))
-          }, Pe(D.value), 41, Tu))
+            onClick: N,
+            onKeydown: oe[0] || (oe[0] = (de) => d(ft)(de, () => N(), !0))
+          }, Pe(M.value), 41, Tu))
         ])),
         (m(!0), k(_e, null, Be(Q.value, (de, Ce) => (m(), De(ba, {
           key: Ce,
@@ -5567,7 +5567,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
                 onResetFlow: oe[1] || (oe[1] = (Ze) => u.$emit("reset-flow"))
               }, dt({
                 "button-icon": be(() => [
-                  u.$slots["clock-icon"] ? te(u.$slots, "clock-icon", { key: 0 }) : E("", !0),
+                  u.$slots["clock-icon"] ? ee(u.$slots, "clock-icon", { key: 0 }) : E("", !0),
                   u.$slots["clock-icon"] ? E("", !0) : (m(), De(ya(u.timePickerInline ? d(wa) : d(Yn)), { key: 1 }))
                 ]),
                 _: 2
@@ -5575,7 +5575,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
                 u.$slots[`${de.type}-overlay-value`] ? {
                   name: "item",
                   fn: be(({ item: Ze }) => [
-                    te(u.$slots, `${de.type}-overlay-value`, {
+                    ee(u.$slots, `${de.type}-overlay-value`, {
                       text: Ze.text,
                       value: Ze.value
                     })
@@ -5585,7 +5585,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
                 u.$slots[`${de.type}-overlay-header`] ? {
                   name: "header",
                   fn: be(() => [
-                    te(u.$slots, `${de.type}-overlay-header`, {
+                    ee(u.$slots, `${de.type}-overlay-header`, {
                       toggle: () => K(de.type)
                     })
                   ]),
@@ -5626,97 +5626,97 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
     "am-pm-change"
   ],
   setup(e, { expose: t, emit: n }) {
-    const a = n, r = e, { buildMatrix: l, setTimePicker: s } = Zt(), c = gt(), { defaultedTransitions: i, defaultedAriaLabels: _, defaultedTextInput: v, defaultedConfig: p, defaultedRange: h } = ze(r), { transitionName: x, showTransition: R } = Sa(i), { hideNavigationButtons: F } = Qa(), D = q(null), g = q(null), B = q([]), Y = q(null), V = q(!1);
+    const a = n, r = e, { buildMatrix: l, setTimePicker: s } = Zt(), c = gt(), { defaultedTransitions: i, defaultedAriaLabels: _, defaultedTextInput: v, defaultedConfig: p, defaultedRange: h } = ze(r), { transitionName: x, showTransition: R } = Sa(i), { hideNavigationButtons: F } = Qa(), M = q(null), g = q(null), B = q([]), Y = q(null), V = q(!1);
     ut(() => {
-      a("mount"), !r.timePicker && r.arrowNavigation ? l([et(D.value)], "time") : s(!0, r.timePicker);
+      a("mount"), !r.timePicker && r.arrowNavigation ? l([et(M.value)], "time") : s(!0, r.timePicker);
     });
-    const z = N(() => h.value.enabled && r.modelAuto ? Lr(r.internalModelValue) : !0), $ = q(!1), I = (M) => ({
-      hours: Array.isArray(r.hours) ? r.hours[M] : r.hours,
-      minutes: Array.isArray(r.minutes) ? r.minutes[M] : r.minutes,
-      seconds: Array.isArray(r.seconds) ? r.seconds[M] : r.seconds
-    }), ae = N(() => {
-      const M = [];
+    const z = L(() => h.value.enabled && r.modelAuto ? Nr(r.internalModelValue) : !0), $ = q(!1), I = (D) => ({
+      hours: Array.isArray(r.hours) ? r.hours[D] : r.hours,
+      minutes: Array.isArray(r.minutes) ? r.minutes[D] : r.minutes,
+      seconds: Array.isArray(r.seconds) ? r.seconds[D] : r.seconds
+    }), ae = L(() => {
+      const D = [];
       if (h.value.enabled)
         for (let Z = 0; Z < 2; Z++)
-          M.push(I(Z));
+          D.push(I(Z));
       else
-        M.push(I(0));
-      return M;
-    }), j = (M, Z = !1, S = "") => {
-      Z || a("reset-flow"), $.value = M, a(M ? "overlay-opened" : "overlay-closed", vt.time), r.arrowNavigation && s(M), je(() => {
+        D.push(I(0));
+      return D;
+    }), j = (D, Z = !1, S = "") => {
+      Z || a("reset-flow"), $.value = D, a(D ? "overlay-opened" : "overlay-closed", vt.time), r.arrowNavigation && s(D), je(() => {
         S !== "" && B.value[0] && B.value[0].openChildCmp(S);
       });
-    }, H = N(() => ({
+    }, H = L(() => ({
       dp__btn: !0,
       dp__button: !0,
       dp__button_bottom: r.autoApply && !p.value.keepActionRow
-    })), se = bt(c, "timePicker"), C = (M, Z, S) => h.value.enabled ? Z === 0 ? [M, ae.value[1][S]] : [ae.value[0][S], M] : M, W = (M) => {
-      a("update:hours", M);
-    }, f = (M) => {
-      a("update:minutes", M);
-    }, b = (M) => {
-      a("update:seconds", M);
+    })), se = bt(c, "timePicker"), C = (D, Z, S) => h.value.enabled ? Z === 0 ? [D, ae.value[1][S]] : [ae.value[0][S], D] : D, W = (D) => {
+      a("update:hours", D);
+    }, f = (D) => {
+      a("update:minutes", D);
+    }, b = (D) => {
+      a("update:seconds", D);
     }, w = () => {
       if (Y.value && !v.value.enabled && !r.noOverlayFocus) {
-        const M = Nr(Y.value);
-        M && M.focus({ preventScroll: !0 });
+        const D = Lr(Y.value);
+        D && D.focus({ preventScroll: !0 });
       }
-    }, Q = (M) => {
-      V.value = !1, a("overlay-closed", M);
-    }, ne = (M) => {
-      V.value = !0, a("overlay-opened", M);
+    }, Q = (D) => {
+      V.value = !1, a("overlay-closed", D);
+    }, ne = (D) => {
+      V.value = !0, a("overlay-opened", D);
     };
-    return t({ toggleTimePicker: j }), (M, Z) => {
+    return t({ toggleTimePicker: j }), (D, Z) => {
       var S;
       return m(), k("div", {
         class: "dp--tp-wrap",
-        "data-dp-mobile": M.isMobile
+        "data-dp-mobile": D.isMobile
       }, [
-        !M.timePicker && !M.timePickerInline ? xt((m(), k("button", {
+        !D.timePicker && !D.timePickerInline ? xt((m(), k("button", {
           key: 0,
           ref_key: "openTimePickerBtn",
-          ref: D,
+          ref: M,
           type: "button",
           class: ce({ ...H.value, "dp--hidden-el": $.value }),
           "aria-label": (S = d(_)) == null ? void 0 : S.openTimePicker,
-          tabindex: M.noOverlayFocus ? void 0 : 0,
+          tabindex: D.noOverlayFocus ? void 0 : 0,
           "data-test-id": "open-time-picker-btn",
           onKeydown: Z[0] || (Z[0] = (pe) => d(ft)(pe, () => j(!0))),
           onClick: Z[1] || (Z[1] = (pe) => j(!0))
         }, [
-          M.$slots["clock-icon"] ? te(M.$slots, "clock-icon", { key: 0 }) : E("", !0),
-          M.$slots["clock-icon"] ? E("", !0) : (m(), De(d(Yn), { key: 1 }))
+          D.$slots["clock-icon"] ? ee(D.$slots, "clock-icon", { key: 0 }) : E("", !0),
+          D.$slots["clock-icon"] ? E("", !0) : (m(), De(d(Yn), { key: 1 }))
         ], 42, Au)), [
-          [Ma, !d(F)(M.hideNavigation, "time")]
+          [Ma, !d(F)(D.hideNavigation, "time")]
         ]) : E("", !0),
-        Le(ba, {
+        Ne(ba, {
           name: d(x)($.value),
-          css: d(R) && !M.timePickerInline
+          css: d(R) && !D.timePickerInline
         }, {
           default: be(() => {
             var pe, y;
             return [
-              $.value || M.timePicker || M.timePickerInline ? (m(), k("div", {
+              $.value || D.timePicker || D.timePickerInline ? (m(), k("div", {
                 key: 0,
                 ref_key: "overlayRef",
                 ref: Y,
-                role: M.timePickerInline ? void 0 : "dialog",
+                role: D.timePickerInline ? void 0 : "dialog",
                 class: ce({
-                  dp__overlay: !M.timePickerInline,
-                  "dp--overlay-absolute": !r.timePicker && !M.timePickerInline,
+                  dp__overlay: !D.timePickerInline,
+                  "dp--overlay-absolute": !r.timePicker && !D.timePickerInline,
                   "dp--overlay-relative": r.timePicker
                 }),
-                style: ot(M.timePicker ? { height: `${d(p).modeHeight}px` } : void 0),
+                style: ot(D.timePicker ? { height: `${d(p).modeHeight}px` } : void 0),
                 "aria-label": (pe = d(_)) == null ? void 0 : pe.timePicker,
-                tabindex: M.timePickerInline ? void 0 : 0
+                tabindex: D.timePickerInline ? void 0 : 0
               }, [
-                ee("div", {
+                te("div", {
                   class: ce(
-                    M.timePickerInline ? "dp__time_picker_inline_container" : "dp__overlay_container dp__container_flex dp__time_picker_overlay_container"
+                    D.timePickerInline ? "dp__time_picker_inline_container" : "dp__overlay_container dp__container_flex dp__time_picker_overlay_container"
                   ),
                   style: { display: "flex" }
                 }, [
-                  M.$slots["time-picker-overlay"] ? te(M.$slots, "time-picker-overlay", {
+                  D.$slots["time-picker-overlay"] ? ee(D.$slots, "time-picker-overlay", {
                     key: 0,
                     hours: e.hours,
                     minutes: e.minutes,
@@ -5725,15 +5725,15 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
                     setMinutes: f,
                     setSeconds: b
                   }) : E("", !0),
-                  M.$slots["time-picker-overlay"] ? E("", !0) : (m(), k("div", {
+                  D.$slots["time-picker-overlay"] ? E("", !0) : (m(), k("div", {
                     key: 1,
-                    class: ce(M.timePickerInline ? "dp__flex" : "dp__overlay_row dp__flex_row")
+                    class: ce(D.timePickerInline ? "dp__flex" : "dp__overlay_row dp__flex_row")
                   }, [
                     (m(!0), k(_e, null, Be(ae.value, (A, U) => xt((m(), De($u, Fe({
                       key: U,
                       ref_for: !0
                     }, {
-                      ...M.$props,
+                      ...D.$props,
                       order: U,
                       hours: A.hours,
                       minutes: A.minutes,
@@ -5752,19 +5752,19 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
                       onMounted: w,
                       onOverlayClosed: Q,
                       onOverlayOpened: ne,
-                      onAmPmChange: Z[2] || (Z[2] = (K) => M.$emit("am-pm-change", K))
+                      onAmPmChange: Z[2] || (Z[2] = (K) => D.$emit("am-pm-change", K))
                     }), dt({ _: 2 }, [
                       Be(d(se), (K, o) => ({
                         name: K,
                         fn: be((O) => [
-                          te(M.$slots, K, Fe({ ref_for: !0 }, O))
+                          ee(D.$slots, K, Fe({ ref_for: !0 }, O))
                         ])
                       }))
                     ]), 1040, ["validate-time", "onUpdate:hours", "onUpdate:minutes", "onUpdate:seconds"])), [
                       [Ma, U === 0 ? !0 : z.value]
                     ])), 128))
                   ], 2)),
-                  !M.timePicker && !M.timePickerInline ? xt((m(), k("button", {
+                  !D.timePicker && !D.timePickerInline ? xt((m(), k("button", {
                     key: 2,
                     ref_key: "closeTimePickerBtn",
                     ref: g,
@@ -5775,10 +5775,10 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
                     onKeydown: Z[3] || (Z[3] = (A) => d(ft)(A, () => j(!1))),
                     onClick: Z[4] || (Z[4] = (A) => j(!1))
                   }, [
-                    M.$slots["calendar-icon"] ? te(M.$slots, "calendar-icon", { key: 0 }) : E("", !0),
-                    M.$slots["calendar-icon"] ? E("", !0) : (m(), De(d(wa), { key: 1 }))
+                    D.$slots["calendar-icon"] ? ee(D.$slots, "calendar-icon", { key: 0 }) : E("", !0),
+                    D.$slots["calendar-icon"] ? E("", !0) : (m(), De(d(wa), { key: 1 }))
                   ], 42, Yu)), [
-                    [Ma, !d(F)(M.hideNavigation, "time")]
+                    [Ma, !d(F)(D.hideNavigation, "time")]
                   ]) : E("", !0)
                 ], 2)
               ], 14, Ou)) : E("", !0)
@@ -5792,7 +5792,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
 }), rl = (e, t, n, a) => {
   const { defaultedRange: r } = ze(e), l = (Y, V) => Array.isArray(t[Y]) ? t[Y][V] : t[Y], s = (Y) => e.enableSeconds ? Array.isArray(t.seconds) ? t.seconds[Y] : t.seconds : 0, c = (Y, V) => Y ? V !== void 0 ? jt(Y, l("hours", V), l("minutes", V), s(V)) : jt(Y, t.hours, t.minutes, s()) : Br(J(), s(V)), i = (Y, V) => {
     t[Y] = V;
-  }, _ = N(() => e.modelAuto && r.value.enabled ? Array.isArray(n.value) ? n.value.length > 1 : !1 : r.value.enabled), v = (Y, V) => {
+  }, _ = L(() => e.modelAuto && r.value.enabled ? Array.isArray(n.value) ? n.value.length > 1 : !1 : r.value.enabled), v = (Y, V) => {
     const z = Object.fromEntries(
       Object.keys(t).map(($) => $ === Y ? [$, V] : [$, t[$]].slice())
     );
@@ -5816,7 +5816,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
     p("seconds", Y);
   }, F = (Y, V, z, $) => {
     V && h(Y), !V && !z && x(Y), z && R(Y), n.value && $(n.value);
-  }, D = (Y) => {
+  }, M = (Y) => {
     if (Y) {
       const V = Array.isArray(Y), z = V ? [+Y[0].hours, +Y[1].hours] : +Y.hours, $ = V ? [+Y[0].minutes, +Y[1].minutes] : +Y.minutes, I = V ? [+Y[0].seconds, +Y[1].seconds] : +Y.seconds;
       i("hours", z), i("minutes", $), e.enableSeconds && i("seconds", I);
@@ -5827,7 +5827,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
       disabledArr: []
     };
     return (V || V === 0) && (z.hours = V), Array.isArray(e.disabledTimes) && (z.disabledArr = r.value.enabled && Array.isArray(e.disabledTimes[Y]) ? e.disabledTimes[Y] : e.disabledTimes), z;
-  }, B = N(() => (Y, V) => {
+  }, B = L(() => (Y, V) => {
     var z;
     if (Array.isArray(e.disabledTimes)) {
       const { disabledArr: $, hours: I } = g(Y, V), ae = $.filter((j) => +j.hours === I);
@@ -5847,7 +5847,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
     getSetDateTime: c,
     updateTimeValues: F,
     getSecondsValue: s,
-    assignStartTime: D,
+    assignStartTime: M,
     validateTime: v,
     disabledTimesConfig: B
   };
@@ -5861,7 +5861,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
   const F = ($) => {
     const { hours: I, minutes: ae, seconds: j } = $;
     return { hours: +I, minutes: +ae, seconds: j ? +j : 0 };
-  }, D = () => {
+  }, M = () => {
     if (e.startTime) {
       if (Array.isArray(e.startTime)) {
         const I = F(e.startTime[0]), ae = F(e.startTime[1]);
@@ -5873,13 +5873,13 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
     return s.value.enabled ? [null, null] : null;
   }, g = () => {
     if (s.value.enabled) {
-      const [$, I] = D();
+      const [$, I] = M();
       a.value = [
         ht(_($, 0), c.value.timezone),
         ht(_(I, 1), c.value.timezone)
       ];
     } else
-      a.value = ht(_(D()), c.value.timezone);
+      a.value = ht(_(M()), c.value.timezone);
   }, B = ($) => Array.isArray($) ? [ta(J($[0])), ta(J($[1]))] : [ta($ ?? J())], Y = ($, I, ae) => {
     v("hours", $), v("minutes", I), v("seconds", e.enableSeconds ? ae : 0);
   }, V = () => {
@@ -5932,15 +5932,15 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
       time: i,
       updateTime: p
     }), toggleTimePicker: (x, R = !1, F = "") => {
-      var D;
-      (D = c.value) == null || D.toggleTimePicker(x, R, F);
+      var M;
+      (M = c.value) == null || M.toggleTimePicker(x, R, F);
     } }), (x, R) => (m(), De(Ua, {
       "multi-calendars": 0,
       stretch: "",
       "is-mobile": x.isMobile
     }, {
       default: be(() => [
-        Le(nl, Fe({
+        Ne(nl, Fe({
           ref_key: "tpRef",
           ref: c
         }, x.$props, {
@@ -5958,10 +5958,10 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
           onOverlayClosed: R[5] || (R[5] = (F) => x.$emit("overlay-toggle", { open: !1, overlay: F })),
           onOverlayOpened: R[6] || (R[6] = (F) => x.$emit("overlay-toggle", { open: !0, overlay: F }))
         }), dt({ _: 2 }, [
-          Be(d(s), (F, D) => ({
+          Be(d(s), (F, M) => ({
             name: F,
             fn: be((g) => [
-              te(x.$slots, F, st(mt(g)))
+              ee(x.$slots, F, st(mt(g)))
             ])
           }))
         ]), 1040, ["hours", "minutes", "seconds", "internal-model-value", "disabled-times-config", "validate-time"])
@@ -5972,7 +5972,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
 }), Vu = { class: "dp--header-wrap" }, Bu = {
   key: 0,
   class: "dp__month_year_wrap"
-}, Hu = { key: 0 }, Iu = { class: "dp__month_year_wrap" }, Fu = ["data-dp-element", "aria-label", "data-test-id", "onClick", "onKeydown"], Lu = /* @__PURE__ */ Ae({
+}, Hu = { key: 0 }, Iu = { class: "dp__month_year_wrap" }, Fu = ["data-dp-element", "aria-label", "data-test-id", "onClick", "onKeydown"], Nu = /* @__PURE__ */ Ae({
   compatConfig: {
     MODE: 3
   },
@@ -5996,7 +5996,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
       defaultedHighlight: v,
       propDates: p,
       defaultedUI: h
-    } = ze(r), { transitionName: x, showTransition: R } = Sa(l), { buildMatrix: F } = Zt(), { handleMonthYearChange: D, isDisabled: g, updateMonthYear: B } = ou(r, a), { showLeftIcon: Y, showRightIcon: V } = Qa(), z = q(!1), $ = q(!1), I = q(!1), ae = q([null, null, null, null]);
+    } = ze(r), { transitionName: x, showTransition: R } = Sa(l), { buildMatrix: F } = Zt(), { handleMonthYearChange: M, isDisabled: g, updateMonthYear: B } = ou(r, a), { showLeftIcon: Y, showRightIcon: V } = Qa(), z = q(!1), $ = q(!1), I = q(!1), ae = q([null, null, null, null]);
     ut(() => {
       a("mount");
     });
@@ -6006,21 +6006,21 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
         const U = y === kt.month ? kt.year : kt.month;
         a("update-month-year", { [y]: A, [U]: r[U] }), y === kt.month ? Q(!0) : ne(!0);
       }
-    }), H = N(j(kt.month)), se = N(j(kt.year)), C = N(() => (y) => ({
+    }), H = L(j(kt.month)), se = L(j(kt.year)), C = L(() => (y) => ({
       month: r.month,
       year: r.year,
       items: y === kt.month ? r.months : r.years,
       instance: r.instance,
       updateMonthYear: B,
       toggle: y === kt.month ? Q : ne
-    })), W = N(() => r.months.find((A) => A.value === r.month) || { text: "", value: 0 }), f = N(() => ma(r.months, (y) => {
+    })), W = L(() => r.months.find((A) => A.value === r.month) || { text: "", value: 0 }), f = L(() => ma(r.months, (y) => {
       const A = r.month === y.value, U = $a(
         y.value,
         qr(r.year, p.value.minDate),
         Ur(r.year, p.value.maxDate)
       ) || i.value.months.includes(y.value), K = Kr(v.value, y.value, r.year);
       return { active: A, disabled: U, highlighted: K };
-    })), b = N(() => ma(r.years, (y) => {
+    })), b = L(() => ma(r.years, (y) => {
       const A = r.year === y.value, U = $a(
         y.value,
         ha(p.value.minDate),
@@ -6030,14 +6030,14 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
     })), w = (y, A, U) => {
       U !== void 0 ? y.value = U : y.value = !y.value, y.value ? (I.value = !0, a("overlay-opened", A)) : (I.value = !1, a("overlay-closed", A));
     }, Q = (y = !1, A) => {
-      M(y), w(z, vt.month, A);
+      D(y), w(z, vt.month, A);
     }, ne = (y = !1, A) => {
-      M(y), w($, vt.year, A);
-    }, M = (y) => {
+      D(y), w($, vt.year, A);
+    }, D = (y) => {
       y || a("reset-flow");
     }, Z = (y, A) => {
       r.arrowNavigation && (ae.value[A] = et(y), F(ae.value, "monthYear"));
-    }, S = N(() => {
+    }, S = L(() => {
       var y, A, U, K, o, O;
       return [
         {
@@ -6065,124 +6065,124 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
           overlayLabel: ((O = (o = s.value).yearPicker) == null ? void 0 : O.call(o, !0)) ?? void 0
         }
       ];
-    }), pe = N(() => r.disableYearSelect ? [S.value[0]] : r.yearFirst ? [...S.value].reverse() : S.value);
+    }), pe = L(() => r.disableYearSelect ? [S.value[0]] : r.yearFirst ? [...S.value].reverse() : S.value);
     return t({
       toggleMonthPicker: Q,
       toggleYearPicker: ne,
-      handleMonthYearChange: D
+      handleMonthYearChange: M
     }), (y, A) => {
       var U, K, o, O, ie, Ye;
       return m(), k("div", Vu, [
         y.$slots["month-year"] ? (m(), k("div", Bu, [
-          te(y.$slots, "month-year", st(mt({
+          ee(y.$slots, "month-year", st(mt({
             month: e.month,
             year: e.year,
             months: e.months,
             years: e.years,
             updateMonthYear: d(B),
-            handleMonthYearChange: d(D),
+            handleMonthYearChange: d(M),
             instance: e.instance,
             isDisabled: d(g)
           })))
         ])) : (m(), k(_e, { key: 1 }, [
           y.$slots["top-extra"] ? (m(), k("div", Hu, [
-            te(y.$slots, "top-extra", { value: y.internalModelValue })
+            ee(y.$slots, "top-extra", { value: y.internalModelValue })
           ])) : E("", !0),
-          ee("div", Iu, [
+          te("div", Iu, [
             d(Y)(d(c), e.instance) && !y.vertical ? (m(), De(Ca, {
               key: 0,
               "aria-label": (U = d(s)) == null ? void 0 : U.prevMonth,
               disabled: d(g)(!1),
               class: ce((K = d(h)) == null ? void 0 : K.navBtnPrev),
               "el-name": "action-prev",
-              onActivate: A[0] || (A[0] = (L) => d(D)(!1, !0)),
-              onSetRef: A[1] || (A[1] = (L) => Z(L, 0))
+              onActivate: A[0] || (A[0] = (N) => d(M)(!1, !0)),
+              onSetRef: A[1] || (A[1] = (N) => Z(N, 0))
             }, {
               default: be(() => [
-                y.$slots["arrow-left"] ? te(y.$slots, "arrow-left", { key: 0 }) : E("", !0),
+                y.$slots["arrow-left"] ? ee(y.$slots, "arrow-left", { key: 0 }) : E("", !0),
                 y.$slots["arrow-left"] ? E("", !0) : (m(), De(d(An), { key: 1 }))
               ]),
               _: 3
             }, 8, ["aria-label", "disabled", "class"])) : E("", !0),
-            ee("div", {
+            te("div", {
               class: ce(["dp__month_year_wrap", {
                 dp__year_disable_select: y.disableYearSelect
               }])
             }, [
-              (m(!0), k(_e, null, Be(pe.value, (L, ke) => (m(), k(_e, {
-                key: L.type
+              (m(!0), k(_e, null, Be(pe.value, (N, ke) => (m(), k(_e, {
+                key: N.type
               }, [
-                ee("button", {
+                te("button", {
                   ref_for: !0,
                   ref: (X) => Z(X, ke + 1),
                   type: "button",
-                  "data-dp-element": `overlay-${L.type}`,
+                  "data-dp-element": `overlay-${N.type}`,
                   class: ce(["dp__btn dp__month_year_select", { "dp--hidden-el": I.value }]),
-                  "aria-label": `${L.text}-${L.ariaLabel}`,
-                  "data-test-id": `${L.type}-toggle-overlay-${e.instance}`,
-                  onClick: L.toggle,
-                  onKeydown: (X) => d(ft)(X, () => L.toggle(), !0)
+                  "aria-label": `${N.text}-${N.ariaLabel}`,
+                  "data-test-id": `${N.type}-toggle-overlay-${e.instance}`,
+                  onClick: N.toggle,
+                  onKeydown: (X) => d(ft)(X, () => N.toggle(), !0)
                 }, [
-                  y.$slots[L.type] ? te(y.$slots, L.type, {
+                  y.$slots[N.type] ? ee(y.$slots, N.type, {
                     key: 0,
-                    text: L.text,
-                    value: r[L.type]
+                    text: N.text,
+                    value: r[N.type]
                   }) : E("", !0),
-                  y.$slots[L.type] ? E("", !0) : (m(), k(_e, { key: 1 }, [
-                    yt(Pe(L.text), 1)
+                  y.$slots[N.type] ? E("", !0) : (m(), k(_e, { key: 1 }, [
+                    yt(Pe(N.text), 1)
                   ], 64))
                 ], 42, Fu),
-                Le(ba, {
-                  name: d(x)(L.showSelectionGrid),
+                Ne(ba, {
+                  name: d(x)(N.showSelectionGrid),
                   css: d(R)
                 }, {
                   default: be(() => [
-                    L.showSelectionGrid ? (m(), De(Ya, {
+                    N.showSelectionGrid ? (m(), De(Ya, {
                       key: 0,
-                      items: L.items,
+                      items: N.items,
                       "arrow-navigation": y.arrowNavigation,
                       "hide-navigation": y.hideNavigation,
                       "is-last": y.autoApply && !d(_).keepActionRow,
                       "skip-button-ref": !1,
                       config: y.config,
-                      type: L.type,
+                      type: N.type,
                       "header-refs": [],
                       "esc-close": y.escClose,
                       "menu-wrap-ref": y.menuWrapRef,
                       "text-input": y.textInput,
                       "aria-labels": y.ariaLabels,
-                      "overlay-label": L.overlayLabel,
-                      onSelected: L.updateModelValue,
-                      onToggle: L.toggle
+                      "overlay-label": N.overlayLabel,
+                      onSelected: N.updateModelValue,
+                      onToggle: N.toggle
                     }, dt({
                       "button-icon": be(() => [
-                        y.$slots["calendar-icon"] ? te(y.$slots, "calendar-icon", { key: 0 }) : E("", !0),
+                        y.$slots["calendar-icon"] ? ee(y.$slots, "calendar-icon", { key: 0 }) : E("", !0),
                         y.$slots["calendar-icon"] ? E("", !0) : (m(), De(d(wa), { key: 1 }))
                       ]),
                       _: 2
                     }, [
-                      y.$slots[`${L.type}-overlay-value`] ? {
+                      y.$slots[`${N.type}-overlay-value`] ? {
                         name: "item",
                         fn: be(({ item: X }) => [
-                          te(y.$slots, `${L.type}-overlay-value`, {
+                          ee(y.$slots, `${N.type}-overlay-value`, {
                             text: X.text,
                             value: X.value
                           })
                         ]),
                         key: "0"
                       } : void 0,
-                      y.$slots[`${L.type}-overlay`] ? {
+                      y.$slots[`${N.type}-overlay`] ? {
                         name: "overlay",
                         fn: be(() => [
-                          te(y.$slots, `${L.type}-overlay`, Fe({ ref_for: !0 }, C.value(L.type)))
+                          ee(y.$slots, `${N.type}-overlay`, Fe({ ref_for: !0 }, C.value(N.type)))
                         ]),
                         key: "1"
                       } : void 0,
-                      y.$slots[`${L.type}-overlay-header`] ? {
+                      y.$slots[`${N.type}-overlay-header`] ? {
                         name: "header",
                         fn: be(() => [
-                          te(y.$slots, `${L.type}-overlay-header`, {
-                            toggle: L.toggle
+                          ee(y.$slots, `${N.type}-overlay-header`, {
+                            toggle: N.toggle
                           })
                         ]),
                         key: "2"
@@ -6199,10 +6199,10 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
               "el-name": "action-prev",
               disabled: d(g)(!1),
               class: ce((O = d(h)) == null ? void 0 : O.navBtnPrev),
-              onActivate: A[2] || (A[2] = (L) => d(D)(!1, !0))
+              onActivate: A[2] || (A[2] = (N) => d(M)(!1, !0))
             }, {
               default: be(() => [
-                y.$slots["arrow-up"] ? te(y.$slots, "arrow-up", { key: 0 }) : E("", !0),
+                y.$slots["arrow-up"] ? ee(y.$slots, "arrow-up", { key: 0 }) : E("", !0),
                 y.$slots["arrow-up"] ? E("", !0) : (m(), De(d(Sn), { key: 1 }))
               ]),
               _: 3
@@ -6214,11 +6214,11 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
               disabled: d(g)(!0),
               "aria-label": (ie = d(s)) == null ? void 0 : ie.nextMonth,
               class: ce((Ye = d(h)) == null ? void 0 : Ye.navBtnNext),
-              onActivate: A[3] || (A[3] = (L) => d(D)(!0, !0)),
-              onSetRef: A[4] || (A[4] = (L) => Z(L, y.disableYearSelect ? 2 : 3))
+              onActivate: A[3] || (A[3] = (N) => d(M)(!0, !0)),
+              onSetRef: A[4] || (A[4] = (N) => Z(N, y.disableYearSelect ? 2 : 3))
             }, {
               default: be(() => [
-                y.$slots[y.vertical ? "arrow-down" : "arrow-right"] ? te(y.$slots, y.vertical ? "arrow-down" : "arrow-right", { key: 0 }) : E("", !0),
+                y.$slots[y.vertical ? "arrow-down" : "arrow-right"] ? ee(y.$slots, y.vertical ? "arrow-down" : "arrow-right", { key: 0 }) : E("", !0),
                 y.$slots[y.vertical ? "arrow-down" : "arrow-right"] ? E("", !0) : (m(), De(ya(y.vertical ? d(Rn) : d(On)), { key: 1 }))
               ]),
               _: 3
@@ -6228,7 +6228,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
       ]);
     };
   }
-}), Nu = {
+}), Lu = {
   class: "dp__calendar_header",
   role: "row"
 }, Eu = {
@@ -6274,34 +6274,34 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
       bottom: "",
       left: "",
       transform: ""
-    }), F = q([]), D = q(null), g = q(!0), B = q(""), Y = q({ startX: 0, endX: 0, startY: 0, endY: 0 }), V = q([]), z = q({ left: "50%" }), $ = q(!1), I = N(() => r.calendar ? r.calendar(r.mappedDates) : r.mappedDates), ae = N(() => r.dayNames ? Array.isArray(r.dayNames) ? r.dayNames : r.dayNames(r.locale, +r.weekStart) : Ci(r.formatLocale, r.locale, +r.weekStart));
+    }), F = q([]), M = q(null), g = q(!0), B = q(""), Y = q({ startX: 0, endX: 0, startY: 0, endY: 0 }), V = q([]), z = q({ left: "50%" }), $ = q(!1), I = L(() => r.calendar ? r.calendar(r.mappedDates) : r.mappedDates), ae = L(() => r.dayNames ? Array.isArray(r.dayNames) ? r.dayNames : r.dayNames(r.locale, +r.weekStart) : Ci(r.formatLocale, r.locale, +r.weekStart));
     ut(() => {
-      a("mount", { cmp: "calendar", refs: F }), c.value.noSwipe || D.value && (D.value.addEventListener("touchstart", Z, { passive: !1 }), D.value.addEventListener("touchend", S, { passive: !1 }), D.value.addEventListener("touchmove", pe, { passive: !1 })), r.monthChangeOnScroll && D.value && D.value.addEventListener("wheel", U, { passive: !1 });
+      a("mount", { cmp: "calendar", refs: F }), c.value.noSwipe || M.value && (M.value.addEventListener("touchstart", Z, { passive: !1 }), M.value.addEventListener("touchend", S, { passive: !1 }), M.value.addEventListener("touchmove", pe, { passive: !1 })), r.monthChangeOnScroll && M.value && M.value.addEventListener("wheel", U, { passive: !1 });
     }), ga(() => {
-      c.value.noSwipe || D.value && (D.value.removeEventListener("touchstart", Z), D.value.removeEventListener("touchend", S), D.value.removeEventListener("touchmove", pe)), r.monthChangeOnScroll && D.value && D.value.removeEventListener("wheel", U);
+      c.value.noSwipe || M.value && (M.value.removeEventListener("touchstart", Z), M.value.removeEventListener("touchend", S), M.value.removeEventListener("touchmove", pe)), r.monthChangeOnScroll && M.value && M.value.removeEventListener("wheel", U);
     });
-    const j = (L) => L ? r.vertical ? "vNext" : "next" : r.vertical ? "vPrevious" : "previous", H = (L, ke) => {
+    const j = (N) => N ? r.vertical ? "vNext" : "next" : r.vertical ? "vPrevious" : "previous", H = (N, ke) => {
       if (r.transitions) {
-        const X = it(Lt(J(), r.month, r.year));
-        B.value = Ke(it(Lt(J(), L, ke)), X) ? s.value[j(!0)] : s.value[j(!1)], g.value = !1, je(() => {
+        const X = it(Nt(J(), r.month, r.year));
+        B.value = Ke(it(Nt(J(), N, ke)), X) ? s.value[j(!0)] : s.value[j(!1)], g.value = !1, je(() => {
           g.value = !0;
         });
       }
-    }, se = N(
+    }, se = L(
       () => ({
         ...h.value.calendar ?? {}
       })
-    ), C = N(() => (L) => {
-      const ke = $i(L);
+    ), C = L(() => (N) => {
+      const ke = $i(N);
       return {
         dp__marker_dot: ke.type === "dot",
         dp__marker_line: ke.type === "line"
       };
-    }), W = N(() => (L) => $e(L, x.value)), f = N(() => ({
+    }), W = L(() => (N) => $e(N, x.value)), f = L(() => ({
       dp__calendar: !0,
       dp__calendar_next: _.value.count > 0 && r.instance !== 0
-    })), b = N(() => (L) => r.hideOffsetDates ? L.current : !0), w = async (L, ke) => {
-      const { width: X, height: le } = L.getBoundingClientRect();
+    })), b = L(() => (N) => r.hideOffsetDates ? N.current : !0), w = async (N, ke) => {
+      const { width: X, height: le } = N.getBoundingClientRect();
       x.value = ke.value;
       let u = { left: `${X / 2}px` }, oe = -50;
       if (await je(), V.value[0]) {
@@ -6313,54 +6313,54 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
         ...u,
         transform: `translateX(${oe}%)`
       };
-    }, Q = async (L, ke, X) => {
+    }, Q = async (N, ke, X) => {
       var le, u, oe;
       const ue = et(F.value[ke][X]);
-      ue && ((le = L.marker) != null && le.customPosition && (oe = (u = L.marker) == null ? void 0 : u.tooltip) != null && oe.length ? R.value = L.marker.customPosition(ue) : await w(ue, L), a("tooltip-open", L.marker));
-    }, ne = async (L, ke, X) => {
+      ue && ((le = N.marker) != null && le.customPosition && (oe = (u = N.marker) == null ? void 0 : u.tooltip) != null && oe.length ? R.value = N.marker.customPosition(ue) : await w(ue, N), a("tooltip-open", N.marker));
+    }, ne = async (N, ke, X) => {
       var le, u;
       if ($.value && p.value.enabled && p.value.dragSelect)
-        return a("select-date", L);
-      if (a("set-hover-date", L), (u = (le = L.marker) == null ? void 0 : le.tooltip) != null && u.length) {
-        if (r.hideOffsetDates && !L.current) return;
-        await Q(L, ke, X);
+        return a("select-date", N);
+      if (a("set-hover-date", N), (u = (le = N.marker) == null ? void 0 : le.tooltip) != null && u.length) {
+        if (r.hideOffsetDates && !N.current) return;
+        await Q(N, ke, X);
       }
-    }, M = (L) => {
-      x.value && (x.value = null, R.value = JSON.parse(JSON.stringify({ bottom: "", left: "", transform: "" })), a("tooltip-close", L.marker));
-    }, Z = (L) => {
-      Y.value.startX = L.changedTouches[0].screenX, Y.value.startY = L.changedTouches[0].screenY;
-    }, S = (L) => {
-      Y.value.endX = L.changedTouches[0].screenX, Y.value.endY = L.changedTouches[0].screenY, y();
-    }, pe = (L) => {
-      r.vertical && !r.inline && L.preventDefault();
+    }, D = (N) => {
+      x.value && (x.value = null, R.value = JSON.parse(JSON.stringify({ bottom: "", left: "", transform: "" })), a("tooltip-close", N.marker));
+    }, Z = (N) => {
+      Y.value.startX = N.changedTouches[0].screenX, Y.value.startY = N.changedTouches[0].screenY;
+    }, S = (N) => {
+      Y.value.endX = N.changedTouches[0].screenX, Y.value.endY = N.changedTouches[0].screenY, y();
+    }, pe = (N) => {
+      r.vertical && !r.inline && N.preventDefault();
     }, y = () => {
-      const L = r.vertical ? "Y" : "X";
-      Math.abs(Y.value[`start${L}`] - Y.value[`end${L}`]) > 10 && a("handle-swipe", Y.value[`start${L}`] > Y.value[`end${L}`] ? "right" : "left");
-    }, A = (L, ke, X) => {
-      L && (Array.isArray(F.value[ke]) ? F.value[ke][X] = L : F.value[ke] = [L]), r.arrowNavigation && l(F.value, "calendar");
-    }, U = (L) => {
-      r.monthChangeOnScroll && (L.preventDefault(), a("handle-scroll", L));
-    }, K = (L) => v.value.type === "local" ? Tn(L.value, { weekStartsOn: +r.weekStart }) : v.value.type === "iso" ? xn(L.value) : typeof v.value.type == "function" ? v.value.type(L.value) : "", o = (L) => {
-      const ke = L[0];
-      return v.value.hideOnOffsetDates ? L.some((X) => X.current) ? K(ke) : "" : K(ke);
-    }, O = (L, ke, X = !0) => {
-      !X && Si() || (!p.value.enabled || c.value.allowPreventDefault) && (Ut(L, c.value), a("select-date", ke));
-    }, ie = (L) => {
-      Ut(L, c.value);
-    }, Ye = (L) => {
-      p.value.enabled && p.value.dragSelect ? ($.value = !0, a("select-date", L)) : p.value.enabled && a("select-date", L);
+      const N = r.vertical ? "Y" : "X";
+      Math.abs(Y.value[`start${N}`] - Y.value[`end${N}`]) > 10 && a("handle-swipe", Y.value[`start${N}`] > Y.value[`end${N}`] ? "right" : "left");
+    }, A = (N, ke, X) => {
+      N && (Array.isArray(F.value[ke]) ? F.value[ke][X] = N : F.value[ke] = [N]), r.arrowNavigation && l(F.value, "calendar");
+    }, U = (N) => {
+      r.monthChangeOnScroll && (N.preventDefault(), a("handle-scroll", N));
+    }, K = (N) => v.value.type === "local" ? Tn(N.value, { weekStartsOn: +r.weekStart }) : v.value.type === "iso" ? xn(N.value) : typeof v.value.type == "function" ? v.value.type(N.value) : "", o = (N) => {
+      const ke = N[0];
+      return v.value.hideOnOffsetDates ? N.some((X) => X.current) ? K(ke) : "" : K(ke);
+    }, O = (N, ke, X = !0) => {
+      !X && Si() || (!p.value.enabled || c.value.allowPreventDefault) && (Ut(N, c.value), a("select-date", ke));
+    }, ie = (N) => {
+      Ut(N, c.value);
+    }, Ye = (N) => {
+      p.value.enabled && p.value.dragSelect ? ($.value = !0, a("select-date", N)) : p.value.enabled && a("select-date", N);
     };
-    return t({ triggerTransition: H }), (L, ke) => (m(), k("div", {
+    return t({ triggerTransition: H }), (N, ke) => (m(), k("div", {
       class: ce(f.value)
     }, [
-      ee("div", {
+      te("div", {
         ref_key: "calendarWrapRef",
-        ref: D,
+        ref: M,
         class: ce(se.value),
         role: "grid"
       }, [
-        ee("div", Nu, [
-          L.weekNumbers ? (m(), k("div", Eu, Pe(L.weekNumName), 1)) : E("", !0),
+        te("div", Lu, [
+          N.weekNumbers ? (m(), k("div", Eu, Pe(N.weekNumName), 1)) : E("", !0),
           (m(!0), k(_e, null, Be(ae.value, (X, le) => {
             var u, oe;
             return m(), k("div", {
@@ -6370,21 +6370,21 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
               "data-test-id": "calendar-header",
               "aria-label": (oe = (u = d(i)) == null ? void 0 : u.weekDay) == null ? void 0 : oe.call(u, le)
             }, [
-              L.$slots["calendar-header"] ? te(L.$slots, "calendar-header", {
+              N.$slots["calendar-header"] ? ee(N.$slots, "calendar-header", {
                 key: 0,
                 day: X,
                 index: le
               }) : E("", !0),
-              L.$slots["calendar-header"] ? E("", !0) : (m(), k(_e, { key: 1 }, [
+              N.$slots["calendar-header"] ? E("", !0) : (m(), k(_e, { key: 1 }, [
                 yt(Pe(X), 1)
               ], 64))
             ], 8, Wu);
           }), 128))
         ]),
-        ke[2] || (ke[2] = ee("div", { class: "dp__calendar_header_separator" }, null, -1)),
-        Le(ba, {
+        ke[2] || (ke[2] = te("div", { class: "dp__calendar_header_separator" }, null, -1)),
+        Ne(ba, {
           name: B.value,
-          css: !!L.transitions
+          css: !!N.transitions
         }, {
           default: be(() => [
             g.value ? (m(), k("div", {
@@ -6398,8 +6398,8 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
                 class: "dp__calendar_row",
                 role: "row"
               }, [
-                L.weekNumbers ? (m(), k("div", zu, [
-                  ee("div", qu, Pe(o(X.days)), 1)
+                N.weekNumbers ? (m(), k("div", zu, [
+                  te("div", qu, Pe(o(X.days)), 1)
                 ])) : E("", !0),
                 (m(!0), k(_e, null, Be(X.days, (u, oe) => {
                   var ue, de, Ce;
@@ -6413,29 +6413,29 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
                     "aria-pressed": (u.classData.dp__active_date || u.classData.dp__range_start || u.classData.dp__range_start) ?? void 0,
                     "aria-disabled": u.classData.dp__cell_disabled || void 0,
                     "aria-label": (de = (ue = d(i)) == null ? void 0 : ue.day) == null ? void 0 : de.call(ue, u),
-                    tabindex: !u.current && L.hideOffsetDates ? void 0 : 0,
+                    tabindex: !u.current && N.hideOffsetDates ? void 0 : 0,
                     "data-test-id": d(kn)(u.value),
                     onClick: Rt((Me) => O(Me, u), ["prevent"]),
                     onTouchend: (Me) => O(Me, u, !1),
-                    onKeydown: (Me) => d(ft)(Me, () => L.$emit("select-date", u)),
+                    onKeydown: (Me) => d(ft)(Me, () => N.$emit("select-date", u)),
                     onMouseenter: (Me) => ne(u, le, oe),
-                    onMouseleave: (Me) => M(u),
+                    onMouseleave: (Me) => D(u),
                     onMousedown: (Me) => Ye(u),
                     onMouseup: ke[0] || (ke[0] = (Me) => $.value = !1)
                   }, [
-                    ee("div", {
+                    te("div", {
                       class: ce(["dp__cell_inner", u.classData])
                     }, [
-                      L.$slots.day && b.value(u) ? te(L.$slots, "day", {
+                      N.$slots.day && b.value(u) ? ee(N.$slots, "day", {
                         key: 0,
                         day: +u.text,
                         date: u.value
                       }) : E("", !0),
-                      L.$slots.day ? E("", !0) : (m(), k(_e, { key: 1 }, [
+                      N.$slots.day ? E("", !0) : (m(), k(_e, { key: 1 }, [
                         yt(Pe(u.text), 1)
                       ], 64)),
                       u.marker && b.value(u) ? (m(), k(_e, { key: 2 }, [
-                        L.$slots.marker ? te(L.$slots, "marker", {
+                        N.$slots.marker ? ee(N.$slots, "marker", {
                           key: 0,
                           marker: u.marker,
                           day: +u.text,
@@ -6463,20 +6463,20 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
                             key: Re,
                             class: "dp__tooltip_text"
                           }, [
-                            L.$slots["marker-tooltip"] ? te(L.$slots, "marker-tooltip", {
+                            N.$slots["marker-tooltip"] ? ee(N.$slots, "marker-tooltip", {
                               key: 0,
                               tooltip: Me,
                               day: u.value
                             }) : E("", !0),
-                            L.$slots["marker-tooltip"] ? E("", !0) : (m(), k(_e, { key: 1 }, [
-                              ee("div", {
+                            N.$slots["marker-tooltip"] ? E("", !0) : (m(), k(_e, { key: 1 }, [
+                              te("div", {
                                 class: "dp__tooltip_mark",
                                 style: ot(Me.color ? { backgroundColor: Me.color } : {})
                               }, null, 4),
-                              ee("div", null, Pe(Me.text), 1)
+                              te("div", null, Pe(Me.text), 1)
                             ], 64))
                           ]))), 128)),
-                          ee("div", {
+                          te("div", {
                             class: "dp__arrow_bottom_tp",
                             style: ot(z.value)
                           }, null, 4)
@@ -6499,12 +6499,12 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
     defaultedStartTime: x,
     defaultedRange: R,
     defaultedConfig: F,
-    defaultedTz: D,
+    defaultedTz: M,
     propDates: g,
     defaultedMultiDates: B
-  } = ze(e), { validateMonthYearInRange: Y, isDisabled: V, isDateRangeAllowed: z, checkMinMaxRange: $ } = Gt(e), { updateTimeValues: I, getSetDateTime: ae, setTime: j, assignStartTime: H, validateTime: se, disabledTimesConfig: C } = rl(e, v, i, a), W = N(
+  } = ze(e), { validateMonthYearInRange: Y, isDisabled: V, isDateRangeAllowed: z, checkMinMaxRange: $ } = Gt(e), { updateTimeValues: I, getSetDateTime: ae, setTime: j, assignStartTime: H, validateTime: se, disabledTimesConfig: C } = rl(e, v, i, a), W = L(
     () => (P) => _.value[P] ? _.value[P].month : 0
-  ), f = N(
+  ), f = L(
     () => (P) => _.value[P] ? _.value[P].year : 0
   ), b = (P) => !F.value.keepViewOnOffsetClick || P ? !0 : !s.value, w = (P, re, ye, xe = !1) => {
     var G, fe;
@@ -6517,11 +6517,11 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
   ut(() => {
     e.shadow || (i.value || (ke(), ne()), S(!0), e.focusStartDate && e.startDate && ke());
   });
-  const M = N(() => {
+  const D = L(() => {
     var P;
     return (P = e.flow) != null && P.length && !e.partialFlow ? e.flowStep === e.flow.length : !0;
   }), Z = () => {
-    e.autoApply && M.value && t("auto-apply", e.partialFlow ? e.flowStep !== e.flow.length : !1);
+    e.autoApply && D.value && t("auto-apply", e.partialFlow ? e.flowStep !== e.flow.length : !1);
   }, S = (P = !1) => {
     if (i.value)
       return Array.isArray(i.value) ? (r.value = i.value, O(P)) : A(i.value, P);
@@ -6534,7 +6534,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
         _.value[ye] = { month: Te(G), year: we(G) };
       }
   }, A = (P, re) => {
-    y(P), j("hours", Nt(P)), j("minutes", Qt(P)), j("seconds", pa(P)), h.value.count && re && L();
+    y(P), j("hours", Lt(P)), j("minutes", Qt(P)), j("seconds", pa(P)), h.value.count && re && N();
   }, U = (P) => {
     if (h.value.count) {
       if (h.value.solo) return 0;
@@ -6548,7 +6548,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
       xe(P[0]),
       P[1] ? xe(P[1]) : v[G][1]
     ];
-    j("hours", ye(Nt, "hours")), j("minutes", ye(Qt, "minutes")), j("seconds", ye(pa, "seconds"));
+    j("hours", ye(Lt, "hours")), j("minutes", ye(Qt, "minutes")), j("seconds", ye(pa, "seconds"));
   }, o = (P, re) => {
     if ((R.value.enabled || e.weekPicker) && !B.value.enabled)
       return K(P, re);
@@ -6558,7 +6558,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
     }
   }, O = (P) => {
     const re = i.value;
-    o(re, P), h.value.count && h.value.solo && L();
+    o(re, P), h.value.count && h.value.solo && N();
   }, ie = (P, re) => {
     const ye = Ie(J(), { month: W.value(re), year: f.value(re) }), xe = P < 0 ? Ct(ye, 1) : ra(ye, 1);
     Y(Te(xe), we(xe), P < 0, e.preventMinMaxNavigation) && (w(re, Te(xe), we(xe)), t("update-month-year", { instance: re, month: Te(xe), year: we(xe) }), h.value.count && !h.value.solo && Ye(re), n());
@@ -6571,7 +6571,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
       const ye = Ct(Ie(J(), { month: W.value(re - 1), year: f.value(re - 1) }), 1);
       w(re, Te(ye), we(ye));
     }
-  }, L = () => {
+  }, N = () => {
     if (Array.isArray(i.value) && i.value.length === 2) {
       const P = J(
         J(i.value[1] ? i.value[1] : Ct(i.value[0], 1))
@@ -6644,7 +6644,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
     return It(he), de(ye, xe, G, fe);
   }, Re = (P) => {
     const re = jt(J(P.value), v.hours, v.minutes, me());
-    t("date-update", re), B.value.enabled ? Ln(re, i, B.value.limit) : i.value = re, a(), je().then(() => {
+    t("date-update", re), B.value.enabled ? Nn(re, i, B.value.limit) : i.value = re, a(), je().then(() => {
       Z();
     });
   }, Ze = (P) => R.value.noDisabledRange ? jr(r.value[0], P).some((re) => V(re)) : !1, T = () => {
@@ -6698,10 +6698,10 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
       value: P,
       modelValue: i,
       range: R.value.enabled,
-      timezone: re ? void 0 : D.value.timezone
+      timezone: re ? void 0 : M.value.timezone
     }), Q(), e.multiCalendars && je().then(() => S(!0));
   }, Xa = () => {
-    const P = Vn(J(), D.value);
+    const P = Vn(J(), M.value);
     !R.value.enabled && !B.value.enabled ? i.value = P : i.value && Array.isArray(i.value) && i.value[0] ? B.value.enabled ? i.value = [...i.value, P] : i.value = Ue(P, i.value[0]) ? [P, i.value[0]] : [i.value[0], P] : i.value = [P], Q();
   }, Ja = () => {
     if (Array.isArray(i.value))
@@ -6780,7 +6780,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
       getCalendarDays: x,
       getMarker: R,
       handleArrow: F,
-      handleScroll: D,
+      handleScroll: M,
       handleSwipe: g,
       selectDate: B,
       updateMonthYear: Y,
@@ -6789,7 +6789,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
       updateTime: $,
       assignMonthAndYear: I,
       setStartTime: ae
-    } = Qu(r, a, pe, y), j = gt(), { setHoverDate: H, getDayClassData: se, clearHoverDate: C } = pd(i, r), { defaultedMultiCalendars: W } = ze(r), f = q([]), b = q([]), w = q(null), Q = bt(j, "calendar"), ne = bt(j, "monthYear"), M = bt(j, "timePicker"), Z = (X) => {
+    } = Qu(r, a, pe, y), j = gt(), { setHoverDate: H, getDayClassData: se, clearHoverDate: C } = pd(i, r), { defaultedMultiCalendars: W } = ze(r), f = q([]), b = q([]), w = q(null), Q = bt(j, "calendar"), ne = bt(j, "monthYear"), D = bt(j, "timePicker"), Z = (X) => {
       r.shadow || a("mount", X);
     };
     at(
@@ -6807,7 +6807,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
       },
       { deep: !0 }
     );
-    const S = N(() => (X) => x(s.value(X), c.value(X)).map((le) => ({
+    const S = L(() => (X) => x(s.value(X), c.value(X)).map((le) => ({
       ...le,
       days: le.days.map((u) => (u.marker = R(u), u.classData = se(u), u))
     })));
@@ -6845,7 +6845,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
       (le = f.value[0]) == null || le.handleMonthYearChange(X, !0);
     }, Ye = (X) => {
       Y(0, { month: s.value(0), year: c.value(0) + (X ? 1 : -1), fromNav: !0 });
-    }, L = (X, le) => {
+    }, N = (X, le) => {
       X === vt.time && a(`time-picker-${le ? "open" : "close"}`), a("overlay-toggle", { open: le, overlay: X });
     }, ke = (X) => {
       a("overlay-toggle", { open: !1, overlay: X }), a("focus-menu");
@@ -6874,13 +6874,13 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
       selectWeekDate: O,
       setStartTime: ae
     }), (X, le) => (m(), k(_e, null, [
-      Le(Ua, {
+      Ne(Ua, {
         "multi-calendars": d(W).count,
         collapse: X.collapse,
         "is-mobile": X.isMobile
       }, {
         default: be(({ instance: u, index: oe }) => [
-          X.disableMonthYearSelect ? E("", !0) : (m(), De(Lu, Fe({
+          X.disableMonthYearSelect ? E("", !0) : (m(), De(Nu, Fe({
             key: 0,
             ref: (ue) => {
               ue && (f.value[oe] = ue);
@@ -6900,11 +6900,11 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
             Be(d(ne), (ue, de) => ({
               name: ue,
               fn: be((Ce) => [
-                te(X.$slots, ue, st(mt(Ce)))
+                ee(X.$slots, ue, st(mt(Ce)))
               ])
             }))
           ]), 1040, ["months", "years", "month", "year", "instance", "onUpdateMonthYear"])),
-          Le(ju, Fe({
+          Ne(ju, Fe({
             ref: (ue) => {
               ue && (b.value[oe] = ue);
             },
@@ -6916,7 +6916,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
             onSelectDate: (ue) => d(B)(ue, u !== 1),
             onHandleSpace: (ue) => A(ue, u !== 1),
             onSetHoverDate: le[3] || (le[3] = (ue) => d(H)(ue)),
-            onHandleScroll: (ue) => d(D)(ue, u),
+            onHandleScroll: (ue) => d(M)(ue, u),
             onHandleSwipe: (ue) => d(g)(ue, u),
             onMount: le[4] || (le[4] = (ue) => Z(d(ea).calendar)),
             onResetFlow: le[5] || (le[5] = (ue) => X.$emit("reset-flow")),
@@ -6926,7 +6926,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
             Be(d(Q), (ue, de) => ({
               name: ue,
               fn: be((Ce) => [
-                te(X.$slots, ue, st(mt({ ...Ce })))
+                ee(X.$slots, ue, st(mt({ ...Ce })))
               ])
             }))
           ]), 1040, ["mapped-dates", "month", "year", "instance", "onSelectDate", "onHandleSpace", "onHandleScroll", "onHandleSwipe"])
@@ -6934,7 +6934,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
         _: 3
       }, 8, ["multi-calendars", "collapse", "is-mobile"]),
       X.enableTimePicker ? (m(), k("div", Zu, [
-        X.$slots["time-picker"] ? te(X.$slots, "time-picker", st(Fe({ key: 0 }, { time: d(_), updateTime: d($) }))) : (m(), De(nl, Fe({
+        X.$slots["time-picker"] ? ee(X.$slots, "time-picker", st(Fe({ key: 0 }, { time: d(_), updateTime: d($) }))) : (m(), De(nl, Fe({
           key: 1,
           ref_key: "timePickerRef",
           ref: w
@@ -6950,14 +6950,14 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
           "onUpdate:minutes": le[10] || (le[10] = (u) => d($)(u, !1)),
           "onUpdate:seconds": le[11] || (le[11] = (u) => d($)(u, !1, !0)),
           onResetFlow: le[12] || (le[12] = (u) => X.$emit("reset-flow")),
-          onOverlayClosed: le[13] || (le[13] = (u) => L(u, !1)),
-          onOverlayOpened: le[14] || (le[14] = (u) => L(u, !0)),
+          onOverlayClosed: le[13] || (le[13] = (u) => N(u, !1)),
+          onOverlayOpened: le[14] || (le[14] = (u) => N(u, !0)),
           onAmPmChange: le[15] || (le[15] = (u) => X.$emit("am-pm-change", u))
         }), dt({ _: 2 }, [
-          Be(d(M), (u, oe) => ({
+          Be(d(D), (u, oe) => ({
             name: u,
             fn: be((ue) => [
-              te(X.$slots, u, st(mt(ue)))
+              ee(X.$slots, u, st(mt(ue)))
             ])
           }))
         ]), 1040, ["hours", "minutes", "seconds", "internal-model-value", "disabled-times-config", "validate-time"]))
@@ -6973,7 +6973,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
     propDates: c,
     defaultedFilters: i,
     defaultedMultiDates: _
-  } = ze(e), { modelValue: v, year: p, month: h, calendars: x } = Ra(e, t), { isDisabled: R } = Gt(e), { selectYear: F, groupedYears: D, showYearPicker: g, isDisabled: B, toggleYearPicker: Y, handleYearSelect: V, handleYear: z } = al({
+  } = ze(e), { modelValue: v, year: p, month: h, calendars: x } = Ra(e, t), { isDisabled: R } = Gt(e), { selectYear: F, groupedYears: M, showYearPicker: g, isDisabled: B, toggleYearPicker: Y, handleYearSelect: V, handleYear: z } = al({
     modelValue: v,
     multiCalendars: a,
     range: s,
@@ -6985,7 +6985,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
     filters: i,
     props: e,
     emit: t
-  }), $ = (b, w) => [b, w].map((Q) => Bt(Q, "MMMM", { locale: e.formatLocale })).join("-"), I = N(() => (b) => v.value ? Array.isArray(v.value) ? v.value.some((w) => ar(b, w)) : ar(v.value, b) : !1), ae = (b) => {
+  }), $ = (b, w) => [b, w].map((Q) => Bt(Q, "MMMM", { locale: e.formatLocale })).join("-"), I = L(() => (b) => v.value ? Array.isArray(v.value) ? v.value.some((w) => ar(b, w)) : ar(v.value, b) : !1), ae = (b) => {
     if (s.value.enabled) {
       if (Array.isArray(v.value)) {
         const w = $e(b, v.value[0]) || $e(b, v.value[1]);
@@ -6994,15 +6994,15 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
       return !1;
     }
     return !1;
-  }, j = (b, w) => b.quarter === Zn(w) && b.year === we(w), H = (b) => typeof l.value == "function" ? l.value({ quarter: Zn(b), year: we(b) }) : !!l.value.quarters.find((w) => j(w, b)), se = N(() => (b) => {
+  }, j = (b, w) => b.quarter === Zn(w) && b.year === we(w), H = (b) => typeof l.value == "function" ? l.value({ quarter: Zn(b), year: we(b) }) : !!l.value.quarters.find((w) => j(w, b)), se = L(() => (b) => {
     const w = Ie(/* @__PURE__ */ new Date(), { year: p.value(b) });
     return To({
       start: aa(w),
-      end: La(w)
+      end: Na(w)
     }).map((Q) => {
-      const ne = Jt(Q), M = Kn(Q), Z = R(Q), S = ae(ne), pe = H(ne);
+      const ne = Jt(Q), D = Kn(Q), Z = R(Q), S = ae(ne), pe = H(ne);
       return {
-        text: $(ne, M),
+        text: $(ne, D),
         value: ne,
         active: I.value(ne),
         highlighted: pe,
@@ -7011,16 +7011,16 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
       };
     });
   }), C = (b) => {
-    Ln(b, v, _.value.limit), t("auto-apply", !0);
+    Nn(b, v, _.value.limit), t("auto-apply", !0);
   }, W = (b) => {
-    v.value = Nn(v, b, t), ja(v.value, t, e.autoApply, e.modelAuto);
+    v.value = Ln(v, b, t), ja(v.value, t, e.autoApply, e.modelAuto);
   }, f = (b) => {
     v.value = b, t("auto-apply");
   };
   return {
     defaultedConfig: r,
     defaultedMultiCalendars: a,
-    groupedYears: D,
+    groupedYears: M,
     year: p,
     isDisabled: B,
     quarters: se,
@@ -7067,7 +7067,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
       modelValue: x,
       showYearPicker: R,
       setHoverDate: F,
-      selectQuarter: D,
+      selectQuarter: M,
       toggleYearPicker: g,
       handleYearSelect: B,
       handleYear: Y
@@ -7075,7 +7075,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
     return t({ getSidebarProps: () => ({
       modelValue: x,
       year: v,
-      selectQuarter: D,
+      selectQuarter: M,
       handleYearSelect: B,
       handleYear: Y
     }) }), (V, z) => (m(), De(Ua, {
@@ -7085,16 +7085,16 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
       "is-mobile": V.isMobile
     }, {
       default: be(({ instance: $ }) => [
-        ee("div", {
+        te("div", {
           class: "dp-quarter-picker-wrap",
           style: ot({ minHeight: `${d(i).modeHeight}px` })
         }, [
-          V.$slots["top-extra"] ? te(V.$slots, "top-extra", {
+          V.$slots["top-extra"] ? ee(V.$slots, "top-extra", {
             key: 0,
             value: V.internalModelValue
           }) : E("", !0),
-          ee("div", null, [
-            Le(Jr, Fe(V.$props, {
+          te("div", null, [
+            Ne(Jr, Fe(V.$props, {
               items: d(_)($),
               instance: $,
               "show-year-picker": d(R)[$],
@@ -7107,14 +7107,14 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
               Be(d(s), (I, ae) => ({
                 name: I,
                 fn: be((j) => [
-                  te(V.$slots, I, st(mt(j)))
+                  ee(V.$slots, I, st(mt(j)))
                 ])
               }))
             ]), 1040, ["items", "instance", "show-year-picker", "year", "is-disabled", "onHandleYear", "onYearSelect", "onToggleYearPicker"])
           ]),
-          ee("div", Xu, [
+          te("div", Xu, [
             (m(!0), k(_e, null, Be(d(h)($), (I, ae) => (m(), k("div", { key: ae }, [
-              ee("button", {
+              te("button", {
                 type: "button",
                 class: ce(["dp--qr-btn", {
                   "dp--qr-btn-active": I.active,
@@ -7124,10 +7124,10 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
                 }]),
                 "data-test-id": I.value,
                 disabled: I.disabled,
-                onClick: (j) => d(D)(I.value, $, I.disabled),
+                onClick: (j) => d(M)(I.value, $, I.disabled),
                 onMouseover: (j) => d(F)(I.value)
               }, [
-                V.$slots.quarter ? te(V.$slots, "quarter", {
+                V.$slots.quarter ? ee(V.$slots, "quarter", {
                   key: 0,
                   value: I.value,
                   text: I.text
@@ -7153,7 +7153,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
     n.value = window.document.documentElement.clientWidth;
   };
   return {
-    isMobile: N(
+    isMobile: L(
       () => n.value <= e.value.mobileBreakpoint && !t ? !0 : void 0
     )
   };
@@ -7212,15 +7212,15 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
     "menu-blur"
   ],
   setup(e, { expose: t, emit: n }) {
-    const a = n, r = e, l = q(null), s = N(() => {
+    const a = n, r = e, l = q(null), s = L(() => {
       const { openOnTop: T, ...ve } = r;
       return {
         ...ve,
-        isMobile: D.value,
+        isMobile: M.value,
         flowStep: W.value,
         menuWrapRef: l.value
       };
-    }), { setMenuFocused: c, setShiftKey: i, control: _ } = Xr(), v = gt(), { defaultedTextInput: p, defaultedInline: h, defaultedConfig: x, defaultedUI: R, handleEventPropagation: F } = ze(r), { isMobile: D } = ll(x, r.shadow), g = q(null), B = q(0), Y = q(null), V = q(!1), z = q(null), $ = q(!1), I = (T) => {
+    }), { setMenuFocused: c, setShiftKey: i, control: _ } = Xr(), v = gt(), { defaultedTextInput: p, defaultedInline: h, defaultedConfig: x, defaultedUI: R, handleEventPropagation: F } = ze(r), { isMobile: M } = ll(x, r.shadow), g = q(null), B = q(0), Y = q(null), V = q(!1), z = q(null), $ = q(!1), I = (T) => {
       $.value = !0, x.value.allowPreventDefault && T.preventDefault(), Ut(T, x.value, !0);
     };
     ut(() => {
@@ -7238,7 +7238,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
     const ae = () => {
       const T = et(Y);
       T && (B.value = T.getBoundingClientRect().width);
-    }, { arrowRight: j, arrowLeft: H, arrowDown: se, arrowUp: C } = Zt(), { flowStep: W, updateFlowStep: f, childMount: b, resetFlow: w, handleFlow: Q } = fd(r, a, z), ne = N(() => r.monthPicker ? gu : r.yearPicker ? wu : r.timePicker ? Ru : r.quarterPicker ? ed : Gu), M = N(() => {
+    }, { arrowRight: j, arrowLeft: H, arrowDown: se, arrowUp: C } = Zt(), { flowStep: W, updateFlowStep: f, childMount: b, resetFlow: w, handleFlow: Q } = fd(r, a, z), ne = L(() => r.monthPicker ? gu : r.yearPicker ? wu : r.timePicker ? Ru : r.quarterPicker ? ed : Gu), D = L(() => {
       var T;
       if (x.value.arrowLeft) return x.value.arrowLeft;
       const ve = (T = l.value) == null ? void 0 : T.getBoundingClientRect(), Oe = r.getInputRect();
@@ -7246,16 +7246,16 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
     }), Z = () => {
       const T = et(l);
       T && T.focus({ preventScroll: !0 });
-    }, S = N(() => {
+    }, S = L(() => {
       var T;
       return ((T = z.value) == null ? void 0 : T.getSidebarProps()) || {};
     }), pe = () => {
       r.openOnTop && a("recalculate-position");
-    }, y = bt(v, "action"), A = N(() => r.monthPicker || r.yearPicker ? bt(v, "monthYear") : r.timePicker ? bt(v, "timePicker") : bt(v, "shared")), U = N(() => r.openOnTop ? "dp__arrow_bottom" : "dp__arrow_top"), K = N(() => ({
+    }, y = bt(v, "action"), A = L(() => r.monthPicker || r.yearPicker ? bt(v, "monthYear") : r.timePicker ? bt(v, "timePicker") : bt(v, "shared")), U = L(() => r.openOnTop ? "dp__arrow_bottom" : "dp__arrow_top"), K = L(() => ({
       dp__menu_disabled: r.disabled,
       dp__menu_readonly: r.readonly,
       "dp-menu-loading": r.loading
-    })), o = N(
+    })), o = L(
       () => ({
         dp__menu: !0,
         dp__menu_index: !h.value.enabled,
@@ -7273,7 +7273,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
         if (T === pt.left) return H();
         if (T === pt.right) return j();
       } else T === pt.left || T === pt.up ? u("handleArrow", pt.left, 0, T === pt.up) : u("handleArrow", pt.right, 0, T === pt.down);
-    }, L = (T) => {
+    }, N = (T) => {
       i(T.shiftKey), !r.disableMonthYearSelect && T.code === Ee.tab && T.target.classList.contains("dp__menu") && _.value.shiftKeyInMenu && (T.preventDefault(), Ut(T, x.value, !0), a("close-picker"));
     }, ke = () => {
       Z(), a("time-picker-close");
@@ -7298,7 +7298,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
       T.preventDefault(), Ye(ve);
     }, Re = (T) => {
       var ve, Oe, tt;
-      if (L(T), T.key === Ee.home || T.key === Ee.end)
+      if (N(T), T.key === Ee.home || T.key === Ee.end)
         return u(
           "selectWeekDate",
           T.key === Ee.home,
@@ -7340,7 +7340,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
         role: d(h).enabled ? void 0 : "dialog",
         "aria-label": (Oe = T.ariaLabels) == null ? void 0 : Oe.menu,
         class: ce(o.value),
-        style: ot({ "--dp-arrow-left": M.value }),
+        style: ot({ "--dp-arrow-left": D.value }),
         onMouseleave: de,
         onClick: O,
         onKeydown: Re
@@ -7350,36 +7350,36 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
           class: ce(K.value)
         }, [
           T.loading ? (m(), k("div", ad, ve[19] || (ve[19] = [
-            ee("span", { class: "dp--menu-loader" }, null, -1)
+            te("span", { class: "dp--menu-loader" }, null, -1)
           ]))) : E("", !0)
         ], 2)) : E("", !0),
         T.$slots["menu-header"] ? (m(), k("div", nd, [
-          te(T.$slots, "menu-header")
+          ee(T.$slots, "menu-header")
         ])) : E("", !0),
         !d(h).enabled && !T.teleportCenter ? (m(), k("div", {
           key: 2,
           class: ce(U.value)
         }, null, 2)) : E("", !0),
-        ee("div", {
+        te("div", {
           ref_key: "innerMenuRef",
           ref: Y,
           class: ce({
             dp__menu_content_wrapper: ((tt = T.presetDates) == null ? void 0 : tt.length) || !!T.$slots["left-sidebar"] || !!T.$slots["right-sidebar"],
             "dp--menu-content-wrapper-collapsed": e.collapse && (((Pt = T.presetDates) == null ? void 0 : Pt.length) || !!T.$slots["left-sidebar"] || !!T.$slots["right-sidebar"])
           }),
-          "data-dp-mobile": d(D),
+          "data-dp-mobile": d(M),
           style: ot({ "--dp-menu-width": `${B.value}px` })
         }, [
           T.$slots["left-sidebar"] ? (m(), k("div", ld, [
-            te(T.$slots, "left-sidebar", st(mt(S.value)))
+            ee(T.$slots, "left-sidebar", st(mt(S.value)))
           ])) : E("", !0),
           T.presetDates.length ? (m(), k("div", {
             key: 1,
             class: ce({ "dp--preset-dates-collapsed": e.collapse, "dp--preset-dates": !0 }),
-            "data-dp-mobile": d(D)
+            "data-dp-mobile": d(M)
           }, [
             (m(!0), k(_e, null, Be(T.presetDates, (me, rt) => (m(), k(_e, { key: rt }, [
-              me.slot ? te(T.$slots, me.slot, {
+              me.slot ? ee(T.$slots, me.slot, {
                 key: 0,
                 presetDate: ue,
                 label: me.label,
@@ -7390,13 +7390,13 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
                 style: ot(me.style || {}),
                 class: ce(["dp__btn dp--preset-range", { "dp--preset-range-collapsed": e.collapse }]),
                 "data-test-id": me.testId ?? void 0,
-                "data-dp-mobile": d(D),
+                "data-dp-mobile": d(M),
                 onClick: Rt((At) => ue(me.value, me.noTz), ["prevent"]),
                 onKeydown: (At) => d(ft)(At, () => ue(me.value, me.noTz), !0)
               }, Pe(me.label), 47, sd))
             ], 64))), 128))
           ], 10, od)) : E("", !0),
-          ee("div", {
+          te("div", {
             ref_key: "calendarWrapperRef",
             ref: g,
             class: "dp__instance_calendar",
@@ -7433,16 +7433,16 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
               Be(A.value, (me, rt) => ({
                 name: me,
                 fn: be((At) => [
-                  te(T.$slots, me, st(mt({ ...At })))
+                  ee(T.$slots, me, st(mt({ ...At })))
                 ])
               }))
             ]), 1040, ["flow-step", "onMount", "onUpdateFlowStep", "onResetFlow"]))
           ], 512),
           T.$slots["right-sidebar"] ? (m(), k("div", id, [
-            te(T.$slots, "right-sidebar", st(mt(S.value)))
+            ee(T.$slots, "right-sidebar", st(mt(S.value)))
           ])) : E("", !0),
           T.$slots["action-extra"] ? (m(), k("div", ud, [
-            T.$slots["action-extra"] ? te(T.$slots, "action-extra", {
+            T.$slots["action-extra"] ? ee(T.$slots, "action-extra", {
               key: 0,
               selectCurrentDate: oe
             }) : E("", !0)
@@ -7461,7 +7461,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
           Be(d(y), (me, rt) => ({
             name: me,
             fn: be((At) => [
-              te(T.$slots, me, st(mt({ ...At })))
+              ee(T.$slots, me, st(mt({ ...At })))
             ])
           }))
         ]), 1040, ["menu-mount", "calendar-width"])) : E("", !0)
@@ -7498,13 +7498,13 @@ const dd = ({
     return { top: 0, left: 0 };
   }, F = (w, Q) => {
     p.value.left = `${w + Q - _.value.width}px`;
-  }, D = (w) => {
+  }, M = (w) => {
     p.value.left = `${w}px`;
   }, g = (w, Q) => {
-    s.position === ia.left && D(w), s.position === ia.right && F(w, Q), s.position === ia.center && (p.value.left = `${w + Q / 2 - _.value.width / 2}px`);
+    s.position === ia.left && M(w), s.position === ia.right && F(w, Q), s.position === ia.center && (p.value.left = `${w + Q / 2 - _.value.width / 2}px`);
   }, B = (w) => {
-    const { width: Q, height: ne } = w.getBoundingClientRect(), { top: M, left: Z } = R(w);
-    return { top: +M, left: +Z, width: Q, height: ne };
+    const { width: Q, height: ne } = w.getBoundingClientRect(), { top: D, left: Z } = R(w);
+    return { top: +D, left: +Z, width: Q, height: ne };
   }, Y = () => {
     p.value.left = "50%", p.value.top = "50%", p.value.transform = "translate(-50%, -50%)", p.value.position = "fixed", delete p.value.opacity;
   }, V = () => {
@@ -7524,18 +7524,18 @@ const dd = ({
   }, $ = ({ inputEl: w, left: Q, width: ne }) => {
     window.screen.width > 768 && !v.value && g(Q, ne), j(w);
   }, I = (w) => {
-    const { top: Q, left: ne, height: M, width: Z } = B(w);
-    p.value.top = `${M + Q + +s.offset}px`, h.value = !1, v.value || (p.value.left = `${ne + Z / 2 - _.value.width / 2}px`), $({ inputEl: w, left: ne, width: Z });
+    const { top: Q, left: ne, height: D, width: Z } = B(w);
+    p.value.top = `${D + Q + +s.offset}px`, h.value = !1, v.value || (p.value.left = `${ne + Z / 2 - _.value.width / 2}px`), $({ inputEl: w, left: ne, width: Z });
   }, ae = (w) => {
-    const { top: Q, left: ne, width: M } = B(w);
-    p.value.top = `${Q - +s.offset - _.value.height}px`, h.value = !0, $({ inputEl: w, left: ne, width: M });
+    const { top: Q, left: ne, width: D } = B(w);
+    p.value.top = `${Q - +s.offset - _.value.height}px`, h.value = !0, $({ inputEl: w, left: ne, width: D });
   }, j = (w) => {
     if (s.autoPosition) {
-      const { left: Q, width: ne } = B(w), { left: M, right: Z } = _.value;
+      const { left: Q, width: ne } = B(w), { left: D, right: Z } = _.value;
       if (!v.value) {
-        if (Math.abs(M) !== Math.abs(Z)) {
-          if (M <= 0)
-            return v.value = !0, D(Q);
+        if (Math.abs(D) !== Math.abs(Z)) {
+          if (D <= 0)
+            return v.value = !0, M(Q);
           if (Z >= document.documentElement.clientWidth)
             return v.value = !0, F(Q, ne);
         }
@@ -7547,7 +7547,7 @@ const dd = ({
     if (w) {
       if (s.autoPosition === Dt.top) return Dt.top;
       if (s.autoPosition === Dt.bottom) return Dt.bottom;
-      const { height: Q } = _.value, { top: ne, height: M } = w.getBoundingClientRect(), Z = window.innerHeight - ne - M, S = ne;
+      const { height: Q } = _.value, { top: ne, height: D } = w.getBoundingClientRect(), Z = window.innerHeight - ne - D, S = ne;
       return Q <= Z ? Dt.bottom : Q > Z && Q <= S ? Dt.top : Z >= S ? Dt.bottom : Dt.top;
     }
     return Dt.bottom;
@@ -7584,8 +7584,8 @@ const dd = ({
     setMenuPosition: z,
     getScrollableParent: f,
     shadowRender: (w, Q, ne) => {
-      var M, Z, S;
-      const pe = document.createElement("div"), y = (M = et(n)) == null ? void 0 : M.getBoundingClientRect();
+      var D, Z, S;
+      const pe = document.createElement("div"), y = (D = et(n)) == null ? void 0 : D.getBoundingClientRect();
       pe.setAttribute("id", "dp--temp-container");
       const A = (Z = a.value) != null && Z.clientWidth ? a.value : document.body;
       A.append(pe);
@@ -7663,12 +7663,12 @@ const dd = ({
     r.slot && a.push(r.slot);
   }), a;
 }, Sa = (e) => {
-  const t = N(() => (a) => e.value ? a ? e.value.open : e.value.close : ""), n = N(() => (a) => e.value ? a ? e.value.menuAppearTop : e.value.menuAppearBottom : "");
+  const t = L(() => (a) => e.value ? a ? e.value.open : e.value.close : ""), n = L(() => (a) => e.value ? a ? e.value.menuAppearTop : e.value.menuAppearBottom : "");
   return { transitionName: t, showTransition: !!e.value, menuTransition: n };
 }, Ra = (e, t, n) => {
   const { defaultedRange: a, defaultedTz: r } = ze(e), l = J(ht(J(), r.value.timezone)), s = q([{ month: Te(l), year: we(l) }]), c = (h) => {
     const x = {
-      hours: Nt(l),
+      hours: Lt(l),
       minutes: Qt(l),
       seconds: 0
     };
@@ -7685,14 +7685,14 @@ const dd = ({
     },
     { deep: !0 }
   );
-  const _ = N({
+  const _ = L({
     get: () => e.internalModelValue,
     set: (h) => {
       !e.readonly && !e.disabled && t("update:internal-model-value", h);
     }
-  }), v = N(
+  }), v = L(
     () => (h) => s.value[h] ? s.value[h].month : 0
-  ), p = N(
+  ), p = L(
     () => (h) => s.value[h] ? s.value[h].year : 0
   );
   return at(
@@ -7725,10 +7725,10 @@ const dd = ({
   }, R = (o) => Array.isArray(e.value) && i.value.enabled && e.value[0] && v.value ? o ? Ke(v.value, e.value[0]) : Ue(v.value, e.value[0]) : !0, F = (o, O) => {
     const ie = () => e.value ? O ? e.value[0] || null : e.value[1] : null, Ye = e.value && Array.isArray(e.value) ? ie() : null;
     return $e(J(o.value), Ye);
-  }, D = (o) => {
+  }, M = (o) => {
     const O = Array.isArray(e.value) ? e.value[0] : null;
     return o ? !Ue(v.value ?? null, O) : !0;
-  }, g = (o, O = !0) => (i.value.enabled || t.weekPicker) && Array.isArray(e.value) && e.value.length === 2 ? t.hideOffsetDates && !o.current ? !1 : $e(J(o.value), e.value[O ? 0 : 1]) : i.value.enabled ? F(o, O) && D(O) || $e(o.value, Array.isArray(e.value) ? e.value[0] : null) && R(O) : !1, B = (o, O) => {
+  }, g = (o, O = !0) => (i.value.enabled || t.weekPicker) && Array.isArray(e.value) && e.value.length === 2 ? t.hideOffsetDates && !o.current ? !1 : $e(J(o.value), e.value[O ? 0 : 1]) : i.value.enabled ? F(o, O) && M(O) || $e(o.value, Array.isArray(e.value) ? e.value[0] : null) && R(O) : !1, B = (o, O) => {
     if (Array.isArray(e.value) && e.value[0] && e.value.length === 1) {
       const ie = $e(o.value, v.value);
       return O ? Ke(e.value[0], o.value) && ie : Ue(e.value[0], o.value) && ie;
@@ -7765,7 +7765,7 @@ const dd = ({
       return !1;
     }
     return !1;
-  }, I = (o) => Pa(e.value, v.value, o.value), ae = () => t.modelAuto && Array.isArray(t.internalModelValue) ? !!t.internalModelValue[0] : !1, j = () => t.modelAuto ? Lr(t.internalModelValue) : !0, H = (o) => {
+  }, I = (o) => Pa(e.value, v.value, o.value), ae = () => t.modelAuto && Array.isArray(t.internalModelValue) ? !!t.internalModelValue[0] : !1, j = () => t.modelAuto ? Nr(t.internalModelValue) : !0, H = (o) => {
     if (t.weekPicker) return !1;
     const O = i.value.enabled ? !g(o) && !g(o, !1) : !0;
     return !_(o.value) && !Y(o) && !(!o.current && t.hideOffsetDates) && O;
@@ -7787,7 +7787,7 @@ const dd = ({
       return Pa([O, ie], e.value[0], o.value);
     }
     return !1;
-  }, ne = (o) => i.value.enabled && (i.value.maxRange || i.value.minRange) ? i.value.maxRange && i.value.minRange ? w(o) || Q(o) : i.value.maxRange ? w(o) : Q(o) : !1, M = (o) => {
+  }, ne = (o) => i.value.enabled && (i.value.maxRange || i.value.minRange) ? i.value.maxRange && i.value.minRange ? w(o) || Q(o) : i.value.maxRange ? w(o) : Q(o) : !1, D = (o) => {
     const { isRangeStart: O, isRangeEnd: ie } = y(o), Ye = i.value.enabled ? O || ie : !1;
     return {
       dp__cell_offset: !o.current,
@@ -7852,7 +7852,7 @@ const dd = ({
     setHoverDate: h,
     clearHoverDate: x,
     getDayClassData: (o) => t.hideOffsetDates && !o.current ? {} : {
-      ...M(o),
+      ...D(o),
       ...K(o),
       [t.dayClass ? t.dayClass(o.value, t.internalModelValue) : ""]: !0,
       ...r.value.calendarCell ?? {}
@@ -7860,23 +7860,23 @@ const dd = ({
   };
 }, Gt = (e) => {
   const { defaultedFilters: t, defaultedRange: n, propDates: a, defaultedMultiDates: r } = ze(e), l = (f) => a.value.disabledDates ? typeof a.value.disabledDates == "function" ? a.value.disabledDates(J(f)) : !!Wa(f, a.value.disabledDates) : !1, s = (f) => a.value.maxDate ? e.yearPicker ? we(f) > we(a.value.maxDate) : Ke(f, a.value.maxDate) : !1, c = (f) => a.value.minDate ? e.yearPicker ? we(f) < we(a.value.minDate) : Ue(f, a.value.minDate) : !1, i = (f) => {
-    const b = s(f), w = c(f), Q = l(f), ne = t.value.months.map((y) => +y).includes(Te(f)), M = e.disabledWeekDays.length ? e.disabledWeekDays.some((y) => +y === bs(f)) : !1, Z = x(f), S = we(f), pe = S < +e.yearRange[0] || S > +e.yearRange[1];
-    return !(b || w || Q || ne || pe || M || Z);
+    const b = s(f), w = c(f), Q = l(f), ne = t.value.months.map((y) => +y).includes(Te(f)), D = e.disabledWeekDays.length ? e.disabledWeekDays.some((y) => +y === bs(f)) : !1, Z = x(f), S = we(f), pe = S < +e.yearRange[0] || S > +e.yearRange[1];
+    return !(b || w || Q || ne || pe || D || Z);
   }, _ = (f, b) => Ue(...qt(a.value.minDate, f, b)) || $e(...qt(a.value.minDate, f, b)), v = (f, b) => Ke(...qt(a.value.maxDate, f, b)) || $e(...qt(a.value.maxDate, f, b)), p = (f, b, w) => {
     let Q = !1;
     return a.value.maxDate && w && v(f, b) && (Q = !0), a.value.minDate && !w && _(f, b) && (Q = !0), Q;
   }, h = (f, b, w, Q) => {
     let ne = !1;
     return Q && (a.value.minDate || a.value.maxDate) ? a.value.minDate && a.value.maxDate ? ne = p(f, b, w) : (a.value.minDate && _(f, b) || a.value.maxDate && v(f, b)) && (ne = !0) : ne = !0, ne;
-  }, x = (f) => Array.isArray(a.value.allowedDates) && !a.value.allowedDates.length ? !0 : a.value.allowedDates ? !Wa(f, a.value.allowedDates, Wr(e.monthPicker, e.yearPicker)) : !1, R = (f) => !i(f), F = (f) => n.value.noDisabledRange ? !Mr({ start: f[0], end: f[1] }).some((b) => R(b)) : !0, D = (f) => {
+  }, x = (f) => Array.isArray(a.value.allowedDates) && !a.value.allowedDates.length ? !0 : a.value.allowedDates ? !Wa(f, a.value.allowedDates, Wr(e.monthPicker, e.yearPicker)) : !1, R = (f) => !i(f), F = (f) => n.value.noDisabledRange ? !Mr({ start: f[0], end: f[1] }).some((b) => R(b)) : !0, M = (f) => {
     if (f) {
       const b = we(f);
       return b >= +e.yearRange[0] && b <= e.yearRange[1];
     }
     return !0;
-  }, g = (f, b) => !!(Array.isArray(f) && f[b] && (n.value.maxRange || n.value.minRange) && D(f[b])), B = (f, b, w = 0) => {
-    if (g(b, w) && D(f)) {
-      const Q = _r(f, b[w]), ne = jr(b[w], f), M = ne.length === 1 ? 0 : ne.filter((S) => R(S)).length, Z = Math.abs(Q) - (n.value.minMaxRawRange ? 0 : M);
+  }, g = (f, b) => !!(Array.isArray(f) && f[b] && (n.value.maxRange || n.value.minRange) && M(f[b])), B = (f, b, w = 0) => {
+    if (g(b, w) && M(f)) {
+      const Q = _r(f, b[w]), ne = jr(b[w], f), D = ne.length === 1 ? 0 : ne.filter((S) => R(S)).length, Z = Math.abs(Q) - (n.value.minMaxRawRange ? 0 : D);
       if (n.value.minRange && n.value.maxRange)
         return Z >= +n.value.minRange && Z <= +n.value.maxRange;
       if (n.value.minRange) return Z >= +n.value.minRange;
@@ -7884,10 +7884,10 @@ const dd = ({
     }
     return !0;
   }, Y = () => !e.enableTimePicker || e.monthPicker || e.yearPicker || e.ignoreTimeValidation, V = (f) => Array.isArray(f) ? [f[0] ? sn(f[0]) : null, f[1] ? sn(f[1]) : null] : sn(f), z = (f, b, w) => f.find(
-    (Q) => +Q.hours === Nt(b) && Q.minutes === "*" ? !0 : +Q.minutes === Qt(b) && +Q.hours === Nt(b)
+    (Q) => +Q.hours === Lt(b) && Q.minutes === "*" ? !0 : +Q.minutes === Qt(b) && +Q.hours === Lt(b)
   ) && w, $ = (f, b, w) => {
-    const [Q, ne] = f, [M, Z] = b;
-    return !z(Q, M, w) && !z(ne, Z, w) && w;
+    const [Q, ne] = f, [D, Z] = b;
+    return !z(Q, D, w) && !z(ne, Z, w) && w;
   }, I = (f, b) => {
     const w = Array.isArray(b) ? b : [b];
     return Array.isArray(e.disabledTimes) ? Array.isArray(e.disabledTimes[0]) ? $(e.disabledTimes, w, f) : !w.some((Q) => z(e.disabledTimes, Q, f)) : f;
@@ -7928,7 +7928,7 @@ const dd = ({
       b = Ue(w, Q) || $e(w, Q);
     }
     return b;
-  }, C = N(() => (f) => !e.enableTimePicker || e.ignoreTimeValidation ? !0 : H(f)), W = N(() => (f) => e.monthPicker ? Array.isArray(f) && (n.value.enabled || r.value.enabled) ? !f.filter((b) => !se(b)).length : se(f) : !0);
+  }, C = L(() => (f) => !e.enableTimePicker || e.ignoreTimeValidation ? !0 : H(f)), W = L(() => (f) => e.monthPicker ? Array.isArray(f) && (n.value.enabled || r.value.enabled) ? !f.filter((b) => !se(b)).length : se(f) : !0);
   return {
     isDisabled: R,
     validateDate: i,
@@ -7940,14 +7940,14 @@ const dd = ({
     isMonthValid: W
   };
 }, Qa = () => {
-  const e = N(() => (a, r) => a?.includes(r)), t = N(() => (a, r) => a.count ? a.solo ? !0 : r === 0 : !0), n = N(() => (a, r) => a.count ? a.solo ? !0 : r === a.count - 1 : !0);
+  const e = L(() => (a, r) => a?.includes(r)), t = L(() => (a, r) => a.count ? a.solo ? !0 : r === 0 : !0), n = L(() => (a, r) => a.count ? a.solo ? !0 : r === a.count - 1 : !0);
   return { hideNavigationButtons: e, showLeftIcon: t, showRightIcon: n };
 }, fd = (e, t, n) => {
   const a = q(0), r = Aa({
     [ea.timePicker]: !e.enableTimePicker || e.timePicker || e.monthPicker,
     [ea.calendar]: !1,
     [ea.header]: !1
-  }), l = N(() => e.monthPicker || e.timePicker), s = (p) => {
+  }), l = L(() => e.monthPicker || e.timePicker), s = (p) => {
     var h;
     if ((h = e.flow) != null && h.length) {
       if (!p && l.value) return v();
@@ -8009,7 +8009,7 @@ const dd = ({
       defaultedUI: p,
       getDefaultPattern: h,
       getDefaultStartTime: x
-    } = ze(r), { checkMinMaxRange: R } = Gt(r), F = q(), D = q(null), g = q(!1), B = q(!1), Y = N(
+    } = ze(r), { checkMinMaxRange: R } = Gt(r), F = q(), M = q(null), g = q(!1), B = q(!1), Y = L(
       () => ({
         dp__pointer: !r.disabled && !r.readonly && !l.value.enabled,
         dp__disabled: r.disabled,
@@ -8063,7 +8063,7 @@ const dd = ({
     }, C = () => {
       g.value = !0, a("focus"), je().then(() => {
         var S;
-        l.value.enabled && l.value.selectOnFocus && ((S = D.value) == null || S.select());
+        l.value.enabled && l.value.selectOnFocus && ((S = M.value) == null || S.select());
       });
     }, W = (S) => {
       if (Ut(S, i.value, !0), l.value.enabled && l.value.openMenu && !c.value.input) {
@@ -8083,21 +8083,21 @@ const dd = ({
       }
     }, ne = () => {
       var S;
-      (S = D.value) == null || S.focus({ preventScroll: !0 });
-    }, M = (S) => {
+      (S = M.value) == null || S.focus({ preventScroll: !0 });
+    }, D = (S) => {
       F.value = S;
     }, Z = (S) => {
       S.key === Ee.tab && se(S, !0);
     };
     return t({
       focusInput: ne,
-      setParsedDate: M
+      setParsedDate: D
     }), (S, pe) => {
       var y, A, U;
       return m(), k("div", { onClick: W }, [
-        S.$slots.trigger && !S.$slots["dp-input"] && !d(c).enabled ? te(S.$slots, "trigger", { key: 0 }) : E("", !0),
+        S.$slots.trigger && !S.$slots["dp-input"] && !d(c).enabled ? ee(S.$slots, "trigger", { key: 0 }) : E("", !0),
         !S.$slots.trigger && (!d(c).enabled || d(c).input) ? (m(), k("div", md, [
-          S.$slots["dp-input"] && !S.$slots.trigger && (!d(c).enabled || d(c).enabled && d(c).input) ? te(S.$slots, "dp-input", {
+          S.$slots["dp-input"] && !S.$slots.trigger && (!d(c).enabled || d(c).enabled && d(c).input) ? ee(S.$slots, "dp-input", {
             key: 0,
             value: e.inputValue,
             isMenuOpen: e.isMenuOpen,
@@ -8117,7 +8117,7 @@ const dd = ({
             key: 1,
             id: S.uid ? `dp-input-${S.uid}` : void 0,
             ref_key: "inputRef",
-            ref: D,
+            ref: M,
             "data-test-id": "dp-input",
             name: S.name,
             class: ce(Y.value),
@@ -8138,7 +8138,7 @@ const dd = ({
             onKeydown: pe[0] || (pe[0] = (K) => Q(K)),
             onPaste: I
           }, null, 42, hd)),
-          ee("div", {
+          te("div", {
             onClick: pe[3] || (pe[3] = (K) => a("toggle"))
           }, [
             S.$slots["input-icon"] && !S.hideInputIcon ? (m(), k("span", {
@@ -8146,7 +8146,7 @@ const dd = ({
               class: "dp__input_icon",
               onClick: pe[1] || (pe[1] = (K) => a("toggle"))
             }, [
-              te(S.$slots, "input-icon")
+              ee(S.$slots, "input-icon")
             ])) : E("", !0),
             !S.$slots["input-icon"] && !S.hideInputIcon && !S.$slots["dp-input"] ? (m(), De(d(wa), {
               key: 1,
@@ -8156,7 +8156,7 @@ const dd = ({
             }, null, 8, ["aria-label"])) : E("", !0)
           ]),
           S.$slots["clear-icon"] && (S.alwaysClearable || e.inputValue && S.clearable && !S.disabled && !S.readonly) ? (m(), k("span", yd, [
-            te(S.$slots, "clear-icon", { clear: b })
+            ee(S.$slots, "clear-icon", { clear: b })
           ])) : E("", !0),
           !S.$slots["clear-icon"] && (S.alwaysClearable || S.clearable && e.inputValue && !S.disabled && !S.readonly) ? (m(), k("button", {
             key: 3,
@@ -8166,7 +8166,7 @@ const dd = ({
             onKeydown: pe[4] || (pe[4] = (K) => d(ft)(K, () => b(K), !0, Z)),
             onClick: pe[5] || (pe[5] = Rt((K) => b(K), ["prevent"]))
           }, [
-            Le(d(Ir), {
+            Ne(d(Ir), {
               class: "dp__input_icons",
               "data-test-id": "clear-icon"
             })
@@ -8233,7 +8233,7 @@ const dd = ({
     "text-input"
   ],
   setup(e, { expose: t, emit: n }) {
-    const a = n, r = e, l = gt(), s = q(!1), c = Ta(r, "modelValue"), i = Ta(r, "timezone"), _ = q(null), v = q(null), p = q(null), h = q(!1), x = q(null), R = q(!1), F = q(!1), D = q(!1), g = q(!1), { setMenuFocused: B, setShiftKey: Y } = Xr(), { clearArrowNav: V } = Zt(), { validateDate: z, isValidTime: $ } = Gt(r), {
+    const a = n, r = e, l = gt(), s = q(!1), c = Ta(r, "modelValue"), i = Ta(r, "timezone"), _ = q(null), v = q(null), p = q(null), h = q(!1), x = q(null), R = q(!1), F = q(!1), M = q(!1), g = q(!1), { setMenuFocused: B, setShiftKey: Y } = Xr(), { clearArrowNav: V } = Zt(), { validateDate: z, isValidTime: $ } = Gt(r), {
       defaultedTransitions: I,
       defaultedTextInput: ae,
       defaultedInline: j,
@@ -8263,7 +8263,7 @@ const dd = ({
       },
       { deep: !0 }
     );
-    const { openOnTop: M, menuStyle: Z, xCorrect: S, setMenuPosition: pe, getScrollableParent: y, shadowRender: A } = dd({
+    const { openOnTop: D, menuStyle: Z, xCorrect: S, setMenuPosition: pe, getScrollableParent: y, shadowRender: A } = dd({
       menuRef: _,
       menuRefInner: v,
       inputRef: p,
@@ -8279,19 +8279,19 @@ const dd = ({
       emitModelValue: O,
       formatInputValue: ie,
       checkBeforeEmit: Ye
-    } = lu(a, r, h), L = N(
+    } = lu(a, r, h), N = L(
       () => ({
         dp__main: !0,
         dp__theme_dark: r.dark,
         dp__theme_light: !r.dark,
         dp__flex_display: j.value.enabled,
-        "dp--flex-display-collapsed": D.value,
+        "dp--flex-display-collapsed": M.value,
         dp__flex_display_with_input: j.value.input
       })
-    ), ke = N(() => r.dark ? "dp__theme_dark" : "dp__theme_light"), X = N(() => r.teleport ? {
+    ), ke = L(() => r.dark ? "dp__theme_dark" : "dp__theme_light"), X = L(() => r.teleport ? {
       to: typeof r.teleport == "boolean" ? "body" : r.teleport,
       disabled: !r.teleport || j.value.enabled
-    } : {}), le = N(() => ({ class: "dp__outer_menu_wrap" })), u = N(() => j.value.enabled && (r.timePicker || r.monthPicker || r.yearPicker || r.quarterPicker)), oe = () => {
+    } : {}), le = L(() => ({ class: "dp__outer_menu_wrap" })), u = L(() => j.value.enabled && (r.timePicker || r.monthPicker || r.yearPicker || r.quarterPicker)), oe = () => {
       var G, fe;
       return ((fe = (G = p.value) == null ? void 0 : G.$el) == null ? void 0 : fe.getBoundingClientRect()) ?? { width: 0, left: 0, right: 0 };
     }, ue = () => {
@@ -8300,7 +8300,7 @@ const dd = ({
       var G;
       s.value && pe();
       const fe = ((G = v.value) == null ? void 0 : G.$el.getBoundingClientRect().width) ?? 0;
-      D.value = document.body.offsetWidth <= fe;
+      M.value = document.body.offsetWidth <= fe;
     }, Ce = (G) => {
       G.key === "Tab" && !j.value.enabled && !r.teleport && H.value.tabOutClosesMenu && (x.value.contains(document.activeElement) || rt()), F.value = G.shiftKey;
     }, Me = (G) => {
@@ -8384,11 +8384,11 @@ const dd = ({
     }), (G, fe) => (m(), k("div", {
       ref_key: "pickerWrapperRef",
       ref: x,
-      class: ce(L.value),
+      class: ce(N.value),
       "data-datepicker-instance": "",
       "data-dp-mobile": d(b)
     }, [
-      Le(bd, Fe({
+      Ne(bd, Fe({
         ref_key: "inputRef",
         ref: p,
         "input-value": d(U),
@@ -8410,14 +8410,14 @@ const dd = ({
         Be(d(ne), (he, It) => ({
           name: he,
           fn: be((Ot) => [
-            te(G.$slots, he, st(mt(Ot)))
+            ee(G.$slots, he, st(mt(Ot)))
           ])
         }))
       ]), 1040, ["input-value", "is-menu-open", "onSetEmptyDate"]),
       (m(), De(ya(G.teleport ? ul : "div"), st(mt(X.value)), {
         default: be(() => [
-          Le(ba, {
-            name: d(W)(d(M)),
+          Ne(ba, {
+            name: d(W)(d(D)),
             css: d(f) && !d(j).enabled
           }, {
             default: be(() => [
@@ -8429,16 +8429,16 @@ const dd = ({
                 class: { "dp--menu-wrapper": !d(j).enabled },
                 style: d(j).enabled ? void 0 : d(Z)
               }), [
-                Le(vr, Fe({
+                Ne(vr, Fe({
                   ref_key: "dpMenuRef",
                   ref: v
                 }, G.$props, {
                   "internal-model-value": d(K),
                   "onUpdate:internalModelValue": fe[3] || (fe[3] = (he) => Wn(K) ? K.value = he : null),
                   class: { [ke.value]: !0, "dp--menu-wrapper": G.teleport },
-                  "open-on-top": d(M),
+                  "open-on-top": d(D),
                   "no-overlay-focus": u.value,
-                  collapse: D.value,
+                  collapse: M.value,
                   "get-input-rect": oe,
                   "is-text-input-date": g.value,
                   onClosePicker: rt,
@@ -8466,7 +8466,7 @@ const dd = ({
                   Be(d(Q), (he, It) => ({
                     name: he,
                     fn: be((Ot) => [
-                      te(G.$slots, he, st(mt({ ...Ot })))
+                      ee(G.$slots, he, st(mt({ ...Ot })))
                     ])
                   }))
                 ]), 1040, ["internal-model-value", "class", "open-on-top", "no-overlay-focus", "collapse", "is-text-input-date", "onRecalculatePosition"])
@@ -8518,11 +8518,11 @@ const pr = (e) => {
 }, Td = {}, $d = { class: "ui-kit circular-loader" };
 function Pd(e, t) {
   return m(), k("div", $d, t[0] || (t[0] = [
-    ee("svg", {
+    te("svg", {
       class: "circular",
       viewBox: "25 25 50 50"
     }, [
-      ee("circle", {
+      te("circle", {
         class: "path",
         cx: "50",
         cy: "50",
@@ -8552,7 +8552,7 @@ const Ad = /* @__PURE__ */ We(Td, [["render", Pd], ["__scopeId", "data-v-3cecf31
         loading: () => t.loading
       },
       attrs: n
-    }), r = N(() => {
+    }), r = L(() => {
       const { class: l, ...s } = n;
       return s;
     });
@@ -8560,11 +8560,11 @@ const Ad = /* @__PURE__ */ We(Td, [["render", Pd], ["__scopeId", "data-v-3cecf31
       class: d(a),
       disabled: t.disabled || t.loading
     }, r.value), [
-      ee("span", {
+      te("span", {
         class: ce(["ui-kit-typo-subtitle-secondary", "ui-kit-button__content"]),
         style: ot({ visibility: t.loading ? "hidden" : "visible" })
       }, [
-        te(l.$slots, "default", {}, void 0, !0)
+        ee(l.$slots, "default", {}, void 0, !0)
       ], 4),
       t.loading ? (m(), De(Ad, {
         key: 0,
@@ -8575,7 +8575,7 @@ const Ad = /* @__PURE__ */ We(Td, [["render", Pd], ["__scopeId", "data-v-3cecf31
 }), fr = /* @__PURE__ */ We(Yd, [["__scopeId", "data-v-10dde4ce"]]), Sd = {
   key: 0,
   class: "menu-header-container"
-}, Rd = ["onClick"], Vd = { class: "action-row" }, Bd = { class: "action-row-left" }, Hd = { class: "date-display" }, Id = { class: "typo-p-error" }, Fd = { class: "action-row-right" }, Kc = /* @__PURE__ */ Ae({
+}, Rd = ["onClick"], Vd = { class: "action-row" }, Bd = { class: "action-row-left" }, Hd = { class: "date-display" }, Id = { class: "typo-p-error" }, Fd = { class: "action-row-right" }, Xc = /* @__PURE__ */ Ae({
   __name: "DatePicker",
   props: /* @__PURE__ */ ca({
     teleport: { type: Boolean, default: !0 },
@@ -8713,12 +8713,12 @@ const Ad = /* @__PURE__ */ We(Td, [["render", Pd], ["__scopeId", "data-v-3cecf31
         title: "Last Year",
         getValue: () => {
           const C = new Date((/* @__PURE__ */ new Date()).getFullYear() - 1, 0, 1);
-          return [aa(C), La(C)];
+          return [aa(C), Na(C)];
         }
       },
       {
         title: "This Year",
-        getValue: () => [aa(/* @__PURE__ */ new Date()), La(/* @__PURE__ */ new Date())]
+        getValue: () => [aa(/* @__PURE__ */ new Date()), Na(/* @__PURE__ */ new Date())]
       }
     ], F = ([C, W]) => {
       if (!C || !W || !(C instanceof Date) || !(W instanceof Date) || isNaN(C.getTime()) || isNaN(W.getTime())) {
@@ -8729,7 +8729,7 @@ const Ad = /* @__PURE__ */ We(Td, [["render", Pd], ["__scopeId", "data-v-3cecf31
         month: C.getMonth(),
         year: C.getFullYear()
       });
-    }, D = (C) => {
+    }, M = (C) => {
       if (!C) return "";
       const W = (f, b = !0) => !f || !(f instanceof Date) || isNaN(f.getTime()) ? "" : `${f.getDate()} ${f.toLocaleString("en-US", {
         month: "short"
@@ -8765,7 +8765,7 @@ const Ad = /* @__PURE__ */ We(Td, [["render", Pd], ["__scopeId", "data-v-3cecf31
       }
     }, Y = () => {
       z.value = !1, s.value && typeof s.value.closeMenu == "function" && s.value.closeMenu();
-    }, V = q("calendar"), z = q(!1), $ = N(() => a.size === "large" ? "input-height-large" : "input-height-default"), I = () => {
+    }, V = q("calendar"), z = q(!1), $ = L(() => a.size === "large" ? "input-height-large" : "input-height-default"), I = () => {
       s.value && typeof s.value.switchView == "function" && (V.value = V.value === "calendar" ? "time" : "calendar", s.value.switchView(V.value), je(() => {
         const C = document.querySelector(
           '[aria-label="Close time Picker"]'
@@ -8839,7 +8839,7 @@ const Ad = /* @__PURE__ */ We(Td, [["render", Pd], ["__scopeId", "data-v-3cecf31
     }, {
       "menu-header": be(() => [
         a.isRange ? (m(), k("div", Sd, [
-          (m(), k(_e, null, Be(R, (f, b) => ee("button", {
+          (m(), k(_e, null, Be(R, (f, b) => te("button", {
             key: b,
             class: "filter-button",
             onClick: (w) => F(f.getValue())
@@ -8847,23 +8847,23 @@ const Ad = /* @__PURE__ */ We(Td, [["render", Pd], ["__scopeId", "data-v-3cecf31
         ])) : E("", !0)
       ]),
       "action-row": be(({ internalModelValue: f, selectDate: b }) => [
-        ee("div", Vd, [
-          ee("div", Bd, [
-            ee("button", {
+        te("div", Vd, [
+          te("div", Bd, [
+            te("button", {
               class: "switch-view-button",
               onClick: I
             }, [
-              Le(wt, {
+              Ne(wt, {
                 name: V.value === "calendar" ? "clock-white" : "calendar-white",
                 class: "switch-icon svg-icon"
               }, null, 8, ["name"])
             ]),
-            ee("div", Hd, [
-              ee("p", Id, Pe(D(f)), 1)
+            te("div", Hd, [
+              te("p", Id, Pe(M(f)), 1)
             ])
           ]),
-          ee("div", Fd, [
-            Le(fr, {
+          te("div", Fd, [
+            Ne(fr, {
               size: "medium",
               type: "outline",
               class: "cancel-button",
@@ -8876,7 +8876,7 @@ const Ad = /* @__PURE__ */ We(Td, [["render", Pd], ["__scopeId", "data-v-3cecf31
               _: 1,
               __: [1]
             }),
-            Le(fr, {
+            Ne(fr, {
               size: "medium",
               onClick: (w) => g(b)
             }, {
@@ -8890,14 +8890,14 @@ const Ad = /* @__PURE__ */ We(Td, [["render", Pd], ["__scopeId", "data-v-3cecf31
         ])
       ]),
       "dp-input": be(() => [
-        ee("div", {
+        te("div", {
           class: ce(["date-input-wrapper", [$.value, { active: z.value }]])
         }, [
-          Le(wt, {
+          Ne(wt, {
             name: "calendar-default",
             class: "calendar-icon"
           }),
-          ee("p", {
+          te("p", {
             class: ce(["date-input-text", [
               v.value ? "date-input-text-filled" : "date-input-text-placeholder"
             ]])
@@ -8907,7 +8907,7 @@ const Ad = /* @__PURE__ */ We(Td, [["render", Pd], ["__scopeId", "data-v-3cecf31
       _: 1
     }, 8, ["modelValue", "range", "format", "clearable", "teleport", "dark"]));
   }
-}), Ld = ["disabled"], Nd = /* @__PURE__ */ Ae({
+}), Nd = ["disabled"], Ld = /* @__PURE__ */ Ae({
   inheritAttrs: !1,
   __name: "CLinkButton",
   props: {
@@ -8922,7 +8922,7 @@ const Ad = /* @__PURE__ */ We(Td, [["render", Pd], ["__scopeId", "data-v-3cecf31
         disabled: () => t.disabled
       },
       attrs: n
-    }), r = N(() => {
+    }), r = L(() => {
       const { class: l, ...s } = n;
       return s;
     });
@@ -8930,12 +8930,12 @@ const Ad = /* @__PURE__ */ We(Td, [["render", Pd], ["__scopeId", "data-v-3cecf31
       class: ["ui-kit-typo-text-link", d(a)],
       disabled: t.disabled
     }, r.value), [
-      te(l.$slots, "icon-left", {}, void 0, !0),
-      te(l.$slots, "default", {}, void 0, !0),
-      te(l.$slots, "icon-right", {}, void 0, !0)
-    ], 16, Ld));
+      ee(l.$slots, "icon-left", {}, void 0, !0),
+      ee(l.$slots, "default", {}, void 0, !0),
+      ee(l.$slots, "icon-right", {}, void 0, !0)
+    ], 16, Nd));
   }
-}), Xc = /* @__PURE__ */ We(Nd, [["__scopeId", "data-v-c119d30f"]]), Ed = ["for"], Wd = ["id", "disabled"], zd = { class: "ui-kit-checkbox__box" }, qd = /* @__PURE__ */ Ae({
+}), Jc = /* @__PURE__ */ We(Ld, [["__scopeId", "data-v-c119d30f"]]), Ed = ["for"], Wd = ["id", "disabled"], zd = { class: "ui-kit-checkbox__box" }, qd = /* @__PURE__ */ Ae({
   inheritAttrs: !1,
   __name: "CCheckbox",
   props: /* @__PURE__ */ ca({
@@ -8963,7 +8963,7 @@ const Ad = /* @__PURE__ */ We(Td, [["render", Pd], ["__scopeId", "data-v-3cecf31
         [t.size]: !0
       },
       attrs: n
-    }), c = N(() => {
+    }), c = L(() => {
       const { class: i, checked: _, ...v } = n;
       return v;
     });
@@ -8971,7 +8971,7 @@ const Ad = /* @__PURE__ */ We(Td, [["render", Pd], ["__scopeId", "data-v-3cecf31
       class: ce(d(s)),
       for: r.value
     }, [
-      xt(ee("input", Fe({
+      xt(te("input", Fe({
         id: r.value,
         type: "checkbox",
         "onUpdate:modelValue": _[0] || (_[0] = (v) => a.value = v),
@@ -8982,16 +8982,16 @@ const Ad = /* @__PURE__ */ We(Td, [["render", Pd], ["__scopeId", "data-v-3cecf31
       }), null, 16, Wd), [
         [hl, a.value]
       ]),
-      ee("div", zd, [
+      te("div", zd, [
         a.value ? (m(), De(hr, {
           key: 0,
           class: "ui-kit-checkbox__icon"
         })) : E("", !0)
       ]),
-      te(i.$slots, "default", {}, void 0, !0)
+      ee(i.$slots, "default", {}, void 0, !0)
     ], 10, Ed));
   }
-}), Jc = /* @__PURE__ */ We(qd, [["__scopeId", "data-v-f1250d8b"]]), Ud = {
+}), ev = /* @__PURE__ */ We(qd, [["__scopeId", "data-v-f1250d8b"]]), Ud = {
   key: 0,
   class: "ui-kit-input__header"
 }, jd = {
@@ -9020,10 +9020,10 @@ const Ad = /* @__PURE__ */ We(Td, [["render", Pd], ["__scopeId", "data-v-3cecf31
   },
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
-    const n = e, a = Ht(), r = gt(), l = t, s = q(!1), c = N({
+    const n = e, a = Ht(), r = gt(), l = t, s = q(!1), c = L({
       get: () => n.modelValue,
       set: (g) => l("update:modelValue", g)
-    }), i = N(() => !!r["icon-left"]), _ = N(() => !!r["icon-right"]), v = nt({
+    }), i = L(() => !!r["icon-left"]), _ = L(() => !!r["icon-right"]), v = nt({
       base: "ui-kit ui-kit-input",
       modifiers: {
         error: !!n.errors
@@ -9041,7 +9041,7 @@ const Ad = /* @__PURE__ */ We(Td, [["render", Pd], ["__scopeId", "data-v-3cecf31
         error: !!n.errors
       },
       extra: n.inputClass
-    }), x = N(() => {
+    }), x = L(() => {
       const {
         inputClass: g,
         ...B
@@ -9051,21 +9051,21 @@ const Ad = /* @__PURE__ */ We(Td, [["render", Pd], ["__scopeId", "data-v-3cecf31
       s.value = !0;
     }, F = () => {
       s.value = !1;
-    }, D = N(() => Array.isArray(n.errors) ? n.errors.join(", ") : n.errors);
+    }, M = L(() => Array.isArray(n.errors) ? n.errors.join(", ") : n.errors);
     return (g, B) => (m(), k("div", {
       class: ce(d(v))
     }, [
       g.label || d(r)?.["header-slot"] ? (m(), k("div", Ud, [
         g.label ? (m(), k("label", jd, Pe(g.label), 1)) : E("", !0),
-        te(g.$slots, "header-slot", {}, void 0, !0)
+        ee(g.$slots, "header-slot", {}, void 0, !0)
       ])) : E("", !0),
-      ee("div", {
+      te("div", {
         class: ce(d(p))
       }, [
         i.value ? (m(), k("span", Qd, [
-          te(g.$slots, "icon-left", {}, void 0, !0)
+          ee(g.$slots, "icon-left", {}, void 0, !0)
         ])) : E("", !0),
-        xt(ee("input", Fe({
+        xt(te("input", Fe({
           "onUpdate:modelValue": B[0] || (B[0] = (Y) => c.value = Y),
           type: g.type,
           placeholder: g.placeholder,
@@ -9078,13 +9078,13 @@ const Ad = /* @__PURE__ */ We(Td, [["render", Pd], ["__scopeId", "data-v-3cecf31
           [Dn, c.value]
         ]),
         _.value ? (m(), k("span", Gd, [
-          te(g.$slots, "icon-right", {}, void 0, !0)
+          ee(g.$slots, "icon-right", {}, void 0, !0)
         ])) : E("", !0)
       ], 2),
-      g.errors ? (m(), k("div", Kd, Pe(D.value), 1)) : E("", !0)
+      g.errors ? (m(), k("div", Kd, Pe(M.value), 1)) : E("", !0)
     ], 2));
   }
-}), ev = /* @__PURE__ */ We(Xd, [["__scopeId", "data-v-ee8eaeaa"]]), Jd = {
+}), tv = /* @__PURE__ */ We(Xd, [["__scopeId", "data-v-ee8eaeaa"]]), Jd = {
   key: 0,
   class: "ui-kit-input__header"
 }, ec = {
@@ -9109,10 +9109,10 @@ const Ad = /* @__PURE__ */ We(Td, [["render", Pd], ["__scopeId", "data-v-3cecf31
   },
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
-    const n = e, a = Ht(), r = gt(), l = t, s = q(!1), c = q(!1), i = N({
+    const n = e, a = Ht(), r = gt(), l = t, s = q(!1), c = q(!1), i = L({
       get: () => n.modelValue,
       set: (Y) => l("update:modelValue", Y)
-    }), _ = N(() => c.value ? "text" : "password"), v = N(() => !!r["icon-left"]), p = nt({
+    }), _ = L(() => c.value ? "text" : "password"), v = L(() => !!r["icon-left"]), p = nt({
       base: "ui-kit ui-kit-input",
       modifiers: {
         error: !!n.errors
@@ -9130,7 +9130,7 @@ const Ad = /* @__PURE__ */ We(Td, [["render", Pd], ["__scopeId", "data-v-3cecf31
         error: !!n.errors
       },
       extra: n.inputClass
-    }), R = N(() => {
+    }), R = L(() => {
       const {
         inputClass: Y,
         ...V
@@ -9138,25 +9138,25 @@ const Ad = /* @__PURE__ */ We(Td, [["render", Pd], ["__scopeId", "data-v-3cecf31
       return V;
     }), F = () => {
       s.value = !0;
-    }, D = () => {
+    }, M = () => {
       s.value = !1;
     }, g = () => {
       n.disabled || (c.value = !c.value);
-    }, B = N(() => Array.isArray(n.errors) ? n.errors.join(", ") : n.errors);
+    }, B = L(() => Array.isArray(n.errors) ? n.errors.join(", ") : n.errors);
     return (Y, V) => (m(), k("div", {
       class: ce(d(p))
     }, [
       Y.label || d(r)?.["header-slot"] ? (m(), k("div", Jd, [
         Y.label ? (m(), k("label", ec, Pe(Y.label), 1)) : E("", !0),
-        te(Y.$slots, "header-slot", {}, void 0, !0)
+        ee(Y.$slots, "header-slot", {}, void 0, !0)
       ])) : E("", !0),
-      ee("div", {
+      te("div", {
         class: ce(d(h))
       }, [
         v.value ? (m(), k("span", tc, [
-          te(Y.$slots, "icon-left", {}, void 0, !0)
+          ee(Y.$slots, "icon-left", {}, void 0, !0)
         ])) : E("", !0),
-        xt(ee("input", Fe({
+        xt(te("input", Fe({
           "onUpdate:modelValue": V[0] || (V[0] = (z) => i.value = z),
           type: _.value,
           placeholder: Y.placeholder,
@@ -9164,28 +9164,28 @@ const Ad = /* @__PURE__ */ We(Td, [["render", Pd], ["__scopeId", "data-v-3cecf31
           class: ["ui-kit-typo-subtitle-secondary", d(x)]
         }, R.value, {
           onFocus: F,
-          onBlur: D
+          onBlur: M
         }), null, 16, ac), [
           [Dn, i.value]
         ]),
-        ee("button", {
+        te("button", {
           type: "button",
           class: ce(["ui-kit-input__toggle-password", { "ui-kit-input__toggle-password_disabled": n.disabled }]),
           disabled: n.disabled,
           onClick: g,
           tabindex: "0"
         }, [
-          c.value ? te(Y.$slots, "toggle-icon-show", { key: 0 }, () => [
-            Le(wt, { name: "eye" })
-          ], !0) : te(Y.$slots, "toggle-icon-hide", { key: 1 }, () => [
-            Le(wt, { name: "eye-slash" })
+          c.value ? ee(Y.$slots, "toggle-icon-show", { key: 0 }, () => [
+            Ne(wt, { name: "eye" })
+          ], !0) : ee(Y.$slots, "toggle-icon-hide", { key: 1 }, () => [
+            Ne(wt, { name: "eye-slash" })
           ], !0)
         ], 10, nc)
       ], 2),
       Y.errors ? (m(), k("div", rc, Pe(B.value), 1)) : E("", !0)
     ], 2));
   }
-}), tv = /* @__PURE__ */ We(lc, [["__scopeId", "data-v-fef5065e"]]), oc = {
+}), av = /* @__PURE__ */ We(lc, [["__scopeId", "data-v-fef5065e"]]), oc = {
   key: 0,
   class: "ui-kit-input__header"
 }, sc = {
@@ -9212,10 +9212,10 @@ const Ad = /* @__PURE__ */ We(Td, [["render", Pd], ["__scopeId", "data-v-3cecf31
   },
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
-    const n = e, a = Ht(), r = gt(), l = t, s = q(!1), c = N({
+    const n = e, a = Ht(), r = gt(), l = t, s = q(!1), c = L({
       get: () => n.modelValue,
       set: (g) => l("update:modelValue", g)
-    }), i = N(() => {
+    }), i = L(() => {
       const g = n.modelValue;
       return g != null && g !== "";
     }), _ = nt({
@@ -9237,7 +9237,7 @@ const Ad = /* @__PURE__ */ We(Td, [["render", Pd], ["__scopeId", "data-v-3cecf31
         error: !!n.errors
       },
       extra: n.inputClass
-    }), h = N(() => {
+    }), h = L(() => {
       const {
         inputClass: g,
         ...B
@@ -9249,18 +9249,18 @@ const Ad = /* @__PURE__ */ We(Td, [["render", Pd], ["__scopeId", "data-v-3cecf31
       s.value = !1;
     }, F = () => {
       n.disabled || l("update:modelValue", "");
-    }, D = N(() => Array.isArray(n.errors) ? n.errors.join(", ") : n.errors);
+    }, M = L(() => Array.isArray(n.errors) ? n.errors.join(", ") : n.errors);
     return (g, B) => (m(), k("div", {
       class: ce(d(_))
     }, [
       g.label || d(r)?.["header-slot"] ? (m(), k("div", oc, [
         g.label ? (m(), k("label", sc, Pe(g.label), 1)) : E("", !0),
-        te(g.$slots, "header-slot", {}, void 0, !0)
+        ee(g.$slots, "header-slot", {}, void 0, !0)
       ])) : E("", !0),
-      ee("div", {
+      te("div", {
         class: ce(d(v))
       }, [
-        xt(ee("input", Fe({
+        xt(te("input", Fe({
           "onUpdate:modelValue": B[0] || (B[0] = (Y) => c.value = Y),
           type: g.type,
           placeholder: g.placeholder,
@@ -9283,19 +9283,19 @@ const Ad = /* @__PURE__ */ We(Td, [["render", Pd], ["__scopeId", "data-v-3cecf31
           onClick: F,
           tabindex: "0"
         }, [
-          te(g.$slots, "clear-icon", {}, () => [
-            Le(wt, { name: "x-mark" })
+          ee(g.$slots, "clear-icon", {}, () => [
+            Ne(wt, { name: "x-mark" })
           ], !0)
         ], 10, uc)) : (m(), k("span", dc, [
-          te(g.$slots, "search-icon", {}, () => [
-            Le(wt, { name: "search" })
+          ee(g.$slots, "search-icon", {}, () => [
+            Ne(wt, { name: "search" })
           ], !0)
         ]))
       ], 2),
-      g.errors ? (m(), k("div", cc, Pe(D.value), 1)) : E("", !0)
+      g.errors ? (m(), k("div", cc, Pe(M.value), 1)) : E("", !0)
     ], 2));
   }
-}), av = /* @__PURE__ */ We(vc, [["__scopeId", "data-v-2d307238"]]), pc = {
+}), nv = /* @__PURE__ */ We(vc, [["__scopeId", "data-v-2d307238"]]), pc = {
   key: 0,
   class: "ui-kit-textarea__header"
 }, fc = {
@@ -9319,9 +9319,9 @@ const Ad = /* @__PURE__ */ We(Td, [["render", Pd], ["__scopeId", "data-v-3cecf31
   },
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
-    const n = e, a = Ht(), r = gt(), l = t, s = q(!1), c = N({
+    const n = e, a = Ht(), r = gt(), l = t, s = q(!1), c = L({
       get: () => n.modelValue,
-      set: (D) => l("update:modelValue", D)
+      set: (M) => l("update:modelValue", M)
     }), i = nt({
       base: "ui-kit ui-kit-textarea",
       modifiers: {
@@ -9340,11 +9340,11 @@ const Ad = /* @__PURE__ */ We(Td, [["render", Pd], ["__scopeId", "data-v-3cecf31
         error: !!n.errors
       },
       extra: n.inputClass
-    }), p = N(() => ({
+    }), p = L(() => ({
       resize: n.resizable ? "vertical" : "none"
-    })), h = N(() => {
+    })), h = L(() => {
       const {
-        inputClass: D,
+        inputClass: M,
         ...g
       } = a;
       return g;
@@ -9352,22 +9352,22 @@ const Ad = /* @__PURE__ */ We(Td, [["render", Pd], ["__scopeId", "data-v-3cecf31
       s.value = !0;
     }, R = () => {
       s.value = !1;
-    }, F = N(() => Array.isArray(n.errors) ? n.errors.join(", ") : n.errors);
-    return (D, g) => (m(), k("div", {
+    }, F = L(() => Array.isArray(n.errors) ? n.errors.join(", ") : n.errors);
+    return (M, g) => (m(), k("div", {
       class: ce(d(i))
     }, [
-      D.label || d(r)?.["header-slot"] ? (m(), k("div", pc, [
-        D.label ? (m(), k("label", fc, Pe(D.label), 1)) : E("", !0),
-        te(D.$slots, "header-slot", {}, void 0, !0)
+      M.label || d(r)?.["header-slot"] ? (m(), k("div", pc, [
+        M.label ? (m(), k("label", fc, Pe(M.label), 1)) : E("", !0),
+        ee(M.$slots, "header-slot", {}, void 0, !0)
       ])) : E("", !0),
-      ee("div", {
+      te("div", {
         class: ce(d(_))
       }, [
-        xt(ee("textarea", Fe({
+        xt(te("textarea", Fe({
           "onUpdate:modelValue": g[0] || (g[0] = (B) => c.value = B),
-          placeholder: D.placeholder,
+          placeholder: M.placeholder,
           disabled: n.disabled,
-          rows: D.rows,
+          rows: M.rows,
           class: ["ui-kit-typo-subtitle-secondary", d(v)],
           style: p.value
         }, h.value, {
@@ -9377,10 +9377,10 @@ const Ad = /* @__PURE__ */ We(Td, [["render", Pd], ["__scopeId", "data-v-3cecf31
           [mr, c.value]
         ])
       ], 2),
-      D.errors ? (m(), k("div", hc, Pe(F.value), 1)) : E("", !0)
+      M.errors ? (m(), k("div", hc, Pe(F.value), 1)) : E("", !0)
     ], 2));
   }
-}), nv = /* @__PURE__ */ We(yc, [["__scopeId", "data-v-e7868f00"]]), gc = { class: "ui-kit ui-kit-data-placeholder" }, bc = { class: "ui-kit-data-placeholder__content" }, wc = {
+}), rv = /* @__PURE__ */ We(yc, [["__scopeId", "data-v-e7868f00"]]), gc = { class: "ui-kit ui-kit-data-placeholder" }, bc = { class: "ui-kit-data-placeholder__content" }, wc = {
   key: 0,
   class: /* @__PURE__ */ ce(["ui-kit-typo-paragraph-primary", "ui-kit-data-placeholder__subtitle"])
 }, _c = /* @__PURE__ */ Ae({
@@ -9392,26 +9392,26 @@ const Ad = /* @__PURE__ */ We(Td, [["render", Pd], ["__scopeId", "data-v-3cecf31
   setup(e) {
     const t = gt();
     return (n, a) => (m(), k("div", gc, [
-      ee("div", {
+      te("div", {
         class: ce(["ui-kit-data-placeholder__icon", n.iconClass])
       }, [
-        te(n.$slots, "icon", {}, void 0, !0)
+        ee(n.$slots, "icon", {}, void 0, !0)
       ], 2),
-      ee("div", bc, [
-        ee("span", {
+      te("div", bc, [
+        te("span", {
           class: ce(["ui-kit-typo-subtitle-primary", "ui-kit-data-placeholder__text", n.textClass])
         }, [
-          te(n.$slots, "default", {}, () => [
+          ee(n.$slots, "default", {}, () => [
             a[0] || (a[0] = yt("No data", -1))
           ], !0)
         ], 2),
         d(t).subtitle ? (m(), k("span", wc, [
-          te(n.$slots, "subtitle", {}, void 0, !0)
+          ee(n.$slots, "subtitle", {}, void 0, !0)
         ])) : E("", !0)
       ])
     ]));
   }
-}), rv = /* @__PURE__ */ We(_c, [["__scopeId", "data-v-5520e56b"]]), kc = /* @__PURE__ */ Ae({
+}), lv = /* @__PURE__ */ We(_c, [["__scopeId", "data-v-5520e56b"]]), kc = /* @__PURE__ */ Ae({
   __name: "CLabel",
   props: {
     variant: { default: "success" }
@@ -9427,10 +9427,10 @@ const Ad = /* @__PURE__ */ We(Td, [["render", Pd], ["__scopeId", "data-v-3cecf31
     return (r, l) => (m(), k("div", {
       class: ce(["ui-kit-typo-paragraph-secondary", d(a)])
     }, [
-      te(r.$slots, "default", {}, void 0, !0)
+      ee(r.$slots, "default", {}, void 0, !0)
     ], 2));
   }
-}), lv = /* @__PURE__ */ We(kc, [["__scopeId", "data-v-115ef133"]]), Dc = {
+}), ov = /* @__PURE__ */ We(kc, [["__scopeId", "data-v-115ef133"]]), Dc = {
   key: 0,
   class: "ui-kit-toast__progress-container"
 }, Mc = {
@@ -9477,17 +9477,17 @@ const Ad = /* @__PURE__ */ We(Td, [["render", Pd], ["__scopeId", "data-v-3cecf31
     return (i, _) => (m(), k("div", {
       class: ce(d(s))
     }, [
-      ee("button", {
+      te("button", {
         class: "ui-kit-toast__close-button",
         onClick: Rt(l, ["stop"])
       }, [
-        Le(wt, {
+        Ne(wt, {
           name: "x-mark",
           class: "ui-kit-toast__close-icon"
         })
       ]),
       i.noProgress ? E("", !0) : (m(), k("div", Dc, [
-        ee("div", {
+        te("div", {
           class: ce(d(c)),
           style: ot({ animationDuration: i.delay ? `${i.delay}ms` : void 0 })
         }, null, 6)
@@ -9505,14 +9505,14 @@ const Ad = /* @__PURE__ */ We(Td, [["render", Pd], ["__scopeId", "data-v-3cecf31
       }, null, 4)) : E("", !0),
       d(r).title || d(r).description ? (m(), k("div", Mc, [
         d(r).title ? (m(), k("span", xc, [
-          te(i.$slots, "title", {}, void 0, !0)
+          ee(i.$slots, "title", {}, void 0, !0)
         ])) : E("", !0),
         d(r).description ? (m(), k("span", Cc, [
-          te(i.$slots, "description", {}, void 0, !0)
+          ee(i.$slots, "description", {}, void 0, !0)
         ])) : E("", !0)
       ])) : E("", !0),
       d(r).default ? (m(), k("div", Tc, [
-        te(i.$slots, "default", {}, void 0, !0)
+        ee(i.$slots, "default", {}, void 0, !0)
       ])) : E("", !0)
     ], 2));
   }
@@ -9534,8 +9534,8 @@ const Ad = /* @__PURE__ */ We(Td, [["render", Pd], ["__scopeId", "data-v-3cecf31
   setup(e) {
     const { toasts: t, remove: n } = Oc();
     return (a, r) => (m(), k("div", Yc, [
-      ee("div", Sc, [
-        Le(yl, { name: "ui-kit-toast-list" }, {
+      te("div", Sc, [
+        Ne(yl, { name: "ui-kit-toast-list" }, {
           default: be(() => [
             (m(!0), k(_e, null, Be(d(t), (l) => (m(), De(ya(l.customComponent ?? Pc), {
               key: l.id,
@@ -9551,7 +9551,7 @@ const Ad = /* @__PURE__ */ We(Td, [["render", Pd], ["__scopeId", "data-v-3cecf31
               l.title ? {
                 name: "title",
                 fn: be(() => [
-                  ee("p", {
+                  te("p", {
                     class: ce(["ui-kit-typo-subtitle-primary", "ui-kit-toasts-container__title-text"]),
                     innerHTML: l.title
                   }, null, 8, Rc)
@@ -9561,7 +9561,7 @@ const Ad = /* @__PURE__ */ We(Td, [["render", Pd], ["__scopeId", "data-v-3cecf31
               l.description ? {
                 name: "description",
                 fn: be(() => [
-                  ee("p", {
+                  te("p", {
                     class: ce(["ui-kit-typo-paragraph-primary", "ui-kit-toasts-container__description-text"]),
                     innerHTML: l.description
                   }, null, 8, Vc)
@@ -9573,13 +9573,13 @@ const Ad = /* @__PURE__ */ We(Td, [["render", Pd], ["__scopeId", "data-v-3cecf31
           _: 1
         })
       ]),
-      r[0] || (r[0] = ee("div", {
+      r[0] || (r[0] = te("div", {
         id: "toasts-container",
         class: "ui-kit-toasts-container__custom"
       }, null, -1))
     ]));
   }
-}), ov = /* @__PURE__ */ We(Bc, [["__scopeId", "data-v-d3c51fe4"]]);
+}), sv = /* @__PURE__ */ We(Bc, [["__scopeId", "data-v-d3c51fe4"]]);
 function Hc(e, t, n) {
   let a = null;
   function r() {
@@ -9599,10 +9599,10 @@ const Ic = {
 }, Fc = {
   key: 1,
   class: "ui-kit-select__tags"
-}, Lc = { class: "ui-kit-select__tag-label" }, Nc = ["placeholder"], Ec = ["aria-selected", "onMouseenter", "onClick"], Wc = { class: "ui-kit-select__option-label" }, zc = {
+}, Nc = { class: "ui-kit-select__tag-label" }, Lc = ["title"], Ec = ["placeholder"], Wc = ["aria-selected", "onMouseenter", "onClick"], zc = { class: "ui-kit-select__option-label" }, qc = {
   key: 0,
   class: "ui-kit-select__no-results ui-kit-typo-subtitle-secondary"
-}, qc = 300, Uc = 120, jc = /* @__PURE__ */ Ae({
+}, Uc = 300, jc = 120, Qc = /* @__PURE__ */ Ae({
   __name: "Select",
   props: /* @__PURE__ */ ca({
     options: {},
@@ -9612,7 +9612,6 @@ const Ic = {
     clearable: { type: Boolean, default: !0 },
     noResultsText: { default: "No results" },
     dropdownMaxHeightClass: { default: "max-h-60" },
-    tagLimit: { default: 2 },
     isTransparent: { type: Boolean, default: !1 },
     searchOnServer: { type: Boolean, default: !1 },
     singleSelect: { type: Boolean, default: !1 }
@@ -9627,17 +9626,17 @@ const Ic = {
     const n = e, a = t, r = za(
       e,
       "modelValue"
-    ), l = q(null), s = q(null), c = q(null), i = q(!1), _ = q(""), v = q(-1), p = N(() => n.singleSelect ? r.value ? [r.value] : [] : Array.isArray(r.value) ? r.value : []), h = N(
-      () => n.options.filter((M) => p.value.includes(M.value))
-    ), x = N(() => {
-      const M = _.value.trim().toLowerCase();
-      return (n.searchOnServer ? [...n.options] : M ? n.options.filter((S) => S.label.toLowerCase().includes(M)) : [...n.options]).sort((S, pe) => {
+    ), l = q(null), s = q(null), c = q(null), i = q(!1), _ = q(""), v = q(-1), p = L(() => n.singleSelect ? r.value ? [r.value] : [] : Array.isArray(r.value) ? r.value : []), h = L(
+      () => n.options.filter((D) => p.value.includes(D.value))
+    ), x = L(() => {
+      const D = _.value.trim().toLowerCase();
+      return (n.searchOnServer ? [...n.options] : D ? n.options.filter((S) => S.label.toLowerCase().includes(D)) : [...n.options]).sort((S, pe) => {
         const y = n.singleSelect ? r.value === S.value : p.value.includes(S.value), A = n.singleSelect ? r.value === pe.value : p.value.includes(pe.value);
         return y === A ? 0 : y ? -1 : 1;
       });
     });
-    at(i, (M) => {
-      M ? (_.value = "", je(() => {
+    at(i, (D) => {
+      D ? (_.value = "", je(() => {
         v.value = Math.max(0, 0), c.value?.focus(), c.value?.select(), requestAnimationFrame(() => {
           f();
         });
@@ -9653,45 +9652,45 @@ const Ic = {
     function F() {
       i.value || R();
     }
-    function D() {
+    function M() {
       i.value = !1;
     }
-    function g(M) {
-      return n.singleSelect ? r.value === M.value : p.value.includes(M.value);
+    function g(D) {
+      return n.singleSelect ? r.value === D.value : p.value.includes(D.value);
     }
-    function B(M) {
-      if (!M.disabled)
+    function B(D) {
+      if (!D.disabled)
         if (n.singleSelect)
-          r.value === M.value ? r.value = null : r.value = M.value, D();
+          r.value === D.value ? r.value = null : r.value = D.value, M();
         else {
           const Z = new Set(
             Array.isArray(r.value) ? r.value : []
           );
-          Z.has(M.value) ? Z.delete(M.value) : Z.add(M.value), r.value = Array.from(Z);
+          Z.has(D.value) ? Z.delete(D.value) : Z.add(D.value), r.value = Array.from(Z);
         }
     }
-    function Y(M) {
-      n.singleSelect ? r.value = null : r.value = (Array.isArray(r.value) ? r.value : []).filter((Z) => Z !== M);
+    function Y(D) {
+      n.singleSelect ? r.value = null : r.value = (Array.isArray(r.value) ? r.value : []).filter((Z) => Z !== D);
     }
     function V() {
       n.singleSelect ? r.value = null : r.value = [];
     }
-    function z(M) {
+    function z(D) {
       if (i.value) {
-        if (M.key === "ArrowDown")
-          M.preventDefault(), v.value = Math.min(
+        if (D.key === "ArrowDown")
+          D.preventDefault(), v.value = Math.min(
             x.value.length - 1,
             v.value + 1
           );
-        else if (M.key === "ArrowUp")
-          M.preventDefault(), v.value = Math.max(0, v.value - 1);
-        else if (M.key === "Enter") {
-          M.preventDefault();
+        else if (D.key === "ArrowUp")
+          D.preventDefault(), v.value = Math.max(0, v.value - 1);
+        else if (D.key === "Enter") {
+          D.preventDefault();
           const Z = x.value[v.value];
           Z && B(Z);
-        } else if (M.key === "Escape")
-          D();
-        else if (M.key === "Backspace" && _.value === "" && h.value.length > 0)
+        } else if (D.key === "Escape")
+          M();
+        else if (D.key === "Backspace" && _.value === "" && h.value.length > 0)
           if (n.singleSelect)
             r.value = null;
           else {
@@ -9702,41 +9701,41 @@ const Ic = {
     }
     const { bindOutside: $, unbindOutside: I } = Hc(
       () => l.value,
-      () => D(),
+      () => M(),
       () => [s.value]
     );
     gl(() => {
       I(), b && cancelAnimationFrame(b);
     });
     let ae = !1;
-    function j(M) {
-      const Z = M.target || s.value;
+    function j(D) {
+      const Z = D.target || s.value;
       if (!Z) return;
-      Z.scrollTop + Z.clientHeight >= Z.scrollHeight - Uc && !ae && _.value.trim() === "" && (ae = !0, a("load-more"), setTimeout(() => ae = !1, 500));
+      Z.scrollTop + Z.clientHeight >= Z.scrollHeight - jc && !ae && _.value.trim() === "" && (ae = !0, a("load-more"), setTimeout(() => ae = !1, 500));
     }
-    at(i, (M) => {
-      M && (ae = !1);
+    at(i, (D) => {
+      D && (ae = !1);
     });
     let H = null;
     at(
       () => _.value,
-      (M) => {
+      (D) => {
         i.value && n.searchOnServer && (H && clearTimeout(H), H = setTimeout(
-          () => a("search", M.trim()),
-          qc
+          () => a("search", D.trim()),
+          Uc
         ), je(() => {
           f();
         }));
       }
     );
-    const se = N(() => h.value.length), C = q(!1), W = q({});
+    const se = L(() => h.value.length), C = q(!1), W = q({});
     function f() {
-      const M = l.value;
-      if (!M) return;
-      const Z = M.getBoundingClientRect(), S = window.innerHeight, pe = s.value, y = pe?.parentElement;
+      const D = l.value;
+      if (!D) return;
+      const Z = D.getBoundingClientRect(), S = window.innerHeight, pe = s.value, y = pe?.parentElement;
       let A = 240;
       if (pe) {
-        const L = window.getComputedStyle(pe).maxHeight, ke = L !== "none" && L !== "" ? parseFloat(L) : 1 / 0, X = pe.scrollHeight, le = y ? parseFloat(
+        const N = window.getComputedStyle(pe).maxHeight, ke = N !== "none" && N !== "" ? parseFloat(N) : 1 / 0, X = pe.scrollHeight, le = y ? parseFloat(
           window.getComputedStyle(y).paddingTop || "0"
         ) + parseFloat(
           window.getComputedStyle(y).paddingBottom || "0"
@@ -9777,58 +9776,68 @@ const Ic = {
         capture: !0
       });
     }
-    return (M, Z) => (m(), k("div", {
+    return (D, Z) => (m(), k("div", {
       ref_key: "rootEl",
       ref: l,
       class: "ui-kit ui-kit-select"
     }, [
-      ee("button", {
+      te("button", {
         type: "button",
         class: ce(["ui-kit-select__button", {
-          "ui-kit-select__button_disabled": M.disabled,
+          "ui-kit-select__button_disabled": D.disabled,
           "ui-kit-select__button_open": i.value,
-          "ui-kit-select__button_transparent": M.isTransparent
+          "ui-kit-select__button_transparent": D.isTransparent
         }]),
         onClick: F
       }, [
-        h.value.length === 0 && !i.value ? (m(), k("span", Ic, Pe(M.placeholder), 1)) : i.value ? xt((m(), k("input", {
+        h.value.length === 0 && !i.value ? (m(), k("span", Ic, Pe(D.placeholder), 1)) : i.value ? xt((m(), k("input", {
           key: 2,
           ref_key: "inputEl",
           ref: c,
           "onUpdate:modelValue": Z[0] || (Z[0] = (S) => _.value = S),
           class: "ui-kit-select__input ui-kit-typo-subtitle-secondary",
           type: "text",
-          placeholder: M.searchPlaceholder,
+          placeholder: D.searchPlaceholder,
           onKeydown: z,
           onClick: Z[1] || (Z[1] = Rt(() => {
           }, ["stop"]))
-        }, null, 40, Nc)), [
+        }, null, 40, Ec)), [
           [mr, _.value]
         ]) : (m(), k("div", Fc, [
-          ee("span", {
+          te("span", {
             class: ce(["ui-kit-select__tag ui-kit-typo-subtitle-secondary", {
-              "ui-kit-select__tag_transparent": M.isTransparent
+              "ui-kit-select__tag_transparent": D.isTransparent,
+              "ui-kit-select__tag_single": D.singleSelect
             }])
           }, [
-            ee("span", Lc, Pe(se.value) + " selected", 1),
-            M.clearable ? (m(), k("button", {
+            D.singleSelect || h.value.length <= 1 ? ee(D.$slots, "tag", {
               key: 0,
+              option: h.value[0]
+            }, () => [
+              te("span", Nc, Pe(h.value[0]?.label), 1)
+            ], !0) : (m(), k("span", {
+              key: 1,
+              title: `${se.value} selected`,
+              class: "ui-kit-select__tag-label"
+            }, Pe(se.value) + " selected", 9, Lc)),
+            D.clearable && !D.singleSelect ? (m(), k("button", {
+              key: 2,
               type: "button",
               class: "ui-kit-select__tag-remove",
               "aria-label": "Clear all",
               title: "Clear all",
               onClick: Rt(V, ["stop"])
             }, [
-              Le(wt, { name: "x-mark" })
+              Ne(wt, { name: "x-mark" })
             ])) : E("", !0)
           ], 2)
         ])),
-        Le(wt, {
+        Ne(wt, {
           name: "arrow-chevron",
           class: ce(["ui-kit-select__chevron", { open: i.value }])
         }, null, 8, ["class"])
       ], 2),
-      xt(ee("div", {
+      xt(te("div", {
         class: ce(["ui-kit-select__dropdown", {
           "ui-kit-select__dropdown_above": C.value
         }]),
@@ -9836,10 +9845,10 @@ const Ic = {
         onKeydown: Z[3] || (Z[3] = Rt(() => {
         }, ["stop"]))
       }, [
-        ee("ul", {
+        te("ul", {
           ref_key: "listEl",
           ref: s,
-          class: ce(["ui-kit-select__list ui-scrollbar ui-kit-typo-subtitle-secondary", [M.dropdownMaxHeightClass]]),
+          class: ce(["ui-kit-select__list ui-scrollbar ui-kit-typo-subtitle-secondary", [D.dropdownMaxHeightClass]]),
           role: "listbox",
           onScroll: j
         }, [
@@ -9856,8 +9865,8 @@ const Ic = {
             onMouseleave: Z[2] || (Z[2] = (y) => v.value = -1),
             onClick: Rt((y) => B(S), ["stop"])
           }, [
-            te(M.$slots, "option", { option: S }, () => [
-              ee("span", Wc, Pe(S.label), 1)
+            ee(D.$slots, "option", { option: S }, () => [
+              te("span", zc, Pe(S.label), 1)
             ], !0),
             g(S) ? (m(), De(wt, {
               key: 0,
@@ -9865,32 +9874,32 @@ const Ic = {
               color: "var(--ui-kit-select-check-color)",
               class: "ui-kit-select__option-check"
             })) : E("", !0)
-          ], 42, Ec))), 128)),
-          x.value.length === 0 ? (m(), k("li", zc, Pe(M.noResultsText), 1)) : E("", !0)
+          ], 42, Wc))), 128)),
+          x.value.length === 0 ? (m(), k("li", qc, Pe(D.noResultsText), 1)) : E("", !0)
         ], 34)
       ], 38), [
         [Ma, i.value]
       ])
     ], 512));
   }
-}), sv = /* @__PURE__ */ We(jc, [["__scopeId", "data-v-b1654531"]]);
+}), iv = /* @__PURE__ */ We(Qc, [["__scopeId", "data-v-48484197"]]);
 export {
-  Gc as AdaptiveTabs,
+  Kc as AdaptiveTabs,
   fr as CButton,
-  Jc as CCheckbox,
-  rv as CDataPlaceholder,
+  ev as CCheckbox,
+  lv as CDataPlaceholder,
   co as CIconButton,
-  ev as CInput,
-  lv as CLabel,
-  Xc as CLinkButton,
-  tv as CPasswordInput,
-  av as CSearchInput,
-  nv as CTextarea,
+  tv as CInput,
+  ov as CLabel,
+  Jc as CLinkButton,
+  av as CPasswordInput,
+  nv as CSearchInput,
+  rv as CTextarea,
   Ad as CircularLoader,
-  Kc as DatePicker,
-  sv as Select,
+  Xc as DatePicker,
+  iv as Select,
   Pc as Toast,
-  ov as ToastsContainer,
+  sv as ToastsContainer,
   pr as formatSelectedRange,
   Hc as useOutsideClick,
   Oc as useToasts