energy-components 1.0.2 → 1.0.4

package/dist/components/switch.es.js

@@ -1,10 +1,10 @@
-import { defineComponent as v, ref as c, onMounted as k, onBeforeUnmount as y, openBlock as n, createElementBlock as i, normalizeClass as g, createElementVNode as r, renderSlot as S, createTextVNode as p, toDisplayString as B, createBlock as V, createCommentVNode as u } from "vue";
-import { R as x } from "./icon-svg-Cpx09myr.js";
+import { defineComponent as v, ref as i, onMounted as k, onBeforeUnmount as y, openBlock as n, createElementBlock as c, normalizeClass as g, createElementVNode as r, renderSlot as p, createTextVNode as S, toDisplayString as B, createBlock as V, createCommentVNode as u } from "vue";
+import { I as x } from "./icon-svg-CEZ-L3iv.js";
 import { _ as E } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import './style/switch.css';const _ = ["id", "disabled", "checked"], N = ["for", "aria-label"], C = {
   key: 0,
-  class: "rds-switch__label-text"
-}, D = /* @__PURE__ */ v({
+  class: "rds-e-switch__label-text"
+}, L = /* @__PURE__ */ v({
   __name: "switch",
   props: {
     /**
@@ -45,7 +45,7 @@ import './style/switch.css';const _ = ["id", "disabled", "checked"], N = ["for",
   },
   emits: ["update:modelValue"],
   setup(e, { emit: m }) {
-    const f = e, l = m, a = c(!1), o = c(!1), h = () => {
+    const f = e, l = m, a = i(!1), o = i(!1), h = () => {
       o.value && (a.value = !0);
     }, w = () => a.value = !1, s = (t) => {
       t.key === "Tab" && (o.value = !0);
@@ -58,12 +58,12 @@ import './style/switch.css';const _ = ["id", "disabled", "checked"], N = ["for",
       l("update:modelValue", f.checked), window.addEventListener("keydown", s), window.addEventListener("mousedown", d);
     }), y(() => {
       window.removeEventListener("keydown", s), window.removeEventListener("mousedown", d);
-    }), (t, L) => (n(), i("div", {
-      class: g(["rds-switch", { "rds-switch--focused": a.value }])
+    }), (t, D) => (n(), c("div", {
+      class: g(["rds-e-switch", { "rds-e-switch--focused": a.value }])
     }, [
       r("input", {
         id: e.id.toString(),
-        class: "rds-switch__input",
+        class: "rds-e-switch__input",
         type: "checkbox",
         disabled: e.disabled,
         checked: e.checked,
@@ -72,25 +72,25 @@ import './style/switch.css';const _ = ["id", "disabled", "checked"], N = ["for",
         onBlur: w
       }, null, 40, _),
       r("label", {
-        class: "rds-switch__label",
+        class: "rds-e-switch__label",
         for: e.id.toString(),
         "aria-label": e.label
       }, [
-        e.label || t.$slots["text-label"] ? (n(), i("span", C, [
-          S(t.$slots, "text-label", {}, () => [
-            p(B(e.label), 1)
+        e.label || t.$slots["text-label"] ? (n(), c("span", C, [
+          p(t.$slots, "text-label", {}, () => [
+            S(B(e.label), 1)
           ], !0),
           e.icon ? (n(), V(x, {
             key: 0,
             name: e.icon,
-            class: "rds-switch__label-icon",
+            class: "rds-e-switch__label-icon",
             "aria-hidden": "true"
           }, null, 8, ["name"])) : u("", !0)
         ])) : u("", !0)
       ], 8, N)
     ], 2));
   }
-}), M = /* @__PURE__ */ E(D, [["__scopeId", "data-v-69c77348"]]);
+}), M = /* @__PURE__ */ E(L, [["__scopeId", "data-v-5f2be083"]]);
 export {
   M as default
 };

package/dist/components/tabBar.es.js

@@ -1,9 +1,9 @@
-import { defineComponent as N, mergeModels as B, toRefs as W, useModel as D, ref as m, computed as h, onMounted as K, nextTick as $, onUnmounted as F, watch as L, openBlock as s, createElementBlock as d, normalizeClass as u, createVNode as R, createCommentVNode as g, createElementVNode as f, Fragment as q, renderList as H, unref as O, withKeys as S, withModifiers as V, createBlock as P, createTextVNode as U, toDisplayString as j, renderSlot as G } from "vue";
-import { R as w } from "./icon-svg-Cpx09myr.js";
+import { defineComponent as N, mergeModels as B, toRefs as W, useModel as K, ref as m, computed as h, onMounted as $, nextTick as D, onUnmounted as F, watch as L, openBlock as s, createElementBlock as d, normalizeClass as u, createVNode as S, createCommentVNode as g, createElementVNode as v, Fragment as q, renderList as H, unref as O, withKeys as V, withModifiers as A, createBlock as P, createTextVNode as U, toDisplayString as j, renderSlot as G } from "vue";
+import { I as w } from "./icon-svg-CEZ-L3iv.js";
 import { d as J } from "./functions-DIHwdgF0.js";
 import { _ as Q } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import './style/tabBar.css';const X = ["aria-selected", "tabindex", "onClick", "onKeydown"], Y = { class: "rds-top-bar__item-title" }, Z = {
-  class: "rds-top-bar__content",
+import './style/tabBar.css';const X = ["aria-selected", "tabindex", "onClick", "onKeydown"], Y = { class: "rds-e-top-bar__item-title" }, Z = {
+  class: "rds-e-top-bar__content",
   role: "tabpanel"
 }, ee = /* @__PURE__ */ N({
   __name: "tab-bar",
@@ -49,8 +49,8 @@ import './style/tabBar.css';const X = ["aria-selected", "tabindex", "onClick", "
      */
     beforeTabChange: {
       type: Function,
-      default: (o, v) => {
-        if (o === v.id) return Promise.resolve(!0);
+      default: (o, f) => {
+        if (o === f.id) return Promise.resolve(!0);
       }
     }
   }, {
@@ -61,10 +61,10 @@ import './style/tabBar.css';const X = ["aria-selected", "tabindex", "onClick", "
     activeTabModifiers: {}
   }),
   emits: /* @__PURE__ */ B(["activeTabChanged"], ["update:activeTab"]),
-  setup(o, { emit: v }) {
-    const i = o, A = v, {
+  setup(o, { emit: f }) {
+    const i = o, M = f, {
       options: n
-    } = W(i), M = D(o, "activeTab"), a = m(""), b = m(null), l = m(null);
+    } = W(i), R = K(o, "activeTab"), a = m(""), b = m(null), l = m(null);
     let p = [];
     const y = h(() => l.value ? l.value.scrollWidth > l.value.clientWidth : !1), z = h(() => n.value.findIndex((t) => t.id === a.value) > 0 && y.value), E = h(() => l.value ? n.value.findIndex((t) => t.id === a.value) < i.options.length - 1 && y.value : !1), k = (e) => {
       const t = i.options.find((r) => r.id === a.value);
@@ -92,47 +92,47 @@ import './style/tabBar.css';const X = ["aria-selected", "tabindex", "onClick", "
     const C = () => {
       T(a.value);
     };
-    return K(async () => {
-      await $(), b.value && (p = Array.from(
+    return $(async () => {
+      await D(), b.value && (p = Array.from(
         b.value.children
       )), a.value = i.options[0].id ?? "", window.addEventListener("resize", J(C, 200));
     }), F(() => {
       window.removeEventListener("resize", C);
     }), L(a, (e) => {
-      T(e), A("activeTabChanged", k(!1));
-    }), L(M, (e) => c(e)), (e, t) => (s(), d("div", {
-      class: u(["rds-top-bar", {
-        "rds-top-bar--fluid": o.fluid,
-        "rds-top-bar--divider": o.divider
+      T(e), M("activeTabChanged", k(!1));
+    }), L(R, (e) => c(e)), (e, t) => (s(), d("div", {
+      class: u(["rds-e-top-bar", {
+        "rds-e-top-bar--fluid": o.fluid,
+        "rds-e-top-bar--divider": o.divider
       }])
     }, [
       z.value ? (s(), d("div", {
         key: 0,
         class: u([
-          "rds-top-bar__button",
-          o.backgroundAlternative ? "rds-top-bar__button--left-bg2" : "rds-top-bar__button--left"
+          "rds-e-top-bar__button",
+          o.backgroundAlternative ? "rds-e-top-bar__button--left-bg2" : "rds-e-top-bar__button--left"
         ]),
         onClick: x
       }, [
-        R(w, {
-          class: "rds-top-bar__icon",
+        S(w, {
+          class: "rds-e-top-bar__icon",
           name: "arrow_left"
         })
       ], 2)) : g("", !0),
-      f("div", {
+      v("div", {
         ref_key: "tabsListWrapper",
         ref: l,
-        class: "rds-top-bar__wrapper"
+        class: "rds-e-top-bar__wrapper"
       }, [
-        f("ul", {
+        v("ul", {
           ref_key: "tabsList",
           ref: b,
-          class: "rds-top-bar__list",
+          class: "rds-e-top-bar__list",
           role: "tablist"
         }, [
           (s(!0), d(q, null, H(O(n), (r, _) => (s(), d("li", {
             key: _,
-            class: u(["rds-top-bar__item", {
+            class: u(["rds-e-top-bar__item", {
               active: a.value === r.id
             }]),
             role: "tab",
@@ -140,14 +140,14 @@ import './style/tabBar.css';const X = ["aria-selected", "tabindex", "onClick", "
             tabindex: a.value === r.id ? 0 : -1,
             onClick: (te) => c(r.id),
             onKeydown: [
-              S(V(x, ["prevent"]), ["left"]),
-              S(V(I, ["prevent"]), ["right"])
+              V(A(x, ["prevent"]), ["left"]),
+              V(A(I, ["prevent"]), ["right"])
             ]
           }, [
-            f("span", Y, [
+            v("span", Y, [
               r.icon ? (s(), P(w, {
                 key: 0,
-                class: "rds-top-bar__item-title--icon",
+                class: "rds-e-top-bar__item-title--icon",
                 name: r.icon
               }, null, 8, ["name"])) : g("", !0),
               U(" " + j(r.title), 1)
@@ -158,24 +158,24 @@ import './style/tabBar.css';const X = ["aria-selected", "tabindex", "onClick", "
       E.value ? (s(), d("div", {
         key: 1,
         class: u([
-          "rds-top-bar__button",
-          o.backgroundAlternative ? "rds-top-bar__button--right-bg2" : "rds-top-bar__button--right"
+          "rds-e-top-bar__button",
+          o.backgroundAlternative ? "rds-e-top-bar__button--right-bg2" : "rds-e-top-bar__button--right"
         ]),
         onClick: I
       }, [
-        R(w, {
-          class: "rds-top-bar__icon",
+        S(w, {
+          class: "rds-e-top-bar__icon",
           name: "arrow_right"
         })
       ], 2)) : g("", !0),
-      f("div", Z, [
+      v("div", Z, [
         G(e.$slots, a.value, {
           tab: k(!0)
         }, void 0, !0)
       ])
     ], 2));
   }
-}), ie = /* @__PURE__ */ Q(ee, [["__scopeId", "data-v-1eaefe52"]]);
+}), ie = /* @__PURE__ */ Q(ee, [["__scopeId", "data-v-26223c41"]]);
 export {
   ie as default
 };

package/dist/components/tag.es.js

@@ -1,7 +1,7 @@
-import { defineComponent as h, toRefs as x, computed as u, openBlock as o, createElementBlock as $, normalizeClass as r, unref as t, createBlock as p, createCommentVNode as d, createTextVNode as S, toDisplayString as B } from "vue";
-import { R as f } from "./icon-svg-Cpx09myr.js";
-import { _ as b } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import './style/tag.css';const k = /* @__PURE__ */ h({
+import { defineComponent as h, toRefs as x, computed as u, openBlock as o, createElementBlock as $, normalizeClass as r, unref as t, createBlock as p, createCommentVNode as d, createTextVNode as B, toDisplayString as S } from "vue";
+import { I as f } from "./icon-svg-CEZ-L3iv.js";
+import { _ as k } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import './style/tag.css';const C = /* @__PURE__ */ h({
   __name: "tag",
   props: {
     /**
@@ -61,31 +61,31 @@ import './style/tag.css';const k = /* @__PURE__ */ h({
       inverse: g,
       small: v
     } = x(m), y = u(() => {
-      const a = "rds-tag", e = [];
+      const a = "rds-e-tag", e = [];
       return g.value && e.push(`${a}--inverse`), c.value && e.push(`${a}--actionable`), n.value && e.push(`${a}--icon`), v.value && e.push(`${a}--small`), e.push(`${a}--${l.value}`), e.join(" ");
     }), i = u(() => {
-      const a = "rds-tag_icon", e = [];
+      const a = "rds-e-tag_icon", e = [];
       return e.push(`${a}--${l.value}`), e.join(" ");
     });
     return (a, e) => (o(), $("div", {
-      class: r(["rds-tag rds-caption-tag", y.value])
+      class: r(["rds-e-tag rds-e-caption-tag", y.value])
     }, [
       t(n) ? (o(), p(f, {
         key: 0,
         name: t(n),
-        class: r(["rds-tag__icon", i.value]),
+        class: r(["rds-e-tag__icon", i.value]),
         "aria-hidden": "true"
       }, null, 8, ["name", "class"])) : d("", !0),
-      S(" " + B(t(_)) + " ", 1),
+      B(" " + S(t(_)) + " ", 1),
       t(c) ? (o(), p(f, {
         key: 1,
         name: "arrow_right",
-        class: r(["rds-tag__icon-actionable", i.value]),
+        class: r(["rds-e-tag__icon-actionable", i.value]),
         "aria-hidden": "true"
       }, null, 8, ["class"])) : d("", !0)
     ], 2));
   }
-}), D = /* @__PURE__ */ b(k, [["__scopeId", "data-v-9781baa5"]]);
+}), j = /* @__PURE__ */ k(C, [["__scopeId", "data-v-e784d437"]]);
 export {
-  D as default
+  j as default
 };

package/dist/components/textArea.es.js

@@ -1,10 +1,10 @@
-import { defineComponent as H, mergeModels as U, useModel as F, toRefs as G, computed as o, openBlock as l, createElementBlock as h, normalizeClass as g, createElementVNode as a, withDirectives as J, unref as t, vModelText as K, renderSlot as x, createBlock as C, mergeProps as M, toHandlers as q, createCommentVNode as s, createTextVNode as L, toDisplayString as i, pushScopeId as O, popScopeId as Q } from "vue";
-import { R as T } from "./icon-svg-Cpx09myr.js";
+import { defineComponent as R, mergeModels as U, useModel as F, toRefs as G, computed as o, openBlock as l, createElementBlock as h, normalizeClass as g, createElementVNode as a, withDirectives as J, unref as t, vModelText as K, renderSlot as x, createBlock as C, mergeProps as M, toHandlers as q, createCommentVNode as s, createTextVNode as L, toDisplayString as i, pushScopeId as O, popScopeId as Q } from "vue";
+import { I as T } from "./icon-svg-CEZ-L3iv.js";
 import { _ as W } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import './style/textArea.css';function y(e, f = !0, u = !0) {
-  return f && !e.trim() ? (console.warn("Advertencia: El valor no puede estar vacío"), !1) : u && !/^[a-z0-9\s]+$/i.test(e) ? (console.warn("Advertencia: El valor contiene caracteres inválidos"), !1) : !0;
+  return f && !e.trim() ? (console.warn("Advertencia: El valor no puede estar vacío"), !1) : u && !/^[\w\-:]+$/.test(e) ? (console.warn("Advertencia: El valor contiene caracteres inválidos"), !1) : !0;
 }
-const X = (e) => (O("data-v-dc860073"), e = e(), Q(), e), Y = { class: "rds-textarea__container" }, Z = { class: "rds-textarea__input-container" }, ee = ["id", "name", "maxlength", "minlength", "rows", "disabled"], te = /* @__PURE__ */ X(() => /* @__PURE__ */ a("div", { class: "rds-textarea__resize-handle" }, [
+const X = (e) => (O("data-v-a9a6a677"), e = e(), Q(), e), Y = { class: "rds-e-textarea__container" }, Z = { class: "rds-e-textarea__input-container" }, ee = ["id", "name", "maxlength", "minlength", "rows", "disabled"], te = /* @__PURE__ */ X(() => /* @__PURE__ */ a("div", { class: "rds-e-textarea__resize-handle" }, [
   /* @__PURE__ */ a("svg", {
     width: "12",
     height: "14",
@@ -18,7 +18,7 @@ const X = (e) => (O("data-v-dc860073"), e = e(), Q(), e), Y = { class: "rds-text
       "stroke-linecap": "round"
     })
   ])
-], -1)), re = ["for"], ae = { key: 0 }, le = { key: 0 }, ne = { key: 1 }, oe = { key: 0 }, se = /* @__PURE__ */ H({
+], -1)), re = ["for"], ae = { key: 0 }, le = { key: 0 }, ne = { key: 1 }, oe = { key: 0 }, se = /* @__PURE__ */ R({
   __name: "text-area",
   props: /* @__PURE__ */ U({
     /**
@@ -151,22 +151,22 @@ const X = (e) => (O("data-v-dc860073"), e = e(), Q(), e), Y = { class: "rds-text
   emits: ["update:modelValue"],
   setup(e) {
     const f = e, u = F(e, "modelValue"), {
-      label: S,
-      id: b,
+      label: b,
+      id: w,
       disabled: p,
       maxlength: v,
       minlength: m,
       modelValue: d,
       icon: $,
-      rightIcon: w,
-      helper: z,
+      rightIcon: S,
+      helper: A,
       error: _,
-      helperText: A,
+      helperText: z,
       clearable: k,
       lengthError: D
-    } = G(f), V = o(() => d.value.length === v.value), B = o(() => d.value.length === 0 ? !1 : d.value.length < m.value), E = o(() => D.value && (V.value || B.value)), R = o(() => {
+    } = G(f), V = o(() => d.value.length === v.value), B = o(() => d.value.length === 0 ? !1 : d.value.length < m.value), E = o(() => D.value && (V.value || B.value)), P = o(() => {
       const r = [];
-      return d.value && r.push("rds-textarea--filled"), _.value && r.push("rds-textarea--error"), p.value && r.push("rds-textarea--disabled"), E.value && r.push("rds-textarea--error"), r.join(" ");
+      return d.value && r.push("rds-e-textarea--filled"), _.value && r.push("rds-e-textarea--error"), p.value && r.push("rds-e-textarea--disabled"), E.value && r.push("rds-e-textarea--error"), r.join(" ");
     }), n = o(() => {
       const r = {
         name: $.value,
@@ -177,29 +177,29 @@ const X = (e) => (O("data-v-dc860073"), e = e(), Q(), e), Y = { class: "rds-text
         }
       }, c = {
         left: { ...r },
-        right: { ...r, name: w.value }
+        right: { ...r, name: S.value }
       };
       return k.value && (c.right = {
         ...r,
         name: "close",
-        class: "rds-textfield__icon--clear",
+        class: "rds-e-textfield__icon--clear",
         events: {
           click: () => u.value = ""
         }
       }), c;
-    }), P = o(() => d.value.length);
+    }), j = o(() => d.value.length);
     return (r, c) => {
       var I, N;
       return l(), h("div", {
-        class: g(["rds-textarea", R.value])
+        class: g(["rds-e-textarea", P.value])
       }, [
         a("div", Y, [
           a("div", Z, [
             J(a("textarea", {
-              id: (I = t(b)) == null ? void 0 : I.toString(),
-              "onUpdate:modelValue": c[0] || (c[0] = (j) => u.value = j),
+              id: (I = t(w)) == null ? void 0 : I.toString(),
+              "onUpdate:modelValue": c[0] || (c[0] = (H) => u.value = H),
               type: "text",
-              class: "rds-textarea__input",
+              class: "rds-e-textarea__input",
               name: e.name,
               maxlength: t(v),
               minlength: t(m),
@@ -210,29 +210,29 @@ const X = (e) => (O("data-v-dc860073"), e = e(), Q(), e), Y = { class: "rds-text
             ]),
             te,
             a("label", {
-              for: (N = t(b)) == null ? void 0 : N.toString(),
-              class: "rds-textarea__label"
+              for: (N = t(w)) == null ? void 0 : N.toString(),
+              class: "rds-e-textarea__label"
             }, [
               x(r.$slots, "left-icon", {}, () => [
                 n.value.left.name ? (l(), C(T, M({
                   key: 0,
-                  class: "rds-textarea__icon rds-textarea__icon--left",
+                  class: "rds-e-textarea__icon rds-e-textarea__icon--left",
                   "aria-hidden": "true"
                 }, n.value.left, q(n.value.left.events)), null, 16)) : s("", !0)
               ], !0),
-              L(" " + i(t(S)), 1)
+              L(" " + i(t(b)), 1)
             ], 8, re),
             a("div", {
-              class: g(["rds-textarea__counter", {
-                "rds-textarea__counter--disabled": t(p),
-                "rds-textarea__counter--clearable": t(k)
+              class: g(["rds-e-textarea__counter", {
+                "rds-e-textarea__counter--disabled": t(p),
+                "rds-e-textarea__counter--clearable": t(k)
               }])
             }, [
-              e.counter && !t(w) ? (l(), h("p", ae, i(P.value) + "/" + i(t(v)), 1)) : s("", !0),
+              e.counter && !t(S) ? (l(), h("p", ae, i(j.value) + "/" + i(t(v)), 1)) : s("", !0),
               x(r.$slots, "right-icon", {}, () => [
                 n.value.right.name ? (l(), C(T, M({
                   key: 0,
-                  class: "rds-textarea__icon rds-textarea__icon--right",
+                  class: "rds-e-textarea__icon rds-e-textarea__icon--right",
                   "aria-hidden": "true"
                 }, n.value.right, q(n.value.right.events)), null, 16)) : s("", !0)
               ], !0)
@@ -240,20 +240,20 @@ const X = (e) => (O("data-v-dc860073"), e = e(), Q(), e), Y = { class: "rds-text
           ])
         ]),
         a("ul", {
-          class: g(["rds-textarea__helper", t(_) || E.value ? "rds-textarea__helper--error" : ""])
+          class: g(["rds-e-textarea__helper", t(_) || E.value ? "rds-e-textarea__helper--error" : ""])
         }, [
           V.value ? (l(), h("li", le, " Max text length is " + i(t(v)), 1)) : s("", !0),
           B.value ? (l(), h("li", ne, " Min text length is " + i(t(m)), 1)) : s("", !0),
           a("li", null, [
             x(r.$slots, "helper-text", {}, () => [
-              t(z) || t(_) ? (l(), h("span", oe, i(t(A)), 1)) : s("", !0)
+              t(A) || t(_) ? (l(), h("span", oe, i(t(z)), 1)) : s("", !0)
             ], !0)
           ])
         ], 2)
       ], 2);
     };
   }
-}), ce = /* @__PURE__ */ W(se, [["__scopeId", "data-v-dc860073"]]);
+}), ce = /* @__PURE__ */ W(se, [["__scopeId", "data-v-a9a6a677"]]);
 export {
   ce as default
 };

package/dist/components/textField.es.js

@@ -1,10 +1,10 @@
-import { defineComponent as P, toRefs as z, ref as F, computed as d, watch as H, openBlock as u, createElementBlock as m, normalizeClass as v, createElementVNode as n, renderSlot as h, createBlock as A, mergeProps as L, toHandlers as w, createCommentVNode as _, unref as t, toDisplayString as B, createVNode as G } from "vue";
-import { R as V } from "./icon-svg-Cpx09myr.js";
+import { defineComponent as j, toRefs as P, ref as z, computed as d, watch as F, openBlock as u, createElementBlock as m, normalizeClass as h, createElementVNode as n, renderSlot as v, createBlock as H, mergeProps as k, toHandlers as M, createCommentVNode as _, unref as t, toDisplayString as w, createVNode as A, withModifiers as G } from "vue";
+import { I as L } from "./icon-svg-CEZ-L3iv.js";
 import { _ as J } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import './style/textField.css';const K = { class: "rds-textfield__container" }, M = { class: "rds-textfield__input-container" }, O = ["id", "type", "maxLength", "minLength", "disabled", "value", "autocomplete", "readonly"], Q = ["for"], U = {
+import './style/textField.css';const K = { class: "rds-e-textfield__container" }, O = { class: "rds-e-textfield__input-container" }, Q = ["id", "type", "maxLength", "minLength", "disabled", "value", "autocomplete", "readonly"], U = ["for"], W = {
   key: 0,
-  class: "rds-textfield__icon rds-textfield__icon--right"
-}, W = { class: "rds-textfield__helper" }, X = /* @__PURE__ */ P({
+  class: "rds-e-textfield__icon rds-e-textfield__icon--right"
+}, X = { class: "rds-e-textfield__helper" }, Y = /* @__PURE__ */ j({
   __name: "text-field",
   props: {
     /**
@@ -126,46 +126,46 @@ import './style/textField.css';const K = { class: "rds-textfield__container" },
   emits: ["update:modelValue"],
   setup(l, { emit: c }) {
     const s = l, g = c, {
-      label: k,
+      label: B,
       id: x,
       disabled: i,
       maxLength: y,
       minLength: b,
       modelValue: a,
-      icon: E,
-      rightIcon: I,
-      helper: T,
+      icon: V,
+      rightIcon: E,
+      helper: I,
       error: f,
-      helperText: R,
-      clearable: $,
+      helperText: T,
+      clearable: C,
       password: p,
-      autocomplete: D
-    } = z(s), o = F(!0), q = d(() => {
+      autocomplete: $
+    } = P(s), o = z(!0), q = d(() => {
       if (p.value)
-        return D.value;
-    }), S = (e) => {
+        return $.value;
+    }), N = (e) => {
       g(
         "update:modelValue",
         e.target.value
       );
-    }, C = d(() => !!(f.value || a.value.length && (a.value.length < b.value || a.value.length > y.value))), j = d(() => {
+    }, D = d(() => !!(f.value || a.value.length && (a.value.length < b.value || a.value.length > y.value))), R = d(() => {
       const e = [];
-      return a.value && e.push("rds-textfield--filled"), C.value && e.push("rds-textfield--error"), i.value && e.push("rds-textfield--disabled"), e.join(" ");
+      return a.value && e.push("rds-e-textfield--filled"), D.value && e.push("rds-e-textfield--error"), i.value && e.push("rds-e-textfield--disabled"), e.join(" ");
     }), r = d(() => {
       const e = {
-        name: E.value,
+        name: V.value,
         class: "",
         events: {
           click: () => {
           }
         }
-      }, N = {
+      }, S = {
         left: {
           ...e
         },
         right: {
           ...e,
-          name: I.value
+          name: E.value
         }
       };
       return p.value ? {
@@ -176,79 +176,81 @@ import './style/textField.css';const K = { class: "rds-textfield__container" },
         right: {
           ...e,
           name: o.value ? "eye_open" : "eye_close",
-          class: "rds-textfield__icon--password",
+          class: "rds-e-textfield__icon--password",
           events: {
             click: () => o.value = !o.value
           }
         }
-      } : $.value ? {
+      } : C.value ? {
         left: {
           ...e
         },
         right: {
           ...e,
           name: "close",
-          class: "rds-textfield__icon--clear",
+          class: "rds-e-textfield__icon--clear",
           events: {
             click: () => g("update:modelValue", "")
           }
         }
-      } : N;
+      } : S;
     });
-    return H(
+    return F(
       p,
       (e) => o.value = !e,
       { immediate: !0 }
-    ), (e, N) => (u(), m("div", {
-      class: v(["rds-textfield", j.value])
+    ), (e, S) => (u(), m("div", {
+      class: h(["rds-e-textfield", R.value])
     }, [
       n("div", K, [
-        h(e.$slots, "left-icon", {}, () => [
-          r.value.left.name ? (u(), A(V, L({
+        v(e.$slots, "left-icon", {}, () => [
+          r.value.left.name ? (u(), H(L, k({
             key: 0,
-            class: "rds-textfield__icon rds-textfield__icon--left",
+            class: "rds-e-textfield__icon rds-e-textfield__icon--left",
             "aria-hidden": "true"
-          }, r.value.left, w(r.value.left.events)), null, 16)) : _("", !0)
+          }, r.value.left, M(r.value.left.events)), null, 16)) : _("", !0)
         ], !0),
-        n("div", M, [
+        n("div", O, [
           n("input", {
             id: t(x).toString(),
             type: o.value ? "text" : "password",
-            class: "rds-textfield__input",
+            class: "rds-e-textfield__input",
             maxLength: t(y),
             minLength: t(b),
             disabled: t(i),
             value: t(a),
             autocomplete: q.value,
             readonly: l.readonly,
-            onInput: S,
-            onBlur: S
-          }, null, 40, O),
+            onInput: N,
+            onBlur: N
+          }, null, 40, Q),
           n("label", {
             for: t(x).toString(),
-            class: v(["rds-textfield__label", t(i) ? "rds-textfield__label--disabled" : ""])
-          }, B(t(k)), 11, Q)
+            class: h(["rds-e-textfield__label", t(i) ? "rds-e-textfield__label--disabled" : ""])
+          }, w(t(B)), 11, U)
         ]),
-        r.value.right.name || e.$slots["right-icon"] ? (u(), m("span", U, [
-          h(e.$slots, "right-icon", {}, () => [
-            G(V, L({
+        r.value.right.name || e.$slots["right-icon"] ? (u(), m("span", W, [
+          v(e.$slots, "right-icon", {}, () => [
+            A(L, k({
               "aria-hidden": "true",
-              class: "rds-textfield__icon rds-textfield__icon--right"
-            }, r.value.right, w(r.value.right.events)), null, 16)
+              class: "rds-e-textfield__icon rds-e-textfield__icon--right"
+            }, r.value.right, {
+              onClick: G(r.value.right.events.click, ["stop"])
+            }), null, 16, ["onClick"])
           ], !0)
         ])) : _("", !0)
       ]),
-      n("div", W, [
-        h(e.$slots, "helper-text", {}, () => [
-          (t(T) || t(f)) && !t(i) ? (u(), m("span", {
+      n("div", X, [
+        v(e.$slots, "helper-text", {}, () => [
+          (t(I) || t(f)) && !t(i) ? (u(), m("span", {
             key: 0,
-            class: v(t(f) ? "rds-textfield__helper--error" : "")
-          }, B(t(R)), 3)) : _("", !0)
+            class: h(t(f) ? "rds-e-textfield__helper--error" : "")
+          }, w(t(T)), 3)) : _("", !0)
         ], !0)
       ])
     ], 2));
   }
-}), te = /* @__PURE__ */ J(X, [["__scopeId", "data-v-e9626824"]]);
+}), le = /* @__PURE__ */ J(Y, [["__scopeId", "data-v-4c840b96"]]);
 export {
-  te as default
+  le as default
 };