energy-components 1.0.2 → 1.0.4

package/dist/components/divider.es.js

@@ -20,16 +20,16 @@ import './style/divider.css';const a = /* @__PURE__ */ s({
   },
   setup(r) {
     const e = r, o = i(() => ({
-      "rds-divider": !0,
-      "rds-divider--low": e.low && !e.inverse,
-      "rds-divider--inverse-low": e.low && e.inverse,
-      "rds-divider--inverse-high": !e.low && e.inverse
+      "rds-e-divider": !0,
+      "rds-e-divider--low": e.low && !e.inverse,
+      "rds-e-divider--inverse-low": e.low && e.inverse,
+      "rds-e-divider--inverse-high": !e.low && e.inverse
     }));
     return (v, c) => (d(), n("div", {
       class: t(o.value)
     }, null, 2));
   }
-}), _ = /* @__PURE__ */ l(a, [["__scopeId", "data-v-84048551"]]);
+}), u = /* @__PURE__ */ l(a, [["__scopeId", "data-v-92f03f9b"]]);
 export {
-  _ as default
+  u as default
 };

package/dist/components/dropdown.es.js

@@ -1,19 +1,19 @@
-import { defineComponent as H, mergeModels as M, toRefs as J, useModel as K, ref as Q, computed as h, openBlock as i, createElementBlock as b, createVNode as V, mergeProps as W, unref as r, withModifiers as u, createSlots as q, withCtx as a, normalizeClass as X, renderSlot as d, createElementVNode as n, createBlock as E, createCommentVNode as B, Fragment as Y, toDisplayString as D, nextTick as I, pushScopeId as Z, popScopeId as ee } from "vue";
+import { defineComponent as H, mergeModels as x, toRefs as J, useModel as K, ref as Q, computed as h, openBlock as i, createElementBlock as y, createVNode as V, mergeProps as W, unref as r, withModifiers as u, createSlots as I, withCtx as a, normalizeClass as X, renderSlot as d, createElementVNode as n, createBlock as M, createCommentVNode as B, Fragment as Y, toDisplayString as O, nextTick as T, pushScopeId as Z, popScopeId as ee } from "vue";
 import le from "./multiselect.es.js";
 import te from "./textField.es.js";
-import { R as se } from "./icon-svg-Cpx09myr.js";
+import { I as se } from "./icon-svg-CEZ-L3iv.js";
 import oe from "./checkbox.es.js";
 import re from "./radioButton.es.js";
 import { _ as ae } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import './style/dropdown.css';const de = (t) => (Z("data-v-0ad95116"), t = t(), ee(), t), ne = { class: "rds-dropdown" }, ie = /* @__PURE__ */ de(() => /* @__PURE__ */ n("span", null, null, -1)), ue = { class: "rds-dropdown__option" }, ce = { class: "rds-dropdown__option-container" }, me = { class: "rds-dropdown__option--prepend" }, pe = { class: "rds-dropdown__option--content" }, fe = {
+import './style/dropdown.css';const de = (t) => (Z("data-v-9e2c3262"), t = t(), ee(), t), ne = { class: "rds-e-dropdown" }, ie = /* @__PURE__ */ de(() => /* @__PURE__ */ n("span", null, null, -1)), ue = { class: "rds-e-dropdown__option" }, ce = { class: "rds-e-dropdown__option-container" }, me = { class: "rds-e-dropdown__option--prepend" }, pe = { class: "rds-e-dropdown__option--content" }, fe = {
   key: 0,
-  class: "rds-dropdown__option-detail"
+  class: "rds-e-dropdown__option-detail"
 }, ve = { key: 1 }, he = {
   key: 0,
-  class: "rds-dropdown__option--append"
-}, be = { class: "rds-dropdown__after-list" }, ye = { class: "rds-dropdown__after-list-container" }, ke = /* @__PURE__ */ H({
+  class: "rds-e-dropdown__option--append"
+}, ye = { class: "rds-e-dropdown__after-list" }, be = { class: "rds-e-dropdown__after-list-container" }, ke = /* @__PURE__ */ H({
   __name: "dropdown",
-  props: /* @__PURE__ */ M({
+  props: /* @__PURE__ */ x({
     /**
      * Id del dropdown
      */
@@ -87,6 +87,13 @@ import './style/dropdown.css';const de = (t) => (Z("data-v-0ad95116"), t = t(),
       type: Boolean,
       default: !1
     },
+    /**
+     * Texto de ayuda a mostrar debajo del campo de entrada.
+     */
+    helperText: {
+      type: String,
+      default: ""
+    },
     /**
      * Indica la cantidad maxima de elementos seleccionados a mostrar en el imput.
      */
@@ -107,23 +114,23 @@ import './style/dropdown.css';const de = (t) => (Z("data-v-0ad95116"), t = t(),
     },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ M(["open", "close", "select", "change"], ["update:modelValue"]),
-  setup(t, { expose: $, emit: j }) {
-    const c = t, m = j, {
+  emits: /* @__PURE__ */ x(["open", "close", "select", "change"], ["update:modelValue"]),
+  setup(t, { expose: $, emit: q }) {
+    const c = t, m = q, {
       disabled: p,
-      options: y,
+      options: b,
       limit: S,
       multiple: f
-    } = J(c), s = K(t, "modelValue"), v = Q(), N = h(() => y.value.every((e) => typeof e == "object" && (e == null ? void 0 : e.id) && (e == null ? void 0 : e.label))), T = h(() => !f.value || c.closeOnSelect), O = h({
+    } = J(c), s = K(t, "modelValue"), v = Q(), E = h(() => b.value.every((e) => typeof e == "object" && (e == null ? void 0 : e.id) && (e == null ? void 0 : e.label))), j = h(() => !f.value || c.closeOnSelect), D = h({
       get: () => s.value ? c.multiple ? Array.isArray(s.value) ? s.value.length > S.value ? c.limitText(S.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
-    }), F = h(() => ({
-      "rds-dropdown-input": !0,
-      "rds-dropdown--disabled": p.value,
-      "rds-dropdown--small": c.small
+    }), N = h(() => ({
+      "rds-e-dropdown-input": !0,
+      "rds-e-dropdown--disabled": p.value,
+      "rds-e-dropdown--small": c.small
     })), C = h(() => {
       const e = {};
-      return N.value && Object.assign(e, {
+      return E.value && Object.assign(e, {
         "track-by": "id",
         label: "label"
       }), e;
@@ -135,23 +142,23 @@ import './style/dropdown.css';const de = (t) => (Z("data-v-0ad95116"), t = t(),
           return s.value.some((o) => o.id === e.id);
       }
       return !1;
-    }, L = (e) => {
+    }, F = (e) => {
       m("open", e);
-    }, x = (e) => {
+    }, L = (e) => {
       m("close", e);
     }, U = (e) => {
-      I(() => {
+      T(() => {
         m("select", e);
       });
     }, P = () => {
-      I(() => {
+      T(() => {
         if (f.value) {
-          const e = y.value.filter(
+          const e = b.value.filter(
             (o) => k(o)
           ) || [];
           m("change", e);
         } else {
-          const e = y.value.find(
+          const e = b.value.find(
             (o) => k(o)
           );
           m("change", [e]);
@@ -175,15 +182,15 @@ import './style/dropdown.css';const de = (t) => (Z("data-v-0ad95116"), t = t(),
        * Cierra el dropdown
        */
       deactivate: z
-    }), (e, o) => (i(), b("div", ne, [
+    }), (e, o) => (i(), y("div", ne, [
       V(le, W({
         ref_key: "multiselect",
         ref: v,
         modelValue: s.value,
         "onUpdate:modelValue": o[2] || (o[2] = (l) => s.value = l),
-        class: F.value,
-        options: r(y),
-        "close-on-select": T.value,
+        class: N.value,
+        options: r(b),
+        "close-on-select": j.value,
         "show-labels": !1,
         disabled: r(p),
         multiple: r(f),
@@ -192,32 +199,33 @@ import './style/dropdown.css';const de = (t) => (Z("data-v-0ad95116"), t = t(),
         limit: r(S),
         "limit-text": t.limitText
       }, C.value, {
-        onOpen: L,
-        onClose: x,
+        onOpen: F,
+        onClose: L,
         onSelect: U,
         "onUpdate:modelValue": P,
         onFocus: o[3] || (o[3] = u(() => _(), ["prevent"])),
         onBlur: u(() => null, ["prevent"])
-      }), q({
+      }), I({
         selection: a(({ isOpen: l }) => [
           V(r(te), {
             id: `multiselect-dropdown-${t.id}`,
-            modelValue: O.value,
-            "onUpdate:modelValue": o[1] || (o[1] = (w) => O.value = w),
-            class: "rds-dropdown__input",
+            modelValue: D.value,
+            "onUpdate:modelValue": o[1] || (o[1] = (w) => D.value = w),
+            class: "rds-e-dropdown__input",
             disabled: r(p),
             label: t.label,
             error: t.error,
             helper: t.helper,
+            "helper-text": t.helperText,
             readonly: "",
             onClick: u((w) => l ? null : _(), ["prevent", "stop"])
-          }, q({
+          }, I({
             "right-icon": a(() => [
               V(r(se), {
                 name: "arrow_down",
                 "aria-hidden": "true",
-                class: X(["rds-dropdown__input-caret", {
-                  "rds-dropdown__input-caret--open": l
+                class: X(["rds-e-dropdown__input-caret", {
+                  "rds-e-dropdown__input-caret--open": l
                 }]),
                 onClick: o[0] || (o[0] = u(() => {
                 }, ["self", "stop"])),
@@ -233,7 +241,7 @@ import './style/dropdown.css';const de = (t) => (Z("data-v-0ad95116"), t = t(),
               ]),
               key: "0"
             } : void 0
-          ]), 1032, ["id", "modelValue", "disabled", "label", "error", "helper", "onClick"])
+          ]), 1032, ["id", "modelValue", "disabled", "label", "error", "helper", "helper-text", "onClick"])
         ]),
         placeholder: a(() => [
           ie
@@ -242,14 +250,14 @@ import './style/dropdown.css';const de = (t) => (Z("data-v-0ad95116"), t = t(),
           n("div", ue, [
             n("div", ce, [
               n("div", me, [
-                r(f) ? (i(), E(r(oe), {
+                r(f) ? (i(), M(r(oe), {
                   key: 0,
                   id: `${R}-${l.id}`,
                   small: t.small,
                   "is-checked": k(l),
                   disabled: r(p) || (l == null ? void 0 : l.$isDisabled) || !1,
                   onClick: u((g) => A(l), ["prevent", "stop"])
-                }, null, 8, ["id", "small", "is-checked", "disabled", "onClick"])) : !r(f) && t.showRadio ? (i(), E(r(re), {
+                }, null, 8, ["id", "small", "is-checked", "disabled", "onClick"])) : !r(f) && t.showRadio ? (i(), M(r(re), {
                   key: 1,
                   id: `${R}-${l.id}`,
                   small: t.small,
@@ -264,15 +272,15 @@ import './style/dropdown.css';const de = (t) => (Z("data-v-0ad95116"), t = t(),
                 d(e.$slots, "singleLabel", { option: l }, () => {
                   var g;
                   return [
-                    (g = C.value) != null && g.label ? (i(), b(Y, { key: 0 }, [
-                      n("span", null, D(l.label), 1),
-                      l != null && l.detail ? (i(), b("span", fe, D(l.detail), 1)) : B("", !0)
-                    ], 64)) : (i(), b("span", ve, D(l), 1))
+                    (g = C.value) != null && g.label ? (i(), y(Y, { key: 0 }, [
+                      n("span", null, O(l.label), 1),
+                      l != null && l.detail ? (i(), y("span", fe, O(l.detail), 1)) : B("", !0)
+                    ], 64)) : (i(), y("span", ve, O(l), 1))
                   ];
                 }, !0)
               ])
             ]),
-            e.$slots.optionAppend ? (i(), b("div", he, [
+            e.$slots.optionAppend ? (i(), y("div", he, [
               d(e.$slots, "optionAppend", {
                 option: l,
                 search: w,
@@ -314,8 +322,8 @@ import './style/dropdown.css';const de = (t) => (Z("data-v-0ad95116"), t = t(),
         e.$slots.afterList ? {
           name: "afterList",
           fn: a(() => [
-            n("div", be, [
-              n("div", ye, [
+            n("div", ye, [
+              n("div", be, [
                 d(e.$slots, "afterList", {}, void 0, !0)
               ])
             ])
@@ -325,7 +333,7 @@ import './style/dropdown.css';const de = (t) => (Z("data-v-0ad95116"), t = t(),
       ]), 1040, ["modelValue", "class", "options", "close-on-select", "disabled", "multiple", "limit", "limit-text"])
     ]));
   }
-}), Ve = /* @__PURE__ */ ae(ke, [["__scopeId", "data-v-0ad95116"]]);
+}), Ve = /* @__PURE__ */ ae(ke, [["__scopeId", "data-v-9e2c3262"]]);
 export {
   Ve as default
 };

package/dist/components/floatingActionButton.es.js

@@ -78,11 +78,11 @@ import './style/floatingActionButton.css';const v = /* @__PURE__ */ i({
       placement: r,
       extraSmall: n
     } = p(a), s = u(() => {
-      const e = "rds-btn--fab", o = [];
-      return n.value && o.push("rds-btn--extra-small"), o.push(`${e}-${l.value}`), o.push(`${e}-${r.value}`), o.join(" ");
+      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({
-      class: ["rds-btn--fab", [
+      class: ["rds-e-btn--fab", [
         s.value
       ]]
     }, { ...e.$props, ...e.$attrs }, {
@@ -91,7 +91,7 @@ import './style/floatingActionButton.css';const v = /* @__PURE__ */ i({
       variant: "primary"
     }), null, 16, ["class"]));
   }
-}), _ = /* @__PURE__ */ b(v, [["__scopeId", "data-v-1cb63e33"]]);
+}), _ = /* @__PURE__ */ b(v, [["__scopeId", "data-v-3cd22b46"]]);
 export {
   _ as default
 };

package/dist/components/{icon-svg-Cpx09myr.js → icon-svg-CEZ-L3iv.js}

@@ -10708,7 +10708,7 @@ import './style/icon-svg.css';const n = "selection", I = [
   showQuickUse2: !0,
   showSVGs: !0,
   fontPref: {
-    prefix: "rds-icon-",
+    prefix: "rds-e-icon-",
     metadata: {
       fontFamily: "",
       majorVersion: 1,
@@ -10785,6 +10785,7 @@ const m = o.reduce((c, s) => (c[s.name] = s, c), {}), S = /* @__PURE__ */ a({
     },
     /**
      * Permite establecer un color personalizado para el icono.
+     * Acepta un valor de color en CSS, como '#333', 'red' o 'var(--rds-color-turquoise-70)'.
      */
     color: {
       type: String,
@@ -10798,8 +10799,8 @@ const m = o.reduce((c, s) => (c[s.name] = s, c), {}), S = /* @__PURE__ */ a({
     });
     return (e, _) => (l(), t("span", {
       "aria-hidden": "true",
-      class: i(["icon rds-icon", [
-        `rds-icon-${c.name}`,
+      class: i(["icon rds-e-icon", [
+        `rds-e-icon-${c.name}`,
         c.modifier && `icon--${c.modifier}`,
         c.small && "icon--small"
       ]]),
@@ -10811,8 +10812,8 @@ const m = o.reduce((c, s) => (c[s.name] = s, c), {}), S = /* @__PURE__ */ a({
       }, null, 2))), 128))
     ], 6));
   }
-}), k = /* @__PURE__ */ p(S, [["__scopeId", "data-v-990a2ae3"]]);
+}), k = /* @__PURE__ */ p(S, [["__scopeId", "data-v-426142e9"]]);
 export {
-  k as R,
+  k as I,
   o as i
 };

package/dist/components/iconList.es.js

@@ -1,9 +1,9 @@
 import { defineComponent as p, ref as a, computed as v, openBlock as s, createElementBlock as i, Fragment as u, withDirectives as f, createElementVNode as r, vModelText as C, renderList as L, normalizeClass as x, createVNode as g, toDisplayString as h } from "vue";
-import { i as m, R as k } from "./icon-svg-Cpx09myr.js";
+import { i as m, I as k } from "./icon-svg-CEZ-L3iv.js";
 import { _ as w } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import './style/iconList.css';const y = { class: "rds-icon-list" }, D = ["onClick"], N = /* @__PURE__ */ p({
+import './style/iconList.css';const y = { class: "rds-e-icon-list" }, I = ["onClick"], N = /* @__PURE__ */ p({
   __name: "icon-list",
-  setup(S) {
+  setup(T) {
     const o = a(""), l = a(!1), c = a(""), d = v(() => {
       let t = m;
       return o.value.length > 2 && (t = m.filter(
@@ -21,7 +21,7 @@ import './style/iconList.css';const y = { class: "rds-icon-list" }, D = ["onClic
     return (t, n) => (s(), i(u, null, [
       f(r("input", {
         "onUpdate:modelValue": n[0] || (n[0] = (e) => o.value = e),
-        class: "rds-icon-list__filter",
+        class: "rds-e-icon-list__filter",
         type: "text",
         placeholder: "Filtrar iconos"
       }, null, 512), [
@@ -30,20 +30,20 @@ import './style/iconList.css';const y = { class: "rds-icon-list" }, D = ["onClic
       r("div", y, [
         (s(!0), i(u, null, L(d.value, (e) => (s(), i("div", {
           key: e.name,
-          class: x(["rds-icon-list__item", {
-            "rds-icon-list__item--active": l.value && c.value === e.name
+          class: x(["rds-e-icon-list__item", {
+            "rds-e-icon-list__item--active": l.value && c.value === e.name
           }]),
-          onClick: (T) => _(e.name)
+          onClick: (V) => _(e.name)
         }, [
           g(k, {
             name: e.name
           }, null, 8, ["name"]),
           r("code", null, h(e.name), 1)
-        ], 10, D))), 128))
+        ], 10, I))), 128))
       ])
     ], 64));
   }
-}), E = /* @__PURE__ */ w(N, [["__scopeId", "data-v-29b3c814"]]);
+}), F = /* @__PURE__ */ w(N, [["__scopeId", "data-v-12fc5634"]]);
 export {
-  E as default
+  F as default
 };

package/dist/components/iconSvg.es.js

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

package/dist/components/index.es.js

@@ -1,81 +1,102 @@
-import { R as i } from "./icon-svg-Cpx09myr.js";
-import n from "./button.es.js";
-import a from "./floatingActionButton.es.js";
-import m from "./actionButton.es.js";
-import c from "./checkbox.es.js";
+import { I as i } from "./icon-svg-CEZ-L3iv.js";
+import a from "./button.es.js";
+import m from "./floatingActionButton.es.js";
+import n from "./actionButton.es.js";
+import S from "./checkbox.es.js";
 import e from "./textField.es.js";
-import S from "./textArea.es.js";
-import p from "./switch.es.js";
-import D from "./radioButton.es.js";
-import R from "./dropdown.es.js";
+import D from "./textArea.es.js";
+import R from "./switch.es.js";
+import p from "./radioButton.es.js";
+import { _ as c } from "./radio-group.vue_vue_type_script_setup_true_lang-B-kg-575.js";
+import s from "./dropdown.es.js";
+import f from "./datepicker.es.js";
 import d from "./tag.es.js";
-import f from "./accordionGroup.es.js";
-import s from "./accordion.es.js";
-import u from "./divider.es.js";
-import l from "./link.es.js";
-import b from "./breadcrumbs.es.js";
-import A from "./tabBar.es.js";
-import B from "./pagination.es.js";
-import T from "./indicator.es.js";
-import g from "./tooltip.es.js";
-const r = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+import u from "./accordionGroup.es.js";
+import l from "./accordion.es.js";
+import B from "./divider.es.js";
+import T from "./card.es.js";
+import b from "./link.es.js";
+import A from "./breadcrumbs.es.js";
+import g from "./tabBar.es.js";
+import x from "./pagination.es.js";
+import I from "./indicator.es.js";
+import v from "./persistentToast.es.js";
+import _ from "./infoBox.es.js";
+import P from "./modal.es.js";
+import w from "./overlay.es.js";
+import k from "./tooltip.es.js";
+const t = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  RDSAccordion: s,
-  RDSAccordionGroup: f,
-  RDSActionButton: m,
-  RDSBreadcrumbs: b,
-  RDSButton: n,
-  RDSCheckbox: c,
-  RDSDivider: u,
-  RDSDropdown: R,
-  RDSFloatinActionButton: a,
+  RDSAccordion: l,
+  RDSAccordionGroup: u,
+  RDSActionButton: n,
+  RDSBreadcrumbs: A,
+  RDSButton: a,
+  RDSCard: T,
+  RDSCheckbox: S,
+  RDSDatePicker: f,
+  RDSDivider: B,
+  RDSDropdown: s,
+  RDSFloatinActionButton: m,
   RDSIconSvg: i,
-  RDSIndicator: T,
-  RDSLink: l,
-  RDSPagination: B,
-  RDSRadioButton: D,
-  RDSSwitch: p,
-  RDSTabBar: A,
+  RDSIndicator: I,
+  RDSInfoBox: _,
+  RDSLink: b,
+  RDSModal: P,
+  RDSOverlay: w,
+  RDSPagination: x,
+  RDSPersistentToast: v,
+  RDSRadioButton: p,
+  RDSRadioGroup: c,
+  RDSSwitch: R,
+  RDSTabBar: g,
   RDSTag: d,
-  RDSTextArea: S,
+  RDSTextArea: D,
   RDSTextField: e,
-  RDSTooltip: g
+  RDSTooltip: k
 }, Symbol.toStringTag, { value: "Module" }));
-let x;
-function H(o) {
-  x = o;
+let G;
+function ao(o) {
+  G = o;
 }
-const J = {
+const mo = {
   install: (o) => {
-    for (const t in r)
+    for (const r in t)
       o.component(
-        t,
-        r[t]
+        r,
+        t[r]
       );
   }
 };
 export {
-  s as RDSAccordion,
-  f as RDSAccordionGroup,
-  m as RDSActionButton,
-  b as RDSBreadcrumbs,
-  n as RDSButton,
-  c as RDSCheckbox,
-  u as RDSDivider,
-  R as RDSDropdown,
-  a as RDSFloatinActionButton,
+  l as RDSAccordion,
+  u as RDSAccordionGroup,
+  n as RDSActionButton,
+  A as RDSBreadcrumbs,
+  a as RDSButton,
+  T as RDSCard,
+  S as RDSCheckbox,
+  f as RDSDatePicker,
+  B as RDSDivider,
+  s as RDSDropdown,
+  m as RDSFloatinActionButton,
   i as RDSIconSvg,
-  T as RDSIndicator,
-  l as RDSLink,
-  B as RDSPagination,
-  D as RDSRadioButton,
-  p as RDSSwitch,
-  A as RDSTabBar,
+  I as RDSIndicator,
+  _ as RDSInfoBox,
+  b as RDSLink,
+  P as RDSModal,
+  w as RDSOverlay,
+  x as RDSPagination,
+  v as RDSPersistentToast,
+  p as RDSRadioButton,
+  c as RDSRadioGroup,
+  R as RDSSwitch,
+  g as RDSTabBar,
   d as RDSTag,
-  S as RDSTextArea,
+  D as RDSTextArea,
   e as RDSTextField,
-  g as RDSTooltip,
-  x as VueInstance,
-  J as default,
-  H as setVueInstance
+  k as RDSTooltip,
+  G as VueInstance,
+  mo as default,
+  ao as setVueInstance
 };