@isettingkit/business-rules 0.1.37 → 0.1.39

package/dist/index.es.js

@@ -6,8 +6,8 @@ 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 { DecisionViewConditionRenderer as me } from "@isettingkit/view";
+import { mixed as gt, object as ke, number as Be, string as Ue, lazy as Ze, date as et } from "yup";
+import { DecisionViewConditionRenderer as fe } from "@isettingkit/view";
 import { MdOutlineDelete as _t, MdClear as Ut, MdAdd as Mt } from "react-icons/md";
 /**
  * @remix-run/router v1.23.0
@@ -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) {
@@ -37,7 +37,7 @@ function z(e, t) {
   if (e === !1 || e === null || typeof e > "u")
     throw new Error(t);
 }
-function ve(e, t) {
+function ge(e, t) {
   if (!e) {
     typeof console < "u" && console.warn(t);
     try {
@@ -46,7 +46,7 @@ function ve(e, t) {
     }
   }
 }
-function Ie(e) {
+function Ve(e) {
   let {
     pathname: t = "/",
     search: l = "",
@@ -96,7 +96,7 @@ function ot(e, t) {
   };
 }
 function qt(e, t, l) {
-  t === void 0 && (t = !1), l === void 0 && (l = !0), ve(e === "*" || !e.endsWith("*") || e.endsWith("/*"), 'Route path "' + e + '" will be treated as if it were ' + ('"' + e.replace(/\*$/, "/*") + '" because the `*` character must ') + "always follow a `/` in the pattern. To get rid of this warning, " + ('please change the route path to "' + e.replace(/\*$/, "/*") + '".'));
+  t === void 0 && (t = !1), l === void 0 && (l = !0), ge(e === "*" || !e.endsWith("*") || e.endsWith("/*"), 'Route path "' + e + '" will be treated as if it were ' + ('"' + e.replace(/\*$/, "/*") + '" because the `*` character must ') + "always follow a `/` in the pattern. To get rid of this warning, " + ('please change the route path to "' + e.replace(/\*$/, "/*") + '".'));
   let o = [], n = "^" + e.replace(/\/*\*?$/, "").replace(/^\/*/, "/").replace(/[\\.*+^${}|()[\]]/g, "\\$&").replace(/\/:([\w-]+)(\?)?/g, (i, d, c) => (o.push({
     paramName: d,
     isOptional: c != null
@@ -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);
@@ -220,7 +220,7 @@ function el(e, t) {
     hash: a,
     pathname: i,
     search: d
-  } = be(e, {
+  } = me(e, {
     relative: l
   }), c = i;
   return o !== "/" && (c = i === "/" ? o : Me([o, i])), n.createHref({
@@ -232,7 +232,7 @@ function el(e, t) {
 function Ge() {
   return k.useContext(qe) != null;
 }
-function ge() {
+function be() {
   return Ge() || (process.env.NODE_ENV !== "production" ? z(
     !1,
     // TODO: This error is probably because they somehow have 2 versions of the
@@ -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
@@ -265,11 +265,11 @@ function ll() {
     matches: n
   } = k.useContext(ue), {
     pathname: a
-  } = ge(), i = JSON.stringify(mt(n, l.v7_relativeSplatPath)), d = k.useRef(!1);
+  } = be(), i = JSON.stringify(mt(n, l.v7_relativeSplatPath)), d = k.useRef(!1);
   return kt(() => {
     d.current = !0;
   }), k.useCallback(function(u, h) {
-    if (h === void 0 && (h = {}), process.env.NODE_ENV !== "production" && ve(d.current, yt), !d.current) return;
+    if (h === void 0 && (h = {}), process.env.NODE_ENV !== "production" && ge(d.current, yt), !d.current) return;
     if (typeof u == "number") {
       o.go(u);
       return;
@@ -278,7 +278,7 @@ function ll() {
     e == null && t !== "/" && (p.pathname = p.pathname === "/" ? t : Me([t, p.pathname])), (h.replace ? o.replace : o.push)(p, h.state, h);
   }, [t, o, i, a, e]);
 }
-function be(e, t) {
+function me(e, t) {
   let {
     relative: l
   } = t === void 0 ? {} : t, {
@@ -287,7 +287,7 @@ function be(e, t) {
     matches: n
   } = k.useContext(ue), {
     pathname: a
-  } = ge(), i = JSON.stringify(mt(n, o.v7_relativeSplatPath));
+  } = be(), i = JSON.stringify(mt(n, o.v7_relativeSplatPath));
   return k.useMemo(() => ft(e, JSON.parse(i), a, l === "path"), [e, i, a, l]);
 }
 var wt = /* @__PURE__ */ function(e) {
@@ -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" && ge(l.current, yt), l.current && (typeof n == "number" ? e.navigate(n) : e.navigate(n, je({
       fromRouteId: t
     }, a)));
   }, [e, t]);
@@ -354,18 +354,18 @@ function We(e, t) {
     n = o[a], !(t.indexOf(n) >= 0) && (l[n] = e[n]);
   return l;
 }
-const ke = "get", we = "application/x-www-form-urlencoded";
-function ze(e) {
+const we = "get", Ne = "application/x-www-form-urlencoded";
+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);
@@ -375,35 +375,35 @@ function sl(e, t) {
   (!t || t === "_self") && // Let browser handle "target=_blank" etc.
   !cl(e);
 }
-let fe = null;
+let xe = null;
 function pl() {
-  if (fe === null)
+  if (xe === null)
     try {
       new FormData(
         document.createElement("form"),
         // @ts-expect-error if FormData supports the submitter parameter, this will throw
         0
-      ), fe = !1;
+      ), xe = !1;
     } catch {
-      fe = !0;
+      xe = !0;
     }
-  return fe;
+  return xe;
 }
 const hl = /* @__PURE__ */ new Set(["application/x-www-form-urlencoded", "multipart/form-data", "text/plain"]);
-function Fe(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 Oe(e) {
+  return e != null && !hl.has(e) ? (process.env.NODE_ENV !== "production" && ge(!1, '"' + e + '" is not a valid `encType` for `<Form>`/`<fetcher.Form>` ' + ('and will default to "' + Ne + '"')), 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") || we, n = Oe(e.getAttribute("enctype")) || Ne, 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") || we, n = Oe(e.getAttribute("formenctype")) || Oe(d.getAttribute("enctype")) || Ne, a = new FormData(d, e), !pl()) {
       let {
         name: u,
         type: h,
@@ -415,9 +415,9 @@ 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;
+    l = we, o = null, n = Ne, i = e;
   }
   return a && n === "text/plain" && (i = a, a = void 0), {
     action: o,
@@ -455,10 +455,10 @@ 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.');
+      process.env.NODE_ENV !== "production" && ge(!1, '<Link to="' + u + '"> contains an invalid URL which will probably break when clicked - please update to a valid URL path.');
     }
   let x = el(u, {
     relative: n
@@ -494,23 +494,23 @@ const kl = /* @__PURE__ */ k.forwardRef(function(t, l) {
     to: c,
     viewTransition: u,
     children: h
-  } = t, p = We(t, bl), g = be(c, {
+  } = t, p = We(t, bl), g = me(c, {
     relative: p.relative
-  }), m = ge(), b = k.useContext($t), {
+  }), m = be(), b = k.useContext($t), {
     navigator: f,
     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) => {
@@ -528,7 +528,7 @@ const wl = /* @__PURE__ */ k.forwardRef((e, t) => {
     reloadDocument: n,
     replace: a,
     state: i,
-    method: d = ke,
+    method: d = we,
     action: c,
     onSubmit: u,
     relative: h,
@@ -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,
@@ -560,10 +560,10 @@ const wl = /* @__PURE__ */ k.forwardRef((e, t) => {
 });
 process.env.NODE_ENV !== "production" && (wl.displayName = "Form");
 process.env.NODE_ENV;
-var Ne;
+var Ce;
 (function(e) {
   e.UseScrollRestoration = "useScrollRestoration", e.UseSubmit = "useSubmit", e.UseSubmitFetcher = "useSubmitFetcher", e.UseFetcher = "useFetcher", e.useViewTransitionState = "useViewTransitionState";
-})(Ne || (Ne = {}));
+})(Ce || (Ce = {}));
 var rt;
 (function(e) {
   e.UseFetcher = "useFetcher", e.UseFetchers = "useFetchers", e.UseScrollRestoration = "useScrollRestoration";
@@ -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) {
@@ -583,13 +583,13 @@ function Cl(e, t) {
     preventScrollReset: a,
     relative: i,
     viewTransition: d
-  } = t === void 0 ? {} : t, c = tl(), u = ge(), h = be(e, {
+  } = t === void 0 ? {} : t, c = tl(), u = be(), h = me(e, {
     relative: i
   });
   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,
@@ -608,7 +608,7 @@ let Tl = 0, Sl = () => "__" + String(++Tl) + "__";
 function zl() {
   let {
     router: e
-  } = Tt(Ne.UseSubmit), {
+  } = Tt(Ce.UseSubmit), {
     basename: t
   } = k.useContext(G), l = nl();
   return k.useCallback(function(o, n) {
@@ -652,9 +652,9 @@ function Al(e, t) {
     basename: o
   } = k.useContext(G), n = k.useContext(ue);
   n || (process.env.NODE_ENV !== "production" ? z(!1, "useFormAction must be used inside a RouteContext") : z(!1));
-  let [a] = n.matches.slice(-1), i = ie({}, be(e || ".", {
+  let [a] = n.matches.slice(-1), i = ie({}, me(e || ".", {
     relative: l
-  })), d = ge();
+  })), d = be();
   if (e == null) {
     i.search = d.search;
     let c = new URLSearchParams(i.search), u = c.getAll("index");
@@ -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 = {});
@@ -672,7 +672,7 @@ function Dl(e, t) {
   l == null && (process.env.NODE_ENV !== "production" ? z(!1, "`useViewTransitionState` must be used within `react-router-dom`'s `RouterProvider`.  Did you accidentally import `RouterProvider` from `react-router`?") : z(!1));
   let {
     basename: o
-  } = Tt(Ne.useViewTransitionState), n = be(e, {
+  } = Tt(Ce.useViewTransitionState), n = me(e, {
     relative: t.relative
   });
   if (!l.isTransitioning)
@@ -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",
@@ -1304,15 +1304,15 @@ function Il(e, t) {
     }
   return l;
 }
-function Ce() {
-  return Ce = Object.assign ? Object.assign.bind() : function(e) {
+function Ee() {
+  return Ee = 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;
-  }, Ce.apply(this, arguments);
+  }, Ee.apply(this, arguments);
 }
 function at(e, t) {
   var l = Object.keys(e);
@@ -1324,7 +1324,7 @@ function at(e, t) {
   }
   return l;
 }
-function Ee(e) {
+function Te(e) {
   for (var t = 1; t < arguments.length; t++) {
     var l = arguments[t] != null ? arguments[t] : {};
     t % 2 ? at(Object(l), !0).forEach(function(o) {
@@ -1353,13 +1353,13 @@ function Hl(e, t) {
   return (t === "string" ? String : Number)(e);
 }
 function zt(e) {
-  return e && e.map((t, l) => /* @__PURE__ */ oe.createElement(t.tag, Ee({
+  return e && e.map((t, l) => /* @__PURE__ */ oe.createElement(t.tag, Te({
     key: l
   }, t.attr), zt(t.child)));
 }
 function W(e) {
-  return (t) => /* @__PURE__ */ oe.createElement(_l, Ce({
-    attr: Ee({}, e.attr)
+  return (t) => /* @__PURE__ */ oe.createElement(_l, Ee({
+    attr: Te({}, e.attr)
   }, t), zt(e.child));
 }
 function _l(e) {
@@ -1369,13 +1369,13 @@ function _l(e) {
       size: n,
       title: a
     } = e, i = Bl(e, Pl), d = n || l.size || "1em", c;
-    return l.className && (c = l.className), e.className && (c = (c ? c + " " : "") + e.className), /* @__PURE__ */ oe.createElement("svg", Ce({
+    return l.className && (c = l.className), e.className && (c = (c ? c + " " : "") + e.className), /* @__PURE__ */ oe.createElement("svg", Ee({
       stroke: "currentColor",
       fill: "currentColor",
       strokeWidth: "0"
     }, l.attr, o, i, {
       className: c,
-      style: Ee(Ee({
+      style: Te(Te({
         color: e.color || l.color
       }, l.style), e.style),
       height: d,
@@ -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) => {
+}, ve = (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,9 +1776,9 @@ 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 }) });
-}, xe = {
+  const { children: t } = e, l = ve("(max-width: 580px)");
+  return /* @__PURE__ */ s(ro, { $isSmallScreen: !l, children: /* @__PURE__ */ s(T, { alignItems: "center", justifyContent: "center", children: t }) });
+}, $e = {
   primary: {
     solid: {
       spin: {
@@ -1949,11 +1949,11 @@ const oo = {
   border: solid 4px;
   border-color: ${({ theme: e, $transparent: t, $appearance: l }) => {
   var o, n, a, i, d, c, u, h;
-  return t === !0 ? ((i = (a = (n = (o = e == null ? void 0 : e.spinner) == null ? void 0 : o[l]) == null ? void 0 : n.transparent) == null ? void 0 : a.track) == null ? void 0 : i.color) || xe[l].transparent.track.color : ((h = (u = (c = (d = e == null ? void 0 : e.spinner) == null ? void 0 : d[l]) == null ? void 0 : c.solid) == null ? void 0 : u.track) == null ? void 0 : h.color) || xe[l].solid.track.color;
+  return t === !0 ? ((i = (a = (n = (o = e == null ? void 0 : e.spinner) == null ? void 0 : o[l]) == null ? void 0 : n.transparent) == null ? void 0 : a.track) == null ? void 0 : i.color) || $e[l].transparent.track.color : ((h = (u = (c = (d = e == null ? void 0 : e.spinner) == null ? void 0 : d[l]) == null ? void 0 : c.solid) == null ? void 0 : u.track) == null ? void 0 : h.color) || $e[l].solid.track.color;
 }};
   border-bottom-color: ${({ $appearance: e, $transparent: t, theme: l }) => {
   var o, n, a, i, d, c, u, h, p, g, m, b;
-  return t === !0 ? ((i = (a = (n = (o = l == null ? void 0 : l.spinner) == null ? void 0 : o[e]) == null ? void 0 : n.transparent) == null ? void 0 : a.spin) == null ? void 0 : i.color) || ((c = (d = xe[e].transparent) == null ? void 0 : d.spin) == null ? void 0 : c.color) : ((g = (p = (h = (u = l == null ? void 0 : l.spinner) == null ? void 0 : u[e]) == null ? void 0 : h.solid) == null ? void 0 : p.spin) == null ? void 0 : g.color) || ((b = (m = xe[e].solid) == null ? void 0 : m.spin) == null ? void 0 : b.color);
+  return t === !0 ? ((i = (a = (n = (o = l == null ? void 0 : l.spinner) == null ? void 0 : o[e]) == null ? void 0 : n.transparent) == null ? void 0 : a.spin) == null ? void 0 : i.color) || ((c = (d = $e[e].transparent) == null ? void 0 : d.spin) == null ? void 0 : c.color) : ((g = (p = (h = (u = l == null ? void 0 : l.spinner) == null ? void 0 : u[e]) == null ? void 0 : h.solid) == null ? void 0 : p.spin) == null ? void 0 : g.color) || ((b = (m = $e[e].solid) == null ? void 0 : m.spin) == null ? void 0 : b.color);
 }};
   border-radius: 50%;
   ${({ $size: e }) => e && ao[e]}
@@ -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,
@@ -3368,16 +3368,16 @@ v.th`
   }
 `;
 v.thead``;
-const $e = (e, t) => {
+const ye = (e, t) => {
   var l, o;
   const n = ((o = (l = t == null ? void 0 : t.table) == null ? void 0 : l.border) == null ? void 0 : o.color) || M.border.color;
   return `1px ${e ? "dashed" : "solid"} ${n}`;
 };
 v.tr`
-  border-top: ${({ $border: e, $borderDashed: t, theme: l }) => e === "top" || e === "complete" ? $e(t, l) : "none"};
-  border-bottom: ${({ $border: e, $borderDashed: t, theme: l }) => e === "bottom" || e === "complete" ? $e(t, l) : "none"};
-  border-left: ${({ $border: e, $borderDashed: t, theme: l }) => e === "left" || e === "complete" ? $e(t, l) : "none"};
-  border-right: ${({ $border: e, $borderDashed: t, theme: l }) => e === "right" || e === "complete" ? $e(t, l) : "none"};
+  border-top: ${({ $border: e, $borderDashed: t, theme: l }) => e === "top" || e === "complete" ? ye(t, l) : "none"};
+  border-bottom: ${({ $border: e, $borderDashed: t, theme: l }) => e === "bottom" || e === "complete" ? ye(t, l) : "none"};
+  border-left: ${({ $border: e, $borderDashed: t, theme: l }) => e === "left" || e === "complete" ? ye(t, l) : "none"};
+  border-right: ${({ $border: e, $borderDashed: t, theme: l }) => e === "right" || e === "complete" ? ye(t, l) : "none"};
   height: 48px;
   background-color: ${({ $zebra: e, theme: t }) => {
   var l, o, n, a, i, 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 = ve("(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 })
@@ -4660,9 +4668,9 @@ const Xo = (e) => {
 }), tr = (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(
+    schema: ke({
+      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 = {
@@ -4705,7 +4713,7 @@ function rr({ decision: e, onSubmitEvent: t }) {
     toggleNone: !0,
     conditionThatEstablishesTheDecision: {},
     checkClosed: !1
-  }, o = ye({
+  }, o = ke({
     ruleName: Ue().required("Name is required"),
     effectiveFrom: et().required("effective From date is required"),
     validUntil: et().when(
@@ -4725,7 +4733,7 @@ function rr({ decision: e, onSubmitEvent: t }) {
     ).schema),
     conditionThatEstablishesTheDecision: Ze((i, { parent: d }) => {
       var h;
-      if ((d == null ? void 0 : d.toggleNone) && Object.keys(d.conditionThatEstablishesTheDecision || {}).length > 0) return ye().shape({});
+      if ((d == null ? void 0 : d.toggleNone) && Object.keys(d.conditionThatEstablishesTheDecision || {}).length > 0) return ke().shape({});
       const u = (h = e.conditionThatEstablishesTheDecision) == null ? void 0 : h.reduce(
         (p, g) => {
           if (n.values.conditionThatEstablishesTheDecision[g.conditionName] !== void 0) {
@@ -4739,7 +4747,7 @@ function rr({ decision: e, onSubmitEvent: t }) {
         },
         {}
       );
-      return ye(u).test(
+      return ke(u).test(
         "at-least-one-condition",
         "It must be at least one condition in order for the decision to be validated correctly.",
         (p) => p ? Object.values(p).some(
@@ -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,9 +4954,9 @@ 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(
-      me,
+  return !l && t && o ? /* @__PURE__ */ w(T, { direction: "column", gap: "12px", children: [
+    t && /* @__PURE__ */ s(T, { direction: "column", alignItems: "center", children: /* @__PURE__ */ s(
+      fe,
       {
         element: n,
         valueData: pe(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,8 +4983,8 @@ 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(
-            me,
+          t.conditionThatEstablishesTheDecision && t.conditionThatEstablishesTheDecision.map((a) => a.hidden ? null : /* @__PURE__ */ s(st, { children: /* @__PURE__ */ s(T, { direction: "column", padding: "8px", children: /* @__PURE__ */ s(
+            fe,
             {
               element: {
                 ...a,
@@ -4986,9 +4994,9 @@ 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,
+              fe,
               {
                 element: {
                   labelName: o.terms,
@@ -5010,7 +5018,7 @@ const Ot = (e) => {
               o.terms
             ),
             (t == null ? void 0 : t.effectiveFrom) && !(t != null && t.validUntil) && /* @__PURE__ */ s(
-              me,
+              fe,
               {
                 element: {
                   labelName: o.terms,
@@ -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,
@@ -5127,7 +5135,7 @@ const Ke = (e) => {
 }};
   max-width: 450px;
   max-height: 90vh;
-  overflow-y: hidden;
+  overflow-y: ${({ smallScreen: e }) => e ? "hidden" : "auto"};
   border-radius: 8px;
   transition: overflow-y 0.3s ease-in-out;
   & > div {
@@ -5157,10 +5165,11 @@ const Ke = (e) => {
     throw new Error(
       "The portal node is not defined. This can occur when the specific node used to render the portal has not been defined correctly."
     );
+  const i = ve("(max-width: 400px)");
   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, { smallScreen: i, 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 +5271,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 +5290,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 +5304,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 +5372,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 = ve("(max-width: 681px)"), f = ve("(max-width: 400px)"), { renderedCards: x, shouldRenderAddCard: y } = Er({
     controls: t,
     customTitleContentAddCard: l,
     decisions: n,
@@ -5373,13 +5382,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 +5401,6 @@ const Br = (e) => {
             ]
           }
         ),
-        " ",
         "para empezar."
       ] }),
       /* @__PURE__ */ w(