tcce-design-system 0.1.33 → 0.1.34

package/dist/tcce-design-system-components.js

@@ -1,5 +1,5 @@
 import * as Pt from "react";
-import $, { useDebugValue as Ui, createElement as _a, useRef as le, useContext as fe, createContext as ht, useLayoutEffect as Ku, useEffect as he, useId as nt, useInsertionEffect as Na, useMemo as ne, useCallback as Y, Children as Yu, isValidElement as qu, useState as se, Fragment as Bo, forwardRef as Ue, Component as Xu, createRef as Zu, memo as zo } from "react";
+import R, { useDebugValue as Ui, createElement as _a, useRef as ae, useContext as fe, createContext as ht, useLayoutEffect as Ku, useEffect as he, useId as nt, useInsertionEffect as Na, useMemo as ne, useCallback as Y, Children as Yu, isValidElement as qu, useState as se, Fragment as Bo, forwardRef as Ue, Component as Xu, createRef as Zu, memo as zo } from "react";
 import { jsx as g, Fragment as Mt, jsxs as E } from "react/jsx-runtime";
 import Ju, { createPortal as Qu } from "react-dom";
 import { useField as ed } from "formik";
@@ -191,30 +191,30 @@ function gd(e) {
   return dd(Yn("", null, null, null, [""], e = ud(e), 0, [0], e));
 }
 function Yn(e, t, n, r, o, i, s, a, l) {
-  for (var c = 0, u = 0, d = s, f = 0, h = 0, p = 0, m = 1, v = 1, y = 1, S = 0, w = "", R = o, x = i, T = r, P = w; v; )
+  for (var c = 0, u = 0, d = s, f = 0, h = 0, p = 0, m = 1, v = 1, y = 1, S = 0, b = "", P = o, w = i, $ = r, T = b; v; )
     switch (p = S, S = He()) {
       // (
       case 40:
-        if (p != 108 && ge(P, d - 1) == 58) {
-          Wn(P += z(kr(S), "&", "&\f"), "&\f", za(c ? a[c - 1] : 0)) != -1 && (y = -1);
+        if (p != 108 && ge(T, d - 1) == 58) {
+          Wn(T += z(kr(S), "&", "&\f"), "&\f", za(c ? a[c - 1] : 0)) != -1 && (y = -1);
           break;
         }
       // " ' [
       case 34:
       case 39:
       case 91:
-        P += kr(S);
+        T += kr(S);
         break;
       // \t \n \r \s
       case 9:
       case 10:
       case 13:
       case 32:
-        P += fd(p);
+        T += fd(p);
         break;
       // \
       case 92:
-        P += hd(Kn() - 1, 7);
+        T += hd(Kn() - 1, 7);
         continue;
       // /
       case 47:
@@ -224,12 +224,12 @@ function Yn(e, t, n, r, o, i, s, a, l) {
             un(yd(pd(He(), Kn()), t, n, l), l);
             break;
           default:
-            P += "/";
+            T += "/";
         }
         break;
       // {
       case 123 * m:
-        a[c++] = Ke(P) * y;
+        a[c++] = Ke(T) * y;
       // } ; \0
       case 125 * m:
       case 59:
@@ -241,34 +241,34 @@ function Yn(e, t, n, r, o, i, s, a, l) {
             v = 0;
           // ;
           case 59 + u:
-            y == -1 && (P = z(P, /\f/g, "")), h > 0 && Ke(P) - d && un(h > 32 ? Yi(P + ";", r, n, d - 1, l) : Yi(z(P, " ", "") + ";", r, n, d - 2, l), l);
+            y == -1 && (T = z(T, /\f/g, "")), h > 0 && Ke(T) - d && un(h > 32 ? Yi(T + ";", r, n, d - 1, l) : Yi(z(T, " ", "") + ";", r, n, d - 2, l), l);
             break;
           // @ ;
           case 59:
-            P += ";";
+            T += ";";
           // { rule/at-rule
           default:
-            if (un(T = Ki(P, t, n, c, u, o, a, w, R = [], x = [], d, i), i), S === 123)
+            if (un($ = Ki(T, t, n, c, u, o, a, b, P = [], w = [], d, i), i), S === 123)
               if (u === 0)
-                Yn(P, t, T, T, R, i, d, a, x);
+                Yn(T, t, $, $, P, i, d, a, w);
               else
-                switch (f === 99 && ge(P, 3) === 110 ? 100 : f) {
+                switch (f === 99 && ge(T, 3) === 110 ? 100 : f) {
                   // d l m s
                   case 100:
                   case 108:
                   case 109:
                   case 115:
-                    Yn(e, T, T, r && un(Ki(e, T, T, 0, 0, o, a, w, o, R = [], d, x), x), o, x, d, a, r ? R : x);
+                    Yn(e, $, $, r && un(Ki(e, $, $, 0, 0, o, a, b, o, P = [], d, w), w), o, w, d, a, r ? P : w);
                     break;
                   default:
-                    Yn(P, T, T, T, [""], x, 0, a, x);
+                    Yn(T, $, $, $, [""], w, 0, a, w);
                 }
         }
-        c = u = h = 0, m = y = 1, w = P = "", d = s;
+        c = u = h = 0, m = y = 1, b = T = "", d = s;
         break;
       // :
       case 58:
-        d = 1 + Ke(P), h = p;
+        d = 1 + Ke(T), h = p;
       default:
         if (m < 1) {
           if (S == 123)
@@ -276,30 +276,30 @@ function Yn(e, t, n, r, o, i, s, a, l) {
           else if (S == 125 && m++ == 0 && cd() == 125)
             continue;
         }
-        switch (P += jo(S), S * m) {
+        switch (T += jo(S), S * m) {
           // &
           case 38:
-            y = u > 0 ? 1 : (P += "\f", -1);
+            y = u > 0 ? 1 : (T += "\f", -1);
             break;
           // ,
           case 44:
-            a[c++] = (Ke(P) - 1) * y, y = 1;
+            a[c++] = (Ke(T) - 1) * y, y = 1;
             break;
           // @
           case 64:
-            Ct() === 45 && (P += kr(He())), f = Ct(), u = d = Ke(w = P += md(Kn())), S++;
+            Ct() === 45 && (T += kr(He())), f = Ct(), u = d = Ke(b = T += md(Kn())), S++;
             break;
           // -
           case 45:
-            p === 45 && Ke(P) == 2 && (m = 0);
+            p === 45 && Ke(T) == 2 && (m = 0);
         }
     }
   return i;
 }
 function Ki(e, t, n, r, o, i, s, a, l, c, u, d) {
   for (var f = o - 1, h = o === 0 ? i : [""], p = ja(h), m = 0, v = 0, y = 0; m < r; ++m)
-    for (var S = 0, w = Gt(e, f + 1, f = za(v = s[m])), R = e; S < p; ++S)
-      (R = Ha(v > 0 ? h[S] + " " + w : z(w, /&\f/g, h[S]))) && (l[y++] = R);
+    for (var S = 0, b = Gt(e, f + 1, f = za(v = s[m])), P = e; S < p; ++S)
+      (P = Ha(v > 0 ? h[S] + " " + b : z(b, /&\f/g, h[S]))) && (l[y++] = P);
   return hr(e, t, n, o === 0 ? dr : a, l, c, u, d);
 }
 function yd(e, t, n, r) {
@@ -611,7 +611,7 @@ See https://styled-components.com/docs/basics#define-styled-components-outside-o
       console.error = function(s) {
         for (var a = [], l = 1; l < arguments.length; l++) a[l - 1] = arguments[l];
         qi.test(s) ? (i = !1, Fn.delete(r)) : o.apply(void 0, kt([s], a, !1));
-      }, le(), i && !Fn.has(r) && (console.warn(r), Fn.add(r));
+      }, ae(), i && !Fn.has(r) && (console.warn(r), Fn.add(r));
     } catch (s) {
       qi.test(s.message) && Fn.delete(r);
     } finally {
@@ -941,17 +941,17 @@ function Qd(e) {
     var v = f.replace(Jd, ""), y = gd(p || h ? "".concat(p, " ").concat(h, " { ").concat(v, " }") : v);
     s.namespace && (y = ol(y, s.namespace));
     var S = [];
-    return nr(y, wd(u.concat(bd(function(w) {
-      return S.push(w);
+    return nr(y, wd(u.concat(bd(function(b) {
+      return S.push(b);
     })))), S;
   };
   return d.hash = l.length ? l.reduce(function(f, h) {
     return h.name || Qt(15), wt(f, h.name);
   }, Ya).toString() : "", d;
 }
-var ef = new rl(), ao = Qd(), il = $.createContext({ shouldForwardProp: void 0, styleSheet: ef, stylis: ao });
+var ef = new rl(), ao = Qd(), il = R.createContext({ shouldForwardProp: void 0, styleSheet: ef, stylis: ao });
 il.Consumer;
-$.createContext(void 0);
+R.createContext(void 0);
 function rs() {
   return fe(il);
 }
@@ -1041,65 +1041,65 @@ var rf = qa(mr), of = (function() {
     }
     return o;
   }, e;
-})(), ll = $.createContext(void 0);
+})(), ll = R.createContext(void 0);
 ll.Consumer;
 var Ar = {}, is = /* @__PURE__ */ new Set();
 function sf(e, t, n) {
-  var r = Uo(e), o = e, i = !Mr(e), s = t.attrs, a = s === void 0 ? gr : s, l = t.componentId, c = l === void 0 ? (function(R, x) {
-    var T = typeof R != "string" ? "sc" : Xi(R);
-    Ar[T] = (Ar[T] || 0) + 1;
-    var P = "".concat(T, "-").concat(Xa(mr + T + Ar[T]));
-    return x ? "".concat(x, "-").concat(P) : P;
-  })(t.displayName, t.parentComponentId) : l, u = t.displayName, d = u === void 0 ? (function(R) {
-    return Mr(R) ? "styled.".concat(R) : "Styled(".concat(Za(R), ")");
+  var r = Uo(e), o = e, i = !Mr(e), s = t.attrs, a = s === void 0 ? gr : s, l = t.componentId, c = l === void 0 ? (function(P, w) {
+    var $ = typeof P != "string" ? "sc" : Xi(P);
+    Ar[$] = (Ar[$] || 0) + 1;
+    var T = "".concat($, "-").concat(Xa(mr + $ + Ar[$]));
+    return w ? "".concat(w, "-").concat(T) : T;
+  })(t.displayName, t.parentComponentId) : l, u = t.displayName, d = u === void 0 ? (function(P) {
+    return Mr(P) ? "styled.".concat(P) : "Styled(".concat(Za(P), ")");
   })(e) : u, f = t.displayName && t.componentId ? "".concat(Xi(t.displayName), "-").concat(t.componentId) : t.componentId || c, h = r && o.attrs ? o.attrs.concat(a).filter(Boolean) : a, p = t.shouldForwardProp;
   if (r && o.shouldForwardProp) {
     var m = o.shouldForwardProp;
     if (t.shouldForwardProp) {
       var v = t.shouldForwardProp;
-      p = function(R, x) {
-        return m(R, x) && v(R, x);
+      p = function(P, w) {
+        return m(P, w) && v(P, w);
       };
     } else p = m;
   }
   var y = new of(n, f, r ? o.componentStyle : void 0);
-  function S(R, x) {
-    return (function(T, P, k) {
-      var M = T.attrs, A = T.componentStyle, N = T.defaultProps, H = T.foldedComponentIds, j = T.styledComponentId, K = T.target, Z = $.useContext(ll), _ = rs(), D = T.shouldForwardProp || _.shouldForwardProp;
+  function S(P, w) {
+    return (function($, T, k) {
+      var M = $.attrs, A = $.componentStyle, N = $.defaultProps, H = $.foldedComponentIds, j = $.styledComponentId, K = $.target, Z = R.useContext(ll), _ = rs(), D = $.shouldForwardProp || _.shouldForwardProp;
       process.env.NODE_ENV !== "production" && Ui(j);
-      var U = $d(P, Z, N) || Wt, q = (function(X, pe, Ne) {
+      var U = $d(T, Z, N) || Wt, q = (function(X, pe, Ne) {
         for (var G, $e = Pe(Pe({}, pe), { className: void 0, theme: Ne }), ot = 0; ot < X.length; ot += 1) {
           var qe = Kt(G = X[ot]) ? G($e) : G;
           for (var Ce in qe) $e[Ce] = Ce === "className" ? bt($e[Ce], qe[Ce]) : Ce === "style" ? Pe(Pe({}, $e[Ce]), qe[Ce]) : qe[Ce];
         }
         return pe.className && ($e.className = bt($e.className, pe.className)), $e;
-      })(M, P, U), J = q.as || K, ye = {};
+      })(M, T, U), J = q.as || K, ye = {};
       for (var de in q) q[de] === void 0 || de[0] === "$" || de === "as" || de === "theme" && q.theme === U || (de === "forwardedAs" ? ye.as = q.forwardedAs : D && !D(de, J) || (ye[de] = q[de], D || process.env.NODE_ENV !== "development" || rd(de) || is.has(de) || !ro.has(J) || (is.add(de), console.warn('styled-components: it looks like an unknown prop "'.concat(de, '" is being sent through to the DOM, which will likely trigger a React console error. If you would like automatic filtering of unknown props, you can opt-into that behavior via `<StyleSheetManager shouldForwardProp={...}>` (connect an API like `@emotion/is-prop-valid`) or consider using transient props (`$` prefix for automatic filtering.)')))));
       var B = (function(X, pe) {
         var Ne = rs(), G = X.generateAndInjectStyles(pe, Ne.styleSheet, Ne.stylis);
         return process.env.NODE_ENV !== "production" && Ui(G), G;
       })(A, q);
-      process.env.NODE_ENV !== "production" && T.warnTooManyClasses && T.warnTooManyClasses(B);
+      process.env.NODE_ENV !== "production" && $.warnTooManyClasses && $.warnTooManyClasses(B);
       var ee = bt(H, j);
       return B && (ee += " " + B), q.className && (ee += " " + q.className), ye[Mr(J) && !ro.has(J) ? "class" : "className"] = ee, k && (ye.ref = k), _a(J, ye);
-    })(w, R, x);
+    })(b, P, w);
   }
   S.displayName = d;
-  var w = $.forwardRef(S);
-  return w.attrs = h, w.componentStyle = y, w.displayName = d, w.shouldForwardProp = p, w.foldedComponentIds = r ? bt(o.foldedComponentIds, o.styledComponentId) : "", w.styledComponentId = f, w.target = r ? o.target : e, Object.defineProperty(w, "defaultProps", { get: function() {
+  var b = R.forwardRef(S);
+  return b.attrs = h, b.componentStyle = y, b.displayName = d, b.shouldForwardProp = p, b.foldedComponentIds = r ? bt(o.foldedComponentIds, o.styledComponentId) : "", b.styledComponentId = f, b.target = r ? o.target : e, Object.defineProperty(b, "defaultProps", { get: function() {
     return this._foldedDefaultProps;
-  }, set: function(R) {
-    this._foldedDefaultProps = r ? (function(x) {
-      for (var T = [], P = 1; P < arguments.length; P++) T[P - 1] = arguments[P];
-      for (var k = 0, M = T; k < M.length; k++) so(x, M[k], !0);
-      return x;
-    })({}, o.defaultProps, R) : R;
-  } }), process.env.NODE_ENV !== "production" && (Rd(d, f), w.warnTooManyClasses = /* @__PURE__ */ (function(R, x) {
-    var T = {}, P = !1;
+  }, set: function(P) {
+    this._foldedDefaultProps = r ? (function(w) {
+      for (var $ = [], T = 1; T < arguments.length; T++) $[T - 1] = arguments[T];
+      for (var k = 0, M = $; k < M.length; k++) so(w, M[k], !0);
+      return w;
+    })({}, o.defaultProps, P) : P;
+  } }), process.env.NODE_ENV !== "production" && (Rd(d, f), b.warnTooManyClasses = /* @__PURE__ */ (function(P, w) {
+    var $ = {}, T = !1;
     return function(k) {
-      if (!P && (T[k] = !0, Object.keys(T).length >= 200)) {
-        var M = x ? ' with the id of "'.concat(x, '"') : "";
-        console.warn("Over ".concat(200, " classes were generated for component ").concat(R).concat(M, `.
+      if (!T && ($[k] = !0, Object.keys($).length >= 200)) {
+        var M = w ? ' with the id of "'.concat(w, '"') : "";
+        console.warn("Over ".concat(200, " classes were generated for component ").concat(P).concat(M, `.
 `) + `Consider using the attrs method, together with a style object for frequently changed styles.
 Example:
   const Component = styled.div.attrs(props => ({
@@ -1108,12 +1108,12 @@ Example:
     },
   }))\`width: 100%;\`
 
-  <Component />`), P = !0, T = {};
+  <Component />`), T = !0, $ = {};
       }
     };
-  })(d, f)), Wo(w, function() {
-    return ".".concat(w.styledComponentId);
-  }), i && tl(w, e, { attrs: !0, componentStyle: !0, displayName: !0, foldedComponentIds: !0, shouldForwardProp: !0, styledComponentId: !0, target: !0 }), w;
+  })(d, f)), Wo(b, function() {
+    return ".".concat(b.styledComponentId);
+  }), i && tl(b, e, { attrs: !0, componentStyle: !0, displayName: !0, foldedComponentIds: !0, shouldForwardProp: !0, styledComponentId: !0, target: !0 }), b;
 }
 function ss(e, t) {
   for (var n = [e[0]], r = 0, o = t.length; r < o; r += 1) n.push(t[r], e[r + 1]);
@@ -1122,7 +1122,7 @@ function ss(e, t) {
 var as = function(e) {
   return Object.assign(e, { isCss: !0 });
 };
-function b(e) {
+function x(e) {
   for (var t = [], n = 1; n < arguments.length; n++) t[n - 1] = arguments[n];
   if (Kt(e) || Yt(e)) return as(Rt(ss(gr, kt([e], t, !0))));
   var r = e;
@@ -1132,7 +1132,7 @@ function co(e, t, n) {
   if (n === void 0 && (n = Wt), !t) throw Qt(1, t);
   var r = function(o) {
     for (var i = [], s = 1; s < arguments.length; s++) i[s - 1] = arguments[s];
-    return e(t, n, b.apply(void 0, kt([o], i, !1)));
+    return e(t, n, x.apply(void 0, kt([o], i, !1)));
   };
   return r.attrs = function(o) {
     return co(e, t, Pe(Pe({}, n), { attrs: Array.prototype.concat(n.attrs, o).filter(Boolean) }));
@@ -1149,7 +1149,7 @@ ro.forEach(function(e) {
 function af(e) {
   for (var t = [], n = 1; n < arguments.length; n++) t[n - 1] = arguments[n];
   process.env.NODE_ENV !== "production" && typeof navigator < "u" && navigator.product === "ReactNative" && console.warn("`keyframes` cannot be used on ReactNative, only on the web. To do animation in ReactNative please use Animated.");
-  var r = io(b.apply(void 0, kt([e], t, !1))), o = Xa(r);
+  var r = io(x.apply(void 0, kt([e], t, !1))), o = Xa(r);
   return new lo(o, r);
 }
 process.env.NODE_ENV !== "production" && typeof navigator < "u" && navigator.product === "ReactNative" && console.warn(`It looks like you've imported 'styled-components' on React Native.
@@ -1160,49 +1160,49 @@ process.env.NODE_ENV !== "production" && process.env.NODE_ENV !== "test" && type
 
 See https://s-c.sh/2BAXzed for more info.`), window[_n] += 1);
 const ul = {
-  80: b`
+  80: x`
         font-family: 'Dax', serif;
         font-size: 5em;
         font-style: normal;
         font-weight: 700;
         line-height: 163.184%;
     `,
-  60: b`
+  60: x`
         font-family: 'Dax', serif;
         font-size: 3.75em;
         font-style: normal;
         font-weight: 700;
         line-height: 161.76%;
     `,
-  40: b`
+  40: x`
         font-family: 'Dax', serif;
         font-size: 2.5em;
         font-style: normal;
         font-weight: 700;
         line-height: 161.76%;
     `,
-  30: b`
+  30: x`
         font-family: 'Dax', serif;
         font-size: 1.875em;
         font-style: normal;
         font-weight: 700;
         line-height: 161.76%;
     `,
-  24: b`
+  24: x`
         font-family: 'Dax', serif;
         font-size: 1.5em;
         font-style: normal;
         font-weight: 700;
         line-height: 163.184%;
     `,
-  20: b`
+  20: x`
         font-family: 'Dax', serif;
         font-size: 1.25em;
         font-style: normal;
         font-weight: 700;
         line-height: 161.76%;
     `,
-  16: b`
+  16: x`
         font-family: 'Dax', serif;
         font-size: 1em;
         font-style: normal;
@@ -1210,49 +1210,49 @@ const ul = {
         line-height: 161.76%;
     `
 }, lf = {
-  80: b`
+  80: x`
         font-family: 'Dax', serif;
         font-size: 5em;
         font-style: normal;
         font-weight: 400;
         line-height: 163.184%;
     `,
-  60: b`
+  60: x`
         font-family: 'Dax', serif;
         font-size: 3.75em;
         font-style: normal;
         font-weight: 400;
         line-height: 161.76%;
     `,
-  40: b`
+  40: x`
         font-family: 'Dax', serif;
         font-size: 2.5em;
         font-style: normal;
         font-weight: 400;
         line-height: 161.76%;
     `,
-  30: b`
+  30: x`
         font-family: 'Dax', serif;
         font-size: 1.875em;
         font-style: normal;
         font-weight: 400;
         line-height: 161.76%;
     `,
-  24: b`
+  24: x`
         font-family: 'Dax', serif;
         font-size: 1.5em;
         font-style: normal;
         font-weight: 400;
         line-height: 163.184%;
     `,
-  20: b`
+  20: x`
         font-family: 'Dax', serif;
         font-size: 1.25em;
         font-style: normal;
         font-weight: 400;
         line-height: 161.76%;
     `,
-  16: b`
+  16: x`
         font-family: 'Dax', serif;
         font-size: 1em;
         font-style: normal;
@@ -1260,70 +1260,70 @@ const ul = {
         line-height: 161.76%;
     `
 }, V = {
-  80: b`
+  80: x`
         font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
         font-size: 5em;
         font-style: normal;
         font-weight: 400;
         line-height: 155.962%;
     `,
-  60: b`
+  60: x`
         font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
         font-size: 3.75em;
         font-style: normal;
         font-weight: 400;
         line-height: 176.782%;
     `,
-  40: b`
+  40: x`
         font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
         font-size: 2.5em;
         font-style: normal;
         font-weight: 400;
         line-height: 176.782%;
     `,
-  30: b`
+  30: x`
         font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
         font-size: 1.875em;
         font-style: normal;
         font-weight: 400;
         line-height: 176.782%;
     `,
-  24: b`
+  24: x`
         font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
         font-size: 1.5em;
         font-style: normal;
         font-weight: 400;
         line-height: 176.782%;
     `,
-  20: b`
+  20: x`
         font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
         font-size: 1.25em;
         font-style: normal;
         font-weight: 400;
         line-height: 155.962%;
     `,
-  18: b`
+  18: x`
         font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
         font-size: 1.125em;
         font-style: normal;
         font-weight: 400;
         line-height: 150.782%;
     `,
-  16: b`
+  16: x`
         font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
         font-size: 1em;
         font-style: normal;
         font-weight: 400;
         line-height: 140%;
     `,
-  14: b`
+  14: x`
         font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
         font-size: 0.875em;
         font-style: normal;
         font-weight: 400;
         line-height: 140%;
     `,
-  12: b`
+  12: x`
         font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
         font-size: 0.75em;
         font-style: normal;
@@ -1368,7 +1368,7 @@ const ul = {
   return /* @__PURE__ */ g(uf, { $color: n, className: r, children: typeof e == "function" ? /* @__PURE__ */ g(e, { size: i, ...o }) : e });
 }, Ko = ht({});
 function Yo(e) {
-  const t = le(null);
+  const t = ae(null);
   return t.current === null && (t.current = e()), t.current;
 }
 const qo = typeof window < "u", dl = qo ? Ku : he, yr = /* @__PURE__ */ ht(null);
@@ -1536,18 +1536,18 @@ function Tl(e, t) {
     delta: 0,
     timestamp: 0,
     isProcessing: !1
-  }, i = () => n = !0, s = Nn.reduce((w, R) => (w[R] = wf(i), w), {}), { setup: a, read: l, resolveKeyframes: c, preUpdate: u, update: d, preRender: f, render: h, postRender: p } = s, m = () => {
-    const w = tt.useManualTiming ? o.timestamp : performance.now();
-    n = !1, tt.useManualTiming || (o.delta = r ? 1e3 / 60 : Math.max(Math.min(w - o.timestamp, bf), 1)), o.timestamp = w, o.isProcessing = !0, a.process(o), l.process(o), c.process(o), u.process(o), d.process(o), f.process(o), h.process(o), p.process(o), o.isProcessing = !1, n && t && (r = !1, e(m));
+  }, i = () => n = !0, s = Nn.reduce((b, P) => (b[P] = wf(i), b), {}), { setup: a, read: l, resolveKeyframes: c, preUpdate: u, update: d, preRender: f, render: h, postRender: p } = s, m = () => {
+    const b = tt.useManualTiming ? o.timestamp : performance.now();
+    n = !1, tt.useManualTiming || (o.delta = r ? 1e3 / 60 : Math.max(Math.min(b - o.timestamp, bf), 1)), o.timestamp = b, o.isProcessing = !0, a.process(o), l.process(o), c.process(o), u.process(o), d.process(o), f.process(o), h.process(o), p.process(o), o.isProcessing = !1, n && t && (r = !1, e(m));
   }, v = () => {
     n = !0, r = !0, o.isProcessing || e(m);
   };
-  return { schedule: Nn.reduce((w, R) => {
-    const x = s[R];
-    return w[R] = (T, P = !1, k = !1) => (n || v(), x.schedule(T, P, k)), w;
-  }, {}), cancel: (w) => {
-    for (let R = 0; R < Nn.length; R++)
-      s[Nn[R]].cancel(w);
+  return { schedule: Nn.reduce((b, P) => {
+    const w = s[P];
+    return b[P] = ($, T = !1, k = !1) => (n || v(), w.schedule($, T, k)), b;
+  }, {}), cancel: (b) => {
+    for (let P = 0; P < Nn.length; P++)
+      s[Nn[P]].cancel(b);
   }, state: o, steps: s };
 }
 const { schedule: re, cancel: ut, state: we, steps: Vr } = /* @__PURE__ */ Tl(typeof requestAnimationFrame < "u" ? requestAnimationFrame : Le, !0);
@@ -1903,44 +1903,44 @@ function ar(e = oe.visualDuration, t = oe.bounce) {
     velocity: -/* @__PURE__ */ Ie(n.velocity || 0)
   }), p = f || 0, m = c / (2 * Math.sqrt(l * u)), v = s - i, y = /* @__PURE__ */ Ie(Math.sqrt(l / u)), S = Math.abs(v) < 5;
   r || (r = S ? oe.restSpeed.granular : oe.restSpeed.default), o || (o = S ? oe.restDelta.granular : oe.restDelta.default);
-  let w;
+  let b;
   if (m < 1) {
-    const x = po(y, m);
-    w = (T) => {
-      const P = Math.exp(-m * y * T);
-      return s - P * ((p + m * y * v) / x * Math.sin(x * T) + v * Math.cos(x * T));
+    const w = po(y, m);
+    b = ($) => {
+      const T = Math.exp(-m * y * $);
+      return s - T * ((p + m * y * v) / w * Math.sin(w * $) + v * Math.cos(w * $));
     };
   } else if (m === 1)
-    w = (x) => s - Math.exp(-y * x) * (v + (p + y * v) * x);
+    b = (w) => s - Math.exp(-y * w) * (v + (p + y * v) * w);
   else {
-    const x = y * Math.sqrt(m * m - 1);
-    w = (T) => {
-      const P = Math.exp(-m * y * T), k = Math.min(x * T, 300);
-      return s - P * ((p + m * y * v) * Math.sinh(k) + x * v * Math.cosh(k)) / x;
+    const w = y * Math.sqrt(m * m - 1);
+    b = ($) => {
+      const T = Math.exp(-m * y * $), k = Math.min(w * $, 300);
+      return s - T * ((p + m * y * v) * Math.sinh(k) + w * v * Math.cosh(k)) / w;
     };
   }
-  const R = {
+  const P = {
     calculatedDuration: h && d || null,
-    next: (x) => {
-      const T = w(x);
+    next: (w) => {
+      const $ = b(w);
       if (h)
-        a.done = x >= d;
+        a.done = w >= d;
       else {
-        let P = x === 0 ? p : 0;
-        m < 1 && (P = x === 0 ? /* @__PURE__ */ je(p) : Ll(w, x, T));
-        const k = Math.abs(P) <= r, M = Math.abs(s - T) <= o;
+        let T = w === 0 ? p : 0;
+        m < 1 && (T = w === 0 ? /* @__PURE__ */ je(p) : Ll(b, w, $));
+        const k = Math.abs(T) <= r, M = Math.abs(s - $) <= o;
         a.done = k && M;
       }
-      return a.value = a.done ? s : T, a;
+      return a.value = a.done ? s : $, a;
     },
     toString: () => {
-      const x = Math.min(li(R), sr), T = Il((P) => R.next(x * P).value, x, 30);
-      return x + "ms " + T;
+      const w = Math.min(li(P), sr), $ = Il((T) => P.next(w * T).value, w, 30);
+      return w + "ms " + $;
     },
     toTransition: () => {
     }
   };
-  return R;
+  return P;
 }
 ar.applyToOptions = (e) => {
   const t = Wf(e, 100, ar);
@@ -1954,15 +1954,15 @@ function mo({ keyframes: e, velocity: t = 0, power: n = 0.8, timeConstant: r = 3
   let m = n * t;
   const v = d + m, y = s === void 0 ? v : s(v);
   y !== v && (m = y - d);
-  const S = (k) => -m * Math.exp(-k / r), w = (k) => y + S(k), R = (k) => {
-    const M = S(k), A = w(k);
+  const S = (k) => -m * Math.exp(-k / r), b = (k) => y + S(k), P = (k) => {
+    const M = S(k), A = b(k);
     f.done = Math.abs(M) <= c, f.value = f.done ? y : A;
   };
-  let x, T;
-  const P = (k) => {
-    h(f.value) && (x = k, T = ar({
+  let w, $;
+  const T = (k) => {
+    h(f.value) && (w = k, $ = ar({
       keyframes: [f.value, p(f.value)],
-      velocity: Ll(w, k, f.value),
+      velocity: Ll(b, k, f.value),
       // TODO: This should be passing * 1000
       damping: o,
       stiffness: i,
@@ -1970,11 +1970,11 @@ function mo({ keyframes: e, velocity: t = 0, power: n = 0.8, timeConstant: r = 3
       restSpeed: u
     }));
   };
-  return P(0), {
+  return T(0), {
     calculatedDuration: null,
     next: (k) => {
       let M = !1;
-      return !T && x === void 0 && (M = !0, R(k), P(k)), x !== void 0 && k >= x ? T.next(k - x) : (!M && R(k), f);
+      return !$ && w === void 0 && (M = !0, P(k), T(k)), w !== void 0 && k >= w ? $.next(k - w) : (!M && P(k), f);
     }
   };
 }
@@ -2119,18 +2119,18 @@ class di extends ui {
     this.speed > 0 ? this.startTime = Math.min(this.startTime, t) : this.speed < 0 && (this.startTime = Math.min(t - o / this.speed, this.startTime)), n ? this.currentTime = t : this.updateTime(t);
     const y = this.currentTime - c * (this.playbackSpeed >= 0 ? 1 : -1), S = this.playbackSpeed >= 0 ? y < 0 : y > o;
     this.currentTime = Math.max(y, 0), this.state === "finished" && this.holdTime === null && (this.currentTime = o);
-    let w = this.currentTime, R = r;
+    let b = this.currentTime, P = r;
     if (d) {
       const k = Math.min(this.currentTime, o) / a;
       let M = Math.floor(k), A = k % 1;
-      !A && k >= 1 && (A = 1), A === 1 && M--, M = Math.min(M, d + 1), !!(M % 2) && (f === "reverse" ? (A = 1 - A, h && (A -= h / a)) : f === "mirror" && (R = s)), w = Qe(0, 1, A) * a;
+      !A && k >= 1 && (A = 1), A === 1 && M--, M = Math.min(M, d + 1), !!(M % 2) && (f === "reverse" ? (A = 1 - A, h && (A -= h / a)) : f === "mirror" && (P = s)), b = Qe(0, 1, A) * a;
     }
-    const x = S ? { done: !1, value: u[0] } : R.next(w);
-    i && (x.value = i(x.value));
-    let { done: T } = x;
-    !S && l !== null && (T = this.playbackSpeed >= 0 ? this.currentTime >= o : this.currentTime <= 0);
-    const P = this.holdTime === null && (this.state === "finished" || this.state === "running" && T);
-    return P && p !== mo && (x.value = ci(u, this.options, v, this.speed)), m && m(x.value), P && this.finish(), x;
+    const w = S ? { done: !1, value: u[0] } : P.next(b);
+    i && (w.value = i(w.value));
+    let { done: $ } = w;
+    !S && l !== null && ($ = this.playbackSpeed >= 0 ? this.currentTime >= o : this.currentTime <= 0);
+    const T = this.holdTime === null && (this.state === "finished" || this.state === "running" && $);
+    return T && p !== mo && (w.value = ci(u, this.options, v, this.speed)), m && m(w.value), T && this.finish(), w;
   }
   /**
    * Allows the returned animation to be awaited or promise-chained. Currently
@@ -3260,7 +3260,7 @@ class cp extends Pt.Component {
   }
 }
 function up({ children: e, isPresent: t, anchorX: n, root: r }) {
-  const o = nt(), i = le(null), s = le({
+  const o = nt(), i = ae(null), s = ae({
     width: 0,
     height: 0,
     top: 0,
@@ -3334,37 +3334,37 @@ function As(e) {
   }), t;
 }
 const En = ({ children: e, custom: t, initial: n = !0, onExitComplete: r, presenceAffectsLayout: o = !0, mode: i = "sync", propagate: s = !1, anchorX: a = "left", root: l }) => {
-  const [c, u] = nc(s), d = ne(() => As(e), [e]), f = s && !c ? [] : d.map(Bn), h = le(!0), p = le(d), m = Yo(() => /* @__PURE__ */ new Map()), [v, y] = se(d), [S, w] = se(d);
+  const [c, u] = nc(s), d = ne(() => As(e), [e]), f = s && !c ? [] : d.map(Bn), h = ae(!0), p = ae(d), m = Yo(() => /* @__PURE__ */ new Map()), [v, y] = se(d), [S, b] = se(d);
   dl(() => {
     h.current = !1, p.current = d;
-    for (let T = 0; T < S.length; T++) {
-      const P = Bn(S[T]);
-      f.includes(P) ? m.delete(P) : m.get(P) !== !0 && m.set(P, !1);
+    for (let $ = 0; $ < S.length; $++) {
+      const T = Bn(S[$]);
+      f.includes(T) ? m.delete(T) : m.get(T) !== !0 && m.set(T, !1);
     }
   }, [S, f.length, f.join("-")]);
-  const R = [];
+  const P = [];
   if (d !== v) {
-    let T = [...d];
-    for (let P = 0; P < S.length; P++) {
-      const k = S[P], M = Bn(k);
-      f.includes(M) || (T.splice(P, 0, k), R.push(k));
+    let $ = [...d];
+    for (let T = 0; T < S.length; T++) {
+      const k = S[T], M = Bn(k);
+      f.includes(M) || ($.splice(T, 0, k), P.push(k));
     }
-    return i === "wait" && R.length && (T = R), w(As(T)), y(d), null;
+    return i === "wait" && P.length && ($ = P), b(As($)), y(d), null;
   }
   process.env.NODE_ENV !== "production" && i === "wait" && S.length > 1 && console.warn(`You're attempting to animate multiple children within AnimatePresence, but its mode is set to "wait". This will lead to odd visual behaviour.`);
-  const { forceRender: x } = fe(Ko);
-  return g(Mt, { children: S.map((T) => {
-    const P = Bn(T), k = s && !c ? !1 : d === S || f.includes(P), M = () => {
-      if (m.has(P))
-        m.set(P, !0);
+  const { forceRender: w } = fe(Ko);
+  return g(Mt, { children: S.map(($) => {
+    const T = Bn($), k = s && !c ? !1 : d === S || f.includes(T), M = () => {
+      if (m.has(T))
+        m.set(T, !0);
       else
         return;
       let A = !0;
       m.forEach((N) => {
         N || (A = !1);
-      }), A && (x?.(), w(p.current), s && u?.(), r && r());
+      }), A && (w?.(), b(p.current), s && u?.(), r && r());
     };
-    return g(dp, { isPresent: k, initial: !h.current || n ? void 0 : !1, custom: t, presenceAffectsLayout: o, mode: i, root: l, onExitComplete: k ? void 0 : M, anchorX: a, children: T }, P);
+    return g(dp, { isPresent: k, initial: !h.current || n ? void 0 : !1, custom: t, presenceAffectsLayout: o, mode: i, root: l, onExitComplete: k ? void 0 : M, anchorX: a, children: $ }, T);
   }) });
 }, rc = ht({ strict: !1 }), Vs = {
   animation: [
@@ -3711,12 +3711,12 @@ function Dp(e, t, n, r) {
       if (p) {
         const { transitionEnd: m, transition: v, ...y } = p;
         for (const S in y) {
-          let w = y[S];
-          if (Array.isArray(w)) {
-            const R = u ? w.length - 1 : 0;
-            w = w[R];
+          let b = y[S];
+          if (Array.isArray(b)) {
+            const P = u ? b.length - 1 : 0;
+            b = b[P];
           }
-          w !== null && (o[S] = w);
+          b !== null && (o[S] = b);
         }
         for (const S in m)
           o[S] = m[S];
@@ -3769,7 +3769,7 @@ function _p(e, t, n) {
 }
 const $i = (e) => e.replace(/([a-z])([A-Z])/gu, "$1-$2").toLowerCase(), Np = "framerAppearId", hc = "data-" + $i(Np), pc = ht({});
 function Op(e, t, n, r, o) {
-  const { visualElement: i } = fe(vr), s = fe(rc), a = fe(yr), l = fe(yi).reducedMotion, c = le(null);
+  const { visualElement: i } = fe(vr), s = fe(rc), a = fe(yr), l = fe(yi).reducedMotion, c = ae(null);
   r = r || s.renderer, !c.current && r && (c.current = r(e, {
     visualState: t,
     parent: i,
@@ -3780,11 +3780,11 @@ function Op(e, t, n, r, o) {
   }));
   const u = c.current, d = fe(pc);
   u && !u.projection && o && (u.type === "html" || u.type === "svg") && Bp(c.current, n, o, d);
-  const f = le(!1);
+  const f = ae(!1);
   Na(() => {
     u && f.current && u.update(n, a);
   });
-  const h = n[hc], p = le(!!h && !window.MotionHandoffIsComplete?.(h) && window.MotionHasOptimisedAnimation?.(h));
+  const h = n[hc], p = ae(!!h && !window.MotionHandoffIsComplete?.(h) && window.MotionHasOptimisedAnimation?.(h));
   return dl(() => {
     u && (f.current = !0, window.MotionIsMounted = !0, u.updateFeatures(), u.scheduleRenderMicrotask(), p.current && u.animationState && u.animationState.animateChanges());
   }), he(() => {
@@ -3963,7 +3963,7 @@ const Bs = () => ({
 }), zt = () => ({
   x: Bs(),
   y: Bs()
-}), zs = () => ({ min: 0, max: 0 }), ae = () => ({
+}), zs = () => ({ min: 0, max: 0 }), le = () => ({
   x: zs(),
   y: zs()
 }), Po = { current: null }, bc = { current: !1 };
@@ -4087,7 +4087,7 @@ class Jp {
    * removed with a re-render to work.
    */
   measureViewportBox() {
-    return this.current ? this.measureInstanceViewportBox(this.current, this.props) : ae();
+    return this.current ? this.measureInstanceViewportBox(this.current, this.props) : le();
   }
   getStaticValue(t) {
     return this.latestValues[t];
@@ -4294,7 +4294,7 @@ function tm(e, t, n, r) {
 }
 class nm extends xc {
   constructor() {
-    super(...arguments), this.type = "svg", this.isSVGTag = !1, this.measureInstanceViewportBox = ae;
+    super(...arguments), this.type = "svg", this.isSVGTag = !1, this.measureInstanceViewportBox = le;
   }
   getBaseTargetFromProps(t, n) {
     return t[n];
@@ -4542,21 +4542,21 @@ function Cm(e) {
     const { props: c } = e, u = kc(e.parent) || {}, d = [], f = /* @__PURE__ */ new Set();
     let h = {}, p = 1 / 0;
     for (let v = 0; v < xm; v++) {
-      const y = bm[v], S = n[y], w = c[y] !== void 0 ? c[y] : u[y], R = Sn(w), x = y === l ? S.isActive : null;
-      x === !1 && (p = v);
-      let T = w === u[y] && w !== c[y] && R;
-      if (T && r && e.manuallyAnimateOnMount && (T = !1), S.protectedKeys = { ...h }, // If it isn't active and hasn't *just* been set as inactive
-      !S.isActive && x === null || // If we didn't and don't have any defined prop for this animation type
-      !w && !S.prevProp || // Or if the prop doesn't define an animation
-      wr(w) || typeof w == "boolean")
+      const y = bm[v], S = n[y], b = c[y] !== void 0 ? c[y] : u[y], P = Sn(b), w = y === l ? S.isActive : null;
+      w === !1 && (p = v);
+      let $ = b === u[y] && b !== c[y] && P;
+      if ($ && r && e.manuallyAnimateOnMount && ($ = !1), S.protectedKeys = { ...h }, // If it isn't active and hasn't *just* been set as inactive
+      !S.isActive && w === null || // If we didn't and don't have any defined prop for this animation type
+      !b && !S.prevProp || // Or if the prop doesn't define an animation
+      wr(b) || typeof b == "boolean")
         continue;
-      const P = Rm(S.prevProp, w);
-      let k = P || // If we're making this variant active, we want to always make it active
-      y === l && S.isActive && !T && R || // If we removed a higher-priority variant (i is in reverse order)
-      v > p && R, M = !1;
-      const A = Array.isArray(w) ? w : [w];
+      const T = Rm(S.prevProp, b);
+      let k = T || // If we're making this variant active, we want to always make it active
+      y === l && S.isActive && !$ && P || // If we removed a higher-priority variant (i is in reverse order)
+      v > p && P, M = !1;
+      const A = Array.isArray(b) ? b : [b];
       let N = A.reduce(o(y), {});
-      x === !1 && (N = {});
+      w === !1 && (N = {});
       const { prevResolvedValues: H = {} } = S, j = {
         ...H,
         ...N
@@ -4572,8 +4572,8 @@ function Cm(e) {
         let J = !1;
         ko(U) && ko(q) ? J = !Pc(U, q) : J = U !== q, J ? U != null ? K(D) : f.add(D) : U !== void 0 && f.has(D) ? K(D) : S.protectedKeys[D] = !0;
       }
-      S.prevProp = w, S.prevResolvedValues = N, S.isActive && (h = { ...h, ...N }), r && e.blockInitialAnimation && (k = !1);
-      const Z = T && P;
+      S.prevProp = b, S.prevResolvedValues = N, S.isActive && (h = { ...h, ...N }), r && e.blockInitialAnimation && (k = !1);
+      const Z = $ && T;
       k && (!Z || M) && d.push(...A.map((D) => {
         const U = { type: y };
         if (typeof D == "string" && r && !Z && e.manuallyAnimateOnMount && e.parent) {
@@ -4596,8 +4596,8 @@ function Cm(e) {
         y && y.transition && (v.transition = y.transition);
       }
       f.forEach((y) => {
-        const S = e.getBaseTarget(y), w = e.getValue(y);
-        w && (w.liveStyle = !0), v[y] = S ?? null;
+        const S = e.getBaseTarget(y), b = e.getValue(y);
+        b && (b.liveStyle = !0), v[y] = S ?? null;
       }), d.push({ animation: v });
     }
     let m = !!d.length;
@@ -4884,7 +4884,7 @@ function Js(e, t) {
 const Um = /* @__PURE__ */ new WeakMap();
 class Wm {
   constructor(t) {
-    this.openDragLock = null, this.isDragging = !1, this.currentDirection = null, this.originPoint = { x: 0, y: 0 }, this.constraints = !1, this.hasMutatedConstraints = !1, this.elastic = ae(), this.latestPointerEvent = null, this.latestPanInfo = null, this.visualElement = t;
+    this.openDragLock = null, this.isDragging = !1, this.currentDirection = null, this.originPoint = { x: 0, y: 0 }, this.constraints = !1, this.hasMutatedConstraints = !1, this.elastic = le(), this.latestPointerEvent = null, this.latestPanInfo = null, this.visualElement = t;
   }
   start(t, { snapToCursor: n = !1, distanceThreshold: r } = {}) {
     const { presenceContext: o } = this.visualElement;
@@ -4900,10 +4900,10 @@ class Wm {
       this.latestPointerEvent = d, this.latestPanInfo = f, this.isDragging = !0, this.currentDirection = null, this.resolveConstraints(), this.visualElement.projection && (this.visualElement.projection.isAnimationBlocked = !0, this.visualElement.projection.target = void 0), Fe((y) => {
         let S = this.getAxisMotionValue(y).get() || 0;
         if (Ye.test(S)) {
-          const { projection: w } = this.visualElement;
-          if (w && w.layout) {
-            const R = w.layout.layoutBox[y];
-            R && (S = Re(R) * (parseFloat(S) / 100));
+          const { projection: b } = this.visualElement;
+          if (b && b.layout) {
+            const P = b.layout.layoutBox[y];
+            P && (S = Re(P) * (parseFloat(S) / 100));
           }
         }
         this.originPoint[y] = S;
@@ -5487,12 +5487,12 @@ function Bc({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
         const p = this.options.transition || c.getDefaultTransition() || Pg, { onLayoutAnimationStart: m, onLayoutAnimationComplete: v } = c.getProps(), y = !this.targetLayout || !Nc(this.targetLayout, h), S = !d && f;
         if (this.options.layoutRoot || this.resumeFrom || S || d && (y || !this.currentAnimation)) {
           this.resumeFrom && (this.resumingFrom = this.resumeFrom, this.resumingFrom.resumingFrom = void 0);
-          const w = {
+          const b = {
             ...hi(p, "layout"),
             onPlay: m,
             onComplete: v
           };
-          (c.shouldReduceMotion || this.options.layoutRoot) && (w.delay = 0, w.type = !1), this.startAnimation(w), this.setAnimationOrigin(u, S);
+          (c.shouldReduceMotion || this.options.layoutRoot) && (b.delay = 0, b.type = !1), this.startAnimation(b), this.setAnimationOrigin(u, S);
         } else
           d || ga(this), this.isLead() && this.options.onExitComplete && this.options.onExitComplete();
         this.targetLayout = h;
@@ -5582,7 +5582,7 @@ function Bc({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
         for (let l = 0; l < this.path.length; l++)
           this.path[l].updateScroll();
       const s = this.layout;
-      this.layout = this.measure(!1), this.layoutCorrected = ae(), this.isLayoutDirty = !1, this.projectionDelta = void 0, this.notifyListeners("measure", this.layout.layoutBox);
+      this.layout = this.measure(!1), this.layoutCorrected = le(), this.isLayoutDirty = !1, this.projectionDelta = void 0, this.notifyListeners("measure", this.layout.layoutBox);
       const { visualElement: a } = this.options;
       a && a.notify("LayoutMeasure", this.layout.layoutBox, s ? s.layoutBox : void 0);
     }
@@ -5619,7 +5619,7 @@ function Bc({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
     measurePageBox() {
       const { visualElement: s } = this.options;
       if (!s)
-        return ae();
+        return le();
       const a = s.measureViewportBox();
       if (!(this.scroll?.wasRoot || this.path.some(Eg))) {
         const { scroll: c } = this.root;
@@ -5628,7 +5628,7 @@ function Bc({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
       return a;
     }
     removeElementScroll(s) {
-      const a = ae();
+      const a = le();
       if (De(a, s), this.scroll?.wasRoot)
         return a;
       for (let l = 0; l < this.path.length; l++) {
@@ -5638,7 +5638,7 @@ function Bc({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
       return a;
     }
     applyTransform(s, a = !1) {
-      const l = ae();
+      const l = le();
       De(l, s);
       for (let c = 0; c < this.path.length; c++) {
         const u = this.path[c];
@@ -5650,14 +5650,14 @@ function Bc({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
       return vt(this.latestValues) && Bt(l, this.latestValues), l;
     }
     removeTransform(s) {
-      const a = ae();
+      const a = le();
       De(a, s);
       for (let l = 0; l < this.path.length; l++) {
         const c = this.path[l];
         if (!c.instance || !vt(c.latestValues))
           continue;
         $o(c.latestValues) && c.updateSnapshot();
-        const u = ae(), d = c.measurePageBox();
+        const u = le(), d = c.measurePageBox();
         De(u, d), la(a, c.latestValues, c.snapshot ? c.snapshot.layoutBox : void 0, u);
       }
       return vt(this.latestValues) && la(a, this.latestValues), a;
@@ -5688,12 +5688,12 @@ function Bc({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
       if (!(!this.layout || !(u || d))) {
         if (this.resolvedRelativeTargetAt = we.timestamp, !this.targetDelta && !this.relativeTarget) {
           const f = this.getClosestProjectingParent();
-          f && f.layout && this.animationProgress !== 1 ? (this.relativeParent = f, this.forceRelativeParentToResolveTarget(), this.relativeTarget = ae(), this.relativeTargetOrigin = ae(), gn(this.relativeTargetOrigin, this.layout.layoutBox, f.layout.layoutBox), De(this.relativeTarget, this.relativeTargetOrigin)) : this.relativeParent = this.relativeTarget = void 0;
+          f && f.layout && this.animationProgress !== 1 ? (this.relativeParent = f, this.forceRelativeParentToResolveTarget(), this.relativeTarget = le(), this.relativeTargetOrigin = le(), gn(this.relativeTargetOrigin, this.layout.layoutBox, f.layout.layoutBox), De(this.relativeTarget, this.relativeTargetOrigin)) : this.relativeParent = this.relativeTarget = void 0;
         }
-        if (!(!this.relativeTarget && !this.targetDelta) && (this.target || (this.target = ae(), this.targetWithTransforms = ae()), this.relativeTarget && this.relativeTargetOrigin && this.relativeParent && this.relativeParent.target ? (this.forceRelativeParentToResolveTarget(), Im(this.target, this.relativeTarget, this.relativeParent.target)) : this.targetDelta ? (this.resumingFrom ? this.target = this.applyTransform(this.layout.layoutBox) : De(this.target, this.layout.layoutBox), vc(this.target, this.targetDelta)) : De(this.target, this.layout.layoutBox), this.attemptToResolveRelativeTarget)) {
+        if (!(!this.relativeTarget && !this.targetDelta) && (this.target || (this.target = le(), this.targetWithTransforms = le()), this.relativeTarget && this.relativeTargetOrigin && this.relativeParent && this.relativeParent.target ? (this.forceRelativeParentToResolveTarget(), Im(this.target, this.relativeTarget, this.relativeParent.target)) : this.targetDelta ? (this.resumingFrom ? this.target = this.applyTransform(this.layout.layoutBox) : De(this.target, this.layout.layoutBox), vc(this.target, this.targetDelta)) : De(this.target, this.layout.layoutBox), this.attemptToResolveRelativeTarget)) {
           this.attemptToResolveRelativeTarget = !1;
           const f = this.getClosestProjectingParent();
-          f && !!f.resumingFrom == !!this.resumingFrom && !f.options.layoutScroll && f.target && this.animationProgress !== 1 ? (this.relativeParent = f, this.forceRelativeParentToResolveTarget(), this.relativeTarget = ae(), this.relativeTargetOrigin = ae(), gn(this.relativeTargetOrigin, this.target, f.target), De(this.relativeTarget, this.relativeTargetOrigin)) : this.relativeParent = this.relativeTarget = void 0;
+          f && !!f.resumingFrom == !!this.resumingFrom && !f.options.layoutScroll && f.target && this.animationProgress !== 1 ? (this.relativeParent = f, this.forceRelativeParentToResolveTarget(), this.relativeTarget = le(), this.relativeTargetOrigin = le(), gn(this.relativeTargetOrigin, this.target, f.target), De(this.relativeTarget, this.relativeTargetOrigin)) : this.relativeParent = this.relativeTarget = void 0;
         }
       }
     }
@@ -5714,7 +5714,7 @@ function Bc({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
         return;
       De(this.layoutCorrected, this.layout.layoutBox);
       const d = this.treeScale.x, f = this.treeScale.y;
-      Kp(this.layoutCorrected, this.treeScale, this.path, a), s.layout && !s.target && (this.treeScale.x !== 1 || this.treeScale.y !== 1) && (s.target = s.layout.layoutBox, s.targetWithTransforms = ae());
+      Kp(this.layoutCorrected, this.treeScale, this.path, a), s.layout && !s.target && (this.treeScale.x !== 1 || this.treeScale.y !== 1) && (s.target = s.layout.layoutBox, s.targetWithTransforms = le());
       const { target: h } = s;
       if (!h) {
         this.prevProjectionDelta && (this.createProjectionDeltas(), this.scheduleRender());
@@ -5741,12 +5741,12 @@ function Bc({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
     setAnimationOrigin(s, a = !1) {
       const l = this.snapshot, c = l ? l.latestValues : {}, u = { ...this.latestValues }, d = zt();
       (!this.relativeParent || !this.relativeParent.options.layoutRoot) && (this.relativeTarget = this.relativeTargetOrigin = void 0), this.attemptToResolveRelativeTarget = !a;
-      const f = ae(), h = l ? l.source : void 0, p = this.layout ? this.layout.source : void 0, m = h !== p, v = this.getStack(), y = !v || v.members.length <= 1, S = !!(m && !y && this.options.crossfade === !0 && !this.path.some(Tg));
+      const f = le(), h = l ? l.source : void 0, p = this.layout ? this.layout.source : void 0, m = h !== p, v = this.getStack(), y = !v || v.members.length <= 1, S = !!(m && !y && this.options.crossfade === !0 && !this.path.some(Tg));
       this.animationProgress = 0;
-      let w;
-      this.mixTargetDelta = (R) => {
-        const x = R / 1e3;
-        ya(d.x, s.x, x), ya(d.y, s.y, x), this.setTargetDelta(d), this.relativeTarget && this.relativeTargetOrigin && this.layout && this.relativeParent && this.relativeParent.layout && (gn(f, this.layout.layoutBox, this.relativeParent.layout.layoutBox), $g(this.relativeTarget, this.relativeTargetOrigin, f, x), w && ug(this.relativeTarget, w) && (this.isProjectionDirty = !1), w || (w = ae()), De(w, this.relativeTarget)), m && (this.animationValues = u, og(u, c, this.latestValues, x, S, y)), this.root.scheduleUpdateProjection(), this.scheduleRender(), this.animationProgress = x;
+      let b;
+      this.mixTargetDelta = (P) => {
+        const w = P / 1e3;
+        ya(d.x, s.x, w), ya(d.y, s.y, w), this.setTargetDelta(d), this.relativeTarget && this.relativeTargetOrigin && this.layout && this.relativeParent && this.relativeParent.layout && (gn(f, this.layout.layoutBox, this.relativeParent.layout.layoutBox), $g(this.relativeTarget, this.relativeTargetOrigin, f, w), b && ug(this.relativeTarget, b) && (this.isProjectionDirty = !1), b || (b = le()), De(b, this.relativeTarget)), m && (this.animationValues = u, og(u, c, this.latestValues, w, S, y)), this.root.scheduleUpdateProjection(), this.scheduleRender(), this.animationProgress = w;
       }, this.mixTargetDelta(this.options.layoutRoot ? 1e3 : 0);
     }
     startAnimation(s) {
@@ -5779,7 +5779,7 @@ function Bc({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
       let { targetWithTransforms: a, target: l, layout: c, latestValues: u } = s;
       if (!(!a || !l || !c)) {
         if (this !== s && this.layout && c && zc(this.options.animationType, this.layout.layoutBox, c.layoutBox)) {
-          l = this.target || ae();
+          l = this.target || le();
           const d = Re(this.layout.layoutBox.x);
           l.x.min = s.target.x.min, l.x.max = l.x.min + d;
           const f = Re(this.layout.layoutBox.y);
@@ -5867,9 +5867,9 @@ function Bc({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
           continue;
         const { correct: m, applyTo: v, isCSSVariable: y } = Cn[p], S = d === "none" ? u[p] : m(u[p], c);
         if (v) {
-          const w = v.length;
-          for (let R = 0; R < w; R++)
-            s[v[R]] = S;
+          const b = v.length;
+          for (let P = 0; P < b; P++)
+            s[v[P]] = S;
         } else
           y ? this.options.visualElement.renderState.vars[p] = S : s[p] = S;
       }
@@ -5909,9 +5909,9 @@ function gg(e) {
       if (u && !u.resumeFrom) {
         const { snapshot: d, layout: f } = u;
         if (d && f) {
-          const h = ae();
+          const h = le();
           gn(h, t.layoutBox, d.layoutBox);
-          const p = ae();
+          const p = le();
           gn(p, n, f.layoutBox), Nc(h, p) || (c = !0), u.options.layoutRoot && (e.relativeTarget = p, e.relativeTargetOrigin = h, e.relativeParent = u);
         }
       }
@@ -6160,33 +6160,33 @@ const Hg = {
   ...Ag,
   ...jg
 }, rt = /* @__PURE__ */ Gp(Gg, rm), Ug = {
-  sm: b`
+  sm: x`
         width: 1.25rem;
         height: 1.25rem;
     `,
-  md: b`
+  md: x`
         width: 1.75rem;
         height: 1.75rem;
     `,
-  lg: b`
+  lg: x`
         width: 3rem;
         height: 3rem;
     `,
-  xl: b`
+  xl: x`
         width: 4rem;
         height: 4rem;
     `
 }, jc = {
-  primary: b`
+  primary: x`
         color: var(--color-main-blue-primary);
     `,
-  orange: b`
+  orange: x`
         color: var(--color-main-orange-primary);
     `,
-  white: b`
+  white: x`
         color: var(--color-main-white);
     `,
-  gray: b`
+  gray: x`
         color: var(--color-main-grey);
     `
 }, Wg = C.div`
@@ -6337,7 +6337,7 @@ const Hg = {
     variant: n
   }
 ) }), n0 = {
-  primary: b`
+  primary: x`
         background-color: var(--color-main-blue-primary);
         color: var(--color-main-white);
 
@@ -6353,7 +6353,7 @@ const Hg = {
             outline-color: var(--color-main-blue-primary);
         }
     `,
-  secondary: b`
+  secondary: x`
         background-color: var(--color-main-orange-primary);
         color: var(--color-main-white);
 
@@ -6366,7 +6366,7 @@ const Hg = {
             outline-color: var(--color-main-orange-primary);
         }
     `,
-  cancel: b`
+  cancel: x`
         background-color: var(--color-main-warning-state);
         color: var(--color-main-white);
 
@@ -6379,7 +6379,7 @@ const Hg = {
             outline-color: var(--color-main-warning-state);
         }
     `,
-  outline: b`
+  outline: x`
         background-color: transparent;
         color: var(--color-main-blue-primary);
         border: 2px solid var(--color-main-blue-primary);
@@ -6396,23 +6396,23 @@ const Hg = {
             outline-color: var(--color-main-blue-primary);
         }
     `
-}, r0 = b`
+}, r0 = x`
     background-color: var(--color-main-grey);
     color: var(--color-dark-200);
     cursor: not-allowed;
     box-shadow: none;
 `, o0 = {
-  sm: b`
+  sm: x`
         padding: 0.375rem 0.75rem;
         min-height: 2.75rem;
         ${V[12]}
     `,
-  md: b`
+  md: x`
         padding: 0.625rem 1.25rem;
         min-height: 3.175rem;
         ${V[16]}
     `,
-  lg: b`
+  lg: x`
         padding: 0.75rem 1.5rem;
         min-height: 3.5rem;
         ${V[20]}
@@ -6464,47 +6464,47 @@ const Hg = {
     ]
   }
 ), s0 = {
-  sm: b`
+  sm: x`
         padding: 0.25rem 0.625rem;
         border-radius: var(--border-radius-button);
         ${V[12]}
     `,
-  md: b`
+  md: x`
         padding: 0.375rem 0.75rem;
         border-radius: var(--border-radius-button);
         ${V[14]}
     `,
-  lg: b`
+  lg: x`
         padding: 0.5rem 1rem;
         border-radius: var(--border-radius-button);
         ${V[16]}
     `
 }, a0 = {
-  primary: b`
+  primary: x`
         background-color: var(--color-main-blue-primary);
         color: var(--color-main-white);
     `,
-  secondary: b`
+  secondary: x`
         background-color: var(--color-main-orange-primary);
         color: var(--color-main-white);
     `,
-  success: b`
+  success: x`
         background-color: var(--color-main-positive-state);
         color: var(--color-main-white);
     `,
-  warning: b`
+  warning: x`
         background-color: var(--color-main-yellow-primary);
         color: var(--color-main-black);
     `,
-  danger: b`
+  danger: x`
         background-color: var(--color-main-warning-state);
         color: var(--color-main-white);
     `,
-  neutral: b`
+  neutral: x`
         background-color: var(--color-light-200);
         color: var(--color-main-grey);
     `,
-  outline: b``
+  outline: x``
 }, l0 = C.span`
     display: inline-flex;
     align-items: center;
@@ -6516,7 +6516,7 @@ const Hg = {
     ${({ $size: e }) => s0[e]}
     ${({ $variant: e }) => a0[e]}
 
-    ${({ $variant: e, $outlineColor: t }) => e === "outline" ? b`
+    ${({ $variant: e, $outlineColor: t }) => e === "outline" ? x`
                   background-color: transparent;
                   color: ${t || "var(--color-main-blue-primary)"};
                   border: 1px solid ${t || "var(--color-main-blue-primary)"};
@@ -6583,58 +6583,58 @@ const f0 = (e) => {
     default:
       return null;
   }
-}, h0 = Array(12).fill(0), p0 = ({ visible: e, className: t }) => /* @__PURE__ */ $.createElement("div", {
+}, h0 = Array(12).fill(0), p0 = ({ visible: e, className: t }) => /* @__PURE__ */ R.createElement("div", {
   className: [
     "sonner-loading-wrapper",
     t
   ].filter(Boolean).join(" "),
   "data-visible": e
-}, /* @__PURE__ */ $.createElement("div", {
+}, /* @__PURE__ */ R.createElement("div", {
   className: "sonner-spinner"
-}, h0.map((n, r) => /* @__PURE__ */ $.createElement("div", {
+}, h0.map((n, r) => /* @__PURE__ */ R.createElement("div", {
   className: "sonner-loading-bar",
   key: `spinner-bar-${r}`
-})))), m0 = /* @__PURE__ */ $.createElement("svg", {
+})))), m0 = /* @__PURE__ */ R.createElement("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 20 20",
   fill: "currentColor",
   height: "20",
   width: "20"
-}, /* @__PURE__ */ $.createElement("path", {
+}, /* @__PURE__ */ R.createElement("path", {
   fillRule: "evenodd",
   d: "M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z",
   clipRule: "evenodd"
-})), g0 = /* @__PURE__ */ $.createElement("svg", {
+})), g0 = /* @__PURE__ */ R.createElement("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "currentColor",
   height: "20",
   width: "20"
-}, /* @__PURE__ */ $.createElement("path", {
+}, /* @__PURE__ */ R.createElement("path", {
   fillRule: "evenodd",
   d: "M9.401 3.003c1.155-2 4.043-2 5.197 0l7.355 12.748c1.154 2-.29 4.5-2.599 4.5H4.645c-2.309 0-3.752-2.5-2.598-4.5L9.4 3.003zM12 8.25a.75.75 0 01.75.75v3.75a.75.75 0 01-1.5 0V9a.75.75 0 01.75-.75zm0 8.25a.75.75 0 100-1.5.75.75 0 000 1.5z",
   clipRule: "evenodd"
-})), y0 = /* @__PURE__ */ $.createElement("svg", {
+})), y0 = /* @__PURE__ */ R.createElement("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 20 20",
   fill: "currentColor",
   height: "20",
   width: "20"
-}, /* @__PURE__ */ $.createElement("path", {
+}, /* @__PURE__ */ R.createElement("path", {
   fillRule: "evenodd",
   d: "M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a.75.75 0 000 1.5h.253a.25.25 0 01.244.304l-.459 2.066A1.75 1.75 0 0010.747 15H11a.75.75 0 000-1.5h-.253a.25.25 0 01-.244-.304l.459-2.066A1.75 1.75 0 009.253 9H9z",
   clipRule: "evenodd"
-})), v0 = /* @__PURE__ */ $.createElement("svg", {
+})), v0 = /* @__PURE__ */ R.createElement("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 20 20",
   fill: "currentColor",
   height: "20",
   width: "20"
-}, /* @__PURE__ */ $.createElement("path", {
+}, /* @__PURE__ */ R.createElement("path", {
   fillRule: "evenodd",
   d: "M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-8-5a.75.75 0 01.75.75v4.5a.75.75 0 01-1.5 0v-4.5A.75.75 0 0110 5zm0 10a1 1 0 100-2 1 1 0 000 2z",
   clipRule: "evenodd"
-})), w0 = /* @__PURE__ */ $.createElement("svg", {
+})), w0 = /* @__PURE__ */ R.createElement("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   width: "12",
   height: "12",
@@ -6644,19 +6644,19 @@ const f0 = (e) => {
   strokeWidth: "1.5",
   strokeLinecap: "round",
   strokeLinejoin: "round"
-}, /* @__PURE__ */ $.createElement("line", {
+}, /* @__PURE__ */ R.createElement("line", {
   x1: "18",
   y1: "6",
   x2: "6",
   y2: "18"
-}), /* @__PURE__ */ $.createElement("line", {
+}), /* @__PURE__ */ R.createElement("line", {
   x1: "6",
   y1: "6",
   x2: "18",
   y2: "18"
 })), b0 = () => {
-  const [e, t] = $.useState(document.hidden);
-  return $.useEffect(() => {
+  const [e, t] = R.useState(document.hidden);
+  return R.useEffect(() => {
     const n = () => {
       t(document.hidden);
     };
@@ -6744,7 +6744,7 @@ class x0 {
         if (s = [
           "resolve",
           c
-        ], $.isValidElement(c))
+        ], R.isValidElement(c))
           i = !1, this.create({
             id: r,
             type: "default",
@@ -6752,7 +6752,7 @@ class x0 {
           });
         else if (C0(c) && !c.ok) {
           i = !1;
-          const d = typeof n.error == "function" ? await n.error(`HTTP error! status: ${c.status}`) : n.error, f = typeof n.description == "function" ? await n.description(`HTTP error! status: ${c.status}`) : n.description, p = typeof d == "object" && !$.isValidElement(d) ? d : {
+          const d = typeof n.error == "function" ? await n.error(`HTTP error! status: ${c.status}`) : n.error, f = typeof n.description == "function" ? await n.description(`HTTP error! status: ${c.status}`) : n.description, p = typeof d == "object" && !R.isValidElement(d) ? d : {
             message: d
           };
           this.create({
@@ -6763,7 +6763,7 @@ class x0 {
           });
         } else if (c instanceof Error) {
           i = !1;
-          const d = typeof n.error == "function" ? await n.error(c) : n.error, f = typeof n.description == "function" ? await n.description(c) : n.description, p = typeof d == "object" && !$.isValidElement(d) ? d : {
+          const d = typeof n.error == "function" ? await n.error(c) : n.error, f = typeof n.description == "function" ? await n.description(c) : n.description, p = typeof d == "object" && !R.isValidElement(d) ? d : {
             message: d
           };
           this.create({
@@ -6774,7 +6774,7 @@ class x0 {
           });
         } else if (n.success !== void 0) {
           i = !1;
-          const d = typeof n.success == "function" ? await n.success(c) : n.success, f = typeof n.description == "function" ? await n.description(c) : n.description, p = typeof d == "object" && !$.isValidElement(d) ? d : {
+          const d = typeof n.success == "function" ? await n.success(c) : n.success, f = typeof n.description == "function" ? await n.description(c) : n.description, p = typeof d == "object" && !R.isValidElement(d) ? d : {
             message: d
           };
           this.create({
@@ -6790,7 +6790,7 @@ class x0 {
           c
         ], n.error !== void 0) {
           i = !1;
-          const u = typeof n.error == "function" ? await n.error(c) : n.error, d = typeof n.description == "function" ? await n.description(c) : n.description, h = typeof u == "object" && !$.isValidElement(u) ? u : {
+          const u = typeof n.error == "function" ? await n.error(c) : n.error, d = typeof n.description == "function" ? await n.description(c) : n.description, h = typeof u == "object" && !R.isValidElement(u) ? u : {
             message: u
           };
           this.create({
@@ -6853,32 +6853,32 @@ function F0(e) {
 }
 const I0 = (e) => {
   var t, n, r, o, i, s, a, l, c;
-  const { invert: u, toast: d, unstyled: f, interacting: h, setHeights: p, visibleToasts: m, heights: v, index: y, toasts: S, expanded: w, removeToast: R, defaultRichColors: x, closeButton: T, style: P, cancelButtonStyle: k, actionButtonStyle: M, className: A = "", descriptionClassName: N = "", duration: H, position: j, gap: K, expandByDefault: Z, classNames: _, icons: D, closeButtonAriaLabel: U = "Close toast" } = e, [q, J] = $.useState(null), [ye, de] = $.useState(null), [B, ee] = $.useState(!1), [X, pe] = $.useState(!1), [Ne, G] = $.useState(!1), [$e, ot] = $.useState(!1), [qe, Ce] = $.useState(!1), [Iu, $r] = $.useState(0), [Lu, Li] = $.useState(0), an = $.useRef(d.duration || H || Ra), _i = $.useRef(null), Xe = $.useRef(null), _u = y === 0, Nu = y + 1 <= m, Ee = d.type, Vt = d.dismissible !== !1, Ou = d.className || "", Bu = d.descriptionClassName || "", An = $.useMemo(() => v.findIndex((O) => O.toastId === d.id) || 0, [
+  const { invert: u, toast: d, unstyled: f, interacting: h, setHeights: p, visibleToasts: m, heights: v, index: y, toasts: S, expanded: b, removeToast: P, defaultRichColors: w, closeButton: $, style: T, cancelButtonStyle: k, actionButtonStyle: M, className: A = "", descriptionClassName: N = "", duration: H, position: j, gap: K, expandByDefault: Z, classNames: _, icons: D, closeButtonAriaLabel: U = "Close toast" } = e, [q, J] = R.useState(null), [ye, de] = R.useState(null), [B, ee] = R.useState(!1), [X, pe] = R.useState(!1), [Ne, G] = R.useState(!1), [$e, ot] = R.useState(!1), [qe, Ce] = R.useState(!1), [Iu, $r] = R.useState(0), [Lu, Li] = R.useState(0), an = R.useRef(d.duration || H || Ra), _i = R.useRef(null), Xe = R.useRef(null), _u = y === 0, Nu = y + 1 <= m, Ee = d.type, Vt = d.dismissible !== !1, Ou = d.className || "", Bu = d.descriptionClassName || "", An = R.useMemo(() => v.findIndex((O) => O.toastId === d.id) || 0, [
     v,
     d.id
-  ]), zu = $.useMemo(() => {
+  ]), zu = R.useMemo(() => {
     var O;
-    return (O = d.closeButton) != null ? O : T;
+    return (O = d.closeButton) != null ? O : $;
   }, [
     d.closeButton,
-    T
-  ]), Ni = $.useMemo(() => d.duration || H || Ra, [
+    $
+  ]), Ni = R.useMemo(() => d.duration || H || Ra, [
     d.duration,
     H
-  ]), Tr = $.useRef(0), Dt = $.useRef(0), Oi = $.useRef(0), Ft = $.useRef(null), [Hu, ju] = j.split("-"), Bi = $.useMemo(() => v.reduce((O, me, be) => be >= An ? O : O + me.height, 0), [
+  ]), Tr = R.useRef(0), Dt = R.useRef(0), Oi = R.useRef(0), Ft = R.useRef(null), [Hu, ju] = j.split("-"), Bi = R.useMemo(() => v.reduce((O, me, be) => be >= An ? O : O + me.height, 0), [
     v,
     An
   ]), zi = b0(), Gu = d.invert || u, Pr = Ee === "loading";
-  Dt.current = $.useMemo(() => An * K + Bi, [
+  Dt.current = R.useMemo(() => An * K + Bi, [
     An,
     Bi
-  ]), $.useEffect(() => {
+  ]), R.useEffect(() => {
     an.current = Ni;
   }, [
     Ni
-  ]), $.useEffect(() => {
+  ]), R.useEffect(() => {
     ee(!0);
-  }, []), $.useEffect(() => {
+  }, []), R.useEffect(() => {
     const O = Xe.current;
     if (O) {
       const me = O.getBoundingClientRect().height;
@@ -6894,7 +6894,7 @@ const I0 = (e) => {
   }, [
     p,
     d.id
-  ]), $.useLayoutEffect(() => {
+  ]), R.useLayoutEffect(() => {
     if (!B) return;
     const O = Xe.current, me = O.style.height;
     O.style.height = "auto";
@@ -6920,20 +6920,20 @@ const I0 = (e) => {
     d.action,
     d.cancel
   ]);
-  const it = $.useCallback(() => {
+  const it = R.useCallback(() => {
     pe(!0), $r(Dt.current), p((O) => O.filter((me) => me.toastId !== d.id)), setTimeout(() => {
-      R(d);
+      P(d);
     }, D0);
   }, [
     d,
-    R,
+    P,
     p,
     Dt
   ]);
-  $.useEffect(() => {
+  R.useEffect(() => {
     if (d.promise && Ee === "loading" || d.duration === 1 / 0 || d.type === "loading") return;
     let O;
-    return w || h || zi ? (() => {
+    return b || h || zi ? (() => {
       if (Oi.current < Tr.current) {
         const Me = (/* @__PURE__ */ new Date()).getTime() - Tr.current;
         an.current = an.current - Me;
@@ -6945,13 +6945,13 @@ const I0 = (e) => {
       }, an.current));
     })(), () => clearTimeout(O);
   }, [
-    w,
+    b,
     h,
     d,
     Ee,
     zi,
     it
-  ]), $.useEffect(() => {
+  ]), R.useEffect(() => {
     d.delete && (it(), d.onDismiss == null || d.onDismiss.call(d, d));
   }, [
     it,
@@ -6961,24 +6961,24 @@ const I0 = (e) => {
     var O;
     if (D?.loading) {
       var me;
-      return /* @__PURE__ */ $.createElement("div", {
+      return /* @__PURE__ */ R.createElement("div", {
         className: We(_?.loader, d == null || (me = d.classNames) == null ? void 0 : me.loader, "sonner-loader"),
         "data-visible": Ee === "loading"
       }, D.loading);
     }
-    return /* @__PURE__ */ $.createElement(p0, {
+    return /* @__PURE__ */ R.createElement(p0, {
       className: We(_?.loader, d == null || (O = d.classNames) == null ? void 0 : O.loader),
       visible: Ee === "loading"
     });
   }
   const Wu = d.icon || D?.[Ee] || f0(Ee);
   var Hi, ji;
-  return /* @__PURE__ */ $.createElement("li", {
+  return /* @__PURE__ */ R.createElement("li", {
     tabIndex: 0,
     ref: Xe,
     className: We(A, Ou, _?.toast, d == null || (t = d.classNames) == null ? void 0 : t.toast, _?.default, _?.[Ee], d == null || (n = d.classNames) == null ? void 0 : n[Ee]),
     "data-sonner-toast": "",
-    "data-rich-colors": (Hi = d.richColors) != null ? Hi : x,
+    "data-rich-colors": (Hi = d.richColors) != null ? Hi : w,
     "data-styled": !(d.jsx || d.unstyled || f),
     "data-mounted": B,
     "data-promise": !!d.promise,
@@ -6995,7 +6995,7 @@ const I0 = (e) => {
     "data-invert": Gu,
     "data-swipe-out": $e,
     "data-swipe-direction": ye,
-    "data-expanded": !!(w || Z && B),
+    "data-expanded": !!(b || Z && B),
     "data-testid": d.testId,
     style: {
       "--index": y,
@@ -7003,7 +7003,7 @@ const I0 = (e) => {
       "--z-index": S.length - y,
       "--offset": `${X ? Iu : Dt.current}px`,
       "--initial-height": Z ? "auto" : `${Lu}px`,
-      ...P,
+      ...T,
       ...d.style
     },
     onDragEnd: () => {
@@ -7058,7 +7058,7 @@ const I0 = (e) => {
         }
       (Math.abs(Be.x) > 0 || Math.abs(Be.y) > 0) && Ce(!0), (be = Xe.current) == null || be.style.setProperty("--swipe-amount-x", `${Be.x}px`), (Me = Xe.current) == null || Me.style.setProperty("--swipe-amount-y", `${Be.y}px`);
     }
-  }, zu && !d.jsx && Ee !== "loading" ? /* @__PURE__ */ $.createElement("button", {
+  }, zu && !d.jsx && Ee !== "loading" ? /* @__PURE__ */ R.createElement("button", {
     "aria-label": U,
     "data-disabled": Pr,
     "data-close-button": !0,
@@ -7067,19 +7067,19 @@ const I0 = (e) => {
       it(), d.onDismiss == null || d.onDismiss.call(d, d);
     },
     className: We(_?.closeButton, d == null || (r = d.classNames) == null ? void 0 : r.closeButton)
-  }, (ji = D?.close) != null ? ji : w0) : null, (Ee || d.icon || d.promise) && d.icon !== null && (D?.[Ee] !== null || d.icon) ? /* @__PURE__ */ $.createElement("div", {
+  }, (ji = D?.close) != null ? ji : w0) : null, (Ee || d.icon || d.promise) && d.icon !== null && (D?.[Ee] !== null || d.icon) ? /* @__PURE__ */ R.createElement("div", {
     "data-icon": "",
     className: We(_?.icon, d == null || (o = d.classNames) == null ? void 0 : o.icon)
-  }, d.promise || d.type === "loading" && !d.icon ? d.icon || Uu() : null, d.type !== "loading" ? Wu : null) : null, /* @__PURE__ */ $.createElement("div", {
+  }, d.promise || d.type === "loading" && !d.icon ? d.icon || Uu() : null, d.type !== "loading" ? Wu : null) : null, /* @__PURE__ */ R.createElement("div", {
     "data-content": "",
     className: We(_?.content, d == null || (i = d.classNames) == null ? void 0 : i.content)
-  }, /* @__PURE__ */ $.createElement("div", {
+  }, /* @__PURE__ */ R.createElement("div", {
     "data-title": "",
     className: We(_?.title, d == null || (s = d.classNames) == null ? void 0 : s.title)
-  }, d.jsx ? d.jsx : typeof d.title == "function" ? d.title() : d.title), d.description ? /* @__PURE__ */ $.createElement("div", {
+  }, d.jsx ? d.jsx : typeof d.title == "function" ? d.title() : d.title), d.description ? /* @__PURE__ */ R.createElement("div", {
     "data-description": "",
     className: We(N, Bu, _?.description, d == null || (a = d.classNames) == null ? void 0 : a.description)
-  }, typeof d.description == "function" ? d.description() : d.description) : null), /* @__PURE__ */ $.isValidElement(d.cancel) ? d.cancel : d.cancel && Hn(d.cancel) ? /* @__PURE__ */ $.createElement("button", {
+  }, typeof d.description == "function" ? d.description() : d.description) : null), /* @__PURE__ */ R.isValidElement(d.cancel) ? d.cancel : d.cancel && Hn(d.cancel) ? /* @__PURE__ */ R.createElement("button", {
     "data-button": !0,
     "data-cancel": !0,
     style: d.cancelButtonStyle || k,
@@ -7087,7 +7087,7 @@ const I0 = (e) => {
       Hn(d.cancel) && Vt && (d.cancel.onClick == null || d.cancel.onClick.call(d.cancel, O), it());
     },
     className: We(_?.cancelButton, d == null || (l = d.classNames) == null ? void 0 : l.cancelButton)
-  }, d.cancel.label) : null, /* @__PURE__ */ $.isValidElement(d.action) ? d.action : d.action && Hn(d.action) ? /* @__PURE__ */ $.createElement("button", {
+  }, d.cancel.label) : null, /* @__PURE__ */ R.isValidElement(d.action) ? d.action : d.action && Hn(d.action) ? /* @__PURE__ */ R.createElement("button", {
     "data-button": !0,
     "data-action": !0,
     style: d.actionButtonStyle || M,
@@ -7129,28 +7129,28 @@ function L0(e, t) {
     }) : l(a);
   }), n;
 }
-const _0 = /* @__PURE__ */ $.forwardRef(function(t, n) {
+const _0 = /* @__PURE__ */ R.forwardRef(function(t, n) {
   const { id: r, invert: o, position: i = "bottom-right", hotkey: s = [
     "altKey",
     "KeyT"
-  ], expand: a, closeButton: l, className: c, offset: u, mobileOffset: d, theme: f = "light", richColors: h, duration: p, style: m, visibleToasts: v = P0, toastOptions: y, dir: S = $a(), gap: w = A0, icons: R, containerAriaLabel: x = "Notifications" } = t, [T, P] = $.useState([]), k = $.useMemo(() => r ? T.filter((B) => B.toasterId === r) : T.filter((B) => !B.toasterId), [
-    T,
+  ], expand: a, closeButton: l, className: c, offset: u, mobileOffset: d, theme: f = "light", richColors: h, duration: p, style: m, visibleToasts: v = P0, toastOptions: y, dir: S = $a(), gap: b = A0, icons: P, containerAriaLabel: w = "Notifications" } = t, [$, T] = R.useState([]), k = R.useMemo(() => r ? $.filter((B) => B.toasterId === r) : $.filter((B) => !B.toasterId), [
+    $,
     r
-  ]), M = $.useMemo(() => Array.from(new Set([
+  ]), M = R.useMemo(() => Array.from(new Set([
     i
   ].concat(k.filter((B) => B.position).map((B) => B.position)))), [
     k,
     i
-  ]), [A, N] = $.useState([]), [H, j] = $.useState(!1), [K, Z] = $.useState(!1), [_, D] = $.useState(f !== "system" ? f : typeof window < "u" && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light"), U = $.useRef(null), q = s.join("+").replace(/Key/g, "").replace(/Digit/g, ""), J = $.useRef(null), ye = $.useRef(!1), de = $.useCallback((B) => {
-    P((ee) => {
+  ]), [A, N] = R.useState([]), [H, j] = R.useState(!1), [K, Z] = R.useState(!1), [_, D] = R.useState(f !== "system" ? f : typeof window < "u" && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light"), U = R.useRef(null), q = s.join("+").replace(/Key/g, "").replace(/Digit/g, ""), J = R.useRef(null), ye = R.useRef(!1), de = R.useCallback((B) => {
+    T((ee) => {
       var X;
       return (X = ee.find((pe) => pe.id === B.id)) != null && X.delete || Te.dismiss(B.id), ee.filter(({ id: pe }) => pe !== B.id);
     });
   }, []);
-  return $.useEffect(() => Te.subscribe((B) => {
+  return R.useEffect(() => Te.subscribe((B) => {
     if (B.dismiss) {
       requestAnimationFrame(() => {
-        P((ee) => ee.map((X) => X.id === B.id ? {
+        T((ee) => ee.map((X) => X.id === B.id ? {
           ...X,
           delete: !0
         } : X));
@@ -7159,7 +7159,7 @@ const _0 = /* @__PURE__ */ $.forwardRef(function(t, n) {
     }
     setTimeout(() => {
       Ju.flushSync(() => {
-        P((ee) => {
+        T((ee) => {
           const X = ee.findIndex((pe) => pe.id === B.id);
           return X !== -1 ? [
             ...ee.slice(0, X),
@@ -7176,8 +7176,8 @@ const _0 = /* @__PURE__ */ $.forwardRef(function(t, n) {
       });
     });
   }), [
-    T
-  ]), $.useEffect(() => {
+    $
+  ]), R.useEffect(() => {
     if (f !== "system") {
       D(f);
       return;
@@ -7199,11 +7199,11 @@ const _0 = /* @__PURE__ */ $.forwardRef(function(t, n) {
     }
   }, [
     f
-  ]), $.useEffect(() => {
-    T.length <= 1 && j(!1);
+  ]), R.useEffect(() => {
+    $.length <= 1 && j(!1);
   }, [
-    T
-  ]), $.useEffect(() => {
+    $
+  ]), R.useEffect(() => {
     const B = (ee) => {
       var X;
       if (s.every((G) => ee[G] || ee.code === G)) {
@@ -7215,7 +7215,7 @@ const _0 = /* @__PURE__ */ $.forwardRef(function(t, n) {
     return document.addEventListener("keydown", B), () => document.removeEventListener("keydown", B);
   }, [
     s
-  ]), $.useEffect(() => {
+  ]), R.useEffect(() => {
     if (U.current)
       return () => {
         J.current && (J.current.focus({
@@ -7225,9 +7225,9 @@ const _0 = /* @__PURE__ */ $.forwardRef(function(t, n) {
   }, [
     U.current
   ]), // Remove item from normal navigation flow, only available via hotkey
-  /* @__PURE__ */ $.createElement("section", {
+  /* @__PURE__ */ R.createElement("section", {
     ref: n,
-    "aria-label": `${x} ${q}`,
+    "aria-label": `${w} ${q}`,
     tabIndex: -1,
     "aria-live": "polite",
     "aria-relevant": "additions text",
@@ -7236,7 +7236,7 @@ const _0 = /* @__PURE__ */ $.forwardRef(function(t, n) {
   }, M.map((B, ee) => {
     var X;
     const [pe, Ne] = B.split("-");
-    return k.length ? /* @__PURE__ */ $.createElement("ol", {
+    return k.length ? /* @__PURE__ */ R.createElement("ol", {
       key: B,
       dir: S === "auto" ? $a() : S,
       tabIndex: -1,
@@ -7249,7 +7249,7 @@ const _0 = /* @__PURE__ */ $.forwardRef(function(t, n) {
       style: {
         "--front-toast-height": `${((X = A[0]) == null ? void 0 : X.height) || 0}px`,
         "--width": `${M0}px`,
-        "--gap": `${w}px`,
+        "--gap": `${b}px`,
         ...m,
         ...L0(u, d)
       },
@@ -7273,9 +7273,9 @@ const _0 = /* @__PURE__ */ $.forwardRef(function(t, n) {
       onPointerUp: () => Z(!1)
     }, k.filter((G) => !G.position && ee === 0 || G.position === B).map((G, $e) => {
       var ot, qe;
-      return /* @__PURE__ */ $.createElement(I0, {
+      return /* @__PURE__ */ R.createElement(I0, {
         key: G.id,
-        icons: R,
+        icons: P,
         index: $e,
         toast: G,
         defaultRichColors: h,
@@ -7298,7 +7298,7 @@ const _0 = /* @__PURE__ */ $.forwardRef(function(t, n) {
         heights: A.filter((Ce) => Ce.position == G.position),
         setHeights: N,
         expandByDefault: a,
-        gap: w,
+        gap: b,
         expanded: H,
         swipeDirections: t.swipeDirections
       });
@@ -7323,7 +7323,7 @@ const _0 = /* @__PURE__ */ $.forwardRef(function(t, n) {
     ...t
   }
 ), N0 = {
-  elevated: b`
+  elevated: x`
         background-color: var(--color-main-white);
         box-shadow: var(--shadow-black-card);
         border: none;
@@ -7332,7 +7332,7 @@ const _0 = /* @__PURE__ */ $.forwardRef(function(t, n) {
             box-shadow: var(--shadow-hover-black-card);
         }
     `,
-  flat: b`
+  flat: x`
         background-color: var(--color-main-white);
         box-shadow: none;
         border: none;
@@ -7341,7 +7341,7 @@ const _0 = /* @__PURE__ */ $.forwardRef(function(t, n) {
             background-color: var(--color-main-alternative-secondary);
         }
     `,
-  info: b`
+  info: x`
         background-color: var(--color-main-white);
         box-shadow: none;
 
@@ -7354,19 +7354,19 @@ const _0 = /* @__PURE__ */ $.forwardRef(function(t, n) {
         }
     `
 }, O0 = {
-  sm: b`
+  sm: x`
         padding: 0.75rem;
         gap: 0.5rem;
     `,
-  md: b`
+  md: x`
         padding: 1rem;
         gap: 0.5rem;
     `,
-  lg: b`
+  lg: x`
         padding: 1.25rem;
         gap: 0.5rem;
     `
-}, B0 = b`
+}, B0 = x`
     transition:
         box-shadow 0.3s ease-out,
         background-color 0.3s ease-out,
@@ -7386,7 +7386,7 @@ const _0 = /* @__PURE__ */ $.forwardRef(function(t, n) {
     &:focus-visible {
         outline-color: var(--color-main-blue-primary);
     }
-`, z0 = b`
+`, z0 = x`
     opacity: 0.6;
     cursor: not-allowed;
     pointer-events: none;
@@ -7441,7 +7441,7 @@ const _0 = /* @__PURE__ */ $.forwardRef(function(t, n) {
     align-self: stretch;
     gap: 0.5rem;
 
-    ${({ $showDivider: e }) => e && b`
+    ${({ $showDivider: e }) => e && x`
             border-bottom: 1px solid var(--color-divider);
             padding-bottom: 0.5rem;
         `}
@@ -7455,16 +7455,16 @@ const _0 = /* @__PURE__ */ $.forwardRef(function(t, n) {
     align-self: stretch;
     gap: 0.5rem;
 `, Ob = ({ children: e, ...t }) => /* @__PURE__ */ g(U0, { ...t, children: e }), W0 = {
-  xs: b`
+  xs: x`
         ${V[12]}
     `,
-  sm: b`
+  sm: x`
         ${V[12]}
     `,
-  md: b`
+  md: x`
         ${V[16]}
     `,
-  lg: b`
+  lg: x`
         ${V[18]}
     `
 }, K0 = C.div`
@@ -7476,16 +7476,16 @@ const _0 = /* @__PURE__ */ $.forwardRef(function(t, n) {
     align-items: flex-start;
     gap: 0.25rem;
 `, Gc = ({ children: e, className: t, size: n = "md", ...r }) => /* @__PURE__ */ g(K0, { className: t, $size: n, ...r, children: e }), Y0 = {
-  xs: b`
+  xs: x`
         ${V[14]}
     `,
-  sm: b`
+  sm: x`
         ${V[16]}
     `,
-  md: b`
+  md: x`
         ${V[24]}
     `,
-  lg: b`
+  lg: x`
         ${V[30]}
     `
 }, q0 = C.label`
@@ -7493,7 +7493,7 @@ const _0 = /* @__PURE__ */ $.forwardRef(function(t, n) {
     ${({ $size: e }) => Y0[e]}
     ${({ $disabled: e }) => e && X0}
     cursor: ${({ $disabled: e, $htmlFor: t }) => e || !t ? "default" : "pointer"};
-`, X0 = b`
+`, X0 = x`
     cursor: not-allowed;
     opacity: 0.6;
 `, ki = ({
@@ -7691,7 +7691,7 @@ const _0 = /* @__PURE__ */ $.forwardRef(function(t, n) {
         }
       };
   }
-}, on = b`
+}, on = x`
     display: flex;
     justify-content: space-between;
     align-items: center;
@@ -7721,7 +7721,7 @@ const _0 = /* @__PURE__ */ $.forwardRef(function(t, n) {
     &:disabled {
         cursor: not-allowed;
     }
-`, Ei = b`
+`, Ei = x`
     width: 100%;
     border: none;
     outline: none;
@@ -7738,18 +7738,18 @@ const _0 = /* @__PURE__ */ $.forwardRef(function(t, n) {
     &::placeholder {
         color: var(--color-dark-200);
     }
-`, sn = b`
+`, sn = x`
     border: var(--border-input-error) !important;
 
     &:focus-within {
         border: 1px solid var(--color-main-warning-state) !important;
         outline: none;
     }
-`, At = b`
+`, At = x`
     border: var(--border-input-disabled) !important;
     cursor: not-allowed;
     opacity: 0.6;
-`, Q0 = b`
+`, Q0 = x`
     border: none;
     border-top: 0;
     border-right: 0;
@@ -7776,27 +7776,27 @@ const _0 = /* @__PURE__ */ $.forwardRef(function(t, n) {
         outline: none;
     }
 `, xr = {
-  xs: b`
+  xs: x`
         padding: 0.375rem 0.75rem;
         height: 2rem;
         ${V[16]}
     `,
-  sm: b`
+  sm: x`
         padding: 0.5rem 1rem;
         height: 2.5rem;
         ${V[18]}
     `,
-  md: b`
+  md: x`
         padding: 0.5rem 1rem;
         height: 2.75rem;
         ${V[20]}
     `,
-  lg: b`
+  lg: x`
         padding: 0.5rem 1rem;
         height: 3rem;
         ${V[20]}
     `
-}, Mi = b`
+}, Mi = x`
     display: flex;
     align-items: center;
     justify-content: center;
@@ -7862,7 +7862,7 @@ const _0 = /* @__PURE__ */ $.forwardRef(function(t, n) {
   )
 );
 Uc.displayName = "BaseInput";
-const ny = ({ color: e = "currentColor", size: t = 24, className: n, ...r }) => $.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", width: t, height: t, fill: e, ...r, className: "remixicon " + (n || "") }, $.createElement("path", { d: "M13.0001 16.1716L18.3641 10.8076L19.7783 12.2218L12.0001 20L4.22192 12.2218L5.63614 10.8076L11.0001 16.1716V4H13.0001V16.1716Z" })), Wc = ({ color: e = "currentColor", size: t = 24, className: n, ...r }) => $.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", width: t, height: t, fill: e, ...r, className: "remixicon " + (n || "") }, $.createElement("path", { d: "M11.9999 13.1714L16.9497 8.22168L18.3639 9.63589L11.9999 15.9999L5.63599 9.63589L7.0502 8.22168L11.9999 13.1714Z" })), ry = ({ color: e = "currentColor", size: t = 24, className: n, ...r }) => $.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", width: t, height: t, fill: e, ...r, className: "remixicon " + (n || "") }, $.createElement("path", { d: "M13.1717 12.0007L8.22192 7.05093L9.63614 5.63672L16.0001 12.0007L9.63614 18.3646L8.22192 16.9504L13.1717 12.0007Z" })), oy = ({ color: e = "currentColor", size: t = 24, className: n, ...r }) => $.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", width: t, height: t, fill: e, ...r, className: "remixicon " + (n || "") }, $.createElement("path", { d: "M11.9498 7.94975L10.5356 9.36396L8.00079 6.828L8.00004 20H6.00004L6.00079 6.828L3.46451 9.36396L2.05029 7.94975L7.00004 3L11.9498 7.94975ZM21.9498 16.0503L17 21L12.0503 16.0503L13.4645 14.636L16.0008 17.172L16 4H18L18.0008 17.172L20.5356 14.636L21.9498 16.0503Z" })), Kc = ({ color: e = "currentColor", size: t = 24, className: n, ...r }) => $.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", width: t, height: t, fill: e, ...r, className: "remixicon " + (n || "") }, $.createElement("path", { d: "M11.9997 10.5865L16.9495 5.63672L18.3637 7.05093L13.4139 12.0007L18.3637 16.9504L16.9495 18.3646L11.9997 13.4149L7.04996 18.3646L5.63574 16.9504L10.5855 12.0007L5.63574 7.05093L7.04996 5.63672L11.9997 10.5865Z" })), iy = ({ color: e = "currentColor", size: t = 24, className: n, ...r }) => $.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", width: t, height: t, fill: e, ...r, className: "remixicon " + (n || "") }, $.createElement("path", { d: "M10 6V8H5V19H16V14H18V20C18 20.5523 17.5523 21 17 21H4C3.44772 21 3 20.5523 3 20V7C3 6.44772 3.44772 6 4 6H10ZM21 3V11H19L18.9999 6.413L11.2071 14.2071L9.79289 12.7929L17.5849 5H13V3H21Z" })), sy = ({ color: e = "currentColor", size: t = 24, className: n, ...r }) => $.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", width: t, height: t, fill: e, ...r, className: "remixicon " + (n || "") }, $.createElement("path", { d: "M12.0003 3C17.3924 3 21.8784 6.87976 22.8189 12C21.8784 17.1202 17.3924 21 12.0003 21C6.60812 21 2.12215 17.1202 1.18164 12C2.12215 6.87976 6.60812 3 12.0003 3ZM12.0003 19C16.2359 19 19.8603 16.052 20.7777 12C19.8603 7.94803 16.2359 5 12.0003 5C7.7646 5 4.14022 7.94803 3.22278 12C4.14022 16.052 7.7646 19 12.0003 19ZM12.0003 16.5C9.51498 16.5 7.50026 14.4853 7.50026 12C7.50026 9.51472 9.51498 7.5 12.0003 7.5C14.4855 7.5 16.5003 9.51472 16.5003 12C16.5003 14.4853 14.4855 16.5 12.0003 16.5ZM12.0003 14.5C13.381 14.5 14.5003 13.3807 14.5003 12C14.5003 10.6193 13.381 9.5 12.0003 9.5C10.6196 9.5 9.50026 10.6193 9.50026 12C9.50026 13.3807 10.6196 14.5 12.0003 14.5Z" })), ay = ({ color: e = "currentColor", size: t = 24, className: n, ...r }) => $.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", width: t, height: t, fill: e, ...r, className: "remixicon " + (n || "") }, $.createElement("path", { d: "M17.8827 19.2968C16.1814 20.3755 14.1638 21.0002 12.0003 21.0002C6.60812 21.0002 2.12215 17.1204 1.18164 12.0002C1.61832 9.62282 2.81932 7.5129 4.52047 5.93457L1.39366 2.80777L2.80788 1.39355L22.6069 21.1925L21.1927 22.6068L17.8827 19.2968ZM5.9356 7.3497C4.60673 8.56015 3.6378 10.1672 3.22278 12.0002C4.14022 16.0521 7.7646 19.0002 12.0003 19.0002C13.5997 19.0002 15.112 18.5798 16.4243 17.8384L14.396 15.8101C13.7023 16.2472 12.8808 16.5002 12.0003 16.5002C9.51498 16.5002 7.50026 14.4854 7.50026 12.0002C7.50026 11.1196 7.75317 10.2981 8.19031 9.60442L5.9356 7.3497ZM12.9139 14.328L9.67246 11.0866C9.5613 11.3696 9.50026 11.6777 9.50026 12.0002C9.50026 13.3809 10.6196 14.5002 12.0003 14.5002C12.3227 14.5002 12.6309 14.4391 12.9139 14.328ZM20.8068 16.5925L19.376 15.1617C20.0319 14.2268 20.5154 13.1586 20.7777 12.0002C19.8603 7.94818 16.2359 5.00016 12.0003 5.00016C11.1544 5.00016 10.3329 5.11773 9.55249 5.33818L7.97446 3.76015C9.22127 3.26959 10.5793 3.00016 12.0003 3.00016C17.3924 3.00016 21.8784 6.87992 22.8189 12.0002C22.5067 13.6998 21.8038 15.2628 20.8068 16.5925ZM11.7229 7.50857C11.8146 7.50299 11.9071 7.50016 12.0003 7.50016C14.4855 7.50016 16.5003 9.51488 16.5003 12.0002C16.5003 12.0933 16.4974 12.1858 16.4919 12.2775L11.7229 7.50857Z" })), ly = ({ color: e = "currentColor", size: t = 24, className: n, ...r }) => $.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", width: t, height: t, fill: e, ...r, className: "remixicon " + (n || "") }, $.createElement("path", { d: "M21 4V6H20L14 15V22H10V15L4 6H3V4H21Z" })), cy = ({ color: e = "currentColor", size: t = 24, className: n, ...r }) => $.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", width: t, height: t, fill: e, ...r, className: "remixicon " + (n || "") }, $.createElement("path", { d: "M21 4V6H20L15 13.5V22H9V13.5L4 6H3V4H21ZM6.4037 6L11 12.8944V20H13V12.8944L17.5963 6H6.4037Z" })), uy = ({ color: e = "currentColor", size: t = 24, className: n, ...r }) => $.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", width: t, height: t, fill: e, ...r, className: "remixicon " + (n || "") }, $.createElement("path", { d: "M5 22C4.44772 22 4 21.5523 4 21V3C4 2.44772 4.44772 2 5 2H19C19.5523 2 20 2.44772 20 3V6H18V4H6V20H18V18H20V21C20 21.5523 19.5523 22 19 22H5ZM18 16V13H11V11H18V8L23 12L18 16Z" })), Ta = ({ color: e = "currentColor", size: t = 24, className: n, ...r }) => $.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", width: t, height: t, fill: e, ...r, className: "remixicon " + (n || "") }, $.createElement("path", { d: "M3 4H21V6H3V4ZM3 11H21V13H3V11ZM3 18H21V20H3V18Z" })), dy = ({ color: e = "currentColor", size: t = 24, className: n, ...r }) => $.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", width: t, height: t, fill: e, ...r, className: "remixicon " + (n || "") }, $.createElement("path", { d: "M20 17H22V19H2V17H4V10C4 5.58172 7.58172 2 12 2C16.4183 2 20 5.58172 20 10V17ZM9 21H15V23H9V21Z" })), fy = ({ color: e = "currentColor", size: t = 24, className: n, ...r }) => $.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", width: t, height: t, fill: e, ...r, className: "remixicon " + (n || "") }, $.createElement("path", { d: "M20 17H22V19H2V17H4V10C4 5.58172 7.58172 2 12 2C16.4183 2 20 5.58172 20 10V17ZM18 17V10C18 6.68629 15.3137 4 12 4C8.68629 4 6 6.68629 6 10V17H18ZM9 21H15V23H9V21Z" })), Pa = ({ color: e = "currentColor", size: t = 24, className: n, ...r }) => $.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", width: t, height: t, fill: e, ...r, className: "remixicon " + (n || "") }, $.createElement("path", { d: "M18.031 16.6168L22.3137 20.8995L20.8995 22.3137L16.6168 18.031C15.0769 19.263 13.124 20 11 20C6.032 20 2 15.968 2 11C2 6.032 6.032 2 11 2C15.968 2 20 6.032 20 11C20 13.124 19.263 15.0769 18.031 16.6168ZM16.0247 15.8748C17.2475 14.6146 18 12.8956 18 11C18 7.1325 14.8675 4 11 4C7.1325 4 4 7.1325 4 11C4 14.8675 7.1325 18 11 18C12.8956 18 14.6146 17.2475 15.8748 16.0247L16.0247 15.8748Z" })), hy = ({ color: e = "currentColor", size: t = 24, className: n, ...r }) => $.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", width: t, height: t, fill: e, ...r, className: "remixicon " + (n || "") }, $.createElement("path", { d: "M12 12.5858L16.2426 16.8284L14.8284 18.2426L13 16.415V22H11V16.413L9.17157 18.2426L7.75736 16.8284L12 12.5858ZM12 2C15.5934 2 18.5544 4.70761 18.9541 8.19395C21.2858 8.83154 23 10.9656 23 13.5C23 16.3688 20.8036 18.7246 18.0006 18.9776L18.0009 16.9644C19.6966 16.7214 21 15.2629 21 13.5C21 11.567 19.433 10 17.5 10C17.2912 10 17.0867 10.0183 16.8887 10.054C16.9616 9.7142 17 9.36158 17 9C17 6.23858 14.7614 4 12 4C9.23858 4 7 6.23858 7 9C7 9.36158 7.03838 9.7142 7.11205 10.0533C6.91331 10.0183 6.70879 10 6.5 10C4.567 10 3 11.567 3 13.5C3 15.2003 4.21241 16.6174 5.81986 16.934L6.00005 16.9646L6.00039 18.9776C3.19696 18.7252 1 16.3692 1 13.5C1 10.9656 2.71424 8.83154 5.04648 8.19411C5.44561 4.70761 8.40661 2 12 2Z" })), py = ({ color: e = "currentColor", size: t = 24, className: n, ...r }) => $.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", width: t, height: t, fill: e, ...r, className: "remixicon " + (n || "") }, $.createElement("path", { d: "M20 22H18V20C18 18.3431 16.6569 17 15 17H9C7.34315 17 6 18.3431 6 20V22H4V20C4 17.2386 6.23858 15 9 15H15C17.7614 15 20 17.2386 20 20V22ZM12 13C8.68629 13 6 10.3137 6 7C6 3.68629 8.68629 1 12 1C15.3137 1 18 3.68629 18 7C18 10.3137 15.3137 13 12 13ZM12 11C14.2091 11 16 9.20914 16 7C16 4.79086 14.2091 3 12 3C9.79086 3 8 4.79086 8 7C8 9.20914 9.79086 11 12 11Z" })), my = ({ color: e = "currentColor", size: t = 24, className: n, ...r }) => $.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", width: t, height: t, fill: e, ...r, className: "remixicon " + (n || "") }, $.createElement("path", { d: "M22.0003 13.0001L22.0004 11.0002L5.82845 11.0002L9.77817 7.05044L8.36396 5.63623L2 12.0002L8.36396 18.3642L9.77817 16.9499L5.8284 13.0002L22.0003 13.0001Z" })), gy = ({ color: e = "currentColor", size: t = 24, className: n, ...r }) => $.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", width: t, height: t, fill: e, ...r, className: "remixicon " + (n || "") }, $.createElement("path", { d: "M1.99974 13.0001L1.9996 11.0002L18.1715 11.0002L14.2218 7.05044L15.636 5.63623L22 12.0002L15.636 18.3642L14.2218 16.9499L18.1716 13.0002L1.99974 13.0001Z" })), yy = C.div`
+const ny = ({ color: e = "currentColor", size: t = 24, className: n, ...r }) => R.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", width: t, height: t, fill: e, ...r, className: "remixicon " + (n || "") }, R.createElement("path", { d: "M13.0001 16.1716L18.3641 10.8076L19.7783 12.2218L12.0001 20L4.22192 12.2218L5.63614 10.8076L11.0001 16.1716V4H13.0001V16.1716Z" })), Wc = ({ color: e = "currentColor", size: t = 24, className: n, ...r }) => R.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", width: t, height: t, fill: e, ...r, className: "remixicon " + (n || "") }, R.createElement("path", { d: "M11.9999 13.1714L16.9497 8.22168L18.3639 9.63589L11.9999 15.9999L5.63599 9.63589L7.0502 8.22168L11.9999 13.1714Z" })), ry = ({ color: e = "currentColor", size: t = 24, className: n, ...r }) => R.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", width: t, height: t, fill: e, ...r, className: "remixicon " + (n || "") }, R.createElement("path", { d: "M13.1717 12.0007L8.22192 7.05093L9.63614 5.63672L16.0001 12.0007L9.63614 18.3646L8.22192 16.9504L13.1717 12.0007Z" })), oy = ({ color: e = "currentColor", size: t = 24, className: n, ...r }) => R.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", width: t, height: t, fill: e, ...r, className: "remixicon " + (n || "") }, R.createElement("path", { d: "M11.9498 7.94975L10.5356 9.36396L8.00079 6.828L8.00004 20H6.00004L6.00079 6.828L3.46451 9.36396L2.05029 7.94975L7.00004 3L11.9498 7.94975ZM21.9498 16.0503L17 21L12.0503 16.0503L13.4645 14.636L16.0008 17.172L16 4H18L18.0008 17.172L20.5356 14.636L21.9498 16.0503Z" })), Kc = ({ color: e = "currentColor", size: t = 24, className: n, ...r }) => R.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", width: t, height: t, fill: e, ...r, className: "remixicon " + (n || "") }, R.createElement("path", { d: "M11.9997 10.5865L16.9495 5.63672L18.3637 7.05093L13.4139 12.0007L18.3637 16.9504L16.9495 18.3646L11.9997 13.4149L7.04996 18.3646L5.63574 16.9504L10.5855 12.0007L5.63574 7.05093L7.04996 5.63672L11.9997 10.5865Z" })), iy = ({ color: e = "currentColor", size: t = 24, className: n, ...r }) => R.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", width: t, height: t, fill: e, ...r, className: "remixicon " + (n || "") }, R.createElement("path", { d: "M10 6V8H5V19H16V14H18V20C18 20.5523 17.5523 21 17 21H4C3.44772 21 3 20.5523 3 20V7C3 6.44772 3.44772 6 4 6H10ZM21 3V11H19L18.9999 6.413L11.2071 14.2071L9.79289 12.7929L17.5849 5H13V3H21Z" })), sy = ({ color: e = "currentColor", size: t = 24, className: n, ...r }) => R.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", width: t, height: t, fill: e, ...r, className: "remixicon " + (n || "") }, R.createElement("path", { d: "M12.0003 3C17.3924 3 21.8784 6.87976 22.8189 12C21.8784 17.1202 17.3924 21 12.0003 21C6.60812 21 2.12215 17.1202 1.18164 12C2.12215 6.87976 6.60812 3 12.0003 3ZM12.0003 19C16.2359 19 19.8603 16.052 20.7777 12C19.8603 7.94803 16.2359 5 12.0003 5C7.7646 5 4.14022 7.94803 3.22278 12C4.14022 16.052 7.7646 19 12.0003 19ZM12.0003 16.5C9.51498 16.5 7.50026 14.4853 7.50026 12C7.50026 9.51472 9.51498 7.5 12.0003 7.5C14.4855 7.5 16.5003 9.51472 16.5003 12C16.5003 14.4853 14.4855 16.5 12.0003 16.5ZM12.0003 14.5C13.381 14.5 14.5003 13.3807 14.5003 12C14.5003 10.6193 13.381 9.5 12.0003 9.5C10.6196 9.5 9.50026 10.6193 9.50026 12C9.50026 13.3807 10.6196 14.5 12.0003 14.5Z" })), ay = ({ color: e = "currentColor", size: t = 24, className: n, ...r }) => R.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", width: t, height: t, fill: e, ...r, className: "remixicon " + (n || "") }, R.createElement("path", { d: "M17.8827 19.2968C16.1814 20.3755 14.1638 21.0002 12.0003 21.0002C6.60812 21.0002 2.12215 17.1204 1.18164 12.0002C1.61832 9.62282 2.81932 7.5129 4.52047 5.93457L1.39366 2.80777L2.80788 1.39355L22.6069 21.1925L21.1927 22.6068L17.8827 19.2968ZM5.9356 7.3497C4.60673 8.56015 3.6378 10.1672 3.22278 12.0002C4.14022 16.0521 7.7646 19.0002 12.0003 19.0002C13.5997 19.0002 15.112 18.5798 16.4243 17.8384L14.396 15.8101C13.7023 16.2472 12.8808 16.5002 12.0003 16.5002C9.51498 16.5002 7.50026 14.4854 7.50026 12.0002C7.50026 11.1196 7.75317 10.2981 8.19031 9.60442L5.9356 7.3497ZM12.9139 14.328L9.67246 11.0866C9.5613 11.3696 9.50026 11.6777 9.50026 12.0002C9.50026 13.3809 10.6196 14.5002 12.0003 14.5002C12.3227 14.5002 12.6309 14.4391 12.9139 14.328ZM20.8068 16.5925L19.376 15.1617C20.0319 14.2268 20.5154 13.1586 20.7777 12.0002C19.8603 7.94818 16.2359 5.00016 12.0003 5.00016C11.1544 5.00016 10.3329 5.11773 9.55249 5.33818L7.97446 3.76015C9.22127 3.26959 10.5793 3.00016 12.0003 3.00016C17.3924 3.00016 21.8784 6.87992 22.8189 12.0002C22.5067 13.6998 21.8038 15.2628 20.8068 16.5925ZM11.7229 7.50857C11.8146 7.50299 11.9071 7.50016 12.0003 7.50016C14.4855 7.50016 16.5003 9.51488 16.5003 12.0002C16.5003 12.0933 16.4974 12.1858 16.4919 12.2775L11.7229 7.50857Z" })), ly = ({ color: e = "currentColor", size: t = 24, className: n, ...r }) => R.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", width: t, height: t, fill: e, ...r, className: "remixicon " + (n || "") }, R.createElement("path", { d: "M21 4V6H20L14 15V22H10V15L4 6H3V4H21Z" })), cy = ({ color: e = "currentColor", size: t = 24, className: n, ...r }) => R.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", width: t, height: t, fill: e, ...r, className: "remixicon " + (n || "") }, R.createElement("path", { d: "M21 4V6H20L15 13.5V22H9V13.5L4 6H3V4H21ZM6.4037 6L11 12.8944V20H13V12.8944L17.5963 6H6.4037Z" })), uy = ({ color: e = "currentColor", size: t = 24, className: n, ...r }) => R.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", width: t, height: t, fill: e, ...r, className: "remixicon " + (n || "") }, R.createElement("path", { d: "M5 22C4.44772 22 4 21.5523 4 21V3C4 2.44772 4.44772 2 5 2H19C19.5523 2 20 2.44772 20 3V6H18V4H6V20H18V18H20V21C20 21.5523 19.5523 22 19 22H5ZM18 16V13H11V11H18V8L23 12L18 16Z" })), Ta = ({ color: e = "currentColor", size: t = 24, className: n, ...r }) => R.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", width: t, height: t, fill: e, ...r, className: "remixicon " + (n || "") }, R.createElement("path", { d: "M3 4H21V6H3V4ZM3 11H21V13H3V11ZM3 18H21V20H3V18Z" })), dy = ({ color: e = "currentColor", size: t = 24, className: n, ...r }) => R.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", width: t, height: t, fill: e, ...r, className: "remixicon " + (n || "") }, R.createElement("path", { d: "M20 17H22V19H2V17H4V10C4 5.58172 7.58172 2 12 2C16.4183 2 20 5.58172 20 10V17ZM9 21H15V23H9V21Z" })), fy = ({ color: e = "currentColor", size: t = 24, className: n, ...r }) => R.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", width: t, height: t, fill: e, ...r, className: "remixicon " + (n || "") }, R.createElement("path", { d: "M20 17H22V19H2V17H4V10C4 5.58172 7.58172 2 12 2C16.4183 2 20 5.58172 20 10V17ZM18 17V10C18 6.68629 15.3137 4 12 4C8.68629 4 6 6.68629 6 10V17H18ZM9 21H15V23H9V21Z" })), Pa = ({ color: e = "currentColor", size: t = 24, className: n, ...r }) => R.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", width: t, height: t, fill: e, ...r, className: "remixicon " + (n || "") }, R.createElement("path", { d: "M18.031 16.6168L22.3137 20.8995L20.8995 22.3137L16.6168 18.031C15.0769 19.263 13.124 20 11 20C6.032 20 2 15.968 2 11C2 6.032 6.032 2 11 2C15.968 2 20 6.032 20 11C20 13.124 19.263 15.0769 18.031 16.6168ZM16.0247 15.8748C17.2475 14.6146 18 12.8956 18 11C18 7.1325 14.8675 4 11 4C7.1325 4 4 7.1325 4 11C4 14.8675 7.1325 18 11 18C12.8956 18 14.6146 17.2475 15.8748 16.0247L16.0247 15.8748Z" })), hy = ({ color: e = "currentColor", size: t = 24, className: n, ...r }) => R.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", width: t, height: t, fill: e, ...r, className: "remixicon " + (n || "") }, R.createElement("path", { d: "M12 12.5858L16.2426 16.8284L14.8284 18.2426L13 16.415V22H11V16.413L9.17157 18.2426L7.75736 16.8284L12 12.5858ZM12 2C15.5934 2 18.5544 4.70761 18.9541 8.19395C21.2858 8.83154 23 10.9656 23 13.5C23 16.3688 20.8036 18.7246 18.0006 18.9776L18.0009 16.9644C19.6966 16.7214 21 15.2629 21 13.5C21 11.567 19.433 10 17.5 10C17.2912 10 17.0867 10.0183 16.8887 10.054C16.9616 9.7142 17 9.36158 17 9C17 6.23858 14.7614 4 12 4C9.23858 4 7 6.23858 7 9C7 9.36158 7.03838 9.7142 7.11205 10.0533C6.91331 10.0183 6.70879 10 6.5 10C4.567 10 3 11.567 3 13.5C3 15.2003 4.21241 16.6174 5.81986 16.934L6.00005 16.9646L6.00039 18.9776C3.19696 18.7252 1 16.3692 1 13.5C1 10.9656 2.71424 8.83154 5.04648 8.19411C5.44561 4.70761 8.40661 2 12 2Z" })), py = ({ color: e = "currentColor", size: t = 24, className: n, ...r }) => R.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", width: t, height: t, fill: e, ...r, className: "remixicon " + (n || "") }, R.createElement("path", { d: "M20 22H18V20C18 18.3431 16.6569 17 15 17H9C7.34315 17 6 18.3431 6 20V22H4V20C4 17.2386 6.23858 15 9 15H15C17.7614 15 20 17.2386 20 20V22ZM12 13C8.68629 13 6 10.3137 6 7C6 3.68629 8.68629 1 12 1C15.3137 1 18 3.68629 18 7C18 10.3137 15.3137 13 12 13ZM12 11C14.2091 11 16 9.20914 16 7C16 4.79086 14.2091 3 12 3C9.79086 3 8 4.79086 8 7C8 9.20914 9.79086 11 12 11Z" })), my = ({ color: e = "currentColor", size: t = 24, className: n, ...r }) => R.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", width: t, height: t, fill: e, ...r, className: "remixicon " + (n || "") }, R.createElement("path", { d: "M22.0003 13.0001L22.0004 11.0002L5.82845 11.0002L9.77817 7.05044L8.36396 5.63623L2 12.0002L8.36396 18.3642L9.77817 16.9499L5.8284 13.0002L22.0003 13.0001Z" })), gy = ({ color: e = "currentColor", size: t = 24, className: n, ...r }) => R.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", width: t, height: t, fill: e, ...r, className: "remixicon " + (n || "") }, R.createElement("path", { d: "M1.99974 13.0001L1.9996 11.0002L18.1715 11.0002L14.2218 7.05044L15.636 5.63623L22 12.0002L15.636 18.3642L14.2218 16.9499L18.1716 13.0002L1.99974 13.0001Z" })), yy = C.div`
     ${on}
     ${({ $size: e }) => xr[e ?? "md"]}
     ${({ $hasError: e }) => e && sn}
@@ -7960,57 +7960,57 @@ const ny = ({ color: e = "currentColor", size: t = 24, className: n, ...r }) =>
   onChange: o,
   onOptionSelect: i
 }) => {
-  const s = le(null), a = le(null), l = le(null), c = le(null), u = nt(), [d, f] = se(!1), [h, p] = se(-1), m = e.find((R) => R.value === t);
+  const s = ae(null), a = ae(null), l = ae(null), c = ae(null), u = ae(!1), d = nt(), [f, h] = se(!1), [p, m] = se(-1), v = e.find((w) => w.value === t);
   he(() => {
-    d && a.current && (a.current.focus(), p($y(t, e)));
-  }, [d, e, t]), he(() => {
-    Ry(l, h);
-  }, [h]), he(() => {
-    if (!d) return;
-    const R = (x) => {
-      s.current && (s.current.contains(x.target) || f(!1));
+    f && a.current && (a.current.focus(), m($y(t, e)));
+  }, [f, e, t]), he(() => {
+    Ry(l, p);
+  }, [p]), he(() => {
+    if (!f) return;
+    const w = ($) => {
+      s.current && (s.current.contains($.target) || h(!1));
     };
-    return document.addEventListener("mousedown", R), () => document.removeEventListener("mousedown", R);
-  }, [d]), he(() => {
-    d || requestAnimationFrame(() => {
+    return document.addEventListener("mousedown", w), () => document.removeEventListener("mousedown", w);
+  }, [f]), he(() => {
+    f ? u.current = !0 : u.current && requestAnimationFrame(() => {
       c.current?.focus();
     });
-  }, [d]);
-  const v = (R) => {
-    R.disabled || (i?.(R), o && o(Cy(R.value, n)), f(!1), p(-1));
+  }, [f]);
+  const y = (w) => {
+    w.disabled || (i?.(w), o && o(Cy(w.value, n)), h(!1), m(-1));
   };
   return {
-    open: d,
-    activeIndex: h,
-    selected: m,
+    open: f,
+    activeIndex: p,
+    selected: v,
     containerRef: s,
     menuRef: a,
     menuContentRef: l,
     buttonRef: c,
-    id: u,
-    setOpen: f,
-    setActiveIndex: p,
-    commitSelection: v,
-    handleKeyDownButton: (R) => {
-      r || (R.key === "ArrowDown" || R.key === "ArrowUp" ? (R.preventDefault(), f(!0)) : (R.key === "Enter" || R.key === " ") && (R.preventDefault(), f((x) => !x)));
+    id: d,
+    setOpen: h,
+    setActiveIndex: m,
+    commitSelection: y,
+    handleKeyDownButton: (w) => {
+      r || (w.key === "ArrowDown" || w.key === "ArrowUp" ? (w.preventDefault(), h(!0)) : (w.key === "Enter" || w.key === " ") && (w.preventDefault(), h(($) => !$)));
     },
-    handleKeyDownMenu: (R) => {
-      if (R.key === "Escape") {
-        R.preventDefault(), f(!1), p(-1);
+    handleKeyDownMenu: (w) => {
+      if (w.key === "Escape") {
+        w.preventDefault(), h(!1), m(-1);
         return;
       }
-      if (R.key === "ArrowDown" || R.key === "ArrowUp") {
-        R.preventDefault();
-        const x = R.key === "ArrowDown" ? 1 : -1;
-        p(Sy(h, x, e));
-      } else if (R.key === "Enter") {
-        R.preventDefault();
-        const x = e[h];
-        x && !x.disabled && v(x);
-      } else R.key === "Home" ? (R.preventDefault(), p(Yc(e))) : R.key === "End" && (R.preventDefault(), p(xy(e)));
+      if (w.key === "ArrowDown" || w.key === "ArrowUp") {
+        w.preventDefault();
+        const $ = w.key === "ArrowDown" ? 1 : -1;
+        m(Sy(p, $, e));
+      } else if (w.key === "Enter") {
+        w.preventDefault();
+        const $ = e[p];
+        $ && !$.disabled && y($);
+      } else w.key === "Home" ? (w.preventDefault(), m(Yc(e))) : w.key === "End" && (w.preventDefault(), m(xy(e)));
     },
     handleToggle: () => {
-      r || f((R) => !R);
+      r || h((w) => !w);
     }
   };
 }, Py = C.div`
@@ -8087,16 +8087,16 @@ const ny = ({ color: e = "currentColor", size: t = 24, className: n, ...r }) =>
     background-color: ${({ $active: e }) => e ? "var(--color-main-alternative-secondary)" : "transparent"};
     color: ${({ $disabled: e }) => e ? "var(--color-dark-200)" : "var(--color-main-blue-primary)"};
 `, Dy = {
-  xs: b`
+  xs: x`
         ${V[14]}
     `,
-  sm: b`
+  sm: x`
         ${V[16]}
     `,
-  md: b`
+  md: x`
         ${V[18]}
     `,
-  lg: b`
+  lg: x`
         ${V[18]}
     `
 }, qc = Ue(
@@ -8257,11 +8257,11 @@ const Ai = Ue(
       selected: v,
       containerRef: y,
       menuRef: S,
-      menuContentRef: w,
-      buttonRef: R,
-      id: x,
-      setActiveIndex: T,
-      commitSelection: P,
+      menuContentRef: b,
+      buttonRef: P,
+      id: w,
+      setActiveIndex: $,
+      commitSelection: T,
       handleKeyDownButton: k,
       handleKeyDownMenu: M,
       handleToggle: A
@@ -8273,7 +8273,7 @@ const Ai = Ue(
       onChange: s,
       onOptionSelect: i
     }), N = (H) => {
-      R.current = H, typeof h == "function" ? h(H) : h && "current" in h && (h.current = H);
+      P.current = H, typeof h == "function" ? h(H) : h && "current" in h && (h.current = H);
     };
     return /* @__PURE__ */ E(Py, { ref: y, className: c, children: [
       l && /* @__PURE__ */ g("input", { type: "hidden", name: l, value: v?.value ?? "" }),
@@ -8292,7 +8292,7 @@ const Ai = Ue(
           onKeyDown: k,
           ariaHaspopup: "listbox",
           ariaExpanded: p,
-          ariaControls: `${x}-listbox`,
+          ariaControls: `${w}-listbox`,
           ariaInvalid: t || void 0,
           title: v?.label ?? o ?? "Select an option"
         }
@@ -8306,13 +8306,13 @@ const Ai = Ue(
           activeIndex: m,
           selectedValue: a,
           menuRef: S,
-          menuContentRef: w,
-          id: x,
+          menuContentRef: b,
+          id: w,
           optionsClassName: d,
           optionClassName: f,
           onKeyDown: M,
-          onOptionClick: P,
-          onOptionMouseEnter: T
+          onOptionClick: T,
+          onOptionMouseEnter: $
         }
       )
     ] });
@@ -8422,41 +8422,41 @@ const Ly = C.div`
   }, ...l }),
   n ? /* @__PURE__ */ g(Q, { component: n, size: r, color: o }) : /* @__PURE__ */ g(Q, { component: Pa, size: r, color: o })
 ] }), Ny = {
-  default: b`
+  default: x`
         min-height: 18rem;
         padding: 2rem;
     `,
-  compact: b`
+  compact: x`
         min-height: 6rem;
         padding: 1rem;
         flex-direction: row;
     `
 }, Oy = {
-  xs: b`
+  xs: x`
         ${V[12]}
     `,
-  sm: b`
+  sm: x`
         ${V[12]}
     `,
-  md: b`
+  md: x`
         ${V[16]}
     `,
-  lg: b`
+  lg: x`
         ${V[20]}
     `
-}, By = b`
+}, By = x`
     border: 2px dashed var(--color-main-input-borders);
     background-color: var(--color-main-white);
-`, zy = b`
+`, zy = x`
     border-color: var(--color-main-blue-primary);
     background-color: var(--color-main-alternative-secondary);
-`, Hy = b`
+`, Hy = x`
     border: 2px dashed var(--color-main-positive-state);
     background-color: var(--color-green-100);
-`, jy = b`
+`, jy = x`
     border-color: var(--color-main-warning-state);
     background-color: var(--color-red-100);
-`, Gy = b`
+`, Gy = x`
     border-color: var(--color-dark-200);
     cursor: not-allowed;
     opacity: 0.6;
@@ -8484,7 +8484,7 @@ const Ly = C.div`
     ${({ $variant: e }) => Ny[e]}
     ${By}
 
-    ${({ $disabled: e }) => e ? Gy : b`
+    ${({ $disabled: e }) => e ? Gy : x`
                   &:hover {
                       ${zy}
                   }
@@ -8663,20 +8663,20 @@ const Ly = C.div`
   dropZoneContainerClassName: p = "",
   size: m = "md"
 }) => {
-  const v = i !== void 0, [y, S] = se(s || []), w = v ? i : y, R = n * 1024 * 1024, {
-    error: x,
-    validateFiles: T,
-    clearError: P
-  } = Qy({ maxFileSize: R, accept: r, multiple: t, onError: l }), k = (K, Z) => {
+  const v = i !== void 0, [y, S] = se(s || []), b = v ? i : y, P = n * 1024 * 1024, {
+    error: w,
+    validateFiles: $,
+    clearError: T
+  } = Qy({ maxFileSize: P, accept: r, multiple: t, onError: l }), k = (K, Z) => {
     if (!K || K.length === 0) return;
     const _ = Array.from(K);
-    if (!T(_)) return;
-    const D = t ? [...w, ..._] : _;
+    if (!$(_)) return;
+    const D = t ? [...b, ..._] : _;
     v || S(D), a?.(D, Z);
   }, M = (K) => {
-    const Z = w[K], _ = w.filter((D, U) => U !== K);
-    v || S(_), c?.(Z, K), a?.(_), _.length === 0 && P();
-  }, { isDragging: A, dragHandlers: N } = Jy(k, u), H = d || !!x, j = f || x;
+    const Z = b[K], _ = b.filter((D, U) => U !== K);
+    v || S(_), c?.(Z, K), a?.(_), _.length === 0 && T();
+  }, { isDragging: A, dragHandlers: N } = Jy(k, u), H = d || !!w, j = f || w;
   return /* @__PURE__ */ E(Uy, { $size: m, className: h, children: [
     /* @__PURE__ */ E("label", { "aria-label": "File upload area", className: `p-4 ${p}`, children: [
       /* @__PURE__ */ E(
@@ -8725,7 +8725,7 @@ const Ly = C.div`
       )
     ] }),
     H && j && /* @__PURE__ */ g(Gc, { size: "sm", children: j }),
-    /* @__PURE__ */ g(tv, { files: w, onRemove: M, disabled: u })
+    /* @__PURE__ */ g(tv, { files: b, onRemove: M, disabled: u })
   ] });
 }, Zt = {
   xs: "1rem",
@@ -8777,7 +8777,7 @@ const Ly = C.div`
     ${({ $hasError: e }) => e && sn}
     ${({ $disabled: e }) => e && At}
     ${({ $checked: e }) => e && iv}
-`, iv = b`
+`, iv = x`
     background-color: var(--color-main-orange-primary);
     border-color: var(--color-main-orange-primary);
 `, sv = C.svg`
@@ -8804,7 +8804,7 @@ const Ly = C.div`
     checkboxClassName: a,
     ...l
   }, c) => {
-    const u = nt(), d = l.id ?? u, f = !!r, h = le(null), p = Y(
+    const u = nt(), d = l.id ?? u, f = !!r, h = ae(null), p = Y(
       (m) => {
         if (h.current = m, !!c)
           if (typeof c == "function")
@@ -9156,7 +9156,7 @@ const wv = C.div`
         outline-color: var(--color-main-orange-primary);
         outline-offset: 2px;
     }
-`, xv = b`
+`, xv = x`
     border-color: var(--color-main-orange-primary);
 `, Sv = C.div`
     height: 1.5rem;
@@ -9308,41 +9308,41 @@ const $v = ({
     }),
     [t, u, f]
   ), p = Y(
-    (x) => {
-      n ? n(x) : a.onChange(x);
+    (w) => {
+      n ? n(w) : a.onChange(w);
     },
     [n, a]
   ), m = Y(
-    (x) => {
-      n ? n(x) : a.onChange(x);
+    (w) => {
+      n ? n(w) : a.onChange(w);
     },
     [n, a]
   ), v = Y(
-    (x) => {
-      c.setValue(x.target.checked);
+    (w) => {
+      c.setValue(w.target.checked);
     },
     [c]
   ), y = Y(
-    (x) => {
-      a.onChange(x);
-      const T = s.find((P) => String(P.value) === x.target.value);
-      T && r?.(T);
+    (w) => {
+      a.onChange(w);
+      const $ = s.find((T) => String(T.value) === w.target.value);
+      $ && r?.($);
     },
     [a, s, r]
   ), S = Y(
-    (x, T) => {
-      const P = x.target.value, k = typeof T == "number" ? Number(P) : P;
-      c.setValue(k), o?.(x);
+    (w, $) => {
+      const T = w.target.value, k = typeof $ == "number" ? Number(T) : T;
+      c.setValue(k), o?.(w);
     },
     [c, o]
-  ), w = Y(
-    (x) => {
-      c.setValue(x);
+  ), b = Y(
+    (w) => {
+      c.setValue(w);
     },
     [c]
-  ), R = Y(
-    (x) => {
-      c.setValue(x), i?.(x);
+  ), P = Y(
+    (w) => {
+      c.setValue(w), i?.(w);
     },
     [c, i]
   );
@@ -9359,8 +9359,8 @@ const $v = ({
     handleCheckboxChange: v,
     handleSelectChange: y,
     handleRadioChange: S,
-    handlePinChange: w,
-    handlePinComplete: R
+    handlePinChange: b,
+    handlePinComplete: P
   };
 }, Tv = [
   "text",
@@ -9395,11 +9395,11 @@ const $v = ({
   pinLength: v = 6,
   pinType: y = "number",
   onPinChange: S,
-  onPinComplete: w,
-  onStandardChange: R,
-  onTextAreaChange: x,
-  leftIcon: T,
-  rightIcon: P,
+  onPinComplete: b,
+  onStandardChange: P,
+  onTextAreaChange: w,
+  leftIcon: $,
+  rightIcon: T,
   iconSize: k,
   iconColor: M,
   additionalProps: A = {}
@@ -9417,7 +9417,7 @@ const $v = ({
           value: l ?? "",
           size: r,
           placeholder: s,
-          onChange: x,
+          onChange: w,
           ...A,
           ...c
         }
@@ -9482,7 +9482,7 @@ const $v = ({
           size: r,
           hasError: o,
           onChange: S,
-          onComplete: w,
+          onComplete: b,
           ...A,
           ...c
         }
@@ -9499,10 +9499,10 @@ const $v = ({
           disabled: i,
           size: r,
           placeholder: s,
-          leftIcon: T,
+          leftIcon: $,
           iconSize: k,
           iconColor: M,
-          onChange: R,
+          onChange: P,
           ...N,
           ...c
         }
@@ -9515,8 +9515,8 @@ const $v = ({
           className: a,
           size: r,
           placeholder: s,
-          leftIcon: T,
-          rightIcon: P,
+          leftIcon: $,
+          rightIcon: T,
           iconSize: k,
           iconColor: M,
           onSearch: A.onSearch,
@@ -9535,12 +9535,12 @@ const $v = ({
           size: r,
           placeholder: s,
           type: Tv.includes(e) ? e : "text",
-          leftIcon: T,
-          rightIcon: P,
+          leftIcon: $,
+          rightIcon: T,
           iconSize: k,
           iconColor: M,
           value: l ?? "",
-          onChange: R,
+          onChange: P,
           ...A,
           ...c
         }
@@ -9610,11 +9610,11 @@ const kv = C.div`
   labelClassName: v,
   messageErrorClassName: y,
   leftIcon: S,
-  rightIcon: w,
-  iconSize: R,
-  iconColor: x,
-  onOptionSelect: T,
-  onRadioChange: P,
+  rightIcon: b,
+  iconSize: P,
+  iconColor: w,
+  onOptionSelect: $,
+  onRadioChange: T,
   onPinComplete: k,
   onChange: M,
   ...A
@@ -9636,8 +9636,8 @@ const kv = C.div`
     name: t,
     required: a,
     onChange: M,
-    onOptionSelect: T,
-    onRadioChange: P,
+    onOptionSelect: $,
+    onRadioChange: T,
     onPinComplete: k,
     options: l
   }), B = e?.toString?.() || K;
@@ -9682,9 +9682,9 @@ const kv = C.div`
           onStandardChange: _,
           onTextAreaChange: D,
           leftIcon: S,
-          rightIcon: w,
-          iconSize: R,
-          iconColor: x,
+          rightIcon: b,
+          iconSize: P,
+          iconColor: w,
           additionalProps: A
         }
       )
@@ -9809,7 +9809,7 @@ const kv = C.div`
         outline: none;
     }
 `, Iv = (e) => {
-  const t = le(null), n = le(null);
+  const t = ae(null), n = ae(null);
   return he(() => {
     if (!e) return;
     n.current = document.activeElement;
@@ -10038,14 +10038,14 @@ const kv = C.div`
   bodyClassName: v,
   footerClassName: y,
   initiallyConfirmed: S = !1,
-  onConfirmChange: w
+  onConfirmChange: b
 }) => {
-  const [R, x] = se(S);
+  const [P, w] = se(S);
   he(() => {
-    e || x(S);
+    e || w(S);
   }, [e, S]);
-  const T = (P) => {
-    x(P), w?.(P);
+  const $ = (T) => {
+    w(T), b?.(T);
   };
   return /* @__PURE__ */ E(
     Nv,
@@ -10071,13 +10071,13 @@ const kv = C.div`
             Sr,
             {
               label: a,
-              checked: R,
-              onChange: (P) => T(P.target.checked)
+              checked: P,
+              onChange: (T) => $(T.target.checked)
             }
           ),
           /* @__PURE__ */ E("div", { style: { display: "flex", gap: "0.5rem" }, children: [
             /* @__PURE__ */ g($n, { variant: "secondary", onClick: n, children: c }),
-            /* @__PURE__ */ g($n, { variant: "primary", onClick: t, disabled: !R, children: l })
+            /* @__PURE__ */ g($n, { variant: "primary", onClick: t, disabled: !P, children: l })
           ] })
         ] })
       ]
@@ -10099,35 +10099,35 @@ const kv = C.div`
 `, Yv = (e) => {
   switch (e) {
     case "top":
-      return b`
+      return x`
                 bottom: 100%;
                 left: 50%;
                 transform: translateX(-50%);
                 margin-bottom: 0.5rem;
             `;
     case "bottom":
-      return b`
+      return x`
                 top: 100%;
                 left: 50%;
                 transform: translateX(-50%);
                 margin-top: 0.5rem;
             `;
     case "left":
-      return b`
+      return x`
                 right: 100%;
                 top: 50%;
                 transform: translateY(-50%);
                 margin-right: 0.5rem;
             `;
     case "right":
-      return b`
+      return x`
                 left: 100%;
                 top: 50%;
                 transform: translateY(-50%);
                 margin-left: 0.5rem;
             `;
     default:
-      return b``;
+      return x``;
   }
 }, qv = C.div`
     position: absolute;
@@ -10153,31 +10153,31 @@ const kv = C.div`
 `, Xv = (e) => {
   switch (e) {
     case "top":
-      return b`
+      return x`
                 bottom: -0.25rem;
                 left: 50%;
                 transform: translateX(-50%) rotate(45deg);
             `;
     case "bottom":
-      return b`
+      return x`
                 top: -0.25rem;
                 left: 50%;
                 transform: translateX(-50%) rotate(45deg);
             `;
     case "left":
-      return b`
+      return x`
                 right: -0.25rem;
                 top: 50%;
                 transform: translateY(-50%) rotate(45deg);
             `;
     case "right":
-      return b`
+      return x`
                 left: -0.25rem;
                 top: 50%;
                 transform: translateY(-50%) rotate(45deg);
             `;
     default:
-      return b``;
+      return x``;
   }
 }, Zv = C.div`
     position: absolute;
@@ -10196,7 +10196,7 @@ const kv = C.div`
   delay: s = 200,
   showArrow: a = !0
 }) => {
-  const [l, c] = se(!1), u = le(null), d = le(null), f = le(null);
+  const [l, c] = se(!1), u = ae(null), d = ae(null), f = ae(null);
   return he(() => {
     if (r !== "click" || !l) return;
     const y = (S) => {
@@ -10249,7 +10249,7 @@ const lu = ht(void 0), Qv = ({ children: e }) => {
   if (!e)
     throw new Error("useSidebar must be used within a SidebarProvider");
   return e;
-}, ka = (e = [], t = []) => !t || t.length === 0 ? !1 : t.includes("all") ? !0 : t.some((n) => e.includes(n)), e1 = b`
+}, ka = (e = [], t = []) => !t || t.length === 0 ? !1 : t.includes("all") ? !0 : t.some((n) => e.includes(n)), e1 = x`
     display: flex;
     align-items: center;
     justify-content: center;
@@ -10343,7 +10343,7 @@ const lu = ht(void 0), Qv = ({ children: e }) => {
     transition: transform 0.3s ease-out;
 `, du = ({ item: e, userRoles: t, level: n = 0, activePath: r, onNavigate: o }) => {
   const [i, s] = se(!1), { isCollapsed: a, setIsMobileOpen: l, setIsCollapsed: c } = cu(), u = ne(
-    () => (e.children || []).filter((w) => ka(t, w.permissions)),
+    () => (e.children || []).filter((b) => ka(t, b.permissions)),
     [e.children, t]
   );
   if (!ne(
@@ -10351,15 +10351,15 @@ const lu = ht(void 0), Qv = ({ children: e }) => {
     [t, e.permissions]
   )) return null;
   const f = u.length > 0, h = e.href || e.path || "", p = !!(h && r && r.startsWith(h)), m = () => {
-    a && c(!1), s((w) => !w);
+    a && c(!1), s((b) => !b);
   }, v = () => {
     a && c(!1), e.href && o?.(e.href);
   }, y = async () => {
     if (a && c(!1), !!e.path)
       try {
         typeof window < "u" && window.open(e.path, "_blank", "noopener,noreferrer"), l && l(!1);
-      } catch (w) {
-        console.error("Error al navegar a microservicio:", w);
+      } catch (b) {
+        console.error("Error al navegar a microservicio:", b);
       }
   }, S = () => /* @__PURE__ */ E(Mt, { children: [
     /* @__PURE__ */ E(r1, { children: [
@@ -10419,16 +10419,16 @@ const lu = ht(void 0), Qv = ({ children: e }) => {
         }
       )
     ),
-    /* @__PURE__ */ g(En, { initial: !1, children: !a && i && f && /* @__PURE__ */ g(i1, { $level: n + 1, ...Av, children: u.map((w) => /* @__PURE__ */ g(
+    /* @__PURE__ */ g(En, { initial: !1, children: !a && i && f && /* @__PURE__ */ g(i1, { $level: n + 1, ...Av, children: u.map((b) => /* @__PURE__ */ g(
       du,
       {
-        item: w,
+        item: b,
         userRoles: t,
         level: n + 1,
         onNavigate: o,
         activePath: r
       },
-      w.id
+      b.id
     )) }) })
   ] });
 }, c1 = C(rt.div)`
@@ -10574,7 +10574,7 @@ const lu = ht(void 0), Qv = ({ children: e }) => {
 };
 fu.displayName = "Sidebar";
 const g1 = {
-  underlined: b`
+  underlined: x`
         color: var(--color-main-orange-primary);
         text-decoration-thickness: 1px;
         text-underline-offset: 2px;
@@ -10605,7 +10605,7 @@ const g1 = {
             text-underline-offset: 2px;
         }
     `,
-  plain: b`
+  plain: x`
         color: var(--color-main-orange-primary);
         text-decoration: none;
 
@@ -10636,7 +10636,7 @@ const g1 = {
             text-underline-offset: 2px;
         }
     `
-}, y1 = b`
+}, y1 = x`
     color: var(--color-dark-200);
     cursor: not-allowed;
     pointer-events: none;
@@ -10655,15 +10655,15 @@ const g1 = {
         transform: none;
     }
 `, v1 = {
-  sm: b`
+  sm: x`
         gap: 0.25rem;
         ${V[14]}
     `,
-  md: b`
+  md: x`
         gap: 0.5rem;
         ${V[16]}
     `,
-  lg: b`
+  lg: x`
         gap: 0.75rem;
         ${V[20]}
     `
@@ -10686,7 +10686,7 @@ const g1 = {
     flex: 1 1 auto;
     min-width: 0;
     max-width: 18ch;
-    ${({ $truncate: e }) => e && b`
+    ${({ $truncate: e }) => e && x`
             overflow: hidden;
             text-overflow: ellipsis;
             white-space: nowrap;
@@ -10712,21 +10712,21 @@ const g1 = {
     "aria-describedby": v,
     onClick: y,
     ...S
-  }, w) => {
-    const R = Y(
-      (T) => {
+  }, b) => {
+    const P = Y(
+      ($) => {
         if (l) {
-          T.preventDefault();
+          $.preventDefault();
           return;
         }
-        y?.(T);
+        y?.($);
       },
       [l, y]
-    ), x = {
+    ), w = {
       href: l ? void 0 : o,
       target: i || void 0,
       rel: s ?? (i === "_blank" ? "noopener noreferrer" : void 0),
-      onClick: R,
+      onClick: P,
       "aria-label": m ?? r,
       "aria-describedby": v,
       "aria-disabled": l,
@@ -10741,8 +10741,8 @@ const g1 = {
         $size: t,
         $disabled: l,
         className: a,
-        ref: w,
-        ...x,
+        ref: b,
+        ...w,
         children: [
           u && /* @__PURE__ */ g(Q, { component: u, size: f, color: h }),
           /* @__PURE__ */ g(b1, { $truncate: p, children: r }),
@@ -10985,18 +10985,18 @@ function jn(e, t, n, r) {
     }, m = [];
     f.forEach((v) => {
       const y = [...m].reverse()[0], S = v.column.depth === p.depth;
-      let w, R = !1;
-      if (S && v.column.parent ? w = v.column.parent : (w = v.column, R = !0), y && y?.column === w)
+      let b, P = !1;
+      if (S && v.column.parent ? b = v.column.parent : (b = v.column, P = !0), y && y?.column === b)
         y.subHeaders.push(v);
       else {
-        const x = Ea(n, w, {
-          id: [r, h, w.id, v?.id].filter(Boolean).join("_"),
-          isPlaceholder: R,
-          placeholderId: R ? `${m.filter((T) => T.column === w).length}` : void 0,
+        const w = Ea(n, b, {
+          id: [r, h, b.id, v?.id].filter(Boolean).join("_"),
+          isPlaceholder: P,
+          placeholderId: P ? `${m.filter(($) => $.column === b).length}` : void 0,
           depth: h,
           index: m.length
         });
-        x.subHeaders.push(v), m.push(x);
+        w.subHeaders.push(v), m.push(w);
       }
       p.headers.push(v), v.headerGroup = p;
     }), l.push(p), h > 0 && c(m, h - 1);
@@ -11007,12 +11007,12 @@ function jn(e, t, n, r) {
   c(u, s - 1), l.reverse();
   const d = (f) => f.filter((p) => p.column.getIsVisible()).map((p) => {
     let m = 0, v = 0, y = [0];
-    p.subHeaders && p.subHeaders.length ? (y = [], d(p.subHeaders).forEach((w) => {
+    p.subHeaders && p.subHeaders.length ? (y = [], d(p.subHeaders).forEach((b) => {
       let {
-        colSpan: R,
-        rowSpan: x
-      } = w;
-      m += R, y.push(x);
+        colSpan: P,
+        rowSpan: w
+      } = b;
+      m += P, y.push(w);
     })) : m = 1;
     const S = Math.min(...y);
     return v = v + S, p.colSpan = m, p.rowSpan = v, {
@@ -11523,19 +11523,19 @@ const Gn = {
         if (!r || !o || (i.persist == null || i.persist(), Xr(i) && i.touches && i.touches.length > 1))
           return;
         const s = e.getSize(), a = e ? e.getLeafHeaders().map((y) => [y.column.id, y.column.getSize()]) : [[r.id, r.getSize()]], l = Xr(i) ? Math.round(i.touches[0].clientX) : i.clientX, c = {}, u = (y, S) => {
-          typeof S == "number" && (t.setColumnSizingInfo((w) => {
-            var R, x;
-            const T = t.options.columnResizeDirection === "rtl" ? -1 : 1, P = (S - ((R = w?.startOffset) != null ? R : 0)) * T, k = Math.max(P / ((x = w?.startSize) != null ? x : 0), -0.999999);
-            return w.columnSizingStart.forEach((M) => {
+          typeof S == "number" && (t.setColumnSizingInfo((b) => {
+            var P, w;
+            const $ = t.options.columnResizeDirection === "rtl" ? -1 : 1, T = (S - ((P = b?.startOffset) != null ? P : 0)) * $, k = Math.max(T / ((w = b?.startSize) != null ? w : 0), -0.999999);
+            return b.columnSizingStart.forEach((M) => {
               let [A, N] = M;
               c[A] = Math.round(Math.max(N + N * k, 0) * 100) / 100;
             }), {
-              ...w,
-              deltaOffset: P,
+              ...b,
+              deltaOffset: T,
               deltaPercentage: k
             };
-          }), (t.options.columnResizeMode === "onChange" || y === "end") && t.setColumnSizing((w) => ({
-            ...w,
+          }), (t.options.columnResizeMode === "onChange" || y === "end") && t.setColumnSizing((b) => ({
+            ...b,
             ...c
           })));
         }, d = (y) => u("move", y), f = (y) => {
@@ -12363,8 +12363,8 @@ function sw(e) {
     getAllColumns: F(() => [o._getColumnDefs()], (f) => {
       const h = function(p, m, v) {
         return v === void 0 && (v = 0), p.map((y) => {
-          const S = $1(o, y, v, m), w = y;
-          return S.columns = w.columns ? h(w.columns, S, v + 1) : [], S;
+          const S = $1(o, y, v, m), b = y;
+          return S.columns = b.columns ? h(b.columns, S, v + 1) : [], S;
         });
       };
       return h(f);
@@ -12557,11 +12557,11 @@ function fw() {
           const p = i[h], m = s[p.id], v = m.sortUndefined, y = (f = p?.desc) != null ? f : !1;
           let S = 0;
           if (v) {
-            const w = u.getValue(p.id), R = d.getValue(p.id), x = w === void 0, T = R === void 0;
-            if (x || T) {
-              if (v === "first") return x ? -1 : 1;
-              if (v === "last") return x ? 1 : -1;
-              S = x && T ? 0 : x ? v : -v;
+            const b = u.getValue(p.id), P = d.getValue(p.id), w = b === void 0, $ = P === void 0;
+            if (w || $) {
+              if (v === "first") return w ? -1 : 1;
+              if (v === "last") return w ? 1 : -1;
+              S = w && $ ? 0 : w ? v : -v;
             }
           }
           if (S === 0 && (S = m.sortingFn(u, d, p.id)), S !== 0)
@@ -12631,7 +12631,7 @@ function gw(e) {
     }
   })), n.current;
 }
-const yw = b`
+const yw = x`
     @media (max-width: 768px) {
         font-size: 0.875rem;
 
@@ -12641,7 +12641,7 @@ const yw = b`
         }
     }
 `, vw = {
-  default: b`
+  default: x`
         thead tr:last-child th:first-child {
             border-top-left-radius: var(--border-radius-article);
         }
@@ -12658,7 +12658,7 @@ const yw = b`
             border-bottom-right-radius: var(--border-radius-article);
         }
     `,
-  striped: b`
+  striped: x`
         border-radius: var(--border-radius-article);
         tbody tr:nth-child(even) td {
             background-color: var(--color-main-alternative-secondary);
@@ -12681,19 +12681,19 @@ const yw = b`
         }
     `
 }, jt = {
-  sm: b`
+  sm: x`
         padding: 0.5rem 1rem;
         min-height: 2.25rem;
     `,
-  md: b`
+  md: x`
         padding: 0.625rem 1.25rem;
         min-height: 2.5rem;
     `,
-  lg: b`
+  lg: x`
         padding: 0.75rem 1.5rem;
         min-height: 2.75rem;
     `
-}, Su = b`
+}, Su = x`
     display: flex;
     align-items: center;
     gap: 0.5rem;
@@ -12714,7 +12714,7 @@ const yw = b`
     ${({ $variant: e }) => vw[e]}
     ${yw}
 `, bw = C.thead`
-    ${({ $sticky: e }) => e && b`
+    ${({ $sticky: e }) => e && x`
             position: sticky;
             top: 0;
             z-index: 10;
@@ -12723,7 +12723,7 @@ const yw = b`
     &:hover {
         background-color: var(--color-main-alternative-secondary);
     }
-    ${({ $clickable: e }) => e && b`
+    ${({ $clickable: e }) => e && x`
             cursor: pointer;
         `}
 `;
@@ -12736,15 +12736,15 @@ C.span`
     transform: ${({ $direction: e }) => e === "asc" ? "rotate(180deg)" : "none"};
 `;
 const xw = {
-  sm: b`
+  sm: x`
         ${jt.sm}
         ${V[12]}
     `,
-  md: b`
+  md: x`
         ${jt.md}
         ${V[16]}
     `,
-  lg: b`
+  lg: x`
         ${jt.lg}
         ${V[16]}
     `
@@ -12760,7 +12760,7 @@ const xw = {
         background-color: var(--color-purple-600);
     }
 
-    ${({ $active: e }) => e && b`
+    ${({ $active: e }) => e && x`
             background-color: var(--color-blue-400);
         `}
 `, Va = C.div`
@@ -13034,7 +13034,7 @@ const Fw = C.div`
   selectedValues: n,
   onChange: r
 }) => {
-  const [o, i] = se(!1), s = le(null), a = n.length > 0, l = () => {
+  const [o, i] = se(!1), s = ae(null), a = n.length > 0, l = () => {
     i((d) => !d);
   }, c = () => {
     i(!1);
@@ -13149,15 +13149,15 @@ const Lw = (e) => {
   stickyHeader: t,
   className: n
 }) => /* @__PURE__ */ g(bw, { $sticky: t, className: n, children: e.map((r) => /* @__PURE__ */ g(Nw, { headerGroup: r }, r.id)) }), Ow = {
-  sm: b`
+  sm: x`
         ${jt.sm}
         ${V[14]}
     `,
-  md: b`
+  md: x`
         ${jt.md}
         ${V[14]}
     `,
-  lg: b`
+  lg: x`
         ${jt.lg}
         ${V[16]}
     `
@@ -13165,11 +13165,11 @@ const Lw = (e) => {
     min-width: 0;
     max-width: ${({ $width: e }) => e ? typeof e == "number" ? `${e}px` : e : "auto"};
 
-    ${({ $width: e }) => e ? b`
+    ${({ $width: e }) => e ? x`
                   min-width: ${typeof e == "number" ? `${e}px` : e};
                   max-width: ${typeof e == "number" ? `${e}px` : e};
                   width: ${typeof e == "number" ? `${e}px` : e};
-              ` : b`
+              ` : x`
                   min-width: 0;
                   width: auto;
               `}
@@ -13188,7 +13188,7 @@ const Lw = (e) => {
     width: 100%;
 `, Hw = C.span`
     width: 100%;
-    ${({ $ellipsis: e }) => e && b`
+    ${({ $ellipsis: e }) => e && x`
             min-width: 0;
             overflow: hidden;
             text-overflow: ellipsis;
@@ -13509,18 +13509,18 @@ const Uw = zo(Gw), Ia = ({
   enableFiltering: v = !0,
   manualFiltering: y = !1,
   isLoading: S = !1,
-  getUniqueValues: w
+  getUniqueValues: b
 }) => {
-  const { sortingState: R, handleSortingChange: x, setSorting: T } = Zw({
+  const { sortingState: P, handleSortingChange: w, setSorting: $ } = Zw({
     sorting: s,
     defaultSorting: a,
     onSortingChange: l
-  }), { columnFiltersState: P, handleColumnFiltersChange: k, setColumnFilters: M } = Jw({
+  }), { columnFiltersState: T, handleColumnFiltersChange: k, setColumnFilters: M } = Jw({
     columnFilters: c,
     defaultColumnFilters: u,
     onColumnFiltersChange: d
   }), A = ne(() => {
-    if (w)
+    if (b)
       return null;
     const Z = /* @__PURE__ */ new Map();
     return t.forEach((_) => {
@@ -13529,7 +13529,7 @@ const Uw = zo(Gw), Ia = ({
       const U = "accessorFn" in _ ? _.accessorFn : void 0;
       Z.set(D, Tu(e, D, U));
     }), Z;
-  }, [e, t, w]), N = ne(() => w || ((Z) => A?.get(Z) || []), [A, w]), H = ne(() => t.map((Z) => {
+  }, [e, t, b]), N = ne(() => b || ((Z) => A?.get(Z) || []), [A, b]), H = ne(() => t.map((Z) => {
     const D = Z.meta?.filterable !== !1;
     return v && D && !Z.filterFn ? {
       ...Z,
@@ -13539,10 +13539,10 @@ const Uw = zo(Gw), Ia = ({
     data: e,
     columns: H,
     state: {
-      sorting: R,
-      columnFilters: P
+      sorting: P,
+      columnFilters: T
     },
-    onSortingChange: x,
+    onSortingChange: w,
     onColumnFiltersChange: k,
     getCoreRowModel: aw(),
     getSortedRowModel: m ? void 0 : fw(),
@@ -13559,9 +13559,9 @@ const Uw = zo(Gw), Ia = ({
   }), K = {
     size: n,
     variant: r,
-    sorting: R,
-    setSorting: T,
-    columnFilters: P,
+    sorting: P,
+    setSorting: $,
+    columnFilters: T,
     setColumnFilters: M,
     getUniqueValues: N,
     onRowClick: f
@@ -13666,26 +13666,26 @@ const tx = ({
   }), [v, u]), S = ne(() => {
     const k = (s - 1) * l, M = k + l;
     return y.slice(k, M);
-  }, [y, s, l]), w = e.length, R = y.length, x = Math.max(1, Math.ceil(R / l)), T = Y(
+  }, [y, s, l]), b = e.length, P = y.length, w = Math.max(1, Math.ceil(P / l)), $ = Y(
     (k) => {
-      a(Math.min(k, x));
+      a(Math.min(k, w));
     },
-    [x]
-  ), P = Y((k) => {
+    [w]
+  ), T = Y((k) => {
     c(k), a(1);
   }, []);
   return ne(() => {
-    s > x && a(1);
-  }, [s, x]), {
+    s > w && a(1);
+  }, [s, w]), {
     paginatedData: S,
     processedData: y,
     page: s,
     perPage: l,
-    totalPages: x,
-    totalRecords: w,
-    filteredRecords: R,
-    setPage: T,
-    setPerPage: P,
+    totalPages: w,
+    totalRecords: b,
+    filteredRecords: P,
+    setPage: $,
+    setPerPage: T,
     sorting: u,
     setSorting: d,
     columnFilters: f,
@@ -13840,7 +13840,7 @@ const ob = C.div`
   onLogout: n,
   menuItems: r = []
 }) => {
-  const [o, i] = se(!1), s = le(null);
+  const [o, i] = se(!1), s = ae(null);
   he(() => {
     if (!o) return;
     const u = (d) => {
@@ -14215,19 +14215,19 @@ const vn = {
 
     ${({ $size: e }) => vn[e].fontSize}
 
-    ${({ $isCompleted: e, $isActive: t }) => t ? b`
+    ${({ $isCompleted: e, $isActive: t }) => t ? x`
                 background-color: var(--color-main-blue-primary);
                 color: var(--color-main-white);
                 box-shadow: var(--shadow-hover-black-button);
-            ` : e ? b`
+            ` : e ? x`
                 background-color: var(--color-main-blue-primary);
                 color: var(--color-main-white);
-            ` : b`
+            ` : x`
             background-color: var(--color-dark-300);
             color: var(--color-main-white);
         `}
 
-    ${({ $isClickable: e }) => e && b`
+    ${({ $isClickable: e }) => e && x`
             cursor: pointer;
 
             &:hover {
@@ -14244,10 +14244,10 @@ const vn = {
     background-color: ${({ $isCompleted: e }) => e ? "var(--color-main-blue-primary)" : "var(--color-dark-300)"};
     transition: background-color 0.3s ease;
 
-    ${({ $orientation: e, $size: t }) => e === "vertical" ? b`
+    ${({ $orientation: e, $size: t }) => e === "vertical" ? x`
                   width: ${vn[t].line};
                   height: 2rem;
-              ` : b`
+              ` : x`
                   height: ${vn[t].line};
                   flex: 1;
                   min-width: 2rem;