@dpa-id-components/dpa-shared-components 9.9.1 → 9.9.3

package/dist/dpa-shared-components.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as $e, ref as te, onMounted as mt, watch as pt, computed as q, openBlock as P, createBlock as xe, resolveDynamicComponent as zn, normalizeClass as de, createElementBlock as R, createElementVNode as ie, createVNode as Ye, renderSlot as ce, createCommentVNode as X, toDisplayString as Be, watchEffect as Bn, unref as A, withModifiers as an, withDirectives as mn, withKeys as Qn, normalizeStyle as et, withCtx as Pe, Fragment as Ae, renderList as qe, createTextVNode as At, vShow as ha, Transition as Nn, reactive as Ua, useSlots as ea, toRef as Ra, nextTick as Bt, onUnmounted as vr, mergeProps as wt, isRef as Ai, createSlots as Pt, normalizeProps as xt, guardReactiveProps as zt, Teleport as ju, h as Qu, render as $i, useAttrs as Gu, onBeforeUpdate as Xu, getCurrentScope as No, onScopeDispose as Fo, getCurrentInstance as Ku, shallowRef as Ju, shallowReadonly as ia, vModelText as Zu } from "vue";
+import { defineComponent as $e, ref as te, onMounted as mt, watch as pt, computed as q, openBlock as M, createBlock as xe, resolveDynamicComponent as zn, normalizeClass as de, createElementBlock as R, createElementVNode as ie, createVNode as Ye, renderSlot as ce, createCommentVNode as X, toDisplayString as Be, watchEffect as Bn, unref as A, withModifiers as an, withDirectives as mn, withKeys as Qn, normalizeStyle as et, withCtx as Pe, Fragment as Ae, renderList as qe, createTextVNode as At, vShow as ha, Transition as Nn, reactive as Ua, useSlots as ea, toRef as Ra, nextTick as Bt, onUnmounted as vr, mergeProps as wt, isRef as Ai, createSlots as Pt, normalizeProps as xt, guardReactiveProps as zt, Teleport as ju, h as Qu, render as $i, useAttrs as Gu, onBeforeUpdate as Xu, getCurrentScope as No, onScopeDispose as Fo, getCurrentInstance as Ku, shallowRef as Ju, shallowReadonly as ia, vModelText as Zu } from "vue";
 var fa = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
 function ec(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
@@ -59,8 +59,8 @@ let zr = fs;
 var hs = (zr.__esModule ? zr : { default: zr }).default, or = { exports: {} };
 or.exports;
 (function(e, t) {
-  var a = 200, n = "__lodash_hash_undefined__", r = 800, o = 16, s = 9007199254740991, l = "[object Arguments]", i = "[object Array]", u = "[object AsyncFunction]", c = "[object Boolean]", d = "[object Date]", m = "[object Error]", w = "[object Function]", k = "[object GeneratorFunction]", f = "[object Map]", g = "[object Number]", b = "[object Null]", M = "[object Object]", v = "[object Proxy]", _ = "[object RegExp]", x = "[object Set]", C = "[object String]", E = "[object Undefined]", H = "[object WeakMap]", L = "[object ArrayBuffer]", I = "[object DataView]", le = "[object Float32Array]", pe = "[object Float64Array]", we = "[object Int8Array]", F = "[object Int16Array]", j = "[object Int32Array]", B = "[object Uint8Array]", ne = "[object Uint8ClampedArray]", me = "[object Uint16Array]", ae = "[object Uint32Array]", V = /[\\^$.*+?()[\]{}|]/g, K = /^\[object .+?Constructor\]$/, Y = /^(?:0|[1-9]\d*)$/, O = {};
-  O[le] = O[pe] = O[we] = O[F] = O[j] = O[B] = O[ne] = O[me] = O[ae] = !0, O[l] = O[i] = O[L] = O[c] = O[I] = O[d] = O[m] = O[w] = O[f] = O[g] = O[M] = O[_] = O[x] = O[C] = O[H] = !1;
+  var a = 200, n = "__lodash_hash_undefined__", r = 800, o = 16, s = 9007199254740991, l = "[object Arguments]", i = "[object Array]", u = "[object AsyncFunction]", c = "[object Boolean]", d = "[object Date]", m = "[object Error]", w = "[object Function]", k = "[object GeneratorFunction]", f = "[object Map]", g = "[object Number]", b = "[object Null]", P = "[object Object]", v = "[object Proxy]", _ = "[object RegExp]", x = "[object Set]", C = "[object String]", E = "[object Undefined]", H = "[object WeakMap]", L = "[object ArrayBuffer]", I = "[object DataView]", le = "[object Float32Array]", pe = "[object Float64Array]", we = "[object Int8Array]", F = "[object Int16Array]", j = "[object Int32Array]", B = "[object Uint8Array]", ne = "[object Uint8ClampedArray]", me = "[object Uint16Array]", ae = "[object Uint32Array]", V = /[\\^$.*+?()[\]{}|]/g, K = /^\[object .+?Constructor\]$/, Y = /^(?:0|[1-9]\d*)$/, O = {};
+  O[le] = O[pe] = O[we] = O[F] = O[j] = O[B] = O[ne] = O[me] = O[ae] = !0, O[l] = O[i] = O[L] = O[c] = O[I] = O[d] = O[m] = O[w] = O[f] = O[g] = O[P] = O[_] = O[x] = O[C] = O[H] = !1;
   var p = typeof fa == "object" && fa && fa.Object === Object && fa, D = typeof self == "object" && self && self.Object === Object && self, G = p || D || Function("return this")(), y = t && !t.nodeType && t, oe = y && !0 && e && !e.nodeType && e, ge = oe && oe.exports === y, De = ge && p.process, N = function() {
     try {
       var S = oe && oe.require && oe.require("util").types;
@@ -501,7 +501,7 @@ or.exports;
     return S != null && typeof S == "object";
   }
   function qu(S) {
-    if (!Oa(S) || Ka(S) != M)
+    if (!Oa(S) || Ka(S) != P)
       return !1;
     var z = Pn(S);
     if (z === null)
@@ -2808,10 +2808,10 @@ Re.UNIVERSAL = Vc;
     var g = r();
     if (g && g.has(f))
       return g.get(f);
-    var b = {}, M = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    var b = {}, P = Object.defineProperty && Object.getOwnPropertyDescriptor;
     for (var v in f)
       if (Object.prototype.hasOwnProperty.call(f, v)) {
-        var _ = M ? Object.getOwnPropertyDescriptor(f, v) : null;
+        var _ = P ? Object.getOwnPropertyDescriptor(f, v) : null;
         _ && (_.get || _.set) ? Object.defineProperty(b, v, _) : b[v] = f[v];
       }
     return b.default = f, g && g.set(f, b), b;
@@ -2824,9 +2824,9 @@ Re.UNIVERSAL = Vc;
     if (typeof Symbol > "u" || f[Symbol.iterator] == null) {
       if (Array.isArray(f) || (b = i(f)) || g) {
         b && (f = b);
-        var M = 0;
+        var P = 0;
         return function() {
-          return M >= f.length ? { done: !0 } : { done: !1, value: f[M++] };
+          return P >= f.length ? { done: !0 } : { done: !1, value: f[P++] };
         };
       }
       throw new TypeError(`Invalid attempt to iterate non-iterable instance.
@@ -2844,14 +2844,14 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
   }
   function u(f, g) {
     (g == null || g > f.length) && (g = f.length);
-    for (var b = 0, M = new Array(g); b < g; b++)
-      M[b] = f[b];
-    return M;
+    for (var b = 0, P = new Array(g); b < g; b++)
+      P[b] = f[b];
+    return P;
   }
   function c(f, g) {
     for (var b = 0; b < g.length; b++) {
-      var M = g[b];
-      M.enumerable = M.enumerable || !1, M.configurable = !0, "value" in M && (M.writable = !0), Object.defineProperty(f, M.key, M);
+      var P = g[b];
+      P.enumerable = P.enumerable || !1, P.configurable = !0, "value" in P && (P.writable = !0), Object.defineProperty(f, P.key, P);
     }
   }
   function d(f, g, b) {
@@ -2861,15 +2861,15 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
     f.prototype = Object.create(g.prototype), f.prototype.constructor = f, w(f, g);
   }
   function w(f, g) {
-    return w = Object.setPrototypeOf || function(M, v) {
-      return M.__proto__ = v, M;
+    return w = Object.setPrototypeOf || function(P, v) {
+      return P.__proto__ = v, P;
     }, w(f, g);
   }
   var k = /* @__PURE__ */ function(f) {
     m(g, f);
-    function g(M) {
+    function g(P) {
       var v;
-      return v = f.call(this, M) || this, v.nodes || (v.nodes = []), v;
+      return v = f.call(this, P) || this, v.nodes || (v.nodes = []), v;
     }
     var b = g.prototype;
     return b.append = function(v) {
@@ -3458,7 +3458,7 @@ function Yr(e) {
     var C = g(x.value), E = C.quoteMark, H = C.unescaped;
     return x.raws || (x.raws = {}), x.raws.value === void 0 && (x.raws.value = x.value), x.value = H, x.quoteMark = E, x;
   }
-  var M = /* @__PURE__ */ function(x) {
+  var P = /* @__PURE__ */ function(x) {
     u(C, x);
     function C(H) {
       var L;
@@ -3606,7 +3606,7 @@ function Yr(e) {
       }
     }]), C;
   }(n.default);
-  e.default = M, M.NO_QUOTE = null, M.SINGLE_QUOTE = "'", M.DOUBLE_QUOTE = '"';
+  e.default = P, P.NO_QUOTE = null, P.SINGLE_QUOTE = "'", P.DOUBLE_QUOTE = '"';
   var v = (o = {
     "'": {
       quotes: "single",
@@ -3791,10 +3791,10 @@ _e.combinator = Dd;
     var g = r();
     if (g && g.has(f))
       return g.get(f);
-    var b = {}, M = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    var b = {}, P = Object.defineProperty && Object.getOwnPropertyDescriptor;
     for (var v in f)
       if (Object.prototype.hasOwnProperty.call(f, v)) {
-        var _ = M ? Object.getOwnPropertyDescriptor(f, v) : null;
+        var _ = P ? Object.getOwnPropertyDescriptor(f, v) : null;
         _ && (_.get || _.set) ? Object.defineProperty(b, v, _) : b[v] = f[v];
       }
     return b.default = f, g && g.set(f, b), b;
@@ -3802,22 +3802,22 @@ _e.combinator = Dd;
   for (var s = (a = {}, a[t.tab] = !0, a[t.newline] = !0, a[t.cr] = !0, a[t.feed] = !0, a), l = (n = {}, n[t.space] = !0, n[t.tab] = !0, n[t.newline] = !0, n[t.cr] = !0, n[t.feed] = !0, n[t.ampersand] = !0, n[t.asterisk] = !0, n[t.bang] = !0, n[t.comma] = !0, n[t.colon] = !0, n[t.semicolon] = !0, n[t.openParenthesis] = !0, n[t.closeParenthesis] = !0, n[t.openSquare] = !0, n[t.closeSquare] = !0, n[t.singleQuote] = !0, n[t.doubleQuote] = !0, n[t.plus] = !0, n[t.pipe] = !0, n[t.tilde] = !0, n[t.greaterThan] = !0, n[t.equals] = !0, n[t.dollar] = !0, n[t.caret] = !0, n[t.slash] = !0, n), i = {}, u = "0123456789abcdefABCDEF", c = 0; c < u.length; c++)
     i[u.charCodeAt(c)] = !0;
   function d(f, g) {
-    var b = g, M;
+    var b = g, P;
     do {
-      if (M = f.charCodeAt(b), l[M])
+      if (P = f.charCodeAt(b), l[P])
         return b - 1;
-      M === t.backslash ? b = m(f, b) + 1 : b++;
+      P === t.backslash ? b = m(f, b) + 1 : b++;
     } while (b < f.length);
     return b - 1;
   }
   function m(f, g) {
-    var b = g, M = f.charCodeAt(b + 1);
-    if (!s[M]) if (i[M]) {
+    var b = g, P = f.charCodeAt(b + 1);
+    if (!s[P]) if (i[P]) {
       var v = 0;
       do
-        b++, v++, M = f.charCodeAt(b + 1);
-      while (i[M] && v < 6);
-      v < 6 && M === t.space && b++;
+        b++, v++, P = f.charCodeAt(b + 1);
+      while (i[P] && v < 6);
+      v < 6 && P === t.space && b++;
     } else
       b++;
     return b;
@@ -3833,7 +3833,7 @@ _e.combinator = Dd;
   };
   e.FIELDS = w;
   function k(f) {
-    var g = [], b = f.css.valueOf(), M = b, v = M.length, _ = -1, x = 1, C = 0, E = 0, H, L, I, le, pe, we, F, j, B, ne, me, ae, V;
+    var g = [], b = f.css.valueOf(), P = b, v = P.length, _ = -1, x = 1, C = 0, E = 0, H, L, I, le, pe, we, F, j, B, ne, me, ae, V;
     function K(Y, O) {
       if (f.safe)
         b += O, B = b.length - 1;
@@ -3914,7 +3914,7 @@ _e.combinator = Dd;
 })($s);
 (function(e, t) {
   t.__esModule = !0, t.default = void 0;
-  var a = E(ks), n = E(_s), r = E(xs), o = E(Ts), s = E(Ss), l = E(Ms), i = E(Ps), u = E(Ds), c = C(Wo), d = E(Os), m = E(Cs), w = E(As), k = E(Jc), f = C($s), g = C(_e), b = C(Re), M = Vt, v, _;
+  var a = E(ks), n = E(_s), r = E(xs), o = E(Ts), s = E(Ss), l = E(Ms), i = E(Ps), u = E(Ds), c = C(Wo), d = E(Os), m = E(Cs), w = E(As), k = E(Jc), f = C($s), g = C(_e), b = C(Re), P = Vt, v, _;
   function x() {
     if (typeof WeakMap != "function") return null;
     var K = /* @__PURE__ */ new WeakMap();
@@ -3985,7 +3985,7 @@ _e.combinator = Dd;
   function ne(K, Y) {
     var O = K[Y];
     if (typeof O == "string")
-      return O.indexOf("\\") !== -1 && ((0, M.ensureObject)(K, "raws"), K[Y] = (0, M.unesc)(O), K.raws[Y] === void 0 && (K.raws[Y] = O)), K;
+      return O.indexOf("\\") !== -1 && ((0, P.ensureObject)(K, "raws"), K[Y] = (0, P.unesc)(O), K.raws[Y] === void 0 && (K.raws[Y] = O)), K;
   }
   function me(K, Y) {
     for (var O = -1, p = []; (O = K.indexOf(Y, O + 1)) !== -1; )
@@ -4047,10 +4047,10 @@ _e.combinator = Dd;
             if (re = !0, this.options.lossy)
               break;
             if (N) {
-              (0, M.ensureObject)(y, "spaces", N);
+              (0, P.ensureObject)(y, "spaces", N);
               var J = y.spaces[N].after || "";
               y.spaces[N].after = J + W;
-              var Oe = (0, M.getProp)(y, "raws", "spaces", N, "after") || null;
+              var Oe = (0, P.getProp)(y, "raws", "spaces", N, "after") || null;
               Oe && (y.raws.spaces[N].after = Oe + W);
             } else
               ge = ge + W, De = De + W;
@@ -4059,15 +4059,15 @@ _e.combinator = Dd;
             if (se[f.FIELDS.TYPE] === g.equals)
               y.operator = W, N = "operator";
             else if ((!y.namespace || N === "namespace" && !re) && se) {
-              ge && ((0, M.ensureObject)(y, "spaces", "attribute"), y.spaces.attribute.before = ge, ge = ""), De && ((0, M.ensureObject)(y, "raws", "spaces", "attribute"), y.raws.spaces.attribute.before = ge, De = ""), y.namespace = (y.namespace || "") + W;
-              var U = (0, M.getProp)(y, "raws", "namespace") || null;
+              ge && ((0, P.ensureObject)(y, "spaces", "attribute"), y.spaces.attribute.before = ge, ge = ""), De && ((0, P.ensureObject)(y, "raws", "spaces", "attribute"), y.raws.spaces.attribute.before = ge, De = ""), y.namespace = (y.namespace || "") + W;
+              var U = (0, P.getProp)(y, "raws", "namespace") || null;
               U && (y.raws.namespace += W), N = "namespace";
             }
             re = !1;
             break;
           case g.dollar:
             if (N === "value") {
-              var ue = (0, M.getProp)(y, "raws", "value");
+              var ue = (0, P.getProp)(y, "raws", "value");
               y.value += "$", ue && (y.raws.value = ue + "$");
               break;
             }
@@ -4086,15 +4086,15 @@ _e.combinator = Dd;
             !y.operator && !y.namespace)
               y.namespace = W, N = "namespace";
             else if (!y.attribute || N === "attribute" && !re) {
-              ge && ((0, M.ensureObject)(y, "spaces", "attribute"), y.spaces.attribute.before = ge, ge = ""), De && ((0, M.ensureObject)(y, "raws", "spaces", "attribute"), y.raws.spaces.attribute.before = De, De = ""), y.attribute = (y.attribute || "") + W;
-              var ye = (0, M.getProp)(y, "raws", "attribute") || null;
+              ge && ((0, P.ensureObject)(y, "spaces", "attribute"), y.spaces.attribute.before = ge, ge = ""), De && ((0, P.ensureObject)(y, "raws", "spaces", "attribute"), y.raws.spaces.attribute.before = De, De = ""), y.attribute = (y.attribute || "") + W;
+              var ye = (0, P.getProp)(y, "raws", "attribute") || null;
               ye && (y.raws.attribute += W), N = "attribute";
             } else if (!y.value && y.value !== "" || N === "value" && !re) {
-              var Ce = (0, M.unesc)(W), Xe = (0, M.getProp)(y, "raws", "value") || "", ke = y.value || "";
-              y.value = ke + Ce, y.quoteMark = null, (Ce !== W || Xe) && ((0, M.ensureObject)(y, "raws"), y.raws.value = (Xe || ke) + W), N = "value";
+              var Ce = (0, P.unesc)(W), Xe = (0, P.getProp)(y, "raws", "value") || "", ke = y.value || "";
+              y.value = ke + Ce, y.quoteMark = null, (Ce !== W || Xe) && ((0, P.ensureObject)(y, "raws"), y.raws.value = (Xe || ke) + W), N = "value";
             } else {
               var Dt = W === "i" || W === "I";
-              (y.value || y.value === "") && (y.quoteMark || re) ? (y.insensitive = Dt, (!Dt || W === "I") && ((0, M.ensureObject)(y, "raws"), y.raws.insensitiveFlag = W), N = "insensitive", ge && ((0, M.ensureObject)(y, "spaces", "insensitive"), y.spaces.insensitive.before = ge, ge = ""), De && ((0, M.ensureObject)(y, "raws", "spaces", "insensitive"), y.raws.spaces.insensitive.before = De, De = "")) : (y.value || y.value === "") && (N = "value", y.value += W, y.raws.value && (y.raws.value += W));
+              (y.value || y.value === "") && (y.quoteMark || re) ? (y.insensitive = Dt, (!Dt || W === "I") && ((0, P.ensureObject)(y, "raws"), y.raws.insensitiveFlag = W), N = "insensitive", ge && ((0, P.ensureObject)(y, "spaces", "insensitive"), y.spaces.insensitive.before = ge, ge = ""), De && ((0, P.ensureObject)(y, "raws", "spaces", "insensitive"), y.raws.spaces.insensitive.before = De, De = "")) : (y.value || y.value === "") && (N = "value", y.value += W, y.raws.value && (y.raws.value += W));
             }
             re = !1;
             break;
@@ -4104,7 +4104,7 @@ _e.combinator = Dd;
                 index: T[f.FIELDS.START_POS]
               });
             var gt = (0, c.unescapeValue)(W), yn = gt.unescaped, Tt = gt.quoteMark;
-            y.value = yn, y.quoteMark = Tt, N = "value", (0, M.ensureObject)(y, "raws"), y.raws.value = W, re = !1;
+            y.value = yn, y.quoteMark = Tt, N = "value", (0, P.ensureObject)(y, "raws"), y.raws.value = W, re = !1;
             break;
           case g.equals:
             if (!y.attribute)
@@ -4118,11 +4118,11 @@ _e.combinator = Dd;
           case g.comment:
             if (N)
               if (re || se && se[f.FIELDS.TYPE] === g.space || N === "insensitive") {
-                var jt = (0, M.getProp)(y, "spaces", N, "after") || "", Mn = (0, M.getProp)(y, "raws", "spaces", N, "after") || jt;
-                (0, M.ensureObject)(y, "raws", "spaces", N), y.raws.spaces[N].after = Mn + W;
+                var jt = (0, P.getProp)(y, "spaces", N, "after") || "", Mn = (0, P.getProp)(y, "raws", "spaces", N, "after") || jt;
+                (0, P.ensureObject)(y, "raws", "spaces", N), y.raws.spaces[N].after = Mn + W;
               } else {
-                var bn = y[N] || "", Pn = (0, M.getProp)(y, "raws", N) || bn;
-                (0, M.ensureObject)(y, "raws"), y.raws[N] = Pn + W;
+                var bn = y[N] || "", Pn = (0, P.getProp)(y, "raws", N) || bn;
+                (0, P.ensureObject)(y, "raws"), y.raws[N] = Pn + W;
               }
             else
               De = De + W;
@@ -4185,7 +4185,7 @@ _e.combinator = Dd;
       return p === void 0 && (p = this.position), this.tokens[p + 0] && this.tokens[p + 0][f.FIELDS.TYPE] === g.slash && this.tokens[p + 1] && this.tokens[p + 1][f.FIELDS.TYPE] === g.word && this.tokens[p + 2] && this.tokens[p + 2][f.FIELDS.TYPE] === g.slash;
     }, Y.namedCombinator = function() {
       if (this.isNamedCombinator()) {
-        var p = this.content(this.tokens[this.position + 1]), D = (0, M.unesc)(p).toLowerCase(), G = {};
+        var p = this.content(this.tokens[this.position + 1]), D = (0, P.unesc)(p).toLowerCase(), G = {};
         D !== p && (G.value = "/" + p + "/");
         var y = new m.default({
           value: "/" + D + "/",
@@ -4973,7 +4973,7 @@ const Pf = (e, t, a) => {
       };
       return t.sizeClasses || o[t.size];
     });
-    return (o, s) => (P(), xe(zn(a.value || "div"), {
+    return (o, s) => (M(), xe(zn(a.value || "div"), {
       class: de([r.value, "inline-flex fill-current"])
     }, null, 8, ["class"]));
   }
@@ -5014,7 +5014,7 @@ const Pf = (e, t, a) => {
       const { isFulfilled: r } = t;
       return r ? t.disabled ? "cursor-not-allowed transition shadow border border-gray-300" : "cursor-pointer transition shadow hover:shadow-md group border border-gray-300 hover:border-gray-500" : "cursor-auto";
     });
-    return (r, o) => (P(), R("div", {
+    return (r, o) => (M(), R("div", {
       class: de(["mb-px w-full bg-white pb-3 pl-3 pr-4 pt-2 md:pt-3", n.value]),
       "data-testid": "rootDiv"
     }, [
@@ -5036,21 +5036,21 @@ const Pf = (e, t, a) => {
               ce(r.$slots, "description")
             ])
           ]),
-          r.$slots.planning ? (P(), R("span", Af, [
+          r.$slots.planning ? (M(), R("span", Af, [
             ce(r.$slots, "planning")
           ])) : X("", !0)
         ]),
         ie("div", $f, [
-          r.imgSrc || r.$slots.default ? (P(), R("div", Ef, [
-            r.imgSrc ? (P(), R("div", If, [
+          r.imgSrc || r.$slots.default ? (M(), R("div", Ef, [
+            r.imgSrc ? (M(), R("div", If, [
               ie("img", {
                 src: r.imgSrc,
                 class: "h-14 object-cover",
                 alt: `Thumbnail${r.imgAlt ? ` :${r.imgAlt}` : ""}`
               }, null, 8, Bf),
-              r.imgCount > 1 ? (P(), R("span", Lf, Be(r.imgCount), 1)) : X("", !0)
+              r.imgCount > 1 ? (M(), R("span", Lf, Be(r.imgCount), 1)) : X("", !0)
             ])) : X("", !0),
-            r.$slots.default ? (P(), R("h3", {
+            r.$slots.default ? (M(), R("h3", {
               key: 1,
               class: de(["text-sm font-medium leading-5 group-hover:underline", {
                 "ml-6": !r.isFulfilled,
@@ -5061,14 +5061,14 @@ const Pf = (e, t, a) => {
               ce(r.$slots, "default")
             ], 2)) : X("", !0)
           ])) : X("", !0),
-          r.$slots.textLength ? (P(), R("span", {
+          r.$slots.textLength ? (M(), R("span", {
             key: 1,
             class: de(["text-xs text-gray-700", r.isFulfilled ? "" : "ml-6"])
           }, [
             ce(r.$slots, "textLength")
           ], 2)) : X("", !0)
         ]),
-        r.$slots.timePublished ? (P(), R("span", Rf, [
+        r.$slots.timePublished ? (M(), R("span", Rf, [
           ce(r.$slots, "timePublished")
         ])) : X("", !0)
       ], 2)
@@ -5193,14 +5193,14 @@ const qf = { class: "group relative" }, Vf = ["for"], Uf = {
       u.value = _.value, n("input", _.value), n("update:modelValue", _.value);
     }, b = (_) => {
       o.value = !0, n("focus", _);
-    }, M = (_) => {
+    }, P = (_) => {
       o.value = !1, n("blur", _);
     }, v = (_) => {
       n("keyup", _);
     };
     return t({
       inputRef: l
-    }), (_, x) => (P(), R("div", qf, [
+    }), (_, x) => (M(), R("div", qf, [
       ie("label", {
         class: de([[
           m.value,
@@ -5208,7 +5208,7 @@ const qf = { class: "group relative" }, Vf = ["for"], Uf = {
         ], "pointer-events-none absolute left-3 origin-left select-none px-1 transition-all duration-150"]),
         for: A(s)
       }, Be(_.label), 11, Vf),
-      (P(), xe(zn(_.isTextarea ? "textarea" : "input"), {
+      (M(), xe(zn(_.isTextarea ? "textarea" : "input"), {
         id: A(s),
         ref_key: "inputRef",
         ref: l,
@@ -5232,15 +5232,15 @@ const qf = { class: "group relative" }, Vf = ["for"], Uf = {
         placeholder: _.placeholder,
         onInput: g,
         onFocus: x[1] || (x[1] = (C) => _.readonly && !_.isUiAutocomplete ? "" : b(C)),
-        onBlur: x[2] || (x[2] = (C) => _.readonly || _.isDateTimePicker ? "" : M(C)),
+        onBlur: x[2] || (x[2] = (C) => _.readonly || _.isDateTimePicker ? "" : P(C)),
         onKeyup: v
       }, null, 40, ["id", "modelValue", "value", "aria-label", "readonly", "disabled", "class", "type", "autocomplete", "is-date-time-picker", "placeholder"])),
-      _.inputStatus === "error" || _.inputStatus === "warning" || _.inputStatus === "info" ? (P(), R("div", {
+      _.inputStatus === "error" || _.inputStatus === "warning" || _.inputStatus === "info" ? (M(), R("div", {
         key: 0,
         class: de(w.value)
       }, Be(d.value), 3)) : X("", !0),
       ce(_.$slots, "buttons"),
-      _.chevron ? (P(), R("svg", Uf, Wf)) : X("", !0)
+      _.chevron ? (M(), R("svg", Uf, Wf)) : X("", !0)
     ]));
   }
 }), Go = (e, t) => {
@@ -5250,7 +5250,7 @@ const qf = { class: "group relative" }, Vf = ["for"], Uf = {
   return a;
 }, jf = {}, Qf = { class: "border text-base leading-6 focus:outline-none sm:text-sm sm:leading-5" };
 function Gf(e, t) {
-  return P(), R("ul", Qf, [
+  return M(), R("ul", Qf, [
     ce(e.$slots, "default")
   ]);
 }
@@ -5273,7 +5273,7 @@ const Xo = /* @__PURE__ */ Go(jf, [["render", Gf]]), Xf = ["checked", "aria-chec
     const a = t, n = (r) => {
       a("change", r.target?.checked);
     };
-    return (r, o) => (P(), R("label", {
+    return (r, o) => (M(), R("label", {
       class: de(["text-small flex flex-col", [r.disabled ? "text-gray-400" : "cursor-pointer text-gray-900"]])
     }, [
       ie("input", {
@@ -5296,7 +5296,7 @@ const Xo = /* @__PURE__ */ Go(jf, [["render", Gf]]), Xf = ["checked", "aria-chec
       }, [
         ce(r.$slots, "default")
       ], 2),
-      r.showError ? (P(), R("div", Kf, Be(r.errorMessage), 1)) : X("", !0)
+      r.showError ? (M(), R("div", Kf, Be(r.errorMessage), 1)) : X("", !0)
     ], 2));
   }
 }), Zf = {
@@ -5331,11 +5331,11 @@ const Xo = /* @__PURE__ */ Go(jf, [["render", Gf]]), Xf = ["checked", "aria-chec
       a.selected ? "is-selected" : "",
       a.disabled ? "text-gray-600" : "text-gray-800",
       a.selectable ? "pr-9" : "pr-4",
-      a.checkboxSize === "medium" ? "py-3 px-4" : "p-4"
+      a.checkboxSize === "medium" ? "py-3 px-4" : "px-4 py-2"
     ]), o = () => {
       n("list-item-click", a.value);
     };
-    return (s, l) => (P(), R("li", {
+    return (s, l) => (M(), R("li", {
       ref: "itemEl",
       class: de(["focus-visible:outline-blue relative cursor-pointer select-none list-none border-t fill-current text-gray-900 shadow-none first-of-type:border-none focus:outline-none", s.disabled ? "cursor-default" : "cursor-pointer"]),
       style: { "outline-offset": "-2px" },
@@ -5346,7 +5346,7 @@ const Xo = /* @__PURE__ */ Go(jf, [["render", Gf]]), Xf = ["checked", "aria-chec
         class: de([[r.value, s.overrideClasses], "block text-sm leading-normal hover:text-blue-default"])
       }, [
         ie("span", Zf, [
-          s.checkBoxMenu ? (P(), R("span", ep, [
+          s.checkBoxMenu ? (M(), R("span", ep, [
             Ye(Jf, {
               color: s.checkBoxColor,
               checked: s.isChecked,
@@ -5354,12 +5354,12 @@ const Xo = /* @__PURE__ */ Go(jf, [["render", Gf]]), Xf = ["checked", "aria-chec
               size: s.checkboxSize
             }, null, 8, ["color", "checked", "disabled", "size"])
           ])) : X("", !0),
-          s.iconName ? (P(), xe(ht, {
+          s.iconName ? (M(), xe(ht, {
             key: 1,
             name: s.iconName,
             "size-classes": "mr-2 h-4 w-4"
           }, null, 8, ["name"])) : X("", !0),
-          s.imageSrc ? (P(), R("img", {
+          s.imageSrc ? (M(), R("img", {
             key: 2,
             class: de(["mr-2 w-4", {
               "aspect-square": s.imageShape === "square",
@@ -5370,7 +5370,7 @@ const Xo = /* @__PURE__ */ Go(jf, [["render", Gf]]), Xf = ["checked", "aria-chec
           }, null, 10, tp)) : X("", !0),
           ce(s.$slots, "default")
         ]),
-        s.selected && s.selectable ? (P(), R("span", np, [
+        s.selected && s.selectable ? (M(), R("span", np, [
           Ye(ht, {
             name: "checkmark",
             size: s.iconSize
@@ -5417,10 +5417,10 @@ const Xo = /* @__PURE__ */ Go(jf, [["render", Gf]]), Xf = ["checked", "aria-chec
     }
     return mt(() => {
       n.options.length && w(), k(), typeof window.ResizeObserver < "u" && (u.value = new ResizeObserver((b) => {
-        for (const M of b)
-          k(M?.contentRect?.width);
+        for (const P of b)
+          k(P?.contentRect?.width);
       }), u.value.observe(r.value?.inputRef));
-    }), (b, M) => mn((P(), R("div", null, [
+    }), (b, P) => mn((M(), R("div", null, [
       Ye(Fs, {
         ref_key: "inputRef",
         ref: r,
@@ -5431,14 +5431,14 @@ const Xo = /* @__PURE__ */ Go(jf, [["render", Gf]]), Xf = ["checked", "aria-chec
         chevron: b.chevron,
         readonly: b.readonly,
         "is-ui-autocomplete": "",
-        onInput: M[0] || (M[0] = (v) => {
+        onInput: P[0] || (P[0] = (v) => {
           b.$emit("select", v), m();
         }),
         onKeyup: [
           Qn(an(f, ["stop", "prevent"]), ["down"]),
           Qn(an(g, ["stop", "prevent"]), ["up"]),
-          M[1] || (M[1] = Qn(an((v) => d(), ["stop", "prevent"]), ["enter"])),
-          M[2] || (M[2] = Qn(an((v) => b.options && b.options.length && l.value ? m() : "", ["stop", "prevent"]), ["esc"]))
+          P[1] || (P[1] = Qn(an((v) => d(), ["stop", "prevent"]), ["enter"])),
+          P[2] || (P[2] = Qn(an((v) => b.options && b.options.length && l.value ? m() : "", ["stop", "prevent"]), ["esc"]))
         ],
         onFocus: w
       }, null, 8, ["label", "placeholder", "model-value", "chevron", "readonly", "onKeyup"]),
@@ -5450,7 +5450,7 @@ const Xo = /* @__PURE__ */ Go(jf, [["render", Gf]]), Xf = ["checked", "aria-chec
       }, [
         Ye(Xo, null, {
           default: Pe(() => [
-            (P(!0), R(Ae, null, qe(b.options, (v, _) => (P(), xe(ir, {
+            (M(!0), R(Ae, null, qe(b.options, (v, _) => (M(), xe(ir, {
               id: `listbox-item-${_}`,
               key: `option-${_}`,
               value: v,
@@ -5460,7 +5460,7 @@ const Xo = /* @__PURE__ */ Go(jf, [["render", Gf]]), Xf = ["checked", "aria-chec
                 b.$emit("select", v), m();
               },
               onMouseenter: (x) => i.value = _,
-              onMouseleave: M[3] || (M[3] = (x) => i.value = void 0)
+              onMouseleave: P[3] || (P[3] = (x) => i.value = void 0)
             }, {
               default: Pe(() => [
                 At(Be(v), 1)
@@ -5508,29 +5508,29 @@ const Xo = /* @__PURE__ */ Go(jf, [["render", Gf]]), Xf = ["checked", "aria-chec
       "neon-green": "bg-green-neon text-white",
       "primary-green": "bg-green-primary text-white"
     })[t.color]);
-    return (n, r) => (P(), R("div", {
+    return (n, r) => (M(), R("div", {
       class: de(["group relative inline-block rounded-full px-2", [
         a.value,
         { "pl-2": n.iconName },
         n.small ? "py-0 text-xs" : "py-0.5 text-sm"
       ]])
     }, [
-      n.mobileTrim || n.trim ? (P(), R("span", {
+      n.mobileTrim || n.trim ? (M(), R("span", {
         key: 0,
         class: de(["absolute bottom-full left-1/2 -translate-x-1/2 rounded-full bg-gray-900 px-2 py-1 text-xs text-white opacity-0 transition-opacity group-hover:opacity-100", { "lg:hidden": n.mobileTrim }])
       }, Be(n.text), 3)) : X("", !0),
       ie("div", ap, [
-        n.iconName ? (P(), xe(ht, {
+        n.iconName ? (M(), xe(ht, {
           key: 0,
           name: n.iconName,
           size: "medium"
         }, null, 8, ["name"])) : X("", !0),
         ce(n.$slots, "default", {}, () => [
-          n.mobileTrim || n.trim ? (P(), R("span", {
+          n.mobileTrim || n.trim ? (M(), R("span", {
             key: 0,
             class: de({ "lg:hidden": n.mobileTrim })
           }, Be(n.text?.slice(0, 1)), 3)) : X("", !0),
-          n.screenReaderText ? (P(), R("span", rp, Be(n.screenReaderText), 1)) : X("", !0),
+          n.screenReaderText ? (M(), R("span", rp, Be(n.screenReaderText), 1)) : X("", !0),
           ie("span", {
             class: de([{ "hidden lg:inline": n.mobileTrim }, { hidden: n.trim }])
           }, Be(n.text), 3)
@@ -5585,7 +5585,7 @@ const Xo = /* @__PURE__ */ Go(jf, [["render", Gf]]), Xf = ["checked", "aria-chec
           return "h-10 text-base";
       }
     }), s = q(() => n.size === "xs" ? "xs" : n.size === "small" ? "small" : "medium"), l = q(() => n.href?.length ? "a" : "button");
-    return (i, u) => (P(), xe(zn(l.value), {
+    return (i, u) => (M(), xe(zn(l.value), {
       class: de(["UiButton focus-visible:outline-blue inline-flex items-center whitespace-nowrap font-medium leading-normal focus:outline-none", {
         "px-4": i.size !== "xs",
         "px-2": i.size === "xs",
@@ -5597,7 +5597,7 @@ const Xo = /* @__PURE__ */ Go(jf, [["render", Gf]]), Xf = ["checked", "aria-chec
       onClick: u[0] || (u[0] = (c) => a("click"))
     }, {
       default: Pe(() => [
-        i.iconName ? (P(), xe(ht, {
+        i.iconName ? (M(), xe(ht, {
           key: 0,
           name: i.iconName,
           size: s.value,
@@ -5610,13 +5610,13 @@ const Xo = /* @__PURE__ */ Go(jf, [["render", Gf]]), Xf = ["checked", "aria-chec
   }
 }), op = {}, ip = { class: "flex [&>*:first-child]:rounded-l-full [&>*:last-child]:rounded-r-full [&>*:last-child]:border-r [&>*]:border-[1px] [&>*]:border-r-0 [&>*]:border-gray-300" };
 function sp(e, t) {
-  return P(), R("div", ip, [
+  return M(), R("div", ip, [
     ce(e.$slots, "default")
   ]);
 }
 const s1 = /* @__PURE__ */ Go(op, [["render", sp]]), lp = {}, up = { class: "mb-4 rounded-2xl bg-gray-100 px-8 py-4 text-sm font-medium sm:w-full md:mr-7 md:w-[45.5%] lg:mr-8 lg:w-[46.5%]" };
 function cp(e, t) {
-  return P(), R("li", up, [
+  return M(), R("li", up, [
     ce(e.$slots, "default")
   ]);
 }
@@ -5644,9 +5644,9 @@ const l1 = /* @__PURE__ */ Go(lp, [["render", cp]]), u1 = /* @__PURE__ */ $e({
     }, l = (i) => {
       n.disabled || (i === 0 && n.firstEntryChecksAll ? s() : (r.value[i].isChecked = !r.value[i].isChecked, n.firstEntryChecksAll && (r.value[0].isChecked = o.value)), a("item-checked", r.value[i]), a("input", r.value));
     };
-    return (i, u) => (P(), xe(Xo, { class: "grid grid-cols-2 flex-wrap border-none pt-2 lg:flex lg:pt-0" }, {
+    return (i, u) => (M(), xe(Xo, { class: "grid grid-cols-2 flex-wrap border-none pt-2 lg:flex lg:pt-0" }, {
       default: Pe(() => [
-        (P(!0), R(Ae, null, qe(r.value, (c, d) => (P(), xe(ir, {
+        (M(!0), R(Ae, null, qe(r.value, (c, d) => (M(), xe(ir, {
           key: c.name,
           "is-checked": c.isChecked,
           class: "flex h-8 items-center border-none py-2 text-sm shadow-none lg:py-3",
@@ -5682,7 +5682,7 @@ const l1 = /* @__PURE__ */ Go(lp, [["render", cp]]), u1 = /* @__PURE__ */ $e({
       medium: "h-6 px-2 text-sm",
       big: "h-8 px-2 text-sm"
     })[t.size]);
-    return (r, o) => (P(), R("div", {
+    return (r, o) => (M(), R("div", {
       class: de(["whitespace-no-wrap min-w-max items-center rounded-full bg-gray-300 align-middle leading-normal text-gray-900", [r.isVisible ? "inline-flex" : "hidden", n.value, a.value]])
     }, [
       ce(r.$slots, "default")
@@ -5703,7 +5703,7 @@ const l1 = /* @__PURE__ */ Go(lp, [["render", cp]]), u1 = /* @__PURE__ */ $e({
     const n = () => {
       a.value = !a.value;
     };
-    return (r, o) => (P(), R(Ae, null, [
+    return (r, o) => (M(), R(Ae, null, [
       ie("div", {
         class: de(r.hasBorderTop ? "border-t-[1px] border-t-gray-300" : "")
       }, null, 2),
@@ -5730,7 +5730,7 @@ const l1 = /* @__PURE__ */ Go(lp, [["render", cp]]), u1 = /* @__PURE__ */ $e({
         "leave-to-class": "transform -translate-y-[20px] opacity-0"
       }, {
         default: Pe(() => [
-          a.value ? (P(), R("div", fp, [
+          a.value ? (M(), R("div", fp, [
             ce(r.$slots, "default")
           ])) : X("", !0)
         ]),
@@ -8461,10 +8461,10 @@ function Oo(e, t, a, n) {
     !n?.useAdditionalWeekYearTokens && tl(f) && Do(f, t, e), !n?.useAdditionalDayOfYearTokens && el(f) && Do(f, t, e);
     const g = f[0], b = r0[g];
     if (b) {
-      const { incompatibleTokens: M } = b;
-      if (Array.isArray(M)) {
+      const { incompatibleTokens: P } = b;
+      if (Array.isArray(P)) {
         const _ = d.find(
-          (x) => M.includes(x.token) || x.token === g
+          (x) => P.includes(x.token) || x.token === g
         );
         if (_)
           throw new RangeError(
@@ -8572,7 +8572,7 @@ function ul(e, t) {
 }
 function Sa() {
   const e = Gu();
-  return P(), R(
+  return M(), R(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -8603,7 +8603,7 @@ Sa.compatConfig = {
   MODE: 3
 };
 function cl() {
-  return P(), R(
+  return M(), R(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -8627,7 +8627,7 @@ cl.compatConfig = {
   MODE: 3
 };
 function ai() {
-  return P(), R(
+  return M(), R(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -8648,7 +8648,7 @@ ai.compatConfig = {
   MODE: 3
 };
 function ri() {
-  return P(), R(
+  return M(), R(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -8669,7 +8669,7 @@ ri.compatConfig = {
   MODE: 3
 };
 function oi() {
-  return P(), R(
+  return M(), R(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -8693,7 +8693,7 @@ oi.compatConfig = {
   MODE: 3
 };
 function ii() {
-  return P(), R(
+  return M(), R(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -8714,7 +8714,7 @@ ii.compatConfig = {
   MODE: 3
 };
 function si() {
-  return P(), R(
+  return M(), R(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -9215,7 +9215,7 @@ const Ao = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), hl = (e, t) =
     return e.format ? e.format : e.monthPicker ? "MM/yyyy" : e.timePicker ? t() : e.weekPicker ? `${((C = g.value) == null ? void 0 : C.type) === "iso" ? "RR" : "ww"}-yyyy` : e.yearPicker ? "yyyy" : e.quarterPicker ? "QQQ/yyyy" : e.enableTimePicker ? `MM/dd/yyyy, ${t()}` : "MM/dd/yyyy";
   }, n = (C) => yl(C, e.enableSeconds), r = () => _.value.enabled ? e.startTime && Array.isArray(e.startTime) ? [n(e.startTime[0]), n(e.startTime[1])] : null : e.startTime && !Array.isArray(e.startTime) ? n(e.startTime) : null, o = q(() => B0(e.multiCalendars)), s = q(() => r()), l = q(() => I0(e.ariaLabels)), i = q(() => N0(e.filters)), u = q(() => R0(e.transitions)), c = q(() => F0(e.actionRow)), d = q(
     () => L0(e.previewFormat, e.format, a())
-  ), m = q(() => z0(e.textInput)), w = q(() => Y0(e.inline)), k = q(() => q0(e.config)), f = q(() => V0(e.highlight)), g = q(() => U0(e.weekNumbers)), b = q(() => W0(e.timezone)), M = q(() => G0(e.multiDates)), v = q(
+  ), m = q(() => z0(e.textInput)), w = q(() => Y0(e.inline)), k = q(() => q0(e.config)), f = q(() => V0(e.highlight)), g = q(() => U0(e.weekNumbers)), b = q(() => W0(e.timezone)), P = q(() => G0(e.multiDates)), v = q(
     () => Q0({
       minDate: e.minDate,
       maxDate: e.maxDate,
@@ -9243,7 +9243,7 @@ const Ao = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), hl = (e, t) =
     defaultedRange: _,
     propDates: v,
     defaultedTz: b,
-    defaultedMultiDates: M,
+    defaultedMultiDates: P,
     defaultedUI: x,
     getDefaultPattern: a,
     getDefaultStartTime: r
@@ -9279,33 +9279,33 @@ const Ao = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), hl = (e, t) =
     hours: xn(y),
     minutes: Ln(y),
     seconds: t.enableSeconds ? ba(y) : 0
-  } : null, g = (y) => t.modelType ? V(y) : { month: ze(y), year: Ee(y) }, b = (y) => Array.isArray(y) ? l.value.enabled ? y.map((oe) => M(oe, hn(fe(), oe))) : tr(
+  } : null, g = (y) => t.modelType ? V(y) : { month: ze(y), year: Ee(y) }, b = (y) => Array.isArray(y) ? l.value.enabled ? y.map((oe) => P(oe, hn(fe(), oe))) : tr(
     () => [
       hn(fe(), y[0]),
       y[1] ? hn(fe(), y[1]) : la(o.value.partialRange)
     ],
     o.value.enabled
-  ) : hn(fe(), +y), M = (y, oe) => (typeof y == "string" || typeof y == "number") && t.modelType ? ae(y) : oe, v = (y) => Array.isArray(y) ? [
-    M(
+  ) : hn(fe(), +y), P = (y, oe) => (typeof y == "string" || typeof y == "number") && t.modelType ? ae(y) : oe, v = (y) => Array.isArray(y) ? [
+    P(
       y[0],
       En(null, +y[0].hours, +y[0].minutes, y[0].seconds)
     ),
-    M(
+    P(
       y[1],
       En(null, +y[1].hours, +y[1].minutes, y[1].seconds)
     )
-  ] : M(y, En(null, y.hours, y.minutes, y.seconds)), _ = (y) => {
+  ] : P(y, En(null, y.hours, y.minutes, y.seconds)), _ = (y) => {
     const oe = Ge(fe(), { date: 1 });
-    return Array.isArray(y) ? l.value.enabled ? y.map((ge) => M(ge, _n(oe, +ge.month, +ge.year))) : tr(
+    return Array.isArray(y) ? l.value.enabled ? y.map((ge) => P(ge, _n(oe, +ge.month, +ge.year))) : tr(
       () => [
-        M(y[0], _n(oe, +y[0].month, +y[0].year)),
-        M(
+        P(y[0], _n(oe, +y[0].month, +y[0].year)),
+        P(
           y[1],
           y[1] ? _n(oe, +y[1].month, +y[1].year) : la(o.value.partialRange)
         )
       ],
       o.value.enabled
-    ) : M(y, _n(oe, +y.month, +y.year));
+    ) : P(y, _n(oe, +y.month, +y.year));
   }, x = (y) => {
     if (Array.isArray(y))
       return y.map((oe) => ae(oe));
@@ -9553,7 +9553,7 @@ const Ao = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), hl = (e, t) =
       defaultedInline: i,
       defaultedRange: u,
       defaultedMultiDates: c
-    } = rt(n), { isTimeValid: d, isMonthValid: m } = qn(n), { buildMatrix: w } = Yn(), k = te(null), f = te(null), g = te(!1), b = te({}), M = te(null), v = te(null);
+    } = rt(n), { isTimeValid: d, isMonthValid: m } = qn(n), { buildMatrix: w } = Yn(), k = te(null), f = te(null), g = te(!1), b = te({}), P = te(null), v = te(null);
     mt(() => {
       n.arrowNavigation && w([bt(k), bt(f)], "actionRow"), _(), window.addEventListener("resize", _);
     }), vr(() => {
@@ -9562,7 +9562,7 @@ const Ao = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), hl = (e, t) =
     const _ = () => {
       g.value = !1, setTimeout(() => {
         var F, j;
-        const B = (F = M.value) == null ? void 0 : F.getBoundingClientRect(), ne = (j = v.value) == null ? void 0 : j.getBoundingClientRect();
+        const B = (F = P.value) == null ? void 0 : F.getBoundingClientRect(), ne = (j = v.value) == null ? void 0 : j.getBoundingClientRect();
         B && ne && (b.value.maxWidth = `${ne.width - B.width - 20}px`), g.value = !0;
       }, 0);
     }, x = q(() => u.value.enabled && !u.value.partialRange && n.internalModelValue ? n.internalModelValue.length === 2 : !0), C = q(
@@ -9585,7 +9585,7 @@ const Ao = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), hl = (e, t) =
     ), we = () => {
       d.value(n.internalModelValue) && m.value(n.internalModelValue) && x.value ? a("select-date") : a("invalid-select");
     };
-    return (F, j) => (P(), R("div", {
+    return (F, j) => (M(), R("div", {
       ref_key: "actionRowRef",
       ref: v,
       class: "dp__action_row"
@@ -9595,8 +9595,8 @@ const Ao = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), hl = (e, t) =
         disabled: C.value,
         selectDate: () => F.$emit("select-date"),
         closePicker: () => F.$emit("close-picker")
-      }))) : (P(), R(Ae, { key: 1 }, [
-        A(r).showPreview ? (P(), R("div", {
+      }))) : (M(), R(Ae, { key: 1 }, [
+        A(r).showPreview ? (M(), R("div", {
           key: 0,
           class: "dp__selection_preview",
           title: pe.value,
@@ -9606,13 +9606,13 @@ const Ao = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), hl = (e, t) =
             key: 0,
             value: F.internalModelValue
           }) : X("", !0),
-          !F.$slots["action-preview"] && g.value ? (P(), R(Ae, { key: 1 }, [
+          !F.$slots["action-preview"] && g.value ? (M(), R(Ae, { key: 1 }, [
             At(Be(pe.value), 1)
           ], 64)) : X("", !0)
         ], 12, Z0)) : X("", !0),
         ie("div", {
           ref_key: "actionBtnContainer",
-          ref: M,
+          ref: P,
           class: "dp__action_buttons",
           "data-dp-element": "action-row"
         }, [
@@ -9620,8 +9620,8 @@ const Ao = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), hl = (e, t) =
             key: 0,
             value: F.internalModelValue
           }) : X("", !0),
-          F.$slots["action-buttons"] ? X("", !0) : (P(), R(Ae, { key: 1 }, [
-            !A(i).enabled && A(r).showCancel ? (P(), R("button", {
+          F.$slots["action-buttons"] ? X("", !0) : (M(), R(Ae, { key: 1 }, [
+            !A(i).enabled && A(r).showCancel ? (M(), R("button", {
               key: 0,
               ref_key: "cancelButtonRef",
               ref: k,
@@ -9630,14 +9630,14 @@ const Ao = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), hl = (e, t) =
               onClick: j[0] || (j[0] = (B) => F.$emit("close-picker")),
               onKeydown: j[1] || (j[1] = (B) => A(It)(B, () => F.$emit("close-picker")))
             }, Be(F.cancelText), 545)) : X("", !0),
-            A(r).showNow ? (P(), R("button", {
+            A(r).showNow ? (M(), R("button", {
               key: 1,
               type: "button",
               class: "dp__action_button dp__action_cancel",
               onClick: j[2] || (j[2] = (B) => F.$emit("select-now")),
               onKeydown: j[3] || (j[3] = (B) => A(It)(B, () => F.$emit("select-now")))
             }, Be(F.nowButtonLabel), 33)) : X("", !0),
-            A(r).showSelect ? (P(), R("button", {
+            A(r).showSelect ? (M(), R("button", {
               key: 2,
               ref_key: "selectButtonRef",
               ref: f,
@@ -9678,7 +9678,7 @@ const Ao = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), hl = (e, t) =
   setup(e, { expose: t, emit: a }) {
     const { setSelectionGrid: n, buildMultiLevelMatrix: r, setMonthPicker: o } = Yn(), s = a, l = e, { defaultedAriaLabels: i, defaultedTextInput: u, defaultedConfig: c } = rt(
       l
-    ), { hideNavigationButtons: d } = xr(), m = te(!1), w = te(null), k = te(null), f = te([]), g = te(), b = te(null), M = te(0), v = te(null);
+    ), { hideNavigationButtons: d } = xr(), m = te(!1), w = te(null), k = te(null), f = te([]), g = te(), b = te(null), P = te(0), v = te(null);
     Xu(() => {
       w.value = null;
     }), mt(() => {
@@ -9725,7 +9725,7 @@ const Ao = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), hl = (e, t) =
     const le = (Y = !0) => {
       Bt().then(() => {
         const O = bt(w), p = bt(k), D = bt(b), G = bt(v), y = D ? D.getBoundingClientRect().height : 0;
-        p && (p.getBoundingClientRect().height ? M.value = p.getBoundingClientRect().height - y : M.value = c.value.modeHeight - y), O && G && Y && (G.scrollTop = O.offsetTop - G.offsetTop - (M.value / 2 - O.getBoundingClientRect().height) - y);
+        p && (p.getBoundingClientRect().height ? P.value = p.getBoundingClientRect().height - y : P.value = c.value.modeHeight - y), O && G && Y && (G.scrollTop = O.offsetTop - G.offsetTop - (P.value / 2 - O.getBoundingClientRect().height) - y);
       });
     }, pe = (Y) => {
       Y.disabled || s("selected", Y.value);
@@ -9772,7 +9772,7 @@ const Ao = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), hl = (e, t) =
     };
     return t({ focusGrid: x }), (Y, O) => {
       var p;
-      return P(), R("div", {
+      return M(), R("div", {
         ref_key: "gridWrapRef",
         ref: k,
         class: de(C.value),
@@ -9788,18 +9788,18 @@ const Ao = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), hl = (e, t) =
           ref_key: "containerRef",
           ref: v,
           class: de(I.value),
-          style: et({ "--dp-overlay-height": `${M.value}px` }),
+          style: et({ "--dp-overlay-height": `${P.value}px` }),
           role: "grid"
         }, [
           ie("div", am, [
             ce(Y.$slots, "header")
           ]),
-          Y.$slots.overlay ? ce(Y.$slots, "overlay", { key: 0 }) : (P(!0), R(Ae, { key: 1 }, qe(Y.items, (D, G) => (P(), R("div", {
+          Y.$slots.overlay ? ce(Y.$slots, "overlay", { key: 0 }) : (M(!0), R(Ae, { key: 1 }, qe(Y.items, (D, G) => (M(), R("div", {
             key: G,
             class: de(["dp__overlay_row", { dp__flex_row: Y.items.length >= 3 }]),
             role: "row"
           }, [
-            (P(!0), R(Ae, null, qe(D, (y, oe) => (P(), R("div", {
+            (M(!0), R(Ae, null, qe(D, (y, oe) => (M(), R("div", {
               key: y.value,
               ref_for: !0,
               ref: (ge) => j(ge, y, G, oe),
@@ -9820,14 +9820,14 @@ const Ao = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), hl = (e, t) =
                   key: 0,
                   item: y
                 }) : X("", !0),
-                Y.$slots.item ? X("", !0) : (P(), R(Ae, { key: 1 }, [
+                Y.$slots.item ? X("", !0) : (M(), R(Ae, { key: 1 }, [
                   At(Be(y.text), 1)
                 ], 64))
               ], 2)
             ], 42, rm))), 128))
           ], 2))), 128))
         ], 6),
-        Y.$slots["button-icon"] ? mn((P(), R("button", {
+        Y.$slots["button-icon"] ? mn((M(), R("button", {
           key: 0,
           ref_key: "toggleButton",
           ref: b,
@@ -9858,7 +9858,7 @@ const Ao = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), hl = (e, t) =
     ), n = q(() => ({
       dp__instance_calendar: t.multiCalendars > 0
     }));
-    return (r, o) => (P(), R("div", {
+    return (r, o) => (M(), R("div", {
       class: de({
         dp__menu_inner: !r.stretch,
         "dp--menu--inner-stretched": r.stretch,
@@ -9866,7 +9866,7 @@ const Ao = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), hl = (e, t) =
         "dp--flex-display-collapsed": r.collapse
       })
     }, [
-      (P(!0), R(Ae, null, qe(a.value, (s, l) => (P(), R("div", {
+      (M(!0), R(Ae, null, qe(a.value, (s, l) => (M(), R("div", {
         key: s,
         class: de(n.value)
       }, [
@@ -9890,7 +9890,7 @@ const Ao = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), hl = (e, t) =
   emits: ["activate", "set-ref"],
   setup(e, { emit: t }) {
     const a = t, n = te(null);
-    return mt(() => a("set-ref", n)), (r, o) => (P(), R("button", {
+    return mt(() => a("set-ref", n)), (r, o) => (M(), R("button", {
       ref_key: "elRef",
       ref: n,
       type: "button",
@@ -9921,30 +9921,30 @@ const Ao = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), hl = (e, t) =
   },
   emits: ["toggle-year-picker", "year-select", "handle-year"],
   setup(e, { emit: t }) {
-    const a = t, n = e, { showRightIcon: r, showLeftIcon: o } = xr(), { defaultedConfig: s, defaultedMultiCalendars: l, defaultedAriaLabels: i, defaultedTransitions: u, defaultedUI: c } = rt(n), { showTransition: d, transitionName: m } = Wa(u), w = te(!1), k = (b = !1, M) => {
-      w.value = !w.value, a("toggle-year-picker", { flow: b, show: M });
+    const a = t, n = e, { showRightIcon: r, showLeftIcon: o } = xr(), { defaultedConfig: s, defaultedMultiCalendars: l, defaultedAriaLabels: i, defaultedTransitions: u, defaultedUI: c } = rt(n), { showTransition: d, transitionName: m } = Wa(u), w = te(!1), k = (b = !1, P) => {
+      w.value = !w.value, a("toggle-year-picker", { flow: b, show: P });
     }, f = (b) => {
       w.value = !1, a("year-select", b);
     }, g = (b = !1) => {
       a("handle-year", b);
     };
-    return (b, M) => {
+    return (b, P) => {
       var v, _, x, C, E;
-      return P(), R(Ae, null, [
+      return M(), R(Ae, null, [
         ie("div", {
           class: de(["dp--year-mode-picker", { "dp--hidden-el": w.value }])
         }, [
-          A(o)(A(l), e.instance) ? (P(), xe(Ba, {
+          A(o)(A(l), e.instance) ? (M(), xe(Ba, {
             key: 0,
             ref: "mpPrevIconRef",
             "aria-label": (v = A(i)) == null ? void 0 : v.prevYear,
             disabled: e.isDisabled(!1),
             class: de((_ = A(c)) == null ? void 0 : _.navBtnPrev),
-            onActivate: M[0] || (M[0] = (H) => g(!1))
+            onActivate: P[0] || (P[0] = (H) => g(!1))
           }, {
             default: Pe(() => [
               b.$slots["arrow-left"] ? ce(b.$slots, "arrow-left", { key: 0 }) : X("", !0),
-              b.$slots["arrow-left"] ? X("", !0) : (P(), xe(A(ai), { key: 1 }))
+              b.$slots["arrow-left"] ? X("", !0) : (M(), xe(A(ai), { key: 1 }))
             ]),
             _: 3
           }, 8, ["aria-label", "disabled", "class"])) : X("", !0),
@@ -9954,28 +9954,28 @@ const Ao = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), hl = (e, t) =
             type: "button",
             "aria-label": `${e.year}-${(x = A(i)) == null ? void 0 : x.openYearsOverlay}`,
             "data-test": `year-mode-btn-${e.instance}`,
-            onClick: M[1] || (M[1] = () => k(!1)),
-            onKeydown: M[2] || (M[2] = Qn(() => k(!1), ["enter"]))
+            onClick: P[1] || (P[1] = () => k(!1)),
+            onKeydown: P[2] || (P[2] = Qn(() => k(!1), ["enter"]))
           }, [
             b.$slots.year ? ce(b.$slots, "year", {
               key: 0,
               year: e.year
             }) : X("", !0),
-            b.$slots.year ? X("", !0) : (P(), R(Ae, { key: 1 }, [
+            b.$slots.year ? X("", !0) : (M(), R(Ae, { key: 1 }, [
               At(Be(e.year), 1)
             ], 64))
           ], 40, sm),
-          A(r)(A(l), e.instance) ? (P(), xe(Ba, {
+          A(r)(A(l), e.instance) ? (M(), xe(Ba, {
             key: 1,
             ref: "mpNextIconRef",
             "aria-label": (C = A(i)) == null ? void 0 : C.nextYear,
             disabled: e.isDisabled(!0),
             class: de((E = A(c)) == null ? void 0 : E.navBtnNext),
-            onActivate: M[3] || (M[3] = (H) => g(!0))
+            onActivate: P[3] || (P[3] = (H) => g(!0))
           }, {
             default: Pe(() => [
               b.$slots["arrow-right"] ? ce(b.$slots, "arrow-right", { key: 0 }) : X("", !0),
-              b.$slots["arrow-right"] ? X("", !0) : (P(), xe(A(ri), { key: 1 }))
+              b.$slots["arrow-right"] ? X("", !0) : (M(), xe(A(ri), { key: 1 }))
             ]),
             _: 3
           }, 8, ["aria-label", "disabled", "class"])) : X("", !0)
@@ -9987,7 +9987,7 @@ const Ao = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), hl = (e, t) =
           default: Pe(() => {
             var H, L;
             return [
-              e.showYearPicker ? (P(), xe(Ha, {
+              e.showYearPicker ? (M(), xe(Ha, {
                 key: 0,
                 items: e.items,
                 "text-input": b.textInput,
@@ -9999,11 +9999,11 @@ const Ao = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), hl = (e, t) =
                 "overlay-label": (L = (H = A(i)) == null ? void 0 : H.yearPicker) == null ? void 0 : L.call(H, !0),
                 type: "year",
                 onToggle: k,
-                onSelected: M[4] || (M[4] = (I) => f(I))
+                onSelected: P[4] || (P[4] = (I) => f(I))
               }, Pt({
                 "button-icon": Pe(() => [
                   b.$slots["calendar-icon"] ? ce(b.$slots, "calendar-icon", { key: 0 }) : X("", !0),
-                  b.$slots["calendar-icon"] ? X("", !0) : (P(), xe(A(Sa), { key: 1 }))
+                  b.$slots["calendar-icon"] ? X("", !0) : (M(), xe(A(Sa), { key: 1 }))
                 ]),
                 _: 2
               }, [
@@ -10085,9 +10085,9 @@ const Ao = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), hl = (e, t) =
   }, b = (I, le) => {
     const pe = _p(le, I);
     return t.value.showLastInRange && pe > 1 ? le : I;
-  }, M = (I) => s.focusStartDate || e.value.solo ? I[0] : I[1] ? b(I[0], I[1]) : I[0], v = () => {
+  }, P = (I) => s.focusStartDate || e.value.solo ? I[0] : I[1] ? b(I[0], I[1]) : I[0], v = () => {
     if (o.value) {
-      const I = Array.isArray(o.value) ? M(o.value) : o.value;
+      const I = Array.isArray(o.value) ? P(o.value) : o.value;
       r.value[0] = { month: ze(I), year: Ee(I) };
     }
   }, _ = () => {
@@ -10141,7 +10141,7 @@ const Ao = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), hl = (e, t) =
     defaultedMultiDates: d
   } = rt(e), m = () => {
     e.isTextInputDate && _(Ee(fe(e.startDate)), 0);
-  }, { modelValue: w, year: k, month: f, calendars: g } = ja(e, t, m), b = q(() => dl(e.formatLocale, e.locale, e.monthNameFormat)), M = te(null), { checkMinMaxRange: v } = qn(e), {
+  }, { modelValue: w, year: k, month: f, calendars: g } = ja(e, t, m), b = q(() => dl(e.formatLocale, e.locale, e.monthNameFormat)), P = te(null), { checkMinMaxRange: v } = qn(e), {
     selectYear: _,
     groupedYears: x,
     showYearPicker: C,
@@ -10177,7 +10177,7 @@ const Ao = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), hl = (e, t) =
       const G = pe();
       if (Array.isArray(w.value) && Array.isArray(G)) {
         const y = F(p, D, 0) || F(p, D, 1), oe = _n(nn(fe()), p, k.value(D));
-        return br(w.value, M.value, oe) && !y;
+        return br(w.value, P.value, oe) && !y;
       }
       return !1;
     }
@@ -10230,7 +10230,7 @@ const Ao = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), hl = (e, t) =
       }), t("auto-apply");
     },
     setHoverDate: (p, D) => {
-      M.value = ne(p, D);
+      P.value = ne(p, D);
     },
     selectMonth: K,
     selectYear: Y,
@@ -10277,7 +10277,7 @@ const Ao = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), hl = (e, t) =
       presetDate: f,
       setHoverDate: g,
       selectMonth: b,
-      selectYear: M,
+      selectYear: P,
       toggleYearPicker: v,
       handleYearSelect: _,
       handleYear: x,
@@ -10288,9 +10288,9 @@ const Ao = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), hl = (e, t) =
       year: u,
       getModelMonthYear: C,
       selectMonth: b,
-      selectYear: M,
+      selectYear: P,
       handleYear: x
-    }), presetDate: f, toggleYearPicker: (E) => v(0, E) }), (E, H) => (P(), xe(kr, {
+    }), presetDate: f, toggleYearPicker: (E) => v(0, E) }), (E, H) => (M(), xe(kr, {
       "multi-calendars": A(d).count,
       collapse: E.collapse,
       stretch: ""
@@ -10305,9 +10305,9 @@ const Ao = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), hl = (e, t) =
           months: A(l)(L),
           years: A(i)(L),
           selectMonth: A(b),
-          selectYear: A(M),
+          selectYear: A(P),
           instance: L
-        }))) : (P(), xe(Ha, {
+        }))) : (M(), xe(Ha, {
           key: 2,
           items: A(l)(L),
           "arrow-navigation": E.arrowNavigation,
@@ -10369,8 +10369,8 @@ const Ao = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), hl = (e, t) =
       f.value,
       xa(u.value.minDate),
       xa(u.value.maxDate)
-    ) || l.value.years.includes(f.value), M = m(f.value) && !g, v = fi(o.value, f.value);
-    return { active: g, disabled: b, isBetween: M, highlighted: v };
+    ) || l.value.years.includes(f.value), P = m(f.value) && !g, v = fi(o.value, f.value);
+    return { active: g, disabled: b, isBetween: P, highlighted: v };
   })), k = (f) => hn(nn(za(/* @__PURE__ */ new Date())), f);
   return {
     groupedYears: w,
@@ -10409,7 +10409,7 @@ const Ao = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), hl = (e, t) =
     return t({ getSidebarProps: () => ({
       modelValue: s,
       selectYear: i
-    }) }), (d, m) => (P(), R("div", null, [
+    }) }), (d, m) => (M(), R("div", null, [
       d.$slots["top-extra"] ? ce(d.$slots, "top-extra", {
         key: 0,
         value: d.internalModelValue
@@ -10417,7 +10417,7 @@ const Ao = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), hl = (e, t) =
       d.$slots["month-year"] ? ce(d.$slots, "month-year", xt(wt({ key: 1 }, {
         years: A(o),
         selectYear: A(i)
-      }))) : (P(), xe(Ha, {
+      }))) : (M(), xe(Ha, {
         key: 2,
         items: A(o),
         "is-last": d.autoApply && !A(c).keepActionRow,
@@ -10478,7 +10478,7 @@ const Ao = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), hl = (e, t) =
       hours: !1,
       minutes: !1,
       seconds: !1
-    }), f = te("AM"), g = te(null), b = te([]), M = te(), v = te(!1);
+    }), f = te("AM"), g = te(null), b = te([]), P = te(), v = te(!1);
     mt(() => {
       n("mounted");
     });
@@ -10540,13 +10540,13 @@ const Ao = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), hl = (e, t) =
     }, O = (T) => r[`no${T[0].toUpperCase() + T.slice(1)}Overlay`], p = (T) => {
       O(T) || (k[T] = !k[T], k[T] ? (v.value = !0, n("overlay-opened", T)) : (v.value = !1, n("overlay-closed", T)));
     }, D = (T) => T === "hours" ? xn : T === "minutes" ? Ln : ba, G = () => {
-      M.value && clearTimeout(M.value);
+      P.value && clearTimeout(P.value);
     }, y = (T, W = !0, se) => {
       const J = W ? le : pe, Oe = W ? +r[`${T}Increment`] : -+r[`${T}Increment`];
       Y(+r[T] + Oe, T) && n(
         `update:${T}`,
         D(T)(J({ [T]: +r[T] }, { [T]: +r[`${T}Increment`] }))
-      ), !(se != null && se.keyboard) && c.value.timeArrowHoldThreshold && (M.value = setTimeout(() => {
+      ), !(se != null && se.keyboard) && c.value.timeArrowHoldThreshold && (P.value = setTimeout(() => {
         y(T, W);
       }, c.value.timeArrowHoldThreshold));
     }, oe = (T) => r.is24 ? T : (T >= 12 ? f.value = "PM" : f.value = "AM", k0(T)), ge = () => {
@@ -10565,18 +10565,18 @@ const Ao = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), hl = (e, t) =
     }, re = (T, W) => (p(T), n(`update:${T}`, W));
     return t({ openChildCmp: De }), (T, W) => {
       var se;
-      return T.disabled ? X("", !0) : (P(), R("div", fm, [
-        (P(!0), R(Ae, null, qe(F.value, (J, Oe) => {
+      return T.disabled ? X("", !0) : (M(), R("div", fm, [
+        (M(!0), R(Ae, null, qe(F.value, (J, Oe) => {
           var U, ue, ye;
-          return P(), R("div", {
+          return M(), R("div", {
             key: Oe,
             class: de(we.value)
           }, [
-            J.separator ? (P(), R(Ae, { key: 0 }, [
-              v.value ? X("", !0) : (P(), R(Ae, { key: 0 }, [
+            J.separator ? (M(), R(Ae, { key: 0 }, [
+              v.value ? X("", !0) : (M(), R(Ae, { key: 0 }, [
                 At(":")
               ], 64))
-            ], 64)) : (P(), R(Ae, { key: 1 }, [
+            ], 64)) : (M(), R(Ae, { key: 1 }, [
               ie("button", {
                 ref_for: !0,
                 ref: (Ce) => N(Ce, Oe, 0),
@@ -10597,14 +10597,14 @@ const Ao = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), hl = (e, t) =
                 onMousedown: (Ce) => A(c).timeArrowHoldThreshold ? y(J.type, !0) : void 0,
                 onMouseup: G
               }, [
-                r.timePickerInline ? (P(), R(Ae, { key: 1 }, [
-                  T.$slots["tp-inline-arrow-up"] ? ce(T.$slots, "tp-inline-arrow-up", { key: 0 }) : (P(), R(Ae, { key: 1 }, [
+                r.timePickerInline ? (M(), R(Ae, { key: 1 }, [
+                  T.$slots["tp-inline-arrow-up"] ? ce(T.$slots, "tp-inline-arrow-up", { key: 0 }) : (M(), R(Ae, { key: 1 }, [
                     W[2] || (W[2] = ie("span", { class: "dp__tp_inline_btn_bar dp__tp_btn_in_l" }, null, -1)),
                     W[3] || (W[3] = ie("span", { class: "dp__tp_inline_btn_bar dp__tp_btn_in_r" }, null, -1))
                   ], 64))
-                ], 64)) : (P(), R(Ae, { key: 0 }, [
+                ], 64)) : (M(), R(Ae, { key: 0 }, [
                   T.$slots["arrow-up"] ? ce(T.$slots, "arrow-up", { key: 0 }) : X("", !0),
-                  T.$slots["arrow-up"] ? X("", !0) : (P(), xe(A(ii), { key: 1 }))
+                  T.$slots["arrow-up"] ? X("", !0) : (M(), xe(A(ii), { key: 1 }))
                 ], 64))
               ], 42, pm),
               ie("button", {
@@ -10631,7 +10631,7 @@ const Ao = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), hl = (e, t) =
                   text: B.value(J.type).text,
                   value: B.value(J.type).value
                 }) : X("", !0),
-                T.$slots[J.type] ? X("", !0) : (P(), R(Ae, { key: 1 }, [
+                T.$slots[J.type] ? X("", !0) : (M(), R(Ae, { key: 1 }, [
                   At(Be(B.value(J.type).text), 1)
                 ], 64))
               ], 42, hm),
@@ -10655,26 +10655,26 @@ const Ao = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), hl = (e, t) =
                 onMousedown: (Ce) => A(c).timeArrowHoldThreshold ? y(J.type, !1) : void 0,
                 onMouseup: G
               }, [
-                r.timePickerInline ? (P(), R(Ae, { key: 1 }, [
-                  T.$slots["tp-inline-arrow-down"] ? ce(T.$slots, "tp-inline-arrow-down", { key: 0 }) : (P(), R(Ae, { key: 1 }, [
+                r.timePickerInline ? (M(), R(Ae, { key: 1 }, [
+                  T.$slots["tp-inline-arrow-down"] ? ce(T.$slots, "tp-inline-arrow-down", { key: 0 }) : (M(), R(Ae, { key: 1 }, [
                     W[4] || (W[4] = ie("span", { class: "dp__tp_inline_btn_bar dp__tp_btn_in_l" }, null, -1)),
                     W[5] || (W[5] = ie("span", { class: "dp__tp_inline_btn_bar dp__tp_btn_in_r" }, null, -1))
                   ], 64))
-                ], 64)) : (P(), R(Ae, { key: 0 }, [
+                ], 64)) : (M(), R(Ae, { key: 0 }, [
                   T.$slots["arrow-down"] ? ce(T.$slots, "arrow-down", { key: 0 }) : X("", !0),
-                  T.$slots["arrow-down"] ? X("", !0) : (P(), xe(A(si), { key: 1 }))
+                  T.$slots["arrow-down"] ? X("", !0) : (M(), xe(A(si), { key: 1 }))
                 ], 64))
               ], 42, mm)
             ], 64))
           ], 2);
         }), 128)),
-        T.is24 ? X("", !0) : (P(), R("div", vm, [
+        T.is24 ? X("", !0) : (M(), R("div", vm, [
           T.$slots["am-pm-button"] ? ce(T.$slots, "am-pm-button", {
             key: 0,
             toggle: ge,
             value: f.value
           }) : X("", !0),
-          T.$slots["am-pm-button"] ? X("", !0) : (P(), R("button", {
+          T.$slots["am-pm-button"] ? X("", !0) : (M(), R("button", {
             key: 1,
             ref_key: "amPmButton",
             ref: g,
@@ -10687,7 +10687,7 @@ const Ao = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), hl = (e, t) =
             onKeydown: W[0] || (W[0] = (J) => A(It)(J, () => ge(), !0))
           }, Be(f.value), 41, gm))
         ])),
-        (P(!0), R(Ae, null, qe(j.value, (J, Oe) => (P(), xe(Nn, {
+        (M(!0), R(Ae, null, qe(j.value, (J, Oe) => (M(), xe(Nn, {
           key: Oe,
           name: A(m)(k[J.type]),
           css: A(w)
@@ -10695,7 +10695,7 @@ const Ao = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), hl = (e, t) =
           default: Pe(() => {
             var U, ue;
             return [
-              k[J.type] ? (P(), xe(Ha, {
+              k[J.type] ? (M(), xe(Ha, {
                 key: 0,
                 items: ae(J.type),
                 "is-last": T.autoApply && !A(c).keepActionRow,
@@ -10712,7 +10712,7 @@ const Ao = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), hl = (e, t) =
               }, Pt({
                 "button-icon": Pe(() => [
                   T.$slots["clock-icon"] ? ce(T.$slots, "clock-icon", { key: 0 }) : X("", !0),
-                  T.$slots["clock-icon"] ? X("", !0) : (P(), xe(zn(T.timePickerInline ? A(Sa) : A(oi)), { key: 1 }))
+                  T.$slots["clock-icon"] ? X("", !0) : (M(), xe(zn(T.timePickerInline ? A(Sa) : A(oi)), { key: 1 }))
                 ]),
                 _: 2
               }, [
@@ -10770,7 +10770,7 @@ const Ao = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), hl = (e, t) =
     "am-pm-change"
   ],
   setup(e, { expose: t, emit: a }) {
-    const n = a, r = e, { buildMatrix: o, setTimePicker: s } = Yn(), l = ea(), { defaultedTransitions: i, defaultedAriaLabels: u, defaultedTextInput: c, defaultedConfig: d, defaultedRange: m } = rt(r), { transitionName: w, showTransition: k } = Wa(i), { hideNavigationButtons: f } = xr(), g = te(null), b = te(null), M = te([]), v = te(null), _ = te(!1);
+    const n = a, r = e, { buildMatrix: o, setTimePicker: s } = Yn(), l = ea(), { defaultedTransitions: i, defaultedAriaLabels: u, defaultedTextInput: c, defaultedConfig: d, defaultedRange: m } = rt(r), { transitionName: w, showTransition: k } = Wa(i), { hideNavigationButtons: f } = xr(), g = te(null), b = te(null), P = te([]), v = te(null), _ = te(!1);
     mt(() => {
       n("mount"), !r.timePicker && r.arrowNavigation ? o([bt(g.value)], "time") : s(!0, r.timePicker);
     });
@@ -10788,7 +10788,7 @@ const Ao = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), hl = (e, t) =
       return ae;
     }), L = (ae, V = !1, K = "") => {
       V || n("reset-flow"), C.value = ae, n(ae ? "overlay-opened" : "overlay-closed", Ct.time), r.arrowNavigation && s(ae), Bt(() => {
-        K !== "" && M.value[0] && M.value[0].openChildCmp(K);
+        K !== "" && P.value[0] && P.value[0].openChildCmp(K);
       });
     }, I = q(() => ({
       dp__btn: !0,
@@ -10812,8 +10812,8 @@ const Ao = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), hl = (e, t) =
     };
     return t({ toggleTimePicker: L }), (ae, V) => {
       var K;
-      return P(), R("div", bm, [
-        !ae.timePicker && !ae.timePickerInline ? mn((P(), R("button", {
+      return M(), R("div", bm, [
+        !ae.timePicker && !ae.timePickerInline ? mn((M(), R("button", {
           key: 0,
           ref_key: "openTimePickerBtn",
           ref: g,
@@ -10826,7 +10826,7 @@ const Ao = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), hl = (e, t) =
           onClick: V[1] || (V[1] = (Y) => L(!0))
         }, [
           ae.$slots["clock-icon"] ? ce(ae.$slots, "clock-icon", { key: 0 }) : X("", !0),
-          ae.$slots["clock-icon"] ? X("", !0) : (P(), xe(A(oi), { key: 1 }))
+          ae.$slots["clock-icon"] ? X("", !0) : (M(), xe(A(oi), { key: 1 }))
         ], 42, wm)), [
           [ha, !A(f)(ae.hideNavigation, "time")]
         ]) : X("", !0),
@@ -10837,7 +10837,7 @@ const Ao = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), hl = (e, t) =
           default: Pe(() => {
             var Y, O;
             return [
-              C.value || ae.timePicker || ae.timePickerInline ? (P(), R("div", {
+              C.value || ae.timePicker || ae.timePickerInline ? (M(), R("div", {
                 key: 0,
                 ref_key: "overlayRef",
                 ref: v,
@@ -10866,11 +10866,11 @@ const Ao = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), hl = (e, t) =
                     setMinutes: F,
                     setSeconds: j
                   }) : X("", !0),
-                  ae.$slots["time-picker-overlay"] ? X("", !0) : (P(), R("div", {
+                  ae.$slots["time-picker-overlay"] ? X("", !0) : (M(), R("div", {
                     key: 1,
                     class: de(ae.timePickerInline ? "dp__flex" : "dp__overlay_row dp__flex_row")
                   }, [
-                    (P(!0), R(Ae, null, qe(H.value, (p, D) => mn((P(), xe(ym, wt({
+                    (M(!0), R(Ae, null, qe(H.value, (p, D) => mn((M(), xe(ym, wt({
                       key: D,
                       ref_for: !0
                     }, {
@@ -10885,7 +10885,7 @@ const Ao = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), hl = (e, t) =
                     }, {
                       ref_for: !0,
                       ref_key: "timeInputRefs",
-                      ref: M,
+                      ref: P,
                       "validate-time": (G, y) => e.validateTime(G, pe(y, D, G)),
                       "onUpdate:hours": (G) => we(pe(G, D, "hours")),
                       "onUpdate:minutes": (G) => F(pe(G, D, "minutes")),
@@ -10905,7 +10905,7 @@ const Ao = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), hl = (e, t) =
                       [ha, D === 0 ? !0 : x.value]
                     ])), 128))
                   ], 2)),
-                  !ae.timePicker && !ae.timePickerInline ? mn((P(), R("button", {
+                  !ae.timePicker && !ae.timePickerInline ? mn((M(), R("button", {
                     key: 2,
                     ref_key: "closeTimePickerBtn",
                     ref: b,
@@ -10917,7 +10917,7 @@ const Ao = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), hl = (e, t) =
                     onClick: V[4] || (V[4] = (p) => L(!1))
                   }, [
                     ae.$slots["calendar-icon"] ? ce(ae.$slots, "calendar-icon", { key: 0 }) : X("", !0),
-                    ae.$slots["calendar-icon"] ? X("", !0) : (P(), xe(A(Sa), { key: 1 }))
+                    ae.$slots["calendar-icon"] ? X("", !0) : (M(), xe(A(Sa), { key: 1 }))
                   ], 42, _m)), [
                     [ha, !A(f)(ae.hideNavigation, "time")]
                   ]) : X("", !0)
@@ -10968,7 +10968,7 @@ const Ao = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), hl = (e, t) =
       disabledArr: []
     };
     return (_ || _ === 0) && (x.hours = _), Array.isArray(e.disabledTimes) && (x.disabledArr = r.value.enabled && Array.isArray(e.disabledTimes[v]) ? e.disabledTimes[v] : e.disabledTimes), x;
-  }, M = q(() => (v, _) => {
+  }, P = q(() => (v, _) => {
     var x;
     if (Array.isArray(e.disabledTimes)) {
       const { disabledArr: C, hours: E } = b(v, _), H = C.filter((L) => +L.hours === E);
@@ -10990,7 +10990,7 @@ const Ao = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), hl = (e, t) =
     getSecondsValue: s,
     assignStartTime: g,
     validateTime: c,
-    disabledTimesConfig: M
+    disabledTimesConfig: P
   };
 }, xm = (e, t) => {
   const a = () => {
@@ -11021,10 +11021,10 @@ const Ao = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), hl = (e, t) =
       ];
     } else
       n.value = Ft(u(g()), l.value.timezone);
-  }, M = (C) => Array.isArray(C) ? [Kn(fe(C[0])), Kn(fe(C[1]))] : [Kn(C ?? fe())], v = (C, E, H) => {
+  }, P = (C) => Array.isArray(C) ? [Kn(fe(C[0])), Kn(fe(C[1]))] : [Kn(C ?? fe())], v = (C, E, H) => {
     c("hours", C), c("minutes", E), c("seconds", e.enableSeconds ? H : 0);
   }, _ = () => {
-    const [C, E] = M(n.value);
+    const [C, E] = P(n.value);
     return s.value.enabled ? v(
       [C.hours, E.hours],
       [C.minutes, E.minutes],
@@ -11075,7 +11075,7 @@ const Ao = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), hl = (e, t) =
     }), toggleTimePicker: (w, k = !1, f = "") => {
       var g;
       (g = l.value) == null || g.toggleTimePicker(w, k, f);
-    } }), (w, k) => (P(), xe(kr, {
+    } }), (w, k) => (M(), xe(kr, {
       "multi-calendars": 0,
       stretch: ""
     }, {
@@ -11136,7 +11136,7 @@ const Ao = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), hl = (e, t) =
       defaultedHighlight: c,
       propDates: d,
       defaultedUI: m
-    } = rt(r), { transitionName: w, showTransition: k } = Wa(o), { buildMatrix: f } = Yn(), { handleMonthYearChange: g, isDisabled: b, updateMonthYear: M } = J0(r, n), { showLeftIcon: v, showRightIcon: _ } = xr(), x = te(!1), C = te(!1), E = te(!1), H = te([null, null, null, null]);
+    } = rt(r), { transitionName: w, showTransition: k } = Wa(o), { buildMatrix: f } = Yn(), { handleMonthYearChange: g, isDisabled: b, updateMonthYear: P } = J0(r, n), { showLeftIcon: v, showRightIcon: _ } = xr(), x = te(!1), C = te(!1), E = te(!1), H = te([null, null, null, null]);
     mt(() => {
       n("mount");
     });
@@ -11151,7 +11151,7 @@ const Ao = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), hl = (e, t) =
       year: r.year,
       items: O === en.month ? r.months : r.years,
       instance: r.instance,
-      updateMonthYear: M,
+      updateMonthYear: P,
       toggle: O === en.month ? ne : me
     })), we = q(() => r.months.find((p) => p.value === r.month) || { text: "", value: 0 }), F = q(() => _a(r.months, (O) => {
       const p = r.month === O.value, D = Fa(
@@ -11212,15 +11212,15 @@ const Ao = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), hl = (e, t) =
       handleMonthYearChange: g
     }), (O, p) => {
       var D, G, y, oe, ge, De;
-      return P(), R("div", Sm, [
-        O.$slots["month-year"] ? (P(), R("div", Mm, [
-          ce(O.$slots, "month-year", xt(zt({ month: e.month, year: e.year, months: e.months, years: e.years, updateMonthYear: A(M), handleMonthYearChange: A(g), instance: e.instance })))
-        ])) : (P(), R(Ae, { key: 1 }, [
-          O.$slots["top-extra"] ? (P(), R("div", Pm, [
+      return M(), R("div", Sm, [
+        O.$slots["month-year"] ? (M(), R("div", Mm, [
+          ce(O.$slots, "month-year", xt(zt({ month: e.month, year: e.year, months: e.months, years: e.years, updateMonthYear: A(P), handleMonthYearChange: A(g), instance: e.instance })))
+        ])) : (M(), R(Ae, { key: 1 }, [
+          O.$slots["top-extra"] ? (M(), R("div", Pm, [
             ce(O.$slots, "top-extra", { value: O.internalModelValue })
           ])) : X("", !0),
           ie("div", Dm, [
-            A(v)(A(l), e.instance) && !O.vertical ? (P(), xe(Ba, {
+            A(v)(A(l), e.instance) && !O.vertical ? (M(), xe(Ba, {
               key: 0,
               "aria-label": (D = A(s)) == null ? void 0 : D.prevMonth,
               disabled: A(b)(!1),
@@ -11231,7 +11231,7 @@ const Ao = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), hl = (e, t) =
             }, {
               default: Pe(() => [
                 O.$slots["arrow-left"] ? ce(O.$slots, "arrow-left", { key: 0 }) : X("", !0),
-                O.$slots["arrow-left"] ? X("", !0) : (P(), xe(A(ai), { key: 1 }))
+                O.$slots["arrow-left"] ? X("", !0) : (M(), xe(A(ai), { key: 1 }))
               ]),
               _: 3
             }, 8, ["aria-label", "disabled", "class"])) : X("", !0),
@@ -11240,7 +11240,7 @@ const Ao = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), hl = (e, t) =
                 dp__year_disable_select: O.disableYearSelect
               }])
             }, [
-              (P(!0), R(Ae, null, qe(Y.value, (N, re) => (P(), R(Ae, {
+              (M(!0), R(Ae, null, qe(Y.value, (N, re) => (M(), R(Ae, {
                 key: N.type
               }, [
                 ie("button", {
@@ -11259,7 +11259,7 @@ const Ao = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), hl = (e, t) =
                     text: N.text,
                     value: r[N.type]
                   }) : X("", !0),
-                  O.$slots[N.type] ? X("", !0) : (P(), R(Ae, { key: 1 }, [
+                  O.$slots[N.type] ? X("", !0) : (M(), R(Ae, { key: 1 }, [
                     At(Be(N.text), 1)
                   ], 64))
                 ], 42, Om),
@@ -11268,7 +11268,7 @@ const Ao = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), hl = (e, t) =
                   css: A(k)
                 }, {
                   default: Pe(() => [
-                    N.showSelectionGrid ? (P(), xe(Ha, {
+                    N.showSelectionGrid ? (M(), xe(Ha, {
                       key: 0,
                       items: N.items,
                       "arrow-navigation": O.arrowNavigation,
@@ -11288,7 +11288,7 @@ const Ao = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), hl = (e, t) =
                     }, Pt({
                       "button-icon": Pe(() => [
                         O.$slots["calendar-icon"] ? ce(O.$slots, "calendar-icon", { key: 0 }) : X("", !0),
-                        O.$slots["calendar-icon"] ? X("", !0) : (P(), xe(A(Sa), { key: 1 }))
+                        O.$slots["calendar-icon"] ? X("", !0) : (M(), xe(A(Sa), { key: 1 }))
                       ]),
                       _: 2
                     }, [
@@ -11324,7 +11324,7 @@ const Ao = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), hl = (e, t) =
                 }, 1032, ["name", "css"])
               ], 64))), 128))
             ], 2),
-            A(v)(A(l), e.instance) && O.vertical ? (P(), xe(Ba, {
+            A(v)(A(l), e.instance) && O.vertical ? (M(), xe(Ba, {
               key: 1,
               "aria-label": (y = A(s)) == null ? void 0 : y.prevMonth,
               "el-name": "action-prev",
@@ -11334,11 +11334,11 @@ const Ao = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), hl = (e, t) =
             }, {
               default: Pe(() => [
                 O.$slots["arrow-up"] ? ce(O.$slots, "arrow-up", { key: 0 }) : X("", !0),
-                O.$slots["arrow-up"] ? X("", !0) : (P(), xe(A(ii), { key: 1 }))
+                O.$slots["arrow-up"] ? X("", !0) : (M(), xe(A(ii), { key: 1 }))
               ]),
               _: 3
             }, 8, ["aria-label", "disabled", "class"])) : X("", !0),
-            A(_)(A(l), e.instance) ? (P(), xe(Ba, {
+            A(_)(A(l), e.instance) ? (M(), xe(Ba, {
               key: 2,
               ref: "rightIcon",
               "el-name": "action-next",
@@ -11350,7 +11350,7 @@ const Ao = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), hl = (e, t) =
             }, {
               default: Pe(() => [
                 O.$slots[O.vertical ? "arrow-down" : "arrow-right"] ? ce(O.$slots, O.vertical ? "arrow-down" : "arrow-right", { key: 0 }) : X("", !0),
-                O.$slots[O.vertical ? "arrow-down" : "arrow-right"] ? X("", !0) : (P(), xe(zn(O.vertical ? A(si) : A(ri)), { key: 1 }))
+                O.$slots[O.vertical ? "arrow-down" : "arrow-right"] ? X("", !0) : (M(), xe(zn(O.vertical ? A(si) : A(ri)), { key: 1 }))
               ]),
               _: 3
             }, 8, ["disabled", "aria-label", "class"])) : X("", !0)
@@ -11405,14 +11405,14 @@ const Ao = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), hl = (e, t) =
       bottom: "",
       left: "",
       transform: ""
-    }), f = te([]), g = te(null), b = te(!0), M = te(""), v = te({ startX: 0, endX: 0, startY: 0, endY: 0 }), _ = te([]), x = te({ left: "50%" }), C = te(!1), E = q(() => r.calendar ? r.calendar(r.mappedDates) : r.mappedDates), H = q(() => r.dayNames ? Array.isArray(r.dayNames) ? r.dayNames : r.dayNames(r.locale, +r.weekStart) : w0(r.formatLocale, r.locale, +r.weekStart));
+    }), f = te([]), g = te(null), b = te(!0), P = te(""), v = te({ startX: 0, endX: 0, startY: 0, endY: 0 }), _ = te([]), x = te({ left: "50%" }), C = te(!1), E = q(() => r.calendar ? r.calendar(r.mappedDates) : r.mappedDates), H = q(() => r.dayNames ? Array.isArray(r.dayNames) ? r.dayNames : r.dayNames(r.locale, +r.weekStart) : w0(r.formatLocale, r.locale, +r.weekStart));
     mt(() => {
       n("mount", { cmp: "calendar", refs: f }), l.value.noSwipe || g.value && (g.value.addEventListener("touchstart", V, { passive: !1 }), g.value.addEventListener("touchend", K, { passive: !1 }), g.value.addEventListener("touchmove", Y, { passive: !1 })), r.monthChangeOnScroll && g.value && g.value.addEventListener("wheel", D, { passive: !1 });
     });
     const L = (N) => N ? r.vertical ? "vNext" : "next" : r.vertical ? "vPrevious" : "previous", I = (N, re) => {
       if (r.transitions) {
         const T = Lt(_n(fe(), r.month, r.year));
-        M.value = ct(Lt(_n(fe(), N, re)), T) ? s.value[L(!0)] : s.value[L(!1)], b.value = !1, Bt(() => {
+        P.value = ct(Lt(_n(fe(), N, re)), T) ? s.value[L(!0)] : s.value[L(!1)], b.value = !1, Bt(() => {
           b.value = !0;
         });
       }
@@ -11476,7 +11476,7 @@ const Ao = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), hl = (e, t) =
     }, De = (N) => {
       d.value.enabled && d.value.dragSelect ? (C.value = !0, n("select-date", N)) : d.value.enabled && n("select-date", N);
     };
-    return t({ triggerTransition: I }), (N, re) => (P(), R("div", {
+    return t({ triggerTransition: I }), (N, re) => (M(), R("div", {
       class: de(F.value)
     }, [
       ie("div", {
@@ -11486,10 +11486,10 @@ const Ao = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), hl = (e, t) =
         role: "grid"
       }, [
         ie("div", Am, [
-          N.weekNumbers ? (P(), R("div", $m, Be(N.weekNumName), 1)) : X("", !0),
-          (P(!0), R(Ae, null, qe(H.value, (T, W) => {
+          N.weekNumbers ? (M(), R("div", $m, Be(N.weekNumName), 1)) : X("", !0),
+          (M(!0), R(Ae, null, qe(H.value, (T, W) => {
             var se, J;
-            return P(), R("div", {
+            return M(), R("div", {
               key: W,
               class: "dp__calendar_header_item",
               role: "gridcell",
@@ -11501,7 +11501,7 @@ const Ao = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), hl = (e, t) =
                 day: T,
                 index: W
               }) : X("", !0),
-              N.$slots["calendar-header"] ? X("", !0) : (P(), R(Ae, { key: 1 }, [
+              N.$slots["calendar-header"] ? X("", !0) : (M(), R(Ae, { key: 1 }, [
                 At(Be(T), 1)
               ], 64))
             ], 8, Em);
@@ -11509,27 +11509,27 @@ const Ao = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), hl = (e, t) =
         ]),
         re[2] || (re[2] = ie("div", { class: "dp__calendar_header_separator" }, null, -1)),
         Ye(Nn, {
-          name: M.value,
+          name: P.value,
           css: !!N.transitions
         }, {
           default: Pe(() => [
-            b.value ? (P(), R("div", {
+            b.value ? (M(), R("div", {
               key: 0,
               class: "dp__calendar",
               role: "rowgroup",
               onMouseleave: re[1] || (re[1] = (T) => C.value = !1)
             }, [
-              (P(!0), R(Ae, null, qe(E.value, (T, W) => (P(), R("div", {
+              (M(!0), R(Ae, null, qe(E.value, (T, W) => (M(), R("div", {
                 key: W,
                 class: "dp__calendar_row",
                 role: "row"
               }, [
-                N.weekNumbers ? (P(), R("div", Im, [
+                N.weekNumbers ? (M(), R("div", Im, [
                   ie("div", Bm, Be(y(T.days)), 1)
                 ])) : X("", !0),
-                (P(!0), R(Ae, null, qe(T.days, (se, J) => {
+                (M(!0), R(Ae, null, qe(T.days, (se, J) => {
                   var Oe, U, ue;
-                  return P(), R("div", {
+                  return M(), R("div", {
                     id: A(_l)(se.value),
                     ref_for: !0,
                     ref: (ye) => p(ye, W, J),
@@ -11557,22 +11557,22 @@ const Ao = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), hl = (e, t) =
                         day: +se.text,
                         date: se.value
                       }) : X("", !0),
-                      N.$slots.day ? X("", !0) : (P(), R(Ae, { key: 1 }, [
+                      N.$slots.day ? X("", !0) : (M(), R(Ae, { key: 1 }, [
                         At(Be(se.text), 1)
                       ], 64)),
-                      se.marker && j.value(se) ? (P(), R(Ae, { key: 2 }, [
+                      se.marker && j.value(se) ? (M(), R(Ae, { key: 2 }, [
                         N.$slots.marker ? ce(N.$slots, "marker", {
                           key: 0,
                           marker: se.marker,
                           day: +se.text,
                           date: se.value
-                        }) : (P(), R("div", {
+                        }) : (M(), R("div", {
                           key: 1,
                           class: de(pe.value(se.marker)),
                           style: et(se.marker.color ? { backgroundColor: se.marker.color } : {})
                         }, null, 6))
                       ], 64)) : X("", !0),
-                      we.value(se.value) ? (P(), R("div", {
+                      we.value(se.value) ? (M(), R("div", {
                         key: 3,
                         ref_for: !0,
                         ref_key: "activeTooltip",
@@ -11580,12 +11580,12 @@ const Ao = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), hl = (e, t) =
                         class: "dp__marker_tooltip",
                         style: et(k.value)
                       }, [
-                        (ue = se.marker) != null && ue.tooltip ? (P(), R("div", {
+                        (ue = se.marker) != null && ue.tooltip ? (M(), R("div", {
                           key: 0,
                           class: "dp__tooltip_content",
                           onClick: ge
                         }, [
-                          (P(!0), R(Ae, null, qe(se.marker.tooltip, (ye, Ce) => (P(), R("div", {
+                          (M(!0), R(Ae, null, qe(se.marker.tooltip, (ye, Ce) => (M(), R("div", {
                             key: Ce,
                             class: "dp__tooltip_text"
                           }, [
@@ -11594,7 +11594,7 @@ const Ao = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), hl = (e, t) =
                               tooltip: ye,
                               day: se.value
                             }) : X("", !0),
-                            N.$slots["marker-tooltip"] ? X("", !0) : (P(), R(Ae, { key: 1 }, [
+                            N.$slots["marker-tooltip"] ? X("", !0) : (M(), R(Ae, { key: 1 }, [
                               ie("div", {
                                 class: "dp__tooltip_mark",
                                 style: et(ye.color ? { backgroundColor: ye.color } : {})
@@ -11627,7 +11627,7 @@ const Ao = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), hl = (e, t) =
     defaultedConfig: f,
     defaultedTz: g,
     propDates: b,
-    defaultedMultiDates: M
+    defaultedMultiDates: P
   } = rt(e), { validateMonthYearInRange: v, isDisabled: _, isDateRangeAllowed: x, checkMinMaxRange: C } = qn(e), { updateTimeValues: E, getSetDateTime: H, setTime: L, assignStartTime: I, validateTime: le, disabledTimesConfig: pe } = Ol(e, c, i, n), we = q(
     () => (Q) => u.value[Q] ? u.value[Q].month : 0
   ), F = q(
@@ -11674,9 +11674,9 @@ const Ao = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), hl = (e, t) =
     ];
     L("hours", ee(xn, "hours")), L("minutes", ee(Ln, "minutes")), L("seconds", ee(ba, "seconds"));
   }, G = (Q, ve) => {
-    if ((k.value.enabled || e.weekPicker) && !M.value.enabled)
+    if ((k.value.enabled || e.weekPicker) && !P.value.enabled)
       return D(Q, ve);
-    if (M.value.enabled && ve) {
+    if (P.value.enabled && ve) {
       const ee = Q[Q.length - 1];
       return O(ee, ve);
     }
@@ -11768,7 +11768,7 @@ const Ao = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), hl = (e, t) =
     return wn(vt), Oe(ee, he, be, St);
   }, ye = (Q) => {
     const ve = En(fe(Q.value), c.hours, c.minutes, Tt());
-    t("date-update", ve), M.value.enabled ? pi(ve, i, M.value.limit) : i.value = ve, n(), Bt().then(() => {
+    t("date-update", ve), P.value.enabled ? pi(ve, i, P.value.limit) : i.value = ve, n(), Bt().then(() => {
       ae();
     });
   }, Ce = (Q) => k.value.noDisabledRange ? gl(r.value[0], Q).some((ve) => _(ve)) : !1, Xe = () => {
@@ -11811,7 +11811,7 @@ const Ao = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), hl = (e, t) =
   }, Pn = (Q, ve = !1) => {
     if (_(Q.value) || !Q.current && e.hideOffsetDates) return t("invalid-date", Q.value);
     if (s.value = JSON.parse(JSON.stringify(Q)), !k.value.enabled) return ye(Q);
-    Zi(c.hours) && Zi(c.minutes) && !M.value.enabled && (yn(Q, ve), bn());
+    Zi(c.hours) && Zi(c.minutes) && !P.value.enabled && (yn(Q, ve), bn());
   }, na = (Q, ve) => {
     var ee;
     B(Q, ve.month, ve.year, !0), m.value.count && !m.value.solo && ge(Q), t("update-month-year", { instance: Q, month: ve.month, year: ve.year }), a(m.value.solo ? Q : void 0);
@@ -11829,7 +11829,7 @@ const Ao = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), hl = (e, t) =
     k.value.enabled ? i.value && Array.isArray(i.value) && i.value[0] ? i.value = st(Q, i.value[0]) ? [Q, i.value[0]] : [i.value[0], Q] : i.value = [Q] : i.value = Q, ne();
   }, Kt = () => {
     if (Array.isArray(i.value))
-      if (M.value.enabled) {
+      if (P.value.enabled) {
         const Q = Dn();
         i.value[i.value.length - 1] = H(Q);
       } else
@@ -11905,7 +11905,7 @@ const Ao = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), hl = (e, t) =
       handleArrow: f,
       handleScroll: g,
       handleSwipe: b,
-      selectDate: M,
+      selectDate: P,
       updateMonthYear: v,
       presetDate: _,
       selectCurrentDate: x,
@@ -11941,7 +11941,7 @@ const Ao = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), hl = (e, t) =
       n("update-flow-step");
     }
     const O = (re, T = !1) => {
-      M(re, T), r.spaceConfirm && n("select-date");
+      P(re, T), r.spaceConfirm && n("select-date");
     }, p = (re, T, W = 0) => {
       var se;
       (se = we.value[W]) == null || se.toggleMonthPicker(re, T);
@@ -11955,7 +11955,7 @@ const Ao = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), hl = (e, t) =
       var W;
       if (!r.range) {
         const se = i.value ? i.value : d, J = T ? new Date(T) : se, Oe = re ? on(J, { weekStartsOn: 1 }) : Xs(J, { weekStartsOn: 1 });
-        M({
+        P({
           value: Oe,
           current: ze(J) === s.value(0),
           text: "",
@@ -11988,19 +11988,19 @@ const Ao = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), hl = (e, t) =
         time: u,
         updateTime: C,
         updateMonthYear: v,
-        selectDate: M,
+        selectDate: P,
         presetDate: _
       }),
       changeMonth: oe,
       changeYear: ge,
       selectWeekDate: y
-    }), (re, T) => (P(), R(Ae, null, [
+    }), (re, T) => (M(), R(Ae, null, [
       Ye(kr, {
         "multi-calendars": A(pe).count,
         collapse: re.collapse
       }, {
         default: Pe(({ instance: W, index: se }) => [
-          re.disableMonthYearSelect ? X("", !0) : (P(), xe(Cm, wt({
+          re.disableMonthYearSelect ? X("", !0) : (M(), xe(Cm, wt({
             key: 0,
             ref: (J) => {
               J && (we.value[se] = J);
@@ -12033,7 +12033,7 @@ const Ao = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), hl = (e, t) =
             year: A(l)(W),
             instance: W
           }, re.$props, {
-            onSelectDate: (J) => A(M)(J, W !== 1),
+            onSelectDate: (J) => A(P)(J, W !== 1),
             onHandleSpace: (J) => O(J, W !== 1),
             onSetHoverDate: T[3] || (T[3] = (J) => A(L)(J)),
             onHandleScroll: (J) => A(g)(J, W),
@@ -12053,8 +12053,8 @@ const Ao = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), hl = (e, t) =
         ]),
         _: 3
       }, 8, ["multi-calendars", "collapse"]),
-      re.enableTimePicker ? (P(), R("div", Nm, [
-        re.$slots["time-picker"] ? ce(re.$slots, "time-picker", xt(wt({ key: 0 }, { time: A(u), updateTime: A(C) }))) : (P(), xe(Dl, wt({
+      re.enableTimePicker ? (M(), R("div", Nm, [
+        re.$slots["time-picker"] ? ce(re.$slots, "time-picker", xt(wt({ key: 0 }, { time: A(u), updateTime: A(C) }))) : (M(), xe(Dl, wt({
           key: 1,
           ref_key: "timePickerRef",
           ref: j
@@ -12093,7 +12093,7 @@ const Ao = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), hl = (e, t) =
     propDates: l,
     defaultedFilters: i,
     defaultedMultiDates: u
-  } = rt(e), { modelValue: c, year: d, month: m, calendars: w } = ja(e, t), { isDisabled: k } = qn(e), { selectYear: f, groupedYears: g, showYearPicker: b, isDisabled: M, toggleYearPicker: v, handleYearSelect: _, handleYear: x } = Pl({
+  } = rt(e), { modelValue: c, year: d, month: m, calendars: w } = ja(e, t), { isDisabled: k } = qn(e), { selectYear: f, groupedYears: g, showYearPicker: b, isDisabled: P, toggleYearPicker: v, handleYearSelect: _, handleYear: x } = Pl({
     modelValue: c,
     multiCalendars: n,
     range: s,
@@ -12142,7 +12142,7 @@ const Ao = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), hl = (e, t) =
     defaultedMultiCalendars: n,
     groupedYears: g,
     year: d,
-    isDisabled: M,
+    isDisabled: P,
     quarters: le,
     showYearPicker: b,
     modelValue: c,
@@ -12189,16 +12189,16 @@ const Ao = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), hl = (e, t) =
       setHoverDate: f,
       selectQuarter: g,
       toggleYearPicker: b,
-      handleYearSelect: M,
+      handleYearSelect: P,
       handleYear: v
     } = Ym(r, n);
     return t({ getSidebarProps: () => ({
       modelValue: w,
       year: c,
       selectQuarter: g,
-      handleYearSelect: M,
+      handleYearSelect: P,
       handleYear: v
-    }) }), (_, x) => (P(), xe(kr, {
+    }) }), (_, x) => (M(), xe(kr, {
       "multi-calendars": A(l).count,
       collapse: _.collapse,
       stretch: ""
@@ -12220,7 +12220,7 @@ const Ao = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), hl = (e, t) =
               year: A(c)(C),
               "is-disabled": (E) => A(d)(C, E),
               onHandleYear: (E) => A(v)(C, E),
-              onYearSelect: (E) => A(M)(E, C),
+              onYearSelect: (E) => A(P)(E, C),
               onToggleYearPicker: (E) => A(b)(C, E?.flow, E?.show)
             }), Pt({ _: 2 }, [
               qe(A(s), (E, H) => ({
@@ -12232,7 +12232,7 @@ const Ao = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), hl = (e, t) =
             ]), 1040, ["items", "instance", "show-year-picker", "year", "is-disabled", "onHandleYear", "onYearSelect", "onToggleYearPicker"])
           ]),
           ie("div", qm, [
-            (P(!0), R(Ae, null, qe(A(m)(C), (E, H) => (P(), R("div", { key: H }, [
+            (M(!0), R(Ae, null, qe(A(m)(C), (E, H) => (M(), R("div", { key: H }, [
               ie("button", {
                 type: "button",
                 class: de(["dp--qr-btn", {
@@ -12250,7 +12250,7 @@ const Ao = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), hl = (e, t) =
                   key: 0,
                   value: E.value,
                   text: E.text
-                }) : (P(), R(Ae, { key: 1 }, [
+                }) : (M(), R(Ae, { key: 1 }, [
                   At(Be(E.text), 1)
                 ], 64))
               ], 42, Vm)
@@ -12324,10 +12324,10 @@ const Ao = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), hl = (e, t) =
         noOverlayFocus: r.noOverlayFocus,
         menuWrapRef: o.value
       };
-    }), { setMenuFocused: l, setShiftKey: i, control: u } = xl(), c = ea(), { defaultedTextInput: d, defaultedInline: m, defaultedConfig: w, defaultedUI: k } = rt(r), f = te(null), g = te(0), b = te(null), M = te(!1), v = te(null);
+    }), { setMenuFocused: l, setShiftKey: i, control: u } = xl(), c = ea(), { defaultedTextInput: d, defaultedInline: m, defaultedConfig: w, defaultedUI: k } = rt(r), f = te(null), g = te(0), b = te(null), P = te(!1), v = te(null);
     mt(() => {
       if (!r.shadow) {
-        M.value = !0, _(), window.addEventListener("resize", _);
+        P.value = !0, _(), window.addEventListener("resize", _);
         const U = bt(o);
         if (U && !d.value.enabled && !m.value.enabled && (l(!0), B()), U) {
           const ue = (ye) => {
@@ -12429,7 +12429,7 @@ const Ao = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), hl = (e, t) =
       handleFlow: we
     }), (U, ue) => {
       var ye, Ce, Xe;
-      return P(), R("div", {
+      return M(), R("div", {
         id: U.uid ? `dp-menu-${U.uid}` : void 0,
         ref_key: "dpMenuRef",
         ref: o,
@@ -12442,18 +12442,18 @@ const Ao = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), hl = (e, t) =
         onClick: p,
         onKeydown: Oe
       }, [
-        (U.disabled || U.readonly) && A(m).enabled || U.loading ? (P(), R("div", {
+        (U.disabled || U.readonly) && A(m).enabled || U.loading ? (M(), R("div", {
           key: 0,
           class: de(Y.value)
         }, [
-          U.loading ? (P(), R("div", Wm, ue[19] || (ue[19] = [
+          U.loading ? (M(), R("div", Wm, ue[19] || (ue[19] = [
             ie("span", { class: "dp--menu-loader" }, null, -1)
           ]))) : X("", !0)
         ], 2)) : X("", !0),
-        U.$slots["menu-header"] ? (P(), R("div", jm, [
+        U.$slots["menu-header"] ? (M(), R("div", jm, [
           ce(U.$slots, "menu-header")
         ])) : X("", !0),
-        !A(m).enabled && !U.teleportCenter ? (P(), R("div", {
+        !A(m).enabled && !U.teleportCenter ? (M(), R("div", {
           key: 2,
           class: de(K.value)
         }, null, 2)) : X("", !0),
@@ -12466,20 +12466,20 @@ const Ao = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), hl = (e, t) =
           }),
           style: et({ "--dp-menu-width": `${g.value}px` })
         }, [
-          U.$slots["left-sidebar"] ? (P(), R("div", Qm, [
+          U.$slots["left-sidebar"] ? (M(), R("div", Qm, [
             ce(U.$slots, "left-sidebar", xt(zt(ne.value)))
           ])) : X("", !0),
-          U.presetDates.length ? (P(), R("div", {
+          U.presetDates.length ? (M(), R("div", {
             key: 1,
             class: de({ "dp--preset-dates-collapsed": e.collapse, "dp--preset-dates": !0 })
           }, [
-            (P(!0), R(Ae, null, qe(U.presetDates, (ke, Dt) => (P(), R(Ae, { key: Dt }, [
+            (M(!0), R(Ae, null, qe(U.presetDates, (ke, Dt) => (M(), R(Ae, { key: Dt }, [
               ke.slot ? ce(U.$slots, ke.slot, {
                 key: 0,
                 presetDate: T,
                 label: ke.label,
                 value: ke.value
-              }) : (P(), R("button", {
+              }) : (M(), R("button", {
                 key: 1,
                 type: "button",
                 style: et(ke.style || {}),
@@ -12496,7 +12496,7 @@ const Ao = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), hl = (e, t) =
             class: "dp__instance_calendar",
             role: "document"
           }, [
-            (P(), xe(zn(F.value), wt({
+            (M(), xe(zn(F.value), wt({
               ref_key: "dynCmpRef",
               ref: v
             }, s.value, {
@@ -12532,19 +12532,19 @@ const Ao = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), hl = (e, t) =
               }))
             ]), 1040, ["flow-step", "onMount", "onUpdateFlowStep", "onResetFlow"]))
           ], 512),
-          U.$slots["right-sidebar"] ? (P(), R("div", Xm, [
+          U.$slots["right-sidebar"] ? (M(), R("div", Xm, [
             ce(U.$slots, "right-sidebar", xt(zt(ne.value)))
           ])) : X("", !0),
-          U.$slots["action-extra"] ? (P(), R("div", Km, [
+          U.$slots["action-extra"] ? (M(), R("div", Km, [
             U.$slots["action-extra"] ? ce(U.$slots, "action-extra", {
               key: 0,
               selectCurrentDate: re
             }) : X("", !0)
           ])) : X("", !0)
         ], 6),
-        !U.autoApply || A(w).keepActionRow ? (P(), xe(tm, wt({
+        !U.autoApply || A(w).keepActionRow ? (M(), xe(tm, wt({
           key: 3,
-          "menu-mount": M.value
+          "menu-mount": P.value
         }, s.value, {
           "calendar-width": g.value,
           onClosePicker: ue[16] || (ue[16] = (ke) => U.$emit("close-picker")),
@@ -12596,7 +12596,7 @@ const Jm = ({
     d.value.left = `${B}px`;
   }, b = (B, ne) => {
     s.position === ua.left && g(B), s.position === ua.right && f(B, ne), s.position === ua.center && (d.value.left = `${B + ne / 2 - u.value.width / 2}px`);
-  }, M = (B) => {
+  }, P = (B) => {
     const { width: ne, height: me } = B.getBoundingClientRect(), { top: ae, left: V } = s.altPosition ? s.altPosition(B) : k(B);
     return { top: +ae, left: +V, width: ne, height: me };
   }, v = () => {
@@ -12618,14 +12618,14 @@ const Jm = ({
   }, C = ({ inputEl: B, left: ne, width: me }) => {
     window.screen.width > 768 && !c.value && b(ne, me), L(B);
   }, E = (B) => {
-    const { top: ne, left: me, height: ae, width: V } = M(B);
+    const { top: ne, left: me, height: ae, width: V } = P(B);
     d.value.top = `${ae + ne + +s.offset}px`, m.value = !1, c.value || (d.value.left = `${me + V / 2 - u.value.width / 2}px`), C({ inputEl: B, left: me, width: V });
   }, H = (B) => {
-    const { top: ne, left: me, width: ae } = M(B);
+    const { top: ne, left: me, width: ae } = P(B);
     d.value.top = `${ne - +s.offset - u.value.height}px`, m.value = !0, C({ inputEl: B, left: me, width: ae });
   }, L = (B) => {
     if (s.autoPosition) {
-      const { left: ne, width: me } = M(B), { left: ae, right: V } = u.value;
+      const { left: ne, width: me } = P(B), { left: ae, right: V } = u.value;
       if (!c.value) {
         if (Math.abs(ae) !== Math.abs(V)) {
           if (ae <= 0)
@@ -12820,7 +12820,7 @@ const Jm = ({
   }, g = (p) => {
     const D = Array.isArray(e.value) ? e.value[0] : null;
     return p ? !st(c.value ?? null, D) : !0;
-  }, b = (p, D = !0) => (i.value.enabled || t.weekPicker) && Array.isArray(e.value) && e.value.length === 2 ? t.hideOffsetDates && !p.current ? !1 : Ne(fe(p.value), e.value[D ? 0 : 1]) : i.value.enabled ? f(p, D) && g(D) || Ne(p.value, Array.isArray(e.value) ? e.value[0] : null) && k(D) : !1, M = (p, D) => {
+  }, b = (p, D = !0) => (i.value.enabled || t.weekPicker) && Array.isArray(e.value) && e.value.length === 2 ? t.hideOffsetDates && !p.current ? !1 : Ne(fe(p.value), e.value[D ? 0 : 1]) : i.value.enabled ? f(p, D) && g(D) || Ne(p.value, Array.isArray(e.value) ? e.value[0] : null) && k(D) : !1, P = (p, D) => {
     if (Array.isArray(e.value) && e.value[0] && e.value.length === 1) {
       const G = Ne(p.value, c.value);
       return D ? ct(e.value[0], p.value) && G : st(e.value[0], p.value) && G;
@@ -12919,8 +12919,8 @@ const Jm = ({
       dp__range_end: G,
       dp__range_between: j(p),
       dp__date_hover: Ne(p.value, c.value) && !D && !G && !t.weekPicker,
-      dp__date_hover_start: M(p, !0),
-      dp__date_hover_end: M(p, !1)
+      dp__date_hover_start: P(p, !0),
+      dp__date_hover_end: P(p, !1)
     };
   }, Y = (p) => ({
     ...K(p),
@@ -12954,7 +12954,7 @@ const Jm = ({
       return j >= +e.yearRange[0] && j <= e.yearRange[1];
     }
     return !0;
-  }, b = (F, j) => !!(Array.isArray(F) && F[j] && (a.value.maxRange || a.value.minRange) && g(F[j])), M = (F, j, B = 0) => {
+  }, b = (F, j) => !!(Array.isArray(F) && F[j] && (a.value.maxRange || a.value.minRange) && g(F[j])), P = (F, j, B = 0) => {
     if (b(j, B) && g(F)) {
       const ne = Hs(F, j[B]), me = gl(j[B], F), ae = me.length === 1 ? 0 : me.filter((K) => k(K)).length, V = Math.abs(ne) - (a.value.minMaxRawRange ? 0 : ae);
       if (a.value.minRange && a.value.maxRange)
@@ -13014,7 +13014,7 @@ const Jm = ({
     validateDate: i,
     validateMonthYearInRange: m,
     isDateRangeAllowed: f,
-    checkMinMaxRange: M,
+    checkMinMaxRange: P,
     isValidTime: I,
     isTimeValid: pe,
     isMonthValid: we
@@ -13089,7 +13089,7 @@ const Jm = ({
       defaultedUI: d,
       getDefaultPattern: m,
       getDefaultStartTime: w
-    } = rt(r), { checkMinMaxRange: k } = qn(r), f = te(), g = te(null), b = te(!1), M = te(!1), v = q(
+    } = rt(r), { checkMinMaxRange: k } = qn(r), f = te(), g = te(null), b = te(!1), P = te(!1), v = q(
       () => ({
         dp__pointer: !r.disabled && !r.readonly && !o.value.enabled,
         dp__disabled: r.disabled,
@@ -13111,7 +13111,7 @@ const Jm = ({
         o.value.format ?? m(),
         K ?? yl({}, r.enableSeconds),
         r.inputValue,
-        M.value,
+        P.value,
         r.formatLocale
       );
     }, C = (V) => {
@@ -13123,7 +13123,7 @@ const Jm = ({
         k(D, G, 0) && (f.value = p ? G : null);
       }
     }, E = () => {
-      M.value = !0;
+      P.value = !0;
     }, H = (V) => {
       if (u.value.enabled)
         C(V);
@@ -13135,7 +13135,7 @@ const Jm = ({
     }, L = (V) => {
       var K;
       const Y = typeof V == "string" ? V : (K = V.target) == null ? void 0 : K.value;
-      Y !== "" ? (o.value.openMenu && !r.isMenuOpen && n("open"), H(Y), n("set-input-date", f.value)) : _(), M.value = !1, n("update:input-value", Y), n("text-input", V, f.value);
+      Y !== "" ? (o.value.openMenu && !r.isMenuOpen && n("open"), H(Y), n("set-input-date", f.value)) : _(), P.value = !1, n("update:input-value", Y), n("text-input", V, f.value);
     }, I = (V) => {
       o.value.enabled ? (H(V.target.value), o.value.enterSubmit && $o(f.value) && r.inputValue !== "" ? (n("set-input-date", f.value, !0), f.value = null) : o.value.enterSubmit && r.inputValue === "" && (f.value = null, n("clear"))) : we(V);
     }, le = (V, K) => {
@@ -13172,9 +13172,9 @@ const Jm = ({
       setParsedDate: me
     }), (V, K) => {
       var Y, O, p;
-      return P(), R("div", { onClick: we }, [
+      return M(), R("div", { onClick: we }, [
         V.$slots.trigger && !V.$slots["dp-input"] && !A(l).enabled ? ce(V.$slots, "trigger", { key: 0 }) : X("", !0),
-        !V.$slots.trigger && (!A(l).enabled || A(l).input) ? (P(), R("div", av, [
+        !V.$slots.trigger && (!A(l).enabled || A(l).input) ? (M(), R("div", av, [
           V.$slots["dp-input"] && !V.$slots.trigger && (!A(l).enabled || A(l).enabled && A(l).input) ? ce(V.$slots, "dp-input", {
             key: 0,
             value: e.inputValue,
@@ -13191,7 +13191,7 @@ const Jm = ({
             closeMenu: () => V.$emit("close"),
             toggleMenu: () => V.$emit("toggle")
           }) : X("", !0),
-          V.$slots["dp-input"] ? X("", !0) : (P(), R("input", {
+          V.$slots["dp-input"] ? X("", !0) : (M(), R("input", {
             key: 1,
             id: V.uid ? `dp-input-${V.uid}` : void 0,
             ref_key: "inputRef",
@@ -13219,24 +13219,24 @@ const Jm = ({
           ie("div", {
             onClick: K[3] || (K[3] = (D) => n("toggle"))
           }, [
-            V.$slots["input-icon"] && !V.hideInputIcon ? (P(), R("span", {
+            V.$slots["input-icon"] && !V.hideInputIcon ? (M(), R("span", {
               key: 0,
               class: "dp__input_icon",
               onClick: K[1] || (K[1] = (D) => n("toggle"))
             }, [
               ce(V.$slots, "input-icon")
             ])) : X("", !0),
-            !V.$slots["input-icon"] && !V.hideInputIcon && !V.$slots["dp-input"] ? (P(), xe(A(Sa), {
+            !V.$slots["input-icon"] && !V.hideInputIcon && !V.$slots["dp-input"] ? (M(), xe(A(Sa), {
               key: 1,
               "aria-label": (O = A(s)) == null ? void 0 : O.calendarIcon,
               class: "dp__input_icon dp__input_icons",
               onClick: K[2] || (K[2] = (D) => n("toggle"))
             }, null, 8, ["aria-label"])) : X("", !0)
           ]),
-          V.$slots["clear-icon"] && e.inputValue && V.clearable && !V.disabled && !V.readonly ? (P(), R("span", ov, [
+          V.$slots["clear-icon"] && e.inputValue && V.clearable && !V.disabled && !V.readonly ? (M(), R("span", ov, [
             ce(V.$slots, "clear-icon", { clear: j })
           ])) : X("", !0),
-          V.clearable && !V.$slots["clear-icon"] && e.inputValue && !V.disabled && !V.readonly ? (P(), R("button", {
+          V.clearable && !V.$slots["clear-icon"] && e.inputValue && !V.disabled && !V.readonly ? (M(), R("button", {
             key: 3,
             "aria-label": (p = A(s)) == null ? void 0 : p.clearInput,
             class: "dp--clear-btn",
@@ -13311,7 +13311,7 @@ const Jm = ({
     "text-input"
   ],
   setup(e, { expose: t, emit: a }) {
-    const n = a, r = e, o = ea(), s = te(!1), l = Ra(r, "modelValue"), i = Ra(r, "timezone"), u = te(null), c = te(null), d = te(null), m = te(!1), w = te(null), k = te(!1), f = te(!1), g = te(!1), b = te(!1), { setMenuFocused: M, setShiftKey: v } = xl(), { clearArrowNav: _ } = Yn(), { validateDate: x, isValidTime: C } = qn(r), {
+    const n = a, r = e, o = ea(), s = te(!1), l = Ra(r, "modelValue"), i = Ra(r, "timezone"), u = te(null), c = te(null), d = te(null), m = te(!1), w = te(null), k = te(!1), f = te(!1), g = te(!1), b = te(!1), { setMenuFocused: P, setShiftKey: v } = xl(), { clearArrowNav: _ } = Yn(), { validateDate: x, isValidTime: C } = qn(r), {
       defaultedTransitions: E,
       defaultedTextInput: H,
       defaultedInline: L,
@@ -13402,7 +13402,7 @@ const Jm = ({
     }, yn = () => {
       H.value.enabled || (p.value = null);
     }, Tt = () => {
-      L.value.enabled || (s.value && (s.value = !1, ae.value = !1, M(!1), v(!1), _(), n("closed"), O.value && D(l.value)), yn(), n("blur"));
+      L.value.enabled || (s.value && (s.value = !1, ae.value = !1, P(!1), v(!1), _(), n("closed"), O.value && D(l.value)), yn(), n("blur"));
     }, jt = (ee, he, be = !1) => {
       if (!ee) {
         p.value = null;
@@ -13454,7 +13454,7 @@ const Jm = ({
       toggleMenu: bn,
       handleFlow: ve,
       dpWrapMenuRef: u
-    }), (ee, he) => (P(), R("div", {
+    }), (ee, he) => (M(), R("div", {
       ref_key: "pickerWrapperRef",
       ref: w,
       class: de(ge.value),
@@ -13486,14 +13486,14 @@ const Jm = ({
           ])
         }))
       ]), 1040, ["input-value", "is-menu-open", "onSetEmptyDate"]),
-      (P(), xe(zn(ee.teleport ? ju : "div"), xt(zt(N.value)), {
+      (M(), xe(zn(ee.teleport ? ju : "div"), xt(zt(N.value)), {
         default: Pe(() => [
           Ye(Nn, {
             name: A(we)(A(ne)),
             css: A(F) && !A(L).enabled
           }, {
             default: Pe(() => [
-              s.value ? (P(), R("div", wt({
+              s.value ? (M(), R("div", wt({
                 key: 0,
                 ref_key: "dpWrapMenuRef",
                 ref: u
@@ -13593,7 +13593,7 @@ const hv = ["disabled"], mv = { class: "w-full truncate" }, Eo = /* @__PURE__ */
     }, s = q(() => n.disabled ? "bg-white border border-gray-400" : n.active ? r[n.variant].includes("border") ? "bg-blue-default hover:bg-blue-dark border border-blue-default hover:border-blue-dark" : "bg-blue-default hover:bg-blue-dark" : r[n.variant]), l = q(() => n.disabled ? "text-gray-400" : n.active ? "text-white" : o[n.variant]), i = () => {
       n.disabled || a("click");
     };
-    return (u, c) => (P(), R("div", {
+    return (u, c) => (M(), R("div", {
       class: de([`${s.value} ${n.size === "xs" ? "py-0.5" : "py-1.5"}`, "flex w-full max-w-max cursor-pointer select-none items-center rounded-full pl-3 pr-4"]),
       onClick: i
     }, [
@@ -13605,14 +13605,14 @@ const hv = ["disabled"], mv = { class: "w-full truncate" }, Eo = /* @__PURE__ */
           "data-testid": "filterbutton-title",
           class: de(["flex w-full items-center justify-between text-sm font-medium leading-normal", `${l.value} ${n.size === "xs" ? "text-xs" : "text-sm"}`])
         }, [
-          u.iconLeft ? (P(), xe(ht, {
+          u.iconLeft ? (M(), xe(ht, {
             key: 0,
             name: u.iconLeft,
             size: u.iconSize,
             class: "mr-2"
           }, null, 8, ["name", "size"])) : X("", !0),
           ie("span", mv, Be(u.title), 1),
-          u.hasIcon ? (P(), xe(ht, {
+          u.hasIcon ? (M(), xe(ht, {
             key: 1,
             name: u.chevronIcon,
             class: de([{
@@ -14173,8 +14173,8 @@ const hv = ["disabled"], mv = { class: "w-full truncate" }, Eo = /* @__PURE__ */
       () => n.selectedDate,
       () => o.value = n.selectedDate
     );
-    const M = te(!1);
-    return (v, _) => (P(), R("div", null, [
+    const P = te(!1);
+    return (v, _) => (M(), R("div", null, [
       Ye(A(mi), wt(
         {
           ref_key: "datePickerRef",
@@ -14229,7 +14229,7 @@ const hv = ["disabled"], mv = { class: "w-full truncate" }, Eo = /* @__PURE__ */
         }
       ), Pt({
         "dp-input": Pe(({ value: x }) => [
-          v.roundedEdges ? (P(), xe(Eo, {
+          v.roundedEdges ? (M(), xe(Eo, {
             key: 0,
             id: "desktop-datepicker",
             rounded: "",
@@ -14242,7 +14242,7 @@ const hv = ["disabled"], mv = { class: "w-full truncate" }, Eo = /* @__PURE__ */
             "icon-left": v.iconLeft,
             title: x || v.placeholderText,
             onClick: _[0] || (_[0] = (C) => a("open"))
-          }, null, 8, ["active", "disabled", "icon-left", "title"])) : (P(), xe(Fs, {
+          }, null, 8, ["active", "disabled", "icon-left", "title"])) : (M(), xe(Fs, {
             key: 1,
             id: "desktop-datepicker",
             "model-value": x,
@@ -14254,7 +14254,7 @@ const hv = ["disabled"], mv = { class: "w-full truncate" }, Eo = /* @__PURE__ */
         ]),
         "action-extra": Pe(() => [
           ce(v.$slots, "actionArea", {}, () => [
-            v.actionAreaExtraContent.length > 0 ? (P(), R("div", jv, Be(v.actionAreaExtraContent), 1)) : X("", !0)
+            v.actionAreaExtraContent.length > 0 ? (M(), R("div", jv, Be(v.actionAreaExtraContent), 1)) : X("", !0)
           ])
         ]),
         "action-row": Pe(({ selectDate: x }) => [
@@ -14292,19 +14292,19 @@ const hv = ["disabled"], mv = { class: "w-full truncate" }, Eo = /* @__PURE__ */
             ie("div", Hv, [
               ie("div", {
                 class: "flex items-center justify-between",
-                onClick: _[1] || (_[1] = (x) => M.value = !M.value)
+                onClick: _[1] || (_[1] = (x) => P.value = !P.value)
               }, [
                 ie("span", Wv, Be(n.quickFilterHeadline), 1),
-                v.enableQuickfilterToggle ? (P(), xe(ht, {
+                v.enableQuickfilterToggle ? (M(), xe(ht, {
                   key: 0,
                   name: "chevron-down",
-                  class: de(["inline-flex rounded-full text-gray-700 transition-transform duration-500 hover:bg-gray-300 md:hidden", { "rotate-180": M.value }])
+                  class: de(["inline-flex rounded-full text-gray-700 transition-transform duration-500 hover:bg-gray-300 md:hidden", { "rotate-180": P.value }])
                 }, null, 8, ["class"])) : X("", !0)
               ]),
-              (P(!0), R(Ae, null, qe(v.quickFilterRanges, (x) => (P(), R("div", {
+              (M(!0), R(Ae, null, qe(v.quickFilterRanges, (x) => (M(), R("div", {
                 key: x.label,
                 class: de([
-                  !M.value && v.enableQuickfilterToggle ? "hidden" : "md:block"
+                  !P.value && v.enableQuickfilterToggle ? "hidden" : "md:block"
                 ])
               }, [
                 Ye(Eo, {
@@ -14329,7 +14329,7 @@ const hv = ["disabled"], mv = { class: "w-full truncate" }, Eo = /* @__PURE__ */
   __name: "UiOverlay",
   emits: ["close"],
   setup(e) {
-    return (t, a) => (P(), R("div", Gv, [
+    return (t, a) => (M(), R("div", Gv, [
       ie("div", {
         class: "fixed inset-0 h-screen bg-black opacity-60",
         "data-testid": "background",
@@ -14377,7 +14377,7 @@ const hv = ["disabled"], mv = { class: "w-full truncate" }, Eo = /* @__PURE__ */
         buttonSize: "h-16 w-16"
       }
     }, o = q(() => a[t.backgroundColor]), s = q(() => n[t.iconColor]), l = q(() => r[t.size].buttonSize), i = q(() => r[t.size].iconSize);
-    return (u, c) => (P(), R("button", {
+    return (u, c) => (M(), R("button", {
       disabled: u.disabled,
       "aria-label": u.title,
       class: de(["focus-visible:outline-blue group flex flex-none items-center justify-center rounded-full focus:outline-none", [s.value, o.value, l.value]]),
@@ -14538,11 +14538,11 @@ const lg = {
     }, o = (s) => {
       n.closeOnEsc && s.key === "Escape" && a("close");
     };
-    return rg(document, "keyup", (s) => o(s)), (s, l) => (P(), xe(Xv, {
+    return rg(document, "keyup", (s) => o(s)), (s, l) => (M(), xe(Xv, {
       onClose: l[1] || (l[1] = (i) => s.$emit("close"))
     }, {
       default: Pe(() => [
-        mn((P(), R("div", {
+        mn((M(), R("div", {
           class: de([{
             "scrolling-touch overflow-y-auto": s.scrollable,
             "rounded-[24px]": s.roundedBorder
@@ -14554,12 +14554,12 @@ const lg = {
       `, { left: "50%", transform: "translate(-50%, -50%)", width: "calc(100% - 2rem)" }]),
           "data-testid": "container"
         }, [
-          s.$slots.header ? (P(), R("header", {
+          s.$slots.header ? (M(), R("header", {
             key: 0,
             class: de(["flex h-12 items-center justify-between bg-gray-100 py-3 pl-4 pr-2 lg:h-14 lg:py-4 lg:pl-6 lg:pr-3", [s.roundedBorder ? "rounded-t-[24px]" : "", s.headerClasses]])
           }, [
             ce(s.$slots, "header"),
-            s.hasCloseButton ? (P(), xe(dr, {
+            s.hasCloseButton ? (M(), xe(dr, {
               key: 0,
               "icon-name": "close",
               "background-color": "none",
@@ -14577,7 +14577,7 @@ const lg = {
           }, [
             ce(s.$slots, "default")
           ], 2),
-          s.$slots.footer ? (P(), R("footer", lg, [
+          s.$slots.footer ? (M(), R("footer", lg, [
             ce(s.$slots, "footer")
           ])) : X("", !0)
         ], 6)), [
@@ -14602,7 +14602,7 @@ const lg = {
       large: "text-lg font-medium leading-relaxed",
       xl: "text-2xl font-medium leading-loose"
     })[t.size]);
-    return (n, r) => (P(), R("div", {
+    return (n, r) => (M(), R("div", {
       class: "flex items-center",
       style: et({ color: n.fill })
     }, [
@@ -14632,7 +14632,7 @@ const lg = {
   emits: ["click"],
   setup(e, { emit: t }) {
     const a = t;
-    return (n, r) => (P(), R("div", {
+    return (n, r) => (M(), R("div", {
       class: "group relative flex items-center px-2 py-1.5",
       style: et({ color: n.fill })
     }, [
@@ -14677,8 +14677,8 @@ const lg = {
   },
   setup(e) {
     const t = e, a = q(() => t.iconBackground === "gray" ? "bg-gray-100" : t.iconBackground === "green" ? "bg-green-neon" : "bg-white"), n = q(() => t.iconColor === "gray" ? "text-gray-400" : "text-white");
-    return (r, o) => (P(), R("div", cg, [
-      r.iconName ? (P(), R("div", {
+    return (r, o) => (M(), R("div", cg, [
+      r.iconName ? (M(), R("div", {
         key: 0,
         class: de(["rounded-full p-6 shadow-default", [a.value, n.value]]),
         "data-testid": "info-icon"
@@ -14689,13 +14689,13 @@ const lg = {
           "data-testid": "icon"
         }, null, 8, ["name", "size"])
       ], 2)) : X("", !0),
-      r.$slots.title ? (P(), R("h2", dg, [
+      r.$slots.title ? (M(), R("h2", dg, [
         ce(r.$slots, "title")
       ])) : X("", !0),
-      r.$slots.default ? (P(), R("span", fg, [
+      r.$slots.default ? (M(), R("span", fg, [
         ce(r.$slots, "default")
       ])) : X("", !0),
-      r.$slots.actions ? (P(), R("div", pg, [
+      r.$slots.actions ? (M(), R("div", pg, [
         ce(r.$slots, "actions")
       ])) : X("", !0)
     ]));
@@ -14736,8 +14736,8 @@ const lg = {
     })[n.size]), i = ({ target: u }) => {
       a("input", u.value);
     };
-    return (u, c) => (P(), R("div", hg, [
-      u.hasIcon ? (P(), xe(ht, {
+    return (u, c) => (M(), R("div", hg, [
+      u.hasIcon ? (M(), xe(ht, {
         key: 0,
         class: "absolute text-gray-700",
         name: "search",
@@ -14902,7 +14902,7 @@ const Sg = async (e, t, a) => {
       name: g,
       fn: b
     } = l[f], {
-      x: M,
+      x: P,
       y: v,
       data: _,
       reset: x
@@ -14920,7 +14920,7 @@ const Sg = async (e, t, a) => {
         floating: t
       }
     });
-    c = M ?? c, d = v ?? d, w = {
+    c = P ?? c, d = v ?? d, w = {
       ...w,
       [g]: {
         ...w[g],
@@ -14964,7 +14964,7 @@ async function Mg(e, t) {
     boundary: u,
     rootBoundary: c,
     strategy: i
-  })), M = d === "floating" ? {
+  })), P = d === "floating" ? {
     ...s.floating,
     x: n,
     y: r
@@ -14976,10 +14976,10 @@ async function Mg(e, t) {
     y: 1
   }, x = pr(o.convertOffsetParentRelativeRectToViewportRelativeRect ? await o.convertOffsetParentRelativeRectToViewportRelativeRect({
     elements: l,
-    rect: M,
+    rect: P,
     offsetParent: v,
     strategy: i
-  }) : M);
+  }) : P);
   return {
     top: (b.top - x.top + k.top) / _.y,
     bottom: (x.bottom - b.bottom + k.bottom) / _.y,
@@ -15008,18 +15008,18 @@ const Dg = function(e) {
         allowedPlacements: m = as,
         autoAlignment: w = !0,
         ...k
-      } = Al(e, t), f = d !== void 0 || m === as ? Pg(d || null, w, m) : m, g = await Mg(t, k), b = ((a = s.autoPlacement) == null ? void 0 : a.index) || 0, M = f[b];
-      if (M == null)
+      } = Al(e, t), f = d !== void 0 || m === as ? Pg(d || null, w, m) : m, g = await Mg(t, k), b = ((a = s.autoPlacement) == null ? void 0 : a.index) || 0, P = f[b];
+      if (P == null)
         return {};
-      const v = kg(M, o, await (i.isRTL == null ? void 0 : i.isRTL(u.floating)));
-      if (l !== M)
+      const v = kg(P, o, await (i.isRTL == null ? void 0 : i.isRTL(u.floating)));
+      if (l !== P)
         return {
           reset: {
             placement: f[0]
           }
         };
-      const _ = [g[Tr(M)], g[v[0]], g[v[1]]], x = [...((n = s.autoPlacement) == null ? void 0 : n.overflows) || [], {
-        placement: M,
+      const _ = [g[Tr(P)], g[v[0]], g[v[1]]], x = [...((n = s.autoPlacement) == null ? void 0 : n.overflows) || [], {
+        placement: P,
         overflows: _
       }], C = f[b + 1];
       if (C)
@@ -15218,8 +15218,8 @@ function Zn(e, t, a, n) {
     const m = Wt(o), w = n && vn(n) ? Wt(n) : n;
     let k = m.frameElement;
     for (; k && n && w !== m; ) {
-      const f = ga(k), g = k.getBoundingClientRect(), b = Qt(k), M = g.left + (k.clientLeft + parseFloat(b.paddingLeft)) * f.x, v = g.top + (k.clientTop + parseFloat(b.paddingTop)) * f.y;
-      i *= f.x, u *= f.y, c *= f.x, d *= f.y, i += M, u += v, k = Wt(k).frameElement;
+      const f = ga(k), g = k.getBoundingClientRect(), b = Qt(k), P = g.left + (k.clientLeft + parseFloat(b.paddingLeft)) * f.x, v = g.top + (k.clientTop + parseFloat(b.paddingTop)) * f.y;
+      i *= f.x, u *= f.y, c *= f.x, d *= f.y, i += P, u += v, k = Wt(k).frameElement;
     }
   }
   return pr({
@@ -15455,7 +15455,7 @@ function jg(e, t) {
     } = e.getBoundingClientRect();
     if (l || t(), !d || !m)
       return;
-    const w = ar(c), k = ar(r.clientWidth - (u + d)), f = ar(r.clientHeight - (c + m)), g = ar(u), M = {
+    const w = ar(c), k = ar(r.clientWidth - (u + d)), f = ar(r.clientHeight - (c + m)), g = ar(u), P = {
       rootMargin: -w + "px " + -k + "px " + -f + "px " + -g + "px",
       threshold: va(0, Bo(1, i)) || 1
     };
@@ -15473,12 +15473,12 @@ function jg(e, t) {
     }
     try {
       a = new IntersectionObserver(_, {
-        ...M,
+        ...P,
         // Handle <iframe>s
         root: r.ownerDocument
       });
     } catch {
-      a = new IntersectionObserver(_, M);
+      a = new IntersectionObserver(_, P);
     }
     a.observe(e);
   }
@@ -15501,8 +15501,8 @@ function Vl(e, t, a, n) {
   const d = u && l ? jg(u, a) : null;
   let m = -1, w = null;
   s && (w = new ResizeObserver((b) => {
-    let [M] = b;
-    M && M.target === u && w && (w.unobserve(t), cancelAnimationFrame(m), m = requestAnimationFrame(() => {
+    let [P] = b;
+    P && P.target === u && w && (w.unobserve(t), cancelAnimationFrame(m), m = requestAnimationFrame(() => {
       var v;
       (v = w) == null || v.observe(t);
     })), a();
@@ -15515,8 +15515,8 @@ function Vl(e, t, a, n) {
   }
   return a(), () => {
     var b;
-    c.forEach((M) => {
-      r && M.removeEventListener("scroll", a), o && M.removeEventListener("resize", a);
+    c.forEach((P) => {
+      r && P.removeEventListener("scroll", a), o && P.removeEventListener("resize", a);
     }), d?.(), (b = w) == null || b.disconnect(), w = null, i && cancelAnimationFrame(k);
   };
 }
@@ -15588,7 +15588,7 @@ function Hl(e, t, a) {
       top: L + "px"
     };
   });
-  let M;
+  let P;
   function v() {
     if (u.value == null || c.value == null)
       return;
@@ -15602,7 +15602,7 @@ function Hl(e, t, a) {
     });
   }
   function _() {
-    typeof M == "function" && (M(), M = void 0);
+    typeof P == "function" && (P(), P = void 0);
   }
   function x() {
     if (_(), n === void 0) {
@@ -15610,7 +15610,7 @@ function Hl(e, t, a) {
       return;
     }
     if (u.value != null && c.value != null) {
-      M = n(u.value, c.value, v);
+      P = n(u.value, c.value, v);
       return;
     }
   }
@@ -15642,9 +15642,12 @@ const Kg = { class: "relative" }, Jg = {
   "data-testid": "search-input"
 }, Zg = {
   key: 1,
-  class: "max-h-60 overflow-y-auto",
+  class: "max-h-80 overflow-y-auto",
   tabindex: "0"
-}, ey = { class: "flex h-6 items-center border-t bg-gray-100 px-4 text-xs font-semibold uppercase tracking-wider text-gray-700 first:border-t-0" }, ty = {
+}, ey = {
+  key: 0,
+  class: "flex h-6 items-center border-t bg-gray-100 px-4 text-xs font-semibold uppercase tracking-wider text-gray-700 first:border-t-0"
+}, ty = {
   key: 2,
   class: "max-h-60 overflow-y-auto",
   tabindex: "0"
@@ -15719,7 +15722,7 @@ const Kg = { class: "relative" }, Jg = {
     }, w = () => {
       n("reset");
     };
-    return (k, f) => mn((P(), R("div", Kg, [
+    return (k, f) => mn((M(), R("div", Kg, [
       Ye(Eo, {
         ref_key: "uiMenuActivator",
         ref: r,
@@ -15734,7 +15737,7 @@ const Kg = { class: "relative" }, Jg = {
         size: k.filterButtonSize,
         onClick: u
       }, null, 8, ["variant", "title", "disabled", "active", "icon-left", "class", "size"]),
-      k.isOpen ? (P(), xe(Xo, {
+      k.isOpen ? (M(), xe(Xo, {
         key: 0,
         ref_key: "uiMenuDropdown",
         ref: o,
@@ -15743,20 +15746,20 @@ const Kg = { class: "relative" }, Jg = {
         "data-testid": "menu"
       }, {
         default: Pe(() => [
-          k.hasSearch ? (P(), R("li", Jg, [
+          k.hasSearch ? (M(), R("li", Jg, [
             Ye(vg, {
               autofocus: k.hasAutoFocus,
               placeholder: k.searchPlaceholder,
               onInput: f[0] || (f[0] = (g) => m(g))
             }, null, 8, ["autofocus", "placeholder"])
           ])) : X("", !0),
-          k.groupedOptions ? (P(), R("ul", Zg, [
-            (P(!0), R(Ae, null, qe(k.groupedOptions, (g) => (P(), R(Ae, {
+          k.groupedOptions ? (M(), R("ul", Zg, [
+            (M(!0), R(Ae, null, qe(k.groupedOptions, (g) => (M(), R(Ae, {
               key: g.groupLabel
             }, [
-              ie("li", ey, Be(g.groupLabel), 1),
-              (P(!0), R(Ae, null, qe(g.options, (b, M) => (P(), xe(ir, {
-                key: `${g.groupLabel}-menuOptions-${M}`,
+              g.groupLabel ? (M(), R("li", ey, Be(g.groupLabel), 1)) : X("", !0),
+              (M(!0), R(Ae, null, qe(g.options, (b, P) => (M(), xe(ir, {
+                key: `${g.groupLabel}-menuOptions-${P}`,
                 selected: b.selected,
                 selectable: k.listVariant === "selectable",
                 "is-checked": b.selected,
@@ -15775,8 +15778,8 @@ const Kg = { class: "relative" }, Jg = {
                 _: 2
               }, 1032, ["selected", "selectable", "is-checked", "check-box-menu", "icon-size", "image-shape", "image-src", "checkbox-size", "check-box-color", "onListItemClick"]))), 128))
             ], 64))), 128))
-          ])) : (P(), R("ul", ty, [
-            (P(!0), R(Ae, null, qe(k.options, (g, b) => (P(), xe(ir, {
+          ])) : (M(), R("ul", ty, [
+            (M(!0), R(Ae, null, qe(k.options, (g, b) => (M(), xe(ir, {
               key: `menuOptions-${b}`,
               selected: g.selected,
               selectable: k.listVariant === "selectable",
@@ -15796,7 +15799,7 @@ const Kg = { class: "relative" }, Jg = {
               _: 2
             }, 1032, ["selected", "selectable", "is-checked", "check-box-menu", "icon-size", "image-shape", "image-src", "checkbox-size", "check-box-color", "onListItemClick"]))), 128))
           ])),
-          k.hasResetOption ? (P(), R("li", ny, [
+          k.hasResetOption ? (M(), R("li", ny, [
             Ye(sr, {
               rounded: "",
               color: "transparent",
@@ -15829,7 +15832,7 @@ const Kg = { class: "relative" }, Jg = {
     const a = t, n = () => {
       a("close");
     };
-    return (r, o) => mn((P(), R("div", ay, [
+    return (r, o) => mn((M(), R("div", ay, [
       ie("div", ry, [
         ce(r.$slots, "default")
       ])
@@ -15867,10 +15870,10 @@ const Kg = { class: "relative" }, Jg = {
     }
     return Bn(() => {
       n.value.length && (r.value = n.value);
-    }), (u, c) => (P(), R("div", {
+    }), (u, c) => (M(), R("div", {
       class: de(["flex gap-5", l.value])
     }, [
-      (P(!0), R(Ae, null, qe(r.value, (d) => (P(), R("span", {
+      (M(!0), R(Ae, null, qe(r.value, (d) => (M(), R("span", {
         key: d.label
       }, [
         ie("label", oy, [
@@ -15910,7 +15913,7 @@ const Kg = { class: "relative" }, Jg = {
       const o = t.borderTop ? "border-t" : "", s = t.borderBottom ? "border-b" : "";
       return `${o} ${s}`;
     });
-    return (o, s) => (P(), R("section", {
+    return (o, s) => (M(), R("section", {
       class: de([r.value, "w-full border-gray-200 bg-white"])
     }, [
       ie("div", {
@@ -15932,7 +15935,7 @@ const Kg = { class: "relative" }, Jg = {
       small: "h-px",
       large: "h-4"
     }, n = q(() => a[t.size]);
-    return (r, o) => (P(), R("div", {
+    return (r, o) => (M(), R("div", {
       class: de([[n.value, r.customClasses], "bg-gray-100"])
     }, null, 2));
   }
@@ -15947,7 +15950,7 @@ const Kg = { class: "relative" }, Jg = {
     const t = e, a = q(() => t.dynamicSize && `${Math.floor(
       Math.random() * (t.maxWidth - t.minWidth) + t.minWidth
     )}%`);
-    return (n, r) => (P(), R("span", {
+    return (n, r) => (M(), R("span", {
       class: de(["inline-block animate-pulse rounded bg-gray-200", {
         "h-4 w-full": n.dynamicSize
       }]),
@@ -16052,10 +16055,10 @@ const Kg = { class: "relative" }, Jg = {
       green: "text-green-primary",
       white: "text-white"
     })[t.color]);
-    return (n, r) => (P(), R("div", {
+    return (n, r) => (M(), R("div", {
       class: de(a.value)
     }, [
-      n.variant === "bubbles" ? (P(), R("svg", sy, dy)) : (P(), xe(ht, {
+      n.variant === "bubbles" ? (M(), R("svg", sy, dy)) : (M(), xe(ht, {
         key: 1,
         name: "spinner",
         class: "animate-spin",
@@ -16080,7 +16083,7 @@ const Kg = { class: "relative" }, Jg = {
       (r) => {
         r && a("input", r);
       }
-    ), (r, o) => (P(), xe(Nn, {
+    ), (r, o) => (M(), xe(Nn, {
       "enter-active-class": "duration-200 ease-out",
       "enter-from-class": "transform opacity-0",
       "enter-to-class": "opacity-100",
@@ -16089,7 +16092,7 @@ const Kg = { class: "relative" }, Jg = {
       "leave-to-class": "transform opacity-0"
     }, {
       default: Pe(() => [
-        r.isShown ? (P(), R("div", {
+        r.isShown ? (M(), R("div", {
           key: 0,
           role: "status",
           class: de(["fixed bottom-5 sm:bottom-12", {
@@ -16103,7 +16106,7 @@ const Kg = { class: "relative" }, Jg = {
               "bg-gray-900 text-white": r.type === "info"
             }])
           }, [
-            r.iconName || r.type === "error" ? (P(), xe(ht, {
+            r.iconName || r.type === "error" ? (M(), xe(ht, {
               key: 0,
               name: r.iconName || "alert-fill",
               size: r.iconSize,
@@ -16112,7 +16115,7 @@ const Kg = { class: "relative" }, Jg = {
             ie("p", fy, [
               ce(r.$slots, "default")
             ]),
-            r.$slots.action ? (P(), R("button", {
+            r.$slots.action ? (M(), R("button", {
               key: 1,
               ref: "actionBtn",
               type: "button",
@@ -16141,18 +16144,18 @@ const Kg = { class: "relative" }, Jg = {
   emits: ["update:modelValue"],
   setup(e) {
     const t = te(`toggle-id-${Ns()}`), a = e, n = q(() => a.labelPosition === "left" ? a.labelSpace === "default" ? "mr-3" : "mr-12" : a.labelSpace === "default" ? "ml-3" : "ml-12"), r = q(() => a.labelPosition === "left"), o = q(() => a.color === "blue" ? "bg-blue-default" : "bg-green-primary"), s = q(() => a.size === "small" ? "h-3 w-6" : "h-4 w-10"), l = q(() => a.size === "small" ? "h-4 w-4 top-[-2px]" : "h-6 w-6 top-[-4px]");
-    return (i, u) => (P(), R("div", null, [
+    return (i, u) => (M(), R("div", null, [
       ie("label", {
         for: t.value,
         class: "flex cursor-pointer items-center"
       }, [
-        i.$slots.default ? (P(), R("div", {
+        i.$slots.default ? (M(), R("div", {
           key: 0,
           class: de(["whitespace-nowrap", [n.value, { "order-2": !r.value }]])
         }, [
           ce(i.$slots, "default")
         ], 2)) : X("", !0),
-        r.value && !i.$slots.default ? (P(), R("div", {
+        r.value && !i.$slots.default ? (M(), R("div", {
           key: 1,
           class: de(["whitespace-nowrap text-xs font-normal leading-4 text-gray-800", n.value])
         }, Be(i.labelText), 3)) : X("", !0),
@@ -16186,7 +16189,7 @@ const Kg = { class: "relative" }, Jg = {
             }, "dot absolute -left-1 rounded-full shadow transition-transform duration-200 ease-in-out"])
           }, null, 2)
         ]),
-        !r.value && !i.$slots.default ? (P(), R("div", {
+        !r.value && !i.$slots.default ? (M(), R("div", {
           key: 2,
           class: de(["whitespace-nowrap text-xs font-normal leading-4 text-gray-800", n.value])
         }, Be(i.labelText), 3)) : X("", !0)
@@ -16208,8 +16211,8 @@ const Kg = { class: "relative" }, Jg = {
       placement: t.position,
       whileElementsMounted: Vl
     });
-    return (l, i) => (P(), R("div", null, [
-      l.structuredLayout ? (P(), R("ul", {
+    return (l, i) => (M(), R("div", null, [
+      l.structuredLayout ? (M(), R("ul", {
         key: 0,
         ref_key: "tooltipElm",
         ref: r,
@@ -16219,7 +16222,7 @@ const Kg = { class: "relative" }, Jg = {
         class: de(["border-1 absolute my-1 w-72 rounded-2xl border-gray-300 bg-white text-xs leading-5 shadow-lg", { hidden: !a.value }])
       }, [
         ce(l.$slots, "default", {}, () => [
-          (P(!0), R(Ae, null, qe(l.structuredInfo, ({ title: u, description: c }, d) => (P(), R("li", {
+          (M(!0), R(Ae, null, qe(l.structuredInfo, ({ title: u, description: c }, d) => (M(), R("li", {
             key: `info-${d}`,
             class: de([
               "mx-4 py-3 text-left",
@@ -16230,7 +16233,7 @@ const Kg = { class: "relative" }, Jg = {
             ie("p", yy, Be(c), 1)
           ], 2))), 128))
         ])
-      ], 14, vy)) : (P(), R("div", {
+      ], 14, vy)) : (M(), R("div", {
         key: 1,
         ref_key: "tooltipElm",
         ref: r,
@@ -16281,9 +16284,9 @@ const Kg = { class: "relative" }, Jg = {
     function c(g, b) {
       r(), !(b.length === 0 && g > 0) && (n.value[g] = b, u("update:modelValue", n.value));
     }
-    function d(g, b, M) {
+    function d(g, b, P) {
       const v = [...n.value];
-      v[g] = b, u("handleKeypress", { event: M, value: v });
+      v[g] = b, u("handleKeypress", { event: P, value: v });
     }
     function m() {
       u("blur", n.value);
@@ -16292,17 +16295,17 @@ const Kg = { class: "relative" }, Jg = {
       const g = "border-b border-b-gray-200 self-start flex-shrink-0";
       return k.value ? ["lg:col-start-2 lg:text-base", g] : [g];
     });
-    return (g, b) => (P(), R("div", {
+    return (g, b) => (M(), R("div", {
       class: de(["mb-4 grid text-gray-900 lg:mb-0 lg:grid-rows-1 lg:gap-y-5", {
         "lg:grid-cols-[224px_1fr]": k.value,
         "lg:grid-cols-1": !k.value
       }])
     }, [
-      k.value ? (P(), R("div", wy, [
+      k.value ? (M(), R("div", wy, [
         ie("label", ky, Be(g.label), 1),
         ce(g.$slots, "tooltip")
       ])) : X("", !0),
-      (P(!0), R(Ae, null, qe(n.value, (M, v) => (P(), R("div", {
+      (M(!0), R(Ae, null, qe(n.value, (P, v) => (M(), R("div", {
         key: v,
         class: de(f.value)
       }, [
@@ -16320,7 +16323,7 @@ const Kg = { class: "relative" }, Jg = {
             onKeyup: Qn((_) => i(v, _.target.value), ["delete"]),
             onKeydown: (_) => d(v, _.target.value, _)
           }, null, 40, xy),
-          g.hasAddEntryOption && w(v) ? (P(), xe(dr, {
+          g.hasAddEntryOption && w(v) ? (M(), xe(dr, {
             key: 0,
             "icon-name": "plus-circle",
             "icon-color": "gray",
@@ -16373,7 +16376,7 @@ const Kg = { class: "relative" }, Jg = {
       o.value = !0, n("focus", x);
     }, b = (x) => {
       o.value = !1, n("blur", x);
-    }, M = () => {
+    }, P = () => {
       o.value = !1, l.value?.blur(), n("submit", r.modelValue);
     }, v = () => {
       o.value = !1, l.value?.blur(), n("reset", r.modelValue);
@@ -16382,14 +16385,14 @@ const Kg = { class: "relative" }, Jg = {
     };
     return t({
       searchInputRef: l
-    }), (x, C) => (P(), R("div", {
+    }), (x, C) => (M(), R("div", {
       class: de(["h-12 w-full overflow-hidden rounded-full border-2 border-transparent focus-within:border-blue-default hover:border-gray-400 hover:focus-within:border-blue-default", m.value])
     }, [
       ie("div", Ty, [
         ie("div", Sy, [
           ce(x.$slots, "nonEditableChips")
         ]),
-        o.value ? X("", !0) : (P(), R("div", My, [
+        o.value ? X("", !0) : (M(), R("div", My, [
           ce(x.$slots, "editableChips")
         ])),
         ie("div", {
@@ -16409,7 +16412,7 @@ const Kg = { class: "relative" }, Jg = {
             type: "text",
             placeholder: x.isFilterChipEditable ? x.placeholder : "",
             onInput: C[0] || (C[0] = (E) => k(E)),
-            onKeyup: Qn(M, ["enter"]),
+            onKeyup: Qn(P, ["enter"]),
             onFocus: C[1] || (C[1] = (E) => g(E)),
             onBlur: C[2] || (C[2] = (E) => b(E))
           }, null, 42, Py)
@@ -16417,7 +16420,7 @@ const Kg = { class: "relative" }, Jg = {
         ie("div", {
           class: de(["relative flex h-full flex-none overflow-hidden", o.value ? "" : "-ml-12"])
         }, [
-          o.value ? X("", !0) : (P(), R("div", {
+          o.value ? X("", !0) : (M(), R("div", {
             key: 0,
             class: de(["pointer-events-none h-full w-12 flex-none bg-gradient-to-l", d.value])
           }, null, 2)),
@@ -17589,8 +17592,8 @@ const no = /* @__PURE__ */ ec(Zy), e1 = { class: "flex" }, t1 = ["id", "aria-che
       const l = no(`#${r.value}`), i = l.contrast(no.rgb(77, 77, 77));
       return l.contrast(no("white")) >= i ? "text-white" : "text-gray-800";
     });
-    return (l, i) => (P(), R("div", e1, [
-      (P(!0), R(Ae, null, qe(A(Hn), (u, c) => (P(), R("div", {
+    return (l, i) => (M(), R("div", e1, [
+      (M(!0), R(Ae, null, qe(A(Hn), (u, c) => (M(), R("div", {
         id: `color-${u}`,
         key: `ui-cp-${c}`,
         class: "mr-3 flex h-4 w-4 rotate-45 cursor-pointer items-center justify-center",
@@ -17600,7 +17603,7 @@ const no = /* @__PURE__ */ ec(Zy), e1 = { class: "flex" }, t1 = ["id", "aria-che
           r.value = u, n("update:modelValue", `#${u}`);
         }
       }, [
-        r.value === u ? (P(), xe(ht, {
+        r.value === u ? (M(), xe(ht, {
           key: 0,
           id: "cp-checmark",
           name: "checkmark",
@@ -17622,12 +17625,12 @@ const no = /* @__PURE__ */ ec(Zy), e1 = { class: "flex" }, t1 = ["id", "aria-che
         }, null, 512), [
           [Zu, o.value]
         ]),
-        A(Hn).includes(r.value) ? (P(), xe(ht, {
+        A(Hn).includes(r.value) ? (M(), xe(ht, {
           key: 0,
           name: "color-palette",
           size: "medium",
           class: "-rotate-45"
-        })) : (P(), xe(ht, {
+        })) : (M(), xe(ht, {
           key: 1,
           id: "cp-checmark",
           name: "checkmark",
@@ -17677,20 +17680,20 @@ const no = /* @__PURE__ */ ec(Zy), e1 = { class: "flex" }, t1 = ["id", "aria-che
       r.value,
       l.value
     ]);
-    return (m, w) => (P(), xe(zn(a.value), {
+    return (m, w) => (M(), xe(zn(a.value), {
       href: m.href,
       class: de([d.value, "inline-flex items-center"]),
       target: n.value
     }, {
       default: Pe(() => [
-        m.iconLeft ? (P(), xe(ht, {
+        m.iconLeft ? (M(), xe(ht, {
           key: 0,
           class: de(u.value),
           name: m.iconLeft,
           size: i.value
         }, null, 8, ["class", "name", "size"])) : X("", !0),
         ce(m.$slots, "default"),
-        m.iconRight ? (P(), xe(ht, {
+        m.iconRight ? (M(), xe(ht, {
           key: 1,
           class: de(c.value),
           name: m.iconRight,