energy-components 1.3.0 → 1.4.0-beta.0

package/dist/components/accordion.es.js

@@ -1,8 +1,8 @@
-import { defineComponent as B, toRefs as D, ref as l, watch as N, nextTick as R, inject as _, onMounted as V, onBeforeUnmount as q, openBlock as v, createElementBlock as w, createElementVNode as n, toDisplayString as h, unref as d, createBlock as H, mergeProps as I, createCommentVNode as P, createVNode as T, normalizeClass as y, renderSlot as j, createTextVNode as A } from "vue";
-import { I as E } from "./icon-svg-GoL3_ayS.js";
+import { defineComponent as R, toRefs as B, ref as l, watch as D, nextTick as N, inject as _, onMounted as V, onBeforeUnmount as q, openBlock as v, createElementBlock as w, createElementVNode as n, toDisplayString as h, unref as d, createBlock as H, mergeProps as P, createCommentVNode as T, createVNode as j, normalizeClass as y, renderSlot as A, createTextVNode as E } from "vue";
+import { R as I } from "./icon-svg-u9BWBbvW.js";
 import O from "./tag.es.js";
 import { _ as $ } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import './style/accordion.css';const b = { class: "rds-e-accordion" }, z = { class: "rds-e-accordion-title" }, M = { class: "rds-e-accordion-title_right" }, U = /* @__PURE__ */ B({
+import './style/accordion.css';const b = { class: "rds-e-accordion" }, z = { class: "rds-e-accordion-title" }, M = { class: "rds-e-accordion-title_right" }, U = /* @__PURE__ */ R({
   __name: "accordion",
   props: {
     /**
@@ -43,21 +43,21 @@ import './style/accordion.css';const b = { class: "rds-e-accordion" }, z = { cla
     }
   },
   emits: ["update:open"],
-  setup(c, { expose: C, emit: k }) {
-    const o = c, x = k, { tag: a } = D(o), t = l(o.open), i = l(null), s = l(null), S = () => {
+  setup(c, { expose: C, emit: S }) {
+    const o = c, k = S, { tag: a } = B(o), t = l(o.open), i = l(null), s = l(null), x = () => {
       if (!i.value || !s.value) return;
       const e = s.value.scrollHeight;
       i.value.style.maxHeight = t.value ? `${e}px` : "0px";
     }, r = (e) => {
-      e === void 0 ? t.value = !t.value : t.value = e, x("update:open", t.value), S();
+      e === void 0 ? t.value = !t.value : t.value = e, k("update:open", t.value), x();
     }, u = () => {
       r(!0);
     }, p = () => {
       r(!1);
     };
-    N(
+    D(
       () => o.open,
-      (e) => R(() => {
+      (e) => N(() => {
         r(e);
       }),
       { immediate: !0 }
@@ -87,11 +87,11 @@ import './style/accordion.css';const b = { class: "rds-e-accordion" }, z = { cla
       }, [
         n("span", z, h(c.title), 1),
         n("div", M, [
-          d(a) && d(a).icon ? (v(), H(O, I({
+          d(a) && d(a).icon ? (v(), H(O, P({
             key: 0,
             class: "rds-e-accordion-title_tag"
-          }, d(a), { small: "" }), null, 16)) : P("", !0),
-          T(E, {
+          }, d(a), { small: "" }), null, 16)) : T("", !0),
+          j(I, {
             class: y(["rds-e-accordion-title_icon", { "rds-e-accordion-title_icon--open": t.value }]),
             name: "arrow_down"
           }, null, 8, ["class"])
@@ -107,8 +107,8 @@ import './style/accordion.css';const b = { class: "rds-e-accordion" }, z = { cla
           ref: s,
           class: "rds-e-accordion-panel_content"
         }, [
-          j(e.$slots, "default", {}, () => [
-            A(h(c.content), 1)
+          A(e.$slots, "default", {}, () => [
+            E(h(c.content), 1)
           ], !0)
         ], 512)
       ], 2)

package/dist/components/button.es.js

@@ -1,7 +1,7 @@
-import { defineComponent as B, toRefs as I, computed as l, openBlock as v, createElementBlock as S, unref as s, normalizeClass as m, createBlock as x, createCommentVNode as k, createElementVNode as $, renderSlot as C, createTextVNode as N, toDisplayString as V } from "vue";
-import { I as E } from "./icon-svg-GoL3_ayS.js";
-import { _ as L } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import './style/button.css';const w = ["type", "disabled"], D = { class: "rds-e-btn__text" }, R = /* @__PURE__ */ B({
+import { defineComponent as B, toRefs as S, computed as l, openBlock as v, createElementBlock as x, unref as s, normalizeClass as m, createBlock as I, createCommentVNode as k, createElementVNode as $, renderSlot as C, createTextVNode as N, toDisplayString as R } from "vue";
+import { R as V } from "./icon-svg-u9BWBbvW.js";
+import { _ as D } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import './style/button.css';const E = ["type", "disabled"], L = { class: "rds-e-btn__text" }, w = /* @__PURE__ */ B({
   __name: "button",
   props: {
     /**
@@ -109,18 +109,18 @@ import './style/button.css';const w = ["type", "disabled"], D = { class: "rds-e-
       inverse: d,
       revertIcon: _,
       loading: p
-    } = I(t), c = l(() => p.value ? "loading" : n != null && n.value ? n == null ? void 0 : n.value : ""), h = l(() => r.value && ["button", "submit", "reset"].includes(r.value) ? r.value : "button"), b = l(() => ["primary", "secondary", "ghost"].includes(i.value) ? i.value : "primary"), g = l(() => {
+    } = S(t), c = l(() => p.value ? "loading" : n != null && n.value ? n == null ? void 0 : n.value : ""), h = l(() => r.value && ["button", "submit", "reset"].includes(r.value) ? r.value : "button"), b = l(() => ["primary", "secondary", "ghost"].includes(i.value) ? i.value : "primary"), g = l(() => {
       const a = ["rds-e-btn"];
       return i.value && a.push(`rds-e-btn--${b.value}`), d.value && a.push(`rds-e-btn--${b.value}-inverse`), c.value && a.push(
         o != null && o.value ? "rds-e-btn--with-icon" : "rds-e-btn--icon"
       ), f.value && a.push("rds-e-btn--small"), _.value && a.push("rds-e-btn--revert"), u.value && a.push("rds-e-style-state-disabled"), p.value && a.push("rds-e-btn--loading"), y.value && a.push("rds-e-btn--mobile-width"), a.join(" ");
     });
-    return (a, W) => (v(), S("button", {
+    return (a, W) => (v(), x("button", {
       type: h.value,
       disabled: s(u),
       class: m(g.value)
     }, [
-      c.value ? (v(), x(E, {
+      c.value ? (v(), I(V, {
         key: 0,
         name: c.value,
         small: s(f),
@@ -130,14 +130,14 @@ import './style/button.css';const w = ["type", "disabled"], D = { class: "rds-e-
         ]]),
         "aria-hidden": "true"
       }, null, 8, ["name", "small", "class"])) : k("", !0),
-      $("span", D, [
+      $("span", L, [
         C(a.$slots, "default", {}, () => [
-          N(V(s(o)), 1)
+          N(R(s(o)), 1)
         ], !0)
       ])
-    ], 10, w));
+    ], 10, E));
   }
-}), T = /* @__PURE__ */ L(R, [["__scopeId", "data-v-a17b5b56"]]);
+}), T = /* @__PURE__ */ D(w, [["__scopeId", "data-v-a17b5b56"]]);
 export {
   T as default
 };

package/dist/components/checkbox.es.js

@@ -1,7 +1,7 @@
 import { defineComponent as x, ref as d, watch as v, onMounted as y, onBeforeUnmount as w, openBlock as b, createElementBlock as g, normalizeClass as o, createElementVNode as n, renderSlot as S, createTextVNode as B, toDisplayString as C, createBlock as E, createCommentVNode as L } from "vue";
-import { I as V } from "./icon-svg-GoL3_ayS.js";
+import { R as V } from "./icon-svg-u9BWBbvW.js";
 import { _ } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import './style/checkbox.css';const N = ["id", "checked", "aria-label", "required", "disabled"], q = ["for"], D = /* @__PURE__ */ x({
+import './style/checkbox.css';const D = ["id", "checked", "aria-label", "required", "disabled"], N = ["for"], q = /* @__PURE__ */ x({
   __name: "checkbox",
   props: {
     /**
@@ -80,7 +80,7 @@ import './style/checkbox.css';const N = ["id", "checked", "aria-label", "require
       window.addEventListener("keydown", r), window.addEventListener("mousedown", i);
     }), w(() => {
       window.removeEventListener("keydown", r), window.removeEventListener("mousedown", i);
-    }), (a, I) => (b(), g("div", {
+    }), (a, R) => (b(), g("div", {
       class: o(["rds-e-checkbox__container", { "rds-e-checkbox__container--focused": l.value }])
     }, [
       n("input", {
@@ -94,7 +94,7 @@ import './style/checkbox.css';const N = ["id", "checked", "aria-label", "require
         onChange: m,
         onFocus: h,
         onBlur: k
-      }, null, 42, N),
+      }, null, 42, D),
       n("label", {
         for: e.id.toString(),
         class: o(["rds-e-checkbox__label", {
@@ -121,10 +121,10 @@ import './style/checkbox.css';const N = ["id", "checked", "aria-label", "require
             }, null, 8, ["name"])) : L("", !0)
           ], 2)
         ], !0)
-      ], 10, q)
+      ], 10, N)
     ], 2));
   }
-}), M = /* @__PURE__ */ _(D, [["__scopeId", "data-v-6beff478"]]);
+}), K = /* @__PURE__ */ _(q, [["__scopeId", "data-v-6beff478"]]);
 export {
-  M as default
+  K as default
 };

package/dist/components/datepicker.es.js

@@ -8149,7 +8149,7 @@ const vs = { class: "rds-e-datepicker" }, ps = { class: "rds-e-datepicker__day_w
         "action-row": e.actionRow,
         range: e.range,
         "enable-time-picker": !1
-      }, i.value, {
+      }, { ...i.value, ...y.$attrs }, {
         "onUpdate:modelValue": M[2] || (M[2] = (g) => c.value = g)
       }), tt({
         "dp-input": _e(({ onEnter: g, onTab: H, onClear: I, onBlur: F }) => [
@@ -8202,7 +8202,7 @@ const vs = { class: "rds-e-datepicker" }, ps = { class: "rds-e-datepicker__day_w
       ]), 1040, ["modelValue", "locale", "disabled", "clearable", "action-row", "range"])
     ]));
   }
-}), xs = /* @__PURE__ */ al(hs, [["__scopeId", "data-v-5d88d864"]]);
+}), xs = /* @__PURE__ */ al(hs, [["__scopeId", "data-v-fb579ff6"]]);
 export {
   xs as default
 };

package/dist/components/dropdown.es.js

@@ -1,7 +1,7 @@
-import { defineComponent as H, mergeModels as x, toRefs as J, useModel as K, ref as Q, computed as y, openBlock as i, createElementBlock as b, createVNode as B, mergeProps as W, unref as n, withModifiers as u, createSlots as M, withCtx as o, normalizeClass as X, renderSlot as d, createElementVNode as a, createBlock as T, createCommentVNode as O, Fragment as Y, toDisplayString as D, nextTick as q } from "vue";
+import { defineComponent as H, mergeModels as x, toRefs as J, useModel as K, ref as Q, computed as y, openBlock as i, createElementBlock as b, createVNode as B, mergeProps as W, unref as n, withModifiers as u, createSlots as M, withCtx as o, normalizeClass as X, renderSlot as d, createElementVNode as a, createBlock as T, createCommentVNode as D, Fragment as Y, toDisplayString as O, nextTick as q } from "vue";
 import Z from "./multiselect.es.js";
 import ee from "./textField.es.js";
-import { I as le } from "./icon-svg-GoL3_ayS.js";
+import { R as le } from "./icon-svg-u9BWBbvW.js";
 import te from "./checkbox.es.js";
 import se from "./radioButton.es.js";
 import { _ as re } from "./_plugin-vue_export-helper-CHgC5LLL.js";
@@ -142,9 +142,9 @@ import './style/dropdown.css';const ne = { class: "rds-e-dropdown" }, oe = { cla
           return r.value.some((s) => s.id === e.id);
       }
       return !1;
-    }, I = (e) => {
-      f("open", e);
     }, L = (e) => {
+      f("open", e);
+    }, I = (e) => {
       f("close", e);
     }, U = (e) => {
       q(() => {
@@ -199,8 +199,8 @@ import './style/dropdown.css';const ne = { class: "rds-e-dropdown" }, oe = { cla
         limit: n(C),
         "limit-text": t.limitText
       }, S.value, {
-        onOpen: I,
-        onClose: L,
+        onOpen: L,
+        onClose: I,
         onSelect: U,
         "onUpdate:modelValue": P,
         onFocus: s[3] || (s[3] = u(() => R(), ["prevent"])),
@@ -266,16 +266,16 @@ import './style/dropdown.css';const ne = { class: "rds-e-dropdown" }, oe = { cla
                   disabled: n(m) || (l == null ? void 0 : l.$isDisabled) || !1,
                   option: l,
                   onClick: u((g) => A(l), ["prevent", "stop"])
-                }, null, 8, ["id", "small", "group-name", "checked", "disabled", "option", "onClick"])) : O("", !0)
+                }, null, 8, ["id", "small", "group-name", "checked", "disabled", "option", "onClick"])) : D("", !0)
               ]),
               a("div", ie, [
                 d(e.$slots, "singleLabel", { option: l }, () => {
                   var g;
                   return [
                     (g = S.value) != null && g.label ? (i(), b(Y, { key: 0 }, [
-                      a("span", null, D(l.label), 1),
-                      l != null && l.detail ? (i(), b("span", ue, D(l.detail), 1)) : O("", !0)
-                    ], 64)) : (i(), b("span", ce, D(l), 1))
+                      a("span", null, O(l.label), 1),
+                      l != null && l.detail ? (i(), b("span", ue, O(l.detail), 1)) : D("", !0)
+                    ], 64)) : (i(), b("span", ce, O(l), 1))
                   ];
                 }, !0)
               ])
@@ -286,7 +286,7 @@ import './style/dropdown.css';const ne = { class: "rds-e-dropdown" }, oe = { cla
                 search: w,
                 index: V
               }, void 0, !0)
-            ])) : O("", !0)
+            ])) : D("", !0)
           ])
         ]),
         _: 2

package/dist/components/{icon-svg-GoL3_ayS.js → icon-svg-u9BWBbvW.js}

@@ -10848,6 +10848,6 @@ const m = o.reduce((c, s) => (c[s.name] = s, c), {}), S = /* @__PURE__ */ a({
   }
 }), k = /* @__PURE__ */ p(S, [["__scopeId", "data-v-426142e9"]]);
 export {
-  k as I,
+  k as R,
   o as i
 };

package/dist/components/iconList.es.js

@@ -1,9 +1,9 @@
 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-GoL3_ayS.js";
+import { i as m, R as k } from "./icon-svg-u9BWBbvW.js";
 import { _ as w } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import './style/iconList.css';const y = { class: "rds-e-icon-list" }, I = ["onClick"], N = /* @__PURE__ */ p({
+import './style/iconList.css';const y = { class: "rds-e-icon-list" }, D = ["onClick"], N = /* @__PURE__ */ p({
   __name: "icon-list",
-  setup(T) {
+  setup(S) {
     const o = a(""), l = a(!1), c = a(""), d = v(() => {
       let t = m;
       return o.value.length > 2 && (t = m.filter(
@@ -33,13 +33,13 @@ import './style/iconList.css';const y = { class: "rds-e-icon-list" }, I = ["onCl
           class: x(["rds-e-icon-list__item", {
             "rds-e-icon-list__item--active": l.value && c.value === e.name
           }]),
-          onClick: (V) => _(e.name)
+          onClick: (T) => _(e.name)
         }, [
           g(k, {
             name: e.name
           }, null, 8, ["name"]),
           r("code", null, h(e.name), 1)
-        ], 10, I))), 128))
+        ], 10, D))), 128))
       ])
     ], 64));
   }

package/dist/components/iconSvg.es.js

@@ -1,4 +1,4 @@
-import { I as a } from "./icon-svg-GoL3_ayS.js";
+import { R as a } from "./icon-svg-u9BWBbvW.js";
 import "./_plugin-vue_export-helper-CHgC5LLL.js";
 export {
   a as default

package/dist/components/index.es.js

@@ -1,73 +1,75 @@
-import { I as i } from "./icon-svg-GoL3_ayS.js";
+import { R as i } from "./icon-svg-u9BWBbvW.js";
 import a from "./button.es.js";
-import m from "./floatingActionButton.es.js";
-import e from "./actionButton.es.js";
-import n from "./checkbox.es.js";
-import S from "./textField.es.js";
+import e from "./floatingActionButton.es.js";
+import m from "./actionButton.es.js";
+import S from "./checkbox.es.js";
+import n from "./textField.es.js";
 import D from "./textArea.es.js";
 import R from "./switch.es.js";
 import p from "./radioButton.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 d from "./quantitySelector.es.js";
+import { _ as s } from "./radio-group.vue_vue_type_script_setup_true_lang-B-kg-575.js";
+import c from "./dropdown.es.js";
+import d from "./datepicker.es.js";
+import f from "./quantitySelector.es.js";
 import l from "./toggle.es.js";
 import u from "./selectionChip.es.js";
-import g from "./tag.es.js";
-import b from "./accordionGroup.es.js";
+import b from "./tag.es.js";
+import g from "./accordionGroup.es.js";
 import B from "./accordion.es.js";
 import T from "./divider.es.js";
 import A from "./card.es.js";
 import x from "./link.es.js";
-import I from "./breadcrumbs.es.js";
-import v from "./tabBar.es.js";
-import _ from "./pagination.es.js";
-import h from "./indicator.es.js";
-import y from "./persistentToast.es.js";
+import w from "./breadcrumbs.es.js";
+import _ from "./tabBar.es.js";
+import h from "./pagination.es.js";
+import y from "./indicator.es.js";
+import I from "./persistentToast.es.js";
 import P from "./infoBox.es.js";
-import w from "./modal.es.js";
+import v from "./modal.es.js";
 import k from "./overlay.es.js";
 import C from "./tooltip.es.js";
 import G from "./sidebar.es.js";
+import F from "./sidedrawer.es.js";
 const t = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   RDSAccordion: B,
-  RDSAccordionGroup: b,
-  RDSActionButton: e,
-  RDSBreadcrumbs: I,
+  RDSAccordionGroup: g,
+  RDSActionButton: m,
+  RDSBreadcrumbs: w,
   RDSButton: a,
   RDSCard: A,
-  RDSCheckbox: n,
-  RDSDatePicker: f,
+  RDSCheckbox: S,
+  RDSDatePicker: d,
   RDSDivider: T,
-  RDSDropdown: s,
-  RDSFloatinActionButton: m,
+  RDSDropdown: c,
+  RDSFloatinActionButton: e,
   RDSIconSvg: i,
-  RDSIndicator: h,
+  RDSIndicator: y,
   RDSInfoBox: P,
   RDSLink: x,
-  RDSModal: w,
+  RDSModal: v,
   RDSOverlay: k,
-  RDSPagination: _,
-  RDSPersistentToast: y,
-  RDSQuantitySelector: d,
+  RDSPagination: h,
+  RDSPersistentToast: I,
+  RDSQuantitySelector: f,
   RDSRadioButton: p,
-  RDSRadioGroup: c,
+  RDSRadioGroup: s,
   RDSSelectionChip: u,
   RDSSidebar: G,
+  RDSSidedrawer: F,
   RDSSwitch: R,
-  RDSTabBar: v,
-  RDSTag: g,
+  RDSTabBar: _,
+  RDSTag: b,
   RDSTextArea: D,
-  RDSTextField: S,
+  RDSTextField: n,
   RDSToggle: l,
   RDSTooltip: C
 }, Symbol.toStringTag, { value: "Module" }));
-let F;
-function co(o) {
-  F = o;
+let M;
+function fo(o) {
+  M = o;
 }
-const so = {
+const lo = {
   install: (o) => {
     for (const r in t)
       o.component(
@@ -78,37 +80,38 @@ const so = {
 };
 export {
   B as RDSAccordion,
-  b as RDSAccordionGroup,
-  e as RDSActionButton,
-  I as RDSBreadcrumbs,
+  g as RDSAccordionGroup,
+  m as RDSActionButton,
+  w as RDSBreadcrumbs,
   a as RDSButton,
   A as RDSCard,
-  n as RDSCheckbox,
-  f as RDSDatePicker,
+  S as RDSCheckbox,
+  d as RDSDatePicker,
   T as RDSDivider,
-  s as RDSDropdown,
-  m as RDSFloatinActionButton,
+  c as RDSDropdown,
+  e as RDSFloatinActionButton,
   i as RDSIconSvg,
-  h as RDSIndicator,
+  y as RDSIndicator,
   P as RDSInfoBox,
   x as RDSLink,
-  w as RDSModal,
+  v as RDSModal,
   k as RDSOverlay,
-  _ as RDSPagination,
-  y as RDSPersistentToast,
-  d as RDSQuantitySelector,
+  h as RDSPagination,
+  I as RDSPersistentToast,
+  f as RDSQuantitySelector,
   p as RDSRadioButton,
-  c as RDSRadioGroup,
+  s as RDSRadioGroup,
   u as RDSSelectionChip,
   G as RDSSidebar,
+  F as RDSSidedrawer,
   R as RDSSwitch,
-  v as RDSTabBar,
-  g as RDSTag,
+  _ as RDSTabBar,
+  b as RDSTag,
   D as RDSTextArea,
-  S as RDSTextField,
+  n as RDSTextField,
   l as RDSToggle,
   C as RDSTooltip,
-  F as VueInstance,
-  so as default,
-  co as setVueInstance
+  M as VueInstance,
+  lo as default,
+  fo as setVueInstance
 };

package/dist/components/infoBox.es.js

@@ -1,19 +1,19 @@
 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-GoL3_ayS.js";
+import { R as b } from "./icon-svg-u9BWBbvW.js";
 import { _ as S } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import './style/infoBox.css';const q = { class: "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 = {
+}, B = { class: "rds-e-info-box__wrapper" }, H = { class: "rds-e-info-box__title__wrapper" }, N = {
   key: 0,
   class: "rds-e-info-box__title rds-mb-03"
-}, N = {
+}, R = {
   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({
+}, D = { class: "rds-e-info-box__text" }, E = /* @__PURE__ */ y({
   __name: "info-box",
   props: {
     /**
@@ -113,13 +113,13 @@ import './style/infoBox.css';const q = { class: "alert" }, $ = {
         ])) : o("", !0),
         a("div", B, [
           a("div", H, [
-            e.title && !e.collapsable ? (t(), s("div", I, i(e.title), 1)) : o("", !0),
+            e.title && !e.collapsable ? (t(), s("div", N, 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),
+              e.title ? (t(), s("div", R, 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 }]),
@@ -138,7 +138,7 @@ import './style/infoBox.css';const q = { class: "alert" }, $ = {
                 ref: c,
                 class: "rds-e-info-box__panel-content"
               }, [
-                a("p", E, i(e.message), 1)
+                a("p", D, i(e.message), 1)
               ], 512)
             ], 512)) : o("", !0)
           ])
@@ -146,7 +146,7 @@ import './style/infoBox.css';const q = { class: "alert" }, $ = {
       ])
     ], 2));
   }
-}), T = /* @__PURE__ */ S(z, [["__scopeId", "data-v-0a87bf57"]]);
+}), T = /* @__PURE__ */ S(E, [["__scopeId", "data-v-0a87bf57"]]);
 export {
   T as default
 };

package/dist/components/link.es.js

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