energy-components 1.22.0 → 2.0.0-beta.0

package/README.md

@@ -34,11 +34,16 @@ If you use npm version >=7.0.0, it will automatically install the `energy-founda
 
 ## Usage
 
-### Before You Begin:
+### Before You Begin
 
-You need to import the energy-foundations styles in your application. If you haven't installed the library yet, follow
+Import Foundations CSS once at app entry, before any component styles. If you haven't installed the library yet, follow
 this [documentation](https://www.npmjs.com/package/energy-foundations?activeTab=readme).
 
+```ts
+// main.ts
+import 'energy-foundations/dist/style.css';
+```
+
 ### Recommended: Independent Components (tree-shaking)
 
 This approach includes only the components you use in the final bundle of your application.
@@ -86,9 +91,19 @@ affecting the performance of your application.
 app.use(RDSLibrary);
 ```
 
-**Important:** If you choose this method of importing the library, you must add an additional CSS file in main.css,
-below the energy-foundations CSS.
+**Important:** If you choose this method of importing the library, you must add an additional CSS file below the energy-foundations CSS.
 
-```vue
-// main.scss @import 'energy-foundations/dist/style.css'; @import 'energy-components/style';
+Recommended in JS entry:
+
+```ts
+// main.ts
+import 'energy-foundations/dist/style.css';
+import 'energy-components/style';
+```
+
+Optional Sass alternative (do not mix both to avoid duplicates):
+
+```scss
+// src/styles/index.scss
+@use 'energy-foundations/dist/style.scss';
 ```

package/dist/components/accordion.es.js

@@ -1,7 +1,7 @@
-import { defineComponent as O, toRefs as q, ref as p, watch as B, nextTick as D, inject as R, onMounted as w, 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 P, normalizeClass as k, renderSlot as T, createTextVNode as j } from "vue";
-import { R as E } from "./icon-svg-K8-vLJgV.js";
-import F from "./tag.es.js";
-import { _ as I } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+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 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 = {
   key: 1,
   class: "rds-e-accordion-title_label"
@@ -61,8 +61,8 @@ import './style/accordion.css';const M = ["id"], $ = { class: "rds-e-accordion-t
     }
   },
   emits: ["update:open", "resized"],
-  setup(o, { expose: x, emit: z }) {
-    const r = o, g = z, { tag: c } = q(r), e = p(r.open), d = p(null), n = p(null);
+  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;
     const u = () => {
       if (!d.value || !n.value) return;
@@ -77,13 +77,13 @@ import './style/accordion.css';const M = ["id"], $ = { class: "rds-e-accordion-t
     };
     B(
       () => r.open,
-      (t) => D(() => {
+      (t) => w(() => {
         s(t);
       }),
       { immediate: !0 }
     );
-    const h = R("registerRDSAccordionChild"), y = R("unregisterRDSAccordionChild");
-    return w(() => {
+    const h = k("registerRDSAccordionChild"), y = k("unregisterRDSAccordionChild");
+    return D(() => {
       h && h({
         id: r.id,
         open: _,
@@ -99,7 +99,7 @@ import './style/accordion.css';const M = ["id"], $ = { class: "rds-e-accordion-t
       })));
     }), A(() => {
       y && y(r.id), a && n.value && a.unobserve(n.value), l && l.disconnect();
-    }), x({
+    }), z({
       /**
        * Abre el panel.
        */
@@ -118,12 +118,12 @@ import './style/accordion.css';const M = ["id"], $ = { class: "rds-e-accordion-t
       }, [
         i("span", $, v(o.title), 1),
         i("div", L, [
-          m(c) && m(c).icon ? (f(), N(F, P({
+          m(c) && m(c).icon ? (f(), N(E, I({
             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),
-          H(E, {
-            class: k(["rds-e-accordion-title_icon", { "rds-e-accordion-title_icon--open": e.value }]),
+          H(j, {
+            class: x(["rds-e-accordion-title_icon", { "rds-e-accordion-title_icon--open": e.value }]),
             name: "arrow_down"
           }, null, 8, ["class"])
         ])
@@ -131,21 +131,21 @@ import './style/accordion.css';const M = ["id"], $ = { class: "rds-e-accordion-t
       i("div", {
         ref_key: "panel",
         ref: d,
-        class: k(["rds-e-accordion-panel", { "rds-e-accordion-panel--open": e.value }])
+        class: x(["rds-e-accordion-panel", { "rds-e-accordion-panel--open": e.value }])
       }, [
         i("div", {
           ref_key: "panelContent",
           ref: n,
           class: "rds-e-accordion-panel_content"
         }, [
-          T(t.$slots, "default", {}, () => [
-            j(v(o.content), 1)
+          P(t.$slots, "default", {}, () => [
+            T(v(o.content), 1)
           ], !0)
         ], 512)
       ], 2)
     ], 8, M));
   }
-}), X = /* @__PURE__ */ I(G, [["__scopeId", "data-v-478849c0"]]);
+}), X = /* @__PURE__ */ F(G, [["__scopeId", "data-v-478849c0"]]);
 export {
   X 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 { R as C } from "./icon-svg-K8-vLJgV.js";
+import { I as C } from "./icon-svg-DxlNo61Q.js";
 import { _ as w } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import './style/avatar.css';const A = ["id", "aria-label"], B = ["src", "alt"], D = {
+import './style/avatar.css';const A = ["id", "aria-label"], B = ["src", "alt"], I = {
   key: 1,
   class: "rds-e-avatar__initials"
 }, N = {
   key: 3,
   class: "rds-e-avatar__badge",
   "aria-hidden": "true"
-}, E = /* @__PURE__ */ h({
+}, D = /* @__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, I) => (n(), s("div", {
+    return (i, E) => (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", D, z(r.value), 1)) : (n(), _(C, {
+      }, null, 8, B)) : t.type === "initials" && r.value ? (n(), s("span", I, 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));
   }
-}), R = /* @__PURE__ */ w(E, [["__scopeId", "data-v-11470780"]]);
+}), V = /* @__PURE__ */ w(D, [["__scopeId", "data-v-11470780"]]);
 export {
-  R as default
+  V as default
 };

package/dist/components/breadcrumbs.es.js

@@ -1,4 +1,4 @@
-import { defineComponent as C, toRefs as h, ref as y, watchEffect as I, onMounted as L, createElementBlock as u, openBlock as d, Fragment as T, renderList as w, normalizeClass as x, unref as B, createVNode as E, mergeProps as j, toHandlers as P, withCtx as S, createCommentVNode as D } from "vue";
+import { defineComponent as C, toRefs as h, ref as y, watchEffect as I, onMounted as L, createElementBlock as u, openBlock as m, Fragment as T, renderList as w, normalizeClass as x, unref as B, createVNode as E, mergeProps as j, toHandlers as P, withCtx as S, createCommentVNode as D } from "vue";
 import N from "./link.es.js";
 import { _ as O } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import './style/breadcrumbs.css';const R = ["id"], V = { key: 0 }, q = /* @__PURE__ */ C({
@@ -41,15 +41,15 @@ import './style/breadcrumbs.css';const R = ["id"], V = { key: 0 }, q = /* @__PUR
     }
   },
   emits: ["onClickTrimmedList", "onClickItem", "onClickEllipsis"],
-  setup(c, { emit: m }) {
-    const s = c, n = m, {
-      items: r,
-      inverse: i
-    } = h(s), a = y(), v = () => {
-      s.leftTrim ? n("onClickTrimmedList", r.value.slice(0, -2)) : n("onClickTrimmedList", r.value.slice(1, -1));
+  setup(o, { emit: f }) {
+    const s = o, a = f, {
+      items: e,
+      inverse: c
+    } = h(s), i = y(), v = () => {
+      s.leftTrim ? a("onClickTrimmedList", e.value.slice(0, -2)) : a("onClickTrimmedList", e.value.slice(1, -1));
     }, p = () => {
-      a.value = [
-        r.value[0],
+      i.value = [
+        e.value[0],
         {
           text: "...",
           active: !1,
@@ -57,10 +57,10 @@ import './style/breadcrumbs.css';const R = ["id"], V = { key: 0 }, q = /* @__PUR
           to: "",
           clickable: !0
         },
-        r.value[r.value.length - 1]
+        e.value[e.value.length - 1]
       ];
     }, k = () => {
-      a.value = [
+      i.value = [
         {
           text: "...",
           active: !1,
@@ -68,48 +68,48 @@ import './style/breadcrumbs.css';const R = ["id"], V = { key: 0 }, q = /* @__PUR
           to: "",
           clickable: !0
         },
-        r.value[r.value.length - 2],
-        r.value[r.value.length - 1]
+        e.value[e.value.length - 2],
+        e.value[e.value.length - 1]
       ];
-    }, f = () => {
-      s.trimItems && r.value.length >= 3 ? p() : s.leftTrim && r.value.length >= 3 ? k() : typeof s.items == "object" ? a.value = s.items : console.error("energy-components: The prop is not an Object");
-    }, b = (e, o) => {
+    }, d = () => {
+      s.trimItems && e.value.length >= 3 ? p() : s.leftTrim && e.value.length >= 3 ? k() : typeof s.items == "object" ? i.value = s.items : console.error("energy-components: The prop is not an Object");
+    }, b = (r, n) => {
       const t = {
-        ...e,
-        inverse: i.value,
+        ...r,
+        inverse: c.value,
         customClass: "rds-e-breadcrumbs__link--text"
       };
-      return o !== a.value.length - 1 && Object.assign(t, {
+      return n !== i.value.length - 1 && Object.assign(t, {
         arrow: !0,
         right: !0,
         arrowSmall: !0
       }), t;
-    }, _ = (e, o) => ({
+    }, _ = (r, n) => ({
       click: (t) => {
-        if (n("onClickItem", { item: e, index: o ?? -1, event: t }), e != null && e.clickable) {
-          const l = s.leftTrim ? r.value.slice(0, -2) : r.value.slice(1, -1);
-          n("onClickEllipsis", { trimmed: l, event: t }), v(), t.preventDefault(), t.stopPropagation();
+        if (a("onClickItem", { item: r, index: n ?? -1, event: t }), r?.clickable) {
+          const l = s.leftTrim ? e.value.slice(0, -2) : e.value.slice(1, -1);
+          a("onClickEllipsis", { trimmed: l, event: t }), v(), t.preventDefault(), t.stopPropagation();
         }
       }
-    }), g = (e) => [
+    }), g = (r) => [
       "rds-e-breadcrumbs__link",
-      e != null && e.active ? "rds-e-breadcrumbs__link--active" : "",
-      i.value && (e != null && e.active) ? "rds-e-breadcrumbs__link--inverse-active" : ""
+      r?.active ? "rds-e-breadcrumbs__link--active" : "",
+      c.value && r?.active ? "rds-e-breadcrumbs__link--inverse-active" : ""
     ];
     return I(() => {
-      f();
+      d();
     }), L(() => {
-      f();
-    }), (e, o) => (d(!0), u(T, null, w(a.value, (t, l) => (d(), u("ul", {
-      id: c.id ? `${c.id}-${l}` : void 0,
+      d();
+    }), (r, n) => (m(!0), u(T, null, w(i.value, (t, l) => (m(), u("ul", {
+      id: o.id ? `${o.id}-${l}` : void 0,
       key: l,
-      class: x(["rds-e-breadcrumbs", `${B(i) ? "rds-e-breadcrumbs--inverse" : ""}`])
+      class: x(["rds-e-breadcrumbs", `${B(c) ? "rds-e-breadcrumbs--inverse" : ""}`])
     }, [
       E(N, j({
         class: g(t)
       }, { ref_for: !0 }, b(t, l), P(_(t, l))), {
         default: S(() => [
-          t != null && t.clickable ? (d(), u("span", V, "...")) : D("", !0)
+          t?.clickable ? (m(), u("span", V, "...")) : D("", !0)
         ]),
         _: 2
       }, 1040, ["class"])

package/dist/components/button.es.js

@@ -1,7 +1,7 @@
-import { defineComponent as x, toRefs as I, computed as r, createElementBlock as $, openBlock as b, normalizeClass as m, unref as n, createBlock as k, createCommentVNode as C, createElementVNode as N, renderSlot as R, createTextVNode as V, toDisplayString as D } from "vue";
-import { R as E } from "./icon-svg-K8-vLJgV.js";
-import { _ as L } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import './style/button.css';const w = ["id", "type", "disabled"], W = { class: "rds-e-btn__text" }, j = /* @__PURE__ */ x({
+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({
   __name: "button",
   props: {
     /**
@@ -113,48 +113,48 @@ import './style/button.css';const w = ["id", "type", "disabled"], W = { class: "
   },
   setup(t) {
     const a = t, {
-      text: l,
-      icon: s,
-      type: i,
-      variant: u,
+      text: c,
+      icon: f,
+      type: l,
+      variant: r,
       small: p,
-      disabled: d,
+      disabled: i,
       mobileWidth: y,
-      inverse: c,
+      inverse: u,
       revertIcon: h,
       loading: v,
       destructive: _,
       id: g
-    } = I(a), f = r(() => v.value ? "loading" : s != null && s.value ? s == null ? void 0 : s.value : ""), B = r(() => i.value && ["button", "submit", "reset"].includes(i.value) ? i.value : "button"), o = r(() => ["primary", "secondary", "ghost", "commercial"].includes(u.value) ? u.value : "primary"), S = r(() => {
+    } = 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 u.value && e.push(`rds-e-btn--${o.value}`), c.value && e.push(`rds-e-btn--${o.value}-inverse`), f.value && e.push(
-        l != null && l.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"), d.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 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(d),
-      class: m(S.value)
+      disabled: n(i),
+      class: m(x.value)
     }, [
-      f.value ? (b(), k(E, {
+      d.value ? (b(), k(w, {
         key: 0,
-        name: f.value,
+        name: d.value,
         small: n(p),
         class: m(["rds-e-btn__icon", [
-          n(c) ? `rds-e-btn__icon--${n(c)}` : "",
-          n(d) ? "rds-e-btn__icon--disabled" : ""
+          n(u) ? `rds-e-btn__icon--${n(u)}` : "",
+          n(i) ? "rds-e-btn__icon--disabled" : ""
         ]]),
         "aria-hidden": "true"
       }, null, 8, ["name", "small", "class"])) : C("", !0),
       N("span", W, [
-        R(e.$slots, "default", {}, () => [
-          V(D(n(l)), 1)
+        V(e.$slots, "default", {}, () => [
+          E(L(n(c)), 1)
         ], !0)
       ])
-    ], 10, w));
+    ], 10, R));
   }
-}), A = /* @__PURE__ */ L(j, [["__scopeId", "data-v-508169ab"]]);
+}), A = /* @__PURE__ */ D(j, [["__scopeId", "data-v-508169ab"]]);
 export {
   A as default
 };

package/dist/components/checkbox.es.js

@@ -1,9 +1,9 @@
-import { defineComponent as D, computed as b, ref as i, watch as y, onMounted as L, onBeforeUnmount as N, createElementBlock as R, openBlock as m, normalizeClass as n, createElementVNode as f, renderSlot as E, createTextVNode as T, createBlock as x, createCommentVNode as p, toDisplayString as U, withCtx as z, createVNode as I } from "vue";
-import { R as g } from "./icon-svg-K8-vLJgV.js";
+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__ */ D({
+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({
   __name: "checkbox",
   props: {
     /**
@@ -115,10 +115,7 @@ 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), S = i(`rds-e-checkbox-${K()}`), v = b(() => {
-      var a;
-      return ((a = l.id) == null ? void 0 : a.toString()) || S.value;
-    }), o = b(() => c.value ? l.modelValue ?? !1 : r.value);
+    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]) => {
@@ -126,7 +123,7 @@ import './style/checkbox.css';const $ = ["id", "checked", "aria-label", "aria-in
       },
       { immediate: !0 }
     );
-    const B = (a) => {
+    const S = (a) => {
       const d = a.target.checked;
       c.value || (r.value = d), C("update:modelValue", d);
     }, h = (a) => {
@@ -136,16 +133,16 @@ import './style/checkbox.css';const $ = ["id", "checked", "aria-label", "aria-in
     }, V = () => {
       u.value && (s.value = !0);
     }, q = () => s.value = !1;
-    return L(() => {
+    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.');
-    }), N(() => {
+    }), D(() => {
       window.removeEventListener("keydown", h), window.removeEventListener("mousedown", k);
     }), y(
       () => l.isChecked,
       (a) => {
         !c.value && a !== void 0 && (r.value = !!a);
       }
-    ), (a, d) => (m(), R("div", {
+    ), (a, d) => (m(), E("div", {
       class: n(["rds-e-checkbox__container", { "rds-e-checkbox__container--focused": s.value }])
     }, [
       f("input", {
@@ -165,7 +162,7 @@ import './style/checkbox.css';const $ = ["id", "checked", "aria-label", "aria-in
         readonly: e.readonly,
         name: e.name || void 0,
         value: e.value,
-        onChange: B,
+        onChange: S,
         onFocus: V,
         onBlur: q
       }, null, 42, $),
@@ -177,7 +174,7 @@ import './style/checkbox.css';const $ = ["id", "checked", "aria-label", "aria-in
           "rds-e-checkbox__label--indeterminate": e.indeterminate && o.value
         }])
       }, [
-        E(a.$slots, "label-text", {}, () => [
+        T(a.$slots, "label-text", {}, () => [
           f("span", {
             class: n([
               "rds-e-checkbox__label-box",
@@ -187,15 +184,15 @@ import './style/checkbox.css';const $ = ["id", "checked", "aria-label", "aria-in
               }
             ])
           }, [
-            T(U(e.label) + " ", 1),
+            p(U(e.label) + " ", 1),
             e.icon && e.iconTooltip ? (m(), x(F, {
               key: 0,
               content: e.iconTooltip,
               placement: "top",
               "offset-space": 8
             }, {
-              default: z(() => [
-                I(g, {
+              default: I(() => [
+                z(g, {
                   class: "rds-e-checkbox__label-box--icon",
                   name: e.icon,
                   size: "sm"
@@ -207,7 +204,7 @@ import './style/checkbox.css';const $ = ["id", "checked", "aria-label", "aria-in
               class: "rds-e-checkbox__label-box--icon",
               name: e.icon,
               size: "sm"
-            }, null, 8, ["name"])) : p("", !0)
+            }, null, 8, ["name"])) : R("", !0)
           ], 2)
         ], !0)
       ], 10, j)

package/dist/components/collapsable.es.js

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

package/dist/components/{collapsable.scss_vue_type_style_index_0_src_true_lang-f-OHx-l3.js → collapsable.scss_vue_type_style_index_0_src_true_lang-BERfoghR.js}

@@ -1,6 +1,6 @@
-import { defineComponent as k, ref as c, computed as r, watch as v, nextTick as i, createElementBlock as w, openBlock as h, normalizeClass as u, createElementVNode as t, withKeys as B, createBlock as C, createCommentVNode as S, createVNode as $, toDisplayString as _, renderSlot as I, createTextVNode as N } from "vue";
-import { R as y } from "./icon-svg-K8-vLJgV.js";
-import './style/collapsable.css';const V = ["id", "aria-expanded", "aria-controls", "disabled"], H = { class: "rds-e-collapsable__header-title" }, D = { class: "rds-e-collapsable__header-title-text" }, E = ["id", "aria-labelledby"], W = /* @__PURE__ */ k({
+import { defineComponent as k, ref as c, computed as r, watch as v, nextTick as i, createElementBlock as w, openBlock as h, normalizeClass as u, createElementVNode as t, withKeys as B, createBlock as C, createCommentVNode as I, createVNode as $, toDisplayString as _, renderSlot as N, createTextVNode as S } from "vue";
+import { I as y } from "./icon-svg-DxlNo61Q.js";
+import './style/collapsable.css';const V = ["id", "aria-expanded", "aria-controls", "disabled"], H = { class: "rds-e-collapsable__header-title" }, E = { class: "rds-e-collapsable__header-title-text" }, K = ["id", "aria-labelledby"], z = /* @__PURE__ */ k({
   __name: "collapsable",
   props: {
     title: {},
@@ -30,7 +30,7 @@ import './style/collapsable.css';const V = ["id", "aria-expanded", "aria-control
       i(() => {
         d();
       });
-    }, { immediate: !0 }), (a, K) => (h(), w("div", {
+    }, { immediate: !0 }), (a, T) => (h(), w("div", {
       class: u(["rds-e-collapsable", {
         "rds-e-collapsable--open": e.value,
         "rds-e-collapsable--disabled": l.disabled,
@@ -51,9 +51,9 @@ import './style/collapsable.css';const V = ["id", "aria-expanded", "aria-control
           key: 0,
           name: l.icon,
           class: "rds-e-collapsable__header-icon"
-        }, null, 8, ["name"])) : S("", !0),
+        }, null, 8, ["name"])) : I("", !0),
         t("span", H, [
-          t("span", D, _(l.title), 1)
+          t("span", E, _(l.title), 1)
         ]),
         $(y, {
           class: u(["rds-e-collapsable__header-arrow", { "rds-e-collapsable__header-arrow--open": e.value }]),
@@ -73,14 +73,14 @@ import './style/collapsable.css';const V = ["id", "aria-expanded", "aria-control
           ref: s,
           class: "rds-e-collapsable__panel-content"
         }, [
-          I(a.$slots, "default", {}, () => [
-            N(_(l.content), 1)
+          N(a.$slots, "default", {}, () => [
+            S(_(l.content), 1)
           ])
         ], 512)
-      ], 10, E)
+      ], 10, K)
     ], 2));
   }
 });
 export {
-  W as _
+  z as _
 };