energy-components 1.0.4 → 1.1.2-beta.1

package/dist/components/getInstance-GhoEcxLF.js

@@ -0,0 +1,21 @@
+import { getCurrentInstance as s } from "vue";
+function o(e) {
+  const t = s();
+  if (!t)
+    throw new Error(`[energy-components] ${e} must be called from inside a setup function`);
+  return t;
+}
+let r = 0, n = /* @__PURE__ */ new WeakMap();
+function a() {
+  const e = o("getUid");
+  if (n.has(e))
+    return n.get(e);
+  const t = r++;
+  return n.set(e, t), t;
+}
+a.reset = () => {
+  r = 0, n = /* @__PURE__ */ new WeakMap();
+};
+export {
+  a as g
+};

package/dist/components/index.es.js

@@ -7,15 +7,15 @@ import e from "./textField.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 { _ as s } from "./radio-group.vue_vue_type_script_setup_true_lang-B-kg-575.js";
+import c from "./dropdown.es.js";
 import f from "./datepicker.es.js";
 import d from "./tag.es.js";
 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 b from "./divider.es.js";
+import B from "./card.es.js";
+import T from "./link.es.js";
 import A from "./breadcrumbs.es.js";
 import g from "./tabBar.es.js";
 import x from "./pagination.es.js";
@@ -25,6 +25,7 @@ import _ from "./infoBox.es.js";
 import P from "./modal.es.js";
 import w from "./overlay.es.js";
 import k from "./tooltip.es.js";
+import G from "./sidebar.es.js";
 const t = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   RDSAccordion: l,
@@ -32,22 +33,23 @@ const t = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   RDSActionButton: n,
   RDSBreadcrumbs: A,
   RDSButton: a,
-  RDSCard: T,
+  RDSCard: B,
   RDSCheckbox: S,
   RDSDatePicker: f,
-  RDSDivider: B,
-  RDSDropdown: s,
+  RDSDivider: b,
+  RDSDropdown: c,
   RDSFloatinActionButton: m,
   RDSIconSvg: i,
   RDSIndicator: I,
   RDSInfoBox: _,
-  RDSLink: b,
+  RDSLink: T,
   RDSModal: P,
   RDSOverlay: w,
   RDSPagination: x,
   RDSPersistentToast: v,
   RDSRadioButton: p,
-  RDSRadioGroup: c,
+  RDSRadioGroup: s,
+  RDSSidebar: G,
   RDSSwitch: R,
   RDSTabBar: g,
   RDSTag: d,
@@ -55,11 +57,11 @@ const t = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   RDSTextField: e,
   RDSTooltip: k
 }, Symbol.toStringTag, { value: "Module" }));
-let G;
-function ao(o) {
-  G = o;
+let h;
+function no(o) {
+  h = o;
 }
-const mo = {
+const So = {
   install: (o) => {
     for (const r in t)
       o.component(
@@ -74,29 +76,30 @@ export {
   n as RDSActionButton,
   A as RDSBreadcrumbs,
   a as RDSButton,
-  T as RDSCard,
+  B as RDSCard,
   S as RDSCheckbox,
   f as RDSDatePicker,
-  B as RDSDivider,
-  s as RDSDropdown,
+  b as RDSDivider,
+  c as RDSDropdown,
   m as RDSFloatinActionButton,
   i as RDSIconSvg,
   I as RDSIndicator,
   _ as RDSInfoBox,
-  b as RDSLink,
+  T as RDSLink,
   P as RDSModal,
   w as RDSOverlay,
   x as RDSPagination,
   v as RDSPersistentToast,
   p as RDSRadioButton,
-  c as RDSRadioGroup,
+  s as RDSRadioGroup,
+  G as RDSSidebar,
   R as RDSSwitch,
   g as RDSTabBar,
   d as RDSTag,
   D as RDSTextArea,
   e as RDSTextField,
   k as RDSTooltip,
-  G as VueInstance,
-  mo as default,
-  ao as setVueInstance
+  h as VueInstance,
+  So as default,
+  no as setVueInstance
 };

package/dist/components/infoBox.es.js

@@ -1,7 +1,7 @@
 import { defineComponent as y, ref as d, toRefs as h, computed as k, watch as w, nextTick as C, openBlock as t, createElementBlock as s, normalizeClass as m, createElementVNode as a, createVNode as _, createCommentVNode as o, toDisplayString as i } from "vue";
 import { I as b } from "./icon-svg-CEZ-L3iv.js";
 import { _ as S } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import './style/infoBox.css';const q = { class: "max-layout alert" }, $ = {
+import './style/infoBox.css';const q = { class: "alert" }, $ = {
   key: 0,
   class: "rds-e-info-box__custom-icon-block"
 }, B = { class: "rds-e-info-box__wrapper" }, H = { class: "rds-e-info-box__title__wrapper" }, I = {
@@ -82,7 +82,7 @@ import './style/infoBox.css';const q = { class: "max-layout alert" }, $ = {
     }
   },
   setup(e) {
-    const x = e, n = d(!1), r = d(null), c = d(null), { type: l } = h(x), v = k(
+    const v = e, n = d(!1), r = d(null), c = d(null), { type: l } = h(v), x = k(
       () => `rds-e-info-box rds-mb-03 rds-e-info-box${l.value === "success" ? "--success" : ""}${l.value === "error" ? "--error" : ""}${l.value === "warning" ? "--warning" : ""}${l.value === "info" ? "--info" : ""}`
     ), g = () => {
       if (!r.value || !c.value) return;
@@ -100,7 +100,7 @@ import './style/infoBox.css';const q = { class: "max-layout alert" }, $ = {
       n.value = !n.value;
     };
     return (u, f) => (t(), s("div", {
-      class: m(v.value),
+      class: m(x.value),
       role: "alert"
     }, [
       a("div", q, [
@@ -146,7 +146,7 @@ import './style/infoBox.css';const q = { class: "max-layout alert" }, $ = {
       ])
     ], 2));
   }
-}), T = /* @__PURE__ */ S(z, [["__scopeId", "data-v-4a206548"]]);
+}), T = /* @__PURE__ */ S(z, [["__scopeId", "data-v-0a87bf57"]]);
 export {
   T as default
 };

package/dist/components/link.es.js

@@ -1,7 +1,7 @@
-import { defineComponent as D, toRefs as E, computed as f, openBlock as l, createBlock as d, resolveDynamicComponent as L, unref as e, normalizeClass as m, withCtx as N, mergeProps as _, createCommentVNode as i, createElementBlock as B, renderSlot as C, createTextVNode as S, toDisplayString as I } from "vue";
+import { defineComponent as E, toRefs as L, computed as f, openBlock as r, createBlock as d, resolveDynamicComponent as N, unref as e, normalizeClass as m, withCtx as R, mergeProps as _, createCommentVNode as i, createElementBlock as b, renderSlot as B, createTextVNode as S, toDisplayString as I } from "vue";
 import { I as k } from "./icon-svg-CEZ-L3iv.js";
-import { _ as R } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import './style/link.css';const V = /* @__PURE__ */ D({
+import { _ as V } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import './style/link.css';const $ = /* @__PURE__ */ E({
   __name: "link",
   props: {
     /**
@@ -67,81 +67,89 @@ import './style/link.css';const V = /* @__PURE__ */ D({
     right: {
       type: Boolean,
       default: !0
+    },
+    /**
+     * <span>Clase personalizada que se aplica solo al elemento (span) que contiene el texto del enlace.</span>
+     */
+    customClass: {
+      type: String,
+      default: ""
     }
   },
   setup(s) {
     const v = s, {
       text: y,
       to: g,
-      icon: n,
+      icon: a,
       tag: o,
       disabled: p,
       inverse: c,
       arrow: u,
       right: t,
-      underline: h
-    } = E(v), j = f(() => {
-      var r, b;
-      const a = ["rds-e-link"];
-      return c.value && a.push("rds-e-link--inverse"), h.value && a.push("rds-e-link--underline"), p.value && a.push("rds-e-style-state-disabled"), ((r = n == null ? void 0 : n.value) == null ? void 0 : r.name) !== "arrow" && a.push("link"), ((b = n == null ? void 0 : n.value) == null ? void 0 : b.name) !== "arrow" && c.value && a.push("link__icon--inverse"), a.join(" ");
+      underline: h,
+      customClass: j
+    } = L(v), D = f(() => {
+      var l, C;
+      const n = ["rds-e-link"];
+      return c.value && n.push("rds-e-link--inverse"), h.value && n.push("rds-e-link--underline"), p.value && n.push("rds-e-style-state-disabled"), ((l = a == null ? void 0 : a.value) == null ? void 0 : l.name) !== "arrow" && n.push("link"), ((C = a == null ? void 0 : a.value) == null ? void 0 : C.name) !== "arrow" && c.value && n.push("link__icon--inverse"), n.join(" ");
     }), w = f(() => {
-      var r;
-      const a = ["link__icon--arrow"];
-      return n != null && n.value && (a.push("link__icon"), p.value && a.push("link__icon--disabled")), ((r = n == null ? void 0 : n.value) == null ? void 0 : r.name) !== "arrow" && c.value && a.push("link__icon--inverse"), a.push(
+      var l;
+      const n = ["link__icon--arrow"];
+      return a != null && a.value && (n.push("link__icon"), p.value && n.push("link__icon--disabled")), ((l = a == null ? void 0 : a.value) == null ? void 0 : l.name) !== "arrow" && c.value && n.push("link__icon--inverse"), n.push(
         t.value ? "link__icon--animation-right" : "link__icon--animation-left"
-      ), a.join(" ");
+      ), n.join(" ");
     }), x = f(() => {
-      var a;
-      return u.value || ((a = n == null ? void 0 : n.value) == null ? void 0 : a.name);
+      var n;
+      return u.value || ((n = a == null ? void 0 : a.value) == null ? void 0 : n.name);
     });
-    return (a, r) => (l(), d(L(e(o) === "a" ? e(o) : "router-link"), {
-      class: m(j.value),
+    return (n, l) => (r(), d(N(e(o) === "a" ? e(o) : "router-link"), {
+      class: m(D.value),
       to: e(o) === "router-link" ? e(g) : null,
       href: e(o) === "a" ? e(g) : null,
       disable: e(p)
     }, {
-      default: N(() => [
-        e(n).name && !e(t) && !e(u) ? (l(), d(k, _({
+      default: R(() => [
+        e(a).name && !e(t) && !e(u) ? (r(), d(k, _({
           key: 0,
-          name: e(n).name
+          name: e(a).name
         }, {
-          ...e(n)
+          ...e(a)
         }, { class: w.value }), null, 16, ["name", "class"])) : i("", !0),
-        e(t) ? (l(), B("span", {
+        e(t) ? (r(), b("span", {
           key: 1,
-          class: m(["rds-e-link__text", {
+          class: m(["rds-e-link__text", [e(j), {
             "rds-e-mr-xs": x.value,
             "rds-e-link__text--underline": e(h)
-          }])
+          }]])
         }, [
-          C(a.$slots, "default", {}, () => [
+          B(n.$slots, "default", {}, () => [
             S(I(e(y)), 1)
           ], !0)
         ], 2)) : i("", !0),
-        e(u) ? (l(), d(k, _({ key: 2 }, {
+        e(u) ? (r(), d(k, _({ key: 2 }, {
           name: e(t) ? "arrow_right" : "arrow_left"
         }, {
           class: ["link__icon--arrow", [
             e(t) ? "link__icon--animation-right" : "link__icon--animation-left"
           ]]
         }), null, 16, ["class"])) : i("", !0),
-        e(t) ? i("", !0) : (l(), B("span", {
+        e(t) ? i("", !0) : (r(), b("span", {
           key: 3,
           class: m(["rds-e-link__text", { "rds-e-ml-xs": x.value }])
         }, [
-          C(a.$slots, "default", {}, () => [
+          B(n.$slots, "default", {}, () => [
             S(I(e(y)), 1)
           ], !0)
         ], 2)),
-        e(n).name && e(t) && !e(u) ? (l(), d(k, _({
+        e(a).name && e(t) && !e(u) ? (r(), d(k, _({
           key: 4,
-          name: e(n).name
-        }, e(n), { class: w.value }), null, 16, ["name", "class"])) : i("", !0)
+          name: e(a).name
+        }, e(a), { class: w.value }), null, 16, ["name", "class"])) : i("", !0)
       ]),
       _: 3
     }, 8, ["class", "to", "href", "disable"]));
   }
-}), M = /* @__PURE__ */ R(V, [["__scopeId", "data-v-2e064780"]]);
+}), O = /* @__PURE__ */ V($, [["__scopeId", "data-v-1ba45da8"]]);
 export {
-  M as default
+  O as default
 };

package/dist/components/modal.es.js

@@ -1,15 +1,15 @@
-import { defineComponent as v, ref as y, onMounted as C, openBlock as o, createBlock as m, unref as l, withCtx as p, createVNode as h, createElementVNode as t, renderSlot as a, createCommentVNode as s, createElementBlock as u } from "vue";
-import k from "./overlay.es.js";
-import B from "./card.es.js";
-import { I as b } from "./icon-svg-CEZ-L3iv.js";
-import { _ as R } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import './style/modal.css';const S = { class: "rds-e-modal__container" }, $ = { class: "rds-e-modal__header" }, q = {
+import { defineComponent as h, ref as v, computed as C, openBlock as r, createBlock as i, unref as a, withCtx as c, createVNode as k, normalizeStyle as b, createElementVNode as d, renderSlot as n, createCommentVNode as l, createElementBlock as p } from "vue";
+import w from "./overlay.es.js";
+import x from "./card.es.js";
+import { I as S } from "./icon-svg-CEZ-L3iv.js";
+import { _ as $ } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import './style/modal.css';const B = { class: "rds-e-modal__container" }, N = { class: "rds-e-modal__header" }, R = {
   key: 0,
   class: "rds-e-modal__section-spacer"
-}, w = { class: "rds-e-modal__body" }, E = {
+}, W = { class: "rds-e-modal__body" }, g = {
   key: 1,
   class: "rds-e-modal__section-spacer"
-}, I = { class: "rds-e-modal__footer" }, N = /* @__PURE__ */ v({
+}, q = { class: "rds-e-modal__footer" }, I = /* @__PURE__ */ h({
   __name: "modal",
   props: {
     /**
@@ -26,8 +26,7 @@ import './style/modal.css';const S = { class: "rds-e-modal__container" }, $ = {
      */
     teleport: {
       type: String,
-      default: "body",
-      required: !0
+      default: "body"
     },
     /**
      * Indica si se muestra el botón de cerrar, de la parte superior derecha
@@ -42,55 +41,77 @@ import './style/modal.css';const S = { class: "rds-e-modal__container" }, $ = {
     preventClose: {
       type: Boolean,
       default: !0
+    },
+    /**
+     * Ancho máximo del modal en dispositivos de escritorio.
+     */
+    maxWidth: {
+      type: [String, Number],
+      default: 820,
+      validator: (t) => typeof t == "number" ? !0 : /^\d+(?:px|em|rem|%)$/.test(t)
+    },
+    /**
+     * Ancho del modal en dispositivos de escritorio.
+     */
+    width: {
+      type: [String, Number],
+      default: 600,
+      validator: (t) => typeof t == "number" ? !0 : /^\d+(?:px|em|rem|%)$/.test(t)
     }
   },
   emits: ["onCloseRequest"],
-  setup(d, { emit: f }) {
-    const r = d, n = f, c = y(null), i = () => {
-      r.preventClose || n("onCloseRequest");
+  setup(t, { emit: u }) {
+    const e = t, m = u, _ = v(null), f = C(() => {
+      const o = typeof e.maxWidth == "number" ? `${e.maxWidth}px` : e.maxWidth, s = typeof e.width == "number" ? `${e.width}px` : e.width;
+      return {
+        "--rds-modal-max-width": o,
+        "--rds-modal-width": s
+      };
+    }), y = () => {
+      e.preventClose || m("onCloseRequest");
     };
-    return C(() => {
-      var e;
-      (e = c.value) == null || e.addEventListener("click", i);
-    }), (e, _) => d.open ? (o(), m(l(k), {
+    return (o, s) => t.open ? (r(), i(a(w), {
       key: 0,
       ref_key: "overlay",
-      ref: c,
+      ref: _,
       class: "rds-e-modal__overlay",
-      teleport: r.teleport,
-      onClick: i
+      teleport: e.teleport,
+      onClick: y
     }, {
-      default: p(() => [
-        h(l(B), { class: "rds-e-modal__card" }, {
-          default: p(() => [
-            t("div", S, [
-              t("div", $, [
-                a(e.$slots, "header", {}, void 0, !0),
-                r.showClose ? (o(), m(l(b), {
+      default: c(() => [
+        k(a(x), {
+          class: "rds-e-modal__card",
+          style: b(f.value)
+        }, {
+          default: c(() => [
+            d("div", B, [
+              d("div", N, [
+                n(o.$slots, "header", {}, void 0, !0),
+                e.showClose ? (r(), i(a(S), {
                   key: 0,
                   class: "rds-e-modal__header-close",
                   name: "close",
                   small: "",
-                  onClick: _[0] || (_[0] = () => n("onCloseRequest"))
-                })) : s("", !0)
+                  onClick: s[0] || (s[0] = () => m("onCloseRequest"))
+                })) : l("", !0)
               ]),
-              e.$slots.body ? (o(), u("span", q)) : s("", !0),
-              t("div", w, [
-                a(e.$slots, "body", {}, void 0, !0)
+              o.$slots.body ? (r(), p("span", R)) : l("", !0),
+              d("div", W, [
+                n(o.$slots, "body", {}, void 0, !0)
               ]),
-              e.$slots.footer ? (o(), u("span", E)) : s("", !0),
-              t("div", I, [
-                a(e.$slots, "footer", {}, void 0, !0)
+              o.$slots.footer ? (r(), p("span", g)) : l("", !0),
+              d("div", q, [
+                n(o.$slots, "footer", {}, void 0, !0)
               ])
             ])
           ]),
           _: 3
-        })
+        }, 8, ["style"])
       ]),
       _: 3
-    }, 8, ["teleport"])) : s("", !0);
+    }, 8, ["teleport"])) : l("", !0);
   }
-}), M = /* @__PURE__ */ R(N, [["__scopeId", "data-v-a952c8fb"]]);
+}), j = /* @__PURE__ */ $(I, [["__scopeId", "data-v-62095f3f"]]);
 export {
-  M as default
+  j as default
 };

package/dist/components/persistentToast.es.js

@@ -1,7 +1,7 @@
 import { defineComponent as f, toRefs as v, computed as y, openBlock as t, createElementBlock as s, normalizeClass as g, createElementVNode as i, createVNode as a, createCommentVNode as o, toDisplayString as c, renderSlot as h } from "vue";
 import { I as l } from "./icon-svg-CEZ-L3iv.js";
 import { _ as k } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import './style/persistentToast.css';const C = { class: "max-layout alert" }, S = {
+import './style/persistentToast.css';const C = { class: "alert" }, S = {
   key: 0,
   class: "rds-e-persistent-toast__custom-icon-block"
 }, $ = { class: "rds-e-persistent-toast__wrapper" }, b = { class: "rds-e-persistent-toast__title__wrapper" }, q = {
@@ -13,7 +13,7 @@ import './style/persistentToast.css';const C = { class: "max-layout alert" }, S
 }, T = {
   key: 0,
   class: "rds-e-persistent-toast__action-section"
-}, x = /* @__PURE__ */ f({
+}, B = /* @__PURE__ */ f({
   __name: "persistent-toast",
   props: {
     /**
@@ -89,7 +89,7 @@ import './style/persistentToast.css';const C = { class: "max-layout alert" }, S
     ), p = () => {
       m("onCloseToastAction");
     };
-    return (n, B) => (t(), s("div", {
+    return (n, I) => (t(), s("div", {
       class: g(["rds-e-persistent-toast", _.value]),
       role: "alert"
     }, [
@@ -124,7 +124,7 @@ import './style/persistentToast.css';const C = { class: "max-layout alert" }, S
       ])) : o("", !0)
     ], 2));
   }
-}), A = /* @__PURE__ */ k(x, [["__scopeId", "data-v-51c9df5b"]]);
+}), A = /* @__PURE__ */ k(B, [["__scopeId", "data-v-a5bffc75"]]);
 export {
   A as default
 };

package/dist/components/radioButton.es.js

@@ -1,24 +1,8 @@
-import { getCurrentInstance as I, defineComponent as D, ref as m, computed as v, inject as r, onMounted as E, onBeforeUnmount as N, openBlock as s, createElementBlock as b, normalizeClass as t, createElementVNode as w, unref as x, toDisplayString as $, createCommentVNode as p, createBlock as G } from "vue";
-import { I as L } from "./icon-svg-CEZ-L3iv.js";
-import { _ as M } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import './style/radioButton.css';function U(e) {
-  const n = I();
-  if (!n)
-    throw new Error(`[energy-components] ${e} must be called from inside a setup function`);
-  return n;
-}
-let y = 0, a = /* @__PURE__ */ new WeakMap();
-function g() {
-  const e = U("getUid");
-  if (a.has(e))
-    return a.get(e);
-  const n = y++;
-  return a.set(e, n), n;
-}
-g.reset = () => {
-  y = 0, a = /* @__PURE__ */ new WeakMap();
-};
-const j = ["id", "value", "name", "disabled", "checked"], q = ["for"], F = /* @__PURE__ */ D({
+import { defineComponent as R, ref as f, computed as m, inject as i, onMounted as _, onBeforeUnmount as D, openBlock as r, createElementBlock as b, normalizeClass as n, createElementVNode as v, unref as E, toDisplayString as N, createCommentVNode as w, createBlock as x } from "vue";
+import { I as C } from "./icon-svg-CEZ-L3iv.js";
+import { g as I } from "./getInstance-GhoEcxLF.js";
+import { _ as G } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import './style/radioButton.css';const L = ["id", "value", "name", "disabled", "checked"], $ = ["for"], j = /* @__PURE__ */ R({
   __name: "radio-button",
   props: {
     /**
@@ -66,58 +50,58 @@ const j = ["id", "value", "name", "disabled", "checked"], q = ["for"], F = /* @_
     }
   },
   setup(e) {
-    const n = e, d = m(!1), i = m(!1), k = g(), l = v(() => n.id || `input-${k}`), o = r("radioGroupValue"), h = r("radioGroupName");
-    o || console.warn("RDSRadioButton debe estar dentro de un RDSRadioGroup");
-    const S = r("validateId");
-    n.id && !S(n.id) && console.warn(
-      `RDSRadioButton con id ${n.id} tiene un id duplicado. Se generará un id único.`
+    const o = e, d = f(!1), t = f(!1), y = I(), l = m(() => o.id || `input-${y}`), a = i("radioGroupValue"), p = i("radioGroupName");
+    a || console.warn("RDSRadioButton debe estar dentro de un RDSRadioGroup");
+    const k = i("validateId");
+    o.id && !k(o.id) && console.warn(
+      `RDSRadioButton con id ${o.id} tiene un id duplicado. Se generará un id único.`
     );
-    const _ = v(() => (o == null ? void 0 : o.value) === n.option), B = () => {
-      !n.disabled && o && (o.value = n.option);
-    }, R = () => {
-      i.value && (d.value = !0);
-    }, C = () => d.value = !1, c = (f) => {
-      f.key === "Tab" && (i.value = !0);
-    }, u = () => {
-      i.value = !1;
+    const S = m(() => (a == null ? void 0 : a.value) === o.option), g = () => {
+      !o.disabled && a && (a.value = o.option);
+    }, h = () => {
+      t.value && (d.value = !0);
+    }, B = () => d.value = !1, s = (u) => {
+      u.key === "Tab" && (t.value = !0);
+    }, c = () => {
+      t.value = !1;
     };
-    return E(() => {
-      window.addEventListener("keydown", c), window.addEventListener("mousedown", u);
-    }), N(() => {
-      window.removeEventListener("keydown", c), window.removeEventListener("mousedown", u);
-    }), (f, K) => (s(), b("div", {
-      class: t(["rds-e-radio__container", { "rds-e-radio__container--focused": d.value }])
+    return _(() => {
+      window.addEventListener("keydown", s), window.addEventListener("mousedown", c);
+    }), D(() => {
+      window.removeEventListener("keydown", s), window.removeEventListener("mousedown", c);
+    }), (u, q) => (r(), b("div", {
+      class: n(["rds-e-radio__container", { "rds-e-radio__container--focused": d.value }])
     }, [
-      w("input", {
+      v("input", {
         id: l.value,
         type: "radio",
         value: e.option,
-        class: t(`rds-e-radio ${e.error ? " rds-e-radio--error" : ""}`),
-        name: x(h),
+        class: n(`rds-e-radio ${e.error ? " rds-e-radio--error" : ""}`),
+        name: E(p),
         disabled: e.disabled,
-        checked: _.value,
-        onChange: B,
-        onFocus: R,
-        onBlur: C
-      }, null, 42, j),
-      w("label", {
+        checked: S.value,
+        onChange: g,
+        onFocus: h,
+        onBlur: B
+      }, null, 42, L),
+      v("label", {
         for: l.value,
-        class: t(["rds-e-radio__label", { "rds-e-radio__label--error": e.error }])
+        class: n(["rds-e-radio__label", { "rds-e-radio__label--error": e.error }])
       }, [
-        e.label ? (s(), b("span", {
+        e.label ? (r(), b("span", {
           key: 0,
-          class: t(["rds-e-radio__label-text", { "rds-e-radio__label-text--disabled": e.disabled }])
-        }, $(e.label), 3)) : p("", !0),
-        e.label && e.icon ? (s(), G(L, {
+          class: n(["rds-e-radio__label-text", { "rds-e-radio__label-text--disabled": e.disabled }])
+        }, N(e.label), 3)) : w("", !0),
+        e.label && e.icon ? (r(), x(C, {
           key: 1,
-          class: t(["rds-e-radio__label-icon", { "rds-e-radio__label-icon--disabled": e.disabled }]),
+          class: n(["rds-e-radio__label-icon", { "rds-e-radio__label-icon--disabled": e.disabled }]),
           name: e.icon,
           "aria-hidden": "true"
-        }, null, 8, ["class", "name"])) : p("", !0)
-      ], 10, q)
+        }, null, 8, ["class", "name"])) : w("", !0)
+      ], 10, $)
     ], 2));
   }
-}), O = /* @__PURE__ */ M(F, [["__scopeId", "data-v-c8280e86"]]);
+}), V = /* @__PURE__ */ G(j, [["__scopeId", "data-v-c8280e86"]]);
 export {
-  O as default
+  V as default
 };