@canaia/ui-kit 0.0.10-alpha.28 → 0.0.10-alpha.29

package/dist/canaia-ui-kit.es.js

@@ -261,14 +261,14 @@ function H4() {
       } catch (he) {
         if (he && Se && typeof he.stack == "string") {
           for (var $e = he.stack.split(`
-`), It = Se.stack.split(`
-`), w = $e.length - 1, M = It.length - 1; w >= 1 && M >= 0 && $e[w] !== It[M]; )
+`), $t = Se.stack.split(`
+`), w = $e.length - 1, M = $t.length - 1; w >= 1 && M >= 0 && $e[w] !== $t[M]; )
             M--;
           for (; w >= 1 && M >= 0; w--, M--)
-            if ($e[w] !== It[M]) {
+            if ($e[w] !== $t[M]) {
               if (w !== 1 || M !== 1)
                 do
-                  if (w--, M--, M < 0 || $e[w] !== It[M]) {
+                  if (w--, M--, M < 0 || $e[w] !== $t[M]) {
                     var U = `
 ` + $e[w].replace(" at new ", " at ");
                     return T.displayName && U.includes("<anonymous>") && (U = U.replace("<anonymous>", T.displayName)), typeof T == "function" && le.set(T, U), U;
@@ -335,8 +335,8 @@ function H4() {
             var $e = void 0;
             try {
               if (typeof T[Be] != "function") {
-                var It = Error((Se || "React class") + ": " + ue + " type `" + Be + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof T[Be] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
-                throw It.name = "Invariant Violation", It;
+                var $t = Error((Se || "React class") + ": " + ue + " type `" + Be + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof T[Be] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw $t.name = "Invariant Violation", $t;
               }
               $e = T[Be](J, Be, Se, ue, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (w) {
@@ -377,7 +377,7 @@ function H4() {
       __source: !0
     }, pt, nt, yt;
     yt = {};
-    function Dt(T) {
+    function It(T) {
       if (q.call(T, "ref")) {
         var J = Object.getOwnPropertyDescriptor(T, "ref").get;
         if (J && J.isReactWarning)
@@ -452,8 +452,8 @@ function H4() {
     };
     function rn(T, J, ue, Se, Ne) {
       {
-        var qe, Be = {}, $e = null, It = null;
-        ue !== void 0 && (re(ue), $e = "" + ue), Yt(J) && (re(J.key), $e = "" + J.key), Dt(J) && (It = J.ref, st(J, Ne));
+        var qe, Be = {}, $e = null, $t = null;
+        ue !== void 0 && (re(ue), $e = "" + ue), Yt(J) && (re(J.key), $e = "" + J.key), It(J) && ($t = J.ref, st(J, Ne));
         for (qe in J)
           q.call(J, qe) && !Me.hasOwnProperty(qe) && (Be[qe] = J[qe]);
         if (T && T.defaultProps) {
@@ -461,11 +461,11 @@ function H4() {
           for (qe in w)
             Be[qe] === void 0 && (Be[qe] = w[qe]);
         }
-        if ($e || It) {
+        if ($e || $t) {
           var M = typeof T == "function" ? T.displayName || T.name || "Unknown" : T;
-          $e && Et(Be, M), It && qt(Be, M);
+          $e && Et(Be, M), $t && qt(Be, M);
         }
-        return zn(T, $e, It, Ne, Se, ae.current, Be);
+        return zn(T, $e, $t, Ne, Se, ae.current, Be);
       }
     }
     var gn = C.ReactCurrentOwner, to = C.ReactDebugCurrentFrame;
@@ -585,8 +585,8 @@ Check the top-level render call using <` + ue + ">.");
         if (!Be) {
           var $e = "";
           (T === void 0 || typeof T == "object" && T !== null && Object.keys(T).length === 0) && ($e += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
-          var It = Zn();
-          It ? $e += It : $e += vr();
+          var $t = Zn();
+          $t ? $e += $t : $e += vr();
           var w;
           T === null ? w = "null" : Re(T) ? w = "array" : T !== void 0 && T.$$typeof === t ? (w = "<" + (se(T.type) || "Unknown") + " />", $e = " Did you accidentally export a JSX literal instead of a component?") : w = typeof T, b("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", w, $e);
         }
@@ -784,7 +784,7 @@ function tg(...e) {
     e.forEach((r) => r == null ? void 0 : r(...n));
   };
 }
-function zt(...e) {
+function Lt(...e) {
   return function(n) {
     e.some((r) => (r == null || r(n), n == null ? void 0 : n.defaultPrevented));
   };
@@ -1005,7 +1005,7 @@ zs.exports;
     "^" + Re.call(ce).replace(E, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
   ), Me = de ? G.Buffer : void 0, pt = G.Symbol, nt = G.Uint8Array;
   Me && Me.allocUnsafe;
-  var yt = ie(Object.getPrototypeOf, Object), Dt = Object.create, Yt = pe.propertyIsEnumerable, st = xe.splice, Et = pt ? pt.toStringTag : void 0, qt = function() {
+  var yt = ie(Object.getPrototypeOf, Object), It = Object.create, Yt = pe.propertyIsEnumerable, st = xe.splice, Et = pt ? pt.toStringTag : void 0, qt = function() {
     try {
       var k = Ze(Object, "defineProperty");
       return k({}, "", {}), k;
@@ -1017,8 +1017,8 @@ zs.exports;
     return function(A) {
       if (!oo(A))
         return {};
-      if (Dt)
-        return Dt(A);
+      if (It)
+        return It(A);
       k.prototype = A;
       var V = new k();
       return k.prototype = void 0, V;
@@ -1130,7 +1130,7 @@ zs.exports;
   function $e(k) {
     return this.__data__.has(k);
   }
-  function It(k, A) {
+  function $t(k, A) {
     var V = this.__data__;
     if (V instanceof Xt) {
       var Ce = V.__data__;
@@ -1140,15 +1140,15 @@ zs.exports;
     }
     return V.set(k, A), this.size = V.size, this;
   }
-  Se.prototype.clear = Ne, Se.prototype.delete = qe, Se.prototype.get = Be, Se.prototype.has = $e, Se.prototype.set = It;
+  Se.prototype.clear = Ne, Se.prototype.delete = qe, Se.prototype.get = Be, Se.prototype.has = $e, Se.prototype.set = $t;
   function w(k, A) {
-    var V = Vr(k), Ce = !V && $o(k), Ue = !V && !Ce && yf(k), ut = !V && !Ce && !Ue && Cf(k), vt = V || Ce || Ue || ut, Ye = vt ? Ie(k.length, String) : [], bt = Ye.length;
+    var V = Vr(k), Ce = !V && $o(k), Ue = !V && !Ce && yf(k), ut = !V && !Ce && !Ue && Cf(k), gt = V || Ce || Ue || ut, Ye = gt ? Ie(k.length, String) : [], vt = Ye.length;
     for (var Nn in k)
-      vt && // Safari 9 has enumerable `arguments.length` in strict mode.
+      gt && // Safari 9 has enumerable `arguments.length` in strict mode.
       (Nn == "length" || // Node.js 0.10 has enumerable non-index properties on buffers.
       Ue && (Nn == "offset" || Nn == "parent") || // PhantomJS 2 has enumerable non-index properties on typed arrays.
       ut && (Nn == "buffer" || Nn == "byteLength" || Nn == "byteOffset") || // Skip index properties.
-      ro(Nn, bt)) || Ye.push(Nn);
+      ro(Nn, vt)) || Ye.push(Nn);
     return Ye;
   }
   function M(k, A, V) {
@@ -1197,27 +1197,27 @@ zs.exports;
     return V;
   }
   function Jt(k, A, V, Ce, Ue) {
-    k !== A && he(A, function(ut, vt) {
+    k !== A && he(A, function(ut, gt) {
       if (Ue || (Ue = new Se()), oo(ut))
-        $t(k, A, vt, V, Jt, Ce, Ue);
+        Ft(k, A, gt, V, Jt, Ce, Ue);
       else {
-        var Ye = Ce ? Ce(Ro(k, vt), ut, vt + "", k, A, Ue) : void 0;
-        Ye === void 0 && (Ye = ut), M(k, vt, Ye);
+        var Ye = Ce ? Ce(Ro(k, gt), ut, gt + "", k, A, Ue) : void 0;
+        Ye === void 0 && (Ye = ut), M(k, gt, Ye);
       }
     }, wf);
   }
-  function $t(k, A, V, Ce, Ue, ut, vt) {
-    var Ye = Ro(k, V), bt = Ro(A, V), Nn = vt.get(bt);
+  function Ft(k, A, V, Ce, Ue, ut, gt) {
+    var Ye = Ro(k, V), vt = Ro(A, V), Nn = gt.get(vt);
     if (Nn) {
       M(k, V, Nn);
       return;
     }
-    var yn = ut ? ut(Ye, bt, V + "", k, A, vt) : void 0, Ei = yn === void 0;
+    var yn = ut ? ut(Ye, vt, V + "", k, A, gt) : void 0, Ei = yn === void 0;
     if (Ei) {
-      var Lc = Vr(bt), Bc = !Lc && yf(bt), kf = !Lc && !Bc && Cf(bt);
-      yn = bt, Lc || Bc || kf ? Vr(Ye) ? yn = Ye : O4(Ye) ? yn = Ga(Ye) : Bc ? (Ei = !1, yn = bn(bt)) : kf ? (Ei = !1, yn = Gn(bt)) : yn = [] : M4(bt) || $o(bt) ? (yn = Ye, $o(Ye) ? yn = R4(Ye) : (!oo(Ye) || zc(Ye)) && (yn = xr(bt))) : Ei = !1;
+      var Lc = Vr(vt), Bc = !Lc && yf(vt), kf = !Lc && !Bc && Cf(vt);
+      yn = vt, Lc || Bc || kf ? Vr(Ye) ? yn = Ye : O4(Ye) ? yn = Ga(Ye) : Bc ? (Ei = !1, yn = bn(vt)) : kf ? (Ei = !1, yn = Gn(vt)) : yn = [] : M4(vt) || $o(vt) ? (yn = Ye, $o(Ye) ? yn = R4(Ye) : (!oo(Ye) || zc(Ye)) && (yn = xr(vt))) : Ei = !1;
     }
-    Ei && (vt.set(bt, yn), Ue(yn, bt, Ce, ut, vt), vt.delete(bt)), M(k, V, yn);
+    Ei && (gt.set(vt, yn), Ue(yn, vt, Ce, ut, gt), gt.delete(vt)), M(k, V, yn);
   }
   function _t(k, A) {
     return Do(Yn(k, A, Sf), k + "");
@@ -1250,16 +1250,16 @@ zs.exports;
   function Ka(k, A, V, Ce) {
     var Ue = !V;
     V || (V = {});
-    for (var ut = -1, vt = A.length; ++ut < vt; ) {
-      var Ye = A[ut], bt = void 0;
-      bt === void 0 && (bt = k[Ye]), Ue ? ge(V, Ye, bt) : U(V, Ye, bt);
+    for (var ut = -1, gt = A.length; ++ut < gt; ) {
+      var Ye = A[ut], vt = void 0;
+      vt === void 0 && (vt = k[Ye]), Ue ? ge(V, Ye, vt) : U(V, Ye, vt);
     }
     return V;
   }
   function $c(k) {
     return _t(function(A, V) {
-      var Ce = -1, Ue = V.length, ut = Ue > 1 ? V[Ue - 1] : void 0, vt = Ue > 2 ? V[2] : void 0;
-      for (ut = k.length > 3 && typeof ut == "function" ? (Ue--, ut) : void 0, vt && Qt(V[0], V[1], vt) && (ut = Ue < 3 ? void 0 : ut, Ue = 1), A = Object(A); ++Ce < Ue; ) {
+      var Ce = -1, Ue = V.length, ut = Ue > 1 ? V[Ue - 1] : void 0, gt = Ue > 2 ? V[2] : void 0;
+      for (ut = k.length > 3 && typeof ut == "function" ? (Ue--, ut) : void 0, gt && Qt(V[0], V[1], gt) && (ut = Ue < 3 ? void 0 : ut, Ue = 1), A = Object(A); ++Ce < Ue; ) {
         var Ye = V[Ce];
         Ye && k(A, Ye, Ce, ut);
       }
@@ -1268,9 +1268,9 @@ zs.exports;
   }
   function Fc(k) {
     return function(A, V, Ce) {
-      for (var Ue = -1, ut = Object(A), vt = Ce(A), Ye = vt.length; Ye--; ) {
-        var bt = vt[++Ue];
-        if (V(ut[bt], bt, ut) === !1)
+      for (var Ue = -1, ut = Object(A), gt = Ce(A), Ye = gt.length; Ye--; ) {
+        var vt = gt[++Ue];
+        if (V(ut[vt], vt, ut) === !1)
           break;
       }
       return A;
@@ -1330,12 +1330,12 @@ zs.exports;
   }
   function Yn(k, A, V) {
     return A = rn(A === void 0 ? k.length - 1 : A, 0), function() {
-      for (var Ce = arguments, Ue = -1, ut = rn(Ce.length - A, 0), vt = Array(ut); ++Ue < ut; )
-        vt[Ue] = Ce[A + Ue];
+      for (var Ce = arguments, Ue = -1, ut = rn(Ce.length - A, 0), gt = Array(ut); ++Ue < ut; )
+        gt[Ue] = Ce[A + Ue];
       Ue = -1;
       for (var Ye = Array(A + 1); ++Ue < A; )
         Ye[Ue] = Ce[Ue];
-      return Ye[A] = V(vt), je(k, this, Ye);
+      return Ye[A] = V(gt), je(k, this, Ye);
     };
   }
   function Ro(k, A) {
@@ -1641,7 +1641,7 @@ function Pg(e, t) {
     };
   }, [t, n]);
 }
-const Ft = {
+const zt = {
   open: (e, t) => `${e}[data-open], ${e}[open], ${e}[data-state=open] ${t}`,
   closed: (e, t) => `${e}[data-closed], ${e}[data-state=closed] ${t}`,
   hover: (e, t) => `${e}:hover ${t}, ${e}[data-hover] ${t}`,
@@ -1825,79 +1825,79 @@ const Ft = {
   /**
    * Styles to apply when a parent element with `.group`, `data-group` or `role=group` is open
    */
-  _groupOpen: Xn(Ft.open),
+  _groupOpen: Xn(zt.open),
   /**
    * Styles to apply when a parent element with `.group`, `data-group` or `role=group` is closed
    */
-  _groupClosed: Xn(Ft.closed),
+  _groupClosed: Xn(zt.closed),
   /**
    * Styles to apply when a parent element with `.group`, `data-group` or `role=group` is hovered
    */
-  _groupHover: Xn(Ft.hover),
+  _groupHover: Xn(zt.hover),
   /**
    * Styles to apply when a sibling element with `.peer` or `data-peer` is hovered
    */
-  _peerHover: wr(Ft.hover),
+  _peerHover: wr(zt.hover),
   /**
    * Styles to apply when a parent element with `.group`, `data-group` or `role=group` is focused
    */
-  _groupFocus: Xn(Ft.focus),
+  _groupFocus: Xn(zt.focus),
   /**
    * Styles to apply when a sibling element with `.peer` or `data-peer` is focused
    */
-  _peerFocus: wr(Ft.focus),
+  _peerFocus: wr(zt.focus),
   /**
    * Styles to apply when a parent element with `.group`, `data-group` or `role=group` has visible focus
    */
-  _groupFocusVisible: Xn(Ft.focusVisible),
+  _groupFocusVisible: Xn(zt.focusVisible),
   /**
    * Styles to apply when a sibling element with `.peer`or `data-peer` has visible focus
    */
-  _peerFocusVisible: wr(Ft.focusVisible),
+  _peerFocusVisible: wr(zt.focusVisible),
   /**
    * Styles to apply when a parent element with `.group`, `data-group` or `role=group` is active
    */
-  _groupActive: Xn(Ft.active),
+  _groupActive: Xn(zt.active),
   /**
    * Styles to apply when a sibling element with `.peer` or `data-peer` is active
    */
-  _peerActive: wr(Ft.active),
+  _peerActive: wr(zt.active),
   /**
    * Styles to apply when a parent element with `.group`, `data-group` or `role=group` is disabled
    */
-  _groupDisabled: Xn(Ft.disabled),
+  _groupDisabled: Xn(zt.disabled),
   /**
    *  Styles to apply when a sibling element with `.peer` or `data-peer` is disabled
    */
-  _peerDisabled: wr(Ft.disabled),
+  _peerDisabled: wr(zt.disabled),
   /**
    *  Styles to apply when a parent element with `.group`, `data-group` or `role=group` is invalid
    */
-  _groupInvalid: Xn(Ft.invalid),
+  _groupInvalid: Xn(zt.invalid),
   /**
    *  Styles to apply when a sibling element with `.peer` or `data-peer` is invalid
    */
-  _peerInvalid: wr(Ft.invalid),
+  _peerInvalid: wr(zt.invalid),
   /**
    * Styles to apply when a parent element with `.group`, `data-group` or `role=group` is checked
    */
-  _groupChecked: Xn(Ft.checked),
+  _groupChecked: Xn(zt.checked),
   /**
    * Styles to apply when a sibling element with `.peer` or `data-peer` is checked
    */
-  _peerChecked: wr(Ft.checked),
+  _peerChecked: wr(zt.checked),
   /**
    *  Styles to apply when a parent element with `.group`, `data-group` or `role=group` has focus within
    */
-  _groupFocusWithin: Xn(Ft.focusWithin),
+  _groupFocusWithin: Xn(zt.focusWithin),
   /**
    *  Styles to apply when a sibling element with `.peer` or `data-peer` has focus within
    */
-  _peerFocusWithin: wr(Ft.focusWithin),
+  _peerFocusWithin: wr(zt.focusWithin),
   /**
    * Styles to apply when a sibling element with `.peer` or `data-peer` has placeholder shown
    */
-  _peerPlaceholderShown: wr(Ft.placeholderShown),
+  _peerPlaceholderShown: wr(zt.placeholderShown),
   /**
    * Styles for CSS Selector `&::placeholder`.
    */
@@ -8397,7 +8397,7 @@ function Uh(e, t) {
       a[as[b]].cancel(C);
   }, state: o, steps: a };
 }
-const { schedule: gt, cancel: Xr, state: Vt, steps: sl } = Uh(typeof requestAnimationFrame < "u" ? requestAnimationFrame : dn, !0), qh = (e, t, n) => (((1 - 3 * n + 3 * t) * e + (3 * n - 6 * t)) * e + 3 * t) * e, vx = 1e-7, bx = 12;
+const { schedule: mt, cancel: Xr, state: Vt, steps: sl } = Uh(typeof requestAnimationFrame < "u" ? requestAnimationFrame : dn, !0), qh = (e, t, n) => (((1 - 3 * n + 3 * t) * e + (3 * n - 6 * t)) * e + 3 * t) * e, vx = 1e-7, bx = 12;
 function yx(e, t, n, r, o) {
   let i, a, s = 0;
   do
@@ -8537,7 +8537,7 @@ class ud {
     this.isComplete = !1, this.isAsync = !1, this.needsMeasurement = !1, this.isScheduled = !1, this.unresolvedKeyframes = [...t], this.onComplete = n, this.name = r, this.motionValue = o, this.element = i, this.isAsync = a;
   }
   scheduleResolve() {
-    this.isScheduled = !0, this.isAsync ? (go.add(this), nu || (nu = !0, gt.read(c2), gt.resolveKeyframes(s2))) : (this.readKeyframes(), this.complete());
+    this.isScheduled = !0, this.isAsync ? (go.add(this), nu || (nu = !0, mt.read(c2), mt.resolveKeyframes(s2))) : (this.readKeyframes(), this.complete());
   }
   readKeyframes() {
     const { unresolvedKeyframes: t, name: n, element: r, motionValue: o } = this;
@@ -9324,7 +9324,7 @@ function Us({ duration: e = 300, keyframes: t, times: n, ease: r = "easeInOut" }
 const PC = (e) => {
   const t = ({ timestamp: n }) => e(n);
   return {
-    start: () => gt.update(t, !0),
+    start: () => mt.update(t, !0),
     stop: () => Xr(t),
     /**
      * If we're processing this frame we can use the
@@ -9807,7 +9807,7 @@ const xd = (e, t, n, r = {}, o, i) => (a) => {
   if ((u.type === !1 || u.duration === 0 && !u.repeatDelay) && (u.duration = 0, u.delay === 0 && (d = !0)), d && !i && t.get() !== void 0) {
     const p = Sc(u.keyframes, s);
     if (p !== void 0)
-      return gt.update(() => {
+      return mt.update(() => {
         u.onUpdate(p), u.onComplete();
       }), new NC([]);
   }
@@ -9914,7 +9914,7 @@ class qC {
     this.events[t] || (this.events[t] = new Sd());
     const r = this.events[t].add(n);
     return t === "change" ? () => {
-      r(), gt.read(() => {
+      r(), mt.read(() => {
         this.events.change.getSize() || this.stop();
       });
     } : r;
@@ -10089,7 +10089,7 @@ function E2(e, t, { delay: n = 0, transitionOverride: r, type: o } = {}) {
     if (window.MotionHandoffAnimation) {
       const C = A2(e);
       if (C) {
-        const b = window.MotionHandoffAnimation(C, d, gt);
+        const b = window.MotionHandoffAnimation(C, d, mt);
         b !== null && (v.startTime = b, m = !0);
       }
     }
@@ -10098,7 +10098,7 @@ function E2(e, t, { delay: n = 0, transitionOverride: r, type: o } = {}) {
     g && l.push(g);
   }
   return s && Promise.all(l).then(() => {
-    gt.update(() => {
+    mt.update(() => {
       s && GC(e, s);
     });
   }), l;
@@ -10477,7 +10477,7 @@ class I2 {
       const { onStart: g, onMove: C } = this.handlers;
       p || (g && g(this.lastMoveEvent, d), this.startEvent = this.lastMoveEvent), C && C(this.lastMoveEvent, d);
     }, this.handlePointerMove = (d, p) => {
-      this.lastMoveEvent = d, this.lastMoveEventInfo = pl(p, this.transformPagePoint), gt.update(this.updatePoint, !0);
+      this.lastMoveEvent = d, this.lastMoveEventInfo = pl(p, this.transformPagePoint), mt.update(this.updatePoint, !0);
     }, this.handlePointerUp = (d, p) => {
       this.end();
       const { onEnd: h, onSessionEnd: v, resumeAnimation: m } = this.handlers;
@@ -10739,7 +10739,7 @@ class Lw {
           }
         }
         this.originPoint[g] = C;
-      }), v && gt.postRender(() => v(u, d)), uu(this.visualElement, "transform");
+      }), v && mt.postRender(() => v(u, d)), uu(this.visualElement, "transform");
       const { animationState: m } = this.visualElement;
       m && m.setActive("whileDrag", !0);
     }, a = (u, d) => {
@@ -10775,7 +10775,7 @@ class Lw {
     const { velocity: o } = n;
     this.startAnimation(o);
     const { onDragEnd: i } = this.getProps();
-    i && gt.postRender(() => i(t, n));
+    i && mt.postRender(() => i(t, n));
   }
   cancel() {
     this.isDragging = !1;
@@ -10915,7 +10915,7 @@ class Lw {
       const { dragConstraints: c } = this.getProps();
       Ko(c) && c.current && (this.constraints = this.resolveRefConstraints());
     }, { projection: o } = this.visualElement, i = o.addEventListener("measure", r);
-    o && !o.layout && (o.root && o.root.updateScroll(), o.updateLayout()), gt.read(r);
+    o && !o.layout && (o.root && o.root.updateScroll(), o.updateLayout()), mt.read(r);
     const a = Ca(window, "resize", () => this.scalePositionWithinConstraints()), s = o.addEventListener("didUpdate", ({ delta: c, hasLayoutChanged: l }) => {
       this.isDragging && l && (En((u) => {
         const d = this.getAxisMotionValue(u);
@@ -10959,7 +10959,7 @@ class Nw extends Qr {
   }
 }
 const Hp = (e) => (t, n) => {
-  e && gt.postRender(() => e(t, n));
+  e && mt.postRender(() => e(t, n));
 };
 class Vw extends Qr {
   constructor() {
@@ -10978,7 +10978,7 @@ class Vw extends Qr {
       onStart: Hp(n),
       onMove: r,
       onEnd: (i, a) => {
-        delete this.session, o && gt.postRender(() => o(i, a));
+        delete this.session, o && mt.postRender(() => o(i, a));
       }
     };
   }
@@ -11067,7 +11067,7 @@ class Zw extends F4 {
   }
   getSnapshotBeforeUpdate(t) {
     const { layoutDependency: n, visualElement: r, drag: o, isPresent: i } = this.props, a = r.projection;
-    return a && (a.isPresent = i, o || t.layoutDependency !== n || n === void 0 ? a.willUpdate() : this.safeToRemove(), t.isPresent !== i && (i ? a.promote() : a.relegate() || gt.postRender(() => {
+    return a && (a.isPresent = i, o || t.layoutDependency !== n || n === void 0 ? a.willUpdate() : this.safeToRemove(), t.isPresent !== i && (i ? a.promote() : a.relegate() || mt.postRender(() => {
       const s = a.getStack();
       (!s || !s.members.length) && this.safeToRemove();
     }))), null;
@@ -11270,7 +11270,7 @@ function sS(e, t) {
     const i = o - n;
     i >= t && (Xr(r), e(i - t));
   };
-  return gt.read(r, !0), () => Xr(r);
+  return mt.read(r, !0), () => Xr(r);
 }
 function cS(e) {
   return e instanceof SVGElement && e.tagName !== "svg";
@@ -11299,7 +11299,7 @@ function X2(e) {
   const n = A2(t);
   if (window.MotionHasOptimisedAnimation(n, "transform")) {
     const { layout: o, layoutId: i } = e.options;
-    window.MotionCancelOptimisedAnimation(n, "transform", gt, !(o || i));
+    window.MotionCancelOptimisedAnimation(n, "transform", mt, !(o || i));
   }
   const { parent: r } = e;
   r && !r.hasCheckedOptimisedAppear && X2(r);
@@ -11420,10 +11420,10 @@ function J2({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
       this.nodes.forEach(gS), this.sharedNodes.forEach(wS);
     }
     scheduleUpdateProjection() {
-      this.projectionUpdateScheduled || (this.projectionUpdateScheduled = !0, gt.preRender(this.updateProjection, !1, !0));
+      this.projectionUpdateScheduled || (this.projectionUpdateScheduled = !0, mt.preRender(this.updateProjection, !1, !0));
     }
     scheduleCheckAfterUnmount() {
-      gt.postRender(() => {
+      mt.postRender(() => {
         this.isLayoutDirty ? this.root.didUpdate() : this.root.checkUpdateFailed();
       });
     }
@@ -11616,7 +11616,7 @@ function J2({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
       }, this.mixTargetDelta(this.options.layoutRoot ? 1e3 : 0);
     }
     startAnimation(a) {
-      this.notifyListeners("animationStart"), this.currentAnimation && this.currentAnimation.stop(), this.resumingFrom && this.resumingFrom.currentAnimation && this.resumingFrom.currentAnimation.stop(), this.pendingAnimation && (Xr(this.pendingAnimation), this.pendingAnimation = void 0), this.pendingAnimation = gt.update(() => {
+      this.notifyListeners("animationStart"), this.currentAnimation && this.currentAnimation.stop(), this.resumingFrom && this.resumingFrom.currentAnimation && this.resumingFrom.currentAnimation.stop(), this.pendingAnimation && (Xr(this.pendingAnimation), this.pendingAnimation = void 0), this.pendingAnimation = mt.update(() => {
         Os.hasAnimatedSinceResize = !0, this.currentAnimation = lS(0, i1, {
           ...a,
           onUpdate: (s) => {
@@ -11896,7 +11896,7 @@ function p1(e, t, n) {
   const { props: r } = e;
   e.animationState && r.whileHover && e.animationState.setActive("whileHover", n === "Start");
   const o = "onHover" + n, i = r[o];
-  i && gt.postRender(() => i(t, Ba(t)));
+  i && mt.postRender(() => i(t, Ba(t)));
 }
 class ES extends Qr {
   mount() {
@@ -11932,7 +11932,7 @@ function h1(e, t, n) {
   const { props: r } = e;
   e.animationState && r.whileTap && e.animationState.setActive("whileTap", n === "Start");
   const o = "onTap" + (n === "End" ? "" : n), i = r[o];
-  i && gt.postRender(() => i(t, Ba(t)));
+  i && mt.postRender(() => i(t, Ba(t)));
 }
 class MS extends Qr {
   mount() {
@@ -12428,7 +12428,7 @@ const $d = (e) => typeof e == "string" && e.toLowerCase() === "svg", lk = {
     scrapeMotionValuesFromProps: lm,
     createRenderState: dm,
     onMount: (e, t, { renderState: n, latestValues: r }) => {
-      gt.read(() => {
+      mt.read(() => {
         try {
           n.dimensions = typeof t.getBBox == "function" ? t.getBBox() : t.getBoundingClientRect();
         } catch {
@@ -12439,7 +12439,7 @@ const $d = (e) => typeof e == "string" && e.toLowerCase() === "svg", lk = {
             height: 0
           };
         }
-      }), gt.render(() => {
+      }), mt.render(() => {
         Id(n, r, $d(t.tagName), e.transformTemplate), sm(t, n);
       });
     }
@@ -12607,7 +12607,7 @@ class kk {
       this.current && (this.triggerBuild(), this.renderInstance(this.current, this.renderState, this.props.style, this.projection));
     }, this.renderScheduledAt = 0, this.scheduleRender = () => {
       const p = lr.now();
-      this.renderScheduledAt < p && (this.renderScheduledAt = p, gt.render(this.render, !1, !0));
+      this.renderScheduledAt < p && (this.renderScheduledAt = p, mt.render(this.render, !1, !0));
     };
     const { latestValues: c, renderState: l } = a;
     this.latestValues = c, this.baseTarget = { ...c }, this.initialValues = n.initial ? { ...c } : {}, this.renderState = l, this.parent = t, this.props = n, this.presenceContext = r, this.depth = t ? t.depth + 1 : 0, this.reducedMotionConfig = o, this.options = s, this.blockInitialAnimation = !!i, this.isControllingVariants = _c(n), this.isVariantNode = om(n), this.isVariantNode && (this.variantChildren = /* @__PURE__ */ new Set()), this.manuallyAnimateOnMount = !!(t && t.current);
@@ -12633,7 +12633,7 @@ class kk {
   bindToMotionValue(t, n) {
     this.valueSubscriptions.has(t) && this.valueSubscriptions.get(t)();
     const r = To.has(t), o = n.on("change", (s) => {
-      this.latestValues[t] = s, this.props.onUpdate && gt.preRender(this.notifyUpdate), r && this.projection && (this.projection.isTransformDirty = !0);
+      this.latestValues[t] = s, this.props.onUpdate && mt.preRender(this.notifyUpdate), r && this.projection && (this.projection.isTransformDirty = !0);
     }), i = n.on("renderRequest", this.scheduleRender);
     let a;
     window.MotionCheckAppearSync && (a = window.MotionCheckAppearSync(this, t, n)), this.valueSubscriptions.set(t, () => {
@@ -14252,9 +14252,9 @@ function L_(e) {
         disabled: !!t,
         "aria-expanded": !!m,
         "aria-controls": d,
-        onClick: zt(F.onClick, S),
-        onFocus: zt(F.onFocus, x),
-        onKeyDown: zt(F.onKeyDown, _)
+        onClick: Lt(F.onClick, S),
+        onFocus: Lt(F.onFocus, x),
+        onKeyDown: Lt(F.onKeyDown, _)
       };
     },
     [
@@ -14707,7 +14707,7 @@ const Y_ = {
             src: i,
             srcSet: a,
             loading: m,
-            onLoad: zt(d, () => {
+            onLoad: Lt(d, () => {
               o(!0);
             }),
             onError: u,
@@ -14727,13 +14727,13 @@ const Y_ = {
   );
 });
 Lm.displayName = "Avatar";
-const Lt = ve("div");
-Lt.displayName = "Box";
+const Dt = ve("div");
+Dt.displayName = "Box";
 const Bm = Te(
   function(t, n) {
     const { size: r, centerContent: o = !0, ...i } = t, a = o ? { display: "flex", alignItems: "center", justifyContent: "center" } : {};
     return /* @__PURE__ */ f.jsx(
-      Lt,
+      Dt,
       {
         ref: n,
         boxSize: r,
@@ -15084,8 +15084,8 @@ function rT(e) {
     isReadOnly: o ?? c ?? (t == null ? void 0 : t.isReadOnly),
     isRequired: i ?? a ?? (t == null ? void 0 : t.isRequired),
     isInvalid: s ?? (t == null ? void 0 : t.isInvalid),
-    onFocus: zt(t == null ? void 0 : t.onFocus, u),
-    onBlur: zt(t == null ? void 0 : t.onBlur, d)
+    onFocus: Lt(t == null ? void 0 : t.onFocus, u),
+    onBlur: Lt(t == null ? void 0 : t.onBlur, d)
   };
 }
 const Wm = Te(
@@ -15164,7 +15164,7 @@ function Hm(e, t, n, r) {
   if (gs(e) && un(t))
     return t;
 }
-const mt = Te(function(t, n) {
+const bt = Te(function(t, n) {
   const { direction: r, align: o, justify: i, wrap: a, basis: s, grow: c, shrink: l, ...u } = t, d = {
     display: "flex",
     flexDirection: r,
@@ -15177,7 +15177,7 @@ const mt = Te(function(t, n) {
   };
   return /* @__PURE__ */ f.jsx(ve.div, { ref: n, __css: d, ...u });
 });
-mt.displayName = "Flex";
+bt.displayName = "Flex";
 function cT(e, t) {
   if (e == null) return {};
   var n = {};
@@ -18574,8 +18574,8 @@ function gA(e = {}, t = null) {
     "aria-expanded": n.isOpen,
     "aria-haspopup": "menu",
     "aria-controls": n.menuId,
-    onClick: zt(e.onClick, r),
-    onKeyDown: zt(e.onKeyDown, c)
+    onClick: Lt(e.onClick, r),
+    onKeyDown: Lt(e.onKeyDown, c)
   };
 }
 function Au(e) {
@@ -18670,7 +18670,7 @@ function vA(e = {}, t = null) {
       transformOrigin: "var(--popper-transform-origin)"
     },
     "aria-orientation": "vertical",
-    onKeyDown: zt(e.onKeyDown, m)
+    onKeyDown: Lt(e.onKeyDown, m)
   };
 }
 function bA(e = {}) {
@@ -19039,7 +19039,7 @@ function IA(e) {
       "aria-modal": !0,
       "aria-labelledby": b ? p : void 0,
       "aria-describedby": _ ? h : void 0,
-      onClick: zt(
+      onClick: Lt(
         F.onClick,
         (Y) => Y.stopPropagation()
       )
@@ -19054,9 +19054,9 @@ function IA(e) {
     (F = {}, L = null) => ({
       ...F,
       ref: hn(L, u),
-      onClick: zt(F.onClick, j),
-      onKeyDown: zt(F.onKeyDown, C),
-      onMouseDown: zt(F.onMouseDown, g)
+      onClick: Lt(F.onClick, j),
+      onKeyDown: Lt(F.onKeyDown, C),
+      onMouseDown: Lt(F.onMouseDown, g)
     }),
     [C, g, j]
   );
@@ -19718,7 +19718,7 @@ const a4 = Te(
         ref: t,
         __css: s.closeButton,
         className: a,
-        onClick: zt(n, (c) => {
+        onClick: Lt(n, (c) => {
           c.stopPropagation(), i();
         }),
         ...o
@@ -20362,13 +20362,13 @@ function LE(e = {}) {
     (H = {}, je = null) => ({
       ...H,
       ref: hn(z, je, L),
-      onPointerEnter: zt(H.onPointerEnter, (I) => {
+      onPointerEnter: Lt(H.onPointerEnter, (I) => {
         I.pointerType !== "touch" && $();
       }),
-      onClick: zt(H.onClick, G),
-      onPointerDown: zt(H.onPointerDown, ee),
-      onFocus: zt(H.onFocus, $),
-      onBlur: zt(H.onBlur, y),
+      onClick: Lt(H.onClick, G),
+      onPointerDown: Lt(H.onPointerDown, ee),
+      onFocus: Lt(H.onFocus, $),
+      onBlur: Lt(H.onBlur, y),
       "aria-describedby": j ? X : void 0
     }),
     [
@@ -21070,9 +21070,9 @@ const hR = ({
   d: "M 3 5 A 1.0001 1.0001 0 1 0 3 7 L 21 7 A 1.0001 1.0001 0 1 0 21 5 L 3 5 z M 3 11 A 1.0001 1.0001 0 1 0 3 13 L 21 13 A 1.0001 1.0001 0 1 0 21 11 L 3 11 z M 3 17 A 1.0001 1.0001 0 1 0 3 19 L 21 19 A 1.0001 1.0001 0 1 0 21 17 L 3 17 z"
 }), mR = ({ steps: e, color: t, onStepClick: n, activeStep: r }) => {
   const [o, i, a] = jc("colors", [t, "black.400", "black.100"]), s = Ht(o, 0.3)({});
-  return /* @__PURE__ */ f.jsx(mt, { align: "center", justify: "start", width: "100%", children: e.map((c, l) => /* @__PURE__ */ f.jsxs(mt, { align: "center", flex: "1", w: "100%", children: [
+  return /* @__PURE__ */ f.jsx(bt, { align: "center", justify: "start", width: "100%", children: e.map((c, l) => /* @__PURE__ */ f.jsxs(bt, { align: "center", flex: "1", w: "100%", children: [
     /* @__PURE__ */ f.jsxs(
-      mt,
+      bt,
       {
         maxW: "120px",
         align: "center",
@@ -23073,11 +23073,11 @@ function E4() {
   }, [N, u, j]), le = oe(function(W, ne) {
     var re = [], ae = [];
     W.forEach(function(Me) {
-      var pt = k4(Me, L), nt = Ll(pt, 2), yt = nt[0], Dt = nt[1], Yt = _4(Me, a, i), st = Ll(Yt, 2), Et = st[0], qt = st[1], zn = F ? F(Me) : null;
+      var pt = k4(Me, L), nt = Ll(pt, 2), yt = nt[0], It = nt[1], Yt = _4(Me, a, i), st = Ll(Yt, 2), Et = st[0], qt = st[1], zn = F ? F(Me) : null;
       if (yt && Et && !zn)
         re.push(Me);
       else {
-        var rn = [Dt, qt];
+        var rn = [It, qt];
         zn && (rn = rn.concat(zn)), ae.push({
           file: Me,
           errors: rn.filter(function(gn) {
@@ -23151,13 +23151,13 @@ function E4() {
     j && ne.stopPropagation();
   }, _e = We(function() {
     return function() {
-      var W = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, ne = W.refKey, re = ne === void 0 ? "ref" : ne, ae = W.role, Me = W.onKeyDown, pt = W.onFocus, nt = W.onBlur, yt = W.onClick, Dt = W.onDragEnter, Yt = W.onDragOver, st = W.onDragLeave, Et = W.onDrop, qt = ac(W, rM);
+      var W = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, ne = W.refKey, re = ne === void 0 ? "ref" : ne, ae = W.role, Me = W.onKeyDown, pt = W.onFocus, nt = W.onBlur, yt = W.onClick, It = W.onDragEnter, Yt = W.onDragOver, st = W.onDragLeave, Et = W.onDrop, qt = ac(W, rM);
       return xt(xt($u({
         onKeyDown: xe(Qn(Me, je)),
         onFocus: xe(Qn(pt, Ie)),
         onBlur: xe(Qn(nt, I)),
         onClick: ie(Qn(yt, q)),
-        onDragEnter: fe(Qn(Dt, ee)),
+        onDragEnter: fe(Qn(It, ee)),
         onDragOver: fe(Qn(Yt, te)),
         onDragLeave: fe(Qn(st, de)),
         onDrop: fe(Qn(Et, ke)),
@@ -23307,10 +23307,10 @@ const gR = ({
     accept: S,
     maxSize: C
   }), D = C ? `Tamaño máximo: ${C / 1024 / 1024} MB` : "Sin límite de tamaño";
-  return /* @__PURE__ */ f.jsxs(Lt, { children: [
-    /* @__PURE__ */ f.jsx(mt, { mt: 4, alignItems: "flex-start", children: /* @__PURE__ */ f.jsx(Ke, { fontSize: "20px", fontWeight: "700", color: u, mb: 2, children: i }) }),
+  return /* @__PURE__ */ f.jsxs(Dt, { children: [
+    /* @__PURE__ */ f.jsx(bt, { mt: 4, alignItems: "flex-start", children: /* @__PURE__ */ f.jsx(Ke, { fontSize: "20px", fontWeight: "700", color: u, mb: 2, children: i }) }),
     /* @__PURE__ */ f.jsxs(
-      Lt,
+      Dt,
       {
         ...x(),
         py: "70px",
@@ -23342,7 +23342,7 @@ const gR = ({
         ]
       }
     ),
-    /* @__PURE__ */ f.jsxs(mt, { mt: 4, justifyContent: "space-between", children: [
+    /* @__PURE__ */ f.jsxs(bt, { mt: 4, justifyContent: "space-between", children: [
       m && /* @__PURE__ */ f.jsx(Ke, { fontSize: "14px", color: p, children: m }),
       D && /* @__PURE__ */ f.jsx(Ke, { fontSize: "14px", color: p, children: D })
     ] })
@@ -23800,7 +23800,7 @@ var mM = function(e) {
       for (var he in w) !$.call(w, he) || ge && (he == "length" || Ao(he, Q)) || U.push(he);
       return U;
     }
-    function Dt(w, M) {
+    function It(w, M) {
       for (var U = w.length; U--; ) if (Ln(w[U][0], M)) return U;
       return -1;
     }
@@ -23823,15 +23823,15 @@ var mM = function(e) {
     }, ae.prototype.clear = function() {
       this.__data__ = [];
     }, ae.prototype.delete = function(w) {
-      var M = this.__data__, U = Dt(M, w);
+      var M = this.__data__, U = It(M, w);
       return !(U < 0) && (U == M.length - 1 ? M.pop() : le.call(M, U, 1), !0);
     }, ae.prototype.get = function(w) {
-      var M = this.__data__, U = Dt(M, w);
+      var M = this.__data__, U = It(M, w);
       return U < 0 ? void 0 : M[U][1];
     }, ae.prototype.has = function(w) {
-      return Dt(this.__data__, w) > -1;
+      return It(this.__data__, w) > -1;
     }, ae.prototype.set = function(w, M) {
-      var U = this.__data__, Q = Dt(U, w);
+      var U = this.__data__, Q = It(U, w);
       return Q < 0 ? U.push([w, M]) : U[Q][1] = M, this;
     }, Me.prototype.clear = function() {
       this.__data__ = { hash: new re(), map: new (je || ae)(), string: new re() };
@@ -23889,8 +23889,8 @@ var mM = function(e) {
     }
     function rn(w, M, U, Q, ge) {
       return w === M || (w == null || M == null || !Se(w) && !Ne(M) ? w != w && M != M : function(he, Ee, rt, ct, ot, He) {
-        var Jt = Tn(he), $t = Tn(Ee), _t = "[object Array]", Ot = "[object Array]";
-        Jt || (_t = (_t = vn(he)) == i ? s : _t), $t || (Ot = (Ot = vn(Ee)) == i ? s : Ot);
+        var Jt = Tn(he), Ft = Tn(Ee), _t = "[object Array]", Ot = "[object Array]";
+        Jt || (_t = (_t = vn(he)) == i ? s : _t), Ft || (Ot = (Ot = vn(Ee)) == i ? s : Ot);
         var bn = _t == s && !be(he), Lr = Ot == s && !be(Ee), Gn = _t == Ot;
         if (Gn && !bn) return He || (He = new nt()), Jt || Be(he) ? an(he, Ee, rt, ct, ot, He) : function(Ge, Ze, ji, xr, ro, Qt, Bn) {
           switch (ji) {
@@ -23965,7 +23965,7 @@ var mM = function(e) {
       }(w)) && (J(w) || be(w) ? G : v).test(_n(w));
     }
     function to(w) {
-      return typeof w == "function" ? w : w == null ? It : typeof w == "object" ? Tn(w) ? function(Q, ge) {
+      return typeof w == "function" ? w : w == null ? $t : typeof w == "object" ? Tn(w) ? function(Q, ge) {
         return br(Q) && Xt(ge) ? Eo(yr(Q), ge) : function(he) {
           var Ee = function(rt, ct, ot) {
             var He = rt == null ? void 0 : qt(rt, ct);
@@ -23974,12 +23974,12 @@ var mM = function(e) {
           return Ee === void 0 && Ee === ge ? function(rt, ct) {
             return rt != null && function(ot, He, Jt) {
               He = br(He, ot) ? [He] : zr(He);
-              for (var $t, _t = -1, Ot = He.length; ++_t < Ot; ) {
+              for (var Ft, _t = -1, Ot = He.length; ++_t < Ot; ) {
                 var bn = yr(He[_t]);
-                if (!($t = ot != null && Jt(ot, bn))) break;
+                if (!(Ft = ot != null && Jt(ot, bn))) break;
                 ot = ot[bn];
               }
-              return $t || !!(Ot = ot ? ot.length : 0) && ue(Ot) && Ao(bn, Ot) && (Tn(ot) || Oo(ot));
+              return Ft || !!(Ot = ot ? ot.length : 0) && ue(Ot) && Ao(bn, Ot) && (Tn(ot) || Oo(ot));
             }(rt, ct, zn);
           }(he, Q) : rn(ge, Ee, void 0, 3);
         };
@@ -23996,12 +23996,12 @@ var mM = function(e) {
             var He = ct.length, Jt = He;
             if (Ee == null) return !Jt;
             for (Ee = Object(Ee); He--; ) {
-              var $t = ct[He];
-              if ($t[2] ? $t[1] !== Ee[$t[0]] : !($t[0] in Ee)) return !1;
+              var Ft = ct[He];
+              if (Ft[2] ? Ft[1] !== Ee[Ft[0]] : !(Ft[0] in Ee)) return !1;
             }
             for (; ++He < Jt; ) {
-              var _t = ($t = ct[He])[0], Ot = Ee[_t], bn = $t[1];
-              if ($t[2]) {
+              var _t = (Ft = ct[He])[0], Ot = Ee[_t], bn = Ft[1];
+              if (Ft[2]) {
                 if (Ot === void 0 && !(_t in Ee)) return !1;
               } else {
                 var Lr = new nt(), Gn;
@@ -24034,7 +24034,7 @@ var mM = function(e) {
       if (rt != ct && !(Ee && ct > rt)) return !1;
       var ot = he.get(w);
       if (ot && he.get(M)) return ot == M;
-      var He = -1, Jt = !0, $t = 1 & ge ? new pt() : void 0;
+      var He = -1, Jt = !0, Ft = 1 & ge ? new pt() : void 0;
       for (he.set(w, M), he.set(M, w); ++He < rt; ) {
         var _t = w[He], Ot = M[He];
         if (Q) var bn = Ee ? Q(Ot, _t, He, M, w, he) : Q(_t, Ot, He, w, M, he);
@@ -24043,9 +24043,9 @@ var mM = function(e) {
           Jt = !1;
           break;
         }
-        if ($t) {
+        if (Ft) {
           if (!L(M, function(Lr, Gn) {
-            if (!$t.has(Gn) && (_t === Lr || U(_t, Lr, Q, ge, he))) return $t.add(Gn);
+            if (!Ft.has(Gn) && (_t === Lr || U(_t, Lr, Q, ge, he))) return Ft.add(Gn);
           })) {
             Jt = !1;
             break;
@@ -24183,7 +24183,7 @@ var mM = function(e) {
     function $e(w) {
       return T(w) ? yt(w) : on(w);
     }
-    function It(w) {
+    function $t(w) {
       return w;
     }
     o.exports = function(w, M, U) {
@@ -24490,9 +24490,9 @@ var mM = function(e) {
             var pt = q.replace(/\D/g, "");
             (!y.state.freezeSelection || ae && ae.dialCode.length > pt.length) && (_e = y.props.disableCountryGuess ? ae : y.guessSelectedCountry(pt.substring(0, 6), W, re, Me) || ae, Re = !1), pe = y.formatNumber(pt, _e), _e = _e.dialCode ? _e : ae;
           }
-          var nt = I.target.selectionStart, yt = I.target.selectionStart, Dt = y.state.formattedNumber, Yt = pe.length - Dt.length;
+          var nt = I.target.selectionStart, yt = I.target.selectionStart, It = y.state.formattedNumber, Yt = pe.length - It.length;
           y.setState({ formattedNumber: pe, freezeSelection: Re, selectedCountry: _e }, function() {
-            Yt > 0 && (yt -= Yt), pe.charAt(pe.length - 1) == ")" ? y.numberInputRef.setSelectionRange(pe.length - 1, pe.length - 1) : yt > 0 && Dt.length >= pe.length ? y.numberInputRef.setSelectionRange(yt, yt) : nt < Dt.length && y.numberInputRef.setSelectionRange(nt, nt), fe && fe(pe.replace(/[^0-9]+/g, ""), y.getCountryData(), I, pe);
+            Yt > 0 && (yt -= Yt), pe.charAt(pe.length - 1) == ")" ? y.numberInputRef.setSelectionRange(pe.length - 1, pe.length - 1) : yt > 0 && It.length >= pe.length ? y.numberInputRef.setSelectionRange(yt, yt) : nt < It.length && y.numberInputRef.setSelectionRange(nt, nt), fe && fe(pe.replace(/[^0-9]+/g, ""), y.getCountryData(), I, pe);
           });
         }
       }, y.handleInputClick = function(I) {
@@ -24609,8 +24609,8 @@ var mM = function(e) {
           }, key: "flag_no_".concat(Et), "data-flag-key": "flag_no_".concat(Et), className: zn, "data-dial-code": "1", tabIndex: _e ? "-1" : "0", "data-country-code": st.iso2, onClick: function(gn) {
             return y.handleFlagItemClick(st, gn);
           }, role: "option" }, qt ? { "aria-selected": !0 } : {}), g.a.createElement("div", { className: rn }), g.a.createElement("span", { className: "country-name" }, y.getDropdownCountryName(st)), g.a.createElement("span", { className: "dial-code" }, st.format ? y.formatNumber(st.dialCode, st) : Re + st.dialCode));
-        }), Dt = g.a.createElement("li", { key: "dashes", className: "divider" });
-        q.length > 0 && (!W || W && !fe.trim()) && yt.splice(q.length, 0, Dt);
+        }), It = g.a.createElement("li", { key: "dashes", className: "divider" });
+        q.length > 0 && (!W || W && !fe.trim()) && yt.splice(q.length, 0, It);
         var Yt = L()(r({ "country-list": !0, hide: !xe }, y.props.dropdownClass, !0));
         return g.a.createElement("ul", { ref: function(st) {
           return !W && st && st.focus(), y.dropdownRef = st;
@@ -24712,7 +24712,7 @@ const gM = /* @__PURE__ */ cc(mM), yR = ({
   const [u, d] = ze(!0), p = en[c], h = p[200], v = p[300], m = (g, C) => {
     o && o(g, C);
   };
-  return /* @__PURE__ */ f.jsx(Lt, { children: /* @__PURE__ */ f.jsxs(Ec, { isRequired: l, children: [
+  return /* @__PURE__ */ f.jsx(Dt, { children: /* @__PURE__ */ f.jsxs(Ec, { isRequired: l, children: [
     /* @__PURE__ */ f.jsxs(Oc, { fontSize: "16px", children: [
       i && /* @__PURE__ */ f.jsx(
         Mn,
@@ -24753,8 +24753,8 @@ const gM = /* @__PURE__ */ cc(mM), yR = ({
       )
     ] }),
     i && u && t && /* @__PURE__ */ f.jsx(Ke, { fontSize: "14px", color: "gray.500", mb: "10px", textAlign: "start", children: t }),
-    /* @__PURE__ */ f.jsx(mt, { wrap: "wrap", mb: 2, gap: 4, children: n.map((g, C) => /* @__PURE__ */ f.jsx(
-      Lt,
+    /* @__PURE__ */ f.jsx(bt, { wrap: "wrap", mb: 2, gap: 4, children: n.map((g, C) => /* @__PURE__ */ f.jsx(
+      Dt,
       {
         flexBasis: { base: "100%", sm: "48%" },
         children: /* @__PURE__ */ f.jsx(
@@ -24796,7 +24796,7 @@ const gM = /* @__PURE__ */ cc(mM), yR = ({
     info: bO,
     warning: h0
   };
-  return e === "custom" ? /* @__PURE__ */ f.jsx("div", { className: `${Sr.toast} ${Sr.customToast}`, children: /* @__PURE__ */ f.jsxs(mt, { direction: "row", align: "center", flex: "1", children: [
+  return e === "custom" ? /* @__PURE__ */ f.jsx("div", { className: `${Sr.toast} ${Sr.customToast}`, children: /* @__PURE__ */ f.jsxs(bt, { direction: "row", align: "center", flex: "1", children: [
     r && /* @__PURE__ */ f.jsx("div", { className: Sr.customContent, children: r }),
     o && /* @__PURE__ */ f.jsx(
       ur,
@@ -24810,9 +24810,9 @@ const gM = /* @__PURE__ */ cc(mM), yR = ({
         children: /* @__PURE__ */ f.jsx(p0, { boxSize: 4 })
       }
     )
-  ] }) }) : /* @__PURE__ */ f.jsx("div", { className: `${Sr.toast} ${Sr[e]}`, children: /* @__PURE__ */ f.jsxs(mt, { direction: "row", align: "center", flex: "1", children: [
+  ] }) }) : /* @__PURE__ */ f.jsx("div", { className: `${Sr.toast} ${Sr[e]}`, children: /* @__PURE__ */ f.jsxs(bt, { direction: "row", align: "center", flex: "1", children: [
     /* @__PURE__ */ f.jsx(Fn, { as: i[e], className: Sr.toastIcon, boxSize: 6 }),
-    /* @__PURE__ */ f.jsxs(mt, { direction: "column", flex: "1", ml: 3, children: [
+    /* @__PURE__ */ f.jsxs(bt, { direction: "column", flex: "1", ml: 3, children: [
       /* @__PURE__ */ f.jsx(Ke, { className: Sr.toastText, children: t }),
       n && /* @__PURE__ */ f.jsx(Ke, { mt: 1, children: n })
     ] }),
@@ -24849,7 +24849,7 @@ const gM = /* @__PURE__ */ cc(mM), yR = ({
   };
 }, CR = ({ message: e, userImage: t, timestamp: n, isError: r = !1, userName: o = "User" }) => /* @__PURE__ */ f.jsxs(la, { justify: "flex-end", spacing: 2, w: "100%", py: 2, children: [
   /* @__PURE__ */ f.jsxs(
-    Lt,
+    Dt,
     {
       bg: "white.100",
       color: "black",
@@ -24961,7 +24961,7 @@ const gM = /* @__PURE__ */ cc(mM), yR = ({
   return /* @__PURE__ */ f.jsxs(Fr, { align: "flex-start", spacing: 2, w: "100%", py: 2, children: [
     /* @__PURE__ */ f.jsxs(la, { spacing: 2, w: "100%", children: [
       /* @__PURE__ */ f.jsx(
-        Lt,
+        Dt,
         {
           display: "flex",
           alignItems: "center",
@@ -24974,7 +24974,7 @@ const gM = /* @__PURE__ */ cc(mM), yR = ({
         }
       ),
       /* @__PURE__ */ f.jsx(
-        Lt,
+        Dt,
         {
           bg: "transparent",
           color: "black",
@@ -24984,7 +24984,7 @@ const gM = /* @__PURE__ */ cc(mM), yR = ({
           border: d,
           borderColor: u,
           borderRadius: "50px",
-          children: /* @__PURE__ */ f.jsxs(mt, { justify: "space-between", align: "center", w: "100%", children: [
+          children: /* @__PURE__ */ f.jsxs(bt, { justify: "space-between", align: "center", w: "100%", children: [
             /* @__PURE__ */ f.jsx(
               Ke,
               {
@@ -25309,12 +25309,12 @@ const gM = /* @__PURE__ */ cc(mM), yR = ({
         },
         children: [
           /* @__PURE__ */ f.jsx(
-            Lt,
+            Dt,
             {
               fontSize: "2xl",
               as: "div",
               children: /* @__PURE__ */ f.jsx(
-                mt,
+                bt,
                 {
                   w: "42px",
                   h: "42px",
@@ -25871,7 +25871,7 @@ const SR = ({
     window.location.href = u ? "https://hub.canaia.ai/settings" : "https://staging.hub.canaia.ai";
   });
   return /* @__PURE__ */ f.jsx(
-    Lt,
+    Dt,
     {
       position: "fixed",
       top: "0",
@@ -25883,8 +25883,8 @@ const SR = ({
       pt: "14px",
       pb: "14px",
       px: { base: "10px", md: "24px" },
-      children: /* @__PURE__ */ f.jsxs(mt, { justify: "space-between", align: "center", children: [
-        /* @__PURE__ */ f.jsxs(mt, { align: "center", children: [
+      children: /* @__PURE__ */ f.jsxs(bt, { justify: "space-between", align: "center", children: [
+        /* @__PURE__ */ f.jsxs(bt, { align: "center", children: [
           /* @__PURE__ */ f.jsxs(Qs, { children: [
             /* @__PURE__ */ f.jsx(
               ec,
@@ -25909,11 +25909,11 @@ const SR = ({
                 borderRadius: "lg",
                 boxShadow: "lg",
                 bg: "white",
-                children: /* @__PURE__ */ f.jsx(mt, { wrap: "wrap", maxW: "300px", justify: "flex-start", children: /* @__PURE__ */ f.jsx(HM, { isProduction: u, showMenuItems: d, platform: e }) })
+                children: /* @__PURE__ */ f.jsx(bt, { wrap: "wrap", maxW: "300px", justify: "flex-start", children: /* @__PURE__ */ f.jsx(HM, { isProduction: u, showMenuItems: d, platform: e }) })
               }
             )
           ] }),
-          /* @__PURE__ */ f.jsx(Lt, { as: "a", onClick: i, cursor: "pointer", children: /* @__PURE__ */ f.jsx(XM, { platform: e }) })
+          /* @__PURE__ */ f.jsx(Dt, { as: "a", onClick: i, cursor: "pointer", children: /* @__PURE__ */ f.jsx(XM, { platform: e }) })
         ] }),
         /* @__PURE__ */ f.jsxs(Qs, { children: [
           /* @__PURE__ */ f.jsx(
@@ -25934,8 +25934,8 @@ const SR = ({
                 borderColor: p,
                 boxShadow: "0 0 0 3px rgba(66, 153, 225, 0.6)"
               },
-              children: /* @__PURE__ */ f.jsx(Fr, { align: "flex-end", spacing: 0, children: /* @__PURE__ */ f.jsxs(mt, { align: "center", gap: "10px", children: [
-                /* @__PURE__ */ f.jsx(Lt, { as: QM, color: t, size: 18 }),
+              children: /* @__PURE__ */ f.jsx(Fr, { align: "flex-end", spacing: 0, children: /* @__PURE__ */ f.jsxs(bt, { align: "center", gap: "10px", children: [
+                /* @__PURE__ */ f.jsx(Dt, { as: QM, color: t, size: 18 }),
                 /* @__PURE__ */ f.jsx(Ke, { color: t, fontSize: "md", fontWeight: "medium", marginRight: 2, children: a }),
                 /* @__PURE__ */ f.jsx(vf, { color: t })
               ] }) })
@@ -25960,7 +25960,7 @@ const SR = ({
                       bg: "transparent",
                       color: m
                     },
-                    children: /* @__PURE__ */ f.jsxs(mt, { align: "center", gap: "10px", children: [
+                    children: /* @__PURE__ */ f.jsxs(bt, { align: "center", gap: "10px", children: [
                       /* @__PURE__ */ f.jsx(aO, { size: 24 }),
                       /* @__PURE__ */ f.jsx(Ke, { children: s })
                     ] })
@@ -25978,7 +25978,7 @@ const SR = ({
                       bg: "transparent",
                       color: m
                     },
-                    children: /* @__PURE__ */ f.jsxs(mt, { align: "center", gap: "10px", children: [
+                    children: /* @__PURE__ */ f.jsxs(bt, { align: "center", gap: "10px", children: [
                       /* @__PURE__ */ f.jsx(oO, { size: 24 }),
                       /* @__PURE__ */ f.jsx(Ke, { children: l })
                     ] })
@@ -25996,7 +25996,7 @@ const SR = ({
                       bg: "transparent",
                       color: m
                     },
-                    children: /* @__PURE__ */ f.jsxs(mt, { align: "center", gap: "10px", children: [
+                    children: /* @__PURE__ */ f.jsxs(bt, { align: "center", gap: "10px", children: [
                       /* @__PURE__ */ f.jsx(eR, { size: 24 }),
                       /* @__PURE__ */ f.jsx(Ke, { children: c })
                     ] })
@@ -26018,7 +26018,7 @@ const SR = ({
   }, i = (a) => {
     a.key === "Enter" && (a.preventDefault(), o());
   };
-  return /* @__PURE__ */ f.jsx(Lt, { w: "100%", children: /* @__PURE__ */ f.jsxs(P3, { children: [
+  return /* @__PURE__ */ f.jsx(Dt, { w: "100%", children: /* @__PURE__ */ f.jsxs(P3, { children: [
     /* @__PURE__ */ f.jsx(
       Va,
       {
@@ -26069,7 +26069,7 @@ const SR = ({
     i((u) => !u);
   };
   return /* @__PURE__ */ f.jsx(
-    Lt,
+    Dt,
     {
       bg: en.white[100],
       color: en.black[400],
@@ -26182,7 +26182,7 @@ const SR = ({
             /* @__PURE__ */ f.jsx(a4, { _hover: { backgroundColor: "white.100" } }),
             /* @__PURE__ */ f.jsxs(i4, { fontSize: "1rem", children: [
               n,
-              /* @__PURE__ */ f.jsxs(mt, { justifyContent: "center", marginTop: "1rem", children: [
+              /* @__PURE__ */ f.jsxs(bt, { justifyContent: "center", marginTop: "1rem", children: [
                 /* @__PURE__ */ f.jsx(
                   ur,
                   {
@@ -26221,7 +26221,7 @@ const SR = ({
   );
 }, jR = ({ items: e }) => /* @__PURE__ */ f.jsx(Fr, { border: "2px dashed", borderColor: "talent.500", borderRadius: "1px", width: "50%", padding: ".5rem", children: /* @__PURE__ */ f.jsx(Am, { defaultIndex: [0], allowMultiple: !0, width: "100%", children: e.map((t, n) => /* @__PURE__ */ f.jsxs(Mm, { border: "none", children: [
   /* @__PURE__ */ f.jsx("h2", { children: /* @__PURE__ */ f.jsxs(Em, { children: [
-    /* @__PURE__ */ f.jsx(Lt, { as: "span", flex: "1", textAlign: "left", fontSize: "1rem", lineHeight: "1.5rem", fontWeight: 700, children: t.title }),
+    /* @__PURE__ */ f.jsx(Dt, { as: "span", flex: "1", textAlign: "left", fontSize: "1rem", lineHeight: "1.5rem", fontWeight: 700, children: t.title }),
     /* @__PURE__ */ f.jsx(Om, { boxSize: 8 })
   ] }) }),
   /* @__PURE__ */ f.jsx(Dm, { pb: 4, textAlign: "left", children: Array.isArray(t.content) ? /* @__PURE__ */ f.jsx(Rc, { children: t.content.map((r, o) => /* @__PURE__ */ f.jsxs(M3, { display: "flex", alignItems: "center", fontFamily: "Lato-Regular", fontSize: "1rem", fontWeight: 400, margin: ".5rem", children: [
@@ -26321,7 +26321,7 @@ const ER = ({ type: e = "progress" }) => {
       t = /* @__PURE__ */ f.jsx(JM, { size: 20, style: { color: "#666666", marginRight: ".5rem", transform: "rotate(90deg)" } }), n = "Inactive", r = "#666666";
       break;
   }
-  return /* @__PURE__ */ f.jsx(Fr, { children: /* @__PURE__ */ f.jsxs(mt, { alignItems: "center", children: [
+  return /* @__PURE__ */ f.jsx(Fr, { children: /* @__PURE__ */ f.jsxs(bt, { alignItems: "center", children: [
     t,
     /* @__PURE__ */ f.jsx(Ke, { color: r, fontWeight: "900", fontSize: "1rem", lineHeight: "1.375rem", children: n })
   ] }) });
@@ -26331,8 +26331,8 @@ const ER = ({ type: e = "progress" }) => {
     error: "danger.400",
     loading: "info.400"
   }[r] || "info.500";
-  return /* @__PURE__ */ f.jsxs(mt, { alignContent: "center", children: [
-    /* @__PURE__ */ f.jsx(mt, { maxWidth: "30rem", width: "100%", alignItems: "center", children: /* @__PURE__ */ f.jsx(u4, { width: "100%", value: e, size: t, backgroundColor: n, borderRadius: ".5rem", padding: ".1rem", sx: {
+  return /* @__PURE__ */ f.jsxs(bt, { alignContent: "center", children: [
+    /* @__PURE__ */ f.jsx(bt, { maxWidth: "30rem", width: "100%", alignItems: "center", children: /* @__PURE__ */ f.jsx(u4, { width: "100%", value: e, size: t, backgroundColor: n, borderRadius: ".5rem", padding: ".1rem", sx: {
       "& > div": {
         backgroundColor: i
         // Change the progress bar color
@@ -26340,13 +26340,13 @@ const ER = ({ type: e = "progress" }) => {
     } }) }),
     /* @__PURE__ */ f.jsx(Ke, { fontWeight: "bold", fontSize: "1rem", marginLeft: "1.75rem", children: o })
   ] });
-}, MR = ({ items: e, colorBackground: t, colorTitle: n, colorOption: r }) => /* @__PURE__ */ f.jsx(mt, { backgroundColor: t, maxWidth: "max-content", width: "100%", borderTopLeftRadius: ".75rem", borderTopRightRadius: ".75rem", children: e.map((o, i) => /* @__PURE__ */ f.jsxs(Lt, { maxWidth: "max-content", textAlign: "center", padding: "1rem", children: [
+}, MR = ({ items: e, colorBackground: t, colorTitle: n, colorOption: r }) => /* @__PURE__ */ f.jsx(bt, { backgroundColor: t, maxWidth: "max-content", width: "100%", borderTopLeftRadius: ".75rem", borderTopRightRadius: ".75rem", children: e.map((o, i) => /* @__PURE__ */ f.jsxs(Dt, { maxWidth: "max-content", textAlign: "center", padding: "1rem", children: [
   /* @__PURE__ */ f.jsx(Ke, { color: n, fontSize: "1rem", fontWeight: "bold", children: o.title }),
   /* @__PURE__ */ f.jsx(Ke, { fontSize: "0.875rem", color: r, paddingTop: ".25rem", children: o.option })
-] }, i)) }), RR = ({ text: e = "Positive Ranking", value: t = "1,302" }) => /* @__PURE__ */ f.jsxs(Lt, { color: "black.600", maxWidth: "max-content", width: "100%", children: [
+] }, i)) }), RR = ({ text: e = "Positive Ranking", value: t = "1,302" }) => /* @__PURE__ */ f.jsxs(Dt, { color: "black.600", maxWidth: "max-content", width: "100%", children: [
   /* @__PURE__ */ f.jsx(Ke, { fontSize: "1rem", children: e }),
   /* @__PURE__ */ f.jsx(Ke, { fontSize: "1.75rem", fontWeight: "bold", textAlign: "left", marginTop: "0.25rem", children: t })
-] }), oR = ({ color: e }) => /* @__PURE__ */ f.jsxs(Lt, { position: "relative", width: "89px", height: "89px", children: [
+] }), oR = ({ color: e }) => /* @__PURE__ */ f.jsxs(Dt, { position: "relative", width: "89px", height: "89px", children: [
   /* @__PURE__ */ f.jsxs(
     "svg",
     {
@@ -26417,13 +26417,18 @@ const ER = ({ type: e = "progress" }) => {
 ] }), DR = ({ color: e = "elevate" }) => {
   const [t] = jc("colors", [`${e}.500`]);
   return /* @__PURE__ */ f.jsx(
-    mt,
+    Dt,
     {
-      display: "grid",
-      placeItems: "center",
-      width: "100%",
-      height: "100vh",
+      position: "fixed",
+      top: 0,
+      left: 0,
+      w: "100vw",
+      h: "100vh",
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
       backgroundColor: "rgba(0, 0, 0, 0.15)",
+      zIndex: 1001,
       children: /* @__PURE__ */ f.jsx(
         oR,
         {