energy-components 2.0.0-beta.1 → 2.0.0-beta.3

package/dist/components/accordion.es.js

@@ -1,11 +1,12 @@
-import { defineComponent as O, toRefs as q, ref as p, watch as B, nextTick as w, inject as k, onMounted as D, onBeforeUnmount as A, createElementBlock as S, openBlock as f, createElementVNode as i, toDisplayString as v, createBlock as N, createCommentVNode as V, createVNode as H, unref as m, mergeProps as I, normalizeClass as x, renderSlot as P, createTextVNode as T } from "vue";
-import { I as j } from "./icon-svg-DxlNo61Q.js";
+import { defineComponent as B, toRefs as D, ref as p, watch as K, nextTick as T, inject as k, onMounted as $, onBeforeUnmount as A, createElementBlock as R, openBlock as f, createElementVNode as i, mergeProps as x, withKeys as z, toDisplayString as v, createBlock as N, createCommentVNode as V, createVNode as H, unref as m, normalizeClass as S, renderSlot as P, createTextVNode as U } from "vue";
+import { R as j } from "./icon-svg-CTR8GnC2.js";
 import E from "./tag.es.js";
-import { _ as F } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import './style/accordion.css';const M = ["id"], $ = { class: "rds-e-accordion-title" }, L = { class: "rds-e-accordion-title_right" }, U = {
+import { R as F, U as I } from "./types-CFEN6-OM.js";
+import { _ as M } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import './style/accordion.css';const L = ["id"], G = ["aria-expanded", "aria-controls"], J = { class: "rds-e-accordion-title" }, Q = { class: "rds-e-accordion-title_right" }, W = {
   key: 1,
   class: "rds-e-accordion-title_label"
-}, G = /* @__PURE__ */ O({
+}, X = ["id", "aria-hidden"], Y = /* @__PURE__ */ B({
   __name: "accordion",
   props: {
     /**
@@ -61,91 +62,106 @@ import './style/accordion.css';const M = ["id"], $ = { class: "rds-e-accordion-t
     }
   },
   emits: ["update:open", "resized"],
-  setup(o, { expose: z, emit: R }) {
-    const r = o, g = R, { tag: c } = q(r), e = p(r.open), d = p(null), n = p(null);
-    let a = null, l = null;
+  setup(n, { expose: w, emit: O }) {
+    const a = n, g = O, { tag: c } = D(a), e = p(a.open), d = p(null), o = p(null);
+    let l = null, s = null;
     const u = () => {
-      if (!d.value || !n.value) return;
-      const t = n.value.scrollHeight;
+      if (!d.value || !o.value) return;
+      const t = o.value.scrollHeight;
       d.value.style.maxHeight = e.value ? `${t}px` : "0px", e.value && g("resized", t);
-    }, s = (t) => {
+    }, r = (t) => {
       t === void 0 ? e.value = !e.value : e.value = t, g("update:open", e.value), u();
-    }, _ = () => {
-      s(!0);
-    }, b = () => {
-      s(!1);
+    }, h = () => {
+      r(!0);
+    }, y = () => {
+      r(!1);
+    }, _ = (t) => {
+      t.preventDefault(), r();
+    }, q = () => {
+      r();
     };
-    B(
-      () => r.open,
-      (t) => w(() => {
-        s(t);
+    K(
+      () => a.open,
+      (t) => T(() => {
+        r(t);
       }),
       { immediate: !0 }
     );
-    const h = k("registerRDSAccordionChild"), y = k("unregisterRDSAccordionChild");
-    return D(() => {
-      h && h({
-        id: r.id,
-        open: _,
-        close: b
-      }), r.autoResize && n.value && (typeof ResizeObserver < "u" ? (a = new ResizeObserver(() => {
+    const b = k(F), C = k(I);
+    return $(() => {
+      b && b({
+        id: a.id,
+        open: h,
+        close: y
+      }), a.autoResize && o.value && (typeof ResizeObserver < "u" ? (l = new ResizeObserver(() => {
         e.value && requestAnimationFrame(() => u());
-      }), a.observe(n.value)) : (l = new MutationObserver(() => {
+      }), l.observe(o.value)) : (s = new MutationObserver(() => {
         e.value && requestAnimationFrame(() => u());
-      }), l.observe(n.value, {
+      }), s.observe(o.value, {
         childList: !0,
         subtree: !0,
         characterData: !0
       })));
     }), A(() => {
-      y && y(r.id), a && n.value && a.unobserve(n.value), l && l.disconnect();
-    }), z({
+      C && C(a.id), l && o.value && l.unobserve(o.value), s && s.disconnect();
+    }), w({
       /**
        * Abre el panel.
        */
-      openPanel: _,
+      openPanel: h,
       /**
        * Cierra el panel.
        */
-      closePanel: b
-    }), (t, C) => (f(), S("div", {
-      id: o.id,
+      closePanel: y
+    }), (t, Z) => (f(), R("div", {
+      id: n.id,
       class: "rds-e-accordion"
     }, [
-      i("div", {
+      i("button", x({
         class: "rds-e-accordion-title_container",
-        onClick: C[0] || (C[0] = () => s())
-      }, [
-        i("span", $, v(o.title), 1),
-        i("div", L, [
-          m(c) && m(c).icon ? (f(), N(E, I({
+        type: "button",
+        "aria-expanded": e.value,
+        "aria-controls": `${n.id}-panel`
+      }, t.$attrs, {
+        onClick: q,
+        onKeydown: [
+          z(_, ["enter"]),
+          z(_, ["space"])
+        ]
+      }), [
+        i("span", J, v(n.title), 1),
+        i("div", Q, [
+          m(c) && m(c).icon ? (f(), N(E, x({
             key: 0,
             class: "rds-e-accordion-title_tag"
-          }, m(c), { small: "" }), null, 16)) : o.label ? (f(), S("span", U, v(o.label), 1)) : V("", !0),
+          }, m(c), { small: "" }), null, 16)) : n.label ? (f(), R("span", W, v(n.label), 1)) : V("", !0),
           H(j, {
-            class: x(["rds-e-accordion-title_icon", { "rds-e-accordion-title_icon--open": e.value }]),
+            class: S(["rds-e-accordion-title_icon", { "rds-e-accordion-title_icon--open": e.value }]),
             name: "arrow_down"
           }, null, 8, ["class"])
         ])
-      ]),
+      ], 16, G),
       i("div", {
+        id: `${n.id}-panel`,
         ref_key: "panel",
         ref: d,
-        class: x(["rds-e-accordion-panel", { "rds-e-accordion-panel--open": e.value }])
+        class: S(["rds-e-accordion-panel", { "rds-e-accordion-panel--open": e.value }]),
+        role: "region",
+        "aria-hidden": !e.value
       }, [
         i("div", {
           ref_key: "panelContent",
-          ref: n,
+          ref: o,
           class: "rds-e-accordion-panel_content"
         }, [
           P(t.$slots, "default", {}, () => [
-            T(v(o.content), 1)
+            U(v(n.content), 1)
           ], !0)
         ], 512)
-      ], 2)
-    ], 8, M));
+      ], 10, X)
+    ], 8, L));
   }
-}), X = /* @__PURE__ */ F(G, [["__scopeId", "data-v-478849c0"]]);
+}), re = /* @__PURE__ */ M(Y, [["__scopeId", "data-v-31602dae"]]);
 export {
-  X as default
+  re as default
 };

package/dist/components/accordionGroup.es.js

@@ -1,14 +1,15 @@
-import { defineComponent as s, ref as t, provide as r, createElementBlock as d, openBlock as i, renderSlot as a } from "vue";
-import { _ as p } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import './style/accordionGroup.css';const u = { class: "rds-e-accordion-group" }, _ = /* @__PURE__ */ s({
+import { defineComponent as l, ref as t, provide as c, createElementBlock as i, openBlock as a, renderSlot as d } from "vue";
+import { R as p, U as u } from "./types-CFEN6-OM.js";
+import { _ } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import './style/accordionGroup.css';const f = { class: "rds-e-accordion-group" }, m = /* @__PURE__ */ l({
   __name: "accordion-group",
-  setup(f, { expose: n }) {
+  setup(v, { expose: n }) {
     const o = t([]);
-    return r("registerRDSAccordionChild", (e) => {
+    return c(p, (e) => {
       o.value.push(e);
-    }), r("unregisterRDSAccordionChild", (e) => {
-      const c = o.value.findIndex((l) => l.id === e);
-      c > -1 && o.value.splice(c, 1);
+    }), c(u, (e) => {
+      const r = o.value.findIndex((s) => s.id === e);
+      r > -1 && o.value.splice(r, 1);
     }), n({
       /**
        * Abre todos los paneles del acordeón
@@ -22,11 +23,11 @@ import './style/accordionGroup.css';const u = { class: "rds-e-accordion-group" }
       closeAll: () => {
         o.value.forEach((e) => e.close());
       }
-    }), (e, c) => (i(), d("div", u, [
-      a(e.$slots, "default", {}, void 0, !0)
+    }), (e, r) => (a(), i("div", f, [
+      d(e.$slots, "default", {}, void 0, !0)
     ]));
   }
-}), x = /* @__PURE__ */ p(_, [["__scopeId", "data-v-97abd23e"]]);
+}), E = /* @__PURE__ */ _(m, [["__scopeId", "data-v-bbe22857"]]);
 export {
-  x as default
+  E as default
 };

package/dist/components/avatar.es.js

@@ -1,14 +1,14 @@
 import { defineComponent as h, computed as a, createElementBlock as s, openBlock as n, withKeys as o, normalizeStyle as u, normalizeClass as k, createBlock as _, createCommentVNode as b, toDisplayString as z } from "vue";
-import { I as C } from "./icon-svg-DxlNo61Q.js";
+import { R as C } from "./icon-svg-CTR8GnC2.js";
 import { _ as w } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import './style/avatar.css';const A = ["id", "aria-label"], B = ["src", "alt"], I = {
+import './style/avatar.css';const A = ["id", "aria-label"], B = ["src", "alt"], D = {
   key: 1,
   class: "rds-e-avatar__initials"
 }, N = {
   key: 3,
   class: "rds-e-avatar__badge",
   "aria-hidden": "true"
-}, D = /* @__PURE__ */ h({
+}, E = /* @__PURE__ */ h({
   __name: "avatar",
   props: {
     /**
@@ -135,7 +135,7 @@ import './style/avatar.css';const A = ["id", "aria-label"], B = ["src", "alt"],
     })), S = a(() => e.alt && e.type === "image" ? e.alt : e.type === "initials" && r.value ? `Avatar con iniciales ${r.value}` : e.type === "icon" ? `Avatar con icono ${c.value}` : e.badge ? "Avatar de usuario con notificación" : "Avatar de usuario"), l = (i) => {
       p("click", i);
     };
-    return (i, E) => (n(), s("div", {
+    return (i, I) => (n(), s("div", {
       id: t.id,
       class: k(["rds-e-avatar", [v.value]]),
       style: u(f.value),
@@ -153,7 +153,7 @@ import './style/avatar.css';const A = ["id", "aria-label"], B = ["src", "alt"],
         src: t.src,
         alt: t.alt,
         class: "rds-e-avatar__image"
-      }, null, 8, B)) : t.type === "initials" && r.value ? (n(), s("span", I, z(r.value), 1)) : (n(), _(C, {
+      }, null, 8, B)) : t.type === "initials" && r.value ? (n(), s("span", D, z(r.value), 1)) : (n(), _(C, {
         key: 2,
         name: c.value,
         class: "rds-e-avatar__icon",
@@ -163,7 +163,7 @@ import './style/avatar.css';const A = ["id", "aria-label"], B = ["src", "alt"],
       t.badge ? (n(), s("span", N)) : b("", !0)
     ], 46, A));
   }
-}), V = /* @__PURE__ */ w(D, [["__scopeId", "data-v-11470780"]]);
+}), R = /* @__PURE__ */ w(E, [["__scopeId", "data-v-11470780"]]);
 export {
-  V as default
+  R as default
 };

package/dist/components/button.es.js

@@ -1,7 +1,7 @@
-import { defineComponent as S, toRefs as I, computed as s, createElementBlock as $, openBlock as b, normalizeClass as m, unref as n, createBlock as k, createCommentVNode as C, createElementVNode as N, renderSlot as V, createTextVNode as E, toDisplayString as L } from "vue";
-import { I as w } from "./icon-svg-DxlNo61Q.js";
-import { _ as D } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import './style/button.css';const R = ["id", "type", "disabled"], W = { class: "rds-e-btn__text" }, j = /* @__PURE__ */ S({
+import { defineComponent as b, computed as s, createElementBlock as f, openBlock as r, mergeProps as p, createBlock as v, createCommentVNode as m, createElementVNode as y, normalizeClass as h, renderSlot as g, createTextVNode as x, toDisplayString as B } from "vue";
+import { R as S } from "./icon-svg-CTR8GnC2.js";
+import { _ } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import './style/button.css';const $ = ["id", "type", "disabled", "aria-disabled", "aria-busy", "aria-label"], L = { class: "rds-e-btn__text" }, I = /* @__PURE__ */ b({
   __name: "button",
   props: {
     /**
@@ -10,8 +10,8 @@ import './style/button.css';const R = ["id", "type", "disabled"], W = { class: "
     text: {
       type: String,
       default: "",
-      validator(t, a) {
-        return !t && !a.icon ? (console.info("No se han pasado ni texto ni icono al botón"), !1) : !0;
+      validator(a, e) {
+        return !a && !e.icon ? (console.info("No se han pasado ni texto ni icono al botón"), !1) : !0;
       }
     },
     /**
@@ -20,8 +20,8 @@ import './style/button.css';const R = ["id", "type", "disabled"], W = { class: "
     icon: {
       type: String,
       default: "",
-      validator(t, a) {
-        return !t && !a.text ? (console.info("No se han pasado ni texto ni icono al botón"), !1) : !0;
+      validator(a, e) {
+        return !a && !e.text ? (console.info("No se han pasado ni texto ni icono al botón"), !1) : !0;
       }
     },
     /**
@@ -32,11 +32,11 @@ import './style/button.css';const R = ["id", "type", "disabled"], W = { class: "
     type: {
       type: String,
       default: "button",
-      validator(t) {
-        const a = ["button", "submit", "reset"].includes(t);
-        return a || console.info(
-          `El tipo ${t} no es válido. Los tipos válidos son: button, submit, reset`
-        ), a;
+      validator(a) {
+        const e = ["button", "submit", "reset"].includes(a);
+        return e || console.info(
+          `El tipo ${a} no es válido. Los tipos válidos son: button, submit, reset`
+        ), e;
       }
     },
     /**
@@ -47,11 +47,11 @@ import './style/button.css';const R = ["id", "type", "disabled"], W = { class: "
     variant: {
       type: String,
       default: "primary",
-      validator(t) {
-        const a = ["primary", "secondary", "ghost", "commercial"].includes(t);
-        return a || console.info(
-          `La variante ${t} no es válida. Las variantes válidas son: primary, secondary, ghost, commercial`
-        ), a;
+      validator(a) {
+        const e = ["primary", "secondary", "ghost", "commercial"].includes(a);
+        return e || console.info(
+          `La variante ${a} no es válida. Las variantes válidas son: primary, secondary, ghost, commercial`
+        ), e;
       }
     },
     /**
@@ -109,52 +109,49 @@ import './style/button.css';const R = ["id", "type", "disabled"], W = { class: "
     id: {
       type: String,
       default: void 0
+    },
+    /**
+     * <span>Etiqueta accesible para botones sin texto visible</span>
+     */
+    ariaLabel: {
+      type: String,
+      default: ""
     }
   },
-  setup(t) {
-    const a = t, {
-      text: c,
-      icon: f,
-      type: l,
-      variant: r,
-      small: p,
-      disabled: i,
-      mobileWidth: y,
-      inverse: u,
-      revertIcon: h,
-      loading: v,
-      destructive: _,
-      id: g
-    } = I(a), d = s(() => v.value ? "loading" : f?.value ? f?.value : ""), B = s(() => l.value && ["button", "submit", "reset"].includes(l.value) ? l.value : "button"), o = s(() => ["primary", "secondary", "ghost", "commercial"].includes(r.value) ? r.value : "primary"), x = s(() => {
-      const e = ["rds-e-btn"];
-      return r.value && e.push(`rds-e-btn--${o.value}`), u.value && e.push(`rds-e-btn--${o.value}-inverse`), d.value && e.push(
-        c?.value ? "rds-e-btn--with-icon" : "rds-e-btn--icon"
-      ), p.value && e.push("rds-e-btn--small"), h.value && e.push("rds-e-btn--revert"), i.value && e.push("rds-e-style-state-disabled"), v.value && e.push("rds-e-btn--loading"), y.value && e.push("rds-e-btn--mobile-width"), _.value && (o.value === "secondary" || o.value === "ghost") && e.push(`rds-e-btn--${o.value}-destructive`), e.join(" ");
-    });
-    return (e, z) => (b(), $("button", {
-      id: n(g),
-      type: B.value,
-      disabled: n(i),
-      class: m(x.value)
-    }, [
-      d.value ? (b(), k(w, {
+  setup(a) {
+    const e = a, i = s(() => e.loading ? "loading" : e.icon ? e.icon : ""), l = s(() => e.type && ["button", "submit", "reset"].includes(e.type) ? e.type : "button"), n = s(() => ["primary", "secondary", "ghost", "commercial"].includes(e.variant) ? e.variant : "primary"), d = s(() => {
+      const t = ["rds-e-btn"];
+      return e.variant && t.push(`rds-e-btn--${n.value}`), e.inverse && t.push(`rds-e-btn--${n.value}-inverse`), i.value && t.push(
+        e.text ? "rds-e-btn--with-icon" : "rds-e-btn--icon"
+      ), e.small && t.push("rds-e-btn--small"), e.revertIcon && t.push("rds-e-btn--revert"), e.disabled && t.push("rds-e-style-state-disabled"), e.loading && t.push("rds-e-btn--loading"), e.mobileWidth && t.push("rds-e-btn--mobile-width"), e.destructive && (n.value === "secondary" || n.value === "ghost") && t.push(`rds-e-btn--${n.value}-destructive`), t.join(" ");
+    }), u = s(() => {
+      const t = [], o = n.value;
+      return e.inverse ? t.push(`rds-e-btn__icon--${o}-inverse`) : t.push(`rds-e-btn__icon--${o}`), e.disabled && t.push("rds-e-btn__icon--disabled"), t;
+    }), c = s(() => e.text ? e.ariaLabel || void 0 : i.value ? e.ariaLabel || i.value : e.ariaLabel || void 0);
+    return (t, o) => (r(), f("button", p({
+      id: a.id,
+      type: l.value,
+      disabled: a.disabled,
+      "aria-disabled": a.disabled || a.loading,
+      "aria-busy": a.loading,
+      "aria-label": c.value,
+      class: d.value
+    }, t.$attrs), [
+      i.value ? (r(), v(S, {
         key: 0,
-        name: d.value,
-        small: n(p),
-        class: m(["rds-e-btn__icon", [
-          n(u) ? `rds-e-btn__icon--${n(u)}` : "",
-          n(i) ? "rds-e-btn__icon--disabled" : ""
-        ]]),
+        name: i.value,
+        small: a.small,
+        class: h(["rds-e-btn__icon", u.value]),
         "aria-hidden": "true"
-      }, null, 8, ["name", "small", "class"])) : C("", !0),
-      N("span", W, [
-        V(e.$slots, "default", {}, () => [
-          E(L(n(c)), 1)
+      }, null, 8, ["name", "small", "class"])) : m("", !0),
+      y("span", L, [
+        g(t.$slots, "default", {}, () => [
+          x(B(a.text), 1)
         ], !0)
       ])
-    ], 10, R));
+    ], 16, $));
   }
-}), A = /* @__PURE__ */ D(j, [["__scopeId", "data-v-508169ab"]]);
+}), V = /* @__PURE__ */ _(I, [["__scopeId", "data-v-87b2596c"]]);
 export {
-  A as default
+  V as default
 };

package/dist/components/checkbox.es.js

@@ -1,9 +1,10 @@
-import { defineComponent as L, computed as b, ref as i, watch as y, onMounted as N, onBeforeUnmount as D, createElementBlock as E, openBlock as m, normalizeClass as n, createElementVNode as f, renderSlot as T, createTextVNode as p, createBlock as x, createCommentVNode as R, toDisplayString as U, withCtx as I, createVNode as z } from "vue";
-import { I as g } from "./icon-svg-DxlNo61Q.js";
-import F from "./tooltip.es.js";
-import { g as K } from "./getInstance-GhoEcxLF.js";
-import { _ as M } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import './style/checkbox.css';const $ = ["id", "checked", "aria-label", "aria-invalid", "aria-required", "aria-describedby", "aria-checked", "required", "disabled", "readonly", "name", "value"], j = ["for"], A = /* @__PURE__ */ L({
+import { defineComponent as D, computed as c, ref as d, watch as N, onMounted as E, onBeforeUnmount as L, createElementBlock as R, openBlock as s, normalizeClass as u, createElementVNode as b, mergeProps as T, renderSlot as U, createTextVNode as z, createBlock as x, createCommentVNode as I, toDisplayString as $, withCtx as F, createVNode as K } from "vue";
+import { R as g } from "./icon-svg-CTR8GnC2.js";
+import M from "./tooltip.es.js";
+import { g as p } from "./getInstance-GhoEcxLF.js";
+import { _ as A } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import './style/checkbox.css';const P = ["id", "checked", "aria-label", "aria-invalid", "aria-required", "aria-describedby", "aria-readonly", "aria-checked", "required", "disabled", "readonly", "name", "value"], j = ["for"], G = /* @__PURE__ */ D({
+  inheritAttrs: !1,
   __name: "checkbox",
   props: {
     /**
@@ -41,14 +42,6 @@ import './style/checkbox.css';const $ = ["id", "checked", "aria-label", "aria-in
       type: String,
       default: ""
     },
-    /**
-     * @deprecated Usar `v-model` o la prop `modelValue` en su lugar.
-     * <span>Estado del checkbox</span>
-     */
-    isChecked: {
-      type: Boolean,
-      default: void 0
-    },
     /**
      * <span>Valor del checkbox, para uso con v-model.</span>
      */
@@ -115,68 +108,70 @@ import './style/checkbox.css';const $ = ["id", "checked", "aria-label", "aria-in
   },
   emits: ["update:modelValue"],
   setup(e, { emit: w }) {
-    const l = e, C = w, c = b(() => l.modelValue !== void 0), r = i(l.isChecked ?? !1), s = i(!1), u = i(!1), t = i(null), B = i(`rds-e-checkbox-${K()}`), v = b(() => l.id?.toString() || B.value), o = b(() => c.value ? l.modelValue ?? !1 : r.value);
-    y(
-      () => [l.indeterminate, o.value],
-      ([a, d]) => {
-        t.value && (t.value.indeterminate = a && d);
+    const t = e, S = w, f = c(() => t.modelValue !== void 0), m = d(!1), i = d(!1), r = d(!1), o = d(null), B = d(`rds-e-checkbox-${p()}`), v = c(() => t.id?.toString() || B.value), l = c(() => f.value ? t.modelValue ?? !1 : m.value);
+    N(
+      () => [t.indeterminate, l.value],
+      ([a, n]) => {
+        o.value && (o.value.indeterminate = a && n);
       },
       { immediate: !0 }
     );
-    const S = (a) => {
-      const d = a.target.checked;
-      c.value || (r.value = d), C("update:modelValue", d);
+    const C = (a) => {
+      const n = a.target;
+      if (t.readonly) {
+        n.checked = l.value, a.preventDefault();
+        return;
+      }
+      const k = n.checked;
+      f.value || (m.value = k), S("update:modelValue", k);
     }, h = (a) => {
-      a.key === "Tab" && (u.value = !0);
-    }, k = () => {
-      u.value = !1;
+      a.key === "Tab" && (r.value = !0);
+    }, y = () => {
+      r.value = !1;
     }, V = () => {
-      u.value && (s.value = !0);
-    }, q = () => s.value = !1;
-    return N(() => {
-      t.value && (t.value.indeterminate = !!(l.indeterminate && o.value)), window.addEventListener("keydown", h), window.addEventListener("mousedown", k), l.isChecked !== void 0 && console.warn('[RDSCheckbox] La prop "isChecked" está deprecada. Usa v-model / modelValue en su lugar.');
-    }), D(() => {
-      window.removeEventListener("keydown", h), window.removeEventListener("mousedown", k);
-    }), y(
-      () => l.isChecked,
-      (a) => {
-        !c.value && a !== void 0 && (r.value = !!a);
-      }
-    ), (a, d) => (m(), E("div", {
-      class: n(["rds-e-checkbox__container", { "rds-e-checkbox__container--focused": s.value }])
+      r.value && (i.value = !0);
+    }, q = () => i.value = !1;
+    return E(() => {
+      o.value && (o.value.indeterminate = !!(t.indeterminate && l.value)), window.addEventListener("keydown", h), window.addEventListener("mousedown", y);
+    }), L(() => {
+      window.removeEventListener("keydown", h), window.removeEventListener("mousedown", y);
+    }), (a, n) => (s(), R("div", {
+      class: u(["rds-e-checkbox__container", { "rds-e-checkbox__container--focused": i.value }])
     }, [
-      f("input", {
+      b("input", T({
         id: v.value,
         ref_key: "inputRef",
-        ref: t,
-        checked: o.value,
+        ref: o
+      }, a.$attrs, {
+        checked: l.value,
         "aria-label": e.accessibilityLabel,
         "aria-invalid": e.error || void 0,
         "aria-required": e.required || void 0,
         "aria-describedby": e.describedBy || void 0,
-        "aria-checked": e.indeterminate && o.value ? "mixed" : void 0,
+        "aria-readonly": e.readonly || void 0,
+        "aria-checked": e.indeterminate && l.value ? "mixed" : void 0,
         type: "checkbox",
-        class: n(["rds-e-checkbox", { "rds-e-checkbox--error": e.error }]),
+        class: ["rds-e-checkbox", { "rds-e-checkbox--error": e.error }],
         required: e.required,
         disabled: e.disabled,
         readonly: e.readonly,
         name: e.name || void 0,
         value: e.value,
-        onChange: S,
+        onChange: C,
         onFocus: V,
         onBlur: q
-      }, null, 42, $),
-      f("label", {
+      }), null, 16, P),
+      b("label", {
         for: v.value,
-        class: n(["rds-e-checkbox__label", {
+        class: u(["rds-e-checkbox__label", {
           "rds-e-checkbox__label--disabled": e.disabled,
-          "rds-e-checkbox__label--checked": o.value,
-          "rds-e-checkbox__label--indeterminate": e.indeterminate && o.value
+          "rds-e-checkbox__label--checked": l.value,
+          "rds-e-checkbox__label--indeterminate": e.indeterminate && l.value
         }])
       }, [
-        T(a.$slots, "label-text", {}, () => [
-          f("span", {
-            class: n([
+        U(a.$slots, "label-text", {}, () => [
+          b("span", {
+            class: u([
               "rds-e-checkbox__label-box",
               {
                 "rds-e-checkbox__label-box--disabled": e.disabled,
@@ -184,33 +179,37 @@ import './style/checkbox.css';const $ = ["id", "checked", "aria-label", "aria-in
               }
             ])
           }, [
-            p(U(e.label) + " ", 1),
-            e.icon && e.iconTooltip ? (m(), x(F, {
+            z($(e.label) + " ", 1),
+            e.icon && e.iconTooltip ? (s(), x(M, {
               key: 0,
               content: e.iconTooltip,
               placement: "top",
               "offset-space": 8
             }, {
-              default: I(() => [
-                z(g, {
+              default: F(() => [
+                K(g, {
                   class: "rds-e-checkbox__label-box--icon",
                   name: e.icon,
+                  "aria-hidden": "true",
+                  focusable: "false",
                   size: "sm"
                 }, null, 8, ["name"])
               ]),
               _: 1
-            }, 8, ["content"])) : e.icon ? (m(), x(g, {
+            }, 8, ["content"])) : e.icon ? (s(), x(g, {
               key: 1,
               class: "rds-e-checkbox__label-box--icon",
               name: e.icon,
+              "aria-hidden": "true",
+              focusable: "false",
               size: "sm"
-            }, null, 8, ["name"])) : R("", !0)
+            }, null, 8, ["name"])) : I("", !0)
           ], 2)
         ], !0)
       ], 10, j)
     ], 2));
   }
-}), Q = /* @__PURE__ */ M(A, [["__scopeId", "data-v-af3a21e1"]]);
+}), X = /* @__PURE__ */ A(G, [["__scopeId", "data-v-366abbf5"]]);
 export {
-  Q as default
+  X as default
 };

package/dist/components/collapsable.es.js

@@ -1,4 +1,4 @@
-import { _ as f } from "./collapsable.scss_vue_type_style_index_0_src_true_lang-BERfoghR.js";
+import { _ as f } from "./collapsable.scss_vue_type_style_index_0_src_true_lang-DGVMcmcy.js";
 export {
   f as default
 };