energy-components 1.6.0 → 1.8.0

package/dist/components/multiselect.es.js

@@ -1,5 +1,5 @@
 import k from "./multiselectcontentwrapper.es.js";
-import { resolveComponent as E, openBlock as c, createElementBlock as g, normalizeClass as P, withKeys as a, withModifiers as o, renderSlot as u, createElementVNode as p, withDirectives as S, Fragment as A, renderList as v, toDisplayString as O, vShow as L, createCommentVNode as m, createVNode as b, Transition as T, withCtx as y, normalizeStyle as N, createTextVNode as C, createSlots as B, normalizeProps as $, guardReactiveProps as G, createBlock as F, Teleport as x } from "vue";
+import { resolveComponent as E, createElementBlock as g, openBlock as c, withKeys as a, normalizeClass as P, withModifiers as o, renderSlot as u, createElementVNode as p, createVNode as b, createBlock as A, createCommentVNode as m, withDirectives as S, Fragment as N, renderList as v, toDisplayString as O, vShow as L, Transition as T, withCtx as y, normalizeStyle as C, createTextVNode as F, createSlots as B, normalizeProps as $, guardReactiveProps as G, Teleport as x } from "vue";
 import { _ as K } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import './style/multiselect.css';function w(e) {
   return e === 0 ? !1 : Array.isArray(e) && e.length === 0 ? !0 : !e;
@@ -913,7 +913,7 @@ function te(e, t, i, n, r, l) {
         isOpen: e.isOpen
       }, () => [
         S(p("div", Q, [
-          (c(!0), g(A, null, v(l.visibleValues, (s, h) => u(e.$slots, "tag", {
+          (c(!0), g(N, null, v(l.visibleValues, (s, h) => u(e.$slots, "tag", {
             option: s,
             search: e.search,
             remove: e.removeElement
@@ -963,7 +963,7 @@ function te(e, t, i, n, r, l) {
         spellcheck: i.spellcheck,
         placeholder: e.placeholder,
         required: i.required,
-        style: N({
+        style: C({
           ...l.inputStyle
         }),
         value: e.search,
@@ -988,7 +988,7 @@ function te(e, t, i, n, r, l) {
         onMousedown: t[9] || (t[9] = o((...s) => e.toggle && e.toggle(...s), ["prevent"]))
       }, [
         u(e.$slots, "singleLabel", { option: l.singleValue }, () => [
-          C(O(e.currentOptionLabel), 1)
+          F(O(e.currentOptionLabel), 1)
         ], !0)
       ], 32)) : m("", !0),
       m("", !0)
@@ -1040,7 +1040,7 @@ function te(e, t, i, n, r, l) {
       ]),
       _: 3
     }),
-    i.appendToBody && e.isOpen ? (c(), F(x, {
+    i.appendToBody && e.isOpen ? (c(), A(x, {
       key: 0,
       to: "body"
     }, [

package/dist/components/multiselectcontentwrapper.es.js

@@ -1,4 +1,4 @@
-import { openBlock as o, createElementBlock as c, normalizeClass as m, withModifiers as u, normalizeStyle as b, createElementVNode as a, renderSlot as i, createTextVNode as g, toDisplayString as h, createCommentVNode as r, Fragment as S, renderList as y, withDirectives as _, vShow as f } from "vue";
+import { createElementBlock as o, openBlock as c, normalizeStyle as b, withModifiers as u, normalizeClass as m, createElementVNode as a, renderSlot as i, createCommentVNode as r, withDirectives as _, createTextVNode as g, toDisplayString as h, Fragment as S, renderList as y, vShow as f } from "vue";
 import { _ as L } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import './style/multiselectcontentwrapper.css';const w = {
   name: "MultiselectContentWrapper",
@@ -43,7 +43,7 @@ import './style/multiselectcontentwrapper.css';const w = {
   emits: ["focus"]
 }, O = ["id", "aria-multiselectable"], M = { key: 0 }, v = { class: "multiselect__option" }, T = ["aria-selected", "id", "role"], x = ["onClick", "onMouseenter", "data-select", "data-selected", "data-deselect"], B = ["data-select", "data-deselect", "onMouseenter", "onMousedown"], F = { class: "multiselect__option" }, N = { class: "multiselect__option" };
 function k(l, n, e, G, C, D) {
-  return o(), c("div", {
+  return c(), o("div", {
     class: m([
       "multiselect__content-wrapper",
       { "multiselect__content-wrapper--small": e.small },
@@ -64,21 +64,21 @@ function k(l, n, e, G, C, D) {
       "aria-multiselectable": e.multiple
     }, [
       i(l.$slots, "beforeList", {}, void 0, !0),
-      e.multiple && e.max === e.internalValue.length ? (o(), c("li", M, [
+      e.multiple && e.max === e.internalValue.length ? (c(), o("li", M, [
         a("span", v, [
           i(l.$slots, "maxElements", {}, () => [
             g("Maximum of " + h(e.max) + " options selected. First remove a selected option to select another.", 1)
           ], !0)
         ])
       ])) : r("", !0),
-      !e.max || e.internalValue.length < e.max ? (o(!0), c(S, { key: 1 }, y(e.filteredOptions, (t, s) => (o(), c("li", {
+      !e.max || e.internalValue.length < e.max ? (c(!0), o(S, { key: 1 }, y(e.filteredOptions, (t, s) => (c(), o("li", {
         class: "multiselect__element",
         key: s,
         "aria-selected": e.isSelected(t),
         id: e.id + "-" + s,
         role: t && (t.$isLabel || t.$isDisabled) ? null : "option"
       }, [
-        t && (t.$isLabel || t.$isDisabled) ? r("", !0) : (o(), c("span", {
+        t && (t.$isLabel || t.$isDisabled) ? r("", !0) : (c(), o("span", {
           key: 0,
           class: m([e.optionHighlight(s, t), "multiselect__option"]),
           onClick: u((d) => e.select(t), ["stop"]),
@@ -95,7 +95,7 @@ function k(l, n, e, G, C, D) {
             a("span", null, h(e.getOptionLabel(t)), 1)
           ], !0)
         ], 42, x)),
-        t && (t.$isLabel || t.$isDisabled) ? (o(), c("span", {
+        t && (t.$isLabel || t.$isDisabled) ? (c(), o("span", {
           key: 1,
           "data-select": e.groupSelect && e.selectGroupLabelText,
           "data-deselect": e.groupSelect && e.deselectGroupLabelText,

package/dist/components/overlay.es.js

@@ -1,4 +1,4 @@
-import { defineComponent as s, openBlock as a, createBlock as n, Teleport as d, createElementVNode as t, mergeProps as l, renderSlot as p } from "vue";
+import { defineComponent as s, createBlock as a, openBlock as d, Teleport as l, createElementVNode as t, mergeProps as n, renderSlot as p } from "vue";
 import { _ as c } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import './style/overlay.css';const _ = { class: "rds-e-overlay__content" }, i = /* @__PURE__ */ s({
   __name: "overlay",
@@ -15,10 +15,10 @@ import './style/overlay.css';const _ = { class: "rds-e-overlay__content" }, i =
   },
   setup(o) {
     const r = o;
-    return (e, u) => (a(), n(d, {
+    return (e, m) => (d(), a(l, {
       to: r.teleport
     }, [
-      t("div", l({ class: "rds-e-overlay" }, e.$attrs), [
+      t("div", n({ class: "rds-e-overlay" }, e.$attrs), [
         t("div", _, [
           p(e.$slots, "default", {}, void 0, !0)
         ])

package/dist/components/pagination.es.js

@@ -1,10 +1,10 @@
-import { defineComponent as j, toRefs as F, ref as V, computed as u, openBlock as o, createElementBlock as g, createElementVNode as f, createBlock as C, createCommentVNode as h, createVNode as P, Fragment as A, renderList as T, toDisplayString as k, unref as U } from "vue";
+import { defineComponent as j, toRefs as V, ref as A, computed as u, onBeforeMount as T, createElementBlock as g, openBlock as o, createElementVNode as f, createCommentVNode as h, createBlock as C, createVNode as P, Fragment as U, renderList as z, toDisplayString as k, unref as G } from "vue";
 import c from "./actionButton.es.js";
-import { _ as z } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import './style/pagination.css';const G = { class: "rds-e-pagination-container rds-flex" }, H = { class: "rds-e-pagination" }, J = {
+import { _ as H } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import './style/pagination.css';const J = { class: "rds-e-pagination-container rds-flex" }, K = { class: "rds-e-pagination" }, O = {
   key: 0,
   class: "rds-e-pagination-leyend"
-}, K = /* @__PURE__ */ j({
+}, Q = /* @__PURE__ */ j({
   __name: "pagination",
   props: {
     /**
@@ -62,20 +62,29 @@ import './style/pagination.css';const G = { class: "rds-e-pagination-container r
     selected: {
       type: Boolean,
       default: !1
+    },
+    /**
+     * Desactiva el evento por defecto de la paginación al cargar el componente.
+     * Si se desactiva, la carga de datos debe manejarse manualmente la primera vez que se carga el componente.
+     */
+    disableFirstLoad: {
+      type: Boolean,
+      default: !1
     }
   },
   emits: ["pageChanged"],
   setup(p, { expose: N, emit: w }) {
-    const m = p, M = w, {
+    const m = p, L = w, {
       itemsPerPage: v,
       totalItems: e,
       totalPages: r,
-      hideLeyend: S
-    } = F(m), l = V(m.currentPage), d = u(() => typeof (e == null ? void 0 : e.value) == "number" && e.value >= 0), b = u(() => d.value && typeof (e == null ? void 0 : e.value) == "number" ? e.value <= 0 || v.value <= 0 ? 1 : Math.ceil(e.value / v.value) : typeof (r == null ? void 0 : r.value) == "number" && r.value > 0 ? r.value : (typeof (r == null ? void 0 : r.value) > "u" && typeof (e == null ? void 0 : e.value) > "u" && console.warn("[RDSPagination] Props `totalItems` o `totalPages` son requeridas."), 1)), $ = u(() => d.value && !S.value && typeof (e == null ? void 0 : e.value) == "number" && e.value > 0), L = u(() => !d.value || typeof (e == null ? void 0 : e.value) != "number" || e.value === 0 ? 0 : (l.value - 1) * v.value + 1), q = u(() => {
+      hideLeyend: M,
+      disableFirstLoad: S
+    } = V(m), l = A(m.currentPage), d = u(() => typeof (e == null ? void 0 : e.value) == "number" && e.value >= 0), b = u(() => d.value && typeof (e == null ? void 0 : e.value) == "number" ? e.value <= 0 || v.value <= 0 ? 1 : Math.ceil(e.value / v.value) : typeof (r == null ? void 0 : r.value) == "number" && r.value > 0 ? r.value : (typeof (r == null ? void 0 : r.value) > "u" && typeof (e == null ? void 0 : e.value) > "u" && console.warn("[RDSPagination] Props `totalItems` o `totalPages` son requeridas."), 1)), $ = u(() => d.value && !M.value && typeof (e == null ? void 0 : e.value) == "number" && e.value > 0), F = u(() => !d.value || typeof (e == null ? void 0 : e.value) != "number" || e.value === 0 ? 0 : (l.value - 1) * v.value + 1), q = u(() => {
       if (!d.value || typeof (e == null ? void 0 : e.value) != "number") return 0;
       const t = l.value * v.value;
       return Math.min(t, e.value);
-    }), _ = u(() => l.value === 1), x = u(() => l.value === b.value), D = u(() => {
+    }), _ = u(() => l.value === 1), B = u(() => l.value === b.value), D = u(() => {
       const t = [], a = b.value, n = l.value;
       if (a <= 3)
         for (let i = 1; i <= a; i++)
@@ -105,26 +114,28 @@ import './style/pagination.css';const G = { class: "rds-e-pagination-container r
     }, s = (t, a = !1) => {
       if (E(t) || a) {
         const i = v.value, y = (l.value - 1) * i;
-        let B = y + i;
-        d.value && typeof (e == null ? void 0 : e.value) == "number" && (B = Math.min(y + i, e.value));
+        let x = y + i;
+        d.value && typeof (e == null ? void 0 : e.value) == "number" && (x = Math.min(y + i, e.value));
         const R = {
           ...t,
           page: l.value,
           offset: y,
           limit: i,
-          end: B,
+          end: x,
           reset: a || void 0
         };
-        M("pageChanged", R);
+        L("pageChanged", R);
       }
     };
-    return N({
+    return T(() => {
+      S.value || s({ navigator: "first", page: 1 });
+    }), N({
       /** Resetea la paginación a la primera página y emite el evento pageChanged. */
       resetPagination: () => {
         l.value !== 1 && s({ page: 1 }, !0);
       }
-    }), (t, a) => (o(), g("div", G, [
-      f("ul", H, [
+    }), (t, a) => (o(), g("div", J, [
+      f("ul", K, [
         f("li", null, [
           p.jumpTo ? (o(), C(c, {
             key: 0,
@@ -148,7 +159,7 @@ import './style/pagination.css';const G = { class: "rds-e-pagination-container r
             onClick: a[1] || (a[1] = (n) => s({ navigator: "prev" }))
           }, null, 8, ["disabled"])
         ]),
-        (o(!0), g(A, null, T(D.value, (n) => (o(), g("li", { key: n }, [
+        (o(!0), g(U, null, z(D.value, (n) => (o(), g("li", { key: n }, [
           P(c, {
             class: "rds-e-pagination__item",
             variant: n === l.value && m.selected ? "primary" : "ghost",
@@ -166,7 +177,7 @@ import './style/pagination.css';const G = { class: "rds-e-pagination-container r
             icon: "arrow_right",
             small: "",
             "aria-label": "next page",
-            disabled: x.value,
+            disabled: B.value,
             onClick: a[2] || (a[2] = (n) => s({ navigator: "next" }))
           }, null, 8, ["disabled"])
         ]),
@@ -178,15 +189,15 @@ import './style/pagination.css';const G = { class: "rds-e-pagination-container r
             small: "",
             icon: "last",
             "aria-label": "last page",
-            disabled: x.value,
+            disabled: B.value,
             onClick: a[3] || (a[3] = (n) => s({ navigator: "last" }))
           }, null, 8, ["disabled"])) : h("", !0)
         ])
       ]),
-      $.value ? (o(), g("p", J, " Mostrando resultados " + k(L.value) + "-" + k(q.value) + " de " + k(U(e)), 1)) : h("", !0)
+      $.value ? (o(), g("p", O, " Mostrando resultados " + k(F.value) + "-" + k(q.value) + " de " + k(G(e)), 1)) : h("", !0)
     ]));
   }
-}), X = /* @__PURE__ */ z(K, [["__scopeId", "data-v-f56e8bc0"]]);
+}), Z = /* @__PURE__ */ H(Q, [["__scopeId", "data-v-78eeeb8a"]]);
 export {
-  X as default
+  Z as default
 };

package/dist/components/persistentToast.es.js

@@ -1,5 +1,5 @@
-import { defineComponent as v, toRefs as y, computed as g, openBlock as t, createElementBlock as s, normalizeClass as h, createElementVNode as i, createVNode as a, createCommentVNode as o, toDisplayString as c, renderSlot as l } from "vue";
-import { R as d } from "./icon-svg-DGp2yHJn.js";
+import { defineComponent as f, toRefs as y, computed as g, createElementBlock as t, openBlock as s, normalizeClass as h, createElementVNode as i, createCommentVNode as o, createVNode as a, toDisplayString as c, renderSlot as l } from "vue";
+import { R as d } from "./icon-svg-_WCkLP8-.js";
 import { _ as k } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import './style/persistentToast.css';const $ = { class: "alert" }, S = {
   key: 0,
@@ -16,7 +16,7 @@ import './style/persistentToast.css';const $ = { class: "alert" }, S = {
 }, B = {
   key: 0,
   class: "rds-e-persistent-toast__action-section"
-}, N = /* @__PURE__ */ v({
+}, N = /* @__PURE__ */ f({
   __name: "persistent-toast",
   props: {
     /**
@@ -89,15 +89,15 @@ import './style/persistentToast.css';const $ = { class: "alert" }, S = {
   setup(e, { emit: u }) {
     const _ = e, m = u, { type: r } = y(_), p = g(
       () => `rds-e-persistent-toast rds-mb-03 rds-e-persistent-toast${r.value === "success" ? "--success" : ""}${r.value === "error" ? "--error" : ""}${r.value === "warning" ? "--warning" : ""}${r.value === "info" ? "--info" : ""}`
-    ), f = () => {
+    ), v = () => {
       m("onCloseToastAction");
     };
-    return (n, R) => (t(), s("div", {
+    return (n, R) => (s(), t("div", {
       class: h(["rds-e-persistent-toast", p.value]),
       role: "alert"
     }, [
       i("div", $, [
-        e.icon ? (t(), s("div", S, [
+        e.icon ? (s(), t("div", S, [
           a(d, {
             name: e.icon,
             class: "rds-e-persistent-toast__custom-icon",
@@ -106,16 +106,16 @@ import './style/persistentToast.css';const $ = { class: "alert" }, S = {
         ])) : o("", !0),
         i("div", C, [
           i("div", q, [
-            e.title ? (t(), s("div", w, c(e.title), 1)) : o("", !0),
-            e.message && !n.$slots["content-section"] ? (t(), s("p", b, c(e.message), 1)) : o("", !0),
-            n.$slots["content-section"] ? (t(), s("div", T, [
+            e.title ? (s(), t("div", w, c(e.title), 1)) : o("", !0),
+            e.message && !n.$slots["content-section"] ? (s(), t("p", b, c(e.message), 1)) : o("", !0),
+            n.$slots["content-section"] ? (s(), t("div", T, [
               l(n.$slots, "content-section", {}, void 0, !0)
             ])) : o("", !0)
           ]),
-          e.close ? (t(), s("div", {
+          e.close ? (s(), t("div", {
             key: 0,
             class: "rds-e-persistent-toast__close-block",
-            onClick: f
+            onClick: v
           }, [
             a(d, {
               name: "close",
@@ -125,7 +125,7 @@ import './style/persistentToast.css';const $ = { class: "alert" }, S = {
           ])) : o("", !0)
         ])
       ]),
-      n.$slots["action-section"] ? (t(), s("div", B, [
+      n.$slots["action-section"] ? (s(), t("div", B, [
         l(n.$slots, "action-section", {}, void 0, !0)
       ])) : o("", !0)
     ], 2));

package/dist/components/progressBar.es.js

@@ -0,0 +1,86 @@
+import { defineComponent as f, computed as r, createElementBlock as l, openBlock as u, normalizeClass as y, createElementVNode as t, renderSlot as i, createCommentVNode as m, normalizeProps as d, mergeProps as S, createVNode as k, createTextVNode as x, guardReactiveProps as B, toDisplayString as o, normalizeStyle as N } from "vue";
+import { R as h } from "./icon-svg-_WCkLP8-.js";
+import { _ as C } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import './style/progressBar.css';const V = { class: "progress-bar__content" }, $ = { class: "rds-flex" }, z = { class: "body-1" }, P = {
+  key: 0,
+  class: "progress-bar__percentage body-2"
+}, R = /* @__PURE__ */ f({
+  __name: "progress-bar",
+  props: {
+    /**
+     * El paso actual en el proceso.
+     */
+    step: {
+      type: Number,
+      required: !0
+    },
+    /**
+     * El número total de pasos en el proceso.
+     */
+    maxSteps: {
+      type: Number,
+      required: !0
+    },
+    /**
+     * Si es true, oculta el botón de retroceso.
+     */
+    backButton: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Si es true, muestra el porcentaje completado.
+     */
+    percentage: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Si es true, aplica estilos inversos (texto blanco) para usar sobre fondos oscuros.
+     */
+    inverse: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["goBack"],
+  setup(a, { emit: _ }) {
+    const e = a, g = _, s = r(() => ({ step: e.step, maxSteps: e.maxSteps })), v = r(() => `${e.step / e.maxSteps * 100}%`), b = r(() => `${Math.round(e.step / e.maxSteps * 100)}%`), n = () => {
+      g("goBack");
+    };
+    return (p, c) => (u(), l("div", {
+      class: y(["progress-bar max-layout", { "progress-bar--inverse": e.inverse }])
+    }, [
+      t("div", V, [
+        t("div", $, [
+          e.step > 1 && a.backButton ? i(p.$slots, "back-button", d(S({ key: 0 }, { goBack: n, inverse: e.inverse })), () => [
+            t("button", {
+              class: "body-1 progress-bar__back-button",
+              onClick: n
+            }, [
+              k(h, { name: "arrow_left" }),
+              c[0] || (c[0] = x(" Atrás "))
+            ])
+          ], !0) : m("", !0),
+          i(p.$slots, "steps", d(B({
+            step: s.value.step,
+            maxSteps: s.value.maxSteps,
+            inverse: e.inverse
+          })), () => [
+            t("p", z, o(s.value.step) + " / " + o(s.value.maxSteps), 1)
+          ], !0)
+        ]),
+        t("div", null, [
+          e.percentage ? (u(), l("p", P, o(b.value), 1)) : m("", !0)
+        ])
+      ]),
+      t("div", {
+        class: "progress-bar__progress",
+        style: N({ "--counterWidth": v.value })
+      }, null, 4)
+    ], 2));
+  }
+}), I = /* @__PURE__ */ C(R, [["__scopeId", "data-v-74952977"]]);
+export {
+  I as default
+};

package/dist/components/quantitySelector.es.js

@@ -1,5 +1,5 @@
-import { defineComponent as V, mergeModels as c, useModel as w, ref as i, openBlock as B, createElementBlock as I, normalizeClass as r, createElementVNode as o, createVNode as m, withDirectives as f, vShow as v, vModelText as b } from "vue";
-import { R as y } from "./icon-svg-DGp2yHJn.js";
+import { defineComponent as V, mergeModels as c, useModel as w, ref as i, createElementBlock as B, openBlock as I, normalizeClass as r, createElementVNode as o, withDirectives as m, createVNode as v, vShow as f, vModelText as b } from "vue";
+import { R as y } from "./icon-svg-_WCkLP8-.js";
 import { _ as D } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import './style/quantitySelector.css';const _ = ["disabled"], M = ["disabled"], S = ["disabled"], x = ["disabled"], R = /* @__PURE__ */ V({
   __name: "quantity-selector",
@@ -66,7 +66,7 @@ import './style/quantitySelector.css';const _ = ["disabled"], M = ["disabled"],
       }
       s.value = !1;
     };
-    return (t, a) => (B(), I("div", {
+    return (t, a) => (I(), B("div", {
       class: r(["rds-e-quantity-selector", {
         "rds-e-quantity-selector--disabled": l.disabled,
         "rds-e-quantity-selector--small": l.size === "small",
@@ -81,11 +81,11 @@ import './style/quantitySelector.css';const _ = ["disabled"], M = ["disabled"],
         disabled: l.disabled || e.value === 0,
         onClick: q
       }, [
-        m(y, {
+        v(y, {
           name: l.deleteButton && e.value !== 0 ? "delete" : "minus"
         }, null, 8, ["name"])
       ], 10, _),
-      f(o("input", {
+      m(o("input", {
         ref_key: "mainInput",
         ref: k,
         "onUpdate:modelValue": a[0] || (a[0] = (d) => e.value = d),
@@ -97,7 +97,7 @@ import './style/quantitySelector.css';const _ = ["disabled"], M = ["disabled"],
         readonly: "",
         onClick: a[1] || (a[1] = (d) => s.value = !0)
       }, null, 8, M), [
-        [v, !s.value],
+        [f, !s.value],
         [
           b,
           e.value,
@@ -105,7 +105,7 @@ import './style/quantitySelector.css';const _ = ["disabled"], M = ["disabled"],
           { number: !0 }
         ]
       ]),
-      f(o("input", {
+      m(o("input", {
         ref_key: "manualInput",
         ref: u,
         "onUpdate:modelValue": a[2] || (a[2] = (d) => e.value = d),
@@ -117,7 +117,7 @@ import './style/quantitySelector.css';const _ = ["disabled"], M = ["disabled"],
         onBlur: g,
         onKeydown: N
       }, null, 40, S), [
-        [v, s.value],
+        [f, s.value],
         [
           b,
           e.value,
@@ -133,7 +133,7 @@ import './style/quantitySelector.css';const _ = ["disabled"], M = ["disabled"],
         disabled: l.disabled || e.value === 99,
         onClick: C
       }, [
-        m(y, { name: "add" })
+        v(y, { name: "add" })
       ], 10, x)
     ], 2));
   }

package/dist/components/{radio-group.vue_vue_type_script_setup_true_lang-B-kg-575.js → radio-group.vue_vue_type_script_setup_true_lang-DpguLlRK.js}

@@ -1,4 +1,4 @@
-import { defineComponent as l, mergeModels as u, useModel as s, provide as o, ref as n, openBlock as i, createElementBlock as p, renderSlot as m } from "vue";
+import { defineComponent as l, mergeModels as u, useModel as s, provide as o, ref as n, createElementBlock as i, openBlock as p, renderSlot as m } from "vue";
 const c = { class: "rds-e-radio-group" }, v = /* @__PURE__ */ l({
   __name: "radio-group",
   props: /* @__PURE__ */ u({
@@ -18,7 +18,7 @@ const c = { class: "rds-e-radio-group" }, v = /* @__PURE__ */ l({
     const t = r, a = s(r, "modelValue");
     o("radioGroupValue", a), o("radioGroupName", t.groupName);
     const d = n(/* @__PURE__ */ new Set());
-    return o("validateId", (e) => d.value.has(e) ? !1 : (d.value.add(e), !0)), (e, f) => (i(), p("div", c, [
+    return o("validateId", (e) => d.value.has(e) ? !1 : (d.value.add(e), !0)), (e, f) => (p(), i("div", c, [
       m(e.$slots, "default")
     ]));
   }

package/dist/components/radioButton.es.js

@@ -1,5 +1,5 @@
-import { defineComponent as B, ref as f, computed as m, inject as i, onMounted as _, onBeforeUnmount as D, openBlock as r, createElementBlock as b, normalizeClass as n, createElementVNode as v, unref as E, toDisplayString as N, createCommentVNode as w, createBlock as x } from "vue";
-import { R as C } from "./icon-svg-DGp2yHJn.js";
+import { defineComponent as B, ref as f, computed as m, inject as i, onMounted as _, onBeforeUnmount as D, createElementBlock as b, openBlock as r, normalizeClass as n, createElementVNode as v, unref as E, createCommentVNode as w, createBlock as N, toDisplayString as x } from "vue";
+import { R as C } from "./icon-svg-_WCkLP8-.js";
 import { g as G } from "./getInstance-GhoEcxLF.js";
 import { _ as I } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import './style/radioButton.css';const L = ["id", "value", "name", "disabled", "checked"], $ = ["for"], j = /* @__PURE__ */ B({
@@ -91,8 +91,8 @@ import './style/radioButton.css';const L = ["id", "value", "name", "disabled", "
         e.label ? (r(), b("span", {
           key: 0,
           class: n(["rds-e-radio__label-text", { "rds-e-radio__label-text--disabled": e.disabled }])
-        }, N(e.label), 3)) : w("", !0),
-        e.label && e.icon ? (r(), x(C, {
+        }, x(e.label), 3)) : w("", !0),
+        e.label && e.icon ? (r(), N(C, {
           key: 1,
           class: n(["rds-e-radio__label-icon", { "rds-e-radio__label-icon--disabled": e.disabled }]),
           name: e.icon,

package/dist/components/radioGroup.es.js

@@ -1,4 +1,4 @@
-import { _ as f } from "./radio-group.vue_vue_type_script_setup_true_lang-B-kg-575.js";
+import { _ as f } from "./radio-group.vue_vue_type_script_setup_true_lang-DpguLlRK.js";
 export {
   f as default
 };

package/dist/components/selectionChip.es.js

@@ -1,5 +1,5 @@
-import { defineComponent as r, ref as h, computed as s, openBlock as p, createElementBlock as u, normalizeClass as f, createVNode as g, createElementVNode as m, toDisplayString as _ } from "vue";
-import { R as b } from "./icon-svg-DGp2yHJn.js";
+import { defineComponent as r, ref as h, computed as s, createElementBlock as p, openBlock as u, normalizeClass as f, createVNode as g, createElementVNode as m, toDisplayString as _ } from "vue";
+import { R as b } from "./icon-svg-_WCkLP8-.js";
 import { _ as y } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import './style/selectionChip.css';const C = ["disabled"], k = { class: "rds-e-selection-chip__text" }, S = /* @__PURE__ */ r({
   __name: "selection-chip",
@@ -65,7 +65,7 @@ import './style/selectionChip.css';const C = ["disabled"], k = { class: "rds-e-s
     }), d = () => {
       e.disabled || c("onClickChip", e.filterValue);
     };
-    return (t, x) => (p(), u("button", {
+    return (t, x) => (u(), p("button", {
       ref_key: "chipRef",
       ref: o,
       class: f(a.value),

package/dist/components/sidebar.es.js

@@ -1,4 +1,4 @@
-import { ref as d, onMounted as x, onUnmounted as g, defineComponent as L, computed as f, openBlock as _, createElementBlock as h, normalizeClass as k, createElementVNode as w, renderSlot as b, createCommentVNode as S } from "vue";
+import { ref as d, onMounted as x, onUnmounted as g, defineComponent as L, computed as f, createElementBlock as _, openBlock as h, normalizeClass as k, createElementVNode as w, createCommentVNode as S, renderSlot as b } from "vue";
 import { _ as B } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import './style/sidebar.css';function E() {
   const u = {
@@ -14,20 +14,20 @@ import './style/sidebar.css';function E() {
     desktopLarge: !1,
     ultrawide: !1
   }), c = () => {
-    for (const [n, t] of Object.entries(u)) {
+    for (const [o, t] of Object.entries(u)) {
       const e = window.matchMedia(t);
-      i.value[n] = e.matches;
+      i.value[o] = e.matches;
     }
   };
   return x(() => {
-    const n = Object.entries(u).map(([t, e]) => {
+    const o = Object.entries(u).map(([t, e]) => {
       const s = window.matchMedia(e);
       i.value[t] = s.matches;
       const r = () => c();
       return s.addEventListener("change", r), { mediaQuery: s, listener: r };
     });
     g(() => {
-      n.forEach(({ mediaQuery: t, listener: e }) => {
+      o.forEach(({ mediaQuery: t, listener: e }) => {
         t.removeEventListener("change", e);
       });
     });
@@ -40,7 +40,7 @@ const z = { class: "rds-e-sidebar__sidebar__container" }, M = {
   __name: "sidebar",
   emits: ["sidebarChange"],
   setup(u, { expose: i, emit: c }) {
-    const n = c, t = d(), e = d(!0), s = d(!1), r = d(!1), l = d(!0), a = E(), y = f(() => ({
+    const o = c, t = d(), e = d(!0), s = d(!1), r = d(!1), l = d(!0), a = E(), y = f(() => ({
       "rds-e-sidebar--mobile": a.value.mobile,
       "rds-e-sidebar--tablet": a.value.tablet,
       "rds-e-sidebar--desktop": a.value.desktop,
@@ -52,9 +52,9 @@ const z = { class: "rds-e-sidebar__sidebar__container" }, M = {
       "rds-e-sidebar__sidebar--overlay": r.value,
       "rds-e-sidebar__sidebar--hide": s.value
     })), m = () => {
-      n("sidebarChange", e.value);
-    }, v = (o) => {
-      e.value = o, m();
+      o("sidebarChange", e.value);
+    }, v = (n) => {
+      e.value = n, m();
     }, p = () => {
       e.value = !0, s.value = !1, r.value = !0, l.value = !0, a.value.mobile && (s.value = !0, l.value = !1), a.value.desktop && (s.value = !1), a.value.desktopLarge && (e.value = !1, r.value = !1, l.value = !1), a.value.ultrawide && (e.value = !1, r.value = !1), m();
     };
@@ -79,7 +79,7 @@ const z = { class: "rds-e-sidebar__sidebar__container" }, M = {
        * { (state: boolean) => void } Cambia el estado del sidebar.
        */
       toogleSidebar: () => v(!e.value)
-    }), (o, Q) => (_(), h("div", {
+    }), (n, Q) => (h(), _("div", {
       class: k(["rds-e-sidebar", y.value])
     }, [
       w("div", {
@@ -87,13 +87,13 @@ const z = { class: "rds-e-sidebar__sidebar__container" }, M = {
         ref: t,
         class: k(["rds-e-sidebar__sidebar", C.value])
       }, [
-        b(o.$slots, "content", {}, () => [
+        b(n.$slots, "content", {}, () => [
           w("div", z, [
-            e.value ? b(o.$slots, "collapsed", { key: 0 }, void 0, !0) : b(o.$slots, "expanded", { key: 1 }, void 0, !0)
+            e.value ? b(n.$slots, "collapsed", { key: 0 }, void 0, !0) : b(n.$slots, "expanded", { key: 1 }, void 0, !0)
           ])
         ], !0)
       ], 2),
-      l.value ? (_(), h("div", M)) : S("", !0)
+      l.value ? (h(), _("div", M)) : S("", !0)
     ], 2));
   }
 }), N = /* @__PURE__ */ B(O, [["__scopeId", "data-v-363d1830"]]);