npm - @isettingkit/business-rules - Versions diffs - 0.1.38 → 0.1.40 - Mend

@isettingkit/business-rules 0.1.38 → 0.1.40

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2) hide show

package/dist/index.es.js +1080 -889
package/package.json +4 -4

package/dist/index.es.js CHANGED Viewed

@@ -1,14 +1,13 @@
-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 gt, object as ye, number as Be, string as Ue, lazy as Ze, date as et } from "yup";
+import { jsxs as w, jsx as s, Fragment as pe } from "react/jsx-runtime";
+import { ValueDataType as re, ValueHowToSetUp as j, DecisionConditionRender as Je } from "@isettingkit/input";
+import v, { keyframes as ie, css as He, ThemeContext as Z } from "styled-components";
+import * as y from "react";
+import le, { createContext as It, forwardRef as pt, useContext as ee, useState as J, useEffect as ht } from "react";
+import { createPortal as Vt } from "react-dom";
+import { useFormik as _t } from "formik";
+import { mixed as vt, object as ye, number as Le, string as Ue, lazy as Qe, date as Ze } from "yup";
 import { DecisionViewConditionRenderer as me } from "@isettingkit/view";
-import { MdOutlineDelete as _t, MdClear as Ut, MdAdd as Mt } from "react-icons/md";
+import { MdOutlineDelete as Ht, MdClear as Ut, MdAdd as Mt } from "react-icons/md";
 /**
  * @remix-run/router v1.23.0
  *
@@ -19,20 +18,20 @@ import { MdOutlineDelete as _t, MdClear as Ut, MdAdd as Mt } from "react-icons/m
  *
  * @license MIT
  */
-function Ie() {
-  return Ie = Object.assign ? Object.assign.bind() : function(e) {
+function Be() {
+  return Be = 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;
-  }, Ie.apply(this, arguments);
+  }, Be.apply(this, arguments);
 }
-var tt;
+var et;
 (function(e) {
   e.Pop = "POP", e.Push = "PUSH", e.Replace = "REPLACE";
-})(tt || (tt = {}));
+})(et || (et = {}));
 function z(e, t) {
   if (e === !1 || e === null || typeof e > "u")
     throw new Error(t);
@@ -46,7 +45,7 @@ function ve(e, t) {
     }
   }
 }
-function Ve(e) {
+function je(e) {
   let {
     pathname: t = "/",
     search: l = "",
@@ -54,7 +53,7 @@ function Ve(e) {
   } = e;
   return l && l !== "?" && (t += l.charAt(0) === "?" ? l : "?" + l), o && o !== "#" && (t += o.charAt(0) === "#" ? o : "#" + o), t;
 }
-function bt(e) {
+function gt(e) {
   let t = {};
   if (e) {
     let l = e.indexOf("#");
@@ -64,11 +63,11 @@ function bt(e) {
   }
   return t;
 }
-var lt;
+var tt;
 (function(e) {
   e.data = "data", e.deferred = "deferred", e.redirect = "redirect", e.error = "error";
-})(lt || (lt = {}));
-function ot(e, t) {
+})(tt || (tt = {}));
+function lt(e, t) {
   typeof e == "string" && (e = {
     path: e,
     caseSensitive: !1,
@@ -78,7 +77,7 @@ function ot(e, t) {
   if (!n) return null;
   let a = n[0], i = a.replace(/(.)\/+$/, "$1"), d = n.slice(1);
   return {
-    params: o.reduce((u, h, p) => {
+    params: o.reduce((c, h, p) => {
       let {
         paramName: g,
         isOptional: m
@@ -88,7 +87,7 @@ function ot(e, t) {
         i = a.slice(0, a.length - f.length).replace(/(.)\/+$/, "$1");
       }
       const b = d[p];
-      return m && !b ? u[g] = void 0 : u[g] = (b || "").replace(/%2F/g, "/"), u;
+      return m && !b ? c[g] = void 0 : c[g] = (b || "").replace(/%2F/g, "/"), c;
     }, {}),
     pathname: a,
     pathnameBase: i,
@@ -97,15 +96,15 @@ function ot(e, t) {
 }
 function qt(e, t, l) {
   t === void 0 && (t = !1), l === void 0 && (l = !0), ve(e === "*" || !e.endsWith("*") || e.endsWith("/*"), 'Route path "' + e + '" will be treated as if it were ' + ('"' + e.replace(/\*$/, "/*") + '" because the `*` character must ') + "always follow a `/` in the pattern. To get rid of this warning, " + ('please change the route path to "' + e.replace(/\*$/, "/*") + '".'));
-  let o = [], n = "^" + e.replace(/\/*\*?$/, "").replace(/^\/*/, "/").replace(/[\\.*+^${}|()[\]]/g, "\\$&").replace(/\/:([\w-]+)(\?)?/g, (i, d, c) => (o.push({
+  let o = [], n = "^" + e.replace(/\/*\*?$/, "").replace(/^\/*/, "/").replace(/[\\.*+^${}|()[\]]/g, "\\$&").replace(/\/:([\w-]+)(\?)?/g, (i, d, u) => (o.push({
     paramName: d,
-    isOptional: c != null
-  }), c ? "/?([^\\/]+)?" : "/([^\\/]+)"));
+    isOptional: u != null
+  }), u ? "/?([^\\/]+)?" : "/([^\\/]+)"));
   return e.endsWith("*") ? (o.push({
     paramName: "*"
   }), n += e === "*" || e === "/*" ? "(.*)$" : "(?:\\/(.+)|\\/*)$") : l ? n += "\\/*$" : e !== "" && e !== "/" && (n += "(?:(?=\\/|$))"), [new RegExp(n, t ? void 0 : "i"), o];
 }
-function ae(e, t) {
+function ne(e, t) {
   if (t === "/") return e;
   if (!e.toLowerCase().startsWith(t.toLowerCase()))
     return null;
@@ -118,11 +117,11 @@ function Gt(e, t) {
     pathname: l,
     search: o = "",
     hash: n = ""
-  } = typeof e == "string" ? bt(e) : e;
+  } = typeof e == "string" ? gt(e) : e;
   return {
     pathname: l ? l.startsWith("/") ? l : Yt(l, t) : t,
-    search: Xt(o),
-    hash: Kt(n)
+    search: Kt(o),
+    hash: Xt(n)
   };
 }
 function Yt(e, t) {
@@ -131,20 +130,20 @@ function Yt(e, t) {
     n === ".." ? l.length > 1 && l.pop() : n !== "." && l.push(n);
   }), l.length > 1 ? l.join("/") : "/";
 }
-function Fe(e, t, l, o) {
+function Ae(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 mt(e, t) {
+function bt(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 ft(e, t, l, o) {
+function mt(e, t, l, o) {
   o === void 0 && (o = !1);
   let 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)));
+  typeof e == "string" ? n = gt(e) : (n = Be({}, e), z(!n.pathname || !n.pathname.includes("?"), Ae("?", "pathname", "search", n)), z(!n.pathname || !n.pathname.includes("#"), Ae("#", "pathname", "hash", n)), z(!n.search || !n.search.includes("#"), Ae("#", "search", "hash", n)));
   let a = e === "" || n.pathname === "", i = a ? "/" : n.pathname, d;
   if (i == null)
     d = l;
@@ -158,12 +157,12 @@ function ft(e, t, l, o) {
     }
     d = p >= 0 ? t[p] : "/";
   }
-  let c = Gt(n, d), u = i && i !== "/" && i.endsWith("/"), h = (a || i === ".") && l.endsWith("/");
-  return !c.pathname.endsWith("/") && (u || h) && (c.pathname += "/"), c;
+  let u = Gt(n, d), c = i && i !== "/" && i.endsWith("/"), h = (a || i === ".") && l.endsWith("/");
+  return !u.pathname.endsWith("/") && (c || h) && (u.pathname += "/"), u;
 }
-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];
+const Me = (e) => e.join("/").replace(/\/\/+/g, "/"), Kt = (e) => !e || e === "?" ? "" : e.startsWith("?") ? e : "?" + e, Xt = (e) => !e || e === "#" ? "" : e.startsWith("#") ? e : "#" + e, ft = ["post", "put", "patch", "delete"];
+new Set(ft);
+const Jt = ["get", ...ft];
 new Set(Jt);
 /**
  * React Router v6.30.0
@@ -175,33 +174,33 @@ new Set(Jt);
  *
  * @license MIT
  */
-function je() {
-  return je = 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;
-  }, je.apply(this, arguments);
+  }, Ie.apply(this, arguments);
 }
-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);
+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);
 process.env.NODE_ENV !== "production" && (Qt.displayName = "Await");
-const G = /* @__PURE__ */ k.createContext(null);
-process.env.NODE_ENV !== "production" && (G.displayName = "Navigation");
-const qe = /* @__PURE__ */ k.createContext(null);
+const Y = /* @__PURE__ */ y.createContext(null);
+process.env.NODE_ENV !== "production" && (Y.displayName = "Navigation");
+const qe = /* @__PURE__ */ y.createContext(null);
 process.env.NODE_ENV !== "production" && (qe.displayName = "Location");
-const ue = /* @__PURE__ */ k.createContext({
+const de = /* @__PURE__ */ y.createContext({
   outlet: null,
   matches: [],
   isDataRoute: !1
 });
-process.env.NODE_ENV !== "production" && (ue.displayName = "Route");
-const Zt = /* @__PURE__ */ k.createContext(null);
+process.env.NODE_ENV !== "production" && (de.displayName = "Route");
+const Zt = /* @__PURE__ */ y.createContext(null);
 process.env.NODE_ENV !== "production" && (Zt.displayName = "RouteError");
 function el(e, t) {
   let {
@@ -216,21 +215,21 @@ function el(e, t) {
   let {
     basename: o,
     navigator: n
-  } = k.useContext(G), {
+  } = y.useContext(Y), {
     hash: a,
     pathname: i,
     search: d
   } = be(e, {
     relative: l
-  }), c = i;
-  return o !== "/" && (c = i === "/" ? o : Me([o, i])), n.createHref({
-    pathname: c,
+  }), u = i;
+  return o !== "/" && (u = i === "/" ? o : Me([o, i])), n.createHref({
+    pathname: u,
     search: d,
     hash: a
   });
 }
 function Ge() {
-  return k.useContext(qe) != null;
+  return y.useContext(qe) != null;
 }
 function ge() {
   return Ge() || (process.env.NODE_ENV !== "production" ? z(
@@ -238,16 +237,16 @@ function ge() {
     // 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)), k.useContext(qe).location;
+  ) : z(!1)), y.useContext(qe).location;
 }
-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);
+const $t = "You should call navigate() in a React.useEffect(), not when your component is first rendered.";
+function yt(e) {
+  y.useContext(Y).static || y.useLayoutEffect(e);
 }
 function tl() {
   let {
     isDataRoute: e
-  } = k.useContext(ue);
+  } = y.useContext(de);
   return e ? al() : ll();
 }
 function ll() {
@@ -257,24 +256,24 @@ function ll() {
     // router loaded. We can help them understand how to avoid that.
     "useNavigate() may be used only in the context of a <Router> component."
   ) : z(!1));
-  let e = k.useContext(ze), {
+  let e = y.useContext(Se), {
     basename: t,
     future: l,
     navigator: o
-  } = k.useContext(G), {
+  } = y.useContext(Y), {
     matches: n
-  } = k.useContext(ue), {
+  } = y.useContext(de), {
     pathname: a
-  } = ge(), i = JSON.stringify(mt(n, l.v7_relativeSplatPath)), d = k.useRef(!1);
-  return kt(() => {
+  } = ge(), i = JSON.stringify(bt(n, l.v7_relativeSplatPath)), d = y.useRef(!1);
+  return yt(() => {
     d.current = !0;
-  }), k.useCallback(function(u, h) {
-    if (h === void 0 && (h = {}), process.env.NODE_ENV !== "production" && ve(d.current, yt), !d.current) return;
-    if (typeof u == "number") {
-      o.go(u);
+  }), y.useCallback(function(c, h) {
+    if (h === void 0 && (h = {}), process.env.NODE_ENV !== "production" && ve(d.current, $t), !d.current) return;
+    if (typeof c == "number") {
+      o.go(c);
       return;
     }
-    let p = ft(u, JSON.parse(i), a, h.relative === "path");
+    let p = mt(c, 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]);
 }
@@ -283,44 +282,44 @@ function be(e, t) {
     relative: l
   } = t === void 0 ? {} : t, {
     future: o
-  } = k.useContext(G), {
+  } = y.useContext(Y), {
     matches: n
-  } = k.useContext(ue), {
+  } = y.useContext(de), {
     pathname: a
-  } = ge(), i = JSON.stringify(mt(n, o.v7_relativeSplatPath));
-  return k.useMemo(() => ft(e, JSON.parse(i), a, l === "path"), [e, i, a, l]);
+  } = ge(), i = JSON.stringify(bt(n, o.v7_relativeSplatPath));
+  return y.useMemo(() => mt(e, JSON.parse(i), a, l === "path"), [e, i, a, l]);
 }
-var wt = /* @__PURE__ */ function(e) {
+var kt = /* @__PURE__ */ function(e) {
   return e.UseBlocker = "useBlocker", e.UseRevalidator = "useRevalidator", e.UseNavigateStable = "useNavigate", e;
-}(wt || {}), Ye = /* @__PURE__ */ function(e) {
+}(kt || {}), 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;
 }(Ye || {});
-function Nt(e) {
+function wt(e) {
   return e + " must be used within a data router.  See https://reactrouter.com/v6/routers/picking-a-router.";
 }
 function ol(e) {
-  let t = k.useContext(ze);
-  return t || (process.env.NODE_ENV !== "production" ? z(!1, Nt(e)) : z(!1)), t;
+  let t = y.useContext(Se);
+  return t || (process.env.NODE_ENV !== "production" ? z(!1, wt(e)) : z(!1)), t;
 }
 function rl(e) {
-  let t = k.useContext(ue);
-  return t || (process.env.NODE_ENV !== "production" ? z(!1, Nt(e)) : z(!1)), t;
+  let t = y.useContext(de);
+  return t || (process.env.NODE_ENV !== "production" ? z(!1, wt(e)) : z(!1)), t;
 }
-function Ct(e) {
+function Nt(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 Ct(Ye.UseRouteId);
+  return Nt(Ye.UseRouteId);
 }
 function al() {
   let {
     router: e
-  } = ol(wt.UseNavigateStable), t = Ct(Ye.UseNavigateStable), l = k.useRef(!1);
-  return kt(() => {
+  } = ol(kt.UseNavigateStable), t = Nt(Ye.UseNavigateStable), l = y.useRef(!1);
+  return yt(() => {
     l.current = !0;
-  }), k.useCallback(function(n, a) {
-    a === void 0 && (a = {}), process.env.NODE_ENV !== "production" && ve(l.current, yt), l.current && (typeof n == "number" ? e.navigate(n) : e.navigate(n, je({
+  }), 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, Ie({
       fromRouteId: t
     }, a)));
   }, [e, t]);
@@ -337,15 +336,15 @@ new Promise(() => {
  *
  * @license MIT
  */
-function ie() {
-  return ie = Object.assign ? Object.assign.bind() : function(e) {
+function ae() {
+  return ae = 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;
-  }, ie.apply(this, arguments);
+  }, ae.apply(this, arguments);
 }
 function We(e, t) {
   if (e == null) return {};
@@ -355,25 +354,25 @@ function We(e, t) {
   return l;
 }
 const ke = "get", we = "application/x-www-form-urlencoded";
-function Ae(e) {
+function ze(e) {
   return e != null && typeof e.tagName == "string";
 }
 function il(e) {
-  return Ae(e) && e.tagName.toLowerCase() === "button";
+  return ze(e) && e.tagName.toLowerCase() === "button";
 }
 function dl(e) {
-  return Ae(e) && e.tagName.toLowerCase() === "form";
-}
-function ul(e) {
-  return Ae(e) && e.tagName.toLowerCase() === "input";
+  return ze(e) && e.tagName.toLowerCase() === "form";
 }
 function cl(e) {
+  return ze(e) && e.tagName.toLowerCase() === "input";
+}
+function ul(e) {
   return !!(e.metaKey || e.altKey || e.ctrlKey || e.shiftKey);
 }
 function sl(e, t) {
   return e.button === 0 && // Ignore everything but left clicks
   (!t || t === "_self") && // Let browser handle "target=_blank" etc.
-  !cl(e);
+  !ul(e);
 }
 let fe = null;
 function pl() {
@@ -390,32 +389,32 @@ function pl() {
   return fe;
 }
 const hl = /* @__PURE__ */ new Set(["application/x-www-form-urlencoded", "multipart/form-data", "text/plain"]);
-function Oe(e) {
+function Fe(e) {
   return e != null && !hl.has(e) ? (process.env.NODE_ENV !== "production" && ve(!1, '"' + e + '" is not a valid `encType` for `<Form>`/`<fetcher.Form>` ' + ('and will default to "' + we + '"')), null) : e;
 }
 function 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 = Oe(e.getAttribute("enctype")) || we, a = new FormData(e);
-  } else if (il(e) || ul(e) && (e.type === "submit" || e.type === "image")) {
+    o = d ? ne(d, t) : null, l = e.getAttribute("method") || ke, n = Fe(e.getAttribute("enctype")) || we, a = new FormData(e);
+  } else if (il(e) || cl(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 = Oe(e.getAttribute("formenctype")) || Oe(d.getAttribute("enctype")) || we, a = new FormData(d, e), !pl()) {
+    let u = e.getAttribute("formaction") || d.getAttribute("action");
+    if (o = u ? ne(u, 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()) {
       let {
-        name: u,
+        name: c,
         type: h,
         value: p
       } = e;
       if (h === "image") {
-        let g = u ? u + "." : "";
+        let g = c ? c + "." : "";
         a.append(g + "x", "0"), a.append(g + "y", "0");
-      } else u && a.append(u, p);
+      } else c && a.append(c, p);
     }
   } else {
-    if (Ae(e))
+    if (ze(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,96 +431,96 @@ try {
   window.__reactRouterVersion = fl;
 } catch {
 }
-const Et = /* @__PURE__ */ k.createContext({
+const Ct = /* @__PURE__ */ y.createContext({
   isTransitioning: !1
 });
-process.env.NODE_ENV !== "production" && (Et.displayName = "ViewTransition");
-const xl = /* @__PURE__ */ k.createContext(/* @__PURE__ */ new Map());
+process.env.NODE_ENV !== "production" && (Ct.displayName = "ViewTransition");
+const xl = /* @__PURE__ */ y.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__ */ k.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, W = /* @__PURE__ */ y.forwardRef(function(t, l) {
   let {
     onClick: o,
     relative: n,
     reloadDocument: a,
     replace: i,
     state: d,
-    target: c,
-    to: u,
+    target: u,
+    to: c,
     preventScrollReset: h,
     viewTransition: p
   } = t, g = We(t, gl), {
     basename: m
-  } = k.useContext(G), b, f = !1;
-  if (typeof u == "string" && yl.test(u) && (b = u, $l))
+  } = y.useContext(Y), b, f = !1;
+  if (typeof c == "string" && yl.test(c) && (b = c, $l))
     try {
-      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;
+      let C = new URL(window.location.href), E = c.startsWith("//") ? new URL(C.protocol + c) : new URL(c), A = ne(E.pathname, m);
+      E.origin === C.origin && A != null ? c = A + E.search + E.hash : f = !0;
     } catch {
-      process.env.NODE_ENV !== "production" && ve(!1, '<Link to="' + u + '"> contains an invalid URL which will probably break when clicked - please update to a valid URL path.');
+      process.env.NODE_ENV !== "production" && ve(!1, '<Link to="' + c + '"> contains an invalid URL which will probably break when clicked - please update to a valid URL path.');
     }
-  let x = el(u, {
+  let x = el(c, {
     relative: n
-  }), y = Cl(u, {
+  }), k = Cl(c, {
     replace: i,
     state: d,
-    target: c,
+    target: u,
     preventScrollReset: h,
     relative: n,
     viewTransition: p
   });
   function $(C) {
-    o && o(C), C.defaultPrevented || y(C);
+    o && o(C), C.defaultPrevented || k(C);
   }
   return (
     // eslint-disable-next-line jsx-a11y/anchor-has-content
-    /* @__PURE__ */ k.createElement("a", ie({}, g, {
+    /* @__PURE__ */ y.createElement("a", ae({}, g, {
       href: b || x,
       onClick: f || a ? o : $,
       ref: l,
-      target: c
+      target: u
     }))
   );
 });
-process.env.NODE_ENV !== "production" && (Y.displayName = "Link");
-const kl = /* @__PURE__ */ k.forwardRef(function(t, l) {
+process.env.NODE_ENV !== "production" && (W.displayName = "Link");
+const kl = /* @__PURE__ */ y.forwardRef(function(t, l) {
   let {
     "aria-current": o = "page",
     caseSensitive: n = !1,
     className: a = "",
     end: i = !1,
     style: d,
-    to: c,
-    viewTransition: u,
+    to: u,
+    viewTransition: c,
     children: h
-  } = t, p = We(t, bl), g = be(c, {
+  } = t, p = We(t, bl), g = be(u, {
     relative: p.relative
-  }), m = ge(), b = k.useContext($t), {
+  }), m = ge(), b = y.useContext(xt), {
     navigator: f,
     basename: x
-  } = k.useContext(G), y = b != null && // Conditional usage is OK here because the usage of a data router is static
+  } = y.useContext(Y), k = 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, 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 = {
+  Rl(g) && c === !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 = ne(E, x) || E);
+  const A = $ !== "/" && $.endsWith("/") ? $.length - 1 : $.length;
+  let F = C === $ || !i && C.startsWith($) && C.charAt(A) === "/", D = 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, {
+    isPending: D,
+    isTransitioning: k
+  }, I = F ? o : void 0, P;
+  typeof a == "function" ? P = a(S) : P = [a, F ? "active" : null, D ? "pending" : null, k ? "transitioning" : null].filter(Boolean).join(" ");
+  let V = typeof d == "function" ? d(S) : d;
+  return /* @__PURE__ */ y.createElement(W, ae({}, p, {
     "aria-current": I,
-    className: V,
+    className: P,
     ref: l,
-    style: j,
-    to: c,
-    viewTransition: u
+    style: V,
+    to: u,
+    viewTransition: c
   }), typeof h == "function" ? h(S) : h);
 });
 process.env.NODE_ENV !== "production" && (kl.displayName = "NavLink");
-const wl = /* @__PURE__ */ k.forwardRef((e, t) => {
+const wl = /* @__PURE__ */ y.forwardRef((e, t) => {
   let {
     fetcherKey: l,
     navigate: o,
@@ -529,15 +528,15 @@ const wl = /* @__PURE__ */ k.forwardRef((e, t) => {
     replace: a,
     state: i,
     method: d = ke,
-    action: c,
-    onSubmit: u,
+    action: u,
+    onSubmit: c,
     relative: h,
     preventScrollReset: p,
     viewTransition: g
-  } = e, m = We(e, ml), b = zl(), f = Al(c, {
+  } = e, m = We(e, ml), b = zl(), f = Dl(u, {
     relative: h
-  }), x = d.toLowerCase() === "get" ? "get" : "post", y = ($) => {
-    if (u && u($), $.defaultPrevented) return;
+  }), x = d.toLowerCase() === "get" ? "get" : "post", k = ($) => {
+    if (c && c($), $.defaultPrevented) return;
     $.preventDefault();
     let C = $.nativeEvent.submitter, E = (C == null ? void 0 : C.getAttribute("formmethod")) || d;
     b(C || $.currentTarget, {
@@ -551,11 +550,11 @@ const wl = /* @__PURE__ */ k.forwardRef((e, t) => {
       viewTransition: g
     });
   };
-  return /* @__PURE__ */ k.createElement("form", ie({
+  return /* @__PURE__ */ y.createElement("form", ae({
     ref: t,
     method: x,
     action: f,
-    onSubmit: n ? u : y
+    onSubmit: n ? c : k
   }, m));
 });
 process.env.NODE_ENV !== "production" && (wl.displayName = "Form");
@@ -564,15 +563,15 @@ var Ne;
 (function(e) {
   e.UseScrollRestoration = "useScrollRestoration", e.UseSubmit = "useSubmit", e.UseSubmitFetcher = "useSubmitFetcher", e.UseFetcher = "useFetcher", e.useViewTransitionState = "useViewTransitionState";
 })(Ne || (Ne = {}));
-var rt;
+var ot;
 (function(e) {
   e.UseFetcher = "useFetcher", e.UseFetchers = "useFetchers", e.UseScrollRestoration = "useScrollRestoration";
-})(rt || (rt = {}));
+})(ot || (ot = {}));
 function Nl(e) {
   return e + " must be used within a data router.  See https://reactrouter.com/v6/routers/picking-a-router.";
 }
-function Tt(e) {
-  let t = k.useContext(ze);
+function Et(e) {
+  let t = y.useContext(Se);
   return t || (process.env.NODE_ENV !== "production" ? z(!1, Nl(e)) : z(!1)), t;
 }
 function Cl(e, t) {
@@ -583,14 +582,14 @@ function Cl(e, t) {
     preventScrollReset: a,
     relative: i,
     viewTransition: d
-  } = t === void 0 ? {} : t, c = tl(), u = ge(), h = be(e, {
+  } = t === void 0 ? {} : t, u = tl(), c = ge(), h = be(e, {
     relative: i
   });
-  return k.useCallback((p) => {
+  return y.useCallback((p) => {
     if (sl(p, l)) {
       p.preventDefault();
-      let g = o !== void 0 ? o : Ve(u) === Ve(h);
-      c(e, {
+      let g = o !== void 0 ? o : je(c) === je(h);
+      u(e, {
         replace: g,
         state: n,
         preventScrollReset: a,
@@ -598,7 +597,7 @@ function Cl(e, t) {
         viewTransition: d
       });
     }
-  }, [u, c, h, o, n, l, e, a, i, d]);
+  }, [c, u, h, o, n, l, e, a, i, d]);
 }
 function El() {
   if (typeof document > "u")
@@ -608,24 +607,24 @@ let Tl = 0, Sl = () => "__" + String(++Tl) + "__";
 function zl() {
   let {
     router: e
-  } = Tt(Ne.UseSubmit), {
+  } = Et(Ne.UseSubmit), {
     basename: t
-  } = k.useContext(G), l = nl();
-  return k.useCallback(function(o, n) {
+  } = y.useContext(Y), l = nl();
+  return y.useCallback(function(o, n) {
     n === void 0 && (n = {}), El();
     let {
       action: a,
       method: i,
       encType: d,
-      formData: c,
-      body: u
+      formData: u,
+      body: c
     } = vl(o, t);
     if (n.navigate === !1) {
       let h = n.fetcherKey || Sl();
       e.fetch(h, l, n.action || a, {
         preventScrollReset: n.preventScrollReset,
-        formData: c,
-        body: u,
+        formData: u,
+        body: c,
         formMethod: n.method || i,
         formEncType: n.encType || d,
         flushSync: n.flushSync
@@ -633,8 +632,8 @@ function zl() {
     } else
       e.navigate(n.action || a, {
         preventScrollReset: n.preventScrollReset,
-        formData: c,
-        body: u,
+        formData: u,
+        body: c,
         formMethod: n.method || i,
         formEncType: n.encType || d,
         replace: n.replace,
@@ -645,42 +644,42 @@ function zl() {
       });
   }, [e, t, l]);
 }
-function Al(e, t) {
+function Dl(e, t) {
   let {
     relative: l
   } = t === void 0 ? {} : t, {
     basename: o
-  } = k.useContext(G), n = k.useContext(ue);
+  } = y.useContext(Y), n = y.useContext(de);
   n || (process.env.NODE_ENV !== "production" ? z(!1, "useFormAction must be used inside a RouteContext") : z(!1));
-  let [a] = n.matches.slice(-1), i = ie({}, be(e || ".", {
+  let [a] = n.matches.slice(-1), i = ae({}, be(e || ".", {
     relative: l
   })), d = ge();
   if (e == null) {
     i.search = d.search;
-    let c = new URLSearchParams(i.search), u = c.getAll("index");
-    if (u.some((p) => p === "")) {
-      c.delete("index"), u.filter((g) => g).forEach((g) => c.append("index", g));
-      let p = c.toString();
+    let u = new URLSearchParams(i.search), c = u.getAll("index");
+    if (c.some((p) => p === "")) {
+      u.delete("index"), c.filter((g) => g).forEach((g) => u.append("index", g));
+      let p = u.toString();
       i.search = p ? "?" + p : "";
     }
   }
-  return (!e || e === ".") && a.route.index && (i.search = i.search ? i.search.replace(/^\?/, "?index&") : "?index"), o !== "/" && (i.pathname = i.pathname === "/" ? o : Me([o, i.pathname])), Ve(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])), je(i);
 }
-function Dl(e, t) {
+function Rl(e, t) {
   t === void 0 && (t = {});
-  let l = k.useContext(Et);
+  let l = y.useContext(Ct);
   l == null && (process.env.NODE_ENV !== "production" ? z(!1, "`useViewTransitionState` must be used within `react-router-dom`'s `RouterProvider`.  Did you accidentally import `RouterProvider` from `react-router`?") : z(!1));
   let {
     basename: o
-  } = Tt(Ne.useViewTransitionState), n = be(e, {
+  } = Et(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 ot(n.pathname, i) != null || ot(n.pathname, a) != null;
+  let a = ne(l.currentLocation.pathname, o) || l.currentLocation.pathname, i = ne(l.nextLocation.pathname, o) || l.nextLocation.pathname;
+  return lt(n.pathname, i) != null || lt(n.pathname, a) != null;
 }
-const Rl = {
+const Tt = {
   neutral: {
     N900: "#091E42",
     N500: "#42526E",
@@ -728,7 +727,7 @@ const Rl = {
     P300: "#6554C0",
     P50: "#EAE6FF"
   }
-}, Fl = {
+}, Al = {
   display: {
     large: {
       font: "Roboto",
@@ -830,9 +829,9 @@ const Rl = {
     }
   }
 }, r = {
-  palette: Rl,
-  typography: Fl
-}, P = {
+  palette: Tt,
+  typography: Al
+}, B = {
   primary: {
     content: {
       color: {
@@ -1017,7 +1016,7 @@ const Rl = {
       }
     }
   }
-}, Ol = v.figure`
+}, Fl = v.figure`
   display: inline-block;
   padding: 0px;
   margin: 0px;
@@ -1030,8 +1029,8 @@ const Rl = {
     padding: ${({ $spacing: e }) => e === "wide" ? "8px" : e === "compact" ? "4px" : "0px"};
     color: ${({ theme: e, $variant: t, $appearance: l, $parentHover: o, disabled: n }) => {
-  var a, i, d, c, u, h, p, g, m, b, f, x, y, $, C, 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;
+  var a, i, d, u, c, h, p, g, m, b, f, x, k, $, C, E;
+  return n ? ((u = (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 : u.disabled) || B[l].contrast.color.disabled : t !== "filled" ? o ? ((g = (p = (h = (c = e == null ? void 0 : e.icon) == null ? void 0 : c[l]) == null ? void 0 : h.content) == null ? void 0 : p.color) == null ? void 0 : g.hover) || B[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) || B[l].content.color.regular : ((E = (C = ($ = (k = e == null ? void 0 : e.icon) == null ? void 0 : k[l]) == null ? void 0 : $.contrast) == null ? void 0 : C.color) == null ? void 0 : E.regular) || B[l].contrast.color.regular;
 }};
     background-color: ${({
@@ -1041,9 +1040,9 @@ const Rl = {
   $parentHover: o,
   disabled: n
 }) => {
-  var a, i, d, c, u, h, p, g, m, b, f, x;
+  var a, i, d, u, c, 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) || 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;
+    return n ? ((u = (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 : u.disabled) || B[l].background.color.disabled : o ? ((g = (p = (h = (c = e == null ? void 0 : e.icon) == null ? void 0 : c[l]) == null ? void 0 : h.background) == null ? void 0 : p.color) == null ? void 0 : g.hover) || B[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) || B[l].background.color.regular;
 }};
     border-radius: ${({ $shape: e }) => e === "circle" ? "50%" : "8px"};
@@ -1056,8 +1055,8 @@ const Rl = {
   disabled: o,
   $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) || 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;
+  var a, i, d, u, c, h, p, g, m, b, f, x;
+  return o ? ((u = (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 : u.disabled) || B[t].content.color.disabled : l && n !== "filled" ? ((g = (p = (h = (c = e == null ? void 0 : e.icon) == null ? void 0 : c[t]) == null ? void 0 : h.content) == null ? void 0 : p.color) == null ? void 0 : g.hover) || B[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) || B[t].content.color.regular;
 }};
   }
@@ -1073,15 +1072,15 @@ const Rl = {
   disabled: o,
   $variant: n
 }) => {
-  var a, i, d, c;
+  var a, i, d, u;
   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) || P[l].content.color.hover;
+    return ((u = (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 : u.hover) || B[l].content.color.hover;
 }};
     color: ${({ theme: e, $cursorHover: t, $appearance: l, disabled: o, $variant: n }) => {
-  var a, i, d, c;
+  var a, i, d, u;
   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) || P[l].content.color.hover;
+    return ((u = (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 : u.hover) || B[l].content.color.hover;
 }};
     background-color: ${({
@@ -1091,12 +1090,12 @@ const Rl = {
   $cursorHover: o,
   disabled: n
 }) => {
-  var a, i, d, c;
+  var a, i, d, u;
   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) || P[l].background.color.hover;
+    return ((u = (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 : u.hover) || B[l].background.color.hover;
 }};
   }
-`, q = (e) => {
+`, G = (e) => {
   const {
     appearance: t,
     cursorHover: l,
@@ -1105,12 +1104,12 @@ const Rl = {
     disabled: a,
     spacing: i,
     variant: d = "none",
-    shape: c,
-    size: u = "24px",
+    shape: u,
+    size: c = "24px",
     onClick: h
   } = e;
   return /* @__PURE__ */ s(
-    Ol,
+    Fl,
     {
       $appearance: t,
       $cursorHover: l,
@@ -1118,8 +1117,8 @@ const Rl = {
       disabled: a,
       $spacing: i,
       $variant: d,
-      $shape: c,
-      $size: u,
+      $shape: u,
+      $size: c,
       onClick: a ? void 0 : (p) => {
         try {
           h && h(p);
@@ -1203,7 +1202,7 @@ const Rl = {
       }
     }
   }
-}, Ll = v.p`
+}, Ol = v.p`
   font-family: ${({ theme: e, $type: t, $size: l }) => {
   var o, n, a;
   return ((a = (n = (o = e == null ? void 0 : e.typography) == null ? void 0 : o[t]) == null ? void 0 : n[l]) == null ? void 0 : a.font) || "Roboto";
@@ -1217,8 +1216,8 @@ const Rl = {
   padding: ${({ $padding: e }) => e};
   text-align: ${({ $textAlign: e }) => e};
   color: ${({ theme: e, $appearance: t, $disabled: l, $parentHover: o }) => {
-  var n, a, i, d, c, u, h, p, g, m, b, f;
-  return l ? ((d = (i = (a = (n = e == null ? void 0 : e.text) == null ? void 0 : n[t]) == null ? void 0 : a.content) == null ? void 0 : i.color) == null ? void 0 : d.disabled) || H[t].content.color.disabled : o ? ((p = (h = (u = (c = e == null ? void 0 : e.text) == null ? void 0 : c[t]) == null ? void 0 : u.content) == null ? void 0 : h.color) == null ? void 0 : p.hover) || H[t].content.color.hover : ((f = (b = (m = (g = e == null ? void 0 : e.text) == null ? void 0 : g[t]) == null ? void 0 : m.content) == null ? void 0 : b.color) == null ? void 0 : f.regular) || H[t].content.color.regular;
+  var n, a, i, d, u, c, h, p, g, m, b, f;
+  return l ? ((d = (i = (a = (n = e == null ? void 0 : e.text) == null ? void 0 : n[t]) == null ? void 0 : a.content) == null ? void 0 : i.color) == null ? void 0 : d.disabled) || H[t].content.color.disabled : o ? ((p = (h = (c = (u = e == null ? void 0 : e.text) == null ? void 0 : u[t]) == null ? void 0 : c.content) == null ? void 0 : h.color) == null ? void 0 : p.hover) || H[t].content.color.hover : ((f = (b = (m = (g = e == null ? void 0 : e.text) == null ? void 0 : g[t]) == null ? void 0 : m.content) == null ? void 0 : b.color) == null ? void 0 : f.regular) || H[t].content.color.regular;
 }};
   white-space: ${({ $ellipsis: e }) => e && "nowrap"};
@@ -1232,7 +1231,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);
 }};
   }
-`, D = (e) => {
+`, R = (e) => {
   const {
     children: t,
     appearance: l = "dark",
@@ -1241,8 +1240,8 @@ const Rl = {
     size: a = "large",
     weight: i = "normal",
     margin: d = "0px",
-    padding: c = "0px",
-    textAlign: u = "start",
+    padding: u = "0px",
+    textAlign: c = "start",
     ellipsis: h = !1,
     disabled: p = !1,
     onClick: g,
@@ -1253,12 +1252,12 @@ const Rl = {
     if (!p)
       try {
         g && g(x);
-      } catch (y) {
-        console.error(`Error when clicking over select. ${y}`);
+      } catch (k) {
+        console.error(`Error when clicking over select. ${k}`);
       }
   }
   return /* @__PURE__ */ s(
-    Ll,
+    Ol,
     {
       as: o,
       $appearance: l,
@@ -1266,11 +1265,11 @@ const Rl = {
       $disabled: p,
       $ellipsis: h,
       $margin: d,
-      $padding: c,
+      $padding: u,
       $parentHover: m,
       onClick: f,
       $size: a,
-      $textAlign: u,
+      $textAlign: c,
       $type: n,
       $weight: i,
       children: t
@@ -1283,10 +1282,10 @@ var St = {
   className: void 0,
   style: void 0,
   attr: void 0
-}, nt = oe.createContext && /* @__PURE__ */ oe.createContext(St), Pl = ["attr", "size", "title"];
-function Bl(e, t) {
+}, rt = le.createContext && /* @__PURE__ */ le.createContext(St), Pl = ["attr", "size", "title"];
+function Ll(e, t) {
   if (e == null) return {};
-  var l = Il(e, t), o, n;
+  var l = Bl(e, t), o, n;
   if (Object.getOwnPropertySymbols) {
     var a = Object.getOwnPropertySymbols(e);
     for (n = 0; n < a.length; n++)
@@ -1294,7 +1293,7 @@ function Bl(e, t) {
   }
   return l;
 }
-function Il(e, t) {
+function Bl(e, t) {
   if (e == null) return {};
   var l = {};
   for (var o in e)
@@ -1314,7 +1313,7 @@ function Ce() {
     return e;
   }, Ce.apply(this, arguments);
 }
-function at(e, t) {
+function nt(e, t) {
   var l = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
     var o = Object.getOwnPropertySymbols(e);
@@ -1327,22 +1326,22 @@ function at(e, t) {
 function Ee(e) {
   for (var t = 1; t < arguments.length; t++) {
     var l = arguments[t] != null ? arguments[t] : {};
-    t % 2 ? at(Object(l), !0).forEach(function(o) {
-      Vl(e, o, l[o]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(l)) : at(Object(l)).forEach(function(o) {
+    t % 2 ? nt(Object(l), !0).forEach(function(o) {
+      jl(e, o, l[o]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(l)) : nt(Object(l)).forEach(function(o) {
       Object.defineProperty(e, o, Object.getOwnPropertyDescriptor(l, o));
     });
   }
   return e;
 }
-function Vl(e, t, l) {
-  return t = jl(t), t in e ? Object.defineProperty(e, t, { value: l, enumerable: !0, configurable: !0, writable: !0 }) : e[t] = l, e;
+function jl(e, t, l) {
+  return t = Il(t), t in e ? Object.defineProperty(e, t, { value: l, enumerable: !0, configurable: !0, writable: !0 }) : e[t] = l, e;
 }
-function jl(e) {
-  var t = Hl(e, "string");
+function Il(e) {
+  var t = Vl(e, "string");
   return typeof t == "symbol" ? t : t + "";
 }
-function Hl(e, t) {
+function Vl(e, t) {
   if (typeof e != "object" || !e) return e;
   var l = e[Symbol.toPrimitive];
   if (l !== void 0) {
@@ -1353,12 +1352,12 @@ function Hl(e, t) {
   return (t === "string" ? String : Number)(e);
 }
 function zt(e) {
-  return e && e.map((t, l) => /* @__PURE__ */ oe.createElement(t.tag, Ee({
+  return e && e.map((t, l) => /* @__PURE__ */ le.createElement(t.tag, Ee({
     key: l
   }, t.attr), zt(t.child)));
 }
-function W(e) {
-  return (t) => /* @__PURE__ */ oe.createElement(_l, Ce({
+function K(e) {
+  return (t) => /* @__PURE__ */ le.createElement(_l, Ce({
     attr: Ee({}, e.attr)
   }, t), zt(e.child));
 }
@@ -1368,51 +1367,51 @@ function _l(e) {
       attr: o,
       size: n,
       title: a
-    } = e, i = Bl(e, Pl), d = n || l.size || "1em", c;
-    return l.className && (c = l.className), e.className && (c = (c ? c + " " : "") + e.className), /* @__PURE__ */ oe.createElement("svg", Ce({
+    } = e, i = Ll(e, Pl), d = n || l.size || "1em", u;
+    return l.className && (u = l.className), e.className && (u = (u ? u + " " : "") + e.className), /* @__PURE__ */ le.createElement("svg", Ce({
       stroke: "currentColor",
       fill: "currentColor",
       strokeWidth: "0"
     }, l.attr, o, i, {
-      className: c,
+      className: u,
       style: Ee(Ee({
         color: e.color || l.color
       }, l.style), e.style),
       height: d,
       width: d,
       xmlns: "http://www.w3.org/2000/svg"
-    }), a && /* @__PURE__ */ oe.createElement("title", null, a), e.children);
+    }), a && /* @__PURE__ */ le.createElement("title", null, a), e.children);
   };
-  return nt !== void 0 ? /* @__PURE__ */ oe.createElement(nt.Consumer, null, (l) => t(l)) : t(St);
+  return rt !== void 0 ? /* @__PURE__ */ le.createElement(rt.Consumer, null, (l) => t(l)) : t(St);
+}
+function Hl(e) {
+  return K({ 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);
 }
 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);
+  return K({ attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { fill: "none", d: "M0 0h24v24H0z" }, child: [] }, { tag: "path", attr: { d: "M19 13H5v-2h14v2z" }, child: [] }] })(e);
 }
 function Ml(e) {
-  return W({ attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { fill: "none", d: "M0 0h24v24H0z" }, child: [] }, { tag: "path", attr: { d: "M19 13H5v-2h14v2z" }, child: [] }] })(e);
+  return K({ attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { fill: "none", d: "M0 0h24v24H0V0z" }, child: [] }, { tag: "path", attr: { d: "M7.41 8.59 12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z" }, child: [] }] })(e);
 }
 function ql(e) {
-  return W({ attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { fill: "none", d: "M0 0h24v24H0V0z" }, child: [] }, { tag: "path", attr: { d: "M7.41 8.59 12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z" }, child: [] }] })(e);
+  return K({ attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { fill: "none", d: "M0 0h24v24H0z" }, child: [] }, { tag: "path", attr: { d: "M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z" }, child: [] }] })(e);
 }
 function Gl(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.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z" }, child: [] }] })(e);
+  return K({ attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { fill: "none", d: "M0 0h24v24H0z" }, child: [] }, { tag: "path", attr: { d: "M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" }, child: [] }] })(e);
 }
 function Yl(e) {
-  return W({ attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { fill: "none", d: "M0 0h24v24H0z" }, child: [] }, { tag: "path", attr: { d: "M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" }, child: [] }] })(e);
+  return K({ attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z" }, child: [] }] })(e);
 }
 function Wl(e) {
-  return W({ attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z" }, child: [] }] })(e);
-}
-function Xl(e) {
-  return W({ attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { d: "M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z" }, child: [] }] })(e);
+  return K({ attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { d: "M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z" }, child: [] }] })(e);
 }
 function Kl(e) {
-  return W({ attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { fill: "none", d: "M0 0h24v24H0V0z", opacity: ".87" }, child: [] }, { tag: "path", attr: { d: "M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm3.59-13L12 10.59 8.41 7 7 8.41 10.59 12 7 15.59 8.41 17 12 13.41 15.59 17 17 15.59 13.41 12 17 8.41z" }, child: [] }] })(e);
+  return K({ attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { fill: "none", d: "M0 0h24v24H0V0z", opacity: ".87" }, child: [] }, { tag: "path", attr: { d: "M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm3.59-13L12 10.59 8.41 7 7 8.41 10.59 12 7 15.59 8.41 17 12 13.41 15.59 17 17 15.59 13.41 12 17 8.41z" }, child: [] }] })(e);
 }
-function Jl(e) {
-  return W({ attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { fill: "none", d: "M0 0h24v24H0V0z" }, child: [] }, { tag: "path", attr: { d: "M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6-6-6z" }, child: [] }] })(e);
+function Xl(e) {
+  return K({ attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { fill: "none", d: "M0 0h24v24H0V0z" }, child: [] }, { tag: "path", attr: { d: "M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6-6-6z" }, child: [] }] })(e);
 }
-const Ql = v.div`
+const Jl = v.div`
   display: flex;
   justify-content: ${({ $justifyContent: e }) => e};
   align-items: ${({ $alignItems: e }) => e};
@@ -1424,33 +1423,40 @@ const Ql = v.div`
   gap: ${({ $gap: e }) => e};
   margin: ${({ $margin: e }) => e};
   padding: ${({ $padding: e }) => e};
+  ul&,
+  ol& {
+    list-style: none;
+  }
 `, T = (e) => {
   const {
     children: t,
-    wrap: l,
-    direction: o,
-    justifyContent: n,
-    alignItems: a,
-    alignContent: i,
-    height: d,
+    as: l = "div",
+    wrap: o,
+    direction: n,
+    justifyContent: a,
+    alignItems: i,
+    alignContent: d,
+    height: u,
     width: c,
-    gap: u,
-    margin: h = "0px",
-    padding: p = "0px"
+    gap: h,
+    margin: p = "0px",
+    padding: g = "0px"
   } = e;
   return /* @__PURE__ */ s(
-    Ql,
+    Jl,
     {
-      $direction: o,
-      $justifyContent: n,
-      $alignItems: a,
-      $alignContent: i,
-      $height: d,
+      as: l,
+      $direction: n,
+      $justifyContent: a,
+      $alignItems: i,
+      $alignContent: d,
+      $height: u,
       $width: c,
-      $wrap: l,
-      $gap: u,
-      $margin: h,
-      $padding: p,
+      $wrap: o,
+      $gap: h,
+      $margin: p,
+      $padding: g,
       children: t
     }
   );
@@ -1462,7 +1468,7 @@ v.div`
   flex-basis: ${({ $flexBasis: e }) => e};
   align-self: ${({ $alignSelf: e }) => e};
 `;
-const Zl = v.div`
+const Ql = v.div`
   display: grid;
   grid-template-columns: ${({ $templateColumns: e }) => e};
   grid-template-rows: ${({ $templateRows: e }) => e};
@@ -1478,7 +1484,7 @@ const Zl = v.div`
   padding: ${({ $padding: e }) => e};
   height: ${({ $height: e }) => e};
   width: ${({ $width: e }) => e};
-`, At = (e) => {
+`, Dt = (e) => {
   const {
     templateColumns: t = "auto",
     templateRows: l = "auto",
@@ -1487,8 +1493,8 @@ const Zl = v.div`
     alignItems: a = "stretch",
     justifyContent: i = "start",
     alignContent: d = "start",
-    autoColumns: c = "0px",
-    autoRows: u = "0px",
+    autoColumns: u = "0px",
+    autoRows: c = "0px",
     autoFlow: h = "row",
     margin: p = "0px",
     padding: g = "0px",
@@ -1497,7 +1503,7 @@ const Zl = v.div`
     children: f
   } = e;
   return /* @__PURE__ */ s(
-    Zl,
+    Ql,
     {
       $templateColumns: t,
       $templateRows: l,
@@ -1506,8 +1512,8 @@ const Zl = v.div`
       $alignItems: a,
       $justifyContent: i,
       $alignContent: d,
-      $autoColumns: c,
-      $autoRows: u,
+      $autoColumns: u,
+      $autoRows: c,
       $autoFlow: h,
       $margin: p,
       $padding: g,
@@ -1516,9 +1522,9 @@ const Zl = v.div`
       children: f
     }
   );
-}, Te = (e) => {
+}, he = (e) => {
   const [t, l] = J(!1), o = (n) => l(n.matches);
-  return vt(() => {
+  return ht(() => {
     const n = window.matchMedia(e);
     return o(n), n.addEventListener(
       "change",
@@ -1528,23 +1534,23 @@ const Zl = v.div`
       (a) => o(a.target)
     );
   }, [e]), t;
-}, eo = {
+}, Zl = {
   stroke: {
     color: r.palette.neutral.N40
   }
-}, to = v.hr`
+}, eo = v.hr`
   border: 0;
   width: 100%;
   border-top: 2px ${({ $dashed: e }) => e ? "dashed" : "solid"}
     ${({ theme: e }) => {
   var t, l;
-  return ((l = (t = e == null ? void 0 : e.divider) == null ? void 0 : t.stroke) == null ? void 0 : l.color) || eo.stroke.color;
+  return ((l = (t = e == null ? void 0 : e.divider) == null ? void 0 : t.stroke) == null ? void 0 : l.color) || Zl.stroke.color;
 }};
   margin: ${({ $marginTop: e, $marginBottom: t }) => `${e} 0 ${t}`};
-`, re = (e) => {
+`, oe = (e) => {
   const { dashed: t = !1, marginTop: l = "0", marginBottom: o = "0" } = e;
   return /* @__PURE__ */ s(
-    to,
+    eo,
     {
       $dashed: t,
       $marginTop: l,
@@ -1594,7 +1600,7 @@ v.div`
     padding-top: 4px;
   }
 `;
-const Le = {
+const Oe = {
   content: {
     color: {
       regular: r.palette.blue.B400,
@@ -1602,7 +1608,7 @@ const Le = {
     }
   }
 };
-v(Y)`
+v(W)`
   font-family: ${({ theme: e, $type: t, $size: l }) => {
   var o, n, a;
   return ((a = (n = (o = e == null ? void 0 : e.typography) == null ? void 0 : o[t]) == null ? void 0 : n[l]) == null ? void 0 : a.font) || "Roboto";
@@ -1616,7 +1622,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) || Le.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) || Oe.content.color.regular;
 }};
   cursor: pointer;
   text-decoration: none;
@@ -1624,15 +1630,15 @@ 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) || Le.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) || Oe.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) || Le.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) || Oe.content.color.hover;
 }};
   }
 `;
-const lo = {
+const to = {
   content: {
     color: {
       regular: "dark",
@@ -1650,19 +1656,19 @@ const lo = {
     invalid: a = !1,
     margin: i = "0px",
     padding: d = "0px",
-    size: c = "large"
-  } = e, u = ee(Z);
+    size: u = "large"
+  } = e, c = ee(Z);
   return /* @__PURE__ */ s("label", { htmlFor: n, children: /* @__PURE__ */ s(
-    D,
+    R,
     {
       appearance: (() => {
         var h;
-        const { color: p } = ((h = u == null ? void 0 : u.label) == null ? void 0 : h.content) || lo.content;
+        const { color: p } = ((h = c == null ? void 0 : c.label) == null ? void 0 : h.content) || to.content;
         return a ? p.invalid : o ? p.focus : l ? p.disabled : p.regular;
       })(),
       margin: i,
       padding: d,
-      size: c,
+      size: u,
       type: "label",
       weight: "bold",
       children: t
@@ -1673,13 +1679,13 @@ v.li`
   display: inline-block;
   align-items: center;
 `;
-v(Y)`
+v(W)`
   text-decoration: none;
   &:hover {
     text-decoration: underline;
     text-decoration-color: ${({ theme: e, $active: t }) => {
-  var l, o, n, a, i, d, c, u;
-  return t ? ((a = (n = (o = (l = e == null ? void 0 : e.text) == null ? void 0 : l.dark) == null ? void 0 : o.content) == null ? void 0 : n.color) == null ? void 0 : a.regular) || H.dark.content.color.regular : ((u = (c = (d = (i = e == null ? void 0 : e.text) == null ? void 0 : i.gray) == null ? void 0 : d.content) == null ? void 0 : c.color) == null ? void 0 : u.regular) || H.gray.content.color.regular;
+  var l, o, n, a, i, d, u, c;
+  return t ? ((a = (n = (o = (l = e == null ? void 0 : e.text) == null ? void 0 : l.dark) == null ? void 0 : o.content) == null ? void 0 : n.color) == null ? void 0 : a.regular) || H.dark.content.color.regular : ((c = (u = (d = (i = e == null ? void 0 : e.text) == null ? void 0 : i.gray) == null ? void 0 : d.content) == null ? void 0 : u.color) == null ? void 0 : c.regular) || H.gray.content.color.regular;
 }};
   }
 `;
@@ -1691,7 +1697,7 @@ v.li`
     }
   }
 `;
-v(Y)`
+v(W)`
   &:hover {
     cursor: pointer;
     background-color: ${({ theme: e }) => {
@@ -1759,25 +1765,25 @@ v.ul`
     display: inherit;
   }
 `;
-const oo = {
+const lo = {
   background: {
     color: r.palette.neutralAlpha.N100A
   }
-}, ro = v.div`
+}, oo = v.div`
   position: fixed;
   display: grid;
   place-items: ${({ $isSmallScreen: e }) => e ? "center" : "initial"};
   inset: 0;
   background-color: ${({ theme: e }) => {
   var t, l;
-  return ((l = (t = e == null ? void 0 : e.blanket) == null ? void 0 : t.background) == null ? void 0 : l.color) || oo.background.color;
+  return ((l = (t = e == null ? void 0 : e.blanket) == null ? void 0 : t.background) == null ? void 0 : l.color) || lo.background.color;
 }};
   border: none;
   z-index: 1;
   overflow-y: auto;
-`, no = (e) => {
-  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 }) });
+`, ro = (e) => {
+  const { children: t } = e, l = he("(max-width: 580px)");
+  return /* @__PURE__ */ s(oo, { $isSmallScreen: !l, children: /* @__PURE__ */ s(T, { alignItems: "center", justifyContent: "center", children: t }) });
 }, xe = {
   primary: {
     solid: {
@@ -1923,7 +1929,7 @@ const oo = {
       }
     }
   }
-}, ao = {
+}, no = {
   large: {
     width: "40px",
     height: "40px"
@@ -1936,27 +1942,27 @@ const oo = {
     width: "24px",
     height: "24px"
   }
-}, io = de`
+}, ao = ie`
   0% {
     transform: rotate(0deg);
   }
   100% {
     transform: rotate(360deg);
   }
-`, uo = v.div`
+`, io = v.div`
   display: inline-block;
-  animation: 0.8s linear infinite ${io};
+  animation: 0.8s linear infinite ${ao};
   border: solid 4px;
   border-color: ${({ theme: e, $transparent: t, $appearance: l }) => {
-  var o, n, a, i, d, c, u, h;
-  return t === !0 ? ((i = (a = (n = (o = e == null ? void 0 : e.spinner) == null ? void 0 : o[l]) == null ? void 0 : n.transparent) == null ? void 0 : a.track) == null ? void 0 : i.color) || xe[l].transparent.track.color : ((h = (u = (c = (d = e == null ? void 0 : e.spinner) == null ? void 0 : d[l]) == null ? void 0 : c.solid) == null ? void 0 : u.track) == null ? void 0 : h.color) || xe[l].solid.track.color;
+  var o, n, a, i, d, u, c, h;
+  return t === !0 ? ((i = (a = (n = (o = e == null ? void 0 : e.spinner) == null ? void 0 : o[l]) == null ? void 0 : n.transparent) == null ? void 0 : a.track) == null ? void 0 : i.color) || xe[l].transparent.track.color : ((h = (c = (u = (d = e == null ? void 0 : e.spinner) == null ? void 0 : d[l]) == null ? void 0 : u.solid) == null ? void 0 : c.track) == null ? void 0 : h.color) || xe[l].solid.track.color;
 }};
   border-bottom-color: ${({ $appearance: e, $transparent: t, theme: l }) => {
-  var o, n, a, i, d, c, u, h, p, g, m, b;
-  return t === !0 ? ((i = (a = (n = (o = l == null ? void 0 : l.spinner) == null ? void 0 : o[e]) == null ? void 0 : n.transparent) == null ? void 0 : a.spin) == null ? void 0 : i.color) || ((c = (d = xe[e].transparent) == null ? void 0 : d.spin) == null ? void 0 : c.color) : ((g = (p = (h = (u = l == null ? void 0 : l.spinner) == null ? void 0 : u[e]) == null ? void 0 : h.solid) == null ? void 0 : p.spin) == null ? void 0 : g.color) || ((b = (m = xe[e].solid) == null ? void 0 : m.spin) == null ? void 0 : b.color);
+  var o, n, a, i, d, u, c, h, p, g, m, b;
+  return t === !0 ? ((i = (a = (n = (o = l == null ? void 0 : l.spinner) == null ? void 0 : o[e]) == null ? void 0 : n.transparent) == null ? void 0 : a.spin) == null ? void 0 : i.color) || ((u = (d = xe[e].transparent) == null ? void 0 : d.spin) == null ? void 0 : u.color) : ((g = (p = (h = (c = l == null ? void 0 : l.spinner) == null ? void 0 : c[e]) == null ? void 0 : h.solid) == null ? void 0 : p.spin) == null ? void 0 : g.color) || ((b = (m = xe[e].solid) == null ? void 0 : m.spin) == null ? void 0 : b.color);
 }};
   border-radius: 50%;
-  ${({ $size: e }) => e && ao[e]}
+  ${({ $size: e }) => e && no[e]}
   box-sizing: border-box;
 `, co = (e) => {
   const {
@@ -1965,14 +1971,14 @@ const oo = {
     transparent: o = !1
   } = e;
   return /* @__PURE__ */ s(
-    uo,
+    io,
     {
       $appearance: l,
       $size: t,
       $transparent: o
     }
   );
-}, _ = {
+}, U = {
   primary: {
     content: {
       color: {
@@ -2125,13 +2131,14 @@ const oo = {
       appearance: "dark"
     }
   }
-}, so = v.button`
+}, uo = v.button`
   box-sizing: border-box;
   padding: ${({ $spacing: e }) => e === "compact" ? "4px" : "8px"} 16px;
   transition: all 0.3s ease;
   min-width: 100px;
   max-width: ${({ $fullwidth: e }) => e ? "none" : "300px"};
-  width: ${({ $fullwidth: e }) => e ? "100%" : "fit-content"};
+  width: ${({ $fullwidth: e, $width: t }) => e ? "100%" : t || "fit-content"};
+  position: relative;
   background-color: ${({
   theme: e,
@@ -2140,8 +2147,8 @@ const oo = {
   $disabled: o,
   $parentHover: n
 }) => {
-  var a, i, d, c, u, h, p, g, m;
-  return l === "filled" ? o ? ((d = (i = (a = e == null ? void 0 : e.button) == null ? void 0 : a[t].content) == null ? void 0 : i.color) == null ? void 0 : d.disabled) || _[t].content.color.disabled : n ? ((h = (u = (c = e == null ? void 0 : e.button) == null ? void 0 : c[t].content) == null ? void 0 : u.color) == null ? void 0 : h.hover) || _[t].content.color.hover : ((m = (g = (p = e == null ? void 0 : e.button) == null ? void 0 : p[t].content) == null ? void 0 : g.color) == null ? void 0 : m.regular) || _[t].content.color.regular : "transparent";
+  var a, i, d, u, c, h, p, g, m;
+  return l === "filled" ? o ? ((d = (i = (a = e == null ? void 0 : e.button) == null ? void 0 : a[t].content) == null ? void 0 : i.color) == null ? void 0 : d.disabled) || U[t].content.color.disabled : n ? ((h = (c = (u = e == null ? void 0 : e.button) == null ? void 0 : u[t].content) == null ? void 0 : c.color) == null ? void 0 : h.hover) || U[t].content.color.hover : ((m = (g = (p = e == null ? void 0 : e.button) == null ? void 0 : p[t].content) == null ? void 0 : g.color) == null ? void 0 : m.regular) || U[t].content.color.regular : "transparent";
 }};
   border-radius: 8px;
@@ -2154,8 +2161,8 @@ const oo = {
   $disabled: o,
   $parentHover: n
 }) => {
-  var a, i, d, c, u, h, p, g, m;
-  return o ? l !== "outlined" ? "transparent" : ((d = (i = (a = e == null ? void 0 : e.button) == null ? void 0 : a[t].border) == null ? void 0 : i.color) == null ? void 0 : d.disabled) || _[t].border.color.disabled : n && l !== "none" ? ((h = (u = (c = e == null ? void 0 : e.button) == null ? void 0 : c[t].border) == null ? void 0 : u.color) == null ? void 0 : h.hover) || _[t].border.color.hover : l === "none" ? "transparent" : ((m = (g = (p = e == null ? void 0 : e.button) == null ? void 0 : p[t].border) == null ? void 0 : g.color) == null ? void 0 : m.regular) || _[t].border.color.regular;
+  var a, i, d, u, c, h, p, g, m;
+  return o ? l !== "outlined" ? "transparent" : ((d = (i = (a = e == null ? void 0 : e.button) == null ? void 0 : a[t].border) == null ? void 0 : i.color) == null ? void 0 : d.disabled) || U[t].border.color.disabled : n && l !== "none" ? ((h = (c = (u = e == null ? void 0 : e.button) == null ? void 0 : u[t].border) == null ? void 0 : c.color) == null ? void 0 : h.hover) || U[t].border.color.hover : l === "none" ? "transparent" : ((m = (g = (p = e == null ? void 0 : e.button) == null ? void 0 : p[t].border) == null ? void 0 : g.color) == null ? void 0 : m.regular) || U[t].border.color.regular;
 }};
   cursor: ${({ $disabled: e, $loading: t }) => e ? "not-allowed" : t.toString() === "true" ? "progress" : "pointer"};
@@ -2170,9 +2177,8 @@ const oo = {
 }) => {
   var a, i, d;
   if (!o && n)
-    return l === "none" ? "transparent" : ((d = (i = (a = e == null ? void 0 : e.button) == null ? void 0 : a[t].border) == null ? void 0 : i.color) == null ? void 0 : d.hover) || _[t].border.color.hover;
+    return l === "none" ? "transparent" : ((d = (i = (a = e == null ? void 0 : e.button) == null ? void 0 : a[t].border) == null ? void 0 : i.color) == null ? void 0 : d.hover) || U[t].border.color.hover;
 }};
     background-color: ${({
   theme: e,
   $appearance: t,
@@ -2182,14 +2188,24 @@ const oo = {
 }) => {
   var a, i, d;
   if (!o && n && l === "filled")
-    return ((d = (i = (a = e == null ? void 0 : e.button) == null ? void 0 : a[t].content) == null ? void 0 : i.color) == null ? void 0 : d.hover) || _[t].content.color.hover;
+    return ((d = (i = (a = e == null ? void 0 : e.button) == null ? void 0 : a[t].content) == null ? void 0 : i.color) == null ? void 0 : d.hover) || U[t].content.color.hover;
   if (!o && n && l === "none")
     return "transparent";
 }};
   }
-`, po = v(Y)`
+`, so = v.div`
+  min-height: 24px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+`, po = v.div`
+  position: absolute;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+`, ho = v(W)`
   text-decoration: none;
-`, ho = (e, t, l, o) => e === "filled" ? !1 : t && !o ? l : o, it = (e) => {
+`, vo = (e, t, l, o) => e === "filled" ? !1 : t && !o ? l : o, at = (e) => {
   const {
     children: t,
     appearance: l = "primary",
@@ -2198,29 +2214,30 @@ const oo = {
     iconBefore: a,
     iconAfter: i,
     type: d = "button",
-    spacing: c = "wide",
-    variant: u = "filled",
-    fullwidth: h = !1,
-    onClick: p,
-    cursorHover: g = !1,
-    parentHover: m = !1
-  } = 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) => {
+    spacing: u = "wide",
+    variant: c = "filled",
+    width: h,
+    fullwidth: p = !1,
+    onClick: g,
+    cursorHover: m = !1,
+    parentHover: b = !1
+  } = e, f = ee(Z), x = (D) => {
+    var S, I, P;
+    return ((P = (I = (S = f == null ? void 0 : f.button) == null ? void 0 : S[D]) == null ? void 0 : I.contrast) == null ? void 0 : P.appearance) || U[D].contrast.appearance;
+  }, [k, $] = J(!1), C = () => $(!0), E = () => $(!1), A = (D) => {
     try {
-      p && p(F);
-    } catch (A) {
-      console.error(A);
+      g && g(D);
+    } catch (S) {
+      console.error(S);
     }
-  }, R = ho(
-    u,
-    g,
-    x,
-    m
+  }, F = vo(
+    c,
+    m,
+    k,
+    b
   );
   return /* @__PURE__ */ s(
-    so,
+    uo,
     {
       $appearance: l,
       $loading: o.toString(),
@@ -2228,62 +2245,63 @@ const oo = {
       $iconBefore: a,
       $iconAfter: i,
       type: d,
-      $spacing: c,
-      $variant: u,
-      $fullwidth: h,
-      onClick: n ? null : E,
-      $cursorHover: g,
-      $parentHover: m,
-      onMouseEnter: $,
-      onMouseLeave: C,
-      children: o && !n ? /* @__PURE__ */ s(
-        co,
-        {
-          appearance: u === "filled" ? f(l) : l,
-          transparent: u === "filled",
-          size: "small"
-        }
-      ) : /* @__PURE__ */ w(T, { alignItems: "center", justifyContent: "center", gap: "8px", children: [
+      $spacing: u,
+      $variant: c,
+      $width: h,
+      $fullwidth: p,
+      onClick: n ? null : A,
+      $cursorHover: m,
+      $parentHover: b,
+      onMouseEnter: C,
+      onMouseLeave: E,
+      children: /* @__PURE__ */ s(so, { children: !o || o && n ? /* @__PURE__ */ w(T, { alignItems: "center", justifyContent: "center", gap: "8px", children: [
         a && /* @__PURE__ */ s(
-          q,
+          G,
           {
             icon: a,
             size: "18px",
-            appearance: u === "filled" ? f(l) : l,
+            appearance: c === "filled" ? x(l) : l,
             disabled: n,
-            parentHover: R
+            parentHover: F
           }
         ),
         /* @__PURE__ */ s(
-          D,
+          R,
           {
             type: "label",
             size: "large",
-            appearance: u === "filled" ? f(l) : l,
+            appearance: c === "filled" ? x(l) : l,
             disabled: n,
             ellipsis: !0,
-            parentHover: R,
+            parentHover: F,
             textAlign: "start",
             weight: "bold",
             children: t
           }
         ),
         i && /* @__PURE__ */ s(
-          q,
+          G,
           {
             icon: i,
             size: "18px",
-            appearance: u === "filled" ? f(l) : l,
+            appearance: c === "filled" ? x(l) : l,
             disabled: n,
-            parentHover: R
+            parentHover: F
           }
         )
-      ] })
+      ] }) : o && !n && /* @__PURE__ */ s(po, { children: /* @__PURE__ */ s(
+        co,
+        {
+          appearance: c === "filled" ? x(l) : l,
+          transparent: c === "filled",
+          size: "small"
+        }
+      ) }) })
     }
   );
-}, dt = (e) => {
+}, it = (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(it, { ...e }) }) : /* @__PURE__ */ s(it, { ...e });
+  return t === "link" && !l && console.warn("You must provide a path to use a link button"), t === "link" ? /* @__PURE__ */ s(ho, { to: l, children: /* @__PURE__ */ s(at, { ...e }) }) : /* @__PURE__ */ s(at, { ...e });
 }, N = {
   border: {
     color: {
@@ -2353,8 +2371,8 @@ v.div`
   grid-template-columns: ${({ $iconBefore: e, $iconAfter: t }) => e && t ? "auto 1fr auto" : e && !t ? "auto 1fr" : !e && t ? "1fr auto" : "1fr"};
   border: 1px solid
     ${({ $disabled: e, $status: t, $focused: l, theme: o }) => {
-  var n, a, i, d, c, u, h, p, g, m, b, f;
-  return e ? ((i = (a = (n = o == null ? void 0 : o.input) == null ? void 0 : n.border) == null ? void 0 : a.color) == null ? void 0 : i.disabled) || N.border.color.disabled : t === "invalid" ? ((u = (c = (d = o == null ? void 0 : o.input) == null ? void 0 : d.border) == null ? void 0 : c.color) == null ? void 0 : u.invalid) || N.border.color.invalid : l ? ((g = (p = (h = o == null ? void 0 : o.input) == null ? void 0 : h.border) == null ? void 0 : p.color) == null ? void 0 : g.focus) || N.border.color.focus : ((f = (b = (m = o == null ? void 0 : o.input) == null ? void 0 : m.border) == null ? void 0 : b.color) == null ? void 0 : f.regular) || N.border.color.regular;
+  var n, a, i, d, u, c, h, p, g, m, b, f;
+  return e ? ((i = (a = (n = o == null ? void 0 : o.input) == null ? void 0 : n.border) == null ? void 0 : a.color) == null ? void 0 : i.disabled) || N.border.color.disabled : t === "invalid" ? ((c = (u = (d = o == null ? void 0 : o.input) == null ? void 0 : d.border) == null ? void 0 : u.color) == null ? void 0 : c.invalid) || N.border.color.invalid : l ? ((g = (p = (h = o == null ? void 0 : o.input) == null ? void 0 : h.border) == null ? void 0 : p.color) == null ? void 0 : g.focus) || N.border.color.focus : ((f = (b = (m = o == null ? void 0 : o.input) == null ? void 0 : m.border) == null ? void 0 : b.color) == null ? void 0 : f.regular) || N.border.color.regular;
 }};
 `;
 v.input`
@@ -2420,7 +2438,7 @@ v.div`
   margin-top: 4px;
   pointer-events: none;
 `;
-const Se = {
+const Te = {
   track: {
     color: r.palette.neutral.N30
   },
@@ -2441,7 +2459,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) || Se.track.color;
+  return ((l = (t = e == null ? void 0 : e.assisted) == null ? void 0 : t.track) == null ? void 0 : l.color) || Te.track.color;
 }};
   &::before {
@@ -2453,7 +2471,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) || Se.bar.color;
+  return ((l = (t = e == null ? void 0 : e.assisted) == null ? void 0 : t.bar) == null ? void 0 : l.color) || Te.bar.color;
 }};
   }
 `;
@@ -2469,7 +2487,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) || Se.step.color;
+  return ((l = (t = e == null ? void 0 : e.assisted) == null ? void 0 : t.step) == null ? void 0 : l.color) || Te.step.color;
 }};
 `;
 v.div`
@@ -2477,10 +2495,10 @@ 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) || Se.background.color;
+  return ((l = (t = e == null ? void 0 : e.assisted) == null ? void 0 : t.background) == null ? void 0 : l.color) || Te.background.color;
 }};
 `;
-const vo = {
+const go = {
   primary: {
     color: r.palette.blue.B400
   },
@@ -2505,7 +2523,7 @@ const vo = {
   light: {
     color: r.palette.neutral.N10
   }
-}, go = de`
+}, bo = ie`
   0% {
     transform: scaleX(1);
   }
@@ -2517,10 +2535,10 @@ v.div`
   width: 100%;
   height: ${({ $height: e }) => e};
   transform-origin: left;
-  animation: ${go} ${({ $duration: e }) => e}ms linear;
+  animation: ${bo} ${({ $duration: e }) => e}ms linear;
   background-color: ${({ theme: e, $appearance: t }) => {
   var l, o;
-  return ((o = (l = e == null ? void 0 : e.countdownBar) == null ? void 0 : l[t]) == null ? void 0 : o.color) || vo[t].color;
+  return ((o = (l = e == null ? void 0 : e.countdownBar) == null ? void 0 : l[t]) == null ? void 0 : o.color) || go[t].color;
 }};
   animation-fill-mode: forwards;
   animation-play-state: ${({ $paused: e }) => e ? "paused" : "running"};
@@ -2536,7 +2554,7 @@ v.ul`
     right: 32px;
   }
 `;
-Vt(void 0);
+It(void 0);
 v.li`
   list-style: none;
   display: flex;
@@ -2561,20 +2579,20 @@ v.li`
   return ((l = (t = e == null ? void 0 : e.palette) == null ? void 0 : t.neutral) == null ? void 0 : l.N0) || r.palette.neutral.N0;
 }};
   width: 400px;
-  min-height: 82px;
+  min-height: 78px;
   @media screen and (max-width: 528px) {
-    height: 62px;
-    width: calc(100vw - 64px);
+    width: 100%;
+    min-height: 58px;
   }
 `;
-const K = {
+const X = {
   background: {
     color: r.palette.neutral.N30
   },
   animation: {
     color: r.palette.neutral.N10
   }
-}, bo = de`
+}, mo = ie`
 0% {
     transform: translateX(-100%);
   }
@@ -2590,10 +2608,10 @@ v.div`
   height: ${({ $size: e }) => e};
   background: ${({ theme: e }) => {
   var t, l;
-  return ((l = (t = e == null ? void 0 : e.skeleton) == null ? void 0 : t.background) == null ? void 0 : l.color) || K.background.color;
+  return ((l = (t = e == null ? void 0 : e.skeleton) == null ? void 0 : t.background) == null ? void 0 : l.color) || X.background.color;
 }};
-  ${({ $animated: e }) => e && _e`
+  ${({ $animated: e }) => e && He`
       &::after {
         content: "";
         position: absolute;
@@ -2603,23 +2621,23 @@ v.div`
   var l, o, n, a, i, d;
   return `linear-gradient(
       100deg,
-      ${((o = (l = t == null ? void 0 : t.skeleton) == null ? void 0 : l.background) == null ? void 0 : o.color) || K.background.color} 0%,
-      ${((a = (n = t == null ? void 0 : t.skeleton) == null ? void 0 : n.animation) == null ? void 0 : a.color) || K.animation.color} 50%,
-      ${((d = (i = t == null ? void 0 : t.skeleton) == null ? void 0 : i.background) == null ? void 0 : d.color) || K.background.color} 100%
+      ${((o = (l = t == null ? void 0 : t.skeleton) == null ? void 0 : l.background) == null ? void 0 : o.color) || X.background.color} 0%,
+      ${((a = (n = t == null ? void 0 : t.skeleton) == null ? void 0 : n.animation) == null ? void 0 : a.color) || X.animation.color} 50%,
+      ${((d = (i = t == null ? void 0 : t.skeleton) == null ? void 0 : i.background) == null ? void 0 : d.color) || X.background.color} 100%
     );`;
 }};
-        animation: ${bo} 2s linear infinite;
+        animation: ${mo} 2s linear infinite;
       }
     `}
 `;
-const mo = de`
+const fo = ie`
 0% {
     transform: translateX(-100%);
   }
   100% {
     transform: translateX(100%);
   }
-`, fo = v.div`
+`, xo = v.div`
   position: relative;
   border-radius: 6px;
   overflow: hidden;
@@ -2627,10 +2645,10 @@ const mo = de`
   width: ${({ $width: e }) => e};
   background: ${({ theme: e }) => {
   var t, l;
-  return ((l = (t = e == null ? void 0 : e.skeleton) == null ? void 0 : t.background) == null ? void 0 : l.color) || K.background.color;
+  return ((l = (t = e == null ? void 0 : e.skeleton) == null ? void 0 : t.background) == null ? void 0 : l.color) || X.background.color;
 }};
-  ${({ $animated: e }) => e && _e`
+  ${({ $animated: e }) => e && He`
       &::after {
         content: "";
         position: absolute;
@@ -2640,18 +2658,18 @@ const mo = de`
   var l, o, n, a, i, d;
   return `linear-gradient(
       100deg,
-      ${((o = (l = t == null ? void 0 : t.skeleton) == null ? void 0 : l.background) == null ? void 0 : o.color) || K.background.color} 0%,
-      ${((a = (n = t == null ? void 0 : t.skeleton) == null ? void 0 : n.animation) == null ? void 0 : a.color) || K.animation.color} 50%,
-      ${((d = (i = t == null ? void 0 : t.skeleton) == null ? void 0 : i.background) == null ? void 0 : d.color) || K.background.color} 100%
+      ${((o = (l = t == null ? void 0 : t.skeleton) == null ? void 0 : l.background) == null ? void 0 : o.color) || X.background.color} 0%,
+      ${((a = (n = t == null ? void 0 : t.skeleton) == null ? void 0 : n.animation) == null ? void 0 : a.color) || X.animation.color} 50%,
+      ${((d = (i = t == null ? void 0 : t.skeleton) == null ? void 0 : i.background) == null ? void 0 : d.color) || X.background.color} 100%
     );`;
 }};
-        animation: ${mo} 2s linear infinite;
+        animation: ${fo} 2s linear infinite;
       }
     `}
 `, ce = (e) => {
   const { width: t = "100%", animated: l = !1 } = e;
-  return /* @__PURE__ */ s(fo, { $width: t, $animated: l });
-}, xo = {
+  return /* @__PURE__ */ s(xo, { $width: t, $animated: l });
+}, $o = {
   border: {
     color: r.palette.neutral.N40
   }
@@ -2663,7 +2681,7 @@ v.fieldset`
   border-style: solid;
   border-color: ${({ theme: e }) => {
   var t, l;
-  return ((l = (t = e == null ? void 0 : e.fieldset) == null ? void 0 : t.border) == null ? void 0 : l.color) || xo.border.color;
+  return ((l = (t = e == null ? void 0 : e.fieldset) == null ? void 0 : t.border) == null ? void 0 : l.color) || $o.border.color;
 }};
   padding: ${({ $isMobile: e }) => e ? "8px 12px 16px" : "12px 20px 24px"};
   height: ${({ $height: e }) => e};
@@ -2672,7 +2690,7 @@ v.fieldset`
     margin-top: -8px;
   }
 `;
-const $o = {
+const yo = {
   primary: {
     normal: {
       background: {
@@ -2822,7 +2840,7 @@ v.div`
   display: inline-block;
   border-radius: 4px;
   padding: ${({ $removable: e }) => e ? "0 0 0 5px" : "0 4px"};
-  background-color: ${({ $weight: e, $appearance: t }) => $o[t][e].background.color};
+  background-color: ${({ $weight: e, $appearance: t }) => yo[t][e].background.color};
 `;
 const Q = {
   background: {
@@ -2892,15 +2910,16 @@ v.nav`
     cursor: pointer;
   }
 `;
-v(ql)`
+v(Ml)`
   transition: transform 0.2s ease-in-out;
   transform: ${({ $expanded: e }) => e ? "rotate(180deg)" : "rotate(0deg)"};
 `;
 v.img`
-  width: 124px;
+  width: 100%;
+  box-sizing: border-box;
   height: auto;
   display: block;
-  padding: 24px 62px;
+  padding: 32px 48px;
 `;
 v.li`
   display: flex;
@@ -2915,11 +2934,11 @@ v.li`
   return e && !t ? `5px solid ${((i = (a = (n = (o = l == null ? void 0 : l.text) == null ? void 0 : o[e]) == null ? void 0 : n.content) == null ? void 0 : a.color) == null ? void 0 : i.regular) || H[e].content.color.regular}` : "5px solid transparent";
 }};
   background-color: ${({ $selected: e, $disabled: t, theme: l }) => {
-  var o, n, a, i, d, c;
+  var o, n, a, i, d, u;
   if (t)
     return ((a = (n = (o = l == null ? void 0 : l.nav) == null ? void 0 : o.link) == null ? void 0 : n.background) == null ? void 0 : a.selected) || Q.link.background.selected;
   if (e && !t)
-    return ((c = (d = (i = l == null ? void 0 : l.nav) == null ? void 0 : i.link) == null ? void 0 : d.background) == null ? void 0 : c.selected) || Q.link.background.selected;
+    return ((u = (d = (i = l == null ? void 0 : l.nav) == null ? void 0 : i.link) == null ? void 0 : d.background) == null ? void 0 : u.selected) || Q.link.background.selected;
 }};
   ${({ $disabled: e, theme: t }) => {
@@ -2931,7 +2950,7 @@ v.li`
   `;
 }};
 `;
-v(Y)`
+v(W)`
   box-sizing: border-box;
   text-decoration: none;
   width: 100%;
@@ -2986,13 +3005,13 @@ const O = {
     }
   }
 };
-function yo({ $checked: e, $size: t }) {
+function ko({ $checked: e, $size: t }) {
   if (!e)
     return "translateX(2px)";
   let l, o;
   return t === "small" ? (l = 32, o = 12, `translateX(${l - o - 2}px)`) : (l = 40, o = 16, `translateX(${l - o - 2}px)`);
 }
-const ko = v.div`
+const wo = v.div`
   position: absolute;
   box-sizing: border-box;
   display: flex;
@@ -3005,7 +3024,7 @@ const ko = v.div`
     box-sizing: border-box;
     border-radius: 50%;
     transition: 300ms;
-    transform: ${yo};
+    transform: ${ko};
     width: ${({ $size: e }) => e === "small" ? "12px" : "16px"};
     height: ${({ $size: e }) => e === "small" ? "12px" : "16px"};
@@ -3016,11 +3035,11 @@ const ko = v.div`
     border-width: 1px;
     border-style: solid;
     border-color: ${({ $checked: e, $disabled: t, theme: l }) => {
-  var o, n, a, i, d, c, u, h, p, g, m, b, f, x, y, $;
-  return e ? t ? ((i = (a = (n = (o = l == null ? void 0 : l.toggle) == null ? void 0 : o.on) == null ? void 0 : n.toggleBorder) == null ? void 0 : a.color) == null ? void 0 : i.disabled) || 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;
+  var o, n, a, i, d, u, c, h, p, g, m, b, f, x, k, $;
+  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 = (c = (u = (d = l == null ? void 0 : l.toggle) == null ? void 0 : d.on) == null ? void 0 : u.toggleBorder) == null ? void 0 : c.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 : (($ = (k = (x = (f = l == null ? void 0 : l.toggle) == null ? void 0 : f.off) == null ? void 0 : x.toggleBorder) == null ? void 0 : k.color) == null ? void 0 : $.regular) || O.off.toggleBorder.color.regular;
 }};
   }
-`, wo = v.label`
+`, No = v.label`
   position: relative;
   border-radius: 30px;
   overflow: hidden;
@@ -3029,21 +3048,21 @@ 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, 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;
+  var o, n, a, i, d, u, c, h, p, g, m, b, f, x, k, $;
+  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 = (c = (u = (d = e == null ? void 0 : e.toggle) == null ? void 0 : d.on) == null ? void 0 : u.background) == null ? void 0 : c.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 : (($ = (k = (x = (f = e == null ? void 0 : e.toggle) == null ? void 0 : f.off) == null ? void 0 : x.background) == null ? void 0 : k.color) == null ? void 0 : $.regular) || O.off.background.color.regular;
 }};
   &:hover {
     background-color: ${({ theme: e, $disabled: t, $checked: l }) => {
-  var o, n, a, i, d, c, u, h, p, g, m, b, f, x, y, $;
-  return l ? t ? ((i = (a = (n = (o = e == null ? void 0 : e.toggle) == null ? void 0 : o.on) == null ? void 0 : n.background) == null ? void 0 : a.color) == null ? void 0 : i.disabled) || 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;
+  var o, n, a, i, d, u, c, h, p, g, m, b, f, x, k, $;
+  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 = (c = (u = (d = e == null ? void 0 : e.toggle) == null ? void 0 : d.on) == null ? void 0 : u.background) == null ? void 0 : c.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 : (($ = (k = (x = (f = e == null ? void 0 : e.toggle) == null ? void 0 : f.off) == null ? void 0 : x.background) == null ? void 0 : k.color) == null ? void 0 : $.hover) || O.off.background.color.hover;
 }};
   }
-`, No = v.input`
+`, Co = v.input`
   display: none;
   width: 0;
   height: 0;
-`, Co = v.div`
+`, Eo = v.div`
   position: absolute;
   display: flex;
   top: 0;
@@ -3053,12 +3072,12 @@ const ko = v.div`
   margin: 0 4px;
   align-items: center;
   justify-content: ${({ $checked: e }) => e ? "flex-start" : "flex-end"};
-`, Dt = (e) => {
+`, Rt = (e) => {
   var t, l, o, n, a, i;
   const {
     disabled: d = !1,
-    id: c = "toggle",
-    name: u,
+    id: u = "toggle",
+    name: c,
     value: h,
     size: p = "large",
     checked: g = !1,
@@ -3066,9 +3085,9 @@ const ko = v.div`
     children: b,
     margin: f = "0px",
     padding: x = "0px"
-  } = e, y = ee(Z), $ = ((o = (l = (t = y == null ? void 0 : y.toggle) == null ? void 0 : t.on) == null ? void 0 : l.icon) == null ? void 0 : o.appereance) || 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;
+  } = e, k = ee(Z), $ = ((o = (l = (t = k == null ? void 0 : k.toggle) == null ? void 0 : t.on) == null ? void 0 : l.icon) == null ? void 0 : o.appereance) || O.on.icon.appereance, C = ((i = (a = (n = k == null ? void 0 : k.toggle) == null ? void 0 : n.off) == null ? void 0 : a.icon) == null ? void 0 : i.appereance) || O.off.icon.appereance;
   return /* @__PURE__ */ w(
-    At,
+    Dt,
     {
       templateColumns: "auto 1fr",
       alignItems: "center",
@@ -3076,11 +3095,11 @@ const ko = v.div`
       padding: x,
       gap: "8px",
       children: [
-        /* @__PURE__ */ w(wo, { $size: p, $checked: g, $disabled: d, children: [
+        /* @__PURE__ */ w(No, { $size: p, $checked: g, $disabled: d, children: [
           /* @__PURE__ */ s(
-            No,
+            Co,
             {
-              id: c,
+              id: u,
               type: "checkbox",
               $size: p,
               value: h,
@@ -3088,29 +3107,29 @@ const ko = v.div`
               onChange: d ? () => null : (E) => {
                 try {
                   m && m(E);
-                } catch (R) {
-                  console.error(`Error when changing toggle value. ${R}`);
+                } catch (A) {
+                  console.error(`Error when changing toggle value. ${A}`);
                 }
               },
               $disabled: d,
-              name: u
+              name: c
             }
           ),
-          /* @__PURE__ */ s(ko, { $size: p, $checked: g, $disabled: d }),
-          /* @__PURE__ */ s(Co, { $size: p, $checked: g, $disabled: d, children: /* @__PURE__ */ s(
-            q,
+          /* @__PURE__ */ s(wo, { $size: p, $checked: g, $disabled: d }),
+          /* @__PURE__ */ s(Eo, { $size: p, $checked: g, $disabled: d, children: /* @__PURE__ */ s(
+            G,
             {
               size: p === "small" ? "10px" : "14px",
               appearance: g ? $ : C,
               disabled: d,
-              icon: g ? /* @__PURE__ */ s(Ul, {}) : /* @__PURE__ */ s(Yl, {})
+              icon: g ? /* @__PURE__ */ s(Hl, {}) : /* @__PURE__ */ s(Gl, {})
             }
           ) })
         ] }),
         b && /* @__PURE__ */ s(
           De,
           {
-            htmlFor: c,
+            htmlFor: u,
             disabled: d,
             size: p === "small" ? "medium" : "large",
             children: b
@@ -3143,8 +3162,8 @@ v.textarea`
 }};
   border: 1px solid
     ${({ $disabled: e, $status: t, $focused: l, theme: o }) => {
-  var n, a, i, d, c, u, h, p, g, m, b, f;
-  return e ? ((i = (a = (n = o == null ? void 0 : o.input) == null ? void 0 : n.border) == null ? void 0 : a.color) == null ? void 0 : i.disabled) || N.border.color.disabled : t === "invalid" ? ((u = (c = (d = o == null ? void 0 : o.input) == null ? void 0 : d.border) == null ? void 0 : c.color) == null ? void 0 : u.invalid) || N.border.color.invalid : l ? ((g = (p = (h = o == null ? void 0 : o.input) == null ? void 0 : h.border) == null ? void 0 : p.color) == null ? void 0 : g.focus) || N.border.color.focus : ((f = (b = (m = o == null ? void 0 : o.input) == null ? void 0 : m.border) == null ? void 0 : b.color) == null ? void 0 : f.regular) || N.border.color.regular;
+  var n, a, i, d, u, c, h, p, g, m, b, f;
+  return e ? ((i = (a = (n = o == null ? void 0 : o.input) == null ? void 0 : n.border) == null ? void 0 : a.color) == null ? void 0 : i.disabled) || N.border.color.disabled : t === "invalid" ? ((c = (u = (d = o == null ? void 0 : o.input) == null ? void 0 : d.border) == null ? void 0 : u.color) == null ? void 0 : c.invalid) || N.border.color.invalid : l ? ((g = (p = (h = o == null ? void 0 : o.input) == null ? void 0 : h.border) == null ? void 0 : p.color) == null ? void 0 : g.focus) || N.border.color.focus : ((f = (b = (m = o == null ? void 0 : o.input) == null ? void 0 : m.border) == null ? void 0 : b.color) == null ? void 0 : f.regular) || N.border.color.regular;
 }};
   pointer-events: ${({ $disabled: e }) => e && "none"};
   opacity: ${({ $disabled: e }) => e && "0.5"};
@@ -3177,24 +3196,23 @@ v.div`
     margin-top: 8px;
   }
 `;
-v.p`
+v.div`
   text-wrap: nowrap;
 `;
-const Xe = {
+const Ve = {
   background: {
     color: r.palette.neutral.N10
   },
-  divider: {
-    color: r.palette.neutral.N40
+  subtitle: {
+    background: {
+      expanded: r.palette.neutral.N30
+    }
   }
 };
-v.div`
-  position: absolute;
-  width: fit-content;
-`;
 v.nav`
   display: flex;
   flex-direction: column;
+  justify-content: space-between;
   box-sizing: border-box;
   width: 100%;
   height: 100%;
@@ -3205,9 +3223,9 @@ 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) || Xe.background.color;
+  return ((l = (t = e == null ? void 0 : e.fullscreenNav) == null ? void 0 : t.background) == null ? void 0 : l.color) || Ve.background.color;
 }};
-  padding: 0px 16px;
+  padding: 0px 0px;
   z-index: 2;
   overflow-y: auto;
   overflow-x: hidden;
@@ -3216,63 +3234,26 @@ v.nav`
     cursor: pointer;
   }
 `;
-v.div`
-  width: calc(100% - 32px);
-  margin: 16px 16px 16px;
-  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) || Xe.divider.color;
-}};
+v.img`
+  width: 50%;
+  max-width: 200px;
+  margin: 0 auto;
 `;
-v.footer`
+v.div`
   display: flex;
-  height: 100%;
-  flex-direction: column;
-  justify-content: flex-end;
-  align-items: center;
-  padding: 24px;
-  gap: 24px;
-`;
-v.details`
   width: 100%;
-  margin: 0 24px;
-  list-style: none;
-`;
-v.summary`
-  display: flex;
-  height: 48px;
-  align-items: center;
   justify-content: space-between;
+  align-items: center;
+  background-color: ${({ theme: e, $isCollapsible: t, $isOpen: l }) => {
+  var o, n, a, i, d;
+  return t && l ? ((a = (n = (o = e == null ? void 0 : e.fullscreenNav) == null ? void 0 : o.subtitle) == null ? void 0 : n.background) == null ? void 0 : a.expanded) || Ve.subtitle.background.expanded : ((d = (i = e == null ? void 0 : e.fullscreenNav) == null ? void 0 : i.background) == null ? void 0 : d.color) || Ve.background.color;
+}};
   &:hover {
     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) || Xe.background.color;
-}};
   }
 `;
-v.img`
-  width: 124px;
-  height: auto;
-  display: block;
-  padding: 24px 62px;
-`;
-v.caption`
-  caption-side: bottom;
-  text-align: center;
-  margin-top: 1rem;
-  display: block;
-`;
-v.col`
-  padding: 0;
-  text-align: center;
-`;
-v.colgroup`
-  padding: 0;
-  text-align: center;
-`;
-const M = {
+const q = {
   border: {
     color: r.palette.neutral.N40
   },
@@ -3323,24 +3304,38 @@ v.table`
 v.div`
   border: ${({ $borderWidth: e, $borderStyle: t, theme: l }) => {
   var o, n;
-  return `${e} ${t} ${((n = (o = l == null ? void 0 : l.table) == null ? void 0 : o.border) == null ? void 0 : n.color) || M.border.color}`;
+  return `${e} ${t} ${((n = (o = l == null ? void 0 : l.table) == null ? void 0 : o.border) == null ? void 0 : n.color) || q.border.color}`;
 }};
   border-radius: 8px;
   overflow: hidden;
   width: 100%;
 `;
+v.caption`
+  caption-side: bottom;
+  text-align: center;
+  margin-top: 1rem;
+  display: block;
+`;
+v.col`
+  padding: 0;
+  text-align: center;
+`;
+v.colgroup`
+  padding: 0;
+  text-align: center;
+`;
 v.tbody``;
 v.td`
   background-color: ${({ theme: e, $appearance: t }) => {
   var l, o;
-  return ((o = (l = e == null ? void 0 : e.table) == null ? void 0 : l.cell) == null ? void 0 : o.background[t]) || M.cell.background[t];
+  return ((o = (l = e == null ? void 0 : e.table) == null ? void 0 : l.cell) == null ? void 0 : o.background[t]) || q.cell.background[t];
 }};
   padding: 16px;
   text-align-last: ${({ $align: e }) => e || "center"};
   & > p {
     color: ${({ theme: e, $appearance: t }) => {
   var l, o;
-  return ((o = (l = e == null ? void 0 : e.table) == null ? void 0 : l.cell) == null ? void 0 : o.color[t]) || M.cell.color[t];
+  return ((o = (l = e == null ? void 0 : e.table) == null ? void 0 : l.cell) == null ? void 0 : o.color[t]) || q.cell.color[t];
 }};
   }
 `;
@@ -3356,21 +3351,21 @@ v.tfoot`
 v.th`
   background-color: ${({ theme: e, $action: t }) => {
   var l, o, n, a;
-  return t ? ((o = (l = e == null ? void 0 : e.table) == null ? void 0 : l.action) == null ? void 0 : o.background) || M.action.background : ((a = (n = e == null ? void 0 : e.table) == null ? void 0 : n.heading) == null ? void 0 : a.background) || M.heading.background;
+  return t ? ((o = (l = e == null ? void 0 : e.table) == null ? void 0 : l.action) == null ? void 0 : o.background) || q.action.background : ((a = (n = e == null ? void 0 : e.table) == null ? void 0 : n.heading) == null ? void 0 : a.background) || q.heading.background;
 }};
   padding: 16px;
   text-align-last: ${({ $align: e }) => e};
   & > p {
     color: ${({ theme: e }) => {
   var t, l;
-  return ((l = (t = e == null ? void 0 : e.table) == null ? void 0 : t.heading) == null ? void 0 : l.color) || M.heading.color;
+  return ((l = (t = e == null ? void 0 : e.table) == null ? void 0 : t.heading) == null ? void 0 : l.color) || q.heading.color;
 }};
   }
 `;
 v.thead``;
 const $e = (e, t) => {
   var l, o;
-  const n = ((o = (l = t == null ? void 0 : t.table) == null ? void 0 : l.border) == null ? void 0 : o.color) || M.border.color;
+  const n = ((o = (l = t == null ? void 0 : t.table) == null ? void 0 : l.border) == null ? void 0 : o.color) || q.border.color;
   return `1px ${e ? "dashed" : "solid"} ${n}`;
 };
 v.tr`
@@ -3381,7 +3376,7 @@ v.tr`
   height: 48px;
   background-color: ${({ $zebra: e, theme: t }) => {
   var l, o, n, a, i, d;
-  return e ? ((n = (o = (l = t == null ? void 0 : t.table) == null ? void 0 : l.row) == null ? void 0 : o.background) == null ? void 0 : n.zebra) || M.row.background.zebra : ((d = (i = (a = t == null ? void 0 : t.table) == null ? void 0 : a.row) == null ? void 0 : i.background) == null ? void 0 : d.regular) || M.row.background.regular;
+  return e ? ((n = (o = (l = t == null ? void 0 : t.table) == null ? void 0 : l.row) == null ? void 0 : o.background) == null ? void 0 : n.zebra) || q.row.background.zebra : ((d = (i = (a = t == null ? void 0 : t.table) == null ? void 0 : a.row) == null ? void 0 : i.background) == null ? void 0 : d.regular) || q.row.background.regular;
 }};
   & > td {
     background-color: ${({ $zebra: e }) => e && "unset"};
@@ -3414,7 +3409,7 @@ const L = {
       hover: r.palette.blue.B300
     }
   }
-}, Eo = v.input`
+}, To = v.input`
   opacity: 0;
   width: 0;
   height: 0;
@@ -3449,19 +3444,19 @@ const L = {
   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`
+`, So = v.span`
   display: inline-block;
   width: 14px;
   height: 14px;
   border-radius: 2px;
   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) || 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;
+  var o, n, a, i, d, u;
+  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 : ((u = (d = (i = e == null ? void 0 : e.checkbox) == null ? void 0 : i.border) == null ? void 0 : d.color) == null ? void 0 : u.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) || 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;
+  var o, n, a, i, d, u;
+  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 : ((u = (d = (i = e == null ? void 0 : e.checkbox) == null ? void 0 : i.background) == null ? void 0 : d.color) == null ? void 0 : u.active) || L.background.color.active;
 }};
   cursor: ${({ disabled: e }) => e ? "not-allowed" : "pointer"};
@@ -3473,15 +3468,15 @@ const L = {
     border-color: ${L.border.color.disabled};
     background-color: ${L.background.color.disabled};
   `}
-`, So = v.label`
+`, zo = v.label`
   display: flex;
   align-items: center;
-`, zo = v.label`
+`, Do = v.label`
   -webkit-user-select: none;
   -ms-user-select: none;
   user-select: none;
-`, Rt = (e) => {
-  var t, l, o, n, a, i, d, c, u;
+`, At = (e) => {
+  var t, l, o, n, a, i, d, u, c;
   const {
     id: h = "checkbox",
     name: p,
@@ -3490,13 +3485,13 @@ const L = {
     indeterminate: b = !1,
     label: f,
     disabled: x = !1,
-    required: y = !1,
+    required: k = !1,
     onChange: $
-  } = 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;
+  } = 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, A = ((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 = ((c = (u = (d = C == null ? void 0 : C.checkbox) == null ? void 0 : d.vector) == null ? void 0 : u.color) == null ? void 0 : c.checked) || L.vector.color.checked;
   return /* @__PURE__ */ w(T, { direction: "row", alignItems: "center", gap: "10px", width: "fit-content", children: [
-    /* @__PURE__ */ w(So, { children: [
+    /* @__PURE__ */ w(zo, { children: [
       /* @__PURE__ */ s(
-        Eo,
+        To,
         {
           type: "checkbox",
           id: h,
@@ -3504,26 +3499,26 @@ const L = {
           value: g,
           checked: m || b,
           disabled: x,
-          required: y,
+          required: k,
           onChange: $,
-          ref: (A) => {
-            A && (A.indeterminate = b);
+          ref: (D) => {
+            D && (D.indeterminate = b);
           }
         }
       ),
       /* @__PURE__ */ s(
-        To,
+        So,
         {
           checked: m,
           $indeterminate: b,
           disabled: x,
           children: b ? /* @__PURE__ */ s(
-            Ml,
+            Ul,
             {
-              color: x ? E : R
+              color: x ? E : A
             }
           ) : m && /* @__PURE__ */ s(
-            Gl,
+            ql,
             {
               color: x ? E : F
             }
@@ -3531,12 +3526,12 @@ const L = {
         }
       )
     ] }),
-    f && /* @__PURE__ */ s(zo, { children: /* @__PURE__ */ s(De, { htmlFor: h, disabled: x, children: /* @__PURE__ */ w(T, { direction: "row", alignItems: "center", gap: "4px", children: [
-      f,
-      y && /* @__PURE__ */ s(D, { type: "label", appearance: "danger", size: "small", children: "*" })
-    ] }) }) })
+    f && /* @__PURE__ */ s(Do, { children: /* @__PURE__ */ w(T, { direction: "row", alignItems: "center", gap: "4px", children: [
+      /* @__PURE__ */ s(De, { htmlFor: h, disabled: x, children: f }),
+      k && /* @__PURE__ */ s(R, { type: "label", appearance: "danger", size: "small", children: "*" })
+    ] }) })
   ] });
-}, Ao = v.ul`
+}, Ro = v.ul`
   display: flex;
   flex-direction: column;
   width: -moz-available;
@@ -3587,13 +3582,13 @@ const L = {
   return ((o = (l = (t = e == null ? void 0 : e.input) == null ? void 0 : t.option) == null ? void 0 : l.background) == null ? void 0 : o.hover) || N.option.background.hover;
 }};
   }
-`, Do = (e) => {
+`, Ao = (e) => {
   const { children: t, onOptionClick: l, options: o, maxItems: n } = e, a = (i) => {
     try {
       const d = o == null ? void 0 : o.find(
-        (c) => {
-          var u;
-          return c.id === i.target.id || c.id === ((u = i.target.parentElement) == null ? void 0 : u.id);
+        (u) => {
+          var c;
+          return u.id === i.target.id || u.id === ((c = i.target.parentElement) == null ? void 0 : c.id);
         }
       );
       d && l && l(d.value);
@@ -3602,7 +3597,7 @@ const L = {
     }
   };
   return /* @__PURE__ */ s(
-    Ao,
+    Ro,
     {
       $maxItems: n,
       $totalOptions: o == null ? void 0 : o.length,
@@ -3610,7 +3605,7 @@ const L = {
       children: t
     }
   );
-}, Ro = v.li`
+}, Fo = v.li`
   display: flex;
   align-items: center;
   align-self: stretch;
@@ -3628,24 +3623,24 @@ const L = {
   return ((o = (l = (t = e == null ? void 0 : e.input) == null ? void 0 : t.background) == null ? void 0 : l.color) == null ? void 0 : o.regular) || N.background.color.regular;
 }};
   }
-`, Fo = (e) => {
+`, Oo = (e) => {
   var t, l, o, n, a, i;
   const {
     id: d,
-    label: c,
-    picker: u = !1,
+    label: u,
+    picker: c = !1,
     onCheckboxChange: h,
     checked: p = !1
-  } = 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;
+  } = e, [g, m] = J(!1), b = () => m(!0), f = () => m(!1), x = ee(Z), k = ((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,
+    Fo,
     {
       id: d,
       onMouseEnter: b,
       onMouseLeave: f,
       children: [
-        u && /* @__PURE__ */ s(
-          Rt,
+        c && /* @__PURE__ */ s(
+          At,
           {
             id: `checkbox-${d}`,
             value: d,
@@ -3654,19 +3649,19 @@ const L = {
           }
         ),
         /* @__PURE__ */ s(
-          D,
+          R,
           {
-            margin: u ? "0 0 0 9px" : "0px",
+            margin: c ? "0 0 0 9px" : "0px",
             textAlign: "start",
             size: "medium",
-            appearance: g ? y : $,
-            children: c
+            appearance: g ? k : $,
+            children: u
           }
         )
       ]
     }
   );
-}, Oo = v.div`
+}, Po = v.div`
   position: relative;
   cursor: ${({ disabled: e }) => e && "not-allowed"};
   width: ${({ $fullwidth: e }) => e ? "100%" : "300px"};
@@ -3687,13 +3682,13 @@ const L = {
   border-style: solid;
   border-color: ${({ theme: e, disabled: t, $invalid: l, $focused: o }) => {
-  var n, a, i, d, c, u, h, p, g, m, b, f;
-  return t ? (((i = (a = (n = e == null ? void 0 : e.input) == null ? void 0 : n.border) == null ? void 0 : a.color) == null ? void 0 : i.disabled) || N.border.color.disabled) + "; pointer-events: none; opacity: 0.5;" : o ? ((u = (c = (d = e == null ? void 0 : e.input) == null ? void 0 : d.border) == null ? void 0 : c.color) == null ? void 0 : u.focus) || N.border.color.focus : l ? ((g = (p = (h = e == null ? void 0 : e.input) == null ? void 0 : h.border) == null ? void 0 : p.color) == null ? void 0 : g.invalid) || N.border.color.invalid : ((f = (b = (m = e == null ? void 0 : e.input) == null ? void 0 : m.border) == null ? void 0 : b.color) == null ? void 0 : f.regular) || N.border.color.regular;
+  var n, a, i, d, u, c, h, p, g, m, b, f;
+  return t ? (((i = (a = (n = e == null ? void 0 : e.input) == null ? void 0 : n.border) == null ? void 0 : a.color) == null ? void 0 : i.disabled) || N.border.color.disabled) + "; pointer-events: none; opacity: 0.5;" : o ? ((c = (u = (d = e == null ? void 0 : e.input) == null ? void 0 : d.border) == null ? void 0 : u.color) == null ? void 0 : c.focus) || N.border.color.focus : l ? ((g = (p = (h = e == null ? void 0 : e.input) == null ? void 0 : h.border) == null ? void 0 : p.color) == null ? void 0 : g.invalid) || N.border.color.invalid : ((f = (b = (m = e == null ? void 0 : e.input) == null ? void 0 : m.border) == null ? void 0 : b.color) == null ? void 0 : f.regular) || N.border.color.regular;
 }};
   opacity: ${({ disabled: e }) => e ? "0.5" : "unset"};
   cursor: ${({ disabled: e }) => e ? "not-allowed" : "pointer"};
-`, Po = v.input`
+`, Bo = v.input`
   outline: none;
   padding: 0;
   margin: 0;
@@ -3751,7 +3746,7 @@ const L = {
   &:-webkit-autofill {
     -webkit-background-clip: text;
   }
-`, Bo = v.div`
+`, jo = v.div`
   display: flex;
   transition: ease;
   transition-duration: 500ms;
@@ -3761,20 +3756,20 @@ function Vo(e, t) {
   const l = e.find((o) => o.value === t);
   return l ? l.label : t;
 }
-const jo = (e) => {
+const _o = (e) => {
   var t, l;
   const { message: o } = e, n = ee(Z), a = ((l = (t = n == null ? void 0 : n.input) == null ? void 0 : t.message) == null ? void 0 : l.appearance) || N.message.appearance;
   return /* @__PURE__ */ w(T, { alignItems: "center", gap: "4px", margin: "4px 0 0 16px", children: [
     /* @__PURE__ */ s(
-      q,
+      G,
       {
         appearance: a,
-        icon: /* @__PURE__ */ s(Wl, {}),
+        icon: /* @__PURE__ */ s(Yl, {}),
         size: "14px"
       }
     ),
     /* @__PURE__ */ s(
-      D,
+      R,
       {
         type: "body",
         size: "small",
@@ -3785,15 +3780,15 @@ const jo = (e) => {
     )
   ] });
 };
-ht((e, t) => {
+pt((e, t) => {
   var l, o;
   const {
     displayList: n,
     disabled: a,
     focused: i,
     fullwidth: d,
-    handleClear: c,
-    id: u,
+    handleClear: u,
+    id: c,
     invalid: h,
     label: p,
     maxItems: g,
@@ -3801,21 +3796,21 @@ ht((e, t) => {
     name: b,
     onBlur: f,
     onChange: x,
-    onClick: y,
+    onClick: k,
     onFocus: $,
     onOptionClick: C,
     options: E,
-    placeholder: R,
+    placeholder: A,
     readOnly: F,
-    required: A,
+    required: D,
     size: S,
     value: I,
-    onKeyUp: V,
-    picker: j,
+    onKeyUp: P,
+    picker: V,
     checkedItems: Re,
-    onCheckboxChange: Pt
-  } = e, Je = ee(Z), Bt = ((o = (l = Je == null ? void 0 : Je.input) == null ? void 0 : l.required) == null ? void 0 : o.appearance) || N.required.appearance, It = j ? 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: [
+    onCheckboxChange: Lt
+  } = e, Xe = ee(Z), Bt = ((o = (l = Xe == null ? void 0 : Xe.input) == null ? void 0 : l.required) == null ? void 0 : o.appearance) || N.required.appearance, jt = V ? E.filter((_) => Re.includes(_.id)).map((_) => _.label).join(", ") : Vo(E, I);
+  return /* @__PURE__ */ w(Po, { $fullwidth: d, disabled: a, ref: t, children: [
     p && /* @__PURE__ */ w(
       T,
       {
@@ -3827,7 +3822,7 @@ ht((e, t) => {
           /* @__PURE__ */ s(
             De,
             {
-              htmlFor: u,
+              htmlFor: c,
               focused: i,
               invalid: h,
               size: Io(S),
@@ -3836,8 +3831,8 @@ ht((e, t) => {
               children: p
             }
           ),
-          A && !a && /* @__PURE__ */ s(
-            D,
+          D && !a && /* @__PURE__ */ s(
+            R,
             {
               type: "body",
               size: "small",
@@ -3855,46 +3850,46 @@ ht((e, t) => {
         disabled: a,
         $focused: i,
         $invalid: h,
-        onClick: y,
+        onClick: k,
         $value: I,
         $size: S,
         children: [
           /* @__PURE__ */ s(
-            Po,
+            Bo,
             {
               autoComplete: "off",
-              value: It,
+              value: jt,
               name: b,
-              id: u,
-              placeholder: R,
+              id: c,
+              placeholder: A,
               disabled: a,
-              required: A,
+              required: D,
               $size: S,
               $fullwidth: d,
               $focused: i,
               onFocus: $,
               onBlur: f,
-              onChange: x,
-              onClick: y,
-              onKeyUp: V,
+              onChange: (_) => x(b, _.target.value),
+              onClick: k,
+              onKeyUp: P,
               readOnly: F
             }
           ),
           /* @__PURE__ */ w(T, { direction: "row", gap: "8px", alignItems: "center", children: [
-            (I || j && Re.length > 0) && !a && /* @__PURE__ */ s(
-              q,
+            (I || V && Re.length > 0) && !a && /* @__PURE__ */ s(
+              G,
               {
                 appearance: "gray",
                 icon: /* @__PURE__ */ s(Kl, {}),
                 size: "16px",
-                onClick: c
+                onClick: u
               }
             ),
-            /* @__PURE__ */ s(Bo, { $displayList: n, children: /* @__PURE__ */ s(
-              q,
+            /* @__PURE__ */ s(jo, { $displayList: n, children: /* @__PURE__ */ s(
+              G,
               {
                 appearance: "dark",
-                icon: /* @__PURE__ */ s(Jl, {}),
+                icon: /* @__PURE__ */ s(Xl, {}),
                 spacing: "narrow",
                 disabled: a
               }
@@ -3903,23 +3898,23 @@ ht((e, t) => {
         ]
       }
     ),
-    h && /* @__PURE__ */ s(jo, { message: m }),
+    h && /* @__PURE__ */ s(_o, { message: m }),
     n && !a && /* @__PURE__ */ s(
-      Do,
+      Ao,
       {
         maxItems: g,
         onOptionClick: C,
         options: E,
-        children: E.map((X) => /* @__PURE__ */ s(
-          Fo,
+        children: E.map((_) => /* @__PURE__ */ s(
+          Oo,
           {
-            id: X.id,
-            label: X.label,
-            checked: Re.includes(X.id),
-            onCheckboxChange: Pt,
-            picker: j
+            id: _.id,
+            label: _.label,
+            checked: Re.includes(_.id),
+            onCheckboxChange: Lt,
+            picker: V
           },
-          X.id
+          _.id
         ))
       }
     )
@@ -3928,12 +3923,12 @@ ht((e, t) => {
 const Ho = v.div`
   cursor: ${({ $disabled: e }) => e && "not-allowed"};
   width: ${({ $fullwidth: e }) => e ? "100%" : "280px"};
-`, _o = v.div`
+`, Uo = v.div`
   display: flex;
   align-items: center;
   margin-bottom: 5px;
   pointer-events: ${({ $disabled: e }) => e && "none"};
-`, Uo = v.div`
+`, Mo = v.div`
   display: grid;
   align-items: center;
   box-sizing: border-box;
@@ -3945,10 +3940,10 @@ const Ho = v.div`
   grid-template-columns: 1fr;
   border: 1px solid
     ${({ $disabled: e, $status: t, $focused: l, theme: o }) => {
-  var n, a, i, d, c, u, h, p, g, m, b, f;
-  return e ? ((i = (a = (n = o == null ? void 0 : o.input) == null ? void 0 : n.border) == null ? void 0 : a.color) == null ? void 0 : i.disabled) || N.border.color.disabled : t === "invalid" ? ((u = (c = (d = o == null ? void 0 : o.input) == null ? void 0 : d.border) == null ? void 0 : c.color) == null ? void 0 : u.invalid) || N.border.color.invalid : l ? ((g = (p = (h = o == null ? void 0 : o.input) == null ? void 0 : h.border) == null ? void 0 : p.color) == null ? void 0 : g.focus) || N.border.color.focus : ((f = (b = (m = o == null ? void 0 : o.input) == null ? void 0 : m.border) == null ? void 0 : b.color) == null ? void 0 : f.regular) || N.border.color.regular;
+  var n, a, i, d, u, c, h, p, g, m, b, f;
+  return e ? ((i = (a = (n = o == null ? void 0 : o.input) == null ? void 0 : n.border) == null ? void 0 : a.color) == null ? void 0 : i.disabled) || N.border.color.disabled : t === "invalid" ? ((c = (u = (d = o == null ? void 0 : o.input) == null ? void 0 : d.border) == null ? void 0 : u.color) == null ? void 0 : c.invalid) || N.border.color.invalid : l ? ((g = (p = (h = o == null ? void 0 : o.input) == null ? void 0 : h.border) == null ? void 0 : p.color) == null ? void 0 : g.focus) || N.border.color.focus : ((f = (b = (m = o == null ? void 0 : o.input) == null ? void 0 : m.border) == null ? void 0 : b.color) == null ? void 0 : f.regular) || N.border.color.regular;
 }};
-`, Mo = v.input`
+`, qo = v.input`
   outline: none;
   border-radius: 8px;
   font-family: ${({ theme: e }) => {
@@ -4004,7 +3999,7 @@ const Ho = v.div`
     -webkit-appearance: none;
     margin: 0;
   }
-`, qo = v.div`
+`, Go = v.div`
   display: flex;
   align-items: center;
   margin-left: 16px;
@@ -4015,14 +4010,14 @@ const Ho = v.div`
     height: 14px;
     margin-top: 8px;
   }
-`, ut = (e) => {
+`, dt = (e) => {
   var t, l, o, n;
   const {
     label: a,
     name: i,
     id: d,
-    disabled: c = !1,
-    value: u,
+    disabled: u = !1,
+    value: c,
     onChange: h,
     required: p = !1,
     status: g = "pending",
@@ -4030,42 +4025,42 @@ const Ho = v.div`
     size: b = "wide",
     fullwidth: f = !1,
     onFocus: x,
-    onBlur: y
-  } = e, [$, C] = J(!1), E = (V) => {
+    onBlur: k
+  } = e, [$, C] = J(!1), E = (P) => {
     C(!0);
     try {
-      x && x(V);
-    } catch (j) {
-      console.error(`Error executing focus callback. ${j}`);
+      x && x(P);
+    } catch (V) {
+      console.error(`Error executing focus callback. ${V}`);
     }
-  }, R = (V) => {
+  }, A = (P) => {
     C(!1);
     try {
-      y && y(V);
-    } catch (j) {
-      console.error(`Error executing blur callback. ${j}`);
+      k && k(P);
+    } catch (V) {
+      console.error(`Error executing blur callback. ${V}`);
     }
-  }, F = (V) => {
+  }, F = (P) => {
     try {
-      h && h(V);
-    } catch (j) {
-      console.error(`Error when changing value using callback. ${j}`);
+      h && h(P);
+    } catch (V) {
+      console.error(`Error when changing value using callback. ${V}`);
     }
-  }, 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: [
+  }, D = ee(Z), S = ((l = (t = D == null ? void 0 : D.input) == null ? void 0 : t.required) == null ? void 0 : l.appearance) || N.required.appearance, I = ((n = (o = D == null ? void 0 : D.input) == null ? void 0 : o.message) == null ? void 0 : n.appearance) || N.message.appearance;
+  return /* @__PURE__ */ w(Ho, { $fullwidth: f, $disabled: u, $size: b, children: [
     /* @__PURE__ */ w(
-      _o,
+      Uo,
       {
         $alignItems: "center",
         $wrap: "wrap",
         $size: b,
-        $disabled: c,
+        $disabled: u,
         children: [
           a && /* @__PURE__ */ s(
             De,
             {
               htmlFor: d,
-              disabled: c,
+              disabled: u,
               focused: $,
               invalid: g === "invalid",
               size: b === "compact" ? "medium" : "large",
@@ -4073,8 +4068,8 @@ const Ho = v.div`
               children: a
             }
           ),
-          p && !c && /* @__PURE__ */ s(
-            D,
+          p && !u && /* @__PURE__ */ s(
+            R,
             {
               type: "body",
               size: "small",
@@ -4088,20 +4083,20 @@ const Ho = v.div`
       }
     ),
     /* @__PURE__ */ s(
-      Uo,
+      Mo,
       {
-        $disabled: c,
+        $disabled: u,
         $focused: $,
         $status: g,
         children: /* @__PURE__ */ s(
-          Mo,
+          qo,
           {
             label: a,
             name: i,
             id: d,
-            disabled: c,
+            disabled: u,
             type: "date",
-            value: u,
+            value: c,
             $required: p,
             $size: b,
             $status: g,
@@ -4109,15 +4104,15 @@ const Ho = v.div`
             $focused: $,
             onChange: F,
             onFocus: E,
-            onBlur: R
+            onBlur: A
           }
         )
       }
     ),
-    g === "invalid" && !c && m && /* @__PURE__ */ w(qo, { children: [
-      /* @__PURE__ */ s(q, { appearance: I, icon: /* @__PURE__ */ s(Xl, {}) }),
+    g === "invalid" && !u && m && /* @__PURE__ */ w(Go, { children: [
+      /* @__PURE__ */ s(G, { appearance: I, icon: /* @__PURE__ */ s(Wl, {}) }),
       /* @__PURE__ */ s(
-        D,
+        R,
         {
           type: "body",
           size: "small",
@@ -4129,7 +4124,7 @@ const Ho = v.div`
       )
     ] })
   ] });
-}, se = {
+}, ue = {
   primary: {
     background: {
       color: r.palette.blue.B400
@@ -4242,7 +4237,7 @@ const Ho = v.div`
       color: r.palette.neutral.N50
     }
   }
-}, Go = de`
+}, Yo = ie`
   0% {
     transform: translateX(0%);
   }
@@ -4255,16 +4250,16 @@ v.div`
   height: ${({ $height: e }) => e};
   background-color: ${({ theme: e, $appearance: t }) => {
   var l, o;
-  return ((o = (l = e == null ? void 0 : e.progressbar) == null ? void 0 : l[t]) == null ? void 0 : o.background.color) || se[t].background.color;
+  return ((o = (l = e == null ? void 0 : e.progressbar) == null ? void 0 : l[t]) == null ? void 0 : o.background.color) || ue[t].background.color;
 }};
   transition: width 0.4s ease;
   ${({ $animated: e, theme: t, $appearance: l }) => {
   var o, n;
-  return e && _e`
+  return e && He`
       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};
+      background: ${((n = (o = t == null ? void 0 : t.progressbar) == null ? void 0 : o[l]) == null ? void 0 : n.animation.color) || ue[l].animation.color};
       &::after {
         content: "";
@@ -4272,21 +4267,21 @@ v.div`
         height: 100%;
         width: 100%;
         background: ${({ theme: a }) => {
-    var i, d, c, u, h, p;
+    var i, d, u, c, h, p;
     return `linear-gradient(
           90deg,
-          ${((d = (i = a == null ? void 0 : a.progressbar) == null ? void 0 : i[l]) == null ? void 0 : d.track.color) || se[l].track.color} 25%,
-          ${((u = (c = a == null ? void 0 : a.progressbar) == null ? void 0 : c[l]) == null ? void 0 : u.animation.color) || se[l].animation.color} 50%,
-          ${((p = (h = a == null ? void 0 : a.progressbar) == null ? void 0 : h[l]) == null ? void 0 : p.track.color) || se[l].track.color} 100%
+          ${((d = (i = a == null ? void 0 : a.progressbar) == null ? void 0 : i[l]) == null ? void 0 : d.track.color) || ue[l].track.color} 25%,
+          ${((c = (u = a == null ? void 0 : a.progressbar) == null ? void 0 : u[l]) == null ? void 0 : c.animation.color) || ue[l].animation.color} 50%,
+          ${((p = (h = a == null ? void 0 : a.progressbar) == null ? void 0 : h[l]) == null ? void 0 : p.track.color) || ue[l].track.color} 100%
         );`;
   }};
-        animation: ${Go} 2s linear infinite;
+        animation: ${Yo} 2s linear infinite;
       }
     `;
 }}
 `;
-const U = {
+const M = {
   border: {
     color: {
       active: r.palette.neutral.N80,
@@ -4326,11 +4321,11 @@ v.input`
   &:checked + span {
     border-color: ${({ theme: e }) => {
   var t, l, o;
-  return ((o = (l = (t = e == null ? void 0 : e.radiofield) == null ? void 0 : t.border) == null ? void 0 : l.color) == null ? void 0 : o.checked) || U.border.color.checked;
+  return ((o = (l = (t = e == null ? void 0 : e.radiofield) == null ? void 0 : t.border) == null ? void 0 : l.color) == null ? void 0 : o.checked) || M.border.color.checked;
 }};
     background-color: ${({ theme: e }) => {
   var t, l, o;
-  return ((o = (l = (t = e == null ? void 0 : e.radiofield) == null ? void 0 : t.background) == null ? void 0 : l.color) == null ? void 0 : o.checked) || U.background.color.checked;
+  return ((o = (l = (t = e == null ? void 0 : e.radiofield) == null ? void 0 : t.background) == null ? void 0 : l.color) == null ? void 0 : o.checked) || M.background.color.checked;
 }};
     &:after {
@@ -4341,7 +4336,7 @@ v.input`
       border-radius: 50%;
       background: ${({ theme: e }) => {
   var t, l, o;
-  return ((o = (l = (t = e == null ? void 0 : e.radiofield) == null ? void 0 : t.foreground) == null ? void 0 : l.color) == null ? void 0 : o.checked) || U.foreground.color.checked;
+  return ((o = (l = (t = e == null ? void 0 : e.radiofield) == null ? void 0 : t.foreground) == null ? void 0 : l.color) == null ? void 0 : o.checked) || M.foreground.color.checked;
 }};
       position: absolute;
       top: 50%;
@@ -4354,7 +4349,7 @@ v.input`
     outline: 2px solid
       ${({ theme: e }) => {
   var t, l, o;
-  return ((o = (l = (t = e == null ? void 0 : e.radiofield) == null ? void 0 : t.outline) == null ? void 0 : l.color) == null ? void 0 : o.hover) || U.outline.color.hover;
+  return ((o = (l = (t = e == null ? void 0 : e.radiofield) == null ? void 0 : t.outline) == null ? void 0 : l.color) == null ? void 0 : o.hover) || M.outline.color.hover;
 }};
     outline-offset: 2px;
   }
@@ -4362,11 +4357,11 @@ v.input`
   &:disabled + span {
     border-color: ${({ theme: e }) => {
   var t, l, o;
-  return ((o = (l = (t = e == null ? void 0 : e.radiofield) == null ? void 0 : t.border) == null ? void 0 : l.color) == null ? void 0 : o.disabled) || U.border.color.disabled;
+  return ((o = (l = (t = e == null ? void 0 : e.radiofield) == null ? void 0 : t.border) == null ? void 0 : l.color) == null ? void 0 : o.disabled) || M.border.color.disabled;
 }};
     background-color: ${({ theme: e }) => {
   var t, l, o;
-  return ((o = (l = (t = e == null ? void 0 : e.radiofield) == null ? void 0 : t.background) == null ? void 0 : l.color) == null ? void 0 : o.disabled) || U.background.color.disabled;
+  return ((o = (l = (t = e == null ? void 0 : e.radiofield) == null ? void 0 : t.background) == null ? void 0 : l.color) == null ? void 0 : o.disabled) || M.background.color.disabled;
 }};
   }
 `;
@@ -4378,11 +4373,11 @@ v.span`
   border: 2px solid
     ${({ theme: e }) => {
   var t, l, o;
-  return ((o = (l = (t = e == null ? void 0 : e.radiofield) == null ? void 0 : t.border) == null ? void 0 : l.color) == null ? void 0 : o.active) || U.border.color.active;
+  return ((o = (l = (t = e == null ? void 0 : e.radiofield) == null ? void 0 : t.border) == null ? void 0 : l.color) == null ? void 0 : o.active) || M.border.color.active;
 }};
   background-color: ${({ theme: e }) => {
   var t, l, o;
-  return ((o = (l = (t = e == null ? void 0 : e.radiofield) == null ? void 0 : t.background) == null ? void 0 : l.color) == null ? void 0 : o.active) || U.background.color.active;
+  return ((o = (l = (t = e == null ? void 0 : e.radiofield) == null ? void 0 : t.background) == null ? void 0 : l.color) == null ? void 0 : o.active) || M.background.color.active;
 }};
   cursor: ${({ disabled: e }) => e ? "not-allowed" : "pointer"};
   position: absolute;
@@ -4393,7 +4388,7 @@ v.span`
   &:hover {
     border-color: ${({ theme: e }) => {
   var t, l, o;
-  return ((o = (l = (t = e == null ? void 0 : e.radiofield) == null ? void 0 : t.outline) == null ? void 0 : l.color) == null ? void 0 : o.hover) || U.outline.color.hover;
+  return ((o = (l = (t = e == null ? void 0 : e.radiofield) == null ? void 0 : t.outline) == null ? void 0 : l.color) == null ? void 0 : o.hover) || M.outline.color.hover;
 }};
   }
 `;
@@ -4406,7 +4401,7 @@ const Ft = {
   background: {
     color: r.palette.neutral.N0
   }
-}, Yo = v.div`
+}, Wo = v.div`
   border-radius: 8px;
   width: ${({ $width: e }) => e};
   box-shadow: 0px 2px 3px 0px
@@ -4424,9 +4419,9 @@ const Ft = {
   return ((l = (t = e == null ? void 0 : e.menu) == null ? void 0 : t.background) == null ? void 0 : l.color) || Ft.background.color;
 }};
 `;
-ht((e, t) => {
+pt((e, t) => {
   const { children: l, width: o = "fit-content" } = e;
-  return /* @__PURE__ */ s(Yo, { ref: t, $width: o, children: l });
+  return /* @__PURE__ */ s(Wo, { ref: t, $width: o, children: l });
 });
 v.div`
   display: block;
@@ -4441,7 +4436,7 @@ v.div`
 }};
   }
 `;
-v(Y)`
+v(W)`
   text-decoration: none;
 `;
 v.div`
@@ -4457,7 +4452,7 @@ v.div`
   align-items: flex-end;
   cursor: pointer;
 `;
-const Wo = {
+const Ko = {
   background: {
     color: r.palette.neutral.N0
   }
@@ -4472,7 +4467,7 @@ v.header`
   // height: 54px;
   background-color: ${({ theme: e }) => {
   var t, l;
-  return ((l = (t = e == null ? void 0 : e.header) == null ? void 0 : t.background) == null ? void 0 : l.color) || Wo.background.color;
+  return ((l = (t = e == null ? void 0 : e.header) == null ? void 0 : t.background) == null ? void 0 : l.color) || Ko.background.color;
 }};
   box-shadow:
     0px 1px 3px 1px
@@ -4492,7 +4487,7 @@ v.div`
   width: 24px;
   display: ${({ $display: e }) => e ? "block" : "none"};
 `;
-v(Y)`
+v(W)`
   text-decoration: none;
 `;
 v.div`
@@ -4505,7 +4500,202 @@ v.div`
   return ((l = (t = e == null ? void 0 : e.palette) == null ? void 0 : t.neutral) == null ? void 0 : l.N40) || r.palette.neutral.N40;
 }};
 `;
-const Xo = (e) => {
+const Xo = {
+  border: {
+    color: Tt.neutral.N40
+  }
+};
+v.div`
+  border-width: 1px;
+  border-style: solid;
+  border-color: ${({ theme: e }) => {
+  var t, l;
+  return ((l = (t = e == null ? void 0 : e.box) == null ? void 0 : t.border) == null ? void 0 : l.color) || Xo.border.color;
+}};
+  border-radius: ${({ $borderRadius: e }) => e};
+  margin: ${({ $margin: e }) => e};
+  padding: ${({ $padding: e }) => e};
+  width: ${(e) => e};
+  height: ${({ $height: e }) => e};
+  box-sizing: border-box;
+`;
+const Jo = {
+  primary: {
+    background: {
+      color: r.palette.blue.B50
+    },
+    icon: {
+      appearance: "primary"
+    },
+    title: {
+      appearance: "dark"
+    },
+    content: {
+      appearance: "gray"
+    },
+    action: {
+      appearance: {
+        primary: "primary",
+        secondary: "gray"
+      }
+    }
+  },
+  success: {
+    background: {
+      color: r.palette.green.G50
+    },
+    icon: {
+      appearance: "success"
+    },
+    title: {
+      appearance: "dark"
+    },
+    content: {
+      appearance: "gray"
+    },
+    action: {
+      appearance: {
+        primary: "success",
+        secondary: "gray"
+      }
+    }
+  },
+  warning: {
+    background: {
+      color: r.palette.yellow.Y50
+    },
+    icon: {
+      appearance: "warning"
+    },
+    title: {
+      appearance: "dark"
+    },
+    content: {
+      appearance: "gray"
+    },
+    action: {
+      appearance: {
+        primary: "warning",
+        secondary: "gray"
+      }
+    }
+  },
+  danger: {
+    background: {
+      color: r.palette.red.R50
+    },
+    icon: {
+      appearance: "danger"
+    },
+    title: {
+      appearance: "dark"
+    },
+    content: {
+      appearance: "gray"
+    },
+    action: {
+      appearance: {
+        primary: "danger",
+        secondary: "gray"
+      }
+    }
+  },
+  help: {
+    background: {
+      color: r.palette.purple.P50
+    },
+    icon: {
+      appearance: "help"
+    },
+    title: {
+      appearance: "dark"
+    },
+    content: {
+      appearance: "gray"
+    },
+    action: {
+      appearance: {
+        primary: "help",
+        secondary: "gray"
+      }
+    }
+  },
+  dark: {
+    background: {
+      color: r.palette.neutral.N30
+    },
+    icon: {
+      appearance: "dark"
+    },
+    title: {
+      appearance: "dark"
+    },
+    content: {
+      appearance: "gray"
+    },
+    action: {
+      appearance: {
+        primary: "dark",
+        secondary: "gray"
+      }
+    }
+  },
+  gray: {
+    background: {
+      color: r.palette.neutral.N10
+    },
+    icon: {
+      appearance: "gray"
+    },
+    title: {
+      appearance: "dark"
+    },
+    content: {
+      appearance: "gray"
+    },
+    action: {
+      appearance: {
+        primary: "dark",
+        secondary: "gray"
+      }
+    }
+  },
+  light: {
+    background: {
+      color: r.palette.neutral.N0
+    },
+    icon: {
+      appearance: "dark"
+    },
+    title: {
+      appearance: "dark"
+    },
+    content: {
+      appearance: "gray"
+    },
+    action: {
+      appearance: {
+        primary: "dark",
+        secondary: "gray"
+      }
+    }
+  }
+};
+v.div`
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  padding: 20px;
+  gap: 12px;
+  border-radius: 4px;
+  width: ${({ $fullwidth: e, $width: t }) => e ? "100%" : t};
+  background-color: ${({ theme: e, $appearance: t }) => {
+  var l, o, n;
+  return ((n = (o = (l = e == null ? void 0 : e.message) == null ? void 0 : l[t]) == null ? void 0 : o.background) == null ? void 0 : n.color) || Jo[t].background.color;
+}};
+  box-sizing: border-box;
+`;
+const Qo = (e) => {
   const {
     onHandleStartChange: t,
     onHandleEndChange: l,
@@ -4514,23 +4704,23 @@ const Xo = (e) => {
     labelEnd: a,
     checkedClosed: i = !1,
     required: d = !1,
-    valueStart: c = "",
-    valueEnd: u = "",
+    valueStart: u = "",
+    valueEnd: c = "",
     messageStart: h = "",
     messageEnd: p = "",
     statusStart: g = "pending",
     statusEnd: m = "pending"
-  } = e, [b, f] = J(i), [x, y] = J(c), [$, C] = J(u), E = ({ target: S }) => {
+  } = e, [b, f] = J(i), [x, k] = J(u), [$, C] = J(c), E = ({ target: S }) => {
     f(S.checked), o && o(S.checked);
-  }, R = (S) => {
-    y(S.target.value), t(S);
+  }, A = (S) => {
+    k(S.target.value), t(S);
   }, F = (S) => {
     C(S.target.value), l(S);
-  }, A = Te("(max-width: 400px)");
-  return /* @__PURE__ */ w(he, { children: [
+  }, D = he("(max-width: 400px)");
+  return /* @__PURE__ */ w(pe, { children: [
     /* @__PURE__ */ w(T, { direction: "row", justifyContent: "space-between", margin: "10px 0", children: [
       /* @__PURE__ */ s(
-        D,
+        R,
         {
           appearance: "gray",
           margin: "10px 0",
@@ -4548,7 +4738,7 @@ const Xo = (e) => {
           wrap: "wrap",
           gap: "4px",
           children: /* @__PURE__ */ s(
-            Rt,
+            At,
             {
               label: "Cerrada",
               onChange: E,
@@ -4562,16 +4752,16 @@ const Xo = (e) => {
     /* @__PURE__ */ w(
       T,
       {
-        direction: A ? "column" : "row",
+        direction: D ? "column" : "row",
         justifyContent: "space-between",
         gap: "24px",
         children: [
           /* @__PURE__ */ s(
-            ut,
+            dt,
             {
               id: "dateStart",
               label: n,
-              onChange: R,
+              onChange: A,
               value: x,
               required: d,
               size: "compact",
@@ -4580,7 +4770,7 @@ const Xo = (e) => {
             }
           ),
           b && /* @__PURE__ */ s(
-            ut,
+            dt,
             {
               id: "dateEnd",
               label: a,
@@ -4596,12 +4786,12 @@ const Xo = (e) => {
       }
     )
   ] });
-}, Ko = v.div`
+}, Zo = v.div`
   & > div {
     border-radius: 8px;
-    border: 1px solid ${te.palette.neutral.N30};
+    border: 1px solid ${r.palette.neutral.N30};
   }
-`, Jo = v.div`
+`, er = v.div`
   width: 100%;
   height: 100%;
   overflow-y: auto;
@@ -4618,7 +4808,7 @@ const Xo = (e) => {
     background-color: #ebecf0;
     border-radius: 8px;
   }
-`, Qo = (e) => {
+`, tr = (e) => {
   const {
     checked: t,
     children: l,
@@ -4627,28 +4817,28 @@ const Xo = (e) => {
     labelToggle: a,
     name: i,
     valueToggle: d = ""
-  } = e, [c, u] = J(t), h = (p) => {
-    u(p.target.checked), o(p);
+  } = e, [u, c] = J(t), h = (p) => {
+    c(p.target.checked), o(p);
   };
-  return vt(() => {
-    u(t);
-  }, [t]), /* @__PURE__ */ w(he, { children: [
+  return ht(() => {
+    c(t);
+  }, [t]), /* @__PURE__ */ w(pe, { children: [
     /* @__PURE__ */ s(T, { children: /* @__PURE__ */ s(
-      Dt,
+      Rt,
       {
-        checked: c,
+        checked: u,
         id: n,
         name: i,
         onChange: h,
         size: "small",
         value: d,
-        children: /* @__PURE__ */ s(D, { size: "medium", type: "label", weight: "bold", children: a })
+        children: /* @__PURE__ */ s(R, { size: "medium", type: "label", weight: "bold", children: a })
       }
     ) }),
-    c && /* @__PURE__ */ s(he, { children: l })
+    u && /* @__PURE__ */ s(pe, { children: l })
   ] });
-}, Zo = (e) => ({
-  schema: gt().test(
+}, lr = (e) => ({
+  schema: vt().test(
     "isArrayOrString",
     "Must be an array of strings/numbers or a single string",
     (t) => Array.isArray(t) ? t.every(
@@ -4656,8 +4846,8 @@ const Xo = (e) => {
     ) : typeof t == "string"
   ),
   value: e
-}), er = (e) => ({
-  schema: gt().test(
+}), or = (e) => ({
+  schema: vt().test(
     "isArrayOrString",
     "Must be an array of strings/numbers or a single string",
     (t) => Array.isArray(t) ? t.every(
@@ -4665,12 +4855,12 @@ const Xo = (e) => {
     ) : typeof t == "string"
   ),
   value: e
-}), tr = (e) => {
+}), rr = (e) => {
   const t = (e == null ? void 0 : e.from) ?? 0, l = (e == null ? void 0 : e.to) ?? 0;
   return {
     schema: ye({
-      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(
+      from: Le().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: Le().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) {
@@ -4681,44 +4871,44 @@ const Xo = (e) => {
     }),
     value: { from: t, to: l }
   };
-}, 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"),
+}, Pe = (e, t) => t === re.PERCENTAGE ? {
+  schema: Le().required("Percentage is required").min(0, "Percentage cannot be less than 0").max(100, "Percentage cannot be greater than 100"),
   value: e
 } : {
   schema: Ue().required("Required"),
   value: e
-}, lr = (e) => ({
+}, nr = (e) => ({
   schema: Ue().required("Required").test(
     "non-empty",
     "Value cannot be empty",
     (t) => t != null && t.trim() !== ""
   ),
   value: e
-}), or = {
-  [B.LIST_OF_VALUES]: Zo,
-  [B.LIST_OF_VALUES_MULTI]: er,
-  [B.RANGE]: tr,
-  [B.GREATER_THAN]: Pe,
-  [B.LESS_THAN]: Pe,
-  [B.EQUAL]: Pe
-}, ct = (e) => or[e] || lr;
-function rr({ decision: e, onSubmitEvent: t }) {
+}), ar = {
+  [j.LIST_OF_VALUES]: lr,
+  [j.LIST_OF_VALUES_MULTI]: or,
+  [j.RANGE]: rr,
+  [j.GREATER_THAN]: Pe,
+  [j.LESS_THAN]: Pe,
+  [j.EQUAL]: Pe
+}, ct = (e) => ar[e] || nr;
+function ir({ decision: e, onSubmitEvent: t }) {
   const l = {
     ruleName: e.ruleName || "",
-    decisionDataType: e.decisionDataType || ne.ALPHABETICAL,
+    decisionDataType: e.decisionDataType || re.ALPHABETICAL,
     howToSetTheDecision: e.howToSetTheDecision || "",
     value: e.value || "",
     effectiveFrom: e.effectiveFrom || "",
     validUntil: e.validUntil || "",
     toggleNone: !0,
-    conditionThatEstablishesTheDecision: {},
+    conditionsThatEstablishesTheDecision: {},
     checkClosed: !1
   }, o = ye({
     ruleName: Ue().required("Name is required"),
-    effectiveFrom: et().required("effective From date is required"),
-    validUntil: et().when(
+    effectiveFrom: Ze().required("effective From date is required"),
+    validUntil: Ze().when(
       "checkClosed",
-      (i, d, { parent: c }) => (c == null ? void 0 : c.checkClosed) ? d.required("valid Until date is required").test(
+      (i, d, { parent: u }) => (u == null ? void 0 : u.checkClosed) ? d.required("valid Until date is required").test(
         "is-after-startDate",
         "valid Until date must be greater than or equal to Start date",
         function(h) {
@@ -4727,16 +4917,16 @@ function rr({ decision: e, onSubmitEvent: t }) {
         }
       ) : d.notRequired()
     ),
-    value: Ze(() => ct(n.values.howToSetTheDecision)(
+    value: Qe(() => ct(n.values.howToSetTheDecision)(
       n.values.value,
       n.values.decisionDataType
     ).schema),
-    conditionThatEstablishesTheDecision: Ze((i, { parent: d }) => {
+    conditionsThatEstablishesTheDecision: Qe((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(
+      if ((d == null ? void 0 : d.toggleNone) && Object.keys(d.conditionsThatEstablishesTheDecision || {}).length > 0) return ye().shape({});
+      const c = (h = e.conditionsThatEstablishesTheDecision) == null ? void 0 : h.reduce(
         (p, g) => {
-          if (n.values.conditionThatEstablishesTheDecision[g.conditionName] !== void 0) {
+          if (n.values.conditionsThatEstablishesTheDecision[g.conditionName] !== void 0) {
             const b = ct(g.howToSetTheCondition);
             p[g.conditionName] = b(
               g.value,
@@ -4747,7 +4937,7 @@ function rr({ decision: e, onSubmitEvent: t }) {
         },
         {}
       );
-      return ye(u).test(
+      return ye(c).test(
         "at-least-one-condition",
         "It must be at least one condition in order for the decision to be validated correctly.",
         (p) => p ? Object.values(p).some(
@@ -4755,12 +4945,12 @@ function rr({ decision: e, onSubmitEvent: t }) {
         ) : !1
       );
     })
-  }), n = Ht({
+  }), n = _t({
     initialValues: l,
     validationSchema: o,
     validateOnBlur: !0,
     onSubmit: (i) => {
-      var c;
+      var u;
       const d = {
         ...e,
         ruleName: i.ruleName,
@@ -4769,12 +4959,12 @@ function rr({ decision: e, onSubmitEvent: t }) {
         value: i.value,
         effectiveFrom: i.effectiveFrom,
         validUntil: i.validUntil,
-        conditionThatEstablishesTheDecision: (c = e.conditionThatEstablishesTheDecision) == null ? void 0 : c.filter((u) => {
-          const h = i.conditionThatEstablishesTheDecision[u.conditionName];
+        conditionsThatEstablishesTheDecision: (u = e.conditionsThatEstablishesTheDecision) == null ? void 0 : u.filter((c) => {
+          const h = i.conditionsThatEstablishesTheDecision[c.conditionName];
           return h != null && h !== "";
-        }).map((u) => ({
-          ...u,
-          value: i.conditionThatEstablishesTheDecision[u.conditionName]
+        }).map((c) => ({
+          ...c,
+          value: i.conditionsThatEstablishesTheDecision[c.conditionName]
         }))
       };
       t(d);
@@ -4782,25 +4972,25 @@ function rr({ decision: e, onSubmitEvent: t }) {
   });
   return { formik: n, handleToggleNoneChange: (i) => {
     var d;
-    n.setFieldValue("toggleNone", i), (d = e.conditionThatEstablishesTheDecision) == null || d.forEach((c) => {
+    n.setFieldValue("toggleNone", i), (d = e.conditionsThatEstablishesTheDecision) == null || d.forEach((u) => {
       if (i)
         n.setFieldValue(
-          `conditionThatEstablishesTheDecision.${c.conditionName}`,
+          `conditionsThatEstablishesTheDecision.${u.conditionName}`,
           void 0
         );
       else {
-        const u = c.howToSetTheCondition === B.LIST_OF_VALUES_MULTI ? [] : "";
+        const c = u.howToSetTheCondition === j.LIST_OF_VALUES_MULTI ? [] : "";
         n.setFieldValue(
-          `conditionThatEstablishesTheDecision.${c.conditionName}`,
-          u
+          `conditionsThatEstablishesTheDecision.${u.conditionName}`,
+          c
         );
       }
     });
   } };
 }
-const nr = (e) => {
-  var c;
-  const { decision: t, onSubmitEvent: l, textValues: o, onCancel: n } = e, { formik: a, handleToggleNoneChange: i } = rr({
+const dr = (e) => {
+  var u;
+  const { decision: t, onSubmitEvent: l, textValues: o, onCancel: n } = e, { formik: a, handleToggleNoneChange: i } = ir({
     decision: t,
     onSubmitEvent: l
   }), d = {
@@ -4811,13 +5001,13 @@ const nr = (e) => {
     listOfPossibleValues: t.listOfPossibleValues
   };
   return /* @__PURE__ */ s("form", { onSubmit: a.handleSubmit, children: /* @__PURE__ */ w(T, { direction: "column", gap: "24px", children: [
-    Qe({
+    Je({
       condition: d,
       formik: a,
       isDecision: !0
     }),
-    /* @__PURE__ */ s(re, { dashed: !0 }),
-    /* @__PURE__ */ s(Ko, { children: /* @__PURE__ */ s(Jo, { children: /* @__PURE__ */ w(
+    /* @__PURE__ */ s(oe, { dashed: !0 }),
+    /* @__PURE__ */ s(Zo, { children: /* @__PURE__ */ s(er, { children: /* @__PURE__ */ w(
       T,
       {
         direction: "column",
@@ -4832,57 +5022,57 @@ const nr = (e) => {
               alignItems: "center",
               gap: "64px",
               children: [
-                /* @__PURE__ */ s(D, { type: "title", size: "small", weight: "bold", appearance: "gray", children: o.factsThatConditionIt }),
+                /* @__PURE__ */ s(R, { type: "title", size: "small", weight: "bold", appearance: "gray", children: o.factsThatConditionIt }),
                 /* @__PURE__ */ s(
-                  Dt,
+                  Rt,
                   {
                     id: "toggleNone",
                     onChange: () => i(!a.values.toggleNone),
                     checked: a.values.toggleNone,
                     size: "small",
-                    children: /* @__PURE__ */ s(D, { as: "span", size: "medium", type: "label", weight: "bold", children: o.none })
+                    children: /* @__PURE__ */ s(R, { as: "span", size: "medium", type: "label", weight: "bold", children: o.none })
                   }
                 )
               ]
             }
           ),
-          /* @__PURE__ */ s(T, { direction: "column", gap: "20px", children: (c = t.conditionThatEstablishesTheDecision) == null ? void 0 : c.map(
-            (u) => u.hidden ? null : /* @__PURE__ */ s(
-              Qo,
+          /* @__PURE__ */ s(T, { direction: "column", gap: "20px", children: (u = t.conditionsThatEstablishesTheDecision) == null ? void 0 : u.map(
+            (c) => c.hidden ? null : /* @__PURE__ */ s(
+              tr,
               {
-                id: `toggle-${u.conditionName}`,
-                name: `toggle.${u.conditionName}`,
-                labelToggle: u.labelName,
-                checked: !a.values.toggleNone && a.values.conditionThatEstablishesTheDecision[u.conditionName] !== void 0,
+                id: `toggle-${c.conditionName}`,
+                name: `toggle.${c.conditionName}`,
+                labelToggle: c.labelName,
+                checked: !a.values.toggleNone && a.values.conditionsThatEstablishesTheDecision[c.conditionName] !== void 0,
                 handleToggleChange: (h) => {
                   if (!h.target.checked)
                     a.setFieldValue(
-                      `conditionThatEstablishesTheDecision.${u.conditionName}`,
+                      `conditionsThatEstablishesTheDecision.${c.conditionName}`,
                       void 0
                     ), a.setFieldTouched(
-                      `conditionThatEstablishesTheDecision.${u.conditionName}`,
+                      `conditionsThatEstablishesTheDecision.${c.conditionName}`,
                       !1,
                       !1
                     );
                   else {
-                    const g = u.howToSetTheCondition === B.LIST_OF_VALUES_MULTI ? [] : "";
+                    const g = c.howToSetTheCondition === j.LIST_OF_VALUES_MULTI ? [] : "";
                     a.setFieldValue(
-                      `conditionThatEstablishesTheDecision.${u.conditionName}`,
+                      `conditionsThatEstablishesTheDecision.${c.conditionName}`,
                       g
                     );
                   }
                 },
-                children: Qe({ condition: u, formik: a })
+                children: Je({ condition: c, formik: a })
               },
-              u.conditionName
+              c.conditionName
             )
           ) })
         ]
       }
     ) }) }),
-    /* @__PURE__ */ s(re, { dashed: !0 }),
+    /* @__PURE__ */ s(oe, { dashed: !0 }),
     /* @__PURE__ */ s(
-      Xo,
+      Qo,
       {
         labelStart: o.termStart,
         labelEnd: o.termEnd,
@@ -4892,27 +5082,27 @@ const nr = (e) => {
         messageEnd: a.errors.validUntil,
         statusStart: a.touched.effectiveFrom ? a.errors.effectiveFrom ? "invalid" : "valid" : void 0,
         statusEnd: a.touched.validUntil ? a.errors.validUntil ? "invalid" : "valid" : void 0,
-        onHandleStartChange: (u) => a.setFieldValue("effectiveFrom", u.target.value),
-        onHandleEndChange: (u) => a.setFieldValue("validUntil", u.target.value),
-        onCheckClosedChange: (u) => {
-          a.setFieldValue("checkClosed", u), u && a.setFieldValue("validUntil", "");
+        onHandleStartChange: (c) => a.setFieldValue("effectiveFrom", c.target.value),
+        onHandleEndChange: (c) => a.setFieldValue("validUntil", c.target.value),
+        onCheckClosedChange: (c) => {
+          a.setFieldValue("checkClosed", c), c && a.setFieldValue("validUntil", "");
         },
         checkedClosed: a.values.checkClosed
       }
     ),
-    /* @__PURE__ */ s(re, {}),
-    a.errors.conditionThatEstablishesTheDecision && a.submitCount > 0 && /* @__PURE__ */ s(D, { type: "label", size: "medium", appearance: "danger", children: String(a.errors.conditionThatEstablishesTheDecision) }),
+    /* @__PURE__ */ s(oe, {}),
+    a.errors.conditionsThatEstablishesTheDecision && a.submitCount > 0 && /* @__PURE__ */ s(R, { type: "label", size: "medium", appearance: "danger", children: String(a.errors.conditionsThatEstablishesTheDecision) }),
     /* @__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 })
+      /* @__PURE__ */ s(it, { appearance: "gray", onClick: n, children: o.cancel }),
+      /* @__PURE__ */ s(it, { type: "submit", children: o.confirm })
     ] })
   ] }) });
-}, st = v.div`
+}, ut = v.div`
   & > div {
     border-radius: 8px;
-    border: 1px solid ${te.palette.neutral.N30};
+    border: 1px solid ${r.palette.neutral.N30};
   }
-`, pt = v.div`
+`, st = v.div`
   width: 100%;
   height: 100%;
   overflow-y: auto;
@@ -4930,28 +5120,28 @@ const nr = (e) => {
     background-color: #ebecf0;
     border-radius: 8px;
   }
-`, ar = (e) => e.value, ir = (e) => e.value, dr = (e) => ({
+`, cr = (e) => e.value, ur = (e) => e.value, sr = (e) => ({
   from: e.from ?? "",
   to: e.to ?? ""
-}), ur = (e) => e.value, cr = (e) => e.value, sr = (e) => e.value;
-var le = /* @__PURE__ */ ((e) => (e.EQUAL = "EqualTo", e.GREATER_THAN = "GreaterThan", e.LESS_THAN = "LessThan", e.LIST_OF_VALUES = "ListOfValues", e.LIST_OF_VALUES_MULTI = "ListOfValuesMulti", e.RANGE = "Range", e))(le || {});
-const pr = (e) => e.value, hr = {
-  [le.LIST_OF_VALUES]: ar,
-  [le.LIST_OF_VALUES_MULTI]: ir,
-  [le.RANGE]: dr,
-  [le.GREATER_THAN]: ur,
-  [le.LESS_THAN]: cr,
-  [le.EQUAL]: sr
+}), pr = (e) => e.value, hr = (e) => e.value, vr = (e) => e.value;
+var te = /* @__PURE__ */ ((e) => (e.EQUAL = "EqualTo", e.GREATER_THAN = "GreaterThan", e.LESS_THAN = "LessThan", e.LIST_OF_VALUES = "ListOfValues", e.LIST_OF_VALUES_MULTI = "ListOfValuesMulti", e.RANGE = "Range", e))(te || {});
+const gr = (e) => e.value, br = {
+  [te.LIST_OF_VALUES]: cr,
+  [te.LIST_OF_VALUES_MULTI]: ur,
+  [te.RANGE]: sr,
+  [te.GREATER_THAN]: pr,
+  [te.LESS_THAN]: hr,
+  [te.EQUAL]: vr
 };
-function pe(e) {
-  const t = e == null ? void 0 : e.value, l = typeof t == "object" && t !== null && !Array.isArray(t), o = hr[e == null ? void 0 : e.howToSetTheDecision] || pr;
+function se(e) {
+  const t = e == null ? void 0 : e.value, l = typeof t == "object" && t !== null && !Array.isArray(t), o = br[e == null ? void 0 : e.howToSetTheDecision] || gr;
   return l && o(t) || t || void 0;
 }
 const Ot = (e) => {
   const { decision: t, loading: l = !1, textValues: o } = e, n = {
     labelName: (t == null ? void 0 : t.labelName) || "",
     decisionDataType: (t == null ? void 0 : t.decisionDataType) || "alphabetical",
-    value: pe(t),
+    value: se(t),
     howToSetTheDecision: (t == null ? void 0 : t.howToSetTheDecision) || "EqualTo"
   };
   return !l && t && o ? /* @__PURE__ */ w(T, { direction: "column", gap: "12px", children: [
@@ -4959,12 +5149,12 @@ const Ot = (e) => {
       me,
       {
         element: n,
-        valueData: pe(n),
+        valueData: se(n),
         type: "decision"
       }
     ) }, t.ruleName),
-    /* @__PURE__ */ s(re, { dashed: !0 }),
-    /* @__PURE__ */ s(pt, { children: /* @__PURE__ */ w(
+    /* @__PURE__ */ s(oe, { dashed: !0 }),
+    /* @__PURE__ */ s(st, { children: /* @__PURE__ */ w(
       T,
       {
         direction: "column",
@@ -4973,7 +5163,7 @@ const Ot = (e) => {
         height: "203px",
         children: [
           /* @__PURE__ */ s(
-            D,
+            R,
             {
               type: "label",
               size: "large",
@@ -4983,17 +5173,17 @@ const Ot = (e) => {
               children: o.factsThatConditionIt
             }
           ),
-          t.conditionThatEstablishesTheDecision && t.conditionThatEstablishesTheDecision.map((a) => a.hidden ? null : /* @__PURE__ */ s(st, { children: /* @__PURE__ */ s(T, { direction: "column", padding: "8px", children: /* @__PURE__ */ s(
+          t.conditionsThatEstablishesTheDecision && t.conditionsThatEstablishesTheDecision.map((a) => a.hidden ? null : /* @__PURE__ */ s(ut, { children: /* @__PURE__ */ s(T, { direction: "column", padding: "8px", children: /* @__PURE__ */ s(
             me,
             {
               element: {
                 ...a,
                 value: a.value
               },
-              valueData: pe(a)
+              valueData: se(a)
             }
           ) }) }, a.conditionName)),
-          /* @__PURE__ */ s(re, { dashed: !0 }),
+          /* @__PURE__ */ s(oe, { dashed: !0 }),
           /* @__PURE__ */ w(T, { direction: "column", gap: "12px", children: [
             (t == null ? void 0 : t.effectiveFrom) && (t == null ? void 0 : t.validUntil) && /* @__PURE__ */ s(
               me,
@@ -5001,17 +5191,17 @@ const Ot = (e) => {
                 element: {
                   labelName: o.terms,
                   value: String(t.effectiveFrom),
-                  howToSetTheDecision: B.RANGE,
-                  decisionDataType: ne.DATE
+                  howToSetTheDecision: j.RANGE,
+                  decisionDataType: re.DATE
                 },
-                valueData: pe({
+                valueData: se({
                   labelName: o.terms,
                   value: {
                     from: String(t.effectiveFrom),
                     to: String(t.validUntil)
                   },
-                  howToSetTheDecision: B.RANGE,
-                  decisionDataType: ne.DATE
+                  howToSetTheDecision: j.RANGE,
+                  decisionDataType: re.DATE
                 }),
                 type: "decision"
               },
@@ -5023,14 +5213,14 @@ const Ot = (e) => {
                 element: {
                   labelName: o.terms,
                   value: String(t.effectiveFrom),
-                  howToSetTheDecision: B.EQUAL,
-                  decisionDataType: ne.DATE
+                  howToSetTheDecision: j.EQUAL,
+                  decisionDataType: re.DATE
                 },
-                valueData: pe({
+                valueData: se({
                   labelName: o.terms,
                   value: String(t.effectiveFrom),
-                  howToSetTheDecision: B.EQUAL,
-                  decisionDataType: ne.DATE
+                  howToSetTheDecision: j.EQUAL,
+                  decisionDataType: re.DATE
                 }),
                 type: "decision"
               },
@@ -5046,17 +5236,17 @@ const Ot = (e) => {
       /* @__PURE__ */ s(ce, { animated: !0, width: "85px" })
     ] }, "loading"),
     /* @__PURE__ */ w(T, { direction: "column", gap: "12px", alignItems: "center", children: [
-      /* @__PURE__ */ s(re, { dashed: !0 }),
+      /* @__PURE__ */ s(oe, { dashed: !0 }),
       /* @__PURE__ */ s(ce, { animated: !0, width: "150px" })
     ] }),
-    /* @__PURE__ */ s(pt, { children: /* @__PURE__ */ s(
+    /* @__PURE__ */ s(st, { children: /* @__PURE__ */ s(
       T,
       {
         direction: "column",
         gap: "12px",
         justifyContent: "space-between",
         height: "203px",
-        children: Array.from({ length: 5 }).map((a, i) => /* @__PURE__ */ s(st, { children: /* @__PURE__ */ w(
+        children: Array.from({ length: 5 }).map((a, i) => /* @__PURE__ */ s(ut, { children: /* @__PURE__ */ w(
           T,
           {
             direction: "column",
@@ -5072,9 +5262,9 @@ const Ot = (e) => {
       }
     ) })
   ] });
-}, vr = v.div`
+}, mr = v.div`
   border-radius: 8px;
-  border: 1px solid ${te.palette.neutral.N30};
+  border: 1px solid ${r.palette.neutral.N30};
   box-sizing: border-box;
   display: flex;
   flex-direction: column;
@@ -5105,17 +5295,17 @@ v.div`
 `;
 const Ke = (e) => {
   const { children: t, controls: l = !0, handleDelete: o, id: n } = e;
-  return /* @__PURE__ */ s(vr, { children: /* @__PURE__ */ w(T, { direction: "column", gap: "16px", padding: "12px 16px", children: [
+  return /* @__PURE__ */ s(mr, { children: /* @__PURE__ */ w(T, { direction: "column", gap: "16px", padding: "12px 16px", children: [
     t,
-    l && /* @__PURE__ */ w(he, { children: [
-      /* @__PURE__ */ s(re, {}),
+    l && /* @__PURE__ */ w(pe, { children: [
+      /* @__PURE__ */ s(oe, {}),
       /* @__PURE__ */ s(T, { gap: "16px", justifyContent: "end", children: /* @__PURE__ */ s(
-        q,
+        G,
         {
           cursorHover: !0,
           appearance: "dark",
           size: "24px",
-          icon: /* @__PURE__ */ s(_t, {}),
+          icon: /* @__PURE__ */ s(Ht, {}),
           onClick: () => {
             o(n);
           }
@@ -5123,19 +5313,19 @@ const Ke = (e) => {
       ) })
     ] })
   ] }) });
-}, gr = v.div`
+}, fr = v.div`
   position: relative;
   & > div {
     padding: 24px 16px;
   }
-`, br = v.div`
+`, xr = v.div`
   background-color: ${({ theme: e }) => {
   var t, l;
-  return ((l = (t = e == null ? void 0 : e.palette) == null ? void 0 : t.neutral) == null ? void 0 : l.N0) || te.palette.neutral.N0;
+  return ((l = (t = e == null ? void 0 : e.palette) == null ? void 0 : t.neutral) == null ? void 0 : l.N0) || r.palette.neutral.N0;
 }};
   max-width: 450px;
   max-height: 90vh;
-  overflow-y: hidden;
+  overflow-y: ${({ smallScreen: e }) => e ? "hidden" : "auto"};
   border-radius: 8px;
   transition: overflow-y 0.3s ease-in-out;
   & > div {
@@ -5159,23 +5349,24 @@ const Ke = (e) => {
     background-color: #ebecf0;
     border-radius: 8px;
   }
-`, mr = (e) => {
+`, $r = (e) => {
   const { children: t, portalId: l, onCloseModal: o, title: n } = e, a = document.getElementById(l);
   if (!a)
     throw new Error(
       "The portal node is not defined. This can occur when the specific node used to render the portal has not been defined correctly."
     );
-  return jt(
-    /* @__PURE__ */ s(gr, { children: /* @__PURE__ */ s(no, { children: /* @__PURE__ */ s(br, { children: /* @__PURE__ */ w(T, { direction: "column", gap: "24px", children: [
+  const i = he("(max-width: 400px)");
+  return Vt(
+    /* @__PURE__ */ s(fr, { smallScreen: i, children: /* @__PURE__ */ s(ro, { children: /* @__PURE__ */ s(xr, { 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(R, { type: "title", size: "large", appearance: "dark", weight: "bold", children: n }),
         /* @__PURE__ */ s(Ut, { size: "24px", cursor: "pointer", onClick: o })
       ] }) }),
       t
     ] }) }) }) }),
     a
   );
-}, fr = de`
+}, yr = ie`
   from {
     opacity: 0;
     transform: translateY(20px);
@@ -5184,16 +5375,16 @@ const Ke = (e) => {
     opacity: 1;
     transform: translateY(0);
   }
-`, Lt = v.div`
+`, Pt = v.div`
   width: 100%;
   height: 100%;
   & > div {
-    animation: ${fr} 600ms ease-out;
+    animation: ${yr} 600ms ease-out;
   }
 `;
 v.div`
   border-radius: 8px;
-  border: 1px solid ${te.palette.neutral.N30};
+  border: 1px solid ${r.palette.neutral.N30};
   box-sizing: border-box;
   display: flex;
   flex-direction: column;
@@ -5203,7 +5394,7 @@ v.div`
   height: 100%;
   box-shadow: 0px 4px 8px 3px rgba(0, 0, 0, 0.1);
 `;
-const xr = v.div`
+const kr = v.div`
   & > div {
     width: 100%;
     height: 100%;
@@ -5223,16 +5414,16 @@ const xr = v.div`
       border-radius: 8px;
     }
   }
-`, $r = v.div`
+`, wr = v.div`
   & > div > div {
     border-radius: 8px;
-    border: 1px solid ${te.palette.neutral.N30};
+    border: 1px solid ${r.palette.neutral.N30};
     box-sizing: border-box;
     box-shadow: 0px 4px 8px 3px rgba(0, 0, 0, 0.1);
   }
-`, yr = v.div`
+`, Nr = v.div`
   & > div {
-    background-color: ${te.palette.neutral.N10};
+    background-color: ${r.palette.neutral.N10};
     justify-content: center;
   }
   min-height: 350px;
@@ -5243,10 +5434,10 @@ const xr = v.div`
 v.div`
   & > div {
     border-radius: 8px;
-    border: 1px solid ${te.palette.neutral.N30};
+    border: 1px solid ${r.palette.neutral.N30};
   }
 `;
-function kr({
+function Cr({
   index: e,
   handleOpenModal: t
 }) {
@@ -5263,15 +5454,15 @@ function kr({
     `loading-card-${e}`
   );
 }
-function wr({
+function Er({
   decision: e,
   controls: t,
   handleOpenModal: l,
   handleDelete: o,
   textValues: n
 }) {
-  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 }),
+  return e ? /* @__PURE__ */ s(Pt, { children: /* @__PURE__ */ w(T, { direction: "column", gap: "4px", width: "100%", padding: "0 0 12px 0", children: [
+    /* @__PURE__ */ s(R, { type: "title", size: "medium", appearance: "gray", weight: "bold", children: e.decisionId }),
     /* @__PURE__ */ s(
       Ke,
       {
@@ -5284,15 +5475,15 @@ function wr({
     )
   ] }) }, e.decisionId) : null;
 }
-function Nr({
+function Tr({
   index: e,
   handleOpenModal: t,
   customTitleContentAddCard: l
 }) {
-  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" }),
+  return /* @__PURE__ */ s(Pt, { children: /* @__PURE__ */ w(T, { direction: "column", gap: "4px", width: "100%", height: "100%", children: [
+    /* @__PURE__ */ s(R, { type: "title", size: "medium", appearance: "gray", weight: "bold", children: "Nueva decisión" }),
     /* @__PURE__ */ s(
-      yr,
+      Nr,
       {
         onClick: () => t ? t() : null,
         children: /* @__PURE__ */ s(
@@ -5304,8 +5495,8 @@ function Nr({
             handleView: () => t ? t() : null,
             controls: !1,
             children: /* @__PURE__ */ w(T, { direction: "column", gap: "12px", alignItems: "center", children: [
-              /* @__PURE__ */ s(q, { appearance: "gray", icon: /* @__PURE__ */ s(Mt, {}), size: "35px" }),
-              /* @__PURE__ */ s(D, { appearance: "gray", type: "body", size: "large", children: l || "Agregar decisión" })
+              /* @__PURE__ */ s(G, { appearance: "gray", icon: /* @__PURE__ */ s(Mt, {}), size: "35px" }),
+              /* @__PURE__ */ s(R, { appearance: "gray", type: "body", size: "large", children: l || "Agregar decisión" })
             ] })
           }
         )
@@ -5313,16 +5504,16 @@ function Nr({
     )
   ] }) }, `add-decision-${e}`);
 }
-const Cr = {
-  loading: kr,
-  decision: wr,
-  add: Nr
+const Sr = {
+  loading: Cr,
+  decision: Er,
+  add: Tr
 };
-function He(e) {
-  const { type: t } = e, l = Cr[t];
+function _e(e) {
+  const { type: t } = e, l = Sr[t];
   return l ? l(e) : null;
 }
-function Er({
+function zr({
   controls: e,
   customTitleContentAddCard: t,
   decisions: l,
@@ -5332,7 +5523,7 @@ function Er({
   textValues: i
 }) {
   const d = o ? Array.from({ length: 3 }).map(
-    (u, h) => He({
+    (c, h) => _e({
       type: "loading",
       index: h,
       controls: e,
@@ -5343,9 +5534,9 @@ function Er({
       textValues: i
     })
   ) : l.map(
-    (u) => He({
+    (c) => _e({
       type: "decision",
-      decision: u,
+      decision: c,
       controls: e,
       customTitleContentAddCard: t,
       loading: o,
@@ -5353,10 +5544,10 @@ function Er({
       handleDelete: a,
       textValues: i
     })
-  ), c = (l.length === 0 || l.length < Math.floor(window.innerWidth / 300)) && !o && e;
-  return { renderedCards: d, shouldRenderAddCard: c };
+  ), u = (l.length === 0 || l.length < Math.floor(window.innerWidth / 300)) && !o && e;
+  return { renderedCards: d, shouldRenderAddCard: u };
 }
-const Br = (e) => {
+const Ir = (e) => {
   const {
     controls: t = !0,
     customTitleContentAddCard: l,
@@ -5365,28 +5556,28 @@ const Br = (e) => {
     textValues: a,
     decisionTemplate: i,
     isModalOpen: d,
-    selectedDecision: c,
-    loading: u,
+    selectedDecision: u,
+    loading: c,
     handleOpenModal: h,
     handleCloseModal: p,
     handleSubmitForm: g,
     handleDelete: m
-  } = e, b = Te("(max-width: 681px)"), f = Te("(max-width: 400px)"), { renderedCards: x, shouldRenderAddCard: y } = Er({
+  } = e, b = he("(max-width: 681px)"), f = he("(max-width: 400px)"), { renderedCards: x, shouldRenderAddCard: k } = zr({
     controls: t,
     customTitleContentAddCard: l,
     decisions: n,
-    loading: u,
+    loading: c,
     handleOpenModal: h,
     handleDelete: m,
     textValues: a
   });
-  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: [
+  return /* @__PURE__ */ w(pe, { children: [
+    /* @__PURE__ */ s(wr, { children: /* @__PURE__ */ s(kr, { children: /* @__PURE__ */ w(T, { direction: "column", gap: "16px", padding: "6px", children: [
+      n.length === 0 && !c && /* @__PURE__ */ w(R, { as: "span", type: "label", size: "large", appearance: "gray", children: [
         o || "Aún NO tienes definidas tasas de interés efectivas",
         ". Presiona",
         /* @__PURE__ */ w(
-          D,
+          R,
           {
             as: "span",
             type: "label",
@@ -5403,7 +5594,7 @@ const Br = (e) => {
         "para empezar."
       ] }),
       /* @__PURE__ */ w(
-        At,
+        Dt,
         {
           templateColumns: f ? "repeat(auto-fill, minmax(200px, 1fr))" : "repeat(auto-fill, minmax(300px, 1fr))",
           autoFlow: "row dense",
@@ -5416,12 +5607,12 @@ const Br = (e) => {
           height: b ? "auto" : "484px",
           children: [
             x,
-            y && He({
+            k && _e({
               type: "add",
               index: n.length,
               controls: t,
               customTitleContentAddCard: l,
-              loading: u,
+              loading: c,
               handleOpenModal: h,
               handleDelete: m,
               textValues: a
@@ -5431,15 +5622,15 @@ const Br = (e) => {
       )
     ] }) }) }),
     d && /* @__PURE__ */ s(
-      mr,
+      $r,
       {
         portalId: "modal-portal",
         onCloseModal: p,
-        title: c ? "Editar Decisión" : "Nueva decisión",
+        title: u ? "Editar Decisión" : "Nueva decisión",
         children: /* @__PURE__ */ s(
-          nr,
+          dr,
           {
-            decision: c || i,
+            decision: u || i,
             onSubmitEvent: g,
             textValues: a,
             onCancel: () => p ? p() : () => {
@@ -5449,9 +5640,9 @@ const Br = (e) => {
       }
     )
   ] });
-}, Ir = (e) => {
+}, Vr = (e) => {
   var o;
-  const t = { ...e }, l = (o = t.conditionThatEstablishesTheDecision) == null ? void 0 : o.find(
+  const t = { ...e }, l = (o = t.conditionsThatEstablishesTheDecision) == null ? void 0 : o.find(
     (n) => n.switchPlaces
   );
   return l ? {
@@ -5461,13 +5652,13 @@ const Br = (e) => {
     decisionDataType: l.conditionDataType,
     value: l.value,
     howToSetTheDecision: l.howToSetTheCondition,
-    conditionThatEstablishesTheDecision: t.conditionThatEstablishesTheDecision.map(
+    conditionsThatEstablishesTheDecision: t.conditionsThatEstablishesTheDecision.map(
       (n) => n.conditionName === l.conditionName ? { ...n, hidden: !0 } : n
     )
   } : t;
-}, Vr = (e) => e.map((t) => {
+}, _r = (e) => e.map((t) => {
   var o;
-  const l = (o = t.conditionThatEstablishesTheDecision) == null ? void 0 : o.find(
+  const l = (o = t.conditionsThatEstablishesTheDecision) == null ? void 0 : o.find(
     (n) => n.switchPlaces
   );
   return l ? {
@@ -5477,11 +5668,11 @@ const Br = (e) => {
     decisionDataType: l.conditionDataType,
     value: l.value,
     howToSetTheDecision: l.howToSetTheCondition,
-    conditionThatEstablishesTheDecision: t.conditionThatEstablishesTheDecision.map(
+    conditionsThatEstablishesTheDecision: t.conditionsThatEstablishesTheDecision.map(
       (n) => n.conditionName === l.conditionName ? { ...n, hidden: !0 } : n
     )
   } : t;
-}), jr = (e, t) => {
+}), Hr = (e, t) => {
   const l = {
     conditionName: e.ruleName || "",
     labelName: e.labelName || "",
@@ -5493,13 +5684,13 @@ const Br = (e) => {
   };
   return {
     ...t,
-    conditionThatEstablishesTheDecision: t.conditionThatEstablishesTheDecision.map(
+    conditionsThatEstablishesTheDecision: t.conditionsThatEstablishesTheDecision.map(
       (o) => o.hidden ? { ...l } : o
     )
   };
-}, Hr = (e) => e.map((t) => {
+}, Ur = (e) => e.map((t) => {
   var o;
-  const l = (o = t.conditionThatEstablishesTheDecision) == null ? void 0 : o.find(
+  const l = (o = t.conditionsThatEstablishesTheDecision) == null ? void 0 : o.find(
     (n) => n.hidden
   );
   return l ? {
@@ -5509,7 +5700,7 @@ const Br = (e) => {
     decisionDataType: t.decisionDataType,
     value: t.value,
     howToSetTheDecision: t.howToSetTheDecision,
-    conditionThatEstablishesTheDecision: t.conditionThatEstablishesTheDecision.map(
+    conditionsThatEstablishesTheDecision: t.conditionsThatEstablishesTheDecision.map(
       (n) => n.hidden ? { ...l, hidden: !1 } : n
     )
   } : t;
@@ -5517,11 +5708,11 @@ const Br = (e) => {
 export {
   Ke as BusinessRuleCard,
   Ot as BusinessRuleView,
-  Br as BusinessRules,
-  mr as ModalRules,
-  nr as RulesForm,
-  jr as revertSortedDataSampleSwitchPlaces,
-  Hr as revertSortedDataSwitchPlaces,
-  Ir as sortDisplayDataSampleSwitchPlaces,
-  Vr as sortDisplayDataSwitchPlaces
+  Ir as BusinessRules,
+  $r as ModalRules,
+  dr as RulesForm,
+  Hr as revertSortedDataSampleSwitchPlaces,
+  Ur as revertSortedDataSwitchPlaces,
+  Vr as sortDisplayDataSampleSwitchPlaces,
+  _r as sortDisplayDataSwitchPlaces
 };