tokenizer-ui-kit 0.2.30 → 0.2.31

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 N, 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 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 { 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",
@@ -97,15 +97,15 @@ 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)
@@ -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",
@@ -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 = {
@@ -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))
@@ -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);
 }
@@ -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"
       })
     ]
@@ -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";
+    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 = 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(
     () => 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 = N(() => Ui(e.textInput)), x = N(() => Zi(e.inline)), R = N(() => Gi(e.config)), F = N(() => Ki(e.highlight)), M = N(() => Xi(e.weekNumbers)), g = N(() => eu(e.timezone)), B = N(() => nu(e.multiDates)), Y = N(
     () => au({
       minDate: e.minDate,
       maxDate: e.maxDate,
@@ -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,
@@ -4118,13 +4118,13 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
     hours: Nt(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)
@@ -4147,7 +4147,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
     ) : B(o, Lt(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;
@@ -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,
@@ -4394,17 +4394,17 @@ 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(
       () => !p.value(a.internalModelValue) || !h.value(a.internalModelValue) || !z.value
@@ -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(() => {
@@ -4575,14 +4575,14 @@ 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) {
@@ -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)
@@ -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,10 +4814,10 @@ 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
@@ -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
                     })
@@ -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,7 +4942,7 @@ 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);
+    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);
   }, $ = N(() => (H) => ma(p.value, (se) => {
     var C;
     const W = i.value(H) === se.value, f = $a(
@@ -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 = N(() => 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;
@@ -5036,14 +5036,14 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
   })), Q = (A, U) => Lt(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) => {
+  }, 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(() => {
       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) => {
+  }, 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,7 +5163,7 @@ 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, {
@@ -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 = N(() => 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 = Nn(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");
     });
@@ -5339,7 +5339,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
       seconds: r.enableSeconds ? u.seconds : 0,
       milliseconds: 0
     }), $ = N(
-      () => (u) => M(u, r[u]) || ae(u, r[u])
+      () => (u) => D(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) => {
       if (p.value.enabled && !p.value.disableTimeRangeValidation) {
         const ue = oe ? +r[`${u}Increment`] : -+r[`${u}Increment`], de = r[u] + ue;
@@ -5371,16 +5371,16 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
         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(
@@ -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)), L = () => {
+      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
+            value: M.value
           }) : E("", !0),
           u.$slots["am-pm-button"] ? E("", !0) : (m(), k("button", {
             key: 1,
@@ -5541,7 +5541,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
             "data-compact": b.value,
             onClick: L,
             onKeydown: oe[0] || (oe[0] = (de) => d(ft)(de, () => L(), !0))
-          }, Pe(D.value), 41, Tu))
+          }, 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
+    const z = N(() => h.value.enabled && r.modelAuto ? Lr(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 = N(() => {
-      const M = [];
+      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(() => ({
       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 = Nr(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, {
           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)
@@ -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);
@@ -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,8 +5932,8 @@ 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: "",
@@ -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"])
@@ -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");
     });
@@ -6030,10 +6030,10 @@ 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"));
@@ -6069,42 +6069,42 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
     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)),
+              onActivate: A[0] || (A[0] = (L) => d(M)(!1, !0)),
               onSetRef: A[1] || (A[1] = (L) => Z(L, 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
               }])
@@ -6112,7 +6112,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
               (m(!0), k(_e, null, Be(pe.value, (L, ke) => (m(), k(_e, {
                 key: L.type
               }, [
-                ee("button", {
+                te("button", {
                   ref_for: !0,
                   ref: (X) => Z(X, ke + 1),
                   type: "button",
@@ -6123,7 +6123,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
                   onClick: L.toggle,
                   onKeydown: (X) => d(ft)(X, () => L.toggle(), !0)
                 }, [
-                  y.$slots[L.type] ? te(y.$slots, L.type, {
+                  y.$slots[L.type] ? ee(y.$slots, L.type, {
                     key: 0,
                     text: L.text,
                     value: r[L.type]
@@ -6156,7 +6156,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
                       onToggle: L.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
@@ -6164,7 +6164,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
                       y.$slots[`${L.type}-overlay-value`] ? {
                         name: "item",
                         fn: be(({ item: X }) => [
-                          te(y.$slots, `${L.type}-overlay-value`, {
+                          ee(y.$slots, `${L.type}-overlay-value`, {
                             text: X.text,
                             value: X.value
                           })
@@ -6174,14 +6174,14 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
                       y.$slots[`${L.type}-overlay`] ? {
                         name: "overlay",
                         fn: be(() => [
-                          te(y.$slots, `${L.type}-overlay`, Fe({ ref_for: !0 }, C.value(L.type)))
+                          ee(y.$slots, `${L.type}-overlay`, Fe({ ref_for: !0 }, C.value(L.type)))
                         ]),
                         key: "1"
                       } : void 0,
                       y.$slots[`${L.type}-overlay-header`] ? {
                         name: "header",
                         fn: be(() => [
-                          te(y.$slots, `${L.type}-overlay-header`, {
+                          ee(y.$slots, `${L.type}-overlay-header`, {
                             toggle: L.toggle
                           })
                         ]),
@@ -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] = (L) => 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)),
+              onActivate: A[3] || (A[3] = (L) => d(M)(!0, !0)),
               onSetRef: A[4] || (A[4] = (L) => Z(L, 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
@@ -6274,11 +6274,11 @@ 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 = 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));
     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) => {
       if (r.transitions) {
@@ -6325,7 +6325,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
         if (r.hideOffsetDates && !L.current) return;
         await Q(L, ke, X);
       }
-    }, M = (L) => {
+    }, D = (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;
@@ -6353,13 +6353,13 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
     return t({ triggerTransition: H }), (L, 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, [
+        te("div", Nu, [
           L.weekNumbers ? (m(), k("div", Eu, Pe(L.weekNumName), 1)) : E("", !0),
           (m(!0), k(_e, null, Be(ae.value, (X, le) => {
             var u, oe;
@@ -6370,7 +6370,7 @@ 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", {
+              L.$slots["calendar-header"] ? ee(L.$slots, "calendar-header", {
                 key: 0,
                 day: X,
                 index: le
@@ -6381,7 +6381,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
             ], 8, Wu);
           }), 128))
         ]),
-        ke[2] || (ke[2] = ee("div", { class: "dp__calendar_header_separator" }, null, -1)),
+        ke[2] || (ke[2] = te("div", { class: "dp__calendar_header_separator" }, null, -1)),
         Le(ba, {
           name: B.value,
           css: !!L.transitions
@@ -6399,7 +6399,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
                 role: "row"
               }, [
                 L.weekNumbers ? (m(), k("div", zu, [
-                  ee("div", qu, Pe(o(X.days)), 1)
+                  te("div", qu, Pe(o(X.days)), 1)
                 ])) : E("", !0),
                 (m(!0), k(_e, null, Be(X.days, (u, oe) => {
                   var ue, de, Ce;
@@ -6419,14 +6419,14 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
                     onTouchend: (Me) => O(Me, u, !1),
                     onKeydown: (Me) => d(ft)(Me, () => L.$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", {
+                      L.$slots.day && b.value(u) ? ee(L.$slots, "day", {
                         key: 0,
                         day: +u.text,
                         date: u.value
@@ -6435,7 +6435,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
                         yt(Pe(u.text), 1)
                       ], 64)),
                       u.marker && b.value(u) ? (m(), k(_e, { key: 2 }, [
-                        L.$slots.marker ? te(L.$slots, "marker", {
+                        L.$slots.marker ? ee(L.$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", {
+                            L.$slots["marker-tooltip"] ? ee(L.$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", {
+                              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,7 +6499,7 @@ 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(
@@ -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 = N(() => {
     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);
@@ -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(
@@ -6900,7 +6900,7 @@ 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"])),
@@ -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
@@ -6954,10 +6954,10 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
           onOverlayOpened: le[14] || (le[14] = (u) => L(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,
@@ -7000,9 +7000,9 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
       start: aa(w),
       end: La(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,
@@ -7020,7 +7020,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
   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,15 +7085,15 @@ 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, [
+          te("div", null, [
             Le(Jr, Fe(V.$props, {
               items: d(_)($),
               instance: $,
@@ -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
@@ -7216,11 +7216,11 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
       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 = N(() => r.monthPicker ? gu : r.yearPicker ? wu : r.timePicker ? Ru : r.quarterPicker ? ed : Gu), D = N(() => {
       var T;
       if (x.value.arrowLeft) return x.value.arrowLeft;
       const ve = (T = l.value) == null ? void 0 : T.getBoundingClientRect(), Oe = r.getInputRect();
@@ -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);
@@ -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;
@@ -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;
@@ -7886,8 +7886,8 @@ const dd = ({
   }, 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)
   ) && 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;
@@ -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 = N(
       () => ({
         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,
@@ -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,
@@ -8285,7 +8285,7 @@ const dd = ({
         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 ? {
@@ -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) => {
@@ -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)),
+            name: d(W)(d(D)),
             css: d(f) && !d(j).enabled
           }, {
             default: be(() => [
@@ -8436,9 +8436,9 @@ const dd = ({
                   "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",
@@ -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 },
@@ -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"
@@ -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,9 +8847,9 @@ 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
             }, [
@@ -8858,11 +8858,11 @@ const Ad = /* @__PURE__ */ We(Td, [["render", Pd], ["__scopeId", "data-v-3cecf31
                 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, [
+          te("div", Fd, [
             Le(fr, {
               size: "medium",
               type: "outline",
@@ -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, {
             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"
             ]])
@@ -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)
+      ee(l.$slots, "icon-left", {}, void 0, !0),
+      ee(l.$slots, "default", {}, void 0, !0),
+      ee(l.$slots, "icon-right", {}, void 0, !0)
     ], 16, Ld));
   }
-}), 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(Nd, [["__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({
@@ -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 = {
@@ -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 = N(() => 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 = {
@@ -9138,7 +9138,7 @@ 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);
@@ -9148,15 +9148,15 @@ const Ad = /* @__PURE__ */ We(Td, [["render", Pd], ["__scopeId", "data-v-3cecf31
     }, [
       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,20 +9164,20 @@ 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 }, () => [
+          c.value ? ee(Y.$slots, "toggle-icon-show", { key: 0 }, () => [
             Le(wt, { name: "eye" })
-          ], !0) : te(Y.$slots, "toggle-icon-hide", { key: 1 }, () => [
+          ], !0) : ee(Y.$slots, "toggle-icon-hide", { key: 1 }, () => [
             Le(wt, { name: "eye-slash" })
           ], !0)
         ], 10, nc)
@@ -9185,7 +9185,7 @@ const Ad = /* @__PURE__ */ We(Td, [["render", Pd], ["__scopeId", "data-v-3cecf31
       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 = {
@@ -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 = N(() => 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", {}, () => [
+          ee(g.$slots, "clear-icon", {}, () => [
             Le(wt, { name: "x-mark" })
           ], !0)
         ], 10, uc)) : (m(), k("span", dc, [
-          te(g.$slots, "search-icon", {}, () => [
+          ee(g.$slots, "search-icon", {}, () => [
             Le(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 = {
@@ -9321,7 +9321,7 @@ const Ad = /* @__PURE__ */ We(Td, [["render", Pd], ["__scopeId", "data-v-3cecf31
   setup(e, { emit: t }) {
     const n = e, a = Ht(), r = gt(), l = t, s = q(!1), c = N({
       get: () => n.modelValue,
-      set: (D) => l("update:modelValue", D)
+      set: (M) => l("update:modelValue", M)
     }), i = nt({
       base: "ui-kit ui-kit-textarea",
       modifiers: {
@@ -9344,7 +9344,7 @@ const Ad = /* @__PURE__ */ We(Td, [["render", Pd], ["__scopeId", "data-v-3cecf31
       resize: n.resizable ? "vertical" : "none"
     })), h = N(() => {
       const {
-        inputClass: D,
+        inputClass: M,
         ...g
       } = a;
       return g;
@@ -9353,21 +9353,21 @@ const Ad = /* @__PURE__ */ We(Td, [["render", Pd], ["__scopeId", "data-v-3cecf31
     }, R = () => {
       s.value = !1;
     }, F = N(() => Array.isArray(n.errors) ? n.errors.join(", ") : n.errors);
-    return (D, g) => (m(), k("div", {
+    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,7 +9477,7 @@ 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"])
       }, [
@@ -9487,7 +9487,7 @@ const Ad = /* @__PURE__ */ We(Td, [["render", Pd], ["__scopeId", "data-v-3cecf31
         })
       ]),
       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,7 +9534,7 @@ 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, [
+      te("div", Sc, [
         Le(yl, { name: "ui-kit-toast-list" }, {
           default: be(() => [
             (m(!0), k(_e, null, Be(d(t), (l) => (m(), De(ya(l.customComponent ?? Pc), {
@@ -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,13 @@ 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 = {
+}, Lc = { class: "ui-kit-select__tag-label" }, Nc = {
+  key: 1,
+  class: "ui-kit-select__tag-label"
+}, 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: {},
@@ -9628,16 +9631,16 @@ const Ic = {
       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))
+      () => n.options.filter((D) => p.value.includes(D.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) => {
+      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 +9656,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,28 +9705,28 @@ 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();
         }));
@@ -9731,9 +9734,9 @@ const Ic = {
     );
     const se = N(() => 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(
@@ -9777,42 +9780,48 @@ 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 > 0 ? ee(D.$slots, "tag", {
               key: 0,
+              option: h.value[0]
+            }, () => [
+              te("span", Lc, Pe(h.value[0]?.label), 1)
+            ], !0) : (m(), k("span", Nc, Pe(se.value) + " selected", 1)),
+            D.clearable && !D.singleSelect ? (m(), k("button", {
+              key: 2,
               type: "button",
               class: "ui-kit-select__tag-remove",
               "aria-label": "Clear all",
@@ -9828,7 +9837,7 @@ const Ic = {
           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-47f7e3da"]]);
 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