energy-components 1.4.0 → 1.5.0

package/dist/energy-components.es.js

@@ -1,7 +1,7 @@
 var m6 = Object.defineProperty;
 var g6 = (e, a, t) => a in e ? m6(e, a, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[a] = t;
 var f1 = (e, a, t) => g6(e, typeof a != "symbol" ? a + "" : a, t);
-import { defineComponent as x1, computed as B, openBlock as M, createElementBlock as S, normalizeClass as a1, normalizeStyle as c2, Fragment as k1, renderList as O1, toRefs as h2, unref as d, createBlock as M1, createCommentVNode as C, createElementVNode as Y, renderSlot as K, createTextVNode as Q1, toDisplayString as p1, mergeProps as A1, ref as N, watch as t2, onMounted as N1, onBeforeUnmount as Q3, getCurrentInstance as M6, toHandlers as n7, createVNode as P1, withModifiers as C1, mergeModels as P2, useModel as f3, withDirectives as w2, vModelText as q7, inject as E3, provide as L3, withKeys as M2, vShow as k2, Transition as e3, withCtx as g1, createSlots as n2, nextTick as i2, reactive as G3, useSlots as r3, toRef as F3, onUnmounted as s3, isRef as $e, normalizeProps as s2, guardReactiveProps as f2, resolveDynamicComponent as K3, Teleport as r5, h as y6, render as Pe, useAttrs as z6, onBeforeUpdate as b6, getCurrentScope as w6, onScopeDispose as _6, watchEffect as s5 } from "vue";
+import { defineComponent as x1, computed as B, openBlock as M, createElementBlock as S, normalizeClass as a1, normalizeStyle as s2, Fragment as k1, renderList as O1, toRefs as h2, unref as d, createBlock as M1, createCommentVNode as C, createElementVNode as Y, renderSlot as K, createTextVNode as Q1, toDisplayString as p1, mergeProps as A1, ref as N, watch as t2, onMounted as N1, onBeforeUnmount as Q3, getCurrentInstance as M6, toHandlers as n7, createVNode as P1, withModifiers as C1, mergeModels as P2, useModel as f3, withDirectives as w2, vModelText as q7, inject as E3, provide as L3, withKeys as M2, vShow as k2, Transition as e3, withCtx as g1, createSlots as i2, nextTick as o2, reactive as G3, useSlots as r3, toRef as F3, onUnmounted as s3, isRef as $e, normalizeProps as n2, guardReactiveProps as f2, resolveDynamicComponent as K3, Teleport as r5, h as y6, render as Pe, useAttrs as z6, onBeforeUpdate as b6, getCurrentScope as w6, onScopeDispose as _6, watchEffect as s5 } from "vue";
 const x6 = "selection", I6 = [
   {
     icon: {
@@ -10840,7 +10840,7 @@ const P6 = n5.reduce((e, a) => (e[a.name] = a, e), {}), T6 = /* @__PURE__ */ x1(
         e.modifier && `icon--${e.modifier}`,
         e.small && "icon--small"
       ]]),
-      style: c2({ color: e.color })
+      style: s2({ color: e.color })
     }, [
       (M(!0), S(k1, null, O1(t.value, (s) => (M(), S("span", {
         key: `name-layer-${s}`,
@@ -11092,13 +11092,13 @@ const P6 = n5.reduce((e, a) => (e[a.name] = a, e), {}), T6 = /* @__PURE__ */ x1(
     /**
      * <span>Variante del botón</span>
      * <br>
-     *`['primary', 'secondary']`
+     *`['primary', 'secondary', 'ghost']`
      */
     variant: {
       type: String,
       default: "primary",
       validator(e) {
-        return ["primary", "secondary"].includes(e);
+        return ["primary", "secondary", "ghost"].includes(e);
       }
     },
     /**
@@ -11136,7 +11136,7 @@ const P6 = n5.reduce((e, a) => (e[a.name] = a, e), {}), T6 = /* @__PURE__ */ x1(
       "is-action": ""
     }), null, 16));
   }
-}), V3 = /* @__PURE__ */ R1(V6, [["__scopeId", "data-v-782579da"]]), E6 = ["id", "checked", "aria-label", "required", "disabled"], L6 = ["for"], Y6 = /* @__PURE__ */ x1({
+}), V3 = /* @__PURE__ */ R1(V6, [["__scopeId", "data-v-261a503b"]]), E6 = ["id", "checked", "aria-label", "required", "disabled"], L6 = ["for"], Y6 = /* @__PURE__ */ x1({
   __name: "checkbox",
   props: {
     /**
@@ -12927,7 +12927,7 @@ function E0(e, a, t, l, r, s) {
         spellcheck: t.spellcheck,
         placeholder: e.placeholder,
         required: t.required,
-        style: c2({
+        style: s2({
           ...s.inputStyle
         }),
         value: e.search,
@@ -12965,12 +12965,12 @@ function E0(e, a, t, l, r, s) {
           tabindex: "-1",
           onMousedown: a[12] || (a[12] = C1(() => {
           }, ["prevent"])),
-          style: c2({ maxHeight: e.optimizedHeight + "px" }),
+          style: s2({ maxHeight: e.optimizedHeight + "px" }),
           ref: "list"
         }, [
           Y("ul", {
             class: "multiselect__content",
-            style: c2(s.contentStyle),
+            style: s2(s.contentStyle),
             role: "listbox",
             id: "listbox-" + e.id,
             "aria-multiselectable": e.multiple
@@ -13194,11 +13194,11 @@ const L0 = /* @__PURE__ */ R1(b0, [["render", E0], ["__scopeId", "data-v-ac9e451
     }, D = (_) => {
       r("close", _);
     }, w = (_) => {
-      i2(() => {
+      o2(() => {
         r("select", _);
       });
     }, $ = () => {
-      i2(() => {
+      o2(() => {
         if (o.value) {
           const _ = n.value.filter(
             (P) => z(P)
@@ -13252,7 +13252,7 @@ const L0 = /* @__PURE__ */ R1(b0, [["render", E0], ["__scopeId", "data-v-ac9e451
         "onUpdate:modelValue": $,
         onFocus: P[3] || (P[3] = C1(() => L(), ["prevent"])),
         onBlur: C1(() => null, ["prevent"])
-      }), n2({
+      }), i2({
         selection: g1(({ isOpen: Q }) => [
           P1(d(ae), {
             id: `multiselect-dropdown-${e.id}`,
@@ -13266,7 +13266,7 @@ const L0 = /* @__PURE__ */ R1(b0, [["render", E0], ["__scopeId", "data-v-ac9e451
             "helper-text": e.helperText,
             readonly: "",
             onClick: C1((i1) => Q ? null : L(), ["prevent", "stop"])
-          }, n2({
+          }, i2({
             "right-icon": g1(() => [
               P1(d(L1), {
                 name: "arrow_down",
@@ -16567,7 +16567,7 @@ const o9 = (e, a, t) => {
 }, d9 = (e) => ({ type: "dot", ...e ?? {} }), R5 = (e) => Array.isArray(e) ? !!e[0] && !!e[1] : !1, me = {
   prop: (e) => `"${e}" prop must be enabled!`,
   dateArr: (e) => `You need to use array as "model-value" binding in order to support "${e}"`
-}, o2 = (e) => e, He = (e) => e === 0 ? e : !e || isNaN(+e) ? null : +e, We = (e) => e === null, B5 = (e) => {
+}, c2 = (e) => e, He = (e) => e === 0 ? e : !e || isNaN(+e) ? null : +e, We = (e) => e === null, B5 = (e) => {
   if (e)
     return [...e.querySelectorAll("input, button, select, textarea, a[href]")][0];
 }, u9 = (e) => {
@@ -17102,9 +17102,9 @@ const K7 = (e, a) => e == null ? void 0 : e.querySelector(`[data-dp-element="${a
       O(b[0]),
       b[1] ? O(b[1]) : y3(s.value.partialRange)
     ];
-  }, P = () => l.value[1] ? _() : O(o2(l.value[0])), Q = () => (l.value || []).map((b) => O(b)), i1 = (b = !1) => (b || W(), a.modelAuto ? P() : i.value.enabled ? Q() : Array.isArray(l.value) ? l7(() => _(), s.value.enabled) : O(o2(l.value))), v1 = (b) => !b || Array.isArray(b) && !b.length ? null : a.timePicker ? w(o2(b)) : a.monthPicker ? $(o2(b)) : a.yearPicker ? I(o2(b)) : i.value.enabled ? H(o2(b)) : a.weekPicker ? L(o2(b)) : V(o2(b)), k = (b) => {
+  }, P = () => l.value[1] ? _() : O(c2(l.value[0])), Q = () => (l.value || []).map((b) => O(b)), i1 = (b = !1) => (b || W(), a.modelAuto ? P() : i.value.enabled ? Q() : Array.isArray(l.value) ? l7(() => _(), s.value.enabled) : O(c2(l.value))), v1 = (b) => !b || Array.isArray(b) && !b.length ? null : a.timePicker ? w(c2(b)) : a.monthPicker ? $(c2(b)) : a.yearPicker ? I(c2(b)) : i.value.enabled ? H(c2(b)) : a.weekPicker ? L(c2(b)) : V(c2(b)), k = (b) => {
     const c1 = v1(b);
-    X7(o2(c1)) ? (l.value = o2(c1), r1()) : (l.value = null, f.value = "");
+    X7(c2(c1)) ? (l.value = c2(c1), r1()) : (l.value = null, f.value = "");
   }, A = () => {
     const b = (c1) => N2(c1, r.value.format);
     return `${b(l.value[0])} ${r.value.rangeSeparator} ${l.value[1] ? b(l.value[1]) : ""}`;
@@ -17123,19 +17123,19 @@ const K7 = (e, a) => e == null ? void 0 : e.querySelector(`[data-dp-element="${a
   }, O = (b) => b ? a.utc ? m9(b, a.utc === "preserve", a.enableSeconds) : a.modelType ? a.modelType === "timestamp" ? +m(b) : a.modelType === "iso" ? m(b).toISOString() : a.modelType === "format" && (typeof a.format == "string" || !a.format) ? g(m(b)) : g(m(b), a.modelType, !0) : m(b) : "", d1 = (b, c1 = !1, z1 = !1) => {
     if (z1) return b;
     if (e("update:model-value", b), n.value.emitTimezone && c1) {
-      const a2 = Array.isArray(b) ? b.map((j) => g2(o2(j), n.value.emitTimezone)) : g2(o2(b), n.value.emitTimezone);
+      const a2 = Array.isArray(b) ? b.map((j) => g2(c2(j), n.value.emitTimezone)) : g2(c2(b), n.value.emitTimezone);
       e("update:model-timezone-value", a2);
     }
   }, X = (b) => Array.isArray(l.value) ? i.value.enabled ? l.value.map((c1) => b(c1)) : [
     b(l.value[0]),
     l.value[1] ? b(l.value[1]) : y3(s.value.partialRange)
-  ] : b(o2(l.value)), F = () => {
+  ] : b(c2(l.value)), F = () => {
     if (Array.isArray(l.value)) {
       const b = W2(l.value[0], a.weekStart), c1 = l.value[1] ? W2(l.value[1], a.weekStart) : [];
       return [b.map((z1) => t1(z1)), c1.map((z1) => t1(z1))];
     }
     return W2(l.value, a.weekStart).map((b) => t1(b));
-  }, p = (b, c1) => d1(o2(X(b)), !1, c1), T = (b) => {
+  }, p = (b, c1) => d1(c2(X(b)), !1, c1), T = (b) => {
     const c1 = F();
     return b ? c1 : e("update:model-value", F());
   }, e1 = (b = !1) => (b || r1(), a.monthPicker ? p(z, b) : a.timePicker ? p(v, b) : a.yearPicker ? p(I1, b) : a.weekPicker ? T(b) : d1(i1(b), !0, b));
@@ -17339,7 +17339,7 @@ const K7 = (e, a) => e == null ? void 0 : e.querySelector(`[data-dp-element="${a
       () => !u.value(l.internalModelValue) || !h.value(l.internalModelValue) || !H.value
     ), V = () => {
       const k = s.value;
-      return l.timePicker || l.monthPicker, k(o2(l.internalModelValue));
+      return l.timePicker || l.monthPicker, k(c2(l.internalModelValue));
     }, W = () => {
       const k = l.internalModelValue;
       return n.value.count > 0 ? `${_(k[0])} - ${_(k[1])}` : [_(k[0]), _(k[1])];
@@ -17360,7 +17360,7 @@ const K7 = (e, a) => e == null ? void 0 : e.querySelector(`[data-dp-element="${a
       ref: w,
       class: "dp__action_row"
     }, [
-      k.$slots["action-row"] ? K(k.$slots, "action-row", s2(A1({ key: 0 }, {
+      k.$slots["action-row"] ? K(k.$slots, "action-row", n2(A1({ key: 0 }, {
         internalModelValue: k.internalModelValue,
         disabled: L.value,
         selectDate: () => k.$emit("select-date"),
@@ -17370,7 +17370,7 @@ const K7 = (e, a) => e == null ? void 0 : e.querySelector(`[data-dp-element="${a
           key: 0,
           class: "dp__selection_preview",
           title: i1.value,
-          style: c2(I.value)
+          style: s2(I.value)
         }, [
           k.$slots["action-preview"] && z.value ? K(k.$slots, "action-preview", {
             key: 0,
@@ -17452,7 +17452,7 @@ const K7 = (e, a) => e == null ? void 0 : e.querySelector(`[data-dp-element="${a
     b6(() => {
       m.value = null;
     }), N1(() => {
-      i2().then(() => Q()), i.noOverlayFocus || H(), $(!0);
+      o2().then(() => Q()), i.noOverlayFocus || H(), $(!0);
     }), s3(() => $(!1));
     const $ = (X) => {
       var F;
@@ -17493,7 +17493,7 @@ const K7 = (e, a) => e == null ? void 0 : e.querySelector(`[data-dp-element="${a
       { deep: !0 }
     );
     const Q = (X = !0) => {
-      i2().then(() => {
+      o2().then(() => {
         const F = r2(m), p = r2(g), T = r2(I), e1 = r2(w), b = T ? T.getBoundingClientRect().height : 0;
         p && (p.getBoundingClientRect().height ? D.value = p.getBoundingClientRect().height - b : D.value = c.value.modeHeight - b), F && e1 && X && (e1.scrollTop = F.offsetTop - e1.offsetTop - (D.value / 2 - F.getBoundingClientRect().height) - b);
       });
@@ -17508,7 +17508,7 @@ const K7 = (e, a) => e == null ? void 0 : e.querySelector(`[data-dp-element="${a
     }, x = () => {
       var X, F;
       const p = (X = i.headerRefs) != null && X.length ? [i.headerRefs].concat(v.value) : v.value.concat([i.skipButtonRef ? [] : [I.value]]);
-      r(o2(p), (F = i.headerRefs) != null && F.length ? "monthPicker" : "selectionGrid");
+      r(c2(p), (F = i.headerRefs) != null && F.length ? "monthPicker" : "selectionGrid");
     }, U = (X) => {
       i.arrowNavigation || J2(X, c.value, !0);
     }, r1 = (X) => {
@@ -17546,7 +17546,7 @@ const K7 = (e, a) => e == null ? void 0 : e.querySelector(`[data-dp-element="${a
         ref_key: "gridWrapRef",
         ref: g,
         class: a1(L.value),
-        style: c2(V.value),
+        style: s2(V.value),
         role: X.useRelative ? void 0 : "dialog",
         "aria-label": X.overlayLabel,
         tabindex: X.useRelative ? void 0 : "0",
@@ -17558,7 +17558,7 @@ const K7 = (e, a) => e == null ? void 0 : e.querySelector(`[data-dp-element="${a
           ref_key: "containerRef",
           ref: w,
           class: a1(P.value),
-          style: c2({ "--dp-overlay-height": `${D.value}px` }),
+          style: s2({ "--dp-overlay-height": `${D.value}px` }),
           role: "grid"
         }, [
           Y("div", j9, [
@@ -17772,7 +17772,7 @@ const K7 = (e, a) => e == null ? void 0 : e.querySelector(`[data-dp-element="${a
                 type: "year",
                 onToggle: g,
                 onSelected: D[4] || (D[4] = (P) => v(P))
-              }, n2({
+              }, i2({
                 "button-icon": g1(() => [
                   I.$slots["calendar-icon"] ? K(I.$slots, "calendar-icon", { key: 0 }) : C("", !0),
                   I.$slots["calendar-icon"] ? C("", !0) : (M(), M1(d(P3), { key: 1 }))
@@ -17967,7 +17967,7 @@ const K7 = (e, a) => e == null ? void 0 : e.querySelector(`[data-dp-element="${a
     m.value = q2(e1, p, g.value(T)), a("auto-apply"), a("update-flow-step");
   }, q = (p, T) => {
     const e1 = U(p, T);
-    n.value.fixedEnd || n.value.fixedStart ? m.value = G5(e1, m, a, n) : m.value ? w(e1, m.value) && (m.value = ze(m, U(p, T), a)) : m.value = [U(p, T)], i2().then(() => {
+    n.value.fixedEnd || n.value.fixedStart ? m.value = G5(e1, m, a, n) : m.value ? w(e1, m.value) && (m.value = ze(m, U(p, T), a)) : m.value = [U(p, T)], o2().then(() => {
       m7(m.value, a, e.autoApply, e.modelAuto);
     });
   }, O = (p, T) => {
@@ -18073,7 +18073,7 @@ const K7 = (e, a) => e == null ? void 0 : e.querySelector(`[data-dp-element="${a
           key: 0,
           value: V.internalModelValue
         }) : C("", !0),
-        V.$slots["month-year"] ? K(V.$slots, "month-year", s2(A1({ key: 1 }, {
+        V.$slots["month-year"] ? K(V.$slots, "month-year", n2(A1({ key: 1 }, {
           year: d(f),
           months: d(i)(_),
           years: d(o)(_),
@@ -18093,7 +18093,7 @@ const K7 = (e, a) => e == null ? void 0 : e.querySelector(`[data-dp-element="${a
           type: "month",
           onSelected: (P) => d(I)(P, _),
           onHoverValue: (P) => d(z)(P, _)
-        }, n2({
+        }, i2({
           header: g1(() => [
             P1(U5, A1(V.$props, {
               items: d(o)(_),
@@ -18104,11 +18104,11 @@ const K7 = (e, a) => e == null ? void 0 : e.querySelector(`[data-dp-element="${a
               onHandleYear: (P) => d(H)(_, P),
               onYearSelect: (P) => d($)(P, _),
               onToggleYearPicker: (P) => d(w)(_, P == null ? void 0 : P.flow, P == null ? void 0 : P.show)
-            }), n2({ _: 2 }, [
+            }), i2({ _: 2 }, [
               O1(d(s), (P, Q) => ({
                 name: P,
                 fn: g1((i1) => [
-                  K(V.$slots, P, s2(f2(i1)))
+                  K(V.$slots, P, n2(f2(i1)))
                 ])
               }))
             ]), 1040, ["items", "instance", "show-year-picker", "year", "is-disabled", "onHandleYear", "onYearSelect", "onToggleYearPicker"])
@@ -18156,7 +18156,7 @@ const K7 = (e, a) => e == null ? void 0 : e.querySelector(`[data-dp-element="${a
       var z;
       if (a("update-month-year", { instance: 0, year: v }), n.value.enabled)
         return l.value ? Array.isArray(l.value) && (((z = l.value) == null ? void 0 : z.map((I) => I1(I))).includes(v) ? l.value = l.value.filter((I) => I1(I) !== v) : l.value.push(Y2(m2(t1()), v))) : l.value = [Y2(m2(W3(t1())), v)], a("auto-apply", !0);
-      o.value.enabled ? (l.value = ze(l, g(v), a), i2().then(() => {
+      o.value.enabled ? (l.value = ze(l, g(v), a), o2().then(() => {
         m7(l.value, a, e.autoApply, e.modelAuto);
       })) : (l.value = g(v), a("auto-apply"));
     }
@@ -18187,7 +18187,7 @@ const K7 = (e, a) => e == null ? void 0 : e.querySelector(`[data-dp-element="${a
         key: 0,
         value: u.internalModelValue
       }) : C("", !0),
-      u.$slots["month-year"] ? K(u.$slots, "month-year", s2(A1({ key: 1 }, {
+      u.$slots["month-year"] ? K(u.$slots, "month-year", n2(A1({ key: 1 }, {
         years: d(s),
         selectYear: d(o)
       }))) : (M(), M1(J3, {
@@ -18202,7 +18202,7 @@ const K7 = (e, a) => e == null ? void 0 : e.querySelector(`[data-dp-element="${a
         "use-relative": "",
         onSelected: d(o),
         onHoverValue: d(f)
-      }, n2({ _: 2 }, [
+      }, i2({ _: 2 }, [
         u.$slots["year-overlay-value"] ? {
           name: "item",
           fn: g1(({ item: m }) => [
@@ -18494,7 +18494,7 @@ const K7 = (e, a) => e == null ? void 0 : e.querySelector(`[data-dp-element="${a
                 onSelected: (s1) => h1(o1.type, s1),
                 onToggle: (s1) => e1(o1.type),
                 onResetFlow: J[1] || (J[1] = (s1) => y.$emit("reset-flow"))
-              }, n2({
+              }, i2({
                 "button-icon": g1(() => [
                   y.$slots["clock-icon"] ? K(y.$slots, "clock-icon", { key: 0 }) : C("", !0),
                   y.$slots["clock-icon"] ? C("", !0) : (M(), M1(K3(y.timePickerInline ? d(P3) : d(ue)), { key: 1 }))
@@ -18572,7 +18572,7 @@ const K7 = (e, a) => e == null ? void 0 : e.querySelector(`[data-dp-element="${a
         q.push(V(0));
       return q;
     }), _ = (q, O = !1, d1 = "") => {
-      O || l("reset-flow"), L.value = q, l(q ? "overlay-opened" : "overlay-closed", u2.time), r.arrowNavigation && n(q), i2(() => {
+      O || l("reset-flow"), L.value = q, l(q ? "overlay-opened" : "overlay-closed", u2.time), r.arrowNavigation && n(q), o2(() => {
         d1 !== "" && D.value[0] && D.value[0].openChildCmp(d1);
       });
     }, P = B(() => ({
@@ -18635,7 +18635,7 @@ const K7 = (e, a) => e == null ? void 0 : e.querySelector(`[data-dp-element="${a
                   "dp--overlay-absolute": !r.timePicker && !q.timePickerInline,
                   "dp--overlay-relative": r.timePicker
                 }),
-                style: c2(q.timePicker ? { height: `${d(u).modeHeight}px` } : void 0),
+                style: s2(q.timePicker ? { height: `${d(u).modeHeight}px` } : void 0),
                 "aria-label": (X = d(f)) == null ? void 0 : X.timePicker,
                 tabindex: q.timePickerInline ? void 0 : 0
               }, [
@@ -18682,7 +18682,7 @@ const K7 = (e, a) => e == null ? void 0 : e.querySelector(`[data-dp-element="${a
                       onOverlayClosed: U,
                       onOverlayOpened: r1,
                       onAmPmChange: O[2] || (O[2] = (e1) => q.$emit("am-pm-change", e1))
-                    }), n2({ _: 2 }, [
+                    }), i2({ _: 2 }, [
                       O1(d(Q), (e1, b) => ({
                         name: e1,
                         fn: g1((c1) => [
@@ -18886,11 +18886,11 @@ const K7 = (e, a) => e == null ? void 0 : e.querySelector(`[data-dp-element="${a
           onResetFlow: g[4] || (g[4] = (v) => m.$emit("reset-flow")),
           onOverlayClosed: g[5] || (g[5] = (v) => m.$emit("overlay-toggle", { open: !1, overlay: v })),
           onOverlayOpened: g[6] || (g[6] = (v) => m.$emit("overlay-toggle", { open: !0, overlay: v }))
-        }), n2({ _: 2 }, [
+        }), i2({ _: 2 }, [
           O1(d(n), (v, z) => ({
             name: v,
             fn: g1((I) => [
-              K(m.$slots, v, s2(f2(I)))
+              K(m.$slots, v, n2(f2(I)))
             ])
           }))
         ]), 1040, ["hours", "minutes", "seconds", "internal-model-value", "disabled-times-config", "validate-time"])
@@ -19003,7 +19003,7 @@ const K7 = (e, a) => e == null ? void 0 : e.querySelector(`[data-dp-element="${a
       var T, e1, b, c1, z1, a2;
       return M(), S("div", mt, [
         F.$slots["month-year"] ? (M(), S("div", gt, [
-          K(F.$slots, "month-year", s2(f2({ month: e.month, year: e.year, months: e.months, years: e.years, updateMonthYear: d(D), handleMonthYearChange: d(z), instance: e.instance })))
+          K(F.$slots, "month-year", n2(f2({ month: e.month, year: e.year, months: e.months, years: e.years, updateMonthYear: d(D), handleMonthYearChange: d(z), instance: e.instance })))
         ])) : (M(), S(k1, { key: 1 }, [
           F.$slots["top-extra"] ? (M(), S("div", Mt, [
             K(F.$slots, "top-extra", { value: F.internalModelValue })
@@ -19074,7 +19074,7 @@ const K7 = (e, a) => e == null ? void 0 : e.querySelector(`[data-dp-element="${a
                       "overlay-label": j.overlayLabel,
                       onSelected: j.updateModelValue,
                       onToggle: j.toggle
-                    }, n2({
+                    }, i2({
                       "button-icon": g1(() => [
                         F.$slots["calendar-icon"] ? K(F.$slots, "calendar-icon", { key: 0 }) : C("", !0),
                         F.$slots["calendar-icon"] ? C("", !0) : (M(), M1(d(P3), { key: 1 }))
@@ -19201,7 +19201,7 @@ const K7 = (e, a) => e == null ? void 0 : e.querySelector(`[data-dp-element="${a
     const _ = (j) => j ? r.vertical ? "vNext" : "next" : r.vertical ? "vPrevious" : "previous", P = (j, l1) => {
       if (r.transitions) {
         const Z = m2(q2(t1(), r.month, r.year));
-        D.value = J1(m2(q2(t1(), j, l1)), Z) ? n.value[_(!0)] : n.value[_(!1)], I.value = !1, i2(() => {
+        D.value = J1(m2(q2(t1(), j, l1)), Z) ? n.value[_(!0)] : n.value[_(!1)], I.value = !1, o2(() => {
           I.value = !0;
         });
       }
@@ -19222,7 +19222,7 @@ const K7 = (e, a) => e == null ? void 0 : e.querySelector(`[data-dp-element="${a
       const { width: Z, height: h1 } = j.getBoundingClientRect();
       m.value = l1.value;
       let y = { left: `${Z / 2}px` }, J = -50;
-      if (await i2(), $.value[0]) {
+      if (await o2(), $.value[0]) {
         const { left: S1, width: o1 } = $.value[0].getBoundingClientRect();
         S1 < 0 && (y = { left: "0" }, J = 0, H.value.left = `${Z / 2}px`), window.innerWidth < S1 + o1 && (y = { right: "0" }, J = 0, H.value.left = `${o1 - Z / 2}px`);
       }
@@ -19361,7 +19361,7 @@ const K7 = (e, a) => e == null ? void 0 : e.querySelector(`[data-dp-element="${a
                         }) : (M(), S("div", {
                           key: 1,
                           class: a1(i1.value(y.marker)),
-                          style: c2(y.marker.color ? { backgroundColor: y.marker.color } : {})
+                          style: s2(y.marker.color ? { backgroundColor: y.marker.color } : {})
                         }, null, 6))
                       ], 64)) : C("", !0),
                       v1.value(y.value) ? (M(), S("div", {
@@ -19370,7 +19370,7 @@ const K7 = (e, a) => e == null ? void 0 : e.querySelector(`[data-dp-element="${a
                         ref_key: "activeTooltip",
                         ref: $,
                         class: "dp__marker_tooltip",
-                        style: c2(g.value)
+                        style: s2(g.value)
                       }, [
                         (B1 = y.marker) != null && B1.tooltip ? (M(), S("div", {
                           key: 0,
@@ -19389,14 +19389,14 @@ const K7 = (e, a) => e == null ? void 0 : e.querySelector(`[data-dp-element="${a
                             j.$slots["marker-tooltip"] ? C("", !0) : (M(), S(k1, { key: 1 }, [
                               Y("div", {
                                 class: "dp__tooltip_mark",
-                                style: c2(D1.color ? { backgroundColor: D1.color } : {})
+                                style: s2(D1.color ? { backgroundColor: D1.color } : {})
                               }, null, 4),
                               Y("div", null, p1(D1.text), 1)
                             ], 64))
                           ]))), 128)),
                           Y("div", {
                             class: "dp__arrow_bottom_tp",
-                            style: c2(H.value)
+                            style: s2(H.value)
                           }, null, 4)
                         ])) : C("", !0)
                       ], 4)) : C("", !0)
@@ -19560,7 +19560,7 @@ const K7 = (e, a) => e == null ? void 0 : e.querySelector(`[data-dp-element="${a
     return _2(V2), S1(w1, G, u1, m1);
   }, D1 = (R) => {
     const n1 = Z2(t1(R.value), c.hours, c.minutes, B2());
-    a("date-update", n1), D.value.enabled ? ye(n1, o, D.value.limit) : o.value = n1, l(), i2().then(() => {
+    a("date-update", n1), D.value.enabled ? ye(n1, o, D.value.limit) : o.value = n1, l(), o2().then(() => {
       q();
     });
   }, E = (R) => g.value.noDisabledRange ? Y5(r.value[0], R).some((n1) => $(n1)) : !1, s1 = () => {
@@ -19615,7 +19615,7 @@ const K7 = (e, a) => e == null ? void 0 : e.querySelector(`[data-dp-element="${a
       modelValue: o,
       range: g.value.enabled,
       timezone: n1 ? void 0 : z.value.timezone
-    }), U(), e.multiCalendars && i2().then(() => O(!0));
+    }), U(), e.multiCalendars && o2().then(() => O(!0));
   }, I7 = () => {
     const R = fe(t1(), z.value);
     !g.value.enabled && !D.value.enabled ? o.value = R : o.value && Array.isArray(o.value) && o.value[0] ? D.value.enabled ? o.value = [...o.value, R] : o.value = U1(R, o.value[0]) ? [R, o.value[0]] : [o.value[0], R] : o.value = [R], U();
@@ -19809,11 +19809,11 @@ const K7 = (e, a) => e == null ? void 0 : e.querySelector(`[data-dp-element="${a
             onUpdateMonthYear: (J) => d(w)(h1, J),
             onOverlayClosed: j,
             onOverlayOpened: Z[2] || (Z[2] = (J) => l1.$emit("overlay-toggle", { open: !0, overlay: J }))
-          }), n2({ _: 2 }, [
+          }), i2({ _: 2 }, [
             O1(d(U), (J, S1) => ({
               name: J,
               fn: g1((o1) => [
-                K(l1.$slots, J, s2(f2(o1)))
+                K(l1.$slots, J, n2(f2(o1)))
               ])
             }))
           ]), 1040, ["months", "years", "month", "year", "instance", "onUpdateMonthYear"])),
@@ -19835,11 +19835,11 @@ const K7 = (e, a) => e == null ? void 0 : e.querySelector(`[data-dp-element="${a
             onResetFlow: Z[5] || (Z[5] = (J) => l1.$emit("reset-flow")),
             onTooltipOpen: Z[6] || (Z[6] = (J) => l1.$emit("tooltip-open", J)),
             onTooltipClose: Z[7] || (Z[7] = (J) => l1.$emit("tooltip-close", J))
-          }), n2({ _: 2 }, [
+          }), i2({ _: 2 }, [
             O1(d(x), (J, S1) => ({
               name: J,
               fn: g1((o1) => [
-                K(l1.$slots, J, s2(f2({ ...o1 })))
+                K(l1.$slots, J, n2(f2({ ...o1 })))
               ])
             }))
           ]), 1040, ["mapped-dates", "month", "year", "instance", "onSelectDate", "onHandleSpace", "onHandleScroll", "onHandleSwipe"])
@@ -19847,7 +19847,7 @@ const K7 = (e, a) => e == null ? void 0 : e.querySelector(`[data-dp-element="${a
         _: 3
       }, 8, ["multi-calendars", "collapse", "is-mobile"]),
       l1.enableTimePicker ? (M(), S("div", Pt, [
-        l1.$slots["time-picker"] ? K(l1.$slots, "time-picker", s2(A1({ key: 0 }, { time: d(f), updateTime: d(L) }))) : (M(), M1(X5, A1({
+        l1.$slots["time-picker"] ? K(l1.$slots, "time-picker", n2(A1({ key: 0 }, { time: d(f), updateTime: d(L) }))) : (M(), M1(X5, A1({
           key: 1,
           ref_key: "timePickerRef",
           ref: A
@@ -19866,11 +19866,11 @@ const K7 = (e, a) => e == null ? void 0 : e.querySelector(`[data-dp-element="${a
           onOverlayClosed: Z[13] || (Z[13] = (h1) => a2(h1, !1)),
           onOverlayOpened: Z[14] || (Z[14] = (h1) => a2(h1, !0)),
           onAmPmChange: Z[15] || (Z[15] = (h1) => l1.$emit("am-pm-change", h1))
-        }), n2({ _: 2 }, [
+        }), i2({ _: 2 }, [
           O1(d(r1), (h1, y) => ({
             name: h1,
             fn: g1((J) => [
-              K(l1.$slots, h1, s2(f2(J)))
+              K(l1.$slots, h1, n2(f2(J)))
             ])
           }))
         ]), 1040, ["hours", "minutes", "seconds", "internal-model-value", "disabled-times-config", "validate-time"]))
@@ -20000,7 +20000,7 @@ const K7 = (e, a) => e == null ? void 0 : e.querySelector(`[data-dp-element="${a
       default: g1(({ instance: L }) => [
         Y("div", {
           class: "dp-quarter-picker-wrap",
-          style: c2({ minHeight: `${d(o).modeHeight}px` })
+          style: s2({ minHeight: `${d(o).modeHeight}px` })
         }, [
           $.$slots["top-extra"] ? K($.$slots, "top-extra", {
             key: 0,
@@ -20016,11 +20016,11 @@ const K7 = (e, a) => e == null ? void 0 : e.querySelector(`[data-dp-element="${a
               onHandleYear: (V) => d(w)(L, V),
               onYearSelect: (V) => d(D)(V, L),
               onToggleYearPicker: (V) => d(I)(L, V == null ? void 0 : V.flow, V == null ? void 0 : V.show)
-            }), n2({ _: 2 }, [
+            }), i2({ _: 2 }, [
               O1(d(n), (V, W) => ({
                 name: V,
                 fn: g1((_) => [
-                  K($.$slots, V, s2(f2(_)))
+                  K($.$slots, V, n2(f2(_)))
                 ])
               }))
             ]), 1040, ["items", "instance", "show-year-picker", "year", "is-disabled", "onHandleYear", "onYearSelect", "onToggleYearPicker"])
@@ -20250,7 +20250,7 @@ const K7 = (e, a) => e == null ? void 0 : e.querySelector(`[data-dp-element="${a
         role: d(h).enabled ? void 0 : "dialog",
         "aria-label": (y1 = E.ariaLabels) == null ? void 0 : y1.menu,
         class: a1(T.value),
-        style: c2({ "--dp-arrow-left": U.value }),
+        style: s2({ "--dp-arrow-left": U.value }),
         onMouseleave: J,
         onClick: e1,
         onKeydown: B1
@@ -20278,10 +20278,10 @@ const K7 = (e, a) => e == null ? void 0 : e.querySelector(`[data-dp-element="${a
             "dp--menu-content-wrapper-collapsed": e.collapse && (((R2 = E.presetDates) == null ? void 0 : R2.length) || !!E.$slots["left-sidebar"] || !!E.$slots["right-sidebar"])
           }),
           "data-dp-mobile": d(v),
-          style: c2({ "--dp-menu-width": `${I.value}px` })
+          style: s2({ "--dp-menu-width": `${I.value}px` })
         }, [
           E.$slots["left-sidebar"] ? (M(), S("div", Yt, [
-            K(E.$slots, "left-sidebar", s2(f2(q.value)))
+            K(E.$slots, "left-sidebar", n2(f2(q.value)))
           ])) : C("", !0),
           E.presetDates.length ? (M(), S("div", {
             key: 1,
@@ -20297,7 +20297,7 @@ const K7 = (e, a) => e == null ? void 0 : e.querySelector(`[data-dp-element="${a
               }) : (M(), S("button", {
                 key: 1,
                 type: "button",
-                style: c2(b1.style || {}),
+                style: s2(b1.style || {}),
                 class: a1(["dp__btn dp--preset-range", { "dp--preset-range-collapsed": e.collapse }]),
                 "data-test-id": b1.testId ?? void 0,
                 "data-dp-mobile": d(v),
@@ -20339,17 +20339,17 @@ const K7 = (e, a) => e == null ? void 0 : e.querySelector(`[data-dp-element="${a
               onInvalidDate: s1[13] || (s1[13] = (b1) => E.$emit("invalid-date", b1)),
               onOverlayToggle: s1[14] || (s1[14] = (b1) => E.$emit("overlay-toggle", b1)),
               "onUpdate:internalModelValue": s1[15] || (s1[15] = (b1) => E.$emit("update:internal-model-value", b1))
-            }), n2({ _: 2 }, [
+            }), i2({ _: 2 }, [
               O1(X.value, (b1, B2) => ({
                 name: b1,
                 fn: g1((K1) => [
-                  K(E.$slots, b1, s2(f2({ ...K1 })))
+                  K(E.$slots, b1, n2(f2({ ...K1 })))
                 ])
               }))
             ]), 1040, ["flow-step", "onMount", "onUpdateFlowStep", "onResetFlow"]))
           ], 512),
           E.$slots["right-sidebar"] ? (M(), S("div", Ht, [
-            K(E.$slots, "right-sidebar", s2(f2(q.value)))
+            K(E.$slots, "right-sidebar", n2(f2(q.value)))
           ])) : C("", !0),
           E.$slots["action-extra"] ? (M(), S("div", Wt, [
             E.$slots["action-extra"] ? K(E.$slots, "action-extra", {
@@ -20367,11 +20367,11 @@ const K7 = (e, a) => e == null ? void 0 : e.querySelector(`[data-dp-element="${a
           onSelectDate: s1[17] || (s1[17] = (b1) => E.$emit("select-date")),
           onInvalidSelect: s1[18] || (s1[18] = (b1) => E.$emit("invalid-select")),
           onSelectNow: h1
-        }), n2({ _: 2 }, [
+        }), i2({ _: 2 }, [
           O1(d(d1), (b1, B2) => ({
             name: b1,
             fn: g1((K1) => [
-              K(E.$slots, b1, s2(f2({ ...K1 })))
+              K(E.$slots, b1, n2(f2({ ...K1 })))
             ])
           }))
         ]), 1040, ["menu-mount", "calendar-width"])) : C("", !0)
@@ -20800,13 +20800,13 @@ const qt = ({
       e.maxTime,
       l.value.maxDate,
       "max",
-      o2(x),
+      c2(x),
       A
     )), (e.minTime || l.value.minDate) && (A = Ue(
       e.minTime,
       l.value.minDate,
       "min",
-      o2(x),
+      c2(x),
       A
     )), _(k, A);
   }, Q = (k) => {
@@ -20853,7 +20853,7 @@ const qt = ({
     }
   }, i = () => {
     var u, h;
-    (u = e.flow) != null && u.length && l.value !== -1 && (l.value += 1, a("flow-step", l.value), c()), ((h = e.flow) == null ? void 0 : h.length) === l.value && i2().then(() => o());
+    (u = e.flow) != null && u.length && l.value !== -1 && (l.value += 1, a("flow-step", l.value), c()), ((h = e.flow) == null ? void 0 : h.length) === l.value && o2().then(() => o());
   }, o = () => {
     l.value = -1;
   }, f = (u, h, ...m) => {
@@ -20959,7 +20959,7 @@ const qt = ({
     }, Q = (O, d1) => {
       s.value.enabled && s.value.tabSubmit && !d1 && W(O.target.value), s.value.tabSubmit && X7(v.value) && r.inputValue !== "" ? (l("set-input-date", v.value, !0, !0), v.value = null) : s.value.tabSubmit && r.inputValue === "" && (v.value = null, l("clear", !0));
     }, i1 = () => {
-      I.value = !0, l("focus"), i2().then(() => {
+      I.value = !0, l("focus"), o2().then(() => {
         var O;
         s.value.enabled && s.value.selectOnFocus && ((O = z.value) == null || O.select());
       });
@@ -21138,7 +21138,7 @@ const qt = ({
       defaultedMultiDates: i1
     } = q1(r), { menuTransition: v1, showTransition: k } = Z3(V), { isMobile: A } = Z5(P);
     N1(() => {
-      e1(r.modelValue), i2().then(() => {
+      e1(r.modelValue), o2().then(() => {
         if (!_.value.enabled) {
           const G = X(m.value);
           G == null || G.addEventListener("scroll", J), window == null || window.addEventListener("resize", S1);
@@ -21227,7 +21227,7 @@ const qt = ({
         return;
       }
       const V2 = Array.isArray(G) ? !G.some((g3) => !H(g3)) : H(G), _2 = L(G);
-      V2 && _2 ? (I.value = !0, T.value = G, u1 && (g.value = m1, y1(), l("text-submit")), i2().then(() => {
+      V2 && _2 ? (I.value = !0, T.value = G, u1 && (g.value = m1, y1(), l("text-submit")), o2().then(() => {
         I.value = !1;
       })) : l("invalid-date", G);
     }, w7 = () => {
@@ -21297,15 +21297,15 @@ const qt = ({
         onBlur: I7,
         onRealBlur: u1[1] || (u1[1] = (m1) => h.value = !1),
         onTextInput: u1[2] || (u1[2] = (m1) => G.$emit("text-input", m1))
-      }), n2({ _: 2 }, [
+      }), i2({ _: 2 }, [
         O1(d(U), (m1, V2) => ({
           name: m1,
           fn: g1((_2) => [
-            K(G.$slots, m1, s2(f2(_2)))
+            K(G.$slots, m1, n2(f2(_2)))
           ])
         }))
       ]), 1040, ["input-value", "is-menu-open", "onSetEmptyDate"]),
-      (M(), M1(K3(G.teleport ? r5 : "div"), s2(f2(l1.value)), {
+      (M(), M1(K3(G.teleport ? r5 : "div"), n2(f2(l1.value)), {
         default: g1(() => [
           P1(e3, {
             name: d(v1)(d(r1)),
@@ -21353,11 +21353,11 @@ const qt = ({
                   onInvalidDate: u1[17] || (u1[17] = (m1) => G.$emit("invalid-date", m1)),
                   onOverlayToggle: u1[18] || (u1[18] = (m1) => G.$emit("overlay-toggle", m1)),
                   onMenuBlur: u1[19] || (u1[19] = (m1) => G.$emit("blur"))
-                }), n2({ _: 2 }, [
+                }), i2({ _: 2 }, [
                   O1(d(x), (m1, V2) => ({
                     name: m1,
                     fn: g1((_2) => [
-                      K(G.$slots, m1, s2(f2({ ..._2 })))
+                      K(G.$slots, m1, n2(f2({ ..._2 })))
                     ])
                   }))
                 ]), 1040, ["internal-model-value", "class", "open-on-top", "no-overlay-focus", "collapse", "is-text-input-date", "onRecalculatePosition"])
@@ -21529,7 +21529,7 @@ const oa = { class: "rds-e-datepicker" }, ca = { class: "rds-e-datepicker__day_w
        */
       clearValue: m
     }), N1(() => {
-      i2(() => h());
+      o2(() => h());
     }), (g, v) => (M(), S("div", oa, [
       P1(d(be), A1({
         ref_key: "rdsDatepicker",
@@ -21547,7 +21547,7 @@ const oa = { class: "rds-e-datepicker" }, ca = { class: "rds-e-datepicker__day_w
         "enable-time-picker": !1
       }, { ...o.value, ...g.$attrs }, {
         "onUpdate:modelValue": v[2] || (v[2] = (z) => i.value = z)
-      }), n2({
+      }), i2({
         "dp-input": g1(({ onEnter: z, onTab: I, onClear: D, onBlur: w }) => [
           P1(d(ae), A1({
             id: e.id,
@@ -21592,7 +21592,7 @@ const oa = { class: "rds-e-datepicker" }, ca = { class: "rds-e-datepicker__day_w
         O1(d(r), (z, I) => ({
           name: I,
           fn: g1((D) => [
-            K(g.$slots, I, s2(f2(D || {})), void 0, !0)
+            K(g.$slots, I, n2(f2(D || {})), void 0, !0)
           ])
         }))
       ]), 1040, ["modelValue", "locale", "disabled", "clearable", "action-row", "range", "month-picker"])
@@ -22026,7 +22026,7 @@ const oa = { class: "rds-e-datepicker" }, ca = { class: "rds-e-datepicker__day_w
     };
     t2(
       () => l.open,
-      (v) => i2(() => {
+      (v) => o2(() => {
         c(v);
       }),
       { immediate: !0 }
@@ -22469,7 +22469,7 @@ const Fa = ["aria-selected", "tabindex", "onClick", "onKeydown"], Ha = { class:
       I(n.value);
     };
     return N1(async () => {
-      await i2(), i.value && (f = Array.from(
+      await o2(), i.value && (f = Array.from(
         i.value.children
       )), n.value = t.options[0].id ?? "", window.addEventListener("resize", l6(D, 200));
     }), s3(() => {
@@ -22826,7 +22826,7 @@ const Fa = ["aria-selected", "tabindex", "onClick", "onKeydown"], Ha = { class:
         }, [
           Y("div", {
             class: "rds-e-indicator__progress-bar__fill",
-            style: c2(f.value)
+            style: s2(f.value)
           }, null, 4)
         ], 512),
         (M(!0), S(k1, null, O1(a.steps, (z, I) => (M(), S("div", {
@@ -23063,7 +23063,7 @@ const Fa = ["aria-selected", "tabindex", "onClick", "onKeydown"], Ha = { class:
     };
     t2(
       () => t.value,
-      () => i2(() => {
+      () => o2(() => {
         i();
       }),
       { immediate: !0 }
@@ -23196,7 +23196,7 @@ const Fa = ["aria-selected", "tabindex", "onClick", "onKeydown"], Ha = { class:
       default: g1(() => [
         P1(d(t6), {
           class: "rds-e-modal__card",
-          style: c2(s.value),
+          style: s2(s.value),
           onClick: o[1] || (o[1] = C1(() => {
           }, ["stop"]))
         }, {
@@ -24432,7 +24432,7 @@ const Ir = { class: "rds-e-sidebar__sidebar__container" }, kr = {
 }), Dr = /* @__PURE__ */ R1(Sr, [["__scopeId", "data-v-363d1830"]]), $r = { class: "rds-e-sidedrawer__header rds-mb-24" }, Pr = {
   key: 0,
   class: "rds-headline-04 rds-content-high"
-}, Tr = /* @__PURE__ */ x1({
+}, Tr = { class: "rds-e-sidedrawer__content-inner" }, Cr = { class: "rds-e-sidedrawer__footer rds-pt-12" }, Ar = /* @__PURE__ */ x1({
   __name: "sidedrawer",
   props: {
     /**
@@ -24448,6 +24448,13 @@ const Ir = { class: "rds-e-sidebar__sidebar__container" }, kr = {
     iconClose: {
       type: Boolean,
       default: !0
+    },
+    /**
+     * <span>Define el ancho del componente al abrirse</span>
+     */
+    containerWidth: {
+      type: String,
+      default: ""
     }
   },
   emits: ["sidedrawerChange"],
@@ -24492,7 +24499,8 @@ const Ir = { class: "rds-e-sidebar__sidebar__container" }, kr = {
       Y("div", {
         ref_key: "sidebar",
         ref: r,
-        class: a1(["rds-e-sidedrawer__content rds-pa-24", o.value])
+        class: a1(["rds-e-sidedrawer__content rds-pa-24", o.value]),
+        style: s2({ "--container-width": `${e.containerWidth}px` })
       }, [
         Y("div", $r, [
           e.title ? (M(), S("h2", Pr, p1(e.title), 1)) : C("", !0),
@@ -24503,11 +24511,16 @@ const Ir = { class: "rds-e-sidebar__sidebar__container" }, kr = {
             onClick: h[0] || (h[0] = (m) => c(!0))
           })) : C("", !0)
         ]),
-        K(u.$slots, "content", {}, void 0, !0)
-      ], 2)
+        Y("div", Tr, [
+          K(u.$slots, "content", {}, void 0, !0)
+        ]),
+        Y("div", Cr, [
+          K(u.$slots, "footer", {}, void 0, !0)
+        ])
+      ], 6)
     ], 2));
   }
-}), Cr = /* @__PURE__ */ R1(Tr, [["__scopeId", "data-v-784b3aa8"]]), l5 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), Or = /* @__PURE__ */ R1(Ar, [["__scopeId", "data-v-18f02b05"]]), l5 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   RDSAccordion: Aa,
   RDSAccordionGroup: Da,
@@ -24533,7 +24546,7 @@ const Ir = { class: "rds-e-sidebar__sidebar__container" }, kr = {
   RDSRadioGroup: f0,
   RDSSelectionChip: xa,
   RDSSidebar: Dr,
-  RDSSidedrawer: Cr,
+  RDSSidedrawer: Or,
   RDSSwitch: c0,
   RDSTabBar: ja,
   RDSTag: e6,
@@ -24542,11 +24555,11 @@ const Ir = { class: "rds-e-sidebar__sidebar__container" }, kr = {
   RDSToggle: za,
   RDSTooltip: _r
 }, Symbol.toStringTag, { value: "Module" }));
-let Ar;
-function Br(e) {
-  Ar = e;
+let Rr;
+function Er(e) {
+  Rr = e;
 }
-const Vr = {
+const Lr = {
   install: (e) => {
     for (const a in l5)
       e.component(
@@ -24580,7 +24593,7 @@ export {
   f0 as RDSRadioGroup,
   xa as RDSSelectionChip,
   Dr as RDSSidebar,
-  Cr as RDSSidedrawer,
+  Or as RDSSidedrawer,
   c0 as RDSSwitch,
   ja as RDSTabBar,
   e6 as RDSTag,
@@ -24588,7 +24601,7 @@ export {
   ae as RDSTextField,
   za as RDSToggle,
   _r as RDSTooltip,
-  Ar as VueInstance,
-  Vr as default,
-  Br as setVueInstance
+  Rr as VueInstance,
+  Lr as default,
+  Er as setVueInstance
 };