energy-components 2.5.0 → 2.5.1

package/dist/energy-components.es.js

@@ -1348,7 +1348,7 @@ async function _i(e, t) {
     y: l,
     width: o.floating.width,
     height: o.floating.height
-  } : o.reference, _ = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(i.floating)), k = await (r.isElement == null ? void 0 : r.isElement(_)) ? await (r.getScale == null ? void 0 : r.getScale(_)) || {
+  } : o.reference, k = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(i.floating)), _ = await (r.isElement == null ? void 0 : r.isElement(k)) ? await (r.getScale == null ? void 0 : r.getScale(k)) || {
     x: 1,
     y: 1
   } : {
@@ -1357,14 +1357,14 @@ async function _i(e, t) {
   }, R = hn(r.convertOffsetParentRelativeRectToViewportRelativeRect ? await r.convertOffsetParentRelativeRectToViewportRelativeRect({
     elements: i,
     rect: C,
-    offsetParent: _,
+    offsetParent: k,
     strategy: s
   }) : C);
   return {
-    top: ($.top - R.top + p.top) / k.y,
-    bottom: (R.bottom - $.bottom + p.bottom) / k.y,
-    left: ($.left - R.left + p.left) / k.x,
-    right: (R.right - $.right + p.right) / k.x
+    top: ($.top - R.top + p.top) / _.y,
+    bottom: (R.bottom - $.bottom + p.bottom) / _.y,
+    left: ($.left - R.left + p.left) / _.x,
+    right: (R.right - $.right + p.right) / _.x
   };
 }
 const ki = 50, xi = async (e, t, n) => {
@@ -1394,8 +1394,8 @@ const ki = 50, xi = async (e, t, n) => {
       name: $,
       fn: C
     } = b, {
-      x: _,
-      y: k,
+      x: k,
+      y: _,
       data: R,
       reset: T
     } = await C({
@@ -1412,7 +1412,7 @@ const ki = 50, xi = async (e, t, n) => {
         floating: t
       }
     });
-    u = _ ?? u, f = k ?? f, p[$] = {
+    u = k ?? u, f = _ ?? f, p[$] = {
       ...p[$],
       ...R
     }, T && h < ki && (h++, typeof T == "object" && (T.placement && (c = T.placement), T.rects && (d = T.rects === !0 ? await o.getElementRects({
@@ -1452,10 +1452,10 @@ const ki = 50, xi = async (e, t, n) => {
     const f = Er(u), c = {
       x: n,
       y: a
-    }, h = yl(l), p = hl(h), v = await o.getDimensions(d), b = h === "y", $ = b ? "top" : "left", C = b ? "bottom" : "right", _ = b ? "clientHeight" : "clientWidth", k = r.reference[p] + r.reference[h] - c[h] - r.floating[p], R = c[h] - r.reference[h], T = await (o.getOffsetParent == null ? void 0 : o.getOffsetParent(d));
-    let O = T ? T[_] : 0;
-    (!O || !await (o.isElement == null ? void 0 : o.isElement(T))) && (O = i.floating[_] || r.floating[p]);
-    const U = k / 2 - R / 2, H = O / 2 - v[p] / 2 - 1, N = ia(f[$], H), A = ia(f[C], H), Z = N, ne = O - v[p] - A, M = O / 2 - v[p] / 2 + U, D = ol(Z, M, ne), w = !s.arrow && qa(l) != null && M !== D && r.reference[p] / 2 - (M < Z ? N : A) - v[p] / 2 < 0, P = w ? M < Z ? M - Z : M - ne : 0;
+    }, h = yl(l), p = hl(h), v = await o.getDimensions(d), b = h === "y", $ = b ? "top" : "left", C = b ? "bottom" : "right", k = b ? "clientHeight" : "clientWidth", _ = r.reference[p] + r.reference[h] - c[h] - r.floating[p], R = c[h] - r.reference[h], T = await (o.getOffsetParent == null ? void 0 : o.getOffsetParent(d));
+    let O = T ? T[k] : 0;
+    (!O || !await (o.isElement == null ? void 0 : o.isElement(T))) && (O = i.floating[k] || r.floating[p]);
+    const U = _ / 2 - R / 2, H = O / 2 - v[p] / 2 - 1, N = ia(f[$], H), A = ia(f[C], H), Z = N, ne = O - v[p] - A, M = O / 2 - v[p] / 2 + U, D = ol(Z, M, ne), w = !s.arrow && qa(l) != null && M !== D && r.reference[p] / 2 - (M < Z ? N : A) - v[p] / 2 < 0, P = w ? M < Z ? M - Z : M - ne : 0;
     return {
       [h]: c[h] + P,
       data: {
@@ -1492,12 +1492,12 @@ const ki = 50, xi = async (e, t, n) => {
       } = Ha(e, t);
       if ((n = r.arrow) != null && n.alignmentOffset)
         return {};
-      const $ = sa(l), C = Kt(i), _ = sa(i) === i, k = await (s.isRTL == null ? void 0 : s.isRTL(d.floating)), R = c || (_ || !v ? [mn(i)] : mi(i)), T = p !== "none";
-      !c && T && R.push(...bi(i, v, p, k));
+      const $ = sa(l), C = Kt(i), k = sa(i) === i, _ = await (s.isRTL == null ? void 0 : s.isRTL(d.floating)), R = c || (k || !v ? [mn(i)] : mi(i)), T = p !== "none";
+      !c && T && R.push(...bi(i, v, p, _));
       const O = [i, ...R], U = await s.detectOverflow(t, b), H = [];
       let N = ((a = r.flip) == null ? void 0 : a.overflows) || [];
       if (u && H.push(U[$]), f) {
-        const M = vi(l, o, k);
+        const M = vi(l, o, _);
         H.push(U[M[0]], U[M[1]]);
       }
       if (N = [...N, {
@@ -1616,11 +1616,11 @@ const Ci = function(e) {
           fn: ($) => {
             let {
               x: C,
-              y: _
+              y: k
             } = $;
             return {
               x: C,
-              y: _
+              y: k
             };
           }
         },
@@ -1631,12 +1631,12 @@ const Ci = function(e) {
       }, f = await r.detectOverflow(t, d), c = Kt(sa(l)), h = Ir(c);
       let p = u[h], v = u[c];
       if (o) {
-        const $ = h === "y" ? "top" : "left", C = h === "y" ? "bottom" : "right", _ = p + f[$], k = p - f[C];
-        p = ol(_, p, k);
+        const $ = h === "y" ? "top" : "left", C = h === "y" ? "bottom" : "right", k = p + f[$], _ = p - f[C];
+        p = ol(k, p, _);
       }
       if (i) {
-        const $ = c === "y" ? "top" : "left", C = c === "y" ? "bottom" : "right", _ = v + f[$], k = v - f[C];
-        v = ol(_, v, k);
+        const $ = c === "y" ? "top" : "left", C = c === "y" ? "bottom" : "right", k = v + f[$], _ = v - f[C];
+        v = ol(k, v, _);
       }
       const b = s.fn({
         ...t,
@@ -1677,9 +1677,9 @@ const Ci = function(e) {
       } = r.floating;
       let b, $;
       f === "top" || f === "bottom" ? (b = f, $ = c === (await (o.isRTL == null ? void 0 : o.isRTL(i.floating)) ? "start" : "end") ? "left" : "right") : ($ = f, b = c === "end" ? "top" : "bottom");
-      const C = v - u.top - u.bottom, _ = p - u.left - u.right, k = ia(v - u[b], C), R = ia(p - u[$], _), T = !t.middlewareData.shift;
-      let O = k, U = R;
-      if ((n = t.middlewareData.shift) != null && n.enabled.x && (U = _), (a = t.middlewareData.shift) != null && a.enabled.y && (O = C), T && !c) {
+      const C = v - u.top - u.bottom, k = p - u.left - u.right, _ = ia(v - u[b], C), R = ia(p - u[$], k), T = !t.middlewareData.shift;
+      let O = _, U = R;
+      if ((n = t.middlewareData.shift) != null && n.enabled.x && (U = k), (a = t.middlewareData.shift) != null && a.enabled.y && (O = C), T && !c) {
         const N = wt(u.left, 0), A = wt(u.right, 0), Z = wt(u.top, 0), ne = wt(u.bottom, 0);
         h ? U = p - 2 * (N !== 0 || A !== 0 ? N + A : wt(u.left, u.right)) : O = v - 2 * (Z !== 0 || ne !== 0 ? Z + ne : wt(u.top, u.bottom));
       }
@@ -1861,8 +1861,8 @@ function ga(e, t, n, a) {
     const c = kt(r), h = a && At(a) ? kt(a) : a;
     let p = c, v = sl(p);
     for (; v && a && h !== p; ) {
-      const b = Oa(v), $ = v.getBoundingClientRect(), C = Lt(v), _ = $.left + (v.clientLeft + parseFloat(C.paddingLeft)) * b.x, k = $.top + (v.clientTop + parseFloat(C.paddingTop)) * b.y;
-      s *= b.x, d *= b.y, u *= b.x, f *= b.y, s += _, d += k, p = kt(v), v = sl(p);
+      const b = Oa(v), $ = v.getBoundingClientRect(), C = Lt(v), k = $.left + (v.clientLeft + parseFloat(C.paddingLeft)) * b.x, _ = $.top + (v.clientTop + parseFloat(C.paddingTop)) * b.y;
+      s *= b.x, d *= b.y, u *= b.x, f *= b.y, s += k, d += _, p = kt(v), v = sl(p);
     }
   }
   return hn({
@@ -2120,30 +2120,30 @@ function Ui(e, t) {
     } = d;
     if (i || t(), !c || !h)
       return;
-    const p = dn(f), v = dn(l.clientWidth - (u + c)), b = dn(l.clientHeight - (f + h)), $ = dn(u), _ = {
+    const p = dn(f), v = dn(l.clientWidth - (u + c)), b = dn(l.clientHeight - (f + h)), $ = dn(u), k = {
       rootMargin: -p + "px " + -v + "px " + -b + "px " + -$ + "px",
       threshold: wt(0, ia(1, s)) || 1
     };
-    let k = !0;
+    let _ = !0;
     function R(T) {
       const O = T[0].intersectionRatio;
       if (O !== s) {
-        if (!k)
+        if (!_)
           return o();
         O ? o(!1, O) : a = setTimeout(() => {
           o(!1, 1e-7);
         }, 1e3);
       }
-      O === 1 && !zr(d, e.getBoundingClientRect()) && o(), k = !1;
+      O === 1 && !zr(d, e.getBoundingClientRect()) && o(), _ = !1;
     }
     try {
       n = new IntersectionObserver(R, {
-        ..._,
+        ...k,
         // Handle <iframe>s
         root: l.ownerDocument
       });
     } catch {
-      n = new IntersectionObserver(R, _);
+      n = new IntersectionObserver(R, k);
     }
     n.observe(e);
   }
@@ -2168,8 +2168,8 @@ function yn(e, t, n, a) {
   o && (h = new ResizeObserver(($) => {
     let [C] = $;
     C && C.target === d && h && t && (h.unobserve(t), cancelAnimationFrame(c), c = requestAnimationFrame(() => {
-      var _;
-      (_ = h) == null || _.observe(t);
+      var k;
+      (k = h) == null || k.observe(t);
     })), n();
   }), d && !s && h.observe(d), t && h.observe(t));
   let p, v = s ? ga(e) : null;
@@ -2267,7 +2267,7 @@ function Kr(e, t, n) {
     };
   });
   let C;
-  function _() {
+  function k() {
     if (d.value == null || u.value == null)
       return;
     const O = l.value;
@@ -2279,29 +2279,29 @@ function Kr(e, t, n) {
       f.value = U.x, c.value = U.y, h.value = U.strategy, p.value = U.placement, v.value = U.middlewareData, b.value = O !== !1;
     });
   }
-  function k() {
+  function _() {
     typeof C == "function" && (C(), C = void 0);
   }
   function R() {
-    if (k(), a === void 0) {
-      _();
+    if (_(), a === void 0) {
+      k();
       return;
     }
     if (d.value != null && u.value != null) {
-      C = a(d.value, u.value, _);
+      C = a(d.value, u.value, k);
       return;
     }
   }
   function T() {
     l.value || (b.value = !1);
   }
-  return Pe([r, o, i, l], _, {
+  return Pe([r, o, i, l], k, {
     flush: "sync"
   }), Pe([d, u], R, {
     flush: "sync"
   }), Pe(l, T, {
     flush: "sync"
-  }), Or() && Pr(k), {
+  }), Or() && Pr(_), {
     x: $a(f),
     y: $a(c),
     strategy: $a(h),
@@ -2309,7 +2309,7 @@ function Kr(e, t, n) {
     middlewareData: $a(v),
     isPositioned: $a(b),
     floatingStyles: $,
-    update: _
+    update: k
   };
 }
 const Zi = ["id"], es = ["aria-hidden"], ts = {
@@ -2471,11 +2471,11 @@ const Zi = ["id"], es = ["aria-hidden"], ts = {
       }
     }), o = V(), i = V(), s = V(), d = V(!0), u = V("");
     let f = null, c = !1, h = !1, p = null;
-    const v = V(null), b = x(() => a.open !== void 0), $ = x(() => a.openOnHover && !a.openOnClick), C = x(() => a.openOnFocus && !a.openOnClick), _ = (j) => {
+    const v = V(null), b = x(() => a.open !== void 0), $ = x(() => a.openOnHover && !a.openOnClick), C = x(() => a.openOnFocus && !a.openOnClick), k = (j) => {
       b.value ? l("update:open", j) : (d.value = !j, l(j ? "show" : "hide"));
-    }, k = x(() => b.value ? !!a.open : !d.value), R = x(() => Math.min(Math.max(a.hideDelay, 0), 3e3)), T = x(() => ({
+    }, _ = x(() => b.value ? !!a.open : !d.value), R = x(() => Math.min(Math.max(a.hideDelay, 0), 3e3)), T = x(() => ({
       "rds-e-tooltip__tooltip": !0,
-      "rds-e-tooltip__tooltip-hidden": !k.value,
+      "rds-e-tooltip__tooltip-hidden": !_.value,
       "rds-e-tooltip__tooltip--large": a.large,
       "rds-e-tooltip__tooltip--inverse": a.inverse
     })), O = async () => {
@@ -2543,11 +2543,11 @@ const Zi = ["id"], es = ["aria-hidden"], ts = {
       { immediate: !0 }
     );
     const U = () => {
-      clearTimeout(f), k.value ? _(!1) : d.value = !0;
+      clearTimeout(f), _.value ? k(!1) : d.value = !0;
     }, H = () => {
-      a.title || (k.value ? _(!1) : d.value = !0, p && (p(), p = null)), clearTimeout(f);
+      a.title || (_.value ? k(!1) : d.value = !0, p && (p(), p = null)), clearTimeout(f);
     }, N = () => {
-      a.suppressed || (clearTimeout(f), _(!0), Be(() => {
+      a.suppressed || (clearTimeout(f), k(!0), Be(() => {
         O(), a.autoUpdate && o.value && i.value && (p?.(), p = yn(
           o.value,
           i.value,
@@ -2563,7 +2563,7 @@ const Zi = ["id"], es = ["aria-hidden"], ts = {
         c || H();
       }, R.value));
     }, ne = (j) => {
-      a.openOnClick && (v.value = { x: j.clientX, y: j.clientY }, k.value ? de() : N());
+      a.openOnClick && (v.value = { x: j.clientX, y: j.clientY }, _.value ? de() : N());
     }, M = () => {
       C.value && N();
     }, D = () => {
@@ -2572,7 +2572,7 @@ const Zi = ["id"], es = ["aria-hidden"], ts = {
     function w(j) {
       if (!a.openOnClick) return;
       const y = j.target, F = o.value, ae = i.value;
-      !!!(y && (F?.contains(y) || ae?.contains(y))) && k.value && de();
+      !!!(y && (F?.contains(y) || ae?.contains(y))) && _.value && de();
     }
     function P() {
       typeof window > "u" || (window.addEventListener("pointerdown", w, { capture: !0 }), window.addEventListener("mousedown", w, { capture: !0 }));
@@ -2588,7 +2588,7 @@ const Zi = ["id"], es = ["aria-hidden"], ts = {
       }, R.value)));
     };
     function de() {
-      k.value && (_(!1), p && (p(), p = null), a.openOnClick && Y());
+      _.value && (k(!1), p && (p(), p = null), a.openOnClick && Y());
     }
     const ee = () => {
       de();
@@ -2596,7 +2596,7 @@ const Zi = ["id"], es = ["aria-hidden"], ts = {
     return t({
       show: N,
       hide: de,
-      isOpen: x(() => k.value)
+      isOpen: x(() => _.value)
     }), vt(() => {
       clearTimeout(f), p && (p(), p = null), a.openOnClick && Y();
     }), (j, y) => (m(), S("div", {
@@ -2624,7 +2624,7 @@ const Zi = ["id"], es = ["aria-hidden"], ts = {
           ref: i,
           class: J(T.value),
           role: "tooltip",
-          "aria-hidden": !k.value,
+          "aria-hidden": !_.value,
           onMouseenter: q,
           onMouseleave: z
         }, [
@@ -2903,8 +2903,8 @@ const is = ["id", "checked", "aria-label", "aria-invalid", "aria-required", "ari
         C.checked = f.value, $.preventDefault();
         return;
       }
-      const _ = C.checked;
-      l.value || (r.value = _), a("update:modelValue", _);
+      const k = C.checked;
+      l.value || (r.value = k), a("update:modelValue", k);
     }, h = ($) => {
       $.key === "Tab" && (i.value = !0);
     }, p = () => {
@@ -3247,9 +3247,9 @@ const is = ["id", "checked", "aria-label", "aria-invalid", "aria-required", "ari
           c.value = r.value.value !== "";
     }, $ = () => {
       !a.disabled && !a.readonly && r.value && r.value.focus();
-    }, C = x(() => a.id !== void 0 && a.id !== null ? String(a.id) : `text-field-${u}`), _ = x(() => a.helper || a.error ? `${C.value}-helper` : void 0), k = x(() => a.password || a.type === "password"), R = x(() => k.value ? o.value ? "text" : "password" : ["text", "number", "password", "email", "tel", "url"].includes(a.type) ? a.type : "text"), T = x(() => a.autocomplete), O = x(() => {
+    }, C = x(() => a.id !== void 0 && a.id !== null ? String(a.id) : `text-field-${u}`), k = x(() => a.helper || a.error ? `${C.value}-helper` : void 0), _ = x(() => a.password || a.type === "password"), R = x(() => _.value ? o.value ? "text" : "password" : ["text", "number", "password", "email", "tel", "url"].includes(a.type) ? a.type : "text"), T = x(() => a.autocomplete), O = x(() => {
       const y = a.modelValue === null || a.modelValue === void 0 ? "" : String(a.modelValue);
-      return k.value && !o.value ? "•".repeat(y.length) : y;
+      return _.value && !o.value ? "•".repeat(y.length) : y;
     }), U = (y) => {
       const F = y.target, B = F.value.trim();
       let se = F.value;
@@ -3312,10 +3312,10 @@ const is = ["id", "checked", "aria-label", "aria-invalid", "aria-required", "ari
           name: a.rightIcon
         }
       };
-      return k.value || a.clearable ? {
+      return _.value || a.clearable ? {
         left: {
           ...y,
-          name: k.value ? "" : y.name
+          name: _.value ? "" : y.name
         },
         right: {
           ...y,
@@ -3324,7 +3324,7 @@ const is = ["id", "checked", "aria-label", "aria-invalid", "aria-required", "ari
       } : F;
     });
     Pe(
-      k,
+      _,
       (y) => {
         o.value = !1;
       },
@@ -3423,7 +3423,7 @@ const is = ["id", "checked", "aria-label", "aria-invalid", "aria-required", "ari
                 spellcheck: a.spellcheck,
                 autocapitalize: a.autocapitalize,
                 "aria-invalid": a.error,
-                "aria-describedby": _.value,
+                "aria-describedby": k.value,
                 onInput: U,
                 onBlur: N,
                 onFocus: A,
@@ -3444,9 +3444,9 @@ const is = ["id", "checked", "aria-label", "aria-invalid", "aria-required", "ari
             class: J(["rds-e-textfield__label", a.disabled ? "rds-e-textfield__label--disabled" : ""])
           }, fe(a.label), 11, ms)
         ]),
-        k.value && a.toggleVisibility || a.clearable || P.value.right.name || y.$slots["right-icon"] ? (m(), S("span", hs, [
+        _.value && a.toggleVisibility || a.clearable || P.value.right.name || y.$slots["right-icon"] ? (m(), S("span", hs, [
           G(y.$slots, "right-icon", {}, () => [
-            k.value && a.toggleVisibility ? (m(), S("button", {
+            _.value && a.toggleVisibility ? (m(), S("button", {
               key: 0,
               type: "button",
               class: "rds-e-textfield__icon rds-e-textfield__icon--right rds-e-textfield__icon--password",
@@ -3484,7 +3484,7 @@ const is = ["id", "checked", "aria-label", "aria-invalid", "aria-required", "ari
       a.helper || a.error ? (m(), S("div", gs, [
         G(y.$slots, "helper-text", {}, () => [
           E("span", {
-            id: _.value,
+            id: k.value,
             class: J(a.error ? "rds-e-textfield__helper--error" : "")
           }, fe(a.helperText), 11, bs)
         ], !0)
@@ -3567,11 +3567,11 @@ const is = ["id", "checked", "aria-label", "aria-invalid", "aria-required", "ari
       f.value = !0;
     }, C = () => {
       d.value = !0, u.value = !f.value, f.value = !1, c.value = !0;
-    }, _ = () => {
+    }, k = () => {
       setTimeout(() => {
         d.value = !1, u.value = !1, c.value = !1, h.value = -1;
       }, 150);
-    }, k = (H) => {
+    }, _ = (H) => {
       const N = H.target.value;
       c.value = !0, h.value = -1, l("update:modelValue", N);
     }, R = () => {
@@ -3639,9 +3639,9 @@ const is = ["id", "checked", "aria-label", "aria-invalid", "aria-required", "ari
           "aria-expanded": b.value ? "true" : "false",
           "aria-controls": b.value ? i : void 0,
           "aria-activedescendant": h.value >= 0 ? `${i}-${h.value}` : void 0,
-          onInput: k,
+          onInput: _,
           onFocus: C,
-          onBlur: _,
+          onBlur: k,
           onKeydown: U
         }, null, 40, _s),
         v.value ? (m(), S("button", {
@@ -3829,7 +3829,7 @@ const Ds = { class: "rds-e-textarea__input-container" }, Ts = ["id", "name", "ma
       return n.modelValue && T.push("rds-e-textarea--filled"), n.error && T.push("rds-e-textarea--error"), n.disabled && T.push("rds-e-textarea--disabled"), b.value && T.push("rds-e-textarea--error"), T.join(" ");
     }), C = () => {
       l.value = "";
-    }, _ = x(() => {
+    }, k = x(() => {
       const T = {
         name: n.icon,
         class: "",
@@ -3849,7 +3849,7 @@ const Ds = { class: "rds-e-textarea__input-container" }, Ts = ["id", "name", "ma
           click: () => C()
         }
       }), O;
-    }), k = x(() => n.modelValue.length), R = x(() => {
+    }), _ = x(() => n.modelValue.length), R = x(() => {
       const T = [];
       return (n.helper || n.error || b.value) && T.push(u.value), T.length ? T.join(" ") : void 0;
     });
@@ -3898,16 +3898,16 @@ const Ds = { class: "rds-e-textarea__input-container" }, Ts = ["id", "name", "ma
           E("label", {
             for: d.value,
             class: J(["rds-e-textarea__label", {
-              "rds-e-textarea__label--with-icon": _.value.left.name,
+              "rds-e-textarea__label--with-icon": k.value.left.name,
               "rds-e-textarea__label--active": r.value || !!n.modelValue
             }])
           }, [
             G(T.$slots, "left-icon", {}, () => [
-              _.value.left.name ? (m(), ve(De, Re({
+              k.value.left.name ? (m(), ve(De, Re({
                 key: 0,
                 class: "rds-e-textarea__icon rds-e-textarea__icon--left",
                 "aria-hidden": "true"
-              }, _.value.left, Pa(_.value.left.events)), null, 16)) : I("", !0)
+              }, k.value.left, Pa(k.value.left.events)), null, 16)) : I("", !0)
             ], !0),
             je(" " + fe(n.label), 1)
           ], 10, Cs),
@@ -3917,13 +3917,13 @@ const Ds = { class: "rds-e-textarea__input-container" }, Ts = ["id", "name", "ma
               "rds-e-textarea__counter--clearable": n.clearable
             }])
           }, [
-            n.counter && !n.rightIcon && !n.clearable ? (m(), S("p", Ms, fe(k.value) + "/" + fe(n.maxlength), 1)) : I("", !0),
+            n.counter && !n.rightIcon && !n.clearable ? (m(), S("p", Ms, fe(_.value) + "/" + fe(n.maxlength), 1)) : I("", !0),
             G(T.$slots, "right-icon", {}, () => [
-              _.value.right.name ? (m(), ve(De, Re({
+              k.value.right.name ? (m(), ve(De, Re({
                 key: 0,
                 class: "rds-e-textarea__icon rds-e-textarea__icon--right",
                 "aria-hidden": "true"
-              }, _.value.right, Pa(_.value.right.events)), null, 16)) : I("", !0)
+              }, k.value.right, Pa(k.value.right.events)), null, 16)) : I("", !0)
             ], !0)
           ], 2)
         ])
@@ -5674,9 +5674,9 @@ const gu = /* @__PURE__ */ Me(su, [["render", yu], ["__scopeId", "data-v-dae3dc3
       textOnly: f
     } = it(a), c = Na(e, "modelValue"), h = V([]), p = V(), v = V(), b = V(""), $ = V(!1);
     let C = !1;
-    const _ = () => {
+    const k = () => {
       $.value = !0;
-    }, k = x(() => p.value?.isOpen ?? !1), R = x(() => a.autocomplete && Object.keys(a.autocomplete).length > 0), T = x(() => ({
+    }, _ = x(() => p.value?.isOpen ?? !1), R = x(() => a.autocomplete && Object.keys(a.autocomplete).length > 0), T = x(() => ({
       id: a.autocomplete.id || `autocomplete-${a.id}`,
       label: a.autocomplete.label || a.label,
       icon: a.autocomplete.icon || "",
@@ -5755,16 +5755,16 @@ const gu = /* @__PURE__ */ Me(su, [["render", yu], ["__scopeId", "data-v-dae3dc3
     }, j = () => {
       p.value.toggle(), C = !0;
     }, y = () => {
-      k.value ? ee() : de();
+      _.value ? ee() : de();
     }, F = () => {
       C = !0;
     }, ae = (X) => {
       if (!i.value && X.key !== "Tab") {
-        if (!k.value && (X.key === "Enter" || X.key === " ")) {
+        if (!_.value && (X.key === "Enter" || X.key === " ")) {
           X.preventDefault(), p.value?.toggle();
           return;
         }
-        if (!k.value && X.key === "ArrowDown") {
+        if (!_.value && X.key === "ArrowDown") {
           X.preventDefault(), p.value?.toggle(), Be(() => {
             try {
               p.value?.pointerForward?.();
@@ -5773,11 +5773,11 @@ const gu = /* @__PURE__ */ Me(su, [["render", yu], ["__scopeId", "data-v-dae3dc3
           });
           return;
         }
-        if (k.value && X.key === "Escape") {
+        if (_.value && X.key === "Escape") {
           X.preventDefault(), ee();
           return;
         }
-        if (k.value && (X.key === "Enter" || X.key === " ")) {
+        if (_.value && (X.key === "Enter" || X.key === " ")) {
           X.preventDefault();
           try {
             p.value?.addPointerElement?.({ key: X.key });
@@ -5787,7 +5787,7 @@ const gu = /* @__PURE__ */ Me(su, [["render", yu], ["__scopeId", "data-v-dae3dc3
         }
       }
     }, B = () => {
-      R.value && v.value && (_(), de(), Be(() => {
+      R.value && v.value && (k(), de(), Be(() => {
         v.value.focus();
       }));
     }, se = (X) => {
@@ -5860,7 +5860,7 @@ const gu = /* @__PURE__ */ Me(su, [["render", yu], ["__scopeId", "data-v-dae3dc3
             class: J([e.customTriggerClass, "rds-e-dropdown__text-only"]),
             role: "combobox",
             "aria-haspopup": "listbox",
-            "aria-expanded": k.value ? "true" : "false",
+            "aria-expanded": _.value ? "true" : "false",
             "aria-controls": `listbox-${e.id}`,
             tabindex: "0",
             onClick: ge(y, ["prevent", "stop"]),
@@ -5880,7 +5880,7 @@ const gu = /* @__PURE__ */ Me(su, [["render", yu], ["__scopeId", "data-v-dae3dc3
             class: "rds-e-dropdown__input-wrapper",
             role: "button",
             "aria-haspopup": "listbox",
-            "aria-expanded": k.value ? "true" : "false",
+            "aria-expanded": _.value ? "true" : "false",
             "aria-controls": `listbox-${e.id}`,
             onClick: ge(j, ["prevent"]),
             onMousedown: ge(F, ["prevent"]),
@@ -8916,10 +8916,10 @@ function fl(e, t, n, a) {
     !a?.useAdditionalWeekYearTokens && co(b) && cl(b, t, e), !a?.useAdditionalDayOfYearTokens && uo(b) && cl(b, t, e);
     const $ = b[0], C = Bc[$];
     if (C) {
-      const { incompatibleTokens: _ } = C;
-      if (Array.isArray(_)) {
+      const { incompatibleTokens: k } = C;
+      if (Array.isArray(k)) {
         const R = c.find(
-          (T) => _.includes(T.token) || T.token === $
+          (T) => k.includes(T.token) || T.token === $
         );
         if (R)
           throw new RangeError(
@@ -8930,15 +8930,15 @@ function fl(e, t, n, a) {
           `The format string mustn't contain \`${b}\` and any other token at the same time`
         );
       c.push({ token: $, fullToken: b });
-      const k = C.run(
+      const _ = C.run(
         e,
         b,
         o.match,
         d
       );
-      if (!k)
+      if (!_)
         return l();
-      u.push(k.setter), e = k.rest;
+      u.push(_.setter), e = _.rest;
     } else {
       if ($.match(Yc))
         throw new RangeError(
@@ -9677,9 +9677,9 @@ const vl = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), $o = (e, t) =
   }, n = () => {
     var T;
     return e.format ? e.format : e.monthPicker ? "MM/yyyy" : e.timePicker ? t() : e.weekPicker ? `${((T = b.value) == null ? void 0 : T.type) === "iso" ? "RR" : "ww"}-yyyy` : e.yearPicker ? "yyyy" : e.quarterPicker ? "QQQ/yyyy" : e.enableTimePicker ? `MM/dd/yyyy, ${t()}` : "MM/dd/yyyy";
-  }, a = (T) => Co(T, e.enableSeconds), l = () => k.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, r = x(() => vf(e.multiCalendars)), o = x(() => l()), i = x(() => pf(e.ariaLabels)), s = x(() => gf(e.filters)), d = x(() => hf(e.transitions)), u = x(() => bf(e.actionRow)), f = x(
+  }, a = (T) => Co(T, e.enableSeconds), l = () => _.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, r = x(() => vf(e.multiCalendars)), o = x(() => l()), i = x(() => pf(e.ariaLabels)), s = x(() => gf(e.filters)), d = x(() => hf(e.transitions)), u = x(() => bf(e.actionRow)), f = x(
     () => mf(e.previewFormat, e.format, n())
-  ), c = x(() => yf(e.textInput)), h = x(() => wf(e.inline)), p = x(() => _f(e.config)), v = x(() => kf(e.highlight)), b = x(() => xf(e.weekNumbers)), $ = x(() => Sf(e.timezone)), C = x(() => Cf(e.multiDates)), _ = x(
+  ), c = x(() => yf(e.textInput)), h = x(() => wf(e.inline)), p = x(() => _f(e.config)), v = x(() => kf(e.highlight)), b = x(() => xf(e.weekNumbers)), $ = x(() => Sf(e.timezone)), C = x(() => Cf(e.multiDates)), k = x(
     () => Tf({
       minDate: e.minDate,
       maxDate: e.maxDate,
@@ -9690,7 +9690,7 @@ const vl = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), $o = (e, t) =
       timezone: $.value,
       isSpecific: e.monthPicker || e.yearPicker || e.quarterPicker
     })
-  ), k = x(() => $f(e.range)), R = x(() => Mf(e.ui));
+  ), _ = x(() => $f(e.range)), R = x(() => Mf(e.ui));
   return {
     defaultedTransitions: d,
     defaultedMultiCalendars: r,
@@ -9704,8 +9704,8 @@ const vl = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), $o = (e, t) =
     defaultedConfig: p,
     defaultedHighlight: v,
     defaultedWeekNumbers: b,
-    defaultedRange: k,
-    propDates: _,
+    defaultedRange: _,
+    propDates: k,
     defaultedTz: $,
     defaultedMultiDates: C,
     defaultedUI: R,
@@ -9749,7 +9749,7 @@ const vl = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), $o = (e, t) =
       B[1] ? Ht(ie(), B[1]) : Da(r.value.partialRange)
     ],
     r.value.enabled
-  ) : Ht(ie(), +B), C = (B, se) => (typeof B == "string" || typeof B == "number") && t.modelType ? q(B) : se, _ = (B) => Array.isArray(B) ? [
+  ) : Ht(ie(), +B), C = (B, se) => (typeof B == "string" || typeof B == "number") && t.modelType ? q(B) : se, k = (B) => Array.isArray(B) ? [
     C(
       B[0],
       ra(null, +B[0].hours, +B[0].minutes, B[0].seconds)
@@ -9758,7 +9758,7 @@ const vl = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), $o = (e, t) =
       B[1],
       ra(null, +B[1].hours, +B[1].minutes, B[1].seconds)
     )
-  ] : C(B, ra(null, B.hours, B.minutes, B.seconds)), k = (B) => {
+  ] : C(B, ra(null, B.hours, B.minutes, B.seconds)), _ = (B) => {
     const se = We(ie(), { date: 1 });
     return Array.isArray(B) ? i.value.enabled ? B.map((X) => C(X, Gt(se, +X.month, +X.year))) : cn(
       () => [
@@ -9797,7 +9797,7 @@ const vl = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), $o = (e, t) =
       z(B[0]),
       B[1] ? z(B[1]) : Da(r.value.partialRange)
     ];
-  }, N = () => a.value[1] ? H() : z(ct(a.value[0])), A = () => (a.value || []).map((B) => z(B)), Z = (B = !1) => (B || U(), t.modelAuto ? N() : i.value.enabled ? A() : Array.isArray(a.value) ? cn(() => H(), r.value.enabled) : z(ct(a.value))), ne = (B) => !B || Array.isArray(B) && !B.length ? null : t.timePicker ? _(ct(B)) : t.monthPicker ? k(ct(B)) : t.yearPicker ? $(ct(B)) : i.value.enabled ? R(ct(B)) : t.weekPicker ? T(ct(B)) : O(ct(B)), M = (B) => {
+  }, N = () => a.value[1] ? H() : z(ct(a.value[0])), A = () => (a.value || []).map((B) => z(B)), Z = (B = !1) => (B || U(), t.modelAuto ? N() : i.value.enabled ? A() : Array.isArray(a.value) ? cn(() => H(), r.value.enabled) : z(ct(a.value))), ne = (B) => !B || Array.isArray(B) && !B.length ? null : t.timePicker ? k(ct(B)) : t.monthPicker ? _(ct(B)) : t.yearPicker ? $(ct(B)) : i.value.enabled ? R(ct(B)) : t.weekPicker ? T(ct(B)) : O(ct(B)), M = (B) => {
     const se = ne(B);
     ml(ct(se)) ? (a.value = ct(se), Y()) : (a.value = null, d.value = "");
   }, D = () => {
@@ -10018,16 +10018,16 @@ const vl = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), $o = (e, t) =
       defaultedInline: s,
       defaultedRange: d,
       defaultedMultiDates: u
-    } = Je(a), { isTimeValid: f, isMonthValid: c } = fa(a), { buildMatrix: h } = ca(), p = V(null), v = V(null), b = V(!1), $ = V({}), C = V(null), _ = V(null);
+    } = Je(a), { isTimeValid: f, isMonthValid: c } = fa(a), { buildMatrix: h } = ca(), p = V(null), v = V(null), b = V(!1), $ = V({}), C = V(null), k = V(null);
     Fe(() => {
-      a.arrowNavigation && h([ut(p), ut(v)], "actionRow"), k(), window.addEventListener("resize", k);
+      a.arrowNavigation && h([ut(p), ut(v)], "actionRow"), _(), window.addEventListener("resize", _);
     }), Qt(() => {
-      window.removeEventListener("resize", k);
+      window.removeEventListener("resize", _);
     });
-    const k = () => {
+    const _ = () => {
       b.value = !1, setTimeout(() => {
         var M, D;
-        const w = (M = C.value) == null ? void 0 : M.getBoundingClientRect(), P = (D = _.value) == null ? void 0 : D.getBoundingClientRect();
+        const w = (M = C.value) == null ? void 0 : M.getBoundingClientRect(), P = (D = k.value) == null ? void 0 : D.getBoundingClientRect();
         w && P && ($.value.maxWidth = `${P.width - w.width - 20}px`), b.value = !0;
       }, 0);
     }, R = x(() => d.value.enabled && !d.value.partialRange && a.internalModelValue ? a.internalModelValue.length === 2 : !0), T = x(
@@ -10052,7 +10052,7 @@ const vl = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), $o = (e, t) =
     };
     return (M, D) => (m(), S("div", {
       ref_key: "actionRowRef",
-      ref: _,
+      ref: k,
       class: "dp__action_row"
     }, [
       M.$slots["action-row"] ? G(M.$slots, "action-row", Qe(Re({ key: 0 }, {
@@ -10143,13 +10143,13 @@ const vl = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), $o = (e, t) =
   setup(e, { expose: t, emit: n }) {
     const { setSelectionGrid: a, buildMultiLevelMatrix: l, setMonthPicker: r } = ca(), o = n, i = e, { defaultedAriaLabels: s, defaultedTextInput: d, defaultedConfig: u } = Je(
       i
-    ), { hideNavigationButtons: f } = An(), c = V(!1), h = V(null), p = V(null), v = V([]), b = V(), $ = V(null), C = V(0), _ = V(null);
+    ), { hideNavigationButtons: f } = An(), c = V(!1), h = V(null), p = V(null), v = V([]), b = V(), $ = V(null), C = V(0), k = V(null);
     ai(() => {
       h.value = null;
     }), Fe(() => {
-      Be().then(() => A()), i.noOverlayFocus || R(), k(!0);
-    }), Qt(() => k(!1));
-    const k = (ee) => {
+      Be().then(() => A()), i.noOverlayFocus || R(), _(!0);
+    }), Qt(() => _(!1));
+    const _ = (ee) => {
       var j;
       i.arrowNavigation && ((j = i.headerRefs) != null && j.length ? r(ee) : a(ee));
     }, R = () => {
@@ -10189,7 +10189,7 @@ const vl = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), $o = (e, t) =
     );
     const A = (ee = !0) => {
       Be().then(() => {
-        const j = ut(h), y = ut(p), F = ut($), ae = ut(_), B = F ? F.getBoundingClientRect().height : 0;
+        const j = ut(h), y = ut(p), F = ut($), ae = ut(k), B = F ? F.getBoundingClientRect().height : 0;
         y && (y.getBoundingClientRect().height ? C.value = y.getBoundingClientRect().height - B : C.value = u.value.modeHeight - B), j && ae && ee && (ae.scrollTop = j.offsetTop - ae.offsetTop - (C.value / 2 - j.getBoundingClientRect().height) - B);
       });
     }, Z = (ee) => {
@@ -10251,7 +10251,7 @@ const vl = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), $o = (e, t) =
       }, [
         E("div", {
           ref_key: "containerRef",
-          ref: _,
+          ref: k,
           class: J(N.value),
           style: Ye({ "--dp-overlay-height": `${C.value}px` }),
           role: "grid"
@@ -10396,7 +10396,7 @@ const vl = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), $o = (e, t) =
       n("handle-year", $);
     };
     return ($, C) => {
-      var _, k, R, T, O;
+      var k, _, R, T, O;
       return m(), S(ke, null, [
         E("div", {
           class: J(["dp--year-mode-picker", { "dp--hidden-el": h.value }])
@@ -10404,9 +10404,9 @@ const vl = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), $o = (e, t) =
           g(r)(g(i), e.instance) ? (m(), ve(Xa, {
             key: 0,
             ref: "mpPrevIconRef",
-            "aria-label": (_ = g(s)) == null ? void 0 : _.prevYear,
+            "aria-label": (k = g(s)) == null ? void 0 : k.prevYear,
             disabled: e.isDisabled(!1),
-            class: J((k = g(u)) == null ? void 0 : k.navBtnPrev),
+            class: J((_ = g(u)) == null ? void 0 : _.navBtnPrev),
             onActivate: C[0] || (C[0] = (U) => b(!1))
           }, {
             default: ye(() => [
@@ -10552,18 +10552,18 @@ const vl = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), $o = (e, t) =
   }, $ = (N, A) => {
     const Z = Qu(A, N);
     return t.value.showLastInRange && Z > 1 ? A : N;
-  }, C = (N) => o.focusStartDate || e.value.solo ? N[0] : N[1] ? $(N[0], N[1]) : N[0], _ = () => {
+  }, C = (N) => o.focusStartDate || e.value.solo ? N[0] : N[1] ? $(N[0], N[1]) : N[0], k = () => {
     if (r.value) {
       const N = Array.isArray(r.value) ? C(r.value) : r.value;
       l.value[0] = { month: Ee(N), year: Oe(N) };
     }
-  }, k = () => {
-    _(), e.value.count && v();
+  }, _ = () => {
+    k(), e.value.count && v();
   };
   Pe(r, (N, A) => {
-    o.isTextInputDate && JSON.stringify(N ?? {}) !== JSON.stringify(A ?? {}) && k();
+    o.isTextInputDate && JSON.stringify(N ?? {}) !== JSON.stringify(A ?? {}) && _();
   }), Fe(() => {
-    k();
+    _();
   });
   const R = (N, A) => {
     l.value[A].year = N, u("update-month-year", { instance: A, year: N, month: l.value[A].month }), e.value.count && !e.value.solo && b(A);
@@ -10607,9 +10607,9 @@ const vl = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), $o = (e, t) =
     defaultedFilters: u,
     defaultedMultiDates: f
   } = Je(e), c = () => {
-    e.isTextInputDate && k(Oe(ie(e.startDate)), 0);
-  }, { modelValue: h, year: p, month: v, calendars: b } = sn(e, t, c), $ = x(() => _o(e.formatLocale, e.locale, e.monthNameFormat)), C = V(null), { checkMinMaxRange: _ } = fa(e), {
-    selectYear: k,
+    e.isTextInputDate && _(Oe(ie(e.startDate)), 0);
+  }, { modelValue: h, year: p, month: v, calendars: b } = sn(e, t, c), $ = x(() => _o(e.formatLocale, e.locale, e.monthNameFormat)), C = V(null), { checkMinMaxRange: k } = fa(e), {
+    selectYear: _,
     groupedYears: R,
     showYearPicker: T,
     toggleYearPicker: O,
@@ -10630,7 +10630,7 @@ const vl = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), $o = (e, t) =
     emit: t
   });
   Fe(() => {
-    e.startDate && (h.value && e.focusStartDate || !h.value) && k(Oe(ie(e.startDate)), 0);
+    e.startDate && (h.value && e.focusStartDate || !h.value) && _(Oe(ie(e.startDate)), 0);
   });
   const A = (y) => y ? { month: Ee(y), year: Oe(y) } : { month: null, year: null }, Z = () => h.value ? Array.isArray(h.value) ? h.value.map((y) => A(y)) : A(h.value) : A(), ne = (y, F) => {
     const ae = b.value[y], B = Z();
@@ -10662,13 +10662,13 @@ const vl = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), $o = (e, t) =
     h.value = Gt(ae, y, p.value(F)), t("auto-apply"), t("update-flow-step");
   }, q = (y, F) => {
     const ae = P(y, F);
-    o.value.fixedEnd || o.value.fixedStart ? h.value = Io(ae, h, t, o) : h.value ? _(ae, h.value) && (h.value = Wl(h, P(y, F), t)) : h.value = [P(y, F)], Be().then(() => {
+    o.value.fixedEnd || o.value.fixedStart ? h.value = Io(ae, h, t, o) : h.value ? k(ae, h.value) && (h.value = Wl(h, P(y, F), t)) : h.value = [P(y, F)], Be().then(() => {
       Rn(h.value, t, e.autoApply, e.modelAuto);
     });
   }, z = (y, F) => {
     zl(P(y, F), h, f.value.limit), t("auto-apply", !0);
   }, de = (y, F) => (b.value[F].month = y, j(F, b.value[F].year, y), f.value.enabled ? z(y, F) : o.value.enabled ? q(y, F) : Y(y, F)), ee = (y, F) => {
-    k(y, F), j(F, y, null);
+    _(y, F), j(F, y, null);
   }, j = (y, F, ae) => {
     let B = ae;
     if (!B && B !== 0) {
@@ -10745,8 +10745,8 @@ const vl = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), $o = (e, t) =
       setHoverDate: b,
       selectMonth: $,
       selectYear: C,
-      toggleYearPicker: _,
-      handleYearSelect: k,
+      toggleYearPicker: k,
+      handleYearSelect: _,
       handleYear: R,
       getModelMonthYear: T
     } = Hf(o, a);
@@ -10757,7 +10757,7 @@ const vl = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), $o = (e, t) =
       selectMonth: $,
       selectYear: C,
       handleYear: R
-    }), presetDate: v, toggleYearPicker: (O) => _(0, O) }), (O, U) => (m(), ve(Pn, {
+    }), presetDate: v, toggleYearPicker: (O) => k(0, O) }), (O, U) => (m(), ve(Pn, {
       "multi-calendars": g(f).count,
       collapse: O.collapse,
       stretch: "",
@@ -10797,8 +10797,8 @@ const vl = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), $o = (e, t) =
               year: g(d)(H),
               "is-disabled": (N) => g(u)(H, N),
               onHandleYear: (N) => g(R)(H, N),
-              onYearSelect: (N) => g(k)(N, H),
-              onToggleYearPicker: (N) => g(_)(H, N?.flow, N?.show)
+              onYearSelect: (N) => g(_)(N, H),
+              onToggleYearPicker: (N) => g(k)(H, N?.flow, N?.show)
             }), Xe({ _: 2 }, [
               Le(g(r), (N, A) => ({
                 name: N,
@@ -10837,8 +10837,8 @@ const vl = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), $o = (e, t) =
       v.value,
       Fa(d.value.minDate),
       Fa(d.value.maxDate)
-    ) || i.value.years.includes(v.value), C = c(v.value) && !b, _ = ql(r.value, v.value);
-    return { active: b, disabled: $, isBetween: C, highlighted: _ };
+    ) || i.value.years.includes(v.value), C = c(v.value) && !b, k = ql(r.value, v.value);
+    return { active: b, disabled: $, isBetween: C, highlighted: k };
   })), p = (v) => Ht(Mt(en(/* @__PURE__ */ new Date())), v);
   return {
     groupedYears: h,
@@ -10953,7 +10953,7 @@ const vl = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), $o = (e, t) =
       hours: !1,
       minutes: !1,
       seconds: !1
-    }), b = V("AM"), $ = V(null), C = V([]), _ = V(), k = V(!1);
+    }), b = V("AM"), $ = V(null), C = V([]), k = V(), _ = V(!1);
     Fe(() => {
       a("mounted");
     });
@@ -11015,15 +11015,15 @@ const vl = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), $o = (e, t) =
       );
       return Ae && pe ? (tn(Ne, pe) || Ma(Ne, pe)) && (Ia(Ne, Ae) || Ma(Ne, Ae)) : Ae ? Ia(Ne, Ae) || Ma(Ne, Ae) : pe ? tn(Ne, pe) || Ma(Ne, pe) : !0;
     }, F = (L) => l[`no${L[0].toUpperCase() + L.slice(1)}Overlay`], ae = (L) => {
-      F(L) || (v[L] = !v[L], v[L] ? (k.value = !0, a("overlay-opened", L)) : (k.value = !1, a("overlay-closed", L)));
+      F(L) || (v[L] = !v[L], v[L] ? (_.value = !0, a("overlay-opened", L)) : (_.value = !1, a("overlay-closed", L)));
     }, B = (L) => L === "hours" ? Ut : L === "minutes" ? da : Ba, se = () => {
-      _.value && clearTimeout(_.value);
+      k.value && clearTimeout(k.value);
     }, X = (L, re = !0, Ae) => {
       const pe = re ? Z : ne, Ne = re ? +l[`${L}Increment`] : -+l[`${L}Increment`];
       y(+l[L] + Ne, L) && a(
         `update:${L}`,
         B(L)(pe({ [L]: +l[L] }, { [L]: +l[`${L}Increment`] }))
-      ), !(Ae != null && Ae.keyboard) && u.value.timeArrowHoldThreshold && (_.value = setTimeout(() => {
+      ), !(Ae != null && Ae.keyboard) && u.value.timeArrowHoldThreshold && (k.value = setTimeout(() => {
         X(L, re);
       }, u.value.timeArrowHoldThreshold));
     }, be = (L) => l.is24 ? L : (L >= 12 ? b.value = "PM" : b.value = "AM", Jc(L)), W = () => {
@@ -11052,7 +11052,7 @@ const vl = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), $o = (e, t) =
             "data-collapsed": D.value && L.enableSeconds
           }, [
             pe.separator ? (m(), S(ke, { key: 0 }, [
-              k.value ? I("", !0) : (m(), S(ke, { key: 0 }, [
+              _.value ? I("", !0) : (m(), S(ke, { key: 0 }, [
                 je(":")
               ], 64))
             ], 64)) : (m(), S(ke, { key: 1 }, [
@@ -11066,7 +11066,7 @@ const vl = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), $o = (e, t) =
                   dp__inc_dec_button_inline: L.timePickerInline,
                   dp__tp_inline_btn_top: L.timePickerInline,
                   dp__inc_dec_button_disabled: N.value(pe.type),
-                  "dp--hidden-el": k.value
+                  "dp--hidden-el": _.value
                 }),
                 "data-test-id": `${pe.type}-time-inc-btn-${l.order}`,
                 "aria-label": (Ie = g(i)) == null ? void 0 : Ie.incrementValue(pe.type),
@@ -11097,7 +11097,7 @@ const vl = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), $o = (e, t) =
                   dp__time_display_inline: L.timePickerInline,
                   "dp--time-invalid": T.value(pe.type),
                   "dp--time-overlay-btn": !T.value(pe.type),
-                  "dp--hidden-el": k.value
+                  "dp--hidden-el": _.value
                 }),
                 disabled: F(pe.type),
                 tabindex: "0",
@@ -11124,7 +11124,7 @@ const vl = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), $o = (e, t) =
                   dp__inc_dec_button_inline: L.timePickerInline,
                   dp__tp_inline_btn_bottom: L.timePickerInline,
                   dp__inc_dec_button_disabled: A.value(pe.type),
-                  "dp--hidden-el": k.value
+                  "dp--hidden-el": _.value
                 }),
                 "data-test-id": `${pe.type}-time-dec-btn-${l.order}`,
                 "aria-label": (ue = g(i)) == null ? void 0 : ue.decrementValue(pe.type),
@@ -11250,7 +11250,7 @@ const vl = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), $o = (e, t) =
     "am-pm-change"
   ],
   setup(e, { expose: t, emit: n }) {
-    const a = n, l = e, { buildMatrix: r, setTimePicker: o } = ca(), i = bt(), { defaultedTransitions: s, defaultedAriaLabels: d, defaultedTextInput: u, defaultedConfig: f, defaultedRange: c } = Je(l), { transitionName: h, showTransition: p } = on(s), { hideNavigationButtons: v } = An(), b = V(null), $ = V(null), C = V([]), _ = V(null), k = V(!1);
+    const a = n, l = e, { buildMatrix: r, setTimePicker: o } = ca(), i = bt(), { defaultedTransitions: s, defaultedAriaLabels: d, defaultedTextInput: u, defaultedConfig: f, defaultedRange: c } = Je(l), { transitionName: h, showTransition: p } = on(s), { hideNavigationButtons: v } = An(), b = V(null), $ = V(null), C = V([]), k = V(null), _ = V(!1);
     Fe(() => {
       a("mount"), !l.timePicker && l.arrowNavigation ? r([ut(b.value)], "time") : o(!0, l.timePicker);
     });
@@ -11281,14 +11281,14 @@ const vl = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), $o = (e, t) =
     }, D = (q) => {
       a("update:seconds", q);
     }, w = () => {
-      if (_.value && !u.value.enabled && !l.noOverlayFocus) {
-        const q = xo(_.value);
+      if (k.value && !u.value.enabled && !l.noOverlayFocus) {
+        const q = xo(k.value);
         q && q.focus({ preventScroll: !0 });
       }
     }, P = (q) => {
-      k.value = !1, a("overlay-closed", q);
+      _.value = !1, a("overlay-closed", q);
     }, Y = (q) => {
-      k.value = !0, a("overlay-opened", q);
+      _.value = !0, a("overlay-opened", q);
     };
     return t({ toggleTimePicker: H }), (q, z) => {
       var de;
@@ -11323,7 +11323,7 @@ const vl = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), $o = (e, t) =
               T.value || q.timePicker || q.timePickerInline ? (m(), S("div", {
                 key: 0,
                 ref_key: "overlayRef",
-                ref: _,
+                ref: k,
                 role: q.timePickerInline ? void 0 : "dialog",
                 class: J({
                   dp__overlay: !q.timePickerInline,
@@ -11393,7 +11393,7 @@ const vl = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), $o = (e, t) =
                     ref_key: "closeTimePickerBtn",
                     ref: $,
                     type: "button",
-                    class: J({ ...N.value, "dp--hidden-el": k.value }),
+                    class: J({ ...N.value, "dp--hidden-el": _.value }),
                     "aria-label": (j = g(d)) == null ? void 0 : j.closeTimePicker,
                     tabindex: "0",
                     onKeydown: z[3] || (z[3] = (y) => g(ht)(y, () => H(!1))),
@@ -11414,11 +11414,11 @@ const vl = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), $o = (e, t) =
     };
   }
 }), Fo = (e, t, n, a) => {
-  const { defaultedRange: l } = Je(e), r = (_, k) => Array.isArray(t[_]) ? t[_][k] : t[_], o = (_) => e.enableSeconds ? Array.isArray(t.seconds) ? t.seconds[_] : t.seconds : 0, i = (_, k) => _ ? k !== void 0 ? ra(_, r("hours", k), r("minutes", k), o(k)) : ra(_, t.hours, t.minutes, o()) : go(ie(), o(k)), s = (_, k) => {
-    t[_] = k;
-  }, d = x(() => e.modelAuto && l.value.enabled ? Array.isArray(n.value) ? n.value.length > 1 : !1 : l.value.enabled), u = (_, k) => {
+  const { defaultedRange: l } = Je(e), r = (k, _) => Array.isArray(t[k]) ? t[k][_] : t[k], o = (k) => e.enableSeconds ? Array.isArray(t.seconds) ? t.seconds[k] : t.seconds : 0, i = (k, _) => k ? _ !== void 0 ? ra(k, r("hours", _), r("minutes", _), o(_)) : ra(k, t.hours, t.minutes, o()) : go(ie(), o(_)), s = (k, _) => {
+    t[k] = _;
+  }, d = x(() => e.modelAuto && l.value.enabled ? Array.isArray(n.value) ? n.value.length > 1 : !1 : l.value.enabled), u = (k, _) => {
     const R = Object.fromEntries(
-      Object.keys(t).map((T) => T === _ ? [T, k] : [T, t[T]].slice())
+      Object.keys(t).map((T) => T === k ? [T, _] : [T, t[T]].slice())
     );
     if (d.value && !l.value.disableTimeRangeValidation) {
       const T = (U) => n.value ? ra(
@@ -11430,31 +11430,31 @@ const vl = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), $o = (e, t) =
       return !(Ve(T(0), T(1)) && (Ia(T(0), O(1)) || tn(T(1), O(0))));
     }
     return !0;
-  }, f = (_, k) => {
-    u(_, k) && (s(_, k), a && a());
-  }, c = (_) => {
-    f("hours", _);
-  }, h = (_) => {
-    f("minutes", _);
-  }, p = (_) => {
-    f("seconds", _);
-  }, v = (_, k, R, T) => {
-    k && c(_), !k && !R && h(_), R && p(_), n.value && T(n.value);
-  }, b = (_) => {
-    if (_) {
-      const k = Array.isArray(_), R = k ? [+_[0].hours, +_[1].hours] : +_.hours, T = k ? [+_[0].minutes, +_[1].minutes] : +_.minutes, O = k ? [+_[0].seconds, +_[1].seconds] : +_.seconds;
+  }, f = (k, _) => {
+    u(k, _) && (s(k, _), a && a());
+  }, c = (k) => {
+    f("hours", k);
+  }, h = (k) => {
+    f("minutes", k);
+  }, p = (k) => {
+    f("seconds", k);
+  }, v = (k, _, R, T) => {
+    _ && c(k), !_ && !R && h(k), R && p(k), n.value && T(n.value);
+  }, b = (k) => {
+    if (k) {
+      const _ = Array.isArray(k), R = _ ? [+k[0].hours, +k[1].hours] : +k.hours, T = _ ? [+k[0].minutes, +k[1].minutes] : +k.minutes, O = _ ? [+k[0].seconds, +k[1].seconds] : +k.seconds;
       s("hours", R), s("minutes", T), e.enableSeconds && s("seconds", O);
     }
-  }, $ = (_, k) => {
+  }, $ = (k, _) => {
     const R = {
-      hours: Array.isArray(t.hours) ? t.hours[_] : t.hours,
+      hours: Array.isArray(t.hours) ? t.hours[k] : t.hours,
       disabledArr: []
     };
-    return (k || k === 0) && (R.hours = k), Array.isArray(e.disabledTimes) && (R.disabledArr = l.value.enabled && Array.isArray(e.disabledTimes[_]) ? e.disabledTimes[_] : e.disabledTimes), R;
-  }, C = x(() => (_, k) => {
+    return (_ || _ === 0) && (R.hours = _), Array.isArray(e.disabledTimes) && (R.disabledArr = l.value.enabled && Array.isArray(e.disabledTimes[k]) ? e.disabledTimes[k] : e.disabledTimes), R;
+  }, C = x(() => (k, _) => {
     var R;
     if (Array.isArray(e.disabledTimes)) {
-      const { disabledArr: T, hours: O } = $(_, k), U = T.filter((H) => +H.hours === O);
+      const { disabledArr: T, hours: O } = $(k, _), U = T.filter((H) => +H.hours === O);
       return ((R = U[0]) == null ? void 0 : R.minutes) === "*" ? { hours: [O], minutes: void 0, seconds: void 0 } : {
         hours: [],
         minutes: U?.map((H) => +H.minutes) ?? [],
@@ -11477,7 +11477,7 @@ const vl = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), $o = (e, t) =
   };
 }, lp = (e, t) => {
   const n = () => {
-    e.isTextInputDate && k();
+    e.isTextInputDate && _();
   }, { modelValue: a, time: l } = sn(e, t, n), { defaultedStartTime: r, defaultedRange: o, defaultedTz: i } = Je(e), { updateTimeValues: s, getSetDateTime: d, setTime: u, assignStartTime: f, disabledTimesConfig: c, validateTime: h } = Fo(e, l, a, p);
   function p() {
     t("update-flow-step");
@@ -11504,19 +11504,19 @@ const vl = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), $o = (e, t) =
       ];
     } else
       a.value = gt(d(b()), i.value.timezone);
-  }, C = (T) => Array.isArray(T) ? [ya(ie(T[0])), ya(ie(T[1]))] : [ya(T ?? ie())], _ = (T, O, U) => {
+  }, C = (T) => Array.isArray(T) ? [ya(ie(T[0])), ya(ie(T[1]))] : [ya(T ?? ie())], k = (T, O, U) => {
     u("hours", T), u("minutes", O), u("seconds", e.enableSeconds ? U : 0);
-  }, k = () => {
+  }, _ = () => {
     const [T, O] = C(a.value);
-    return o.value.enabled ? _(
+    return o.value.enabled ? k(
       [T.hours, O.hours],
       [T.minutes, O.minutes],
       [T.seconds, O.seconds]
-    ) : _(T.hours, T.minutes, T.seconds);
+    ) : k(T.hours, T.minutes, T.seconds);
   };
   Fe(() => {
     if (!e.shadow)
-      return f(r.value), a.value ? k() : $();
+      return f(r.value), a.value ? _() : $();
   });
   const R = () => {
     Array.isArray(a.value) ? a.value = a.value.map((T, O) => T && d(T, O)) : a.value = d(a.value), t("time-update");
@@ -11620,7 +11620,7 @@ const vl = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), $o = (e, t) =
       defaultedHighlight: u,
       propDates: f,
       defaultedUI: c
-    } = Je(l), { transitionName: h, showTransition: p } = on(r), { buildMatrix: v } = ca(), { handleMonthYearChange: b, isDisabled: $, updateMonthYear: C } = Pf(l, a), { showLeftIcon: _, showRightIcon: k } = An(), R = V(!1), T = V(!1), O = V(!1), U = V([null, null, null, null]);
+    } = Je(l), { transitionName: h, showTransition: p } = on(r), { buildMatrix: v } = ca(), { handleMonthYearChange: b, isDisabled: $, updateMonthYear: C } = Pf(l, a), { showLeftIcon: k, showRightIcon: _ } = An(), R = V(!1), T = V(!1), O = V(!1), U = V([null, null, null, null]);
     Fe(() => {
       a("mount");
     });
@@ -11704,7 +11704,7 @@ const vl = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), $o = (e, t) =
             G(j.$slots, "top-extra", { value: j.internalModelValue })
           ])) : I("", !0),
           E("div", up, [
-            g(_)(g(i), e.instance) && !j.vertical ? (m(), ve(Xa, {
+            g(k)(g(i), e.instance) && !j.vertical ? (m(), ve(Xa, {
               key: 0,
               "aria-label": (F = g(o)) == null ? void 0 : F.prevMonth,
               disabled: g($)(!1),
@@ -11808,7 +11808,7 @@ const vl = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), $o = (e, t) =
                 }, 1032, ["name", "css"])
               ], 64))), 128))
             ], 2),
-            g(_)(g(i), e.instance) && j.vertical ? (m(), ve(Xa, {
+            g(k)(g(i), e.instance) && j.vertical ? (m(), ve(Xa, {
               key: 1,
               "aria-label": (B = g(o)) == null ? void 0 : B.prevMonth,
               "el-name": "action-prev",
@@ -11822,7 +11822,7 @@ const vl = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), $o = (e, t) =
               ]),
               _: 3
             }, 8, ["aria-label", "disabled", "class"])) : I("", !0),
-            g(k)(g(i), e.instance) ? (m(), ve(Xa, {
+            g(_)(g(i), e.instance) ? (m(), ve(Xa, {
               key: 2,
               ref: "rightIcon",
               "el-name": "action-next",
@@ -11889,7 +11889,7 @@ const vl = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), $o = (e, t) =
       bottom: "",
       left: "",
       transform: ""
-    }), v = V([]), b = V(null), $ = V(!0), C = V(""), _ = V({ startX: 0, endX: 0, startY: 0, endY: 0 }), k = V([]), R = V({ left: "50%" }), T = V(!1), O = x(() => l.calendar ? l.calendar(l.mappedDates) : l.mappedDates), U = x(() => l.dayNames ? Array.isArray(l.dayNames) ? l.dayNames : l.dayNames(l.locale, +l.weekStart) : Xc(l.formatLocale, l.locale, +l.weekStart));
+    }), v = V([]), b = V(null), $ = V(!0), C = V(""), k = V({ startX: 0, endX: 0, startY: 0, endY: 0 }), _ = V([]), R = V({ left: "50%" }), T = V(!1), O = x(() => l.calendar ? l.calendar(l.mappedDates) : l.mappedDates), U = x(() => l.dayNames ? Array.isArray(l.dayNames) ? l.dayNames : l.dayNames(l.locale, +l.weekStart) : Xc(l.formatLocale, l.locale, +l.weekStart));
     Fe(() => {
       a("mount", { cmp: "calendar", refs: v }), i.value.noSwipe || b.value && (b.value.addEventListener("touchstart", z, { passive: !1 }), b.value.addEventListener("touchend", de, { passive: !1 }), b.value.addEventListener("touchmove", ee, { passive: !1 })), l.monthChangeOnScroll && b.value && b.value.addEventListener("wheel", F, { passive: !1 });
     });
@@ -11917,8 +11917,8 @@ const vl = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), $o = (e, t) =
       const { width: le, height: he } = W.getBoundingClientRect();
       h.value = oe.value;
       let L = { left: `${le / 2}px` }, re = -50;
-      if (await Be(), k.value[0]) {
-        const { left: Ae, width: pe } = k.value[0].getBoundingClientRect();
+      if (await Be(), _.value[0]) {
+        const { left: Ae, width: pe } = _.value[0].getBoundingClientRect();
         Ae < 0 && (L = { left: "0" }, re = 0, R.value.left = `${le / 2}px`), window.innerWidth < Ae + pe && (L = { right: "0" }, re = 0, R.value.left = `${pe - le / 2}px`);
       }
       p.value = {
@@ -11941,14 +11941,14 @@ const vl = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), $o = (e, t) =
     }, q = (W) => {
       h.value && (h.value = null, p.value = JSON.parse(JSON.stringify({ bottom: "", left: "", transform: "" })), a("tooltip-close", W.marker));
     }, z = (W) => {
-      _.value.startX = W.changedTouches[0].screenX, _.value.startY = W.changedTouches[0].screenY;
+      k.value.startX = W.changedTouches[0].screenX, k.value.startY = W.changedTouches[0].screenY;
     }, de = (W) => {
-      _.value.endX = W.changedTouches[0].screenX, _.value.endY = W.changedTouches[0].screenY, j();
+      k.value.endX = W.changedTouches[0].screenX, k.value.endY = W.changedTouches[0].screenY, j();
     }, ee = (W) => {
       l.vertical && !l.inline && W.preventDefault();
     }, j = () => {
       const W = l.vertical ? "Y" : "X";
-      Math.abs(_.value[`start${W}`] - _.value[`end${W}`]) > 10 && a("handle-swipe", _.value[`start${W}`] > _.value[`end${W}`] ? "right" : "left");
+      Math.abs(k.value[`start${W}`] - k.value[`end${W}`]) > 10 && a("handle-swipe", k.value[`start${W}`] > k.value[`end${W}`] ? "right" : "left");
     }, y = (W, oe, le) => {
       W && (Array.isArray(v.value[oe]) ? v.value[oe][le] = W : v.value[oe] = [W]), l.arrowNavigation && r(v.value, "calendar");
     }, F = (W) => {
@@ -12063,7 +12063,7 @@ const vl = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), $o = (e, t) =
                         key: 3,
                         ref_for: !0,
                         ref_key: "activeTooltip",
-                        ref: k,
+                        ref: _,
                         class: "dp__marker_tooltip",
                         style: Ye(p.value)
                       }, [
@@ -12115,7 +12115,7 @@ const vl = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), $o = (e, t) =
     defaultedTz: b,
     propDates: $,
     defaultedMultiDates: C
-  } = Je(e), { validateMonthYearInRange: _, isDisabled: k, isDateRangeAllowed: R, checkMinMaxRange: T } = fa(e), { updateTimeValues: O, getSetDateTime: U, setTime: H, assignStartTime: N, validateTime: A, disabledTimesConfig: Z } = Fo(e, u, s, a), ne = x(
+  } = Je(e), { validateMonthYearInRange: k, isDisabled: _, isDateRangeAllowed: R, checkMinMaxRange: T } = fa(e), { updateTimeValues: O, getSetDateTime: U, setTime: H, assignStartTime: N, validateTime: A, disabledTimesConfig: Z } = Fo(e, u, s, a), ne = x(
     () => (K) => d.value[K] ? d.value[K].month : 0
   ), M = x(
     () => (K) => d.value[K] ? d.value[K].year : 0
@@ -12172,7 +12172,7 @@ const vl = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), $o = (e, t) =
     ae(ce, K), c.value.count && c.value.solo && be();
   }, se = (K, ce) => {
     const Te = We(ie(), { month: ne.value(ce), year: M.value(ce) }), te = K < 0 ? Pt(Te, 1) : Ea(Te, 1);
-    _(Ee(te), Oe(te), K < 0, e.preventMinMaxNavigation) && (w(ce, Ee(te), Oe(te)), t("update-month-year", { instance: ce, month: Ee(te), year: Oe(te) }), c.value.count && !c.value.solo && X(ce), n());
+    k(Ee(te), Oe(te), K < 0, e.preventMinMaxNavigation) && (w(ce, Ee(te), Oe(te)), t("update-month-year", { instance: ce, month: Ee(te), year: Oe(te) }), c.value.count && !c.value.solo && X(ce), n());
   }, X = (K) => {
     for (let ce = K - 1; ce >= 0; ce--) {
       const Te = Ea(We(ie(), { month: ne.value(ce + 1), year: M.value(ce + 1) }), 1);
@@ -12258,7 +12258,7 @@ const vl = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), $o = (e, t) =
     t("date-update", ce), C.value.enabled ? zl(ce, s, C.value.limit) : s.value = ce, a(), Be().then(() => {
       q();
     });
-  }, Q = (K) => p.value.noDisabledRange ? To(l.value[0], K).some((ce) => k(ce)) : !1, ue = () => {
+  }, Q = (K) => p.value.noDisabledRange ? To(l.value[0], K).some((ce) => _(ce)) : !1, ue = () => {
     l.value = s.value ? s.value.slice() : [], l.value.length === 2 && !(p.value.fixedStart || p.value.fixedEnd) && (l.value = []);
   }, $e = (K, ce) => {
     const Te = [
@@ -12296,7 +12296,7 @@ const vl = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), $o = (e, t) =
   }, Bn = () => {
     l.value.length && (l.value[0] && !l.value[1] ? at(0) : (at(0), at(1), a()), Ln(), s.value = l.value.slice(), Rn(l.value, t, e.autoApply, e.modelAuto));
   }, un = (K, ce = !1) => {
-    if (k(K.value) || !K.current && e.hideOffsetDates) return t("invalid-date", K.value);
+    if (_(K.value) || !K.current && e.hideOffsetDates) return t("invalid-date", K.value);
     if (o.value = JSON.parse(JSON.stringify(K)), !p.value.enabled) return Ie(K);
     xr(u.hours) && xr(u.minutes) && !C.value.enabled && (Se(K, ce), Bn());
   }, In = (K, ce) => {
@@ -12393,8 +12393,8 @@ const vl = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), $o = (e, t) =
       handleScroll: b,
       handleSwipe: $,
       selectDate: C,
-      updateMonthYear: _,
-      presetDate: k,
+      updateMonthYear: k,
+      presetDate: _,
       selectCurrentDate: R,
       updateTime: T,
       assignMonthAndYear: O
@@ -12453,7 +12453,7 @@ const vl = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), $o = (e, t) =
       var le;
       (le = ne.value[0]) == null || le.handleMonthYearChange(oe, !0);
     }, X = (oe) => {
-      _(0, { month: o.value(0), year: i.value(0) + (oe ? 1 : -1), fromNav: !0 });
+      k(0, { month: o.value(0), year: i.value(0) + (oe ? 1 : -1), fromNav: !0 });
     }, be = (oe, le) => {
       oe === pt.time && a(`time-picker-${le ? "open" : "close"}`), a("overlay-toggle", { open: le, overlay: oe });
     }, W = (oe) => {
@@ -12461,22 +12461,22 @@ const vl = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), $o = (e, t) =
     };
     return t({
       clearHoverDate: A,
-      presetDate: k,
+      presetDate: _,
       selectCurrentDate: R,
       toggleMonthPicker: y,
       toggleYearPicker: F,
       toggleTimePicker: ae,
       handleArrow: v,
-      updateMonthYear: _,
+      updateMonthYear: k,
       getSidebarProps: () => ({
         modelValue: s,
         month: o,
         year: i,
         time: d,
         updateTime: T,
-        updateMonthYear: _,
+        updateMonthYear: k,
         selectDate: C,
-        presetDate: k
+        presetDate: _
       }),
       changeMonth: se,
       changeYear: X,
@@ -12501,7 +12501,7 @@ const vl = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), $o = (e, t) =
           }, oe.$props, {
             onMount: le[0] || (le[0] = (re) => q(g(ha).header)),
             onResetFlow: le[1] || (le[1] = (re) => oe.$emit("reset-flow")),
-            onUpdateMonthYear: (re) => g(_)(he, re),
+            onUpdateMonthYear: (re) => g(k)(he, re),
             onOverlayClosed: W,
             onOverlayOpened: le[2] || (le[2] = (re) => oe.$emit("overlay-toggle", { open: !0, overlay: re }))
           }), Xe({ _: 2 }, [
@@ -12581,7 +12581,7 @@ const vl = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), $o = (e, t) =
     propDates: i,
     defaultedFilters: s,
     defaultedMultiDates: d
-  } = Je(e), { modelValue: u, year: f, month: c, calendars: h } = sn(e, t), { isDisabled: p } = fa(e), { selectYear: v, groupedYears: b, showYearPicker: $, isDisabled: C, toggleYearPicker: _, handleYearSelect: k, handleYear: R } = Eo({
+  } = Je(e), { modelValue: u, year: f, month: c, calendars: h } = sn(e, t), { isDisabled: p } = fa(e), { selectYear: v, groupedYears: b, showYearPicker: $, isDisabled: C, toggleYearPicker: k, handleYearSelect: _, handleYear: R } = Eo({
     modelValue: u,
     multiCalendars: a,
     range: o,
@@ -12642,8 +12642,8 @@ const vl = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), $o = (e, t) =
       if (!P)
         return h.value[w].month = Ee(ur(D)), d.value.enabled ? Z(D) : o.value.enabled ? ne(D) : M(D);
     },
-    toggleYearPicker: _,
-    handleYearSelect: k,
+    toggleYearPicker: k,
+    handleYearSelect: _,
     handleYear: R
   };
 }, xp = { class: "dp--quarter-items" }, $p = ["data-test-id", "disabled", "onClick", "onMouseover"], Sp = /* @__PURE__ */ _e({
@@ -12678,44 +12678,44 @@ const vl = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), $o = (e, t) =
       selectQuarter: b,
       toggleYearPicker: $,
       handleYearSelect: C,
-      handleYear: _
+      handleYear: k
     } = kp(l, a);
     return t({ getSidebarProps: () => ({
       modelValue: h,
       year: u,
       selectQuarter: b,
       handleYearSelect: C,
-      handleYear: _
-    }) }), (k, R) => (m(), ve(Pn, {
+      handleYear: k
+    }) }), (_, R) => (m(), ve(Pn, {
       "multi-calendars": g(i).count,
-      collapse: k.collapse,
+      collapse: _.collapse,
       stretch: "",
-      "is-mobile": k.isMobile
+      "is-mobile": _.isMobile
     }, {
       default: ye(({ instance: T }) => [
         E("div", {
           class: "dp-quarter-picker-wrap",
           style: Ye({ minHeight: `${g(s).modeHeight}px` })
         }, [
-          k.$slots["top-extra"] ? G(k.$slots, "top-extra", {
+          _.$slots["top-extra"] ? G(_.$slots, "top-extra", {
             key: 0,
-            value: k.internalModelValue
+            value: _.internalModelValue
           }) : I("", !0),
           E("div", null, [
-            we(Lo, Re(k.$props, {
+            we(Lo, Re(_.$props, {
               items: g(d)(T),
               instance: T,
               "show-year-picker": g(p)[T],
               year: g(u)(T),
               "is-disabled": (O) => g(f)(T, O),
-              onHandleYear: (O) => g(_)(T, O),
+              onHandleYear: (O) => g(k)(T, O),
               onYearSelect: (O) => g(C)(O, T),
               onToggleYearPicker: (O) => g($)(T, O?.flow, O?.show)
             }), Xe({ _: 2 }, [
               Le(g(o), (O, U) => ({
                 name: O,
                 fn: ye((H) => [
-                  G(k.$slots, O, Qe(dt(H)))
+                  G(_.$slots, O, Qe(dt(H)))
                 ])
               }))
             ]), 1040, ["items", "instance", "show-year-picker", "year", "is-disabled", "onHandleYear", "onYearSelect", "onToggleYearPicker"])
@@ -12735,7 +12735,7 @@ const vl = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), $o = (e, t) =
                 onClick: (H) => g(b)(O.value, T, O.disabled),
                 onMouseover: (H) => g(v)(O.value)
               }, [
-                k.$slots.quarter ? G(k.$slots, "quarter", {
+                _.$slots.quarter ? G(_.$slots, "quarter", {
                   key: 0,
                   value: O.value,
                   text: O.text
@@ -12828,10 +12828,10 @@ const vl = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), $o = (e, t) =
         flowStep: A.value,
         menuWrapRef: r.value
       };
-    }), { setMenuFocused: i, setShiftKey: s, control: d } = Ao(), u = bt(), { defaultedTextInput: f, defaultedInline: c, defaultedConfig: h, defaultedUI: p } = Je(l), { isMobile: v } = No(h, l.shadow), b = V(null), $ = V(0), C = V(null), _ = V(!1), k = V(null), R = V(!1);
+    }), { setMenuFocused: i, setShiftKey: s, control: d } = Ao(), u = bt(), { defaultedTextInput: f, defaultedInline: c, defaultedConfig: h, defaultedUI: p } = Je(l), { isMobile: v } = No(h, l.shadow), b = V(null), $ = V(0), C = V(null), k = V(!1), _ = V(null), R = V(!1);
     Fe(() => {
       if (!l.shadow) {
-        _.value = !0, T(), window.addEventListener("resize", T);
+        k.value = !0, T(), window.addEventListener("resize", T);
         const Q = ut(r);
         if (Q && !f.value.enabled && !c.value.enabled && (i(!0), Y()), Q) {
           const ue = ($e) => {
@@ -12847,7 +12847,7 @@ const vl = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), $o = (e, t) =
     const T = () => {
       const Q = ut(C);
       Q && ($.value = Q.getBoundingClientRect().width);
-    }, { arrowRight: O, arrowLeft: U, arrowDown: H, arrowUp: N } = ca(), { flowStep: A, updateFlowStep: Z, childMount: ne, resetFlow: M, handleFlow: D } = Fp(l, a, k), w = x(() => l.monthPicker ? qf : l.yearPicker ? Wf : l.timePicker ? rp : l.quarterPicker ? Sp : _p), P = x(() => {
+    }, { arrowRight: O, arrowLeft: U, arrowDown: H, arrowUp: N } = ca(), { flowStep: A, updateFlowStep: Z, childMount: ne, resetFlow: M, handleFlow: D } = Fp(l, a, _), w = x(() => l.monthPicker ? qf : l.yearPicker ? Wf : l.timePicker ? rp : l.quarterPicker ? Sp : _p), P = x(() => {
       var Q;
       if (h.value.arrowLeft) return h.value.arrowLeft;
       const ue = (Q = r.value) == null ? void 0 : Q.getBoundingClientRect(), $e = l.getInputRect();
@@ -12857,7 +12857,7 @@ const vl = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), $o = (e, t) =
       Q && Q.focus({ preventScroll: !0 });
     }, q = x(() => {
       var Q;
-      return ((Q = k.value) == null ? void 0 : Q.getSidebarProps()) || {};
+      return ((Q = _.value) == null ? void 0 : Q.getSidebarProps()) || {};
     }), z = () => {
       l.openOnTop && a("recalculate-position");
     }, de = _t(u, "action"), ee = x(() => l.monthPicker || l.yearPicker ? _t(u, "monthYear") : l.timePicker ? _t(u, "timePicker") : _t(u, "shared")), j = x(() => l.openOnTop ? "dp__arrow_bottom" : "dp__arrow_top"), y = x(() => ({
@@ -12888,13 +12888,13 @@ const vl = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), $o = (e, t) =
       Y(), a("time-picker-close");
     }, W = (Q) => {
       var ue, $e, st;
-      (ue = k.value) == null || ue.toggleTimePicker(!1, !1), ($e = k.value) == null || $e.toggleMonthPicker(!1, !1, Q), (st = k.value) == null || st.toggleYearPicker(!1, !1, Q);
+      (ue = _.value) == null || ue.toggleTimePicker(!1, !1), ($e = _.value) == null || $e.toggleMonthPicker(!1, !1, Q), (st = _.value) == null || st.toggleYearPicker(!1, !1, Q);
     }, oe = (Q, ue = 0) => {
       var $e, st, Et;
-      return Q === "month" ? ($e = k.value) == null ? void 0 : $e.toggleMonthPicker(!1, !0, ue) : Q === "year" ? (st = k.value) == null ? void 0 : st.toggleYearPicker(!1, !0, ue) : Q === "time" ? (Et = k.value) == null ? void 0 : Et.toggleTimePicker(!0, !1) : W(ue);
+      return Q === "month" ? ($e = _.value) == null ? void 0 : $e.toggleMonthPicker(!1, !0, ue) : Q === "year" ? (st = _.value) == null ? void 0 : st.toggleYearPicker(!1, !0, ue) : Q === "time" ? (Et = _.value) == null ? void 0 : Et.toggleTimePicker(!0, !1) : W(ue);
     }, le = (Q, ...ue) => {
       var $e, st;
-      ($e = k.value) != null && $e[Q] && ((st = k.value) == null || st[Q](...ue));
+      ($e = _.value) != null && $e[Q] && ((st = _.value) == null || st[Q](...ue));
     }, he = () => {
       le("selectCurrentDate");
     }, L = (Q, ue) => {
@@ -13009,7 +13009,7 @@ const vl = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), $o = (e, t) =
           }, [
             (m(), ve(wa(w.value), Re({
               ref_key: "dynCmpRef",
-              ref: k
+              ref: _
             }, o.value, {
               "flow-step": g(A),
               onMount: g(ne),
@@ -13055,7 +13055,7 @@ const vl = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), $o = (e, t) =
         ], 14, Mp),
         !Q.autoApply || g(h).keepActionRow ? (m(), ve(Lf, Re({
           key: 3,
-          "menu-mount": _.value
+          "menu-mount": k.value
         }, o.value, {
           "calendar-width": $.value,
           onClosePicker: ue[16] || (ue[16] = (Se) => Q.$emit("close-picker")),
@@ -13110,16 +13110,16 @@ const Bp = ({
   }, C = (w) => {
     const { width: P, height: Y } = w.getBoundingClientRect(), { top: q, left: z } = p(w);
     return { top: +q, left: +z, width: P, height: Y };
-  }, _ = () => {
-    f.value.left = "50%", f.value.top = "50%", f.value.transform = "translate(-50%, -50%)", f.value.position = "fixed", delete f.value.opacity;
   }, k = () => {
+    f.value.left = "50%", f.value.top = "50%", f.value.transform = "translate(-50%, -50%)", f.value.position = "fixed", delete f.value.opacity;
+  }, _ = () => {
     const w = ut(n);
     f.value = o.altPosition(w);
   }, R = (w = !0) => {
     var P;
     if (!l.value.enabled) {
-      if (h.value) return _();
-      if (o.altPosition !== null) return k();
+      if (h.value) return k();
+      if (o.altPosition !== null) return _();
       if (w) {
         const Y = o.teleport ? (P = t.value) == null ? void 0 : P.$el : e.value;
         Y && (d.value = Y.getBoundingClientRect()), r("recalculate-position");
@@ -13339,7 +13339,7 @@ const Bp = ({
       return F ? lt(e.value[0], y.value) && ae : et(e.value[0], y.value) && ae;
     }
     return !1;
-  }, _ = (y) => !e.value || t.hideOffsetDates && !y.current ? !1 : s.value.enabled ? t.modelAuto && Array.isArray(e.value) ? Ve(y.value, e.value[0] ? e.value[0] : f.value) : !1 : a.value.enabled && Array.isArray(e.value) ? e.value.some((F) => Ve(F, y.value)) : Ve(y.value, e.value ? e.value : f.value), k = (y) => {
+  }, k = (y) => !e.value || t.hideOffsetDates && !y.current ? !1 : s.value.enabled ? t.modelAuto && Array.isArray(e.value) ? Ve(y.value, e.value[0] ? e.value[0] : f.value) : !1 : a.value.enabled && Array.isArray(e.value) ? e.value.some((F) => Ve(F, y.value)) : Ve(y.value, e.value ? e.value : f.value), _ = (y) => {
     if (s.value.autoRange || t.weekPicker) {
       if (u.value) {
         if (t.hideOffsetDates && !y.current) return !1;
@@ -13373,14 +13373,14 @@ const Bp = ({
   }, O = (y) => Mn(e.value, u.value, y.value), U = () => t.modelAuto && Array.isArray(t.internalModelValue) ? !!t.internalModelValue[0] : !1, H = () => t.modelAuto ? ko(t.internalModelValue) : !0, N = (y) => {
     if (t.weekPicker) return !1;
     const F = s.value.enabled ? !$(y) && !$(y, !1) : !0;
-    return !d(y.value) && !_(y) && !(!y.current && t.hideOffsetDates) && F;
-  }, A = (y) => s.value.enabled ? t.modelAuto ? U() && _(y) : !1 : _(y), Z = (y) => r.value ? nf(y.value, i.value.highlight) : !1, ne = (y) => {
+    return !d(y.value) && !k(y) && !(!y.current && t.hideOffsetDates) && F;
+  }, A = (y) => s.value.enabled ? t.modelAuto ? U() && k(y) : !1 : k(y), Z = (y) => r.value ? nf(y.value, i.value.highlight) : !1, ne = (y) => {
     const F = d(y.value);
     return F && (typeof r.value == "function" ? !r.value(y.value, F) : !r.value.options.highlightDisabled);
   }, M = (y) => {
     var F;
     return typeof r.value == "function" ? r.value(y.value) : (F = r.value.weekdays) == null ? void 0 : F.includes(y.value.getDay());
-  }, D = (y) => (s.value.enabled || t.weekPicker) && (!(n.value.count > 0) || y.current) && H() && !(!y.current && t.hideOffsetDates) && !_(y) ? O(y) : !1, w = (y) => {
+  }, D = (y) => (s.value.enabled || t.weekPicker) && (!(n.value.count > 0) || y.current) && H() && !(!y.current && t.hideOffsetDates) && !k(y) ? O(y) : !1, w = (y) => {
     const { isRangeStart: F, isRangeEnd: ae } = z(y), B = s.value.enabled ? F || ae : !1;
     return {
       dp__cell_offset: !y.current,
@@ -13439,7 +13439,7 @@ const Bp = ({
     ...de(y),
     dp__cell_auto_range: R(y),
     dp__cell_auto_range_start: T(y),
-    dp__cell_auto_range_end: k(y)
+    dp__cell_auto_range_end: _(y)
   }), j = (y) => s.value.enabled ? s.value.autoRange ? ee(y) : t.modelAuto ? { ...P(y), ...de(y) } : t.weekPicker ? q(y) : de(y) : t.weekPicker ? Y(y) : P(y);
   return {
     setHoverDate: c,
@@ -13476,7 +13476,7 @@ const Bp = ({
       if (n.value.maxRange) return z <= +n.value.maxRange;
     }
     return !0;
-  }, _ = () => !e.enableTimePicker || e.monthPicker || e.yearPicker || e.ignoreTimeValidation, k = (M) => Array.isArray(M) ? [M[0] ? Jn(M[0]) : null, M[1] ? Jn(M[1]) : null] : Jn(M), R = (M, D, w) => M.find(
+  }, k = () => !e.enableTimePicker || e.monthPicker || e.yearPicker || e.ignoreTimeValidation, _ = (M) => Array.isArray(M) ? [M[0] ? Jn(M[0]) : null, M[1] ? Jn(M[1]) : null] : Jn(M), R = (M, D, w) => M.find(
     (P) => +P.hours === Ut(D) && P.minutes === "*" ? !0 : +P.minutes === da(D) && +P.hours === Ut(D)
   ) && w, T = (M, D, w) => {
     const [P, Y] = M, [q, z] = D;
@@ -13489,8 +13489,8 @@ const Bp = ({
     return M && P;
   }, H = (M, D) => e.disabledTimes ? Array.isArray(e.disabledTimes) ? O(D, M) : U(D, M) : D, N = (M) => {
     let D = !0;
-    if (!M || _()) return !0;
-    const w = !a.value.minDate && !a.value.maxDate ? k(M) : M;
+    if (!M || k()) return !0;
+    const w = !a.value.minDate && !a.value.maxDate ? _(M) : M;
     return (e.maxTime || a.value.maxDate) && (D = wr(
       e.maxTime,
       a.value.maxDate,
@@ -13602,7 +13602,7 @@ const Bp = ({
       defaultedUI: f,
       getDefaultPattern: c,
       getDefaultStartTime: h
-    } = Je(l), { checkMinMaxRange: p } = fa(l), v = V(), b = V(null), $ = V(!1), C = V(!1), _ = x(
+    } = Je(l), { checkMinMaxRange: p } = fa(l), v = V(), b = V(null), $ = V(!1), C = V(!1), k = x(
       () => ({
         dp__pointer: !l.disabled && !l.readonly && !r.value.enabled,
         dp__disabled: l.disabled,
@@ -13615,7 +13615,7 @@ const Bp = ({
         dp__input_reg: !r.value.enabled,
         ...f.value.input ?? {}
       })
-    ), k = () => {
+    ), _ = () => {
       a("set-input-date", null), l.clearable && l.autoApply && (a("set-empty-date"), v.value = null);
     }, R = (z) => {
       const de = h();
@@ -13648,7 +13648,7 @@ const Bp = ({
     }, H = (z) => {
       var de;
       const ee = typeof z == "string" ? z : (de = z.target) == null ? void 0 : de.value;
-      ee !== "" ? (r.value.openMenu && !l.isMenuOpen && a("open"), U(ee), a("set-input-date", v.value)) : k(), C.value = !1, a("update:input-value", ee), a("text-input", z, v.value);
+      ee !== "" ? (r.value.openMenu && !l.isMenuOpen && a("open"), U(ee), a("set-input-date", v.value)) : _(), C.value = !1, a("update:input-value", ee), a("text-input", z, v.value);
     }, N = (z) => {
       r.value.enabled ? (U(z.target.value), r.value.enterSubmit && ml(v.value) && l.inputValue !== "" ? (a("set-input-date", v.value, !0), v.value = null) : r.value.enterSubmit && l.inputValue === "" && (v.value = null, a("clear"))) : ne(z);
     }, A = (z, de) => {
@@ -13711,7 +13711,7 @@ const Bp = ({
             ref: b,
             "data-test-id": "dp-input",
             name: z.name,
-            class: J(_.value),
+            class: J(k.value),
             inputmode: g(r).enabled ? "text" : "none",
             placeholder: z.placeholder,
             disabled: z.disabled,
@@ -13824,7 +13824,7 @@ const Bp = ({
     "text-input"
   ],
   setup(e, { expose: t, emit: n }) {
-    const a = n, l = e, r = bt(), o = V(!1), i = Ja(l, "modelValue"), s = Ja(l, "timezone"), d = V(null), u = V(null), f = V(null), c = V(!1), h = V(null), p = V(!1), v = V(!1), b = V(!1), $ = V(!1), { setMenuFocused: C, setShiftKey: _ } = Ao(), { clearArrowNav: k } = ca(), { validateDate: R, isValidTime: T } = fa(l), {
+    const a = n, l = e, r = bt(), o = V(!1), i = Ja(l, "modelValue"), s = Ja(l, "timezone"), d = V(null), u = V(null), f = V(null), c = V(!1), h = V(null), p = V(!1), v = V(!1), b = V(!1), $ = V(!1), { setMenuFocused: C, setShiftKey: k } = Ao(), { clearArrowNav: _ } = ca(), { validateDate: R, isValidTime: T } = fa(l), {
       defaultedTransitions: O,
       defaultedTextInput: U,
       defaultedInline: H,
@@ -13915,7 +13915,7 @@ const Bp = ({
     }, Vt = () => {
       U.value.enabled || (F.value = null);
     }, at = (te = !1) => {
-      te && F.value && N.value.setDateOnMenuClose && $e(), H.value.enabled || (o.value && (o.value = !1, z.value = !1, C(!1), _(!1), k(), a("closed"), y.value && ae(i.value)), Vt(), a("blur"));
+      te && F.value && N.value.setDateOnMenuClose && $e(), H.value.enabled || (o.value && (o.value = !1, z.value = !1, C(!1), k(!1), _(), a("closed"), y.value && ae(i.value)), Vt(), a("blur"));
     }, Ln = (te, me, xe = !1) => {
       if (!te) {
         F.value = null;
@@ -14304,9 +14304,9 @@ const Jp = { class: "rds-e-datepicker" }, Zp = ["aria-expanded", "onKeydown"], e
       "invalid-date": (A) => l("invalidDate", A),
       "overlay-toggle": (A) => l("overlayToggle", A),
       "text-input": (A, Z) => l("textInput", A, Z)
-    })), _ = (A) => {
+    })), k = (A) => {
       $(A);
-    }, k = (A) => {
+    }, _ = (A) => {
       $(A);
     }, R = x(() => {
       const {
@@ -14380,8 +14380,8 @@ const Jp = { class: "rds-e-datepicker" }, Zp = ["aria-expanded", "onKeydown"], e
         "dp-input": ye(({ onTab: ne, onBlur: M }) => [
           E("div", {
             class: "rds-e-datepicker__input-wrapper",
-            onKeydown: Z[1] || (Z[1] = Ue(ge((D) => k(D), ["prevent"]), ["enter"])),
-            onClick: _
+            onKeydown: Z[1] || (Z[1] = Ue(ge((D) => _(D), ["prevent"]), ["enter"])),
+            onClick: k
           }, [
             we(g(bn), Re({
               id: e.id,
@@ -14631,30 +14631,30 @@ const Jp = { class: "rds-e-datepicker" }, Zp = ["aria-expanded", "onKeydown"], e
       LEFT: "left",
       RIGHT: "right"
     }, u = V(d.LEFT), f = V(null), c = V(null), h = x(() => {
-      const _ = s?.value ?? "default";
-      return _ === "navy" ? "rds-e-toggle--navy" : _ === "floating" ? "rds-e-toggle--floating" : "";
-    }), p = x(() => !(n.iconLeft || n.iconRight) ? "label" : !!(n.labelLeft || n.labelRight) ? "icon-label" : "icon"), v = x(() => n.small ? 16 : 20), b = (_) => {
-      a("update:modelValue", _);
-    }, $ = async (_) => {
-      u.value = _, b(
-        _ === d.LEFT ? r?.value ? !0 : o?.value : r?.value ? !1 : i?.value
-      ), await Be(), _ === d.LEFT ? f.value?.focus() : c.value?.focus();
-    }, C = (_) => {
-      if (["ArrowLeft", "ArrowRight", "Enter", " "].includes(_.key))
-        if (_.preventDefault(), _.key === "ArrowRight") {
-          const k = u.value === d.LEFT ? d.RIGHT : d.LEFT;
-          $(k);
-        } else if (_.key === "ArrowLeft") {
-          const k = u.value === d.RIGHT ? d.LEFT : d.RIGHT;
-          $(k);
+      const k = s?.value ?? "default";
+      return k === "navy" ? "rds-e-toggle--navy" : k === "floating" ? "rds-e-toggle--floating" : "";
+    }), p = x(() => !(n.iconLeft || n.iconRight) ? "label" : !!(n.labelLeft || n.labelRight) ? "icon-label" : "icon"), v = x(() => n.small ? 16 : 20), b = (k) => {
+      a("update:modelValue", k);
+    }, $ = async (k) => {
+      u.value = k, b(
+        k === d.LEFT ? r?.value ? !0 : o?.value : r?.value ? !1 : i?.value
+      ), await Be(), k === d.LEFT ? f.value?.focus() : c.value?.focus();
+    }, C = (k) => {
+      if (["ArrowLeft", "ArrowRight", "Enter", " "].includes(k.key))
+        if (k.preventDefault(), k.key === "ArrowRight") {
+          const _ = u.value === d.LEFT ? d.RIGHT : d.LEFT;
+          $(_);
+        } else if (k.key === "ArrowLeft") {
+          const _ = u.value === d.RIGHT ? d.LEFT : d.RIGHT;
+          $(_);
         } else {
-          const k = _.target, R = _.currentTarget.querySelectorAll(".rds-e-toggle__tab"), T = Array.from(R).indexOf(k);
+          const _ = k.target, R = k.currentTarget.querySelectorAll(".rds-e-toggle__tab"), T = Array.from(R).indexOf(_);
           $(T === 0 ? d.LEFT : T === 1 ? d.RIGHT : u.value);
         }
     };
     return Fe(() => {
       !!n.iconLeft != !!n.iconRight && console.warn("[RDSToggle] iconLeft e iconRight deben proporcionarse juntos para una visualización consistente."), p.value === "icon" && !n.ariaLabel && console.warn("[RDSToggle] ariaLabel es obligatorio en modo icon-only para garantizar accesibilidad."), p.value === "icon" && !n.ariaLabelLeft && console.warn("[RDSToggle] ariaLabelLeft es obligatorio en modo icon-only para garantizar accesibilidad."), p.value === "icon" && !n.ariaLabelRight && console.warn("[RDSToggle] ariaLabelRight es obligatorio en modo icon-only para garantizar accesibilidad."), r?.value ? (a("update:modelValue", l?.value), u.value = l?.value ? d.RIGHT : d.LEFT) : l?.value === i?.value ? (a("update:modelValue", i?.value), u.value = d.RIGHT) : (a("update:modelValue", o?.value), u.value = d.LEFT);
-    }), (_, k) => (m(), S("div", {
+    }), (k, _) => (m(), S("div", {
       id: e.id,
       class: J(["rds-e-toggle", [
         {
@@ -14683,7 +14683,7 @@ const Jp = { class: "rds-e-datepicker" }, Zp = ["aria-expanded", "onKeydown"], e
         "aria-checked": u.value === d.LEFT,
         "aria-label": p.value === "icon" ? e.ariaLabelLeft : void 0,
         tabindex: u.value === d.LEFT ? 0 : -1,
-        onClick: k[0] || (k[0] = (R) => $(d.LEFT))
+        onClick: _[0] || (_[0] = (R) => $(d.LEFT))
       }, [
         p.value !== "label" ? (m(), ve(De, {
           key: 0,
@@ -14706,7 +14706,7 @@ const Jp = { class: "rds-e-datepicker" }, Zp = ["aria-expanded", "onKeydown"], e
         "aria-checked": u.value === d.RIGHT,
         "aria-label": p.value === "icon" ? e.ariaLabelRight : void 0,
         tabindex: u.value === d.RIGHT ? 0 : -1,
-        onClick: k[1] || (k[1] = (R) => $(d.RIGHT))
+        onClick: _[1] || (_[1] = (R) => $(d.RIGHT))
       }, [
         p.value !== "label" ? (m(), ve(De, {
           key: 0,
@@ -15030,33 +15030,33 @@ const Jp = { class: "rds-e-datepicker" }, Zp = ["aria-expanded", "onKeydown"], e
         "rds-e-drag-and-drop--full-width": n.fullWidth,
         "rds-e-drag-and-drop--error": n.error && !n.disabled
       }
-    ]), f = x(() => n.error && n.errorMessage ? n.errorMessage : n.detailText), c = x(() => n.showDetailText && (f.value || !n.error)), h = (k) => {
-      if (!k || k.length === 0)
+    ]), f = x(() => n.error && n.errorMessage ? n.errorMessage : n.detailText), c = x(() => n.showDetailText && (f.value || !n.error)), h = (_) => {
+      if (!_ || _.length === 0)
         return { valid: !1, message: "No se seleccionaron archivos." };
-      if (!n.multiple && k.length > 1)
+      if (!n.multiple && _.length > 1)
         return { valid: !1, message: "Solo se permite seleccionar un archivo." };
-      if (n.maxFiles !== null && n.maxFiles > 0 && k.length > n.maxFiles)
+      if (n.maxFiles !== null && n.maxFiles > 0 && _.length > n.maxFiles)
         return { valid: !1, message: `Se permite un máximo de ${n.maxFiles} archivos por selección.` };
       if (n.accept) {
         const R = n.accept.split(",").map((T) => T.trim().toLowerCase());
-        for (let T = 0; T < k.length; T++) {
-          const O = k[T], U = `.${O.name.split(".").pop()?.toLowerCase()}`, H = O.type.toLowerCase();
+        for (let T = 0; T < _.length; T++) {
+          const O = _[T], U = `.${O.name.split(".").pop()?.toLowerCase()}`, H = O.type.toLowerCase();
           if (!R.some((A) => A.startsWith(".") ? U === A : A.includes("/") ? A.endsWith("/*") ? H.startsWith(A.replace("/*", "")) : H === A : !1))
             return { valid: !1, message: `El tipo de archivo '${O.name}' no es válido. Permitidos: ${n.accept}` };
         }
       }
       return { valid: !0 };
-    }, p = (k) => {
+    }, p = (_) => {
       if (n.disabled) return;
-      if (!k || k.length === 0) {
+      if (!_ || _.length === 0) {
         o.value && (o.value.value = "");
         return;
       }
-      a("filesSelected", k);
-      const R = h(k);
+      a("filesSelected", _);
+      const R = h(_);
       if (R.valid) {
-        for (let T = 0; T < k.length; T++) {
-          const O = k[T], U = r();
+        for (let T = 0; T < _.length; T++) {
+          const O = _[T], U = r();
           a("fileReady", {
             id: U,
             file: O,
@@ -15066,28 +15066,28 @@ const Jp = { class: "rds-e-datepicker" }, Zp = ["aria-expanded", "onKeydown"], e
         }
         o.value && (o.value.value = "");
       } else R.message && (a("validationError", R.message), o.value && (o.value.value = ""));
-    }, v = (k) => {
-      const R = k.target;
+    }, v = (_) => {
+      const R = _.target;
       p(R.files);
     }, b = () => {
       n.disabled || (i.value = !0);
-    }, $ = (k) => {
-      n.disabled || (k.preventDefault(), i.value = !0);
-    }, C = (k) => {
-      const R = k.relatedTarget;
-      (!k.currentTarget || !k.currentTarget.contains(R)) && (i.value = !1);
-    }, _ = (k) => {
+    }, $ = (_) => {
+      n.disabled || (_.preventDefault(), i.value = !0);
+    }, C = (_) => {
+      const R = _.relatedTarget;
+      (!_.currentTarget || !_.currentTarget.contains(R)) && (i.value = !1);
+    }, k = (_) => {
       if (n.disabled) return;
       i.value = !1;
-      const R = k.dataTransfer?.files;
+      const R = _.dataTransfer?.files;
       p(R || null);
     };
-    return (k, R) => (m(), S("div", {
+    return (_, R) => (m(), S("div", {
       class: J(u.value),
       onDragenter: ge(b, ["prevent"]),
       onDragover: ge($, ["prevent"]),
       onDragleave: ge(C, ["prevent"]),
-      onDrop: ge(_, ["prevent"])
+      onDrop: ge(k, ["prevent"])
     }, [
       E("input", {
         id: d.value,
@@ -15104,7 +15104,7 @@ const Jp = { class: "rds-e-datepicker" }, Zp = ["aria-expanded", "onKeydown"], e
         for: d.value,
         class: "rds-e-drag-and-drop__label"
       }, [
-        G(k.$slots, "content", {}, () => [
+        G(_.$slots, "content", {}, () => [
           E("span", Ov, [
             we(De, {
               name: e.icon,
@@ -15701,23 +15701,23 @@ const Jp = { class: "rds-e-datepicker" }, Zp = ["aria-expanded", "onKeydown"], e
     let d = null, u = null;
     const f = () => {
       if (!i.value || !s.value) return;
-      const _ = s.value.scrollHeight;
-      i.value.style.maxHeight = o.value ? `${_}px` : "0px", o.value && l("resized", _);
-    }, c = (_) => {
-      _ === void 0 ? o.value = !o.value : o.value = _, l("update:open", o.value), f();
+      const k = s.value.scrollHeight;
+      i.value.style.maxHeight = o.value ? `${k}px` : "0px", o.value && l("resized", k);
+    }, c = (k) => {
+      k === void 0 ? o.value = !o.value : o.value = k, l("update:open", o.value), f();
     }, h = () => {
       c(!0);
     }, p = () => {
       c(!1);
-    }, v = (_) => {
-      _.preventDefault(), c();
+    }, v = (k) => {
+      k.preventDefault(), c();
     }, b = () => {
       c();
     };
     Pe(
       () => a.open,
-      (_) => Be(() => {
-        c(_);
+      (k) => Be(() => {
+        c(k);
       }),
       { immediate: !0 }
     );
@@ -15747,7 +15747,7 @@ const Jp = { class: "rds-e-datepicker" }, Zp = ["aria-expanded", "onKeydown"], e
        * Cierra el panel.
        */
       closePanel: p
-    }), (_, k) => (m(), S("div", {
+    }), (k, _) => (m(), S("div", {
       id: e.id,
       class: "rds-e-accordion"
     }, [
@@ -15756,7 +15756,7 @@ const Jp = { class: "rds-e-datepicker" }, Zp = ["aria-expanded", "onKeydown"], e
         type: "button",
         "aria-expanded": o.value,
         "aria-controls": `${e.id}-panel`
-      }, _.$attrs, {
+      }, k.$attrs, {
         onClick: b,
         onKeydown: [
           Ue(v, ["enter"]),
@@ -15788,7 +15788,7 @@ const Jp = { class: "rds-e-datepicker" }, Zp = ["aria-expanded", "onKeydown"], e
           ref: s,
           class: "rds-e-accordion-panel_content"
         }, [
-          G(_.$slots, "default", {}, () => [
+          G(k.$slots, "default", {}, () => [
             je(fe(e.content), 1)
           ], !0)
         ], 512)
@@ -15884,7 +15884,7 @@ function $m(e) {
       p.has(v) && (!Number.isFinite(b) || b <= 0 || (t[v] = b));
   }
   function f(h, p, v, b) {
-    const $ = e.value.find((_) => _.key === h);
+    const $ = e.value.find((k) => k.key === h);
     if (!$ || $.resizable !== !0) return;
     n.value = h, l = p.clientX, r = b || t[h] || Sr, o = v, p.currentTarget?.setPointerCapture?.(p.pointerId), document.addEventListener("pointermove", s), document.addEventListener("pointerup", d), document.addEventListener("pointercancel", d), document.body.style.cursor = "col-resize", document.body.style.userSelect = "none";
   }
@@ -16130,7 +16130,7 @@ const Sm = ["id", "aria-label"], Dm = ["width", "height", "viewBox"], Tm = ["id"
     }, C = (D) => {
       const w = D[n.rowKey];
       return n.expandedKeys.includes(w);
-    }, _ = (D) => n.isRowDisabled ? n.isRowDisabled(D) : !1, k = (D) => ({
+    }, k = (D) => n.isRowDisabled ? n.isRowDisabled(D) : !1, _ = (D) => ({
       [`rds-e-table-renderer__cell--${D.align || "left"}`]: !0,
       "rds-e-table-renderer__cell--sortable": D.sortable,
       "rds-e-table-renderer__cell--shadow": D.sticky,
@@ -16218,7 +16218,7 @@ const Sm = ["id", "aria-label"], Dm = ["width", "height", "viewBox"], Tm = ["id"
           E("tr", null, [
             (m(!0), S(ke, null, Le(e.headers, (P, Y) => (m(), S("th", {
               key: `th-${P.key}-${Y}`,
-              class: J(["rds-e-table-renderer__cell rds-e-table-renderer__cell--heading rds-body-01", k(P)]),
+              class: J(["rds-e-table-renderer__cell rds-e-table-renderer__cell--heading rds-body-01", _(P)]),
               "aria-sort": H(P),
               scope: "col",
               onClick: (q) => ne(P)
@@ -16302,7 +16302,7 @@ const Sm = ["id", "aria-label"], Dm = ["width", "height", "viewBox"], Tm = ["id"
                     we(gn, {
                       id: `chk-${g(l)}-${Y}-${q.key}`,
                       "model-value": $(P),
-                      disabled: _(P),
+                      disabled: k(P),
                       "onUpdate:modelValue": () => D.$emit("toggleRowSelection", P),
                       onClick: w[3] || (w[3] = ge(() => {
                       }, ["stop"]))
@@ -16475,11 +16475,11 @@ const Sm = ["id", "aria-label"], Dm = ["width", "height", "viewBox"], Tm = ["id"
       enablePageDropdown: f,
       pageDropdownLabel: c,
       legendText: h
-    } = it(a), p = V(a.currentPage), v = x(() => typeof o?.value == "number" && o.value >= 0), b = x(() => v.value && typeof o?.value == "number" ? o.value <= 0 || r.value <= 0 ? 1 : Math.ceil(o.value / r.value) : typeof i?.value == "number" && i.value > 0 ? i.value : (typeof i?.value > "u" && typeof o?.value > "u" && console.warn("[RDSPagination] Props `totalItems` o `totalPages` son requeridas."), 1)), $ = x(() => v.value && !s.value && typeof o?.value == "number" && o.value > 0), C = x(() => !v.value || typeof o?.value != "number" || o.value === 0 ? 0 : (p.value - 1) * r.value + 1), _ = x(() => {
+    } = it(a), p = V(a.currentPage), v = x(() => typeof o?.value == "number" && o.value >= 0), b = x(() => v.value && typeof o?.value == "number" ? o.value <= 0 || r.value <= 0 ? 1 : Math.ceil(o.value / r.value) : typeof i?.value == "number" && i.value > 0 ? i.value : (typeof i?.value > "u" && typeof o?.value > "u" && console.warn("[RDSPagination] Props `totalItems` o `totalPages` son requeridas."), 1)), $ = x(() => v.value && !s.value && typeof o?.value == "number" && o.value > 0), C = x(() => !v.value || typeof o?.value != "number" || o.value === 0 ? 0 : (p.value - 1) * r.value + 1), k = x(() => {
       if (!v.value || typeof o?.value != "number") return 0;
       const M = p.value * r.value;
       return Math.min(M, o.value);
-    }), k = x(() => (h?.value ?? "Mostrando resultados {start}-{end} de {total}").replaceAll("{start}", String(C.value)).replaceAll("{end}", String(_.value)).replaceAll("{total}", String(o?.value ?? 0))), R = x(() => p.value === 1), T = x(() => p.value === b.value), O = x(() => {
+    }), _ = x(() => (h?.value ?? "Mostrando resultados {start}-{end} de {total}").replaceAll("{start}", String(C.value)).replaceAll("{end}", String(k.value)).replaceAll("{total}", String(o?.value ?? 0))), R = x(() => p.value === 1), T = x(() => p.value === b.value), O = x(() => {
       const M = [], D = b.value, w = p.value;
       if (!u.value || f.value) {
         if (D <= 3)
@@ -16653,7 +16653,7 @@ const Sm = ["id", "aria-label"], Dm = ["width", "height", "viewBox"], Tm = ["id"
           }, null, 8, ["modelValue", "label", "options"])
         ])) : I("", !0)
       ]),
-      $.value ? (m(), S("p", ih, fe(k.value), 1)) : I("", !0)
+      $.value ? (m(), S("p", ih, fe(_.value), 1)) : I("", !0)
     ], 8, nh));
   }
 }), jo = /* @__PURE__ */ Me(sh, [["__scopeId", "data-v-f88cc2cb"]]), uh = { class: "rds-e-table__container" }, dh = {
@@ -16704,7 +16704,7 @@ const Sm = ["id", "aria-label"], Dm = ["width", "height", "viewBox"], Tm = ["id"
       if (a.asynchrone === !0) return o.value;
       const w = (d.value - 1) * u.value, P = w + u.value;
       return o.value.slice(w, P);
-    }), _ = x(() => C.value), k = x(() => {
+    }), k = x(() => C.value), _ = x(() => {
       const w = a.header.map((Y) => ({
         ...Y,
         sort: Y.sortable && f.value?.key === Y.key ? f.value.order : null
@@ -16814,8 +16814,8 @@ const Sm = ["id", "aria-label"], Dm = ["width", "height", "viewBox"], Tm = ["id"
       }, {
         default: ye(() => [
           we(ah, {
-            headers: k.value,
-            rows: _.value,
+            headers: _.value,
+            rows: k.value,
             "row-key": v.value,
             loading: e.loading,
             "hide-headers": e.hideHeaders,
@@ -17285,9 +17285,9 @@ const Dh = /* @__PURE__ */ _e({
       }
       a("click", v);
     }, h = (v) => {
-      if (n.disabled || s.value !== "button") return;
-      const b = v.key?.toLowerCase();
-      if (!(b === "enter") && !(b === " " || b === "space")) return;
+      if (n.disabled) return;
+      const b = v.key?.toLowerCase(), $ = b === "enter", C = b === " " || b === "space", k = s.value === "button" && C;
+      if (!$ && !k) return;
       v.preventDefault();
       const _ = v.currentTarget;
       if (_) {
@@ -17364,7 +17364,7 @@ const Dh = /* @__PURE__ */ _e({
       _: 3
     }, 16, ["id", "class", "type", "to", "href", "rel", "style", "tabindex", "aria-disabled", "disabled"]));
   }
-}), Uo = /* @__PURE__ */ Me(Dh, [["__scopeId", "data-v-724ec928"]]), Th = ["aria-label"], Ch = ["id"], Mh = { key: 0 }, Oh = /* @__PURE__ */ _e({
+}), Uo = /* @__PURE__ */ Me(Dh, [["__scopeId", "data-v-1c89a29a"]]), Th = ["aria-label"], Ch = ["id"], Mh = { key: 0 }, Oh = /* @__PURE__ */ _e({
   __name: "breadcrumbs",
   props: {
     /**
@@ -17580,22 +17580,22 @@ const Dh = /* @__PURE__ */ _e({
       options: l
     } = it(n), r = Na(e, "activeTab"), o = V(""), i = V(null), s = V(null), d = x(() => i.value ? Array.from(
       i.value.children
-    ) : []), u = V(!1), f = x(() => l.value.findIndex((R) => R.id === o.value) > 0 && u.value), c = x(() => s.value ? l.value.findIndex((R) => R.id === o.value) < n.options.length - 1 && u.value : !1), h = (k) => {
+    ) : []), u = V(!1), f = x(() => l.value.findIndex((R) => R.id === o.value) > 0 && u.value), c = x(() => s.value ? l.value.findIndex((R) => R.id === o.value) < n.options.length - 1 && u.value : !1), h = (_) => {
       const R = n.options.find((T) => T.id === o.value);
-      return k ? R : R?.id;
-    }, p = async (k) => {
-      const R = l.value.find((O) => O.id === k);
-      return R ? await n.beforeTabChange(k, R) ? (o.value = k, !0) : !1 : (console.error(`[RDSTabBar]: Tab with id ${k} not found`), !1);
+      return _ ? R : R?.id;
+    }, p = async (_) => {
+      const R = l.value.find((O) => O.id === _);
+      return R ? await n.beforeTabChange(_, R) ? (o.value = _, !0) : !1 : (console.error(`[RDSTabBar]: Tab with id ${_} not found`), !1);
     }, v = async () => {
-      let k = l.value.findIndex((R) => R.id === o.value);
-      for (; k > 0 && (k--, !await p(l.value[k].id)); )
+      let _ = l.value.findIndex((R) => R.id === o.value);
+      for (; _ > 0 && (_--, !await p(l.value[_].id)); )
         ;
     }, b = async () => {
-      let k = l.value.findIndex((R) => R.id === o.value);
-      for (; k < n.options.length - 1 && (k++, !await p(l.value[k].id)); )
+      let _ = l.value.findIndex((R) => R.id === o.value);
+      for (; _ < n.options.length - 1 && (_++, !await p(l.value[_].id)); )
         ;
-    }, $ = async (k, R) => {
-      let O = k.shiftKey ? R - 1 : R + 1;
+    }, $ = async (_, R) => {
+      let O = _.shiftKey ? R - 1 : R + 1;
       O < 0 ? O = l.value.length - 1 : O >= l.value.length && (O = 0);
       const U = l.value[O];
       U && await p(U.id) && setTimeout(() => {
@@ -17603,8 +17603,8 @@ const Dh = /* @__PURE__ */ _e({
         N && (N.focus(), C(U.id));
       }, 0);
     };
-    function C(k) {
-      const R = l.value.findIndex((T) => T.id === k);
+    function C(_) {
+      const R = l.value.findIndex((T) => T.id === _);
       if (d.value[R] && s.value) {
         const T = d.value[R], O = s.value, U = T.offsetLeft, H = T.offsetWidth, N = O.scrollLeft, A = O.clientWidth;
         U < N ? O.scrollTo({
@@ -17616,23 +17616,23 @@ const Dh = /* @__PURE__ */ _e({
         });
       }
     }
-    const _ = () => {
+    const k = () => {
       s.value ? (u.value = s.value?.scrollWidth > s.value?.clientWidth, u.value && C(o.value)) : u.value = !1;
     };
     if (n.activeTab) {
-      const k = l.value.find((R) => R.id === n.activeTab);
-      k ? o.value = k.id : (console.error(`[RDSTabBar]: Tab with id ${n.activeTab} not found. Picking the first tab instead.`), o.value = n.options[0].id ?? "");
+      const _ = l.value.find((R) => R.id === n.activeTab);
+      _ ? o.value = _.id : (console.error(`[RDSTabBar]: Tab with id ${n.activeTab} not found. Picking the first tab instead.`), o.value = n.options[0].id ?? "");
     } else
       o.value = n.options[0].id ?? "";
     return Fe(async () => {
-      _(), window.addEventListener("resize", Ko(_, 200));
+      k(), window.addEventListener("resize", Ko(k, 200));
     }), Qt(() => {
-      window.removeEventListener("resize", _);
-    }), Pe(o, (k) => {
-      u.value && C(k), a("activeTabChanged", h(!1));
-    }), Pe(r, (k) => {
-      p(k);
-    }, { immediate: !0 }), (k, R) => (m(), S("div", {
+      window.removeEventListener("resize", k);
+    }), Pe(o, (_) => {
+      u.value && C(_), a("activeTabChanged", h(!1));
+    }), Pe(r, (_) => {
+      p(_);
+    }, { immediate: !0 }), (_, R) => (m(), S("div", {
       id: e.id,
       class: J(["rds-e-top-bar", {
         "rds-e-top-bar--fluid": e.fluid,
@@ -17708,7 +17708,7 @@ const Dh = /* @__PURE__ */ _e({
         })
       ], 2)) : I("", !0),
       E("div", Bh, [
-        G(k.$slots, o.value, {
+        G(_.$slots, o.value, {
           tab: h(!0)
         }, void 0, !0)
       ])
@@ -17797,18 +17797,18 @@ const Dh = /* @__PURE__ */ _e({
       `rds-e-direct-access--${r.value}`,
       { "rds-e-direct-access--disabled": o.value },
       { "rds-e-direct-access--with-arrow": i.value }
-    ]), h = x(() => f.value && !!u.value), p = x(() => d.value || l.value), v = x(() => typeof u.value == "string" ? Go(u.value) : ""), b = x(() => s.value?.microillustration && (s.value.microillustration.path || s.value.microillustration.url) || ""), $ = (_) => {
-      if (!_) return {};
-      const k = {};
-      return _.size && (k.fontSize = `${_.size}px`, k.width = `${_.size}px`, k.height = `${_.size}px`), _.color && "name" in _ && (k.color = _.color), k;
-    }, C = (_) => {
+    ]), h = x(() => f.value && !!u.value), p = x(() => d.value || l.value), v = x(() => typeof u.value == "string" ? Go(u.value) : ""), b = x(() => s.value?.microillustration && (s.value.microillustration.path || s.value.microillustration.url) || ""), $ = (k) => {
+      if (!k) return {};
+      const _ = {};
+      return k.size && (_.fontSize = `${k.size}px`, _.width = `${k.size}px`, _.height = `${k.size}px`), k.color && "name" in k && (_.color = k.color), _;
+    }, C = (k) => {
       if (o.value) {
-        _.preventDefault();
+        k.preventDefault();
         return;
       }
-      a("click", _);
+      a("click", k);
     };
-    return (_, k) => (m(), ve(wa(g(u) ? h.value ? "router-link" : "a" : "button"), {
+    return (k, _) => (m(), ve(wa(g(u) ? h.value ? "router-link" : "a" : "button"), {
       id: e.id,
       type: g(u) ? void 0 : "button",
       href: !h.value && g(u) ? v.value : void 0,
@@ -17819,9 +17819,9 @@ const Dh = /* @__PURE__ */ _e({
       onClick: C
     }, {
       default: ye(() => [
-        G(_.$slots, "default", {}, () => [
+        G(k.$slots, "default", {}, () => [
           E("div", Vh, [
-            G(_.$slots, "artwork", {}, () => [
+            G(k.$slots, "artwork", {}, () => [
               g(s)?.icon?.name ? (m(), ve(De, {
                 key: 0,
                 name: g(s).icon.name,
@@ -17840,7 +17840,7 @@ const Dh = /* @__PURE__ */ _e({
           ]),
           E("div", Nh, [
             E("div", Yh, [
-              G(_.$slots, "text", {}, () => [
+              G(k.$slots, "text", {}, () => [
                 E("span", Hh, fe(g(l)), 1)
               ], !0)
             ])
@@ -17969,57 +17969,57 @@ const Dh = /* @__PURE__ */ _e({
       currentStep: a,
       steps: l,
       fullWidth: r
-    } = it(t), o = V(null), i = V(null), s = V([]), d = it(t).icons?.value, u = it(t).details?.value, f = x(() => t.numbering === "none" ? "off" : t.numbering), c = (C, _) => f.value === "inline" ? `${_ + 1}. ${C}` : C, h = x(() => {
+    } = it(t), o = V(null), i = V(null), s = V([]), d = it(t).icons?.value, u = it(t).details?.value, f = x(() => t.numbering === "none" ? "off" : t.numbering), c = (C, k) => f.value === "inline" ? `${k + 1}. ${C}` : C, h = x(() => {
       let C = t.currentStep;
-      const _ = t.steps.length, k = n.value === "vertical" ? "height" : "width";
+      const k = t.steps.length, _ = n.value === "vertical" ? "height" : "width";
       if (C < 1)
         return {
-          [k]: "0%"
+          [_]: "0%"
         };
-      if (C > _ && (C = _), _ === 1)
+      if (C > k && (C = k), k === 1)
         return {
-          [k]: "100%"
+          [_]: "100%"
         };
-      const R = (C - 1) / (_ - 1) * 100, T = C < _ ? 100 / (_ - 1) / 2 : 0;
+      const R = (C - 1) / (k - 1) * 100, T = C < k ? 100 / (k - 1) / 2 : 0;
       return {
-        [k]: `${R + T}%`
+        [_]: `${R + T}%`
       };
     }), p = () => {
       if (o.value && i.value) {
-        const C = i.value, _ = s.value[0];
-        if (_) {
+        const C = i.value, k = s.value[0];
+        if (k) {
           if (n.value === "vertical") {
-            const k = _.getBoundingClientRect(), R = o.value.getBoundingClientRect(), T = k.left + k.width / 2 - R.left;
+            const _ = k.getBoundingClientRect(), R = o.value.getBoundingClientRect(), T = _.left + _.width / 2 - R.left;
             C.style.left = `${T}px`;
           }
           if (n.value === "horizontal") {
-            const k = _.getBoundingClientRect(), R = o.value.getBoundingClientRect(), T = k.top + k.height / 2 - R.top;
+            const _ = k.getBoundingClientRect(), R = o.value.getBoundingClientRect(), T = _.top + _.height / 2 - R.top;
             C.style.top = `${T}px`;
           }
         }
       }
     }, v = (C) => {
-      const _ = C === 0 || C === t.steps.length - 1, k = !_;
+      const k = C === 0 || C === t.steps.length - 1, _ = !k;
       return {
         "rds-e-indicator__step-wrapper--first": C === 0,
         "rds-e-indicator__step-wrapper--last": C === t.steps.length - 1,
-        "rds-e-indicator__step-wrapper--side": _,
-        "rds-e-indicator__step-wrapper--central": k
+        "rds-e-indicator__step-wrapper--side": k,
+        "rds-e-indicator__step-wrapper--central": _
       };
     }, b = () => {
-      !t.steps || !t.steps.length || t.steps.forEach((C, _) => {
-        const k = _ < a.value, R = _ === a.value - 1;
-        let T = s.value[_]?.classList, O = [];
+      !t.steps || !t.steps.length || t.steps.forEach((C, k) => {
+        const _ = k < a.value, R = k === a.value - 1;
+        let T = s.value[k]?.classList, O = [];
         T && (T = Array.from(T), O = Array.from(T), O = Tr(
           O,
           "rds-e-indicator__bullet--active",
-          k
+          _
         ), O = Tr(
           O,
           "rds-e-indicator__bullet--current",
           R
         ), Sh(T, O) || setTimeout(() => {
-          s.value[_].classList.remove(...T), s.value[_].classList.add(...O);
+          s.value[k].classList.remove(...T), s.value[k].classList.add(...O);
         }, 150));
       });
     }, $ = () => {
@@ -18037,7 +18037,7 @@ const Dh = /* @__PURE__ */ _e({
       p(), b(), window.addEventListener("resize", Ko($, 200)), t.variant === "small" && t.itemContent === "icon" && console.warn('RDSIndicator: Los iconos dentro del bullet no están soportados en la variante "small". El icono no se renderizará.'), t.numbering === "none" && console.warn('RDSIndicator: La opción de numeración "none" está deprecada y ya no muestra números dentro del bullet. Usa "off", "outside" o "inline".');
     }), vt(() => {
       window.removeEventListener("resize", $);
-    }), (C, _) => (m(), S("div", {
+    }), (C, k) => (m(), S("div", {
       id: e.id,
       ref_key: "$indicator",
       ref: o,
@@ -18058,7 +18058,7 @@ const Dh = /* @__PURE__ */ _e({
             style: Ye(h.value)
           }, null, 4)
         ], 512),
-        (m(!0), S(ke, null, Le(t.steps, (k, R) => (m(), S("div", {
+        (m(!0), S(ke, null, Le(t.steps, (_, R) => (m(), S("div", {
           key: R,
           class: J(["rds-e-indicator__step-wrapper", v(R)])
         }, [
@@ -18080,7 +18080,7 @@ const Dh = /* @__PURE__ */ _e({
             key: 1,
             class: J(["rds-e-indicator__label", { "rds-e-indicator__label--ellipsis": t.ellipsis }])
           }, [
-            je(fe(c(k, R)) + " ", 1),
+            je(fe(c(_, R)) + " ", 1),
             g(u) && g(u)[R] ? (m(), S("div", Uh, fe(g(u)[R]), 1)) : I("", !0)
           ], 2)) : I("", !0)
         ], 2))), 128))
@@ -18207,13 +18207,13 @@ const Dh = /* @__PURE__ */ _e({
         })));
       }
     );
-    function _(R) {
+    function k(R) {
       return u.value === R ? { width: `${Cr}px`, transition: "none" } : d.value === R ? { width: `${Cr}px` } : {};
     }
     vt(() => {
       b(), f !== null && clearTimeout(f);
     });
-    const k = x(() => {
+    const _ = x(() => {
       const R = l.value, T = r.value, O = Math.min(o.value, R);
       if (R <= o.value)
         return Array.from({ length: R }, (N, A) => ({
@@ -18248,7 +18248,7 @@ const Dh = /* @__PURE__ */ _e({
         })
       ])) : I("", !0),
       E("div", Zh, [
-        (m(!0), S(ke, null, Le(k.value, (O) => (m(), ve(wa(e.interactive ? "button" : "span"), Re({
+        (m(!0), S(ke, null, Le(_.value, (O) => (m(), ve(wa(e.interactive ? "button" : "span"), Re({
           key: O.index,
           class: ["rds-e-indicator-dots__dot", `rds-e-indicator-dots__dot--${O.dotSize}`]
         }, { ref_for: !0 }, e.interactive ? { type: "button" } : {}, {
@@ -18258,7 +18258,7 @@ const Dh = /* @__PURE__ */ _e({
           default: ye(() => [
             E("span", {
               class: "rds-e-indicator-dots__dot-inner",
-              style: Ye(_(O.index))
+              style: Ye(k(O.index))
             }, null, 4),
             O.dotSize === "active" && g(s) ? (m(), S("span", {
               key: 0,
@@ -18348,19 +18348,19 @@ const Dh = /* @__PURE__ */ _e({
   },
   setup(e, { expose: t }) {
     const n = e, { kind: a, value: l, color: r, forceContentHigh: o } = it(n), i = bt(), s = x(() => !!i.default && i.default().length > 0), d = V(null), u = x(() => !1), f = x(() => a.value === "dot" ? "" : String(l.value)), c = x(() => a.value === "dot" || a.value === "numeric"), h = x(() => a.value === "numeric"), p = x(() => ["promo", "success", "error", "warning", "information"].includes(r.value) ? r.value : "promo"), v = x(() => {
-      const C = "rds-e-badge", _ = [
+      const C = "rds-e-badge", k = [
         `${C}--${a.value}`,
         `${C}--color-${p.value}`
       ];
       if (h.value) {
-        const k = f.value.length;
-        k === 1 ? _.push(`${C}--digits-1`) : k === 2 ? _.push(`${C}--digits-2`) : _.push(`${C}--digits-3plus`);
+        const _ = f.value.length;
+        _ === 1 ? k.push(`${C}--digits-1`) : _ === 2 ? k.push(`${C}--digits-2`) : k.push(`${C}--digits-3plus`);
       }
-      return o.value && _.push(`${C}--content-high`), _;
+      return o.value && k.push(`${C}--content-high`), k;
     }), b = x(() => n.ariaLabel ? n.ariaLabel : a.value === "dot" ? "Notificación" : `Cuenta: ${f.value}`), $ = x(() => ({
       "rds-e-badge-wrapper--standalone": !s.value
     }));
-    return t({ el: d }), (C, _) => (m(), S("span", {
+    return t({ el: d }), (C, k) => (m(), S("span", {
       id: e.id,
       ref_key: "root",
       ref: d,
@@ -18904,13 +18904,13 @@ function By(e, t) {
       v.preventDefault(), l?.focus();
       return;
     }
-    const $ = document.activeElement, C = $ ? b.indexOf($) : -1, _ = v.shiftKey;
-    if (v.preventDefault(), _) {
-      const k = C <= 0 ? b.length - 1 : C - 1;
-      b[k].focus();
+    const $ = document.activeElement, C = $ ? b.indexOf($) : -1, k = v.shiftKey;
+    if (v.preventDefault(), k) {
+      const _ = C <= 0 ? b.length - 1 : C - 1;
+      b[_].focus();
     } else {
-      const k = C === -1 || C >= b.length - 1 ? 0 : C + 1;
-      b[k].focus();
+      const _ = C === -1 || C >= b.length - 1 ? 0 : C + 1;
+      b[_].focus();
     }
   }, f = (v) => {
     t.active.value && u(v);
@@ -19102,12 +19102,12 @@ const Fy = { class: "rds-e-modal__header" }, Ny = ["id"], Yy = ["id"], Hy = {
     const v = x(() => a.mobileHeight < 30 ? "30vh" : a.mobileHeight > 90 ? "90vh" : `${a.mobileHeight}vh`), b = x(() => {
       const R = typeof a.maxWidth == "number" ? `${a.maxWidth}px` : a.maxWidth, T = typeof a.width == "number" ? `${a.width}px` : a.width;
       return { "--rds-modal-max-width": R, "--rds-modal-width": T, "--rds-modal-mobile-height": v.value };
-    }), { headerId: $, bodyId: C, attrs: _ } = Vy({
+    }), { headerId: $, bodyId: C, attrs: k } = Vy({
       id: a.id,
       ariaLabel: a.ariaLabel,
       ariaLabelledby: a.ariaLabelledby,
       ariaDescribedby: a.ariaDescribedby
-    }), k = () => {
+    }), _ = () => {
       a.preventClose || l("onCloseRequest");
     };
     return By(r, {
@@ -19122,7 +19122,7 @@ const Fy = { class: "rds-e-modal__header" }, Ny = ["id"], Yy = ["id"], Hy = {
       /**
        * { () => void } Gestiona el clic fuera del modal.
        */
-      modalClickOutside: () => k(),
+      modalClickOutside: () => _(),
       /**
        * { () => void } Solicita abrir el modal.
        */
@@ -19153,7 +19153,7 @@ const Fy = { class: "rds-e-modal__header" }, Ny = ["id"], Yy = ["id"], Hy = {
       id: e.id,
       class: "rds-e-modal__overlay",
       teleport: a.teleport,
-      onClick: k
+      onClick: _
     }, {
       default: ye(() => [
         we(g(Wo), {
@@ -19163,11 +19163,11 @@ const Fy = { class: "rds-e-modal__header" }, Ny = ["id"], Yy = ["id"], Hy = {
           class: "rds-e-modal__card",
           style: Ye(b.value),
           tabindex: "-1",
-          role: g(_).role,
-          "aria-modal": g(_).ariaModal,
-          "aria-label": g(_).ariaLabel,
-          "aria-labelledby": g(_).ariaLabelledby,
-          "aria-describedby": g(_).ariaDescribedby,
+          role: g(k).role,
+          "aria-modal": g(k).ariaModal,
+          "aria-label": g(k).ariaLabel,
+          "aria-labelledby": g(k).ariaLabelledby,
+          "aria-describedby": g(k).ariaDescribedby,
           onClick: T[1] || (T[1] = ge(() => {
           }, ["stop"]))
         }, {
@@ -19397,20 +19397,20 @@ const Fy = { class: "rds-e-modal__header" }, Ny = ["id"], Yy = ["id"], Hy = {
       const A = s.value.getBoundingClientRect();
       (A.bottom < 0 || A.top > window.innerHeight) && C();
     };
-    const _ = async () => {
+    const k = async () => {
       i.value ? C() : (i.value = !0, l("open"), await Be(), c(), setTimeout(() => {
         document.addEventListener("click", h), document.addEventListener("keydown", p), a.closeOnTriggerHidden && document.addEventListener("scroll", v, !0);
       }));
-    }, k = () => {
-      a.triggerOnHover && (b && (clearTimeout(b), b = null), i.value || _());
+    }, _ = () => {
+      a.triggerOnHover && (b && (clearTimeout(b), b = null), i.value || k());
     }, R = () => {
       a.triggerOnHover && (b && (clearTimeout(b), b = null), b = setTimeout(() => {
         d.value && d.value.matches(":hover, :focus-within") || C();
       }, 120));
     }, T = (A) => {
-      a.triggerOnHover ? (A.preventDefault(), A.stopPropagation(), i.value || _()) : _();
+      a.triggerOnHover ? (A.preventDefault(), A.stopPropagation(), i.value || k()) : k();
     }, O = () => {
-      k();
+      _();
     }, U = () => {
       R();
     }, H = () => {
@@ -19427,7 +19427,7 @@ const Fy = { class: "rds-e-modal__header" }, Ny = ["id"], Yy = ["id"], Hy = {
       l("select", A), C();
     };
     return vt($), t({
-      toggle: _,
+      toggle: k,
       close: C,
       isOpen: i
     }), (A, Z) => (m(), S("div", Gy, [
@@ -19538,19 +19538,19 @@ const Fy = { class: "rds-e-modal__header" }, Ny = ["id"], Yy = ["id"], Hy = {
       const A = s.value.getBoundingClientRect();
       (A.bottom < 0 || A.top > window.innerHeight) && C();
     };
-    const _ = async () => {
+    const k = async () => {
       i.value ? C() : (i.value = !0, l("open"), await Be(), c(), setTimeout(() => {
         document.addEventListener("click", h), document.addEventListener("keydown", p), a.closeOnTriggerHidden && document.addEventListener("scroll", v, !0);
       }));
-    }, k = () => {
-      a.triggerOnHover && (b && (clearTimeout(b), b = null), i.value || _());
+    }, _ = () => {
+      a.triggerOnHover && (b && (clearTimeout(b), b = null), i.value || k());
     }, R = () => {
       a.triggerOnHover && (b && (clearTimeout(b), b = null), b = setTimeout(() => {
         d.value && d.value.matches(":hover, :focus-within") || C();
       }, 120));
     }, T = (A) => {
-      a.triggerOnHover ? (A.preventDefault(), A.stopPropagation(), i.value || _()) : _();
-    }, O = () => k(), U = () => R(), H = () => {
+      a.triggerOnHover ? (A.preventDefault(), A.stopPropagation(), i.value || k()) : k();
+    }, O = () => _(), U = () => R(), H = () => {
       d.value && (d.value.addEventListener("mouseenter", () => {
         b && (clearTimeout(b), b = null);
       }), d.value.addEventListener("mouseleave", () => {
@@ -19565,7 +19565,7 @@ const Fy = { class: "rds-e-modal__header" }, Ny = ["id"], Yy = ["id"], Hy = {
     };
     return vt($), t({
       /** Alterna el estado abierto/cerrado del popover */
-      toggle: _,
+      toggle: k,
       /** Cierra programáticamente el popover */
       close: C,
       /** Ref reactiva del estado abierto */
@@ -19688,27 +19688,27 @@ const Fy = { class: "rds-e-modal__header" }, Ny = ["id"], Yy = ["id"], Hy = {
     })), C = x(() => ({
       "--rds-sidebar-transition-duration": `${p.value}s`,
       "--rds-sidebar-content-transition-duration": `${v.value}s`
-    })), _ = () => {
+    })), k = () => {
       l("sidebarChange", o.value);
     };
-    let k;
+    let _;
     const R = (O) => {
       const U = o.value ? "collapsed" : "expanded", H = O ? "collapsed" : "expanded";
       if (U !== H)
-        if (l("sidebarContentSwitch", { from: U, to: H, animated: h.value }), o.value = O, _(), k && window.clearTimeout(k), h.value) {
+        if (l("sidebarContentSwitch", { from: U, to: H, animated: h.value }), o.value = O, k(), _ && window.clearTimeout(_), h.value) {
           const N = c.value;
-          k = window.setTimeout(() => {
-            l("sidebarContentSwitchEnd", { from: U, to: H, animated: !0 }), k = void 0;
+          _ = window.setTimeout(() => {
+            l("sidebarContentSwitchEnd", { from: U, to: H, animated: !0 }), _ = void 0;
           }, N);
         } else
           l("sidebarContentSwitchEnd", { from: U, to: H, animated: !1 });
     }, T = () => {
-      o.value = !0, i.value = !1, s.value = !0, d.value = !0, u.value.mobile && (i.value = !0, d.value = !1), u.value.desktop && (i.value = !1), u.value.desktopLarge && (o.value = !1, s.value = !1, d.value = !1), u.value.ultrawide && (o.value = !1, s.value = !1), _();
+      o.value = !0, i.value = !1, s.value = !0, d.value = !0, u.value.mobile && (i.value = !0, d.value = !1), u.value.desktop && (i.value = !1), u.value.desktopLarge && (o.value = !1, s.value = !1, d.value = !1), u.value.ultrawide && (o.value = !1, s.value = !1), k();
     };
     return Fe(() => {
       T(), window.addEventListener("resize", T);
     }), Qt(() => {
-      window.removeEventListener("resize", T), k && (window.clearTimeout(k), k = void 0);
+      window.removeEventListener("resize", T), _ && (window.clearTimeout(_), _ = void 0);
     }), t({
       /**
        * { boolean } Muestra el estado actual del sidebar.