@isettingkit/business-rules 0.1.37 → 0.1.38

package/dist/index.es.js

@@ -6,7 +6,7 @@ import oe, { createContext as Vt, forwardRef as ht, useContext as ee, useState a
 import { createPortal as jt } from "react-dom";
 import { inube as te } from "@inubekit/foundations";
 import { useFormik as Ht } from "formik";
-import { mixed as gt, object as ye, number as Pe, string as Ue, lazy as Ze, date as et } from "yup";
+import { mixed as gt, object as ye, number as Be, string as Ue, lazy as Ze, date as et } from "yup";
 import { DecisionViewConditionRenderer as me } from "@isettingkit/view";
 import { MdOutlineDelete as _t, MdClear as Ut, MdAdd as Mt } from "react-icons/md";
 /**
@@ -19,15 +19,15 @@ import { MdOutlineDelete as _t, MdClear as Ut, MdAdd as Mt } from "react-icons/m
  *
  * @license MIT
  */
-function Be() {
-  return Be = Object.assign ? Object.assign.bind() : function(e) {
+function Ie() {
+  return Ie = Object.assign ? Object.assign.bind() : function(e) {
     for (var t = 1; t < arguments.length; t++) {
       var l = arguments[t];
       for (var o in l)
         Object.prototype.hasOwnProperty.call(l, o) && (e[o] = l[o]);
     }
     return e;
-  }, Be.apply(this, arguments);
+  }, Ie.apply(this, arguments);
 }
 var tt;
 (function(e) {
@@ -46,7 +46,7 @@ function ve(e, t) {
     }
   }
 }
-function Ie(e) {
+function Ve(e) {
   let {
     pathname: t = "/",
     search: l = "",
@@ -131,7 +131,7 @@ function Yt(e, t) {
     n === ".." ? l.length > 1 && l.pop() : n !== "." && l.push(n);
   }), l.length > 1 ? l.join("/") : "/";
 }
-function Re(e, t, l, o) {
+function Fe(e, t, l, o) {
   return "Cannot include a '" + e + "' character in a manually specified " + ("`to." + t + "` field [" + JSON.stringify(o) + "].  Please separate it out to the ") + ("`to." + l + "` field. Alternatively you may provide the full path as ") + 'a string in <Link to="..."> and the router will parse it for you.';
 }
 function Wt(e) {
@@ -144,7 +144,7 @@ function mt(e, t) {
 function ft(e, t, l, o) {
   o === void 0 && (o = !1);
   let n;
-  typeof e == "string" ? n = bt(e) : (n = Be({}, e), z(!n.pathname || !n.pathname.includes("?"), Re("?", "pathname", "search", n)), z(!n.pathname || !n.pathname.includes("#"), Re("#", "pathname", "hash", n)), z(!n.search || !n.search.includes("#"), Re("#", "search", "hash", n)));
+  typeof e == "string" ? n = bt(e) : (n = Ie({}, e), z(!n.pathname || !n.pathname.includes("?"), Fe("?", "pathname", "search", n)), z(!n.pathname || !n.pathname.includes("#"), Fe("#", "pathname", "hash", n)), z(!n.search || !n.search.includes("#"), Fe("#", "search", "hash", n)));
   let a = e === "" || n.pathname === "", i = a ? "/" : n.pathname, d;
   if (i == null)
     d = l;
@@ -175,18 +175,18 @@ new Set(Jt);
  *
  * @license MIT
  */
-function Ve() {
-  return Ve = Object.assign ? Object.assign.bind() : function(e) {
+function je() {
+  return je = Object.assign ? Object.assign.bind() : function(e) {
     for (var t = 1; t < arguments.length; t++) {
       var l = arguments[t];
       for (var o in l)
         Object.prototype.hasOwnProperty.call(l, o) && (e[o] = l[o]);
     }
     return e;
-  }, Ve.apply(this, arguments);
+  }, je.apply(this, arguments);
 }
-const Se = /* @__PURE__ */ k.createContext(null);
-process.env.NODE_ENV !== "production" && (Se.displayName = "DataRouter");
+const ze = /* @__PURE__ */ k.createContext(null);
+process.env.NODE_ENV !== "production" && (ze.displayName = "DataRouter");
 const $t = /* @__PURE__ */ k.createContext(null);
 process.env.NODE_ENV !== "production" && ($t.displayName = "DataRouterState");
 const Qt = /* @__PURE__ */ k.createContext(null);
@@ -257,7 +257,7 @@ function ll() {
     // router loaded. We can help them understand how to avoid that.
     "useNavigate() may be used only in the context of a <Router> component."
   ) : z(!1));
-  let e = k.useContext(Se), {
+  let e = k.useContext(ze), {
     basename: t,
     future: l,
     navigator: o
@@ -299,7 +299,7 @@ function Nt(e) {
   return e + " must be used within a data router.  See https://reactrouter.com/v6/routers/picking-a-router.";
 }
 function ol(e) {
-  let t = k.useContext(Se);
+  let t = k.useContext(ze);
   return t || (process.env.NODE_ENV !== "production" ? z(!1, Nt(e)) : z(!1)), t;
 }
 function rl(e) {
@@ -320,7 +320,7 @@ function al() {
   return kt(() => {
     l.current = !0;
   }), k.useCallback(function(n, a) {
-    a === void 0 && (a = {}), process.env.NODE_ENV !== "production" && ve(l.current, yt), l.current && (typeof n == "number" ? e.navigate(n) : e.navigate(n, Ve({
+    a === void 0 && (a = {}), process.env.NODE_ENV !== "production" && ve(l.current, yt), l.current && (typeof n == "number" ? e.navigate(n) : e.navigate(n, je({
       fromRouteId: t
     }, a)));
   }, [e, t]);
@@ -355,17 +355,17 @@ function We(e, t) {
   return l;
 }
 const ke = "get", we = "application/x-www-form-urlencoded";
-function ze(e) {
+function Ae(e) {
   return e != null && typeof e.tagName == "string";
 }
 function il(e) {
-  return ze(e) && e.tagName.toLowerCase() === "button";
+  return Ae(e) && e.tagName.toLowerCase() === "button";
 }
 function dl(e) {
-  return ze(e) && e.tagName.toLowerCase() === "form";
+  return Ae(e) && e.tagName.toLowerCase() === "form";
 }
 function ul(e) {
-  return ze(e) && e.tagName.toLowerCase() === "input";
+  return Ae(e) && e.tagName.toLowerCase() === "input";
 }
 function cl(e) {
   return !!(e.metaKey || e.altKey || e.ctrlKey || e.shiftKey);
@@ -390,20 +390,20 @@ function pl() {
   return fe;
 }
 const hl = /* @__PURE__ */ new Set(["application/x-www-form-urlencoded", "multipart/form-data", "text/plain"]);
-function Fe(e) {
+function Oe(e) {
   return e != null && !hl.has(e) ? (process.env.NODE_ENV !== "production" && ve(!1, '"' + e + '" is not a valid `encType` for `<Form>`/`<fetcher.Form>` ' + ('and will default to "' + we + '"')), null) : e;
 }
 function vl(e, t) {
   let l, o, n, a, i;
   if (dl(e)) {
     let d = e.getAttribute("action");
-    o = d ? ae(d, t) : null, l = e.getAttribute("method") || ke, n = Fe(e.getAttribute("enctype")) || we, a = new FormData(e);
+    o = d ? ae(d, t) : null, l = e.getAttribute("method") || ke, n = Oe(e.getAttribute("enctype")) || we, a = new FormData(e);
   } else if (il(e) || ul(e) && (e.type === "submit" || e.type === "image")) {
     let d = e.form;
     if (d == null)
       throw new Error('Cannot submit a <button> or <input type="submit"> without a <form>');
     let c = e.getAttribute("formaction") || d.getAttribute("action");
-    if (o = c ? ae(c, t) : null, l = e.getAttribute("formmethod") || d.getAttribute("method") || ke, n = Fe(e.getAttribute("formenctype")) || Fe(d.getAttribute("enctype")) || we, a = new FormData(d, e), !pl()) {
+    if (o = c ? ae(c, t) : null, l = e.getAttribute("formmethod") || d.getAttribute("method") || ke, n = Oe(e.getAttribute("formenctype")) || Oe(d.getAttribute("enctype")) || we, a = new FormData(d, e), !pl()) {
       let {
         name: u,
         type: h,
@@ -415,7 +415,7 @@ function vl(e, t) {
       } else u && a.append(u, p);
     }
   } else {
-    if (ze(e))
+    if (Ae(e))
       throw new Error('Cannot submit element that is not <form>, <button>, or <input type="submit|image">');
     l = ke, o = null, n = we, i = e;
   }
@@ -455,8 +455,8 @@ const $l = typeof window < "u" && typeof window.document < "u" && typeof window.
   } = k.useContext(G), b, f = !1;
   if (typeof u == "string" && yl.test(u) && (b = u, $l))
     try {
-      let C = new URL(window.location.href), T = u.startsWith("//") ? new URL(C.protocol + u) : new URL(u), D = ae(T.pathname, m);
-      T.origin === C.origin && D != null ? u = D + T.search + T.hash : f = !0;
+      let C = new URL(window.location.href), E = u.startsWith("//") ? new URL(C.protocol + u) : new URL(u), R = ae(E.pathname, m);
+      E.origin === C.origin && R != null ? u = R + E.search + E.hash : f = !0;
     } catch {
       process.env.NODE_ENV !== "production" && ve(!1, '<Link to="' + u + '"> contains an invalid URL which will probably break when clicked - please update to a valid URL path.');
     }
@@ -501,16 +501,16 @@ const kl = /* @__PURE__ */ k.forwardRef(function(t, l) {
     basename: x
   } = k.useContext(G), y = b != null && // Conditional usage is OK here because the usage of a data router is static
   // eslint-disable-next-line react-hooks/rules-of-hooks
-  Dl(g) && u === !0, $ = f.encodeLocation ? f.encodeLocation(g).pathname : g.pathname, C = m.pathname, T = b && b.navigation && b.navigation.location ? b.navigation.location.pathname : null;
-  n || (C = C.toLowerCase(), T = T ? T.toLowerCase() : null, $ = $.toLowerCase()), T && x && (T = ae(T, x) || T);
-  const D = $ !== "/" && $.endsWith("/") ? $.length - 1 : $.length;
-  let R = C === $ || !i && C.startsWith($) && C.charAt(D) === "/", S = T != null && (T === $ || !i && T.startsWith($) && T.charAt($.length) === "/"), P = {
-    isActive: R,
-    isPending: S,
+  Dl(g) && u === !0, $ = f.encodeLocation ? f.encodeLocation(g).pathname : g.pathname, C = m.pathname, E = b && b.navigation && b.navigation.location ? b.navigation.location.pathname : null;
+  n || (C = C.toLowerCase(), E = E ? E.toLowerCase() : null, $ = $.toLowerCase()), E && x && (E = ae(E, x) || E);
+  const R = $ !== "/" && $.endsWith("/") ? $.length - 1 : $.length;
+  let F = C === $ || !i && C.startsWith($) && C.charAt(R) === "/", A = E != null && (E === $ || !i && E.startsWith($) && E.charAt($.length) === "/"), S = {
+    isActive: F,
+    isPending: A,
     isTransitioning: y
-  }, I = R ? o : void 0, V;
-  typeof a == "function" ? V = a(P) : V = [a, R ? "active" : null, S ? "pending" : null, y ? "transitioning" : null].filter(Boolean).join(" ");
-  let j = typeof d == "function" ? d(P) : d;
+  }, I = F ? o : void 0, V;
+  typeof a == "function" ? V = a(S) : V = [a, F ? "active" : null, A ? "pending" : null, y ? "transitioning" : null].filter(Boolean).join(" ");
+  let j = typeof d == "function" ? d(S) : d;
   return /* @__PURE__ */ k.createElement(Y, ie({}, p, {
     "aria-current": I,
     className: V,
@@ -518,7 +518,7 @@ const kl = /* @__PURE__ */ k.forwardRef(function(t, l) {
     style: j,
     to: c,
     viewTransition: u
-  }), typeof h == "function" ? h(P) : h);
+  }), typeof h == "function" ? h(S) : h);
 });
 process.env.NODE_ENV !== "production" && (kl.displayName = "NavLink");
 const wl = /* @__PURE__ */ k.forwardRef((e, t) => {
@@ -539,10 +539,10 @@ const wl = /* @__PURE__ */ k.forwardRef((e, t) => {
   }), x = d.toLowerCase() === "get" ? "get" : "post", y = ($) => {
     if (u && u($), $.defaultPrevented) return;
     $.preventDefault();
-    let C = $.nativeEvent.submitter, T = (C == null ? void 0 : C.getAttribute("formmethod")) || d;
+    let C = $.nativeEvent.submitter, E = (C == null ? void 0 : C.getAttribute("formmethod")) || d;
     b(C || $.currentTarget, {
       fetcherKey: l,
-      method: T,
+      method: E,
       navigate: o,
       replace: a,
       state: i,
@@ -572,7 +572,7 @@ function Nl(e) {
   return e + " must be used within a data router.  See https://reactrouter.com/v6/routers/picking-a-router.";
 }
 function Tt(e) {
-  let t = k.useContext(Se);
+  let t = k.useContext(ze);
   return t || (process.env.NODE_ENV !== "production" ? z(!1, Nl(e)) : z(!1)), t;
 }
 function Cl(e, t) {
@@ -589,7 +589,7 @@ function Cl(e, t) {
   return k.useCallback((p) => {
     if (sl(p, l)) {
       p.preventDefault();
-      let g = o !== void 0 ? o : Ie(u) === Ie(h);
+      let g = o !== void 0 ? o : Ve(u) === Ve(h);
       c(e, {
         replace: g,
         state: n,
@@ -664,7 +664,7 @@ function Al(e, t) {
       i.search = p ? "?" + p : "";
     }
   }
-  return (!e || e === ".") && a.route.index && (i.search = i.search ? i.search.replace(/^\?/, "?index&") : "?index"), o !== "/" && (i.pathname = i.pathname === "/" ? o : Me([o, i.pathname])), Ie(i);
+  return (!e || e === ".") && a.route.index && (i.search = i.search ? i.search.replace(/^\?/, "?index&") : "?index"), o !== "/" && (i.pathname = i.pathname === "/" ? o : Me([o, i.pathname])), Ve(i);
 }
 function Dl(e, t) {
   t === void 0 && (t = {});
@@ -832,7 +832,7 @@ const Rl = {
 }, r = {
   palette: Rl,
   typography: Fl
-}, L = {
+}, P = {
   primary: {
     content: {
       color: {
@@ -1030,8 +1030,8 @@ const Rl = {
     padding: ${({ $spacing: e }) => e === "wide" ? "8px" : e === "compact" ? "4px" : "0px"};
 
     color: ${({ theme: e, $variant: t, $appearance: l, $parentHover: o, disabled: n }) => {
-  var a, i, d, c, u, h, p, g, m, b, f, x, y, $, C, T;
-  return n ? ((c = (d = (i = (a = e == null ? void 0 : e.icon) == null ? void 0 : a[l]) == null ? void 0 : i.contrast) == null ? void 0 : d.color) == null ? void 0 : c.disabled) || L[l].contrast.color.disabled : t !== "filled" ? o ? ((g = (p = (h = (u = e == null ? void 0 : e.icon) == null ? void 0 : u[l]) == null ? void 0 : h.content) == null ? void 0 : p.color) == null ? void 0 : g.hover) || L[l].content.color.hover : ((x = (f = (b = (m = e == null ? void 0 : e.icon) == null ? void 0 : m[l]) == null ? void 0 : b.content) == null ? void 0 : f.color) == null ? void 0 : x.regular) || L[l].content.color.regular : ((T = (C = ($ = (y = e == null ? void 0 : e.icon) == null ? void 0 : y[l]) == null ? void 0 : $.contrast) == null ? void 0 : C.color) == null ? void 0 : T.regular) || L[l].contrast.color.regular;
+  var a, i, d, c, u, h, p, g, m, b, f, x, y, $, C, E;
+  return n ? ((c = (d = (i = (a = e == null ? void 0 : e.icon) == null ? void 0 : a[l]) == null ? void 0 : i.contrast) == null ? void 0 : d.color) == null ? void 0 : c.disabled) || P[l].contrast.color.disabled : t !== "filled" ? o ? ((g = (p = (h = (u = e == null ? void 0 : e.icon) == null ? void 0 : u[l]) == null ? void 0 : h.content) == null ? void 0 : p.color) == null ? void 0 : g.hover) || P[l].content.color.hover : ((x = (f = (b = (m = e == null ? void 0 : e.icon) == null ? void 0 : m[l]) == null ? void 0 : b.content) == null ? void 0 : f.color) == null ? void 0 : x.regular) || P[l].content.color.regular : ((E = (C = ($ = (y = e == null ? void 0 : e.icon) == null ? void 0 : y[l]) == null ? void 0 : $.contrast) == null ? void 0 : C.color) == null ? void 0 : E.regular) || P[l].contrast.color.regular;
 }};
 
     background-color: ${({
@@ -1043,7 +1043,7 @@ const Rl = {
 }) => {
   var a, i, d, c, u, h, p, g, m, b, f, x;
   if (t === "filled")
-    return n ? ((c = (d = (i = (a = e == null ? void 0 : e.icon) == null ? void 0 : a[l]) == null ? void 0 : i.background) == null ? void 0 : d.color) == null ? void 0 : c.disabled) || L[l].background.color.disabled : o ? ((g = (p = (h = (u = e == null ? void 0 : e.icon) == null ? void 0 : u[l]) == null ? void 0 : h.background) == null ? void 0 : p.color) == null ? void 0 : g.hover) || L[l].background.color.hover : ((x = (f = (b = (m = e == null ? void 0 : e.icon) == null ? void 0 : m[l]) == null ? void 0 : b.background) == null ? void 0 : f.color) == null ? void 0 : x.regular) || L[l].background.color.regular;
+    return n ? ((c = (d = (i = (a = e == null ? void 0 : e.icon) == null ? void 0 : a[l]) == null ? void 0 : i.background) == null ? void 0 : d.color) == null ? void 0 : c.disabled) || P[l].background.color.disabled : o ? ((g = (p = (h = (u = e == null ? void 0 : e.icon) == null ? void 0 : u[l]) == null ? void 0 : h.background) == null ? void 0 : p.color) == null ? void 0 : g.hover) || P[l].background.color.hover : ((x = (f = (b = (m = e == null ? void 0 : e.icon) == null ? void 0 : m[l]) == null ? void 0 : b.background) == null ? void 0 : f.color) == null ? void 0 : x.regular) || P[l].background.color.regular;
 }};
 
     border-radius: ${({ $shape: e }) => e === "circle" ? "50%" : "8px"};
@@ -1057,7 +1057,7 @@ const Rl = {
   $variant: n
 }) => {
   var a, i, d, c, u, h, p, g, m, b, f, x;
-  return o ? ((c = (d = (i = (a = e == null ? void 0 : e.icon) == null ? void 0 : a[t]) == null ? void 0 : i.content) == null ? void 0 : d.color) == null ? void 0 : c.disabled) || L[t].content.color.disabled : l && n !== "filled" ? ((g = (p = (h = (u = e == null ? void 0 : e.icon) == null ? void 0 : u[t]) == null ? void 0 : h.content) == null ? void 0 : p.color) == null ? void 0 : g.hover) || L[t].content.color.hover : ((x = (f = (b = (m = e == null ? void 0 : e.icon) == null ? void 0 : m[t]) == null ? void 0 : b.content) == null ? void 0 : f.color) == null ? void 0 : x.regular) || L[t].content.color.regular;
+  return o ? ((c = (d = (i = (a = e == null ? void 0 : e.icon) == null ? void 0 : a[t]) == null ? void 0 : i.content) == null ? void 0 : d.color) == null ? void 0 : c.disabled) || P[t].content.color.disabled : l && n !== "filled" ? ((g = (p = (h = (u = e == null ? void 0 : e.icon) == null ? void 0 : u[t]) == null ? void 0 : h.content) == null ? void 0 : p.color) == null ? void 0 : g.hover) || P[t].content.color.hover : ((x = (f = (b = (m = e == null ? void 0 : e.icon) == null ? void 0 : m[t]) == null ? void 0 : b.content) == null ? void 0 : f.color) == null ? void 0 : x.regular) || P[t].content.color.regular;
 }};
   }
 
@@ -1075,13 +1075,13 @@ const Rl = {
 }) => {
   var a, i, d, c;
   if (!o && t && n !== "filled")
-    return ((c = (d = (i = (a = e == null ? void 0 : e.icon) == null ? void 0 : a[l]) == null ? void 0 : i.content) == null ? void 0 : d.color) == null ? void 0 : c.hover) || L[l].content.color.hover;
+    return ((c = (d = (i = (a = e == null ? void 0 : e.icon) == null ? void 0 : a[l]) == null ? void 0 : i.content) == null ? void 0 : d.color) == null ? void 0 : c.hover) || P[l].content.color.hover;
 }};
 
     color: ${({ theme: e, $cursorHover: t, $appearance: l, disabled: o, $variant: n }) => {
   var a, i, d, c;
   if (!o && t && n !== "filled")
-    return ((c = (d = (i = (a = e == null ? void 0 : e.icon) == null ? void 0 : a[l]) == null ? void 0 : i.content) == null ? void 0 : d.color) == null ? void 0 : c.hover) || L[l].content.color.hover;
+    return ((c = (d = (i = (a = e == null ? void 0 : e.icon) == null ? void 0 : a[l]) == null ? void 0 : i.content) == null ? void 0 : d.color) == null ? void 0 : c.hover) || P[l].content.color.hover;
 }};
 
     background-color: ${({
@@ -1093,7 +1093,7 @@ const Rl = {
 }) => {
   var a, i, d, c;
   if (!n && t === "filled" && o)
-    return ((c = (d = (i = (a = e == null ? void 0 : e.icon) == null ? void 0 : a[l]) == null ? void 0 : i.background) == null ? void 0 : d.color) == null ? void 0 : c.hover) || L[l].background.color.hover;
+    return ((c = (d = (i = (a = e == null ? void 0 : e.icon) == null ? void 0 : a[l]) == null ? void 0 : i.background) == null ? void 0 : d.color) == null ? void 0 : c.hover) || P[l].background.color.hover;
 }};
   }
 `, q = (e) => {
@@ -1232,7 +1232,7 @@ const Rl = {
   return !t && l && (((d = (i = (a = (n = o == null ? void 0 : o.text) == null ? void 0 : n[e]) == null ? void 0 : a.content) == null ? void 0 : i.color) == null ? void 0 : d.hover) || H[e].content.color.hover);
 }};
   }
-`, A = (e) => {
+`, D = (e) => {
   const {
     children: t,
     appearance: l = "dark",
@@ -1424,7 +1424,7 @@ const Ql = v.div`
   gap: ${({ $gap: e }) => e};
   margin: ${({ $margin: e }) => e};
   padding: ${({ $padding: e }) => e};
-`, E = (e) => {
+`, T = (e) => {
   const {
     children: t,
     wrap: l,
@@ -1516,7 +1516,7 @@ const Zl = v.div`
       children: f
     }
   );
-}, je = (e) => {
+}, Te = (e) => {
   const [t, l] = J(!1), o = (n) => l(n.matches);
   return vt(() => {
     const n = window.matchMedia(e);
@@ -1594,7 +1594,7 @@ v.div`
     padding-top: 4px;
   }
 `;
-const Oe = {
+const Le = {
   content: {
     color: {
       regular: r.palette.blue.B400,
@@ -1616,7 +1616,7 @@ v(Y)`
   text-align: ${({ $textAlign: e }) => e};
   color: ${({ theme: e }) => {
   var t, l, o;
-  return ((o = (l = (t = e == null ? void 0 : e.link) == null ? void 0 : t.content) == null ? void 0 : l.color) == null ? void 0 : o.regular) || Oe.content.color.regular;
+  return ((o = (l = (t = e == null ? void 0 : e.link) == null ? void 0 : t.content) == null ? void 0 : l.color) == null ? void 0 : o.regular) || Le.content.color.regular;
 }};
   cursor: pointer;
   text-decoration: none;
@@ -1624,11 +1624,11 @@ v(Y)`
     border-bottom: 1px solid
       ${({ theme: e }) => {
   var t, l, o;
-  return ((o = (l = (t = e == null ? void 0 : e.link) == null ? void 0 : t.content) == null ? void 0 : l.color) == null ? void 0 : o.hover) || Oe.content.color.hover;
+  return ((o = (l = (t = e == null ? void 0 : e.link) == null ? void 0 : t.content) == null ? void 0 : l.color) == null ? void 0 : o.hover) || Le.content.color.hover;
 }};
     color: ${({ theme: e }) => {
   var t, l, o;
-  return ((o = (l = (t = e == null ? void 0 : e.link) == null ? void 0 : t.content) == null ? void 0 : l.color) == null ? void 0 : o.hover) || Oe.content.color.hover;
+  return ((o = (l = (t = e == null ? void 0 : e.link) == null ? void 0 : t.content) == null ? void 0 : l.color) == null ? void 0 : o.hover) || Le.content.color.hover;
 }};
   }
 `;
@@ -1641,7 +1641,7 @@ const lo = {
       invalid: "danger"
     }
   }
-}, Ae = (e) => {
+}, De = (e) => {
   const {
     children: t,
     disabled: l = !1,
@@ -1653,7 +1653,7 @@ const lo = {
     size: c = "large"
   } = e, u = ee(Z);
   return /* @__PURE__ */ s("label", { htmlFor: n, children: /* @__PURE__ */ s(
-    A,
+    D,
     {
       appearance: (() => {
         var h;
@@ -1776,8 +1776,8 @@ const oo = {
   z-index: 1;
   overflow-y: auto;
 `, no = (e) => {
-  const { children: t } = e, l = je("(max-width: 580px)");
-  return /* @__PURE__ */ s(ro, { $isSmallScreen: !l, children: /* @__PURE__ */ s(E, { alignItems: "center", justifyContent: "center", children: t }) });
+  const { children: t } = e, l = Te("(max-width: 580px)");
+  return /* @__PURE__ */ s(ro, { $isSmallScreen: !l, children: /* @__PURE__ */ s(T, { alignItems: "center", justifyContent: "center", children: t }) });
 }, xe = {
   primary: {
     solid: {
@@ -2204,16 +2204,16 @@ const oo = {
     onClick: p,
     cursorHover: g = !1,
     parentHover: m = !1
-  } = e, b = ee(Z), f = (R) => {
-    var S, P, I;
-    return ((I = (P = (S = b == null ? void 0 : b.button) == null ? void 0 : S[R]) == null ? void 0 : P.contrast) == null ? void 0 : I.appearance) || _[R].contrast.appearance;
-  }, [x, y] = J(!1), $ = () => y(!0), C = () => y(!1), T = (R) => {
+  } = e, b = ee(Z), f = (F) => {
+    var A, S, I;
+    return ((I = (S = (A = b == null ? void 0 : b.button) == null ? void 0 : A[F]) == null ? void 0 : S.contrast) == null ? void 0 : I.appearance) || _[F].contrast.appearance;
+  }, [x, y] = J(!1), $ = () => y(!0), C = () => y(!1), E = (F) => {
     try {
-      p && p(R);
-    } catch (S) {
-      console.error(S);
+      p && p(F);
+    } catch (A) {
+      console.error(A);
     }
-  }, D = ho(
+  }, R = ho(
     u,
     g,
     x,
@@ -2231,7 +2231,7 @@ const oo = {
       $spacing: c,
       $variant: u,
       $fullwidth: h,
-      onClick: n ? null : T,
+      onClick: n ? null : E,
       $cursorHover: g,
       $parentHover: m,
       onMouseEnter: $,
@@ -2243,7 +2243,7 @@ const oo = {
           transparent: u === "filled",
           size: "small"
         }
-      ) : /* @__PURE__ */ w(E, { alignItems: "center", justifyContent: "center", gap: "8px", children: [
+      ) : /* @__PURE__ */ w(T, { alignItems: "center", justifyContent: "center", gap: "8px", children: [
         a && /* @__PURE__ */ s(
           q,
           {
@@ -2251,18 +2251,18 @@ const oo = {
             size: "18px",
             appearance: u === "filled" ? f(l) : l,
             disabled: n,
-            parentHover: D
+            parentHover: R
           }
         ),
         /* @__PURE__ */ s(
-          A,
+          D,
           {
             type: "label",
             size: "large",
             appearance: u === "filled" ? f(l) : l,
             disabled: n,
             ellipsis: !0,
-            parentHover: D,
+            parentHover: R,
             textAlign: "start",
             weight: "bold",
             children: t
@@ -2275,7 +2275,7 @@ const oo = {
             size: "18px",
             appearance: u === "filled" ? f(l) : l,
             disabled: n,
-            parentHover: D
+            parentHover: R
           }
         )
       ] })
@@ -2420,7 +2420,7 @@ v.div`
   margin-top: 4px;
   pointer-events: none;
 `;
-const Te = {
+const Se = {
   track: {
     color: r.palette.neutral.N30
   },
@@ -2441,7 +2441,7 @@ v.div`
   width: 100%;
   background-color: ${({ theme: e }) => {
   var t, l;
-  return ((l = (t = e == null ? void 0 : e.assisted) == null ? void 0 : t.track) == null ? void 0 : l.color) || Te.track.color;
+  return ((l = (t = e == null ? void 0 : e.assisted) == null ? void 0 : t.track) == null ? void 0 : l.color) || Se.track.color;
 }};
 
   &::before {
@@ -2453,7 +2453,7 @@ v.div`
     width: ${({ $currentStep: e, $totalSteps: t }) => `${e / t * 100}%`};
     background: ${({ theme: e }) => {
   var t, l;
-  return ((l = (t = e == null ? void 0 : e.assisted) == null ? void 0 : t.bar) == null ? void 0 : l.color) || Te.bar.color;
+  return ((l = (t = e == null ? void 0 : e.assisted) == null ? void 0 : t.bar) == null ? void 0 : l.color) || Se.bar.color;
 }};
   }
 `;
@@ -2469,7 +2469,7 @@ v.div`
   border-style: solid;
   border-color: ${({ theme: e }) => {
   var t, l;
-  return ((l = (t = e == null ? void 0 : e.assisted) == null ? void 0 : t.step) == null ? void 0 : l.color) || Te.step.color;
+  return ((l = (t = e == null ? void 0 : e.assisted) == null ? void 0 : t.step) == null ? void 0 : l.color) || Se.step.color;
 }};
 `;
 v.div`
@@ -2477,7 +2477,7 @@ v.div`
   padding: ${({ $size: e }) => e === "large" ? "16px" : "12px"};
   background-color: ${({ theme: e }) => {
   var t, l;
-  return ((l = (t = e == null ? void 0 : e.assisted) == null ? void 0 : t.background) == null ? void 0 : l.color) || Te.background.color;
+  return ((l = (t = e == null ? void 0 : e.assisted) == null ? void 0 : t.background) == null ? void 0 : l.color) || Se.background.color;
 }};
 `;
 const vo = {
@@ -2943,7 +2943,7 @@ v.div`
   cursor: ${({ $disabled: e }) => e && "not-allowed"};
 `;
 (/* @__PURE__ */ new Date()).getFullYear();
-const F = {
+const O = {
   on: {
     background: {
       color: {
@@ -3011,13 +3011,13 @@ const ko = v.div`
     height: ${({ $size: e }) => e === "small" ? "12px" : "16px"};
     background-color: ${({ theme: e }) => {
   var t, l, o, n;
-  return ((n = (o = (l = (t = e == null ? void 0 : e.toggle) == null ? void 0 : t.on) == null ? void 0 : l.toggleBackground) == null ? void 0 : o.color) == null ? void 0 : n.regular) || F.on.toggleBackground.color.regular;
+  return ((n = (o = (l = (t = e == null ? void 0 : e.toggle) == null ? void 0 : t.on) == null ? void 0 : l.toggleBackground) == null ? void 0 : o.color) == null ? void 0 : n.regular) || O.on.toggleBackground.color.regular;
 }};
     border-width: 1px;
     border-style: solid;
     border-color: ${({ $checked: e, $disabled: t, theme: l }) => {
   var o, n, a, i, d, c, u, h, p, g, m, b, f, x, y, $;
-  return e ? t ? ((i = (a = (n = (o = l == null ? void 0 : l.toggle) == null ? void 0 : o.on) == null ? void 0 : n.toggleBorder) == null ? void 0 : a.color) == null ? void 0 : i.disabled) || F.on.toggleBorder.color.disabled : ((h = (u = (c = (d = l == null ? void 0 : l.toggle) == null ? void 0 : d.on) == null ? void 0 : c.toggleBorder) == null ? void 0 : u.color) == null ? void 0 : h.regular) || F.on.toggleBorder.color.regular : t ? ((b = (m = (g = (p = l == null ? void 0 : l.toggle) == null ? void 0 : p.off) == null ? void 0 : g.toggleBorder) == null ? void 0 : m.color) == null ? void 0 : b.disabled) || F.off.toggleBorder.color.disabled : (($ = (y = (x = (f = l == null ? void 0 : l.toggle) == null ? void 0 : f.off) == null ? void 0 : x.toggleBorder) == null ? void 0 : y.color) == null ? void 0 : $.regular) || F.off.toggleBorder.color.regular;
+  return e ? t ? ((i = (a = (n = (o = l == null ? void 0 : l.toggle) == null ? void 0 : o.on) == null ? void 0 : n.toggleBorder) == null ? void 0 : a.color) == null ? void 0 : i.disabled) || O.on.toggleBorder.color.disabled : ((h = (u = (c = (d = l == null ? void 0 : l.toggle) == null ? void 0 : d.on) == null ? void 0 : c.toggleBorder) == null ? void 0 : u.color) == null ? void 0 : h.regular) || O.on.toggleBorder.color.regular : t ? ((b = (m = (g = (p = l == null ? void 0 : l.toggle) == null ? void 0 : p.off) == null ? void 0 : g.toggleBorder) == null ? void 0 : m.color) == null ? void 0 : b.disabled) || O.off.toggleBorder.color.disabled : (($ = (y = (x = (f = l == null ? void 0 : l.toggle) == null ? void 0 : f.off) == null ? void 0 : x.toggleBorder) == null ? void 0 : y.color) == null ? void 0 : $.regular) || O.off.toggleBorder.color.regular;
 }};
   }
 `, wo = v.label`
@@ -3030,13 +3030,13 @@ const ko = v.div`
 
   background-color: ${({ theme: e, $disabled: t, $checked: l }) => {
   var o, n, a, i, d, c, u, h, p, g, m, b, f, x, y, $;
-  return l ? t ? ((i = (a = (n = (o = e == null ? void 0 : e.toggle) == null ? void 0 : o.on) == null ? void 0 : n.background) == null ? void 0 : a.color) == null ? void 0 : i.disabled) || F.on.background.color.disabled : ((h = (u = (c = (d = e == null ? void 0 : e.toggle) == null ? void 0 : d.on) == null ? void 0 : c.background) == null ? void 0 : u.color) == null ? void 0 : h.regular) || F.on.background.color.regular : t ? ((b = (m = (g = (p = e == null ? void 0 : e.toggle) == null ? void 0 : p.off) == null ? void 0 : g.background) == null ? void 0 : m.color) == null ? void 0 : b.disabled) || F.off.background.color.disabled : (($ = (y = (x = (f = e == null ? void 0 : e.toggle) == null ? void 0 : f.off) == null ? void 0 : x.background) == null ? void 0 : y.color) == null ? void 0 : $.regular) || F.off.background.color.regular;
+  return l ? t ? ((i = (a = (n = (o = e == null ? void 0 : e.toggle) == null ? void 0 : o.on) == null ? void 0 : n.background) == null ? void 0 : a.color) == null ? void 0 : i.disabled) || O.on.background.color.disabled : ((h = (u = (c = (d = e == null ? void 0 : e.toggle) == null ? void 0 : d.on) == null ? void 0 : c.background) == null ? void 0 : u.color) == null ? void 0 : h.regular) || O.on.background.color.regular : t ? ((b = (m = (g = (p = e == null ? void 0 : e.toggle) == null ? void 0 : p.off) == null ? void 0 : g.background) == null ? void 0 : m.color) == null ? void 0 : b.disabled) || O.off.background.color.disabled : (($ = (y = (x = (f = e == null ? void 0 : e.toggle) == null ? void 0 : f.off) == null ? void 0 : x.background) == null ? void 0 : y.color) == null ? void 0 : $.regular) || O.off.background.color.regular;
 }};
 
   &:hover {
     background-color: ${({ theme: e, $disabled: t, $checked: l }) => {
   var o, n, a, i, d, c, u, h, p, g, m, b, f, x, y, $;
-  return l ? t ? ((i = (a = (n = (o = e == null ? void 0 : e.toggle) == null ? void 0 : o.on) == null ? void 0 : n.background) == null ? void 0 : a.color) == null ? void 0 : i.disabled) || F.on.background.color.disabled : ((h = (u = (c = (d = e == null ? void 0 : e.toggle) == null ? void 0 : d.on) == null ? void 0 : c.background) == null ? void 0 : u.color) == null ? void 0 : h.hover) || F.on.background.color.hover : t ? ((b = (m = (g = (p = e == null ? void 0 : e.toggle) == null ? void 0 : p.off) == null ? void 0 : g.background) == null ? void 0 : m.color) == null ? void 0 : b.disabled) || F.off.background.color.disabled : (($ = (y = (x = (f = e == null ? void 0 : e.toggle) == null ? void 0 : f.off) == null ? void 0 : x.background) == null ? void 0 : y.color) == null ? void 0 : $.hover) || F.off.background.color.hover;
+  return l ? t ? ((i = (a = (n = (o = e == null ? void 0 : e.toggle) == null ? void 0 : o.on) == null ? void 0 : n.background) == null ? void 0 : a.color) == null ? void 0 : i.disabled) || O.on.background.color.disabled : ((h = (u = (c = (d = e == null ? void 0 : e.toggle) == null ? void 0 : d.on) == null ? void 0 : c.background) == null ? void 0 : u.color) == null ? void 0 : h.hover) || O.on.background.color.hover : t ? ((b = (m = (g = (p = e == null ? void 0 : e.toggle) == null ? void 0 : p.off) == null ? void 0 : g.background) == null ? void 0 : m.color) == null ? void 0 : b.disabled) || O.off.background.color.disabled : (($ = (y = (x = (f = e == null ? void 0 : e.toggle) == null ? void 0 : f.off) == null ? void 0 : x.background) == null ? void 0 : y.color) == null ? void 0 : $.hover) || O.off.background.color.hover;
 }};
   }
 `, No = v.input`
@@ -3066,7 +3066,7 @@ const ko = v.div`
     children: b,
     margin: f = "0px",
     padding: x = "0px"
-  } = e, y = ee(Z), $ = ((o = (l = (t = y == null ? void 0 : y.toggle) == null ? void 0 : t.on) == null ? void 0 : l.icon) == null ? void 0 : o.appereance) || F.on.icon.appereance, C = ((i = (a = (n = y == null ? void 0 : y.toggle) == null ? void 0 : n.off) == null ? void 0 : a.icon) == null ? void 0 : i.appereance) || F.off.icon.appereance;
+  } = e, y = ee(Z), $ = ((o = (l = (t = y == null ? void 0 : y.toggle) == null ? void 0 : t.on) == null ? void 0 : l.icon) == null ? void 0 : o.appereance) || O.on.icon.appereance, C = ((i = (a = (n = y == null ? void 0 : y.toggle) == null ? void 0 : n.off) == null ? void 0 : a.icon) == null ? void 0 : i.appereance) || O.off.icon.appereance;
   return /* @__PURE__ */ w(
     At,
     {
@@ -3085,11 +3085,11 @@ const ko = v.div`
               $size: p,
               value: h,
               checked: g,
-              onChange: d ? () => null : (T) => {
+              onChange: d ? () => null : (E) => {
                 try {
-                  m && m(T);
-                } catch (D) {
-                  console.error(`Error when changing toggle value. ${D}`);
+                  m && m(E);
+                } catch (R) {
+                  console.error(`Error when changing toggle value. ${R}`);
                 }
               },
               $disabled: d,
@@ -3108,7 +3108,7 @@ const ko = v.div`
           ) })
         ] }),
         b && /* @__PURE__ */ s(
-          Ae,
+          De,
           {
             htmlFor: c,
             disabled: d,
@@ -3387,7 +3387,7 @@ v.tr`
     background-color: ${({ $zebra: e }) => e && "unset"};
   }
 `;
-const O = {
+const L = {
   border: {
     color: {
       active: r.palette.neutral.N80,
@@ -3422,11 +3422,11 @@ const O = {
   &:checked + span {
     border-color: ${({ theme: e }) => {
   var t, l, o;
-  return ((o = (l = (t = e == null ? void 0 : e.checkbox) == null ? void 0 : t.border) == null ? void 0 : l.color) == null ? void 0 : o.checked) || O.border.color.checked;
+  return ((o = (l = (t = e == null ? void 0 : e.checkbox) == null ? void 0 : t.border) == null ? void 0 : l.color) == null ? void 0 : o.checked) || L.border.color.checked;
 }};
     background-color: ${({ theme: e }) => {
   var t, l, o;
-  return ((o = (l = (t = e == null ? void 0 : e.checkbox) == null ? void 0 : t.background) == null ? void 0 : l.color) == null ? void 0 : o.checked) || O.background.color.checked;
+  return ((o = (l = (t = e == null ? void 0 : e.checkbox) == null ? void 0 : t.background) == null ? void 0 : l.color) == null ? void 0 : o.checked) || L.background.color.checked;
 }};
   }
 
@@ -3434,7 +3434,7 @@ const O = {
     outline: 2px solid
       ${({ theme: e }) => {
   var t, l, o;
-  return ((o = (l = (t = e == null ? void 0 : e.checkbox) == null ? void 0 : t.outline) == null ? void 0 : l.color) == null ? void 0 : o.hover) || O.outline.color.hover;
+  return ((o = (l = (t = e == null ? void 0 : e.checkbox) == null ? void 0 : t.outline) == null ? void 0 : l.color) == null ? void 0 : o.hover) || L.outline.color.hover;
 }};
     outline-offset: 2px;
   }
@@ -3442,11 +3442,11 @@ const O = {
   &:disabled + span {
     border-color: ${({ theme: e }) => {
   var t, l, o;
-  return ((o = (l = (t = e == null ? void 0 : e.checkbox) == null ? void 0 : t.border) == null ? void 0 : l.color) == null ? void 0 : o.disabled) || O.border.color.disabled;
+  return ((o = (l = (t = e == null ? void 0 : e.checkbox) == null ? void 0 : t.border) == null ? void 0 : l.color) == null ? void 0 : o.disabled) || L.border.color.disabled;
 }};
     background-color: ${({ theme: e }) => {
   var t, l, o;
-  return ((o = (l = (t = e == null ? void 0 : e.checkbox) == null ? void 0 : t.background) == null ? void 0 : l.color) == null ? void 0 : o.disabled) || O.background.color.disabled;
+  return ((o = (l = (t = e == null ? void 0 : e.checkbox) == null ? void 0 : t.background) == null ? void 0 : l.color) == null ? void 0 : o.disabled) || L.background.color.disabled;
 }};
   }
 `, To = v.span`
@@ -3457,11 +3457,11 @@ const O = {
   border: 2px solid
     ${({ theme: e, checked: t, $indeterminate: l }) => {
   var o, n, a, i, d, c;
-  return t || l ? ((a = (n = (o = e == null ? void 0 : e.checkbox) == null ? void 0 : o.border) == null ? void 0 : n.color) == null ? void 0 : a.checked) || O.border.color.checked : ((c = (d = (i = e == null ? void 0 : e.checkbox) == null ? void 0 : i.border) == null ? void 0 : d.color) == null ? void 0 : c.active) || O.border.color.active;
+  return t || l ? ((a = (n = (o = e == null ? void 0 : e.checkbox) == null ? void 0 : o.border) == null ? void 0 : n.color) == null ? void 0 : a.checked) || L.border.color.checked : ((c = (d = (i = e == null ? void 0 : e.checkbox) == null ? void 0 : i.border) == null ? void 0 : d.color) == null ? void 0 : c.active) || L.border.color.active;
 }};
   background-color: ${({ theme: e, checked: t, $indeterminate: l }) => {
   var o, n, a, i, d, c;
-  return t || l ? ((a = (n = (o = e == null ? void 0 : e.checkbox) == null ? void 0 : o.background) == null ? void 0 : n.color) == null ? void 0 : a.checked) || O.background.color.checked : ((c = (d = (i = e == null ? void 0 : e.checkbox) == null ? void 0 : i.background) == null ? void 0 : d.color) == null ? void 0 : c.active) || O.background.color.active;
+  return t || l ? ((a = (n = (o = e == null ? void 0 : e.checkbox) == null ? void 0 : o.background) == null ? void 0 : n.color) == null ? void 0 : a.checked) || L.background.color.checked : ((c = (d = (i = e == null ? void 0 : e.checkbox) == null ? void 0 : i.background) == null ? void 0 : d.color) == null ? void 0 : c.active) || L.background.color.active;
 }};
   cursor: ${({ disabled: e }) => e ? "not-allowed" : "pointer"};
 
@@ -3470,8 +3470,8 @@ const O = {
   justify-content: center;
 
   ${({ disabled: e }) => e && `
-    border-color: ${O.border.color.disabled};
-    background-color: ${O.background.color.disabled};
+    border-color: ${L.border.color.disabled};
+    background-color: ${L.background.color.disabled};
   `}
 `, So = v.label`
   display: flex;
@@ -3492,8 +3492,8 @@ const O = {
     disabled: x = !1,
     required: y = !1,
     onChange: $
-  } = e, C = ee(Z), T = ((o = (l = (t = C == null ? void 0 : C.checkbox) == null ? void 0 : t.vector) == null ? void 0 : l.color) == null ? void 0 : o.disabled) || O.vector.color.disabled, D = ((i = (a = (n = C == null ? void 0 : C.checkbox) == null ? void 0 : n.vector) == null ? void 0 : a.color) == null ? void 0 : i.indeterminate) || O.vector.color.indeterminate, R = ((u = (c = (d = C == null ? void 0 : C.checkbox) == null ? void 0 : d.vector) == null ? void 0 : c.color) == null ? void 0 : u.checked) || O.vector.color.checked;
-  return /* @__PURE__ */ w(E, { direction: "row", alignItems: "center", gap: "10px", width: "fit-content", children: [
+  } = e, C = ee(Z), E = ((o = (l = (t = C == null ? void 0 : C.checkbox) == null ? void 0 : t.vector) == null ? void 0 : l.color) == null ? void 0 : o.disabled) || L.vector.color.disabled, R = ((i = (a = (n = C == null ? void 0 : C.checkbox) == null ? void 0 : n.vector) == null ? void 0 : a.color) == null ? void 0 : i.indeterminate) || L.vector.color.indeterminate, F = ((u = (c = (d = C == null ? void 0 : C.checkbox) == null ? void 0 : d.vector) == null ? void 0 : c.color) == null ? void 0 : u.checked) || L.vector.color.checked;
+  return /* @__PURE__ */ w(T, { direction: "row", alignItems: "center", gap: "10px", width: "fit-content", children: [
     /* @__PURE__ */ w(So, { children: [
       /* @__PURE__ */ s(
         Eo,
@@ -3506,8 +3506,8 @@ const O = {
           disabled: x,
           required: y,
           onChange: $,
-          ref: (S) => {
-            S && (S.indeterminate = b);
+          ref: (A) => {
+            A && (A.indeterminate = b);
           }
         }
       ),
@@ -3520,20 +3520,20 @@ const O = {
           children: b ? /* @__PURE__ */ s(
             Ml,
             {
-              color: x ? T : D
+              color: x ? E : R
             }
           ) : m && /* @__PURE__ */ s(
             Gl,
             {
-              color: x ? T : R
+              color: x ? E : F
             }
           )
         }
       )
     ] }),
-    f && /* @__PURE__ */ s(zo, { children: /* @__PURE__ */ s(Ae, { htmlFor: h, disabled: x, children: /* @__PURE__ */ w(E, { direction: "row", alignItems: "center", gap: "4px", children: [
+    f && /* @__PURE__ */ s(zo, { children: /* @__PURE__ */ s(De, { htmlFor: h, disabled: x, children: /* @__PURE__ */ w(T, { direction: "row", alignItems: "center", gap: "4px", children: [
       f,
-      y && /* @__PURE__ */ s(A, { type: "label", appearance: "danger", size: "small", children: "*" })
+      y && /* @__PURE__ */ s(D, { type: "label", appearance: "danger", size: "small", children: "*" })
     ] }) }) })
   ] });
 }, Ao = v.ul`
@@ -3654,7 +3654,7 @@ const O = {
           }
         ),
         /* @__PURE__ */ s(
-          A,
+          D,
           {
             margin: u ? "0 0 0 9px" : "0px",
             textAlign: "start",
@@ -3764,7 +3764,7 @@ function Vo(e, t) {
 const jo = (e) => {
   var t, l;
   const { message: o } = e, n = ee(Z), a = ((l = (t = n == null ? void 0 : n.input) == null ? void 0 : t.message) == null ? void 0 : l.appearance) || N.message.appearance;
-  return /* @__PURE__ */ w(E, { alignItems: "center", gap: "4px", margin: "4px 0 0 16px", children: [
+  return /* @__PURE__ */ w(T, { alignItems: "center", gap: "4px", margin: "4px 0 0 16px", children: [
     /* @__PURE__ */ s(
       q,
       {
@@ -3774,7 +3774,7 @@ const jo = (e) => {
       }
     ),
     /* @__PURE__ */ s(
-      A,
+      D,
       {
         type: "body",
         size: "small",
@@ -3804,20 +3804,20 @@ ht((e, t) => {
     onClick: y,
     onFocus: $,
     onOptionClick: C,
-    options: T,
-    placeholder: D,
-    readOnly: R,
-    required: S,
-    size: P,
+    options: E,
+    placeholder: R,
+    readOnly: F,
+    required: A,
+    size: S,
     value: I,
     onKeyUp: V,
     picker: j,
-    checkedItems: De,
+    checkedItems: Re,
     onCheckboxChange: Pt
-  } = e, Je = ee(Z), Bt = ((o = (l = Je == null ? void 0 : Je.input) == null ? void 0 : l.required) == null ? void 0 : o.appearance) || N.required.appearance, It = j ? T.filter((X) => De.includes(X.id)).map((X) => X.label).join(", ") : Vo(T, I);
+  } = e, Je = ee(Z), Bt = ((o = (l = Je == null ? void 0 : Je.input) == null ? void 0 : l.required) == null ? void 0 : o.appearance) || N.required.appearance, It = j ? E.filter((X) => Re.includes(X.id)).map((X) => X.label).join(", ") : Vo(E, I);
   return /* @__PURE__ */ w(Oo, { $fullwidth: d, disabled: a, ref: t, children: [
     p && /* @__PURE__ */ w(
-      E,
+      T,
       {
         alignItems: "center",
         margin: "0 0 4px 0",
@@ -3825,19 +3825,19 @@ ht((e, t) => {
         gap: "4px",
         children: [
           /* @__PURE__ */ s(
-            Ae,
+            De,
             {
               htmlFor: u,
               focused: i,
               invalid: h,
-              size: Io(P),
+              size: Io(S),
               margin: "0px 0px 0px 2px",
               disabled: a,
               children: p
             }
           ),
-          S && !a && /* @__PURE__ */ s(
-            A,
+          A && !a && /* @__PURE__ */ s(
+            D,
             {
               type: "body",
               size: "small",
@@ -3857,7 +3857,7 @@ ht((e, t) => {
         $invalid: h,
         onClick: y,
         $value: I,
-        $size: P,
+        $size: S,
         children: [
           /* @__PURE__ */ s(
             Po,
@@ -3866,10 +3866,10 @@ ht((e, t) => {
               value: It,
               name: b,
               id: u,
-              placeholder: D,
+              placeholder: R,
               disabled: a,
-              required: S,
-              $size: P,
+              required: A,
+              $size: S,
               $fullwidth: d,
               $focused: i,
               onFocus: $,
@@ -3877,11 +3877,11 @@ ht((e, t) => {
               onChange: x,
               onClick: y,
               onKeyUp: V,
-              readOnly: R
+              readOnly: F
             }
           ),
-          /* @__PURE__ */ w(E, { direction: "row", gap: "8px", alignItems: "center", children: [
-            (I || j && De.length > 0) && !a && /* @__PURE__ */ s(
+          /* @__PURE__ */ w(T, { direction: "row", gap: "8px", alignItems: "center", children: [
+            (I || j && Re.length > 0) && !a && /* @__PURE__ */ s(
               q,
               {
                 appearance: "gray",
@@ -3909,13 +3909,13 @@ ht((e, t) => {
       {
         maxItems: g,
         onOptionClick: C,
-        options: T,
-        children: T.map((X) => /* @__PURE__ */ s(
+        options: E,
+        children: E.map((X) => /* @__PURE__ */ s(
           Fo,
           {
             id: X.id,
             label: X.label,
-            checked: De.includes(X.id),
+            checked: Re.includes(X.id),
             onCheckboxChange: Pt,
             picker: j
           },
@@ -4031,27 +4031,27 @@ const Ho = v.div`
     fullwidth: f = !1,
     onFocus: x,
     onBlur: y
-  } = e, [$, C] = J(!1), T = (V) => {
+  } = e, [$, C] = J(!1), E = (V) => {
     C(!0);
     try {
       x && x(V);
     } catch (j) {
       console.error(`Error executing focus callback. ${j}`);
     }
-  }, D = (V) => {
+  }, R = (V) => {
     C(!1);
     try {
       y && y(V);
     } catch (j) {
       console.error(`Error executing blur callback. ${j}`);
     }
-  }, R = (V) => {
+  }, F = (V) => {
     try {
       h && h(V);
     } catch (j) {
       console.error(`Error when changing value using callback. ${j}`);
     }
-  }, S = ee(Z), P = ((l = (t = S == null ? void 0 : S.input) == null ? void 0 : t.required) == null ? void 0 : l.appearance) || N.required.appearance, I = ((n = (o = S == null ? void 0 : S.input) == null ? void 0 : o.message) == null ? void 0 : n.appearance) || N.message.appearance;
+  }, A = ee(Z), S = ((l = (t = A == null ? void 0 : A.input) == null ? void 0 : t.required) == null ? void 0 : l.appearance) || N.required.appearance, I = ((n = (o = A == null ? void 0 : A.input) == null ? void 0 : o.message) == null ? void 0 : n.appearance) || N.message.appearance;
   return /* @__PURE__ */ w(Ho, { $fullwidth: f, $disabled: c, $size: b, children: [
     /* @__PURE__ */ w(
       _o,
@@ -4062,7 +4062,7 @@ const Ho = v.div`
         $disabled: c,
         children: [
           a && /* @__PURE__ */ s(
-            Ae,
+            De,
             {
               htmlFor: d,
               disabled: c,
@@ -4074,11 +4074,11 @@ const Ho = v.div`
             }
           ),
           p && !c && /* @__PURE__ */ s(
-            A,
+            D,
             {
               type: "body",
               size: "small",
-              appearance: P,
+              appearance: S,
               margin: "0px 0px 0px 4px",
               textAlign: "center",
               children: "(Requerido)"
@@ -4107,9 +4107,9 @@ const Ho = v.div`
             $status: g,
             $fullwidth: f,
             $focused: $,
-            onChange: R,
-            onFocus: T,
-            onBlur: D
+            onChange: F,
+            onFocus: E,
+            onBlur: R
           }
         )
       }
@@ -4117,7 +4117,7 @@ const Ho = v.div`
     g === "invalid" && !c && m && /* @__PURE__ */ w(qo, { children: [
       /* @__PURE__ */ s(q, { appearance: I, icon: /* @__PURE__ */ s(Xl, {}) }),
       /* @__PURE__ */ s(
-        A,
+        D,
         {
           type: "body",
           size: "small",
@@ -4520,11 +4520,17 @@ const Xo = (e) => {
     messageEnd: p = "",
     statusStart: g = "pending",
     statusEnd: m = "pending"
-  } = e, [b, f] = J(i), [x, y] = J(c), [$, C] = J(u);
+  } = e, [b, f] = J(i), [x, y] = J(c), [$, C] = J(u), E = ({ target: S }) => {
+    f(S.checked), o && o(S.checked);
+  }, R = (S) => {
+    y(S.target.value), t(S);
+  }, F = (S) => {
+    C(S.target.value), l(S);
+  }, A = Te("(max-width: 400px)");
   return /* @__PURE__ */ w(he, { children: [
-    /* @__PURE__ */ w(E, { direction: "row", justifyContent: "space-between", margin: "10px 0", children: [
-      /* @__PURE__ */ s(E, { children: /* @__PURE__ */ s(
-        A,
+    /* @__PURE__ */ w(T, { direction: "row", justifyContent: "space-between", margin: "10px 0", children: [
+      /* @__PURE__ */ s(
+        D,
         {
           appearance: "gray",
           margin: "10px 0",
@@ -4533,9 +4539,9 @@ const Xo = (e) => {
           weight: "bold",
           children: "Vigencia"
         }
-      ) }),
+      ),
       /* @__PURE__ */ s(
-        E,
+        T,
         {
           alignContent: "center",
           justifyContent: "center",
@@ -4545,9 +4551,7 @@ const Xo = (e) => {
             Rt,
             {
               label: "Cerrada",
-              onChange: ({ target: S }) => {
-                f(S.checked), o && o(S.checked);
-              },
+              onChange: E,
               checked: b,
               value: ""
             }
@@ -4555,38 +4559,42 @@ const Xo = (e) => {
         }
       )
     ] }),
-    /* @__PURE__ */ w(E, { justifyContent: "space-between", gap: "24px", children: [
-      /* @__PURE__ */ s(E, { width: "189px", children: /* @__PURE__ */ s(
-        ut,
-        {
-          id: "dateStart",
-          label: n,
-          onChange: (S) => {
-            y(S.target.value), t(S);
-          },
-          value: x,
-          required: d,
-          size: "compact",
-          status: g,
-          message: h
-        }
-      ) }),
-      b && /* @__PURE__ */ s(E, { width: "189px", children: /* @__PURE__ */ s(
-        ut,
-        {
-          id: "dateEnd",
-          label: a,
-          onChange: (S) => {
-            C(S.target.value), l(S);
-          },
-          value: $,
-          required: d,
-          size: "compact",
-          status: m,
-          message: p
-        }
-      ) })
-    ] })
+    /* @__PURE__ */ w(
+      T,
+      {
+        direction: A ? "column" : "row",
+        justifyContent: "space-between",
+        gap: "24px",
+        children: [
+          /* @__PURE__ */ s(
+            ut,
+            {
+              id: "dateStart",
+              label: n,
+              onChange: R,
+              value: x,
+              required: d,
+              size: "compact",
+              status: g,
+              message: h
+            }
+          ),
+          b && /* @__PURE__ */ s(
+            ut,
+            {
+              id: "dateEnd",
+              label: a,
+              onChange: F,
+              value: $,
+              required: d,
+              size: "compact",
+              status: m,
+              message: p
+            }
+          )
+        ]
+      }
+    )
   ] });
 }, Ko = v.div`
   & > div {
@@ -4625,7 +4633,7 @@ const Xo = (e) => {
   return vt(() => {
     u(t);
   }, [t]), /* @__PURE__ */ w(he, { children: [
-    /* @__PURE__ */ s(E, { children: /* @__PURE__ */ s(
+    /* @__PURE__ */ s(T, { children: /* @__PURE__ */ s(
       Dt,
       {
         checked: c,
@@ -4634,7 +4642,7 @@ const Xo = (e) => {
         onChange: h,
         size: "small",
         value: d,
-        children: /* @__PURE__ */ s(A, { size: "medium", type: "label", weight: "bold", children: a })
+        children: /* @__PURE__ */ s(D, { size: "medium", type: "label", weight: "bold", children: a })
       }
     ) }),
     c && /* @__PURE__ */ s(he, { children: l })
@@ -4661,8 +4669,8 @@ const Xo = (e) => {
   const t = (e == null ? void 0 : e.from) ?? 0, l = (e == null ? void 0 : e.to) ?? 0;
   return {
     schema: ye({
-      from: Pe().required("Range From is required").max(l, "'Range From' cannot be greater than 'Range To'").min(0, "'Range From' cannot be less than 0"),
-      to: Pe().min(0, "To value must be greater than or equal to 0").required("To value is required").test(
+      from: Be().required("Range From is required").max(l, "'Range From' cannot be greater than 'Range To'").min(0, "'Range From' cannot be less than 0"),
+      to: Be().min(0, "To value must be greater than or equal to 0").required("To value is required").test(
         "is-greater",
         "To value must be greater than From value",
         function(o) {
@@ -4673,8 +4681,8 @@ const Xo = (e) => {
     }),
     value: { from: t, to: l }
   };
-}, Le = (e, t) => t === ne.PERCENTAGE ? {
-  schema: Pe().required("Percentage is required").min(0, "Percentage cannot be less than 0").max(100, "Percentage cannot be greater than 100"),
+}, Pe = (e, t) => t === ne.PERCENTAGE ? {
+  schema: Be().required("Percentage is required").min(0, "Percentage cannot be less than 0").max(100, "Percentage cannot be greater than 100"),
   value: e
 } : {
   schema: Ue().required("Required"),
@@ -4690,9 +4698,9 @@ const Xo = (e) => {
   [B.LIST_OF_VALUES]: Zo,
   [B.LIST_OF_VALUES_MULTI]: er,
   [B.RANGE]: tr,
-  [B.GREATER_THAN]: Le,
-  [B.LESS_THAN]: Le,
-  [B.EQUAL]: Le
+  [B.GREATER_THAN]: Pe,
+  [B.LESS_THAN]: Pe,
+  [B.EQUAL]: Pe
 }, ct = (e) => or[e] || lr;
 function rr({ decision: e, onSubmitEvent: t }) {
   const l = {
@@ -4802,7 +4810,7 @@ const nr = (e) => {
     decisionDataType: t.decisionDataType,
     listOfPossibleValues: t.listOfPossibleValues
   };
-  return /* @__PURE__ */ s("form", { onSubmit: a.handleSubmit, children: /* @__PURE__ */ w(E, { direction: "column", gap: "24px", children: [
+  return /* @__PURE__ */ s("form", { onSubmit: a.handleSubmit, children: /* @__PURE__ */ w(T, { direction: "column", gap: "24px", children: [
     Qe({
       condition: d,
       formik: a,
@@ -4810,7 +4818,7 @@ const nr = (e) => {
     }),
     /* @__PURE__ */ s(re, { dashed: !0 }),
     /* @__PURE__ */ s(Ko, { children: /* @__PURE__ */ s(Jo, { children: /* @__PURE__ */ w(
-      E,
+      T,
       {
         direction: "column",
         padding: "6px 12px",
@@ -4818,13 +4826,13 @@ const nr = (e) => {
         height: "272px",
         children: [
           /* @__PURE__ */ w(
-            E,
+            T,
             {
               justifyContent: "space-between",
               alignItems: "center",
               gap: "64px",
               children: [
-                /* @__PURE__ */ s(A, { type: "title", size: "small", weight: "bold", appearance: "gray", children: o.factsThatConditionIt }),
+                /* @__PURE__ */ s(D, { type: "title", size: "small", weight: "bold", appearance: "gray", children: o.factsThatConditionIt }),
                 /* @__PURE__ */ s(
                   Dt,
                   {
@@ -4832,13 +4840,13 @@ const nr = (e) => {
                     onChange: () => i(!a.values.toggleNone),
                     checked: a.values.toggleNone,
                     size: "small",
-                    children: /* @__PURE__ */ s(A, { size: "medium", type: "label", weight: "bold", children: o.none })
+                    children: /* @__PURE__ */ s(D, { as: "span", size: "medium", type: "label", weight: "bold", children: o.none })
                   }
                 )
               ]
             }
           ),
-          /* @__PURE__ */ s(E, { direction: "column", gap: "20px", children: (c = t.conditionThatEstablishesTheDecision) == null ? void 0 : c.map(
+          /* @__PURE__ */ s(T, { direction: "column", gap: "20px", children: (c = t.conditionThatEstablishesTheDecision) == null ? void 0 : c.map(
             (u) => u.hidden ? null : /* @__PURE__ */ s(
               Qo,
               {
@@ -4893,8 +4901,8 @@ const nr = (e) => {
       }
     ),
     /* @__PURE__ */ s(re, {}),
-    a.errors.conditionThatEstablishesTheDecision && a.submitCount > 0 && /* @__PURE__ */ s(A, { type: "label", size: "medium", appearance: "danger", children: String(a.errors.conditionThatEstablishesTheDecision) }),
-    /* @__PURE__ */ w(E, { direction: "row", justifyContent: "end", gap: "16px", children: [
+    a.errors.conditionThatEstablishesTheDecision && a.submitCount > 0 && /* @__PURE__ */ s(D, { type: "label", size: "medium", appearance: "danger", children: String(a.errors.conditionThatEstablishesTheDecision) }),
+    /* @__PURE__ */ w(T, { direction: "row", justifyContent: "end", gap: "16px", children: [
       /* @__PURE__ */ s(dt, { appearance: "gray", onClick: n, children: o.cancel }),
       /* @__PURE__ */ s(dt, { type: "submit", children: o.confirm })
     ] })
@@ -4946,8 +4954,8 @@ const Ot = (e) => {
     value: pe(t),
     howToSetTheDecision: (t == null ? void 0 : t.howToSetTheDecision) || "EqualTo"
   };
-  return !l && t && o ? /* @__PURE__ */ w(E, { direction: "column", gap: "12px", children: [
-    t && /* @__PURE__ */ s(E, { direction: "column", alignItems: "center", children: /* @__PURE__ */ s(
+  return !l && t && o ? /* @__PURE__ */ w(T, { direction: "column", gap: "12px", children: [
+    t && /* @__PURE__ */ s(T, { direction: "column", alignItems: "center", children: /* @__PURE__ */ s(
       me,
       {
         element: n,
@@ -4957,7 +4965,7 @@ const Ot = (e) => {
     ) }, t.ruleName),
     /* @__PURE__ */ s(re, { dashed: !0 }),
     /* @__PURE__ */ s(pt, { children: /* @__PURE__ */ w(
-      E,
+      T,
       {
         direction: "column",
         gap: "12px",
@@ -4965,7 +4973,7 @@ const Ot = (e) => {
         height: "203px",
         children: [
           /* @__PURE__ */ s(
-            A,
+            D,
             {
               type: "label",
               size: "large",
@@ -4975,7 +4983,7 @@ const Ot = (e) => {
               children: o.factsThatConditionIt
             }
           ),
-          t.conditionThatEstablishesTheDecision && t.conditionThatEstablishesTheDecision.map((a) => a.hidden ? null : /* @__PURE__ */ s(st, { children: /* @__PURE__ */ s(E, { direction: "column", padding: "8px", children: /* @__PURE__ */ s(
+          t.conditionThatEstablishesTheDecision && t.conditionThatEstablishesTheDecision.map((a) => a.hidden ? null : /* @__PURE__ */ s(st, { children: /* @__PURE__ */ s(T, { direction: "column", padding: "8px", children: /* @__PURE__ */ s(
             me,
             {
               element: {
@@ -4986,7 +4994,7 @@ const Ot = (e) => {
             }
           ) }) }, a.conditionName)),
           /* @__PURE__ */ s(re, { dashed: !0 }),
-          /* @__PURE__ */ w(E, { direction: "column", gap: "12px", children: [
+          /* @__PURE__ */ w(T, { direction: "column", gap: "12px", children: [
             (t == null ? void 0 : t.effectiveFrom) && (t == null ? void 0 : t.validUntil) && /* @__PURE__ */ s(
               me,
               {
@@ -5032,24 +5040,24 @@ const Ot = (e) => {
         ]
       }
     ) })
-  ] }) : /* @__PURE__ */ w(E, { direction: "column", gap: "12px", children: [
-    /* @__PURE__ */ w(E, { direction: "column", alignItems: "center", gap: "4px", children: [
+  ] }) : /* @__PURE__ */ w(T, { direction: "column", gap: "12px", children: [
+    /* @__PURE__ */ w(T, { direction: "column", alignItems: "center", gap: "4px", children: [
       /* @__PURE__ */ s(ce, { animated: !0, width: "180px" }),
       /* @__PURE__ */ s(ce, { animated: !0, width: "85px" })
     ] }, "loading"),
-    /* @__PURE__ */ w(E, { direction: "column", gap: "12px", alignItems: "center", children: [
+    /* @__PURE__ */ w(T, { direction: "column", gap: "12px", alignItems: "center", children: [
       /* @__PURE__ */ s(re, { dashed: !0 }),
       /* @__PURE__ */ s(ce, { animated: !0, width: "150px" })
     ] }),
     /* @__PURE__ */ s(pt, { children: /* @__PURE__ */ s(
-      E,
+      T,
       {
         direction: "column",
         gap: "12px",
         justifyContent: "space-between",
         height: "203px",
         children: Array.from({ length: 5 }).map((a, i) => /* @__PURE__ */ s(st, { children: /* @__PURE__ */ w(
-          E,
+          T,
           {
             direction: "column",
             gap: "12px",
@@ -5097,11 +5105,11 @@ v.div`
 `;
 const Ke = (e) => {
   const { children: t, controls: l = !0, handleDelete: o, id: n } = e;
-  return /* @__PURE__ */ s(vr, { children: /* @__PURE__ */ w(E, { direction: "column", gap: "16px", padding: "12px 16px", children: [
+  return /* @__PURE__ */ s(vr, { children: /* @__PURE__ */ w(T, { direction: "column", gap: "16px", padding: "12px 16px", children: [
     t,
     l && /* @__PURE__ */ w(he, { children: [
       /* @__PURE__ */ s(re, {}),
-      /* @__PURE__ */ s(E, { gap: "16px", justifyContent: "end", children: /* @__PURE__ */ s(
+      /* @__PURE__ */ s(T, { gap: "16px", justifyContent: "end", children: /* @__PURE__ */ s(
         q,
         {
           cursorHover: !0,
@@ -5158,9 +5166,9 @@ const Ke = (e) => {
       "The portal node is not defined. This can occur when the specific node used to render the portal has not been defined correctly."
     );
   return jt(
-    /* @__PURE__ */ s(gr, { children: /* @__PURE__ */ s(no, { children: /* @__PURE__ */ s(br, { children: /* @__PURE__ */ w(E, { direction: "column", gap: "24px", children: [
-      /* @__PURE__ */ s(E, { direction: "column", gap: "24px", children: /* @__PURE__ */ w(E, { alignItems: "center", justifyContent: "space-between", children: [
-        /* @__PURE__ */ s(A, { type: "title", size: "large", appearance: "dark", weight: "bold", children: n }),
+    /* @__PURE__ */ s(gr, { children: /* @__PURE__ */ s(no, { children: /* @__PURE__ */ s(br, { children: /* @__PURE__ */ w(T, { direction: "column", gap: "24px", children: [
+      /* @__PURE__ */ s(T, { direction: "column", gap: "24px", children: /* @__PURE__ */ w(T, { alignItems: "center", justifyContent: "space-between", children: [
+        /* @__PURE__ */ s(D, { type: "title", size: "large", appearance: "dark", weight: "bold", children: n }),
         /* @__PURE__ */ s(Ut, { size: "24px", cursor: "pointer", onClick: o })
       ] }) }),
       t
@@ -5262,8 +5270,8 @@ function wr({
   handleDelete: o,
   textValues: n
 }) {
-  return e ? /* @__PURE__ */ s(Lt, { children: /* @__PURE__ */ w(E, { direction: "column", gap: "4px", width: "100%", padding: "0 0 12px 0", children: [
-    /* @__PURE__ */ s(A, { type: "title", size: "medium", appearance: "gray", weight: "bold", children: e.decisionId }),
+  return e ? /* @__PURE__ */ s(Lt, { children: /* @__PURE__ */ w(T, { direction: "column", gap: "4px", width: "100%", padding: "0 0 12px 0", children: [
+    /* @__PURE__ */ s(D, { type: "title", size: "medium", appearance: "gray", weight: "bold", children: e.decisionId }),
     /* @__PURE__ */ s(
       Ke,
       {
@@ -5281,8 +5289,8 @@ function Nr({
   handleOpenModal: t,
   customTitleContentAddCard: l
 }) {
-  return /* @__PURE__ */ s(Lt, { children: /* @__PURE__ */ w(E, { direction: "column", gap: "4px", width: "100%", height: "100%", children: [
-    /* @__PURE__ */ s(A, { type: "title", size: "medium", appearance: "gray", weight: "bold", children: "Nueva decisión" }),
+  return /* @__PURE__ */ s(Lt, { children: /* @__PURE__ */ w(T, { direction: "column", gap: "4px", width: "100%", height: "100%", children: [
+    /* @__PURE__ */ s(D, { type: "title", size: "medium", appearance: "gray", weight: "bold", children: "Nueva decisión" }),
     /* @__PURE__ */ s(
       yr,
       {
@@ -5295,9 +5303,9 @@ function Nr({
             },
             handleView: () => t ? t() : null,
             controls: !1,
-            children: /* @__PURE__ */ w(E, { direction: "column", gap: "12px", alignItems: "center", children: [
+            children: /* @__PURE__ */ w(T, { direction: "column", gap: "12px", alignItems: "center", children: [
               /* @__PURE__ */ s(q, { appearance: "gray", icon: /* @__PURE__ */ s(Mt, {}), size: "35px" }),
-              /* @__PURE__ */ s(A, { appearance: "gray", type: "body", size: "large", children: l || "Agregar decisión" })
+              /* @__PURE__ */ s(D, { appearance: "gray", type: "body", size: "large", children: l || "Agregar decisión" })
             ] })
           }
         )
@@ -5363,7 +5371,7 @@ const Br = (e) => {
     handleCloseModal: p,
     handleSubmitForm: g,
     handleDelete: m
-  } = e, b = je("(max-width: 681px)"), f = je("(max-width: 400px)"), { renderedCards: x, shouldRenderAddCard: y } = Er({
+  } = e, b = Te("(max-width: 681px)"), f = Te("(max-width: 400px)"), { renderedCards: x, shouldRenderAddCard: y } = Er({
     controls: t,
     customTitleContentAddCard: l,
     decisions: n,
@@ -5373,13 +5381,12 @@ const Br = (e) => {
     textValues: a
   });
   return /* @__PURE__ */ w(he, { children: [
-    /* @__PURE__ */ s($r, { children: /* @__PURE__ */ s(xr, { children: /* @__PURE__ */ w(E, { direction: "column", gap: "16px", padding: "6px", children: [
-      n.length === 0 && !u && /* @__PURE__ */ w(A, { as: "span", type: "label", size: "large", appearance: "gray", children: [
+    /* @__PURE__ */ s($r, { children: /* @__PURE__ */ s(xr, { children: /* @__PURE__ */ w(T, { direction: "column", gap: "16px", padding: "6px", children: [
+      n.length === 0 && !u && /* @__PURE__ */ w(D, { as: "span", type: "label", size: "large", appearance: "gray", children: [
         o || "Aún NO tienes definidas tasas de interés efectivas",
         ". Presiona",
-        " ",
         /* @__PURE__ */ w(
-          A,
+          D,
           {
             as: "span",
             type: "label",
@@ -5393,7 +5400,6 @@ const Br = (e) => {
             ]
           }
         ),
-        " ",
         "para empezar."
       ] }),
       /* @__PURE__ */ w(