tcce-design-system-test 0.3.28 → 0.3.30

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

@@ -1,5 +1,5 @@
 import * as Kn from "react";
-import b, { useDebugValue as si, createElement as qs, useRef as he, useContext as ce, createContext as bt, useLayoutEffect as jc, useEffect as Ae, useId as qe, useInsertionEffect as Js, useMemo as _e, useCallback as je, Children as zc, isValidElement as _c, useState as Te, Fragment as Qs, forwardRef as He, Component as Hc } from "react";
+import w, { useDebugValue as si, createElement as qs, useRef as fe, useContext as ue, createContext as bt, useLayoutEffect as jc, useEffect as Te, useId as qe, useInsertionEffect as Js, useMemo as _e, useCallback as je, Children as zc, isValidElement as _c, useState as ke, Fragment as Qs, forwardRef as He, Component as Hc } from "react";
 import { jsx as m, Fragment as oo, jsxs as D } from "react/jsx-runtime";
 import Uc, { createPortal as Wc } from "react-dom";
 import { useField as Kc } from "formik";
@@ -30,7 +30,7 @@ var Gc = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|def
   /* Z+1 */
 ), q = "-ms-", Qt = "-moz-", K = "-webkit-", ea = "comm", Yn = "rule", io = "decl", Zc = "@import", ta = "@keyframes", qc = "@layer", na = Math.abs, so = String.fromCharCode, Er = Object.assign;
 function Jc(e, t) {
-  return le(e, 0) ^ 45 ? (((t << 2 ^ le(e, 0)) << 2 ^ le(e, 1)) << 2 ^ le(e, 2)) << 2 ^ le(e, 3) : 0;
+  return ce(e, 0) ^ 45 ? (((t << 2 ^ ce(e, 0)) << 2 ^ ce(e, 1)) << 2 ^ ce(e, 2)) << 2 ^ ce(e, 3) : 0;
 }
 function ra(e) {
   return e.trim();
@@ -38,13 +38,13 @@ function ra(e) {
 function Ke(e, t) {
   return (e = t.exec(e)) ? e[0] : e;
 }
-function F(e, t, n) {
+function O(e, t, n) {
   return e.replace(t, n);
 }
 function $n(e, t, n) {
   return e.indexOf(t, n);
 }
-function le(e, t) {
+function ce(e, t) {
   return e.charCodeAt(t) | 0;
 }
 function It(e, t, n) {
@@ -67,7 +67,7 @@ function ai(e, t) {
     return !Ke(n, t);
   });
 }
-var Gn = 1, Lt = 1, ia = 0, Me = 0, ie = 0, zt = "";
+var Gn = 1, Lt = 1, ia = 0, Me = 0, se = 0, zt = "";
 function Xn(e, t, n, r, o, s, i, a) {
   return { value: e, root: t, parent: n, type: r, props: o, children: s, line: Gn, column: Lt, length: i, return: "", siblings: a };
 }
@@ -80,16 +80,16 @@ function Tt(e) {
   qt(e, e.siblings);
 }
 function eu() {
-  return ie;
+  return se;
 }
 function tu() {
-  return ie = Me > 0 ? le(zt, --Me) : 0, Lt--, ie === 10 && (Lt = 1, Gn--), ie;
+  return se = Me > 0 ? ce(zt, --Me) : 0, Lt--, se === 10 && (Lt = 1, Gn--), se;
 }
 function Ne() {
-  return ie = Me < ia ? le(zt, Me++) : 0, Lt++, ie === 10 && (Lt = 1, Gn++), ie;
+  return se = Me < ia ? ce(zt, Me++) : 0, Lt++, se === 10 && (Lt = 1, Gn++), se;
 }
 function mt() {
-  return le(zt, Me);
+  return ce(zt, Me);
 }
 function Dn() {
   return Me;
@@ -145,25 +145,25 @@ function ar(e) {
   return ra(Zn(Me - 1, Ar(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
 }
 function ou(e) {
-  for (; (ie = mt()) && ie < 33; )
+  for (; (se = mt()) && se < 33; )
     Ne();
-  return Pr(e) > 2 || Pr(ie) > 3 ? "" : " ";
+  return Pr(e) > 2 || Pr(se) > 3 ? "" : " ";
 }
 function iu(e, t) {
-  for (; --t && Ne() && !(ie < 48 || ie > 102 || ie > 57 && ie < 65 || ie > 70 && ie < 97); )
+  for (; --t && Ne() && !(se < 48 || se > 102 || se > 57 && se < 65 || se > 70 && se < 97); )
     ;
   return Zn(e, Dn() + (t < 6 && mt() == 32 && Ne() == 32));
 }
 function Ar(e) {
   for (; Ne(); )
-    switch (ie) {
+    switch (se) {
       // ] ) " '
       case e:
         return Me;
       // " '
       case 34:
       case 39:
-        e !== 34 && e !== 39 && Ar(ie);
+        e !== 34 && e !== 39 && Ar(se);
         break;
       // (
       case 40:
@@ -177,8 +177,8 @@ function Ar(e) {
   return Me;
 }
 function su(e, t) {
-  for (; Ne() && e + ie !== 57; )
-    if (e + ie === 84 && mt() === 47)
+  for (; Ne() && e + se !== 57; )
+    if (e + se === 84 && mt() === 47)
       break;
   return "/*" + Zn(t, Me - 1) + "*" + so(e === 47 ? e : Ne());
 }
@@ -191,30 +191,30 @@ function lu(e) {
   return ru(Mn("", null, null, null, [""], e = nu(e), 0, [0], e));
 }
 function Mn(e, t, n, r, o, s, i, a, l) {
-  for (var u = 0, d = 0, c = i, h = 0, f = 0, p = 0, y = 1, x = 1, g = 1, S = 0, w = "", P = o, E = s, T = r, k = w; x; )
-    switch (p = S, S = Ne()) {
+  for (var u = 0, d = 0, c = i, h = 0, f = 0, p = 0, y = 1, x = 1, g = 1, C = 0, b = "", P = o, k = s, T = r, E = b; x; )
+    switch (p = C, C = Ne()) {
       // (
       case 40:
-        if (p != 108 && le(k, c - 1) == 58) {
-          $n(k += F(ar(S), "&", "&\f"), "&\f", na(u ? a[u - 1] : 0)) != -1 && (g = -1);
+        if (p != 108 && ce(E, c - 1) == 58) {
+          $n(E += O(ar(C), "&", "&\f"), "&\f", na(u ? a[u - 1] : 0)) != -1 && (g = -1);
           break;
         }
       // " ' [
       case 34:
       case 39:
       case 91:
-        k += ar(S);
+        E += ar(C);
         break;
       // \t \n \r \s
       case 9:
       case 10:
       case 13:
       case 32:
-        k += ou(p);
+        E += ou(p);
         break;
       // \
       case 92:
-        k += iu(Dn() - 1, 7);
+        E += iu(Dn() - 1, 7);
         continue;
       // /
       case 47:
@@ -224,82 +224,82 @@ function Mn(e, t, n, r, o, s, i, a, l) {
             qt(cu(su(Ne(), Dn()), t, n, l), l);
             break;
           default:
-            k += "/";
+            E += "/";
         }
         break;
       // {
       case 123 * y:
-        a[u++] = Fe(k) * g;
+        a[u++] = Fe(E) * g;
       // } ; \0
       case 125 * y:
       case 59:
       case 0:
-        switch (S) {
+        switch (C) {
           // \0 }
           case 0:
           case 125:
             x = 0;
           // ;
           case 59 + d:
-            g == -1 && (k = F(k, /\f/g, "")), f > 0 && Fe(k) - c && qt(f > 32 ? ci(k + ";", r, n, c - 1, l) : ci(F(k, " ", "") + ";", r, n, c - 2, l), l);
+            g == -1 && (E = O(E, /\f/g, "")), f > 0 && Fe(E) - c && qt(f > 32 ? ci(E + ";", r, n, c - 1, l) : ci(O(E, " ", "") + ";", r, n, c - 2, l), l);
             break;
           // @ ;
           case 59:
-            k += ";";
+            E += ";";
           // { rule/at-rule
           default:
-            if (qt(T = li(k, t, n, u, d, o, a, w, P = [], E = [], c, s), s), S === 123)
+            if (qt(T = li(E, t, n, u, d, o, a, b, P = [], k = [], c, s), s), C === 123)
               if (d === 0)
-                Mn(k, t, T, T, P, s, c, a, E);
+                Mn(E, t, T, T, P, s, c, a, k);
               else
-                switch (h === 99 && le(k, 3) === 110 ? 100 : h) {
+                switch (h === 99 && ce(E, 3) === 110 ? 100 : h) {
                   // d l m s
                   case 100:
                   case 108:
                   case 109:
                   case 115:
-                    Mn(e, T, T, r && qt(li(e, T, T, 0, 0, o, a, w, o, P = [], c, E), E), o, E, c, a, r ? P : E);
+                    Mn(e, T, T, r && qt(li(e, T, T, 0, 0, o, a, b, o, P = [], c, k), k), o, k, c, a, r ? P : k);
                     break;
                   default:
-                    Mn(k, T, T, T, [""], E, 0, a, E);
+                    Mn(E, T, T, T, [""], k, 0, a, k);
                 }
         }
-        u = d = f = 0, y = g = 1, w = k = "", c = i;
+        u = d = f = 0, y = g = 1, b = E = "", c = i;
         break;
       // :
       case 58:
-        c = 1 + Fe(k), f = p;
+        c = 1 + Fe(E), f = p;
       default:
         if (y < 1) {
-          if (S == 123)
+          if (C == 123)
             --y;
-          else if (S == 125 && y++ == 0 && tu() == 125)
+          else if (C == 125 && y++ == 0 && tu() == 125)
             continue;
         }
-        switch (k += so(S), S * y) {
+        switch (E += so(C), C * y) {
           // &
           case 38:
-            g = d > 0 ? 1 : (k += "\f", -1);
+            g = d > 0 ? 1 : (E += "\f", -1);
             break;
           // ,
           case 44:
-            a[u++] = (Fe(k) - 1) * g, g = 1;
+            a[u++] = (Fe(E) - 1) * g, g = 1;
             break;
           // @
           case 64:
-            mt() === 45 && (k += ar(Ne())), h = mt(), d = c = Fe(w = k += au(Dn())), S++;
+            mt() === 45 && (E += ar(Ne())), h = mt(), d = c = Fe(b = E += au(Dn())), C++;
             break;
           // -
           case 45:
-            p === 45 && Fe(k) == 2 && (y = 0);
+            p === 45 && Fe(E) == 2 && (y = 0);
         }
     }
   return s;
 }
 function li(e, t, n, r, o, s, i, a, l, u, d, c) {
   for (var h = o - 1, f = o === 0 ? s : [""], p = oa(f), y = 0, x = 0, g = 0; y < r; ++y)
-    for (var S = 0, w = It(e, h + 1, h = na(x = i[y])), P = e; S < p; ++S)
-      (P = ra(x > 0 ? f[S] + " " + w : F(w, /&\f/g, f[S]))) && (l[g++] = P);
+    for (var C = 0, b = It(e, h + 1, h = na(x = i[y])), P = e; C < p; ++C)
+      (P = ra(x > 0 ? f[C] + " " + b : O(b, /&\f/g, f[C]))) && (l[g++] = P);
   return Xn(e, t, n, o === 0 ? Yn : a, l, u, d, c);
 }
 function cu(e, t, n, r) {
@@ -355,16 +355,16 @@ function sa(e, t, n) {
       return K + e + Qt + e + q + e + e;
     // writing-mode
     case 5936:
-      switch (le(e, t + 11)) {
+      switch (ce(e, t + 11)) {
         // vertical-l(r)
         case 114:
-          return K + e + q + F(e, /[svh]\w+-[tblr]{2}/, "tb") + e;
+          return K + e + q + O(e, /[svh]\w+-[tblr]{2}/, "tb") + e;
         // vertical-r(l)
         case 108:
-          return K + e + q + F(e, /[svh]\w+-[tblr]{2}/, "tb-rl") + e;
+          return K + e + q + O(e, /[svh]\w+-[tblr]{2}/, "tb-rl") + e;
         // horizontal(-)tb
         case 45:
-          return K + e + q + F(e, /[svh]\w+-[tblr]{2}/, "lr") + e;
+          return K + e + q + O(e, /[svh]\w+-[tblr]{2}/, "lr") + e;
       }
     // flex, flex-direction, scroll-snap-type, writing-mode
     case 6828:
@@ -376,35 +376,35 @@ function sa(e, t, n) {
       return K + e + q + "flex-" + e + e;
     // align-items
     case 5187:
-      return K + e + F(e, /(\w+).+(:[^]+)/, K + "box-$1$2" + q + "flex-$1$2") + e;
+      return K + e + O(e, /(\w+).+(:[^]+)/, K + "box-$1$2" + q + "flex-$1$2") + e;
     // align-self
     case 5443:
-      return K + e + q + "flex-item-" + F(e, /flex-|-self/g, "") + (Ke(e, /flex-|baseline/) ? "" : q + "grid-row-" + F(e, /flex-|-self/g, "")) + e;
+      return K + e + q + "flex-item-" + O(e, /flex-|-self/g, "") + (Ke(e, /flex-|baseline/) ? "" : q + "grid-row-" + O(e, /flex-|-self/g, "")) + e;
     // align-content
     case 4675:
-      return K + e + q + "flex-line-pack" + F(e, /align-content|flex-|-self/g, "") + e;
+      return K + e + q + "flex-line-pack" + O(e, /align-content|flex-|-self/g, "") + e;
     // flex-shrink
     case 5548:
-      return K + e + q + F(e, "shrink", "negative") + e;
+      return K + e + q + O(e, "shrink", "negative") + e;
     // flex-basis
     case 5292:
-      return K + e + q + F(e, "basis", "preferred-size") + e;
+      return K + e + q + O(e, "basis", "preferred-size") + e;
     // flex-grow
     case 6060:
-      return K + "box-" + F(e, "-grow", "") + K + e + q + F(e, "grow", "positive") + e;
+      return K + "box-" + O(e, "-grow", "") + K + e + q + O(e, "grow", "positive") + e;
     // transition
     case 4554:
-      return K + F(e, /([^-])(transform)/g, "$1" + K + "$2") + e;
+      return K + O(e, /([^-])(transform)/g, "$1" + K + "$2") + e;
     // cursor
     case 6187:
-      return F(F(F(e, /(zoom-|grab)/, K + "$1"), /(image-set)/, K + "$1"), e, "") + e;
+      return O(O(O(e, /(zoom-|grab)/, K + "$1"), /(image-set)/, K + "$1"), e, "") + e;
     // background, background-image
     case 5495:
     case 3959:
-      return F(e, /(image-set\([^]*)/, K + "$1$`$1");
+      return O(e, /(image-set\([^]*)/, K + "$1$`$1");
     // justify-content
     case 4968:
-      return F(F(e, /(.+:)(flex-)?(.*)/, K + "box-pack:$3" + q + "flex-pack:$3"), /s.+-b[^;]+/, "justify") + K + e + e;
+      return O(O(e, /(.+:)(flex-)?(.*)/, K + "box-pack:$3" + q + "flex-pack:$3"), /s.+-b[^;]+/, "justify") + K + e + e;
     // justify-self
     case 4200:
       if (!Ke(e, /flex-|baseline/)) return q + "grid-column-align" + It(e, t) + e;
@@ -412,25 +412,25 @@ function sa(e, t, n) {
     // grid-template-(columns|rows)
     case 2592:
     case 3360:
-      return q + F(e, "template-", "") + e;
+      return q + O(e, "template-", "") + e;
     // grid-(row|column)-start
     case 4384:
     case 3616:
       return n && n.some(function(r, o) {
         return t = o, Ke(r.props, /grid-\w+-end/);
-      }) ? ~$n(e + (n = n[t].value), "span", 0) ? e : q + F(e, "-start", "") + e + q + "grid-row-span:" + (~$n(n, "span", 0) ? Ke(n, /\d+/) : +Ke(n, /\d+/) - +Ke(e, /\d+/)) + ";" : q + F(e, "-start", "") + e;
+      }) ? ~$n(e + (n = n[t].value), "span", 0) ? e : q + O(e, "-start", "") + e + q + "grid-row-span:" + (~$n(n, "span", 0) ? Ke(n, /\d+/) : +Ke(n, /\d+/) - +Ke(e, /\d+/)) + ";" : q + O(e, "-start", "") + e;
     // grid-(row|column)-end
     case 4896:
     case 4128:
       return n && n.some(function(r) {
         return Ke(r.props, /grid-\w+-start/);
-      }) ? e : q + F(F(e, "-end", "-span"), "span ", "") + e;
+      }) ? e : q + O(O(e, "-end", "-span"), "span ", "") + e;
     // (margin|padding)-inline-(start|end)
     case 4095:
     case 3583:
     case 4068:
     case 2532:
-      return F(e, /(.+)-inline(.+)/, K + "$1$2") + e;
+      return O(e, /(.+)-inline(.+)/, K + "$1$2") + e;
     // (min|max)?(width|height|inline-size|block-size)
     case 8116:
     case 7059:
@@ -445,39 +445,39 @@ function sa(e, t, n) {
     case 5021:
     case 4765:
       if (Fe(e) - 1 - t > 6)
-        switch (le(e, t + 1)) {
+        switch (ce(e, t + 1)) {
           // (m)ax-content, (m)in-content
           case 109:
-            if (le(e, t + 4) !== 45)
+            if (ce(e, t + 4) !== 45)
               break;
           // (f)ill-available, (f)it-content
           case 102:
-            return F(e, /(.+:)(.+)-([^]+)/, "$1" + K + "$2-$3$1" + Qt + (le(e, t + 3) == 108 ? "$3" : "$2-$3")) + e;
+            return O(e, /(.+:)(.+)-([^]+)/, "$1" + K + "$2-$3$1" + Qt + (ce(e, t + 3) == 108 ? "$3" : "$2-$3")) + e;
           // (s)tretch
           case 115:
-            return ~$n(e, "stretch", 0) ? sa(F(e, "stretch", "fill-available"), t, n) + e : e;
+            return ~$n(e, "stretch", 0) ? sa(O(e, "stretch", "fill-available"), t, n) + e : e;
         }
       break;
     // grid-(column|row)
     case 5152:
     case 5920:
-      return F(e, /(.+?):(\d+)(\s*\/\s*(span)?\s*(\d+))?(.*)/, function(r, o, s, i, a, l, u) {
+      return O(e, /(.+?):(\d+)(\s*\/\s*(span)?\s*(\d+))?(.*)/, function(r, o, s, i, a, l, u) {
         return q + o + ":" + s + u + (i ? q + o + "-span:" + (a ? l : +l - +s) + u : "") + e;
       });
     // position: sticky
     case 4949:
-      if (le(e, t + 6) === 121)
-        return F(e, ":", ":" + K) + e;
+      if (ce(e, t + 6) === 121)
+        return O(e, ":", ":" + K) + e;
       break;
     // display: (flex|inline-flex|grid|inline-grid)
     case 6444:
-      switch (le(e, le(e, 14) === 45 ? 18 : 11)) {
+      switch (ce(e, ce(e, 14) === 45 ? 18 : 11)) {
         // (inline-)?fle(x)
         case 120:
-          return F(e, /(.+:)([^;\s!]+)(;|(\s+)?!.+)?/, "$1" + K + (le(e, 14) === 45 ? "inline-" : "") + "box$3$1" + K + "$2$3$1" + q + "$2box$3") + e;
+          return O(e, /(.+:)([^;\s!]+)(;|(\s+)?!.+)?/, "$1" + K + (ce(e, 14) === 45 ? "inline-" : "") + "box$3$1" + K + "$2$3$1" + q + "$2box$3") + e;
         // (inline-)?gri(d)
         case 100:
-          return F(e, ":", ":" + q) + e;
+          return O(e, ":", ":" + q) + e;
       }
       break;
     // scroll-margin, scroll-margin-(top|right|bottom|left)
@@ -486,7 +486,7 @@ function sa(e, t, n) {
     case 2135:
     case 3927:
     case 2391:
-      return F(e, "scroll-", "scroll-snap-") + e;
+      return O(e, "scroll-", "scroll-snap-") + e;
   }
   return e;
 }
@@ -531,7 +531,7 @@ function fu(e, t, n, r) {
         e.return = sa(e.value, e.length, n);
         return;
       case ta:
-        return On([tt(e, { value: F(e.value, "@", "@" + K) })], r);
+        return On([tt(e, { value: O(e.value, "@", "@" + K) })], r);
       case Yn:
         if (e.length)
           return Qc(n = e.props, function(o) {
@@ -539,11 +539,11 @@ function fu(e, t, n, r) {
               // :read-(only|write)
               case ":read-only":
               case ":read-write":
-                Tt(tt(e, { props: [F(o, /:(read-\w+)/, ":" + Qt + "$1")] })), Tt(tt(e, { props: [o] })), Er(e, { props: ai(n, r) });
+                Tt(tt(e, { props: [O(o, /:(read-\w+)/, ":" + Qt + "$1")] })), Tt(tt(e, { props: [o] })), Er(e, { props: ai(n, r) });
                 break;
               // :placeholder
               case "::placeholder":
-                Tt(tt(e, { props: [F(o, /:(plac\w+)/, ":" + K + "input-$1")] })), Tt(tt(e, { props: [F(o, /:(plac\w+)/, ":" + Qt + "$1")] })), Tt(tt(e, { props: [F(o, /:(plac\w+)/, q + "input-$1")] })), Tt(tt(e, { props: [o] })), Er(e, { props: ai(n, r) });
+                Tt(tt(e, { props: [O(o, /:(plac\w+)/, ":" + K + "input-$1")] })), Tt(tt(e, { props: [O(o, /:(plac\w+)/, ":" + Qt + "$1")] })), Tt(tt(e, { props: [O(o, /:(plac\w+)/, q + "input-$1")] })), Tt(tt(e, { props: [o] })), Er(e, { props: ai(n, r) });
                 break;
             }
             return "";
@@ -611,7 +611,7 @@ See https://styled-components.com/docs/basics#define-styled-components-outside-o
       console.error = function(i) {
         for (var a = [], l = 1; l < arguments.length; l++) a[l - 1] = arguments[l];
         ui.test(i) ? (s = !1, xn.delete(r)) : o.apply(void 0, Rt([i], a, !1));
-      }, he(), s && !xn.has(r) && (console.warn(r), xn.add(r));
+      }, fe(), s && !xn.has(r) && (console.warn(r), xn.add(r));
     } catch (i) {
       ui.test(i.message) && xn.delete(r);
     } finally {
@@ -940,20 +940,20 @@ function Ku(e) {
     f === void 0 && (f = ""), p === void 0 && (p = ""), y === void 0 && (y = "&"), t = y, n = f, r = new RegExp("\\".concat(n, "\\b"), "g");
     var x = h.replace(Wu, ""), g = lu(p || f ? "".concat(p, " ").concat(f, " { ").concat(x, " }") : x);
     i.namespace && (g = va(g, i.namespace));
-    var S = [];
-    return On(g, du(d.concat(hu(function(w) {
-      return S.push(w);
-    })))), S;
+    var C = [];
+    return On(g, du(d.concat(hu(function(b) {
+      return C.push(b);
+    })))), C;
   };
   return c.hash = l.length ? l.reduce(function(h, f) {
     return f.name || _t(15), ut(h, f.name);
   }, ca).toString() : "", c;
 }
-var Yu = new ya(), Vr = Ku(), ba = b.createContext({ shouldForwardProp: void 0, styleSheet: Yu, stylis: Vr });
+var Yu = new ya(), Vr = Ku(), ba = w.createContext({ shouldForwardProp: void 0, styleSheet: Yu, stylis: Vr });
 ba.Consumer;
-b.createContext(void 0);
+w.createContext(void 0);
 function bi() {
-  return ce(ba);
+  return ue(ba);
 }
 var xi = (function() {
   function e(t, n) {
@@ -1041,15 +1041,15 @@ var Zu = ua(qn), qu = (function() {
     }
     return o;
   }, e;
-})(), Sa = b.createContext(void 0);
+})(), Sa = w.createContext(void 0);
 Sa.Consumer;
 var ur = {}, Si = /* @__PURE__ */ new Set();
 function Ju(e, t, n) {
-  var r = lo(e), o = e, s = !cr(e), i = t.attrs, a = i === void 0 ? Jn : i, l = t.componentId, u = l === void 0 ? (function(P, E) {
+  var r = lo(e), o = e, s = !cr(e), i = t.attrs, a = i === void 0 ? Jn : i, l = t.componentId, u = l === void 0 ? (function(P, k) {
     var T = typeof P != "string" ? "sc" : di(P);
     ur[T] = (ur[T] || 0) + 1;
-    var k = "".concat(T, "-").concat(wu(qn + T + ur[T]));
-    return E ? "".concat(E, "-").concat(k) : k;
+    var E = "".concat(T, "-").concat(wu(qn + T + ur[T]));
+    return k ? "".concat(k, "-").concat(E) : E;
   })(t.displayName, t.parentComponentId) : l, d = t.displayName, c = d === void 0 ? (function(P) {
     return cr(P) ? "styled.".concat(P) : "Styled(".concat(da(P), ")");
   })(e) : d, h = t.displayName && t.componentId ? "".concat(di(t.displayName), "-").concat(t.componentId) : t.componentId || u, f = r && o.attrs ? o.attrs.concat(a).filter(Boolean) : a, p = t.shouldForwardProp;
@@ -1057,49 +1057,49 @@ function Ju(e, t, n) {
     var y = o.shouldForwardProp;
     if (t.shouldForwardProp) {
       var x = t.shouldForwardProp;
-      p = function(P, E) {
-        return y(P, E) && x(P, E);
+      p = function(P, k) {
+        return y(P, k) && x(P, k);
       };
     } else p = y;
   }
   var g = new qu(n, h, r ? o.componentStyle : void 0);
-  function S(P, E) {
-    return (function(T, k, A) {
-      var R = T.attrs, _ = T.componentStyle, $ = T.defaultProps, U = T.foldedComponentIds, V = T.styledComponentId, fe = T.target, G = b.useContext(Sa), N = bi(), I = T.shouldForwardProp || N.shouldForwardProp;
-      process.env.NODE_ENV !== "production" && si(V);
-      var H = yu(k, G, $) || Nt, B = (function(X, se, Ve) {
-        for (var W, ve = xe(xe({}, se), { className: void 0, theme: Ve }), Qe = 0; Qe < X.length; Qe += 1) {
+  function C(P, k) {
+    return (function(T, E, A) {
+      var I = T.attrs, _ = T.componentStyle, $ = T.defaultProps, H = T.foldedComponentIds, U = T.styledComponentId, G = T.target, J = w.useContext(Sa), V = bi(), R = T.shouldForwardProp || V.shouldForwardProp;
+      process.env.NODE_ENV !== "production" && si(U);
+      var z = yu(E, J, $) || Nt, N = (function(X, ae, Ve) {
+        for (var W, ve = xe(xe({}, ae), { className: void 0, theme: Ve }), Qe = 0; Qe < X.length; Qe += 1) {
           var Ue = Bt(W = X[Qe]) ? W(ve) : W;
           for (var ge in Ue) ve[ge] = ge === "className" ? dt(ve[ge], Ue[ge]) : ge === "style" ? xe(xe({}, ve[ge]), Ue[ge]) : Ue[ge];
         }
-        return se.className && (ve.className = dt(ve.className, se.className)), ve;
-      })(R, k, H), z = B.as || fe, ne = {};
-      for (var re in B) B[re] === void 0 || re[0] === "$" || re === "as" || re === "theme" && B.theme === H || (re === "forwardedAs" ? ne.as = B.forwardedAs : I && !I(re, z) || (ne[re] = B[re], I || process.env.NODE_ENV !== "development" || Xc(re) || Si.has(re) || !$r.has(z) || (Si.add(re), console.warn('styled-components: it looks like an unknown prop "'.concat(re, '" 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 j = (function(X, se) {
-        var Ve = bi(), W = X.generateAndInjectStyles(se, Ve.styleSheet, Ve.stylis);
+        return ae.className && (ve.className = dt(ve.className, ae.className)), ve;
+      })(I, E, z), j = N.as || G, re = {};
+      for (var oe in N) N[oe] === void 0 || oe[0] === "$" || oe === "as" || oe === "theme" && N.theme === z || (oe === "forwardedAs" ? re.as = N.forwardedAs : R && !R(oe, j) || (re[oe] = N[oe], R || process.env.NODE_ENV !== "development" || Xc(oe) || Si.has(oe) || !$r.has(j) || (Si.add(oe), console.warn('styled-components: it looks like an unknown prop "'.concat(oe, '" 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 F = (function(X, ae) {
+        var Ve = bi(), W = X.generateAndInjectStyles(ae, Ve.styleSheet, Ve.stylis);
         return process.env.NODE_ENV !== "production" && si(W), W;
-      })(_, B);
-      process.env.NODE_ENV !== "production" && T.warnTooManyClasses && T.warnTooManyClasses(j);
-      var Z = dt(U, V);
-      return j && (Z += " " + j), B.className && (Z += " " + B.className), ne[cr(z) && !$r.has(z) ? "class" : "className"] = Z, A && (ne.ref = A), qs(z, ne);
-    })(w, P, E);
-  }
-  S.displayName = c;
-  var w = b.forwardRef(S);
-  return w.attrs = f, w.componentStyle = g, w.displayName = c, w.shouldForwardProp = p, w.foldedComponentIds = r ? dt(o.foldedComponentIds, o.styledComponentId) : "", w.styledComponentId = h, w.target = r ? o.target : e, Object.defineProperty(w, "defaultProps", { get: function() {
+      })(_, N);
+      process.env.NODE_ENV !== "production" && T.warnTooManyClasses && T.warnTooManyClasses(F);
+      var Z = dt(H, U);
+      return F && (Z += " " + F), N.className && (Z += " " + N.className), re[cr(j) && !$r.has(j) ? "class" : "className"] = Z, A && (re.ref = A), qs(j, re);
+    })(b, P, k);
+  }
+  C.displayName = c;
+  var b = w.forwardRef(C);
+  return b.attrs = f, b.componentStyle = g, b.displayName = c, b.shouldForwardProp = p, b.foldedComponentIds = r ? dt(o.foldedComponentIds, o.styledComponentId) : "", b.styledComponentId = h, b.target = r ? o.target : e, Object.defineProperty(b, "defaultProps", { get: function() {
     return this._foldedDefaultProps;
   }, set: function(P) {
-    this._foldedDefaultProps = r ? (function(E) {
-      for (var T = [], k = 1; k < arguments.length; k++) T[k - 1] = arguments[k];
-      for (var A = 0, R = T; A < R.length; A++) Mr(E, R[A], !0);
-      return E;
+    this._foldedDefaultProps = r ? (function(k) {
+      for (var T = [], E = 1; E < arguments.length; E++) T[E - 1] = arguments[E];
+      for (var A = 0, I = T; A < I.length; A++) Mr(k, I[A], !0);
+      return k;
     })({}, o.defaultProps, P) : P;
-  } }), process.env.NODE_ENV !== "production" && (gu(c, h), w.warnTooManyClasses = /* @__PURE__ */ (function(P, E) {
-    var T = {}, k = !1;
+  } }), process.env.NODE_ENV !== "production" && (gu(c, h), b.warnTooManyClasses = /* @__PURE__ */ (function(P, k) {
+    var T = {}, E = !1;
     return function(A) {
-      if (!k && (T[A] = !0, Object.keys(T).length >= 200)) {
-        var R = E ? ' with the id of "'.concat(E, '"') : "";
-        console.warn("Over ".concat(200, " classes were generated for component ").concat(P).concat(R, `.
+      if (!E && (T[A] = !0, Object.keys(T).length >= 200)) {
+        var I = k ? ' with the id of "'.concat(k, '"') : "";
+        console.warn("Over ".concat(200, " classes were generated for component ").concat(P).concat(I, `.
 `) + `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 />`), k = !0, T = {};
+  <Component />`), E = !0, T = {};
       }
     };
-  })(c, h)), co(w, function() {
-    return ".".concat(w.styledComponentId);
-  }), s && pa(w, e, { attrs: !0, componentStyle: !0, displayName: !0, foldedComponentIds: !0, shouldForwardProp: !0, styledComponentId: !0, target: !0 }), w;
+  })(c, h)), co(b, function() {
+    return ".".concat(b.styledComponentId);
+  }), s && pa(b, e, { attrs: !0, componentStyle: !0, displayName: !0, foldedComponentIds: !0, shouldForwardProp: !0, styledComponentId: !0, target: !0 }), b;
 }
 function Ci(e, t) {
   for (var n = [e[0]], r = 0, o = t.length; r < o; r += 1) n.push(t[r], e[r + 1]);
@@ -1142,9 +1142,9 @@ function Rr(e, t, n) {
 }
 var Ca = function(e) {
   return Rr(Ju, e);
-}, C = Ca;
+}, S = Ca;
 $r.forEach(function(e) {
-  C[e] = Ca(e);
+  S[e] = Ca(e);
 });
 process.env.NODE_ENV !== "production" && typeof navigator < "u" && navigator.product === "ReactNative" && console.warn(`It looks like you've imported 'styled-components' on React Native.
 Perhaps you're looking to import 'styled-components/native'?
@@ -1324,19 +1324,19 @@ const Ta = {
         font-weight: 400;
         line-height: 133%;
     `
-}, uo = C.h1`
+}, uo = S.h1`
     ${({ size: e = 24 }) => Ta[e]}
     margin: 0;
     color: ${({ color: e }) => e || "var(--color-main-blue-primary)"};
-`, L1 = C.h2`
+`, L1 = S.h2`
     ${({ size: e = 24 }) => Qu[e]}
     margin: 0;
     color: ${({ color: e }) => e || "var(--color-main-blue-primary)"};
-`, Ye = C.span`
+`, Ye = S.span`
     ${({ size: e = 16 }) => L[e]}
     margin: 0;
     color: ${({ color: e }) => e || "var(--color-main-blue-primary)"};
-`, ed = C.span`
+`, ed = S.span`
     display: inline-flex;
     align-items: center;
     justify-content: center;
@@ -1362,10 +1362,10 @@ const Ta = {
   return /* @__PURE__ */ m(ed, { $color: n, className: r, children: typeof e == "function" ? /* @__PURE__ */ m(e, { size: s, ...o }) : e });
 }, ho = bt({});
 function fo(e) {
-  const t = he(null);
+  const t = fe(null);
   return t.current === null && (t.current = e()), t.current;
 }
-const mo = typeof window < "u", ka = mo ? jc : Ae, Qn = /* @__PURE__ */ bt(null);
+const mo = typeof window < "u", ka = mo ? jc : Te, Qn = /* @__PURE__ */ bt(null);
 function po(e, t) {
   e.indexOf(t) === -1 && e.push(t);
 }
@@ -1530,27 +1530,27 @@ function ja(e, t) {
     delta: 0,
     timestamp: 0,
     isProcessing: !1
-  }, s = () => n = !0, i = Tn.reduce((w, P) => (w[P] = cd(s), w), {}), { setup: a, read: l, resolveKeyframes: u, preUpdate: d, update: c, preRender: h, render: f, postRender: p } = i, y = () => {
-    const w = Ze.useManualTiming ? o.timestamp : performance.now();
-    n = !1, Ze.useManualTiming || (o.delta = r ? 1e3 / 60 : Math.max(Math.min(w - o.timestamp, ud), 1)), o.timestamp = w, o.isProcessing = !0, a.process(o), l.process(o), u.process(o), d.process(o), c.process(o), h.process(o), f.process(o), p.process(o), o.isProcessing = !1, n && t && (r = !1, e(y));
+  }, s = () => n = !0, i = Tn.reduce((b, P) => (b[P] = cd(s), b), {}), { setup: a, read: l, resolveKeyframes: u, preUpdate: d, update: c, preRender: h, render: f, postRender: p } = i, y = () => {
+    const b = Ze.useManualTiming ? o.timestamp : performance.now();
+    n = !1, Ze.useManualTiming || (o.delta = r ? 1e3 / 60 : Math.max(Math.min(b - o.timestamp, ud), 1)), o.timestamp = b, o.isProcessing = !0, a.process(o), l.process(o), u.process(o), d.process(o), c.process(o), h.process(o), f.process(o), p.process(o), o.isProcessing = !1, n && t && (r = !1, e(y));
   }, x = () => {
     n = !0, r = !0, o.isProcessing || e(y);
   };
-  return { schedule: Tn.reduce((w, P) => {
-    const E = i[P];
-    return w[P] = (T, k = !1, A = !1) => (n || x(), E.schedule(T, k, A)), w;
-  }, {}), cancel: (w) => {
+  return { schedule: Tn.reduce((b, P) => {
+    const k = i[P];
+    return b[P] = (T, E = !1, A = !1) => (n || x(), k.schedule(T, E, A)), b;
+  }, {}), cancel: (b) => {
     for (let P = 0; P < Tn.length; P++)
-      i[Tn[P]].cancel(w);
+      i[Tn[P]].cancel(b);
   }, state: o, steps: i };
 }
-const { schedule: J, cancel: rt, state: de, steps: dr } = /* @__PURE__ */ ja(typeof requestAnimationFrame < "u" ? requestAnimationFrame : De, !0);
+const { schedule: Q, cancel: rt, state: he, steps: dr } = /* @__PURE__ */ ja(typeof requestAnimationFrame < "u" ? requestAnimationFrame : De, !0);
 let In;
 function dd() {
   In = void 0;
 }
 const we = {
-  now: () => (In === void 0 && we.set(de.isProcessing || Ze.useManualTiming ? de.timestamp : performance.now()), In),
+  now: () => (In === void 0 && we.set(he.isProcessing || Ze.useManualTiming ? he.timestamp : performance.now()), In),
   set: (e) => {
     In = e, queueMicrotask(dd);
   }
@@ -1611,13 +1611,13 @@ const Lr = {
   test: /* @__PURE__ */ ko("hsl", "hue"),
   parse: /* @__PURE__ */ _a("hue", "saturation", "lightness"),
   transform: ({ hue: e, saturation: t, lightness: n, alpha: r = 1 }) => "hsla(" + Math.round(e) + ", " + ze.transform(en(t)) + ", " + ze.transform(en(n)) + ", " + en(an.transform(r)) + ")"
-}, oe = {
+}, ie = {
   test: (e) => ht.test(e) || Lr.test(e) || kt.test(e),
   parse: (e) => ht.test(e) ? ht.parse(e) : kt.test(e) ? kt.parse(e) : Lr.parse(e),
   transform: (e) => typeof e == "string" ? e : e.hasOwnProperty("red") ? ht.transform(e) : kt.transform(e),
   getAnimatableNone: (e) => {
-    const t = oe.parse(e);
-    return t.alpha = 0, oe.transform(t);
+    const t = ie.parse(e);
+    return t.alpha = 0, ie.transform(t);
   }
 }, xd = /(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))/giu;
 function wd(e) {
@@ -1631,7 +1631,7 @@ function ln(e) {
     var: []
   }, o = [];
   let s = 0;
-  const a = t.replace(Td, (l) => (oe.test(l) ? (r.color.push(s), o.push(Ua), n.push(oe.parse(l))) : l.startsWith(Cd) ? (r.var.push(s), o.push(Sd), n.push(l)) : (r.number.push(s), o.push(Ha), n.push(parseFloat(l))), ++s, Di)).split(Di);
+  const a = t.replace(Td, (l) => (ie.test(l) ? (r.color.push(s), o.push(Ua), n.push(ie.parse(l))) : l.startsWith(Cd) ? (r.var.push(s), o.push(Sd), n.push(l)) : (r.number.push(s), o.push(Ha), n.push(parseFloat(l))), ++s, Di)).split(Di);
   return { values: n, split: a, indexes: r, types: o };
 }
 function Wa(e) {
@@ -1644,12 +1644,12 @@ function Ka(e) {
     for (let i = 0; i < r; i++)
       if (s += t[i], o[i] !== void 0) {
         const a = n[i];
-        a === Ha ? s += en(o[i]) : a === Ua ? s += oe.transform(o[i]) : s += o[i];
+        a === Ha ? s += en(o[i]) : a === Ua ? s += ie.transform(o[i]) : s += o[i];
       }
     return s;
   };
 }
-const kd = (e) => typeof e == "number" ? 0 : oe.test(e) ? oe.getAnimatableNone(e) : e;
+const kd = (e) => typeof e == "number" ? 0 : ie.test(e) ? ie.getAnimatableNone(e) : e;
 function Ed(e) {
   const t = Wa(e);
   return Ka(e)(t.map(kd));
@@ -1682,7 +1682,7 @@ function Pd({ hue: e, saturation: t, lightness: n, alpha: r }) {
 function zn(e, t) {
   return (n) => n > 0 ? t : e;
 }
-const ee = (e, t, n) => e + (t - e) * n, mr = (e, t, n) => {
+const te = (e, t, n) => e + (t - e) * n, mr = (e, t, n) => {
   const r = e * e, o = n * (t * t - r) + r;
   return o < 0 ? 0 : Math.sqrt(o);
 }, Ad = [Lr, ht, kt], $d = (e) => Ad.find((t) => t.test(e));
@@ -1698,16 +1698,16 @@ const Vi = (e, t) => {
   if (!n || !r)
     return zn(e, t);
   const o = { ...n };
-  return (s) => (o.red = mr(n.red, r.red, s), o.green = mr(n.green, r.green, s), o.blue = mr(n.blue, r.blue, s), o.alpha = ee(n.alpha, r.alpha, s), ht.transform(o));
+  return (s) => (o.red = mr(n.red, r.red, s), o.green = mr(n.green, r.green, s), o.blue = mr(n.blue, r.blue, s), o.alpha = te(n.alpha, r.alpha, s), ht.transform(o));
 }, Nr = /* @__PURE__ */ new Set(["none", "hidden"]);
 function Dd(e, t) {
   return Nr.has(e) ? (n) => n <= 0 ? e : t : (n) => n >= 1 ? t : e;
 }
 function Md(e, t) {
-  return (n) => ee(e, t, n);
+  return (n) => te(e, t, n);
 }
 function Eo(e) {
-  return typeof e == "number" ? Md : typeof e == "string" ? Co(e) ? zn : oe.test(e) ? Vi : Id : Array.isArray(e) ? Ya : typeof e == "object" ? oe.test(e) ? Vi : Vd : zn;
+  return typeof e == "number" ? Md : typeof e == "string" ? Co(e) ? zn : ie.test(e) ? Vi : Id : Array.isArray(e) ? Ya : typeof e == "object" ? ie.test(e) ? Vi : Vd : zn;
 }
 function Ya(e, t) {
   const n = [...e], r = n.length, o = e.map((s, i) => Eo(s)(s, t[i]));
@@ -1740,18 +1740,18 @@ const Id = (e, t) => {
   return r.indexes.var.length === o.indexes.var.length && r.indexes.color.length === o.indexes.color.length && r.indexes.number.length >= o.indexes.number.length ? Nr.has(e) && !o.values.length || Nr.has(t) && !r.values.length ? Dd(e, t) : hn(Ya(Rd(r, o), o.values), n) : (Ht(!0, `Complex values '${e}' and '${t}' too different to mix. Ensure all colors are of the same type, and that each contains the same quantity of number and color values. Falling back to instant transition.`, "complex-values-different"), zn(e, t));
 };
 function Ga(e, t, n) {
-  return typeof e == "number" && typeof t == "number" && typeof n == "number" ? ee(e, t, n) : Eo(e)(e, t);
+  return typeof e == "number" && typeof t == "number" && typeof n == "number" ? te(e, t, n) : Eo(e)(e, t);
 }
 const Ld = (e) => {
   const t = ({ timestamp: n }) => e(n);
   return {
-    start: (n = !0) => J.update(t, n),
+    start: (n = !0) => Q.update(t, n),
     stop: () => rt(t),
     /**
      * If we're processing this frame we can use the
      * framelocked timestamp to keep things in sync.
      */
-    now: () => de.isProcessing ? de.timestamp : we.now()
+    now: () => he.isProcessing ? he.timestamp : we.now()
   };
 }, Xa = (e, t, n = 10) => {
   let r = "";
@@ -1781,7 +1781,7 @@ function Za(e, t, n) {
   const r = Math.max(t - Bd, 0);
   return $a(n - e(r), t - r);
 }
-const Q = {
+const ee = {
   // Default spring physics
   stiffness: 100,
   damping: 10,
@@ -1810,11 +1810,11 @@ const Q = {
   minDamping: 0.05,
   maxDamping: 1
 }, pr = 1e-3;
-function Od({ duration: e = Q.duration, bounce: t = Q.bounce, velocity: n = Q.velocity, mass: r = Q.mass }) {
+function Od({ duration: e = ee.duration, bounce: t = ee.bounce, velocity: n = ee.velocity, mass: r = ee.mass }) {
   let o, s;
-  Ht(e <= /* @__PURE__ */ Be(Q.maxDuration), "Spring duration must be 10 seconds or less", "spring-duration-limit");
+  Ht(e <= /* @__PURE__ */ Be(ee.maxDuration), "Spring duration must be 10 seconds or less", "spring-duration-limit");
   let i = 1 - t;
-  i = Ge(Q.minDamping, Q.maxDamping, i), e = Ge(Q.minDuration, Q.maxDuration, /* @__PURE__ */ $e(e)), i < 1 ? (o = (u) => {
+  i = Ge(ee.minDamping, ee.maxDamping, i), e = Ge(ee.minDuration, ee.maxDuration, /* @__PURE__ */ $e(e)), i < 1 ? (o = (u) => {
     const d = u * i, c = d * e, h = d - n, f = Br(u, i), p = Math.exp(-c);
     return pr - h / f * p;
   }, s = (u) => {
@@ -1830,8 +1830,8 @@ function Od({ duration: e = Q.duration, bounce: t = Q.bounce, velocity: n = Q.ve
   const a = 5 / e, l = jd(o, s, a);
   if (e = /* @__PURE__ */ Be(e), isNaN(l))
     return {
-      stiffness: Q.stiffness,
-      damping: Q.damping,
+      stiffness: ee.stiffness,
+      damping: ee.damping,
       duration: e
     };
   {
@@ -1859,10 +1859,10 @@ function Ri(e, t) {
 }
 function Hd(e) {
   let t = {
-    velocity: Q.velocity,
-    stiffness: Q.stiffness,
-    damping: Q.damping,
-    mass: Q.mass,
+    velocity: ee.velocity,
+    stiffness: ee.stiffness,
+    damping: ee.damping,
+    mass: ee.mass,
     isResolvedFromDuration: !1,
     ...e
   };
@@ -1871,7 +1871,7 @@ function Hd(e) {
       const n = e.visualDuration, r = 2 * Math.PI / (n * 1.2), o = r * r, s = 2 * Ge(0.05, 1, 1 - (e.bounce || 0)) * Math.sqrt(o);
       t = {
         ...t,
-        mass: Q.mass,
+        mass: ee.mass,
         stiffness: o,
         damping: s
       };
@@ -1880,12 +1880,12 @@ function Hd(e) {
       t = {
         ...t,
         ...n,
-        mass: Q.mass
+        mass: ee.mass
       }, t.isResolvedFromDuration = !0;
     }
   return t;
 }
-function Hn(e = Q.visualDuration, t = Q.bounce) {
+function Hn(e = ee.visualDuration, t = ee.bounce) {
   const n = typeof e != "object" ? {
     visualDuration: e,
     keyframes: [0, 1],
@@ -1895,41 +1895,41 @@ function Hn(e = Q.visualDuration, t = Q.bounce) {
   const s = n.keyframes[0], i = n.keyframes[n.keyframes.length - 1], a = { done: !1, value: s }, { stiffness: l, damping: u, mass: d, duration: c, velocity: h, isResolvedFromDuration: f } = Hd({
     ...n,
     velocity: -/* @__PURE__ */ $e(n.velocity || 0)
-  }), p = h || 0, y = u / (2 * Math.sqrt(l * d)), x = i - s, g = /* @__PURE__ */ $e(Math.sqrt(l / d)), S = Math.abs(x) < 5;
-  r || (r = S ? Q.restSpeed.granular : Q.restSpeed.default), o || (o = S ? Q.restDelta.granular : Q.restDelta.default);
-  let w;
+  }), p = h || 0, y = u / (2 * Math.sqrt(l * d)), x = i - s, g = /* @__PURE__ */ $e(Math.sqrt(l / d)), C = Math.abs(x) < 5;
+  r || (r = C ? ee.restSpeed.granular : ee.restSpeed.default), o || (o = C ? ee.restDelta.granular : ee.restDelta.default);
+  let b;
   if (y < 1) {
-    const E = Br(g, y);
-    w = (T) => {
-      const k = Math.exp(-y * g * T);
-      return i - k * ((p + y * g * x) / E * Math.sin(E * T) + x * Math.cos(E * T));
+    const k = Br(g, y);
+    b = (T) => {
+      const E = Math.exp(-y * g * T);
+      return i - E * ((p + y * g * x) / k * Math.sin(k * T) + x * Math.cos(k * T));
     };
   } else if (y === 1)
-    w = (E) => i - Math.exp(-g * E) * (x + (p + g * x) * E);
+    b = (k) => i - Math.exp(-g * k) * (x + (p + g * x) * k);
   else {
-    const E = g * Math.sqrt(y * y - 1);
-    w = (T) => {
-      const k = Math.exp(-y * g * T), A = Math.min(E * T, 300);
-      return i - k * ((p + y * g * x) * Math.sinh(A) + E * x * Math.cosh(A)) / E;
+    const k = g * Math.sqrt(y * y - 1);
+    b = (T) => {
+      const E = Math.exp(-y * g * T), A = Math.min(k * T, 300);
+      return i - E * ((p + y * g * x) * Math.sinh(A) + k * x * Math.cosh(A)) / k;
     };
   }
   const P = {
     calculatedDuration: f && c || null,
-    next: (E) => {
-      const T = w(E);
+    next: (k) => {
+      const T = b(k);
       if (f)
-        a.done = E >= c;
+        a.done = k >= c;
       else {
-        let k = E === 0 ? p : 0;
-        y < 1 && (k = E === 0 ? /* @__PURE__ */ Be(p) : Za(w, E, T));
-        const A = Math.abs(k) <= r, R = Math.abs(i - T) <= o;
-        a.done = A && R;
+        let E = k === 0 ? p : 0;
+        y < 1 && (E = k === 0 ? /* @__PURE__ */ Be(p) : Za(b, k, T));
+        const A = Math.abs(E) <= r, I = Math.abs(i - T) <= o;
+        a.done = A && I;
       }
       return a.value = a.done ? i : T, a;
     },
     toString: () => {
-      const E = Math.min(Po(P), _n), T = Xa((k) => P.next(E * k).value, E, 30);
-      return E + "ms " + T;
+      const k = Math.min(Po(P), _n), T = Xa((E) => P.next(k * E).value, k, 30);
+      return k + "ms " + T;
     },
     toTransition: () => {
     }
@@ -1948,15 +1948,15 @@ function Or({ keyframes: e, velocity: t = 0, power: n = 0.8, timeConstant: r = 3
   let y = n * t;
   const x = c + y, g = i === void 0 ? x : i(x);
   g !== x && (y = g - c);
-  const S = (A) => -y * Math.exp(-A / r), w = (A) => g + S(A), P = (A) => {
-    const R = S(A), _ = w(A);
-    h.done = Math.abs(R) <= u, h.value = h.done ? g : _;
+  const C = (A) => -y * Math.exp(-A / r), b = (A) => g + C(A), P = (A) => {
+    const I = C(A), _ = b(A);
+    h.done = Math.abs(I) <= u, h.value = h.done ? g : _;
   };
-  let E, T;
-  const k = (A) => {
-    f(h.value) && (E = A, T = Hn({
+  let k, T;
+  const E = (A) => {
+    f(h.value) && (k = A, T = Hn({
       keyframes: [h.value, p(h.value)],
-      velocity: Za(w, A, h.value),
+      velocity: Za(b, A, h.value),
       // TODO: This should be passing * 1000
       damping: o,
       stiffness: s,
@@ -1964,11 +1964,11 @@ function Or({ keyframes: e, velocity: t = 0, power: n = 0.8, timeConstant: r = 3
       restSpeed: d
     }));
   };
-  return k(0), {
+  return E(0), {
     calculatedDuration: null,
     next: (A) => {
-      let R = !1;
-      return !T && E === void 0 && (R = !0, P(A), k(A)), E !== void 0 && A >= E ? T.next(A - E) : (!R && P(A), h);
+      let I = !1;
+      return !T && k === void 0 && (I = !0, P(A), E(A)), k !== void 0 && A >= k ? T.next(A - k) : (!I && P(A), h);
     }
   };
 }
@@ -2008,7 +2008,7 @@ function Kd(e, t) {
   const n = e[e.length - 1];
   for (let r = 1; r <= t; r++) {
     const o = /* @__PURE__ */ sn(0, t, r);
-    e.push(ee(n, 1, o));
+    e.push(te(n, 1, o));
   }
 }
 function Yd(e) {
@@ -2111,20 +2111,20 @@ class Do extends $o {
       return r.next(0);
     const { delay: u = 0, keyframes: d, repeat: c, repeatType: h, repeatDelay: f, type: p, onUpdate: y, finalKeyframe: x } = this.options;
     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 g = this.currentTime - u * (this.playbackSpeed >= 0 ? 1 : -1), S = this.playbackSpeed >= 0 ? g < 0 : g > o;
+    const g = this.currentTime - u * (this.playbackSpeed >= 0 ? 1 : -1), C = this.playbackSpeed >= 0 ? g < 0 : g > o;
     this.currentTime = Math.max(g, 0), this.state === "finished" && this.holdTime === null && (this.currentTime = o);
-    let w = this.currentTime, P = r;
+    let b = this.currentTime, P = r;
     if (c) {
       const A = Math.min(this.currentTime, o) / a;
-      let R = Math.floor(A), _ = A % 1;
-      !_ && A >= 1 && (_ = 1), _ === 1 && R--, R = Math.min(R, c + 1), !!(R % 2) && (h === "reverse" ? (_ = 1 - _, f && (_ -= f / a)) : h === "mirror" && (P = i)), w = Ge(0, 1, _) * a;
+      let I = Math.floor(A), _ = A % 1;
+      !_ && A >= 1 && (_ = 1), _ === 1 && I--, I = Math.min(I, c + 1), !!(I % 2) && (h === "reverse" ? (_ = 1 - _, f && (_ -= f / a)) : h === "mirror" && (P = i)), b = Ge(0, 1, _) * a;
     }
-    const E = S ? { done: !1, value: d[0] } : P.next(w);
-    s && (E.value = s(E.value));
-    let { done: T } = E;
-    !S && l !== null && (T = this.playbackSpeed >= 0 ? this.currentTime >= o : this.currentTime <= 0);
-    const k = this.holdTime === null && (this.state === "finished" || this.state === "running" && T);
-    return k && p !== Or && (E.value = Ao(d, this.options, x, this.speed)), y && y(E.value), k && this.finish(), E;
+    const k = C ? { done: !1, value: d[0] } : P.next(b);
+    s && (k.value = s(k.value));
+    let { done: T } = k;
+    !C && l !== null && (T = this.playbackSpeed >= 0 ? this.currentTime >= o : this.currentTime <= 0);
+    const E = this.holdTime === null && (this.state === "finished" || this.state === "running" && T);
+    return E && p !== Or && (k.value = Ao(d, this.options, x, this.speed)), y && y(k.value), E && this.finish(), k;
   }
   /**
    * Allows the returned animation to be awaited or promise-chained. Currently
@@ -2325,7 +2325,7 @@ class Mo {
     this.state = "pending", this.isAsync = !1, this.needsMeasurement = !1, this.unresolvedKeyframes = [...t], this.onComplete = n, this.name = r, this.motionValue = o, this.element = s, this.isAsync = i;
   }
   scheduleResolve() {
-    this.state = "scheduled", this.isAsync ? (yt.add(this), Hr || (Hr = !0, J.read(Qa), J.resolveKeyframes(Ja))) : (this.readKeyframes(), this.complete());
+    this.state = "scheduled", this.isAsync ? (yt.add(this), Hr || (Hr = !0, Q.read(Qa), Q.resolveKeyframes(Ja))) : (this.readKeyframes(), this.complete());
   }
   readKeyframes() {
     const { unresolvedKeyframes: t, name: n, element: r, motionValue: o } = this;
@@ -2804,17 +2804,17 @@ const Rh = /\b([a-z-]*)\(.*?\)/gu, Yr = {
 }, Lh = {
   ...Ro,
   // Color props
-  color: oe,
-  backgroundColor: oe,
-  outlineColor: oe,
-  fill: oe,
-  stroke: oe,
+  color: ie,
+  backgroundColor: ie,
+  outlineColor: ie,
+  fill: ie,
+  stroke: ie,
   // Border props
-  borderColor: oe,
-  borderTopColor: oe,
-  borderRightColor: oe,
-  borderBottomColor: oe,
-  borderLeftColor: oe,
+  borderColor: ie,
+  borderTopColor: ie,
+  borderRightColor: ie,
+  borderBottomColor: ie,
+  borderLeftColor: ie,
   filter: Yr,
   WebkitFilter: Yr
 }, ll = (e) => Lh[e];
@@ -2969,7 +2969,7 @@ class zh {
     this.events[t] || (this.events[t] = new vo());
     const r = this.events[t].add(n);
     return t === "change" ? () => {
-      r(), J.read(() => {
+      r(), Q.read(() => {
         this.events.change.getSize() || this.stop();
       });
     } : r;
@@ -3206,7 +3206,7 @@ function pl(e) {
 function Gh(e) {
   return pl(e) && e.tagName === "svg";
 }
-const pe = (e) => !!(e && e.getVelocity), Xh = [...al, oe, ot], Zh = (e) => Xh.find(sl(e)), No = bt({
+const pe = (e) => !!(e && e.getVelocity), Xh = [...al, ie, ot], Zh = (e) => Xh.find(sl(e)), No = bt({
   transformPagePoint: (e) => e,
   isStatic: !1,
   reducedMotion: "never"
@@ -3254,13 +3254,13 @@ class Qh extends Kn.Component {
   }
 }
 function ef({ children: e, isPresent: t, anchorX: n, root: r }) {
-  const o = qe(), s = he(null), i = he({
+  const o = qe(), s = fe(null), i = fe({
     width: 0,
     height: 0,
     top: 0,
     left: 0,
     right: 0
-  }), { nonce: a } = ce(No), l = Jh(s, e?.ref);
+  }), { nonce: a } = ue(No), l = Jh(s, e?.ref);
   return Js(() => {
     const { width: u, height: d, top: c, left: h, right: f } = i.current;
     if (t || !s.current || !u || !d)
@@ -3309,11 +3309,11 @@ function nf() {
   return /* @__PURE__ */ new Map();
 }
 function gl(e = !0) {
-  const t = ce(Qn);
+  const t = ue(Qn);
   if (t === null)
     return [!0, null];
   const { isPresent: n, onExitComplete: r, register: o } = t, s = qe();
-  Ae(() => {
+  Te(() => {
     if (e)
       return o(s);
   }, [e]);
@@ -3328,37 +3328,37 @@ function Gi(e) {
   }), t;
 }
 const pn = ({ children: e, custom: t, initial: n = !0, onExitComplete: r, presenceAffectsLayout: o = !0, mode: s = "sync", propagate: i = !1, anchorX: a = "left", root: l }) => {
-  const [u, d] = gl(i), c = _e(() => Gi(e), [e]), h = i && !u ? [] : c.map(En), f = he(!0), p = he(c), y = fo(() => /* @__PURE__ */ new Map()), [x, g] = Te(c), [S, w] = Te(c);
+  const [u, d] = gl(i), c = _e(() => Gi(e), [e]), h = i && !u ? [] : c.map(En), f = fe(!0), p = fe(c), y = fo(() => /* @__PURE__ */ new Map()), [x, g] = ke(c), [C, b] = ke(c);
   ka(() => {
     f.current = !1, p.current = c;
-    for (let T = 0; T < S.length; T++) {
-      const k = En(S[T]);
-      h.includes(k) ? y.delete(k) : y.get(k) !== !0 && y.set(k, !1);
+    for (let T = 0; T < C.length; T++) {
+      const E = En(C[T]);
+      h.includes(E) ? y.delete(E) : y.get(E) !== !0 && y.set(E, !1);
     }
-  }, [S, h.length, h.join("-")]);
+  }, [C, h.length, h.join("-")]);
   const P = [];
   if (c !== x) {
     let T = [...c];
-    for (let k = 0; k < S.length; k++) {
-      const A = S[k], R = En(A);
-      h.includes(R) || (T.splice(k, 0, A), P.push(A));
-    }
-    return s === "wait" && P.length && (T = P), w(Gi(T)), g(c), null;
-  }
-  process.env.NODE_ENV !== "production" && s === "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: E } = ce(ho);
-  return m(oo, { children: S.map((T) => {
-    const k = En(T), A = i && !u ? !1 : c === S || h.includes(k), R = () => {
-      if (y.has(k))
-        y.set(k, !0);
+    for (let E = 0; E < C.length; E++) {
+      const A = C[E], I = En(A);
+      h.includes(I) || (T.splice(E, 0, A), P.push(A));
+    }
+    return s === "wait" && P.length && (T = P), b(Gi(T)), g(c), null;
+  }
+  process.env.NODE_ENV !== "production" && s === "wait" && C.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: k } = ue(ho);
+  return m(oo, { children: C.map((T) => {
+    const E = En(T), A = i && !u ? !1 : c === C || h.includes(E), I = () => {
+      if (y.has(E))
+        y.set(E, !0);
       else
         return;
       let _ = !0;
       y.forEach(($) => {
         $ || (_ = !1);
-      }), _ && (E?.(), w(p.current), i && d?.(), r && r());
+      }), _ && (k?.(), b(p.current), i && d?.(), r && r());
     };
-    return m(tf, { isPresent: A, initial: !f.current || n ? void 0 : !1, custom: t, presenceAffectsLayout: o, mode: s, root: l, onExitComplete: A ? void 0 : R, anchorX: a, children: T }, k);
+    return m(tf, { isPresent: A, initial: !f.current || n ? void 0 : !1, custom: t, presenceAffectsLayout: o, mode: s, root: l, onExitComplete: A ? void 0 : I, anchorX: a, children: T }, E);
   }) });
 }, yl = bt({ strict: !1 }), Xi = {
   animation: [
@@ -3474,7 +3474,7 @@ function lf(e, t) {
   return e.inherit !== !1 ? t : {};
 }
 function cf(e) {
-  const { initial: t, animate: n } = lf(e, ce(er));
+  const { initial: t, animate: n } = lf(e, ue(er));
   return _e(() => ({ initial: t, animate: n }), [Zi(t), Zi(n)]);
 }
 function Zi(e) {
@@ -3704,23 +3704,23 @@ function Tf(e, t, n, r) {
       const p = _o(e, h[f]);
       if (p) {
         const { transitionEnd: y, transition: x, ...g } = p;
-        for (const S in g) {
-          let w = g[S];
-          if (Array.isArray(w)) {
-            const P = d ? w.length - 1 : 0;
-            w = w[P];
+        for (const C in g) {
+          let b = g[C];
+          if (Array.isArray(b)) {
+            const P = d ? b.length - 1 : 0;
+            b = b[P];
           }
-          w !== null && (o[S] = w);
+          b !== null && (o[C] = b);
         }
-        for (const S in y)
-          o[S] = y[S];
+        for (const C in y)
+          o[C] = y[C];
       }
     }
   }
   return o;
 }
 const kl = (e) => (t, n) => {
-  const r = ce(er), o = ce(Qn), s = () => Cf(e, t, r, o);
+  const r = ue(er), o = ue(Qn), s = () => Cf(e, t, r, o);
   return n ? s() : fo(s);
 };
 function Ho(e, t, n) {
@@ -3763,7 +3763,7 @@ function Af(e, t, n) {
 }
 const Uo = (e) => e.replace(/([a-z])([A-Z])/gu, "$1-$2").toLowerCase(), $f = "framerAppearId", Pl = "data-" + Uo($f), Al = bt({});
 function Df(e, t, n, r, o) {
-  const { visualElement: s } = ce(er), i = ce(yl), a = ce(Qn), l = ce(No).reducedMotion, u = he(null);
+  const { visualElement: s } = ue(er), i = ue(yl), a = ue(Qn), l = ue(No).reducedMotion, u = fe(null);
   r = r || i.renderer, !u.current && r && (u.current = r(e, {
     visualState: t,
     parent: s,
@@ -3772,16 +3772,16 @@ function Df(e, t, n, r, o) {
     blockInitialAnimation: a ? a.initial === !1 : !1,
     reducedMotionConfig: l
   }));
-  const d = u.current, c = ce(Al);
+  const d = u.current, c = ue(Al);
   d && !d.projection && o && (d.type === "html" || d.type === "svg") && Mf(u.current, n, o, c);
-  const h = he(!1);
+  const h = fe(!1);
   Js(() => {
     d && h.current && d.update(n, a);
   });
-  const f = n[Pl], p = he(!!f && !window.MotionHandoffIsComplete?.(f) && window.MotionHasOptimisedAnimation?.(f));
+  const f = n[Pl], p = fe(!!f && !window.MotionHandoffIsComplete?.(f) && window.MotionHasOptimisedAnimation?.(f));
   return ka(() => {
     d && (h.current = !0, window.MotionIsMounted = !0, d.updateFeatures(), d.scheduleRenderMicrotask(), p.current && d.animationState && d.animationState.animateChanges());
-  }), Ae(() => {
+  }), Te(() => {
     d && (!p.current && d.animationState && d.animationState.animateChanges(), p.current && (queueMicrotask(() => {
       window.MotionHandoffMarkAsComplete?.(f);
     }), p.current = !1), d.enteringChildren = void 0);
@@ -3818,7 +3818,7 @@ function yr(e, { forwardMotionProps: t = !1 } = {}, n, r) {
   function s(a, l) {
     let u;
     const d = {
-      ...ce(No),
+      ...ue(No),
       ...a,
       layoutId: Vf(a)
     }, { isStatic: c } = d, h = cf(a), f = o(a, c);
@@ -3834,11 +3834,11 @@ function yr(e, { forwardMotionProps: t = !1 } = {}, n, r) {
   return i[Pf] = e, i;
 }
 function Vf({ layoutId: e }) {
-  const t = ce(ho).id;
+  const t = ue(ho).id;
   return t && e !== void 0 ? t + "-" + e : e;
 }
 function Rf(e, t) {
-  const n = ce(yl).strict;
+  const n = ue(yl).strict;
   if (process.env.NODE_ENV !== "production" && t && n) {
     const r = "You have rendered a `motion` component within a `LazyMotion` component. This will break tree shaking. Import and render a `m` component instead.";
     e.ignoreStrict ? Ht(!1, r, "lazy-strict-mode") : Xe(!1, r, "lazy-strict-mode");
@@ -3936,7 +3936,7 @@ function At(e, t) {
   e.min = e.min + t, e.max = e.max + t;
 }
 function ns(e, t, n, r, o = 0.5) {
-  const s = ee(e.min, e.max, o);
+  const s = te(e.min, e.max, o);
   Xr(e, t, n, s, r);
 }
 function $t(e, t) {
@@ -3957,7 +3957,7 @@ const rs = () => ({
 }), Dt = () => ({
   x: rs(),
   y: rs()
-}), os = () => ({ min: 0, max: 0 }), te = () => ({
+}), os = () => ({ min: 0, max: 0 }), ne = () => ({
   x: os(),
   y: os()
 }), Zr = { current: null }, Il = { current: !1 };
@@ -4015,7 +4015,7 @@ class Hf {
       this.current && (this.triggerBuild(), this.renderInstance(this.current, this.renderState, this.props.style, this.projection));
     }, this.renderScheduledAt = 0, this.scheduleRender = () => {
       const h = we.now();
-      this.renderScheduledAt < h && (this.renderScheduledAt = h, J.render(this.render, !1, !0));
+      this.renderScheduledAt < h && (this.renderScheduledAt = h, Q.render(this.render, !1, !0));
     };
     const { latestValues: l, renderState: u } = i;
     this.latestValues = l, this.baseTarget = { ...l }, this.initialValues = n.initial ? { ...l } : {}, this.renderState = u, this.parent = t, this.props = n, this.presenceContext = r, this.depth = t ? t.depth + 1 : 0, this.reducedMotionConfig = o, this.options = a, this.blockInitialAnimation = !!s, this.isControllingVariants = nr(n), this.isVariantNode = bl(n), this.isVariantNode && (this.variantChildren = /* @__PURE__ */ new Set()), this.manuallyAnimateOnMount = !!(t && t.current);
@@ -4049,7 +4049,7 @@ class Hf {
     const r = Kt.has(t);
     r && this.onBindTransform && this.onBindTransform();
     const o = n.on("change", (i) => {
-      this.latestValues[t] = i, this.props.onUpdate && J.preRender(this.notifyUpdate), r && this.projection && (this.projection.isTransformDirty = !0), this.scheduleRender();
+      this.latestValues[t] = i, this.props.onUpdate && Q.preRender(this.notifyUpdate), r && this.projection && (this.projection.isTransformDirty = !0), this.scheduleRender();
     });
     let s;
     window.MotionCheckAppearSync && (s = window.MotionCheckAppearSync(this, t, n)), this.valueSubscriptions.set(t, () => {
@@ -4081,7 +4081,7 @@ class Hf {
    * removed with a re-render to work.
    */
   measureViewportBox() {
-    return this.current ? this.measureInstanceViewportBox(this.current, this.props) : te();
+    return this.current ? this.measureInstanceViewportBox(this.current, this.props) : ne();
   }
   getStaticValue(t) {
     return this.latestValues[t];
@@ -4288,7 +4288,7 @@ function Kf(e, t, n, r) {
 }
 class Yf extends Ll {
   constructor() {
-    super(...arguments), this.type = "svg", this.isSVGTag = !1, this.measureInstanceViewportBox = te;
+    super(...arguments), this.type = "svg", this.isSVGTag = !1, this.measureInstanceViewportBox = ne;
   }
   getBaseTargetFromProps(t, n) {
     return t[n];
@@ -4402,7 +4402,7 @@ const Wo = (e, t, n, r = {}, o, s) => (i) => {
   if ((d.type === !1 || d.duration === 0 && !d.repeatDelay) && (Kr(d), d.delay === 0 && (c = !0)), (Ze.instantAnimations || Ze.skipAnimations) && (c = !0, Kr(d), d.delay = 0), d.allowFlatten = !a.type && !a.ease, c && !s && t.get() !== void 0) {
     const h = em(d.keyframes, a);
     if (h !== void 0) {
-      J.update(() => {
+      Q.update(() => {
         d.onUpdate(h), d.onComplete();
       });
       return;
@@ -4432,8 +4432,8 @@ function Fl(e, t, { delay: n = 0, transitionOverride: r, type: o } = {}) {
     if (window.MotionHandoffAnimation) {
       const g = Ol(e);
       if (g) {
-        const S = window.MotionHandoffAnimation(g, d, J);
-        S !== null && (f.startTime = S, y = !0);
+        const C = window.MotionHandoffAnimation(g, d, Q);
+        C !== null && (f.startTime = C, y = !0);
       }
     }
     Jr(e, d), c.start(Wo(d, c, h, e.shouldReduceMotion && il.has(d) ? { type: !1 } : f, e, y));
@@ -4441,7 +4441,7 @@ function Fl(e, t, { delay: n = 0, transitionOverride: r, type: o } = {}) {
     x && l.push(x);
   }
   return i && Promise.all(l).then(() => {
-    J.update(() => {
+    Q.update(() => {
       i && qf(e, i);
     });
   }), l;
@@ -4536,50 +4536,50 @@ function mm(e) {
     const { props: u } = e, d = _l(e.parent) || {}, c = [], h = /* @__PURE__ */ new Set();
     let f = {}, p = 1 / 0;
     for (let x = 0; x < hm; x++) {
-      const g = dm[x], S = n[g], w = u[g] !== void 0 ? u[g] : d[g], P = cn(w), E = g === l ? S.isActive : null;
-      E === !1 && (p = x);
-      let T = w === d[g] && w !== u[g] && P;
-      if (T && r && e.manuallyAnimateOnMount && (T = !1), S.protectedKeys = { ...f }, // If it isn't active and hasn't *just* been set as inactive
-      !S.isActive && E === 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
-      tr(w) || typeof w == "boolean")
+      const g = dm[x], C = n[g], b = u[g] !== void 0 ? u[g] : d[g], P = cn(b), k = g === l ? C.isActive : null;
+      k === !1 && (p = x);
+      let T = b === d[g] && b !== u[g] && P;
+      if (T && r && e.manuallyAnimateOnMount && (T = !1), C.protectedKeys = { ...f }, // If it isn't active and hasn't *just* been set as inactive
+      !C.isActive && k === null || // If we didn't and don't have any defined prop for this animation type
+      !b && !C.prevProp || // Or if the prop doesn't define an animation
+      tr(b) || typeof b == "boolean")
         continue;
-      const k = pm(S.prevProp, w);
-      let A = k || // If we're making this variant active, we want to always make it active
-      g === l && S.isActive && !T && P || // If we removed a higher-priority variant (i is in reverse order)
-      x > p && P, R = !1;
-      const _ = Array.isArray(w) ? w : [w];
+      const E = pm(C.prevProp, b);
+      let A = E || // If we're making this variant active, we want to always make it active
+      g === l && C.isActive && !T && P || // If we removed a higher-priority variant (i is in reverse order)
+      x > p && P, I = !1;
+      const _ = Array.isArray(b) ? b : [b];
       let $ = _.reduce(o(g), {});
-      E === !1 && ($ = {});
-      const { prevResolvedValues: U = {} } = S, V = {
-        ...U,
+      k === !1 && ($ = {});
+      const { prevResolvedValues: H = {} } = C, U = {
+        ...H,
         ...$
-      }, fe = (I) => {
-        A = !0, h.has(I) && (R = !0, h.delete(I)), S.needsAnimating[I] = !0;
-        const H = e.getValue(I);
-        H && (H.liveStyle = !1);
+      }, G = (R) => {
+        A = !0, h.has(R) && (I = !0, h.delete(R)), C.needsAnimating[R] = !0;
+        const z = e.getValue(R);
+        z && (z.liveStyle = !1);
       };
-      for (const I in V) {
-        const H = $[I], B = U[I];
-        if (f.hasOwnProperty(I))
+      for (const R in U) {
+        const z = $[R], N = H[R];
+        if (f.hasOwnProperty(R))
           continue;
-        let z = !1;
-        qr(H) && qr(B) ? z = !zl(H, B) : z = H !== B, z ? H != null ? fe(I) : h.add(I) : H !== void 0 && h.has(I) ? fe(I) : S.protectedKeys[I] = !0;
+        let j = !1;
+        qr(z) && qr(N) ? j = !zl(z, N) : j = z !== N, j ? z != null ? G(R) : h.add(R) : z !== void 0 && h.has(R) ? G(R) : C.protectedKeys[R] = !0;
       }
-      S.prevProp = w, S.prevResolvedValues = $, S.isActive && (f = { ...f, ...$ }), r && e.blockInitialAnimation && (A = !1);
-      const G = T && k;
-      A && (!G || R) && c.push(..._.map((I) => {
-        const H = { type: g };
-        if (typeof I == "string" && r && !G && e.manuallyAnimateOnMount && e.parent) {
-          const { parent: B } = e, z = Mt(B, I);
-          if (B.enteringChildren && z) {
-            const { delayChildren: ne } = z.transition || {};
-            H.delay = jl(B.enteringChildren, e, ne);
+      C.prevProp = b, C.prevResolvedValues = $, C.isActive && (f = { ...f, ...$ }), r && e.blockInitialAnimation && (A = !1);
+      const J = T && E;
+      A && (!J || I) && c.push(..._.map((R) => {
+        const z = { type: g };
+        if (typeof R == "string" && r && !J && e.manuallyAnimateOnMount && e.parent) {
+          const { parent: N } = e, j = Mt(N, R);
+          if (N.enteringChildren && j) {
+            const { delayChildren: re } = j.transition || {};
+            z.delay = jl(N.enteringChildren, e, re);
           }
         }
         return {
-          animation: I,
-          options: H
+          animation: R,
+          options: z
         };
       }));
     }
@@ -4590,8 +4590,8 @@ function mm(e) {
         g && g.transition && (x.transition = g.transition);
       }
       h.forEach((g) => {
-        const S = e.getBaseTarget(g), w = e.getValue(g);
-        w && (w.liveStyle = !0), x[g] = S ?? null;
+        const C = e.getBaseTarget(g), b = e.getValue(g);
+        b && (b.liveStyle = !0), x[g] = C ?? null;
       }), c.push({ animation: x });
     }
     let y = !!c.length;
@@ -4726,7 +4726,7 @@ function km(e, t, n) {
   return Math.abs(e - t) <= n;
 }
 function as(e, t, n, r = 0.5) {
-  e.origin = r, e.originPoint = ee(t.min, t.max, e.origin), e.scale = ye(n) / ye(t), e.translate = ee(n.min, n.max, e.origin) - e.originPoint, (e.scale >= wm && e.scale <= Sm || isNaN(e.scale)) && (e.scale = 1), (e.translate >= Cm && e.translate <= Tm || isNaN(e.translate)) && (e.translate = 0);
+  e.origin = r, e.originPoint = te(t.min, t.max, e.origin), e.scale = ye(n) / ye(t), e.translate = te(n.min, n.max, e.origin) - e.originPoint, (e.scale >= wm && e.scale <= Sm || isNaN(e.scale)) && (e.scale = 1), (e.translate >= Cm && e.translate <= Tm || isNaN(e.translate)) && (e.translate = 0);
 }
 function nn(e, t, n, r) {
   as(e.x, t.x, n.x, r ? r.originX : void 0), as(e.y, t.y, n.y, r ? r.originY : void 0);
@@ -4743,7 +4743,7 @@ function cs(e, t, n) {
 function rn(e, t, n) {
   cs(e.x, t.x, n.x), cs(e.y, t.y, n.y);
 }
-function Pe(e) {
+function Ae(e) {
   return [e("x"), e("y")];
 }
 const Wl = ({ current: e }) => e ? e.ownerDocument.defaultView : null, us = (e, t) => Math.abs(e - t);
@@ -4759,12 +4759,12 @@ class Kl {
       const h = xr(this.lastMoveEventInfo, this.history), f = this.startEvent !== null, p = Pm(h.offset, { x: 0, y: 0 }) >= this.distanceThreshold;
       if (!f && !p)
         return;
-      const { point: y } = h, { timestamp: x } = de;
+      const { point: y } = h, { timestamp: x } = he;
       this.history.push({ ...y, timestamp: x });
-      const { onStart: g, onMove: S } = this.handlers;
-      f || (g && g(this.lastMoveEvent, h), this.startEvent = this.lastMoveEvent), S && S(this.lastMoveEvent, h);
+      const { onStart: g, onMove: C } = this.handlers;
+      f || (g && g(this.lastMoveEvent, h), this.startEvent = this.lastMoveEvent), C && C(this.lastMoveEvent, h);
     }, this.handlePointerMove = (h, f) => {
-      this.lastMoveEvent = h, this.lastMoveEventInfo = br(f, this.transformPagePoint), J.update(this.updatePoint, !0);
+      this.lastMoveEvent = h, this.lastMoveEventInfo = br(f, this.transformPagePoint), Q.update(this.updatePoint, !0);
     }, this.handlePointerUp = (h, f) => {
       this.end();
       const { onEnd: p, onSessionEnd: y, resumeAnimation: x } = this.handlers;
@@ -4775,7 +4775,7 @@ class Kl {
     }, !Lo(t))
       return;
     this.dragSnapToOrigin = s, this.handlers = n, this.transformPagePoint = r, this.distanceThreshold = i, this.contextWindow = o || window;
-    const a = gn(t), l = br(a, this.transformPagePoint), { point: u } = l, { timestamp: d } = de;
+    const a = gn(t), l = br(a, this.transformPagePoint), { point: u } = l, { timestamp: d } = he;
     this.history = [{ ...u, timestamp: d }];
     const { onSessionStart: c } = n;
     c && c(t, xr(l, this.history)), this.removeListeners = hn(tn(this.contextWindow, "pointermove", this.handlePointerMove), tn(this.contextWindow, "pointerup", this.handlePointerUp), tn(this.contextWindow, "pointercancel", this.handlePointerUp));
@@ -4826,7 +4826,7 @@ function $m(e, t) {
   return i.x === 1 / 0 && (i.x = 0), i.y === 1 / 0 && (i.y = 0), i;
 }
 function Dm(e, { min: t, max: n }, r) {
-  return t !== void 0 && e < t ? e = r ? ee(t, e, r.min) : Math.max(e, t) : n !== void 0 && e > n && (e = r ? ee(n, e, r.max) : Math.min(e, n)), e;
+  return t !== void 0 && e < t ? e = r ? te(t, e, r.min) : Math.max(e, t) : n !== void 0 && e > n && (e = r ? te(n, e, r.max) : Math.min(e, n)), e;
 }
 function hs(e, t, n) {
   return {
@@ -4878,7 +4878,7 @@ function ps(e, t) {
 const Nm = /* @__PURE__ */ new WeakMap();
 class Bm {
   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 = te(), 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 = ne(), this.latestPointerEvent = null, this.latestPanInfo = null, this.visualElement = t;
   }
   start(t, { snapToCursor: n = !1, distanceThreshold: r } = {}) {
     const { presenceContext: o } = this.visualElement;
@@ -4891,17 +4891,17 @@ class Bm {
       const { drag: f, dragPropagation: p, onDragStart: y } = this.getProps();
       if (f && !p && (this.openDragLock && this.openDragLock(), this.openDragLock = _h(f), !this.openDragLock))
         return;
-      this.latestPointerEvent = c, this.latestPanInfo = h, this.isDragging = !0, this.currentDirection = null, this.resolveConstraints(), this.visualElement.projection && (this.visualElement.projection.isAnimationBlocked = !0, this.visualElement.projection.target = void 0), Pe((g) => {
-        let S = this.getAxisMotionValue(g).get() || 0;
-        if (ze.test(S)) {
-          const { projection: w } = this.visualElement;
-          if (w && w.layout) {
-            const P = w.layout.layoutBox[g];
-            P && (S = ye(P) * (parseFloat(S) / 100));
+      this.latestPointerEvent = c, this.latestPanInfo = h, this.isDragging = !0, this.currentDirection = null, this.resolveConstraints(), this.visualElement.projection && (this.visualElement.projection.isAnimationBlocked = !0, this.visualElement.projection.target = void 0), Ae((g) => {
+        let C = this.getAxisMotionValue(g).get() || 0;
+        if (ze.test(C)) {
+          const { projection: b } = this.visualElement;
+          if (b && b.layout) {
+            const P = b.layout.layoutBox[g];
+            P && (C = ye(P) * (parseFloat(C) / 100));
           }
         }
-        this.originPoint[g] = S;
-      }), y && J.postRender(() => y(c, h)), Jr(this.visualElement, "transform");
+        this.originPoint[g] = C;
+      }), y && Q.postRender(() => y(c, h)), Jr(this.visualElement, "transform");
       const { animationState: x } = this.visualElement;
       x && x.setActive("whileDrag", !0);
     }, a = (c, h) => {
@@ -4917,7 +4917,7 @@ class Bm {
       this.updateAxis("x", h.point, g), this.updateAxis("y", h.point, g), this.visualElement.render(), x && x(c, h);
     }, l = (c, h) => {
       this.latestPointerEvent = c, this.latestPanInfo = h, this.stop(c, h), this.latestPointerEvent = null, this.latestPanInfo = null;
-    }, u = () => Pe((c) => this.getAnimationState(c) === "paused" && this.getAxisMotionValue(c).animation?.play()), { dragSnapToOrigin: d } = this.getProps();
+    }, u = () => Ae((c) => this.getAnimationState(c) === "paused" && this.getAxisMotionValue(c).animation?.play()), { dragSnapToOrigin: d } = this.getProps();
     this.panSession = new Kl(t, {
       onSessionStart: s,
       onStart: i,
@@ -4941,7 +4941,7 @@ class Bm {
     const { velocity: i } = o;
     this.startAnimation(i);
     const { onDragEnd: a } = this.getProps();
-    a && J.postRender(() => a(r, o));
+    a && Q.postRender(() => a(r, o));
   }
   /**
    * @internal
@@ -4963,7 +4963,7 @@ class Bm {
   }
   resolveConstraints() {
     const { dragConstraints: t, dragElastic: n } = this.getProps(), r = this.visualElement.projection && !this.visualElement.projection.layout ? this.visualElement.projection.measure(!1) : this.visualElement.projection?.layout, o = this.constraints;
-    t && Pt(t) ? this.constraints || (this.constraints = this.resolveRefConstraints()) : t && r ? this.constraints = Mm(r.layoutBox, t) : this.constraints = !1, this.elastic = Lm(n), o !== this.constraints && r && this.constraints && !this.hasMutatedConstraints && Pe((s) => {
+    t && Pt(t) ? this.constraints || (this.constraints = this.resolveRefConstraints()) : t && r ? this.constraints = Mm(r.layoutBox, t) : this.constraints = !1, this.elastic = Lm(n), o !== this.constraints && r && this.constraints && !this.hasMutatedConstraints && Ae((s) => {
       this.constraints !== !1 && this.getAxisMotionValue(s) && (this.constraints[s] = Im(r.layoutBox[s], this.constraints[s]));
     });
   }
@@ -4985,7 +4985,7 @@ class Bm {
     return i;
   }
   startAnimation(t) {
-    const { drag: n, dragMomentum: r, dragElastic: o, dragTransition: s, dragSnapToOrigin: i, onDragTransitionEnd: a } = this.getProps(), l = this.constraints || {}, u = Pe((d) => {
+    const { drag: n, dragMomentum: r, dragElastic: o, dragTransition: s, dragSnapToOrigin: i, onDragTransitionEnd: a } = this.getProps(), l = this.constraints || {}, u = Ae((d) => {
       if (!Pn(d, n, this.currentDirection))
         return;
       let c = l && l[d] || {};
@@ -5010,10 +5010,10 @@ class Bm {
     return Jr(this.visualElement, t), r.start(Wo(t, r, 0, n, this.visualElement, !1));
   }
   stopAnimation() {
-    Pe((t) => this.getAxisMotionValue(t).stop());
+    Ae((t) => this.getAxisMotionValue(t).stop());
   }
   pauseAnimation() {
-    Pe((t) => this.getAxisMotionValue(t).animation?.pause());
+    Ae((t) => this.getAxisMotionValue(t).animation?.pause());
   }
   getAnimationState(t) {
     return this.getAxisMotionValue(t).animation?.state;
@@ -5029,14 +5029,14 @@ class Bm {
     return o || this.visualElement.getValue(t, (r.initial ? r.initial[t] : void 0) || 0);
   }
   snapToCursor(t) {
-    Pe((n) => {
+    Ae((n) => {
       const { drag: r } = this.getProps();
       if (!Pn(n, r, this.currentDirection))
         return;
       const { projection: o } = this.visualElement, s = this.getAxisMotionValue(n);
       if (o && o.layout) {
         const { min: i, max: a } = o.layout.layoutBox[n];
-        s.set(t[n] - ee(i, a, 0.5));
+        s.set(t[n] - te(i, a, 0.5));
       }
     });
   }
@@ -5053,7 +5053,7 @@ class Bm {
       return;
     this.stopAnimation();
     const o = { x: 0, y: 0 };
-    Pe((i) => {
+    Ae((i) => {
       const a = this.getAxisMotionValue(i);
       if (a && this.constraints !== !1) {
         const l = a.get();
@@ -5061,11 +5061,11 @@ class Bm {
       }
     });
     const { transformTemplate: s } = this.visualElement.getProps();
-    this.visualElement.current.style.transform = s ? s({}, "") : "none", r.root && r.root.updateScroll(), r.updateLayout(), this.resolveConstraints(), Pe((i) => {
+    this.visualElement.current.style.transform = s ? s({}, "") : "none", r.root && r.root.updateScroll(), r.updateLayout(), this.resolveConstraints(), Ae((i) => {
       if (!Pn(i, t, null))
         return;
       const a = this.getAxisMotionValue(i), { min: l, max: u } = this.constraints[i];
-      a.set(ee(l, u, o[i]));
+      a.set(te(l, u, o[i]));
     });
   }
   addListeners() {
@@ -5079,9 +5079,9 @@ class Bm {
       const { dragConstraints: l } = this.getProps();
       Pt(l) && l.current && (this.constraints = this.resolveRefConstraints());
     }, { projection: o } = this.visualElement, s = o.addEventListener("measure", r);
-    o && !o.layout && (o.root && o.root.updateScroll(), o.updateLayout()), J.read(r);
+    o && !o.layout && (o.root && o.root.updateScroll(), o.updateLayout()), Q.read(r);
     const i = dn(window, "resize", () => this.scalePositionWithinConstraints()), a = o.addEventListener("didUpdate", (({ delta: l, hasLayoutChanged: u }) => {
-      this.isDragging && u && (Pe((d) => {
+      this.isDragging && u && (Ae((d) => {
         const c = this.getAxisMotionValue(d);
         c && (this.originPoint[d] += l[d].translate, c.set(c.get() + l[d].translate));
       }), this.visualElement.render());
@@ -5123,7 +5123,7 @@ class Fm extends it {
   }
 }
 const gs = (e) => (t, n) => {
-  e && J.postRender(() => e(t, n));
+  e && Q.postRender(() => e(t, n));
 };
 class jm extends it {
   constructor() {
@@ -5142,7 +5142,7 @@ class jm extends it {
       onStart: gs(n),
       onMove: r,
       onEnd: (s, i) => {
-        delete this.session, o && J.postRender(() => o(s, i));
+        delete this.session, o && Q.postRender(() => o(s, i));
       }
     };
   }
@@ -5190,7 +5190,7 @@ const Zt = {
       return r;
     const s = ot.createTransformer(e), i = typeof o[0] != "number" ? 1 : 0, a = n.x.scale * t.x, l = n.y.scale * t.y;
     o[0 + i] /= a, o[1 + i] /= l;
-    const u = ee(a, l, 0.5);
+    const u = te(a, l, 0.5);
     return typeof o[2 + i] == "number" && (o[2 + i] /= u), typeof o[3 + i] == "number" && (o[3 + i] /= u), s(o);
   }
 };
@@ -5212,7 +5212,7 @@ class _m extends Hc {
   }
   getSnapshotBeforeUpdate(t) {
     const { layoutDependency: n, visualElement: r, drag: o, isPresent: s } = this.props, { projection: i } = r;
-    return i && (i.isPresent = s, wr = !0, o || t.layoutDependency !== n || n === void 0 || t.isPresent !== s ? i.willUpdate() : this.safeToRemove(), t.isPresent !== s && (s ? i.promote() : i.relegate() || J.postRender(() => {
+    return i && (i.isPresent = s, wr = !0, o || t.layoutDependency !== n || n === void 0 || t.isPresent !== s ? i.willUpdate() : this.safeToRemove(), t.isPresent !== s && (s ? i.promote() : i.relegate() || Q.postRender(() => {
       const a = i.getStack();
       (!a || !a.members.length) && this.safeToRemove();
     }))), null;
@@ -5236,8 +5236,8 @@ class _m extends Hc {
   }
 }
 function Gl(e) {
-  const [t, n] = gl(), r = ce(ho);
-  return m(_m, { ...e, layoutGroup: r, switchLayoutGroup: ce(Al), isPresent: t, safeToRemove: n });
+  const [t, n] = gl(), r = ue(ho);
+  return m(_m, { ...e, layoutGroup: r, switchLayoutGroup: ue(Al), isPresent: t, safeToRemove: n });
 }
 const Hm = {
   borderRadius: {
@@ -5279,19 +5279,19 @@ function Ym(e, t) {
     const s = o - n;
     s >= t && (rt(r), e(s - t));
   };
-  return J.setup(r, !0), () => rt(r);
+  return Q.setup(r, !0), () => rt(r);
 }
 const Xl = ["TopLeft", "TopRight", "BottomLeft", "BottomRight"], Gm = Xl.length, vs = (e) => typeof e == "string" ? parseFloat(e) : e, bs = (e) => typeof e == "number" || M.test(e);
 function Xm(e, t, n, r, o, s) {
-  o ? (e.opacity = ee(0, n.opacity ?? 1, Zm(r)), e.opacityExit = ee(t.opacity ?? 1, 0, qm(r))) : s && (e.opacity = ee(t.opacity ?? 1, n.opacity ?? 1, r));
+  o ? (e.opacity = te(0, n.opacity ?? 1, Zm(r)), e.opacityExit = te(t.opacity ?? 1, 0, qm(r))) : s && (e.opacity = te(t.opacity ?? 1, n.opacity ?? 1, r));
   for (let i = 0; i < Gm; i++) {
     const a = `border${Xl[i]}Radius`;
     let l = xs(t, a), u = xs(n, a);
     if (l === void 0 && u === void 0)
       continue;
-    l || (l = 0), u || (u = 0), l === 0 || u === 0 || bs(l) === bs(u) ? (e[a] = Math.max(ee(vs(l), vs(u), r), 0), (ze.test(u) || ze.test(l)) && (e[a] += "%")) : e[a] = u;
+    l || (l = 0), u || (u = 0), l === 0 || u === 0 || bs(l) === bs(u) ? (e[a] = Math.max(te(vs(l), vs(u), r), 0), (ze.test(u) || ze.test(l)) && (e[a] += "%")) : e[a] = u;
   }
-  (t.rotate || n.rotate) && (e.rotate = ee(t.rotate || 0, n.rotate || 0, r));
+  (t.rotate || n.rotate) && (e.rotate = te(t.rotate || 0, n.rotate || 0, r));
 }
 function xs(e, t) {
   return e[t] !== void 0 ? e[t] : e.borderRadius;
@@ -5303,7 +5303,7 @@ function Zl(e, t, n) {
 function ws(e, t) {
   e.min = t.min, e.max = t.max;
 }
-function Ee(e, t) {
+function Pe(e, t) {
   ws(e.x, t.x), ws(e.y, t.y);
 }
 function Ss(e, t) {
@@ -5313,9 +5313,9 @@ function Cs(e, t, n, r, o) {
   return e -= t, e = Wn(e, 1 / n, r), o !== void 0 && (e = Wn(e, 1 / o, r)), e;
 }
 function Jm(e, t = 0, n = 1, r = 0.5, o, s = e, i = e) {
-  if (ze.test(t) && (t = parseFloat(t), t = ee(i.min, i.max, t / 100) - i.min), typeof t != "number")
+  if (ze.test(t) && (t = parseFloat(t), t = te(i.min, i.max, t / 100) - i.min), typeof t != "number")
     return;
-  let a = ee(s.min, s.max, r);
+  let a = te(s.min, s.max, r);
   e === s && (a -= t), e.min = Cs(e.min, t, n, a, o), e.max = Cs(e.max, t, n, a, o);
 }
 function Ts(e, t, [n, r, o], s, i) {
@@ -5428,7 +5428,7 @@ function Ql(e) {
   const n = Ol(t);
   if (window.MotionHasOptimisedAnimation(n, "transform")) {
     const { layout: o, layoutId: s } = e.options;
-    window.MotionCancelOptimisedAnimation(n, "transform", J, !(o || s));
+    window.MotionCancelOptimisedAnimation(n, "transform", Q, !(o || s));
   }
   const { parent: r } = e;
   r && !r.hasCheckedOptimisedAppear && Ql(r);
@@ -5466,7 +5466,7 @@ function ec({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
       if (u && !u.current && u.mount(i), this.root.nodes.add(this), this.parent && this.parent.children.add(this), this.root.hasTreeAnimated && (l || a) && (this.isLayoutDirty = !0), e) {
         let d, c = 0;
         const h = () => this.root.updateBlockedByResize = !1;
-        J.read(() => {
+        Q.read(() => {
           c = window.innerWidth;
         }), e(i, () => {
           const f = window.innerWidth;
@@ -5478,15 +5478,15 @@ function ec({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
           this.target = void 0, this.relativeTarget = void 0;
           return;
         }
-        const p = this.options.transition || u.getDefaultTransition() || vp, { onLayoutAnimationStart: y, onLayoutAnimationComplete: x } = u.getProps(), g = !this.targetLayout || !Jl(this.targetLayout, f), S = !c && h;
-        if (this.options.layoutRoot || this.resumeFrom || S || c && (g || !this.currentAnimation)) {
+        const p = this.options.transition || u.getDefaultTransition() || vp, { onLayoutAnimationStart: y, onLayoutAnimationComplete: x } = u.getProps(), g = !this.targetLayout || !Jl(this.targetLayout, f), C = !c && h;
+        if (this.options.layoutRoot || this.resumeFrom || C || c && (g || !this.currentAnimation)) {
           this.resumeFrom && (this.resumingFrom = this.resumeFrom, this.resumingFrom.resumingFrom = void 0);
-          const w = {
+          const b = {
             ...Vo(p, "layout"),
             onPlay: y,
             onComplete: x
           };
-          (u.shouldReduceMotion || this.options.layoutRoot) && (w.delay = 0, w.type = !1), this.startAnimation(w), this.setAnimationOrigin(d, S);
+          (u.shouldReduceMotion || this.options.layoutRoot) && (b.delay = 0, b.type = !1), this.startAnimation(b), this.setAnimationOrigin(d, C);
         } else
           c || Rs(this), this.isLead() && this.options.onExitComplete && this.options.onExitComplete();
         this.targetLayout = f;
@@ -5547,7 +5547,7 @@ function ec({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
       }
       this.animationCommitId = this.animationId, this.isUpdating ? (this.isUpdating = !1, this.nodes.forEach(dp), this.nodes.forEach(sp), this.nodes.forEach(ap)) : this.nodes.forEach(Vs), this.clearAllSnapshots();
       const a = we.now();
-      de.delta = Ge(0, 1e3 / 60, a - de.timestamp), de.timestamp = a, de.isProcessing = !0, dr.update.process(de), dr.preRender.process(de), dr.render.process(de), de.isProcessing = !1;
+      he.delta = Ge(0, 1e3 / 60, a - he.timestamp), he.timestamp = a, he.isProcessing = !0, dr.update.process(he), dr.preRender.process(he), dr.render.process(he), he.isProcessing = !1;
     }
     didUpdate() {
       this.updateScheduled || (this.updateScheduled = !0, Io.read(this.scheduleUpdate));
@@ -5556,10 +5556,10 @@ function ec({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
       this.nodes.forEach(up), this.sharedNodes.forEach(pp);
     }
     scheduleUpdateProjection() {
-      this.projectionUpdateScheduled || (this.projectionUpdateScheduled = !0, J.preRender(this.updateProjection, !1, !0));
+      this.projectionUpdateScheduled || (this.projectionUpdateScheduled = !0, Q.preRender(this.updateProjection, !1, !0));
     }
     scheduleCheckAfterUnmount() {
-      J.postRender(() => {
+      Q.postRender(() => {
         this.isLayoutDirty ? this.root.didUpdate() : this.root.checkUpdateFailed();
       });
     }
@@ -5576,7 +5576,7 @@ function ec({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
         for (let l = 0; l < this.path.length; l++)
           this.path[l].updateScroll();
       const i = this.layout;
-      this.layout = this.measure(!1), this.layoutCorrected = te(), this.isLayoutDirty = !1, this.projectionDelta = void 0, this.notifyListeners("measure", this.layout.layoutBox);
+      this.layout = this.measure(!1), this.layoutCorrected = ne(), 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, i ? i.layoutBox : void 0);
     }
@@ -5613,7 +5613,7 @@ function ec({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
     measurePageBox() {
       const { visualElement: i } = this.options;
       if (!i)
-        return te();
+        return ne();
       const a = i.measureViewportBox();
       if (!(this.scroll?.wasRoot || this.path.some(xp))) {
         const { scroll: u } = this.root;
@@ -5622,18 +5622,18 @@ function ec({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
       return a;
     }
     removeElementScroll(i) {
-      const a = te();
-      if (Ee(a, i), this.scroll?.wasRoot)
+      const a = ne();
+      if (Pe(a, i), this.scroll?.wasRoot)
         return a;
       for (let l = 0; l < this.path.length; l++) {
         const u = this.path[l], { scroll: d, options: c } = u;
-        u !== this.root && d && c.layoutScroll && (d.wasRoot && Ee(a, i), At(a.x, d.offset.x), At(a.y, d.offset.y));
+        u !== this.root && d && c.layoutScroll && (d.wasRoot && Pe(a, i), At(a.x, d.offset.x), At(a.y, d.offset.y));
       }
       return a;
     }
     applyTransform(i, a = !1) {
-      const l = te();
-      Ee(l, i);
+      const l = ne();
+      Pe(l, i);
       for (let u = 0; u < this.path.length; u++) {
         const d = this.path[u];
         !a && d.options.layoutScroll && d.scroll && d !== d.root && $t(l, {
@@ -5644,15 +5644,15 @@ function ec({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
       return ct(this.latestValues) && $t(l, this.latestValues), l;
     }
     removeTransform(i) {
-      const a = te();
-      Ee(a, i);
+      const a = ne();
+      Pe(a, i);
       for (let l = 0; l < this.path.length; l++) {
         const u = this.path[l];
         if (!u.instance || !ct(u.latestValues))
           continue;
         Gr(u.latestValues) && u.updateSnapshot();
-        const d = te(), c = u.measurePageBox();
-        Ee(d, c), ks(a, u.latestValues, u.snapshot ? u.snapshot.layoutBox : void 0, d);
+        const d = ne(), c = u.measurePageBox();
+        Pe(d, c), ks(a, u.latestValues, u.snapshot ? u.snapshot.layoutBox : void 0, d);
       }
       return ct(this.latestValues) && ks(a, this.latestValues), a;
     }
@@ -5670,7 +5670,7 @@ function ec({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
       this.scroll = void 0, this.layout = void 0, this.snapshot = void 0, this.prevTransformTemplateValue = void 0, this.targetDelta = void 0, this.target = void 0, this.isLayoutDirty = !1;
     }
     forceRelativeParentToResolveTarget() {
-      this.relativeParent && this.relativeParent.resolvedRelativeTargetAt !== de.timestamp && this.relativeParent.resolveTargetDelta(!0);
+      this.relativeParent && this.relativeParent.resolvedRelativeTargetAt !== he.timestamp && this.relativeParent.resolveTargetDelta(!0);
     }
     resolveTargetDelta(i = !1) {
       const a = this.getLead();
@@ -5680,14 +5680,14 @@ function ec({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
         return;
       const { layout: d, layoutId: c } = this.options;
       if (!(!this.layout || !(d || c))) {
-        if (this.resolvedRelativeTargetAt = de.timestamp, !this.targetDelta && !this.relativeTarget) {
+        if (this.resolvedRelativeTargetAt = he.timestamp, !this.targetDelta && !this.relativeTarget) {
           const h = this.getClosestProjectingParent();
-          h && h.layout && this.animationProgress !== 1 ? (this.relativeParent = h, this.forceRelativeParentToResolveTarget(), this.relativeTarget = te(), this.relativeTargetOrigin = te(), rn(this.relativeTargetOrigin, this.layout.layoutBox, h.layout.layoutBox), Ee(this.relativeTarget, this.relativeTargetOrigin)) : this.relativeParent = this.relativeTarget = void 0;
+          h && h.layout && this.animationProgress !== 1 ? (this.relativeParent = h, this.forceRelativeParentToResolveTarget(), this.relativeTarget = ne(), this.relativeTargetOrigin = ne(), rn(this.relativeTargetOrigin, this.layout.layoutBox, h.layout.layoutBox), Pe(this.relativeTarget, this.relativeTargetOrigin)) : this.relativeParent = this.relativeTarget = void 0;
         }
-        if (!(!this.relativeTarget && !this.targetDelta) && (this.target || (this.target = te(), this.targetWithTransforms = te()), this.relativeTarget && this.relativeTargetOrigin && this.relativeParent && this.relativeParent.target ? (this.forceRelativeParentToResolveTarget(), Em(this.target, this.relativeTarget, this.relativeParent.target)) : this.targetDelta ? (this.resumingFrom ? this.target = this.applyTransform(this.layout.layoutBox) : Ee(this.target, this.layout.layoutBox), Vl(this.target, this.targetDelta)) : Ee(this.target, this.layout.layoutBox), this.attemptToResolveRelativeTarget)) {
+        if (!(!this.relativeTarget && !this.targetDelta) && (this.target || (this.target = ne(), this.targetWithTransforms = ne()), this.relativeTarget && this.relativeTargetOrigin && this.relativeParent && this.relativeParent.target ? (this.forceRelativeParentToResolveTarget(), Em(this.target, this.relativeTarget, this.relativeParent.target)) : this.targetDelta ? (this.resumingFrom ? this.target = this.applyTransform(this.layout.layoutBox) : Pe(this.target, this.layout.layoutBox), Vl(this.target, this.targetDelta)) : Pe(this.target, this.layout.layoutBox), this.attemptToResolveRelativeTarget)) {
           this.attemptToResolveRelativeTarget = !1;
           const h = this.getClosestProjectingParent();
-          h && !!h.resumingFrom == !!this.resumingFrom && !h.options.layoutScroll && h.target && this.animationProgress !== 1 ? (this.relativeParent = h, this.forceRelativeParentToResolveTarget(), this.relativeTarget = te(), this.relativeTargetOrigin = te(), rn(this.relativeTargetOrigin, this.target, h.target), Ee(this.relativeTarget, this.relativeTargetOrigin)) : this.relativeParent = this.relativeTarget = void 0;
+          h && !!h.resumingFrom == !!this.resumingFrom && !h.options.layoutScroll && h.target && this.animationProgress !== 1 ? (this.relativeParent = h, this.forceRelativeParentToResolveTarget(), this.relativeTarget = ne(), this.relativeTargetOrigin = ne(), rn(this.relativeTargetOrigin, this.target, h.target), Pe(this.relativeTarget, this.relativeTargetOrigin)) : this.relativeParent = this.relativeTarget = void 0;
         }
       }
     }
@@ -5701,14 +5701,14 @@ function ec({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
     calcProjection() {
       const i = this.getLead(), a = !!this.resumingFrom || this !== i;
       let l = !0;
-      if ((this.isProjectionDirty || this.parent?.isProjectionDirty) && (l = !1), a && (this.isSharedProjectionDirty || this.isTransformDirty) && (l = !1), this.resolvedRelativeTargetAt === de.timestamp && (l = !1), l)
+      if ((this.isProjectionDirty || this.parent?.isProjectionDirty) && (l = !1), a && (this.isSharedProjectionDirty || this.isTransformDirty) && (l = !1), this.resolvedRelativeTargetAt === he.timestamp && (l = !1), l)
         return;
       const { layout: u, layoutId: d } = this.options;
       if (this.isTreeAnimating = !!(this.parent && this.parent.isTreeAnimating || this.currentAnimation || this.pendingAnimation), this.isTreeAnimating || (this.targetDelta = this.relativeTarget = void 0), !this.layout || !(u || d))
         return;
-      Ee(this.layoutCorrected, this.layout.layoutBox);
+      Pe(this.layoutCorrected, this.layout.layoutBox);
       const c = this.treeScale.x, h = this.treeScale.y;
-      Of(this.layoutCorrected, this.treeScale, this.path, a), i.layout && !i.target && (this.treeScale.x !== 1 || this.treeScale.y !== 1) && (i.target = i.layout.layoutBox, i.targetWithTransforms = te());
+      Of(this.layoutCorrected, this.treeScale, this.path, a), i.layout && !i.target && (this.treeScale.x !== 1 || this.treeScale.y !== 1) && (i.target = i.layout.layoutBox, i.targetWithTransforms = ne());
       const { target: f } = i;
       if (!f) {
         this.prevProjectionDelta && (this.createProjectionDeltas(), this.scheduleRender());
@@ -5735,16 +5735,16 @@ function ec({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
     setAnimationOrigin(i, a = !1) {
       const l = this.snapshot, u = l ? l.latestValues : {}, d = { ...this.latestValues }, c = Dt();
       (!this.relativeParent || !this.relativeParent.options.layoutRoot) && (this.relativeTarget = this.relativeTargetOrigin = void 0), this.attemptToResolveRelativeTarget = !a;
-      const h = te(), f = l ? l.source : void 0, p = this.layout ? this.layout.source : void 0, y = f !== p, x = this.getStack(), g = !x || x.members.length <= 1, S = !!(y && !g && this.options.crossfade === !0 && !this.path.some(yp));
+      const h = ne(), f = l ? l.source : void 0, p = this.layout ? this.layout.source : void 0, y = f !== p, x = this.getStack(), g = !x || x.members.length <= 1, C = !!(y && !g && this.options.crossfade === !0 && !this.path.some(yp));
       this.animationProgress = 0;
-      let w;
+      let b;
       this.mixTargetDelta = (P) => {
-        const E = P / 1e3;
-        Is(c.x, i.x, E), Is(c.y, i.y, E), this.setTargetDelta(c), this.relativeTarget && this.relativeTargetOrigin && this.layout && this.relativeParent && this.relativeParent.layout && (rn(h, this.layout.layoutBox, this.relativeParent.layout.layoutBox), gp(this.relativeTarget, this.relativeTargetOrigin, h, E), w && tp(this.relativeTarget, w) && (this.isProjectionDirty = !1), w || (w = te()), Ee(w, this.relativeTarget)), y && (this.animationValues = d, Xm(d, u, this.latestValues, E, S, g)), this.root.scheduleUpdateProjection(), this.scheduleRender(), this.animationProgress = E;
+        const k = P / 1e3;
+        Is(c.x, i.x, k), Is(c.y, i.y, k), this.setTargetDelta(c), this.relativeTarget && this.relativeTargetOrigin && this.layout && this.relativeParent && this.relativeParent.layout && (rn(h, this.layout.layoutBox, this.relativeParent.layout.layoutBox), gp(this.relativeTarget, this.relativeTargetOrigin, h, k), b && tp(this.relativeTarget, b) && (this.isProjectionDirty = !1), b || (b = ne()), Pe(b, this.relativeTarget)), y && (this.animationValues = d, Xm(d, u, this.latestValues, k, C, g)), this.root.scheduleUpdateProjection(), this.scheduleRender(), this.animationProgress = k;
       }, this.mixTargetDelta(this.options.layoutRoot ? 1e3 : 0);
     }
     startAnimation(i) {
-      this.notifyListeners("animationStart"), this.currentAnimation?.stop(), this.resumingFrom?.currentAnimation?.stop(), this.pendingAnimation && (rt(this.pendingAnimation), this.pendingAnimation = void 0), this.pendingAnimation = J.update(() => {
+      this.notifyListeners("animationStart"), this.currentAnimation?.stop(), this.resumingFrom?.currentAnimation?.stop(), this.pendingAnimation && (rt(this.pendingAnimation), this.pendingAnimation = void 0), this.pendingAnimation = Q.update(() => {
         Bn.hasAnimatedSinceResize = !0, this.motionValue || (this.motionValue = Ft(0)), this.currentAnimation = Um(this.motionValue, [0, 1e3], {
           ...i,
           velocity: 0,
@@ -5773,13 +5773,13 @@ function ec({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
       let { targetWithTransforms: a, target: l, layout: u, latestValues: d } = i;
       if (!(!a || !l || !u)) {
         if (this !== i && this.layout && u && tc(this.options.animationType, this.layout.layoutBox, u.layoutBox)) {
-          l = this.target || te();
+          l = this.target || ne();
           const c = ye(this.layout.layoutBox.x);
           l.x.min = i.target.x.min, l.x.max = l.x.min + c;
           const h = ye(this.layout.layoutBox.y);
           l.y.min = i.target.y.min, l.y.max = l.y.min + h;
         }
-        Ee(a, l), $t(a, d), nn(this.projectionDeltaWithTransform, this.layoutCorrected, a, d);
+        Pe(a, l), $t(a, d), nn(this.projectionDeltaWithTransform, this.layoutCorrected, a, d);
       }
     }
     registerSharedNode(i, a) {
@@ -5859,13 +5859,13 @@ function ec({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
       for (const p in un) {
         if (d[p] === void 0)
           continue;
-        const { correct: y, applyTo: x, isCSSVariable: g } = un[p], S = c === "none" ? d[p] : y(d[p], u);
+        const { correct: y, applyTo: x, isCSSVariable: g } = un[p], C = c === "none" ? d[p] : y(d[p], u);
         if (x) {
-          const w = x.length;
-          for (let P = 0; P < w; P++)
-            i[x[P]] = S;
+          const b = x.length;
+          for (let P = 0; P < b; P++)
+            i[x[P]] = C;
         } else
-          g ? this.options.visualElement.renderState.vars[p] = S : i[p] = S;
+          g ? this.options.visualElement.renderState.vars[p] = C : i[p] = C;
       }
       this.options.layoutId && (i.pointerEvents = u === this ? Nn(a?.pointerEvents) || "" : "none");
     }
@@ -5885,10 +5885,10 @@ function ap(e) {
   const t = e.resumeFrom?.snapshot || e.snapshot;
   if (e.isLead() && e.layout && t && e.hasListeners("didUpdate")) {
     const { layoutBox: n, measuredBox: r } = e.layout, { animationType: o } = e.options, s = t.source !== e.layout.source;
-    o === "size" ? Pe((d) => {
+    o === "size" ? Ae((d) => {
       const c = s ? t.measuredBox[d] : t.layoutBox[d], h = ye(c);
       c.min = n[d].min, c.max = c.min + h;
-    }) : tc(o, t.layoutBox, n) && Pe((d) => {
+    }) : tc(o, t.layoutBox, n) && Ae((d) => {
       const c = s ? t.measuredBox[d] : t.layoutBox[d], h = ye(n[d]);
       c.max = c.min + h, e.relativeTarget && !e.currentAnimation && (e.isProjectionDirty = !0, e.relativeTarget[d].max = e.relativeTarget[d].min + h);
     });
@@ -5903,9 +5903,9 @@ function ap(e) {
       if (d && !d.resumeFrom) {
         const { snapshot: c, layout: h } = d;
         if (c && h) {
-          const f = te();
+          const f = ne();
           rn(f, t.layoutBox, c.layoutBox);
-          const p = te();
+          const p = ne();
           rn(p, n, h.layoutBox), Jl(f, p) || (u = !0), d.options.layoutRoot && (e.relativeTarget = p, e.relativeTargetOrigin = f, e.relativeParent = d);
         }
       }
@@ -5959,10 +5959,10 @@ function pp(e) {
   e.removeLeadSnapshot();
 }
 function Is(e, t, n) {
-  e.translate = ee(t.translate, 0, n), e.scale = ee(t.scale, 1, n), e.origin = t.origin, e.originPoint = t.originPoint;
+  e.translate = te(t.translate, 0, n), e.scale = te(t.scale, 1, n), e.origin = t.origin, e.originPoint = t.originPoint;
 }
 function Ls(e, t, n, r) {
-  e.min = ee(t.min, n.min, r), e.max = ee(t.max, n.max, r);
+  e.min = te(t.min, n.min, r), e.max = te(t.max, n.max, r);
 }
 function gp(e, t, n, r) {
   Ls(e.x, t.x, n.x, r), Ls(e.y, t.y, n.y, r);
@@ -6025,7 +6025,7 @@ function Fs(e, t, n) {
   const { props: r } = e;
   e.animationState && r.whileHover && e.animationState.setActive("whileHover", n === "Start");
   const o = "onHover" + n, s = r[o];
-  s && J.postRender(() => s(t, gn(t)));
+  s && Q.postRender(() => s(t, gn(t)));
 }
 class Cp extends it {
   mount() {
@@ -6063,7 +6063,7 @@ function js(e, t, n) {
     return;
   e.animationState && r.whileTap && e.animationState.setActive("whileTap", n === "Start");
   const o = "onTap" + (n === "End" ? "" : n), s = r[o];
-  s && J.postRender(() => s(t, gn(t)));
+  s && Q.postRender(() => s(t, gn(t)));
 }
 class kp extends it {
   mount() {
@@ -6183,25 +6183,25 @@ const Rp = {
   gray: v`
         color: var(--color-main-grey);
     `
-}, Bp = C.div`
+}, Bp = S.div`
     position: relative;
     display: block;
     ${({ $size: e = "md" }) => Np[e]}
     ${({ $color: e = "primary" }) => rc[e]}
     user-select: none;
-`, Op = C.div`
+`, Op = S.div`
     display: flex;
     flex-direction: column;
     align-items: center;
     gap: 0.5rem;
     padding: 2.5px 2.5px 2.5px 0px;
-`, Fp = C.div`
+`, Fp = S.div`
     display: flex;
     align-items: center;
     justify-content: center;
     min-height: 12.5rem;
     width: 100%;
-`, jp = C(Je.p)`
+`, jp = S(Je.p)`
     ${L[16]}
     ${({ $color: e = "primary" }) => rc[e]}
     margin: 0;
@@ -6269,7 +6269,7 @@ const Rp = {
     )
   ] });
   return n ? /* @__PURE__ */ m(Fp, { children: i }) : i;
-}, zp = C.div`
+}, zp = S.div`
     position: fixed;
     inset: 0;
     background-color: rgba(255, 255, 255, 0.8);
@@ -6278,7 +6278,7 @@ const Rp = {
     align-items: center;
     justify-content: center;
     z-index: 50;
-`, _p = C.div`
+`, _p = S.div`
     background-color: var(--color-main-white);
     border-radius: var(--border-radius-card);
     box-shadow: var(--shadow-black-card);
@@ -6289,7 +6289,7 @@ const Rp = {
     gap: 1rem;
     width: 90%;
     max-width: 24rem;
-`, Hp = C.h2`
+`, Hp = S.h2`
     ${Ta[30]}
     color: var(--color-main-blue-primary);
     margin: 0 auto;
@@ -6306,7 +6306,7 @@ const Rp = {
     }
   ),
   /* @__PURE__ */ m(Hp, { children: e })
-] }) }), Up = C.div`
+] }) }), Up = S.div`
     display: flex;
     flex-direction: column;
     align-items: center;
@@ -6406,7 +6406,7 @@ const Rp = {
         min-height: 3.5rem;
         ${L[20]}
     `
-}, Xp = C.button`
+}, Xp = S.button`
     border: none;
     border-radius: var(--border-radius-button);
     transition:
@@ -6494,7 +6494,7 @@ const Rp = {
         color: var(--color-main-grey);
     `,
   outline: v``
-}, Jp = C.span`
+}, Jp = S.span`
     display: inline-flex;
     align-items: center;
     gap: 0.375rem;
@@ -6524,7 +6524,7 @@ const Rp = {
   o && /* @__PURE__ */ m(Y, { color: i, size: a, component: o }),
   e,
   s && /* @__PURE__ */ m(Y, { color: i, size: a, component: s })
-] }), Qp = C.div`
+] }), Qp = S.div`
     background-color: ${({ $color: e }) => e};
     ${({ $orientation: e, $length: t, $thickness: n }) => e === "horizontal" ? `
                 height: ${n || "1px"};
@@ -6550,7 +6550,7 @@ const Rp = {
     role: "separator",
     "aria-orientation": e
   }
-), eg = C.span`
+), eg = S.span`
     ${({ $size: e }) => L[e]}
     color: ${({ $color: e }) => e || "var(--color-main-grey)"};
 `, tg = ({
@@ -6578,58 +6578,58 @@ const rg = (e) => {
     default:
       return null;
   }
-}, og = Array(12).fill(0), ig = ({ visible: e, className: t }) => /* @__PURE__ */ b.createElement("div", {
+}, og = Array(12).fill(0), ig = ({ visible: e, className: t }) => /* @__PURE__ */ w.createElement("div", {
   className: [
     "sonner-loading-wrapper",
     t
   ].filter(Boolean).join(" "),
   "data-visible": e
-}, /* @__PURE__ */ b.createElement("div", {
+}, /* @__PURE__ */ w.createElement("div", {
   className: "sonner-spinner"
-}, og.map((n, r) => /* @__PURE__ */ b.createElement("div", {
+}, og.map((n, r) => /* @__PURE__ */ w.createElement("div", {
   className: "sonner-loading-bar",
   key: `spinner-bar-${r}`
-})))), sg = /* @__PURE__ */ b.createElement("svg", {
+})))), sg = /* @__PURE__ */ w.createElement("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 20 20",
   fill: "currentColor",
   height: "20",
   width: "20"
-}, /* @__PURE__ */ b.createElement("path", {
+}, /* @__PURE__ */ w.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"
-})), ag = /* @__PURE__ */ b.createElement("svg", {
+})), ag = /* @__PURE__ */ w.createElement("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "currentColor",
   height: "20",
   width: "20"
-}, /* @__PURE__ */ b.createElement("path", {
+}, /* @__PURE__ */ w.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"
-})), lg = /* @__PURE__ */ b.createElement("svg", {
+})), lg = /* @__PURE__ */ w.createElement("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 20 20",
   fill: "currentColor",
   height: "20",
   width: "20"
-}, /* @__PURE__ */ b.createElement("path", {
+}, /* @__PURE__ */ w.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"
-})), cg = /* @__PURE__ */ b.createElement("svg", {
+})), cg = /* @__PURE__ */ w.createElement("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 20 20",
   fill: "currentColor",
   height: "20",
   width: "20"
-}, /* @__PURE__ */ b.createElement("path", {
+}, /* @__PURE__ */ w.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"
-})), ug = /* @__PURE__ */ b.createElement("svg", {
+})), ug = /* @__PURE__ */ w.createElement("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   width: "12",
   height: "12",
@@ -6639,19 +6639,19 @@ const rg = (e) => {
   strokeWidth: "1.5",
   strokeLinecap: "round",
   strokeLinejoin: "round"
-}, /* @__PURE__ */ b.createElement("line", {
+}, /* @__PURE__ */ w.createElement("line", {
   x1: "18",
   y1: "6",
   x2: "6",
   y2: "18"
-}), /* @__PURE__ */ b.createElement("line", {
+}), /* @__PURE__ */ w.createElement("line", {
   x1: "6",
   y1: "6",
   x2: "18",
   y2: "18"
 })), dg = () => {
-  const [e, t] = b.useState(document.hidden);
-  return b.useEffect(() => {
+  const [e, t] = w.useState(document.hidden);
+  return w.useEffect(() => {
     const n = () => {
       t(document.hidden);
     };
@@ -6739,7 +6739,7 @@ class hg {
         if (i = [
           "resolve",
           u
-        ], b.isValidElement(u))
+        ], w.isValidElement(u))
           s = !1, this.create({
             id: r,
             type: "default",
@@ -6747,7 +6747,7 @@ class hg {
           });
         else if (mg(u) && !u.ok) {
           s = !1;
-          const c = typeof n.error == "function" ? await n.error(`HTTP error! status: ${u.status}`) : n.error, h = typeof n.description == "function" ? await n.description(`HTTP error! status: ${u.status}`) : n.description, p = typeof c == "object" && !b.isValidElement(c) ? c : {
+          const c = typeof n.error == "function" ? await n.error(`HTTP error! status: ${u.status}`) : n.error, h = typeof n.description == "function" ? await n.description(`HTTP error! status: ${u.status}`) : n.description, p = typeof c == "object" && !w.isValidElement(c) ? c : {
             message: c
           };
           this.create({
@@ -6758,7 +6758,7 @@ class hg {
           });
         } else if (u instanceof Error) {
           s = !1;
-          const c = typeof n.error == "function" ? await n.error(u) : n.error, h = typeof n.description == "function" ? await n.description(u) : n.description, p = typeof c == "object" && !b.isValidElement(c) ? c : {
+          const c = typeof n.error == "function" ? await n.error(u) : n.error, h = typeof n.description == "function" ? await n.description(u) : n.description, p = typeof c == "object" && !w.isValidElement(c) ? c : {
             message: c
           };
           this.create({
@@ -6769,7 +6769,7 @@ class hg {
           });
         } else if (n.success !== void 0) {
           s = !1;
-          const c = typeof n.success == "function" ? await n.success(u) : n.success, h = typeof n.description == "function" ? await n.description(u) : n.description, p = typeof c == "object" && !b.isValidElement(c) ? c : {
+          const c = typeof n.success == "function" ? await n.success(u) : n.success, h = typeof n.description == "function" ? await n.description(u) : n.description, p = typeof c == "object" && !w.isValidElement(c) ? c : {
             message: c
           };
           this.create({
@@ -6785,7 +6785,7 @@ class hg {
           u
         ], n.error !== void 0) {
           s = !1;
-          const d = typeof n.error == "function" ? await n.error(u) : n.error, c = typeof n.description == "function" ? await n.description(u) : n.description, f = typeof d == "object" && !b.isValidElement(d) ? d : {
+          const d = typeof n.error == "function" ? await n.error(u) : n.error, c = typeof n.description == "function" ? await n.description(u) : n.description, f = typeof d == "object" && !w.isValidElement(d) ? d : {
             message: d
           };
           this.create({
@@ -6848,39 +6848,39 @@ function kg(e) {
 }
 const Eg = (e) => {
   var t, n, r, o, s, i, a, l, u;
-  const { invert: d, toast: c, unstyled: h, interacting: f, setHeights: p, visibleToasts: y, heights: x, index: g, toasts: S, expanded: w, removeToast: P, defaultRichColors: E, closeButton: T, style: k, cancelButtonStyle: A, actionButtonStyle: R, className: _ = "", descriptionClassName: $ = "", duration: U, position: V, gap: fe, expandByDefault: G, classNames: N, icons: I, closeButtonAriaLabel: H = "Close toast" } = e, [B, z] = b.useState(null), [ne, re] = b.useState(null), [j, Z] = b.useState(!1), [X, se] = b.useState(!1), [Ve, W] = b.useState(!1), [ve, Qe] = b.useState(!1), [Ue, ge] = b.useState(!1), [Ac, or] = b.useState(0), [$c, qo] = b.useState(0), Xt = b.useRef(c.duration || U || _s), Jo = b.useRef(null), We = b.useRef(null), Dc = g === 0, Mc = g + 1 <= y, Se = c.type, wt = c.dismissible !== !1, Vc = c.className || "", Rc = c.descriptionClassName || "", yn = b.useMemo(() => x.findIndex((O) => O.toastId === c.id) || 0, [
+  const { invert: d, toast: c, unstyled: h, interacting: f, setHeights: p, visibleToasts: y, heights: x, index: g, toasts: C, expanded: b, removeToast: P, defaultRichColors: k, closeButton: T, style: E, cancelButtonStyle: A, actionButtonStyle: I, className: _ = "", descriptionClassName: $ = "", duration: H, position: U, gap: G, expandByDefault: J, classNames: V, icons: R, closeButtonAriaLabel: z = "Close toast" } = e, [N, j] = w.useState(null), [re, oe] = w.useState(null), [F, Z] = w.useState(!1), [X, ae] = w.useState(!1), [Ve, W] = w.useState(!1), [ve, Qe] = w.useState(!1), [Ue, ge] = w.useState(!1), [Ac, or] = w.useState(0), [$c, qo] = w.useState(0), Xt = w.useRef(c.duration || H || _s), Jo = w.useRef(null), We = w.useRef(null), Dc = g === 0, Mc = g + 1 <= y, Se = c.type, wt = c.dismissible !== !1, Vc = c.className || "", Rc = c.descriptionClassName || "", yn = w.useMemo(() => x.findIndex((B) => B.toastId === c.id) || 0, [
     x,
     c.id
-  ]), Ic = b.useMemo(() => {
-    var O;
-    return (O = c.closeButton) != null ? O : T;
+  ]), Ic = w.useMemo(() => {
+    var B;
+    return (B = c.closeButton) != null ? B : T;
   }, [
     c.closeButton,
     T
-  ]), Qo = b.useMemo(() => c.duration || U || _s, [
+  ]), Qo = w.useMemo(() => c.duration || H || _s, [
     c.duration,
-    U
-  ]), ir = b.useRef(0), St = b.useRef(0), ei = b.useRef(0), Ct = b.useRef(null), [Lc, Nc] = V.split("-"), ti = b.useMemo(() => x.reduce((O, ae, me) => me >= yn ? O : O + ae.height, 0), [
+    H
+  ]), ir = w.useRef(0), St = w.useRef(0), ei = w.useRef(0), Ct = w.useRef(null), [Lc, Nc] = U.split("-"), ti = w.useMemo(() => x.reduce((B, le, me) => me >= yn ? B : B + le.height, 0), [
     x,
     yn
   ]), ni = dg(), Bc = c.invert || d, sr = Se === "loading";
-  St.current = b.useMemo(() => yn * fe + ti, [
+  St.current = w.useMemo(() => yn * G + ti, [
     yn,
     ti
-  ]), b.useEffect(() => {
+  ]), w.useEffect(() => {
     Xt.current = Qo;
   }, [
     Qo
-  ]), b.useEffect(() => {
+  ]), w.useEffect(() => {
     Z(!0);
-  }, []), b.useEffect(() => {
-    const O = We.current;
-    if (O) {
-      const ae = O.getBoundingClientRect().height;
-      return qo(ae), p((me) => [
+  }, []), w.useEffect(() => {
+    const B = We.current;
+    if (B) {
+      const le = B.getBoundingClientRect().height;
+      return qo(le), p((me) => [
         {
           toastId: c.id,
-          height: ae,
+          height: le,
           position: c.position
         },
         ...me
@@ -6889,15 +6889,15 @@ const Eg = (e) => {
   }, [
     p,
     c.id
-  ]), b.useLayoutEffect(() => {
-    if (!j) return;
-    const O = We.current, ae = O.style.height;
-    O.style.height = "auto";
-    const me = O.getBoundingClientRect().height;
-    O.style.height = ae, qo(me), p((Ce) => Ce.find((ue) => ue.toastId === c.id) ? Ce.map((ue) => ue.toastId === c.id ? {
-      ...ue,
+  ]), w.useLayoutEffect(() => {
+    if (!F) return;
+    const B = We.current, le = B.style.height;
+    B.style.height = "auto";
+    const me = B.getBoundingClientRect().height;
+    B.style.height = le, qo(me), p((Ce) => Ce.find((de) => de.toastId === c.id) ? Ce.map((de) => de.toastId === c.id ? {
+      ...de,
       height: me
-    } : ue) : [
+    } : de) : [
       {
         toastId: c.id,
         height: me,
@@ -6906,7 +6906,7 @@ const Eg = (e) => {
       ...Ce
     ]);
   }, [
-    j,
+    F,
     c.title,
     c.description,
     p,
@@ -6915,8 +6915,8 @@ const Eg = (e) => {
     c.action,
     c.cancel
   ]);
-  const et = b.useCallback(() => {
-    se(!0), or(St.current), p((O) => O.filter((ae) => ae.toastId !== c.id)), setTimeout(() => {
+  const et = w.useCallback(() => {
+    ae(!0), or(St.current), p((B) => B.filter((le) => le.toastId !== c.id)), setTimeout(() => {
       P(c);
     }, Tg);
   }, [
@@ -6925,57 +6925,57 @@ const Eg = (e) => {
     p,
     St
   ]);
-  b.useEffect(() => {
+  w.useEffect(() => {
     if (c.promise && Se === "loading" || c.duration === 1 / 0 || c.type === "loading") return;
-    let O;
-    return w || f || ni ? (() => {
+    let B;
+    return b || f || ni ? (() => {
       if (ei.current < ir.current) {
         const Ce = (/* @__PURE__ */ new Date()).getTime() - ir.current;
         Xt.current = Xt.current - Ce;
       }
       ei.current = (/* @__PURE__ */ new Date()).getTime();
     })() : (() => {
-      Xt.current !== 1 / 0 && (ir.current = (/* @__PURE__ */ new Date()).getTime(), O = setTimeout(() => {
+      Xt.current !== 1 / 0 && (ir.current = (/* @__PURE__ */ new Date()).getTime(), B = setTimeout(() => {
         c.onAutoClose == null || c.onAutoClose.call(c, c), et();
       }, Xt.current));
-    })(), () => clearTimeout(O);
+    })(), () => clearTimeout(B);
   }, [
-    w,
+    b,
     f,
     c,
     Se,
     ni,
     et
-  ]), b.useEffect(() => {
+  ]), w.useEffect(() => {
     c.delete && (et(), c.onDismiss == null || c.onDismiss.call(c, c));
   }, [
     et,
     c.delete
   ]);
   function Oc() {
-    var O;
-    if (I?.loading) {
-      var ae;
-      return /* @__PURE__ */ b.createElement("div", {
-        className: Oe(N?.loader, c == null || (ae = c.classNames) == null ? void 0 : ae.loader, "sonner-loader"),
+    var B;
+    if (R?.loading) {
+      var le;
+      return /* @__PURE__ */ w.createElement("div", {
+        className: Oe(V?.loader, c == null || (le = c.classNames) == null ? void 0 : le.loader, "sonner-loader"),
         "data-visible": Se === "loading"
-      }, I.loading);
+      }, R.loading);
     }
-    return /* @__PURE__ */ b.createElement(ig, {
-      className: Oe(N?.loader, c == null || (O = c.classNames) == null ? void 0 : O.loader),
+    return /* @__PURE__ */ w.createElement(ig, {
+      className: Oe(V?.loader, c == null || (B = c.classNames) == null ? void 0 : B.loader),
       visible: Se === "loading"
     });
   }
-  const Fc = c.icon || I?.[Se] || rg(Se);
+  const Fc = c.icon || R?.[Se] || rg(Se);
   var ri, oi;
-  return /* @__PURE__ */ b.createElement("li", {
+  return /* @__PURE__ */ w.createElement("li", {
     tabIndex: 0,
     ref: We,
-    className: Oe(_, Vc, N?.toast, c == null || (t = c.classNames) == null ? void 0 : t.toast, N?.default, N?.[Se], c == null || (n = c.classNames) == null ? void 0 : n[Se]),
+    className: Oe(_, Vc, V?.toast, c == null || (t = c.classNames) == null ? void 0 : t.toast, V?.default, V?.[Se], c == null || (n = c.classNames) == null ? void 0 : n[Se]),
     "data-sonner-toast": "",
-    "data-rich-colors": (ri = c.richColors) != null ? ri : E,
+    "data-rich-colors": (ri = c.richColors) != null ? ri : k,
     "data-styled": !(c.jsx || c.unstyled || h),
-    "data-mounted": j,
+    "data-mounted": F,
     "data-promise": !!c.promise,
     "data-swiped": Ue,
     "data-removed": X,
@@ -6989,107 +6989,107 @@ const Eg = (e) => {
     "data-type": Se,
     "data-invert": Bc,
     "data-swipe-out": ve,
-    "data-swipe-direction": ne,
-    "data-expanded": !!(w || G && j),
+    "data-swipe-direction": re,
+    "data-expanded": !!(b || J && F),
     "data-testid": c.testId,
     style: {
       "--index": g,
       "--toasts-before": g,
-      "--z-index": S.length - g,
+      "--z-index": C.length - g,
       "--offset": `${X ? Ac : St.current}px`,
-      "--initial-height": G ? "auto" : `${$c}px`,
-      ...k,
+      "--initial-height": J ? "auto" : `${$c}px`,
+      ...E,
       ...c.style
     },
     onDragEnd: () => {
-      W(!1), z(null), Ct.current = null;
+      W(!1), j(null), Ct.current = null;
     },
-    onPointerDown: (O) => {
-      O.button !== 2 && (sr || !wt || (Jo.current = /* @__PURE__ */ new Date(), or(St.current), O.target.setPointerCapture(O.pointerId), O.target.tagName !== "BUTTON" && (W(!0), Ct.current = {
-        x: O.clientX,
-        y: O.clientY
+    onPointerDown: (B) => {
+      B.button !== 2 && (sr || !wt || (Jo.current = /* @__PURE__ */ new Date(), or(St.current), B.target.setPointerCapture(B.pointerId), B.target.tagName !== "BUTTON" && (W(!0), Ct.current = {
+        x: B.clientX,
+        y: B.clientY
       })));
     },
     onPointerUp: () => {
-      var O, ae, me;
+      var B, le, me;
       if (ve || !wt) return;
       Ct.current = null;
-      const Ce = Number(((O = We.current) == null ? void 0 : O.style.getPropertyValue("--swipe-amount-x").replace("px", "")) || 0), vn = Number(((ae = We.current) == null ? void 0 : ae.style.getPropertyValue("--swipe-amount-y").replace("px", "")) || 0), ue = (/* @__PURE__ */ new Date()).getTime() - ((me = Jo.current) == null ? void 0 : me.getTime()), ke = B === "x" ? Ce : vn, bn = Math.abs(ke) / ue;
-      if (Math.abs(ke) >= Cg || bn > 0.11) {
-        or(St.current), c.onDismiss == null || c.onDismiss.call(c, c), re(B === "x" ? Ce > 0 ? "right" : "left" : vn > 0 ? "down" : "up"), et(), Qe(!0);
+      const Ce = Number(((B = We.current) == null ? void 0 : B.style.getPropertyValue("--swipe-amount-x").replace("px", "")) || 0), vn = Number(((le = We.current) == null ? void 0 : le.style.getPropertyValue("--swipe-amount-y").replace("px", "")) || 0), de = (/* @__PURE__ */ new Date()).getTime() - ((me = Jo.current) == null ? void 0 : me.getTime()), Ee = N === "x" ? Ce : vn, bn = Math.abs(Ee) / de;
+      if (Math.abs(Ee) >= Cg || bn > 0.11) {
+        or(St.current), c.onDismiss == null || c.onDismiss.call(c, c), oe(N === "x" ? Ce > 0 ? "right" : "left" : vn > 0 ? "down" : "up"), et(), Qe(!0);
         return;
       } else {
         var Re, Ie;
         (Re = We.current) == null || Re.style.setProperty("--swipe-amount-x", "0px"), (Ie = We.current) == null || Ie.style.setProperty("--swipe-amount-y", "0px");
       }
-      ge(!1), W(!1), z(null);
+      ge(!1), W(!1), j(null);
     },
-    onPointerMove: (O) => {
-      var ae, me, Ce;
-      if (!Ct.current || !wt || ((ae = window.getSelection()) == null ? void 0 : ae.toString().length) > 0) return;
-      const ue = O.clientY - Ct.current.y, ke = O.clientX - Ct.current.x;
+    onPointerMove: (B) => {
+      var le, me, Ce;
+      if (!Ct.current || !wt || ((le = window.getSelection()) == null ? void 0 : le.toString().length) > 0) return;
+      const de = B.clientY - Ct.current.y, Ee = B.clientX - Ct.current.x;
       var bn;
-      const Re = (bn = e.swipeDirections) != null ? bn : kg(V);
-      !B && (Math.abs(ke) > 1 || Math.abs(ue) > 1) && z(Math.abs(ke) > Math.abs(ue) ? "x" : "y");
+      const Re = (bn = e.swipeDirections) != null ? bn : kg(U);
+      !N && (Math.abs(Ee) > 1 || Math.abs(de) > 1) && j(Math.abs(Ee) > Math.abs(de) ? "x" : "y");
       let Ie = {
         x: 0,
         y: 0
       };
       const ii = (st) => 1 / (1.5 + Math.abs(st) / 20);
-      if (B === "y") {
+      if (N === "y") {
         if (Re.includes("top") || Re.includes("bottom"))
-          if (Re.includes("top") && ue < 0 || Re.includes("bottom") && ue > 0)
-            Ie.y = ue;
+          if (Re.includes("top") && de < 0 || Re.includes("bottom") && de > 0)
+            Ie.y = de;
           else {
-            const st = ue * ii(ue);
-            Ie.y = Math.abs(st) < Math.abs(ue) ? st : ue;
+            const st = de * ii(de);
+            Ie.y = Math.abs(st) < Math.abs(de) ? st : de;
           }
-      } else if (B === "x" && (Re.includes("left") || Re.includes("right")))
-        if (Re.includes("left") && ke < 0 || Re.includes("right") && ke > 0)
-          Ie.x = ke;
+      } else if (N === "x" && (Re.includes("left") || Re.includes("right")))
+        if (Re.includes("left") && Ee < 0 || Re.includes("right") && Ee > 0)
+          Ie.x = Ee;
         else {
-          const st = ke * ii(ke);
-          Ie.x = Math.abs(st) < Math.abs(ke) ? st : ke;
+          const st = Ee * ii(Ee);
+          Ie.x = Math.abs(st) < Math.abs(Ee) ? st : Ee;
         }
       (Math.abs(Ie.x) > 0 || Math.abs(Ie.y) > 0) && ge(!0), (me = We.current) == null || me.style.setProperty("--swipe-amount-x", `${Ie.x}px`), (Ce = We.current) == null || Ce.style.setProperty("--swipe-amount-y", `${Ie.y}px`);
     }
-  }, Ic && !c.jsx && Se !== "loading" ? /* @__PURE__ */ b.createElement("button", {
-    "aria-label": H,
+  }, Ic && !c.jsx && Se !== "loading" ? /* @__PURE__ */ w.createElement("button", {
+    "aria-label": z,
     "data-disabled": sr,
     "data-close-button": !0,
     onClick: sr || !wt ? () => {
     } : () => {
       et(), c.onDismiss == null || c.onDismiss.call(c, c);
     },
-    className: Oe(N?.closeButton, c == null || (r = c.classNames) == null ? void 0 : r.closeButton)
-  }, (oi = I?.close) != null ? oi : ug) : null, (Se || c.icon || c.promise) && c.icon !== null && (I?.[Se] !== null || c.icon) ? /* @__PURE__ */ b.createElement("div", {
+    className: Oe(V?.closeButton, c == null || (r = c.classNames) == null ? void 0 : r.closeButton)
+  }, (oi = R?.close) != null ? oi : ug) : null, (Se || c.icon || c.promise) && c.icon !== null && (R?.[Se] !== null || c.icon) ? /* @__PURE__ */ w.createElement("div", {
     "data-icon": "",
-    className: Oe(N?.icon, c == null || (o = c.classNames) == null ? void 0 : o.icon)
-  }, c.promise || c.type === "loading" && !c.icon ? c.icon || Oc() : null, c.type !== "loading" ? Fc : null) : null, /* @__PURE__ */ b.createElement("div", {
+    className: Oe(V?.icon, c == null || (o = c.classNames) == null ? void 0 : o.icon)
+  }, c.promise || c.type === "loading" && !c.icon ? c.icon || Oc() : null, c.type !== "loading" ? Fc : null) : null, /* @__PURE__ */ w.createElement("div", {
     "data-content": "",
-    className: Oe(N?.content, c == null || (s = c.classNames) == null ? void 0 : s.content)
-  }, /* @__PURE__ */ b.createElement("div", {
+    className: Oe(V?.content, c == null || (s = c.classNames) == null ? void 0 : s.content)
+  }, /* @__PURE__ */ w.createElement("div", {
     "data-title": "",
-    className: Oe(N?.title, c == null || (i = c.classNames) == null ? void 0 : i.title)
-  }, c.jsx ? c.jsx : typeof c.title == "function" ? c.title() : c.title), c.description ? /* @__PURE__ */ b.createElement("div", {
+    className: Oe(V?.title, c == null || (i = c.classNames) == null ? void 0 : i.title)
+  }, c.jsx ? c.jsx : typeof c.title == "function" ? c.title() : c.title), c.description ? /* @__PURE__ */ w.createElement("div", {
     "data-description": "",
-    className: Oe($, Rc, N?.description, c == null || (a = c.classNames) == null ? void 0 : a.description)
-  }, typeof c.description == "function" ? c.description() : c.description) : null), /* @__PURE__ */ b.isValidElement(c.cancel) ? c.cancel : c.cancel && An(c.cancel) ? /* @__PURE__ */ b.createElement("button", {
+    className: Oe($, Rc, V?.description, c == null || (a = c.classNames) == null ? void 0 : a.description)
+  }, typeof c.description == "function" ? c.description() : c.description) : null), /* @__PURE__ */ w.isValidElement(c.cancel) ? c.cancel : c.cancel && An(c.cancel) ? /* @__PURE__ */ w.createElement("button", {
     "data-button": !0,
     "data-cancel": !0,
     style: c.cancelButtonStyle || A,
-    onClick: (O) => {
-      An(c.cancel) && wt && (c.cancel.onClick == null || c.cancel.onClick.call(c.cancel, O), et());
+    onClick: (B) => {
+      An(c.cancel) && wt && (c.cancel.onClick == null || c.cancel.onClick.call(c.cancel, B), et());
     },
-    className: Oe(N?.cancelButton, c == null || (l = c.classNames) == null ? void 0 : l.cancelButton)
-  }, c.cancel.label) : null, /* @__PURE__ */ b.isValidElement(c.action) ? c.action : c.action && An(c.action) ? /* @__PURE__ */ b.createElement("button", {
+    className: Oe(V?.cancelButton, c == null || (l = c.classNames) == null ? void 0 : l.cancelButton)
+  }, c.cancel.label) : null, /* @__PURE__ */ w.isValidElement(c.action) ? c.action : c.action && An(c.action) ? /* @__PURE__ */ w.createElement("button", {
     "data-button": !0,
     "data-action": !0,
-    style: c.actionButtonStyle || R,
-    onClick: (O) => {
-      An(c.action) && (c.action.onClick == null || c.action.onClick.call(c.action, O), !O.defaultPrevented && et());
+    style: c.actionButtonStyle || I,
+    onClick: (B) => {
+      An(c.action) && (c.action.onClick == null || c.action.onClick.call(c.action, B), !B.defaultPrevented && et());
     },
-    className: Oe(N?.actionButton, c == null || (u = c.classNames) == null ? void 0 : u.actionButton)
+    className: Oe(V?.actionButton, c == null || (u = c.classNames) == null ? void 0 : u.actionButton)
   }, c.action.label) : null);
 };
 function Hs() {
@@ -7124,28 +7124,28 @@ function Pg(e, t) {
     }) : l(a);
   }), n;
 }
-const Ag = /* @__PURE__ */ b.forwardRef(function(t, n) {
+const Ag = /* @__PURE__ */ w.forwardRef(function(t, n) {
   const { id: r, invert: o, position: s = "bottom-right", hotkey: i = [
     "altKey",
     "KeyT"
-  ], expand: a, closeButton: l, className: u, offset: d, mobileOffset: c, theme: h = "light", richColors: f, duration: p, style: y, visibleToasts: x = vg, toastOptions: g, dir: S = Hs(), gap: w = Sg, icons: P, containerAriaLabel: E = "Notifications" } = t, [T, k] = b.useState([]), A = b.useMemo(() => r ? T.filter((j) => j.toasterId === r) : T.filter((j) => !j.toasterId), [
+  ], expand: a, closeButton: l, className: u, offset: d, mobileOffset: c, theme: h = "light", richColors: f, duration: p, style: y, visibleToasts: x = vg, toastOptions: g, dir: C = Hs(), gap: b = Sg, icons: P, containerAriaLabel: k = "Notifications" } = t, [T, E] = w.useState([]), A = w.useMemo(() => r ? T.filter((F) => F.toasterId === r) : T.filter((F) => !F.toasterId), [
     T,
     r
-  ]), R = b.useMemo(() => Array.from(new Set([
+  ]), I = w.useMemo(() => Array.from(new Set([
     s
-  ].concat(A.filter((j) => j.position).map((j) => j.position)))), [
+  ].concat(A.filter((F) => F.position).map((F) => F.position)))), [
     A,
     s
-  ]), [_, $] = b.useState([]), [U, V] = b.useState(!1), [fe, G] = b.useState(!1), [N, I] = b.useState(h !== "system" ? h : typeof window < "u" && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light"), H = b.useRef(null), B = i.join("+").replace(/Key/g, "").replace(/Digit/g, ""), z = b.useRef(null), ne = b.useRef(!1), re = b.useCallback((j) => {
-    k((Z) => {
+  ]), [_, $] = w.useState([]), [H, U] = w.useState(!1), [G, J] = w.useState(!1), [V, R] = w.useState(h !== "system" ? h : typeof window < "u" && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light"), z = w.useRef(null), N = i.join("+").replace(/Key/g, "").replace(/Digit/g, ""), j = w.useRef(null), re = w.useRef(!1), oe = w.useCallback((F) => {
+    E((Z) => {
       var X;
-      return (X = Z.find((se) => se.id === j.id)) != null && X.delete || be.dismiss(j.id), Z.filter(({ id: se }) => se !== j.id);
+      return (X = Z.find((ae) => ae.id === F.id)) != null && X.delete || be.dismiss(F.id), Z.filter(({ id: ae }) => ae !== F.id);
     });
   }, []);
-  return b.useEffect(() => be.subscribe((j) => {
-    if (j.dismiss) {
+  return w.useEffect(() => be.subscribe((F) => {
+    if (F.dismiss) {
       requestAnimationFrame(() => {
-        k((Z) => Z.map((X) => X.id === j.id ? {
+        E((Z) => Z.map((X) => X.id === F.id ? {
           ...X,
           delete: !0
         } : X));
@@ -7154,17 +7154,17 @@ const Ag = /* @__PURE__ */ b.forwardRef(function(t, n) {
     }
     setTimeout(() => {
       Uc.flushSync(() => {
-        k((Z) => {
-          const X = Z.findIndex((se) => se.id === j.id);
+        E((Z) => {
+          const X = Z.findIndex((ae) => ae.id === F.id);
           return X !== -1 ? [
             ...Z.slice(0, X),
             {
               ...Z[X],
-              ...j
+              ...F
             },
             ...Z.slice(X + 1)
           ] : [
-            j,
+            F,
             ...Z
           ];
         });
@@ -7172,103 +7172,103 @@ const Ag = /* @__PURE__ */ b.forwardRef(function(t, n) {
     });
   }), [
     T
-  ]), b.useEffect(() => {
+  ]), w.useEffect(() => {
     if (h !== "system") {
-      I(h);
+      R(h);
       return;
     }
-    if (h === "system" && (window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? I("dark") : I("light")), typeof window > "u") return;
-    const j = window.matchMedia("(prefers-color-scheme: dark)");
+    if (h === "system" && (window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? R("dark") : R("light")), typeof window > "u") return;
+    const F = window.matchMedia("(prefers-color-scheme: dark)");
     try {
-      j.addEventListener("change", ({ matches: Z }) => {
-        I(Z ? "dark" : "light");
+      F.addEventListener("change", ({ matches: Z }) => {
+        R(Z ? "dark" : "light");
       });
     } catch {
-      j.addListener(({ matches: X }) => {
+      F.addListener(({ matches: X }) => {
         try {
-          I(X ? "dark" : "light");
-        } catch (se) {
-          console.error(se);
+          R(X ? "dark" : "light");
+        } catch (ae) {
+          console.error(ae);
         }
       });
     }
   }, [
     h
-  ]), b.useEffect(() => {
-    T.length <= 1 && V(!1);
+  ]), w.useEffect(() => {
+    T.length <= 1 && U(!1);
   }, [
     T
-  ]), b.useEffect(() => {
-    const j = (Z) => {
+  ]), w.useEffect(() => {
+    const F = (Z) => {
       var X;
       if (i.every((W) => Z[W] || Z.code === W)) {
         var Ve;
-        V(!0), (Ve = H.current) == null || Ve.focus();
+        U(!0), (Ve = z.current) == null || Ve.focus();
       }
-      Z.code === "Escape" && (document.activeElement === H.current || (X = H.current) != null && X.contains(document.activeElement)) && V(!1);
+      Z.code === "Escape" && (document.activeElement === z.current || (X = z.current) != null && X.contains(document.activeElement)) && U(!1);
     };
-    return document.addEventListener("keydown", j), () => document.removeEventListener("keydown", j);
+    return document.addEventListener("keydown", F), () => document.removeEventListener("keydown", F);
   }, [
     i
-  ]), b.useEffect(() => {
-    if (H.current)
+  ]), w.useEffect(() => {
+    if (z.current)
       return () => {
-        z.current && (z.current.focus({
+        j.current && (j.current.focus({
           preventScroll: !0
-        }), z.current = null, ne.current = !1);
+        }), j.current = null, re.current = !1);
       };
   }, [
-    H.current
+    z.current
   ]), // Remove item from normal navigation flow, only available via hotkey
-  /* @__PURE__ */ b.createElement("section", {
+  /* @__PURE__ */ w.createElement("section", {
     ref: n,
-    "aria-label": `${E} ${B}`,
+    "aria-label": `${k} ${N}`,
     tabIndex: -1,
     "aria-live": "polite",
     "aria-relevant": "additions text",
     "aria-atomic": "false",
     suppressHydrationWarning: !0
-  }, R.map((j, Z) => {
+  }, I.map((F, Z) => {
     var X;
-    const [se, Ve] = j.split("-");
-    return A.length ? /* @__PURE__ */ b.createElement("ol", {
-      key: j,
-      dir: S === "auto" ? Hs() : S,
+    const [ae, Ve] = F.split("-");
+    return A.length ? /* @__PURE__ */ w.createElement("ol", {
+      key: F,
+      dir: C === "auto" ? Hs() : C,
       tabIndex: -1,
-      ref: H,
+      ref: z,
       className: u,
       "data-sonner-toaster": !0,
-      "data-sonner-theme": N,
-      "data-y-position": se,
+      "data-sonner-theme": V,
+      "data-y-position": ae,
       "data-x-position": Ve,
       style: {
         "--front-toast-height": `${((X = _[0]) == null ? void 0 : X.height) || 0}px`,
         "--width": `${wg}px`,
-        "--gap": `${w}px`,
+        "--gap": `${b}px`,
         ...y,
         ...Pg(d, c)
       },
       onBlur: (W) => {
-        ne.current && !W.currentTarget.contains(W.relatedTarget) && (ne.current = !1, z.current && (z.current.focus({
+        re.current && !W.currentTarget.contains(W.relatedTarget) && (re.current = !1, j.current && (j.current.focus({
           preventScroll: !0
-        }), z.current = null));
+        }), j.current = null));
       },
       onFocus: (W) => {
-        W.target instanceof HTMLElement && W.target.dataset.dismissible === "false" || ne.current || (ne.current = !0, z.current = W.relatedTarget);
+        W.target instanceof HTMLElement && W.target.dataset.dismissible === "false" || re.current || (re.current = !0, j.current = W.relatedTarget);
       },
-      onMouseEnter: () => V(!0),
-      onMouseMove: () => V(!0),
+      onMouseEnter: () => U(!0),
+      onMouseMove: () => U(!0),
       onMouseLeave: () => {
-        fe || V(!1);
+        G || U(!1);
       },
-      onDragEnd: () => V(!1),
+      onDragEnd: () => U(!1),
       onPointerDown: (W) => {
-        W.target instanceof HTMLElement && W.target.dataset.dismissible === "false" || G(!0);
+        W.target instanceof HTMLElement && W.target.dataset.dismissible === "false" || J(!0);
       },
-      onPointerUp: () => G(!1)
-    }, A.filter((W) => !W.position && Z === 0 || W.position === j).map((W, ve) => {
+      onPointerUp: () => J(!1)
+    }, A.filter((W) => !W.position && Z === 0 || W.position === F).map((W, ve) => {
       var Qe, Ue;
-      return /* @__PURE__ */ b.createElement(Eg, {
+      return /* @__PURE__ */ w.createElement(Eg, {
         key: W.id,
         icons: P,
         index: ve,
@@ -7280,21 +7280,21 @@ const Ag = /* @__PURE__ */ b.forwardRef(function(t, n) {
         invert: o,
         visibleToasts: x,
         closeButton: (Ue = g?.closeButton) != null ? Ue : l,
-        interacting: fe,
-        position: j,
+        interacting: G,
+        position: F,
         style: g?.style,
         unstyled: g?.unstyled,
         classNames: g?.classNames,
         cancelButtonStyle: g?.cancelButtonStyle,
         actionButtonStyle: g?.actionButtonStyle,
         closeButtonAriaLabel: g?.closeButtonAriaLabel,
-        removeToast: re,
+        removeToast: oe,
         toasts: A.filter((ge) => ge.position == W.position),
         heights: _.filter((ge) => ge.position == W.position),
         setHeights: $,
         expandByDefault: a,
-        gap: w,
-        expanded: U,
+        gap: b,
+        expanded: H,
         swipeDirections: t.swipeDirections
       });
     })) : null;
@@ -7390,7 +7390,7 @@ const Ag = /* @__PURE__ */ b.forwardRef(function(t, n) {
         transform: none;
         box-shadow: inherit;
     }
-`, Rg = C.div`
+`, Rg = S.div`
     display: flex;
     flex-direction: column;
     border-radius: var(--border-radius-card);
@@ -7430,7 +7430,7 @@ const Ag = /* @__PURE__ */ b.forwardRef(function(t, n) {
       children: o
     }
   );
-}, Ig = C.div`
+}, Ig = S.div`
     display: flex;
     align-items: center;
     align-self: stretch;
@@ -7438,14 +7438,14 @@ const Ag = /* @__PURE__ */ b.forwardRef(function(t, n) {
 `, U1 = ({
   children: e,
   ...t
-}) => /* @__PURE__ */ m(Ig, { ...t, children: e }), Lg = C.div`
+}) => /* @__PURE__ */ m(Ig, { ...t, children: e }), Lg = S.div`
     flex: 1;
     display: flex;
     flex-direction: column;
 `, W1 = ({
   children: e,
   ...t
-}) => /* @__PURE__ */ m(Lg, { ...t, children: e }), Ng = C.div`
+}) => /* @__PURE__ */ m(Lg, { ...t, children: e }), Ng = S.div`
     display: flex;
     align-items: center;
     align-self: stretch;
@@ -7463,7 +7463,7 @@ const Ag = /* @__PURE__ */ b.forwardRef(function(t, n) {
   lg: v`
         ${L[18]}
     `
-}, Og = C.div`
+}, Og = S.div`
     color: var(--color-main-warning-state);
     ${({ $size: e }) => Bg[e]}
     font-weight: 400;
@@ -7486,7 +7486,7 @@ const Ag = /* @__PURE__ */ b.forwardRef(function(t, n) {
   lg: v`
         ${L[30]}
     `
-}, jg = C.label`
+}, jg = S.label`
     color: var(--color-main-blue-primary);
     ${({ $size: e }) => Fg[e]}
     ${({ $disabled: e }) => e && zg}
@@ -7796,13 +7796,13 @@ const Ag = /* @__PURE__ */ b.forwardRef(function(t, n) {
     justify-content: center;
     flex-shrink: 0;
     user-select: none;
-`, Wg = C.div`
+`, Wg = S.div`
     ${Yt}
     ${({ $size: e }) => rr[e]}
     ${({ $hasError: e }) => e && Gt}
     ${({ $disabled: e }) => e && xt}
     ${({ $isFlushed: e }) => e && Ug}
-`, Kg = C.input`
+`, Kg = S.input`
     ${Go}
 `, oc = He(
   ({
@@ -7856,15 +7856,15 @@ const Ag = /* @__PURE__ */ b.forwardRef(function(t, n) {
   )
 );
 oc.displayName = "BaseInput";
-const Yg = ({ color: e = "currentColor", size: t = 24, className: n, ...r }) => b.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", width: t, height: t, fill: e, ...r, className: "remixicon " + (n || "") }, b.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" })), Gg = ({ color: e = "currentColor", size: t = 24, className: n, ...r }) => b.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", width: t, height: t, fill: e, ...r, className: "remixicon " + (n || "") }, b.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" })), Xg = ({ color: e = "currentColor", size: t = 24, className: n, ...r }) => b.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", width: t, height: t, fill: e, ...r, className: "remixicon " + (n || "") }, b.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" })), Zg = ({ color: e = "currentColor", size: t = 24, className: n, ...r }) => b.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", width: t, height: t, fill: e, ...r, className: "remixicon " + (n || "") }, b.createElement("path", { d: "M11.9999 10.8284L7.0502 15.7782L5.63599 14.364L11.9999 8L18.3639 14.364L16.9497 15.7782L11.9999 10.8284Z" })), ic = ({ color: e = "currentColor", size: t = 24, className: n, ...r }) => b.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", width: t, height: t, fill: e, ...r, className: "remixicon " + (n || "") }, b.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" })), qg = ({ color: e = "currentColor", size: t = 24, className: n, ...r }) => b.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", width: t, height: t, fill: e, ...r, className: "remixicon " + (n || "") }, b.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" })), Jg = ({ color: e = "currentColor", size: t = 24, className: n, ...r }) => b.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", width: t, height: t, fill: e, ...r, className: "remixicon " + (n || "") }, b.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" })), Qg = ({ color: e = "currentColor", size: t = 24, className: n, ...r }) => b.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", width: t, height: t, fill: e, ...r, className: "remixicon " + (n || "") }, b.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" })), e0 = ({ color: e = "currentColor", size: t = 24, className: n, ...r }) => b.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", width: t, height: t, fill: e, ...r, className: "remixicon " + (n || "") }, b.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" })), Us = ({ color: e = "currentColor", size: t = 24, className: n, ...r }) => b.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", width: t, height: t, fill: e, ...r, className: "remixicon " + (n || "") }, b.createElement("path", { d: "M3 4H21V6H3V4ZM3 11H21V13H3V11ZM3 18H21V20H3V18Z" })), t0 = ({ color: e = "currentColor", size: t = 24, className: n, ...r }) => b.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", width: t, height: t, fill: e, ...r, className: "remixicon " + (n || "") }, b.createElement("path", { d: "M20 17H22V19H2V17H4V10C4 5.58172 7.58172 2 12 2C16.4183 2 20 5.58172 20 10V17ZM9 21H15V23H9V21Z" })), n0 = ({ color: e = "currentColor", size: t = 24, className: n, ...r }) => b.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", width: t, height: t, fill: e, ...r, className: "remixicon " + (n || "") }, b.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" })), Ws = ({ color: e = "currentColor", size: t = 24, className: n, ...r }) => b.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", width: t, height: t, fill: e, ...r, className: "remixicon " + (n || "") }, b.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" })), r0 = ({ color: e = "currentColor", size: t = 24, className: n, ...r }) => b.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", width: t, height: t, fill: e, ...r, className: "remixicon " + (n || "") }, b.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" })), o0 = ({ color: e = "currentColor", size: t = 24, className: n, ...r }) => b.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", width: t, height: t, fill: e, ...r, className: "remixicon " + (n || "") }, b.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" })), i0 = C.div`
+const Yg = ({ color: e = "currentColor", size: t = 24, className: n, ...r }) => w.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", width: t, height: t, fill: e, ...r, className: "remixicon " + (n || "") }, w.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" })), Gg = ({ color: e = "currentColor", size: t = 24, className: n, ...r }) => w.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", width: t, height: t, fill: e, ...r, className: "remixicon " + (n || "") }, w.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" })), Xg = ({ color: e = "currentColor", size: t = 24, className: n, ...r }) => w.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", width: t, height: t, fill: e, ...r, className: "remixicon " + (n || "") }, w.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" })), Zg = ({ color: e = "currentColor", size: t = 24, className: n, ...r }) => w.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", width: t, height: t, fill: e, ...r, className: "remixicon " + (n || "") }, w.createElement("path", { d: "M11.9999 10.8284L7.0502 15.7782L5.63599 14.364L11.9999 8L18.3639 14.364L16.9497 15.7782L11.9999 10.8284Z" })), ic = ({ color: e = "currentColor", size: t = 24, className: n, ...r }) => w.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", width: t, height: t, fill: e, ...r, className: "remixicon " + (n || "") }, w.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" })), qg = ({ color: e = "currentColor", size: t = 24, className: n, ...r }) => w.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", width: t, height: t, fill: e, ...r, className: "remixicon " + (n || "") }, w.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" })), Jg = ({ color: e = "currentColor", size: t = 24, className: n, ...r }) => w.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", width: t, height: t, fill: e, ...r, className: "remixicon " + (n || "") }, w.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" })), Qg = ({ color: e = "currentColor", size: t = 24, className: n, ...r }) => w.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", width: t, height: t, fill: e, ...r, className: "remixicon " + (n || "") }, w.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" })), e0 = ({ color: e = "currentColor", size: t = 24, className: n, ...r }) => w.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", width: t, height: t, fill: e, ...r, className: "remixicon " + (n || "") }, w.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" })), Us = ({ color: e = "currentColor", size: t = 24, className: n, ...r }) => w.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", width: t, height: t, fill: e, ...r, className: "remixicon " + (n || "") }, w.createElement("path", { d: "M3 4H21V6H3V4ZM3 11H21V13H3V11ZM3 18H21V20H3V18Z" })), t0 = ({ color: e = "currentColor", size: t = 24, className: n, ...r }) => w.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", width: t, height: t, fill: e, ...r, className: "remixicon " + (n || "") }, w.createElement("path", { d: "M20 17H22V19H2V17H4V10C4 5.58172 7.58172 2 12 2C16.4183 2 20 5.58172 20 10V17ZM9 21H15V23H9V21Z" })), n0 = ({ color: e = "currentColor", size: t = 24, className: n, ...r }) => w.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", width: t, height: t, fill: e, ...r, className: "remixicon " + (n || "") }, w.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" })), Ws = ({ color: e = "currentColor", size: t = 24, className: n, ...r }) => w.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", width: t, height: t, fill: e, ...r, className: "remixicon " + (n || "") }, w.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" })), r0 = ({ color: e = "currentColor", size: t = 24, className: n, ...r }) => w.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", width: t, height: t, fill: e, ...r, className: "remixicon " + (n || "") }, w.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" })), o0 = ({ color: e = "currentColor", size: t = 24, className: n, ...r }) => w.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", width: t, height: t, fill: e, ...r, className: "remixicon " + (n || "") }, w.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" })), i0 = S.div`
     ${Yt}
     ${({ $size: e }) => rr[e ?? "md"]}
     ${({ $hasError: e }) => e && Gt}
     ${({ $disabled: e }) => e && xt}
     position: relative;
-`, s0 = C.input`
+`, s0 = S.input`
     ${Go}
-`, a0 = C.span`
+`, a0 = S.span`
     ${Xo}
     cursor: ${({ $disabled: e }) => e ? "not-allowed" : "pointer"};
 `, l0 = ({
@@ -7878,7 +7878,7 @@ const Yg = ({ color: e = "currentColor", size: t = 24, className: n, ...r }) =>
   className: a,
   ...l
 }) => {
-  const [u, d] = Te(!1), c = () => d((h) => !h);
+  const [u, d] = ke(!1), c = () => d((h) => !h);
   return /* @__PURE__ */ D(
     i0,
     {
@@ -7945,10 +7945,10 @@ const Yg = ({ color: e = "currentColor", size: t = 24, className: n, ...r }) =>
       return n;
   }
   return sc(t);
-}, m0 = C.div`
+}, m0 = S.div`
     position: relative;
     width: 100%;
-`, p0 = C.div`
+`, p0 = S.div`
     ${Xo}
     position: absolute;
     right: 1rem;
@@ -7956,7 +7956,7 @@ const Yg = ({ color: e = "currentColor", size: t = 24, className: n, ...r }) =>
     transform: translateY(-50%) rotate(${({ $open: e }) => e ? "180deg" : "0deg"});
     pointer-events: none;
     transition: transform 0.3s ease-out;
-`, g0 = C.button`
+`, g0 = S.button`
     ${Yt}
     ${({ $size: e }) => rr[e]}
     ${({ $hasError: e }) => e && Gt}
@@ -7978,7 +7978,7 @@ const Yg = ({ color: e = "currentColor", size: t = 24, className: n, ...r }) =>
     &:hover {
         background-color: var(--color-main-alternative-secondary);
     }
-`, y0 = C(Je.ul)`
+`, y0 = S(Je.ul)`
     position: absolute;
     z-index: 50;
     left: 0;
@@ -8000,11 +8000,11 @@ const Yg = ({ color: e = "currentColor", size: t = 24, className: n, ...r }) =>
         border: var(--border-input-focus);
         outline: none;
     }
-`, v0 = C.div`
+`, v0 = S.div`
     max-height: 15rem;
     overflow-y: auto;
     outline: none;
-`, b0 = C.li`
+`, b0 = S.li`
     display: flex;
     align-items: center;
     gap: 0.5rem;
@@ -8044,26 +8044,26 @@ const Yg = ({ color: e = "currentColor", size: t = 24, className: n, ...r }) =>
     optionsClassName: c,
     optionClassName: h
   }, f) => {
-    const p = he(null), y = he(null), x = he(null), g = he(null), S = qe(), [w, P] = Te(!1), [E, T] = Te(-1), k = r.find(($) => $.value === a);
-    Ae(() => {
-      w && y.current && (y.current.focus(), T(f0(a, r)));
-    }, [w, r, a]), Ae(() => {
-      h0(x, E);
-    }, [E]), Ae(() => {
-      if (!w) return;
-      const $ = (U) => {
-        p.current && (p.current.contains(U.target) || P(!1));
+    const p = fe(null), y = fe(null), x = fe(null), g = fe(null), C = qe(), [b, P] = ke(!1), [k, T] = ke(-1), E = r.find(($) => $.value === a);
+    Te(() => {
+      b && y.current && (y.current.focus(), T(f0(a, r)));
+    }, [b, r, a]), Te(() => {
+      h0(x, k);
+    }, [k]), Te(() => {
+      if (!b) return;
+      const $ = (H) => {
+        p.current && (p.current.contains(H.target) || P(!1));
       };
       return document.addEventListener("mousedown", $), () => document.removeEventListener("mousedown", $);
-    }, [w]), Ae(() => {
-      w || requestAnimationFrame(() => {
+    }, [b]), Te(() => {
+      b || requestAnimationFrame(() => {
         f?.current?.focus?.(), g.current?.focus();
       });
-    }, [w, f]);
+    }, [b, f]);
     const A = ($) => {
       $.disabled || (s?.($), i && i(d0($.value, l)), P(!1), T(-1));
-    }, R = ($) => {
-      n || ($.key === "ArrowDown" || $.key === "ArrowUp" ? ($.preventDefault(), P(!0)) : ($.key === "Enter" || $.key === " ") && ($.preventDefault(), P((U) => !U)));
+    }, I = ($) => {
+      n || ($.key === "ArrowDown" || $.key === "ArrowUp" ? ($.preventDefault(), P(!0)) : ($.key === "Enter" || $.key === " ") && ($.preventDefault(), P((H) => !H)));
     }, _ = ($) => {
       if ($.key === "Escape") {
         $.preventDefault(), P(!1), T(-1);
@@ -8071,23 +8071,23 @@ const Yg = ({ color: e = "currentColor", size: t = 24, className: n, ...r }) =>
       }
       if ($.key === "ArrowDown" || $.key === "ArrowUp") {
         $.preventDefault();
-        const U = $.key === "ArrowDown" ? 1 : -1;
-        T(u0(E, U, r));
+        const H = $.key === "ArrowDown" ? 1 : -1;
+        T(u0(k, H, r));
       } else if ($.key === "Enter") {
         $.preventDefault();
-        const U = r[E];
-        U && !U.disabled && A(U);
+        const H = r[k];
+        H && !H.disabled && A(H);
       } else $.key === "Home" ? ($.preventDefault(), T(sc(r))) : $.key === "End" && ($.preventDefault(), T(c0(r)));
     };
     return /* @__PURE__ */ D(m0, { ref: p, className: u, children: [
-      l && /* @__PURE__ */ m("input", { type: "hidden", name: l, value: k?.value ?? "" }),
+      l && /* @__PURE__ */ m("input", { type: "hidden", name: l, value: E?.value ?? "" }),
       /* @__PURE__ */ m(
         g0,
         {
           type: "button",
           $size: e,
           $hasError: t,
-          $hasValue: !!k,
+          $hasValue: !!E,
           $disabled: n,
           disabled: n,
           className: d,
@@ -8095,16 +8095,16 @@ const Yg = ({ color: e = "currentColor", size: t = 24, className: n, ...r }) =>
             g.current = $, typeof f == "function" ? f($) : f && "current" in f && (f.current = $);
           },
           onClick: () => !n && P(($) => !$),
-          onKeyDown: R,
+          onKeyDown: I,
           "aria-haspopup": "listbox",
-          "aria-expanded": w,
-          "aria-controls": `${S}-listbox`,
+          "aria-expanded": b,
+          "aria-controls": `${C}-listbox`,
           "aria-invalid": t || void 0,
-          title: k?.label ?? o ?? "Select an option",
-          children: k?.label ?? o ?? ""
+          title: E?.label ?? o ?? "Select an option",
+          children: E?.label ?? o ?? ""
         }
       ),
-      /* @__PURE__ */ m(p0, { $size: e, $disabled: n, $open: w, children: /* @__PURE__ */ m(
+      /* @__PURE__ */ m(p0, { $size: e, $disabled: n, $open: b, children: /* @__PURE__ */ m(
         Y,
         {
           component: Zg,
@@ -8112,15 +8112,15 @@ const Yg = ({ color: e = "currentColor", size: t = 24, className: n, ...r }) =>
           color: n ? "var(--color-dark-200)" : "var(--color-main-blue-primary)"
         }
       ) }),
-      /* @__PURE__ */ m(pn, { children: w && /* @__PURE__ */ m(
+      /* @__PURE__ */ m(pn, { children: b && /* @__PURE__ */ m(
         y0,
         {
           ref: y,
           className: "custom-scrollbar",
-          id: `${S}-listbox`,
+          id: `${C}-listbox`,
           role: "listbox",
           tabIndex: 0,
-          "aria-activedescendant": E >= 0 ? `${S}-option-${E}` : void 0,
+          "aria-activedescendant": k >= 0 ? `${C}-option-${k}` : void 0,
           initial: {
             opacity: 0,
             height: 0,
@@ -8141,20 +8141,20 @@ const Yg = ({ color: e = "currentColor", size: t = 24, className: n, ...r }) =>
             ease: [0.4, 0, 0.2, 1]
           },
           onKeyDown: _,
-          children: /* @__PURE__ */ m(v0, { ref: x, className: c, children: r.map(($, U) => {
-            const V = U === E;
+          children: /* @__PURE__ */ m(v0, { ref: x, className: c, children: r.map(($, H) => {
+            const U = H === k;
             return /* @__PURE__ */ m(
               b0,
               {
-                id: `${S}-option-${U}`,
+                id: `${C}-option-${H}`,
                 className: h,
                 role: "option",
                 $size: e,
                 "aria-selected": a === $.value,
-                $active: V,
+                $active: U,
                 $disabled: $.disabled,
                 onMouseEnter: () => {
-                  !$.disabled && w && T(U);
+                  !$.disabled && b && T(H);
                 },
                 onClick: () => A($),
                 children: $.label
@@ -8168,7 +8168,7 @@ const Yg = ({ color: e = "currentColor", size: t = 24, className: n, ...r }) =>
   }
 );
 ac.displayName = "SelectInput";
-const w0 = C.textarea`
+const w0 = S.textarea`
     ${Yt}
     ${({ $size: e }) => S0[e]}
     ${({ $hasError: e }) => e && Gt}
@@ -8243,10 +8243,10 @@ const w0 = C.textarea`
   )
 );
 lc.displayName = "TextAreaInput";
-const C0 = C.div`
+const C0 = S.div`
     ${Yt}
     ${({ $size: e }) => rr[e ?? "md"]}
-`, T0 = C.input`
+`, T0 = S.input`
     ${Go}
 `, k0 = ({
   size: e = "md",
@@ -8286,7 +8286,7 @@ const C0 = C.div`
     `
 }, A0 = v`
     border: 2px dashed var(--color-main-input-borders);
-    background-color: transparent;
+    background-color: var(--color-main-white);
 `, $0 = v`
     border-color: var(--color-main-blue-primary);
     background-color: var(--color-main-alternative-secondary);
@@ -8300,13 +8300,12 @@ const C0 = C.div`
     border-color: var(--color-dark-200);
     cursor: not-allowed;
     opacity: 0.6;
-`, R0 = C.div`
+`, R0 = S.div`
     display: flex;
     flex-direction: column;
-    gap: 0.5rem;
     width: 100%;
     ${({ $size: e }) => P0[e]}
-`, I0 = C.div`
+`, I0 = S.div`
     display: flex;
     flex-direction: column;
     align-items: center;
@@ -8321,7 +8320,6 @@ const C0 = C.div`
     text-align: center;
     outline: 2px solid transparent;
     outline-offset: 2px;
-    background-color: var(--color-main-white);
 
     ${({ $variant: e }) => E0[e]}
     ${A0}
@@ -8339,19 +8337,19 @@ const C0 = C.div`
         outline-color: var(--color-main-blue-primary);
         outline-offset: 2px;
     }
-`, L0 = C.div`
+`, L0 = S.div`
     color: ${({ $disabled: e }) => e ? "var(--color-dark-200)" : "var(--color-main-blue-primary)"};
 
     strong {
         color: ${({ $disabled: e }) => e ? "var(--color-dark-200)" : "var(--color-main-blue-primary)"};
         font-weight: 700;
     }
-`, N0 = C.div`
+`, N0 = S.div`
     display: flex;
     flex-direction: column;
     gap: 0.5rem;
     margin-top: 1rem;
-`, B0 = C.div`
+`, B0 = S.div`
     display: flex;
     align-items: center;
     justify-content: space-between;
@@ -8368,12 +8366,12 @@ const C0 = C.div`
     &:hover {
         background-color: var(--color-main-alternative-secondary);
     }
-`, O0 = C(Ye)`
+`, O0 = S(Ye)`
     font-weight: 500;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
-`, F0 = C.button`
+`, F0 = S.button`
     background: none;
     border: none;
     color: var(--color-dark-400);
@@ -8401,7 +8399,7 @@ const C0 = C.div`
         opacity: 0.5;
     }
 `, j0 = (e, t) => {
-  const [n, r] = Te(!1), o = je(
+  const [n, r] = ke(!1), o = je(
     (l) => {
       l.preventDefault(), l.stopPropagation(), t || r(!0);
     },
@@ -8419,7 +8417,9 @@ const C0 = C.div`
     },
     [t, e]
   );
-  return {
+  return Te(() => () => {
+    n && r(!1);
+  }, [n]), {
     isDragging: n,
     dragHandlers: {
       onDragEnter: o,
@@ -8434,7 +8434,7 @@ const C0 = C.div`
   multiple: n,
   onError: r
 }) => {
-  const [o, s] = Te(""), i = je(
+  const [o, s] = ke(""), i = je(
     (l) => {
       s(l), r?.(l);
     },
@@ -8442,16 +8442,21 @@ const C0 = C.div`
   ), a = je(
     (l) => {
       if (e && l.some((u) => u.size > e)) {
-        const u = `File size exceeds maximum allowed size of ${Math.round(e / 1024)} KB or ${Math.round(e / 1048576)} MB`;
-        return i(u), !1;
+        const u = e / 1048576, d = u >= 1 ? `File size exceeds maximum of ${u.toFixed(1)}MB` : `File size exceeds maximum of ${Math.round(e / 1024)}KB`;
+        return i(d), !1;
       }
       if (t) {
-        const u = t.split(",").map((c) => c.trim());
+        const u = t.split(",").map((c) => c.trim().toLowerCase());
         if (l.find((c) => {
-          const h = c.type, f = `.${c.name.split(".").pop()}`;
-          return !u.some(
-            (p) => p === h || p === f
-          );
+          const h = c.type.toLowerCase(), f = `.${c.name.split(".").pop()?.toLowerCase()}`;
+          return !u.some((p) => {
+            if (p === h || p === f) return !0;
+            if (p.endsWith("/*")) {
+              const y = p.slice(0, -2);
+              return h.startsWith(`${y}/`);
+            }
+            return !1;
+          });
         })) {
           const c = `File type not accepted. Allowed: ${t}`;
           return i(c), !1;
@@ -8498,38 +8503,39 @@ const C0 = C.div`
   hasError: c = !1,
   errorMessage: h = "",
   className: f = "",
-  size: p = "md"
+  dropZoneContainerClassName: p = "",
+  size: y = "md"
 }) => {
-  const y = s !== void 0, [x, g] = Te(i || []), S = y ? s : x, w = n * 1024 * 1024, {
-    error: P,
-    validateFiles: E,
-    clearError: T
-  } = z0({ maxFileSize: w, accept: r, multiple: t, onError: l }), k = (V, fe) => {
-    if (!V || V.length === 0) return;
-    const G = Array.from(V);
-    if (!E(G)) return;
-    const N = t ? [...S, ...G] : G;
-    y || g(N), a?.(N, fe);
-  }, A = (V) => {
-    const fe = S[V], G = S.filter((N, I) => I !== V);
-    y || g(G), u?.(fe, V), a?.(G), G.length === 0 && T();
-  }, { isDragging: R, dragHandlers: _ } = j0(k, d), $ = c || !!P, U = h || P;
-  return /* @__PURE__ */ D(R0, { $size: p, className: f, children: [
-    /* @__PURE__ */ D("label", { "aria-label": "File upload area", children: [
+  const x = s !== void 0, [g, C] = ke(i || []), b = x ? s : g, P = n * 1024 * 1024, {
+    error: k,
+    validateFiles: T,
+    clearError: E
+  } = z0({ maxFileSize: P, accept: r, multiple: t, onError: l }), A = (G, J) => {
+    if (!G || G.length === 0) return;
+    const V = Array.from(G);
+    if (!T(V)) return;
+    const R = t ? [...b, ...V] : V;
+    x || C(R), a?.(R, J);
+  }, I = (G) => {
+    const J = b[G], V = b.filter((R, z) => z !== G);
+    x || C(V), u?.(J, G), a?.(V), V.length === 0 && E();
+  }, { isDragging: _, dragHandlers: $ } = j0(A, d), H = c || !!k, U = h || k;
+  return /* @__PURE__ */ D(R0, { $size: y, className: f, children: [
+    /* @__PURE__ */ D("label", { "aria-label": "File upload area", className: `p-4 ${p}`, children: [
       /* @__PURE__ */ D(
         I0,
         {
           $variant: e,
-          $isDragging: R,
-          $hasError: $,
+          $isDragging: _,
+          $hasError: H,
           $disabled: d,
           role: "button",
           tabIndex: d ? -1 : 0,
           "aria-disabled": d,
-          onKeyDown: (V) => {
-            (V.key === "Enter" || V.key === " ") && (V.preventDefault(), V.currentTarget.querySelector("input")?.click());
+          onKeyDown: (G) => {
+            (G.key === "Enter" || G.key === " ") && (G.preventDefault(), G.currentTarget.querySelector("input")?.click());
           },
-          ..._,
+          ...$,
           children: [
             /* @__PURE__ */ m(
               Y,
@@ -8544,7 +8550,7 @@ const C0 = C.div`
               /* @__PURE__ */ m("strong", { children: "Click to upload" }),
               " or drag and drop"
             ] }),
-            o && !$ && /* @__PURE__ */ m(Ye, { size: 14, color: "var(--color-main-grey)", children: o })
+            o && !H && /* @__PURE__ */ m(Ye, { size: 14, color: "var(--color-main-grey)", children: o })
           ]
         }
       ),
@@ -8555,18 +8561,18 @@ const C0 = C.div`
           multiple: t,
           accept: r,
           disabled: d,
-          onChange: (V) => k(V.target.files, V.nativeEvent),
+          onChange: (G) => A(G.target.files, G.nativeEvent),
           style: { display: "none" },
           "aria-label": "File input"
         }
       )
     ] }),
-    $ && U && /* @__PURE__ */ m(ro, { size: "sm", children: U }),
-    /* @__PURE__ */ m(_0, { files: S, onRemove: A, disabled: d })
+    H && U && /* @__PURE__ */ m(ro, { size: "sm", children: U }),
+    /* @__PURE__ */ m(_0, { files: b, onRemove: I, disabled: d })
   ] });
-}, H0 = C.div`
+}, H0 = S.div`
     position: relative;
-`, U0 = C.input`
+`, U0 = S.input`
     position: absolute;
     height: 1.5rem;
     width: 1.5rem;
@@ -8583,7 +8589,7 @@ const C0 = C.div`
         outline-color: var(--color-main-orange-primary);
         outline-offset: 2px;
     }
-`, W0 = C.div`
+`, W0 = S.div`
     height: 1.5rem;
     width: 1.5rem;
     border: 2px solid;
@@ -8608,13 +8614,13 @@ const C0 = C.div`
 `, K0 = v`
     background-color: var(--color-main-orange-primary);
     border-color: var(--color-main-orange-primary);
-`, Y0 = C.svg`
+`, Y0 = S.svg`
     height: 1.5rem;
     width: 1.5rem;
     color: ${({ $disabled: e }) => e ? "var(--color-dark-200)" : "white"};
     fill: none;
     stroke: currentColor;
-`, G0 = C.span`
+`, G0 = S.span`
     display: block;
     width: 60%;
     height: 2px;
@@ -8631,7 +8637,7 @@ const C0 = C.div`
     checkboxClassName: i,
     ...a
   }, l) => {
-    const u = qe(), d = a.id ?? u, c = !!n, { size: h, ...f } = a, p = he(null), y = je(
+    const u = qe(), d = a.id ?? u, c = !!n, { size: h, ...f } = a, p = fe(null), y = je(
       (x) => {
         if (p.current = x, !!l)
           if (typeof l == "function")
@@ -8644,7 +8650,7 @@ const C0 = C.div`
       },
       [l]
     );
-    return Ae(() => {
+    return Te(() => {
       p.current && (p.current.indeterminate = !!t);
     }, [t]), /* @__PURE__ */ D(H0, { className: s, children: [
       /* @__PURE__ */ m(
@@ -8710,7 +8716,7 @@ const X0 = ({
     ...a,
     children: e
   }
-), Z0 = C.section`
+), Z0 = S.section`
     display: flex;
     align-items: center;
     justify-content: center;
@@ -8762,10 +8768,10 @@ const X0 = ({
   }
 );
 Zo.displayName = "Checkbox";
-const q0 = C.div`
+const q0 = S.div`
     position: relative;
     display: inline-block;
-`, J0 = C.input`
+`, J0 = S.input`
     ${Yt}
     text-align: center;
     padding: 0;
@@ -8902,7 +8908,7 @@ const ty = (e, t, n, r, o, s, i = "text", a, l) => {
   o[f].current?.focus();
   const p = c.join("");
   c.every((y) => y !== "") && c.length >= d && l?.(p);
-}, oy = (e) => Array(e).fill(null).map(() => b.createRef()), q1 = (e, t, n = "text") => !(e.length !== t || n === "number" && !/^\d+$/.test(e)), iy = C.div`
+}, oy = (e) => Array(e).fill(null).map(() => w.createRef()), q1 = (e, t, n = "text") => !(e.length !== t || n === "number" && !/^\d+$/.test(e)), iy = S.div`
     display: flex;
     gap: 8px;
     align-items: center;
@@ -8917,7 +8923,7 @@ const ty = (e, t, n, r, o, s, i = "text", a, l) => {
   className: a,
   pinInputClassName: l
 }) => {
-  const [u, d] = Te(Array(e).fill("")), c = _e(() => oy(e), [e]);
+  const [u, d] = ke(Array(e).fill("")), c = _e(() => oy(e), [e]);
   return /* @__PURE__ */ m(iy, { className: a, children: Array.from({ length: e }, (h, f) => /* @__PURE__ */ m(
     uc,
     {
@@ -8955,9 +8961,9 @@ const ty = (e, t, n, r, o, s, i = "text", a, l) => {
   )) });
 };
 dc.displayName = "PinInputGroup";
-const sy = C.div`
+const sy = S.div`
     position: relative;
-`, ay = C.input`
+`, ay = S.input`
     position: absolute;
     height: 1.5rem;
     width: 1.5rem;
@@ -8977,7 +8983,7 @@ const sy = C.div`
     }
 `, ly = v`
     border-color: var(--color-main-orange-primary);
-`, cy = C.div`
+`, cy = S.div`
     height: 1.5rem;
     width: 1.5rem;
     border: 2px solid var(--color-main-input-borders);
@@ -8999,7 +9005,7 @@ const sy = C.div`
     border: 2px solid var(--color-dark-200) !important;
     `}
     ${({ $checked: e }) => e && ly}
-`, uy = C.span`
+`, uy = S.span`
     display: block;
     height: 0.625rem;
     width: 0.625rem;
@@ -9058,7 +9064,7 @@ const fc = ({
   ...s
 }) => /* @__PURE__ */ m(Yo, { className: n, htmlFor: t, size: o, disabled: r, ...s, children: e });
 fc.displayName = "RadioInputLabel";
-const dy = C.section`
+const dy = S.section`
     display: flex;
     align-items: center;
     justify-content: center;
@@ -9106,12 +9112,12 @@ const dy = C.section`
   }
 );
 mc.displayName = "RadioInput";
-const Ks = C.div`
+const Ks = S.div`
     display: flex;
     flex-direction: column;
     gap: 0.5rem;
     width: 100%;
-`, hy = C.div`
+`, hy = S.div`
     display: flex;
     flex-direction: column;
     gap: 0.75rem;
@@ -9135,183 +9141,183 @@ const Ks = C.div`
   labelClassName: y,
   messageErrorClassName: x,
   leftIcon: g,
-  rightIcon: S,
-  iconSize: w,
+  rightIcon: C,
+  iconSize: b,
   iconColor: P,
-  onOptionSelect: E,
+  onOptionSelect: k,
   onRadioChange: T,
-  onPinComplete: k,
+  onPinComplete: E,
   onChange: A,
-  ...R
+  ...I
 }) => {
-  const [_, $, U] = Kc(t), V = !!($.error && ($.touched || $.value)), fe = V ? $.error : void 0, G = e?.toString?.() || t, N = {
+  const [_, $, H] = Kc(t), U = !!($.error && ($.touched || $.value)), G = U ? $.error : void 0, J = e?.toString?.() || t, V = {
     required: a || void 0,
     "aria-required": a || void 0,
-    "aria-invalid": V || void 0,
-    "aria-describedby": V ? `${G}-error` : void 0
-  }, I = (B) => {
-    if (A) return A(B);
-    _.onChange(B);
+    "aria-invalid": U || void 0,
+    "aria-describedby": U ? `${J}-error` : void 0
+  }, R = (N) => {
+    if (A) return A(N);
+    _.onChange(N);
   };
-  let H;
+  let z;
   switch (r) {
     case "textarea": {
-      const B = (z) => {
+      const N = (j) => {
         A ? A(
-          z
-        ) : _.onChange(z);
+          j
+        ) : _.onChange(j);
       };
-      H = /* @__PURE__ */ m(
+      z = /* @__PURE__ */ m(
         lc,
         {
-          id: G,
+          id: J,
           name: t,
           className: p,
-          hasError: V,
+          hasError: U,
           disabled: i,
           value: _.value ?? "",
           size: o,
           placeholder: s,
-          onChange: B,
-          ...R,
-          ...N
+          onChange: N,
+          ...I,
+          ...V
         }
       );
       break;
     }
     case "select": {
-      H = /* @__PURE__ */ m(
+      z = /* @__PURE__ */ m(
         ac,
         {
-          id: G,
+          id: J,
           name: t,
           className: p,
-          hasError: V,
+          hasError: U,
           disabled: i,
           size: o,
           value: _.value ?? "",
-          onChange: (B) => {
-            _.onChange(B);
-            const z = l.find(
-              (ne) => String(ne.value) === B.target.value
+          onChange: (N) => {
+            _.onChange(N);
+            const j = l.find(
+              (re) => String(re.value) === N.target.value
             );
-            z && E?.(z);
+            j && k?.(j);
           },
           options: l,
           placeholder: s || "Selecciona una opción",
-          ...R,
-          ...N
+          ...I,
+          ...V
         }
       );
       break;
     }
     case "checkbox": {
-      H = /* @__PURE__ */ m(
+      z = /* @__PURE__ */ m(
         Zo,
         {
-          id: G,
+          id: J,
           name: t,
           className: p,
-          hasError: V,
+          hasError: U,
           disabled: i,
           size: o,
           checked: !!_.value,
           label: u,
-          onChange: (B) => {
-            U.setValue(B.target.checked);
+          onChange: (N) => {
+            H.setValue(N.target.checked);
           },
-          ...R,
-          ...N
+          ...I,
+          ...V
         }
       );
       break;
     }
     case "radio": {
-      H = /* @__PURE__ */ m(hy, { children: l.map((z) => /* @__PURE__ */ m(
+      z = /* @__PURE__ */ m(hy, { children: l.map((j) => /* @__PURE__ */ m(
         mc,
         {
           name: d || t,
-          value: z.value,
-          label: z.label,
+          value: j.value,
+          label: j.label,
           size: o,
-          hasError: V,
+          hasError: U,
           disabled: i,
-          checked: _.value === z.value,
-          onChange: (ne) => {
-            const re = ne.target.value, j = typeof z.value == "number" ? Number(re) : re;
-            U.setValue(j), T?.(ne);
+          checked: _.value === j.value,
+          onChange: (re) => {
+            const oe = re.target.value, F = typeof j.value == "number" ? Number(oe) : oe;
+            H.setValue(F), T?.(re);
           },
-          ...N
+          ...V
         },
-        z.value
+        j.value
       )) });
       break;
     }
     case "pin": {
-      H = /* @__PURE__ */ m(
+      z = /* @__PURE__ */ m(
         dc,
         {
           length: c,
           type: h,
           size: o,
-          hasError: V,
-          onChange: (B) => U.setValue(B),
-          onComplete: (B) => {
-            U.setValue(B), k?.(B);
+          hasError: U,
+          onChange: (N) => H.setValue(N),
+          onComplete: (N) => {
+            H.setValue(N), E?.(N);
           },
-          ...R,
-          ...N
+          ...I,
+          ...V
         }
       );
       break;
     }
     case "password": {
-      const { rightIcon: B, ...z } = R;
-      H = /* @__PURE__ */ m(
+      const { rightIcon: N, ...j } = I;
+      z = /* @__PURE__ */ m(
         l0,
         {
-          id: G,
+          id: J,
           name: t,
           className: p,
-          hasError: V,
+          hasError: U,
           disabled: i,
           size: o,
           placeholder: s,
           leftIcon: g,
-          iconSize: w,
+          iconSize: b,
           iconColor: P,
-          onChange: I,
-          ...z,
-          ...N
+          onChange: R,
+          ...j,
+          ...V
         }
       );
       break;
     }
     case "search": {
-      H = /* @__PURE__ */ m(
+      z = /* @__PURE__ */ m(
         k0,
         {
           className: p,
           size: o,
           placeholder: s,
           leftIcon: g,
-          rightIcon: S,
-          iconSize: w,
+          rightIcon: C,
+          iconSize: b,
           iconColor: P,
-          onSearch: R.onSearch,
-          ...N
+          onSearch: I.onSearch,
+          ...V
         }
       );
       break;
     }
     default:
-      H = /* @__PURE__ */ m(
+      z = /* @__PURE__ */ m(
         oc,
         {
-          id: G,
+          id: J,
           name: t,
           className: p,
-          hasError: V,
+          hasError: U,
           disabled: i,
           size: o,
           placeholder: s,
@@ -9327,32 +9333,32 @@ const Ks = C.div`
             "time"
           ].includes(r) ? r : "text",
           leftIcon: g,
-          rightIcon: S,
-          iconSize: w,
+          rightIcon: C,
+          iconSize: b,
           iconColor: P,
           value: _.value ?? "",
-          onChange: I,
-          ...R,
-          ...N
+          onChange: R,
+          ...I,
+          ...V
         }
       );
   }
   return r === "checkbox" ? /* @__PURE__ */ D(Ks, { className: f, children: [
-    H,
-    V && /* @__PURE__ */ m(
+    z,
+    U && /* @__PURE__ */ m(
       ro,
       {
-        id: `${G}-error`,
+        id: `${J}-error`,
         size: o,
         className: x,
-        children: fe
+        children: G
       }
     )
   ] }) : /* @__PURE__ */ D(Ks, { className: f, children: [
     n && /* @__PURE__ */ m(
       Yo,
       {
-        htmlFor: G,
+        htmlFor: J,
         size: o,
         required: a,
         disabled: i,
@@ -9360,8 +9366,8 @@ const Ks = C.div`
         children: n
       }
     ),
-    H,
-    V && /* @__PURE__ */ m(ro, { id: `${G}-error`, size: o, className: x, children: fe })
+    z,
+    U && /* @__PURE__ */ m(ro, { id: `${J}-error`, size: o, className: x, children: G })
   ] });
 }, fy = {
   initial: { opacity: 0, scale: 0.95 },
@@ -9410,7 +9416,7 @@ const Ks = C.div`
   animate: { height: "auto", opacity: 1, y: 0 },
   exit: { height: 0, opacity: 0, y: -6 },
   transition: { duration: 0.2, ease: "easeInOut" }
-}, py = C(Je.div)`
+}, py = S(Je.div)`
     position: fixed;
     inset: 0;
     z-index: 50;
@@ -9424,7 +9430,7 @@ const Ks = C.div`
     @media (max-width: 768px) {
         padding: 0.5rem;
     }
-`, gy = C(Je.div)`
+`, gy = S(Je.div)`
     position: relative;
     display: flex;
     flex-direction: column;
@@ -9462,7 +9468,7 @@ const Ks = C.div`
         outline: none;
         box-shadow: var(--shadow-hover-black-card);
     }
-`, yy = C.button`
+`, yy = S.button`
     position: absolute;
     top: 1rem;
     right: 1rem;
@@ -9495,23 +9501,23 @@ const Ks = C.div`
   ariaLabelledBy: d,
   ariaDescribedBy: c
 }) => {
-  const h = he(null), f = he(null), p = (x) => {
+  const h = fe(null), f = fe(null), p = (x) => {
     o && x.target === x.currentTarget && t();
   };
-  Ae(() => {
+  Te(() => {
     const x = (g) => {
       l && g.key === "Escape" && t();
     };
     return e ? (document.addEventListener("keydown", x), document.body.style.overflow = "hidden") : document.body.style.overflow = "", () => {
       document.removeEventListener("keydown", x), document.body.style.overflow = "";
     };
-  }, [e, t, l]), Ae(() => {
+  }, [e, t, l]), Te(() => {
     if (!e) return;
     f.current = document.activeElement;
     const x = h.current, g = () => {
       x && (x.hasAttribute("tabindex") || x.setAttribute("tabindex", "-1"), x.focus());
-    }, S = window.setTimeout(g, 0);
-    function w(E) {
+    }, C = window.setTimeout(g, 0);
+    function b(k) {
       const T = [
         "a[href]",
         "area[href]",
@@ -9525,22 +9531,22 @@ const Ks = C.div`
         '[tabindex]:not([tabindex="-1"])',
         '[contenteditable="true"]'
       ];
-      return Array.from(E.querySelectorAll(T.join(","))).filter(
-        (k) => !!(k.offsetWidth || k.offsetHeight || k.getClientRects().length)
+      return Array.from(k.querySelectorAll(T.join(","))).filter(
+        (E) => !!(E.offsetWidth || E.offsetHeight || E.getClientRects().length)
       );
     }
-    const P = (E) => {
-      if (E.key !== "Tab" || !x) return;
-      const T = w(x);
+    const P = (k) => {
+      if (k.key !== "Tab" || !x) return;
+      const T = b(x);
       if (T.length === 0) {
-        E.preventDefault(), x.focus();
+        k.preventDefault(), x.focus();
         return;
       }
-      const k = T[0], A = T[T.length - 1], R = document.activeElement;
-      !E.shiftKey && R === A ? (E.preventDefault(), k.focus()) : E.shiftKey && R === k && (E.preventDefault(), A.focus());
+      const E = T[0], A = T[T.length - 1], I = document.activeElement;
+      !k.shiftKey && I === A ? (k.preventDefault(), E.focus()) : k.shiftKey && I === E && (k.preventDefault(), A.focus());
     };
     return document.addEventListener("keydown", P), () => {
-      window.clearTimeout(S), document.removeEventListener("keydown", P), f.current && f.current.focus();
+      window.clearTimeout(C), document.removeEventListener("keydown", P), f.current && f.current.focus();
     };
   }, [e]);
   const y = /* @__PURE__ */ m(pn, { children: e && /* @__PURE__ */ m(py, { ...pc, onClick: p, children: /* @__PURE__ */ D(
@@ -9572,7 +9578,7 @@ const Ks = C.div`
     }
   ) }) });
   return typeof document > "u" ? y : Wc(y, document.body);
-}, by = C.div`
+}, by = S.div`
     display: flex;
     align-items: center;
     justify-content: space-between;
@@ -9620,7 +9626,7 @@ const Ks = C.div`
     ...o,
     children: n
   }
-), wy = C.div`
+), wy = S.div`
     position: relative;
     display: flex;
     flex-direction: column;
@@ -9650,7 +9656,7 @@ const Ks = C.div`
     ...s,
     children: e
   }
-), Cy = C.div`
+), Cy = S.div`
     display: flex;
     align-items: center;
     width: 100%;
@@ -9704,15 +9710,15 @@ const Ks = C.div`
   headerClassName: y,
   bodyClassName: x,
   footerClassName: g,
-  initiallyConfirmed: S = !1,
-  onConfirmChange: w
+  initiallyConfirmed: C = !1,
+  onConfirmChange: b
 }) => {
-  const [P, E] = b.useState(S);
-  b.useEffect(() => {
-    e || E(S);
-  }, [e, S]);
-  const T = (k) => {
-    E(k), w?.(k);
+  const [P, k] = w.useState(C);
+  w.useEffect(() => {
+    e || k(C);
+  }, [e, C]);
+  const T = (E) => {
+    k(E), b?.(E);
   };
   return /* @__PURE__ */ D(
     vy,
@@ -9739,7 +9745,7 @@ const Ks = C.div`
             {
               label: a,
               checked: P,
-              onChange: (k) => T(k.target.checked)
+              onChange: (E) => T(E.target.checked)
             }
           ),
           /* @__PURE__ */ D("div", { style: { display: "flex", gap: "0.5rem" }, children: [
@@ -9751,7 +9757,7 @@ const Ks = C.div`
     }
   );
 }, gc = bt(void 0), ky = ({ children: e }) => {
-  const [t, n] = Te(!1), [r, o] = Te(!1);
+  const [t, n] = ke(!1), [r, o] = ke(!1);
   return /* @__PURE__ */ m(
     gc.Provider,
     {
@@ -9765,7 +9771,7 @@ const Ks = C.div`
     }
   );
 }, yc = () => {
-  const e = ce(gc);
+  const e = ue(gc);
   if (!e)
     throw new Error("useSidebar must be used within a SidebarProvider");
   return e;
@@ -9792,7 +9798,7 @@ const Ks = C.div`
         outline-color: var(--color-main-blue-primary);
         outline-offset: -2px;
     }
-`, Py = C.button`
+`, Py = S.button`
     ${vc}
 
     // Level-based padding
@@ -9812,7 +9818,7 @@ const Ks = C.div`
     }
 
     ${({ $collapsed: e }) => e ? "justify-content: center;" : ""}
-`, Ay = C.button`
+`, Ay = S.button`
     ${vc}
 
     // Level-based padding
@@ -9832,38 +9838,38 @@ const Ks = C.div`
     }
 
     ${({ $collapsed: e }) => e ? "justify-content: center;" : ""}
-`, $y = C.span`
+`, $y = S.span`
     display: inline-flex;
     align-items: center;
     gap: 0.75rem;
     min-width: 0;
-`, Dy = C(Ye)`
+`, Dy = S(Ye)`
     font-weight: ${({ $level: e }) => e === 0 ? 600 : 500};
     color: var(--color-main-blue-primary);
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
-`, My = C(Je.div)`
+`, My = S(Je.div)`
     background-color: transparent;
     overflow: hidden;
     will-change: height, opacity, transform;
-`, Vy = C.div`
+`, Vy = S.div`
     width: 100%;
     ${({ $level: e }) => e > 0 ? "border-top: 1px solid var(--color-light-200);" : ""}
-`, Ry = C.span`
+`, Ry = S.span`
     width: 0.625rem;
     height: 0.125rem;
     background: var(--color-main-blue-primary);
     border-radius: 1px;
     flex: 0 0 auto;
-`, Iy = C.div`
+`, Iy = S.div`
     ${Ey}
     transform: rotate(${({ $open: e }) => e ? "90deg" : "0deg"});
     pointer-events: none;
     transition: transform 0.3s ease-out;
 `, bc = ({ item: e, userRoles: t, level: n = 0, activePath: r, onNavigate: o }) => {
-  const [s, i] = Te(!1), { isCollapsed: a, setIsMobileOpen: l } = yc(), u = _e(
-    () => (e.children || []).filter((S) => Ys(t, S.permissions)),
+  const [s, i] = ke(!1), { isCollapsed: a, setIsMobileOpen: l } = yc(), u = _e(
+    () => (e.children || []).filter((C) => Ys(t, C.permissions)),
     [e.children, t]
   );
   if (!_e(
@@ -9871,15 +9877,15 @@ const Ks = C.div`
     [t, e.permissions]
   )) return null;
   const c = u.length > 0, h = e.href || e.path || "", f = !!(h && r && r.startsWith(h)), p = () => {
-    i((S) => !S);
+    i((C) => !C);
   }, y = () => {
     e.href && o?.(e.href);
   }, x = async () => {
     if (e.path)
       try {
         typeof window < "u" && window.open(e.path, "_blank", "noopener,noreferrer"), l && l(!1);
-      } catch (S) {
-        console.error("Error al navegar a microservicio:", S);
+      } catch (C) {
+        console.error("Error al navegar a microservicio:", C);
       }
   }, g = () => /* @__PURE__ */ D(oo, { children: [
     /* @__PURE__ */ D($y, { children: [
@@ -9939,19 +9945,19 @@ const Ks = C.div`
         }
       )
     ),
-    /* @__PURE__ */ m(pn, { initial: !1, children: !a && s && c && /* @__PURE__ */ m(My, { $level: n + 1, ...my, children: u.map((S) => /* @__PURE__ */ m(
+    /* @__PURE__ */ m(pn, { initial: !1, children: !a && s && c && /* @__PURE__ */ m(My, { $level: n + 1, ...my, children: u.map((C) => /* @__PURE__ */ m(
       bc,
       {
-        item: S,
+        item: C,
         userRoles: t,
         level: n + 1,
         onNavigate: o,
         activePath: r
       },
-      S.id
+      C.id
     )) }) })
   ] });
-}, Ly = C(Je.div)`
+}, Ly = S(Je.div)`
     position: fixed;
     inset: 0;
     background: rgba(0, 0, 0, 0.5);
@@ -9960,7 +9966,7 @@ const Ks = C.div`
     @media (max-width: 767px) {
         display: block;
     }
-`, Ny = C.aside`
+`, Ny = S.aside`
     position: fixed;
     left: 0;
     top: 0;
@@ -9979,7 +9985,7 @@ const Ks = C.div`
     @media (min-width: 768px) {
         transform: translateX(0);
     }
-`, By = C.div`
+`, By = S.div`
     display: flex;
     align-items: center;
     justify-content: space-between;
@@ -9987,11 +9993,11 @@ const Ks = C.div`
     padding: 1rem;
 
     ${({ $collapsed: e }) => e ? "flex-direction: column" : ""};
-`, Oy = C.div`
+`, Oy = S.div`
     display: flex;
     align-items: center;
     gap: 0.5rem;
-`, Fy = C.nav`
+`, Fy = S.nav`
     display: flex;
     flex-direction: column;
     justify-content: flex-start;
@@ -9999,7 +10005,7 @@ const Ks = C.div`
     flex: 1;
     overflow-y: auto;
     padding: 0.25rem 0;
-`, jy = C.button`
+`, jy = S.button`
     display: flex;
     align-items: center;
     justify-content: center;
@@ -10025,7 +10031,7 @@ const Ks = C.div`
     @media (max-width: 767px) {
         display: none;
     }
-`, zy = C.button`
+`, zy = S.button`
     position: fixed;
     top: 0.5rem;
     left: 1rem;
@@ -10187,7 +10193,7 @@ const _y = {
         gap: 0.75rem;
         ${L[20]}
     `
-}, Wy = C.a`
+}, Wy = S.a`
     display: inline-flex;
     align-items: center;
     border-radius: 0.25rem;
@@ -10202,7 +10208,7 @@ const _y = {
     ${({ $size: e }) => Uy[e]}
     ${({ $variant: e }) => _y[e]}
   ${({ $disabled: e }) => e && Hy}
-`, Ky = C.span`
+`, Ky = S.span`
     flex: 1 1 auto;
     min-width: 0;
     max-width: 18ch;
@@ -10231,8 +10237,8 @@ const _y = {
     "aria-label": y,
     "aria-describedby": x,
     onClick: g,
-    ...S
-  }, w) => {
+    ...C
+  }, b) => {
     const P = je(
       (T) => {
         if (l) {
@@ -10242,7 +10248,7 @@ const _y = {
         g?.(T);
       },
       [l, g]
-    ), E = {
+    ), k = {
       href: l ? void 0 : o,
       target: s || void 0,
       rel: i ?? (s === "_blank" ? "noopener noreferrer" : void 0),
@@ -10251,7 +10257,7 @@ const _y = {
       "aria-describedby": x,
       "aria-disabled": l,
       tabIndex: l ? -1 : u ?? 0,
-      ...S
+      ...C
     };
     return /* @__PURE__ */ D(
       Wy,
@@ -10261,8 +10267,8 @@ const _y = {
         $size: t,
         $disabled: l,
         className: a,
-        ref: w,
-        ...E,
+        ref: b,
+        ...k,
         children: [
           d && /* @__PURE__ */ m(Y, { component: d, size: h, color: f }),
           /* @__PURE__ */ m(Ky, { $truncate: p, children: r }),
@@ -10373,7 +10379,7 @@ const Gy = {
         ${Vt.lg}
         ${L[24]}
     `
-}, Jy = C.th`
+}, Jy = S.th`
     background-color: var(--color-main-blue-primary);
     ${({ $size: e }) => qy[e]}
     transition: background-color 0.3s ease-out, box-shadow 0.3s ease-out, border-color 0.3s ease-out;
@@ -10387,10 +10393,10 @@ const Gy = {
     ${({ $active: e }) => e && v`
             background-color: var(--color-blue-400);
         `}
-`, Qy = C.div`
+`, Qy = S.div`
     ${wc}
     justify-content: ${({ $align: e }) => e || "space-between"};
-`, e1 = C.button`
+`, e1 = S.button`
     all: unset;
     display: inline-flex;
     align-items: center;
@@ -10409,11 +10415,11 @@ const Gy = {
         outline-color: var(--color-main-white);
         outline-offset: 2px;
     }
-`, t1 = C.span`
+`, t1 = S.span`
     transition: transform 0.3s ease-out;
     display: inline-flex;
     transform: ${({ $dir: e }) => e === "asc" ? "rotate(-180deg)" : "none"};
-`, Gs = C.span`
+`, Gs = S.span`
     display: inline-flex;
     align-items: center;
     gap: 0.5rem;
@@ -10422,13 +10428,13 @@ const Gy = {
     text-overflow: ellipsis;
     white-space: nowrap;
     flex-shrink: 1;
-`, n1 = C(uo)`
+`, n1 = S(uo)`
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
     max-width: 100%;
     color: var(--color-main-white);
-`, Xs = C.span`
+`, Xs = S.span`
     ${Sc}
     gap: 0.375rem;
 `, Cc = ({
@@ -10504,7 +10510,7 @@ const r1 = {
         ${Vt.lg}
         ${L[16]}
     `
-}, o1 = C.td`
+}, o1 = S.td`
     vertical-align: middle;
     color: var(--color-main-blue-primary);
     ${({ $size: e }) => r1[e]}
@@ -10525,13 +10531,13 @@ const r1 = {
             font-variant-numeric: tabular-nums;
             font-family: ui-monospace, monospace;
         `}
-`, i1 = C.div`
+`, i1 = S.div`
     ${wc}
     justify-content: ${({ $align: e }) => e === "center" ? "center" : e === "right" ? "flex-end" : "flex-start"};
-`, s1 = C(Ye)`
+`, s1 = S(Ye)`
     flex: 1;
     min-width: 0;
-`, Zs = C.span`
+`, Zs = S.span`
     ${Sc}
 `, Tc = ({
   children: e,
@@ -10564,7 +10570,7 @@ const r1 = {
   }
 );
 Tc.displayName = "TableCell";
-const a1 = C.table`
+const a1 = S.table`
     width: 100%;
     table-layout: auto;
     border-collapse: separate;
@@ -10576,13 +10582,13 @@ const a1 = C.table`
     ${({ $variant: e }) => Gy[e]}
     ${Zy}
     ${Xy}
-`, l1 = C.thead`
+`, l1 = S.thead`
     ${({ $sticky: e }) => e && v`
             position: sticky;
             top: 0;
             z-index: 10;
         `}
-`, c1 = C.div`
+`, c1 = S.div`
     max-height: 37.5rem;
     overflow: auto;
     position: relative;
@@ -10655,7 +10661,7 @@ const a1 = C.table`
   ] }) });
 };
 u1.displayName = "Table";
-const d1 = C.div`
+const d1 = S.div`
     position: relative;
     display: flex;
     align-items: center;
@@ -10673,7 +10679,7 @@ const d1 = C.div`
         outline: 2px solid var(--color-main-blue-primary);
         outline-offset: 2px;
     }
-`, h1 = C.div`
+`, h1 = S.div`
     width: 2rem;
     height: 2rem;
     border-radius: 50%;
@@ -10681,7 +10687,7 @@ const d1 = C.div`
     display: flex;
     align-items: center;
     justify-content: center;
-`, f1 = C.div`
+`, f1 = S.div`
     display: flex;
     flex-direction: column;
     align-items: flex-start;
@@ -10689,7 +10695,7 @@ const d1 = C.div`
     @media (max-width: 640px) {
         display: none;
     }
-`, m1 = C(Je.div)`
+`, m1 = S(Je.div)`
     display: flex;
     align-items: center;
     justify-content: center;
@@ -10698,7 +10704,7 @@ const d1 = C.div`
     @media (max-width: 640px) {
         display: none;
     }
-`, p1 = C(Je.div)`
+`, p1 = S(Je.div)`
     position: absolute;
     top: 100%;
     right: 0;
@@ -10710,7 +10716,7 @@ const d1 = C.div`
     box-shadow: var(--shadow-black-card);
     z-index: 100;
     overflow: hidden;
-`, g1 = C.button`
+`, g1 = S.button`
     width: 100%;
     display: flex;
     align-items: center;
@@ -10740,14 +10746,14 @@ const d1 = C.div`
   onLogout: n,
   menuItems: r = []
 }) => {
-  const [o, s] = Te(!1), i = he(null);
-  Ae(() => {
+  const [o, s] = ke(!1), i = fe(null);
+  Te(() => {
     if (!o) return;
     const d = (c) => {
       i.current && !i.current.contains(c.target) && s(!1);
     };
     return document.addEventListener("mousedown", d), () => document.removeEventListener("mousedown", d);
-  }, [o]), Ae(() => {
+  }, [o]), Te(() => {
     if (!o) return;
     const d = (c) => {
       c.key === "Escape" && s(!1);
@@ -10815,7 +10821,7 @@ const d1 = C.div`
         animate: { opacity: 1, y: 0, scale: 1 },
         exit: { opacity: 0, y: -10, scale: 0.95 },
         transition: { duration: 0.15 },
-        children: u.map((d) => /* @__PURE__ */ m(b.Fragment, { children: /* @__PURE__ */ D(
+        children: u.map((d) => /* @__PURE__ */ m(w.Fragment, { children: /* @__PURE__ */ D(
           g1,
           {
             onClick: d.onClick,
@@ -10845,7 +10851,7 @@ const d1 = C.div`
   ] });
 };
 kc.displayName = "UserProfile";
-const y1 = C.header`
+const y1 = S.header`
     position: fixed;
     top: 0;
     left: 0;
@@ -10861,15 +10867,15 @@ const y1 = C.header`
     padding: 0 1rem;
     transition: padding-left 0.3s ease-out;
     padding-left: 5rem;
-`, v1 = C.div`
+`, v1 = S.div`
     display: flex;
     align-items: center;
     gap: 1rem;
-`, b1 = C.div`
+`, b1 = S.div`
     display: flex;
     align-items: center;
     gap: 1rem;
-`, x1 = C.button`
+`, x1 = S.button`
     position: relative;
     display: flex;
     align-items: center;
@@ -10893,7 +10899,7 @@ const y1 = C.header`
     &:active {
         transform: scale(0.92);
     }
-`, w1 = C.span`
+`, w1 = S.span`
     position: absolute;
     top: 0.35rem;
     right: 0.35rem;
@@ -10956,12 +10962,12 @@ const y1 = C.header`
   ] });
 };
 Ec.displayName = "Header";
-const S1 = C.div`
+const S1 = S.div`
     display: flex;
     flex-direction: column;
     height: 100vh;
     overflow: hidden;
-`, C1 = C.main`
+`, C1 = S.main`
     flex: 1;
     margin-top: 4rem;
     /* Mobile-first: no lateral offset so content occupies full width */
@@ -11052,20 +11058,20 @@ const on = {
     fontSize: L[20],
     line: "3px"
   }
-}, k1 = C.div`
+}, k1 = S.div`
     display: flex;
     width: 100%;
-`, E1 = C.div`
+`, E1 = S.div`
     display: flex;
     flex-direction: ${({ $orientation: e }) => e === "vertical" ? "column" : "row"};
     align-items: center;
     width: 100%;
-`, P1 = C.div`
+`, P1 = S.div`
     display: flex;
     align-items: center;
     justify-content: center;
     position: relative;
-`, Pc = C.div`
+`, Pc = S.div`
     display: flex;
     align-items: center;
     justify-content: center;
@@ -11111,7 +11117,7 @@ const on = {
                 box-shadow: var(--shadow-hover-black-button);
             }
         `}
-`, A1 = C.div`
+`, A1 = S.div`
     background-color: ${({ $isCompleted: e }) => e ? "var(--color-main-blue-primary)" : "var(--color-dark-300)"};
     transition: background-color 0.3s ease;
 
@@ -11123,7 +11129,7 @@ const on = {
                   flex: 1;
                   min-width: 2rem;
               `}
-`, $1 = C.span`
+`, $1 = S.span`
     position: absolute;
     ${L[14]}
     font-weight: 500;
@@ -11169,7 +11175,7 @@ const on = {
   };
   return /* @__PURE__ */ m(k1, { $orientation: n, className: s, children: /* @__PURE__ */ m(E1, { $orientation: n, children: e.map((a, l) => {
     const u = l === t, d = l < t, c = o != null;
-    return /* @__PURE__ */ D(b.Fragment, { children: [
+    return /* @__PURE__ */ D(w.Fragment, { children: [
       /* @__PURE__ */ m(P1, { $orientation: n, children: /* @__PURE__ */ D(
         Pc,
         {