energy-components 1.20.0-beta.0 → 1.21.0-beta.0

package/dist/components/accordion.es.js

@@ -1,8 +1,11 @@
-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-arye8CV8.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({
+import { defineComponent as b, toRefs as B, ref as s, watch as D, nextTick as q, inject as h, onMounted as N, onBeforeUnmount as V, createElementBlock as y, openBlock as d, createElementVNode as l, toDisplayString as u, createBlock as w, createCommentVNode as H, createVNode as P, unref as p, mergeProps as T, normalizeClass as C, renderSlot as j, createTextVNode as A } from "vue";
+import { R as E } from "./icon-svg-C8XeOnqu.js";
+import I from "./tag.es.js";
+import { _ as O } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import './style/accordion.css';const $ = ["id"], z = { class: "rds-e-accordion-title" }, M = { class: "rds-e-accordion-title_right" }, U = {
+  key: 1,
+  class: "rds-e-accordion-title_label"
+}, F = /* @__PURE__ */ b({
   __name: "accordion",
   props: {
     /**
@@ -40,84 +43,91 @@ import './style/accordion.css';const b = ["id"], z = { class: "rds-e-accordion-t
     tag: {
       type: Object,
       default: null
+    },
+    /**
+     * Label a la derecha del título. Se muestra sólo si no hay tag.
+     */
+    label: {
+      type: String,
+      required: !1
     }
   },
   emits: ["update:open"],
-  setup(r, { expose: C, emit: S }) {
-    const o = r, k = S, { tag: c } = B(o), t = s(o.open), a = s(null), l = s(null), x = () => {
-      if (!a.value || !l.value) return;
-      const e = l.value.scrollHeight;
-      a.value.style.maxHeight = t.value ? `${e}px` : "0px";
-    }, i = (e) => {
-      e === void 0 ? t.value = !t.value : t.value = e, k("update:open", t.value), x();
-    }, u = () => {
-      i(!0);
-    }, p = () => {
-      i(!1);
+  setup(o, { expose: S, emit: k }) {
+    const n = o, x = k, { tag: i } = B(n), t = s(n.open), r = s(null), c = s(null), R = () => {
+      if (!r.value || !c.value) return;
+      const e = c.value.scrollHeight;
+      r.value.style.maxHeight = t.value ? `${e}px` : "0px";
+    }, a = (e) => {
+      e === void 0 ? t.value = !t.value : t.value = e, x("update:open", t.value), R();
+    }, m = () => {
+      a(!0);
+    }, f = () => {
+      a(!1);
     };
     D(
-      () => o.open,
-      (e) => N(() => {
-        i(e);
+      () => n.open,
+      (e) => q(() => {
+        a(e);
       }),
       { immediate: !0 }
     );
-    const m = v("registerRDSAccordionChild"), f = v("unregisterRDSAccordionChild");
-    return V(() => {
-      m && m({
-        id: o.id,
-        open: u,
-        close: p
+    const g = h("registerRDSAccordionChild"), v = h("unregisterRDSAccordionChild");
+    return N(() => {
+      g && g({
+        id: n.id,
+        open: m,
+        close: f
       });
-    }), q(() => {
-      f && f(o.id);
-    }), C({
+    }), V(() => {
+      v && v(n.id);
+    }), S({
       /**
        * Abre el panel.
        */
-      openPanel: u,
+      openPanel: m,
       /**
        * Cierra el panel.
        */
-      closePanel: p
-    }), (e, g) => (_(), w("div", {
-      id: r.id,
+      closePanel: f
+    }), (e, _) => (d(), y("div", {
+      id: o.id,
       class: "rds-e-accordion"
     }, [
-      n("div", {
+      l("div", {
         class: "rds-e-accordion-title_container",
-        onClick: g[0] || (g[0] = () => i())
+        onClick: _[0] || (_[0] = () => a())
       }, [
-        n("span", z, h(r.title), 1),
-        n("div", M, [
-          d(c) && d(c).icon ? (_(), H(O, j({
+        l("span", z, u(o.title), 1),
+        l("div", M, [
+          p(i) && p(i).icon ? (d(), w(I, T({
             key: 0,
             class: "rds-e-accordion-title_tag"
-          }, d(c), { small: "" }), null, 16)) : P("", !0),
-          T(I, {
-            class: y(["rds-e-accordion-title_icon", { "rds-e-accordion-title_icon--open": t.value }]),
+          }, p(i), { small: "" }), null, 16)) : o.label ? (d(), y("span", U, u(o.label), 1)) : H("", !0),
+          P(E, {
+            class: C(["rds-e-accordion-title_icon", { "rds-e-accordion-title_icon--open": t.value }]),
             name: "arrow_down"
           }, null, 8, ["class"])
         ])
       ]),
-      n("div", {
+      l("div", {
         ref_key: "panel",
-        ref: a,
-        class: y(["rds-e-accordion-panel", { "rds-e-accordion-panel--open": t.value }])
+        ref: r,
+        class: C(["rds-e-accordion-panel", { "rds-e-accordion-panel--open": t.value }])
       }, [
-        n("div", {
+        l("div", {
           ref_key: "panelContent",
-          ref: l,
+          ref: c,
           class: "rds-e-accordion-panel_content"
         }, [
-          A(e.$slots, "default", {}, () => [
-            E(h(r.content), 1)
+          j(e.$slots, "default", {}, () => [
+            A(u(o.content), 1)
           ], !0)
         ], 512)
       ], 2)
-    ], 8, b));
+    ], 8, $));
   }
-}), L = /* @__PURE__ */ $(U, [["__scopeId", "data-v-620f5458"]]);
+}), Q = /* @__PURE__ */ O(F, [["__scopeId", "data-v-c327a8d6"]]);
 export {
-  L as default
+  Q as default
 };

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-arye8CV8.js";
+import { R as C } from "./icon-svg-C8XeOnqu.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/badge.es.js

@@ -0,0 +1,93 @@
+import { defineComponent as B, toRefs as L, useSlots as x, computed as e, ref as N, createElementBlock as n, openBlock as u, normalizeClass as i, renderSlot as z, createCommentVNode as g, unref as D, toDisplayString as H } from "vue";
+import { _ as V } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import './style/badge.css';const A = ["id"], E = ["aria-label", "data-kind"], I = /* @__PURE__ */ B({
+  __name: "badge",
+  props: {
+    /**
+     * Tipo de badge.
+     * `numeric` muestra un contador, `dot` solo un punto.
+     */
+    kind: {
+      type: String,
+      default: "numeric",
+      validator: (a) => ["numeric", "dot"].includes(a)
+    },
+    /**
+     * Valor numérico a mostrar cuando `kind` es `numeric`.
+     */
+    value: {
+      type: Number,
+      default: 0,
+      validator: (a) => a >= 0
+    },
+    /**
+     * Define el color semántico de fondo.
+     * Para el diseño inicial solo se implementa `promo` y `default`.
+     */
+    color: {
+      type: String,
+      default: "promo",
+      validator: (a) => ["promo", "success", "error", "warning", "information"].includes(a)
+    },
+    /**
+     * Forza el uso de content-high en texto cuando el contraste inverse no sea suficiente.
+     */
+    forceContentHigh: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * ID para testing.
+     */
+    id: {
+      type: String,
+      default: void 0
+    },
+    /**
+     * Mensaje alternativo accesible. Si no se provee se genera automáticamente.
+     */
+    ariaLabel: {
+      type: String,
+      default: void 0
+    }
+  },
+  setup(a, { expose: m }) {
+    const s = a, { kind: o, value: b, color: d, forceContentHigh: h } = L(s), c = x(), _ = e(() => !!c.default && c.default().length > 0), p = N(null), y = e(() => !1), l = e(() => o.value === "dot" ? "" : String(b.value)), C = e(() => o.value === "dot" || o.value === "numeric"), f = e(() => o.value === "numeric"), $ = e(() => ["promo", "success", "error", "warning", "information"].includes(d.value) ? d.value : "promo"), k = e(() => {
+      const t = "rds-e-badge", r = [
+        `${t}--${o.value}`,
+        `${t}--color-${$.value}`
+      ];
+      if (f.value) {
+        const v = l.value.length;
+        v === 1 ? r.push(`${t}--digits-1`) : v === 2 ? r.push(`${t}--digits-2`) : r.push(`${t}--digits-3plus`);
+      }
+      return h.value && r.push(`${t}--content-high`), r;
+    }), w = e(() => s.ariaLabel ? s.ariaLabel : o.value === "dot" ? "Notificación" : `Cuenta: ${l.value}`), S = e(() => ({
+      "rds-e-badge-wrapper--standalone": !_.value
+    }));
+    return m({ el: p }), (t, r) => (u(), n("span", {
+      id: a.id,
+      ref_key: "root",
+      ref: p,
+      class: i(["rds-e-badge-wrapper", S.value])
+    }, [
+      z(t.$slots, "default", {}, void 0, !0),
+      C.value ? (u(), n("span", {
+        key: 0,
+        class: i(["rds-e-badge", k.value]),
+        role: "status",
+        "aria-label": w.value,
+        "data-kind": D(o)
+      }, [
+        f.value ? (u(), n("span", {
+          key: 0,
+          class: i(["rds-e-badge__content", { "rds-e-badge__content--overflow": y.value }]),
+          "aria-hidden": "true"
+        }, H(l.value), 3)) : g("", !0)
+      ], 10, E)) : g("", !0)
+    ], 10, A));
+  }
+}), j = /* @__PURE__ */ V(I, [["__scopeId", "data-v-783ca3f3"]]);
+export {
+  j as default
+};

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-arye8CV8.js";
+import { R as E } from "./icon-svg-C8XeOnqu.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,9 +1,9 @@
-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-arye8CV8.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";
-import './style/checkbox.css';const M = ["id", "checked", "aria-label", "required", "disabled"], $ = ["for"], j = /* @__PURE__ */ V({
+import { defineComponent as D, computed as b, ref as i, watch as y, onMounted as L, onBeforeUnmount as N, createElementBlock as R, openBlock as m, normalizeClass as n, createElementVNode as f, renderSlot as E, createTextVNode as T, createBlock as x, createCommentVNode as p, toDisplayString as U, withCtx as z, createVNode as I } from "vue";
+import { R as g } from "./icon-svg-C8XeOnqu.js";
+import F from "./tooltip.es.js";
+import { g as K } from "./getInstance-GhoEcxLF.js";
+import { _ as M } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import './style/checkbox.css';const $ = ["id", "checked", "aria-label", "aria-invalid", "aria-required", "aria-describedby", "aria-checked", "required", "disabled", "readonly", "name", "value"], j = ["for"], A = /* @__PURE__ */ D({
   __name: "checkbox",
   props: {
     /**
@@ -83,63 +83,103 @@ import './style/checkbox.css';const M = ["id", "checked", "aria-label", "require
     indeterminate: {
       type: Boolean,
       default: !1
+    },
+    /**
+     * <span>Nombre del campo para formularios HTML.</span>
+     */
+    name: {
+      type: String,
+      default: ""
+    },
+    /**
+     * <span>Valor enviado en formularios cuando el checkbox está marcado.</span>
+     */
+    value: {
+      type: [String, Number, Boolean],
+      default: void 0
+    },
+    /**
+     * <span>Indica que el checkbox es de solo lectura (no modificable por usuario).</span>
+     */
+    readonly: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * <span>Id(s) de elementos descriptivos (mensaje de error / ayuda) enlazados con <code>aria-describedby</code>.</span>
+     */
+    describedBy: {
+      type: String,
+      default: ""
     }
   },
   emits: ["update:modelValue"],
   setup(e, { emit: w }) {
-    const a = e, g = w, m = r(() => a.modelValue !== void 0), f = c(a.isChecked ?? !1), i = c(!1), s = c(!1), t = c(null), p = c(`rds-e-checkbox-${F()}`), h = r(() => {
-      var o;
-      return ((o = a.id) == null ? void 0 : o.toString()) || p.value;
-    }), l = r(() => m.value ? a.modelValue ?? !1 : f.value);
-    _(
-      () => [a.indeterminate, l.value],
-      ([o, n]) => {
-        t.value && (t.value.indeterminate = o && n);
+    const l = e, C = w, c = b(() => l.modelValue !== void 0), r = i(l.isChecked ?? !1), s = i(!1), u = i(!1), t = i(null), S = i(`rds-e-checkbox-${K()}`), v = b(() => {
+      var a;
+      return ((a = l.id) == null ? void 0 : a.toString()) || S.value;
+    }), o = b(() => c.value ? l.modelValue ?? !1 : r.value);
+    y(
+      () => [l.indeterminate, o.value],
+      ([a, d]) => {
+        t.value && (t.value.indeterminate = a && d);
       },
       { immediate: !0 }
     );
-    const C = (o) => {
-      const n = o.target.checked;
-      m.value || (f.value = n), g("update:modelValue", n);
-    }, k = (o) => {
-      o.key === "Tab" && (s.value = !0);
-    }, v = () => {
-      s.value = !1;
-    }, S = () => {
-      s.value && (i.value = !0);
-    }, B = () => i.value = !1;
-    return D(() => {
-      t.value && (t.value.indeterminate = !!(a.indeterminate && l.value)), window.addEventListener("keydown", k), window.addEventListener("mousedown", v);
-    }), E(() => {
-      window.removeEventListener("keydown", k), window.removeEventListener("mousedown", v);
-    }), (o, n) => (u(), L("div", {
-      class: d(["rds-e-checkbox__container", { "rds-e-checkbox__container--focused": i.value }])
+    const B = (a) => {
+      const d = a.target.checked;
+      c.value || (r.value = d), C("update:modelValue", d);
+    }, h = (a) => {
+      a.key === "Tab" && (u.value = !0);
+    }, k = () => {
+      u.value = !1;
+    }, V = () => {
+      u.value && (s.value = !0);
+    }, q = () => s.value = !1;
+    return L(() => {
+      t.value && (t.value.indeterminate = !!(l.indeterminate && o.value)), window.addEventListener("keydown", h), window.addEventListener("mousedown", k), l.isChecked !== void 0 && console.warn('[RDSCheckbox] La prop "isChecked" está deprecada. Usa v-model / modelValue en su lugar.');
+    }), N(() => {
+      window.removeEventListener("keydown", h), window.removeEventListener("mousedown", k);
+    }), y(
+      () => l.isChecked,
+      (a) => {
+        !c.value && a !== void 0 && (r.value = !!a);
+      }
+    ), (a, d) => (m(), R("div", {
+      class: n(["rds-e-checkbox__container", { "rds-e-checkbox__container--focused": s.value }])
     }, [
-      b("input", {
-        id: h.value,
+      f("input", {
+        id: v.value,
         ref_key: "inputRef",
         ref: t,
-        checked: l.value,
+        checked: o.value,
         "aria-label": e.accessibilityLabel,
+        "aria-invalid": e.error || void 0,
+        "aria-required": e.required || void 0,
+        "aria-describedby": e.describedBy || void 0,
+        "aria-checked": e.indeterminate && o.value ? "mixed" : void 0,
         type: "checkbox",
-        class: d(["rds-e-checkbox", { "rds-e-checkbox--error": e.error }]),
+        class: n(["rds-e-checkbox", { "rds-e-checkbox--error": e.error }]),
         required: e.required,
         disabled: e.disabled,
-        onChange: C,
-        onFocus: S,
-        onBlur: B
-      }, null, 42, M),
-      b("label", {
-        for: h.value,
-        class: d(["rds-e-checkbox__label", {
+        readonly: e.readonly,
+        name: e.name || void 0,
+        value: e.value,
+        onChange: B,
+        onFocus: V,
+        onBlur: q
+      }, null, 42, $),
+      f("label", {
+        for: v.value,
+        class: n(["rds-e-checkbox__label", {
           "rds-e-checkbox__label--disabled": e.disabled,
-          "rds-e-checkbox__label--checked": l.value,
-          "rds-e-checkbox__label--indeterminate": e.indeterminate && l.value
+          "rds-e-checkbox__label--checked": o.value,
+          "rds-e-checkbox__label--indeterminate": e.indeterminate && o.value
         }])
       }, [
-        N(o.$slots, "label-text", {}, () => [
-          b("span", {
-            class: d([
+        E(a.$slots, "label-text", {}, () => [
+          f("span", {
+            class: n([
               "rds-e-checkbox__label-box",
               {
                 "rds-e-checkbox__label-box--disabled": e.disabled,
@@ -147,33 +187,33 @@ import './style/checkbox.css';const M = ["id", "checked", "aria-label", "require
               }
             ])
           }, [
-            R(q(e.label) + " ", 1),
-            e.icon && e.iconTooltip ? (u(), x(I, {
+            T(U(e.label) + " ", 1),
+            e.icon && e.iconTooltip ? (m(), x(F, {
               key: 0,
               content: e.iconTooltip,
               placement: "top",
               "offset-space": 8
             }, {
-              default: U(() => [
-                z(y, {
+              default: z(() => [
+                I(g, {
                   class: "rds-e-checkbox__label-box--icon",
                   name: e.icon,
                   size: "sm"
                 }, null, 8, ["name"])
               ]),
               _: 1
-            }, 8, ["content"])) : e.icon ? (u(), x(y, {
+            }, 8, ["content"])) : e.icon ? (m(), x(g, {
               key: 1,
               class: "rds-e-checkbox__label-box--icon",
               name: e.icon,
               size: "sm"
-            }, null, 8, ["name"])) : T("", !0)
+            }, null, 8, ["name"])) : p("", !0)
           ], 2)
         ], !0)
-      ], 10, $)
+      ], 10, j)
     ], 2));
   }
-}), P = /* @__PURE__ */ K(j, [["__scopeId", "data-v-bee9602e"]]);
+}), Q = /* @__PURE__ */ M(A, [["__scopeId", "data-v-af3a21e1"]]);
 export {
-  P as default
+  Q as default
 };

package/dist/components/collapsable.es.js

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

package/dist/components/{collapsable.scss_vue_type_style_index_0_src_true_lang-C2ohjDhp.js → collapsable.scss_vue_type_style_index_0_src_true_lang-6HkNT8L9.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-arye8CV8.js";
+import { R as h } from "./icon-svg-C8XeOnqu.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/datepicker.es.js

@@ -2,7 +2,7 @@ import './style/datepicker.css';var qr = Object.defineProperty;
 var jr = (e, n, t) => n in e ? qr(e, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[n] = t;
 var ce = (e, n, t) => jr(e, typeof n != "symbol" ? n + "" : n, t);
 import { reactive as ga, ref as G, defineComponent as Ze, useSlots as Vt, toRef as ma, onMounted as et, nextTick as it, onUnmounted as wa, watch as vt, computed as Q, createElementBlock as X, openBlock as C, unref as s, normalizeClass as Me, createVNode as at, createBlock as Ae, mergeProps as Ue, isRef as On, createSlots as Je, renderList as Ne, withCtx as _e, renderSlot as se, normalizeProps as Ke, guardReactiveProps as ot, resolveDynamicComponent as Ya, Teleport as Qr, Transition as oa, createCommentVNode as K, h as Ur, render as Cn, createElementVNode as be, withModifiers as Zt, normalizeStyle as ft, Fragment as xe, toDisplayString as tt, useAttrs as Xr, createTextVNode as Ct, getCurrentScope as zr, onScopeDispose as Kr, onBeforeUpdate as Gr, withDirectives as Ta, vShow as Aa, withKeys as Jr, mergeModels as Yn, useModel as Zr, toRefs as el, toHandlers as tl } from "vue";
-import { R as al } from "./icon-svg-arye8CV8.js";
+import { R as al } from "./icon-svg-C8XeOnqu.js";
 import Rn from "./button.es.js";
 import nl from "./textField.es.js";
 import { _ as rl } from "./_plugin-vue_export-helper-CHgC5LLL.js";

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-arye8CV8.js";
+import { R as S } from "./icon-svg-C8XeOnqu.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-arye8CV8.js";
+import { R as U } from "./icon-svg-C8XeOnqu.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-arye8CV8.js";
+import { R as Y } from "./icon-svg-C8XeOnqu.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" }, Be = { class: "rds-e-dropdown__option--prepend" }, Ve = { class: "rds-e-dropdown__option--content" }, Ae = {