energy-components 1.19.0 → 1.20.0

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-arye8CV8.js";
+import { i as m, R as k } from "./icon-svg-C8XeOnqu.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-arye8CV8.js";
+import { R as a } from "./icon-svg-C8XeOnqu.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-arye8CV8.js";
+import { R as i } from "./icon-svg-C8XeOnqu.js";
 import a from "./button.es.js";
 import e from "./floatingActionButton.es.js";
 import m from "./actionButton.es.js";
@@ -20,18 +20,18 @@ import B from "./filterTag.es.js";
 import T from "./tag.es.js";
 import v from "./accordionGroup.es.js";
 import C from "./accordion.es.js";
-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-C2ohjDhp.js";
-import P from "./link.es.js";
+import P from "./divider.es.js";
+import _ from "./card.es.js";
+import h from "./tablepaginatedcomponent.es.js";
+import x from "./avatar.es.js";
+import { _ as I } from "./collapsable.scss_vue_type_style_index_0_src_true_lang-6HkNT8L9.js";
+import F from "./link.es.js";
 import k from "./breadcrumbs.es.js";
 import w from "./tabBar.es.js";
 import y from "./pagination.es.js";
-import G from "./directAccess.es.js";
-import L from "./indicator.es.js";
-import M from "./persistentToast.es.js";
+import M from "./directAccess.es.js";
+import G from "./indicator.es.js";
+import L from "./persistentToast.es.js";
 import O from "./snackBar.es.js";
 import U from "./infoBox.es.js";
 import j from "./progressBar.es.js";
@@ -40,22 +40,23 @@ import V from "./modal.es.js";
 import q from "./overlay.es.js";
 import z from "./tooltip.es.js";
 import K from "./popover.es.js";
-import $ from "./sidebar.es.js";
-import E from "./sidedrawer.es.js";
+import $ from "./popoverMenu.es.js";
+import E from "./sidebar.es.js";
+import H from "./sidedrawer.es.js";
 const t = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   RDSAccordion: C,
   RDSAccordionGroup: v,
   RDSActionButton: m,
-  RDSAvatar: I,
+  RDSAvatar: x,
   RDSBreadcrumbs: k,
   RDSButton: a,
-  RDSCard: h,
+  RDSCard: _,
   RDSCheckbox: S,
-  RDSCollapsable: F,
+  RDSCollapsable: I,
   RDSDatePicker: f,
-  RDSDirectAccess: G,
-  RDSDivider: _,
+  RDSDirectAccess: M,
+  RDSDivider: P,
   RDSDragAndDrop: b,
   RDSDropdown: c,
   RDSFileUploadItem: A,
@@ -63,37 +64,38 @@ const t = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   RDSFilterTag: B,
   RDSFloatinActionButton: e,
   RDSIconSvg: i,
-  RDSIndicator: L,
+  RDSIndicator: G,
   RDSInfoBox: U,
-  RDSLink: P,
+  RDSLink: F,
   RDSLoader: Q,
   RDSModal: V,
   RDSOverlay: q,
   RDSPagination: y,
-  RDSPersistentToast: M,
+  RDSPersistentToast: L,
   RDSPopover: K,
+  RDSPopoverMenu: $,
   RDSProgressBar: j,
   RDSQuantitySelector: d,
   RDSRadioButton: n,
   RDSRadioGroup: s,
   RDSSelectionChip: u,
-  RDSSidebar: $,
-  RDSSidedrawer: E,
+  RDSSidebar: E,
+  RDSSidedrawer: H,
   RDSSnackBar: O,
   RDSSwitch: R,
   RDSTabBar: w,
-  RDSTable: x,
+  RDSTable: h,
   RDSTag: T,
   RDSTextArea: p,
   RDSTextField: D,
   RDSToggle: l,
   RDSTooltip: z
 }, Symbol.toStringTag, { value: "Module" }));
-let H;
-function jo(o) {
-  H = o;
+let J;
+function Vo(o) {
+  J = o;
 }
-const Qo = {
+const qo = {
   install: (o) => {
     for (const r in t)
       o.component(
@@ -106,15 +108,15 @@ export {
   C as RDSAccordion,
   v as RDSAccordionGroup,
   m as RDSActionButton,
-  I as RDSAvatar,
+  x as RDSAvatar,
   k as RDSBreadcrumbs,
   a as RDSButton,
-  h as RDSCard,
+  _ as RDSCard,
   S as RDSCheckbox,
-  F as RDSCollapsable,
+  I as RDSCollapsable,
   f as RDSDatePicker,
-  G as RDSDirectAccess,
-  _ as RDSDivider,
+  M as RDSDirectAccess,
+  P as RDSDivider,
   b as RDSDragAndDrop,
   c as RDSDropdown,
   A as RDSFileUploadItem,
@@ -122,32 +124,33 @@ export {
   B as RDSFilterTag,
   e as RDSFloatinActionButton,
   i as RDSIconSvg,
-  L as RDSIndicator,
+  G as RDSIndicator,
   U as RDSInfoBox,
-  P as RDSLink,
+  F as RDSLink,
   Q as RDSLoader,
   V as RDSModal,
   q as RDSOverlay,
   y as RDSPagination,
-  M as RDSPersistentToast,
+  L as RDSPersistentToast,
   K as RDSPopover,
+  $ as RDSPopoverMenu,
   j as RDSProgressBar,
   d as RDSQuantitySelector,
   n as RDSRadioButton,
   s as RDSRadioGroup,
   u as RDSSelectionChip,
-  $ as RDSSidebar,
-  E as RDSSidedrawer,
+  E as RDSSidebar,
+  H as RDSSidedrawer,
   O as RDSSnackBar,
   R as RDSSwitch,
   w as RDSTabBar,
-  x as RDSTable,
+  h as RDSTable,
   T as RDSTag,
   p as RDSTextArea,
   D as RDSTextField,
   l as RDSToggle,
   z as RDSTooltip,
-  H as VueInstance,
-  Qo as default,
-  jo as setVueInstance
+  J as VueInstance,
+  qo as default,
+  Vo as setVueInstance
 };

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-arye8CV8.js";
+import { R as _ } from "./icon-svg-C8XeOnqu.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 $, toRefs as M, computed as m, createBlock as p, openBlock as s, resolveDynamicComponent as O, unref as e, normalizeStyle as P, normalizeClass as k, withCtx as T, createCommentVNode as d, createElementBlock as I, mergeProps as v, renderSlot as D, createTextVNode as R, toDisplayString as j } from "vue";
-import { R as y } from "./icon-svg-arye8CV8.js";
+import { R as y } from "./icon-svg-C8XeOnqu.js";
 import { _ as q } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import './style/link.css';const A = /* @__PURE__ */ $({
   __name: "link",

package/dist/components/modal.es.js

@@ -1,7 +1,7 @@
 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 $ from "./card.es.js";
-import { R as q } from "./icon-svg-arye8CV8.js";
+import { R as q } from "./icon-svg-C8XeOnqu.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,

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-arye8CV8.js";
+import { R as l } from "./icon-svg-C8XeOnqu.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,11 +1,11 @@
-import { useSlots as $, computed as v, ref as g, onBeforeUnmount as D, createElementBlock as r, openBlock as s, createElementVNode as w, createBlock as E, renderSlot as y, Teleport as F, createCommentVNode as T, normalizeStyle as N, normalizeClass as B, unref as z, Fragment as H, renderList as M, toDisplayString as V, nextTick as A } from "vue";
-import { o as I, f as U, s as j, b as W, u as q, a as G } from "./floating-ui.vue-DWAG1g94.js";
-import { R as J } from "./icon-svg-arye8CV8.js";
-import { _ as K } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import './style/popover.css';const Q = { class: "rds-e-popover" }, X = {
+import { useSlots as V, computed as y, ref as _, watch as A, nextTick as L, onBeforeUnmount as U, createElementBlock as c, openBlock as a, createElementVNode as B, createBlock as H, renderSlot as h, Teleport as j, createCommentVNode as C, normalizeStyle as G, normalizeClass as R, unref as W, Fragment as q, renderList as J, toDisplayString as K } from "vue";
+import { o as Q, f as X, s as Y, b as Z, u as ee, a as te } from "./floating-ui.vue-oA1DfKeS.js";
+import { R as oe } from "./icon-svg-C8XeOnqu.js";
+import { _ as ne } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import './style/popover.css';const le = { class: "rds-e-popover" }, se = {
   key: 1,
   class: "rds-e-popover__list"
-}, Y = ["onClick"], Z = { class: "rds-e-popover__item-label" }, ee = {
+}, re = ["onClick"], ae = { class: "rds-e-popover__item-label" }, ie = {
   __name: "popover",
   props: {
     /**
@@ -64,6 +64,13 @@ import './style/popover.css';const Q = { class: "rds-e-popover" }, X = {
     closeOnTriggerHidden: {
       type: Boolean,
       default: !1
+    },
+    /**
+     * <span>Si true, el popover se abre al hacer hover/focus sobre el trigger y se cierra al salir (desktop). Por defecto sólo click.</span>
+     */
+    triggerOnHover: {
+      type: Boolean,
+      default: !1
     }
   },
   emits: [
@@ -80,106 +87,132 @@ import './style/popover.css';const Q = { class: "rds-e-popover" }, X = {
      */
     "close"
   ],
-  setup(c, { expose: L, emit: O }) {
-    const o = c, u = O, R = $(), _ = v(() => !!R.default), n = g(!1), l = g(null), i = g(null), C = v(() => {
+  setup(u, { expose: F, emit: P }) {
+    const t = u, p = P, x = V(), k = y(() => !!x.default), n = _(!1), i = _(null), l = _(null), D = y(() => {
       const e = [
-        I(o.offsetSpace)
+        Q(t.offsetSpace)
       ];
-      return o.autoFlip && e.push(
-        U({
-          fallbackPlacements: o.fallbackPlacements.length ? o.fallbackPlacements : void 0
+      return t.autoFlip && e.push(
+        X({
+          fallbackPlacements: t.fallbackPlacements.length ? t.fallbackPlacements : void 0
         })
       ), e.push(
-        j({ padding: 8 }),
-        W({
-          apply({ availableWidth: S, elements: t }) {
-            const d = Math.min(o.width, S - 32);
-            Object.assign(t.floating.style, {
-              width: `${d}px`
+        Y({ padding: 8 }),
+        Z({
+          apply({ availableWidth: S, elements: s }) {
+            const f = Math.min(t.width, S - 32);
+            Object.assign(s.floating.style, {
+              width: `${f}px`
             });
           }
         })
       ), e;
-    }), { floatingStyles: x, update: P } = q(
-      l,
+    }), { floatingStyles: M, update: $ } = ee(
       i,
+      l,
       {
-        placement: v(() => o.placement),
-        middleware: C,
-        whileElementsMounted: G
+        placement: y(() => t.placement),
+        middleware: D,
+        whileElementsMounted: te
       }
     );
-    let p, f, m;
-    const k = () => {
-      document.removeEventListener("click", p), document.removeEventListener("keydown", f), document.removeEventListener("scroll", m, !0);
-    }, a = () => {
-      n.value && (n.value = !1, u("close"), k());
+    let v, m, g, o = null;
+    const b = () => {
+      document.removeEventListener("click", v), document.removeEventListener("keydown", m), document.removeEventListener("scroll", g, !0);
+    }, r = () => {
+      n.value && (n.value = !1, p("close"), b());
     };
-    p = (e) => {
-      i.value && !i.value.contains(e.target) && l.value && !l.value.contains(e.target) && a();
-    }, f = (e) => {
-      e.key === "Escape" && a();
-    }, m = () => {
-      if (!l.value) return;
-      const e = l.value.getBoundingClientRect();
-      (e.bottom < 0 || e.top > window.innerHeight) && a();
+    v = (e) => {
+      l.value && !l.value.contains(e.target) && i.value && !i.value.contains(e.target) && r();
+    }, m = (e) => {
+      e.key === "Escape" && r();
+    }, g = () => {
+      if (!i.value) return;
+      const e = i.value.getBoundingClientRect();
+      (e.bottom < 0 || e.top > window.innerHeight) && r();
     };
-    const b = async () => {
-      n.value ? a() : (n.value = !0, u("open"), await A(), P(), setTimeout(() => {
-        document.addEventListener("click", p), document.addEventListener("keydown", f), o.closeOnTriggerHidden && document.addEventListener("scroll", m, !0);
+    const d = async () => {
+      n.value ? r() : (n.value = !0, p("open"), await L(), $(), setTimeout(() => {
+        document.addEventListener("click", v), document.addEventListener("keydown", m), t.closeOnTriggerHidden && document.addEventListener("scroll", g, !0);
       }));
-    }, h = (e) => {
-      u("select", e), a();
+    }, N = () => {
+      t.triggerOnHover && (o && (clearTimeout(o), o = null), n.value || d());
+    }, T = () => {
+      t.triggerOnHover && (o && (clearTimeout(o), o = null), o = setTimeout(() => {
+        l.value && l.value.matches(":hover, :focus-within") || r();
+      }, 120));
+    }, z = (e) => {
+      t.triggerOnHover ? (e.preventDefault(), e.stopPropagation(), n.value || d()) : d();
+    }, E = () => {
+      N();
+    }, w = () => {
+      T();
+    }, I = () => {
+      l.value && (l.value.addEventListener("mouseenter", () => {
+        o && (clearTimeout(o), o = null);
+      }), l.value.addEventListener("mouseleave", () => {
+        T();
+      }));
+    };
+    A(n, (e) => {
+      e && t.triggerOnHover && L(() => I());
+    });
+    const O = (e) => {
+      p("select", e), r();
     };
-    return D(k), L({
-      toggle: b,
-      close: a,
+    return U(b), F({
+      toggle: d,
+      close: r,
       isOpen: n
-    }), (e, S) => (s(), r("div", Q, [
-      w("button", {
+    }), (e, S) => (a(), c("div", le, [
+      B("button", {
         ref_key: "referenceRef",
-        ref: l,
+        ref: i,
         class: "rds-e-popover__trigger-btn",
-        onClick: b
+        onClick: z,
+        onMouseenter: E,
+        onMouseleave: w,
+        onFocus: E,
+        onBlur: w
       }, [
-        y(e.$slots, "trigger", {}, void 0, !0)
-      ], 512),
-      (s(), E(F, {
-        to: c.teleportTo,
-        disabled: !c.teleportTo
+        h(e.$slots, "trigger", {}, void 0, !0)
+      ], 544),
+      (a(), H(j, {
+        to: u.teleportTo,
+        disabled: !u.teleportTo
       }, [
-        n.value ? (s(), r("div", {
+        n.value ? (a(), c("div", {
           key: 0,
           ref_key: "floatingRef",
-          ref: i,
-          class: B(["rds-e-popover__content", { "rds-e-popover__content--no-styles": _.value }]),
-          style: N(z(x))
+          ref: l,
+          class: R(["rds-e-popover__content", { "rds-e-popover__content--no-styles": k.value }]),
+          style: G(W(M))
         }, [
-          _.value ? y(e.$slots, "default", { key: 0 }, void 0, !0) : (s(), r("ul", X, [
-            (s(!0), r(H, null, M(c.items, (t, d) => y(e.$slots, "item", {
-              item: t,
-              index: d,
-              onSelect: () => h(t)
+          k.value ? h(e.$slots, "default", { key: 0 }, void 0, !0) : (a(), c("ul", se, [
+            (a(!0), c(q, null, J(u.items, (s, f) => h(e.$slots, "item", {
+              item: s,
+              index: f,
+              onSelect: () => O(s)
             }, () => [
-              (s(), r("li", {
-                key: d,
-                class: B(["rds-e-popover__item rds-body-02-bold", { "rds-e-popover__item--destructive": t.isDestructive }]),
-                onClick: (te) => h(t)
+              (a(), c("li", {
+                key: f,
+                class: R(["rds-e-popover__item rds-body-02-bold", { "rds-e-popover__item--destructive": s.isDestructive }]),
+                onClick: (ce) => O(s)
               }, [
-                t.icon ? (s(), E(J, {
+                s.icon ? (a(), H(oe, {
                   key: 0,
                   class: "rds-e-popover__item-icon",
-                  name: t.icon
-                }, null, 8, ["name"])) : T("", !0),
-                w("span", Z, V(t.label), 1)
-              ], 10, Y))
+                  name: s.icon
+                }, null, 8, ["name"])) : C("", !0),
+                B("span", ae, K(s.label), 1)
+              ], 10, re))
             ], !0)), 256))
           ]))
-        ], 6)) : T("", !0)
+        ], 6)) : C("", !0)
       ], 8, ["to", "disabled"]))
     ]));
   }
-}, ae = /* @__PURE__ */ K(ee, [["__scopeId", "data-v-a037baf0"]]);
+}, ve = /* @__PURE__ */ ne(ie, [["__scopeId", "data-v-97579838"]]);
 export {
-  ae as default
+  ve as default
 };

package/dist/components/popoverMenu.es.js

@@ -0,0 +1,148 @@
+import { defineComponent as N, useSlots as U, computed as _, ref as h, watch as j, nextTick as S, onBeforeUnmount as G, createElementBlock as u, openBlock as a, createElementVNode as B, createBlock as L, renderSlot as k, Teleport as W, createCommentVNode as C, normalizeStyle as q, normalizeClass as H, unref as A, Fragment as J, renderList as K, toDisplayString as Q } from "vue";
+import { o as X, f as Y, s as Z, b as ee, u as te, a as oe } from "./floating-ui.vue-oA1DfKeS.js";
+import { R as ne } from "./icon-svg-C8XeOnqu.js";
+import { _ as le } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import './style/popoverMenu.css';const se = { class: "rds-e-popover-menu" }, re = {
+  key: 1,
+  class: "rds-e-popover-menu__list"
+}, ae = ["onClick"], ie = { class: "rds-e-popover-menu__item-label" }, ce = /* @__PURE__ */ N({
+  __name: "popover-menu",
+  props: {
+    items: { default: () => [] },
+    placement: { default: "bottom-start" },
+    fallbackPlacements: { default: () => [] },
+    offsetSpace: { default: 8 },
+    width: { default: 240 },
+    teleportTo: { default: null },
+    autoFlip: { type: Boolean, default: !1 },
+    closeOnTriggerHidden: { type: Boolean, default: !1 },
+    triggerOnHover: { type: Boolean, default: !1 }
+  },
+  emits: ["select", "open", "close"],
+  setup(R, { expose: F, emit: M }) {
+    const t = R, f = M, P = U(), y = _(() => !!P.default), n = h(!1), i = h(null), l = h(null), D = _(() => {
+      const e = [X(t.offsetSpace)];
+      return t.autoFlip && e.push(
+        Y({
+          fallbackPlacements: t.fallbackPlacements.length ? t.fallbackPlacements.filter(Boolean) : void 0
+        })
+      ), e.push(
+        Z({ padding: 8 }),
+        ee({
+          apply({ availableWidth: c, elements: s }) {
+            const p = Math.min(t.width, c - 32);
+            Object.assign(s.floating.style, {
+              width: `${p}px`
+            });
+          }
+        })
+      ), e;
+    }), { floatingStyles: $, update: z } = te(
+      i,
+      l,
+      {
+        placement: _(() => t.placement),
+        middleware: D,
+        whileElementsMounted: oe
+      }
+    );
+    let m, v, g, o = null;
+    const b = () => {
+      document.removeEventListener("click", m), document.removeEventListener("keydown", v), document.removeEventListener("scroll", g, !0);
+    }, r = () => {
+      n.value && (n.value = !1, f("close"), b());
+    };
+    m = (e) => {
+      const c = e.target;
+      l.value && c && !l.value.contains(c) && i.value && !i.value.contains(c) && r();
+    }, v = (e) => {
+      e.key === "Escape" && r();
+    }, g = () => {
+      if (!i.value) return;
+      const e = i.value.getBoundingClientRect();
+      (e.bottom < 0 || e.top > window.innerHeight) && r();
+    };
+    const d = async () => {
+      n.value ? r() : (n.value = !0, f("open"), await S(), z(), setTimeout(() => {
+        document.addEventListener("click", m), document.addEventListener("keydown", v), t.closeOnTriggerHidden && document.addEventListener("scroll", g, !0);
+      }));
+    }, I = () => {
+      t.triggerOnHover && (o && (clearTimeout(o), o = null), n.value || d());
+    }, T = () => {
+      t.triggerOnHover && (o && (clearTimeout(o), o = null), o = setTimeout(() => {
+        l.value && l.value.matches(":hover, :focus-within") || r();
+      }, 120));
+    }, V = (e) => {
+      t.triggerOnHover ? (e.preventDefault(), e.stopPropagation(), n.value || d()) : d();
+    }, E = () => I(), w = () => T(), x = () => {
+      l.value && (l.value.addEventListener("mouseenter", () => {
+        o && (clearTimeout(o), o = null);
+      }), l.value.addEventListener("mouseleave", () => {
+        T();
+      }));
+    };
+    j(n, (e) => {
+      e && t.triggerOnHover && S(() => x());
+    });
+    const O = (e) => {
+      f("select", e), r();
+    };
+    return G(b), F({
+      /** Alterna el estado abierto/cerrado del popover */
+      toggle: d,
+      /** Cierra programáticamente el popover */
+      close: r,
+      /** Ref reactiva del estado abierto */
+      isOpen: n
+    }), (e, c) => (a(), u("div", se, [
+      B("button", {
+        ref_key: "referenceRef",
+        ref: i,
+        class: "rds-e-popover-menu__trigger-btn",
+        onClick: V,
+        onMouseenter: E,
+        onMouseleave: w,
+        onFocus: E,
+        onBlur: w
+      }, [
+        k(e.$slots, "trigger", {}, void 0, !0)
+      ], 544),
+      (a(), L(W, {
+        to: e.teleportTo,
+        disabled: !e.teleportTo
+      }, [
+        n.value ? (a(), u("div", {
+          key: 0,
+          ref_key: "floatingRef",
+          ref: l,
+          class: H(["rds-e-popover-menu__content", { "rds-e-popover-menu__content--no-styles": y.value }]),
+          style: q(A($))
+        }, [
+          y.value ? k(e.$slots, "default", { key: 0 }, void 0, !0) : (a(), u("ul", re, [
+            (a(!0), u(J, null, K(e.items, (s, p) => k(e.$slots, "item", {
+              item: s,
+              index: p,
+              onSelect: () => O(s)
+            }, () => [
+              (a(), u("li", {
+                key: p,
+                class: H(["rds-e-popover-menu__item rds-body-02-bold", { "rds-e-popover-menu__item--destructive": s.isDestructive }]),
+                onClick: (ue) => O(s)
+              }, [
+                s.icon ? (a(), L(ne, {
+                  key: 0,
+                  class: "rds-e-popover-menu__item-icon",
+                  name: s.icon
+                }, null, 8, ["name"])) : C("", !0),
+                B("span", ie, Q(s.label), 1)
+              ], 10, ae))
+            ], !0)), 256))
+          ]))
+        ], 6)) : C("", !0)
+      ], 8, ["to", "disabled"]))
+    ]));
+  }
+}), ve = /* @__PURE__ */ le(ce, [["__scopeId", "data-v-a9010c6d"]]);
+export {
+  ve 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-arye8CV8.js";
+import { R as C } from "./icon-svg-C8XeOnqu.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-arye8CV8.js";
+import { R as y } from "./icon-svg-C8XeOnqu.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-arye8CV8.js";
+import { R as C } from "./icon-svg-C8XeOnqu.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-arye8CV8.js";
+import { R as _ } from "./icon-svg-C8XeOnqu.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-arye8CV8.js";
+import { R as H } from "./icon-svg-C8XeOnqu.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,