energy-components 1.7.0 → 1.8.0

package/dist/components/divider.es.js

@@ -1,4 +1,4 @@
-import { defineComponent as s, computed as i, openBlock as d, createElementBlock as n, normalizeClass as t } from "vue";
+import { defineComponent as s, computed as i, createElementBlock as d, openBlock as n, normalizeClass as t } from "vue";
 import { _ as l } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import './style/divider.css';const a = /* @__PURE__ */ s({
   __name: "divider",
@@ -25,7 +25,7 @@ import './style/divider.css';const a = /* @__PURE__ */ s({
       "rds-e-divider--inverse-low": e.low && e.inverse,
       "rds-e-divider--inverse-high": !e.low && e.inverse
     }));
-    return (v, c) => (d(), n("div", {
+    return (v, c) => (n(), d("div", {
       class: t(o.value)
     }, null, 2));
   }

package/dist/components/dragAndDrop.es.js

@@ -0,0 +1,187 @@
+import { defineComponent as W, ref as _, computed as c, createElementBlock as b, openBlock as x, withModifiers as u, normalizeClass as k, createElementVNode as o, renderSlot as L, createVNode as M, createCommentVNode as R, toDisplayString as D } from "vue";
+import { g as A } from "./getInstance-GhoEcxLF.js";
+import { R as V } from "./icon-svg-_WCkLP8-.js";
+import { _ as q } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import './style/dragAndDrop.css';const z = ["id", "accept", "multiple", "disabled"], O = ["for"], P = { class: "rds-e-drag-and-drop__icon-wrapper" }, U = { class: "rds-e-drag-and-drop__text-container" }, j = { class: "rds-e-drag-and-drop__text" }, G = {
+  key: 0,
+  class: "rds-e-drag-and-drop__detail"
+}, H = /* @__PURE__ */ W({
+  __name: "drag-and-drop",
+  props: {
+    /**
+     * Tipos de archivo aceptados por el input (ej. '.png,.jpg,.pdf', 'image/*').
+     */
+    accept: {
+      type: String,
+      default: ""
+    },
+    /**
+     * Texto secundario que se muestra debajo del texto principal (ej. formatos permitidos, tamaño máximo).
+     */
+    detailText: {
+      type: String,
+      default: ""
+    },
+    /**
+     * Indica si el componente está deshabilitado.
+     */
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Indica si el componente está en estado de error.
+     */
+    error: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Mensaje de error específico a mostrar en lugar del texto de detalle cuando `error` es `true`.
+     */
+    errorMessage: {
+      type: String,
+      default: ""
+    },
+    /**
+     * Nombre del icono a mostrar. Por defecto es 'paperclip'.
+     */
+    icon: {
+      type: String,
+      default: "add_file"
+      // Default icon from the design
+    },
+    /**
+     * Identificador único para el input de archivo. Si no se proporciona, se genera uno automáticamente.
+     */
+    id: {
+      type: String,
+      default: null
+    },
+    /**
+     * Texto principal que se muestra en el componente (ej. "Arrastra para subir un archivo").
+     */
+    label: {
+      type: String,
+      required: !1
+    },
+    /**
+     * Número máximo de archivos permitidos. Si es `0` o `null`, no hay límite (excepto el que imponga `multiple`).
+     */
+    maxFiles: {
+      type: Number,
+      default: null,
+      validator: (r) => r === null || r >= 0
+    },
+    /**
+     * Indica si se permite la selección múltiple de archivos.
+     */
+    multiple: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Controla la visibilidad del texto de detalle (`detailText` o `errorMessage`).
+     */
+    showDetailText: {
+      type: Boolean,
+      default: !0
+    },
+    /**
+     * Indica si el componente debe ocupar todo el ancho disponible.
+     */
+    fullWidth: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["filesSelected", "error"],
+  setup(r, { emit: y }) {
+    const e = r, f = y, s = _(null), n = _(!1), S = A(), g = c(() => e.id || `rds-drag-drop-${S}`), w = c(() => [
+      "rds-e-drag-and-drop",
+      {
+        "rds-e-drag-and-drop--dragging": n.value && !e.disabled,
+        "rds-e-drag-and-drop--disabled": e.disabled,
+        "rds-e-drag-and-drop--full-width": e.fullWidth,
+        "rds-e-drag-and-drop--error": e.error && !e.disabled
+      }
+    ]), m = c(() => e.error && e.errorMessage ? e.errorMessage : e.detailText), C = c(() => e.showDetailText && (m.value || !e.error)), F = (t) => {
+      var a;
+      if (!t || t.length === 0)
+        return { valid: !1, message: "No se seleccionaron archivos." };
+      if (!e.multiple && t.length > 1)
+        return { valid: !1, message: "Solo se permite seleccionar un archivo." };
+      if (e.maxFiles !== null && e.maxFiles > 0 && t.length > e.maxFiles)
+        return { valid: !1, message: `Se permite un máximo de ${e.maxFiles} archivos.` };
+      if (e.accept) {
+        const i = e.accept.split(",").map((d) => d.trim().toLowerCase());
+        for (let d = 0; d < t.length; d++) {
+          const p = t[d], N = `.${(a = p.name.split(".").pop()) == null ? void 0 : a.toLowerCase()}`, h = p.type.toLowerCase();
+          if (!i.some((l) => l.startsWith(".") ? N === l : l.includes("/") ? l.endsWith("/*") ? h.startsWith(l.replace("/*", "")) : h === l : !1))
+            return { valid: !1, message: `El tipo de archivo '${p.name}' no es válido. Permitidos: ${e.accept}` };
+        }
+      }
+      return { valid: !0 };
+    }, v = (t) => {
+      if (e.disabled) return;
+      const a = F(t);
+      a.valid && t ? (f("filesSelected", t), s.value && (s.value.value = "")) : a.message && (f("error", a.message), s.value && (s.value.value = ""));
+    }, T = (t) => {
+      const a = t.target;
+      v(a.files);
+    }, B = () => {
+      e.disabled || (n.value = !0);
+    }, $ = (t) => {
+      e.disabled || (t.preventDefault(), n.value = !0);
+    }, E = (t) => {
+      const a = t.relatedTarget;
+      (!t.currentTarget || !t.currentTarget.contains(a)) && (n.value = !1);
+    }, I = (t) => {
+      var i;
+      if (e.disabled) return;
+      n.value = !1;
+      const a = (i = t.dataTransfer) == null ? void 0 : i.files;
+      v(a || null);
+    };
+    return (t, a) => (x(), b("div", {
+      class: k(w.value),
+      onDragenter: u(B, ["prevent"]),
+      onDragover: u($, ["prevent"]),
+      onDragleave: u(E, ["prevent"]),
+      onDrop: u(I, ["prevent"])
+    }, [
+      o("input", {
+        id: g.value,
+        ref_key: "fileInputRef",
+        ref: s,
+        type: "file",
+        class: "rds-e-drag-and-drop__input",
+        accept: r.accept,
+        multiple: r.multiple,
+        disabled: r.disabled,
+        onChange: T
+      }, null, 40, z),
+      o("label", {
+        for: g.value,
+        class: "rds-e-drag-and-drop__label"
+      }, [
+        L(t.$slots, "content", {}, () => [
+          o("span", P, [
+            M(V, {
+              name: r.icon,
+              class: "rds-e-drag-and-drop__icon",
+              "aria-hidden": "true"
+            }, null, 8, ["name"])
+          ]),
+          o("div", U, [
+            o("span", j, D(r.label), 1),
+            C.value ? (x(), b("span", G, D(m.value), 1)) : R("", !0)
+          ])
+        ], !0)
+      ], 8, O)
+    ], 34));
+  }
+}), Z = /* @__PURE__ */ q(H, [["__scopeId", "data-v-a915c196"]]);
+export {
+  Z as default
+};

package/dist/components/dropdown.es.js

@@ -1,10 +1,10 @@
-import { defineComponent as ae, mergeModels as K, toRefs as de, useModel as ue, ref as S, computed as p, provide as T, onMounted as ie, nextTick as F, onBeforeUnmount as ce, openBlock as f, createElementBlock as y, createVNode as V, mergeProps as H, unref as a, withModifiers as r, createSlots as P, withCtx as d, normalizeClass as pe, renderSlot as m, createElementVNode as i, createBlock as W, createCommentVNode as D, Fragment as fe, toDisplayString as M } from "vue";
-import me from "./multiselect.es.js";
+import { defineComponent as ne, mergeModels as K, toRefs as de, useModel as ie, ref as S, computed as p, provide as T, onMounted as ue, nextTick as F, onBeforeUnmount as ce, createElementBlock as y, openBlock as m, createVNode as V, mergeProps as H, unref as n, withModifiers as a, createSlots as P, withCtx as d, createElementVNode as u, createCommentVNode as D, createBlock as W, renderSlot as f, Fragment as pe, toDisplayString as M, normalizeClass as me } from "vue";
+import fe from "./multiselect.es.js";
+import ve from "./checkbox.es.js";
+import { _ as be } from "./radio-group.vue_vue_type_script_setup_true_lang-DpguLlRK.js";
+import ye from "./radioButton.es.js";
 import z from "./textField.es.js";
-import { R as ve } from "./icon-svg-BmDOQ0kL.js";
-import be from "./checkbox.es.js";
-import { _ as ye } from "./radio-group.vue_vue_type_script_setup_true_lang-B-kg-575.js";
-import ge from "./radioButton.es.js";
+import { R as ge } from "./icon-svg-_WCkLP8-.js";
 import { _ as we } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import './style/dropdown.css';const he = { class: "rds-e-dropdown" }, ke = { class: "rds-e-dropdown__option" }, $e = { class: "rds-e-dropdown__option-container" }, Ce = { class: "rds-e-dropdown__option--prepend" }, Se = { class: "rds-e-dropdown__option--content" }, Ve = {
   key: 0,
@@ -15,7 +15,7 @@ import './style/dropdown.css';const he = { class: "rds-e-dropdown" }, ke = { cla
 }, Oe = { class: "rds-e-dropdown__before-list-container" }, Ae = {
   key: 1,
   class: "rds-e-dropdown__before-list"
-}, Fe = { class: "rds-e-dropdown__before-list-container" }, Re = { class: "rds-e-dropdown__after-list" }, Ee = { class: "rds-e-dropdown__after-list-container" }, Le = /* @__PURE__ */ ae({
+}, Fe = { class: "rds-e-dropdown__before-list-container" }, Re = { class: "rds-e-dropdown__after-list" }, Ee = { class: "rds-e-dropdown__after-list-container" }, Le = /* @__PURE__ */ ne({
   __name: "dropdown",
   props: /* @__PURE__ */ K({
     /**
@@ -151,32 +151,32 @@ import './style/dropdown.css';const he = { class: "rds-e-dropdown" }, ke = { cla
   }),
   emits: /* @__PURE__ */ K(["open", "close", "select", "change"], ["update:modelValue"]),
   setup(o, { expose: R, emit: G }) {
-    const n = o, h = G, {
+    const r = o, h = G, {
       disabled: k,
       limit: E,
       multiple: $,
       options: g
-    } = de(n), s = ue(o, "modelValue"), u = S([]), v = S(), b = S(), L = S(""), x = S(!1), J = () => {
+    } = de(r), s = ie(o, "modelValue"), i = S([]), v = S(), b = S(), L = S(""), x = S(!1), J = () => {
       x.value = !0;
-    }, C = p(() => n.autocomplete && Object.keys(n.autocomplete).length > 0), Q = p(() => ({
-      id: n.autocomplete.id || `autocomplete-${n.id}`,
-      label: n.autocomplete.label || n.label,
-      icon: n.autocomplete.icon || "",
-      rightIcon: n.autocomplete.rightIcon || "",
-      disabled: n.autocomplete.disabled || !1,
-      clearable: n.autocomplete.clearable || !1,
-      error: n.autocomplete.error ?? !1,
-      helper: n.autocomplete.helper ?? "",
-      helperText: n.autocomplete.helperText ?? "",
-      readonly: n.autocomplete.readonly ?? !1
+    }, C = p(() => r.autocomplete && Object.keys(r.autocomplete).length > 0), Q = p(() => ({
+      id: r.autocomplete.id || `autocomplete-${r.id}`,
+      label: r.autocomplete.label || r.label,
+      icon: r.autocomplete.icon || "",
+      rightIcon: r.autocomplete.rightIcon || "",
+      disabled: r.autocomplete.disabled || !1,
+      clearable: r.autocomplete.clearable || !1,
+      error: r.autocomplete.error ?? !1,
+      helper: r.autocomplete.helper ?? "",
+      helperText: r.autocomplete.helperText ?? "",
+      readonly: r.autocomplete.readonly ?? !1
     }));
     T("registerDropdownFocusElement", (e) => {
-      e && !u.value.includes(e) && u.value.push(e);
+      e && !i.value.includes(e) && i.value.push(e);
     }), T("unregisterDropdownFocusElement", (e) => {
-      const l = u.value.findIndex((t) => t === e);
-      l > -1 && u.value.splice(l, 1);
+      const l = i.value.findIndex((t) => t === e);
+      l > -1 && i.value.splice(l, 1);
     }), T("isFocusWithinDropdown", (e) => {
-      const l = u.value.some((c) => c === e || c.contains(e)), t = e.classList && (e.classList.contains("rds-e-dropdown__before-list") || e.closest(".rds-e-dropdown__before-list") || e.classList.contains("multiselect") || e.closest(".multiselect"));
+      const l = i.value.some((c) => c === e || c.contains(e)), t = e.classList && (e.classList.contains("rds-e-dropdown__before-list") || e.closest(".rds-e-dropdown__before-list") || e.classList.contains("multiselect") || e.closest(".multiselect"));
       return l || t;
     });
     const I = p({
@@ -185,20 +185,20 @@ import './style/dropdown.css';const he = { class: "rds-e-dropdown" }, ke = { cla
         const l = g.value.find((t) => typeof t == "object" ? t.id === e : t === e);
         s.value = l || null;
       }
-    }), X = p(() => (g.value ?? []).every((e) => typeof e == "object" && (e == null ? void 0 : e.id) && (e == null ? void 0 : e.label))), Y = p(() => !$.value || n.closeOnSelect), q = p({
-      get: () => s.value ? n.multiple ? Array.isArray(s.value) ? s.value.length > E.value ? n.limitText(E.value) : s.value.map((e) => typeof e == "string" ? e : e.label).join(", ") : "" : typeof s.value == "object" ? s.value.label : typeof s.value == "string" ? s.value : "" : "",
+    }), X = p(() => (g.value ?? []).every((e) => typeof e == "object" && (e == null ? void 0 : e.id) && (e == null ? void 0 : e.label))), Y = p(() => !$.value || r.closeOnSelect), q = p({
+      get: () => s.value ? r.multiple ? Array.isArray(s.value) ? s.value.length > E.value ? r.limitText(E.value) : s.value.map((e) => typeof e == "string" ? e : e.label).join(", ") : "" : typeof s.value == "object" ? s.value.label : typeof s.value == "string" ? s.value : "" : "",
       set: () => null
     }), Z = p(() => ({
       "rds-e-dropdown-input": !0,
       "rds-e-dropdown--disabled": k.value,
-      "rds-e-dropdown--small": n.small
+      "rds-e-dropdown--small": r.small
     })), j = p(() => {
       const e = {};
       return X.value && Object.assign(e, {
         "track-by": "id",
         label: "label"
       }), e;
-    }), ee = p(() => C.value && n.autocomplete.autocompleteFilter ? g.value.filter((e) => n.autocomplete.autocompleteFilter(e, L.value)) : g.value), B = (e) => {
+    }), ee = p(() => C.value && r.autocomplete.autocompleteFilter ? g.value.filter((e) => r.autocomplete.autocompleteFilter(e, L.value)) : g.value), B = (e) => {
       if (s.value === e) return !0;
       if (Array.isArray(s.value)) {
         if (typeof e == "string") return s.value.includes(e);
@@ -234,9 +234,9 @@ import './style/dropdown.css';const he = { class: "rds-e-dropdown" }, ke = { cla
       v.value.activate();
     }, U = () => {
       v.value.deactivate();
-    }, ne = () => {
-      v.value.toggle();
     }, re = () => {
+      v.value.toggle();
+    }, ae = () => {
       C.value && b.value && (J(), O(), F(() => {
         b.value.focus();
       }));
@@ -245,18 +245,18 @@ import './style/dropdown.css';const he = { class: "rds-e-dropdown" }, ke = { cla
       const l = e.target, t = !v.value.$el.contains(l), c = b.value && !b.value.$el.contains(l) && !l.closest(".rds-e-dropdown__before-list");
       t && c && (x.value = !1, U());
     };
-    return ie(() => {
+    return ue(() => {
       var e;
-      (e = v.value) != null && e.$el && u.value.push(v.value.$el), F(() => {
+      (e = v.value) != null && e.$el && i.value.push(v.value.$el), F(() => {
         var l;
         if (C.value && ((l = b.value) != null && l.$el)) {
-          u.value.push(b.value.$el);
+          i.value.push(b.value.$el);
           const t = b.value.$el.closest(".rds-e-dropdown__before-list");
-          t && !u.value.includes(t) && u.value.push(t);
+          t && !i.value.includes(t) && i.value.push(t);
         }
       }), document.addEventListener("click", _);
     }), ce(() => {
-      u.value = [], document.removeEventListener("click", _);
+      i.value = [], document.removeEventListener("click", _);
     }), R({
       /**
        * Abre el dropdown
@@ -266,8 +266,8 @@ import './style/dropdown.css';const he = { class: "rds-e-dropdown" }, ke = { cla
        * Cierra el dropdown
        */
       deactivate: U
-    }), (e, l) => (f(), y("div", he, [
-      V(me, H({
+    }), (e, l) => (m(), y("div", he, [
+      V(fe, H({
         ref_key: "multiselect",
         ref: v,
         modelValue: s.value,
@@ -276,13 +276,13 @@ import './style/dropdown.css';const he = { class: "rds-e-dropdown" }, ke = { cla
         options: ee.value,
         "close-on-select": Y.value,
         "show-labels": !1,
-        disabled: a(k),
-        multiple: a($),
+        disabled: n(k),
+        multiple: n($),
         "max-height": o.maxHeight,
         searchable: !1,
         small: o.small,
         "open-direction": "bottom",
-        limit: a(E),
+        limit: n(E),
         "limit-text": o.limitText
       }, j.value, {
         "append-to-body": o.appendToBody,
@@ -290,33 +290,33 @@ import './style/dropdown.css';const he = { class: "rds-e-dropdown" }, ke = { cla
         onClose: te,
         onSelect: oe,
         "onUpdate:modelValue": se,
-        onFocus: l[14] || (l[14] = r(() => O(), ["prevent"])),
-        onBlur: r(() => null, ["prevent"])
+        onFocus: l[14] || (l[14] = a(() => O(), ["prevent"])),
+        onBlur: a(() => null, ["prevent"])
       }), P({
         selection: d(({ isOpen: t }) => [
-          V(a(z), {
+          V(n(z), {
             id: `multiselect-dropdown-${o.id}`,
             modelValue: q.value,
             "onUpdate:modelValue": l[1] || (l[1] = (c) => q.value = c),
             class: "rds-e-dropdown__input",
-            disabled: a(k),
+            disabled: n(k),
             label: o.label,
             error: o.error,
             helper: o.helper,
             "helper-text": o.helperText,
             readonly: "",
-            onClick: r((c) => t ? null : O(), ["prevent", "stop"])
+            onClick: a((c) => t ? null : O(), ["prevent", "stop"])
           }, P({
             "right-icon": d(() => [
-              V(a(ve), {
+              V(n(ge), {
                 name: "arrow_down",
                 "aria-hidden": "true",
-                class: pe(["rds-e-dropdown__input-caret", {
+                class: me(["rds-e-dropdown__input-caret", {
                   "rds-e-dropdown__input-caret--open": t
                 }]),
-                onClick: l[0] || (l[0] = r(() => {
+                onClick: l[0] || (l[0] = a(() => {
                 }, ["self", "stop"])),
-                onMousedown: r(ne, ["self", "prevent", "stop"])
+                onMousedown: a(re, ["self", "prevent", "stop"])
               }, null, 8, ["class"])
             ]),
             _: 2
@@ -324,59 +324,59 @@ import './style/dropdown.css';const he = { class: "rds-e-dropdown" }, ke = { cla
             e.$slots["helper-text"] ? {
               name: "helper-text",
               fn: d(() => [
-                m(e.$slots, "helper-text", {}, void 0, !0)
+                f(e.$slots, "helper-text", {}, void 0, !0)
               ]),
               key: "0"
             } : void 0
           ]), 1032, ["id", "modelValue", "disabled", "label", "error", "helper", "helper-text", "onClick"])
         ]),
         placeholder: d(() => [
-          l[15] || (l[15] = i("span", null, null, -1))
+          l[15] || (l[15] = u("span", null, null, -1))
         ]),
         option: d(({ option: t, search: c, index: A }) => [
-          i("div", ke, [
-            i("div", $e, [
-              i("div", Ce, [
-                a($) ? (f(), W(a(be), {
+          u("div", ke, [
+            u("div", $e, [
+              u("div", Ce, [
+                n($) ? (m(), W(n(ve), {
                   key: 0,
                   id: `${A}-${t.id}`,
                   small: o.small,
                   "is-checked": B(t),
-                  disabled: a(k) || (t == null ? void 0 : t.$isDisabled) || !1,
-                  onClick: r((w) => N(t), ["prevent", "stop"])
-                }, null, 8, ["id", "small", "is-checked", "disabled", "onClick"])) : !a($) && o.showRadio ? (f(), W(a(ye), {
+                  disabled: n(k) || (t == null ? void 0 : t.$isDisabled) || !1,
+                  onClick: a((w) => N(t), ["prevent", "stop"])
+                }, null, 8, ["id", "small", "is-checked", "disabled", "onClick"])) : !n($) && o.showRadio ? (m(), W(n(be), {
                   key: 1,
                   modelValue: I.value,
                   "onUpdate:modelValue": l[2] || (l[2] = (w) => I.value = w),
                   "group-name": `group-${o.id}`
                 }, {
                   default: d(() => [
-                    V(a(ge), {
+                    V(n(ye), {
                       id: `${A}-${typeof t == "object" ? t.id : A}`,
                       small: o.small,
                       option: typeof t == "object" ? t.id : t,
                       checked: B(t),
-                      disabled: a(k) || (t == null ? void 0 : t.$isDisabled) || !1,
-                      onClick: r((w) => N(t), ["prevent", "stop"])
+                      disabled: n(k) || (t == null ? void 0 : t.$isDisabled) || !1,
+                      onClick: a((w) => N(t), ["prevent", "stop"])
                     }, null, 8, ["id", "small", "option", "checked", "disabled", "onClick"])
                   ]),
                   _: 2
                 }, 1032, ["modelValue", "group-name"])) : D("", !0)
               ]),
-              i("div", Se, [
-                m(e.$slots, "singleLabel", { option: t }, () => {
+              u("div", Se, [
+                f(e.$slots, "singleLabel", { option: t }, () => {
                   var w;
                   return [
-                    (w = j.value) != null && w.label ? (f(), y(fe, { key: 0 }, [
-                      i("span", null, M(t.label), 1),
-                      t != null && t.detail ? (f(), y("span", Ve, M(t.detail), 1)) : D("", !0)
-                    ], 64)) : (f(), y("span", De, M(t), 1))
+                    (w = j.value) != null && w.label ? (m(), y(pe, { key: 0 }, [
+                      u("span", null, M(t.label), 1),
+                      t != null && t.detail ? (m(), y("span", Ve, M(t.detail), 1)) : D("", !0)
+                    ], 64)) : (m(), y("span", De, M(t), 1))
                   ];
                 }, !0)
               ])
             ]),
-            e.$slots.optionAppend ? (f(), y("div", Be, [
-              m(e.$slots, "optionAppend", {
+            e.$slots.optionAppend ? (m(), y("div", Be, [
+              f(e.$slots, "optionAppend", {
                 option: t,
                 search: c,
                 index: A
@@ -389,70 +389,70 @@ import './style/dropdown.css';const he = { class: "rds-e-dropdown" }, ke = { cla
         e.$slots.limit ? {
           name: "limit",
           fn: d(() => [
-            m(e.$slots, "limit", {}, void 0, !0)
+            f(e.$slots, "limit", {}, void 0, !0)
           ]),
           key: "0"
         } : void 0,
         e.$slots.maxElements ? {
           name: "maxElements",
           fn: d(() => [
-            m(e.$slots, "maxElements", {}, void 0, !0)
+            f(e.$slots, "maxElements", {}, void 0, !0)
           ]),
           key: "1"
         } : void 0,
         e.$slots.noResult ? {
           name: "noResult",
           fn: d(({ search: t }) => [
-            m(e.$slots, "noResult", { search: t }, void 0, !0)
+            f(e.$slots, "noResult", { search: t }, void 0, !0)
           ]),
           key: "2"
         } : void 0,
         e.$slots.noOptions ? {
           name: "noOptions",
           fn: d(() => [
-            m(e.$slots, "noOptions", {}, void 0, !0)
+            f(e.$slots, "noOptions", {}, void 0, !0)
           ]),
           key: "3"
         } : void 0,
         C.value || e.$slots.beforeList ? {
           name: "beforeList",
           fn: d(() => [
-            C.value ? (f(), y("div", {
+            C.value ? (m(), y("div", {
               key: 0,
               class: "rds-e-dropdown__before-list",
-              onMousedown: l[6] || (l[6] = r(() => {
+              onMousedown: l[6] || (l[6] = a(() => {
               }, ["stop"])),
-              onClick: r(re, ["stop"]),
-              onBlur: l[7] || (l[7] = r(() => {
+              onClick: a(ae, ["stop"]),
+              onBlur: l[7] || (l[7] = a(() => {
               }, ["stop"])),
-              onFocus: l[8] || (l[8] = r(() => {
+              onFocus: l[8] || (l[8] = a(() => {
               }, ["stop"])),
-              onKeydown: l[9] || (l[9] = r(() => {
+              onKeydown: l[9] || (l[9] = a(() => {
               }, ["stop"])),
-              onKeyup: l[10] || (l[10] = r(() => {
+              onKeyup: l[10] || (l[10] = a(() => {
               }, ["stop"])),
-              onKeypress: l[11] || (l[11] = r(() => {
+              onKeypress: l[11] || (l[11] = a(() => {
               }, ["stop"])),
-              onChange: l[12] || (l[12] = r(() => {
+              onChange: l[12] || (l[12] = a(() => {
               }, ["stop"]))
             }, [
-              i("div", Oe, [
-                V(a(z), H({
+              u("div", Oe, [
+                V(n(z), H({
                   ref_key: "textFieldInput",
                   ref: b,
                   modelValue: L.value,
                   "onUpdate:modelValue": l[3] || (l[3] = (t) => L.value = t)
                 }, Q.value, {
-                  onMousedown: l[4] || (l[4] = r(() => {
+                  onMousedown: l[4] || (l[4] = a(() => {
                   }, ["stop", "prevent"])),
-                  onFocus: l[5] || (l[5] = r(() => {
+                  onFocus: l[5] || (l[5] = a(() => {
                   }, ["stop"]))
                 }), null, 16, ["modelValue"])
               ])
             ], 32)) : D("", !0),
-            e.$slots.beforeList ? (f(), y("div", Ae, [
-              i("div", Fe, [
-                m(e.$slots, "beforeList", {}, void 0, !0)
+            e.$slots.beforeList ? (m(), y("div", Ae, [
+              u("div", Fe, [
+                f(e.$slots, "beforeList", {}, void 0, !0)
               ])
             ])) : D("", !0)
           ]),
@@ -461,9 +461,9 @@ import './style/dropdown.css';const he = { class: "rds-e-dropdown" }, ke = { cla
         e.$slots.afterList ? {
           name: "afterList",
           fn: d(() => [
-            i("div", Re, [
-              i("div", Ee, [
-                m(e.$slots, "afterList", {}, void 0, !0)
+            u("div", Re, [
+              u("div", Ee, [
+                f(e.$slots, "afterList", {}, void 0, !0)
               ])
             ])
           ]),

package/dist/components/filterChip.es.js

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

package/dist/components/floatingActionButton.es.js

@@ -1,4 +1,4 @@
-import { defineComponent as i, toRefs as p, computed as u, openBlock as f, createBlock as c, mergeProps as d } from "vue";
+import { defineComponent as i, toRefs as p, computed as u, createBlock as f, openBlock as c, mergeProps as d } from "vue";
 import m from "./button.es.js";
 import { _ as b } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import './style/floatingActionButton.css';const v = /* @__PURE__ */ i({
@@ -81,7 +81,7 @@ import './style/floatingActionButton.css';const v = /* @__PURE__ */ i({
       const e = "rds-e-btn--fab", o = [];
       return n.value && o.push("rds-e-btn--extra-small"), o.push(`${e}-${l.value}`), o.push(`${e}-${r.value}`), o.join(" ");
     });
-    return (e, o) => (f(), c(m, d({
+    return (e, o) => (c(), f(m, d({
       class: ["rds-e-btn--fab", [
         s.value
       ]]