@isettingkit/business-rules 0.1.36 → 0.1.38

package/dist/index.es.js

@@ -1,16 +1,16 @@
-import { jsxs as k, jsx as s, Fragment as he } from "react/jsx-runtime";
-import { ValueDataType as ne, ValueHowToSetUp as B, DecisionConditionRender as Je } from "@isettingkit/input";
-import v, { keyframes as de, css as He, ThemeContext as Z } from "styled-components";
-import * as y from "react";
-import oe, { createContext as Vt, forwardRef as pt, useContext as ee, useState as J, useEffect as ht } from "react";
+import { jsxs as w, jsx as s, Fragment as he } from "react/jsx-runtime";
+import { ValueDataType as ne, ValueHowToSetUp as B, DecisionConditionRender as Qe } from "@isettingkit/input";
+import v, { keyframes as de, css as _e, ThemeContext as Z } from "styled-components";
+import * as k from "react";
+import oe, { createContext as Vt, forwardRef as ht, useContext as ee, useState as J, useEffect as vt } from "react";
 import { createPortal as jt } from "react-dom";
 import { inube as te } from "@inubekit/foundations";
 import { useFormik as Ht } from "formik";
-import { mixed as vt, object as ye, number as Pe, string as _e, lazy as Qe, date as Ze } 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";
 /**
- * @remix-run/router v1.22.0
+ * @remix-run/router v1.23.0
  *
  * Copyright (c) Remix Software Inc.
  *
@@ -19,20 +19,20 @@ 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 et;
+var tt;
 (function(e) {
   e.Pop = "POP", e.Push = "PUSH", e.Replace = "REPLACE";
-})(et || (et = {}));
+})(tt || (tt = {}));
 function z(e, t) {
   if (e === !1 || e === null || typeof e > "u")
     throw new Error(t);
@@ -46,7 +46,7 @@ function ve(e, t) {
     }
   }
 }
-function Ie(e) {
+function Ve(e) {
   let {
     pathname: t = "/",
     search: l = "",
@@ -54,7 +54,7 @@ function Ie(e) {
   } = e;
   return l && l !== "?" && (t += l.charAt(0) === "?" ? l : "?" + l), o && o !== "#" && (t += o.charAt(0) === "#" ? o : "#" + o), t;
 }
-function gt(e) {
+function bt(e) {
   let t = {};
   if (e) {
     let l = e.indexOf("#");
@@ -64,11 +64,11 @@ function gt(e) {
   }
   return t;
 }
-var tt;
+var lt;
 (function(e) {
   e.data = "data", e.deferred = "deferred", e.redirect = "redirect", e.error = "error";
-})(tt || (tt = {}));
-function lt(e, t) {
+})(lt || (lt = {}));
+function ot(e, t) {
   typeof e == "string" && (e = {
     path: e,
     caseSensitive: !1,
@@ -118,7 +118,7 @@ function Gt(e, t) {
     pathname: l,
     search: o = "",
     hash: n = ""
-  } = typeof e == "string" ? gt(e) : e;
+  } = typeof e == "string" ? bt(e) : e;
   return {
     pathname: l ? l.startsWith("/") ? l : Yt(l, t) : t,
     search: Xt(o),
@@ -131,20 +131,20 @@ 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) {
   return e.filter((t, l) => l === 0 || t.route.path && t.route.path.length > 0);
 }
-function bt(e, t) {
+function mt(e, t) {
   let l = Wt(e);
   return t ? l.map((o, n) => n === l.length - 1 ? o.pathname : o.pathnameBase) : l.map((o) => o.pathnameBase);
 }
-function mt(e, t, l, o) {
+function ft(e, t, l, o) {
   o === void 0 && (o = !1);
   let n;
-  typeof e == "string" ? n = gt(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;
@@ -161,12 +161,12 @@ function mt(e, t, l, o) {
   let c = Gt(n, d), u = i && i !== "/" && i.endsWith("/"), h = (a || i === ".") && l.endsWith("/");
   return !c.pathname.endsWith("/") && (u || h) && (c.pathname += "/"), c;
 }
-const Ue = (e) => e.join("/").replace(/\/\/+/g, "/"), Xt = (e) => !e || e === "?" ? "" : e.startsWith("?") ? e : "?" + e, Kt = (e) => !e || e === "#" ? "" : e.startsWith("#") ? e : "#" + e, ft = ["post", "put", "patch", "delete"];
-new Set(ft);
-const Jt = ["get", ...ft];
+const Me = (e) => e.join("/").replace(/\/\/+/g, "/"), Xt = (e) => !e || e === "?" ? "" : e.startsWith("?") ? e : "?" + e, Kt = (e) => !e || e === "#" ? "" : e.startsWith("#") ? e : "#" + e, xt = ["post", "put", "patch", "delete"];
+new Set(xt);
+const Jt = ["get", ...xt];
 new Set(Jt);
 /**
- * React Router v6.29.0
+ * React Router v6.30.0
  *
  * Copyright (c) Remix Software Inc.
  *
@@ -175,39 +175,39 @@ 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__ */ y.createContext(null);
-process.env.NODE_ENV !== "production" && (Se.displayName = "DataRouter");
-const xt = /* @__PURE__ */ y.createContext(null);
-process.env.NODE_ENV !== "production" && (xt.displayName = "DataRouterState");
-const Qt = /* @__PURE__ */ y.createContext(null);
+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);
 process.env.NODE_ENV !== "production" && (Qt.displayName = "Await");
-const G = /* @__PURE__ */ y.createContext(null);
+const G = /* @__PURE__ */ k.createContext(null);
 process.env.NODE_ENV !== "production" && (G.displayName = "Navigation");
-const Me = /* @__PURE__ */ y.createContext(null);
-process.env.NODE_ENV !== "production" && (Me.displayName = "Location");
-const ue = /* @__PURE__ */ y.createContext({
+const qe = /* @__PURE__ */ k.createContext(null);
+process.env.NODE_ENV !== "production" && (qe.displayName = "Location");
+const ue = /* @__PURE__ */ k.createContext({
   outlet: null,
   matches: [],
   isDataRoute: !1
 });
 process.env.NODE_ENV !== "production" && (ue.displayName = "Route");
-const Zt = /* @__PURE__ */ y.createContext(null);
+const Zt = /* @__PURE__ */ k.createContext(null);
 process.env.NODE_ENV !== "production" && (Zt.displayName = "RouteError");
 function el(e, t) {
   let {
     relative: l
   } = t === void 0 ? {} : t;
-  qe() || (process.env.NODE_ENV !== "production" ? z(
+  Ge() || (process.env.NODE_ENV !== "production" ? z(
     !1,
     // TODO: This error is probably because they somehow have 2 versions of the
     // router loaded. We can help them understand how to avoid that.
@@ -216,66 +216,66 @@ function el(e, t) {
   let {
     basename: o,
     navigator: n
-  } = y.useContext(G), {
+  } = k.useContext(G), {
     hash: a,
     pathname: i,
     search: d
   } = be(e, {
     relative: l
   }), c = i;
-  return o !== "/" && (c = i === "/" ? o : Ue([o, i])), n.createHref({
+  return o !== "/" && (c = i === "/" ? o : Me([o, i])), n.createHref({
     pathname: c,
     search: d,
     hash: a
   });
 }
-function qe() {
-  return y.useContext(Me) != null;
+function Ge() {
+  return k.useContext(qe) != null;
 }
 function ge() {
-  return qe() || (process.env.NODE_ENV !== "production" ? z(
+  return Ge() || (process.env.NODE_ENV !== "production" ? z(
     !1,
     // TODO: This error is probably because they somehow have 2 versions of the
     // router loaded. We can help them understand how to avoid that.
     "useLocation() may be used only in the context of a <Router> component."
-  ) : z(!1)), y.useContext(Me).location;
+  ) : z(!1)), k.useContext(qe).location;
 }
-const $t = "You should call navigate() in a React.useEffect(), not when your component is first rendered.";
-function yt(e) {
-  y.useContext(G).static || y.useLayoutEffect(e);
+const yt = "You should call navigate() in a React.useEffect(), not when your component is first rendered.";
+function kt(e) {
+  k.useContext(G).static || k.useLayoutEffect(e);
 }
 function tl() {
   let {
     isDataRoute: e
-  } = y.useContext(ue);
+  } = k.useContext(ue);
   return e ? al() : ll();
 }
 function ll() {
-  qe() || (process.env.NODE_ENV !== "production" ? z(
+  Ge() || (process.env.NODE_ENV !== "production" ? z(
     !1,
     // TODO: This error is probably because they somehow have 2 versions of the
     // 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 = y.useContext(Se), {
+  let e = k.useContext(ze), {
     basename: t,
     future: l,
     navigator: o
-  } = y.useContext(G), {
+  } = k.useContext(G), {
     matches: n
-  } = y.useContext(ue), {
+  } = k.useContext(ue), {
     pathname: a
-  } = ge(), i = JSON.stringify(bt(n, l.v7_relativeSplatPath)), d = y.useRef(!1);
-  return yt(() => {
+  } = ge(), i = JSON.stringify(mt(n, l.v7_relativeSplatPath)), d = k.useRef(!1);
+  return kt(() => {
     d.current = !0;
-  }), y.useCallback(function(u, h) {
-    if (h === void 0 && (h = {}), process.env.NODE_ENV !== "production" && ve(d.current, $t), !d.current) return;
+  }), k.useCallback(function(u, h) {
+    if (h === void 0 && (h = {}), process.env.NODE_ENV !== "production" && ve(d.current, yt), !d.current) return;
     if (typeof u == "number") {
       o.go(u);
       return;
     }
-    let p = mt(u, JSON.parse(i), a, h.relative === "path");
-    e == null && t !== "/" && (p.pathname = p.pathname === "/" ? t : Ue([t, p.pathname])), (h.replace ? o.replace : o.push)(p, h.state, h);
+    let p = ft(u, JSON.parse(i), a, h.relative === "path");
+    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) {
@@ -283,44 +283,44 @@ function be(e, t) {
     relative: l
   } = t === void 0 ? {} : t, {
     future: o
-  } = y.useContext(G), {
+  } = k.useContext(G), {
     matches: n
-  } = y.useContext(ue), {
+  } = k.useContext(ue), {
     pathname: a
-  } = ge(), i = JSON.stringify(bt(n, o.v7_relativeSplatPath));
-  return y.useMemo(() => mt(e, JSON.parse(i), a, l === "path"), [e, i, a, l]);
+  } = ge(), i = JSON.stringify(mt(n, o.v7_relativeSplatPath));
+  return k.useMemo(() => ft(e, JSON.parse(i), a, l === "path"), [e, i, a, l]);
 }
-var kt = /* @__PURE__ */ function(e) {
+var wt = /* @__PURE__ */ function(e) {
   return e.UseBlocker = "useBlocker", e.UseRevalidator = "useRevalidator", e.UseNavigateStable = "useNavigate", e;
-}(kt || {}), Ge = /* @__PURE__ */ function(e) {
+}(wt || {}), Ye = /* @__PURE__ */ function(e) {
   return e.UseBlocker = "useBlocker", e.UseLoaderData = "useLoaderData", e.UseActionData = "useActionData", e.UseRouteError = "useRouteError", e.UseNavigation = "useNavigation", e.UseRouteLoaderData = "useRouteLoaderData", e.UseMatches = "useMatches", e.UseRevalidator = "useRevalidator", e.UseNavigateStable = "useNavigate", e.UseRouteId = "useRouteId", e;
-}(Ge || {});
-function wt(e) {
+}(Ye || {});
+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 = y.useContext(Se);
-  return t || (process.env.NODE_ENV !== "production" ? z(!1, wt(e)) : z(!1)), t;
+  let t = k.useContext(ze);
+  return t || (process.env.NODE_ENV !== "production" ? z(!1, Nt(e)) : z(!1)), t;
 }
 function rl(e) {
-  let t = y.useContext(ue);
-  return t || (process.env.NODE_ENV !== "production" ? z(!1, wt(e)) : z(!1)), t;
+  let t = k.useContext(ue);
+  return t || (process.env.NODE_ENV !== "production" ? z(!1, Nt(e)) : z(!1)), t;
 }
-function Nt(e) {
+function Ct(e) {
   let t = rl(e), l = t.matches[t.matches.length - 1];
   return l.route.id || (process.env.NODE_ENV !== "production" ? z(!1, e + ' can only be used on routes that contain a unique "id"') : z(!1)), l.route.id;
 }
 function nl() {
-  return Nt(Ge.UseRouteId);
+  return Ct(Ye.UseRouteId);
 }
 function al() {
   let {
     router: e
-  } = ol(kt.UseNavigateStable), t = Nt(Ge.UseNavigateStable), l = y.useRef(!1);
-  return yt(() => {
+  } = ol(wt.UseNavigateStable), t = Ct(Ye.UseNavigateStable), l = k.useRef(!1);
+  return kt(() => {
     l.current = !0;
-  }), y.useCallback(function(n, a) {
-    a === void 0 && (a = {}), process.env.NODE_ENV !== "production" && ve(l.current, $t), l.current && (typeof n == "number" ? e.navigate(n) : e.navigate(n, Ve({
+  }), 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, je({
       fromRouteId: t
     }, a)));
   }, [e, t]);
@@ -328,7 +328,7 @@ function al() {
 new Promise(() => {
 });
 /**
- * React Router DOM v6.29.0
+ * React Router DOM v6.30.0
  *
  * Copyright (c) Remix Software Inc.
  *
@@ -347,7 +347,7 @@ function ie() {
     return e;
   }, ie.apply(this, arguments);
 }
-function Ye(e, t) {
+function We(e, t) {
   if (e == null) return {};
   var l = {}, o = Object.keys(e), n, a;
   for (a = 0; a < o.length; a++)
@@ -355,17 +355,17 @@ function Ye(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;
   }
@@ -432,14 +432,14 @@ try {
   window.__reactRouterVersion = fl;
 } catch {
 }
-const Ct = /* @__PURE__ */ y.createContext({
+const Et = /* @__PURE__ */ k.createContext({
   isTransitioning: !1
 });
-process.env.NODE_ENV !== "production" && (Ct.displayName = "ViewTransition");
-const xl = /* @__PURE__ */ y.createContext(/* @__PURE__ */ new Map());
+process.env.NODE_ENV !== "production" && (Et.displayName = "ViewTransition");
+const xl = /* @__PURE__ */ k.createContext(/* @__PURE__ */ new Map());
 process.env.NODE_ENV !== "production" && (xl.displayName = "Fetchers");
 process.env.NODE_ENV;
-const $l = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u", yl = /^(?:[a-z][a-z0-9+.-]*:|\/\/)/i, Y = /* @__PURE__ */ y.forwardRef(function(t, l) {
+const $l = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u", yl = /^(?:[a-z][a-z0-9+.-]*:|\/\/)/i, Y = /* @__PURE__ */ k.forwardRef(function(t, l) {
   let {
     onClick: o,
     relative: n,
@@ -450,19 +450,19 @@ const $l = typeof window < "u" && typeof window.document < "u" && typeof window.
     to: u,
     preventScrollReset: h,
     viewTransition: p
-  } = t, g = Ye(t, gl), {
+  } = t, g = We(t, gl), {
     basename: m
-  } = y.useContext(G), b, f = !1;
+  } = 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.');
     }
   let x = el(u, {
     relative: n
-  }), w = Cl(u, {
+  }), y = Cl(u, {
     replace: i,
     state: d,
     target: c,
@@ -471,11 +471,11 @@ const $l = typeof window < "u" && typeof window.document < "u" && typeof window.
     viewTransition: p
   });
   function $(C) {
-    o && o(C), C.defaultPrevented || w(C);
+    o && o(C), C.defaultPrevented || y(C);
   }
   return (
     // eslint-disable-next-line jsx-a11y/anchor-has-content
-    /* @__PURE__ */ y.createElement("a", ie({}, g, {
+    /* @__PURE__ */ k.createElement("a", ie({}, g, {
       href: b || x,
       onClick: f || a ? o : $,
       ref: l,
@@ -484,7 +484,7 @@ const $l = typeof window < "u" && typeof window.document < "u" && typeof window.
   );
 });
 process.env.NODE_ENV !== "production" && (Y.displayName = "Link");
-const kl = /* @__PURE__ */ y.forwardRef(function(t, l) {
+const kl = /* @__PURE__ */ k.forwardRef(function(t, l) {
   let {
     "aria-current": o = "page",
     caseSensitive: n = !1,
@@ -494,34 +494,34 @@ const kl = /* @__PURE__ */ y.forwardRef(function(t, l) {
     to: c,
     viewTransition: u,
     children: h
-  } = t, p = Ye(t, bl), g = be(c, {
+  } = t, p = We(t, bl), g = be(c, {
     relative: p.relative
-  }), m = ge(), b = y.useContext(xt), {
+  }), m = ge(), b = k.useContext($t), {
     navigator: f,
     basename: x
-  } = y.useContext(G), w = b != null && // Conditional usage is OK here because the usage of a data router is static
+  } = 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,
-    isTransitioning: w
-  }, I = R ? o : void 0, V;
-  typeof a == "function" ? V = a(P) : V = [a, R ? "active" : null, S ? "pending" : null, w ? "transitioning" : null].filter(Boolean).join(" ");
-  let j = typeof d == "function" ? d(P) : d;
-  return /* @__PURE__ */ y.createElement(Y, ie({}, p, {
+  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 = 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,
     ref: 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__ */ y.forwardRef((e, t) => {
+const wl = /* @__PURE__ */ k.forwardRef((e, t) => {
   let {
     fetcherKey: l,
     navigate: o,
@@ -534,15 +534,15 @@ const wl = /* @__PURE__ */ y.forwardRef((e, t) => {
     relative: h,
     preventScrollReset: p,
     viewTransition: g
-  } = e, m = Ye(e, ml), b = zl(), f = Al(c, {
+  } = e, m = We(e, ml), b = zl(), f = Al(c, {
     relative: h
-  }), x = d.toLowerCase() === "get" ? "get" : "post", w = ($) => {
+  }), 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,
@@ -551,11 +551,11 @@ const wl = /* @__PURE__ */ y.forwardRef((e, t) => {
       viewTransition: g
     });
   };
-  return /* @__PURE__ */ y.createElement("form", ie({
+  return /* @__PURE__ */ k.createElement("form", ie({
     ref: t,
     method: x,
     action: f,
-    onSubmit: n ? u : w
+    onSubmit: n ? u : y
   }, m));
 });
 process.env.NODE_ENV !== "production" && (wl.displayName = "Form");
@@ -564,15 +564,15 @@ var Ne;
 (function(e) {
   e.UseScrollRestoration = "useScrollRestoration", e.UseSubmit = "useSubmit", e.UseSubmitFetcher = "useSubmitFetcher", e.UseFetcher = "useFetcher", e.useViewTransitionState = "useViewTransitionState";
 })(Ne || (Ne = {}));
-var ot;
+var rt;
 (function(e) {
   e.UseFetcher = "useFetcher", e.UseFetchers = "useFetchers", e.UseScrollRestoration = "useScrollRestoration";
-})(ot || (ot = {}));
+})(rt || (rt = {}));
 function Nl(e) {
   return e + " must be used within a data router.  See https://reactrouter.com/v6/routers/picking-a-router.";
 }
-function Et(e) {
-  let t = y.useContext(Se);
+function Tt(e) {
+  let t = k.useContext(ze);
   return t || (process.env.NODE_ENV !== "production" ? z(!1, Nl(e)) : z(!1)), t;
 }
 function Cl(e, t) {
@@ -586,10 +586,10 @@ function Cl(e, t) {
   } = t === void 0 ? {} : t, c = tl(), u = ge(), h = be(e, {
     relative: i
   });
-  return y.useCallback((p) => {
+  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,10 +608,10 @@ let Tl = 0, Sl = () => "__" + String(++Tl) + "__";
 function zl() {
   let {
     router: e
-  } = Et(Ne.UseSubmit), {
+  } = Tt(Ne.UseSubmit), {
     basename: t
-  } = y.useContext(G), l = nl();
-  return y.useCallback(function(o, n) {
+  } = k.useContext(G), l = nl();
+  return k.useCallback(function(o, n) {
     n === void 0 && (n = {}), El();
     let {
       action: a,
@@ -650,7 +650,7 @@ function Al(e, t) {
     relative: l
   } = t === void 0 ? {} : t, {
     basename: o
-  } = y.useContext(G), n = y.useContext(ue);
+  } = 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 || ".", {
     relative: l
@@ -664,21 +664,21 @@ 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 : Ue([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 = {});
-  let l = y.useContext(Ct);
+  let l = k.useContext(Et);
   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
-  } = Et(Ne.useViewTransitionState), n = be(e, {
+  } = Tt(Ne.useViewTransitionState), n = be(e, {
     relative: t.relative
   });
   if (!l.isTransitioning)
     return !1;
   let a = ae(l.currentLocation.pathname, o) || l.currentLocation.pathname, i = ae(l.nextLocation.pathname, o) || l.nextLocation.pathname;
-  return lt(n.pathname, i) != null || lt(n.pathname, a) != null;
+  return ot(n.pathname, i) != null || ot(n.pathname, a) != null;
 }
 const Rl = {
   neutral: {
@@ -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, w, $, 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 = ($ = (w = e == null ? void 0 : e.icon) == null ? void 0 : w[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",
@@ -1253,8 +1253,8 @@ const Rl = {
     if (!p)
       try {
         g && g(x);
-      } catch (w) {
-        console.error(`Error when clicking over select. ${w}`);
+      } catch (y) {
+        console.error(`Error when clicking over select. ${y}`);
       }
   }
   return /* @__PURE__ */ s(
@@ -1277,13 +1277,13 @@ const Rl = {
     }
   );
 };
-var Tt = {
+var St = {
   color: void 0,
   size: void 0,
   className: void 0,
   style: void 0,
   attr: void 0
-}, rt = oe.createContext && /* @__PURE__ */ oe.createContext(Tt), Pl = ["attr", "size", "title"];
+}, nt = oe.createContext && /* @__PURE__ */ oe.createContext(St), Pl = ["attr", "size", "title"];
 function Bl(e, t) {
   if (e == null) return {};
   var l = Il(e, t), o, n;
@@ -1314,7 +1314,7 @@ function Ce() {
     return e;
   }, Ce.apply(this, arguments);
 }
-function nt(e, t) {
+function at(e, t) {
   var l = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
     var o = Object.getOwnPropertySymbols(e);
@@ -1327,9 +1327,9 @@ function nt(e, t) {
 function Ee(e) {
   for (var t = 1; t < arguments.length; t++) {
     var l = arguments[t] != null ? arguments[t] : {};
-    t % 2 ? nt(Object(l), !0).forEach(function(o) {
+    t % 2 ? at(Object(l), !0).forEach(function(o) {
       Vl(e, o, l[o]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(l)) : nt(Object(l)).forEach(function(o) {
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(l)) : at(Object(l)).forEach(function(o) {
       Object.defineProperty(e, o, Object.getOwnPropertyDescriptor(l, o));
     });
   }
@@ -1352,15 +1352,15 @@ function Hl(e, t) {
   }
   return (t === "string" ? String : Number)(e);
 }
-function St(e) {
+function zt(e) {
   return e && e.map((t, l) => /* @__PURE__ */ oe.createElement(t.tag, Ee({
     key: l
-  }, t.attr), St(t.child)));
+  }, t.attr), zt(t.child)));
 }
 function W(e) {
   return (t) => /* @__PURE__ */ oe.createElement(_l, Ce({
     attr: Ee({}, e.attr)
-  }, t), St(e.child));
+  }, t), zt(e.child));
 }
 function _l(e) {
   var t = (l) => {
@@ -1383,7 +1383,7 @@ function _l(e) {
       xmlns: "http://www.w3.org/2000/svg"
     }), a && /* @__PURE__ */ oe.createElement("title", null, a), e.children);
   };
-  return rt !== void 0 ? /* @__PURE__ */ oe.createElement(rt.Consumer, null, (l) => t(l)) : t(Tt);
+  return nt !== void 0 ? /* @__PURE__ */ oe.createElement(nt.Consumer, null, (l) => t(l)) : t(St);
 }
 function Ul(e) {
   return W({ attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { fill: "none", d: "M0 0h24v24H0z" }, child: [] }, { tag: "path", attr: { d: "M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z" }, child: [] }] })(e);
@@ -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,
@@ -1478,7 +1478,7 @@ const Zl = v.div`
   padding: ${({ $padding: e }) => e};
   height: ${({ $height: e }) => e};
   width: ${({ $width: e }) => e};
-`, zt = (e) => {
+`, At = (e) => {
   const {
     templateColumns: t = "auto",
     templateRows: l = "auto",
@@ -1516,9 +1516,9 @@ const Zl = v.div`
       children: f
     }
   );
-}, At = (e) => {
+}, Te = (e) => {
   const [t, l] = J(!1), o = (n) => l(n.matches);
-  return ht(() => {
+  return vt(() => {
     const n = window.matchMedia(e);
     return o(n), n.addEventListener(
       "change",
@@ -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 = At("(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: {
@@ -2189,7 +2189,7 @@ const oo = {
   }
 `, po = v(Y)`
   text-decoration: none;
-`, ho = (e, t, l, o) => e === "filled" ? !1 : t && !o ? l : o, at = (e) => {
+`, ho = (e, t, l, o) => e === "filled" ? !1 : t && !o ? l : o, it = (e) => {
   const {
     children: t,
     appearance: l = "primary",
@@ -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, w] = J(!1), $ = () => w(!0), C = () => w(!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__ */ k(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,15 +2275,15 @@ const oo = {
             size: "18px",
             appearance: u === "filled" ? f(l) : l,
             disabled: n,
-            parentHover: D
+            parentHover: R
           }
         )
       ] })
     }
   );
-}, it = (e) => {
+}, dt = (e) => {
   const { type: t = "button", path: l } = e;
-  return t === "link" && !l && console.warn("You must provide a path to use a link button"), t === "link" ? /* @__PURE__ */ s(po, { to: l, children: /* @__PURE__ */ s(at, { ...e }) }) : /* @__PURE__ */ s(at, { ...e });
+  return t === "link" && !l && console.warn("You must provide a path to use a link button"), t === "link" ? /* @__PURE__ */ s(po, { to: l, children: /* @__PURE__ */ s(it, { ...e }) }) : /* @__PURE__ */ s(it, { ...e });
 }, N = {
   border: {
     color: {
@@ -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 = {
@@ -2593,7 +2593,7 @@ v.div`
   return ((l = (t = e == null ? void 0 : e.skeleton) == null ? void 0 : t.background) == null ? void 0 : l.color) || K.background.color;
 }};
 
-  ${({ $animated: e }) => e && He`
+  ${({ $animated: e }) => e && _e`
       &::after {
         content: "";
         position: absolute;
@@ -2630,7 +2630,7 @@ const mo = de`
   return ((l = (t = e == null ? void 0 : e.skeleton) == null ? void 0 : t.background) == null ? void 0 : l.color) || K.background.color;
 }};
 
-  ${({ $animated: e }) => e && He`
+  ${({ $animated: e }) => e && _e`
       &::after {
         content: "";
         position: absolute;
@@ -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, w, $;
-  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 : (($ = (w = (x = (f = l == null ? void 0 : l.toggle) == null ? void 0 : f.off) == null ? void 0 : x.toggleBorder) == null ? void 0 : w.color) == null ? void 0 : $.regular) || F.off.toggleBorder.color.regular;
+  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) || 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`
@@ -3029,14 +3029,14 @@ const ko = v.div`
   cursor: ${({ $disabled: e }) => e ? "not-allowed" : "pointer"};
 
   background-color: ${({ theme: e, $disabled: t, $checked: l }) => {
-  var o, n, a, i, d, c, u, h, p, g, m, b, f, x, w, $;
-  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 : (($ = (w = (x = (f = e == null ? void 0 : e.toggle) == null ? void 0 : f.off) == null ? void 0 : x.background) == null ? void 0 : w.color) == null ? void 0 : $.regular) || F.off.background.color.regular;
+  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) || 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, w, $;
-  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 : (($ = (w = (x = (f = e == null ? void 0 : e.toggle) == null ? void 0 : f.off) == null ? void 0 : x.background) == null ? void 0 : w.color) == null ? void 0 : $.hover) || F.off.background.color.hover;
+  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) || 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,9 +3066,9 @@ const ko = v.div`
     children: b,
     margin: f = "0px",
     padding: x = "0px"
-  } = e, w = ee(Z), $ = ((o = (l = (t = w == null ? void 0 : w.toggle) == null ? void 0 : t.on) == null ? void 0 : l.icon) == null ? void 0 : o.appereance) || F.on.icon.appereance, C = ((i = (a = (n = w == null ? void 0 : w.toggle) == null ? void 0 : n.off) == null ? void 0 : a.icon) == null ? void 0 : i.appereance) || F.off.icon.appereance;
-  return /* @__PURE__ */ k(
-    zt,
+  } = 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,
     {
       templateColumns: "auto 1fr",
       alignItems: "center",
@@ -3076,7 +3076,7 @@ const ko = v.div`
       padding: x,
       gap: "8px",
       children: [
-        /* @__PURE__ */ k(wo, { $size: p, $checked: g, $disabled: d, children: [
+        /* @__PURE__ */ w(wo, { $size: p, $checked: g, $disabled: d, children: [
           /* @__PURE__ */ s(
             No,
             {
@@ -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,
@@ -3180,7 +3180,7 @@ v.div`
 v.p`
   text-wrap: nowrap;
 `;
-const We = {
+const Xe = {
   background: {
     color: r.palette.neutral.N10
   },
@@ -3205,7 +3205,7 @@ v.nav`
   left: 0;
   background-color: ${({ theme: e }) => {
   var t, l;
-  return ((l = (t = e == null ? void 0 : e.fullscreenNav) == null ? void 0 : t.background) == null ? void 0 : l.color) || We.background.color;
+  return ((l = (t = e == null ? void 0 : e.fullscreenNav) == null ? void 0 : t.background) == null ? void 0 : l.color) || Xe.background.color;
 }};
   padding: 0px 16px;
   z-index: 2;
@@ -3222,7 +3222,7 @@ v.div`
   height: 1px;
   background-color: ${({ theme: e }) => {
   var t, l;
-  return ((l = (t = e == null ? void 0 : e.fullscreenNav) == null ? void 0 : t.divider) == null ? void 0 : l.color) || We.divider.color;
+  return ((l = (t = e == null ? void 0 : e.fullscreenNav) == null ? void 0 : t.divider) == null ? void 0 : l.color) || Xe.divider.color;
 }};
 `;
 v.footer`
@@ -3248,7 +3248,7 @@ v.summary`
     cursor: pointer;
     background-color: ${({ theme: e }) => {
   var t, l;
-  return ((l = (t = e == null ? void 0 : e.fullscreenNav) == null ? void 0 : t.background) == null ? void 0 : l.color) || We.background.color;
+  return ((l = (t = e == null ? void 0 : e.fullscreenNav) == null ? void 0 : t.background) == null ? void 0 : l.color) || Xe.background.color;
 }};
   }
 `;
@@ -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;
@@ -3490,11 +3490,11 @@ const O = {
     indeterminate: b = !1,
     label: f,
     disabled: x = !1,
-    required: w = !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__ */ k(E, { direction: "row", alignItems: "center", gap: "10px", width: "fit-content", children: [
-    /* @__PURE__ */ k(So, { 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,
         {
@@ -3504,10 +3504,10 @@ const O = {
           value: g,
           checked: m || b,
           disabled: x,
-          required: w,
+          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__ */ k(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,
-      w && /* @__PURE__ */ s(A, { type: "label", appearance: "danger", size: "small", children: "*" })
+      y && /* @__PURE__ */ s(D, { type: "label", appearance: "danger", size: "small", children: "*" })
     ] }) }) })
   ] });
 }, Ao = v.ul`
@@ -3636,8 +3636,8 @@ const O = {
     picker: u = !1,
     onCheckboxChange: h,
     checked: p = !1
-  } = e, [g, m] = J(!1), b = () => m(!0), f = () => m(!1), x = ee(Z), w = ((o = (l = (t = x == null ? void 0 : x.input) == null ? void 0 : t.option) == null ? void 0 : l.appearance) == null ? void 0 : o.hover) || N.option.appearance.hover, $ = ((i = (a = (n = x == null ? void 0 : x.input) == null ? void 0 : n.option) == null ? void 0 : a.appearance) == null ? void 0 : i.regular) || N.option.appearance.regular;
-  return /* @__PURE__ */ k(
+  } = e, [g, m] = J(!1), b = () => m(!0), f = () => m(!1), x = ee(Z), y = ((o = (l = (t = x == null ? void 0 : x.input) == null ? void 0 : t.option) == null ? void 0 : l.appearance) == null ? void 0 : o.hover) || N.option.appearance.hover, $ = ((i = (a = (n = x == null ? void 0 : x.input) == null ? void 0 : n.option) == null ? void 0 : a.appearance) == null ? void 0 : i.regular) || N.option.appearance.regular;
+  return /* @__PURE__ */ w(
     Ro,
     {
       id: d,
@@ -3654,12 +3654,12 @@ const O = {
           }
         ),
         /* @__PURE__ */ s(
-          A,
+          D,
           {
             margin: u ? "0 0 0 9px" : "0px",
             textAlign: "start",
             size: "medium",
-            appearance: g ? w : $,
+            appearance: g ? y : $,
             children: c
           }
         )
@@ -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__ */ k(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",
@@ -3785,7 +3785,7 @@ const jo = (e) => {
     )
   ] });
 };
-pt((e, t) => {
+ht((e, t) => {
   var l, o;
   const {
     displayList: n,
@@ -3801,23 +3801,23 @@ pt((e, t) => {
     name: b,
     onBlur: f,
     onChange: x,
-    onClick: w,
+    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, Ke = ee(Z), Bt = ((o = (l = Ke == null ? void 0 : Ke.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);
-  return /* @__PURE__ */ k(Oo, { $fullwidth: d, disabled: a, ref: t, children: [
-    p && /* @__PURE__ */ k(
-      E,
+  } = 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(
+      T,
       {
         alignItems: "center",
         margin: "0 0 4px 0",
@@ -3825,19 +3825,19 @@ pt((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",
@@ -3849,15 +3849,15 @@ pt((e, t) => {
         ]
       }
     ),
-    /* @__PURE__ */ k(
+    /* @__PURE__ */ w(
       Lo,
       {
         disabled: a,
         $focused: i,
         $invalid: h,
-        onClick: w,
+        onClick: y,
         $value: I,
-        $size: P,
+        $size: S,
         children: [
           /* @__PURE__ */ s(
             Po,
@@ -3866,22 +3866,22 @@ pt((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: $,
               onBlur: f,
               onChange: x,
-              onClick: w,
+              onClick: y,
               onKeyUp: V,
-              readOnly: R
+              readOnly: F
             }
           ),
-          /* @__PURE__ */ k(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 @@ pt((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
           },
@@ -4015,7 +4015,7 @@ const Ho = v.div`
     height: 14px;
     margin-top: 8px;
   }
-`, dt = (e) => {
+`, ut = (e) => {
   var t, l, o, n;
   const {
     label: a,
@@ -4030,30 +4030,30 @@ const Ho = v.div`
     size: b = "wide",
     fullwidth: f = !1,
     onFocus: x,
-    onBlur: w
-  } = e, [$, C] = J(!1), T = (V) => {
+    onBlur: y
+  } = 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 {
-      w && w(V);
+      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;
-  return /* @__PURE__ */ k(Ho, { $fullwidth: f, $disabled: c, $size: b, children: [
-    /* @__PURE__ */ k(
+  }, 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,
       {
         $alignItems: "center",
@@ -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,17 +4107,17 @@ const Ho = v.div`
             $status: g,
             $fullwidth: f,
             $focused: $,
-            onChange: R,
-            onFocus: T,
-            onBlur: D
+            onChange: F,
+            onFocus: E,
+            onBlur: R
           }
         )
       }
     ),
-    g === "invalid" && !c && m && /* @__PURE__ */ k(qo, { children: [
+    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",
@@ -4261,7 +4261,7 @@ v.div`
 
   ${({ $animated: e, theme: t, $appearance: l }) => {
   var o, n;
-  return e && He`
+  return e && _e`
       position: relative;
       overflow: hidden;
       background: ${((n = (o = t == null ? void 0 : t.progressbar) == null ? void 0 : o[l]) == null ? void 0 : n.animation.color) || se[l].animation.color};
@@ -4424,7 +4424,7 @@ const Ft = {
   return ((l = (t = e == null ? void 0 : e.menu) == null ? void 0 : t.background) == null ? void 0 : l.color) || Ft.background.color;
 }};
 `;
-pt((e, t) => {
+ht((e, t) => {
   const { children: l, width: o = "fit-content" } = e;
   return /* @__PURE__ */ s(Yo, { ref: t, $width: o, children: l });
 });
@@ -4520,11 +4520,17 @@ const Xo = (e) => {
     messageEnd: p = "",
     statusStart: g = "pending",
     statusEnd: m = "pending"
-  } = e, [b, f] = J(i), [x, w] = J(c), [$, C] = J(u);
-  return /* @__PURE__ */ k(he, { children: [
-    /* @__PURE__ */ k(E, { direction: "row", justifyContent: "space-between", margin: "10px 0", children: [
-      /* @__PURE__ */ s(E, { children: /* @__PURE__ */ s(
-        A,
+  } = 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(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__ */ k(E, { justifyContent: "space-between", gap: "24px", children: [
-      /* @__PURE__ */ s(E, { width: "189px", children: /* @__PURE__ */ s(
-        dt,
-        {
-          id: "dateStart",
-          label: n,
-          onChange: (S) => {
-            w(S.target.value), t(S);
-          },
-          value: x,
-          required: d,
-          size: "compact",
-          status: g,
-          message: h
-        }
-      ) }),
-      b && /* @__PURE__ */ s(E, { width: "189px", children: /* @__PURE__ */ s(
-        dt,
-        {
-          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 {
@@ -4622,10 +4630,10 @@ const Xo = (e) => {
   } = e, [c, u] = J(t), h = (p) => {
     u(p.target.checked), o(p);
   };
-  return ht(() => {
+  return vt(() => {
     u(t);
-  }, [t]), /* @__PURE__ */ k(he, { children: [
-    /* @__PURE__ */ s(E, { children: /* @__PURE__ */ s(
+  }, [t]), /* @__PURE__ */ w(he, { children: [
+    /* @__PURE__ */ s(T, { children: /* @__PURE__ */ s(
       Dt,
       {
         checked: c,
@@ -4634,13 +4642,13 @@ 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 })
   ] });
 }, Zo = (e) => ({
-  schema: vt().test(
+  schema: gt().test(
     "isArrayOrString",
     "Must be an array of strings/numbers or a single string",
     (t) => Array.isArray(t) ? t.every(
@@ -4649,7 +4657,7 @@ const Xo = (e) => {
   ),
   value: e
 }), er = (e) => ({
-  schema: vt().test(
+  schema: gt().test(
     "isArrayOrString",
     "Must be an array of strings/numbers or a single string",
     (t) => Array.isArray(t) ? t.every(
@@ -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,14 +4681,14 @@ 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: _e().required("Required"),
+  schema: Ue().required("Required"),
   value: e
 }, lr = (e) => ({
-  schema: _e().required("Required").test(
+  schema: Ue().required("Required").test(
     "non-empty",
     "Value cannot be empty",
     (t) => t != null && t.trim() !== ""
@@ -4690,10 +4698,10 @@ 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
-}, ut = (e) => or[e] || lr;
+  [B.GREATER_THAN]: Pe,
+  [B.LESS_THAN]: Pe,
+  [B.EQUAL]: Pe
+}, ct = (e) => or[e] || lr;
 function rr({ decision: e, onSubmitEvent: t }) {
   const l = {
     ruleName: e.ruleName || "",
@@ -4706,9 +4714,9 @@ function rr({ decision: e, onSubmitEvent: t }) {
     conditionThatEstablishesTheDecision: {},
     checkClosed: !1
   }, o = ye({
-    ruleName: _e().required("Name is required"),
-    effectiveFrom: Ze().required("effective From date is required"),
-    validUntil: Ze().when(
+    ruleName: Ue().required("Name is required"),
+    effectiveFrom: et().required("effective From date is required"),
+    validUntil: et().when(
       "checkClosed",
       (i, d, { parent: c }) => (c == null ? void 0 : c.checkClosed) ? d.required("valid Until date is required").test(
         "is-after-startDate",
@@ -4719,17 +4727,17 @@ function rr({ decision: e, onSubmitEvent: t }) {
         }
       ) : d.notRequired()
     ),
-    value: Qe(() => ut(n.values.howToSetTheDecision)(
+    value: Ze(() => ct(n.values.howToSetTheDecision)(
       n.values.value,
       n.values.decisionDataType
     ).schema),
-    conditionThatEstablishesTheDecision: Qe((i, { parent: d }) => {
+    conditionThatEstablishesTheDecision: Ze((i, { parent: d }) => {
       var h;
       if ((d == null ? void 0 : d.toggleNone) && Object.keys(d.conditionThatEstablishesTheDecision || {}).length > 0) return ye().shape({});
       const u = (h = e.conditionThatEstablishesTheDecision) == null ? void 0 : h.reduce(
         (p, g) => {
           if (n.values.conditionThatEstablishesTheDecision[g.conditionName] !== void 0) {
-            const b = ut(g.howToSetTheCondition);
+            const b = ct(g.howToSetTheCondition);
             p[g.conditionName] = b(
               g.value,
               g.conditionDataType
@@ -4802,29 +4810,29 @@ const nr = (e) => {
     decisionDataType: t.decisionDataType,
     listOfPossibleValues: t.listOfPossibleValues
   };
-  return /* @__PURE__ */ s("form", { onSubmit: a.handleSubmit, children: /* @__PURE__ */ k(E, { direction: "column", gap: "24px", children: [
-    Je({
+  return /* @__PURE__ */ s("form", { onSubmit: a.handleSubmit, children: /* @__PURE__ */ w(T, { direction: "column", gap: "24px", children: [
+    Qe({
       condition: d,
       formik: a,
       isDecision: !0
     }),
     /* @__PURE__ */ s(re, { dashed: !0 }),
-    /* @__PURE__ */ s(Ko, { children: /* @__PURE__ */ s(Jo, { children: /* @__PURE__ */ k(
-      E,
+    /* @__PURE__ */ s(Ko, { children: /* @__PURE__ */ s(Jo, { children: /* @__PURE__ */ w(
+      T,
       {
         direction: "column",
         padding: "6px 12px",
         gap: "16px",
         height: "272px",
         children: [
-          /* @__PURE__ */ k(
-            E,
+          /* @__PURE__ */ w(
+            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,
               {
@@ -4864,7 +4872,7 @@ const nr = (e) => {
                     );
                   }
                 },
-                children: Je({ condition: u, formik: a })
+                children: Qe({ condition: u, formik: a })
               },
               u.conditionName
             )
@@ -4893,18 +4901,18 @@ 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__ */ k(E, { direction: "row", justifyContent: "end", gap: "16px", children: [
-      /* @__PURE__ */ s(it, { appearance: "gray", onClick: n, children: o.cancel }),
-      /* @__PURE__ */ s(it, { type: "submit", children: o.confirm })
+    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 })
     ] })
   ] }) });
-}, ct = v.div`
+}, st = v.div`
   & > div {
     border-radius: 8px;
     border: 1px solid ${te.palette.neutral.N30};
   }
-`, st = v.div`
+`, pt = v.div`
   width: 100%;
   height: 100%;
   overflow-y: auto;
@@ -4946,8 +4954,8 @@ const Ot = (e) => {
     value: pe(t),
     howToSetTheDecision: (t == null ? void 0 : t.howToSetTheDecision) || "EqualTo"
   };
-  return !l && t && o ? /* @__PURE__ */ k(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,
@@ -4956,8 +4964,8 @@ const Ot = (e) => {
       }
     ) }, t.ruleName),
     /* @__PURE__ */ s(re, { dashed: !0 }),
-    /* @__PURE__ */ s(st, { children: /* @__PURE__ */ k(
-      E,
+    /* @__PURE__ */ s(pt, { children: /* @__PURE__ */ w(
+      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(ct, { 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__ */ k(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__ */ k(E, { direction: "column", gap: "12px", children: [
-    /* @__PURE__ */ k(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__ */ k(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(st, { children: /* @__PURE__ */ s(
-      E,
+    /* @__PURE__ */ s(pt, { children: /* @__PURE__ */ s(
+      T,
       {
         direction: "column",
         gap: "12px",
         justifyContent: "space-between",
         height: "203px",
-        children: Array.from({ length: 5 }).map((a, i) => /* @__PURE__ */ s(ct, { children: /* @__PURE__ */ k(
-          E,
+        children: Array.from({ length: 5 }).map((a, i) => /* @__PURE__ */ s(st, { children: /* @__PURE__ */ w(
+          T,
           {
             direction: "column",
             gap: "12px",
@@ -5095,13 +5103,13 @@ v.div`
     border-radius: 8px;
   }
 `;
-const Xe = (e) => {
+const Ke = (e) => {
   const { children: t, controls: l = !0, handleDelete: o, id: n } = e;
-  return /* @__PURE__ */ s(vr, { children: /* @__PURE__ */ k(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__ */ k(he, { children: [
+    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 Xe = (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__ */ k(E, { direction: "column", gap: "24px", children: [
-      /* @__PURE__ */ s(E, { direction: "column", gap: "24px", children: /* @__PURE__ */ k(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
@@ -5243,7 +5251,7 @@ function kr({
   handleOpenModal: t
 }) {
   return /* @__PURE__ */ s(
-    Xe,
+    Ke,
     {
       id: `loading-card-${e}`,
       handleDelete: () => {
@@ -5262,10 +5270,10 @@ function wr({
   handleDelete: o,
   textValues: n
 }) {
-  return e ? /* @__PURE__ */ s(Lt, { children: /* @__PURE__ */ k(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(
-      Xe,
+      Ke,
       {
         id: e.decisionId,
         handleDelete: () => o ? o(e.decisionId) : null,
@@ -5281,23 +5289,23 @@ function Nr({
   handleOpenModal: t,
   customTitleContentAddCard: l
 }) {
-  return /* @__PURE__ */ s(Lt, { children: /* @__PURE__ */ k(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,
       {
         onClick: () => t ? t() : null,
         children: /* @__PURE__ */ s(
-          Xe,
+          Ke,
           {
             id: `add-decision-${e}`,
             handleDelete: () => {
             },
             handleView: () => t ? t() : null,
             controls: !1,
-            children: /* @__PURE__ */ k(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" })
             ] })
           }
         )
@@ -5310,7 +5318,7 @@ const Cr = {
   decision: wr,
   add: Nr
 };
-function je(e) {
+function He(e) {
   const { type: t } = e, l = Cr[t];
   return l ? l(e) : null;
 }
@@ -5324,7 +5332,7 @@ function Er({
   textValues: i
 }) {
   const d = o ? Array.from({ length: 3 }).map(
-    (u, h) => je({
+    (u, h) => He({
       type: "loading",
       index: h,
       controls: e,
@@ -5335,7 +5343,7 @@ function Er({
       textValues: i
     })
   ) : l.map(
-    (u) => je({
+    (u) => He({
       type: "decision",
       decision: u,
       controls: e,
@@ -5363,7 +5371,7 @@ const Br = (e) => {
     handleCloseModal: p,
     handleSubmitForm: g,
     handleDelete: m
-  } = e, b = At("(max-width: 681px)"), { renderedCards: f, shouldRenderAddCard: x } = Er({
+  } = e, b = Te("(max-width: 681px)"), f = Te("(max-width: 400px)"), { renderedCards: x, shouldRenderAddCard: y } = Er({
     controls: t,
     customTitleContentAddCard: l,
     decisions: n,
@@ -5372,14 +5380,13 @@ const Br = (e) => {
     handleDelete: m,
     textValues: a
   });
-  return /* @__PURE__ */ k(he, { children: [
-    /* @__PURE__ */ s($r, { children: /* @__PURE__ */ s(xr, { children: /* @__PURE__ */ k(E, { direction: "column", gap: "16px", padding: "6px", children: [
-      n.length === 0 && !u && /* @__PURE__ */ k(A, { as: "span", type: "label", size: "large", appearance: "gray", children: [
+  return /* @__PURE__ */ w(he, { 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__ */ k(
-          A,
+        /* @__PURE__ */ w(
+          D,
           {
             as: "span",
             type: "label",
@@ -5393,13 +5400,12 @@ const Br = (e) => {
             ]
           }
         ),
-        " ",
         "para empezar."
       ] }),
-      /* @__PURE__ */ k(
-        zt,
+      /* @__PURE__ */ w(
+        At,
         {
-          templateColumns: "repeat(auto-fill, minmax(300px, 1fr))",
+          templateColumns: f ? "repeat(auto-fill, minmax(200px, 1fr))" : "repeat(auto-fill, minmax(300px, 1fr))",
           autoFlow: "row dense",
           gap: "24px",
           alignItems: "start",
@@ -5409,8 +5415,8 @@ const Br = (e) => {
           padding: "6px",
           height: b ? "auto" : "484px",
           children: [
-            f,
-            x && je({
+            x,
+            y && He({
               type: "add",
               index: n.length,
               controls: t,
@@ -5509,7 +5515,7 @@ const Br = (e) => {
   } : t;
 });
 export {
-  Xe as BusinessRuleCard,
+  Ke as BusinessRuleCard,
   Ot as BusinessRuleView,
   Br as BusinessRules,
   mr as ModalRules,