energy-components 1.15.1 → 1.16.0

package/dist/components/accordion.es.js

@@ -1,5 +1,5 @@
 import { defineComponent as R, toRefs as B, ref as s, watch as D, nextTick as N, inject as v, onMounted as V, onBeforeUnmount as q, createElementBlock as w, openBlock as _, createElementVNode as n, toDisplayString as h, createBlock as H, createCommentVNode as P, createVNode as T, unref as d, mergeProps as j, normalizeClass as y, renderSlot as A, createTextVNode as E } from "vue";
-import { R as I } from "./icon-svg-BGa9K9qG.js";
+import { R as I } from "./icon-svg-BU0OQFKH.js";
 import O from "./tag.es.js";
 import { _ as $ } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import './style/accordion.css';const b = ["id"], z = { class: "rds-e-accordion-title" }, M = { class: "rds-e-accordion-title_right" }, U = /* @__PURE__ */ R({

package/dist/components/avatar.es.js

@@ -1,5 +1,5 @@
 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-BGa9K9qG.js";
+import { R as C } from "./icon-svg-BU0OQFKH.js";
 import { _ as w } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import './style/avatar.css';const A = ["id", "aria-label"], B = ["src", "alt"], D = {
   key: 1,

package/dist/components/button.es.js

@@ -1,5 +1,5 @@
 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-BGa9K9qG.js";
+import { R as E } from "./icon-svg-BU0OQFKH.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({
   __name: "button",

package/dist/components/checkbox.es.js

@@ -1,5 +1,5 @@
 import { defineComponent as V, computed as r, ref as c, watch as _, onMounted as D, onBeforeUnmount as E, createElementBlock as L, openBlock as u, normalizeClass as d, createElementVNode as b, renderSlot as N, createTextVNode as R, createBlock as x, createCommentVNode as T, toDisplayString as q, withCtx as U, createVNode as z } from "vue";
-import { R as y } from "./icon-svg-BGa9K9qG.js";
+import { R as y } from "./icon-svg-BU0OQFKH.js";
 import I from "./tooltip.es.js";
 import { g as F } from "./getInstance-GhoEcxLF.js";
 import { _ as K } from "./_plugin-vue_export-helper-CHgC5LLL.js";

package/dist/components/collapsable.es.js

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

package/dist/components/{collapsable.scss_vue_type_style_index_0_src_true_lang-CWwaY_PV.js → collapsable.scss_vue_type_style_index_0_src_true_lang-Bi5q6Y3n.js}

@@ -1,5 +1,5 @@
 import { defineComponent as w, ref as d, computed as r, watch as f, nextTick as c, createElementBlock as B, openBlock as m, normalizeClass as i, createElementVNode as a, withKeys as C, createBlock as S, createCommentVNode as $, createVNode as I, toDisplayString as v, renderSlot as N, createTextVNode as V } from "vue";
-import { R as h } from "./icon-svg-BGa9K9qG.js";
+import { R as h } from "./icon-svg-BU0OQFKH.js";
 import './style/collapsable.css';const H = ["id", "aria-expanded", "aria-controls", "disabled"], x = { class: "rds-e-collapsable__header-title" }, D = { class: "rds-e-collapsable__header-title-text" }, E = ["id", "aria-labelledby"], W = /* @__PURE__ */ w({
   __name: "collapsable",
   props: {

package/dist/components/directAccess.es.js

@@ -1,5 +1,5 @@
 import { defineComponent as j, toRefs as E, computed as o, createBlock as d, openBlock as l, resolveDynamicComponent as I, unref as t, normalizeClass as N, withCtx as O, renderSlot as u, createElementVNode as m, createCommentVNode as b, createElementBlock as T, normalizeStyle as w, toDisplayString as V } from "vue";
-import { R as S } from "./icon-svg-BGa9K9qG.js";
+import { R as S } from "./icon-svg-BU0OQFKH.js";
 import { _ as q } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import './style/directAccess.css';const A = { class: "rds-e-direct-access__artwork-container" }, M = ["src", "alt", "aria-hidden"], F = { class: "rds-e-direct-access__text-container" }, G = { class: "rds-e-direct-access__text" }, H = /* @__PURE__ */ j({
   __name: "direct-access",

package/dist/components/dragAndDrop.es.js

@@ -1,6 +1,6 @@
 import { defineComponent as k, ref as _, computed as c, createElementBlock as b, openBlock as x, withModifiers as f, normalizeClass as q, createElementVNode as u, renderSlot as L, createVNode as M, createCommentVNode as z, toDisplayString as D } from "vue";
 import { g as A } from "./getInstance-GhoEcxLF.js";
-import { R as U } from "./icon-svg-BGa9K9qG.js";
+import { R as U } from "./icon-svg-BU0OQFKH.js";
 import { _ as V } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import './style/dragAndDrop.css';const O = ["id", "accept", "multiple", "disabled"], P = ["for"], j = { class: "rds-e-drag-and-drop__icon-wrapper" }, G = { class: "rds-e-drag-and-drop__text-container" }, H = { class: "rds-e-drag-and-drop__text" }, J = {
   key: 0,

package/dist/components/dropdown.es.js

@@ -3,7 +3,7 @@ import he from "./multiselect.es.js";
 import ke from "./checkbox.es.js";
 import { _ as $e } from "./radio-group.vue_vue_type_script_setup_true_lang-DpguLlRK.js";
 import Ce from "./radioButton.es.js";
-import { R as Y } from "./icon-svg-BGa9K9qG.js";
+import { R as Y } from "./icon-svg-BU0OQFKH.js";
 import Z from "./textField.es.js";
 import { _ as De } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import './style/dropdown.css';const Se = ["id"], Oe = { class: "rds-e-dropdown__option" }, xe = { class: "rds-e-dropdown__option-container" }, Ve = { class: "rds-e-dropdown__option--prepend" }, Be = { class: "rds-e-dropdown__option--content" }, Ae = {

package/dist/components/fileUploadItem.es.js

@@ -1,5 +1,5 @@
 import { defineComponent as M, ref as N, computed as c, createElementBlock as l, openBlock as o, normalizeClass as $, createElementVNode as r, renderSlot as v, createVNode as p, createCommentVNode as n, toDisplayString as m, withModifiers as I } from "vue";
-import { R as g } from "./icon-svg-BGa9K9qG.js";
+import { R as g } from "./icon-svg-BU0OQFKH.js";
 import z from "./progressBar.es.js";
 import { _ as C } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import './style/fileUploadItem.css';const R = ["id"], w = { class: "rds-e-file-upload-item__icon-container" }, E = { class: "rds-e-file-upload-item__details" }, F = { class: "rds-e-file-upload-item__info-wrapper" }, x = { class: "rds-e-file-upload-item__name" }, D = {

package/dist/components/filterChip.es.js

@@ -1,5 +1,5 @@
 import { defineComponent as g, ref as b, computed as s, createElementBlock as a, openBlock as l, normalizeClass as y, createCommentVNode as r, createElementVNode as k, createBlock as c, toDisplayString as n } from "vue";
-import { R as o } from "./icon-svg-BGa9K9qG.js";
+import { R as o } from "./icon-svg-BU0OQFKH.js";
 import { _ as C } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import './style/filterChip.css';const _ = ["id", "disabled"], I = {
   key: 0,

package/dist/components/filterTag.es.js

@@ -1,5 +1,5 @@
 import { defineComponent as u, ref as m, createElementBlock as b, openBlock as g, withKeys as s, normalizeClass as v, createElementVNode as x, createVNode as p, toDisplayString as y, withModifiers as l } from "vue";
-import { R as S } from "./icon-svg-BGa9K9qG.js";
+import { R as S } from "./icon-svg-BU0OQFKH.js";
 import { _ as h } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import './style/filterTag.css';const w = ["id", "aria-disabled", "tabindex"], _ = { class: "rds-e-filter-tag__text" }, k = /* @__PURE__ */ u({
   __name: "filter-tag",

package/dist/components/{icon-svg-BGa9K9qG.js → icon-svg-BU0OQFKH.js}

@@ -16132,10 +16132,10 @@ import './style/icon-svg.css';const I = [
     return (e, l) => (r(), s("span", {
       id: c.id,
       "aria-hidden": "true",
-      class: a(["rds-e-icon", [
+      class: a(["icon rds-e-icon", [
         `rds-e-icon-${c.name}`,
-        c.modifier && `rds-e-icon--${c.modifier}`,
-        c.small && !c.size && "rds-e-icon--small"
+        c.modifier && `icon--${c.modifier}`,
+        c.small && !c.size && "icon--small"
       ]]),
       style: n(M.value)
     }, [
@@ -16145,7 +16145,7 @@ import './style/icon-svg.css';const I = [
       }, null, 2))), 128))
     ], 14, g));
   }
-}), b = /* @__PURE__ */ u(x, [["__scopeId", "data-v-9a07cd0e"]]);
+}), b = /* @__PURE__ */ u(x, [["__scopeId", "data-v-29e5dc14"]]);
 export {
   b as R,
   d as i,

package/dist/components/iconList.es.js

@@ -1,5 +1,5 @@
 import { defineComponent as p, ref as a, computed as v, createElementBlock as s, openBlock 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, R as k } from "./icon-svg-BGa9K9qG.js";
+import { i as m, R as k } from "./icon-svg-BU0OQFKH.js";
 import { _ as w } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import './style/iconList.css';const y = { class: "rds-e-icon-list" }, D = ["onClick"], N = /* @__PURE__ */ p({
   __name: "icon-list",

package/dist/components/iconSvg.es.js

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

package/dist/components/index.es.js

@@ -1,4 +1,4 @@
-import { R as i } from "./icon-svg-BGa9K9qG.js";
+import { R as i } from "./icon-svg-BU0OQFKH.js";
 import a from "./button.es.js";
 import e from "./floatingActionButton.es.js";
 import m from "./actionButton.es.js";
@@ -24,7 +24,7 @@ import _ from "./divider.es.js";
 import h from "./card.es.js";
 import x from "./tablepaginatedcomponent.es.js";
 import I from "./avatar.es.js";
-import { _ as F } from "./collapsable.scss_vue_type_style_index_0_src_true_lang-CWwaY_PV.js";
+import { _ as F } from "./collapsable.scss_vue_type_style_index_0_src_true_lang-Bi5q6Y3n.js";
 import P from "./link.es.js";
 import k from "./breadcrumbs.es.js";
 import w from "./tabBar.es.js";

package/dist/components/infoBox.es.js

@@ -1,5 +1,5 @@
 import { defineComponent as h, ref as u, toRefs as k, computed as $, watch as S, nextTick as w, createElementBlock as t, openBlock as o, normalizeClass as m, createElementVNode as a, createCommentVNode as s, createVNode as b, toDisplayString as r, renderSlot as v } from "vue";
-import { R as _ } from "./icon-svg-BGa9K9qG.js";
+import { R as _ } from "./icon-svg-BU0OQFKH.js";
 import { _ as C } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import './style/infoBox.css';const q = ["id"], B = { class: "alert" }, H = {
   key: 0,

package/dist/components/link.es.js

@@ -1,5 +1,5 @@
 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-BGa9K9qG.js";
+import { R as v } from "./icon-svg-BU0OQFKH.js";
 import { _ as P } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import './style/link.css';const T = /* @__PURE__ */ N({
   __name: "link",

package/dist/components/modal.es.js

@@ -1,15 +1,18 @@
-import { defineComponent as v, ref as C, computed as R, createBlock as u, createCommentVNode as l, openBlock as a, unref as n, withCtx as c, createVNode as k, withModifiers as g, normalizeStyle as S, createElementVNode as r, createElementBlock as p, renderSlot as i } from "vue";
+import { defineComponent as b, ref as C, computed as c, createBlock as p, createCommentVNode as l, openBlock as d, unref as i, withCtx as f, createVNode as k, withModifiers as R, normalizeStyle as S, createElementVNode as n, createElementBlock as a, renderSlot as m } from "vue";
 import w from "./overlay.es.js";
-import x from "./card.es.js";
-import { R as b } from "./icon-svg-BGa9K9qG.js";
-import { _ as q } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import './style/modal.css';const $ = { class: "rds-e-modal__container" }, B = { class: "rds-e-modal__header" }, O = { class: "rds-e-modal__header-text" }, M = {
+import $ from "./card.es.js";
+import { R as q } from "./icon-svg-BU0OQFKH.js";
+import { _ as x } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import './style/modal.css';const H = { class: "rds-e-modal__container" }, B = { class: "rds-e-modal__header" }, N = { class: "rds-e-modal__header-text" }, O = {
   key: 0,
-  class: "rds-e-modal__section-spacer"
-}, N = { class: "rds-e-modal__body" }, W = {
+  class: "rds-e-modal__body"
+}, M = {
   key: 1,
-  class: "rds-e-modal__section-spacer"
-}, D = { class: "rds-e-modal__footer" }, V = /* @__PURE__ */ v({
+  class: "rds-e-modal__spacer"
+}, W = {
+  key: 2,
+  class: "rds-e-modal__footer"
+}, V = /* @__PURE__ */ b({
   __name: "modal",
   props: {
     /**
@@ -58,6 +61,15 @@ import './style/modal.css';const $ = { class: "rds-e-modal__container" }, B = {
       default: 600,
       validator: (e) => typeof e == "number" ? !0 : /^\d+(?:px|em|rem|%)$/.test(e)
     },
+    /**
+     * Altura máxima del modal en dispositivos móviles en vh, por defecto es 50vh. Recibe un Number cualquiera
+     * que es convertido a vh. El mínimo aceptado es 30 y el máximo aceptado es 90.
+     */
+    mobileHeight: {
+      type: [Number],
+      default: 50,
+      validator: (e) => e < 30 ? (console.warn(`energy-components: mobileHeight: ${e} es menor que 30. Se limitará a 30vh.`), !0) : (e > 90 && console.warn(`energy-components: mobileHeight: ${e} es mayor que 90. Se limitará a 90vh.`), !0)
+    },
     /**
      * ID del modal para testing
      */
@@ -67,85 +79,80 @@ import './style/modal.css';const $ = { class: "rds-e-modal__container" }, B = {
     }
   },
   emits: ["onCloseRequest", "onOpenRequest", "onToggleRequest"],
-  setup(e, { expose: f, emit: _ }) {
-    const t = e, s = _, y = C(null), h = R(() => {
-      const o = typeof t.maxWidth == "number" ? `${t.maxWidth}px` : t.maxWidth, d = typeof t.width == "number" ? `${t.width}px` : t.width;
-      return {
-        "--rds-modal-max-width": o,
-        "--rds-modal-width": d
-      };
-    }), m = () => {
-      t.preventClose || s("onCloseRequest");
+  setup(e, { expose: h, emit: y }) {
+    const t = e, r = y, _ = C(null), v = c(() => t.mobileHeight < 30 ? "30vh" : t.mobileHeight > 90 ? "90vh" : `${t.mobileHeight}vh`), g = c(() => {
+      const o = typeof t.maxWidth == "number" ? `${t.maxWidth}px` : t.maxWidth, s = typeof t.width == "number" ? `${t.width}px` : t.width;
+      return { "--rds-modal-max-width": o, "--rds-modal-width": s, "--rds-modal-mobile-height": v.value };
+    }), u = () => {
+      t.preventClose || r("onCloseRequest");
     };
-    return f({
+    return h({
       /**
        * { () => void } Gestiona el clic fuera del modal.
        */
-      modalClickOutside: () => m(),
+      modalClickOutside: () => u(),
       /**
        * { () => void } Solicita abrir el modal.
        */
       openModal: () => {
-        s("onOpenRequest");
+        r("onOpenRequest");
       },
       /**
        * { () => void } Solicita cerrar el modal.
        */
       closeModal: () => {
-        s("onCloseRequest");
+        r("onCloseRequest");
       },
       /**
        * { (state: boolean) => void } Cambia el estado del modal.
        * @param {boolean} state - true para abrir, false para cerrar
        */
       changeModalState: (o) => {
-        s(o ? "onOpenRequest" : "onCloseRequest");
+        r(o ? "onOpenRequest" : "onCloseRequest");
       },
       /**
        * { () => void } Alterna el estado del modal.
        */
       toggleModal: () => {
-        s("onToggleRequest");
+        r("onToggleRequest");
       }
-    }), (o, d) => e.open ? (a(), u(n(w), {
+    }), (o, s) => e.open ? (d(), p(i(w), {
       key: 0,
       id: e.id,
       ref_key: "overlay",
-      ref: y,
+      ref: _,
       class: "rds-e-modal__overlay",
       teleport: t.teleport,
-      onClick: m
+      onClick: u
     }, {
-      default: c(() => [
-        k(n(x), {
+      default: f(() => [
+        k(i($), {
           id: e.id ? `${e.id}-card` : void 0,
           class: "rds-e-modal__card",
-          style: S(h.value),
-          onClick: d[1] || (d[1] = g(() => {
+          style: S(g.value),
+          onClick: s[1] || (s[1] = R(() => {
           }, ["stop"]))
         }, {
-          default: c(() => [
-            r("div", $, [
-              r("div", B, [
-                r("div", O, [
-                  i(o.$slots, "header", {}, void 0, !0)
+          default: f(() => [
+            n("div", H, [
+              n("div", B, [
+                n("div", N, [
+                  m(o.$slots, "header", {}, void 0, !0)
                 ]),
-                t.showClose ? (a(), u(n(b), {
+                t.showClose ? (d(), p(i(q), {
                   key: 0,
                   class: "rds-e-modal__header-close",
                   name: "close",
                   small: "",
-                  onClick: d[0] || (d[0] = () => s("onCloseRequest"))
+                  onClick: s[0] || (s[0] = () => r("onCloseRequest"))
                 })) : l("", !0)
               ]),
-              o.$slots.body ? (a(), p("span", M)) : l("", !0),
-              r("div", N, [
-                i(o.$slots, "body", {}, void 0, !0)
-              ]),
-              o.$slots.footer ? (a(), p("span", W)) : l("", !0),
-              r("div", D, [
-                i(o.$slots, "footer", {}, void 0, !0)
-              ])
+              o.$slots.body ? (d(), a("div", O, [
+                m(o.$slots, "body", {}, void 0, !0)
+              ])) : (d(), a("div", M)),
+              o.$slots.footer ? (d(), a("div", W, [
+                m(o.$slots, "footer", {}, void 0, !0)
+              ])) : l("", !0)
             ])
           ]),
           _: 3
@@ -154,7 +161,7 @@ import './style/modal.css';const $ = { class: "rds-e-modal__container" }, B = {
       _: 3
     }, 8, ["id", "teleport"])) : l("", !0);
   }
-}), A = /* @__PURE__ */ q(V, [["__scopeId", "data-v-c9a881de"]]);
+}), A = /* @__PURE__ */ x(V, [["__scopeId", "data-v-75972b62"]]);
 export {
   A as default
 };

package/dist/components/persistentToast.es.js

@@ -1,5 +1,5 @@
 import { defineComponent as f, toRefs as y, computed as g, createElementBlock as t, openBlock as s, normalizeClass as h, createElementVNode as r, createCommentVNode as o, createVNode as a, toDisplayString as c, renderSlot as d } from "vue";
-import { R as l } from "./icon-svg-BGa9K9qG.js";
+import { R as l } from "./icon-svg-BU0OQFKH.js";
 import { _ as k } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import './style/persistentToast.css';const S = ["id"], $ = { class: "alert" }, C = {
   key: 0,

package/dist/components/popover.es.js

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

package/dist/components/progressBar.es.js

@@ -1,5 +1,5 @@
 import { defineComponent as y, computed as o, createElementBlock as a, openBlock as n, normalizeClass as u, createCommentVNode as p, createElementVNode as t, renderSlot as m, normalizeProps as g, mergeProps as B, createVNode as S, createTextVNode as h, guardReactiveProps as k, toDisplayString as d, normalizeStyle as x } from "vue";
-import { R as C } from "./icon-svg-BGa9K9qG.js";
+import { R as C } from "./icon-svg-BU0OQFKH.js";
 import { _ as N } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import './style/progressBar.css';const w = ["id"], P = {
   key: 0,

package/dist/components/quantitySelector.es.js

@@ -1,5 +1,5 @@
 import { defineComponent as w, mergeModels as c, useModel as B, ref as s, createElementBlock as I, openBlock as D, normalizeClass as r, createElementVNode as o, withDirectives as m, createVNode as v, vShow as f, vModelText as b } from "vue";
-import { R as y } from "./icon-svg-BGa9K9qG.js";
+import { R as y } from "./icon-svg-BU0OQFKH.js";
 import { _ as S } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import './style/quantitySelector.css';const M = ["id"], x = ["id", "disabled"], $ = ["id", "disabled"], R = ["id", "disabled"], z = ["id", "disabled"], E = /* @__PURE__ */ w({
   __name: "quantity-selector",

package/dist/components/radioButton.es.js

@@ -1,5 +1,5 @@
 import { defineComponent as B, ref as f, computed as m, inject as i, onMounted as _, onBeforeUnmount as D, createElementBlock as b, openBlock as r, normalizeClass as n, createElementVNode as v, unref as E, createCommentVNode as w, createBlock as N, toDisplayString as x } from "vue";
-import { R as C } from "./icon-svg-BGa9K9qG.js";
+import { R as C } from "./icon-svg-BU0OQFKH.js";
 import { g as G } from "./getInstance-GhoEcxLF.js";
 import { _ as I } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import './style/radioButton.css';const L = ["id", "value", "name", "disabled", "checked"], $ = ["for"], j = /* @__PURE__ */ B({

package/dist/components/selectionChip.es.js

@@ -1,5 +1,5 @@
 import { defineComponent as d, ref as r, computed as h, createElementBlock as p, openBlock as s, normalizeClass as u, createBlock as f, createCommentVNode as m, createElementVNode as g, toDisplayString as y } from "vue";
-import { R as _ } from "./icon-svg-BGa9K9qG.js";
+import { R as _ } from "./icon-svg-BU0OQFKH.js";
 import { _ as b } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import './style/selectionChip.css';const C = ["id", "disabled"], k = { class: "rds-e-selection-chip__text" }, S = /* @__PURE__ */ d({
   __name: "selection-chip",

package/dist/components/sidedrawer.es.js

@@ -1,5 +1,5 @@
 import { defineComponent as B, toRefs as $, ref as n, computed as u, watch as O, createElementBlock as l, openBlock as a, normalizeClass as v, createElementVNode as o, withModifiers as R, normalizeStyle as z, createCommentVNode as w, createBlock as D, renderSlot as c, toDisplayString as E } from "vue";
-import { R as H } from "./icon-svg-BGa9K9qG.js";
+import { R as H } from "./icon-svg-BU0OQFKH.js";
 import { _ as I } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import './style/sidedrawer.css';const N = { class: "rds-e-sidedrawer__header rds-mb-24" }, T = {
   key: 0,