energy-components 1.18.0 → 1.19.0-beta.0

package/dist/components/{floating-ui.vue-7LKzPqHI.js → floating-ui.vue-DWAG1g94.js}

@@ -1137,10 +1137,10 @@ function Xe(t, e, n) {
   };
 }
 export {
-  Ye as a,
-  qe as b,
+  He as a,
+  Ye as b,
   Ne as c,
-  He as d,
+  qe as d,
   je as f,
   ze as o,
   Ie as s,

package/dist/components/link.es.js

@@ -1,7 +1,7 @@
-import { defineComponent as N, toRefs as V, computed as f, createBlock as p, openBlock as s, resolveDynamicComponent as $, unref as e, normalizeStyle as M, normalizeClass as _, withCtx as O, createCommentVNode as d, createElementBlock as I, mergeProps as k, renderSlot as D, createTextVNode as R, toDisplayString as j } from "vue";
-import { R as v } from "./icon-svg-arye8CV8.js";
-import { _ as P } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import './style/link.css';const T = /* @__PURE__ */ N({
+import { defineComponent as $, toRefs as M, computed as m, createBlock as p, openBlock as s, resolveDynamicComponent as O, unref as e, normalizeStyle as P, normalizeClass as k, withCtx as T, createCommentVNode as d, createElementBlock as I, mergeProps as v, renderSlot as D, createTextVNode as R, toDisplayString as j } from "vue";
+import { R as y } from "./icon-svg-arye8CV8.js";
+import { _ as q } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import './style/link.css';const A = /* @__PURE__ */ $({
   __name: "link",
   props: {
     /**
@@ -96,96 +96,98 @@ import './style/link.css';const T = /* @__PURE__ */ N({
       default: void 0
     }
   },
-  setup(o) {
-    const y = o, {
-      text: w,
-      to: g,
+  emits: ["click"],
+  setup(o, { emit: w }) {
+    const z = o, E = w, {
+      text: g,
+      to: h,
       icon: r,
       tag: u,
       disabled: i,
-      inverse: m,
+      inverse: _,
       arrow: c,
-      right: t,
-      underline: h,
-      customClass: b,
+      right: n,
+      underline: b,
+      customClass: x,
       color: l,
-      arrowSmall: x,
-      id: z
-    } = V(y), E = f(() => l.value ? { color: l.value } : void 0), L = f(() => {
-      var n, B;
+      arrowSmall: S,
+      id: L
+    } = M(z), N = m(() => l.value ? { color: l.value } : void 0), V = m(() => {
+      var t, f;
       const a = ["rds-e-link"];
-      return m.value && a.push("rds-e-link--inverse"), h.value && a.push("rds-e-link--underline"), i.value && a.push("rds-e-style-state-disabled"), ((n = r == null ? void 0 : r.value) == null ? void 0 : n.name) !== "arrow" && a.push("rds-e-arrow-link"), ((B = r == null ? void 0 : r.value) == null ? void 0 : B.name) !== "arrow" && m.value && a.push("rds-e-arrow-link__icon--inverse"), b.value === "rds-e-breadcrumbs__link--text" && a.push("rds-e-link__breadcrumbs"), a.join(" ");
-    }), S = f(() => {
-      var n;
+      return _.value && a.push("rds-e-link--inverse"), b.value && a.push("rds-e-link--underline"), i.value && a.push("rds-e-style-state-disabled"), ((t = r == null ? void 0 : r.value) == null ? void 0 : t.name) !== "arrow" && a.push("rds-e-arrow-link"), ((f = r == null ? void 0 : r.value) == null ? void 0 : f.name) !== "arrow" && _.value && a.push("rds-e-arrow-link__icon--inverse"), x.value === "rds-e-breadcrumbs__link--text" && a.push("rds-e-link__breadcrumbs"), a.join(" ");
+    }), C = m(() => {
+      var t;
       const a = ["rds-e-arrow-link__icon--arrow"];
-      return r != null && r.value && (a.push("rds-e-arrow-link__icon"), i.value && a.push("rds-e-arrow-link__icon--disabled")), ((n = r == null ? void 0 : r.value) == null ? void 0 : n.name) !== "arrow" && m.value && a.push("rds-e-arrow-link__icon--inverse"), a.push(
-        t.value ? "rds-e-arrow-link__icon--animation-right" : "rds-e-arrow-link__icon--animation-left"
+      return r != null && r.value && (a.push("rds-e-arrow-link__icon"), i.value && a.push("rds-e-arrow-link__icon--disabled")), ((t = r == null ? void 0 : r.value) == null ? void 0 : t.name) !== "arrow" && _.value && a.push("rds-e-arrow-link__icon--inverse"), a.push(
+        n.value ? "rds-e-arrow-link__icon--animation-right" : "rds-e-arrow-link__icon--animation-left"
       ), a.join(" ");
-    }), C = f(() => {
+    }), B = m(() => {
       var a;
       return c.value || ((a = r == null ? void 0 : r.value) == null ? void 0 : a.name);
     });
-    return (a, n) => (s(), p($(e(u) === "a" ? e(u) : "router-link"), {
-      id: e(z),
-      class: _(L.value),
-      to: e(u) === "router-link" ? e(g) : null,
-      href: e(u) === "a" ? e(g) : null,
+    return (a, t) => (s(), p(O(e(u) === "a" ? e(u) : "router-link"), {
+      id: e(L),
+      class: k(V.value),
+      to: e(u) === "router-link" ? e(h) : null,
+      href: e(u) === "a" ? e(h) : null,
       disable: e(i),
-      style: M(E.value),
+      style: P(N.value),
       tabindex: e(i) ? -1 : void 0,
-      "aria-disabled": e(i)
+      "aria-disabled": e(i),
+      onClick: t[0] || (t[0] = (f) => E("click", f))
     }, {
-      default: O(() => [
-        e(r).name && !e(t) && !e(c) ? (s(), p(v, k({
+      default: T(() => [
+        e(r).name && !e(n) && !e(c) ? (s(), p(y, v({
           key: 0,
           name: e(r).name
         }, {
           ...e(r)
         }, {
-          class: ["rds-e-link__icon-left", S.value],
+          class: ["rds-e-link__icon-left", C.value],
           style: e(l) ? { color: e(l) } : void 0
         }), null, 16, ["name", "class", "style"])) : d("", !0),
-        e(t) ? (s(), I("span", {
+        e(n) ? (s(), I("span", {
           key: 1,
-          class: _(["rds-e-link__text", [e(b), {
-            "rds-e-mr-xs": C.value,
-            "rds-e-link__text--underline": e(h)
+          class: k(["rds-e-link__text", [e(x), {
+            "rds-e-mr-xs": B.value,
+            "rds-e-link__text--underline": e(b)
           }]])
         }, [
           D(a.$slots, "default", {}, () => [
-            R(j(e(w)), 1)
+            R(j(e(g)), 1)
           ], !0)
         ], 2)) : d("", !0),
-        e(c) ? (s(), p(v, k({ key: 2 }, {
-          name: e(t) ? "arrow_right" : "arrow_left",
-          size: e(x) ? 16 : void 0
+        e(c) ? (s(), p(y, v({ key: 2 }, {
+          name: e(n) ? "arrow_right" : "arrow_left",
+          size: e(S) ? 16 : void 0
         }, {
           class: ["rds-e-arrow-link__icon--arrow", [
-            e(t) ? "rds-e-arrow-link__icon--animation-right" : "rds-e-arrow-link__icon--animation-left",
-            { "rds-flex rds-flex-center-center": e(x) }
+            e(n) ? "rds-e-arrow-link__icon--animation-right" : "rds-e-arrow-link__icon--animation-left",
+            { "rds-flex rds-flex-center-center": e(S) }
           ]],
           style: e(l) ? { color: e(l) } : void 0
         }), null, 16, ["class", "style"])) : d("", !0),
-        e(t) ? d("", !0) : (s(), I("span", {
+        e(n) ? d("", !0) : (s(), I("span", {
           key: 3,
-          class: _(["rds-e-link__text", { "rds-e-ml-xs": C.value }])
+          class: k(["rds-e-link__text", { "rds-e-ml-xs": B.value }])
         }, [
           D(a.$slots, "default", {}, () => [
-            R(j(e(w)), 1)
+            R(j(e(g)), 1)
           ], !0)
         ], 2)),
-        e(r).name && e(t) && !e(c) ? (s(), p(v, k({
+        e(r).name && e(n) && !e(c) ? (s(), p(y, v({
           key: 4,
           name: e(r).name
         }, e(r), {
-          class: ["rds-e-link__icon-right", S.value],
+          class: ["rds-e-link__icon-right", C.value],
           style: e(l) ? { color: e(l) } : void 0
         }), null, 16, ["name", "class", "style"])) : d("", !0)
       ]),
       _: 3
     }, 8, ["id", "class", "to", "href", "disable", "style", "tabindex", "aria-disabled"]));
   }
-}), G = /* @__PURE__ */ P(T, [["__scopeId", "data-v-3a1cb6f7"]]);
+}), J = /* @__PURE__ */ q(A, [["__scopeId", "data-v-16fa62ca"]]);
 export {
-  G as default
+  J as default
 };

package/dist/components/popover.es.js

@@ -1,11 +1,11 @@
-import { useSlots as P, computed as v, ref as g, onBeforeUnmount as $, createElementBlock as r, openBlock as n, createElementVNode as S, createBlock as w, renderSlot as y, Teleport as F, createCommentVNode as E, normalizeStyle as N, unref as D, Fragment as H, renderList as M, toDisplayString as V, nextTick as z } from "vue";
-import { o as A, f as I, s as U, a as j, u as W, d as q } from "./floating-ui.vue-7LKzPqHI.js";
-import { R as G } from "./icon-svg-arye8CV8.js";
-import { _ as J } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import './style/popover.css';const K = { class: "rds-e-popover" }, Q = {
+import { useSlots as $, computed as v, ref as g, onBeforeUnmount as D, createElementBlock as r, openBlock as s, createElementVNode as w, createBlock as E, renderSlot as y, Teleport as F, createCommentVNode as T, normalizeStyle as N, normalizeClass as B, unref as z, Fragment as H, renderList as M, toDisplayString as V, nextTick as A } from "vue";
+import { o as I, f as U, s as j, b as W, u as q, a as G } from "./floating-ui.vue-DWAG1g94.js";
+import { R as J } from "./icon-svg-arye8CV8.js";
+import { _ as K } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import './style/popover.css';const Q = { class: "rds-e-popover" }, X = {
   key: 1,
   class: "rds-e-popover__list"
-}, X = ["onClick"], Y = { class: "rds-e-popover__item-label" }, Z = {
+}, Y = ["onClick"], Z = { class: "rds-e-popover__item-label" }, ee = {
   __name: "popover",
   props: {
     /**
@@ -80,106 +80,106 @@ import './style/popover.css';const K = { class: "rds-e-popover" }, Q = {
      */
     "close"
   ],
-  setup(c, { expose: T, emit: B }) {
-    const o = c, u = B, L = P(), O = v(() => !!L.default), l = g(!1), s = g(null), i = g(null), R = v(() => {
+  setup(c, { expose: L, emit: O }) {
+    const o = c, u = O, R = $(), _ = v(() => !!R.default), n = g(!1), l = g(null), i = g(null), C = v(() => {
       const e = [
-        A(o.offsetSpace)
+        I(o.offsetSpace)
       ];
       return o.autoFlip && e.push(
-        I({
+        U({
           fallbackPlacements: o.fallbackPlacements.length ? o.fallbackPlacements : void 0
         })
       ), e.push(
-        U({ padding: 8 }),
-        j({
-          apply({ availableWidth: b, elements: t }) {
-            const d = Math.min(o.width, b - 32);
+        j({ padding: 8 }),
+        W({
+          apply({ availableWidth: S, elements: t }) {
+            const d = Math.min(o.width, S - 32);
             Object.assign(t.floating.style, {
               width: `${d}px`
             });
           }
         })
       ), e;
-    }), { floatingStyles: x, update: C } = W(
-      s,
+    }), { floatingStyles: x, update: P } = q(
+      l,
       i,
       {
         placement: v(() => o.placement),
-        middleware: R,
-        whileElementsMounted: q
+        middleware: C,
+        whileElementsMounted: G
       }
     );
     let p, f, m;
     const k = () => {
       document.removeEventListener("click", p), document.removeEventListener("keydown", f), document.removeEventListener("scroll", m, !0);
     }, a = () => {
-      l.value && (l.value = !1, u("close"), k());
+      n.value && (n.value = !1, u("close"), k());
     };
     p = (e) => {
-      i.value && !i.value.contains(e.target) && s.value && !s.value.contains(e.target) && a();
+      i.value && !i.value.contains(e.target) && l.value && !l.value.contains(e.target) && a();
     }, f = (e) => {
       e.key === "Escape" && a();
     }, m = () => {
-      if (!s.value) return;
-      const e = s.value.getBoundingClientRect();
+      if (!l.value) return;
+      const e = l.value.getBoundingClientRect();
       (e.bottom < 0 || e.top > window.innerHeight) && a();
     };
-    const _ = async () => {
-      l.value ? a() : (l.value = !0, u("open"), await z(), C(), setTimeout(() => {
+    const b = async () => {
+      n.value ? a() : (n.value = !0, u("open"), await A(), P(), setTimeout(() => {
         document.addEventListener("click", p), document.addEventListener("keydown", f), o.closeOnTriggerHidden && document.addEventListener("scroll", m, !0);
       }));
     }, h = (e) => {
       u("select", e), a();
     };
-    return $(k), T({
-      toggle: _,
+    return D(k), L({
+      toggle: b,
       close: a,
-      isOpen: l
-    }), (e, b) => (n(), r("div", K, [
-      S("button", {
+      isOpen: n
+    }), (e, S) => (s(), r("div", Q, [
+      w("button", {
         ref_key: "referenceRef",
-        ref: s,
+        ref: l,
         class: "rds-e-popover__trigger-btn",
-        onClick: _
+        onClick: b
       }, [
         y(e.$slots, "trigger", {}, void 0, !0)
       ], 512),
-      (n(), w(F, {
+      (s(), E(F, {
         to: c.teleportTo,
         disabled: !c.teleportTo
       }, [
-        l.value ? (n(), r("div", {
+        n.value ? (s(), r("div", {
           key: 0,
           ref_key: "floatingRef",
           ref: i,
-          class: "rds-e-popover__content",
-          style: N(D(x))
+          class: B(["rds-e-popover__content", { "rds-e-popover__content--no-styles": _.value }]),
+          style: N(z(x))
         }, [
-          O.value ? y(e.$slots, "default", { key: 0 }, void 0, !0) : (n(), r("ul", Q, [
-            (n(!0), r(H, null, M(c.items, (t, d) => y(e.$slots, "item", {
+          _.value ? y(e.$slots, "default", { key: 0 }, void 0, !0) : (s(), r("ul", X, [
+            (s(!0), r(H, null, M(c.items, (t, d) => y(e.$slots, "item", {
               item: t,
               index: d,
               onSelect: () => h(t)
             }, () => [
-              (n(), r("li", {
+              (s(), r("li", {
                 key: d,
-                class: "rds-e-popover__item rds-body-02",
-                onClick: (ee) => h(t)
+                class: B(["rds-e-popover__item rds-body-02", { "rds-e-popover__item--destructive": t.isDestructive }]),
+                onClick: (te) => h(t)
               }, [
-                t.icon ? (n(), w(G, {
+                t.icon ? (s(), E(J, {
                   key: 0,
                   class: "rds-e-popover__item-icon",
                   name: t.icon
-                }, null, 8, ["name"])) : E("", !0),
-                S("span", Y, V(t.label), 1)
-              ], 8, X))
+                }, null, 8, ["name"])) : T("", !0),
+                w("span", Z, V(t.label), 1)
+              ], 10, Y))
             ], !0)), 256))
           ]))
-        ], 4)) : E("", !0)
+        ], 6)) : T("", !0)
       ], 8, ["to", "disabled"]))
     ]));
   }
-}, se = /* @__PURE__ */ J(Z, [["__scopeId", "data-v-d86bc1ef"]]);
+}, ae = /* @__PURE__ */ K(ee, [["__scopeId", "data-v-eb1307b7"]]);
 export {
-  se as default
+  ae as default
 };

package/dist/components/sidebar.es.js

@@ -1,68 +1,130 @@
-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 = {
+import { ref as u, onMounted as L, onUnmounted as A, defineComponent as O, computed as i, createElementBlock as E, openBlock as B, normalizeStyle as Q, normalizeClass as w, createElementVNode as b, createCommentVNode as j, renderSlot as S } from "vue";
+import { _ as R } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import './style/sidebar.css';function V() {
+  const s = {
     mobile: "(min-width: 0px) and (max-width: 719px)",
     tablet: "(min-width: 720px) and (max-width: 1279px)",
     desktop: "(min-width: 1280px) and (max-width: 1438px)",
     desktopLarge: "(min-width: 1440px) and (max-width: 1599px)",
     ultrawide: "(min-width: 1600px)"
-  }, i = d({
+  }, c = u({
     mobile: !1,
     tablet: !1,
     desktop: !1,
     desktopLarge: !1,
     ultrawide: !1
-  }), c = () => {
-    for (const [o, t] of Object.entries(u)) {
-      const e = window.matchMedia(t);
-      i.value[o] = e.matches;
+  }), k = () => {
+    for (const [n, a] of Object.entries(s)) {
+      const d = window.matchMedia(a);
+      c.value[n] = d.matches;
     }
   };
-  return x(() => {
-    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 };
+  return L(() => {
+    const n = Object.entries(s).map(([a, d]) => {
+      const e = window.matchMedia(d);
+      c.value[a] = e.matches;
+      const r = () => k();
+      return e.addEventListener("change", r), { mediaQuery: e, listener: r };
     });
-    g(() => {
-      o.forEach(({ mediaQuery: t, listener: e }) => {
-        t.removeEventListener("change", e);
+    A(() => {
+      n.forEach(({ mediaQuery: a, listener: d }) => {
+        a.removeEventListener("change", d);
       });
     });
-  }), i;
+  }), c;
 }
-const z = { class: "rds-e-sidebar__sidebar__container" }, M = {
+const q = ["role", "aria-label"], H = ["aria-expanded"], I = { class: "rds-e-sidebar__sidebar__container" }, U = { class: "rds-e-sidebar__content-switch" }, F = ["aria-hidden"], G = ["aria-hidden"], J = {
   key: 0,
   class: "rds-e-sidebar__spacer"
-}, O = /* @__PURE__ */ L({
+}, K = /* @__PURE__ */ O({
   __name: "sidebar",
-  emits: ["sidebarChange"],
-  setup(u, { expose: i, emit: c }) {
-    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,
-      "rds-e-sidebar--desktop-large": a.value.desktopLarge,
-      "rds-e-sidebar--ultrawide": a.value.ultrawide
-    })), C = f(() => ({
+  props: {
+    /**
+     * Etiqueta accesible del landmark.
+     * Cambia si hay más de un landmark del mismo tipo en la página.
+     * @default 'Barra lateral'
+     */
+    ariaLabel: {
+      type: String,
+      default: "Barra lateral"
+    },
+    /**
+     * Activa/desactiva TODAS las animaciones estructurales (ancho, overlay, clip-path).
+     * Útil para entornos de alto rendimiento, tests o si el host gestiona animaciones.
+     * @default true
+     */
+    enableAnimation: {
+      type: Boolean,
+      default: !0
+    },
+    /**
+     * Activa/desactiva animaciones internas del contenido (switch collapsed/expanded, fades, transforms).
+     * Independiente de la animación estructural.
+     * @default true
+     */
+    enableContentAnimation: {
+      type: Boolean,
+      default: !0
+    },
+    /**
+     * Rol ARIA (landmark) del contenedor.
+     * 'complementary' para contenido auxiliar.
+     * 'navigation' si representa navegación principal/secundaria.
+     * @default 'complementary'
+     */
+    landmarkRole: {
+      type: String,
+      default: "complementary",
+      validator: (s) => ["complementary", "navigation"].includes(s)
+    },
+    /**
+     * Duración base de la animación (ms). Si enableAnimation o enableContentAnimation están en false se fuerza a 0 para su ámbito.
+     * @default 320
+     */
+    transitionDuration: {
+      type: Number,
+      default: 320
+    }
+  },
+  emits: ["sidebarChange", "sidebarContentSwitch", "sidebarContentSwitchEnd"],
+  setup(s, { expose: c, emit: k }) {
+    const n = s, a = k, d = u(), e = u(!0), r = u(!1), m = u(!1), p = u(!0), t = V(), D = i(() => n.transitionDuration ?? 320), y = i(() => n.enableAnimation === !1 ? 0 : D.value), f = i(() => n.enableContentAnimation !== !1), g = i(() => y.value / 1e3), $ = i(() => f.value ? g.value : 0), z = i(() => ({
+      "rds-e-sidebar--desktop": t.value.desktop,
+      "rds-e-sidebar--desktop-large": t.value.desktopLarge,
+      "rds-e-sidebar--mobile": t.value.mobile,
+      "rds-e-sidebar--no-content-anim": !f.value,
+      "rds-e-sidebar--tablet": t.value.tablet,
+      "rds-e-sidebar--ultrawide": t.value.ultrawide
+    })), M = i(() => ({
       "rds-e-sidebar__sidebar--collapsed": e.value,
       "rds-e-sidebar__sidebar--expanded": !e.value,
-      "rds-e-sidebar__sidebar--overlay": r.value,
-      "rds-e-sidebar__sidebar--hide": s.value
-    })), 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();
+      "rds-e-sidebar__sidebar--hide": r.value,
+      "rds-e-sidebar__sidebar--overlay": m.value
+    })), T = i(() => ({
+      "--rds-sidebar-transition-duration": `${g.value}s`,
+      "--rds-sidebar-content-transition-duration": `${$.value}s`
+    })), C = () => {
+      a("sidebarChange", e.value);
     };
-    return x(() => {
-      p(), window.addEventListener("resize", p), g(() => {
-        window.removeEventListener("resize", p);
-      });
-    }), i({
+    let o;
+    const _ = (l) => {
+      const v = e.value ? "collapsed" : "expanded", h = l ? "collapsed" : "expanded";
+      if (v !== h)
+        if (a("sidebarContentSwitch", { from: v, to: h, animated: f.value }), e.value = l, C(), o && window.clearTimeout(o), f.value) {
+          const N = y.value;
+          o = window.setTimeout(() => {
+            a("sidebarContentSwitchEnd", { from: v, to: h, animated: !0 }), o = void 0;
+          }, N);
+        } else
+          a("sidebarContentSwitchEnd", { from: v, to: h, animated: !1 });
+    }, x = () => {
+      e.value = !0, r.value = !1, m.value = !0, p.value = !0, t.value.mobile && (r.value = !0, p.value = !1), t.value.desktop && (r.value = !1), t.value.desktopLarge && (e.value = !1, m.value = !1, p.value = !1), t.value.ultrawide && (e.value = !1, m.value = !1), C();
+    };
+    return L(() => {
+      x(), window.addEventListener("resize", x);
+    }), A(() => {
+      window.removeEventListener("resize", x), o && (window.clearTimeout(o), o = void 0);
+    }), c({
       /**
        * { boolean } Muestra el estado actual del sidebar.
        */
@@ -70,33 +132,55 @@ const z = { class: "rds-e-sidebar__sidebar__container" }, M = {
       /**
        * { () => void } Abre el sidebar.
        */
-      openSidebar: () => v(!1),
+      openSidebar: () => _(!1),
       /**
        * { () => void } Cierra el sidebar.
        */
-      closeSidebar: () => v(!0),
+      closeSidebar: () => _(!0),
       /**
        * { (state: boolean) => void } Cambia el estado del sidebar.
        */
-      toogleSidebar: () => v(!e.value)
-    }), (n, Q) => (h(), _("div", {
-      class: k(["rds-e-sidebar", y.value])
+      // Mantener compatibilidad (typo histórico)
+      toogleSidebar: () => _(!e.value),
+      /**
+       * { () => void } Alterna el estado del sidebar. (Nombre correcto)
+       */
+      toggleSidebar: () => _(!e.value)
+    }), (l, v) => (B(), E("div", {
+      class: w(["rds-e-sidebar", z.value]),
+      role: s.landmarkRole,
+      "aria-label": s.ariaLabel,
+      style: Q(T.value)
     }, [
-      w("div", {
+      b("div", {
         ref_key: "sidebar",
-        ref: t,
-        class: k(["rds-e-sidebar__sidebar", C.value])
+        ref: d,
+        class: w(["rds-e-sidebar__sidebar", M.value]),
+        "aria-expanded": !e.value
       }, [
-        b(n.$slots, "content", {}, () => [
-          w("div", z, [
-            e.value ? b(n.$slots, "collapsed", { key: 0 }, void 0, !0) : b(n.$slots, "expanded", { key: 1 }, void 0, !0)
+        S(l.$slots, "content", {}, () => [
+          b("div", I, [
+            b("div", U, [
+              b("div", {
+                class: w(["rds-e-sidebar__section rds-e-sidebar__section--collapsed", { "is-active": e.value }]),
+                "aria-hidden": !e.value
+              }, [
+                S(l.$slots, "collapsed", {}, void 0, !0)
+              ], 10, F),
+              b("div", {
+                class: w(["rds-e-sidebar__section rds-e-sidebar__section--expanded", { "is-active": !e.value }]),
+                "aria-hidden": e.value
+              }, [
+                S(l.$slots, "expanded", {}, void 0, !0)
+              ], 10, G)
+            ])
           ])
         ], !0)
-      ], 2),
-      l.value ? (h(), _("div", M)) : S("", !0)
-    ], 2));
+      ], 10, H),
+      p.value ? (B(), E("div", J)) : j("", !0)
+    ], 14, q));
   }
-}), N = /* @__PURE__ */ B(O, [["__scopeId", "data-v-363d1830"]]);
+}), X = /* @__PURE__ */ R(K, [["__scopeId", "data-v-e66b8e96"]]);
 export {
-  N as default
+  X as default
 };

package/dist/components/style/breadcrumbs.css

@@ -1 +1 @@
-[data-v-dfc178d7]:root{--rds-caption-01: .875rem/1.125rem RepsolSoleTextRegular;--rds-caption-01-bold: .875rem/1.125rem RepsolSoleTextBold;--rds-caption-01-underline: .875rem/1.125rem RepsolSoleTextRegular;--rds-caption-02: .75rem/1rem RepsolSoleTextRegular;--rds-caption-02-bold: .75rem/1rem RepsolSoleTextBold;--rds-caption-02-underline: .75rem/1rem RepsolSoleTextRegular;--rds-caption-tag: .75rem/1rem RepsolSoleTextRegular;--rds-body-01: 1rem/1.5rem RepsolSoleTextRegular;--rds-body-02: .875rem/1.25rem RepsolSoleTextRegular;--rds-body-01-bold: 1rem/1.5rem RepsolSoleTextBold;--rds-body-01-underline: 1rem/1.3125rem RepsolSoleTextRegular;--rds-body-02-bold: .875rem/1.25rem RepsolSoleTextBold;--rds-body-02-underline: .875rem/1.25rem RepsolSoleTextRegular;--rds-button-01: 1rem/1.5rem RepsolSoleTextBold;--rds-button-02: .875rem/1.25rem RepsolSoleTextBold;--rds-title-01: 1.125rem/1.625rem RepsolSoleTextBold;--rds-title-02: 1rem/1.5rem RepsolSoleTextBold;--rds-headline-00-sd: 2.5rem/3rem RepsolSoleDisplayRegular;--rds-headline-00-md: 3.5rem/4.25rem RepsolSoleDisplayRegular;--rds-headline-00-ld: 4rem/5rem RepsolSoleDisplayRegular;--rds-headline-00-xd: 4.5rem/5.75rem RepsolSoleDisplayRegular;--rds-headline-01-sd: 2rem/2.5rem RepsolSoleDisplayRegular;--rds-headline-01-md: 2.5rem/3rem RepsolSoleDisplayRegular;--rds-headline-01-ld: 3rem/3.75rem RepsolSoleDisplayRegular;--rds-headline-01-xd: 3.5rem/4.25rem RepsolSoleDisplayRegular;--rds-headline-02-sd: 1.75rem/2.25rem RepsolSoleDisplayRegular;--rds-headline-02-md: 2rem/2.5rem RepsolSoleDisplayRegular;--rds-headline-02-ld: 2.25rem/3rem RepsolSoleDisplayRegular;--rds-headline-02-xd: 2.75rem/3.5rem RepsolSoleDisplayRegular;--rds-headline-03-sd: 1.375rem/1.875rem RepsolSoleDisplayRegular;--rds-headline-03-md: 1.5rem/2rem RepsolSoleDisplayRegular;--rds-headline-03-ld: 1.75rem/2.25rem RepsolSoleDisplayRegular;--rds-headline-03-xd: 2rem/2.5rem RepsolSoleDisplayRegular;--rds-headline-04-sd: 1.125rem/1.625rem RepsolSoleDisplayRegular;--rds-headline-04-md: 1.125rem/1.625rem RepsolSoleDisplayRegular;--rds-headline-04-ld: 1.25rem/1.75rem RepsolSoleDisplayRegular;--rds-headline-04-xd: 1.5rem/2rem RepsolSoleDisplayRegular;--rds-numbers-00-sd: 3.5rem/4.25rem RepsolSoleDisplayRegular;--rds-numbers-00-md: 3.5rem/4.25rem RepsolSoleDisplayRegular;--rds-numbers-00-ld: 7rem/8.5rem RepsolSoleDisplayRegular;--rds-numbers-00-xd: 7rem/8.5rem RepsolSoleDisplayRegular;--rds-numbers-01-sd: 2.25rem/2.75rem RepsolSoleDisplayRegular;--rds-numbers-01-md: 2.25rem/2.75rem RepsolSoleDisplayRegular;--rds-numbers-01-ld: 3rem/3.75rem RepsolSoleDisplayRegular;--rds-numbers-01-xd: 3rem/3.75rem RepsolSoleDisplayRegular;--rds-numbers-02-sd: 1.75rem/2.25rem RepsolSoleDisplayRegular;--rds-numbers-02-md: 1.75rem/2.25rem RepsolSoleDisplayRegular;--rds-numbers-02-ld: 2.5rem/3rem RepsolSoleDisplayRegular;--rds-numbers-02-xd: 2.5rem/3rem RepsolSoleDisplayRegular;--rds-numbers-03-sd: 1.5rem/2rem RepsolSoleDisplayRegular;--rds-numbers-03-md: 1.5rem/2rem RepsolSoleDisplayRegular;--rds-numbers-03-ld: 1.75rem/2.25rem RepsolSoleDisplayRegular;--rds-numbers-03-xd: 1.75rem/2.25rem RepsolSoleDisplayRegular}.rds-e-breadcrumbs[data-v-dfc178d7]{align-items:center;display:inline-flex}.rds-e-breadcrumbs--inverse[data-v-dfc178d7]{color:#ffffff4d}.rds-e-breadcrumbs__link[data-v-dfc178d7]{font:.875rem/1.25rem RepsolSoleTextRegular;color:#43637d;padding-bottom:.1875rem}.rds-e-breadcrumbs__link--active[data-v-dfc178d7]{border-bottom:none;color:#001e37;font-weight:700}.rds-e-breadcrumbs__link--active[data-v-dfc178d7]:hover{color:#001e37;opacity:1!important}.rds-e-breadcrumbs__link--inverse[data-v-dfc178d7]{border-bottom:.0625rem solid rgba(255,255,255,.3);color:#ffffff4d}.rds-e-breadcrumbs__link--inverse-active[data-v-dfc178d7],.rds-e-breadcrumbs__link--inverse-active[data-v-dfc178d7]:hover{border-bottom:none;color:#001e37}.rds-e-breadcrumbs__link-dots[data-v-dfc178d7]{cursor:pointer}.rds-e-breadcrumbs__link[data-v-dfc178d7]:hover{opacity:.75}.rds-e-breadcrumbs__divider[data-v-dfc178d7]{margin:0 .5rem}.rds-e-breadcrumbs[data-v-dfc178d7] .rds-e-breadcrumbs__link--text{margin-right:4px}
+[data-v-1a87a370]:root{--rds-caption-01: .875rem/1.125rem RepsolSoleTextRegular;--rds-caption-01-bold: .875rem/1.125rem RepsolSoleTextBold;--rds-caption-01-underline: .875rem/1.125rem RepsolSoleTextRegular;--rds-caption-02: .75rem/1rem RepsolSoleTextRegular;--rds-caption-02-bold: .75rem/1rem RepsolSoleTextBold;--rds-caption-02-underline: .75rem/1rem RepsolSoleTextRegular;--rds-caption-tag: .75rem/1rem RepsolSoleTextRegular;--rds-body-01: 1rem/1.5rem RepsolSoleTextRegular;--rds-body-02: .875rem/1.25rem RepsolSoleTextRegular;--rds-body-01-bold: 1rem/1.5rem RepsolSoleTextBold;--rds-body-01-underline: 1rem/1.3125rem RepsolSoleTextRegular;--rds-body-02-bold: .875rem/1.25rem RepsolSoleTextBold;--rds-body-02-underline: .875rem/1.25rem RepsolSoleTextRegular;--rds-button-01: 1rem/1.5rem RepsolSoleTextBold;--rds-button-02: .875rem/1.25rem RepsolSoleTextBold;--rds-title-01: 1.125rem/1.625rem RepsolSoleTextBold;--rds-title-02: 1rem/1.5rem RepsolSoleTextBold;--rds-headline-00-sd: 2.5rem/3rem RepsolSoleDisplayRegular;--rds-headline-00-md: 3.5rem/4.25rem RepsolSoleDisplayRegular;--rds-headline-00-ld: 4rem/5rem RepsolSoleDisplayRegular;--rds-headline-00-xd: 4.5rem/5.75rem RepsolSoleDisplayRegular;--rds-headline-01-sd: 2rem/2.5rem RepsolSoleDisplayRegular;--rds-headline-01-md: 2.5rem/3rem RepsolSoleDisplayRegular;--rds-headline-01-ld: 3rem/3.75rem RepsolSoleDisplayRegular;--rds-headline-01-xd: 3.5rem/4.25rem RepsolSoleDisplayRegular;--rds-headline-02-sd: 1.75rem/2.25rem RepsolSoleDisplayRegular;--rds-headline-02-md: 2rem/2.5rem RepsolSoleDisplayRegular;--rds-headline-02-ld: 2.25rem/3rem RepsolSoleDisplayRegular;--rds-headline-02-xd: 2.75rem/3.5rem RepsolSoleDisplayRegular;--rds-headline-03-sd: 1.375rem/1.875rem RepsolSoleDisplayRegular;--rds-headline-03-md: 1.5rem/2rem RepsolSoleDisplayRegular;--rds-headline-03-ld: 1.75rem/2.25rem RepsolSoleDisplayRegular;--rds-headline-03-xd: 2rem/2.5rem RepsolSoleDisplayRegular;--rds-headline-04-sd: 1.125rem/1.625rem RepsolSoleDisplayRegular;--rds-headline-04-md: 1.125rem/1.625rem RepsolSoleDisplayRegular;--rds-headline-04-ld: 1.25rem/1.75rem RepsolSoleDisplayRegular;--rds-headline-04-xd: 1.5rem/2rem RepsolSoleDisplayRegular;--rds-numbers-00-sd: 3.5rem/4.25rem RepsolSoleDisplayRegular;--rds-numbers-00-md: 3.5rem/4.25rem RepsolSoleDisplayRegular;--rds-numbers-00-ld: 7rem/8.5rem RepsolSoleDisplayRegular;--rds-numbers-00-xd: 7rem/8.5rem RepsolSoleDisplayRegular;--rds-numbers-01-sd: 2.25rem/2.75rem RepsolSoleDisplayRegular;--rds-numbers-01-md: 2.25rem/2.75rem RepsolSoleDisplayRegular;--rds-numbers-01-ld: 3rem/3.75rem RepsolSoleDisplayRegular;--rds-numbers-01-xd: 3rem/3.75rem RepsolSoleDisplayRegular;--rds-numbers-02-sd: 1.75rem/2.25rem RepsolSoleDisplayRegular;--rds-numbers-02-md: 1.75rem/2.25rem RepsolSoleDisplayRegular;--rds-numbers-02-ld: 2.5rem/3rem RepsolSoleDisplayRegular;--rds-numbers-02-xd: 2.5rem/3rem RepsolSoleDisplayRegular;--rds-numbers-03-sd: 1.5rem/2rem RepsolSoleDisplayRegular;--rds-numbers-03-md: 1.5rem/2rem RepsolSoleDisplayRegular;--rds-numbers-03-ld: 1.75rem/2.25rem RepsolSoleDisplayRegular;--rds-numbers-03-xd: 1.75rem/2.25rem RepsolSoleDisplayRegular}.rds-e-breadcrumbs[data-v-1a87a370]{align-items:center;display:inline-flex}.rds-e-breadcrumbs--inverse[data-v-1a87a370]{color:#ffffff4d}.rds-e-breadcrumbs__link[data-v-1a87a370]{font:.875rem/1.25rem RepsolSoleTextRegular;color:#43637d;padding-bottom:.1875rem}.rds-e-breadcrumbs__link--active[data-v-1a87a370]{border-bottom:none;color:#001e37;font-weight:700}.rds-e-breadcrumbs__link--active[data-v-1a87a370]:hover{color:#001e37;opacity:1!important}.rds-e-breadcrumbs__link--inverse[data-v-1a87a370]{border-bottom:.0625rem solid rgba(255,255,255,.3);color:#ffffff4d}.rds-e-breadcrumbs__link--inverse-active[data-v-1a87a370],.rds-e-breadcrumbs__link--inverse-active[data-v-1a87a370]:hover{border-bottom:none;color:#001e37}.rds-e-breadcrumbs__link-dots[data-v-1a87a370]{cursor:pointer}.rds-e-breadcrumbs__link[data-v-1a87a370]:hover{opacity:.75}.rds-e-breadcrumbs__divider[data-v-1a87a370]{margin:0 .5rem}.rds-e-breadcrumbs[data-v-1a87a370] .rds-e-breadcrumbs__link--text{margin-right:4px}