energy-components 1.0.3 → 1.0.4

package/dist/components/{icon-svg-7Vih8GMM.js → icon-svg-CEZ-L3iv.js}

@@ -10708,7 +10708,7 @@ import './style/icon-svg.css';const n = "selection", I = [
   showQuickUse2: !0,
   showSVGs: !0,
   fontPref: {
-    prefix: "rds-icon-",
+    prefix: "rds-e-icon-",
     metadata: {
       fontFamily: "",
       majorVersion: 1,
@@ -10799,8 +10799,8 @@ const m = o.reduce((c, s) => (c[s.name] = s, c), {}), S = /* @__PURE__ */ a({
     });
     return (e, _) => (l(), t("span", {
       "aria-hidden": "true",
-      class: i(["icon rds-icon", [
-        `rds-icon-${c.name}`,
+      class: i(["icon rds-e-icon", [
+        `rds-e-icon-${c.name}`,
         c.modifier && `icon--${c.modifier}`,
         c.small && "icon--small"
       ]]),
@@ -10812,7 +10812,7 @@ const m = o.reduce((c, s) => (c[s.name] = s, c), {}), S = /* @__PURE__ */ a({
       }, null, 2))), 128))
     ], 6));
   }
-}), k = /* @__PURE__ */ p(S, [["__scopeId", "data-v-104fbd98"]]);
+}), k = /* @__PURE__ */ p(S, [["__scopeId", "data-v-426142e9"]]);
 export {
   k as I,
   o as i

package/dist/components/iconList.es.js

@@ -1,7 +1,7 @@
 import { defineComponent as p, ref as a, computed as v, openBlock as s, createElementBlock as i, Fragment as u, withDirectives as f, createElementVNode as r, vModelText as C, renderList as L, normalizeClass as x, createVNode as g, toDisplayString as h } from "vue";
-import { i as m, I as k } from "./icon-svg-7Vih8GMM.js";
+import { i as m, I as k } from "./icon-svg-CEZ-L3iv.js";
 import { _ as w } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import './style/iconList.css';const y = { class: "rds-icon-list" }, I = ["onClick"], N = /* @__PURE__ */ p({
+import './style/iconList.css';const y = { class: "rds-e-icon-list" }, I = ["onClick"], N = /* @__PURE__ */ p({
   __name: "icon-list",
   setup(T) {
     const o = a(""), l = a(!1), c = a(""), d = v(() => {
@@ -21,7 +21,7 @@ import './style/iconList.css';const y = { class: "rds-icon-list" }, I = ["onClic
     return (t, n) => (s(), i(u, null, [
       f(r("input", {
         "onUpdate:modelValue": n[0] || (n[0] = (e) => o.value = e),
-        class: "rds-icon-list__filter",
+        class: "rds-e-icon-list__filter",
         type: "text",
         placeholder: "Filtrar iconos"
       }, null, 512), [
@@ -30,8 +30,8 @@ import './style/iconList.css';const y = { class: "rds-icon-list" }, I = ["onClic
       r("div", y, [
         (s(!0), i(u, null, L(d.value, (e) => (s(), i("div", {
           key: e.name,
-          class: x(["rds-icon-list__item", {
-            "rds-icon-list__item--active": l.value && c.value === e.name
+          class: x(["rds-e-icon-list__item", {
+            "rds-e-icon-list__item--active": l.value && c.value === e.name
           }]),
           onClick: (V) => _(e.name)
         }, [
@@ -43,7 +43,7 @@ import './style/iconList.css';const y = { class: "rds-icon-list" }, I = ["onClic
       ])
     ], 64));
   }
-}), E = /* @__PURE__ */ w(N, [["__scopeId", "data-v-29b3c814"]]);
+}), F = /* @__PURE__ */ w(N, [["__scopeId", "data-v-12fc5634"]]);
 export {
-  E as default
+  F as default
 };

package/dist/components/iconSvg.es.js

@@ -1,4 +1,4 @@
-import { I as a } from "./icon-svg-7Vih8GMM.js";
+import { I as a } from "./icon-svg-CEZ-L3iv.js";
 import "./_plugin-vue_export-helper-CHgC5LLL.js";
 export {
   a as default

package/dist/components/index.es.js

@@ -1,61 +1,65 @@
-import { I as i } from "./icon-svg-7Vih8GMM.js";
+import { I as i } from "./icon-svg-CEZ-L3iv.js";
 import a from "./button.es.js";
 import m from "./floatingActionButton.es.js";
 import n from "./actionButton.es.js";
 import S from "./checkbox.es.js";
-import D from "./textField.es.js";
-import e from "./textArea.es.js";
-import c from "./switch.es.js";
+import e from "./textField.es.js";
+import D from "./textArea.es.js";
+import R from "./switch.es.js";
 import p from "./radioButton.es.js";
-import { _ as R } from "./radio-group.vue_vue_type_script_setup_true_lang-D-Dl5aHN.js";
-import d from "./dropdown.es.js";
+import { _ as c } from "./radio-group.vue_vue_type_script_setup_true_lang-B-kg-575.js";
+import s from "./dropdown.es.js";
 import f from "./datepicker.es.js";
-import s from "./tag.es.js";
+import d from "./tag.es.js";
 import u from "./accordionGroup.es.js";
 import l from "./accordion.es.js";
-import b from "./divider.es.js";
-import A from "./card.es.js";
-import B from "./link.es.js";
-import g from "./breadcrumbs.es.js";
-import T from "./tabBar.es.js";
-import v from "./pagination.es.js";
+import B from "./divider.es.js";
+import T from "./card.es.js";
+import b from "./link.es.js";
+import A from "./breadcrumbs.es.js";
+import g from "./tabBar.es.js";
+import x from "./pagination.es.js";
 import I from "./indicator.es.js";
-import _ from "./modal.es.js";
-import x from "./overlay.es.js";
-import w from "./tooltip.es.js";
+import v from "./persistentToast.es.js";
+import _ from "./infoBox.es.js";
+import P from "./modal.es.js";
+import w from "./overlay.es.js";
+import k from "./tooltip.es.js";
 const t = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   RDSAccordion: l,
   RDSAccordionGroup: u,
   RDSActionButton: n,
-  RDSBreadcrumbs: g,
+  RDSBreadcrumbs: A,
   RDSButton: a,
-  RDSCard: A,
+  RDSCard: T,
   RDSCheckbox: S,
   RDSDatePicker: f,
-  RDSDivider: b,
-  RDSDropdown: d,
+  RDSDivider: B,
+  RDSDropdown: s,
   RDSFloatinActionButton: m,
   RDSIconSvg: i,
   RDSIndicator: I,
-  RDSLink: B,
-  RDSModal: _,
-  RDSOverlay: x,
-  RDSPagination: v,
+  RDSInfoBox: _,
+  RDSLink: b,
+  RDSModal: P,
+  RDSOverlay: w,
+  RDSPagination: x,
+  RDSPersistentToast: v,
   RDSRadioButton: p,
-  RDSRadioGroup: R,
-  RDSSwitch: c,
-  RDSTabBar: T,
-  RDSTag: s,
-  RDSTextArea: e,
-  RDSTextField: D,
-  RDSTooltip: w
+  RDSRadioGroup: c,
+  RDSSwitch: R,
+  RDSTabBar: g,
+  RDSTag: d,
+  RDSTextArea: D,
+  RDSTextField: e,
+  RDSTooltip: k
 }, Symbol.toStringTag, { value: "Module" }));
-let k;
-function oo(o) {
-  k = o;
+let G;
+function ao(o) {
+  G = o;
 }
-const ro = {
+const mo = {
   install: (o) => {
     for (const r in t)
       o.component(
@@ -68,29 +72,31 @@ export {
   l as RDSAccordion,
   u as RDSAccordionGroup,
   n as RDSActionButton,
-  g as RDSBreadcrumbs,
+  A as RDSBreadcrumbs,
   a as RDSButton,
-  A as RDSCard,
+  T as RDSCard,
   S as RDSCheckbox,
   f as RDSDatePicker,
-  b as RDSDivider,
-  d as RDSDropdown,
+  B as RDSDivider,
+  s as RDSDropdown,
   m as RDSFloatinActionButton,
   i as RDSIconSvg,
   I as RDSIndicator,
-  B as RDSLink,
-  _ as RDSModal,
-  x as RDSOverlay,
-  v as RDSPagination,
+  _ as RDSInfoBox,
+  b as RDSLink,
+  P as RDSModal,
+  w as RDSOverlay,
+  x as RDSPagination,
+  v as RDSPersistentToast,
   p as RDSRadioButton,
-  R as RDSRadioGroup,
-  c as RDSSwitch,
-  T as RDSTabBar,
-  s as RDSTag,
-  e as RDSTextArea,
-  D as RDSTextField,
-  w as RDSTooltip,
-  k as VueInstance,
-  ro as default,
-  oo as setVueInstance
+  c as RDSRadioGroup,
+  R as RDSSwitch,
+  g as RDSTabBar,
+  d as RDSTag,
+  D as RDSTextArea,
+  e as RDSTextField,
+  k as RDSTooltip,
+  G as VueInstance,
+  mo as default,
+  ao as setVueInstance
 };

package/dist/components/indicator.es.js

@@ -1,7 +1,7 @@
-import { defineComponent as k, toRefs as z, ref as y, computed as N, watch as S, onMounted as q, onBeforeUnmount as P, openBlock as d, createElementBlock as u, normalizeClass as h, createElementVNode as p, normalizeStyle as V, Fragment as W, renderList as I, toDisplayString as B, createCommentVNode as C } from "vue";
+import { defineComponent as k, toRefs as z, ref as y, computed as N, watch as S, onMounted as q, onBeforeUnmount as P, openBlock as d, createElementBlock as u, normalizeClass as b, createElementVNode as p, normalizeStyle as V, Fragment as W, renderList as I, toDisplayString as B, createCommentVNode as C } from "vue";
 import { d as T, t as A, a as D } from "./functions-DIHwdgF0.js";
 import { _ as F } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import './style/indicator.css';const M = { class: "rds-indicator__inner" }, U = { class: "rds-indicator__step-content" }, X = { key: 0 }, Y = /* @__PURE__ */ k({
+import './style/indicator.css';const M = { class: "rds-e-indicator__inner" }, U = { class: "rds-e-indicator__step-content" }, X = { key: 0 }, Y = /* @__PURE__ */ k({
   __name: "indicator",
   props: {
     /**
@@ -74,7 +74,7 @@ import './style/indicator.css';const M = { class: "rds-indicator__inner" }, U =
       return {
         [s]: `${a + n}%`
       };
-    }), b = () => {
+    }), h = () => {
       if (_.value && v.value) {
         const r = v.value, e = c.value[0];
         if (e) {
@@ -91,10 +91,10 @@ import './style/indicator.css';const M = { class: "rds-indicator__inner" }, U =
     }, L = (r) => {
       const e = r === 0 || r === t.steps.length - 1, s = !e;
       return {
-        "rds-indicator__step-wrapper--first": r === 0,
-        "rds-indicator__step-wrapper--last": r === t.steps.length - 1,
-        "rds-indicator__step-wrapper--side": e,
-        "rds-indicator__step-wrapper--central": s
+        "rds-e-indicator__step-wrapper--first": r === 0,
+        "rds-e-indicator__step-wrapper--last": r === t.steps.length - 1,
+        "rds-e-indicator__step-wrapper--side": e,
+        "rds-e-indicator__step-wrapper--central": s
       };
     }, g = () => {
       !t.steps || !t.steps.length || t.steps.forEach((r, e) => {
@@ -103,18 +103,18 @@ import './style/indicator.css';const M = { class: "rds-indicator__inner" }, U =
         let n = (w = c.value[e]) == null ? void 0 : w.classList, l = [];
         n && (n = Array.from(n), l = Array.from(n), l = A(
           l,
-          "rds-indicator__bullet--active",
+          "rds-e-indicator__bullet--active",
           s
         ), l = A(
           l,
-          "rds-indicator__bullet--current",
+          "rds-e-indicator__bullet--current",
           a
         ), D(n, l) || setTimeout(() => {
           c.value[e].classList.remove(...n), c.value[e].classList.add(...l);
         }, 150));
       });
     }, m = () => {
-      b();
+      h();
     };
     return S(
       [o, $, R],
@@ -125,51 +125,51 @@ import './style/indicator.css';const M = { class: "rds-indicator__inner" }, U =
     ), S(f, () => {
       g();
     }), q(() => {
-      b(), g(), window.addEventListener("resize", T(m, 200));
+      h(), g(), window.addEventListener("resize", T(m, 200));
     }), P(() => {
       window.removeEventListener("resize", m);
     }), (r, e) => (d(), u("div", {
       ref_key: "$indicator",
       ref: _,
-      class: h(["rds-indicator", [
-        `rds-indicator--${t.direction}`,
-        { "rds-indicator--small": t.variant === "small" },
-        { "rds-indicator--full-width": t.fullWidth }
+      class: b(["rds-e-indicator", [
+        `rds-e-indicator--${t.direction}`,
+        { "rds-e-indicator--small": t.variant === "small" },
+        { "rds-e-indicator--full-width": t.fullWidth }
       ]])
     }, [
       p("div", M, [
         p("div", {
           ref_key: "$progressBar",
           ref: v,
-          class: "rds-indicator__progress-bar"
+          class: "rds-e-indicator__progress-bar"
         }, [
           p("div", {
-            class: "rds-indicator__progress-bar__fill",
+            class: "rds-e-indicator__progress-bar__fill",
             style: V(E.value)
           }, null, 4)
         ], 512),
         (d(!0), u(W, null, I(t.steps, (s, a) => (d(), u("div", {
           key: a,
-          class: h(["rds-indicator__step-wrapper", L(a)])
+          class: b(["rds-e-indicator__step-wrapper", L(a)])
         }, [
           p("div", U, [
             p("div", {
               ref_for: !0,
               ref: (n) => c.value[a] = n,
-              class: "rds-indicator__bullet"
+              class: "rds-e-indicator__bullet"
             }, [
               t.variant !== "small" ? (d(), u("span", X, B(a + 1), 1)) : C("", !0)
             ], 512)
           ]),
           t.variant !== "small" ? (d(), u("div", {
             key: 0,
-            class: h(["rds-indicator__label", { "rds-indicator__label--ellipsis": t.ellipsis }])
+            class: b(["rds-e-indicator__label", { "rds-e-indicator__label--ellipsis": t.ellipsis }])
           }, B(s), 3)) : C("", !0)
         ], 2))), 128))
       ])
     ], 2));
   }
-}), J = /* @__PURE__ */ F(Y, [["__scopeId", "data-v-9e7f9ded"]]);
+}), J = /* @__PURE__ */ F(Y, [["__scopeId", "data-v-5e262dbc"]]);
 export {
   J as default
 };

package/dist/components/infoBox.es.js

@@ -0,0 +1,152 @@
+import { defineComponent as y, ref as d, toRefs as h, computed as k, watch as w, nextTick as C, openBlock as t, createElementBlock as s, normalizeClass as m, createElementVNode as a, createVNode as _, createCommentVNode as o, toDisplayString as i } from "vue";
+import { I as b } from "./icon-svg-CEZ-L3iv.js";
+import { _ as S } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import './style/infoBox.css';const q = { class: "max-layout alert" }, $ = {
+  key: 0,
+  class: "rds-e-info-box__custom-icon-block"
+}, B = { class: "rds-e-info-box__wrapper" }, H = { class: "rds-e-info-box__title__wrapper" }, I = {
+  key: 0,
+  class: "rds-e-info-box__title rds-mb-03"
+}, N = {
+  key: 0,
+  class: "rds-e-info-box__title rds-mb-03"
+}, V = {
+  key: 2,
+  class: "rds-e-info-box__text"
+}, E = { class: "rds-e-info-box__text" }, z = /* @__PURE__ */ y({
+  __name: "info-box",
+  props: {
+    /**
+     * Tipo del mensaje.
+     *
+     * Define el tipo de mensaje que se mostrará. Puede ser uno de los siguientes valores:
+     * - `warning`: Indica un mensaje de advertencia.
+     * - `success`: Indica un mensaje de éxito.
+     * - `error`: Indica un mensaje de error.
+     * - `info`: Indica un mensaje informativo.
+     *
+     * @type {string}
+     * @required
+     */
+    type: {
+      type: String,
+      required: !0,
+      validator: (e) => typeof e == "string" && ["warning", "success", "error", "info"].includes(e)
+    },
+    /**
+     * El contenido del mensaje.
+     *
+     * El texto principal que se mostrará en el mensaje.
+     *
+     * @type {string}
+     * @required
+     */
+    message: {
+      type: String,
+      required: !1
+    },
+    /**
+     * El título del mensaje.
+     *
+     * Un título opcional que se mostrará en la parte superior del mensaje.
+     *
+     * @type {string}
+     * @optional
+     */
+    title: {
+      type: String,
+      required: !1
+    },
+    /**
+     * El icono asociado con el mensaje.
+     *
+     * Un icono opcional que se mostrará junto al mensaje. Puede ser el nombre de un icono de una biblioteca de iconos.
+     *
+     * @type {string}
+     * @optional
+     */
+    icon: {
+      type: String,
+      required: !1
+    },
+    /**
+     * Indica si el mensaje es colapsable.
+     *
+     * @type {boolean}
+     * @optional
+     */
+    collapsable: {
+      type: Boolean,
+      required: !1,
+      default: !1
+    }
+  },
+  setup(e) {
+    const x = e, n = d(!1), r = d(null), c = d(null), { type: l } = h(x), v = k(
+      () => `rds-e-info-box rds-mb-03 rds-e-info-box${l.value === "success" ? "--success" : ""}${l.value === "error" ? "--error" : ""}${l.value === "warning" ? "--warning" : ""}${l.value === "info" ? "--info" : ""}`
+    ), g = () => {
+      if (!r.value || !c.value) return;
+      const u = c.value.scrollHeight;
+      r.value.style.maxHeight = n.value ? `${u}px` : "0px";
+    };
+    w(
+      () => n.value,
+      () => C(() => {
+        g();
+      }),
+      { immediate: !0 }
+    );
+    const p = () => {
+      n.value = !n.value;
+    };
+    return (u, f) => (t(), s("div", {
+      class: m(v.value),
+      role: "alert"
+    }, [
+      a("div", q, [
+        e.icon ? (t(), s("div", $, [
+          _(b, {
+            name: e.icon,
+            class: "rds-e-info-box__custom-icon",
+            "aria-hidden": "true"
+          }, null, 8, ["name"])
+        ])) : o("", !0),
+        a("div", B, [
+          a("div", H, [
+            e.title && !e.collapsable ? (t(), s("div", I, i(e.title), 1)) : o("", !0),
+            e.collapsable ? (t(), s("div", {
+              key: 1,
+              class: "rds-e-info-box__collapsable rds-mb-03",
+              onClick: f[0] || (f[0] = () => p())
+            }, [
+              e.title ? (t(), s("div", N, i(e.title), 1)) : o("", !0),
+              _(b, {
+                name: "arrow_down",
+                class: m(["rds-e-info-box__custom-icon", { "rds-e-info-box__custom-icon--open": n.value }]),
+                "aria-hidden": "true"
+              }, null, 8, ["class"])
+            ])) : o("", !0),
+            e.message && !e.collapsable ? (t(), s("p", V, i(e.message), 1)) : o("", !0),
+            e.collapsable ? (t(), s("div", {
+              key: 3,
+              ref_key: "panel",
+              ref: r,
+              class: "rds-e-info-box__panel"
+            }, [
+              a("div", {
+                ref_key: "panelContent",
+                ref: c,
+                class: "rds-e-info-box__panel-content"
+              }, [
+                a("p", E, i(e.message), 1)
+              ], 512)
+            ], 512)) : o("", !0)
+          ])
+        ])
+      ])
+    ], 2));
+  }
+}), T = /* @__PURE__ */ S(z, [["__scopeId", "data-v-4a206548"]]);
+export {
+  T as default
+};

package/dist/components/link.es.js

@@ -1,5 +1,5 @@
-import { defineComponent as D, toRefs as E, computed as c, openBlock as l, createBlock as d, resolveDynamicComponent as L, unref as e, normalizeClass as m, withCtx as N, mergeProps as _, createCommentVNode as i, createElementBlock as B, renderSlot as C, createTextVNode as S, toDisplayString as I } from "vue";
-import { I as k } from "./icon-svg-7Vih8GMM.js";
+import { defineComponent as D, toRefs as E, computed as f, openBlock as l, createBlock as d, resolveDynamicComponent as L, unref as e, normalizeClass as m, withCtx as N, mergeProps as _, createCommentVNode as i, createElementBlock as B, renderSlot as C, createTextVNode as S, toDisplayString as I } from "vue";
+import { I as k } from "./icon-svg-CEZ-L3iv.js";
 import { _ as R } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import './style/link.css';const V = /* @__PURE__ */ D({
   __name: "link",
@@ -76,21 +76,21 @@ import './style/link.css';const V = /* @__PURE__ */ D({
       icon: n,
       tag: o,
       disabled: p,
-      inverse: f,
+      inverse: c,
       arrow: u,
       right: t,
       underline: h
-    } = E(v), j = c(() => {
+    } = E(v), j = f(() => {
       var r, b;
-      const a = ["rds-link"];
-      return f.value && a.push("rds-link--inverse"), h.value && a.push("rds-link--underline"), p.value && a.push("rds-style-state-disabled"), ((r = n == null ? void 0 : n.value) == null ? void 0 : r.name) !== "arrow" && a.push("link"), ((b = n == null ? void 0 : n.value) == null ? void 0 : b.name) !== "arrow" && f.value && a.push("link__icon--inverse"), a.join(" ");
-    }), w = c(() => {
+      const a = ["rds-e-link"];
+      return c.value && a.push("rds-e-link--inverse"), h.value && a.push("rds-e-link--underline"), p.value && a.push("rds-e-style-state-disabled"), ((r = n == null ? void 0 : n.value) == null ? void 0 : r.name) !== "arrow" && a.push("link"), ((b = n == null ? void 0 : n.value) == null ? void 0 : b.name) !== "arrow" && c.value && a.push("link__icon--inverse"), a.join(" ");
+    }), w = f(() => {
       var r;
       const a = ["link__icon--arrow"];
-      return n != null && n.value && (a.push("link__icon"), p.value && a.push("link__icon--disabled")), ((r = n == null ? void 0 : n.value) == null ? void 0 : r.name) !== "arrow" && f.value && a.push("link__icon--inverse"), a.push(
+      return n != null && n.value && (a.push("link__icon"), p.value && a.push("link__icon--disabled")), ((r = n == null ? void 0 : n.value) == null ? void 0 : r.name) !== "arrow" && c.value && a.push("link__icon--inverse"), a.push(
         t.value ? "link__icon--animation-right" : "link__icon--animation-left"
       ), a.join(" ");
-    }), x = c(() => {
+    }), x = f(() => {
       var a;
       return u.value || ((a = n == null ? void 0 : n.value) == null ? void 0 : a.name);
     });
@@ -101,7 +101,7 @@ import './style/link.css';const V = /* @__PURE__ */ D({
       disable: e(p)
     }, {
       default: N(() => [
-        e(n) && !e(t) && !e(u) ? (l(), d(k, _({
+        e(n).name && !e(t) && !e(u) ? (l(), d(k, _({
           key: 0,
           name: e(n).name
         }, {
@@ -109,9 +109,9 @@ import './style/link.css';const V = /* @__PURE__ */ D({
         }, { class: w.value }), null, 16, ["name", "class"])) : i("", !0),
         e(t) ? (l(), B("span", {
           key: 1,
-          class: m(["rds-link__text", {
-            "rds-mr-xs": x.value,
-            "rds-link__text--underline": e(h)
+          class: m(["rds-e-link__text", {
+            "rds-e-mr-xs": x.value,
+            "rds-e-link__text--underline": e(h)
           }])
         }, [
           C(a.$slots, "default", {}, () => [
@@ -127,13 +127,13 @@ import './style/link.css';const V = /* @__PURE__ */ D({
         }), null, 16, ["class"])) : i("", !0),
         e(t) ? i("", !0) : (l(), B("span", {
           key: 3,
-          class: m(["rds-link__text", { "rds-ml-xs": x.value }])
+          class: m(["rds-e-link__text", { "rds-e-ml-xs": x.value }])
         }, [
           C(a.$slots, "default", {}, () => [
             S(I(e(y)), 1)
           ], !0)
         ], 2)),
-        e(n) && e(t) && !e(u) ? (l(), d(k, _({
+        e(n).name && e(t) && !e(u) ? (l(), d(k, _({
           key: 4,
           name: e(n).name
         }, e(n), { class: w.value }), null, 16, ["name", "class"])) : i("", !0)
@@ -141,7 +141,7 @@ import './style/link.css';const V = /* @__PURE__ */ D({
       _: 3
     }, 8, ["class", "to", "href", "disable"]));
   }
-}), M = /* @__PURE__ */ R(V, [["__scopeId", "data-v-8883f921"]]);
+}), M = /* @__PURE__ */ R(V, [["__scopeId", "data-v-2e064780"]]);
 export {
   M as default
 };

package/dist/components/modal.es.js

@@ -1,15 +1,15 @@
-import { defineComponent as v, ref as y, onMounted as C, openBlock as o, createBlock as m, unref as l, withCtx as p, createVNode as h, createElementVNode as t, renderSlot as d, createCommentVNode as s, createElementBlock as u } from "vue";
+import { defineComponent as v, ref as y, onMounted as C, openBlock as o, createBlock as m, unref as l, withCtx as p, createVNode as h, createElementVNode as t, renderSlot as a, createCommentVNode as s, createElementBlock as u } from "vue";
 import k from "./overlay.es.js";
 import B from "./card.es.js";
-import { I as b } from "./icon-svg-7Vih8GMM.js";
+import { I as b } from "./icon-svg-CEZ-L3iv.js";
 import { _ as R } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import './style/modal.css';const S = { class: "rds-modal__container" }, $ = { class: "rds-modal__header" }, q = {
+import './style/modal.css';const S = { class: "rds-e-modal__container" }, $ = { class: "rds-e-modal__header" }, q = {
   key: 0,
-  class: "rds-modal__section-spacer"
-}, w = { class: "rds-modal__body" }, E = {
+  class: "rds-e-modal__section-spacer"
+}, w = { class: "rds-e-modal__body" }, E = {
   key: 1,
-  class: "rds-modal__section-spacer"
-}, I = { class: "rds-modal__footer" }, N = /* @__PURE__ */ v({
+  class: "rds-e-modal__section-spacer"
+}, I = { class: "rds-e-modal__footer" }, N = /* @__PURE__ */ v({
   __name: "modal",
   props: {
     /**
@@ -45,30 +45,30 @@ import './style/modal.css';const S = { class: "rds-modal__container" }, $ = { cl
     }
   },
   emits: ["onCloseRequest"],
-  setup(a, { emit: f }) {
-    const r = a, n = f, c = y(null), i = () => {
+  setup(d, { emit: f }) {
+    const r = d, n = f, c = y(null), i = () => {
       r.preventClose || n("onCloseRequest");
     };
     return C(() => {
       var e;
       (e = c.value) == null || e.addEventListener("click", i);
-    }), (e, _) => a.open ? (o(), m(l(k), {
+    }), (e, _) => d.open ? (o(), m(l(k), {
       key: 0,
       ref_key: "overlay",
       ref: c,
-      class: "rds-modal__overlay",
+      class: "rds-e-modal__overlay",
       teleport: r.teleport,
       onClick: i
     }, {
       default: p(() => [
-        h(l(B), { class: "rds-modal__card" }, {
+        h(l(B), { class: "rds-e-modal__card" }, {
           default: p(() => [
             t("div", S, [
               t("div", $, [
-                d(e.$slots, "header", {}, void 0, !0),
+                a(e.$slots, "header", {}, void 0, !0),
                 r.showClose ? (o(), m(l(b), {
                   key: 0,
-                  class: "rds-modal__header-close",
+                  class: "rds-e-modal__header-close",
                   name: "close",
                   small: "",
                   onClick: _[0] || (_[0] = () => n("onCloseRequest"))
@@ -76,11 +76,11 @@ import './style/modal.css';const S = { class: "rds-modal__container" }, $ = { cl
               ]),
               e.$slots.body ? (o(), u("span", q)) : s("", !0),
               t("div", w, [
-                d(e.$slots, "body", {}, void 0, !0)
+                a(e.$slots, "body", {}, void 0, !0)
               ]),
               e.$slots.footer ? (o(), u("span", E)) : s("", !0),
               t("div", I, [
-                d(e.$slots, "footer", {}, void 0, !0)
+                a(e.$slots, "footer", {}, void 0, !0)
               ])
             ])
           ]),
@@ -90,7 +90,7 @@ import './style/modal.css';const S = { class: "rds-modal__container" }, $ = { cl
       _: 3
     }, 8, ["teleport"])) : s("", !0);
   }
-}), M = /* @__PURE__ */ R(N, [["__scopeId", "data-v-d1fb90c2"]]);
+}), M = /* @__PURE__ */ R(N, [["__scopeId", "data-v-a952c8fb"]]);
 export {
   M as default
 };