tokenizer-ui-kit 0.3.3 → 0.3.5

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

@@ -1,4 +1,4 @@
-import { createElementBlock as M, openBlock as h, createElementVNode as X, createStaticVNode as sl, defineComponent as Oe, createBlock as Me, resolveDynamicComponent as ga, normalizeClass as ie, toDisplayString as Ce, computed as L, useAttrs as Ct, mergeProps as Re, unref as c, createCommentVNode as W, renderSlot as K, mergeModels as Qt, useModel as ba, ref as q, onMounted as dt, nextTick as Ue, watch as nt, Fragment as ke, renderList as Ve, normalizeStyle as ot, createTextVNode as pt, createVNode as Fe, reactive as Sa, useSlots as ft, toRef as Pa, getCurrentInstance as il, onUnmounted as wa, isRef as En, createSlots as it, withCtx as be, normalizeProps as st, guardReactiveProps as yt, Teleport as pr, Transition as _a, h as ul, render as Wn, withModifiers as Rt, toValue as dl, getCurrentScope as cl, onScopeDispose as vl, onBeforeUpdate as pl, withDirectives as Bt, vShow as xa, withKeys as fl, vModelCheckbox as ml, vModelDynamic as fr, vModelText as mr, TransitionGroup as hl, onBeforeUnmount as yl } from "vue";
+import { createElementBlock as M, openBlock as h, createElementVNode as X, createStaticVNode as sl, defineComponent as Oe, createBlock as Me, resolveDynamicComponent as ga, normalizeClass as ie, toDisplayString as Ce, computed as L, useAttrs as Ct, mergeProps as Re, unref as v, createCommentVNode as W, renderSlot as K, mergeModels as Qt, useModel as ba, ref as U, onMounted as dt, nextTick as Ue, watch as nt, Fragment as ke, renderList as Ve, normalizeStyle as ot, createTextVNode as pt, createVNode as Fe, reactive as Sa, useSlots as ft, toRef as Pa, getCurrentInstance as il, onUnmounted as wa, isRef as En, createSlots as it, withCtx as be, normalizeProps as st, guardReactiveProps as yt, Teleport as pr, Transition as _a, h as ul, render as Wn, withModifiers as Rt, toValue as dl, getCurrentScope as cl, onScopeDispose as vl, onBeforeUpdate as pl, withDirectives as Bt, vShow as xa, withKeys as fl, vModelCheckbox as ml, vModelDynamic as fr, vModelText as mr, TransitionGroup as hl, onBeforeUnmount as yl } from "vue";
 import { useResizeObserver as gl, onClickOutside as bl, useTimeoutFn as wl } from "@vueuse/core";
 const Le = (e, t) => {
   const n = e.__vccOpts || e;
@@ -265,7 +265,7 @@ const so = ["disabled"], io = /* @__PURE__ */ Oe({
       return s;
     });
     return (l, s) => (h(), M("button", Re({
-      class: c(a),
+      class: v(a),
       disabled: t.disabled
     }, r.value), [
       l.icon ? (h(), Me(wt, {
@@ -291,7 +291,7 @@ const so = ["disabled"], io = /* @__PURE__ */ Oe({
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = e, n = ba(e, "modelValue"), a = L(() => t.tabs.filter((B) => !B.exclude)), r = q([]), l = q([]), s = q(a.value.length), v = q([]), i = q(!1), b = L(() => Math.max(0, s.value - 1)), p = q(), f = q([]), g = q(), $ = q(0);
+    const t = e, n = ba(e, "modelValue"), a = L(() => t.tabs.filter((B) => !B.exclude)), r = U([]), l = U([]), s = U(a.value.length), c = U([]), i = U(!1), b = L(() => Math.max(0, s.value - 1)), p = U(), f = U([]), g = U(), $ = U(0);
     gl(p, (B) => {
       const z = B[0];
       if (z) {
@@ -331,11 +331,11 @@ const so = ["disabled"], io = /* @__PURE__ */ Oe({
           const ee = r.value.indexOf(R), j = r.value.indexOf(k), N = [...r.value];
           N[ee] = k, N[j] = R, r.value = N;
           const ue = N.slice(s.value);
-          v.value = ue;
+          c.value = ue;
           return;
         }
       }
-      v.value = z;
+      c.value = z;
     }, x = (B) => {
       n.value = B.value, i.value = !1;
     }, _ = () => {
@@ -379,7 +379,7 @@ const so = ["disabled"], io = /* @__PURE__ */ Oe({
           },
           class: ie(["ui-kit-typo-subtitle-secondary", "ui-kit-adaptive-tabs__tab", A(k, R)]),
           style: ot(
-            B.fullWidth ? { flex: "1 1 0", minWidth: "0" } : R === b.value && v.value.length > 0 ? { flex: "1 1 0", minWidth: "0" } : { minWidth: `${B.minTabWidth}px` }
+            B.fullWidth ? { flex: "1 1 0", minWidth: "0" } : R === b.value && c.value.length > 0 ? { flex: "1 1 0", minWidth: "0" } : { minWidth: `${B.minTabWidth}px` }
           ),
           onClick: (ee) => x(k)
         }, [
@@ -388,7 +388,7 @@ const so = ["disabled"], io = /* @__PURE__ */ Oe({
           ], !0)
         ], 14, vo))), 128))
       ]),
-      v.value.length > 0 ? (h(), M("div", {
+      c.value.length > 0 ? (h(), M("div", {
         key: 0,
         ref_key: "dropdownRef",
         ref: g,
@@ -401,7 +401,7 @@ const so = ["disabled"], io = /* @__PURE__ */ Oe({
           onClick: z[0] || (z[0] = (k) => i.value = !i.value)
         }, null, 8, ["variant"]),
         i.value ? (h(), M("div", po, [
-          (h(!0), M(ke, null, Ve(v.value, (k) => (h(), M("div", {
+          (h(!0), M(ke, null, Ve(c.value, (k) => (h(), M("div", {
             key: k.value,
             class: ie(["ui-kit-typo-subtitle-secondary", "ui-kit-adaptive-tabs__dropdown-item", Y(k)]),
             onClick: (R) => x(k)
@@ -445,10 +445,10 @@ function br(e, t, n) {
     months: r = 0,
     weeks: l = 0,
     days: s = 0,
-    hours: v = 0,
+    hours: c = 0,
     minutes: i = 0,
     seconds: b = 0
-  } = t, p = ge(e, n?.in), f = r || a ? $t(p, r + a * 12) : p, g = s || l ? _t(f, s + l * 7) : f, $ = i + v * 60, H = (b + $ * 60) * 1e3;
+  } = t, p = ge(e, n?.in), f = r || a ? $t(p, r + a * 12) : p, g = s || l ? _t(f, s + l * 7) : f, $ = i + c * 60, H = (b + $ * 60) * 1e3;
   return He(e, +g + H);
 }
 function bo(e, t, n) {
@@ -473,8 +473,8 @@ function wr(e, t) {
   r.setFullYear(a + 1, 0, 4), r.setHours(0, 0, 0, 0);
   const l = pa(r), s = He(n, 0);
   s.setFullYear(a, 0, 4), s.setHours(0, 0, 0, 0);
-  const v = pa(s);
-  return n.getTime() >= l.getTime() ? a + 1 : n.getTime() >= v.getTime() ? a : a - 1;
+  const c = pa(s);
+  return n.getTime() >= l.getTime() ? a + 1 : n.getTime() >= c.getTime() ? a : a - 1;
 }
 function Fa(e) {
   const t = ge(e), n = new Date(
@@ -506,8 +506,8 @@ function _r(e, t, n) {
     n?.in,
     e,
     t
-  ), l = Un(a), s = Un(r), v = +l - Fa(l), i = +s - Fa(s);
-  return Math.round((v - i) / ho);
+  ), l = Un(a), s = Un(r), c = +l - Fa(l), i = +s - Fa(s);
+  return Math.round((c - i) / ho);
 }
 function ko(e, t) {
   const n = wr(e, t), a = He(e, 0);
@@ -552,7 +552,7 @@ function $o(e, t, n) {
     t
   ), l = jn(a, r), s = Math.abs(Mo(a, r));
   a.setFullYear(1584), r.setFullYear(1584);
-  const v = jn(a, r) === -l, i = l * (s - +v);
+  const c = jn(a, r) === -l, i = l * (s - +c);
   return i === 0 ? 0 : i;
 }
 function Dr(e, t) {
@@ -564,10 +564,10 @@ function Mr(e, t) {
   let r = +n > +a;
   const l = r ? +n : +a, s = r ? a : n;
   s.setHours(0, 0, 0, 0);
-  let v = 1;
+  let c = 1;
   const i = [];
   for (; +s <= l; )
-    i.push(He(n, s)), s.setDate(s.getDate() + v), s.setHours(0, 0, 0, 0);
+    i.push(He(n, s)), s.setDate(s.getDate() + c), s.setHours(0, 0, 0, 0);
   return r ? i.reverse() : i;
 }
 function ea(e, t) {
@@ -578,10 +578,10 @@ function xo(e, t) {
   const { start: n, end: a } = Dr(t?.in, e);
   let r = +n > +a;
   const l = r ? +ea(n) : +ea(a);
-  let s = ea(r ? a : n), v = 1;
+  let s = ea(r ? a : n), c = 1;
   const i = [];
   for (; +s <= l; )
-    i.push(He(n, s)), s = Do(s, v);
+    i.push(He(n, s)), s = Do(s, c);
   return r ? i.reverse() : i;
 }
 function mn(e, t) {
@@ -718,11 +718,11 @@ function Da(e) {
     const a = n?.context ? String(n.context) : "standalone";
     let r;
     if (a === "formatting" && e.formattingValues) {
-      const s = e.defaultFormattingWidth || e.defaultWidth, v = n?.width ? String(n.width) : s;
-      r = e.formattingValues[v] || e.formattingValues[s];
+      const s = e.defaultFormattingWidth || e.defaultWidth, c = n?.width ? String(n.width) : s;
+      r = e.formattingValues[c] || e.formattingValues[s];
     } else {
-      const s = e.defaultWidth, v = n?.width ? String(n.width) : e.defaultWidth;
-      r = e.values[v] || e.values[s];
+      const s = e.defaultWidth, c = n?.width ? String(n.width) : e.defaultWidth;
+      r = e.values[c] || e.values[s];
     }
     const l = e.argumentCallback ? e.argumentCallback(t) : t;
     return r[l];
@@ -884,9 +884,9 @@ function Ma(e) {
     const a = n.width, r = a && e.matchPatterns[a] || e.matchPatterns[e.defaultMatchWidth], l = t.match(r);
     if (!l)
       return null;
-    const s = l[0], v = a && e.parsePatterns[a] || e.parsePatterns[e.defaultParseWidth], i = Array.isArray(v) ? zo(v, (f) => f.test(s)) : (
+    const s = l[0], c = a && e.parsePatterns[a] || e.parsePatterns[e.defaultParseWidth], i = Array.isArray(c) ? zo(c, (f) => f.test(s)) : (
       // [TODO] -- I challenge you to fix the type
-      Wo(v, (f) => f.test(s))
+      Wo(c, (f) => f.test(s))
     );
     let b;
     b = e.valueCallback ? e.valueCallback(i) : i, b = n.valueCallback ? (
@@ -915,8 +915,8 @@ function qo(e) {
     if (!l) return null;
     let s = e.valueCallback ? e.valueCallback(l[0]) : l[0];
     s = n.valueCallback ? n.valueCallback(s) : s;
-    const v = t.slice(r.length);
-    return { value: s, rest: v };
+    const c = t.slice(r.length);
+    return { value: s, rest: c };
   };
 }
 const Uo = /^(\d+)(th|st|nd|rd)?/i, jo = /\d+/i, Qo = {
@@ -1046,10 +1046,10 @@ function Mn(e, t) {
 function $n(e, t) {
   const n = ge(e, t?.in), a = n.getFullYear(), r = oa(), l = t?.firstWeekContainsDate ?? t?.locale?.options?.firstWeekContainsDate ?? r.firstWeekContainsDate ?? r.locale?.options?.firstWeekContainsDate ?? 1, s = He(t?.in || e, 0);
   s.setFullYear(a + 1, 0, l), s.setHours(0, 0, 0, 0);
-  const v = xt(s, t), i = He(t?.in || e, 0);
+  const c = xt(s, t), i = He(t?.in || e, 0);
   i.setFullYear(a, 0, l), i.setHours(0, 0, 0, 0);
   const b = xt(i, t);
-  return +n >= +v ? a + 1 : +n >= +b ? a : a - 1;
+  return +n >= +c ? a + 1 : +n >= +b ? a : a - 1;
 }
 function os(e, t) {
   const n = oa(), a = t?.firstWeekContainsDate ?? t?.locale?.options?.firstWeekContainsDate ?? n.firstWeekContainsDate ?? n.locale?.options?.firstWeekContainsDate ?? 1, r = $n(e, t), l = He(t?.in || e, 0);
@@ -1755,8 +1755,8 @@ function cs(e, t, n) {
 }
 const vs = /[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g, ps = /P+p+|P+|p+|''|'(''|[^'])+('|$)|./g, fs = /^'([^]*?)'?$/, ms = /''/g, hs = /[a-zA-Z]/;
 function It(e, t, n) {
-  const a = oa(), r = n?.locale ?? a.locale ?? xr, l = n?.firstWeekContainsDate ?? n?.locale?.options?.firstWeekContainsDate ?? a.firstWeekContainsDate ?? a.locale?.options?.firstWeekContainsDate ?? 1, s = n?.weekStartsOn ?? n?.locale?.options?.weekStartsOn ?? a.weekStartsOn ?? a.locale?.options?.weekStartsOn ?? 0, v = ge(e, n?.in);
-  if (!Ca(v))
+  const a = oa(), r = n?.locale ?? a.locale ?? xr, l = n?.firstWeekContainsDate ?? n?.locale?.options?.firstWeekContainsDate ?? a.firstWeekContainsDate ?? a.locale?.options?.firstWeekContainsDate ?? 1, s = n?.weekStartsOn ?? n?.locale?.options?.weekStartsOn ?? a.weekStartsOn ?? a.locale?.options?.weekStartsOn ?? 0, c = ge(e, n?.in);
+  if (!Ca(c))
     throw new RangeError("Invalid time value");
   let i = t.match(ps).map((p) => {
     const f = p[0];
@@ -1779,7 +1779,7 @@ function It(e, t, n) {
       );
     return { isToken: !1, value: p };
   });
-  r.localize.preprocessor && (i = r.localize.preprocessor(v, i));
+  r.localize.preprocessor && (i = r.localize.preprocessor(c, i));
   const b = {
     firstWeekContainsDate: l,
     weekStartsOn: s,
@@ -1790,7 +1790,7 @@ function It(e, t, n) {
     const f = p.value;
     (!n?.useAdditionalWeekYearTokens && Pr(f) || !n?.useAdditionalDayOfYearTokens && Tr(f)) && yn(f, t, String(e));
     const g = Gn[f[0]];
-    return g(v, f, r.localize, b);
+    return g(c, f, r.localize, b);
   }).join("");
 }
 function ys(e) {
@@ -2043,8 +2043,8 @@ function Sr(e, t) {
   if (a <= 50)
     r = e || 100;
   else {
-    const l = a + 50, s = Math.trunc(l / 100) * 100, v = e >= l % 100;
-    r = e + s - (v ? 100 : 0);
+    const l = a + 50, s = Math.trunc(l / 100) * 100, c = e >= l % 100;
+    r = e + s - (c ? 100 : 0);
   }
   return n ? r : 1 - r;
 }
@@ -2116,12 +2116,12 @@ class Ps extends Ye {
   set(t, n, a, r) {
     const l = $n(t, r);
     if (a.isTwoDigitYear) {
-      const v = Sr(
+      const c = Sr(
         a.year,
         l
       );
       return t.setFullYear(
-        v,
+        c,
         0,
         r.firstWeekContainsDate
       ), t.setHours(0, 0, 0, 0), xt(t, r);
@@ -2651,8 +2651,8 @@ class qs extends Ye {
   priority = 90;
   parse(t, n, a, r) {
     const l = (s) => {
-      const v = Math.floor((s - 1) / 7) * 7;
-      return (s + r.weekStartsOn + 6) % 7 + v;
+      const c = Math.floor((s - 1) / 7) * 7;
+      return (s + r.weekStartsOn + 6) % 7 + c;
     };
     switch (n) {
       // 3
@@ -2719,8 +2719,8 @@ class Us extends Ye {
   priority = 90;
   parse(t, n, a, r) {
     const l = (s) => {
-      const v = Math.floor((s - 1) / 7) * 7;
-      return (s + r.weekStartsOn + 6) % 7 + v;
+      const c = Math.floor((s - 1) / 7) * 7;
+      return (s + r.weekStartsOn + 6) % 7 + c;
     };
     switch (n) {
       // 3
@@ -3249,11 +3249,11 @@ const ui = {
   T: new ii()
 }, di = /[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g, ci = /P+p+|P+|p+|''|'(''|[^'])+('|$)|./g, vi = /^'([^]*?)'?$/, pi = /''/g, fi = /\S/, mi = /[a-zA-Z]/;
 function gn(e, t, n, a) {
-  const r = () => He(a?.in || n, NaN), l = ws(), s = a?.locale ?? l.locale ?? xr, v = a?.firstWeekContainsDate ?? a?.locale?.options?.firstWeekContainsDate ?? l.firstWeekContainsDate ?? l.locale?.options?.firstWeekContainsDate ?? 1, i = a?.weekStartsOn ?? a?.locale?.options?.weekStartsOn ?? l.weekStartsOn ?? l.locale?.options?.weekStartsOn ?? 0;
+  const r = () => He(a?.in || n, NaN), l = ws(), s = a?.locale ?? l.locale ?? xr, c = a?.firstWeekContainsDate ?? a?.locale?.options?.firstWeekContainsDate ?? l.firstWeekContainsDate ?? l.locale?.options?.firstWeekContainsDate ?? 1, i = a?.weekStartsOn ?? a?.locale?.options?.weekStartsOn ?? l.weekStartsOn ?? l.locale?.options?.weekStartsOn ?? 0;
   if (!t)
     return e ? r() : ge(n, a?.in);
   const b = {
-    firstWeekContainsDate: v,
+    firstWeekContainsDate: c,
     weekStartsOn: i,
     locale: s
   }, p = [new xs(a?.in, n)], f = t.match(ci).map((x) => {
@@ -3335,8 +3335,8 @@ function Wa(e, t, n) {
 function Rr(e, t, n) {
   const a = ge(e, n?.in), r = a.getFullYear(), l = a.getDate(), s = He(e, 0);
   s.setFullYear(r, t, 15), s.setHours(0, 0, 0, 0);
-  const v = bs(s);
-  return a.setMonth(t, Math.min(l, v)), a;
+  const c = bs(s);
+  return a.setMonth(t, Math.min(l, c)), a;
 }
 function Ne(e, t, n) {
   let a = ge(e, n?.in);
@@ -3371,10 +3371,10 @@ function bi(e, t, n) {
     months: r = 0,
     weeks: l = 0,
     days: s = 0,
-    hours: v = 0,
+    hours: c = 0,
     minutes: i = 0,
     seconds: b = 0
-  } = t, p = la(e, r + a * 12, n), f = Wa(p, s + l * 7, n), g = i + v * 60, O = (b + g * 60) * 1e3;
+  } = t, p = la(e, r + a * 12, n), f = Wa(p, s + l * 7, n), g = i + c * 60, O = (b + g * 60) * 1e3;
   return He(e, +f - O);
 }
 function Ir(e, t, n) {
@@ -3600,25 +3600,25 @@ const $i = (e, t, n) => {
   if (e !== null)
     try {
       const l = n === "long" ? "LLLL" : "LLL";
-      return a.map((s, v) => {
+      return a.map((s, c) => {
         const i = It(gt(s, "UTC"), l, { locale: e });
         return {
           text: i.charAt(0).toUpperCase() + i.substring(1),
-          value: v
+          value: c
         };
       });
     } catch {
     }
   const r = new Intl.DateTimeFormat(t, { month: n, timeZone: "UTC" });
   return a.map((l, s) => {
-    const v = r.format(l);
+    const c = r.format(l);
     return {
-      text: v.charAt(0).toUpperCase() + v.substring(1),
+      text: c.charAt(0).toUpperCase() + c.substring(1),
       value: s
     };
   });
 }, xi = (e) => [12, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11][e], et = (e) => {
-  const t = c(e);
+  const t = v(e);
   return t != null && t.$el ? t?.$el : t;
 }, Ci = (e) => ({ type: "dot", ...e ?? {} }), Fr = (e) => Array.isArray(e) ? !!e[0] && !!e[1] : !1, Bn = {
   prop: (e) => `"${e}" prop must be enabled!`,
@@ -3639,7 +3639,7 @@ const $i = (e, t, n) => {
   const l = +n, s = +t;
   return a && r ? +e > l || +e < s : a ? +e > l : r ? +e < s : !1;
 }, ha = (e, t) => Ti(e).map((n) => n.map((a) => {
-  const { active: r, disabled: l, isBetween: s, highlighted: v } = t(a);
+  const { active: r, disabled: l, isBetween: s, highlighted: c } = t(a);
   return {
     ...a,
     active: r,
@@ -3651,7 +3651,7 @@ const $i = (e, t, n) => {
       dp__overlay_cell_pad: !0,
       dp__overlay_cell_active_disabled: l && r,
       dp__cell_in_between: s,
-      "dp--highlighted": v
+      "dp--highlighted": c
     }
   };
 })), Ut = (e, t, n = !1) => {
@@ -3690,17 +3690,17 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
   if (typeof t == "string")
     return lr(e, t, s, a, r, l);
   if (Array.isArray(t)) {
-    let v = null;
+    let c = null;
     for (const i of t)
-      if (v = lr(e, i, s, a, r, l), v)
+      if (c = lr(e, i, s, a, r, l), c)
         break;
-    return v;
+    return c;
   }
   return typeof t == "function" ? t(e) : null;
 }, G = (e) => e ? new Date(e) : /* @__PURE__ */ new Date(), Ri = (e, t, n) => {
   if (t) {
-    const r = (e.getMonth() + 1).toString().padStart(2, "0"), l = e.getDate().toString().padStart(2, "0"), s = e.getHours().toString().padStart(2, "0"), v = e.getMinutes().toString().padStart(2, "0"), i = n ? e.getSeconds().toString().padStart(2, "0") : "00";
-    return `${e.getFullYear()}-${r}-${l}T${s}:${v}:${i}.000Z`;
+    const r = (e.getMonth() + 1).toString().padStart(2, "0"), l = e.getDate().toString().padStart(2, "0"), s = e.getHours().toString().padStart(2, "0"), c = e.getMinutes().toString().padStart(2, "0"), i = n ? e.getSeconds().toString().padStart(2, "0") : "00";
+    return `${e.getFullYear()}-${r}-${l}T${s}:${c}:${i}.000Z`;
   }
   const a = Date.UTC(
     e.getUTCFullYear(),
@@ -3768,8 +3768,8 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
   return r ? !Ii(...s, t) : !Bi(...s, n);
 }, Bi = (e, t, n) => je(...qt(n, e, t)) || Ae(...qt(n, e, t)), Ii = (e, t, n) => Ge(...qt(n, e, t)) || Ae(...qt(n, e, t)), Zr = (e, t, n, a, r, l, s) => {
   if (typeof t == "function" && !s) return t(e);
-  const v = n ? { locale: n } : void 0;
-  return Array.isArray(e) ? `${It(e[0], l, v)}${r && !e[1] ? "" : a}${e[1] ? It(e[1], l, v) : ""}` : It(e, l, v);
+  const c = n ? { locale: n } : void 0;
+  return Array.isArray(e) ? `${It(e[0], l, c)}${r && !e[1] ? "" : a}${e[1] ? It(e[1], l, c) : ""}` : It(e, l, c);
 }, ia = (e) => {
   if (e) return null;
   throw new Error(Bn.prop("partial-range"));
@@ -3789,8 +3789,8 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
   return n === "max" ? e.getTime() <= t.getTime() : e.getTime() >= t.getTime();
 }, on = (e, t, n) => e ? Hi(e, t) : G(n ?? t), or = (e, t, n, a, r) => {
   if (Array.isArray(a)) {
-    const s = on(e, a[0], t), v = on(e, a[1], t);
-    return ln(a[0], s, n, !!t) && ln(a[1], v, n, !!t) && r;
+    const s = on(e, a[0], t), c = on(e, a[1], t);
+    return ln(a[0], s, n, !!t) && ln(a[1], c, n, !!t) && r;
   }
   const l = on(e, a, t);
   return ln(a, l, n, !!t) && r;
@@ -3834,7 +3834,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
     1: []
   },
   monthPicker: []
-}), un = q(null), Na = q(!1), dn = q(!1), cn = q(!1), vn = q(!1), ct = q(0), Ze = q(0), Zt = () => {
+}), un = U(null), Na = U(!1), dn = U(!1), cn = U(!1), vn = U(!1), ct = U(0), Ze = U(0), Zt = () => {
   const e = L(() => Na.value ? [...Ee.selectionGrid, Ee.actionRow].filter((f) => f.length) : dn.value ? [
     ...Ee.timePicker[0],
     ...Ee.timePicker[1],
@@ -3855,7 +3855,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
     t(!1), a(!1);
   }, s = () => {
     n(!1), a(!0);
-  }, v = () => {
+  }, c = () => {
     n(!0), a(!0);
   }, i = (f, g) => {
     Ee[g] = f;
@@ -3882,7 +3882,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
     arrowRight: r,
     arrowLeft: l,
     arrowUp: s,
-    arrowDown: v,
+    arrowDown: c,
     clearArrowNav: () => {
       Ee.monthYear = [], Ee.calendar = [], Ee.time = [], Ee.actionRow = [], Ee.selectionGrid = [], Ee.timePicker[0] = [], Ee.timePicker[1] = [], Na.value = !1, dn.value = !1, vn.value = !1, cn.value = !1, p(), un.value = null;
     },
@@ -4047,7 +4047,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
   }, n = () => {
     var k;
     return e.format ? e.format : e.monthPicker ? "MM/yyyy" : e.timePicker ? t() : e.weekPicker ? `${((k = x.value) == null ? void 0 : k.type) === "iso" ? "II" : "ww"}-RR` : e.yearPicker ? "yyyy" : e.quarterPicker ? "QQQ/yyyy" : e.enableTimePicker ? `MM/dd/yyyy, ${t()}` : "MM/dd/yyyy";
-  }, a = (k) => Qr(k, e.enableSeconds), r = () => B.value.enabled ? e.startTime && Array.isArray(e.startTime) ? [a(e.startTime[0]), a(e.startTime[1])] : null : e.startTime && !Array.isArray(e.startTime) ? a(e.startTime) : null, l = L(() => Ei(e.multiCalendars)), s = L(() => r()), v = L(() => Li(e.ariaLabels)), i = L(() => Ui(e.filters)), b = L(() => zi(e.transitions)), p = L(() => ji(e.actionRow)), f = L(
+  }, a = (k) => Qr(k, e.enableSeconds), r = () => B.value.enabled ? e.startTime && Array.isArray(e.startTime) ? [a(e.startTime[0]), a(e.startTime[1])] : null : e.startTime && !Array.isArray(e.startTime) ? a(e.startTime) : null, l = L(() => Ei(e.multiCalendars)), s = L(() => r()), c = L(() => Li(e.ariaLabels)), i = L(() => Ui(e.filters)), b = L(() => zi(e.transitions)), p = L(() => ji(e.actionRow)), f = L(
     () => Wi(e.previewFormat, e.format, n())
   ), g = L(() => qi(e.textInput)), $ = L(() => Qi(e.inline)), O = L(() => Ki(e.config)), H = L(() => Zi(e.highlight)), x = L(() => Gi(e.weekNumbers)), _ = L(() => Ji(e.timezone)), Y = L(() => au(e.multiDates)), A = L(
     () => tu({
@@ -4067,7 +4067,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
     defaultedTransitions: b,
     defaultedMultiCalendars: l,
     defaultedStartTime: s,
-    defaultedAriaLabels: v,
+    defaultedAriaLabels: c,
     defaultedFilters: i,
     defaultedActionRow: p,
     defaultedPreviewFormat: f,
@@ -4088,7 +4088,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
     }
   };
 }, ru = (e, t, n) => {
-  const a = q(), { defaultedTextInput: r, defaultedRange: l, defaultedTz: s, defaultedMultiDates: v, getDefaultPattern: i } = ze(t), b = q(""), p = Pa(t, "format"), f = Pa(t, "formatLocale");
+  const a = U(), { defaultedTextInput: r, defaultedRange: l, defaultedTz: s, defaultedMultiDates: c, getDefaultPattern: i } = ze(t), b = U(""), p = Pa(t, "format"), f = Pa(t, "formatLocale");
   nt(
     a,
     () => {
@@ -4118,13 +4118,13 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
     hours: Lt(o),
     minutes: Kt(o),
     seconds: t.enableSeconds ? fa(o) : 0
-  } : null, x = (o) => t.modelType ? ae(o) : { month: Pe(o), year: _e(o) }, _ = (o) => Array.isArray(o) ? v.value.enabled ? o.map((C) => Y(C, Vt(G(), C))) : Ha(
+  } : null, x = (o) => t.modelType ? ae(o) : { month: Pe(o), year: _e(o) }, _ = (o) => Array.isArray(o) ? c.value.enabled ? o.map((C) => Y(C, Vt(G(), C))) : Ha(
     () => [
       Vt(G(), o[0]),
       o[1] ? Vt(G(), o[1]) : ia(l.value.partialRange)
     ],
     l.value.enabled
-  ) : Vt(G(), +o), Y = (o, C) => (typeof o == "string" || typeof o == "number") && t.modelType ? U(o) : C, A = (o) => Array.isArray(o) ? [
+  ) : Vt(G(), +o), Y = (o, C) => (typeof o == "string" || typeof o == "number") && t.modelType ? q(o) : C, A = (o) => Array.isArray(o) ? [
     Y(
       o[0],
       jt(null, +o[0].hours, +o[0].minutes, o[0].seconds)
@@ -4135,7 +4135,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
     )
   ] : Y(o, jt(null, o.hours, o.minutes, o.seconds)), B = (o) => {
     const C = Ne(G(), { date: 1 });
-    return Array.isArray(o) ? v.value.enabled ? o.map((te) => Y(te, Ft(C, +te.month, +te.year))) : Ha(
+    return Array.isArray(o) ? c.value.enabled ? o.map((te) => Y(te, Ft(C, +te.month, +te.year))) : Ha(
       () => [
         Y(o[0], Ft(C, +o[0].month, +o[0].year)),
         Y(
@@ -4147,7 +4147,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
     ) : Y(o, Ft(C, +o.month, +o.year));
   }, z = (o) => {
     if (Array.isArray(o))
-      return o.map((C) => U(C));
+      return o.map((C) => q(C));
     throw new Error(Bn.dateArr("multi-dates"));
   }, k = (o) => {
     if (Array.isArray(o) && l.value.enabled) {
@@ -4158,13 +4158,13 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
       ];
     }
     return G(o[0]);
-  }, R = (o) => t.modelAuto ? Array.isArray(o) ? [U(o[0]), U(o[1])] : t.autoApply ? [U(o)] : [U(o), null] : Array.isArray(o) ? Ha(
+  }, R = (o) => t.modelAuto ? Array.isArray(o) ? [q(o[0]), q(o[1])] : t.autoApply ? [q(o)] : [q(o), null] : Array.isArray(o) ? Ha(
     () => o[1] ? [
-      U(o[0]),
-      o[1] ? U(o[1]) : ia(l.value.partialRange)
-    ] : [U(o[0])],
+      q(o[0]),
+      o[1] ? q(o[1]) : ia(l.value.partialRange)
+    ] : [q(o[0])],
     l.value.enabled
-  ) : U(o), ee = () => {
+  ) : q(o), ee = () => {
     Array.isArray(a.value) && l.value.enabled && a.value.length === 1 && a.value.push(ia(l.value.partialRange));
   }, j = () => {
     const o = a.value;
@@ -4172,15 +4172,15 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
       ae(o[0]),
       o[1] ? ae(o[1]) : ia(l.value.partialRange)
     ];
-  }, N = () => Array.isArray(a.value) ? a.value[1] ? j() : ae(lt(a.value[0])) : [], ue = () => (a.value || []).map((o) => ae(o)), pe = (o = !1) => (o || ee(), t.modelAuto ? N() : v.value.enabled ? ue() : Array.isArray(a.value) ? Ha(() => j(), l.value.enabled) : ae(lt(a.value))), fe = (o) => !o || Array.isArray(o) && !o.length ? null : t.timePicker ? A(lt(o)) : t.monthPicker ? B(lt(o)) : t.yearPicker ? _(lt(o)) : v.value.enabled ? z(lt(o)) : t.weekPicker ? k(lt(o)) : R(lt(o)), u = (o) => {
+  }, N = () => Array.isArray(a.value) ? a.value[1] ? j() : ae(lt(a.value[0])) : [], ue = () => (a.value || []).map((o) => ae(o)), pe = (o = !1) => (o || ee(), t.modelAuto ? N() : c.value.enabled ? ue() : Array.isArray(a.value) ? Ha(() => j(), l.value.enabled) : ae(lt(a.value))), fe = (o) => !o || Array.isArray(o) && !o.length ? null : t.timePicker ? A(lt(o)) : t.monthPicker ? B(lt(o)) : t.yearPicker ? _(lt(o)) : c.value.enabled ? z(lt(o)) : t.weekPicker ? k(lt(o)) : R(lt(o)), u = (o) => {
     const C = fe(o);
     _n(lt(C)) ? (a.value = lt(C), J()) : (a.value = null, b.value = "");
   }, m = () => {
     const o = (C) => It(C, r.value.format);
     return `${o(a.value[0])} ${r.value.rangeSeparator} ${a.value[1] ? o(a.value[1]) : ""}`;
-  }, y = () => n.value && a.value ? Array.isArray(a.value) ? m() : It(a.value, r.value.format) : O(a.value), I = () => a.value ? v.value.enabled ? a.value.map((o) => O(o)).join("; ") : r.value.enabled && typeof r.value.format == "string" ? y() : O(a.value) : "", J = () => {
+  }, y = () => n.value && a.value ? Array.isArray(a.value) ? m() : It(a.value, r.value.format) : O(a.value), I = () => a.value ? c.value.enabled ? a.value.map((o) => O(o)).join("; ") : r.value.enabled && typeof r.value.format == "string" ? y() : O(a.value) : "", J = () => {
     !t.format || typeof t.format == "string" || r.value.enabled && typeof r.value.format == "string" ? b.value = I() : b.value = t.format(a.value);
-  }, U = (o) => {
+  }, q = (o) => {
     if (t.utc) {
       const C = new Date(o);
       return t.utc === "preserve" ? new Date(C.getTime() + C.getTimezoneOffset() * 6e4) : C;
@@ -4196,7 +4196,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
       const Te = Array.isArray(o) ? o.map((E) => gt(lt(E), s.value.emitTimezone)) : gt(lt(o), s.value.emitTimezone);
       e("update:model-timezone-value", Te);
     }
-  }, ce = (o) => Array.isArray(a.value) ? v.value.enabled ? a.value.map((C) => o(C)) : [
+  }, ce = (o) => Array.isArray(a.value) ? c.value.enabled ? a.value.map((C) => o(C)) : [
     o(a.value[0]),
     a.value[1] ? o(a.value[1]) : ia(l.value.partialRange)
   ] : o(lt(a.value)), w = () => {
@@ -4224,7 +4224,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
   }, s = (p, f) => {
     let g = p;
     return n.value.years.includes(_e(g)) ? (g = f ? Dn(p, 1) : Ir(p, 1), s(g, f)) : g;
-  }, v = (p, f = !1) => {
+  }, c = (p, f = !1) => {
     const g = Ne(G(), { month: e.month, year: e.year });
     let $ = p ? $t(g, 1) : la(g, 1);
     e.disableYearSelect && ($ = Vt($, e.year));
@@ -4239,7 +4239,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
     e.preventMinMaxNavigation,
     p
   ));
-  return { handleMonthYearChange: v, isDisabled: b, updateMonthYear: i };
+  return { handleMonthYearChange: c, isDisabled: b, updateMonthYear: i };
 }, qa = {
   multiCalendars: { type: [Boolean, Number, String, Object], default: void 0 },
   modelValue: { type: [String, Date, Array, Object, Number], default: null },
@@ -4390,11 +4390,11 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
       defaultedActionRow: r,
       defaultedPreviewFormat: l,
       defaultedMultiCalendars: s,
-      defaultedTextInput: v,
+      defaultedTextInput: c,
       defaultedInline: i,
       defaultedRange: b,
       defaultedMultiDates: p
-    } = ze(a), { isTimeValid: f, isMonthValid: g } = Gt(a), { buildMatrix: $ } = Zt(), O = q(null), H = q(null), x = q(!1), _ = q({}), Y = q(null), A = q(null);
+    } = ze(a), { isTimeValid: f, isMonthValid: g } = Gt(a), { buildMatrix: $ } = Zt(), O = U(null), H = U(null), x = U(!1), _ = U({}), Y = U(null), A = U(null);
     dt(() => {
       a.arrowNavigation && $([et(O), et(H)], "actionRow"), B(), window.addEventListener("resize", B);
     }), wa(() => {
@@ -4418,7 +4418,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
       u,
       l.value,
       a.formatLocale,
-      v.value.rangeSeparator,
+      c.value.rangeSeparator,
       a.modelAuto,
       l.value
     ), N = L(() => !a.internalModelValue || !a.menuMount ? "" : typeof l.value == "string" ? Array.isArray(a.internalModelValue) ? a.internalModelValue.length === 2 && a.internalModelValue[1] ? ee() : p.value.enabled ? a.internalModelValue.map((u) => `${j(u)}`) : a.modelAuto ? `${j(a.internalModelValue[0])}` : `${j(a.internalModelValue[0])} -` : j(a.internalModelValue) : R()), ue = () => p.value.enabled ? "; " : " - ", pe = L(
@@ -4437,7 +4437,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
         selectDate: () => u.$emit("select-date"),
         closePicker: () => u.$emit("close-picker")
       }))) : (h(), M(ke, { key: 1 }, [
-        c(r).showPreview ? (h(), M("div", {
+        v(r).showPreview ? (h(), M("div", {
           key: 0,
           class: "dp__selection_preview",
           title: pe.value,
@@ -4462,23 +4462,23 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
             value: u.internalModelValue
           }) : W("", !0),
           u.$slots["action-buttons"] ? W("", !0) : (h(), M(ke, { key: 1 }, [
-            !c(i).enabled && c(r).showCancel ? (h(), M("button", {
+            !v(i).enabled && v(r).showCancel ? (h(), M("button", {
               key: 0,
               ref_key: "cancelButtonRef",
               ref: O,
               type: "button",
               class: "dp__action_button dp__action_cancel",
               onClick: m[0] || (m[0] = (y) => u.$emit("close-picker")),
-              onKeydown: m[1] || (m[1] = (y) => c(ht)(y, () => u.$emit("close-picker")))
+              onKeydown: m[1] || (m[1] = (y) => v(ht)(y, () => u.$emit("close-picker")))
             }, Ce(u.cancelText), 545)) : W("", !0),
-            c(r).showNow ? (h(), M("button", {
+            v(r).showNow ? (h(), M("button", {
               key: 1,
               type: "button",
               class: "dp__action_button dp__action_cancel",
               onClick: m[2] || (m[2] = (y) => u.$emit("select-now")),
-              onKeydown: m[3] || (m[3] = (y) => c(ht)(y, () => u.$emit("select-now")))
+              onKeydown: m[3] || (m[3] = (y) => v(ht)(y, () => u.$emit("select-now")))
             }, Ce(u.nowButtonLabel), 33)) : W("", !0),
-            c(r).showSelect ? (h(), M("button", {
+            v(r).showSelect ? (h(), M("button", {
               key: 2,
               ref_key: "selectButtonRef",
               ref: H,
@@ -4486,7 +4486,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
               class: "dp__action_button dp__action_select",
               disabled: k.value,
               "data-test-id": "select-button",
-              onKeydown: m[4] || (m[4] = (y) => c(ht)(y, () => fe())),
+              onKeydown: m[4] || (m[4] = (y) => v(ht)(y, () => fe())),
               onClick: fe
             }, Ce(u.selectText), 41, su)) : W("", !0)
           ], 64))
@@ -4517,17 +4517,17 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
   },
   emits: ["selected", "toggle", "reset-flow", "hover-value"],
   setup(e, { expose: t, emit: n }) {
-    const { setSelectionGrid: a, buildMultiLevelMatrix: r, setMonthPicker: l } = Zt(), s = n, v = e, { defaultedAriaLabels: i, defaultedTextInput: b, defaultedConfig: p, handleEventPropagation: f } = ze(
-      v
-    ), { hideNavigationButtons: g } = Qa(), $ = q(!1), O = q(null), H = q(null), x = q([]), _ = q(), Y = q(null), A = q(0), B = q(null);
+    const { setSelectionGrid: a, buildMultiLevelMatrix: r, setMonthPicker: l } = Zt(), s = n, c = e, { defaultedAriaLabels: i, defaultedTextInput: b, defaultedConfig: p, handleEventPropagation: f } = ze(
+      c
+    ), { hideNavigationButtons: g } = Qa(), $ = U(!1), O = U(null), H = U(null), x = U([]), _ = U(), Y = U(null), A = U(0), B = U(null);
     pl(() => {
       O.value = null;
     }), dt(() => {
-      Ue().then(() => pe()), v.noOverlayFocus || k(), z(!0);
+      Ue().then(() => pe()), c.noOverlayFocus || k(), z(!0);
     }), wa(() => z(!1));
     const z = (w) => {
       var S;
-      v.arrowNavigation && ((S = v.headerRefs) != null && S.length ? l(w) : a(w));
+      c.arrowNavigation && ((S = c.headerRefs) != null && S.length ? l(w) : a(w));
     }, k = () => {
       var w;
       const S = et(H);
@@ -4535,11 +4535,11 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
     }, R = L(
       () => ({
         dp__overlay: !0,
-        "dp--overlay-absolute": !v.useRelative,
-        "dp--overlay-relative": v.useRelative
+        "dp--overlay-absolute": !c.useRelative,
+        "dp--overlay-relative": c.useRelative
       })
     ), ee = L(
-      () => v.useRelative ? { height: `${v.height}px`, width: "var(--dp-menu-min-width)" } : void 0
+      () => c.useRelative ? { height: `${c.height}px`, width: "var(--dp-menu-min-width)" } : void 0
     ), j = L(() => ({
       dp__overlay_col: !0
     })), N = L(
@@ -4548,18 +4548,18 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
         dp__button: !0,
         dp__overlay_action: !0,
         dp__over_action_scroll: $.value,
-        dp__button_bottom: v.isLast
+        dp__button_bottom: c.isLast
       })
     ), ue = L(() => {
       var w, S;
       return {
         dp__overlay_container: !0,
-        dp__container_flex: ((w = v.items) == null ? void 0 : w.length) <= 6,
-        dp__container_block: ((S = v.items) == null ? void 0 : S.length) > 6
+        dp__container_flex: ((w = c.items) == null ? void 0 : w.length) <= 6,
+        dp__container_block: ((S = c.items) == null ? void 0 : S.length) > 6
       };
     });
     nt(
-      () => v.items,
+      () => c.items,
       () => pe(!1),
       { deep: !0 }
     );
@@ -4573,20 +4573,20 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
     }, u = () => {
       s("toggle"), s("reset-flow");
     }, m = (w) => {
-      v.escClose && (u(), f(w));
+      c.escClose && (u(), f(w));
     }, y = (w, S, D, V) => {
-      w && ((S.active || S.value === v.focusValue) && (O.value = w), v.arrowNavigation && (Array.isArray(x.value[D]) ? x.value[D][V] = w : x.value[D] = [w], I()));
+      w && ((S.active || S.value === c.focusValue) && (O.value = w), c.arrowNavigation && (Array.isArray(x.value[D]) ? x.value[D][V] = w : x.value[D] = [w], I()));
     }, I = () => {
       var w, S;
-      const D = (w = v.headerRefs) != null && w.length ? [v.headerRefs].concat(x.value) : x.value.concat([v.skipButtonRef ? [] : [Y.value]]);
-      r(lt(D), (S = v.headerRefs) != null && S.length ? "monthPicker" : "selectionGrid");
+      const D = (w = c.headerRefs) != null && w.length ? [c.headerRefs].concat(x.value) : x.value.concat([c.skipButtonRef ? [] : [Y.value]]);
+      r(lt(D), (S = c.headerRefs) != null && S.length ? "monthPicker" : "selectionGrid");
     }, J = (w) => {
-      v.arrowNavigation || Ut(w, p.value, !0);
-    }, U = (w) => {
+      c.arrowNavigation || Ut(w, p.value, !0);
+    }, q = (w) => {
       _.value = w, s("hover-value", w);
     }, ae = () => {
-      if (u(), !v.isLast) {
-        const w = wn(v.menuWrapRef ?? null, "action-row");
+      if (u(), !c.isLast) {
+        const w = wn(c.menuWrapRef ?? null, "action-row");
         if (w) {
           const S = Lr(w);
           S?.focus();
@@ -4651,8 +4651,8 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
               tabindex: "0",
               "data-test-id": C.text,
               onClick: Rt((Te) => fe(C), ["prevent"]),
-              onKeydown: (Te) => c(ht)(Te, () => fe(C), !0),
-              onMouseover: (Te) => U(C.value)
+              onKeydown: (Te) => v(ht)(Te, () => fe(C), !0),
+              onMouseover: (Te) => q(C.value)
             }, [
               X("div", {
                 class: ie(C.className)
@@ -4673,7 +4673,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
           ref_key: "toggleButton",
           ref: Y,
           type: "button",
-          "aria-label": (D = c(i)) == null ? void 0 : D.toggleOverlay,
+          "aria-label": (D = v(i)) == null ? void 0 : D.toggleOverlay,
           class: ie(N.value),
           tabindex: "0",
           onClick: u,
@@ -4681,7 +4681,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
         }, [
           K(w.$slots, "button-icon")
         ], 42, vu)), [
-          [xa, !c(g)(w.hideNavigation, w.type)]
+          [xa, !v(g)(w.hideNavigation, w.type)]
         ]) : W("", !0)
       ], 46, uu);
     };
@@ -4709,13 +4709,13 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
       }),
       "data-dp-mobile": r.isMobile
     }, [
-      (h(!0), M(ke, null, Ve(n.value, (s, v) => (h(), M("div", {
+      (h(!0), M(ke, null, Ve(n.value, (s, c) => (h(), M("div", {
         key: s,
         class: ie(a.value)
       }, [
         K(r.$slots, "default", {
           instance: s,
-          index: v
+          index: c
         })
       ], 2))), 128))
     ], 10, pu));
@@ -4732,7 +4732,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
   },
   emits: ["activate", "set-ref"],
   setup(e, { emit: t }) {
-    const n = t, a = q(null);
+    const n = t, a = U(null);
     return dt(() => n("set-ref", a)), (r, l) => (h(), M("button", {
       ref_key: "elRef",
       ref: a,
@@ -4743,7 +4743,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
       "aria-label": r.ariaLabel,
       "aria-disabled": r.disabled || void 0,
       onClick: l[0] || (l[0] = (s) => r.$emit("activate")),
-      onKeydown: l[1] || (l[1] = (s) => c(ht)(s, () => r.$emit("activate"), !0))
+      onKeydown: l[1] || (l[1] = (s) => v(ht)(s, () => r.$emit("activate"), !0))
     }, [
       X("span", {
         class: ie(["dp__inner_nav", { dp__inner_nav_disabled: r.disabled }])
@@ -4764,7 +4764,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
   },
   emits: ["toggle-year-picker", "year-select", "handle-year"],
   setup(e, { emit: t }) {
-    const n = t, a = e, { showRightIcon: r, showLeftIcon: l } = Qa(), { defaultedConfig: s, defaultedMultiCalendars: v, defaultedAriaLabels: i, defaultedTransitions: b, defaultedUI: p } = ze(a), { showTransition: f, transitionName: g } = Va(b), $ = q(!1), O = (_ = !1, Y) => {
+    const n = t, a = e, { showRightIcon: r, showLeftIcon: l } = Qa(), { defaultedConfig: s, defaultedMultiCalendars: c, defaultedAriaLabels: i, defaultedTransitions: b, defaultedUI: p } = ze(a), { showTransition: f, transitionName: g } = Va(b), $ = U(!1), O = (_ = !1, Y) => {
       $.value = !$.value, n("toggle-year-picker", { flow: _, show: Y });
     }, H = (_) => {
       $.value = !1, n("year-select", _);
@@ -4777,17 +4777,17 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
         X("div", {
           class: ie(["dp--year-mode-picker", { "dp--hidden-el": $.value }])
         }, [
-          c(l)(c(v), e.instance) ? (h(), Me(Ta, {
+          v(l)(v(c), e.instance) ? (h(), Me(Ta, {
             key: 0,
             ref: "mpPrevIconRef",
-            "aria-label": (A = c(i)) == null ? void 0 : A.prevYear,
+            "aria-label": (A = v(i)) == null ? void 0 : A.prevYear,
             disabled: e.isDisabled(!1),
-            class: ie((B = c(p)) == null ? void 0 : B.navBtnPrev),
+            class: ie((B = v(p)) == null ? void 0 : B.navBtnPrev),
             onActivate: Y[0] || (Y[0] = (ee) => x(!1))
           }, {
             default: be(() => [
               _.$slots["arrow-left"] ? K(_.$slots, "arrow-left", { key: 0 }) : W("", !0),
-              _.$slots["arrow-left"] ? W("", !0) : (h(), Me(c(Pn), { key: 1 }))
+              _.$slots["arrow-left"] ? W("", !0) : (h(), Me(v(Pn), { key: 1 }))
             ]),
             _: 3
           }, 8, ["aria-label", "disabled", "class"])) : W("", !0),
@@ -4795,7 +4795,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
             ref: "mpYearButtonRef",
             class: "dp__btn dp--year-select",
             type: "button",
-            "aria-label": `${e.year}-${(z = c(i)) == null ? void 0 : z.openYearsOverlay}`,
+            "aria-label": `${e.year}-${(z = v(i)) == null ? void 0 : z.openYearsOverlay}`,
             "data-test-id": `year-mode-btn-${e.instance}`,
             onClick: Y[1] || (Y[1] = () => O(!1)),
             onKeydown: Y[2] || (Y[2] = fl(() => O(!1), ["enter"]))
@@ -4808,24 +4808,24 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
               pt(Ce(e.year), 1)
             ], 64))
           ], 40, mu),
-          c(r)(c(v), e.instance) ? (h(), Me(Ta, {
+          v(r)(v(c), e.instance) ? (h(), Me(Ta, {
             key: 1,
             ref: "mpNextIconRef",
-            "aria-label": (k = c(i)) == null ? void 0 : k.nextYear,
+            "aria-label": (k = v(i)) == null ? void 0 : k.nextYear,
             disabled: e.isDisabled(!0),
-            class: ie((R = c(p)) == null ? void 0 : R.navBtnNext),
+            class: ie((R = v(p)) == null ? void 0 : R.navBtnNext),
             onActivate: Y[3] || (Y[3] = (ee) => x(!0))
           }, {
             default: be(() => [
               _.$slots["arrow-right"] ? K(_.$slots, "arrow-right", { key: 0 }) : W("", !0),
-              _.$slots["arrow-right"] ? W("", !0) : (h(), Me(c(An), { key: 1 }))
+              _.$slots["arrow-right"] ? W("", !0) : (h(), Me(v(An), { key: 1 }))
             ]),
             _: 3
           }, 8, ["aria-label", "disabled", "class"])) : W("", !0)
         ], 2),
         Fe(_a, {
-          name: c(g)(e.showYearPicker),
-          css: c(f)
+          name: v(g)(e.showYearPicker),
+          css: v(f)
         }, {
           default: be(() => {
             var ee, j;
@@ -4836,17 +4836,17 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
                 "text-input": _.textInput,
                 "esc-close": _.escClose,
                 config: _.config,
-                "is-last": _.autoApply && !c(s).keepActionRow,
+                "is-last": _.autoApply && !v(s).keepActionRow,
                 "hide-navigation": _.hideNavigation,
                 "aria-labels": _.ariaLabels,
-                "overlay-label": (j = (ee = c(i)) == null ? void 0 : ee.yearPicker) == null ? void 0 : j.call(ee, !0),
+                "overlay-label": (j = (ee = v(i)) == null ? void 0 : ee.yearPicker) == null ? void 0 : j.call(ee, !0),
                 type: "year",
                 onToggle: O,
                 onSelected: Y[4] || (Y[4] = (N) => H(N))
               }, it({
                 "button-icon": be(() => [
                   _.$slots["calendar-icon"] ? K(_.$slots, "calendar-icon", { key: 0 }) : W("", !0),
-                  _.$slots["calendar-icon"] ? W("", !0) : (h(), Me(c(ka), { key: 1 }))
+                  _.$slots["calendar-icon"] ? W("", !0) : (h(), Me(v(ka), { key: 1 }))
                 ]),
                 _: 2
               }, [
@@ -4891,12 +4891,12 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
   calendars: r,
   modelValue: l,
   props: s,
-  filters: v,
+  filters: c,
   year: i,
   month: b,
   emit: p
 }) => {
-  const f = L(() => Vn(s.yearRange, s.locale, s.reverseYears)), g = q([!1]), $ = L(() => (N, ue) => {
+  const f = L(() => Vn(s.yearRange, s.locale, s.reverseYears)), g = U([!1]), $ = L(() => (N, ue) => {
     const pe = Ne(Mt(/* @__PURE__ */ new Date()), {
       month: b.value(N),
       year: i.value(N)
@@ -4949,7 +4949,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
       ue.value,
       ya(a.value.minDate),
       ya(a.value.maxDate)
-    ) || ((pe = v.value.years) == null ? void 0 : pe.includes(i.value(N))), m = Hn(n.value, ue.value);
+    ) || ((pe = c.value.years) == null ? void 0 : pe.includes(i.value(N))), m = Hn(n.value, ue.value);
     return { active: fe, disabled: u, highlighted: m };
   })), R = (N, ue) => {
     z(N, ue), j(ue);
@@ -4977,14 +4977,14 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
     defaultedTransitions: r,
     defaultedConfig: l,
     defaultedRange: s,
-    defaultedHighlight: v,
+    defaultedHighlight: c,
     propDates: i,
     defaultedTz: b,
     defaultedFilters: p,
     defaultedMultiDates: f
   } = ze(e), g = () => {
     e.isTextInputDate && B(_e(G(e.startDate)), 0);
-  }, { modelValue: $, year: O, month: H, calendars: x } = Ba(e, t, g), _ = L(() => Nr(e.formatLocale, e.locale, e.monthNameFormat)), Y = q(null), { checkMinMaxRange: A } = Gt(e), {
+  }, { modelValue: $, year: O, month: H, calendars: x } = Ba(e, t, g), _ = L(() => Nr(e.formatLocale, e.locale, e.monthNameFormat)), Y = U(null), { checkMinMaxRange: A } = Gt(e), {
     selectYear: B,
     groupedYears: z,
     showYearPicker: k,
@@ -4996,7 +4996,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
     modelValue: $,
     multiCalendars: n,
     range: s,
-    highlight: v,
+    highlight: c,
     calendars: x,
     year: O,
     propDates: i,
@@ -5031,19 +5031,19 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
       D.value,
       qr(O.value(S), i.value.minDate),
       Ur(O.value(S), i.value.maxDate)
-    ) || Ni(i.value.disabledDates, O.value(S), D.value) || ((V = p.value.months) == null ? void 0 : V.includes(D.value)) || !Fi(i.value.allowedDates, O.value(S), D.value), te = m(D.value, S), Te = Gr(v.value, D.value, O.value(S));
+    ) || Ni(i.value.disabledDates, O.value(S), D.value) || ((V = p.value.months) == null ? void 0 : V.includes(D.value)) || !Fi(i.value.allowedDates, O.value(S), D.value), te = m(D.value, S), Te = Gr(c.value, D.value, O.value(S));
     return { active: o, disabled: C, isBetween: te, highlighted: Te };
   })), I = (S, D) => Ft(Mt(G()), S, O.value(D)), J = (S, D) => {
     const V = $.value ? $.value : Mt(/* @__PURE__ */ new Date());
     $.value = Ft(V, S, O.value(D)), t("auto-apply"), t("update-flow-step");
-  }, U = (S, D) => {
+  }, q = (S, D) => {
     const V = I(S, D);
     s.value.fixedEnd || s.value.fixedStart ? $.value = tl(V, $, t, s) : $.value ? A(V, $.value) && ($.value = Fn($, I(S, D), t)) : $.value = [I(S, D)], Ue().then(() => {
       ja($.value, t, e.autoApply, e.modelAuto);
     });
   }, ae = (S, D) => {
     Nn(I(S, D), $, f.value.limit), t("auto-apply", !0);
-  }, F = (S, D) => (x.value[D].month = S, w(D, x.value[D].year, S), f.value.enabled ? ae(S, D) : s.value.enabled ? U(S, D) : J(S, D)), ce = (S, D) => {
+  }, F = (S, D) => (x.value[D].month = S, w(D, x.value[D].year, S), f.value.enabled ? ae(S, D) : s.value.enabled ? q(S, D) : J(S, D)), ce = (S, D) => {
     B(S, D), w(D, S, null);
   }, w = (S, D, V) => {
     let o = V;
@@ -5109,7 +5109,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
       s.shadow || a("mount", null);
     });
     const {
-      groupedMonths: v,
+      groupedMonths: c,
       groupedYears: i,
       year: b,
       isDisabled: p,
@@ -5134,7 +5134,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
       selectYear: Y,
       handleYear: z
     }), presetDate: H, toggleYearPicker: (R) => A(0, R) }), (R, ee) => (h(), Me(Ua, {
-      "multi-calendars": c(f).count,
+      "multi-calendars": v(f).count,
       collapse: R.collapse,
       stretch: "",
       "is-mobile": R.isMobile
@@ -5145,38 +5145,38 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
           value: R.internalModelValue
         }) : W("", !0),
         R.$slots["month-year"] ? K(R.$slots, "month-year", st(Re({ key: 1 }, {
-          year: c(b),
-          months: c(v)(j),
-          years: c(i)(j),
-          selectMonth: c(_),
-          selectYear: c(Y),
+          year: v(b),
+          months: v(c)(j),
+          years: v(i)(j),
+          selectMonth: v(_),
+          selectYear: v(Y),
           instance: j
         }))) : (h(), Me(Ra, {
           key: 2,
-          items: c(v)(j),
+          items: v(c)(j),
           "arrow-navigation": R.arrowNavigation,
-          "is-last": R.autoApply && !c(g).keepActionRow,
+          "is-last": R.autoApply && !v(g).keepActionRow,
           "esc-close": R.escClose,
-          height: c(g).modeHeight,
+          height: v(g).modeHeight,
           config: R.config,
           "no-overlay-focus": !!(R.noOverlayFocus || R.textInput),
           "use-relative": "",
           type: "month",
-          onSelected: (N) => c(_)(N, j),
-          onHoverValue: (N) => c(x)(N, j)
+          onSelected: (N) => v(_)(N, j),
+          onHoverValue: (N) => v(x)(N, j)
         }, it({
           header: be(() => [
             Fe(Jr, Re(R.$props, {
-              items: c(i)(j),
+              items: v(i)(j),
               instance: j,
-              "show-year-picker": c($)[j],
-              year: c(b)(j),
-              "is-disabled": (N) => c(p)(j, N),
-              onHandleYear: (N) => c(z)(j, N),
-              onYearSelect: (N) => c(B)(N, j),
-              onToggleYearPicker: (N) => c(A)(j, N?.flow, N?.show)
+              "show-year-picker": v($)[j],
+              year: v(b)(j),
+              "is-disabled": (N) => v(p)(j, N),
+              onHandleYear: (N) => v(z)(j, N),
+              onYearSelect: (N) => v(B)(N, j),
+              onToggleYearPicker: (N) => v(A)(j, N?.flow, N?.show)
             }), it({ _: 2 }, [
-              Ve(c(l), (N, ue) => ({
+              Ve(v(l), (N, ue) => ({
                 name: N,
                 fn: be((pe) => [
                   K(R.$slots, N, st(yt(pe)))
@@ -5204,7 +5204,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
 }), gu = (e, t) => {
   const n = () => {
     e.isTextInputDate && (p.value = _e(G(e.startDate)));
-  }, { modelValue: a } = Ba(e, t, n), r = q(null), { defaultedHighlight: l, defaultedMultiDates: s, defaultedFilters: v, defaultedRange: i, propDates: b } = ze(e), p = q();
+  }, { modelValue: a } = Ba(e, t, n), r = U(null), { defaultedHighlight: l, defaultedMultiDates: s, defaultedFilters: c, defaultedRange: i, propDates: b } = ze(e), p = U();
   dt(() => {
     e.startDate && (a.value && e.focusStartDate || !a.value) && (p.value = _e(G(e.startDate)));
   });
@@ -5213,7 +5213,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
       _.value,
       ya(b.value.minDate),
       ya(b.value.maxDate)
-    ) || v.value.years.includes(_.value) || !$(_.value) || O(_.value), B = g(_.value) && !Y, z = Hn(l.value, _.value);
+    ) || c.value.years.includes(_.value) || !$(_.value) || O(_.value), B = g(_.value) && !Y, z = Hn(l.value, _.value);
     return { active: Y, disabled: A, isBetween: B, highlighted: z };
   })), x = (_) => Vt(Mt(na(/* @__PURE__ */ new Date())), _);
   return {
@@ -5249,7 +5249,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
     "update-month-year"
   ],
   setup(e, { expose: t, emit: n }) {
-    const a = n, r = e, { groupedYears: l, modelValue: s, focusYear: v, selectYear: i, setHoverValue: b } = gu(r, a), { defaultedConfig: p } = ze(r);
+    const a = n, r = e, { groupedYears: l, modelValue: s, focusYear: c, selectYear: i, setHoverValue: b } = gu(r, a), { defaultedConfig: p } = ze(r);
     return t({ getSidebarProps: () => ({
       modelValue: s,
       selectYear: i
@@ -5259,20 +5259,20 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
         value: f.internalModelValue
       }) : W("", !0),
       f.$slots["month-year"] ? K(f.$slots, "month-year", st(Re({ key: 1 }, {
-        years: c(l),
-        selectYear: c(i)
+        years: v(l),
+        selectYear: v(i)
       }))) : (h(), Me(Ra, {
         key: 2,
-        items: c(l),
-        "is-last": f.autoApply && !c(p).keepActionRow,
-        height: c(p).modeHeight,
+        items: v(l),
+        "is-last": f.autoApply && !v(p).keepActionRow,
+        height: v(p).modeHeight,
         config: f.config,
         "no-overlay-focus": !!(f.noOverlayFocus || f.textInput),
-        "focus-value": c(v),
+        "focus-value": v(c),
         type: "year",
         "use-relative": "",
-        onSelected: c(i),
-        onHoverValue: c(b)
+        onSelected: v(i),
+        onHoverValue: v(b)
       }, it({ _: 2 }, [
         f.$slots["year-overlay-value"] ? {
           name: "item",
@@ -5319,7 +5319,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
   ],
   setup(e, { expose: t, emit: n }) {
     const a = n, r = e, { setTimePickerElements: l, setTimePickerBackRef: s } = Zt(), {
-      defaultedAriaLabels: v,
+      defaultedAriaLabels: c,
       defaultedTransitions: i,
       defaultedFilters: b,
       defaultedConfig: p,
@@ -5329,7 +5329,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
       hours: !1,
       minutes: !1,
       seconds: !1
-    }), x = q("AM"), _ = q(null), Y = q([]), A = q(), B = q(!1);
+    }), x = U("AM"), _ = U(null), Y = U([]), A = U(), B = U(!1);
     dt(() => {
       a("mounted");
     });
@@ -5339,7 +5339,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
       seconds: r.enableSeconds ? d.seconds : 0,
       milliseconds: 0
     }), k = L(
-      () => (d) => U(d, r[d]) || ee(d, r[d])
+      () => (d) => q(d, r[d]) || ee(d, r[d])
     ), R = L(() => ({ hours: r.hours, minutes: r.minutes, seconds: r.seconds })), ee = (d, re) => f.value.enabled && !f.value.disableTimeRangeValidation ? !r.validateTime(d, re) : !1, j = (d, re) => {
       if (f.value.enabled && !f.value.disableTimeRangeValidation) {
         const le = re ? +r[`${d}Increment`] : -+r[`${d}Increment`], se = r[d] + le;
@@ -5371,7 +5371,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
         return { text: re < 10 ? `0${re}` : `${re}`, value: re };
       }
       return { text: r[d] < 10 ? `0${r[d]}` : `${r[d]}`, value: r[d] };
-    }), U = (d, re) => {
+    }), q = (d, re) => {
       var le;
       if (!r.disabledTimesConfig) return !1;
       const se = r.disabledTimesConfig(r.order, d === "hours" ? re : void 0);
@@ -5380,7 +5380,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
       const re = r.is24 ? 24 : 12, le = d === "hours" ? re : 60, se = +r[`${d}GridIncrement`], $e = d === "hours" && !r.is24 ? se : 0, De = [];
       for (let Be = $e; Be < le; Be += se)
         De.push({ value: r.is24 ? Be : ae(Be, d), text: Be < 10 ? `0${Be}` : `${Be}` });
-      return d === "hours" && !r.is24 && De.unshift({ value: x.value === "PM" ? 12 : 0, text: "12" }), ha(De, (Be) => ({ active: !1, disabled: b.value.times[d].includes(Be.value) || !S(Be.value, d) || U(d, Be.value) || ee(d, Be.value) }));
+      return d === "hours" && !r.is24 && De.unshift({ value: x.value === "PM" ? 12 : 0, text: "12" }), ha(De, (Be) => ({ active: !1, disabled: b.value.times[d].includes(Be.value) || !S(Be.value, d) || q(d, Be.value) || ee(d, Be.value) }));
     }, ce = (d) => d >= 0 ? d : 59, w = (d) => d >= 0 ? d : 23, S = (d, re) => {
       const le = r.minTime ? z(rn(r.minTime)) : null, se = r.maxTime ? z(rn(r.maxTime)) : null, $e = z(
         rn(
@@ -5445,11 +5445,11 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
                   "dp--hidden-el": B.value
                 }),
                 "data-test-id": `${se.type}-time-inc-btn-${r.order}`,
-                "aria-label": (De = c(v)) == null ? void 0 : De.incrementValue(se.type),
+                "aria-label": (De = v(c)) == null ? void 0 : De.incrementValue(se.type),
                 tabindex: "0",
-                onKeydown: (T) => c(ht)(T, () => te(se.type, !0, { keyboard: !0 }), !0),
-                onClick: (T) => c(p).timeArrowHoldThreshold ? void 0 : te(se.type, !0),
-                onMousedown: (T) => c(p).timeArrowHoldThreshold ? te(se.type, !0) : void 0,
+                onKeydown: (T) => v(ht)(T, () => te(se.type, !0, { keyboard: !0 }), !0),
+                onClick: (T) => v(p).timeArrowHoldThreshold ? void 0 : te(se.type, !0),
+                onMousedown: (T) => v(p).timeArrowHoldThreshold ? te(se.type, !0) : void 0,
                 onMouseup: C
               }, [
                 r.timePickerInline ? (h(), M(ke, { key: 1 }, [
@@ -5459,14 +5459,14 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
                   ], 64))
                 ], 64)) : (h(), M(ke, { key: 0 }, [
                   d.$slots["arrow-up"] ? K(d.$slots, "arrow-up", { key: 0 }) : W("", !0),
-                  d.$slots["arrow-up"] ? W("", !0) : (h(), Me(c(Sn), { key: 1 }))
+                  d.$slots["arrow-up"] ? W("", !0) : (h(), Me(v(Sn), { key: 1 }))
                 ], 64))
               ], 42, ku),
               X("button", {
                 ref_for: !0,
                 ref: (T) => Z(T, $e, 1),
                 type: "button",
-                "aria-label": `${J.value(se.type).text}-${(Be = c(v)) == null ? void 0 : Be.openTpOverlay(se.type)}`,
+                "aria-label": `${J.value(se.type).text}-${(Be = v(c)) == null ? void 0 : Be.openTpOverlay(se.type)}`,
                 class: ie({
                   dp__time_display: !0,
                   dp__time_display_block: !d.timePickerInline,
@@ -5478,7 +5478,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
                 disabled: D(se.type),
                 tabindex: "0",
                 "data-test-id": `${se.type}-toggle-overlay-btn-${r.order}`,
-                onKeydown: (T) => c(ht)(T, () => V(se.type), !0),
+                onKeydown: (T) => v(ht)(T, () => V(se.type), !0),
                 onClick: (T) => V(se.type)
               }, [
                 d.$slots[se.type] ? K(d.$slots, se.type, {
@@ -5503,11 +5503,11 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
                   "dp--hidden-el": B.value
                 }),
                 "data-test-id": `${se.type}-time-dec-btn-${r.order}`,
-                "aria-label": (Ke = c(v)) == null ? void 0 : Ke.decrementValue(se.type),
+                "aria-label": (Ke = v(c)) == null ? void 0 : Ke.decrementValue(se.type),
                 tabindex: "0",
-                onKeydown: (T) => c(ht)(T, () => te(se.type, !1, { keyboard: !0 }), !0),
-                onClick: (T) => c(p).timeArrowHoldThreshold ? void 0 : te(se.type, !1),
-                onMousedown: (T) => c(p).timeArrowHoldThreshold ? te(se.type, !1) : void 0,
+                onKeydown: (T) => v(ht)(T, () => te(se.type, !1, { keyboard: !0 }), !0),
+                onClick: (T) => v(p).timeArrowHoldThreshold ? void 0 : te(se.type, !1),
+                onMousedown: (T) => v(p).timeArrowHoldThreshold ? te(se.type, !1) : void 0,
                 onMouseup: C
               }, [
                 r.timePickerInline ? (h(), M(ke, { key: 1 }, [
@@ -5517,7 +5517,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
                   ], 64))
                 ], 64)) : (h(), M(ke, { key: 0 }, [
                   d.$slots["arrow-down"] ? K(d.$slots, "arrow-down", { key: 0 }) : W("", !0),
-                  d.$slots["arrow-down"] ? W("", !0) : (h(), Me(c(Yn), { key: 1 }))
+                  d.$slots["arrow-down"] ? W("", !0) : (h(), Me(v(Yn), { key: 1 }))
                 ], 64))
               ], 42, Mu)
             ], 64))
@@ -5536,17 +5536,17 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
             type: "button",
             class: "dp__pm_am_button",
             role: "button",
-            "aria-label": (le = c(v)) == null ? void 0 : le.amPmButton,
+            "aria-label": (le = v(c)) == null ? void 0 : le.amPmButton,
             tabindex: "0",
             "data-compact": m.value,
             onClick: E,
-            onKeydown: re[0] || (re[0] = (se) => c(ht)(se, () => E(), !0))
+            onKeydown: re[0] || (re[0] = (se) => v(ht)(se, () => E(), !0))
           }, Ce(x.value), 41, xu))
         ])),
         (h(!0), M(ke, null, Ve(I.value, (se, $e) => (h(), Me(_a, {
           key: $e,
-          name: c($)(H[se.type]),
-          css: c(O)
+          name: v($)(H[se.type]),
+          css: v(O)
         }, {
           default: be(() => {
             var De, Be;
@@ -5554,21 +5554,21 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
               H[se.type] ? (h(), Me(Ra, {
                 key: 0,
                 items: F(se.type),
-                "is-last": d.autoApply && !c(p).keepActionRow,
+                "is-last": d.autoApply && !v(p).keepActionRow,
                 "esc-close": d.escClose,
                 type: se.type,
                 "text-input": d.textInput,
                 config: d.config,
                 "arrow-navigation": d.arrowNavigation,
                 "aria-labels": d.ariaLabels,
-                "overlay-label": (Be = (De = c(v)).timeOverlay) == null ? void 0 : Be.call(De, se.type),
+                "overlay-label": (Be = (De = v(c)).timeOverlay) == null ? void 0 : Be.call(De, se.type),
                 onSelected: (Ke) => oe(se.type, Ke),
                 onToggle: (Ke) => V(se.type),
                 onResetFlow: re[1] || (re[1] = (Ke) => d.$emit("reset-flow"))
               }, it({
                 "button-icon": be(() => [
                   d.$slots["clock-icon"] ? K(d.$slots, "clock-icon", { key: 0 }) : W("", !0),
-                  d.$slots["clock-icon"] ? W("", !0) : (h(), Me(ga(d.timePickerInline ? c(ka) : c(On)), { key: 1 }))
+                  d.$slots["clock-icon"] ? W("", !0) : (h(), Me(ga(d.timePickerInline ? v(ka) : v(On)), { key: 1 }))
                 ]),
                 _: 2
               }, [
@@ -5626,97 +5626,97 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
     "am-pm-change"
   ],
   setup(e, { expose: t, emit: n }) {
-    const a = n, r = e, { buildMatrix: l, setTimePicker: s } = Zt(), v = ft(), { defaultedTransitions: i, defaultedAriaLabels: b, defaultedTextInput: p, defaultedConfig: f, defaultedRange: g } = ze(r), { transitionName: $, showTransition: O } = Va(i), { hideNavigationButtons: H } = Qa(), x = q(null), _ = q(null), Y = q([]), A = q(null), B = q(!1);
+    const a = n, r = e, { buildMatrix: l, setTimePicker: s } = Zt(), c = ft(), { defaultedTransitions: i, defaultedAriaLabels: b, defaultedTextInput: p, defaultedConfig: f, defaultedRange: g } = ze(r), { transitionName: $, showTransition: O } = Va(i), { hideNavigationButtons: H } = Qa(), x = U(null), _ = U(null), Y = U([]), A = U(null), B = U(!1);
     dt(() => {
       a("mount"), !r.timePicker && r.arrowNavigation ? l([et(x.value)], "time") : s(!0, r.timePicker);
     });
-    const z = L(() => g.value.enabled && r.modelAuto ? Fr(r.internalModelValue) : !0), k = q(!1), R = (U) => ({
-      hours: Array.isArray(r.hours) ? r.hours[U] : r.hours,
-      minutes: Array.isArray(r.minutes) ? r.minutes[U] : r.minutes,
-      seconds: Array.isArray(r.seconds) ? r.seconds[U] : r.seconds
+    const z = L(() => g.value.enabled && r.modelAuto ? Fr(r.internalModelValue) : !0), k = U(!1), R = (q) => ({
+      hours: Array.isArray(r.hours) ? r.hours[q] : r.hours,
+      minutes: Array.isArray(r.minutes) ? r.minutes[q] : r.minutes,
+      seconds: Array.isArray(r.seconds) ? r.seconds[q] : r.seconds
     }), ee = L(() => {
-      const U = [];
+      const q = [];
       if (g.value.enabled)
         for (let ae = 0; ae < 2; ae++)
-          U.push(R(ae));
+          q.push(R(ae));
       else
-        U.push(R(0));
-      return U;
-    }), j = (U, ae = !1, F = "") => {
-      ae || a("reset-flow"), k.value = U, a(U ? "overlay-opened" : "overlay-closed", vt.time), r.arrowNavigation && s(U), Ue(() => {
+        q.push(R(0));
+      return q;
+    }), j = (q, ae = !1, F = "") => {
+      ae || a("reset-flow"), k.value = q, a(q ? "overlay-opened" : "overlay-closed", vt.time), r.arrowNavigation && s(q), Ue(() => {
         F !== "" && Y.value[0] && Y.value[0].openChildCmp(F);
       });
     }, N = L(() => ({
       dp__btn: !0,
       dp__button: !0,
       dp__button_bottom: r.autoApply && !f.value.keepActionRow
-    })), ue = bt(v, "timePicker"), pe = (U, ae, F) => g.value.enabled ? ae === 0 ? [U, ee.value[1][F]] : [ee.value[0][F], U] : U, fe = (U) => {
-      a("update:hours", U);
-    }, u = (U) => {
-      a("update:minutes", U);
-    }, m = (U) => {
-      a("update:seconds", U);
+    })), ue = bt(c, "timePicker"), pe = (q, ae, F) => g.value.enabled ? ae === 0 ? [q, ee.value[1][F]] : [ee.value[0][F], q] : q, fe = (q) => {
+      a("update:hours", q);
+    }, u = (q) => {
+      a("update:minutes", q);
+    }, m = (q) => {
+      a("update:seconds", q);
     }, y = () => {
       if (A.value && !p.value.enabled && !r.noOverlayFocus) {
-        const U = Lr(A.value);
-        U && U.focus({ preventScroll: !0 });
+        const q = Lr(A.value);
+        q && q.focus({ preventScroll: !0 });
       }
-    }, I = (U) => {
-      B.value = !1, a("overlay-closed", U);
-    }, J = (U) => {
-      B.value = !0, a("overlay-opened", U);
+    }, I = (q) => {
+      B.value = !1, a("overlay-closed", q);
+    }, J = (q) => {
+      B.value = !0, a("overlay-opened", q);
     };
-    return t({ toggleTimePicker: j }), (U, ae) => {
+    return t({ toggleTimePicker: j }), (q, ae) => {
       var F;
       return h(), M("div", {
         class: "dp--tp-wrap",
-        "data-dp-mobile": U.isMobile
+        "data-dp-mobile": q.isMobile
       }, [
-        !U.timePicker && !U.timePickerInline ? Bt((h(), M("button", {
+        !q.timePicker && !q.timePickerInline ? Bt((h(), M("button", {
           key: 0,
           ref_key: "openTimePickerBtn",
           ref: x,
           type: "button",
           class: ie({ ...N.value, "dp--hidden-el": k.value }),
-          "aria-label": (F = c(b)) == null ? void 0 : F.openTimePicker,
-          tabindex: U.noOverlayFocus ? void 0 : 0,
+          "aria-label": (F = v(b)) == null ? void 0 : F.openTimePicker,
+          tabindex: q.noOverlayFocus ? void 0 : 0,
           "data-test-id": "open-time-picker-btn",
-          onKeydown: ae[0] || (ae[0] = (ce) => c(ht)(ce, () => j(!0))),
+          onKeydown: ae[0] || (ae[0] = (ce) => v(ht)(ce, () => j(!0))),
           onClick: ae[1] || (ae[1] = (ce) => j(!0))
         }, [
-          U.$slots["clock-icon"] ? K(U.$slots, "clock-icon", { key: 0 }) : W("", !0),
-          U.$slots["clock-icon"] ? W("", !0) : (h(), Me(c(On), { key: 1 }))
+          q.$slots["clock-icon"] ? K(q.$slots, "clock-icon", { key: 0 }) : W("", !0),
+          q.$slots["clock-icon"] ? W("", !0) : (h(), Me(v(On), { key: 1 }))
         ], 42, Pu)), [
-          [xa, !c(H)(U.hideNavigation, "time")]
+          [xa, !v(H)(q.hideNavigation, "time")]
         ]) : W("", !0),
         Fe(_a, {
-          name: c($)(k.value),
-          css: c(O) && !U.timePickerInline
+          name: v($)(k.value),
+          css: v(O) && !q.timePickerInline
         }, {
           default: be(() => {
             var ce, w;
             return [
-              k.value || U.timePicker || U.timePickerInline ? (h(), M("div", {
+              k.value || q.timePicker || q.timePickerInline ? (h(), M("div", {
                 key: 0,
                 ref_key: "overlayRef",
                 ref: A,
-                role: U.timePickerInline ? void 0 : "dialog",
+                role: q.timePickerInline ? void 0 : "dialog",
                 class: ie({
-                  dp__overlay: !U.timePickerInline,
-                  "dp--overlay-absolute": !r.timePicker && !U.timePickerInline,
+                  dp__overlay: !q.timePickerInline,
+                  "dp--overlay-absolute": !r.timePicker && !q.timePickerInline,
                   "dp--overlay-relative": r.timePicker
                 }),
-                style: ot(U.timePicker ? { height: `${c(f).modeHeight}px` } : void 0),
-                "aria-label": (ce = c(b)) == null ? void 0 : ce.timePicker,
-                tabindex: U.timePickerInline ? void 0 : 0
+                style: ot(q.timePicker ? { height: `${v(f).modeHeight}px` } : void 0),
+                "aria-label": (ce = v(b)) == null ? void 0 : ce.timePicker,
+                tabindex: q.timePickerInline ? void 0 : 0
               }, [
                 X("div", {
                   class: ie(
-                    U.timePickerInline ? "dp__time_picker_inline_container" : "dp__overlay_container dp__container_flex dp__time_picker_overlay_container"
+                    q.timePickerInline ? "dp__time_picker_inline_container" : "dp__overlay_container dp__container_flex dp__time_picker_overlay_container"
                   ),
                   style: { display: "flex" }
                 }, [
-                  U.$slots["time-picker-overlay"] ? K(U.$slots, "time-picker-overlay", {
+                  q.$slots["time-picker-overlay"] ? K(q.$slots, "time-picker-overlay", {
                     key: 0,
                     hours: e.hours,
                     minutes: e.minutes,
@@ -5725,22 +5725,22 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
                     setMinutes: u,
                     setSeconds: m
                   }) : W("", !0),
-                  U.$slots["time-picker-overlay"] ? W("", !0) : (h(), M("div", {
+                  q.$slots["time-picker-overlay"] ? W("", !0) : (h(), M("div", {
                     key: 1,
-                    class: ie(U.timePickerInline ? "dp__flex" : "dp__overlay_row dp__flex_row")
+                    class: ie(q.timePickerInline ? "dp__flex" : "dp__overlay_row dp__flex_row")
                   }, [
                     (h(!0), M(ke, null, Ve(ee.value, (S, D) => Bt((h(), Me(Cu, Re({
                       key: D,
                       ref_for: !0
                     }, {
-                      ...U.$props,
+                      ...q.$props,
                       order: D,
                       hours: S.hours,
                       minutes: S.minutes,
                       seconds: S.seconds,
                       closeTimePickerBtn: _.value,
                       disabledTimesConfig: e.disabledTimesConfig,
-                      disabled: D === 0 ? c(g).fixedStart : c(g).fixedEnd
+                      disabled: D === 0 ? v(g).fixedStart : v(g).fixedEnd
                     }, {
                       ref_for: !0,
                       ref_key: "timeInputRefs",
@@ -5752,33 +5752,33 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
                       onMounted: y,
                       onOverlayClosed: I,
                       onOverlayOpened: J,
-                      onAmPmChange: ae[2] || (ae[2] = (V) => U.$emit("am-pm-change", V))
+                      onAmPmChange: ae[2] || (ae[2] = (V) => q.$emit("am-pm-change", V))
                     }), it({ _: 2 }, [
-                      Ve(c(ue), (V, o) => ({
+                      Ve(v(ue), (V, o) => ({
                         name: V,
                         fn: be((C) => [
-                          K(U.$slots, V, Re({ ref_for: !0 }, C))
+                          K(q.$slots, V, Re({ ref_for: !0 }, C))
                         ])
                       }))
                     ]), 1040, ["validate-time", "onUpdate:hours", "onUpdate:minutes", "onUpdate:seconds"])), [
                       [xa, D === 0 ? !0 : z.value]
                     ])), 128))
                   ], 2)),
-                  !U.timePicker && !U.timePickerInline ? Bt((h(), M("button", {
+                  !q.timePicker && !q.timePickerInline ? Bt((h(), M("button", {
                     key: 2,
                     ref_key: "closeTimePickerBtn",
                     ref: _,
                     type: "button",
                     class: ie({ ...N.value, "dp--hidden-el": B.value }),
-                    "aria-label": (w = c(b)) == null ? void 0 : w.closeTimePicker,
+                    "aria-label": (w = v(b)) == null ? void 0 : w.closeTimePicker,
                     tabindex: "0",
-                    onKeydown: ae[3] || (ae[3] = (S) => c(ht)(S, () => j(!1))),
+                    onKeydown: ae[3] || (ae[3] = (S) => v(ht)(S, () => j(!1))),
                     onClick: ae[4] || (ae[4] = (S) => j(!1))
                   }, [
-                    U.$slots["calendar-icon"] ? K(U.$slots, "calendar-icon", { key: 0 }) : W("", !0),
-                    U.$slots["calendar-icon"] ? W("", !0) : (h(), Me(c(ka), { key: 1 }))
+                    q.$slots["calendar-icon"] ? K(q.$slots, "calendar-icon", { key: 0 }) : W("", !0),
+                    q.$slots["calendar-icon"] ? W("", !0) : (h(), Me(v(ka), { key: 1 }))
                   ], 42, Ou)), [
-                    [xa, !c(H)(U.hideNavigation, "time")]
+                    [xa, !v(H)(q.hideNavigation, "time")]
                   ]) : W("", !0)
                 ], 2)
               ], 14, Au)) : W("", !0)
@@ -5790,7 +5790,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
     };
   }
 }), rl = (e, t, n, a) => {
-  const { defaultedRange: r } = ze(e), l = (A, B) => Array.isArray(t[A]) ? t[A][B] : t[A], s = (A) => e.enableSeconds ? Array.isArray(t.seconds) ? t.seconds[A] : t.seconds : 0, v = (A, B) => A ? B !== void 0 ? jt(A, l("hours", B), l("minutes", B), s(B)) : jt(A, t.hours, t.minutes, s()) : Br(G(), s(B)), i = (A, B) => {
+  const { defaultedRange: r } = ze(e), l = (A, B) => Array.isArray(t[A]) ? t[A][B] : t[A], s = (A) => e.enableSeconds ? Array.isArray(t.seconds) ? t.seconds[A] : t.seconds : 0, c = (A, B) => A ? B !== void 0 ? jt(A, l("hours", B), l("minutes", B), s(B)) : jt(A, t.hours, t.minutes, s()) : Br(G(), s(B)), i = (A, B) => {
     t[A] = B;
   }, b = L(() => e.modelAuto && r.value.enabled ? Array.isArray(n.value) ? n.value.length > 1 : !1 : r.value.enabled), p = (A, B) => {
     const z = Object.fromEntries(
@@ -5844,7 +5844,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
     updateHours: g,
     updateMinutes: $,
     updateSeconds: O,
-    getSetDateTime: v,
+    getSetDateTime: c,
     updateTimeValues: H,
     getSecondsValue: s,
     assignStartTime: x,
@@ -5854,7 +5854,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
 }, Su = (e, t) => {
   const n = () => {
     e.isTextInputDate && B();
-  }, { modelValue: a, time: r } = Ba(e, t, n), { defaultedStartTime: l, defaultedRange: s, defaultedTz: v } = ze(e), { updateTimeValues: i, getSetDateTime: b, setTime: p, assignStartTime: f, disabledTimesConfig: g, validateTime: $ } = rl(e, r, a, O);
+  }, { modelValue: a, time: r } = Ba(e, t, n), { defaultedStartTime: l, defaultedRange: s, defaultedTz: c } = ze(e), { updateTimeValues: i, getSetDateTime: b, setTime: p, assignStartTime: f, disabledTimesConfig: g, validateTime: $ } = rl(e, r, a, O);
   function O() {
     t("update-flow-step");
   }
@@ -5875,11 +5875,11 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
     if (s.value.enabled) {
       const [k, R] = x();
       a.value = [
-        gt(b(k, 0), v.value.timezone),
-        gt(b(R, 1), v.value.timezone)
+        gt(b(k, 0), c.value.timezone),
+        gt(b(R, 1), c.value.timezone)
       ];
     } else
-      a.value = gt(b(x()), v.value.timezone);
+      a.value = gt(b(x()), c.value.timezone);
   }, Y = (k) => Array.isArray(k) ? [aa(G(k[0])), aa(G(k[1]))] : [aa(k ?? G())], A = (k, R, ee) => {
     p("hours", k), p("minutes", R), p("seconds", e.enableSeconds ? ee : 0);
   }, B = () => {
@@ -5924,7 +5924,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
     "overlay-toggle"
   ],
   setup(e, { expose: t, emit: n }) {
-    const a = n, r = e, l = ft(), s = bt(l, "timePicker"), v = q(null), { time: i, modelValue: b, disabledTimesConfig: p, updateTime: f, validateTime: g } = Su(r, a);
+    const a = n, r = e, l = ft(), s = bt(l, "timePicker"), c = U(null), { time: i, modelValue: b, disabledTimesConfig: p, updateTime: f, validateTime: g } = Su(r, a);
     return dt(() => {
       r.shadow || a("mount", null);
     }), t({ getSidebarProps: () => ({
@@ -5933,7 +5933,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
       updateTime: f
     }), toggleTimePicker: ($, O = !1, H = "") => {
       var x;
-      (x = v.value) == null || x.toggleTimePicker($, O, H);
+      (x = c.value) == null || x.toggleTimePicker($, O, H);
     } }), ($, O) => (h(), Me(Ua, {
       "multi-calendars": 0,
       stretch: "",
@@ -5942,23 +5942,23 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
       default: be(() => [
         Fe(nl, Re({
           ref_key: "tpRef",
-          ref: v
+          ref: c
         }, $.$props, {
-          hours: c(i).hours,
-          minutes: c(i).minutes,
-          seconds: c(i).seconds,
+          hours: v(i).hours,
+          minutes: v(i).minutes,
+          seconds: v(i).seconds,
           "internal-model-value": $.internalModelValue,
-          "disabled-times-config": c(p),
-          "validate-time": c(g),
-          "onUpdate:hours": O[0] || (O[0] = (H) => c(f)(H)),
-          "onUpdate:minutes": O[1] || (O[1] = (H) => c(f)(H, !1)),
-          "onUpdate:seconds": O[2] || (O[2] = (H) => c(f)(H, !1, !0)),
+          "disabled-times-config": v(p),
+          "validate-time": v(g),
+          "onUpdate:hours": O[0] || (O[0] = (H) => v(f)(H)),
+          "onUpdate:minutes": O[1] || (O[1] = (H) => v(f)(H, !1)),
+          "onUpdate:seconds": O[2] || (O[2] = (H) => v(f)(H, !1, !0)),
           onAmPmChange: O[3] || (O[3] = (H) => $.$emit("am-pm-change", H)),
           onResetFlow: O[4] || (O[4] = (H) => $.$emit("reset-flow")),
           onOverlayClosed: O[5] || (O[5] = (H) => $.$emit("overlay-toggle", { open: !1, overlay: H })),
           onOverlayOpened: O[6] || (O[6] = (H) => $.$emit("overlay-toggle", { open: !0, overlay: H }))
         }), it({ _: 2 }, [
-          Ve(c(s), (H, x) => ({
+          Ve(v(s), (H, x) => ({
             name: H,
             fn: be((_) => [
               K($.$slots, H, st(yt(_)))
@@ -5990,13 +5990,13 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
     const a = n, r = e, {
       defaultedTransitions: l,
       defaultedAriaLabels: s,
-      defaultedMultiCalendars: v,
+      defaultedMultiCalendars: c,
       defaultedFilters: i,
       defaultedConfig: b,
       defaultedHighlight: p,
       propDates: f,
       defaultedUI: g
-    } = ze(r), { transitionName: $, showTransition: O } = Va(l), { buildMatrix: H } = Zt(), { handleMonthYearChange: x, isDisabled: _, updateMonthYear: Y } = lu(r, a), { showLeftIcon: A, showRightIcon: B } = Qa(), z = q(!1), k = q(!1), R = q(!1), ee = q([null, null, null, null]);
+    } = ze(r), { transitionName: $, showTransition: O } = Va(l), { buildMatrix: H } = Zt(), { handleMonthYearChange: x, isDisabled: _, updateMonthYear: Y } = lu(r, a), { showLeftIcon: A, showRightIcon: B } = Qa(), z = U(!1), k = U(!1), R = U(!1), ee = U([null, null, null, null]);
     dt(() => {
       a("mount");
     });
@@ -6030,10 +6030,10 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
     })), y = (w, S, D) => {
       D !== void 0 ? w.value = D : w.value = !w.value, w.value ? (R.value = !0, a("overlay-opened", S)) : (R.value = !1, a("overlay-closed", S));
     }, I = (w = !1, S) => {
-      U(w), y(z, vt.month, S);
+      q(w), y(z, vt.month, S);
     }, J = (w = !1, S) => {
-      U(w), y(k, vt.year, S);
-    }, U = (w) => {
+      q(w), y(k, vt.year, S);
+    }, q = (w) => {
       w || a("reset-flow");
     }, ae = (w, S) => {
       r.arrowNavigation && (ee.value[S] = et(w), H(ee.value, "monthYear"));
@@ -6079,28 +6079,28 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
             year: e.year,
             months: e.months,
             years: e.years,
-            updateMonthYear: c(Y),
-            handleMonthYearChange: c(x),
+            updateMonthYear: v(Y),
+            handleMonthYearChange: v(x),
             instance: e.instance,
-            isDisabled: c(_)
+            isDisabled: v(_)
           })))
         ])) : (h(), M(ke, { key: 1 }, [
           w.$slots["top-extra"] ? (h(), M("div", Bu, [
             K(w.$slots, "top-extra", { value: w.internalModelValue })
           ])) : W("", !0),
           X("div", Iu, [
-            c(A)(c(v), e.instance) && !w.vertical ? (h(), Me(Ta, {
+            v(A)(v(c), e.instance) && !w.vertical ? (h(), Me(Ta, {
               key: 0,
-              "aria-label": (D = c(s)) == null ? void 0 : D.prevMonth,
-              disabled: c(_)(!1),
-              class: ie((V = c(g)) == null ? void 0 : V.navBtnPrev),
+              "aria-label": (D = v(s)) == null ? void 0 : D.prevMonth,
+              disabled: v(_)(!1),
+              class: ie((V = v(g)) == null ? void 0 : V.navBtnPrev),
               "el-name": "action-prev",
-              onActivate: S[0] || (S[0] = (E) => c(x)(!1, !0)),
+              onActivate: S[0] || (S[0] = (E) => v(x)(!1, !0)),
               onSetRef: S[1] || (S[1] = (E) => ae(E, 0))
             }, {
               default: be(() => [
                 w.$slots["arrow-left"] ? K(w.$slots, "arrow-left", { key: 0 }) : W("", !0),
-                w.$slots["arrow-left"] ? W("", !0) : (h(), Me(c(Pn), { key: 1 }))
+                w.$slots["arrow-left"] ? W("", !0) : (h(), Me(v(Pn), { key: 1 }))
               ]),
               _: 3
             }, 8, ["aria-label", "disabled", "class"])) : W("", !0),
@@ -6121,7 +6121,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
                   "aria-label": `${E.text}-${E.ariaLabel}`,
                   "data-test-id": `${E.type}-toggle-overlay-${e.instance}`,
                   onClick: E.toggle,
-                  onKeydown: (Z) => c(ht)(Z, () => E.toggle(), !0)
+                  onKeydown: (Z) => v(ht)(Z, () => E.toggle(), !0)
                 }, [
                   w.$slots[E.type] ? K(w.$slots, E.type, {
                     key: 0,
@@ -6133,8 +6133,8 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
                   ], 64))
                 ], 42, Hu),
                 Fe(_a, {
-                  name: c($)(E.showSelectionGrid),
-                  css: c(O)
+                  name: v($)(E.showSelectionGrid),
+                  css: v(O)
                 }, {
                   default: be(() => [
                     E.showSelectionGrid ? (h(), Me(Ra, {
@@ -6142,7 +6142,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
                       items: E.items,
                       "arrow-navigation": w.arrowNavigation,
                       "hide-navigation": w.hideNavigation,
-                      "is-last": w.autoApply && !c(b).keepActionRow,
+                      "is-last": w.autoApply && !v(b).keepActionRow,
                       "skip-button-ref": !1,
                       config: w.config,
                       type: E.type,
@@ -6157,7 +6157,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
                     }, it({
                       "button-icon": be(() => [
                         w.$slots["calendar-icon"] ? K(w.$slots, "calendar-icon", { key: 0 }) : W("", !0),
-                        w.$slots["calendar-icon"] ? W("", !0) : (h(), Me(c(ka), { key: 1 }))
+                        w.$slots["calendar-icon"] ? W("", !0) : (h(), Me(v(ka), { key: 1 }))
                       ]),
                       _: 2
                     }, [
@@ -6193,33 +6193,33 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
                 }, 1032, ["name", "css"])
               ], 64))), 128))
             ], 2),
-            c(A)(c(v), e.instance) && w.vertical ? (h(), Me(Ta, {
+            v(A)(v(c), e.instance) && w.vertical ? (h(), Me(Ta, {
               key: 1,
-              "aria-label": (o = c(s)) == null ? void 0 : o.prevMonth,
+              "aria-label": (o = v(s)) == null ? void 0 : o.prevMonth,
               "el-name": "action-prev",
-              disabled: c(_)(!1),
-              class: ie((C = c(g)) == null ? void 0 : C.navBtnPrev),
-              onActivate: S[2] || (S[2] = (E) => c(x)(!1, !0))
+              disabled: v(_)(!1),
+              class: ie((C = v(g)) == null ? void 0 : C.navBtnPrev),
+              onActivate: S[2] || (S[2] = (E) => v(x)(!1, !0))
             }, {
               default: be(() => [
                 w.$slots["arrow-up"] ? K(w.$slots, "arrow-up", { key: 0 }) : W("", !0),
-                w.$slots["arrow-up"] ? W("", !0) : (h(), Me(c(Sn), { key: 1 }))
+                w.$slots["arrow-up"] ? W("", !0) : (h(), Me(v(Sn), { key: 1 }))
               ]),
               _: 3
             }, 8, ["aria-label", "disabled", "class"])) : W("", !0),
-            c(B)(c(v), e.instance) ? (h(), Me(Ta, {
+            v(B)(v(c), e.instance) ? (h(), Me(Ta, {
               key: 2,
               ref: "rightIcon",
               "el-name": "action-next",
-              disabled: c(_)(!0),
-              "aria-label": (te = c(s)) == null ? void 0 : te.nextMonth,
-              class: ie((Te = c(g)) == null ? void 0 : Te.navBtnNext),
-              onActivate: S[3] || (S[3] = (E) => c(x)(!0, !0)),
+              disabled: v(_)(!0),
+              "aria-label": (te = v(s)) == null ? void 0 : te.nextMonth,
+              class: ie((Te = v(g)) == null ? void 0 : Te.navBtnNext),
+              onActivate: S[3] || (S[3] = (E) => v(x)(!0, !0)),
               onSetRef: S[4] || (S[4] = (E) => ae(E, w.disableYearSelect ? 2 : 3))
             }, {
               default: be(() => [
                 w.$slots[w.vertical ? "arrow-down" : "arrow-right"] ? K(w.$slots, w.vertical ? "arrow-down" : "arrow-right", { key: 0 }) : W("", !0),
-                w.$slots[w.vertical ? "arrow-down" : "arrow-right"] ? W("", !0) : (h(), Me(ga(w.vertical ? c(Yn) : c(An)), { key: 1 }))
+                w.$slots[w.vertical ? "arrow-down" : "arrow-right"] ? W("", !0) : (h(), Me(ga(w.vertical ? v(Yn) : v(An)), { key: 1 }))
               ]),
               _: 3
             }, 8, ["disabled", "aria-label", "class"])) : W("", !0)
@@ -6264,21 +6264,21 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
   setup(e, { expose: t, emit: n }) {
     const a = n, r = e, { buildMultiLevelMatrix: l } = Zt(), {
       defaultedTransitions: s,
-      defaultedConfig: v,
+      defaultedConfig: c,
       defaultedAriaLabels: i,
       defaultedMultiCalendars: b,
       defaultedWeekNumbers: p,
       defaultedMultiDates: f,
       defaultedUI: g
-    } = ze(r), $ = q(null), O = q({
+    } = ze(r), $ = U(null), O = U({
       bottom: "",
       left: "",
       transform: ""
-    }), H = q([]), x = q(null), _ = q(!0), Y = q(""), A = q({ startX: 0, endX: 0, startY: 0, endY: 0 }), B = q([]), z = q({ left: "50%" }), k = q(!1), R = L(() => r.calendar ? r.calendar(r.mappedDates) : r.mappedDates), ee = L(() => r.dayNames ? Array.isArray(r.dayNames) ? r.dayNames : r.dayNames(r.locale, +r.weekStart) : $i(r.formatLocale, r.locale, +r.weekStart));
+    }), H = U([]), x = U(null), _ = U(!0), Y = U(""), A = U({ startX: 0, endX: 0, startY: 0, endY: 0 }), B = U([]), z = U({ left: "50%" }), k = U(!1), R = L(() => r.calendar ? r.calendar(r.mappedDates) : r.mappedDates), ee = L(() => r.dayNames ? Array.isArray(r.dayNames) ? r.dayNames : r.dayNames(r.locale, +r.weekStart) : $i(r.formatLocale, r.locale, +r.weekStart));
     dt(() => {
-      a("mount", { cmp: "calendar", refs: H }), v.value.noSwipe || x.value && (x.value.addEventListener("touchstart", ae, { passive: !1 }), x.value.addEventListener("touchend", F, { passive: !1 }), x.value.addEventListener("touchmove", ce, { passive: !1 })), r.monthChangeOnScroll && x.value && x.value.addEventListener("wheel", D, { passive: !1 });
+      a("mount", { cmp: "calendar", refs: H }), c.value.noSwipe || x.value && (x.value.addEventListener("touchstart", ae, { passive: !1 }), x.value.addEventListener("touchend", F, { passive: !1 }), x.value.addEventListener("touchmove", ce, { passive: !1 })), r.monthChangeOnScroll && x.value && x.value.addEventListener("wheel", D, { passive: !1 });
     }), wa(() => {
-      v.value.noSwipe || x.value && (x.value.removeEventListener("touchstart", ae), x.value.removeEventListener("touchend", F), x.value.removeEventListener("touchmove", ce)), r.monthChangeOnScroll && x.value && x.value.removeEventListener("wheel", D);
+      c.value.noSwipe || x.value && (x.value.removeEventListener("touchstart", ae), x.value.removeEventListener("touchend", F), x.value.removeEventListener("touchmove", ce)), r.monthChangeOnScroll && x.value && x.value.removeEventListener("wheel", D);
     });
     const j = (E) => E ? r.vertical ? "vNext" : "next" : r.vertical ? "vPrevious" : "previous", N = (E, we) => {
       if (r.transitions) {
@@ -6325,7 +6325,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
         if (r.hideOffsetDates && !E.current) return;
         await I(E, we, Z);
       }
-    }, U = (E) => {
+    }, q = (E) => {
       $.value && ($.value = null, O.value = JSON.parse(JSON.stringify({ bottom: "", left: "", transform: "" })), a("tooltip-close", E.marker));
     }, ae = (E) => {
       A.value.startX = E.changedTouches[0].screenX, A.value.startY = E.changedTouches[0].screenY;
@@ -6344,9 +6344,9 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
       const we = E[0];
       return p.value.hideOnOffsetDates ? E.some((Z) => Z.current) ? V(we) : "" : V(we);
     }, C = (E, we, Z = !0) => {
-      !Z && Si() || (!f.value.enabled || v.value.allowPreventDefault) && (Ut(E, v.value), a("select-date", we));
+      !Z && Si() || (!f.value.enabled || c.value.allowPreventDefault) && (Ut(E, c.value), a("select-date", we));
     }, te = (E) => {
-      Ut(E, v.value);
+      Ut(E, c.value);
     }, Te = (E) => {
       f.value.enabled && f.value.dragSelect ? (k.value = !0, a("select-date", E)) : f.value.enabled && a("select-date", E);
     };
@@ -6368,7 +6368,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
               class: "dp__calendar_header_item",
               role: "gridcell",
               "data-test-id": "calendar-header",
-              "aria-label": (re = (d = c(i)) == null ? void 0 : d.weekDay) == null ? void 0 : re.call(d, oe)
+              "aria-label": (re = (d = v(i)) == null ? void 0 : d.weekDay) == null ? void 0 : re.call(d, oe)
             }, [
               E.$slots["calendar-header"] ? K(E.$slots, "calendar-header", {
                 key: 0,
@@ -6404,7 +6404,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
                 (h(!0), M(ke, null, Ve(Z.days, (d, re) => {
                   var le, se, $e;
                   return h(), M("div", {
-                    id: c(kn)(d.value),
+                    id: v(kn)(d.value),
                     ref_for: !0,
                     ref: (De) => S(De, oe, re),
                     key: re + oe,
@@ -6412,14 +6412,14 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
                     class: "dp__calendar_item",
                     "aria-pressed": (d.classData.dp__active_date || d.classData.dp__range_start || d.classData.dp__range_start) ?? void 0,
                     "aria-disabled": d.classData.dp__cell_disabled || void 0,
-                    "aria-label": (se = (le = c(i)) == null ? void 0 : le.day) == null ? void 0 : se.call(le, d),
+                    "aria-label": (se = (le = v(i)) == null ? void 0 : le.day) == null ? void 0 : se.call(le, d),
                     tabindex: !d.current && E.hideOffsetDates ? void 0 : 0,
-                    "data-test-id": c(kn)(d.value),
+                    "data-test-id": v(kn)(d.value),
                     onClick: Rt((De) => C(De, d), ["prevent"]),
                     onTouchend: (De) => C(De, d, !1),
-                    onKeydown: (De) => c(ht)(De, () => E.$emit("select-date", d)),
+                    onKeydown: (De) => v(ht)(De, () => E.$emit("select-date", d)),
                     onMouseenter: (De) => J(d, oe, re),
-                    onMouseleave: (De) => U(d),
+                    onMouseleave: (De) => q(d),
                     onMousedown: (De) => Te(d),
                     onMouseup: we[0] || (we[0] = (De) => k.value = !1)
                   }, [
@@ -6494,7 +6494,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
     ], 2));
   }
 }), dr = (e) => Array.isArray(e), ju = (e, t, n, a) => {
-  const r = q([]), l = q(/* @__PURE__ */ new Date()), s = q(), v = () => F(e.isTextInputDate), { modelValue: i, calendars: b, time: p, today: f } = Ba(e, t, v), {
+  const r = U([]), l = U(/* @__PURE__ */ new Date()), s = U(), c = () => F(e.isTextInputDate), { modelValue: i, calendars: b, time: p, today: f } = Ba(e, t, c), {
     defaultedMultiCalendars: g,
     defaultedStartTime: $,
     defaultedRange: O,
@@ -6517,11 +6517,11 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
   dt(() => {
     e.shadow || (i.value || (we(), J()), F(!0), e.focusStartDate && e.startDate && we());
   });
-  const U = L(() => {
+  const q = L(() => {
     var P;
     return (P = e.flow) != null && P.length && !e.partialFlow ? e.flowStep === e.flow.length : !0;
   }), ae = () => {
-    e.autoApply && U.value && t("auto-apply", e.partialFlow ? e.flowStep !== e.flow.length : !1);
+    e.autoApply && q.value && t("auto-apply", e.partialFlow ? e.flowStep !== e.flow.length : !1);
   }, F = (P = !1) => {
     if (i.value)
       return Array.isArray(i.value) ? (r.value = i.value, C(P)) : S(i.value, P);
@@ -6771,7 +6771,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
     const a = n, r = e, {
       calendars: l,
       month: s,
-      year: v,
+      year: c,
       modelValue: i,
       time: b,
       disabledTimesConfig: p,
@@ -6789,7 +6789,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
       updateTime: k,
       assignMonthAndYear: R,
       setStartTime: ee
-    } = ju(r, a, ce, w), j = ft(), { setHoverDate: N, getDayClassData: ue, clearHoverDate: pe } = vd(i, r), { defaultedMultiCalendars: fe } = ze(r), u = q([]), m = q([]), y = q(null), I = bt(j, "calendar"), J = bt(j, "monthYear"), U = bt(j, "timePicker"), ae = (Z) => {
+    } = ju(r, a, ce, w), j = ft(), { setHoverDate: N, getDayClassData: ue, clearHoverDate: pe } = vd(i, r), { defaultedMultiCalendars: fe } = ze(r), u = U([]), m = U([]), y = U(null), I = bt(j, "calendar"), J = bt(j, "monthYear"), q = bt(j, "timePicker"), ae = (Z) => {
       r.shadow || a("mount", Z);
     };
     nt(
@@ -6807,13 +6807,13 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
       },
       { deep: !0 }
     );
-    const F = L(() => (Z) => $(s.value(Z), v.value(Z)).map((oe) => ({
+    const F = L(() => (Z) => $(s.value(Z), c.value(Z)).map((oe) => ({
       ...oe,
       days: oe.days.map((d) => (d.marker = O(d), d.classData = ue(d), d))
     })));
     function ce(Z) {
       var oe;
-      Z || Z === 0 ? (oe = m.value[Z]) == null || oe.triggerTransition(s.value(Z), v.value(Z)) : m.value.forEach((d, re) => d.triggerTransition(s.value(re), v.value(re)));
+      Z || Z === 0 ? (oe = m.value[Z]) == null || oe.triggerTransition(s.value(Z), c.value(Z)) : m.value.forEach((d, re) => d.triggerTransition(s.value(re), c.value(re)));
     }
     function w() {
       a("update-flow-step");
@@ -6844,7 +6844,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
       var oe;
       (oe = u.value[0]) == null || oe.handleMonthYearChange(Z, !0);
     }, Te = (Z) => {
-      A(0, { month: s.value(0), year: v.value(0) + (Z ? 1 : -1), fromNav: !0 });
+      A(0, { month: s.value(0), year: c.value(0) + (Z ? 1 : -1), fromNav: !0 });
     }, E = (Z, oe) => {
       Z === vt.time && a(`time-picker-${oe ? "open" : "close"}`), a("overlay-toggle", { open: oe, overlay: Z });
     }, we = (Z) => {
@@ -6862,7 +6862,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
       getSidebarProps: () => ({
         modelValue: i,
         month: s,
-        year: v,
+        year: c,
         time: b,
         updateTime: k,
         updateMonthYear: A,
@@ -6875,7 +6875,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
       setStartTime: ee
     }), (Z, oe) => (h(), M(ke, null, [
       Fe(Ua, {
-        "multi-calendars": c(fe).count,
+        "multi-calendars": v(fe).count,
         collapse: Z.collapse,
         "is-mobile": Z.isMobile
       }, {
@@ -6885,19 +6885,19 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
             ref: (le) => {
               le && (u.value[re] = le);
             },
-            months: c(Nr)(Z.formatLocale, Z.locale, Z.monthNameFormat),
-            years: c(Vn)(Z.yearRange, Z.locale, Z.reverseYears),
-            month: c(s)(d),
-            year: c(v)(d),
+            months: v(Nr)(Z.formatLocale, Z.locale, Z.monthNameFormat),
+            years: v(Vn)(Z.yearRange, Z.locale, Z.reverseYears),
+            month: v(s)(d),
+            year: v(c)(d),
             instance: d
           }, Z.$props, {
-            onMount: oe[0] || (oe[0] = (le) => ae(c(ta).header)),
+            onMount: oe[0] || (oe[0] = (le) => ae(v(ta).header)),
             onResetFlow: oe[1] || (oe[1] = (le) => Z.$emit("reset-flow")),
-            onUpdateMonthYear: (le) => c(A)(d, le),
+            onUpdateMonthYear: (le) => v(A)(d, le),
             onOverlayClosed: we,
             onOverlayOpened: oe[2] || (oe[2] = (le) => Z.$emit("overlay-toggle", { open: !0, overlay: le }))
           }), it({ _: 2 }, [
-            Ve(c(J), (le, se) => ({
+            Ve(v(J), (le, se) => ({
               name: le,
               fn: be(($e) => [
                 K(Z.$slots, le, st(yt($e)))
@@ -6909,21 +6909,21 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
               le && (m.value[re] = le);
             },
             "mapped-dates": F.value(d),
-            month: c(s)(d),
-            year: c(v)(d),
+            month: v(s)(d),
+            year: v(c)(d),
             instance: d
           }, Z.$props, {
-            onSelectDate: (le) => c(Y)(le, d !== 1),
+            onSelectDate: (le) => v(Y)(le, d !== 1),
             onHandleSpace: (le) => S(le, d !== 1),
-            onSetHoverDate: oe[3] || (oe[3] = (le) => c(N)(le)),
-            onHandleScroll: (le) => c(x)(le, d),
-            onHandleSwipe: (le) => c(_)(le, d),
-            onMount: oe[4] || (oe[4] = (le) => ae(c(ta).calendar)),
+            onSetHoverDate: oe[3] || (oe[3] = (le) => v(N)(le)),
+            onHandleScroll: (le) => v(x)(le, d),
+            onHandleSwipe: (le) => v(_)(le, d),
+            onMount: oe[4] || (oe[4] = (le) => ae(v(ta).calendar)),
             onResetFlow: oe[5] || (oe[5] = (le) => Z.$emit("reset-flow")),
             onTooltipOpen: oe[6] || (oe[6] = (le) => Z.$emit("tooltip-open", le)),
             onTooltipClose: oe[7] || (oe[7] = (le) => Z.$emit("tooltip-close", le))
           }), it({ _: 2 }, [
-            Ve(c(I), (le, se) => ({
+            Ve(v(I), (le, se) => ({
               name: le,
               fn: be(($e) => [
                 K(Z.$slots, le, st(yt({ ...$e })))
@@ -6934,27 +6934,27 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
         _: 3
       }, 8, ["multi-calendars", "collapse", "is-mobile"]),
       Z.enableTimePicker ? (h(), M("div", Qu, [
-        Z.$slots["time-picker"] ? K(Z.$slots, "time-picker", st(Re({ key: 0 }, { time: c(b), updateTime: c(k) }))) : (h(), Me(nl, Re({
+        Z.$slots["time-picker"] ? K(Z.$slots, "time-picker", st(Re({ key: 0 }, { time: v(b), updateTime: v(k) }))) : (h(), Me(nl, Re({
           key: 1,
           ref_key: "timePickerRef",
           ref: y
         }, Z.$props, {
-          hours: c(b).hours,
-          minutes: c(b).minutes,
-          seconds: c(b).seconds,
+          hours: v(b).hours,
+          minutes: v(b).minutes,
+          seconds: v(b).seconds,
           "internal-model-value": Z.internalModelValue,
-          "disabled-times-config": c(p),
-          "validate-time": c(g),
-          onMount: oe[8] || (oe[8] = (d) => ae(c(ta).timePicker)),
-          "onUpdate:hours": oe[9] || (oe[9] = (d) => c(k)(d)),
-          "onUpdate:minutes": oe[10] || (oe[10] = (d) => c(k)(d, !1)),
-          "onUpdate:seconds": oe[11] || (oe[11] = (d) => c(k)(d, !1, !0)),
+          "disabled-times-config": v(p),
+          "validate-time": v(g),
+          onMount: oe[8] || (oe[8] = (d) => ae(v(ta).timePicker)),
+          "onUpdate:hours": oe[9] || (oe[9] = (d) => v(k)(d)),
+          "onUpdate:minutes": oe[10] || (oe[10] = (d) => v(k)(d, !1)),
+          "onUpdate:seconds": oe[11] || (oe[11] = (d) => v(k)(d, !1, !0)),
           onResetFlow: oe[12] || (oe[12] = (d) => Z.$emit("reset-flow")),
           onOverlayClosed: oe[13] || (oe[13] = (d) => E(d, !1)),
           onOverlayOpened: oe[14] || (oe[14] = (d) => E(d, !0)),
           onAmPmChange: oe[15] || (oe[15] = (d) => Z.$emit("am-pm-change", d))
         }), it({ _: 2 }, [
-          Ve(c(U), (d, re) => ({
+          Ve(v(q), (d, re) => ({
             name: d,
             fn: be((le) => [
               K(Z.$slots, d, st(yt(le)))
@@ -6965,12 +6965,12 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
     ], 64));
   }
 }), Zu = (e, t) => {
-  const n = q(), {
+  const n = U(), {
     defaultedMultiCalendars: a,
     defaultedConfig: r,
     defaultedHighlight: l,
     defaultedRange: s,
-    propDates: v,
+    propDates: c,
     defaultedFilters: i,
     defaultedMultiDates: b
   } = ze(e), { modelValue: p, year: f, month: g, calendars: $ } = Ba(e, t), { isDisabled: O } = Gt(e), { selectYear: H, groupedYears: x, showYearPicker: _, isDisabled: Y, toggleYearPicker: A, handleYearSelect: B, handleYear: z } = al({
@@ -6979,7 +6979,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
     range: s,
     highlight: l,
     calendars: $,
-    propDates: v,
+    propDates: c,
     month: g,
     year: f,
     filters: i,
@@ -7000,9 +7000,9 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
       start: na(y),
       end: La(y)
     }).map((I) => {
-      const J = ea(I), U = Zn(I), ae = O(I), F = ee(J), ce = N(J);
+      const J = ea(I), q = Zn(I), ae = O(I), F = ee(J), ce = N(J);
       return {
-        text: k(J, U),
+        text: k(J, q),
         value: J,
         active: R.value(J),
         highlighted: ce,
@@ -7058,7 +7058,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
   ],
   setup(e, { expose: t, emit: n }) {
     const a = n, r = e, l = ft(), s = bt(l, "yearMode"), {
-      defaultedMultiCalendars: v,
+      defaultedMultiCalendars: c,
       defaultedConfig: i,
       groupedYears: b,
       year: p,
@@ -7079,7 +7079,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
       handleYearSelect: Y,
       handleYear: A
     }) }), (B, z) => (h(), Me(Ua, {
-      "multi-calendars": c(v).count,
+      "multi-calendars": v(c).count,
       collapse: B.collapse,
       stretch: "",
       "is-mobile": B.isMobile
@@ -7087,7 +7087,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
       default: be(({ instance: k }) => [
         X("div", {
           class: "dp-quarter-picker-wrap",
-          style: ot({ minHeight: `${c(i).modeHeight}px` })
+          style: ot({ minHeight: `${v(i).modeHeight}px` })
         }, [
           B.$slots["top-extra"] ? K(B.$slots, "top-extra", {
             key: 0,
@@ -7095,16 +7095,16 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
           }) : W("", !0),
           X("div", null, [
             Fe(Jr, Re(B.$props, {
-              items: c(b)(k),
+              items: v(b)(k),
               instance: k,
-              "show-year-picker": c(O)[k],
-              year: c(p)(k),
-              "is-disabled": (R) => c(f)(k, R),
-              onHandleYear: (R) => c(A)(k, R),
-              onYearSelect: (R) => c(Y)(R, k),
-              onToggleYearPicker: (R) => c(_)(k, R?.flow, R?.show)
+              "show-year-picker": v(O)[k],
+              year: v(p)(k),
+              "is-disabled": (R) => v(f)(k, R),
+              onHandleYear: (R) => v(A)(k, R),
+              onYearSelect: (R) => v(Y)(R, k),
+              onToggleYearPicker: (R) => v(_)(k, R?.flow, R?.show)
             }), it({ _: 2 }, [
-              Ve(c(s), (R, ee) => ({
+              Ve(v(s), (R, ee) => ({
                 name: R,
                 fn: be((j) => [
                   K(B.$slots, R, st(yt(j)))
@@ -7113,7 +7113,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
             ]), 1040, ["items", "instance", "show-year-picker", "year", "is-disabled", "onHandleYear", "onYearSelect", "onToggleYearPicker"])
           ]),
           X("div", Gu, [
-            (h(!0), M(ke, null, Ve(c(g)(k), (R, ee) => (h(), M("div", { key: ee }, [
+            (h(!0), M(ke, null, Ve(v(g)(k), (R, ee) => (h(), M("div", { key: ee }, [
               X("button", {
                 type: "button",
                 class: ie(["dp--qr-btn", {
@@ -7124,8 +7124,8 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
                 }]),
                 "data-test-id": R.value,
                 disabled: R.disabled,
-                onClick: (j) => c(x)(R.value, k, R.disabled),
-                onMouseover: (j) => c(H)(R.value)
+                onClick: (j) => v(x)(R.value, k, R.disabled),
+                onMouseover: (j) => v(H)(R.value)
               }, [
                 B.$slots.quarter ? K(B.$slots, "quarter", {
                   key: 0,
@@ -7143,7 +7143,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
     }, 8, ["multi-calendars", "collapse", "is-mobile"]));
   }
 }), ll = (e, t) => {
-  const n = q(0);
+  const n = U(0);
   dt(() => {
     a(), window.addEventListener("resize", a, { passive: !0 });
   }), wa(() => {
@@ -7212,7 +7212,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
     "menu-blur"
   ],
   setup(e, { expose: t, emit: n }) {
-    const a = n, r = e, l = q(null), s = L(() => {
+    const a = n, r = e, l = U(null), s = L(() => {
       const { openOnTop: T, ...de } = r;
       return {
         ...de,
@@ -7220,14 +7220,14 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
         flowStep: fe.value,
         menuWrapRef: l.value
       };
-    }), { setMenuFocused: v, setShiftKey: i, control: b } = Xr(), p = ft(), { defaultedTextInput: f, defaultedInline: g, defaultedConfig: $, defaultedUI: O, handleEventPropagation: H } = ze(r), { isMobile: x } = ll($, r.shadow), _ = q(null), Y = q(0), A = q(null), B = q(!1), z = q(null), k = q(!1), R = (T) => {
+    }), { setMenuFocused: c, setShiftKey: i, control: b } = Xr(), p = ft(), { defaultedTextInput: f, defaultedInline: g, defaultedConfig: $, defaultedUI: O, handleEventPropagation: H } = ze(r), { isMobile: x } = ll($, r.shadow), _ = U(null), Y = U(0), A = U(null), B = U(!1), z = U(null), k = U(!1), R = (T) => {
       k.value = !0, $.value.allowPreventDefault && T.preventDefault(), Ut(T, $.value, !0);
     };
     dt(() => {
       if (!r.shadow) {
         B.value = !0, ee(), window.addEventListener("resize", ee);
         const T = et(l);
-        T && !f.value.enabled && !g.value.enabled && (v(!0), ae()), T && (T.addEventListener("pointerdown", R), T.addEventListener("mousedown", R));
+        T && !f.value.enabled && !g.value.enabled && (c(!0), ae()), T && (T.addEventListener("pointerdown", R), T.addEventListener("mousedown", R));
       }
       document.addEventListener("mousedown", Ke);
     }), wa(() => {
@@ -7238,7 +7238,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
     const ee = () => {
       const T = et(A);
       T && (Y.value = T.getBoundingClientRect().width);
-    }, { arrowRight: j, arrowLeft: N, arrowDown: ue, arrowUp: pe } = Zt(), { flowStep: fe, updateFlowStep: u, childMount: m, resetFlow: y, handleFlow: I } = pd(r, a, z), J = L(() => r.monthPicker ? yu : r.yearPicker ? bu : r.timePicker ? Yu : r.quarterPicker ? Ju : Ku), U = L(() => {
+    }, { arrowRight: j, arrowLeft: N, arrowDown: ue, arrowUp: pe } = Zt(), { flowStep: fe, updateFlowStep: u, childMount: m, resetFlow: y, handleFlow: I } = pd(r, a, z), J = L(() => r.monthPicker ? yu : r.yearPicker ? bu : r.timePicker ? Yu : r.quarterPicker ? Ju : Ku), q = L(() => {
       var T;
       if ($.value.arrowLeft) return $.value.arrowLeft;
       const de = (T = l.value) == null ? void 0 : T.getBoundingClientRect(), Se = r.getInputRect();
@@ -7336,16 +7336,16 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
         id: T.uid ? `dp-menu-${T.uid}` : void 0,
         ref_key: "dpMenuRef",
         ref: l,
-        tabindex: c(g).enabled ? void 0 : "0",
-        role: c(g).enabled ? void 0 : "dialog",
+        tabindex: v(g).enabled ? void 0 : "0",
+        role: v(g).enabled ? void 0 : "dialog",
         "aria-label": (Se = T.ariaLabels) == null ? void 0 : Se.menu,
         class: ie(o.value),
-        style: ot({ "--dp-arrow-left": U.value }),
+        style: ot({ "--dp-arrow-left": q.value }),
         onMouseleave: se,
         onClick: C,
         onKeydown: Be
       }, [
-        (T.disabled || T.readonly) && c(g).enabled || T.loading ? (h(), M("div", {
+        (T.disabled || T.readonly) && v(g).enabled || T.loading ? (h(), M("div", {
           key: 0,
           class: ie(V.value)
         }, [
@@ -7356,7 +7356,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
         T.$slots["menu-header"] ? (h(), M("div", ad, [
           K(T.$slots, "menu-header")
         ])) : W("", !0),
-        !c(g).enabled && !T.teleportCenter ? (h(), M("div", {
+        !v(g).enabled && !T.teleportCenter ? (h(), M("div", {
           key: 2,
           class: ie(D.value)
         }, null, 2)) : W("", !0),
@@ -7367,7 +7367,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
             dp__menu_content_wrapper: ((at = T.presetDates) == null ? void 0 : at.length) || !!T.$slots["left-sidebar"] || !!T.$slots["right-sidebar"],
             "dp--menu-content-wrapper-collapsed": e.collapse && (((Pt = T.presetDates) == null ? void 0 : Pt.length) || !!T.$slots["left-sidebar"] || !!T.$slots["right-sidebar"])
           }),
-          "data-dp-mobile": c(x),
+          "data-dp-mobile": v(x),
           style: ot({ "--dp-menu-width": `${Y.value}px` })
         }, [
           T.$slots["left-sidebar"] ? (h(), M("div", rd, [
@@ -7376,7 +7376,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
           T.presetDates.length ? (h(), M("div", {
             key: 1,
             class: ie({ "dp--preset-dates-collapsed": e.collapse, "dp--preset-dates": !0 }),
-            "data-dp-mobile": c(x)
+            "data-dp-mobile": v(x)
           }, [
             (h(!0), M(ke, null, Ve(T.presetDates, (me, rt) => (h(), M(ke, { key: rt }, [
               me.slot ? K(T.$slots, me.slot, {
@@ -7390,9 +7390,9 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
                 style: ot(me.style || {}),
                 class: ie(["dp__btn dp--preset-range", { "dp--preset-range-collapsed": e.collapse }]),
                 "data-test-id": me.testId ?? void 0,
-                "data-dp-mobile": c(x),
+                "data-dp-mobile": v(x),
                 onClick: Rt((At) => le(me.value, me.noTz), ["prevent"]),
-                onKeydown: (At) => c(ht)(At, () => le(me.value, me.noTz), !0)
+                onKeydown: (At) => v(ht)(At, () => le(me.value, me.noTz), !0)
               }, Ce(me.label), 47, od))
             ], 64))), 128))
           ], 10, ld)) : W("", !0),
@@ -7406,10 +7406,10 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
               ref_key: "dynCmpRef",
               ref: z
             }, s.value, {
-              "flow-step": c(fe),
-              onMount: c(m),
-              onUpdateFlowStep: c(u),
-              onResetFlow: c(y),
+              "flow-step": v(fe),
+              onMount: v(m),
+              onUpdateFlowStep: v(u),
+              onResetFlow: v(y),
               onFocusMenu: ae,
               onSelectDate: de[0] || (de[0] = (me) => T.$emit("select-date")),
               onDateUpdate: de[1] || (de[1] = (me) => T.$emit("date-update", me)),
@@ -7448,7 +7448,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
             }) : W("", !0)
           ])) : W("", !0)
         ], 14, nd),
-        !T.autoApply || c($).keepActionRow ? (h(), Me(iu, Re({
+        !T.autoApply || v($).keepActionRow ? (h(), Me(iu, Re({
           key: 3,
           "menu-mount": B.value
         }, s.value, {
@@ -7458,7 +7458,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Er = (e, t) =
           onInvalidSelect: de[18] || (de[18] = (me) => T.$emit("invalid-select")),
           onSelectNow: re
         }), it({ _: 2 }, [
-          Ve(c(w), (me, rt) => ({
+          Ve(v(w), (me, rt) => ({
             name: me,
             fn: be((At) => [
               K(T.$slots, me, st(yt({ ...At })))
@@ -7478,12 +7478,12 @@ const ud = ({
   inline: r,
   emit: l,
   props: s,
-  slots: v
+  slots: c
 }) => {
-  const { defaultedConfig: i } = ze(s), b = q({}), p = q(!1), f = q({
+  const { defaultedConfig: i } = ze(s), b = U({}), p = U(!1), f = U({
     top: "0",
     left: "0"
-  }), g = q(!1), $ = Pa(s, "teleportCenter");
+  }), g = U(!1), $ = Pa(s, "teleportCenter");
   nt($, () => {
     f.value = JSON.parse(JSON.stringify({})), z();
   });
@@ -7503,8 +7503,8 @@ const ud = ({
   }, _ = (y, I) => {
     s.position === da.left && x(y), s.position === da.right && H(y, I), s.position === da.center && (f.value.left = `${y + I / 2 - b.value.width / 2}px`);
   }, Y = (y) => {
-    const { width: I, height: J } = y.getBoundingClientRect(), { top: U, left: ae } = O(y);
-    return { top: +U, left: +ae, width: I, height: J };
+    const { width: I, height: J } = y.getBoundingClientRect(), { top: q, left: ae } = O(y);
+    return { top: +q, left: +ae, width: I, height: J };
   }, A = () => {
     f.value.left = "50%", f.value.top = "50%", f.value.transform = "translate(-50%, -50%)", f.value.position = "fixed", delete f.value.opacity;
   }, B = () => {
@@ -7524,17 +7524,17 @@ const ud = ({
   }, k = ({ inputEl: y, left: I, width: J }) => {
     window.screen.width > 768 && !p.value && _(I, J), j(y);
   }, R = (y) => {
-    const { top: I, left: J, height: U, width: ae } = Y(y);
-    f.value.top = `${U + I + +s.offset}px`, g.value = !1, p.value || (f.value.left = `${J + ae / 2 - b.value.width / 2}px`), k({ inputEl: y, left: J, width: ae });
+    const { top: I, left: J, height: q, width: ae } = Y(y);
+    f.value.top = `${q + I + +s.offset}px`, g.value = !1, p.value || (f.value.left = `${J + ae / 2 - b.value.width / 2}px`), k({ inputEl: y, left: J, width: ae });
   }, ee = (y) => {
-    const { top: I, left: J, width: U } = Y(y);
-    f.value.top = `${I - +s.offset - b.value.height}px`, g.value = !0, k({ inputEl: y, left: J, width: U });
+    const { top: I, left: J, width: q } = Y(y);
+    f.value.top = `${I - +s.offset - b.value.height}px`, g.value = !0, k({ inputEl: y, left: J, width: q });
   }, j = (y) => {
     if (s.autoPosition) {
-      const { left: I, width: J } = Y(y), { left: U, right: ae } = b.value;
+      const { left: I, width: J } = Y(y), { left: q, right: ae } = b.value;
       if (!p.value) {
-        if (Math.abs(U) !== Math.abs(ae)) {
-          if (U <= 0)
+        if (Math.abs(q) !== Math.abs(ae)) {
+          if (q <= 0)
             return p.value = !0, x(I);
           if (ae >= document.documentElement.clientWidth)
             return p.value = !0, H(I, J);
@@ -7547,7 +7547,7 @@ const ud = ({
     if (y) {
       if (s.autoPosition === Dt.top) return Dt.top;
       if (s.autoPosition === Dt.bottom) return Dt.bottom;
-      const { height: I } = b.value, { top: J, height: U } = y.getBoundingClientRect(), ae = window.innerHeight - J - U, F = J;
+      const { height: I } = b.value, { top: J, height: q } = y.getBoundingClientRect(), ae = window.innerHeight - J - q, F = J;
       return I <= ae ? Dt.bottom : I > ae && I <= F ? Dt.top : ae >= F ? Dt.bottom : Dt.top;
     }
     return Dt.bottom;
@@ -7584,21 +7584,21 @@ const ud = ({
     setMenuPosition: z,
     getScrollableParent: u,
     shadowRender: (y, I, J) => {
-      var U, ae, F;
-      const ce = document.createElement("div"), w = (U = et(n)) == null ? void 0 : U.getBoundingClientRect();
+      var q, ae, F;
+      const ce = document.createElement("div"), w = (q = et(n)) == null ? void 0 : q.getBoundingClientRect();
       ce.setAttribute("id", "dp--temp-container");
       const S = (ae = a.value) != null && ae.clientWidth ? a.value : document.body;
       S.append(ce);
-      const D = m(w), V = i.value.shadowDom ? Object.keys(v).filter(
+      const D = m(w), V = i.value.shadowDom ? Object.keys(c).filter(
         (C) => ["right-sidebar", "left-sidebar", "top-extra", "action-extra"].includes(C)
-      ) : Object.keys(v), o = ul(
+      ) : Object.keys(c), o = ul(
         I,
         {
           ...J,
           shadow: !0,
           style: { opacity: 0, position: "absolute", ...D }
         },
-        Object.fromEntries(V.map((C) => [C, v[C]]))
+        Object.fromEntries(V.map((C) => [C, c[C]]))
       );
       y != null && (o.appContext = y.appContext), Wn(o, ce), b.value = (F = o.el) == null ? void 0 : F.getBoundingClientRect(), Wn(null, ce), S.removeChild(ce);
     }
@@ -7666,7 +7666,7 @@ const ud = ({
   const t = L(() => (a) => e.value ? a ? e.value.open : e.value.close : ""), n = L(() => (a) => e.value ? a ? e.value.menuAppearTop : e.value.menuAppearBottom : "");
   return { transitionName: t, showTransition: !!e.value, menuTransition: n };
 }, Ba = (e, t, n) => {
-  const { defaultedRange: a, defaultedTz: r } = ze(e), l = G(gt(G(), r.value.timezone)), s = q([{ month: Pe(l), year: _e(l) }]), v = (g) => {
+  const { defaultedRange: a, defaultedTz: r } = ze(e), l = G(gt(G(), r.value.timezone)), s = U([{ month: Pe(l), year: _e(l) }]), c = (g) => {
     const $ = {
       hours: Lt(l),
       minutes: Kt(l),
@@ -7674,14 +7674,14 @@ const ud = ({
     };
     return a.value.enabled ? [$[g], $[g]] : $[g];
   }, i = Sa({
-    hours: v("hours"),
-    minutes: v("minutes"),
-    seconds: v("seconds")
+    hours: c("hours"),
+    minutes: c("minutes"),
+    seconds: c("seconds")
   });
   nt(
     a,
     (g, $) => {
-      g.enabled !== $.enabled && (i.hours = v("hours"), i.minutes = v("minutes"), i.seconds = v("seconds"));
+      g.enabled !== $.enabled && (i.hours = c("hours"), i.minutes = c("minutes"), i.seconds = c("seconds"));
     },
     { deep: !0 }
   );
@@ -7716,9 +7716,9 @@ const ud = ({
     defaultedUI: r,
     defaultedHighlight: l,
     defaultedTz: s,
-    propDates: v,
+    propDates: c,
     defaultedRange: i
-  } = ze(t), { isDisabled: b } = Gt(t), p = q(null), f = q(gt(/* @__PURE__ */ new Date(), s.value.timezone)), g = (o) => {
+  } = ze(t), { isDisabled: b } = Gt(t), p = U(null), f = U(gt(/* @__PURE__ */ new Date(), s.value.timezone)), g = (o) => {
     !o.current && t.hideOffsetDates || (p.value = o.value);
   }, $ = () => {
     p.value = null;
@@ -7769,7 +7769,7 @@ const ud = ({
     if (t.weekPicker) return !1;
     const C = i.value.enabled ? !_(o) && !_(o, !1) : !0;
     return !b(o.value) && !A(o) && !(!o.current && t.hideOffsetDates) && C;
-  }, ue = (o) => i.value.enabled ? t.modelAuto ? ee() && A(o) : !1 : A(o), pe = (o) => l.value ? Oi(o.value, v.value.highlight) : !1, fe = (o) => {
+  }, ue = (o) => i.value.enabled ? t.modelAuto ? ee() && A(o) : !1 : A(o), pe = (o) => l.value ? Oi(o.value, c.value.highlight) : !1, fe = (o) => {
     const C = b(o.value);
     return C && (typeof l.value == "function" ? !l.value(o.value, C) : !l.value.options.highlightDisabled);
   }, u = (o) => {
@@ -7787,7 +7787,7 @@ const ud = ({
       return Oa([C, te], e.value[0], o.value);
     }
     return !1;
-  }, J = (o) => i.value.enabled && (i.value.maxRange || i.value.minRange) ? i.value.maxRange && i.value.minRange ? y(o) || I(o) : i.value.maxRange ? y(o) : I(o) : !1, U = (o) => {
+  }, J = (o) => i.value.enabled && (i.value.maxRange || i.value.minRange) ? i.value.maxRange && i.value.minRange ? y(o) || I(o) : i.value.maxRange ? y(o) : I(o) : !1, q = (o) => {
     const { isRangeStart: C, isRangeEnd: te } = w(o), Te = i.value.enabled ? C || te : !1;
     return {
       dp__cell_offset: !o.current,
@@ -7852,16 +7852,16 @@ const ud = ({
     setHoverDate: g,
     clearHoverDate: $,
     getDayClassData: (o) => t.hideOffsetDates && !o.current ? {} : {
-      ...U(o),
+      ...q(o),
       ...V(o),
       [t.dayClass ? t.dayClass(o.value, t.internalModelValue) : ""]: !0,
       ...r.value.calendarCell ?? {}
     }
   };
 }, Gt = (e) => {
-  const { defaultedFilters: t, defaultedRange: n, propDates: a, defaultedMultiDates: r } = ze(e), l = (u) => a.value.disabledDates ? typeof a.value.disabledDates == "function" ? a.value.disabledDates(G(u)) : !!za(u, a.value.disabledDates) : !1, s = (u) => a.value.maxDate ? e.yearPicker ? _e(u) > _e(a.value.maxDate) : Ge(u, a.value.maxDate) : !1, v = (u) => a.value.minDate ? e.yearPicker ? _e(u) < _e(a.value.minDate) : je(u, a.value.minDate) : !1, i = (u) => {
-    const m = s(u), y = v(u), I = l(u), J = t.value.months.map((w) => +w).includes(Pe(u)), U = e.disabledWeekDays.length ? e.disabledWeekDays.some((w) => +w === gs(u)) : !1, ae = $(u), F = _e(u), ce = F < +e.yearRange[0] || F > +e.yearRange[1];
-    return !(m || y || I || J || ce || U || ae);
+  const { defaultedFilters: t, defaultedRange: n, propDates: a, defaultedMultiDates: r } = ze(e), l = (u) => a.value.disabledDates ? typeof a.value.disabledDates == "function" ? a.value.disabledDates(G(u)) : !!za(u, a.value.disabledDates) : !1, s = (u) => a.value.maxDate ? e.yearPicker ? _e(u) > _e(a.value.maxDate) : Ge(u, a.value.maxDate) : !1, c = (u) => a.value.minDate ? e.yearPicker ? _e(u) < _e(a.value.minDate) : je(u, a.value.minDate) : !1, i = (u) => {
+    const m = s(u), y = c(u), I = l(u), J = t.value.months.map((w) => +w).includes(Pe(u)), q = e.disabledWeekDays.length ? e.disabledWeekDays.some((w) => +w === gs(u)) : !1, ae = $(u), F = _e(u), ce = F < +e.yearRange[0] || F > +e.yearRange[1];
+    return !(m || y || I || J || ce || q || ae);
   }, b = (u, m) => je(...qt(a.value.minDate, u, m)) || Ae(...qt(a.value.minDate, u, m)), p = (u, m) => Ge(...qt(a.value.maxDate, u, m)) || Ae(...qt(a.value.maxDate, u, m)), f = (u, m, y) => {
     let I = !1;
     return a.value.maxDate && y && p(u, m) && (I = !0), a.value.minDate && !y && b(u, m) && (I = !0), I;
@@ -7876,7 +7876,7 @@ const ud = ({
     return !0;
   }, _ = (u, m) => !!(Array.isArray(u) && u[m] && (n.value.maxRange || n.value.minRange) && x(u[m])), Y = (u, m, y = 0) => {
     if (_(m, y) && x(u)) {
-      const I = _r(u, m[y]), J = jr(m[y], u), U = J.length === 1 ? 0 : J.filter((F) => O(F)).length, ae = Math.abs(I) - (n.value.minMaxRawRange ? 0 : U);
+      const I = _r(u, m[y]), J = jr(m[y], u), q = J.length === 1 ? 0 : J.filter((F) => O(F)).length, ae = Math.abs(I) - (n.value.minMaxRawRange ? 0 : q);
       if (n.value.minRange && n.value.maxRange)
         return ae >= +n.value.minRange && ae <= +n.value.maxRange;
       if (n.value.minRange) return ae >= +n.value.minRange;
@@ -7886,8 +7886,8 @@ const ud = ({
   }, A = () => !e.enableTimePicker || e.monthPicker || e.yearPicker || e.ignoreTimeValidation, B = (u) => Array.isArray(u) ? [u[0] ? sn(u[0]) : null, u[1] ? sn(u[1]) : null] : sn(u), z = (u, m, y) => u.find(
     (I) => +I.hours === Lt(m) && I.minutes === "*" ? !0 : +I.minutes === Kt(m) && +I.hours === Lt(m)
   ) && y, k = (u, m, y) => {
-    const [I, J] = u, [U, ae] = m;
-    return !z(I, U, y) && !z(J, ae, y) && y;
+    const [I, J] = u, [q, ae] = m;
+    return !z(I, q, y) && !z(J, ae, y) && y;
   }, R = (u, m) => {
     const y = Array.isArray(m) ? m : [m];
     return Array.isArray(e.disabledTimes) ? Array.isArray(e.disabledTimes[0]) ? k(e.disabledTimes, y, u) : !y.some((I) => z(e.disabledTimes, I, u)) : u;
@@ -7943,7 +7943,7 @@ const ud = ({
   const e = L(() => (a, r) => a?.includes(r)), t = L(() => (a, r) => a.count ? a.solo ? !0 : r === 0 : !0), n = L(() => (a, r) => a.count ? a.solo ? !0 : r === a.count - 1 : !0);
   return { hideNavigationButtons: e, showLeftIcon: t, showRightIcon: n };
 }, pd = (e, t, n) => {
-  const a = q(0), r = Sa({
+  const a = U(0), r = Sa({
     [ta.timePicker]: !e.enableTimePicker || e.timePicker || e.monthPicker,
     [ta.calendar]: !1,
     [ta.header]: !1
@@ -7953,7 +7953,7 @@ const ud = ({
       if (!f && l.value) return p();
       r[f] = !0, Object.keys(r).filter(($) => !r[$]).length || p();
     }
-  }, v = () => {
+  }, c = () => {
     var f, g;
     (f = e.flow) != null && f.length && a.value !== -1 && (a.value += 1, t("flow-step", a.value), p()), ((g = e.flow) == null ? void 0 : g.length) === a.value && Ue().then(() => i());
   }, i = () => {
@@ -7966,7 +7966,7 @@ const ud = ({
     const g = e.flow[a.value];
     (g === vt.hours || g === vt.minutes || g === vt.seconds) && b(g, "toggleTimePicker", !0, !0, g);
   };
-  return { childMount: s, updateFlowStep: v, resetFlow: i, handleFlow: p, flowStep: a };
+  return { childMount: s, updateFlowStep: c, resetFlow: i, handleFlow: p, flowStep: a };
 }, fd = {
   key: 1,
   class: "dp__input_wrap"
@@ -8002,14 +8002,14 @@ const ud = ({
     const a = n, r = e, {
       defaultedTextInput: l,
       defaultedAriaLabels: s,
-      defaultedInline: v,
+      defaultedInline: c,
       defaultedConfig: i,
       defaultedRange: b,
       defaultedMultiDates: p,
       defaultedUI: f,
       getDefaultPattern: g,
       getDefaultStartTime: $
-    } = ze(r), { checkMinMaxRange: O } = Gt(r), H = q(), x = q(null), _ = q(!1), Y = q(!1), A = L(
+    } = ze(r), { checkMinMaxRange: O } = Gt(r), H = U(), x = U(null), _ = U(!1), Y = U(!1), A = L(
       () => ({
         dp__pointer: !r.disabled && !r.readonly && !l.value.enabled,
         dp__disabled: r.disabled,
@@ -8066,12 +8066,12 @@ const ud = ({
         l.value.enabled && l.value.selectOnFocus && ((F = x.value) == null || F.select());
       });
     }, fe = (F) => {
-      if (Ut(F, i.value, !0), l.value.enabled && l.value.openMenu && !v.value.input) {
+      if (Ut(F, i.value, !0), l.value.enabled && l.value.openMenu && !c.value.input) {
         if (l.value.openMenu === "open" && !r.isMenuOpen) return a("open");
         if (l.value.openMenu === "toggle") return a("toggle");
       } else l.value.enabled || a("toggle");
     }, u = () => {
-      a("real-blur"), _.value = !1, (!r.isMenuOpen || v.value.enabled && v.value.input) && a("blur"), r.autoApply && l.value.enabled && H.value && !r.isMenuOpen && (a("set-input-date", H.value), a("select-date"), H.value = null);
+      a("real-blur"), _.value = !1, (!r.isMenuOpen || c.value.enabled && c.value.input) && a("blur"), r.autoApply && l.value.enabled && H.value && !r.isMenuOpen && (a("set-input-date", H.value), a("select-date"), H.value = null);
     }, m = (F) => {
       Ut(F, i.value, !0), a("clear");
     }, y = () => {
@@ -8084,20 +8084,20 @@ const ud = ({
     }, J = () => {
       var F;
       (F = x.value) == null || F.focus({ preventScroll: !0 });
-    }, U = (F) => {
+    }, q = (F) => {
       H.value = F;
     }, ae = (F) => {
       F.key === We.tab && ue(F, !0);
     };
     return t({
       focusInput: J,
-      setParsedDate: U
+      setParsedDate: q
     }), (F, ce) => {
       var w, S, D;
       return h(), M("div", { onClick: fe }, [
-        F.$slots.trigger && !F.$slots["dp-input"] && !c(v).enabled ? K(F.$slots, "trigger", { key: 0 }) : W("", !0),
-        !F.$slots.trigger && (!c(v).enabled || c(v).input) ? (h(), M("div", fd, [
-          F.$slots["dp-input"] && !F.$slots.trigger && (!c(v).enabled || c(v).enabled && c(v).input) ? K(F.$slots, "dp-input", {
+        F.$slots.trigger && !F.$slots["dp-input"] && !v(c).enabled ? K(F.$slots, "trigger", { key: 0 }) : W("", !0),
+        !F.$slots.trigger && (!v(c).enabled || v(c).input) ? (h(), M("div", fd, [
+          F.$slots["dp-input"] && !F.$slots.trigger && (!v(c).enabled || v(c).enabled && v(c).input) ? K(F.$slots, "dp-input", {
             key: 0,
             value: e.inputValue,
             isMenuOpen: e.isMenuOpen,
@@ -8121,14 +8121,14 @@ const ud = ({
             "data-test-id": "dp-input",
             name: F.name,
             class: ie(A.value),
-            inputmode: c(l).enabled ? "text" : "none",
+            inputmode: v(l).enabled ? "text" : "none",
             placeholder: F.placeholder,
             disabled: F.disabled,
             readonly: F.readonly,
             required: F.required,
             value: e.inputValue,
             autocomplete: F.autocomplete,
-            "aria-label": (w = c(s)) == null ? void 0 : w.input,
+            "aria-label": (w = v(s)) == null ? void 0 : w.input,
             "aria-disabled": F.disabled || void 0,
             "aria-invalid": F.state === !1 ? !0 : void 0,
             onInput: j,
@@ -8148,9 +8148,9 @@ const ud = ({
             }, [
               K(F.$slots, "input-icon")
             ])) : W("", !0),
-            !F.$slots["input-icon"] && !F.hideInputIcon && !F.$slots["dp-input"] ? (h(), Me(c(ka), {
+            !F.$slots["input-icon"] && !F.hideInputIcon && !F.$slots["dp-input"] ? (h(), Me(v(ka), {
               key: 1,
-              "aria-label": (S = c(s)) == null ? void 0 : S.calendarIcon,
+              "aria-label": (S = v(s)) == null ? void 0 : S.calendarIcon,
               class: "dp__input_icon dp__input_icons",
               onClick: ce[2] || (ce[2] = (V) => a("toggle"))
             }, null, 8, ["aria-label"])) : W("", !0)
@@ -8160,13 +8160,13 @@ const ud = ({
           ])) : W("", !0),
           !F.$slots["clear-icon"] && (F.alwaysClearable || F.clearable && e.inputValue && !F.disabled && !F.readonly) ? (h(), M("button", {
             key: 3,
-            "aria-label": (D = c(s)) == null ? void 0 : D.clearInput,
+            "aria-label": (D = v(s)) == null ? void 0 : D.clearInput,
             class: "dp--clear-btn",
             type: "button",
-            onKeydown: ce[4] || (ce[4] = (V) => c(ht)(V, () => m(V), !0, ae)),
+            onKeydown: ce[4] || (ce[4] = (V) => v(ht)(V, () => m(V), !0, ae)),
             onClick: ce[5] || (ce[5] = Rt((V) => m(V), ["prevent"]))
           }, [
-            Fe(c(Hr), {
+            Fe(v(Hr), {
               class: "dp__input_icons",
               "data-test-id": "clear-icon"
             })
@@ -8180,10 +8180,10 @@ const ud = ({
   if (!e) return fn;
   let r = fn;
   const l = nt(
-    () => c(e),
-    (v) => {
-      r(), v && (v.removeEventListener(t, n), v.addEventListener(t, n, a), r = () => {
-        v.removeEventListener(t, n, a), r = fn;
+    () => v(e),
+    (c) => {
+      r(), c && (c.removeEventListener(t, n), c.addEventListener(t, n, a), r = () => {
+        c.removeEventListener(t, n, a), r = fn;
       });
     },
     { immediate: !0, flush: "post" }
@@ -8194,8 +8194,8 @@ const ud = ({
 }, kd = (e, t, n, a = {}) => {
   const { window: r = bd, event: l = "pointerdown" } = a;
   return r ? _d(r, l, (s) => {
-    const v = et(e), i = et(t);
-    !v || !i || v === s.target || s.composedPath().includes(v) || s.composedPath().includes(i) || n(s);
+    const c = et(e), i = et(t);
+    !c || !i || c === s.target || s.composedPath().includes(c) || s.composedPath().includes(i) || n(s);
   }, { passive: !0 }) : void 0;
 }, Dd = ["data-dp-mobile"], Md = /* @__PURE__ */ Oe({
   compatConfig: {
@@ -8233,7 +8233,7 @@ const ud = ({
     "text-input"
   ],
   setup(e, { expose: t, emit: n }) {
-    const a = n, r = e, l = ft(), s = q(!1), v = Pa(r, "modelValue"), i = Pa(r, "timezone"), b = q(null), p = q(null), f = q(null), g = q(!1), $ = q(null), O = q(!1), H = q(!1), x = q(!1), _ = q(!1), { setMenuFocused: Y, setShiftKey: A } = Xr(), { clearArrowNav: B } = Zt(), { validateDate: z, isValidTime: k } = Gt(r), {
+    const a = n, r = e, l = ft(), s = U(!1), c = Pa(r, "modelValue"), i = Pa(r, "timezone"), b = U(null), p = U(null), f = U(null), g = U(!1), $ = U(null), O = U(!1), H = U(!1), x = U(!1), _ = U(!1), { setMenuFocused: Y, setShiftKey: A } = Xr(), { clearArrowNav: B } = Zt(), { validateDate: z, isValidTime: k } = Gt(r), {
       defaultedTransitions: R,
       defaultedTextInput: ee,
       defaultedInline: j,
@@ -8257,13 +8257,13 @@ const ud = ({
     });
     const I = bt(l, "all", r.presetDates), J = bt(l, "input");
     nt(
-      [v, i],
+      [c, i],
       () => {
-        o(v.value);
+        o(c.value);
       },
       { deep: !0 }
     );
-    const { openOnTop: U, menuStyle: ae, xCorrect: F, setMenuPosition: ce, getScrollableParent: w, shadowRender: S } = ud({
+    const { openOnTop: q, menuStyle: ae, xCorrect: F, setMenuPosition: ce, getScrollableParent: w, shadowRender: S } = ud({
       menuRef: b,
       menuRefInner: p,
       inputRef: f,
@@ -8325,7 +8325,7 @@ const ud = ({
       ee.value.enabled || (V.value = null);
     }, rt = (Q = !1) => {
       var ve, he;
-      Q && V.value && N.value.setDateOnMenuClose && de(), j.value.enabled || (s.value && (s.value = !1, F.value = !1, Y(!1), A(!1), B(), a("closed"), D.value && o(v.value)), me(), a("blur"), (he = (ve = p.value) == null ? void 0 : ve.$el) == null || he.remove());
+      Q && V.value && N.value.setDateOnMenuClose && de(), j.value.enabled || (s.value && (s.value = !1, F.value = !1, Y(!1), A(!1), B(), a("closed"), D.value && o(c.value)), me(), a("blur"), (he = (ve = p.value) == null ? void 0 : ve.$el) == null || he.remove());
     }, At = (Q, ve, he = !1) => {
       if (!Q) {
         V.value = null;
@@ -8386,19 +8386,19 @@ const ud = ({
       ref: $,
       class: ie(E.value),
       "data-datepicker-instance": "",
-      "data-dp-mobile": c(m)
+      "data-dp-mobile": v(m)
     }, [
       Fe(gd, Re({
         ref_key: "inputRef",
         ref: f,
-        "input-value": c(D),
+        "input-value": v(D),
         "onUpdate:inputValue": ve[0] || (ve[0] = (he) => En(D) ? D.value = he : null),
         "is-menu-open": s.value
       }, Q.$props, {
         onClear: Ke,
         onOpen: Be,
         onSetInputDate: At,
-        onSetEmptyDate: c(C),
+        onSetEmptyDate: v(C),
         onSelectDate: de,
         onToggle: Ia,
         onClose: rt,
@@ -8407,7 +8407,7 @@ const ud = ({
         onRealBlur: ve[1] || (ve[1] = (he) => g.value = !1),
         onTextInput: ve[2] || (ve[2] = (he) => Q.$emit("text-input", he))
       }), it({ _: 2 }, [
-        Ve(c(J), (he, Ht) => ({
+        Ve(v(J), (he, Ht) => ({
           name: he,
           fn: be((Ot) => [
             K(Q.$slots, he, st(yt(Ot)))
@@ -8417,8 +8417,8 @@ const ud = ({
       (h(), Me(ga(Q.teleport ? pr : "div"), st(yt(Z.value)), {
         default: be(() => [
           Fe(_a, {
-            name: c(fe)(c(U)),
-            css: c(u) && !c(j).enabled
+            name: v(fe)(v(q)),
+            css: v(u) && !v(j).enabled
           }, {
             default: be(() => [
               s.value ? (h(), M("div", Re({
@@ -8426,17 +8426,17 @@ const ud = ({
                 ref_key: "dpWrapMenuRef",
                 ref: b
               }, oe.value, {
-                class: { "dp--menu-wrapper": !c(j).enabled },
-                style: c(j).enabled ? void 0 : c(ae)
+                class: { "dp--menu-wrapper": !v(j).enabled },
+                style: v(j).enabled ? void 0 : v(ae)
               }), [
                 Fe(cr, Re({
                   ref_key: "dpMenuRef",
                   ref: p
                 }, Q.$props, {
-                  "internal-model-value": c(V),
+                  "internal-model-value": v(V),
                   "onUpdate:internalModelValue": ve[3] || (ve[3] = (he) => En(V) ? V.value = he : null),
                   class: { [we.value]: !0, "dp--menu-wrapper": Q.teleport },
-                  "open-on-top": c(U),
+                  "open-on-top": v(q),
                   "no-overlay-focus": d.value,
                   collapse: x.value,
                   "get-input-rect": re,
@@ -8447,10 +8447,10 @@ const ud = ({
                   onTimeUpdate: Ka,
                   onFlowStep: ve[4] || (ve[4] = (he) => Q.$emit("flow-step", he)),
                   onUpdateMonthYear: ve[5] || (ve[5] = (he) => Q.$emit("update-month-year", he)),
-                  onInvalidSelect: ve[6] || (ve[6] = (he) => Q.$emit("invalid-select", c(V))),
+                  onInvalidSelect: ve[6] || (ve[6] = (he) => Q.$emit("invalid-select", v(V))),
                   onAutoApplyInvalid: ve[7] || (ve[7] = (he) => Q.$emit("invalid-select", he)),
                   onInvalidFixedRange: ve[8] || (ve[8] = (he) => Q.$emit("invalid-fixed-range", he)),
-                  onRecalculatePosition: c(ce),
+                  onRecalculatePosition: v(ce),
                   onTooltipOpen: ve[9] || (ve[9] = (he) => Q.$emit("tooltip-open", he)),
                   onTooltipClose: ve[10] || (ve[10] = (he) => Q.$emit("tooltip-close", he)),
                   onTimePickerOpen: ve[11] || (ve[11] = (he) => Q.$emit("time-picker-open", he)),
@@ -8463,7 +8463,7 @@ const ud = ({
                   onOverlayToggle: ve[18] || (ve[18] = (he) => Q.$emit("overlay-toggle", he)),
                   onMenuBlur: ve[19] || (ve[19] = (he) => Q.$emit("blur"))
                 }), it({ _: 2 }, [
-                  Ve(c(I), (he, Ht) => ({
+                  Ve(v(I), (he, Ht) => ({
                     name: he,
                     fn: be((Ot) => [
                       K(Q.$slots, he, st(yt({ ...Ot })))
@@ -8495,13 +8495,14 @@ const xd = (e, t = "default") => {
   if (!e) return "";
   const n = (r, l = !0) => {
     if (!r || isNaN(r.getTime())) return "";
+    const s = r.getFullYear(), c = (r.getMonth() + 1).toString().padStart(2, "0"), i = r.getDate().toString().padStart(2, "0"), b = r.getHours().toString().padStart(2, "0"), p = r.getMinutes().toString().padStart(2, "0"), f = r.getSeconds().toString().padStart(2, "0");
     switch (t) {
       case "date-only":
-        return `${r.getFullYear()}.${r.getMonth() + 1}.${r.getDate()}`;
+        return `${s}.${c}.${i}`;
       case "date-time":
-        return `${r.getFullYear()}.${r.getMonth() + 1}.${r.getDate()}-${r.getHours().toString().padStart(2, "0")}:${r.getMinutes().toString().padStart(2, "0")}:${r.getSeconds().toString().padStart(2, "0")}`;
+        return `${s}.${c}.${i}-${b}:${p}:${f}`;
       case "date-time-short":
-        return `${r.getFullYear()}.${r.getMonth() + 1}.${r.getDate()}-${r.getHours().toString().padStart(2, "0")}:${r.getMinutes().toString().padStart(2, "0")}`;
+        return `${s}.${c}.${i}-${b}:${p}`;
       case "default":
       default:
         return `${r.getDate()} ${r.toLocaleString("en-US", {
@@ -8523,8 +8524,8 @@ const xd = (e, t = "default") => {
     if (!l || !s) return "";
     if (a(l, s))
       return n(l);
-    const v = l.getMonth() === s.getMonth() && l.getFullYear() === s.getFullYear(), i = l.getFullYear() === s.getFullYear();
-    return t === "date-time" || t === "date-time-short" || t === "date-only" ? `${n(l)} – ${n(s)}` : v ? `${l.getDate()} – ${n(s)}` : i ? `${n(l, !1)} – ${n(s)}` : `${n(l)} – ${n(s)}`;
+    const c = l.getMonth() === s.getMonth() && l.getFullYear() === s.getFullYear(), i = l.getFullYear() === s.getFullYear();
+    return t === "date-time" || t === "date-time-short" || t === "date-only" ? `${n(l)} – ${n(s)}` : c ? `${l.getDate()} – ${n(s)}` : i ? `${n(l, !1)} – ${n(s)}` : `${n(l)} – ${n(s)}`;
   } else if (e instanceof Date)
     return n(e);
   return "";
@@ -8570,7 +8571,7 @@ const Ad = /* @__PURE__ */ Le(Cd, [["render", Pd], ["__scopeId", "data-v-3cecf31
       return s;
     });
     return (l, s) => (h(), M("button", Re({
-      class: c(a),
+      class: v(a),
       disabled: t.disabled || t.loading
     }, r.value), [
       X("span", {
@@ -8600,14 +8601,15 @@ const Ad = /* @__PURE__ */ Le(Cd, [["render", Pd], ["__scopeId", "data-v-3cecf31
     size: { default: "default" },
     name: { default: void 0 },
     disabled: { type: Boolean, default: !1 },
-    displayFormat: { default: "default" }
+    displayFormat: { default: "default" },
+    showWithoutTime: { type: Boolean, default: !1 }
   }, {
     modelValue: {},
     modelModifiers: {}
   }),
   emits: /* @__PURE__ */ Qt(["change"], ["update:modelValue"]),
   setup(e, { expose: t, emit: n }) {
-    const a = e, r = n, l = q(null), s = ba(e, "modelValue"), v = q(null), i = (u) => {
+    const a = e, r = n, l = U(null), s = ba(e, "modelValue"), c = U(null), i = (u) => {
       try {
         if (!u) return null;
         if (u instanceof Date)
@@ -8636,8 +8638,8 @@ const Ad = /* @__PURE__ */ Le(Cd, [["render", Pd], ["__scopeId", "data-v-3cecf31
             if (!I || isNaN(I.getTime())) return null;
             const J = new Date(I);
             J.setHours(0, 0, 0, 0);
-            const U = new Date(I);
-            return U.setHours(23, 59, 0, 0), [J, U];
+            const q = new Date(I);
+            return q.setHours(23, 59, 0, 0), [J, q];
           }
           return y.length > 0 ? y : null;
         }
@@ -8667,7 +8669,7 @@ const Ad = /* @__PURE__ */ Le(Cd, [["render", Pd], ["__scopeId", "data-v-3cecf31
         console.warn("DatePicker: Error in getSafeModelValue:", u);
         return;
       }
-    }, f = q(p()), g = q(p()), $ = (u, m = !0) => {
+    }, f = U(p()), g = U(p()), $ = (u, m = !0) => {
       try {
         f.value = u, g.value = u, s.value = u, m && r("change", u);
       } catch (y) {
@@ -8689,7 +8691,7 @@ const Ad = /* @__PURE__ */ Le(Cd, [["render", Pd], ["__scopeId", "data-v-3cecf31
             Array.isArray(u) ? m = b(u)?.[0] || void 0 : m = i(u) || void 0;
           $(m);
           const y = Array.isArray(m) ? m[0] : m;
-          y && typeof v.value?.setMonthYear == "function" && v.value?.setMonthYear({
+          y && typeof c.value?.setMonthYear == "function" && c.value?.setMonthYear({
             month: y.getMonth(),
             year: y.getFullYear()
           });
@@ -8741,15 +8743,20 @@ const Ad = /* @__PURE__ */ Le(Cd, [["render", Pd], ["__scopeId", "data-v-3cecf31
         console.warn("DatePicker: Invalid dates provided to applyQuickFilter");
         return;
       }
-      g.value = a.isRange ? [u, m] : u, typeof v.value?.setMonthYear == "function" && v.value?.setMonthYear({
+      g.value = a.isRange ? [u, m] : u, typeof c.value?.setMonthYear == "function" && c.value?.setMonthYear({
         month: u.getMonth(),
         year: u.getFullYear()
       });
     }, _ = (u) => {
       if (!u) return "";
-      const m = (y, I = !0) => !y || !(y instanceof Date) || isNaN(y.getTime()) ? "" : `${y.getDate()} ${y.toLocaleString("en-US", {
-        month: "short"
-      })}${I && y.getFullYear() !== (/* @__PURE__ */ new Date()).getFullYear() ? ` ${y.getFullYear()}` : ""}, ${y.getHours().toString().padStart(2, "0")}:${y.getMinutes().toString().padStart(2, "0")}`;
+      const m = (y, I = !0) => {
+        if (!y || !(y instanceof Date) || isNaN(y.getTime()))
+          return "";
+        const J = I && y.getFullYear() !== (/* @__PURE__ */ new Date()).getFullYear() ? `${y.getFullYear()}` : "", q = a.showWithoutTime ? "" : `, ${y.getHours().toString().padStart(2, "0")}:${y.getMinutes().toString().padStart(2, "0")}`;
+        return `${y.getDate()} ${y.toLocaleString("en-US", {
+          month: "short"
+        })}${J}${q}`;
+      };
       if (a.isRange && Array.isArray(u) && u.length === 2) {
         const [y, I] = u;
         if (!y || !I || !(y instanceof Date) || !(I instanceof Date) || isNaN(y.getTime()) || isNaN(I.getTime()))
@@ -8780,9 +8787,9 @@ const Ad = /* @__PURE__ */ Le(Cd, [["render", Pd], ["__scopeId", "data-v-3cecf31
         console.error("DatePicker: Error in handleUpdate:", m), g.value = u;
       }
     }, B = () => {
-      k.value = !1, v.value && typeof v.value.closeMenu == "function" && v.value.closeMenu();
-    }, z = q("calendar"), k = q(!1), R = L(() => a.size === "large" ? "input-height-large" : "input-height-default"), ee = (u) => xd(u, a.displayFormat), j = () => {
-      v.value && typeof v.value.switchView == "function" && (z.value = z.value === "calendar" ? "time" : "calendar", v.value.switchView(z.value), Ue(() => {
+      k.value = !1, c.value && typeof c.value.closeMenu == "function" && c.value.closeMenu();
+    }, z = U("calendar"), k = U(!1), R = L(() => a.size === "large" ? "input-height-large" : "input-height-default"), ee = (u) => xd(u, a.displayFormat), j = () => {
+      c.value && typeof c.value.switchView == "function" && (z.value = z.value === "calendar" ? "time" : "calendar", c.value.switchView(z.value), Ue(() => {
         const u = document.querySelector(
           '[aria-label="Close time Picker"]'
         );
@@ -8838,9 +8845,9 @@ const Ad = /* @__PURE__ */ Le(Cd, [["render", Pd], ["__scopeId", "data-v-3cecf31
       }
     };
     return pe(), (u, m) => (h(), M(ke, null, [
-      Fe(c(Ln), {
+      Fe(v(Ln), {
         ref_key: "datepicker",
-        ref: v,
+        ref: c,
         modelValue: g.value,
         "onUpdate:modelValue": [
           m[0] || (m[0] = (y) => g.value = y),
@@ -8912,7 +8919,10 @@ const Ad = /* @__PURE__ */ Le(Cd, [["render", Pd], ["__scopeId", "data-v-3cecf31
         ]),
         "dp-input": be(() => [
           X("div", {
-            class: ie(["date-input-wrapper", [R.value, { active: k.value, disabled: a.disabled }]])
+            class: ie(["date-input-wrapper", [
+              R.value,
+              { active: k.value, disabled: a.disabled }
+            ]])
           }, [
             Fe(wt, {
               name: "calendar-default",
@@ -8959,7 +8969,7 @@ const Ad = /* @__PURE__ */ Le(Cd, [["render", Pd], ["__scopeId", "data-v-3cecf31
       return s;
     });
     return (l, s) => (h(), M("button", Re({
-      class: ["ui-kit-typo-text-link", c(a)],
+      class: ["ui-kit-typo-text-link", v(a)],
       disabled: t.disabled
     }, r.value), [
       K(l.$slots, "icon-left", {}, void 0, !0),
@@ -8981,7 +8991,7 @@ const Ad = /* @__PURE__ */ Le(Cd, [["render", Pd], ["__scopeId", "data-v-3cecf31
   setup(e) {
     const t = e, n = Ct();
     ft();
-    const a = ba(e, "modelValue"), r = q(`checkbox-${Math.random().toString(36).substring(2, 9)}`), l = (i) => {
+    const a = ba(e, "modelValue"), r = U(`checkbox-${Math.random().toString(36).substring(2, 9)}`), l = (i) => {
       if (t.disabled) {
         i.preventDefault(), i.stopPropagation();
         const b = i.target;
@@ -8995,12 +9005,12 @@ const Ad = /* @__PURE__ */ Le(Cd, [["render", Pd], ["__scopeId", "data-v-3cecf31
         [t.size]: !0
       },
       attrs: n
-    }), v = L(() => {
+    }), c = L(() => {
       const { class: i, checked: b, ...p } = n;
       return p;
     });
     return (i, b) => (h(), M("label", {
-      class: ie(c(s)),
+      class: ie(v(s)),
       for: r.value
     }, [
       Bt(X("input", Re({
@@ -9008,7 +9018,7 @@ const Ad = /* @__PURE__ */ Le(Cd, [["render", Pd], ["__scopeId", "data-v-3cecf31
         type: "checkbox",
         "onUpdate:modelValue": b[0] || (b[0] = (p) => a.value = p),
         disabled: t.disabled
-      }, v.value, {
+      }, c.value, {
         onInput: l,
         class: "ui-kit-checkbox__input"
       }), null, 16, zd), [
@@ -9046,7 +9056,7 @@ const Ad = /* @__PURE__ */ Le(Cd, [["render", Pd], ["__scopeId", "data-v-3cecf31
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = e, n = Ct(), a = ft(), r = ba(e, "modelValue"), l = q(`radiobutton-${Math.random().toString(36).substring(2, 9)}`), s = L(() => r.value === t.value), v = (p) => {
+    const t = e, n = Ct(), a = ft(), r = ba(e, "modelValue"), l = U(`radiobutton-${Math.random().toString(36).substring(2, 9)}`), s = L(() => r.value === t.value), c = (p) => {
       if (t.disabled) {
         p.preventDefault(), p.stopPropagation();
         return;
@@ -9065,7 +9075,7 @@ const Ad = /* @__PURE__ */ Le(Cd, [["render", Pd], ["__scopeId", "data-v-3cecf31
       return f;
     });
     return (p, f) => (h(), M("label", {
-      class: ie(c(i)),
+      class: ie(v(i)),
       for: l.value
     }, [
       X("input", Re({
@@ -9077,11 +9087,11 @@ const Ad = /* @__PURE__ */ Le(Cd, [["render", Pd], ["__scopeId", "data-v-3cecf31
         disabled: t.disabled
       }, b.value, {
         class: "ui-kit-radiobutton__input",
-        onInput: v
+        onInput: c
       }), null, 16, Qd),
       f[0] || (f[0] = X("div", { class: "ui-kit-radiobutton__box" }, null, -1)),
-      t.label ? (h(), M("span", Kd, Ce(t.label), 1)) : c(a).default ? K(p.$slots, "default", { key: 1 }, void 0, !0) : W("", !0),
-      c(a).right ? (h(), M("div", Zd, [
+      t.label ? (h(), M("span", Kd, Ce(t.label), 1)) : v(a).default ? K(p.$slots, "default", { key: 1 }, void 0, !0) : W("", !0),
+      v(a).right ? (h(), M("div", Zd, [
         K(p.$slots, "right", {}, void 0, !0)
       ])) : W("", !0)
     ], 10, jd));
@@ -9106,9 +9116,9 @@ const Ad = /* @__PURE__ */ Le(Cd, [["render", Pd], ["__scopeId", "data-v-3cecf31
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = e, n = ft(), a = ba(e, "modelValue"), r = L(() => t.name ?? `radiolist-${Math.random().toString(36).substring(2, 11)}`), l = (i) => typeof t.disabled == "boolean" ? t.disabled : typeof t.disabled == "function" ? t.disabled(i) : i.disabled ?? !1, s = L(() => !!n.right), v = L(() => !!t.label || !!n.label);
+    const t = e, n = ft(), a = ba(e, "modelValue"), r = L(() => t.name ?? `radiolist-${Math.random().toString(36).substring(2, 11)}`), l = (i) => typeof t.disabled == "boolean" ? t.disabled : typeof t.disabled == "function" ? t.disabled(i) : i.disabled ?? !1, s = L(() => !!n.right), c = L(() => !!t.label || !!n.label);
     return (i, b) => (h(), M("div", Jd, [
-      v.value ? (h(), M("div", ec, [
+      c.value ? (h(), M("div", ec, [
         K(i.$slots, "label", {}, () => [
           pt(Ce(t.label), 1)
         ], !0)
@@ -9179,9 +9189,9 @@ function lc(e, t) {
         return;
       }
       if (!nc.test(s)) {
-        const v = e.value?.toString() ?? "";
-        l.value = v;
-        const i = v.length;
+        const c = e.value?.toString() ?? "";
+        l.value = c;
+        const i = c.length;
         l.setSelectionRange(i, i);
         return;
       }
@@ -9218,7 +9228,7 @@ const oc = {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
-    const n = e, a = Ct(), r = ft(), l = t, s = q(!1), v = L(() => n.type === "number"), i = L({
+    const n = e, a = Ct(), r = ft(), l = t, s = U(!1), c = L(() => n.type === "number"), i = L({
       get: () => n.modelValue,
       set: (k) => l("update:modelValue", k)
     }), { handleKeydown: b, handleInput: p } = lc(
@@ -9253,9 +9263,9 @@ const oc = {
     }, Y = () => {
       s.value = !1;
     }, A = (k) => {
-      v.value && b(k);
+      c.value && b(k);
     }, B = (k) => {
-      if (v.value)
+      if (c.value)
         p(k);
       else {
         const R = k.target;
@@ -9263,25 +9273,25 @@ const oc = {
       }
     }, z = L(() => Array.isArray(n.errors) ? n.errors.join(", ") : n.errors);
     return (k, R) => (h(), M("div", {
-      class: ie(c($))
+      class: ie(v($))
     }, [
-      k.label || c(r)?.["header-slot"] ? (h(), M("div", oc, [
+      k.label || v(r)?.["header-slot"] ? (h(), M("div", oc, [
         k.label ? (h(), M("label", sc, Ce(k.label), 1)) : W("", !0),
         K(k.$slots, "header-slot", {}, void 0, !0)
       ])) : W("", !0),
       X("div", {
-        class: ie(c(O))
+        class: ie(v(O))
       }, [
         f.value ? (h(), M("span", ic, [
           K(k.$slots, "icon-left", {}, void 0, !0)
         ])) : W("", !0),
         X("input", Re({
           value: i.value,
-          type: v.value ? "text" : k.type,
-          inputmode: v.value ? "decimal" : void 0,
+          type: c.value ? "text" : k.type,
+          inputmode: c.value ? "decimal" : void 0,
           placeholder: k.placeholder,
           disabled: n.disabled,
-          class: ["ui-kit-typo-subtitle-secondary", c(H)]
+          class: ["ui-kit-typo-subtitle-secondary", v(H)]
         }, x.value, {
           onFocus: _,
           onBlur: Y,
@@ -9320,10 +9330,10 @@ const oc = {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
-    const n = e, a = Ct(), r = ft(), l = t, s = q(!1), v = q(!1), i = L({
+    const n = e, a = Ct(), r = ft(), l = t, s = U(!1), c = U(!1), i = L({
       get: () => n.modelValue,
       set: (A) => l("update:modelValue", A)
-    }), b = L(() => v.value ? "text" : "password"), p = L(() => !!r["icon-left"]), f = tt({
+    }), b = L(() => c.value ? "text" : "password"), p = L(() => !!r["icon-left"]), f = tt({
       base: "ui-kit ui-kit-input",
       modifiers: {
         error: !!n.errors
@@ -9352,17 +9362,17 @@ const oc = {
     }, x = () => {
       s.value = !1;
     }, _ = () => {
-      n.disabled || (v.value = !v.value);
+      n.disabled || (c.value = !c.value);
     }, Y = L(() => Array.isArray(n.errors) ? n.errors.join(", ") : n.errors);
     return (A, B) => (h(), M("div", {
-      class: ie(c(f))
+      class: ie(v(f))
     }, [
-      A.label || c(r)?.["header-slot"] ? (h(), M("div", pc, [
+      A.label || v(r)?.["header-slot"] ? (h(), M("div", pc, [
         A.label ? (h(), M("label", fc, Ce(A.label), 1)) : W("", !0),
         K(A.$slots, "header-slot", {}, void 0, !0)
       ])) : W("", !0),
       X("div", {
-        class: ie(c(g))
+        class: ie(v(g))
       }, [
         p.value ? (h(), M("span", mc, [
           K(A.$slots, "icon-left", {}, void 0, !0)
@@ -9372,7 +9382,7 @@ const oc = {
           type: b.value,
           placeholder: A.placeholder,
           disabled: n.disabled,
-          class: ["ui-kit-typo-subtitle-secondary", c($)]
+          class: ["ui-kit-typo-subtitle-secondary", v($)]
         }, O.value, {
           onFocus: H,
           onBlur: x
@@ -9386,7 +9396,7 @@ const oc = {
           onClick: _,
           tabindex: "0"
         }, [
-          v.value ? K(A.$slots, "toggle-icon-show", { key: 0 }, () => [
+          c.value ? K(A.$slots, "toggle-icon-show", { key: 0 }, () => [
             Fe(wt, { name: "eye" })
           ], !0) : K(A.$slots, "toggle-icon-hide", { key: 1 }, () => [
             Fe(wt, { name: "eye-slash" })
@@ -9423,7 +9433,7 @@ const oc = {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
-    const n = e, a = Ct(), r = ft(), l = t, s = q(!1), v = L({
+    const n = e, a = Ct(), r = ft(), l = t, s = U(!1), c = L({
       get: () => n.modelValue,
       set: (_) => l("update:modelValue", _)
     }), i = L(() => {
@@ -9462,29 +9472,29 @@ const oc = {
       n.disabled || l("update:modelValue", "");
     }, x = L(() => Array.isArray(n.errors) ? n.errors.join(", ") : n.errors);
     return (_, Y) => (h(), M("div", {
-      class: ie(c(b))
+      class: ie(v(b))
     }, [
-      _.label || c(r)?.["header-slot"] ? (h(), M("div", wc, [
+      _.label || v(r)?.["header-slot"] ? (h(), M("div", wc, [
         _.label ? (h(), M("label", _c, Ce(_.label), 1)) : W("", !0),
         K(_.$slots, "header-slot", {}, void 0, !0)
       ])) : W("", !0),
       X("div", {
-        class: ie(c(p))
+        class: ie(v(p))
       }, [
         Bt(X("input", Re({
-          "onUpdate:modelValue": Y[0] || (Y[0] = (A) => v.value = A),
+          "onUpdate:modelValue": Y[0] || (Y[0] = (A) => c.value = A),
           type: _.type,
           placeholder: _.placeholder,
           disabled: n.disabled,
           class: [
             n.variant === "table" ? "ui-kit-typo-paragraph-primary" : "ui-kit-typo-subtitle-secondary",
-            c(f)
+            v(f)
           ]
         }, g.value, {
           onFocus: $,
           onBlur: O
         }), null, 16, kc), [
-          [fr, v.value]
+          [fr, c.value]
         ]),
         i.value ? (h(), M("button", {
           key: 0,
@@ -9530,7 +9540,7 @@ const oc = {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
-    const n = e, a = Ct(), r = ft(), l = t, s = q(!1), v = L({
+    const n = e, a = Ct(), r = ft(), l = t, s = U(!1), c = L({
       get: () => n.modelValue,
       set: (x) => l("update:modelValue", x)
     }), i = tt({
@@ -9565,27 +9575,27 @@ const oc = {
       s.value = !1;
     }, H = L(() => Array.isArray(n.errors) ? n.errors.join(", ") : n.errors);
     return (x, _) => (h(), M("div", {
-      class: ie(c(i))
+      class: ie(v(i))
     }, [
-      x.label || c(r)?.["header-slot"] ? (h(), M("div", Cc, [
+      x.label || v(r)?.["header-slot"] ? (h(), M("div", Cc, [
         x.label ? (h(), M("label", Tc, Ce(x.label), 1)) : W("", !0),
         K(x.$slots, "header-slot", {}, void 0, !0)
       ])) : W("", !0),
       X("div", {
-        class: ie(c(b))
+        class: ie(v(b))
       }, [
         Bt(X("textarea", Re({
-          "onUpdate:modelValue": _[0] || (_[0] = (Y) => v.value = Y),
+          "onUpdate:modelValue": _[0] || (_[0] = (Y) => c.value = Y),
           placeholder: x.placeholder,
           disabled: n.disabled,
           rows: x.rows,
-          class: ["ui-kit-typo-subtitle-secondary", c(p)],
+          class: ["ui-kit-typo-subtitle-secondary", v(p)],
           style: f.value
         }, g.value, {
           onFocus: $,
           onBlur: O
         }), null, 16, Pc), [
-          [mr, v.value]
+          [mr, c.value]
         ])
       ], 2),
       x.errors ? (h(), M("div", Ac, Ce(H.value), 1)) : W("", !0)
@@ -9616,7 +9626,7 @@ const oc = {
             a[0] || (a[0] = pt("No data", -1))
           ], !0)
         ], 2),
-        c(t).subtitle ? (h(), M("span", Rc, [
+        v(t).subtitle ? (h(), M("span", Rc, [
           K(n.$slots, "subtitle", {}, void 0, !0)
         ])) : W("", !0)
       ])
@@ -9636,7 +9646,7 @@ const oc = {
       attrs: n
     });
     return (r, l) => (h(), M("div", {
-      class: ie(["ui-kit-typo-paragraph-secondary", c(a)])
+      class: ie(["ui-kit-typo-paragraph-secondary", v(a)])
     }, [
       K(r.$slots, "default", {}, void 0, !0)
     ], 2));
@@ -9679,14 +9689,14 @@ const oc = {
         [a.type || "default"]: !0,
         bordered: !a.noBorder
       }
-    }), v = tt({
+    }), c = tt({
       base: "ui-kit ui-kit-toast__progress-bar",
       modifiers: {
         [a.type || ""]: !!a.type
       }
     });
     return (i, b) => (h(), M("div", {
-      class: ie(c(s))
+      class: ie(v(s))
     }, [
       X("button", {
         class: "ui-kit-toast__close-button",
@@ -9699,7 +9709,7 @@ const oc = {
       ]),
       i.noProgress ? W("", !0) : (h(), M("div", Ic, [
         X("div", {
-          class: ie(c(v)),
+          class: ie(v(c)),
           style: ot({ animationDuration: i.delay ? `${i.delay}ms` : void 0 })
         }, null, 6)
       ])),
@@ -9714,20 +9724,20 @@ const oc = {
         class: "ui-kit-toast__loader",
         style: ot({ borderColor: i.loader.color })
       }, null, 4)) : W("", !0),
-      c(r).title || c(r).description ? (h(), M("div", Hc, [
-        c(r).title ? (h(), M("span", Nc, [
+      v(r).title || v(r).description ? (h(), M("div", Hc, [
+        v(r).title ? (h(), M("span", Nc, [
           K(i.$slots, "title", {}, void 0, !0)
         ])) : W("", !0),
-        c(r).description ? (h(), M("span", Fc, [
+        v(r).description ? (h(), M("span", Fc, [
           K(i.$slots, "description", {}, void 0, !0)
         ])) : W("", !0)
       ])) : W("", !0),
-      c(r).default ? (h(), M("div", Lc, [
+      v(r).default ? (h(), M("div", Lc, [
         K(i.$slots, "default", {}, void 0, !0)
       ])) : W("", !0)
     ], 2));
   }
-}), Wc = /* @__PURE__ */ Le(Ec, [["__scopeId", "data-v-786963ae"]]), zc = 5e3, qc = 3, ua = q([]), Uc = () => ({
+}), Wc = /* @__PURE__ */ Le(Ec, [["__scopeId", "data-v-786963ae"]]), zc = 5e3, qc = 3, ua = U([]), Uc = () => ({
   toasts: ua,
   add: (n) => {
     const a = {
@@ -9750,7 +9760,7 @@ const oc = {
       X("div", Qc, [
         Fe(hl, { name: "ui-kit-toast-list" }, {
           default: be(() => [
-            (h(!0), M(ke, null, Ve(c(t), (l) => (h(), Me(ga(l.customComponent ?? Wc), Re({ ref_for: !0 }, l.props ?? {}, {
+            (h(!0), M(ke, null, Ve(v(t), (l) => (h(), Me(ga(l.customComponent ?? Wc), Re({ ref_for: !0 }, l.props ?? {}, {
               key: l.id,
               delay: l.delay,
               manual: l.manual,
@@ -9759,7 +9769,7 @@ const oc = {
               icon: l.icon,
               loader: l.loader,
               type: l.type,
-              onClose: (s) => c(n)(l.id)
+              onClose: (s) => v(n)(l.id)
             }), it({ _: 2 }, [
               l.title ? {
                 name: "title",
@@ -9797,8 +9807,8 @@ function Xc(e, t, n) {
   let a = null;
   function r() {
     a || (a = (s) => {
-      const v = s.target, i = e();
-      i && i.contains(v) || (n?.() || []).some((p) => p && p.contains(v)) || t();
+      const c = s.target, i = e();
+      i && i.contains(c) || (n?.() || []).some((p) => p && p.contains(c)) || t();
     }, document.addEventListener("mousedown", a));
   }
   function l() {
@@ -9842,7 +9852,7 @@ const Jc = {
     const n = e, a = t, r = ba(
       e,
       "modelValue"
-    ), l = q(null), s = q(null), v = q(null), i = q(null), b = q(!1), p = q(""), f = q(-1);
+    ), l = U(null), s = U(null), c = U(null), i = U(null), b = U(!1), p = U(""), f = U(-1);
     function g(D) {
       return typeof D == "string" || typeof D == "number" ? {
         [n.valueKey]: D,
@@ -9937,7 +9947,7 @@ const Jc = {
     const { bindOutside: pe, unbindOutside: fe } = Xc(
       () => l.value,
       () => k(),
-      () => [v.value, s.value]
+      () => [c.value, s.value]
     );
     yl(() => {
       fe(), F && cancelAnimationFrame(F);
@@ -9963,11 +9973,11 @@ const Jc = {
         }));
       }
     );
-    const I = L(() => Y.value.length), J = q(!1), U = q({});
+    const I = L(() => Y.value.length), J = U(!1), q = U({});
     function ae() {
       const D = l.value;
-      if (!D || !v.value) return;
-      const V = D.getBoundingClientRect(), o = window.innerHeight, C = s.value, te = v.value;
+      if (!D || !c.value) return;
+      const V = D.getBoundingClientRect(), o = window.innerHeight, C = s.value, te = c.value;
       let Te = 240;
       if (C) {
         const le = window.getComputedStyle(C).maxHeight, se = le !== "none" && le !== "" ? parseFloat(le) : 1 / 0, $e = C.scrollHeight, De = te ? parseFloat(
@@ -9985,7 +9995,7 @@ const Jc = {
         );
       }
       const E = V.height, we = Math.max(4, E * 0.1), Z = o - V.bottom - we, oe = V.top - we, d = Z < Te ? oe > Z || oe > Te : !1;
-      J.value = d, U.value = {
+      J.value = d, q.value = {
         position: "fixed",
         left: `${V.left}px`,
         width: `${V.width}px`,
@@ -10080,11 +10090,11 @@ const Jc = {
       (h(), Me(pr, { to: "body" }, [
         Bt(X("div", {
           ref_key: "dropdownEl",
-          ref: v,
+          ref: c,
           class: ie(["ui-kit ui-kit-select ui-kit-select__dropdown", {
             "ui-kit-select__dropdown_above": J.value
           }]),
-          style: ot(U.value),
+          style: ot(q.value),
           onKeydown: V[3] || (V[3] = Rt(() => {
           }, ["stop"]))
         }, [