energy-components 1.14.1 → 1.15.0

package/dist/components/persistentToast.es.js

@@ -1,13 +1,13 @@
-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-DuzOdbk1.js";
+import { defineComponent as f, toRefs as y, computed as g, createElementBlock as t, openBlock as s, normalizeClass as h, createElementVNode as r, createCommentVNode as o, createVNode as a, toDisplayString as c, renderSlot as d } from "vue";
+import { R as l } from "./icon-svg-BU0OQFKH.js";
 import { _ as k } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import './style/persistentToast.css';const $ = { class: "alert" }, S = {
+import './style/persistentToast.css';const S = ["id"], $ = { class: "alert" }, C = {
   key: 0,
   class: "rds-e-persistent-toast__custom-icon-block"
-}, C = { class: "rds-e-persistent-toast__wrapper" }, q = { class: "rds-e-persistent-toast__title__wrapper" }, w = {
+}, q = { class: "rds-e-persistent-toast__wrapper" }, w = { class: "rds-e-persistent-toast__title__wrapper" }, b = {
   key: 0,
   class: "rds-e-persistent-toast__title rds-mb-03"
-}, b = {
+}, R = {
   key: 1,
   class: "rds-e-persistent-toast__text"
 }, T = {
@@ -16,7 +16,7 @@ import './style/persistentToast.css';const $ = { class: "alert" }, S = {
 }, B = {
   key: 0,
   class: "rds-e-persistent-toast__action-section"
-}, N = /* @__PURE__ */ f({
+}, D = /* @__PURE__ */ f({
   __name: "persistent-toast",
   props: {
     /**
@@ -83,33 +83,41 @@ import './style/persistentToast.css';const $ = { class: "alert" }, S = {
     close: {
       type: Boolean,
       required: !1
+    },
+    /**
+     * ID del persistent-toast para testing
+     */
+    id: {
+      type: String,
+      default: void 0
     }
   },
   emits: ["onCloseToastAction"],
   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" : ""}`
+    const _ = e, m = u, { type: n } = y(_), p = g(
+      () => `rds-e-persistent-toast rds-mb-03 rds-e-persistent-toast${n.value === "success" ? "--success" : ""}${n.value === "error" ? "--error" : ""}${n.value === "warning" ? "--warning" : ""}${n.value === "info" ? "--info" : ""}`
     ), v = () => {
       m("onCloseToastAction");
     };
-    return (n, R) => (s(), t("div", {
+    return (i, N) => (s(), t("div", {
+      id: e.id,
       class: h(["rds-e-persistent-toast", p.value]),
       role: "alert"
     }, [
-      i("div", $, [
-        e.icon ? (s(), t("div", S, [
-          a(d, {
+      r("div", $, [
+        e.icon ? (s(), t("div", C, [
+          a(l, {
             name: e.icon,
             class: "rds-e-persistent-toast__custom-icon",
             "aria-hidden": "true"
           }, null, 8, ["name"])
         ])) : o("", !0),
-        i("div", C, [
-          i("div", q, [
-            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)
+        r("div", q, [
+          r("div", w, [
+            e.title ? (s(), t("div", b, c(e.title), 1)) : o("", !0),
+            e.message && !i.$slots["content-section"] ? (s(), t("p", R, c(e.message), 1)) : o("", !0),
+            i.$slots["content-section"] ? (s(), t("div", T, [
+              d(i.$slots, "content-section", {}, void 0, !0)
             ])) : o("", !0)
           ]),
           e.close ? (s(), t("div", {
@@ -117,7 +125,7 @@ import './style/persistentToast.css';const $ = { class: "alert" }, S = {
             class: "rds-e-persistent-toast__close-block",
             onClick: v
           }, [
-            a(d, {
+            a(l, {
               name: "close",
               class: "rds-e-persistent-toast__custom-icon",
               "aria-hidden": "true"
@@ -125,12 +133,12 @@ import './style/persistentToast.css';const $ = { class: "alert" }, S = {
           ])) : o("", !0)
         ])
       ]),
-      n.$slots["action-section"] ? (s(), t("div", B, [
-        l(n.$slots, "action-section", {}, void 0, !0)
+      i.$slots["action-section"] ? (s(), t("div", B, [
+        d(i.$slots, "action-section", {}, void 0, !0)
       ])) : o("", !0)
-    ], 2));
+    ], 10, S));
   }
-}), E = /* @__PURE__ */ k(N, [["__scopeId", "data-v-9599464c"]]);
+}), I = /* @__PURE__ */ k(D, [["__scopeId", "data-v-9c8ae892"]]);
 export {
-  E as default
+  I as default
 };

package/dist/components/popover.es.js

@@ -0,0 +1,166 @@
+import { ref as m, computed as k, onBeforeUnmount as R, createElementBlock as d, openBlock as s, createElementVNode as v, createBlock as _, renderSlot as h, Teleport as x, createCommentVNode as b, normalizeStyle as C, unref as F, Fragment as N, renderList as O, toDisplayString as P, nextTick as $ } from "vue";
+import { o as H, f as M, s as V, a as z, u as A, d as D } from "./floating-ui.vue-7LKzPqHI.js";
+import { R as I } from "./icon-svg-BU0OQFKH.js";
+import { _ as U } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import './style/popover.css';const j = { class: "rds-e-popover" }, W = { class: "rds-e-popover__list" }, q = ["onClick"], G = {
+  __name: "popover",
+  props: {
+    /**
+     * <span>Lista de elementos a mostrar en el popover</span>
+     */
+    items: {
+      type: Array,
+      default: () => []
+    },
+    /**
+     * <span>Posición del popover relativa al trigger</span>
+     */
+    placement: {
+      type: String,
+      default: "bottom-start"
+    },
+    /**
+     * <span>Posiciones alternativas cuando no hay espacio</span>
+     */
+    fallbackPlacements: {
+      type: Array,
+      default: () => []
+    },
+    /**
+     * <span>Espacio de desplazamiento para el popover</span>
+     */
+    offsetSpace: {
+      type: Number,
+      default: 8
+    },
+    /**
+     * <span>Ancho del popover en píxeles (responsive automático en pantallas pequeñas)</span>
+     */
+    width: {
+      type: Number,
+      default: 240
+    },
+    /**
+     * Selector para teleport (ej: 'body', '#modal-container')
+     * Si no se especifica, se renderiza inline
+     */
+    teleportTo: {
+      type: String,
+      default: null
+    },
+    /**
+     * <span>Si debe cambiar automáticamente de posición cuando no cabe</span>
+     */
+    autoFlip: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * <span>Si debe cerrarse cuando el trigger no es visible en el viewport</span>
+     */
+    closeOnTriggerHidden: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: [
+    /**
+     * <span>Se emite cuando se selecciona un elemento del popover</span>
+     */
+    "select"
+  ],
+  setup(r, { emit: w }) {
+    const n = r, E = w, t = m(!1), o = m(null), c = m(null), S = k(() => {
+      const e = [
+        H(n.offsetSpace)
+      ];
+      return n.autoFlip && e.push(
+        M({
+          fallbackPlacements: n.fallbackPlacements.length ? n.fallbackPlacements : void 0
+        })
+      ), e.push(
+        V({ padding: 8 }),
+        z({
+          apply({ availableWidth: y, elements: l }) {
+            const i = Math.min(n.width, y - 32);
+            Object.assign(l.floating.style, {
+              width: `${i}px`
+            });
+          }
+        })
+      ), e;
+    }), { floatingStyles: T, update: B } = A(
+      o,
+      c,
+      {
+        placement: k(() => n.placement),
+        middleware: S,
+        whileElementsMounted: D
+      }
+    );
+    let u, f, p;
+    const a = () => {
+      document.removeEventListener("click", u), document.removeEventListener("keydown", f), document.removeEventListener("scroll", p, !0);
+    };
+    u = (e) => {
+      c.value && !c.value.contains(e.target) && o.value && !o.value.contains(e.target) && (t.value = !1, a());
+    }, f = (e) => {
+      e.key === "Escape" && (t.value = !1, a());
+    }, p = () => {
+      if (!o.value) return;
+      const e = o.value.getBoundingClientRect();
+      (e.bottom < 0 || e.top > window.innerHeight) && (t.value = !1, a());
+    };
+    const L = async () => {
+      t.value = !t.value, t.value ? (await $(), B(), document.addEventListener("click", u), document.addEventListener("keydown", f), n.closeOnTriggerHidden && document.addEventListener("scroll", p, !0)) : a();
+    }, g = (e) => {
+      E("select", e), t.value = !1, a();
+    };
+    return R(a), (e, y) => (s(), d("div", j, [
+      v("button", {
+        ref_key: "referenceRef",
+        ref: o,
+        class: "rds-e-popover__trigger-btn",
+        onClick: L
+      }, [
+        h(e.$slots, "trigger", {}, void 0, !0)
+      ], 512),
+      (s(), _(x, {
+        to: r.teleportTo,
+        disabled: !r.teleportTo
+      }, [
+        t.value ? (s(), d("div", {
+          key: 0,
+          ref_key: "floatingRef",
+          ref: c,
+          class: "rds-e-popover__content",
+          style: C(F(T))
+        }, [
+          v("ul", W, [
+            (s(!0), d(N, null, O(r.items, (l, i) => h(e.$slots, "item", {
+              item: l,
+              index: i,
+              onSelect: () => g(l)
+            }, () => [
+              (s(), d("li", {
+                key: i,
+                class: "rds-e-popover__item rds-body-1",
+                onClick: (J) => g(l)
+              }, [
+                l.icon ? (s(), _(I, {
+                  key: 0,
+                  class: "rds-mr-6 rds-e-popover__item-icon",
+                  name: l.icon
+                }, null, 8, ["name"])) : b("", !0),
+                v("span", null, P(l.label), 1)
+              ], 8, q))
+            ], !0)), 256))
+          ])
+        ], 4)) : b("", !0)
+      ], 8, ["to", "disabled"]))
+    ]));
+  }
+}, Z = /* @__PURE__ */ U(G, [["__scopeId", "data-v-69668ffe"]]);
+export {
+  Z as default
+};

package/dist/components/progressBar.es.js

@@ -1,13 +1,13 @@
-import { defineComponent as y, computed as r, createElementBlock as o, openBlock as a, normalizeClass as i, createCommentVNode as n, createElementVNode as t, renderSlot as m, normalizeProps as g, mergeProps as B, createVNode as S, createTextVNode as k, guardReactiveProps as h, toDisplayString as p, normalizeStyle as x } from "vue";
-import { R as C } from "./icon-svg-DuzOdbk1.js";
+import { defineComponent as y, computed as o, createElementBlock as a, openBlock as n, normalizeClass as u, createCommentVNode as p, createElementVNode as t, renderSlot as m, normalizeProps as g, mergeProps as B, createVNode as S, createTextVNode as h, guardReactiveProps as k, toDisplayString as d, normalizeStyle as x } from "vue";
+import { R as C } from "./icon-svg-BU0OQFKH.js";
 import { _ as N } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import './style/progressBar.css';const w = {
+import './style/progressBar.css';const w = ["id"], P = {
   key: 0,
   class: "rds-e-progress-bar__content"
-}, P = { class: "rds-flex" }, R = { class: "body-1" }, V = {
+}, R = { class: "rds-flex" }, V = { class: "body-1" }, $ = {
   key: 0,
   class: "rds-e-progress-bar__percentage body-2"
-}, $ = /* @__PURE__ */ y({
+}, z = /* @__PURE__ */ y({
   __name: "progress-bar",
   props: {
     /**
@@ -60,51 +60,59 @@ import './style/progressBar.css';const w = {
     whiteBar: {
       type: Boolean,
       default: !1
+    },
+    /**
+     * ID del progress-bar para testing
+     */
+    id: {
+      type: String,
+      default: void 0
     }
   },
   emits: ["goBack"],
-  setup(l, { emit: _ }) {
-    const e = l, b = _, s = r(() => ({ step: e.step, maxSteps: e.maxSteps })), v = r(() => `${e.step / e.maxSteps * 100}%`), f = r(() => `${Math.round(e.step / e.maxSteps * 100)}%`), u = () => {
+  setup(r, { emit: _ }) {
+    const e = r, b = _, s = o(() => ({ step: e.step, maxSteps: e.maxSteps })), v = o(() => `${e.step / e.maxSteps * 100}%`), f = o(() => `${Math.round(e.step / e.maxSteps * 100)}%`), l = () => {
       b("goBack");
     };
-    return (c, d) => (a(), o("div", {
-      class: i(["rds-e-progress-bar", [
+    return (c, i) => (n(), a("div", {
+      id: r.id,
+      class: u(["rds-e-progress-bar", [
         { "rds-e-progress-bar--inverse": e.inverse },
         { "rds-e-progress-bar--without-counter": e.hideCounter }
       ]])
     }, [
-      e.hideCounter ? n("", !0) : (a(), o("div", w, [
-        t("div", P, [
-          e.step > 1 && l.backButton ? m(c.$slots, "back-button", g(B({ key: 0 }, { goBack: u, inverse: e.inverse })), () => [
+      e.hideCounter ? p("", !0) : (n(), a("div", P, [
+        t("div", R, [
+          e.step > 1 && r.backButton ? m(c.$slots, "back-button", g(B({ key: 0 }, { goBack: l, inverse: e.inverse })), () => [
             t("button", {
               class: "body-1 rds-e-progress-bar__back-button",
-              onClick: u
+              onClick: l
             }, [
               S(C, { name: "arrow_left" }),
-              d[0] || (d[0] = k(" Atrás "))
+              i[0] || (i[0] = h(" Atrás "))
             ])
-          ], !0) : n("", !0),
-          m(c.$slots, "steps", g(h({
+          ], !0) : p("", !0),
+          m(c.$slots, "steps", g(k({
             step: s.value.step,
             maxSteps: s.value.maxSteps,
             inverse: e.inverse
           })), () => [
-            t("p", R, p(s.value.step) + " / " + p(s.value.maxSteps), 1)
+            t("p", V, d(s.value.step) + " / " + d(s.value.maxSteps), 1)
           ], !0)
         ]),
         t("div", null, [
-          e.percentage ? (a(), o("p", V, p(f.value), 1)) : n("", !0)
+          e.percentage ? (n(), a("p", $, d(f.value), 1)) : p("", !0)
         ])
       ])),
       t("div", {
-        class: i(["rds-e-progress-bar__progress", [
+        class: u(["rds-e-progress-bar__progress", [
           { "rds-e-progress-bar__progress--white": e.whiteBar }
         ]]),
         style: x({ "--counterWidth": v.value })
       }, null, 6)
-    ], 2));
+    ], 10, w));
   }
-}), E = /* @__PURE__ */ N($, [["__scopeId", "data-v-e82b68e3"]]);
+}), I = /* @__PURE__ */ N(z, [["__scopeId", "data-v-cc42902d"]]);
 export {
-  E as default
+  I as default
 };

package/dist/components/quantitySelector.es.js

@@ -1,7 +1,7 @@
-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-DuzOdbk1.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({
+import { defineComponent as w, mergeModels as c, useModel as B, ref as s, createElementBlock as I, openBlock as D, 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-BU0OQFKH.js";
+import { _ as S } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import './style/quantitySelector.css';const M = ["id"], x = ["id", "disabled"], $ = ["id", "disabled"], R = ["id", "disabled"], z = ["id", "disabled"], E = /* @__PURE__ */ w({
   __name: "quantity-selector",
   props: /* @__PURE__ */ c({
     /**
@@ -28,8 +28,8 @@ import './style/quantitySelector.css';const _ = ["disabled"], M = ["disabled"],
     size: {
       type: String,
       default: "default",
-      validator(l) {
-        return ["default", "small"].includes(l);
+      validator(e) {
+        return ["default", "small"].includes(e);
       }
     },
     /**
@@ -38,106 +38,118 @@ import './style/quantitySelector.css';const _ = ["disabled"], M = ["disabled"],
     fullWidth: {
       type: Boolean,
       default: !1
+    },
+    /**
+     * ID del quantity-selector para testing
+     */
+    id: {
+      type: String,
+      default: void 0
     }
   }, {
     modelValue: {
       default: 0,
-      validator(l) {
-        return l < 0 || l > 99 ? (console.warn(
-          `[RDSQuantitySelector]: El valor de modelValue debe estar entre 0 y 99. Valor actual: ${l}`
+      validator(e) {
+        return e < 0 || e > 99 ? (console.warn(
+          `[RDSQuantitySelector]: El valor de modelValue debe estar entre 0 y 99. Valor actual: ${e}`
         ), !1) : !0;
       }
     },
     modelModifiers: {}
   }),
   emits: /* @__PURE__ */ c(["onClickPlus", "onClickMinus", "onChange", "onDelete"], ["update:modelValue"]),
-  setup(l, { emit: p }) {
-    const h = l, n = p, e = w(l, "modelValue"), s = i(!1), u = i(null), k = i(null), C = () => {
-      e.value < 99 && (e.value++, n("onChange", e.value)), n("onClickPlus");
-    }, q = () => {
-      h.deleteButton && e.value !== 0 ? (n("onDelete"), e.value = 0, n("onChange", e.value)) : e.value > 0 && (e.value--, n("onChange", e.value)), n("onClickMinus");
+  setup(e, { emit: h }) {
+    const k = e, n = h, l = B(e, "modelValue"), d = s(!1), u = s(null), C = s(null), q = () => {
+      l.value < 99 && (l.value++, n("onChange", l.value)), n("onClickPlus");
+    }, g = () => {
+      k.deleteButton && l.value !== 0 ? (n("onDelete"), l.value = 0, n("onChange", l.value)) : l.value > 0 && (l.value--, n("onChange", l.value)), n("onClickMinus");
     }, N = (t) => {
       const a = ["Backspace", "Delete", "ArrowLeft", "ArrowRight", "Tab"];
       !a.includes(t.key) && Number.isNaN(Number.parseInt(t.key)) && t.preventDefault(), u.value && String(u.value.value).length >= 2 && !a.includes(t.key) && t.preventDefault();
-    }, g = () => {
+    }, V = () => {
       if (u.value) {
         let t = Number.parseInt(u.value.value, 10);
-        (u.value.value === null || u.value.value === "") && (t = 0), !Number.isNaN(t) && t >= 0 && t <= 99 ? (e.value = t, n("onChange", e.value)) : Number.isNaN(t) && (e.value = 0, n("onChange", e.value));
+        (u.value.value === null || u.value.value === "") && (t = 0), !Number.isNaN(t) && t >= 0 && t <= 99 ? (l.value = t, n("onChange", l.value)) : Number.isNaN(t) && (l.value = 0, n("onChange", l.value));
       }
-      s.value = !1;
+      d.value = !1;
     };
-    return (t, a) => (I(), B("div", {
+    return (t, a) => (D(), I("div", {
+      id: e.id,
       class: r(["rds-e-quantity-selector", {
-        "rds-e-quantity-selector--disabled": l.disabled,
-        "rds-e-quantity-selector--small": l.size === "small",
-        "rds-e-quantity-selector--full-width": l.fullWidth
+        "rds-e-quantity-selector--disabled": e.disabled,
+        "rds-e-quantity-selector--small": e.size === "small",
+        "rds-e-quantity-selector--full-width": e.fullWidth
       }])
     }, [
       o("button", {
+        id: e.id ? `${e.id}-decrement` : void 0,
         class: r(["rds-e-quantity-selector__button", {
-          "rds-e-quantity-selector__button--disabled": l.disabled || e.value === 0,
-          "rds-e-quantity-selector__button--limit": e.value === 0
+          "rds-e-quantity-selector__button--disabled": e.disabled || l.value === 0,
+          "rds-e-quantity-selector__button--limit": l.value === 0
         }]),
-        disabled: l.disabled || e.value === 0,
-        onClick: q
+        disabled: e.disabled || l.value === 0,
+        onClick: g
       }, [
         v(y, {
-          name: l.deleteButton && e.value !== 0 ? "delete" : "minus"
+          name: e.deleteButton && l.value !== 0 ? "delete" : "minus"
         }, null, 8, ["name"])
-      ], 10, _),
+      ], 10, x),
       m(o("input", {
+        id: e.id ? `${e.id}-main-input` : void 0,
         ref_key: "mainInput",
-        ref: k,
-        "onUpdate:modelValue": a[0] || (a[0] = (d) => e.value = d),
+        ref: C,
+        "onUpdate:modelValue": a[0] || (a[0] = (i) => l.value = i),
         type: "number",
         class: "rds-e-quantity-selector__input",
-        disabled: l.disabled,
+        disabled: e.disabled,
         max: 99,
         min: 0,
         readonly: "",
-        onClick: a[1] || (a[1] = (d) => s.value = !0)
-      }, null, 8, M), [
-        [f, !s.value],
+        onClick: a[1] || (a[1] = (i) => d.value = !0)
+      }, null, 8, $), [
+        [f, !d.value],
         [
           b,
-          e.value,
+          l.value,
           void 0,
           { number: !0 }
         ]
       ]),
       m(o("input", {
+        id: e.id ? `${e.id}-manual-input` : void 0,
         ref_key: "manualInput",
         ref: u,
-        "onUpdate:modelValue": a[2] || (a[2] = (d) => e.value = d),
+        "onUpdate:modelValue": a[2] || (a[2] = (i) => l.value = i),
         type: "number",
         class: "rds-e-quantity-selector__input",
-        disabled: l.disabled,
+        disabled: e.disabled,
         max: 99,
         min: 0,
-        onBlur: g,
+        onBlur: V,
         onKeydown: N
-      }, null, 40, S), [
-        [f, s.value],
+      }, null, 40, R), [
+        [f, d.value],
         [
           b,
-          e.value,
+          l.value,
           void 0,
           { number: !0 }
         ]
       ]),
       o("button", {
+        id: e.id ? `${e.id}-increment` : void 0,
         class: r(["rds-e-quantity-selector__button", {
-          "rds-e-quantity-selector__button--disabled": l.disabled || e.value === 99,
-          "rds-e-quantity-selector__button--limit": e.value === 99
+          "rds-e-quantity-selector__button--disabled": e.disabled || l.value === 99,
+          "rds-e-quantity-selector__button--limit": l.value === 99
         }]),
-        disabled: l.disabled || e.value === 99,
-        onClick: C
+        disabled: e.disabled || l.value === 99,
+        onClick: q
       }, [
         v(y, { name: "add" })
-      ], 10, x)
-    ], 2));
+      ], 10, z)
+    ], 10, M));
   }
-}), A = /* @__PURE__ */ D(R, [["__scopeId", "data-v-e9c62df7"]]);
+}), T = /* @__PURE__ */ S(E, [["__scopeId", "data-v-78572892"]]);
 export {
-  A as default
+  T as 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, 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-DuzOdbk1.js";
+import { R as C } from "./icon-svg-BU0OQFKH.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({

package/dist/components/selectionChip.es.js

@@ -1,7 +1,7 @@
-import { defineComponent as d, ref as r, computed as h, createElementBlock as p, openBlock as s, normalizeClass as u, createBlock as f, createCommentVNode as m, createElementVNode as g, toDisplayString as _ } from "vue";
-import { R as y } from "./icon-svg-DuzOdbk1.js";
+import { defineComponent as d, ref as r, computed as h, createElementBlock as p, openBlock as s, normalizeClass as u, createBlock as f, createCommentVNode as m, createElementVNode as g, toDisplayString as y } from "vue";
+import { R as _ } from "./icon-svg-BU0OQFKH.js";
 import { _ as b } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import './style/selectionChip.css';const C = ["disabled"], k = { class: "rds-e-selection-chip__text" }, B = /* @__PURE__ */ d({
+import './style/selectionChip.css';const C = ["id", "disabled"], k = { class: "rds-e-selection-chip__text" }, S = /* @__PURE__ */ d({
   __name: "selection-chip",
   props: {
     /**
@@ -55,6 +55,13 @@ import './style/selectionChip.css';const C = ["disabled"], k = { class: "rds-e-s
     highlight: {
       type: Boolean,
       default: !1
+    },
+    /**
+     * ID del selection-chip para testing
+     */
+    id: {
+      type: String,
+      default: void 0
     }
   },
   emits: ["onClickChip"],
@@ -65,7 +72,8 @@ import './style/selectionChip.css';const C = ["disabled"], k = { class: "rds-e-s
     }), a = () => {
       e.disabled || c("onClickChip", e.filterValue);
     };
-    return (t, S) => (s(), p("button", {
+    return (t, B) => (s(), p("button", {
+      id: i.id,
       ref_key: "chipRef",
       ref: o,
       class: u(n.value),
@@ -73,16 +81,16 @@ import './style/selectionChip.css';const C = ["disabled"], k = { class: "rds-e-s
       type: "button",
       onClick: a
     }, [
-      e.icon ? (s(), f(y, {
+      e.icon ? (s(), f(_, {
         key: 0,
         name: e.icon,
         class: "rds-e-selection-chip__icon",
         "aria-hidden": "true"
       }, null, 8, ["name"])) : m("", !0),
-      g("span", k, _(i.text), 1)
+      g("span", k, y(i.text), 1)
     ], 10, C));
   }
-}), V = /* @__PURE__ */ b(B, [["__scopeId", "data-v-95b16f06"]]);
+}), V = /* @__PURE__ */ b(S, [["__scopeId", "data-v-9d9c93f9"]]);
 export {
   V as default
 };

package/dist/components/sidedrawer.es.js

@@ -1,5 +1,5 @@
 import { defineComponent as B, toRefs as $, ref as n, computed as u, watch as O, createElementBlock as l, openBlock as a, normalizeClass as v, createElementVNode as o, withModifiers as R, normalizeStyle as z, createCommentVNode as w, createBlock as D, renderSlot as c, toDisplayString as E } from "vue";
-import { R as H } from "./icon-svg-DuzOdbk1.js";
+import { R as H } from "./icon-svg-BU0OQFKH.js";
 import { _ as I } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import './style/sidedrawer.css';const N = { class: "rds-e-sidedrawer__header rds-mb-24" }, T = {
   key: 0,