tactile-material 1.0.4 → 1.0.7

package/dist/tactile.es.js

@@ -1,5 +1,5 @@
 import * as Fn from "react";
-import ar, { createContext as zt, useRef as B, useId as Bn, useContext as Q, useInsertionEffect as Ie, useCallback as In, useMemo as I, useEffect as dt, Children as ga, isValidElement as ya, useLayoutEffect as va, useState as bt, forwardRef as _n, Fragment as lr, createElement as vn, Component as xa } from "react";
+import ar, { createContext as zt, useRef as B, useId as Bn, useContext as Q, useInsertionEffect as Ie, useCallback as In, useMemo as I, useEffect as ft, Children as ga, isValidElement as ya, useLayoutEffect as va, useState as bt, forwardRef as _n, Fragment as lr, createElement as vn, Component as xa } from "react";
 const ue = (t, e = 360, n = 88) => {
   const s = (i) => {
     const o = Math.sin(t + i) * 1e4;
@@ -40,11 +40,11 @@ function ba() {
   Bs = 1;
   var t = ar, e = Symbol.for("react.element"), n = Symbol.for("react.fragment"), s = Object.prototype.hasOwnProperty, i = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, o = { key: !0, ref: !0, __self: !0, __source: !0 };
   function r(a, l, c) {
-    var u, f = {}, h = null, p = null;
+    var u, d = {}, h = null, p = null;
     c !== void 0 && (h = "" + c), l.key !== void 0 && (h = "" + l.key), l.ref !== void 0 && (p = l.ref);
-    for (u in l) s.call(l, u) && !o.hasOwnProperty(u) && (f[u] = l[u]);
-    if (a && a.defaultProps) for (u in l = a.defaultProps, l) f[u] === void 0 && (f[u] = l[u]);
-    return { $$typeof: e, type: a, key: h, ref: p, props: f, _owner: i.current };
+    for (u in l) s.call(l, u) && !o.hasOwnProperty(u) && (d[u] = l[u]);
+    if (a && a.defaultProps) for (u in l = a.defaultProps, l) d[u] === void 0 && (d[u] = l[u]);
+    return { $$typeof: e, type: a, key: h, ref: p, props: d, _owner: i.current };
   }
   return Jt.Fragment = n, Jt.jsx = r, Jt.jsxs = r, Jt;
 }
@@ -61,58 +61,58 @@ var te = {};
 var Is;
 function Ta() {
   return Is || (Is = 1, process.env.NODE_ENV !== "production" && function() {
-    var t = ar, e = Symbol.for("react.element"), n = Symbol.for("react.portal"), s = Symbol.for("react.fragment"), i = Symbol.for("react.strict_mode"), o = Symbol.for("react.profiler"), r = Symbol.for("react.provider"), a = Symbol.for("react.context"), l = Symbol.for("react.forward_ref"), c = Symbol.for("react.suspense"), u = Symbol.for("react.suspense_list"), f = Symbol.for("react.memo"), h = Symbol.for("react.lazy"), p = Symbol.for("react.offscreen"), g = Symbol.iterator, v = "@@iterator";
-    function x(d) {
-      if (d === null || typeof d != "object")
+    var t = ar, e = Symbol.for("react.element"), n = Symbol.for("react.portal"), s = Symbol.for("react.fragment"), i = Symbol.for("react.strict_mode"), o = Symbol.for("react.profiler"), r = Symbol.for("react.provider"), a = Symbol.for("react.context"), l = Symbol.for("react.forward_ref"), c = Symbol.for("react.suspense"), u = Symbol.for("react.suspense_list"), d = Symbol.for("react.memo"), h = Symbol.for("react.lazy"), p = Symbol.for("react.offscreen"), g = Symbol.iterator, v = "@@iterator";
+    function x(f) {
+      if (f === null || typeof f != "object")
         return null;
-      var T = g && d[g] || d[v];
+      var T = g && f[g] || f[v];
       return typeof T == "function" ? T : null;
     }
     var y = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function P(d) {
+    function P(f) {
       {
         for (var T = arguments.length, M = new Array(T > 1 ? T - 1 : 0), E = 1; E < T; E++)
           M[E - 1] = arguments[E];
-        S("error", d, M);
+        S("error", f, M);
       }
     }
-    function S(d, T, M) {
+    function S(f, T, M) {
       {
         var E = y.ReactDebugCurrentFrame, N = E.getStackAddendum();
         N !== "" && (T += "%s", M = M.concat([N]));
         var _ = M.map(function($) {
           return String($);
         });
-        _.unshift("Warning: " + T), Function.prototype.apply.call(console[d], console, _);
+        _.unshift("Warning: " + T), Function.prototype.apply.call(console[f], console, _);
       }
     }
-    var C = !1, w = !1, A = !1, b = !1, R = !1, D;
+    var k = !1, w = !1, A = !1, b = !1, R = !1, D;
     D = Symbol.for("react.module.reference");
-    function k(d) {
-      return !!(typeof d == "string" || typeof d == "function" || d === s || d === o || R || d === i || d === c || d === u || b || d === p || C || w || A || typeof d == "object" && d !== null && (d.$$typeof === h || d.$$typeof === f || d.$$typeof === r || d.$$typeof === a || d.$$typeof === l || // This needs to include all possible module reference object
+    function C(f) {
+      return !!(typeof f == "string" || typeof f == "function" || f === s || f === o || R || f === i || f === c || f === u || b || f === p || k || w || A || typeof f == "object" && f !== null && (f.$$typeof === h || f.$$typeof === d || f.$$typeof === r || f.$$typeof === a || f.$$typeof === l || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
-      d.$$typeof === D || d.getModuleId !== void 0));
+      f.$$typeof === D || f.getModuleId !== void 0));
     }
-    function O(d, T, M) {
-      var E = d.displayName;
+    function O(f, T, M) {
+      var E = f.displayName;
       if (E)
         return E;
       var N = T.displayName || T.name || "";
       return N !== "" ? M + "(" + N + ")" : M;
     }
-    function Z(d) {
-      return d.displayName || "Context";
+    function Z(f) {
+      return f.displayName || "Context";
     }
-    function L(d) {
-      if (d == null)
+    function L(f) {
+      if (f == null)
         return null;
-      if (typeof d.tag == "number" && P("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof d == "function")
-        return d.displayName || d.name || null;
-      if (typeof d == "string")
-        return d;
-      switch (d) {
+      if (typeof f.tag == "number" && P("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof f == "function")
+        return f.displayName || f.name || null;
+      if (typeof f == "string")
+        return f;
+      switch (f) {
         case s:
           return "Fragment";
         case n:
@@ -126,21 +126,21 @@ function Ta() {
         case u:
           return "SuspenseList";
       }
-      if (typeof d == "object")
-        switch (d.$$typeof) {
+      if (typeof f == "object")
+        switch (f.$$typeof) {
           case a:
-            var T = d;
+            var T = f;
             return Z(T) + ".Consumer";
           case r:
-            var M = d;
+            var M = f;
             return Z(M._context) + ".Provider";
           case l:
-            return O(d, d.render, "ForwardRef");
-          case f:
-            var E = d.displayName || null;
-            return E !== null ? E : L(d.type) || "Memo";
+            return O(f, f.render, "ForwardRef");
+          case d:
+            var E = f.displayName || null;
+            return E !== null ? E : L(f.type) || "Memo";
           case h: {
-            var N = d, _ = N._payload, $ = N._init;
+            var N = f, _ = N._payload, $ = N._init;
             try {
               return L($(_));
             } catch {
@@ -158,20 +158,20 @@ function Ta() {
       {
         if (Y === 0) {
           Pt = console.log, H = console.info, ot = console.warn, Lt = console.error, $t = console.group, Ts = console.groupCollapsed, ws = console.groupEnd;
-          var d = {
+          var f = {
             configurable: !0,
             enumerable: !0,
             value: Ps,
             writable: !0
           };
           Object.defineProperties(console, {
-            info: d,
-            log: d,
-            warn: d,
-            error: d,
-            group: d,
-            groupCollapsed: d,
-            groupEnd: d
+            info: f,
+            log: f,
+            warn: f,
+            error: f,
+            group: f,
+            groupCollapsed: f,
+            groupEnd: f
           });
         }
         Y++;
@@ -180,31 +180,31 @@ function Ta() {
     function Xo() {
       {
         if (Y--, Y === 0) {
-          var d = {
+          var f = {
             configurable: !0,
             enumerable: !0,
             writable: !0
           };
           Object.defineProperties(console, {
-            log: U({}, d, {
+            log: U({}, f, {
               value: Pt
             }),
-            info: U({}, d, {
+            info: U({}, f, {
               value: H
             }),
-            warn: U({}, d, {
+            warn: U({}, f, {
               value: ot
             }),
-            error: U({}, d, {
+            error: U({}, f, {
               value: Lt
             }),
-            group: U({}, d, {
+            group: U({}, f, {
               value: $t
             }),
-            groupCollapsed: U({}, d, {
+            groupCollapsed: U({}, f, {
               value: Ts
             }),
-            groupEnd: U({}, d, {
+            groupEnd: U({}, f, {
               value: ws
             })
           });
@@ -213,7 +213,7 @@ function Ta() {
       }
     }
     var He = y.ReactCurrentDispatcher, qe;
-    function we(d, T, M) {
+    function we(f, T, M) {
       {
         if (qe === void 0)
           try {
@@ -223,7 +223,7 @@ function Ta() {
             qe = E && E[1] || "";
           }
         return `
-` + qe + d;
+` + qe + f;
       }
     }
     var Qe = !1, Pe;
@@ -231,11 +231,11 @@ function Ta() {
       var Yo = typeof WeakMap == "function" ? WeakMap : Map;
       Pe = new Yo();
     }
-    function Ss(d, T) {
-      if (!d || Qe)
+    function Ss(f, T) {
+      if (!f || Qe)
         return "";
       {
-        var M = Pe.get(d);
+        var M = Pe.get(f);
         if (M !== void 0)
           return M;
       }
@@ -260,14 +260,14 @@ function Ta() {
             } catch (st) {
               E = st;
             }
-            Reflect.construct(d, [], $);
+            Reflect.construct(f, [], $);
           } else {
             try {
               $.call();
             } catch (st) {
               E = st;
             }
-            d.call($.prototype);
+            f.call($.prototype);
           }
         } else {
           try {
@@ -275,7 +275,7 @@ function Ta() {
           } catch (st) {
             E = st;
           }
-          d();
+          f();
         }
       } catch (st) {
         if (st && E && typeof st.stack == "string") {
@@ -290,7 +290,7 @@ function Ta() {
                   if (K--, G--, G < 0 || j[K] !== nt[G]) {
                     var at = `
 ` + j[K].replace(" at new ", " at ");
-                    return d.displayName && at.includes("<anonymous>") && (at = at.replace("<anonymous>", d.displayName)), typeof d == "function" && Pe.set(d, at), at;
+                    return f.displayName && at.includes("<anonymous>") && (at = at.replace("<anonymous>", f.displayName)), typeof f == "function" && Pe.set(f, at), at;
                   }
                 while (K >= 1 && G >= 0);
               break;
@@ -299,37 +299,37 @@ function Ta() {
       } finally {
         Qe = !1, He.current = _, Xo(), Error.prepareStackTrace = N;
       }
-      var Ot = d ? d.displayName || d.name : "", At = Ot ? we(Ot) : "";
-      return typeof d == "function" && Pe.set(d, At), At;
+      var Ot = f ? f.displayName || f.name : "", At = Ot ? we(Ot) : "";
+      return typeof f == "function" && Pe.set(f, At), At;
     }
-    function Ko(d, T, M) {
-      return Ss(d, !1);
+    function Ko(f, T, M) {
+      return Ss(f, !1);
     }
-    function zo(d) {
-      var T = d.prototype;
+    function zo(f) {
+      var T = f.prototype;
       return !!(T && T.isReactComponent);
     }
-    function Se(d, T, M) {
-      if (d == null)
+    function Se(f, T, M) {
+      if (f == null)
         return "";
-      if (typeof d == "function")
-        return Ss(d, zo(d));
-      if (typeof d == "string")
-        return we(d);
-      switch (d) {
+      if (typeof f == "function")
+        return Ss(f, zo(f));
+      if (typeof f == "string")
+        return we(f);
+      switch (f) {
         case c:
           return we("Suspense");
         case u:
           return we("SuspenseList");
       }
-      if (typeof d == "object")
-        switch (d.$$typeof) {
+      if (typeof f == "object")
+        switch (f.$$typeof) {
           case l:
-            return Ko(d.render);
-          case f:
-            return Se(d.type, T, M);
+            return Ko(f.render);
+          case d:
+            return Se(f.type, T, M);
           case h: {
-            var E = d, N = E._payload, _ = E._init;
+            var E = f, N = E._payload, _ = E._init;
             try {
               return Se(_(N), T, M);
             } catch {
@@ -339,25 +339,25 @@ function Ta() {
       return "";
     }
     var Qt = Object.prototype.hasOwnProperty, Rs = {}, Ms = y.ReactDebugCurrentFrame;
-    function Re(d) {
-      if (d) {
-        var T = d._owner, M = Se(d.type, d._source, T ? T.type : null);
+    function Re(f) {
+      if (f) {
+        var T = f._owner, M = Se(f.type, f._source, T ? T.type : null);
         Ms.setExtraStackFrame(M);
       } else
         Ms.setExtraStackFrame(null);
     }
-    function Go(d, T, M, E, N) {
+    function Go(f, T, M, E, N) {
       {
         var _ = Function.call.bind(Qt);
-        for (var $ in d)
-          if (_(d, $)) {
+        for (var $ in f)
+          if (_(f, $)) {
             var j = void 0;
             try {
-              if (typeof d[$] != "function") {
-                var nt = Error((E || "React class") + ": " + M + " type `" + $ + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof d[$] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+              if (typeof f[$] != "function") {
+                var nt = Error((E || "React class") + ": " + M + " type `" + $ + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof f[$] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
                 throw nt.name = "Invariant Violation", nt;
               }
-              j = d[$](T, $, E, M, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              j = f[$](T, $, E, M, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (K) {
               j = K;
             }
@@ -366,82 +366,82 @@ function Ta() {
       }
     }
     var Zo = Array.isArray;
-    function Je(d) {
-      return Zo(d);
+    function Je(f) {
+      return Zo(f);
     }
-    function Ho(d) {
+    function Ho(f) {
       {
-        var T = typeof Symbol == "function" && Symbol.toStringTag, M = T && d[Symbol.toStringTag] || d.constructor.name || "Object";
+        var T = typeof Symbol == "function" && Symbol.toStringTag, M = T && f[Symbol.toStringTag] || f.constructor.name || "Object";
         return M;
       }
     }
-    function qo(d) {
+    function qo(f) {
       try {
-        return As(d), !1;
+        return As(f), !1;
       } catch {
         return !0;
       }
     }
-    function As(d) {
-      return "" + d;
+    function As(f) {
+      return "" + f;
     }
-    function Cs(d) {
-      if (qo(d))
-        return P("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Ho(d)), As(d);
+    function ks(f) {
+      if (qo(f))
+        return P("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Ho(f)), As(f);
     }
-    var ks = y.ReactCurrentOwner, Qo = {
+    var Cs = y.ReactCurrentOwner, Qo = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
     }, Vs, Es;
-    function Jo(d) {
-      if (Qt.call(d, "ref")) {
-        var T = Object.getOwnPropertyDescriptor(d, "ref").get;
+    function Jo(f) {
+      if (Qt.call(f, "ref")) {
+        var T = Object.getOwnPropertyDescriptor(f, "ref").get;
         if (T && T.isReactWarning)
           return !1;
       }
-      return d.ref !== void 0;
+      return f.ref !== void 0;
     }
-    function ta(d) {
-      if (Qt.call(d, "key")) {
-        var T = Object.getOwnPropertyDescriptor(d, "key").get;
+    function ta(f) {
+      if (Qt.call(f, "key")) {
+        var T = Object.getOwnPropertyDescriptor(f, "key").get;
         if (T && T.isReactWarning)
           return !1;
       }
-      return d.key !== void 0;
+      return f.key !== void 0;
     }
-    function ea(d, T) {
-      typeof d.ref == "string" && ks.current;
+    function ea(f, T) {
+      typeof f.ref == "string" && Cs.current;
     }
-    function na(d, T) {
+    function na(f, T) {
       {
         var M = function() {
           Vs || (Vs = !0, P("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", T));
         };
-        M.isReactWarning = !0, Object.defineProperty(d, "key", {
+        M.isReactWarning = !0, Object.defineProperty(f, "key", {
           get: M,
           configurable: !0
         });
       }
     }
-    function sa(d, T) {
+    function sa(f, T) {
       {
         var M = function() {
           Es || (Es = !0, P("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", T));
         };
-        M.isReactWarning = !0, Object.defineProperty(d, "ref", {
+        M.isReactWarning = !0, Object.defineProperty(f, "ref", {
           get: M,
           configurable: !0
         });
       }
     }
-    var ia = function(d, T, M, E, N, _, $) {
+    var ia = function(f, T, M, E, N, _, $) {
       var j = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: e,
         // Built-in properties that belong on the element
-        type: d,
+        type: f,
         key: T,
         ref: M,
         props: $,
@@ -465,58 +465,58 @@ function Ta() {
         value: N
       }), Object.freeze && (Object.freeze(j.props), Object.freeze(j)), j;
     };
-    function ra(d, T, M, E, N) {
+    function ra(f, T, M, E, N) {
       {
         var _, $ = {}, j = null, nt = null;
-        M !== void 0 && (Cs(M), j = "" + M), ta(T) && (Cs(T.key), j = "" + T.key), Jo(T) && (nt = T.ref, ea(T, N));
+        M !== void 0 && (ks(M), j = "" + M), ta(T) && (ks(T.key), j = "" + T.key), Jo(T) && (nt = T.ref, ea(T, N));
         for (_ in T)
           Qt.call(T, _) && !Qo.hasOwnProperty(_) && ($[_] = T[_]);
-        if (d && d.defaultProps) {
-          var K = d.defaultProps;
+        if (f && f.defaultProps) {
+          var K = f.defaultProps;
           for (_ in K)
             $[_] === void 0 && ($[_] = K[_]);
         }
         if (j || nt) {
-          var G = typeof d == "function" ? d.displayName || d.name || "Unknown" : d;
+          var G = typeof f == "function" ? f.displayName || f.name || "Unknown" : f;
           j && na($, G), nt && sa($, G);
         }
-        return ia(d, j, nt, N, E, ks.current, $);
+        return ia(f, j, nt, N, E, Cs.current, $);
       }
     }
     var tn = y.ReactCurrentOwner, Ds = y.ReactDebugCurrentFrame;
-    function Nt(d) {
-      if (d) {
-        var T = d._owner, M = Se(d.type, d._source, T ? T.type : null);
+    function Nt(f) {
+      if (f) {
+        var T = f._owner, M = Se(f.type, f._source, T ? T.type : null);
         Ds.setExtraStackFrame(M);
       } else
         Ds.setExtraStackFrame(null);
     }
     var en;
     en = !1;
-    function nn(d) {
-      return typeof d == "object" && d !== null && d.$$typeof === e;
+    function nn(f) {
+      return typeof f == "object" && f !== null && f.$$typeof === e;
     }
     function js() {
       {
         if (tn.current) {
-          var d = L(tn.current.type);
-          if (d)
+          var f = L(tn.current.type);
+          if (f)
             return `
 
-Check the render method of \`` + d + "`.";
+Check the render method of \`` + f + "`.";
         }
         return "";
       }
     }
-    function oa(d) {
+    function oa(f) {
       return "";
     }
     var Ls = {};
-    function aa(d) {
+    function aa(f) {
       {
         var T = js();
         if (!T) {
-          var M = typeof d == "string" ? d : d.displayName || d.name;
+          var M = typeof f == "string" ? f : f.displayName || f.name;
           M && (T = `
 
 Check the top-level render call using <` + M + ">.");
@@ -524,41 +524,41 @@ Check the top-level render call using <` + M + ">.");
         return T;
       }
     }
-    function $s(d, T) {
+    function $s(f, T) {
       {
-        if (!d._store || d._store.validated || d.key != null)
+        if (!f._store || f._store.validated || f.key != null)
           return;
-        d._store.validated = !0;
+        f._store.validated = !0;
         var M = aa(T);
         if (Ls[M])
           return;
         Ls[M] = !0;
         var E = "";
-        d && d._owner && d._owner !== tn.current && (E = " It was passed a child from " + L(d._owner.type) + "."), Nt(d), P('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', M, E), Nt(null);
+        f && f._owner && f._owner !== tn.current && (E = " It was passed a child from " + L(f._owner.type) + "."), Nt(f), P('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', M, E), Nt(null);
       }
     }
-    function Ns(d, T) {
+    function Ns(f, T) {
       {
-        if (typeof d != "object")
+        if (typeof f != "object")
           return;
-        if (Je(d))
-          for (var M = 0; M < d.length; M++) {
-            var E = d[M];
+        if (Je(f))
+          for (var M = 0; M < f.length; M++) {
+            var E = f[M];
             nn(E) && $s(E, T);
           }
-        else if (nn(d))
-          d._store && (d._store.validated = !0);
-        else if (d) {
-          var N = x(d);
-          if (typeof N == "function" && N !== d.entries)
-            for (var _ = N.call(d), $; !($ = _.next()).done; )
+        else if (nn(f))
+          f._store && (f._store.validated = !0);
+        else if (f) {
+          var N = x(f);
+          if (typeof N == "function" && N !== f.entries)
+            for (var _ = N.call(f), $; !($ = _.next()).done; )
               nn($.value) && $s($.value, T);
         }
       }
     }
-    function la(d) {
+    function la(f) {
       {
-        var T = d.type;
+        var T = f.type;
         if (T == null || typeof T == "string")
           return;
         var M;
@@ -566,13 +566,13 @@ Check the top-level render call using <` + M + ">.");
           M = T.propTypes;
         else if (typeof T == "object" && (T.$$typeof === l || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        T.$$typeof === f))
+        T.$$typeof === d))
           M = T.propTypes;
         else
           return;
         if (M) {
           var E = L(T);
-          Go(M, d.props, "prop", E, d);
+          Go(M, f.props, "prop", E, f);
         } else if (T.PropTypes !== void 0 && !en) {
           en = !0;
           var N = L(T);
@@ -581,31 +581,31 @@ Check the top-level render call using <` + M + ">.");
         typeof T.getDefaultProps == "function" && !T.getDefaultProps.isReactClassApproved && P("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
-    function ca(d) {
+    function ca(f) {
       {
-        for (var T = Object.keys(d.props), M = 0; M < T.length; M++) {
+        for (var T = Object.keys(f.props), M = 0; M < T.length; M++) {
           var E = T[M];
           if (E !== "children" && E !== "key") {
-            Nt(d), P("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", E), Nt(null);
+            Nt(f), P("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", E), Nt(null);
             break;
           }
         }
-        d.ref !== null && (Nt(d), P("Invalid attribute `ref` supplied to `React.Fragment`."), Nt(null));
+        f.ref !== null && (Nt(f), P("Invalid attribute `ref` supplied to `React.Fragment`."), Nt(null));
       }
     }
     var Os = {};
-    function Fs(d, T, M, E, N, _) {
+    function Fs(f, T, M, E, N, _) {
       {
-        var $ = k(d);
+        var $ = C(f);
         if (!$) {
           var j = "";
-          (d === void 0 || typeof d == "object" && d !== null && Object.keys(d).length === 0) && (j += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
+          (f === void 0 || typeof f == "object" && f !== null && Object.keys(f).length === 0) && (j += " 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 nt = oa();
           nt ? j += nt : j += js();
           var K;
-          d === null ? K = "null" : Je(d) ? K = "array" : d !== void 0 && d.$$typeof === e ? (K = "<" + (L(d.type) || "Unknown") + " />", j = " Did you accidentally export a JSX literal instead of a component?") : K = typeof d, P("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", K, j);
+          f === null ? K = "null" : Je(f) ? K = "array" : f !== void 0 && f.$$typeof === e ? (K = "<" + (L(f.type) || "Unknown") + " />", j = " Did you accidentally export a JSX literal instead of a component?") : K = typeof f, P("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", K, j);
         }
-        var G = ra(d, T, M, N, _);
+        var G = ra(f, T, M, N, _);
         if (G == null)
           return G;
         if ($) {
@@ -614,15 +614,15 @@ Check the top-level render call using <` + M + ">.");
             if (E)
               if (Je(at)) {
                 for (var Ot = 0; Ot < at.length; Ot++)
-                  Ns(at[Ot], d);
+                  Ns(at[Ot], f);
                 Object.freeze && Object.freeze(at);
               } else
                 P("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
             else
-              Ns(at, d);
+              Ns(at, f);
         }
         if (Qt.call(T, "key")) {
-          var At = L(d), st = Object.keys(T).filter(function(ma) {
+          var At = L(f), st = Object.keys(T).filter(function(ma) {
             return ma !== "key";
           }), sn = st.length > 0 ? "{key: someKey, " + st.join(": ..., ") + ": ...}" : "{key: someKey}";
           if (!Os[At + sn]) {
@@ -635,17 +635,17 @@ React keys must be passed directly to JSX without using spread:
   <%s key={someKey} {...props} />`, sn, At, pa, At), Os[At + sn] = !0;
           }
         }
-        return d === s ? ca(G) : la(G), G;
+        return f === s ? ca(G) : la(G), G;
       }
     }
-    function ua(d, T, M) {
-      return Fs(d, T, M, !0);
+    function ua(f, T, M) {
+      return Fs(f, T, M, !0);
     }
-    function fa(d, T, M) {
-      return Fs(d, T, M, !1);
+    function da(f, T, M) {
+      return Fs(f, T, M, !1);
     }
-    var da = fa, ha = ua;
-    te.Fragment = s, te.jsx = da, te.jsxs = ha;
+    var fa = da, ha = ua;
+    te.Fragment = s, te.jsx = fa, te.jsxs = ha;
   }()), te;
 }
 process.env.NODE_ENV === "production" ? xn.exports = ba() : xn.exports = Ta();
@@ -705,8 +705,8 @@ function Pa({ children: t, isPresent: e }) {
   }, [e]), m.jsx(wa, { isPresent: e, childRef: s, sizeRef: i, children: Fn.cloneElement(t, { ref: s }) });
 }
 const Sa = ({ children: t, initial: e, isPresent: n, onExitComplete: s, custom: i, presenceAffectsLayout: o, mode: r }) => {
-  const a = Gt(Ra), l = Bn(), c = In((f) => {
-    a.set(f, !0);
+  const a = Gt(Ra), l = Bn(), c = In((d) => {
+    a.set(d, !0);
     for (const h of a.values())
       if (!h)
         return;
@@ -718,7 +718,7 @@ const Sa = ({ children: t, initial: e, isPresent: n, onExitComplete: s, custom:
       isPresent: n,
       custom: i,
       onExitComplete: c,
-      register: (f) => (a.set(f, !1), () => a.delete(f))
+      register: (d) => (a.set(d, !1), () => a.delete(d))
     }),
     /**
      * If the presence of a child affects the layout of the components around it,
@@ -728,7 +728,7 @@ const Sa = ({ children: t, initial: e, isPresent: n, onExitComplete: s, custom:
     o ? [Math.random(), c] : [n, c]
   );
   return I(() => {
-    a.forEach((f, h) => a.set(h, !1));
+    a.forEach((d, h) => a.set(h, !1));
   }, [n]), Fn.useEffect(() => {
     !n && !a.size && s && s();
   }, [n]), r === "popLayout" && (t = m.jsx(Pa, { isPresent: n, children: t })), m.jsx(_e.Provider, { value: u, children: t });
@@ -741,7 +741,7 @@ function cr(t = !0) {
   if (e === null)
     return [!0, null];
   const { isPresent: n, onExitComplete: s, register: i } = e, o = Bn();
-  dt(() => {
+  ft(() => {
     t && i(o);
   }, [t]);
   const r = In(() => t && s && s(o), [o, s, t]);
@@ -754,29 +754,29 @@ function _s(t) {
     ya(n) && e.push(n);
   }), e;
 }
-const Wn = typeof window < "u", ge = Wn ? va : dt, Ma = ({ children: t, custom: e, initial: n = !0, onExitComplete: s, presenceAffectsLayout: i = !0, mode: o = "sync", propagate: r = !1 }) => {
-  const [a, l] = cr(r), c = I(() => _s(t), [t]), u = r && !a ? [] : c.map(Me), f = B(!0), h = B(c), p = Gt(() => /* @__PURE__ */ new Map()), [g, v] = bt(c), [x, y] = bt(c);
+const Wn = typeof window < "u", ge = Wn ? va : ft, Ma = ({ children: t, custom: e, initial: n = !0, onExitComplete: s, presenceAffectsLayout: i = !0, mode: o = "sync", propagate: r = !1 }) => {
+  const [a, l] = cr(r), c = I(() => _s(t), [t]), u = r && !a ? [] : c.map(Me), d = B(!0), h = B(c), p = Gt(() => /* @__PURE__ */ new Map()), [g, v] = bt(c), [x, y] = bt(c);
   ge(() => {
-    f.current = !1, h.current = c;
-    for (let C = 0; C < x.length; C++) {
-      const w = Me(x[C]);
+    d.current = !1, h.current = c;
+    for (let k = 0; k < x.length; k++) {
+      const w = Me(x[k]);
       u.includes(w) ? p.delete(w) : p.get(w) !== !0 && p.set(w, !1);
     }
   }, [x, u.length, u.join("-")]);
   const P = [];
   if (c !== g) {
-    let C = [...c];
+    let k = [...c];
     for (let w = 0; w < x.length; w++) {
       const A = x[w], b = Me(A);
-      u.includes(b) || (C.splice(w, 0, A), P.push(A));
+      u.includes(b) || (k.splice(w, 0, A), P.push(A));
     }
-    o === "wait" && P.length && (C = P), y(_s(C)), v(c);
+    o === "wait" && P.length && (k = P), y(_s(k)), v(c);
     return;
   }
   process.env.NODE_ENV !== "production" && o === "wait" && x.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: S } = Q(Un);
-  return m.jsx(m.Fragment, { children: x.map((C) => {
-    const w = Me(C), A = r && !a ? !1 : c === x || u.includes(w), b = () => {
+  return m.jsx(m.Fragment, { children: x.map((k) => {
+    const w = Me(k), A = r && !a ? !1 : c === x || u.includes(w), b = () => {
       if (p.has(w))
         p.set(w, !0);
       else
@@ -786,7 +786,7 @@ const Wn = typeof window < "u", ge = Wn ? va : dt, Ma = ({ children: t, custom:
         D || (R = !1);
       }), R && (S == null || S(), y(h.current), r && (l == null || l()), s && s());
     };
-    return m.jsx(Sa, { isPresent: A, initial: !f.current || n ? void 0 : !1, custom: A ? void 0 : e, presenceAffectsLayout: i, mode: o, onExitComplete: A ? void 0 : b, children: C }, w);
+    return m.jsx(Sa, { isPresent: A, initial: !d.current || n ? void 0 : !1, custom: A ? void 0 : e, presenceAffectsLayout: i, mode: o, onExitComplete: A ? void 0 : b, children: k }, w);
   }) });
 }, it = /* @__NO_SIDE_EFFECTS__ */ (t) => t;
 let Zt = it, gt = it;
@@ -807,7 +807,7 @@ const Wt = /* @__NO_SIDE_EFFECTS__ */ (t, e, n) => {
 }, ht = /* @__NO_SIDE_EFFECTS__ */ (t) => t * 1e3, vt = /* @__NO_SIDE_EFFECTS__ */ (t) => t / 1e3, Aa = {
   useManualTiming: !1
 };
-function Ca(t) {
+function ka(t) {
   let e = /* @__PURE__ */ new Set(), n = /* @__PURE__ */ new Set(), s = !1, i = !1;
   const o = /* @__PURE__ */ new WeakSet();
   let r = {
@@ -822,8 +822,8 @@ function Ca(t) {
     /**
      * Schedule a process to run on the next frame.
      */
-    schedule: (c, u = !1, f = !1) => {
-      const p = f && s ? e : n;
+    schedule: (c, u = !1, d = !1) => {
+      const p = d && s ? e : n;
       return u && o.add(c), p.has(c) || p.add(c), c;
     },
     /**
@@ -858,28 +858,28 @@ const Ae = [
   // Write
   "postRender"
   // Compute
-], ka = 40;
+], Ca = 40;
 function ur(t, e) {
   let n = !1, s = !0;
   const i = {
     delta: 0,
     timestamp: 0,
     isProcessing: !1
-  }, o = () => n = !0, r = Ae.reduce((y, P) => (y[P] = Ca(o), y), {}), { read: a, resolveKeyframes: l, update: c, preRender: u, render: f, postRender: h } = r, p = () => {
+  }, o = () => n = !0, r = Ae.reduce((y, P) => (y[P] = ka(o), y), {}), { read: a, resolveKeyframes: l, update: c, preRender: u, render: d, postRender: h } = r, p = () => {
     const y = performance.now();
-    n = !1, i.delta = s ? 1e3 / 60 : Math.max(Math.min(y - i.timestamp, ka), 1), i.timestamp = y, i.isProcessing = !0, a.process(i), l.process(i), c.process(i), u.process(i), f.process(i), h.process(i), i.isProcessing = !1, n && e && (s = !1, t(p));
+    n = !1, i.delta = s ? 1e3 / 60 : Math.max(Math.min(y - i.timestamp, Ca), 1), i.timestamp = y, i.isProcessing = !0, a.process(i), l.process(i), c.process(i), u.process(i), d.process(i), h.process(i), i.isProcessing = !1, n && e && (s = !1, t(p));
   }, g = () => {
     n = !0, s = !0, i.isProcessing || t(p);
   };
   return { schedule: Ae.reduce((y, P) => {
     const S = r[P];
-    return y[P] = (C, w = !1, A = !1) => (n || g(), S.schedule(C, w, A)), y;
+    return y[P] = (k, w = !1, A = !1) => (n || g(), S.schedule(k, w, A)), y;
   }, {}), cancel: (y) => {
     for (let P = 0; P < Ae.length; P++)
       r[Ae[P]].cancel(y);
   }, state: i, steps: r };
 }
-const { schedule: F, cancel: Tt, state: q, steps: rn } = ur(typeof requestAnimationFrame < "u" ? requestAnimationFrame : it, !0), fr = zt({ strict: !1 }), Us = {
+const { schedule: F, cancel: Tt, state: q, steps: rn } = ur(typeof requestAnimationFrame < "u" ? requestAnimationFrame : it, !0), dr = zt({ strict: !1 }), Us = {
   animation: [
     "animate",
     "variants",
@@ -945,9 +945,9 @@ const Ea = /* @__PURE__ */ new Set([
 function je(t) {
   return t.startsWith("while") || t.startsWith("drag") && t !== "draggable" || t.startsWith("layout") || t.startsWith("onTap") || t.startsWith("onPan") || t.startsWith("onLayout") || Ea.has(t);
 }
-let dr = (t) => !je(t);
+let fr = (t) => !je(t);
 function Da(t) {
-  t && (dr = (e) => e.startsWith("on") ? !je(e) : t(e));
+  t && (fr = (e) => e.startsWith("on") ? !je(e) : t(e));
 }
 try {
   Da(require("@emotion/is-prop-valid").default);
@@ -956,7 +956,7 @@ try {
 function ja(t, e, n) {
   const s = {};
   for (const i in t)
-    i === "values" && typeof t.values == "object" || (dr(i) || n === !0 && je(i) || !e && !je(i) || // If trying to use native HTML drag events, forward drag listeners
+    i === "values" && typeof t.values == "object" || (fr(i) || n === !0 && je(i) || !e && !je(i) || // If trying to use native HTML drag events, forward drag listeners
     t.draggable && i.startsWith("onDrag")) && (s[i] = t[i]);
   return s;
 }
@@ -978,7 +978,7 @@ function La(t) {
   });
 }
 const We = zt({});
-function fe(t) {
+function de(t) {
   return typeof t == "string" || Array.isArray(t);
 }
 function Xe(t) {
@@ -994,7 +994,7 @@ const Yn = [
   "exit"
 ], Kn = ["initial", ...Yn];
 function Ye(t) {
-  return Xe(t.animate) || Kn.some((e) => fe(t[e]));
+  return Xe(t.animate) || Kn.some((e) => de(t[e]));
 }
 function hr(t) {
   return !!(Ye(t) || t.variants);
@@ -1003,8 +1003,8 @@ function $a(t, e) {
   if (Ye(t)) {
     const { initial: n, animate: s } = t;
     return {
-      initial: n === !1 || fe(n) ? n : void 0,
-      animate: fe(s) ? s : void 0
+      initial: n === !1 || de(n) ? n : void 0,
+      animate: de(s) ? s : void 0
     };
   }
   return t.inherit !== !1 ? e : {};
@@ -1036,8 +1036,8 @@ function Fa(t, e, n) {
 const zn = (t) => t.replace(/([a-z])([A-Z])/gu, "$1-$2").toLowerCase(), Ba = "framerAppearId", pr = "data-" + zn(Ba), { schedule: Gn } = ur(queueMicrotask, !1), mr = zt({});
 function Ia(t, e, n, s, i) {
   var o, r;
-  const { visualElement: a } = Q(We), l = Q(fr), c = Q(_e), u = Q(me).reducedMotion, f = B(null);
-  s = s || l.renderer, !f.current && s && (f.current = s(t, {
+  const { visualElement: a } = Q(We), l = Q(dr), c = Q(_e), u = Q(me).reducedMotion, d = B(null);
+  s = s || l.renderer, !d.current && s && (d.current = s(t, {
     visualState: e,
     parent: a,
     props: n,
@@ -1045,8 +1045,8 @@ function Ia(t, e, n, s, i) {
     blockInitialAnimation: c ? c.initial === !1 : !1,
     reducedMotionConfig: u
   }));
-  const h = f.current, p = Q(mr);
-  h && !h.projection && i && (h.type === "html" || h.type === "svg") && _a(f.current, n, i, p);
+  const h = d.current, p = Q(mr);
+  h && !h.projection && i && (h.type === "html" || h.type === "svg") && _a(d.current, n, i, p);
   const g = B(!1);
   Ie(() => {
     h && g.current && h.update(n, c);
@@ -1054,7 +1054,7 @@ function Ia(t, e, n, s, i) {
   const v = n[pr], x = B(!!v && !(!((o = window.MotionHandoffIsComplete) === null || o === void 0) && o.call(window, v)) && ((r = window.MotionHasOptimisedAnimation) === null || r === void 0 ? void 0 : r.call(window, v)));
   return ge(() => {
     h && (g.current = !0, window.MotionIsMounted = !0, h.updateFeatures(), Gn.render(h.render), x.current && h.animationState && h.animationState.animateChanges());
-  }), dt(() => {
+  }), ft(() => {
     h && (!x.current && h.animationState && h.animationState.animateChanges(), x.current && (queueMicrotask(() => {
       var y;
       (y = window.MotionHandoffMarkAsComplete) === null || y === void 0 || y.call(window, v);
@@ -1089,7 +1089,7 @@ function Ua({ preloadedFeatures: t, createVisualElement: e, useRender: n, useVis
   var o, r;
   t && Va(t);
   function a(c, u) {
-    let f;
+    let d;
     const h = {
       ...Q(me),
       ...c,
@@ -1098,9 +1098,9 @@ function Ua({ preloadedFeatures: t, createVisualElement: e, useRender: n, useVis
     if (!p && Wn) {
       Xa(h, t);
       const x = Ya(h);
-      f = x.MeasureLayout, g.visualElement = Ia(i, v, h, e, x.ProjectionNode);
+      d = x.MeasureLayout, g.visualElement = Ia(i, v, h, e, x.ProjectionNode);
     }
-    return m.jsxs(We.Provider, { value: g, children: [f && g.visualElement ? m.jsx(f, { visualElement: g.visualElement, ...h }) : null, n(i, c, Fa(v, g.visualElement, u), v, p, g.visualElement)] });
+    return m.jsxs(We.Provider, { value: g, children: [d && g.visualElement ? m.jsx(d, { visualElement: g.visualElement, ...h }) : null, n(i, c, Fa(v, g.visualElement, u), v, p, g.visualElement)] });
   }
   a.displayName = `motion.${typeof i == "string" ? i : `create(${(r = (o = i.displayName) !== null && o !== void 0 ? o : i.name) !== null && r !== void 0 ? r : ""})`}`;
   const l = _n(a);
@@ -1111,7 +1111,7 @@ function Wa({ layoutId: t }) {
   return e && t !== void 0 ? e + "-" + t : t;
 }
 function Xa(t, e) {
-  const n = Q(fr).strict;
+  const n = Q(dr).strict;
   if (process.env.NODE_ENV !== "production" && e && n) {
     const s = "You have rendered a `motion` component within a `LazyMotion` component. This will break tree shaking. Import and render a `m` component instead.";
     t.ignoreStrict ? Zt(!1, s) : gt(!1, s);
@@ -1216,9 +1216,9 @@ function Ha(t, e, n, s) {
   e && c && !l && t.inherit !== !1 && (r === void 0 && (r = e.initial), a === void 0 && (a = e.animate));
   let u = n ? n.initial === !1 : !1;
   u = u || r === !1;
-  const f = u ? a : r;
-  if (f && typeof f != "boolean" && !Xe(f)) {
-    const h = Array.isArray(f) ? f : [f];
+  const d = u ? a : r;
+  if (d && typeof d != "boolean" && !Xe(d)) {
+    const h = Array.isArray(d) ? d : [d];
     for (let p = 0; p < h.length; p++) {
       const g = Hn(t, h[p]);
       if (g) {
@@ -1226,8 +1226,8 @@ function Ha(t, e, n, s) {
         for (const P in y) {
           let S = y[P];
           if (Array.isArray(S)) {
-            const C = u ? S.length - 1 : 0;
-            S = S[C];
+            const k = u ? S.length - 1 : 0;
+            S = S[k];
           }
           S !== null && (i[P] = S);
         }
@@ -1260,10 +1260,10 @@ const Ht = [
   test: (t) => typeof t == "number",
   parse: parseFloat,
   transform: (t) => t
-}, de = {
+}, fe = {
   ...qt,
   transform: (t) => wt(0, 1, t)
-}, Ce = {
+}, ke = {
   ...qt,
   default: 1
 }, ye = (t) => ({
@@ -1315,10 +1315,10 @@ const Ht = [
   rotateX: St,
   rotateY: St,
   rotateZ: St,
-  scale: Ce,
-  scaleX: Ce,
-  scaleY: Ce,
-  scaleZ: Ce,
+  scale: ke,
+  scaleX: ke,
+  scaleY: ke,
+  scaleZ: ke,
   skew: St,
   skewX: St,
   skewY: St,
@@ -1331,7 +1331,7 @@ const Ht = [
   z: V,
   perspective: V,
   transformPerspective: V,
-  opacity: de,
+  opacity: fe,
   originX: Ks,
   originY: Ks,
   originZ: V
@@ -1344,8 +1344,8 @@ const Ht = [
   zIndex: zs,
   size: V,
   // SVG
-  fillOpacity: de,
-  strokeOpacity: de,
+  fillOpacity: fe,
+  strokeOpacity: fe,
   numOctaves: zs
 }, sl = {
   x: "translateX",
@@ -1425,8 +1425,8 @@ function ts(t, {
   pathOffset: l = 0,
   // This is object creation, which we try to avoid per-frame.
   ...c
-}, u, f) {
-  if (Jn(t, c, f), u) {
+}, u, d) {
+  if (Jn(t, c, d), u) {
     t.style.viewBox && (t.attrs.viewBox = t.style.viewBox);
     return;
   }
@@ -1501,7 +1501,7 @@ function Mr(t, e, n) {
     }
   return s;
 }
-function fl(t, e) {
+function dl(t, e) {
   try {
     e.dimensions = typeof t.getBBox == "function" ? t.getBBox() : t.getBoundingClientRect();
   } catch {
@@ -1513,7 +1513,7 @@ function fl(t, e) {
     };
   }
 }
-const Zs = ["x", "y", "width", "height", "cx", "cy", "r"], dl = {
+const Zs = ["x", "y", "width", "height", "cx", "cy", "r"], fl = {
   useVisualState: yr({
     scrapeMotionValuesFromProps: Mr,
     createRenderState: Tr,
@@ -1537,7 +1537,7 @@ const Zs = ["x", "y", "width", "height", "cx", "cy", "r"], dl = {
           t[l] !== e[l] && (r = !0);
         }
       r && F.read(() => {
-        fl(n, s), F.render(() => {
+        dl(n, s), F.render(() => {
           ts(s, i, ns(n.tagName), t.transformTemplate), Sr(n, s);
         });
       });
@@ -1583,7 +1583,7 @@ function yl(t, e, n, s) {
 }
 function vl(t = !1) {
   return (n, s, i, { latestValues: o }, r) => {
-    const l = (Zn(n) ? yl : gl)(s, o, r, n), c = ja(s, typeof n == "string", t), u = n !== lr ? { ...c, ...l, ref: i } : {}, { children: f } = s, h = I(() => J(f) ? f.get() : f, [f]);
+    const l = (Zn(n) ? yl : gl)(s, o, r, n), c = ja(s, typeof n == "string", t), u = n !== lr ? { ...c, ...l, ref: i } : {}, { children: d } = s, h = I(() => J(d) ? d.get() : d, [d]);
     return vn(n, {
       ...u,
       children: h
@@ -1593,7 +1593,7 @@ function vl(t = !1) {
 function xl(t, e) {
   return function(s, { forwardMotionProps: i } = { forwardMotionProps: !1 }) {
     const r = {
-      ...Zn(s) ? dl : hl,
+      ...Zn(s) ? fl : hl,
       preloadedFeatures: t,
       useRender: vl(i),
       createVisualElement: e,
@@ -1602,7 +1602,7 @@ function xl(t, e) {
     return Ua(r);
   };
 }
-function Cr(t, e) {
+function kr(t, e) {
   if (!Array.isArray(e))
     return !1;
   const n = e.length;
@@ -1697,7 +1697,7 @@ function is(t, e) {
   return t ? t[e] || t.default || t : void 0;
 }
 const Tn = 2e4;
-function kr(t) {
+function Cr(t) {
   let e = 0;
   const n = 50;
   let s = t.next(e);
@@ -1753,12 +1753,12 @@ function Dr(t, e) {
   if (t)
     return typeof t == "function" && $e() ? Vr(t, e) : os(t) ? ne(t) : Array.isArray(t) ? t.map((n) => Dr(n, e) || wn.easeOut) : wn[t];
 }
-const ft = {
+const dt = {
   x: !1,
   y: !1
 };
 function jr() {
-  return ft.x || ft.y;
+  return dt.x || dt.y;
 }
 function Rl(t, e, n) {
   var s;
@@ -1789,8 +1789,8 @@ function Ml(t, e, n = {}) {
     const { target: l } = a, c = e(a);
     if (typeof c != "function" || !l)
       return;
-    const u = qs((f) => {
-      c(f), l.removeEventListener("pointerleave", u);
+    const u = qs((d) => {
+      c(d), l.removeEventListener("pointerleave", u);
     });
     l.addEventListener("pointerleave", u, i);
   });
@@ -1805,7 +1805,7 @@ const $r = (t, e) => e ? t === e ? !0 : $r(t, e.parentElement) : !1, as = (t) =>
   "TEXTAREA",
   "A"
 ]);
-function Cl(t) {
+function kl(t) {
   return Al.has(t.tagName) || t.tabIndex !== -1;
 }
 const se = /* @__PURE__ */ new WeakSet();
@@ -1817,7 +1817,7 @@ function Qs(t) {
 function on(t, e) {
   t.dispatchEvent(new PointerEvent("pointer" + e, { isPrimary: !0, bubbles: !0 }));
 }
-const kl = (t, e) => {
+const Cl = (t, e) => {
   const n = t.currentTarget;
   if (!n)
     return;
@@ -1842,23 +1842,23 @@ function Vl(t, e, n = {}) {
       return;
     se.add(l);
     const c = e(a), u = (p, g) => {
-      window.removeEventListener("pointerup", f), window.removeEventListener("pointercancel", h), !(!Js(p) || !se.has(l)) && (se.delete(l), typeof c == "function" && c(p, { success: g }));
-    }, f = (p) => {
+      window.removeEventListener("pointerup", d), window.removeEventListener("pointercancel", h), !(!Js(p) || !se.has(l)) && (se.delete(l), typeof c == "function" && c(p, { success: g }));
+    }, d = (p) => {
       u(p, n.useGlobalTarget || $r(l, p.target));
     }, h = (p) => {
       u(p, !1);
     };
-    window.addEventListener("pointerup", f, i), window.addEventListener("pointercancel", h, i);
+    window.addEventListener("pointerup", d, i), window.addEventListener("pointercancel", h, i);
   };
   return s.forEach((a) => {
-    !Cl(a) && a.getAttribute("tabindex") === null && (a.tabIndex = 0), (n.useGlobalTarget ? window : a).addEventListener("pointerdown", r, i), a.addEventListener("focus", (c) => kl(c, i), i);
+    !kl(a) && a.getAttribute("tabindex") === null && (a.tabIndex = 0), (n.useGlobalTarget ? window : a).addEventListener("pointerdown", r, i), a.addEventListener("focus", (c) => Cl(c, i), i);
   }), o;
 }
 function El(t) {
-  return t === "x" || t === "y" ? ft[t] ? null : (ft[t] = !0, () => {
-    ft[t] = !1;
-  }) : ft.x || ft.y ? null : (ft.x = ft.y = !0, () => {
-    ft.x = ft.y = !1;
+  return t === "x" || t === "y" ? dt[t] ? null : (dt[t] = !0, () => {
+    dt[t] = !1;
+  }) : dt.x || dt.y ? null : (dt.x = dt.y = !0, () => {
+    dt.x = dt.y = !1;
   });
 }
 const Nr = /* @__PURE__ */ new Set([
@@ -2118,7 +2118,7 @@ function Yt(t, e) {
 function $l(t, e, n) {
   t.hasValue(e) ? t.getValue(e).set(n) : t.addValue(e, Yt(n));
 }
-function fs(t, e) {
+function ds(t, e) {
   const n = Ke(t, e);
   let { transitionEnd: s = {}, transition: i = {}, ...o } = n || {};
   o = { ...o, ...s };
@@ -2152,7 +2152,7 @@ function ve(t, e, n, s) {
   const i = (o) => Bl(o, 0, 1, t, n);
   return (o) => o === 0 || o === 1 ? o : Br(i(o), e, s);
 }
-const Ir = (t) => (e) => e <= 0.5 ? t(2 * e) / 2 : (2 - t(2 * (1 - e))) / 2, _r = (t) => (e) => 1 - t(1 - e), Ur = /* @__PURE__ */ ve(0.33, 1.53, 0.69, 0.99), ds = /* @__PURE__ */ _r(Ur), Wr = /* @__PURE__ */ Ir(ds), Xr = (t) => (t *= 2) < 1 ? 0.5 * ds(t) : 0.5 * (2 - Math.pow(2, -10 * (t - 1))), hs = (t) => 1 - Math.sin(Math.acos(t)), Yr = _r(hs), Kr = Ir(hs), zr = (t) => /^0[^.\s]+$/u.test(t);
+const Ir = (t) => (e) => e <= 0.5 ? t(2 * e) / 2 : (2 - t(2 * (1 - e))) / 2, _r = (t) => (e) => 1 - t(1 - e), Ur = /* @__PURE__ */ ve(0.33, 1.53, 0.69, 0.99), fs = /* @__PURE__ */ _r(Ur), Wr = /* @__PURE__ */ Ir(fs), Xr = (t) => (t *= 2) < 1 ? 0.5 * fs(t) : 0.5 * (2 - Math.pow(2, -10 * (t - 1))), hs = (t) => 1 - Math.sin(Math.acos(t)), Yr = _r(hs), Kr = Ir(hs), zr = (t) => /^0[^.\s]+$/u.test(t);
 function Il(t) {
   return typeof t == "number" ? t === 0 : t !== null ? t === "none" || t === "0" || zr(t) : !0;
 }
@@ -2176,7 +2176,7 @@ const Ul = /^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s
 }, Et = {
   test: /* @__PURE__ */ ms("rgb", "red"),
   parse: /* @__PURE__ */ Gr("red", "green", "blue"),
-  transform: ({ red: t, green: e, blue: n, alpha: s = 1 }) => "rgba(" + an.transform(t) + ", " + an.transform(e) + ", " + an.transform(n) + ", " + oe(de.transform(s)) + ")"
+  transform: ({ red: t, green: e, blue: n, alpha: s = 1 }) => "rgba(" + an.transform(t) + ", " + an.transform(e) + ", " + an.transform(n) + ", " + oe(fe.transform(s)) + ")"
 };
 function Xl(t) {
   let e = "", n = "", s = "", i = "";
@@ -2194,7 +2194,7 @@ const Sn = {
 }, Bt = {
   test: /* @__PURE__ */ ms("hsl", "hue"),
   parse: /* @__PURE__ */ Gr("hue", "saturation", "lightness"),
-  transform: ({ hue: t, saturation: e, lightness: n, alpha: s = 1 }) => "hsla(" + Math.round(t) + ", " + pt.transform(oe(e)) + ", " + pt.transform(oe(n)) + ", " + oe(de.transform(s)) + ")"
+  transform: ({ hue: t, saturation: e, lightness: n, alpha: s = 1 }) => "hsla(" + Math.round(t) + ", " + pt.transform(oe(e)) + ", " + pt.transform(oe(n)) + ", " + oe(fe.transform(s)) + ")"
 }, tt = {
   test: (t) => Et.test(t) || Sn.test(t) || Bt.test(t),
   parse: (t) => Et.test(t) ? Et.parse(t) : Bt.test(t) ? Bt.parse(t) : Sn.parse(t),
@@ -2416,10 +2416,10 @@ function so(t, e, n = 1) {
   }
   return qn(i) ? so(i, e, n + 1) : i;
 }
-const io = (t) => (e) => e.test(t), fc = {
+const io = (t) => (e) => e.test(t), dc = {
   test: (t) => t === "auto",
   parse: (t) => t
-}, ro = [qt, V, pt, St, tl, Ja, fc], ri = (t) => ro.find(io(t));
+}, ro = [qt, V, pt, St, tl, Ja, dc], ri = (t) => ro.find(io(t));
 class oo extends ys {
   constructor(e, n, s, i, o) {
     super(e, n, s, i, o, !0);
@@ -2478,7 +2478,7 @@ class oo extends ys {
 const oi = (t, e) => e === "zIndex" ? !1 : !!(typeof t == "number" || Array.isArray(t) || typeof t == "string" && // It's animatable if we have a string
 (Rt.test(t) || t === "0") && // And it contains numbers and/or colors
 !t.startsWith("url("));
-function dc(t) {
+function fc(t) {
   const e = t[0];
   if (t.length === 1)
     return !0;
@@ -2493,7 +2493,7 @@ function hc(t, e, n, s) {
   if (e === "display" || e === "visibility")
     return !0;
   const o = t[t.length - 1], r = oi(i, e), a = oi(o, e);
-  return Zt(r === a, `You are trying to animate ${e} from "${i}" to "${o}". ${i} is not an animatable value - to enable this animation set ${i} to a value animatable to ${o} via the \`style\` property.`), !r || !a ? !1 : dc(t) || (n === "spring" || rs(n)) && s;
+  return Zt(r === a, `You are trying to animate ${e} from "${i}" to "${o}". ${i} is not an animatable value - to enable this animation set ${i} to a value animatable to ${o} via the \`style\` property.`), !r || !a ? !1 : fc(t) || (n === "spring" || rs(n)) && s;
 }
 const pc = (t) => t !== null;
 function ze(t, { repeat: e, repeatType: n = "loop" }, s) {
@@ -2615,9 +2615,9 @@ const li = (t, e) => {
     return Ne(t, e);
   const i = { ...n };
   return (o) => (i.red = cn(n.red, s.red, o), i.green = cn(n.green, s.green, o), i.blue = cn(n.blue, s.blue, o), i.alpha = X(n.alpha, s.alpha, o), Et.transform(i));
-}, xc = (t, e) => (n) => e(t(n)), xe = (...t) => t.reduce(xc), Cn = /* @__PURE__ */ new Set(["none", "hidden"]);
+}, xc = (t, e) => (n) => e(t(n)), xe = (...t) => t.reduce(xc), kn = /* @__PURE__ */ new Set(["none", "hidden"]);
 function bc(t, e) {
-  return Cn.has(t) ? (n) => n <= 0 ? t : e : (n) => n >= 1 ? e : t;
+  return kn.has(t) ? (n) => n <= 0 ? t : e : (n) => n >= 1 ? e : t;
 }
 function Tc(t, e) {
   return (n) => X(t, e, n);
@@ -2654,7 +2654,7 @@ function Pc(t, e) {
 }
 const Sc = (t, e) => {
   const n = Rt.createTransformer(e), s = he(t), i = he(e);
-  return s.indexes.var.length === i.indexes.var.length && s.indexes.color.length === i.indexes.color.length && s.indexes.number.length >= i.indexes.number.length ? Cn.has(t) && !i.values.length || Cn.has(e) && !s.values.length ? bc(t, e) : xe(lo(Pc(s, i), i.values), n) : (Zt(!0, `Complex values '${t}' and '${e}' 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.`), Ne(t, e));
+  return s.indexes.var.length === i.indexes.var.length && s.indexes.color.length === i.indexes.color.length && s.indexes.number.length >= i.indexes.number.length ? kn.has(t) && !i.values.length || kn.has(e) && !s.values.length ? bc(t, e) : xe(lo(Pc(s, i), i.values), n) : (Zt(!0, `Complex values '${t}' and '${e}' 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.`), Ne(t, e));
 };
 function co(t, e, n) {
   return typeof t == "number" && typeof e == "number" && typeof n == "number" ? X(t, e, n) : vs(t)(t, e);
@@ -2698,19 +2698,19 @@ function Mc({ duration: t = W.duration, bounce: e = W.bounce, velocity: n = W.ve
   Zt(t <= /* @__PURE__ */ ht(W.maxDuration), "Spring duration must be 10 seconds or less");
   let r = 1 - e;
   r = wt(W.minDamping, W.maxDamping, r), t = wt(W.minDuration, W.maxDuration, /* @__PURE__ */ vt(t)), r < 1 ? (i = (c) => {
-    const u = c * r, f = u * t, h = u - n, p = kn(c, r), g = Math.exp(-f);
+    const u = c * r, d = u * t, h = u - n, p = Cn(c, r), g = Math.exp(-d);
     return un - h / p * g;
   }, o = (c) => {
-    const f = c * r * t, h = f * n + n, p = Math.pow(r, 2) * Math.pow(c, 2) * t, g = Math.exp(-f), v = kn(Math.pow(c, 2), r);
+    const d = c * r * t, h = d * n + n, p = Math.pow(r, 2) * Math.pow(c, 2) * t, g = Math.exp(-d), v = Cn(Math.pow(c, 2), r);
     return (-i(c) + un > 0 ? -1 : 1) * ((h - p) * g) / v;
   }) : (i = (c) => {
-    const u = Math.exp(-c * t), f = (c - n) * t + 1;
-    return -un + u * f;
+    const u = Math.exp(-c * t), d = (c - n) * t + 1;
+    return -un + u * d;
   }, o = (c) => {
-    const u = Math.exp(-c * t), f = (n - c) * (t * t);
-    return u * f;
+    const u = Math.exp(-c * t), d = (n - c) * (t * t);
+    return u * d;
   });
-  const a = 5 / t, l = Cc(i, o, a);
+  const a = 5 / t, l = kc(i, o, a);
   if (t = /* @__PURE__ */ ht(t), isNaN(l))
     return {
       stiffness: W.stiffness,
@@ -2727,16 +2727,16 @@ function Mc({ duration: t = W.duration, bounce: e = W.bounce, velocity: n = W.ve
   }
 }
 const Ac = 12;
-function Cc(t, e, n) {
+function kc(t, e, n) {
   let s = n;
   for (let i = 1; i < Ac; i++)
     s = s - t(s) / e(s);
   return s;
 }
-function kn(t, e) {
+function Cn(t, e) {
   return t * Math.sqrt(1 - e * e);
 }
-const kc = ["duration", "bounce"], Vc = ["stiffness", "damping", "mass"];
+const Cc = ["duration", "bounce"], Vc = ["stiffness", "damping", "mass"];
 function ci(t, e) {
   return e.some((n) => t[n] !== void 0);
 }
@@ -2749,7 +2749,7 @@ function Ec(t) {
     isResolvedFromDuration: !1,
     ...t
   };
-  if (!ci(t, Vc) && ci(t, kc))
+  if (!ci(t, Vc) && ci(t, Cc))
     if (t.visualDuration) {
       const n = t.visualDuration, s = 2 * Math.PI / (n * 1.2), i = s * s, o = 2 * wt(0.05, 1, 1 - (t.bounce || 0)) * Math.sqrt(i);
       e = {
@@ -2775,14 +2775,14 @@ function fo(t = W.visualDuration, e = W.bounce) {
     bounce: e
   } : t;
   let { restSpeed: s, restDelta: i } = n;
-  const o = n.keyframes[0], r = n.keyframes[n.keyframes.length - 1], a = { done: !1, value: o }, { stiffness: l, damping: c, mass: u, duration: f, velocity: h, isResolvedFromDuration: p } = Ec({
+  const o = n.keyframes[0], r = n.keyframes[n.keyframes.length - 1], a = { done: !1, value: o }, { stiffness: l, damping: c, mass: u, duration: d, velocity: h, isResolvedFromDuration: p } = Ec({
     ...n,
     velocity: -/* @__PURE__ */ vt(n.velocity || 0)
   }), g = h || 0, v = c / (2 * Math.sqrt(l * u)), x = r - o, y = /* @__PURE__ */ vt(Math.sqrt(l / u)), P = Math.abs(x) < 5;
   s || (s = P ? W.restSpeed.granular : W.restSpeed.default), i || (i = P ? W.restDelta.granular : W.restDelta.default);
   let S;
   if (v < 1) {
-    const w = kn(y, v);
+    const w = Cn(y, v);
     S = (A) => {
       const b = Math.exp(-v * y * A);
       return r - b * ((g + v * y * x) / w * Math.sin(w * A) + x * Math.cos(w * A));
@@ -2796,12 +2796,12 @@ function fo(t = W.visualDuration, e = W.bounce) {
       return r - b * ((g + v * y * x) * Math.sinh(R) + w * x * Math.cosh(R)) / w;
     };
   }
-  const C = {
-    calculatedDuration: p && f || null,
+  const k = {
+    calculatedDuration: p && d || null,
     next: (w) => {
       const A = S(w);
       if (p)
-        a.done = w >= f;
+        a.done = w >= d;
       else {
         let b = 0;
         v < 1 && (b = w === 0 ? /* @__PURE__ */ ht(g) : uo(S, w, A));
@@ -2811,23 +2811,23 @@ function fo(t = W.visualDuration, e = W.bounce) {
       return a.value = a.done ? r : A, a;
     },
     toString: () => {
-      const w = Math.min(kr(C), Tn), A = Vr((b) => C.next(w * b).value, w, 30);
+      const w = Math.min(Cr(k), Tn), A = Vr((b) => k.next(w * b).value, w, 30);
       return w + "ms " + A;
     }
   };
-  return C;
+  return k;
 }
 function ui({ keyframes: t, velocity: e = 0, power: n = 0.8, timeConstant: s = 325, bounceDamping: i = 10, bounceStiffness: o = 500, modifyTarget: r, min: a, max: l, restDelta: c = 0.5, restSpeed: u }) {
-  const f = t[0], h = {
+  const d = t[0], h = {
     done: !1,
-    value: f
+    value: d
   }, p = (R) => a !== void 0 && R < a || l !== void 0 && R > l, g = (R) => a === void 0 ? l : l === void 0 || Math.abs(a - R) < Math.abs(l - R) ? a : l;
   let v = n * e;
-  const x = f + v, y = r === void 0 ? x : r(x);
-  y !== x && (v = y - f);
-  const P = (R) => -v * Math.exp(-R / s), S = (R) => y + P(R), C = (R) => {
-    const D = P(R), k = S(R);
-    h.done = Math.abs(D) <= c, h.value = h.done ? y : k;
+  const x = d + v, y = r === void 0 ? x : r(x);
+  y !== x && (v = y - d);
+  const P = (R) => -v * Math.exp(-R / s), S = (R) => y + P(R), k = (R) => {
+    const D = P(R), C = S(R);
+    h.done = Math.abs(D) <= c, h.value = h.done ? y : C;
   };
   let w, A;
   const b = (R) => {
@@ -2845,11 +2845,11 @@ function ui({ keyframes: t, velocity: e = 0, power: n = 0.8, timeConstant: s = 3
     calculatedDuration: null,
     next: (R) => {
       let D = !1;
-      return !A && w === void 0 && (D = !0, C(R), b(R)), w !== void 0 && R >= w ? A.next(R - w) : (!D && C(R), h);
+      return !A && w === void 0 && (D = !0, k(R), b(R)), w !== void 0 && R >= w ? A.next(R - w) : (!D && k(R), h);
     }
   };
 }
-const Dc = /* @__PURE__ */ ve(0.42, 0, 1, 1), jc = /* @__PURE__ */ ve(0, 0, 0.58, 1), ho = /* @__PURE__ */ ve(0.42, 0, 0.58, 1), Lc = (t) => Array.isArray(t) && typeof t[0] != "number", fi = {
+const Dc = /* @__PURE__ */ ve(0.42, 0, 1, 1), jc = /* @__PURE__ */ ve(0, 0, 0.58, 1), ho = /* @__PURE__ */ ve(0.42, 0, 0.58, 1), Lc = (t) => Array.isArray(t) && typeof t[0] != "number", di = {
   linear: it,
   easeIn: Dc,
   easeInOut: ho,
@@ -2857,17 +2857,17 @@ const Dc = /* @__PURE__ */ ve(0.42, 0, 1, 1), jc = /* @__PURE__ */ ve(0, 0, 0.58
   circIn: hs,
   circInOut: Kr,
   circOut: Yr,
-  backIn: ds,
+  backIn: fs,
   backInOut: Wr,
   backOut: Ur,
   anticipate: Xr
-}, di = (t) => {
+}, fi = (t) => {
   if (os(t)) {
     gt(t.length === 4, "Cubic bezier arrays must contain four numerical values.");
     const [e, n, s, i] = t;
     return ve(e, n, s, i);
   } else if (typeof t == "string")
-    return gt(fi[t] !== void 0, `Invalid easing type '${t}'`), fi[t];
+    return gt(di[t] !== void 0, `Invalid easing type '${t}'`), di[t];
   return t;
 };
 function $c(t, e, n) {
@@ -2893,12 +2893,12 @@ function po(t, e, { clamp: n = !0, ease: s, mixer: i } = {}) {
   const a = $c(e, s, i), l = a.length, c = (u) => {
     if (r && u < t[0])
       return e[0];
-    let f = 0;
+    let d = 0;
     if (l > 1)
-      for (; f < t.length - 2 && !(u < t[f + 1]); f++)
+      for (; d < t.length - 2 && !(u < t[d + 1]); d++)
         ;
-    const h = /* @__PURE__ */ Wt(t[f], t[f + 1], u);
-    return a[f](h);
+    const h = /* @__PURE__ */ Wt(t[d], t[d + 1], u);
+    return a[d](h);
   };
   return n ? (u) => c(wt(t[0], t[o - 1], u)) : c;
 }
@@ -2920,7 +2920,7 @@ function Bc(t, e) {
   return t.map(() => e || ho).splice(0, t.length - 1);
 }
 function Oe({ duration: t = 300, keyframes: e, times: n, ease: s = "easeInOut" }) {
-  const i = Lc(s) ? s.map(di) : di(s), o = {
+  const i = Lc(s) ? s.map(fi) : fi(s), o = {
     done: !1,
     value: e[0]
   }, r = Fc(
@@ -2978,13 +2978,13 @@ class Ge extends ao {
       ...this.options,
       keyframes: [...e].reverse(),
       velocity: -r
-    })), u.calculatedDuration === null && (u.calculatedDuration = kr(u));
-    const { calculatedDuration: f } = u, h = f + i, p = h * (s + 1) - i;
+    })), u.calculatedDuration === null && (u.calculatedDuration = Cr(u));
+    const { calculatedDuration: d } = u, h = d + i, p = h * (s + 1) - i;
     return {
       generator: u,
       mirroredGenerator: c,
       mapPercentToKeyframes: l,
-      calculatedDuration: f,
+      calculatedDuration: d,
       resolvedDuration: h,
       totalDuration: p
     };
@@ -2999,20 +2999,20 @@ class Ge extends ao {
       const { keyframes: R } = this.options;
       return { done: !0, value: R[R.length - 1] };
     }
-    const { finalKeyframe: i, generator: o, mirroredGenerator: r, mapPercentToKeyframes: a, keyframes: l, calculatedDuration: c, totalDuration: u, resolvedDuration: f } = s;
+    const { finalKeyframe: i, generator: o, mirroredGenerator: r, mapPercentToKeyframes: a, keyframes: l, calculatedDuration: c, totalDuration: u, resolvedDuration: d } = s;
     if (this.startTime === null)
       return o.next(0);
     const { delay: h, repeat: p, repeatType: g, repeatDelay: v, onUpdate: x } = this.options;
     this.speed > 0 ? this.startTime = Math.min(this.startTime, e) : this.speed < 0 && (this.startTime = Math.min(e - u / this.speed, this.startTime)), n ? this.currentTime = e : this.holdTime !== null ? this.currentTime = this.holdTime : this.currentTime = Math.round(e - this.startTime) * this.speed;
     const y = this.currentTime - h * (this.speed >= 0 ? 1 : -1), P = this.speed >= 0 ? y < 0 : y > u;
     this.currentTime = Math.max(y, 0), this.state === "finished" && this.holdTime === null && (this.currentTime = u);
-    let S = this.currentTime, C = o;
+    let S = this.currentTime, k = o;
     if (p) {
-      const R = Math.min(this.currentTime, u) / f;
-      let D = Math.floor(R), k = R % 1;
-      !k && R >= 1 && (k = 1), k === 1 && D--, D = Math.min(D, p + 1), !!(D % 2) && (g === "reverse" ? (k = 1 - k, v && (k -= v / f)) : g === "mirror" && (C = r)), S = wt(0, 1, k) * f;
+      const R = Math.min(this.currentTime, u) / d;
+      let D = Math.floor(R), C = R % 1;
+      !C && R >= 1 && (C = 1), C === 1 && D--, D = Math.min(D, p + 1), !!(D % 2) && (g === "reverse" ? (C = 1 - C, v && (C -= v / d)) : g === "mirror" && (k = r)), S = wt(0, 1, C) * d;
     }
-    const w = P ? { done: !1, value: l[0] } : C.next(S);
+    const w = P ? { done: !1, value: l[0] } : k.next(S);
     a && (w.value = a(w.value));
     let { done: A } = w;
     !P && c !== null && (A = this.speed >= 0 ? this.currentTime >= u : this.currentTime <= 0);
@@ -3145,13 +3145,13 @@ class hi extends ao {
     if (!a.owner || !a.owner.current)
       return !1;
     if (typeof o == "string" && $e() && Hc(o) && (o = mo[o]), Gc(this.options)) {
-      const { onComplete: f, onUpdate: h, motionValue: p, element: g, ...v } = this.options, x = Zc(e, v);
+      const { onComplete: d, onUpdate: h, motionValue: p, element: g, ...v } = this.options, x = Zc(e, v);
       e = x.keyframes, e.length === 1 && (e[1] = e[0]), s = x.duration, i = x.times, o = x.ease, r = "keyframes";
     }
     const u = Yc(a.owner.current, l, e, { ...this.options, duration: s, times: i, ease: o });
     return u.startTime = c ?? this.calcStartTime(), this.pendingTimeline ? (Hs(u, this.pendingTimeline), this.pendingTimeline = void 0) : u.onfinish = () => {
-      const { onComplete: f } = this.options;
-      a.set(ze(e, this.options, n)), f && f(), this.cancel(), this.resolveFinishedPromise();
+      const { onComplete: d } = this.options;
+      a.set(ze(e, this.options, n)), d && d(), this.cancel(), this.resolveFinishedPromise();
     }, {
       animation: u,
       duration: s,
@@ -3253,7 +3253,7 @@ class hi extends ao {
     if (n.playState === "idle" || n.playState === "finished")
       return;
     if (this.time) {
-      const { motionValue: c, onUpdate: u, onComplete: f, element: h, ...p } = this.options, g = new Ge({
+      const { motionValue: c, onUpdate: u, onComplete: d, element: h, ...p } = this.options, g = new Ge({
         ...p,
         keyframes: s,
         duration: i,
@@ -3332,8 +3332,8 @@ const xs = (t, e, n, s = {}, i, o) => (r) => {
     ...u,
     ...eu(t, u)
   }), u.duration && (u.duration = /* @__PURE__ */ ht(u.duration)), u.repeatDelay && (u.repeatDelay = /* @__PURE__ */ ht(u.repeatDelay)), u.from !== void 0 && (u.keyframes[0] = u.from);
-  let f = !1;
-  if ((u.type === !1 || u.duration === 0 && !u.repeatDelay) && (u.duration = 0, u.delay === 0 && (f = !0)), f && !o && e.get() !== void 0) {
+  let d = !1;
+  if ((u.type === !1 || u.duration === 0 && !u.repeatDelay) && (u.duration = 0, u.delay === 0 && (d = !0)), d && !o && e.get() !== void 0) {
     const h = ze(u.keyframes, a);
     if (h !== void 0)
       return F.update(() => {
@@ -3351,29 +3351,29 @@ function go(t, e, { delay: n = 0, transitionOverride: s, type: i } = {}) {
   let { transition: r = t.getDefaultTransition(), transitionEnd: a, ...l } = e;
   s && (r = s);
   const c = [], u = i && t.animationState && t.animationState.getState()[i];
-  for (const f in l) {
-    const h = t.getValue(f, (o = t.latestValues[f]) !== null && o !== void 0 ? o : null), p = l[f];
-    if (p === void 0 || u && su(u, f))
+  for (const d in l) {
+    const h = t.getValue(d, (o = t.latestValues[d]) !== null && o !== void 0 ? o : null), p = l[d];
+    if (p === void 0 || u && su(u, d))
       continue;
     const g = {
       delay: n,
-      ...is(r || {}, f)
+      ...is(r || {}, d)
     };
     let v = !1;
     if (window.MotionHandoffAnimation) {
       const y = Fr(t);
       if (y) {
-        const P = window.MotionHandoffAnimation(y, f, F);
+        const P = window.MotionHandoffAnimation(y, d, F);
         P !== null && (g.startTime = P, v = !0);
       }
     }
-    Pn(t, f), h.start(xs(f, h, p, t.shouldReduceMotion && Nr.has(f) ? { type: !1 } : g, t, v));
+    Pn(t, d), h.start(xs(d, h, p, t.shouldReduceMotion && Nr.has(d) ? { type: !1 } : g, t, v));
     const x = h.animation;
     x && c.push(x);
   }
   return a && Promise.all(c).then(() => {
     F.update(() => {
-      a && fs(t, a);
+      a && ds(t, a);
     });
   }), c;
 }
@@ -3383,8 +3383,8 @@ function Vn(t, e, n = {}) {
   let { transition: o = t.getDefaultTransition() || {} } = i || {};
   n.transitionOverride && (o = n.transitionOverride);
   const r = i ? () => Promise.all(go(t, i, n)) : () => Promise.resolve(), a = t.variantChildren && t.variantChildren.size ? (c = 0) => {
-    const { delayChildren: u = 0, staggerChildren: f, staggerDirection: h } = o;
-    return iu(t, e, u + c, f, h, n);
+    const { delayChildren: u = 0, staggerChildren: d, staggerDirection: h } = o;
+    return iu(t, e, u + c, d, h, n);
   } : () => Promise.resolve(), { when: l } = o;
   if (l) {
     const [c, u] = l === "beforeChildren" ? [r, a] : [a, r];
@@ -3431,7 +3431,7 @@ function vo(t) {
   const e = {};
   for (let n = 0; n < ou; n++) {
     const s = Kn[n], i = t.props[s];
-    (fe(i) || i === !1) && (e[s] = i);
+    (de(i) || i === !1) && (e[s] = i);
   }
   return e;
 }
@@ -3442,8 +3442,8 @@ function cu(t) {
 function uu(t) {
   let e = cu(t), n = pi(), s = !0;
   const i = (l) => (c, u) => {
-    var f;
-    const h = Ke(t, u, l === "exit" ? (f = t.presenceContext) === null || f === void 0 ? void 0 : f.custom : void 0);
+    var d;
+    const h = Ke(t, u, l === "exit" ? (d = t.presenceContext) === null || d === void 0 ? void 0 : d.custom : void 0);
     if (h) {
       const { transition: p, transitionEnd: g, ...v } = h;
       c = { ...c, ...v, ...g };
@@ -3454,23 +3454,23 @@ function uu(t) {
     e = l(t);
   }
   function r(l) {
-    const { props: c } = t, u = vo(t.parent) || {}, f = [], h = /* @__PURE__ */ new Set();
+    const { props: c } = t, u = vo(t.parent) || {}, d = [], h = /* @__PURE__ */ new Set();
     let p = {}, g = 1 / 0;
     for (let x = 0; x < lu; x++) {
-      const y = au[x], P = n[y], S = c[y] !== void 0 ? c[y] : u[y], C = fe(S), w = y === l ? P.isActive : null;
+      const y = au[x], P = n[y], S = c[y] !== void 0 ? c[y] : u[y], k = de(S), w = y === l ? P.isActive : null;
       w === !1 && (g = x);
-      let A = S === u[y] && S !== c[y] && C;
+      let A = S === u[y] && S !== c[y] && k;
       if (A && s && t.manuallyAnimateOnMount && (A = !1), P.protectedKeys = { ...p }, // If it isn't active and hasn't *just* been set as inactive
       !P.isActive && w === null || // If we didn't and don't have any defined prop for this animation type
       !S && !P.prevProp || // Or if the prop doesn't define an animation
       Xe(S) || typeof S == "boolean")
         continue;
-      const b = fu(P.prevProp, S);
+      const b = du(P.prevProp, S);
       let R = b || // If we're making this variant active, we want to always make it active
-      y === l && P.isActive && !A && C || // If we removed a higher-priority variant (i is in reverse order)
-      x > g && C, D = !1;
-      const k = Array.isArray(S) ? S : [S];
-      let O = k.reduce(i(y), {});
+      y === l && P.isActive && !A && k || // If we removed a higher-priority variant (i is in reverse order)
+      x > g && k, D = !1;
+      const C = Array.isArray(S) ? S : [S];
+      let O = C.reduce(i(y), {});
       w === !1 && (O = {});
       const { prevResolvedValues: Z = {} } = P, L = {
         ...Z,
@@ -3485,9 +3485,9 @@ function uu(t) {
         if (p.hasOwnProperty(H))
           continue;
         let $t = !1;
-        bn(ot) && bn(Lt) ? $t = !Cr(ot, Lt) : $t = ot !== Lt, $t ? ot != null ? U(H) : h.add(H) : ot !== void 0 && h.has(H) ? U(H) : P.protectedKeys[H] = !0;
+        bn(ot) && bn(Lt) ? $t = !kr(ot, Lt) : $t = ot !== Lt, $t ? ot != null ? U(H) : h.add(H) : ot !== void 0 && h.has(H) ? U(H) : P.protectedKeys[H] = !0;
       }
-      P.prevProp = S, P.prevResolvedValues = O, P.isActive && (p = { ...p, ...O }), s && t.blockInitialAnimation && (R = !1), R && (!(A && b) || D) && f.push(...k.map((H) => ({
+      P.prevProp = S, P.prevResolvedValues = O, P.isActive && (p = { ...p, ...O }), s && t.blockInitialAnimation && (R = !1), R && (!(A && b) || D) && d.push(...C.map((H) => ({
         animation: H,
         options: { type: y }
       })));
@@ -3497,10 +3497,10 @@ function uu(t) {
       h.forEach((y) => {
         const P = t.getBaseTarget(y), S = t.getValue(y);
         S && (S.liveStyle = !0), x[y] = P ?? null;
-      }), f.push({ animation: x });
+      }), d.push({ animation: x });
     }
-    let v = !!f.length;
-    return s && (c.initial === !1 || c.initial === c.animate) && !t.manuallyAnimateOnMount && (v = !1), s = !1, v ? e(f) : Promise.resolve();
+    let v = !!d.length;
+    return s && (c.initial === !1 || c.initial === c.animate) && !t.manuallyAnimateOnMount && (v = !1), s = !1, v ? e(d) : Promise.resolve();
   }
   function a(l, c) {
     var u;
@@ -3510,10 +3510,10 @@ function uu(t) {
       var p;
       return (p = h.animationState) === null || p === void 0 ? void 0 : p.setActive(l, c);
     }), n[l].isActive = c;
-    const f = r(l);
+    const d = r(l);
     for (const h in n)
       n[h].protectedKeys = {};
-    return f;
+    return d;
   }
   return {
     animateChanges: r,
@@ -3525,10 +3525,10 @@ function uu(t) {
     }
   };
 }
-function fu(t, e) {
-  return typeof e == "string" ? e !== t : Array.isArray(e) ? !Cr(e, t) : !1;
+function du(t, e) {
+  return typeof e == "string" ? e !== t : Array.isArray(e) ? !kr(e, t) : !1;
 }
-function Ct(t = !1) {
+function kt(t = !1) {
   return {
     isActive: t,
     protectedKeys: {},
@@ -3538,13 +3538,13 @@ function Ct(t = !1) {
 }
 function pi() {
   return {
-    animate: Ct(!0),
-    whileInView: Ct(),
-    whileHover: Ct(),
-    whileTap: Ct(),
-    whileDrag: Ct(),
-    whileFocus: Ct(),
-    exit: Ct()
+    animate: kt(!0),
+    whileInView: kt(),
+    whileHover: kt(),
+    whileTap: kt(),
+    whileDrag: kt(),
+    whileFocus: kt(),
+    exit: kt()
   };
 }
 class Mt {
@@ -3554,7 +3554,7 @@ class Mt {
   update() {
   }
 }
-class du extends Mt {
+class fu extends Mt {
   /**
    * We dynamically generate the AnimationState manager as it contains a reference
    * to the underlying animation library. We only want to load that if we load this,
@@ -3605,7 +3605,7 @@ class pu extends Mt {
 }
 const mu = {
   animation: {
-    Feature: du
+    Feature: fu
   },
   exit: {
     Feature: pu
@@ -3636,29 +3636,29 @@ class xo {
     if (this.startEvent = null, this.lastMoveEvent = null, this.lastMoveEventInfo = null, this.handlers = {}, this.contextWindow = window, this.updatePoint = () => {
       if (!(this.lastMoveEvent && this.lastMoveEventInfo))
         return;
-      const f = dn(this.lastMoveEventInfo, this.history), h = this.startEvent !== null, p = yu(f.offset, { x: 0, y: 0 }) >= 3;
+      const d = fn(this.lastMoveEventInfo, this.history), h = this.startEvent !== null, p = yu(d.offset, { x: 0, y: 0 }) >= 3;
       if (!h && !p)
         return;
-      const { point: g } = f, { timestamp: v } = q;
+      const { point: g } = d, { timestamp: v } = q;
       this.history.push({ ...g, timestamp: v });
       const { onStart: x, onMove: y } = this.handlers;
-      h || (x && x(this.lastMoveEvent, f), this.startEvent = this.lastMoveEvent), y && y(this.lastMoveEvent, f);
-    }, this.handlePointerMove = (f, h) => {
-      this.lastMoveEvent = f, this.lastMoveEventInfo = fn(h, this.transformPagePoint), F.update(this.updatePoint, !0);
-    }, this.handlePointerUp = (f, h) => {
+      h || (x && x(this.lastMoveEvent, d), this.startEvent = this.lastMoveEvent), y && y(this.lastMoveEvent, d);
+    }, this.handlePointerMove = (d, h) => {
+      this.lastMoveEvent = d, this.lastMoveEventInfo = dn(h, this.transformPagePoint), F.update(this.updatePoint, !0);
+    }, this.handlePointerUp = (d, h) => {
       this.end();
       const { onEnd: p, onSessionEnd: g, resumeAnimation: v } = this.handlers;
       if (this.dragSnapToOrigin && v && v(), !(this.lastMoveEvent && this.lastMoveEventInfo))
         return;
-      const x = dn(f.type === "pointercancel" ? this.lastMoveEventInfo : fn(h, this.transformPagePoint), this.history);
-      this.startEvent && p && p(f, x), g && g(f, x);
+      const x = fn(d.type === "pointercancel" ? this.lastMoveEventInfo : dn(h, this.transformPagePoint), this.history);
+      this.startEvent && p && p(d, x), g && g(d, x);
     }, !as(e))
       return;
     this.dragSnapToOrigin = o, this.handlers = n, this.transformPagePoint = s, this.contextWindow = i || window;
-    const r = be(e), a = fn(r, this.transformPagePoint), { point: l } = a, { timestamp: c } = q;
+    const r = be(e), a = dn(r, this.transformPagePoint), { point: l } = a, { timestamp: c } = q;
     this.history = [{ ...l, timestamp: c }];
     const { onSessionStart: u } = n;
-    u && u(e, dn(a, this.history)), this.removeListeners = xe(ae(this.contextWindow, "pointermove", this.handlePointerMove), ae(this.contextWindow, "pointerup", this.handlePointerUp), ae(this.contextWindow, "pointercancel", this.handlePointerUp));
+    u && u(e, fn(a, this.history)), this.removeListeners = xe(ae(this.contextWindow, "pointermove", this.handlePointerMove), ae(this.contextWindow, "pointerup", this.handlePointerUp), ae(this.contextWindow, "pointercancel", this.handlePointerUp));
   }
   updateHandlers(e) {
     this.handlers = e;
@@ -3667,13 +3667,13 @@ class xo {
     this.removeListeners && this.removeListeners(), Tt(this.updatePoint);
   }
 }
-function fn(t, e) {
+function dn(t, e) {
   return e ? { point: e(t.point) } : t;
 }
 function gi(t, e) {
   return { x: t.x - e.x, y: t.y - e.y };
 }
-function dn({ point: t }, e) {
+function fn({ point: t }, e) {
   return {
     point: t,
     delta: gi(t, bo(e)),
@@ -3749,13 +3749,13 @@ function Ti(t, e) {
   let n = e.min - t.min, s = e.max - t.max;
   return e.max - e.min < t.max - t.min && ([n, s] = [s, n]), { min: n, max: s };
 }
-function Cu(t, e) {
+function ku(t, e) {
   return {
     x: Ti(t.x, e.x),
     y: Ti(t.y, e.y)
   };
 }
-function ku(t, e) {
+function Cu(t, e) {
   let n = 0.5;
   const s = rt(t), i = rt(e);
   return i > s ? n = /* @__PURE__ */ Wt(e.min, e.max - s, t.min) : s > i && (n = /* @__PURE__ */ Wt(t.min, t.max - i, e.min)), wt(0, 1, n);
@@ -3821,7 +3821,7 @@ function hn(t) {
 function Dn({ scale: t, scaleX: e, scaleY: n }) {
   return !hn(t) || !hn(e) || !hn(n);
 }
-function kt(t) {
+function Ct(t) {
   return Dn(t) || So(t) || t.z || t.rotate || t.rotateX || t.rotateY || t.skewX || t.skewY;
 }
 function So(t) {
@@ -3843,7 +3843,7 @@ function jn(t, e = 0, n = 1, s, i) {
 function Ro(t, { x: e, y: n }) {
   jn(t.x, e.translate, e.scale, e.originPoint), jn(t.y, n.translate, n.scale, n.originPoint);
 }
-const Ci = 0.999999999999, ki = 1.0000000000001;
+const ki = 0.999999999999, Ci = 1.0000000000001;
 function Lu(t, e, n, s = !1) {
   const i = n.length;
   if (!i)
@@ -3856,9 +3856,9 @@ function Lu(t, e, n, s = !1) {
     l && l.props.style && l.props.style.display === "contents" || (s && o.options.layoutScroll && o.scroll && o !== o.root && Ut(t, {
       x: -o.scroll.offset.x,
       y: -o.scroll.offset.y
-    }), r && (e.x *= r.x.scale, e.y *= r.y.scale, Ro(t, r)), s && kt(o.latestValues) && Ut(t, o.latestValues));
+    }), r && (e.x *= r.x.scale, e.y *= r.y.scale, Ro(t, r)), s && Ct(o.latestValues) && Ut(t, o.latestValues));
   }
-  e.x < ki && e.x > Ci && (e.x = 1), e.y < ki && e.y > Ci && (e.y = 1);
+  e.x < Ci && e.x > ki && (e.x = 1), e.y < Ci && e.y > ki && (e.y = 1);
 }
 function _t(t, e) {
   t.min = t.min + e, t.max = t.max + e;
@@ -3887,9 +3887,9 @@ class Ou {
     if (s && s.isPresent === !1)
       return;
     const i = (u) => {
-      const { dragSnapToOrigin: f } = this.getProps();
-      f ? this.pauseAnimation() : this.stopAnimation(), n && this.snapToCursor(be(u).point);
-    }, o = (u, f) => {
+      const { dragSnapToOrigin: d } = this.getProps();
+      d ? this.pauseAnimation() : this.stopAnimation(), n && this.snapToCursor(be(u).point);
+    }, o = (u, d) => {
       const { drag: h, dragPropagation: p, onDragStart: g } = this.getProps();
       if (h && !p && (this.openDragLock && this.openDragLock(), this.openDragLock = El(h), !this.openDragLock))
         return;
@@ -3903,22 +3903,22 @@ class Ou {
           }
         }
         this.originPoint[x] = y;
-      }), g && F.postRender(() => g(u, f)), Pn(this.visualElement, "transform");
+      }), g && F.postRender(() => g(u, d)), Pn(this.visualElement, "transform");
       const { animationState: v } = this.visualElement;
       v && v.setActive("whileDrag", !0);
-    }, r = (u, f) => {
+    }, r = (u, d) => {
       const { dragPropagation: h, dragDirectionLock: p, onDirectionLock: g, onDrag: v } = this.getProps();
       if (!h && !this.openDragLock)
         return;
-      const { offset: x } = f;
+      const { offset: x } = d;
       if (p && this.currentDirection === null) {
         this.currentDirection = Fu(x), this.currentDirection !== null && g && g(this.currentDirection);
         return;
       }
-      this.updateAxis("x", f.point, x), this.updateAxis("y", f.point, x), this.visualElement.render(), v && v(u, f);
-    }, a = (u, f) => this.stop(u, f), l = () => ct((u) => {
-      var f;
-      return this.getAnimationState(u) === "paused" && ((f = this.getAxisMotionValue(u).animation) === null || f === void 0 ? void 0 : f.play());
+      this.updateAxis("x", d.point, x), this.updateAxis("y", d.point, x), this.visualElement.render(), v && v(u, d);
+    }, a = (u, d) => this.stop(u, d), l = () => ct((u) => {
+      var d;
+      return this.getAnimationState(u) === "paused" && ((d = this.getAxisMotionValue(u).animation) === null || d === void 0 ? void 0 : d.play());
     }), { dragSnapToOrigin: c } = this.getProps();
     this.panSession = new xo(e, {
       onSessionStart: i,
@@ -3950,7 +3950,7 @@ class Ou {
   }
   updateAxis(e, n, s) {
     const { drag: i } = this.getProps();
-    if (!s || !ke(e, i, this.currentDirection))
+    if (!s || !Ce(e, i, this.currentDirection))
       return;
     const o = this.getAxisMotionValue(e);
     let r = this.originPoint[e] + s[e];
@@ -3973,7 +3973,7 @@ class Ou {
     if (!i || !i.layout)
       return !1;
     const o = $u(s, i.root, this.visualElement.getTransformPagePoint());
-    let r = Cu(i.layout.layoutBox, o);
+    let r = ku(i.layout.layoutBox, o);
     if (n) {
       const a = n(Du(r));
       this.hasMutatedConstraints = !!a, a && (r = Po(a));
@@ -3982,10 +3982,10 @@ class Ou {
   }
   startAnimation(e) {
     const { drag: n, dragMomentum: s, dragElastic: i, dragTransition: o, dragSnapToOrigin: r, onDragTransitionEnd: a } = this.getProps(), l = this.constraints || {}, c = ct((u) => {
-      if (!ke(u, n, this.currentDirection))
+      if (!Ce(u, n, this.currentDirection))
         return;
-      let f = l && l[u] || {};
-      r && (f = { min: 0, max: 0 });
+      let d = l && l[u] || {};
+      r && (d = { min: 0, max: 0 });
       const h = i ? 200 : 1e6, p = i ? 40 : 1e7, g = {
         type: "inertia",
         velocity: s ? e[u] : 0,
@@ -3995,7 +3995,7 @@ class Ou {
         restDelta: 1,
         restSpeed: 10,
         ...o,
-        ...f
+        ...d
       };
       return this.startAxisValueAnimation(u, g);
     });
@@ -4031,7 +4031,7 @@ class Ou {
   snapToCursor(e) {
     ct((n) => {
       const { drag: s } = this.getProps();
-      if (!ke(n, s, this.currentDirection))
+      if (!Ce(n, s, this.currentDirection))
         return;
       const { projection: i } = this.visualElement, o = this.getAxisMotionValue(n);
       if (i && i.layout) {
@@ -4057,12 +4057,12 @@ class Ou {
       const a = this.getAxisMotionValue(r);
       if (a && this.constraints !== !1) {
         const l = a.get();
-        i[r] = ku({ min: l, max: l }, this.constraints[r]);
+        i[r] = Cu({ min: l, max: l }, this.constraints[r]);
       }
     });
     const { transformTemplate: o } = this.visualElement.getProps();
     this.visualElement.current.style.transform = o ? o({}, "") : "none", s.root && s.root.updateScroll(), s.updateLayout(), this.resolveConstraints(), ct((r) => {
-      if (!ke(r, e, null))
+      if (!Ce(r, e, null))
         return;
       const a = this.getAxisMotionValue(r), { min: l, max: c } = this.constraints[r];
       a.set(X(l, c, i[r]));
@@ -4082,8 +4082,8 @@ class Ou {
     i && !i.layout && (i.root && i.root.updateScroll(), i.updateLayout()), F.read(s);
     const r = pe(window, "resize", () => this.scalePositionWithinConstraints()), a = i.addEventListener("didUpdate", ({ delta: l, hasLayoutChanged: c }) => {
       this.isDragging && c && (ct((u) => {
-        const f = this.getAxisMotionValue(u);
-        f && (this.originPoint[u] += l[u].translate, f.set(f.get() + l[u].translate));
+        const d = this.getAxisMotionValue(u);
+        d && (this.originPoint[u] += l[u].translate, d.set(d.get() + l[u].translate));
       }), this.visualElement.render());
     });
     return () => {
@@ -4103,7 +4103,7 @@ class Ou {
     };
   }
 }
-function ke(t, e, n) {
+function Ce(t, e, n) {
   return (e === !0 || e === t) && (n === null || n === t);
 }
 function Fu(t, e = 10) {
@@ -4234,7 +4234,7 @@ class Uu extends xa {
     return null;
   }
 }
-function Co(t) {
+function ko(t) {
   const [e, n] = cr(), s = Q(Un);
   return m.jsx(Uu, { ...t, layoutGroup: s, switchLayoutGroup: Q(mr), isPresent: e, safeToRemove: n });
 }
@@ -4283,7 +4283,7 @@ function Gu(t, e) {
   };
   return F.read(s, !0), () => Tt(s);
 }
-const ko = ["TopLeft", "TopRight", "BottomLeft", "BottomRight"], Zu = ko.length, ji = (t) => typeof t == "string" ? parseFloat(t) : t, Li = (t) => typeof t == "number" || V.test(t);
+const Co = ["TopLeft", "TopRight", "BottomLeft", "BottomRight"], Zu = Co.length, ji = (t) => typeof t == "string" ? parseFloat(t) : t, Li = (t) => typeof t == "number" || V.test(t);
 function Hu(t, e, n, s, i, o) {
   i ? (t.opacity = X(
     0,
@@ -4292,7 +4292,7 @@ function Hu(t, e, n, s, i, o) {
     qu(s)
   ), t.opacityExit = X(e.opacity !== void 0 ? e.opacity : 1, 0, Qu(s))) : o && (t.opacity = X(e.opacity !== void 0 ? e.opacity : 1, n.opacity !== void 0 ? n.opacity : 1, s));
   for (let r = 0; r < Zu; r++) {
-    const a = `border${ko[r]}Radius`;
+    const a = `border${Co[r]}Radius`;
     let l = $i(e, a), c = $i(n, a);
     if (l === void 0 && c === void 0)
       continue;
@@ -4328,9 +4328,9 @@ function Ju(t, e = 0, n = 1, s = 0.5, i, o = t, r = t) {
 function Bi(t, e, [n, s, i], o, r) {
   Ju(t, e[n], e[s], e[i], e.scale, o, r);
 }
-const tf = ["x", "scaleX", "originX"], ef = ["y", "scaleY", "originY"];
+const td = ["x", "scaleX", "originX"], ed = ["y", "scaleY", "originY"];
 function Ii(t, e, n, s) {
-  Bi(t.x, e, tf, n ? n.x : void 0, s ? s.x : void 0), Bi(t.y, e, ef, n ? n.y : void 0, s ? s.y : void 0);
+  Bi(t.x, e, td, n ? n.x : void 0, s ? s.x : void 0), Bi(t.y, e, ed, n ? n.y : void 0, s ? s.y : void 0);
 }
 function _i(t) {
   return t.translate === 0 && t.scale === 1;
@@ -4341,7 +4341,7 @@ function Eo(t) {
 function Ui(t, e) {
   return t.min === e.min && t.max === e.max;
 }
-function nf(t, e) {
+function nd(t, e) {
   return Ui(t.x, e.x) && Ui(t.y, e.y);
 }
 function Wi(t, e) {
@@ -4356,7 +4356,7 @@ function Xi(t) {
 function Yi(t, e) {
   return t.translate === e.translate && t.scale === e.scale && t.originPoint === e.originPoint;
 }
-class sf {
+class sd {
   constructor() {
     this.members = [];
   }
@@ -4410,12 +4410,12 @@ class sf {
     this.lead && this.lead.snapshot && (this.lead.snapshot = void 0);
   }
 }
-function rf(t, e, n) {
+function id(t, e, n) {
   let s = "";
   const i = t.x.translate / e.x, o = t.y.translate / e.y, r = (n == null ? void 0 : n.z) || 0;
   if ((i || o || r) && (s = `translate3d(${i}px, ${o}px, ${r}px) `), (e.x !== 1 || e.y !== 1) && (s += `scale(${1 / e.x}, ${1 / e.y}) `), n) {
-    const { transformPerspective: c, rotate: u, rotateX: f, rotateY: h, skewX: p, skewY: g } = n;
-    c && (s = `perspective(${c}px) ${s}`), u && (s += `rotate(${u}deg) `), f && (s += `rotateX(${f}deg) `), h && (s += `rotateY(${h}deg) `), p && (s += `skewX(${p}deg) `), g && (s += `skewY(${g}deg) `);
+    const { transformPerspective: c, rotate: u, rotateX: d, rotateY: h, skewX: p, skewY: g } = n;
+    c && (s = `perspective(${c}px) ${s}`), u && (s += `rotate(${u}deg) `), d && (s += `rotateX(${d}deg) `), h && (s += `rotateY(${h}deg) `), p && (s += `skewX(${p}deg) `), g && (s += `skewY(${g}deg) `);
   }
   const a = t.x.scale * e.x, l = t.y.scale * e.y;
   return (a !== 1 || l !== 1) && (s += `scale(${a}, ${l})`), s || "none";
@@ -4425,8 +4425,8 @@ const Vt = {
   totalNodes: 0,
   resolvedTargetDeltas: 0,
   recalculatedProjection: 0
-}, ie = typeof window < "u" && window.MotionDebug !== void 0, pn = ["", "X", "Y", "Z"], of = { visibility: "hidden" }, Ki = 1e3;
-let af = 0;
+}, ie = typeof window < "u" && window.MotionDebug !== void 0, pn = ["", "X", "Y", "Z"], rd = { visibility: "hidden" }, Ki = 1e3;
+let od = 0;
 function mn(t, e, n, s) {
   const { latestValues: i } = e;
   i[t] && (n[t] = i[t], e.setStaticValue(t, 0), s && (s[t] = 0));
@@ -4448,10 +4448,10 @@ function jo(t) {
 function Lo({ attachResizeListener: t, defaultParent: e, measureScroll: n, checkIsScrollRoot: s, resetTransform: i }) {
   return class {
     constructor(r = {}, a = e == null ? void 0 : e()) {
-      this.id = af++, this.animationId = 0, this.children = /* @__PURE__ */ new Set(), this.options = {}, this.isTreeAnimating = !1, this.isAnimationBlocked = !1, this.isLayoutDirty = !1, this.isProjectionDirty = !1, this.isSharedProjectionDirty = !1, this.isTransformDirty = !1, this.updateManuallyBlocked = !1, this.updateBlockedByResize = !1, this.isUpdating = !1, this.isSVG = !1, this.needsReset = !1, this.shouldResetTransform = !1, this.hasCheckedOptimisedAppear = !1, this.treeScale = { x: 1, y: 1 }, this.eventHandlers = /* @__PURE__ */ new Map(), this.hasTreeAnimated = !1, this.updateScheduled = !1, this.scheduleUpdate = () => this.update(), this.projectionUpdateScheduled = !1, this.checkUpdateFailed = () => {
+      this.id = od++, this.animationId = 0, this.children = /* @__PURE__ */ new Set(), this.options = {}, this.isTreeAnimating = !1, this.isAnimationBlocked = !1, this.isLayoutDirty = !1, this.isProjectionDirty = !1, this.isSharedProjectionDirty = !1, this.isTransformDirty = !1, this.updateManuallyBlocked = !1, this.updateBlockedByResize = !1, this.isUpdating = !1, this.isSVG = !1, this.needsReset = !1, this.shouldResetTransform = !1, this.hasCheckedOptimisedAppear = !1, this.treeScale = { x: 1, y: 1 }, this.eventHandlers = /* @__PURE__ */ new Map(), this.hasTreeAnimated = !1, this.updateScheduled = !1, this.scheduleUpdate = () => this.update(), this.projectionUpdateScheduled = !1, this.checkUpdateFailed = () => {
         this.isUpdating && (this.isUpdating = !1, this.clearAllSnapshots());
       }, this.updateProjection = () => {
-        this.projectionUpdateScheduled = !1, ie && (Vt.totalNodes = Vt.resolvedTargetDeltas = Vt.recalculatedProjection = 0), this.nodes.forEach(uf), this.nodes.forEach(mf), this.nodes.forEach(gf), this.nodes.forEach(ff), ie && window.MotionDebug.record(Vt);
+        this.projectionUpdateScheduled = !1, ie && (Vt.totalNodes = Vt.resolvedTargetDeltas = Vt.recalculatedProjection = 0), this.nodes.forEach(cd), this.nodes.forEach(pd), this.nodes.forEach(md), this.nodes.forEach(ud), ie && window.MotionDebug.record(Vt);
       }, this.resolvedRelativeTargetAt = 0, this.hasProjected = !1, this.isVisible = !0, this.animationProgress = 0, this.sharedNodes = /* @__PURE__ */ new Map(), this.latestValues = r, this.root = a ? a.root || a : this, this.path = a ? [...a.path, a] : [], this.parent = a, this.depth = a ? a.depth + 1 : 0;
       for (let l = 0; l < this.path.length; l++)
         this.path[l].shouldResetTransform = !0;
@@ -4476,26 +4476,26 @@ function Lo({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       this.isSVG = Yu(r), this.instance = r;
       const { layoutId: l, layout: c, visualElement: u } = this.options;
       if (u && !u.current && u.mount(r), this.root.nodes.add(this), this.parent && this.parent.children.add(this), a && (c || l) && (this.isLayoutDirty = !0), t) {
-        let f;
+        let d;
         const h = () => this.root.updateBlockedByResize = !1;
         t(r, () => {
-          this.root.updateBlockedByResize = !0, f && f(), f = Gu(h, 250), De.hasAnimatedSinceResize && (De.hasAnimatedSinceResize = !1, this.nodes.forEach(Gi));
+          this.root.updateBlockedByResize = !0, d && d(), d = Gu(h, 250), De.hasAnimatedSinceResize && (De.hasAnimatedSinceResize = !1, this.nodes.forEach(Gi));
         });
       }
-      l && this.root.registerSharedNode(l, this), this.options.animate !== !1 && u && (l || c) && this.addEventListener("didUpdate", ({ delta: f, hasLayoutChanged: h, hasRelativeTargetChanged: p, layout: g }) => {
+      l && this.root.registerSharedNode(l, this), this.options.animate !== !1 && u && (l || c) && this.addEventListener("didUpdate", ({ delta: d, hasLayoutChanged: h, hasRelativeTargetChanged: p, layout: g }) => {
         if (this.isTreeAnimationBlocked()) {
           this.target = void 0, this.relativeTarget = void 0;
           return;
         }
-        const v = this.options.transition || u.getDefaultTransition() || Tf, { onLayoutAnimationStart: x, onLayoutAnimationComplete: y } = u.getProps(), P = !this.targetLayout || !Do(this.targetLayout, g) || p, S = !h && p;
+        const v = this.options.transition || u.getDefaultTransition() || bd, { onLayoutAnimationStart: x, onLayoutAnimationComplete: y } = u.getProps(), P = !this.targetLayout || !Do(this.targetLayout, g) || p, S = !h && p;
         if (this.options.layoutRoot || this.resumeFrom && this.resumeFrom.instance || S || h && (P || !this.currentAnimation)) {
-          this.resumeFrom && (this.resumingFrom = this.resumeFrom, this.resumingFrom.resumingFrom = void 0), this.setAnimationOrigin(f, S);
-          const C = {
+          this.resumeFrom && (this.resumingFrom = this.resumeFrom, this.resumingFrom.resumingFrom = void 0), this.setAnimationOrigin(d, S);
+          const k = {
             ...is(v, "layout"),
             onPlay: x,
             onComplete: y
           };
-          (u.shouldReduceMotion || this.options.layoutRoot) && (C.delay = 0, C.type = !1), this.startAnimation(C);
+          (u.shouldReduceMotion || this.options.layoutRoot) && (k.delay = 0, k.type = !1), this.startAnimation(k);
         } else
           h || Gi(this), this.isLead() && this.options.onExitComplete && this.options.onExitComplete();
         this.targetLayout = g;
@@ -4521,7 +4521,7 @@ function Lo({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
     }
     // Note: currently only running on root node
     startUpdate() {
-      this.isUpdateBlocked() || (this.isUpdating = !0, this.nodes && this.nodes.forEach(yf), this.animationId++);
+      this.isUpdateBlocked() || (this.isUpdating = !0, this.nodes && this.nodes.forEach(gd), this.animationId++);
     }
     getTransformTemplate() {
       const { visualElement: r } = this.options;
@@ -4536,8 +4536,8 @@ function Lo({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
         return;
       this.isLayoutDirty = !0;
       for (let u = 0; u < this.path.length; u++) {
-        const f = this.path[u];
-        f.shouldResetTransform = !0, f.updateScroll("snapshot"), f.options.layoutRoot && f.willUpdate(!1);
+        const d = this.path[u];
+        d.shouldResetTransform = !0, d.updateScroll("snapshot"), d.options.layoutRoot && d.willUpdate(!1);
       }
       const { layoutId: a, layout: l } = this.options;
       if (a === void 0 && !l)
@@ -4550,7 +4550,7 @@ function Lo({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
         this.unblockUpdate(), this.clearAllSnapshots(), this.nodes.forEach(zi);
         return;
       }
-      this.isUpdating || this.nodes.forEach(hf), this.isUpdating = !1, this.nodes.forEach(pf), this.nodes.forEach(lf), this.nodes.forEach(cf), this.clearAllSnapshots();
+      this.isUpdating || this.nodes.forEach(fd), this.isUpdating = !1, this.nodes.forEach(hd), this.nodes.forEach(ad), this.nodes.forEach(ld), this.clearAllSnapshots();
       const a = mt.now();
       q.delta = wt(0, 1e3 / 60, a - q.timestamp), q.timestamp = a, q.isProcessing = !0, rn.update.process(q), rn.preRender.process(q), rn.render.process(q), q.isProcessing = !1;
     }
@@ -4558,7 +4558,7 @@ function Lo({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       this.updateScheduled || (this.updateScheduled = !0, Gn.read(this.scheduleUpdate));
     }
     clearAllSnapshots() {
-      this.nodes.forEach(df), this.sharedNodes.forEach(vf);
+      this.nodes.forEach(dd), this.sharedNodes.forEach(yd);
     }
     scheduleUpdateProjection() {
       this.projectionUpdateScheduled || (this.projectionUpdateScheduled = !0, F.preRender(this.updateProjection, !1, !0));
@@ -4602,12 +4602,12 @@ function Lo({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       if (!i)
         return;
       const r = this.isLayoutDirty || this.shouldResetTransform || this.options.alwaysMeasureLayout, a = this.projectionDelta && !Eo(this.projectionDelta), l = this.getTransformTemplate(), c = l ? l(this.latestValues, "") : void 0, u = c !== this.prevTransformTemplateValue;
-      r && (a || kt(this.latestValues) || u) && (i(this.instance, c), this.shouldResetTransform = !1, this.scheduleRender());
+      r && (a || Ct(this.latestValues) || u) && (i(this.instance, c), this.shouldResetTransform = !1, this.scheduleRender());
     }
     measure(r = !0) {
       const a = this.measurePageBox();
       let l = this.removeElementScroll(a);
-      return r && (l = this.removeTransform(l)), wf(l), {
+      return r && (l = this.removeTransform(l)), Td(l), {
         animationId: this.root.animationId,
         measuredBox: a,
         layoutBox: l,
@@ -4621,7 +4621,7 @@ function Lo({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       if (!a)
         return z();
       const l = a.measureViewportBox();
-      if (!(((r = this.scroll) === null || r === void 0 ? void 0 : r.wasRoot) || this.path.some(Pf))) {
+      if (!(((r = this.scroll) === null || r === void 0 ? void 0 : r.wasRoot) || this.path.some(wd))) {
         const { scroll: u } = this.root;
         u && (_t(l.x, u.offset.x), _t(l.y, u.offset.y));
       }
@@ -4633,8 +4633,8 @@ function Lo({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       if (lt(l, r), !((a = this.scroll) === null || a === void 0) && a.wasRoot)
         return l;
       for (let c = 0; c < this.path.length; c++) {
-        const u = this.path[c], { scroll: f, options: h } = u;
-        u !== this.root && f && h.layoutScroll && (f.wasRoot && lt(l, r), _t(l.x, f.offset.x), _t(l.y, f.offset.y));
+        const u = this.path[c], { scroll: d, options: h } = u;
+        u !== this.root && d && h.layoutScroll && (d.wasRoot && lt(l, r), _t(l.x, d.offset.x), _t(l.y, d.offset.y));
       }
       return l;
     }
@@ -4646,22 +4646,22 @@ function Lo({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
         !a && u.options.layoutScroll && u.scroll && u !== u.root && Ut(l, {
           x: -u.scroll.offset.x,
           y: -u.scroll.offset.y
-        }), kt(u.latestValues) && Ut(l, u.latestValues);
+        }), Ct(u.latestValues) && Ut(l, u.latestValues);
       }
-      return kt(this.latestValues) && Ut(l, this.latestValues), l;
+      return Ct(this.latestValues) && Ut(l, this.latestValues), l;
     }
     removeTransform(r) {
       const a = z();
       lt(a, r);
       for (let l = 0; l < this.path.length; l++) {
         const c = this.path[l];
-        if (!c.instance || !kt(c.latestValues))
+        if (!c.instance || !Ct(c.latestValues))
           continue;
         Dn(c.latestValues) && c.updateSnapshot();
-        const u = z(), f = c.measurePageBox();
-        lt(u, f), Ii(a, c.latestValues, c.snapshot ? c.snapshot.layoutBox : void 0, u);
+        const u = z(), d = c.measurePageBox();
+        lt(u, d), Ii(a, c.latestValues, c.snapshot ? c.snapshot.layoutBox : void 0, u);
       }
-      return kt(this.latestValues) && Ii(a, this.latestValues), a;
+      return Ct(this.latestValues) && Ii(a, this.latestValues), a;
     }
     setTargetDelta(r) {
       this.targetDelta = r, this.root.scheduleUpdateProjection(), this.isProjectionDirty = !0;
@@ -4686,8 +4686,8 @@ function Lo({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       const c = !!this.resumingFrom || this !== l;
       if (!(r || c && this.isSharedProjectionDirty || this.isProjectionDirty || !((a = this.parent) === null || a === void 0) && a.isProjectionDirty || this.attemptToResolveRelativeTarget || this.root.updateBlockedByResize))
         return;
-      const { layout: f, layoutId: h } = this.options;
-      if (!(!this.layout || !(f || h))) {
+      const { layout: d, layoutId: h } = this.options;
+      if (!(!this.layout || !(d || h))) {
         if (this.resolvedRelativeTargetAt = q.timestamp, !this.targetDelta && !this.relativeTarget) {
           const p = this.getClosestProjectingParent();
           p && p.layout && this.animationProgress !== 1 ? (this.relativeParent = p, this.forceRelativeParentToResolveTarget(), this.relativeTarget = z(), this.relativeTargetOrigin = z(), ce(this.relativeTargetOrigin, this.layout.layoutBox, p.layout.layoutBox), lt(this.relativeTarget, this.relativeTargetOrigin)) : this.relativeParent = this.relativeTarget = void 0;
@@ -4715,8 +4715,8 @@ function Lo({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       let c = !0;
       if ((this.isProjectionDirty || !((r = this.parent) === null || r === void 0) && r.isProjectionDirty) && (c = !1), l && (this.isSharedProjectionDirty || this.isTransformDirty) && (c = !1), this.resolvedRelativeTargetAt === q.timestamp && (c = !1), c)
         return;
-      const { layout: u, layoutId: f } = 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 || f))
+      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;
       lt(this.layoutCorrected, this.layout.layoutBox);
       const h = this.treeScale.x, p = this.treeScale.y;
@@ -4746,14 +4746,14 @@ function Lo({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       this.prevProjectionDelta = It(), this.projectionDelta = It(), this.projectionDeltaWithTransform = It();
     }
     setAnimationOrigin(r, a = !1) {
-      const l = this.snapshot, c = l ? l.latestValues : {}, u = { ...this.latestValues }, f = It();
+      const l = this.snapshot, c = l ? l.latestValues : {}, u = { ...this.latestValues }, d = It();
       (!this.relativeParent || !this.relativeParent.options.layoutRoot) && (this.relativeTarget = this.relativeTargetOrigin = void 0), this.attemptToResolveRelativeTarget = !a;
-      const h = z(), p = l ? l.source : void 0, g = this.layout ? this.layout.source : void 0, v = p !== g, x = this.getStack(), y = !x || x.members.length <= 1, P = !!(v && !y && this.options.crossfade === !0 && !this.path.some(bf));
+      const h = z(), p = l ? l.source : void 0, g = this.layout ? this.layout.source : void 0, v = p !== g, x = this.getStack(), y = !x || x.members.length <= 1, P = !!(v && !y && this.options.crossfade === !0 && !this.path.some(xd));
       this.animationProgress = 0;
       let S;
-      this.mixTargetDelta = (C) => {
-        const w = C / 1e3;
-        Zi(f.x, r.x, w), Zi(f.y, r.y, w), this.setTargetDelta(f), this.relativeTarget && this.relativeTargetOrigin && this.layout && this.relativeParent && this.relativeParent.layout && (ce(h, this.layout.layoutBox, this.relativeParent.layout.layoutBox), xf(this.relativeTarget, this.relativeTargetOrigin, h, w), S && nf(this.relativeTarget, S) && (this.isProjectionDirty = !1), S || (S = z()), lt(S, this.relativeTarget)), v && (this.animationValues = u, Hu(u, c, this.latestValues, w, P, y)), this.root.scheduleUpdateProjection(), this.scheduleRender(), this.animationProgress = w;
+      this.mixTargetDelta = (k) => {
+        const w = k / 1e3;
+        Zi(d.x, r.x, w), Zi(d.y, r.y, w), this.setTargetDelta(d), this.relativeTarget && this.relativeTargetOrigin && this.layout && this.relativeParent && this.relativeParent.layout && (ce(h, this.layout.layoutBox, this.relativeParent.layout.layoutBox), vd(this.relativeTarget, this.relativeTargetOrigin, h, w), S && nd(this.relativeTarget, S) && (this.isProjectionDirty = !1), S || (S = z()), lt(S, this.relativeTarget)), v && (this.animationValues = u, Hu(u, c, this.latestValues, w, P, y)), this.root.scheduleUpdateProjection(), this.scheduleRender(), this.animationProgress = w;
       }, this.mixTargetDelta(this.options.layoutRoot ? 1e3 : 0);
     }
     startAnimation(r) {
@@ -4783,8 +4783,8 @@ function Lo({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       if (!(!a || !l || !c)) {
         if (this !== r && this.layout && c && $o(this.options.animationType, this.layout.layoutBox, c.layoutBox)) {
           l = this.target || z();
-          const f = rt(this.layout.layoutBox.x);
-          l.x.min = r.target.x.min, l.x.max = l.x.min + f;
+          const d = rt(this.layout.layoutBox.x);
+          l.x.min = r.target.x.min, l.x.max = l.x.min + d;
           const h = rt(this.layout.layoutBox.y);
           l.y.min = r.target.y.min, l.y.max = l.y.min + h;
         }
@@ -4792,7 +4792,7 @@ function Lo({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       }
     }
     registerSharedNode(r, a) {
-      this.sharedNodes.has(r) || this.sharedNodes.set(r, new sf()), this.sharedNodes.get(r).add(a);
+      this.sharedNodes.has(r) || this.sharedNodes.set(r, new sd()), this.sharedNodes.get(r).add(a);
       const c = a.options.initialPromotionConfig;
       a.promote({
         transition: c ? c.transition : void 0,
@@ -4848,33 +4848,33 @@ function Lo({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       if (!this.instance || this.isSVG)
         return;
       if (!this.isVisible)
-        return of;
+        return rd;
       const c = {
         visibility: ""
       }, u = this.getTransformTemplate();
       if (this.needsReset)
         return this.needsReset = !1, c.opacity = "", c.pointerEvents = Ve(r == null ? void 0 : r.pointerEvents) || "", c.transform = u ? u(this.latestValues, "") : "none", c;
-      const f = this.getLead();
-      if (!this.projectionDelta || !this.layout || !f.target) {
+      const d = this.getLead();
+      if (!this.projectionDelta || !this.layout || !d.target) {
         const v = {};
-        return this.options.layoutId && (v.opacity = this.latestValues.opacity !== void 0 ? this.latestValues.opacity : 1, v.pointerEvents = Ve(r == null ? void 0 : r.pointerEvents) || ""), this.hasProjected && !kt(this.latestValues) && (v.transform = u ? u({}, "") : "none", this.hasProjected = !1), v;
+        return this.options.layoutId && (v.opacity = this.latestValues.opacity !== void 0 ? this.latestValues.opacity : 1, v.pointerEvents = Ve(r == null ? void 0 : r.pointerEvents) || ""), this.hasProjected && !Ct(this.latestValues) && (v.transform = u ? u({}, "") : "none", this.hasProjected = !1), v;
       }
-      const h = f.animationValues || f.latestValues;
-      this.applyTransformsToTarget(), c.transform = rf(this.projectionDeltaWithTransform, this.treeScale, h), u && (c.transform = u(h, c.transform));
+      const h = d.animationValues || d.latestValues;
+      this.applyTransformsToTarget(), c.transform = id(this.projectionDeltaWithTransform, this.treeScale, h), u && (c.transform = u(h, c.transform));
       const { x: p, y: g } = this.projectionDelta;
-      c.transformOrigin = `${p.origin * 100}% ${g.origin * 100}% 0`, f.animationValues ? c.opacity = f === this ? (l = (a = h.opacity) !== null && a !== void 0 ? a : this.latestValues.opacity) !== null && l !== void 0 ? l : 1 : this.preserveOpacity ? this.latestValues.opacity : h.opacityExit : c.opacity = f === this ? h.opacity !== void 0 ? h.opacity : "" : h.opacityExit !== void 0 ? h.opacityExit : 0;
+      c.transformOrigin = `${p.origin * 100}% ${g.origin * 100}% 0`, d.animationValues ? c.opacity = d === this ? (l = (a = h.opacity) !== null && a !== void 0 ? a : this.latestValues.opacity) !== null && l !== void 0 ? l : 1 : this.preserveOpacity ? this.latestValues.opacity : h.opacityExit : c.opacity = d === this ? h.opacity !== void 0 ? h.opacity : "" : h.opacityExit !== void 0 ? h.opacityExit : 0;
       for (const v in Le) {
         if (h[v] === void 0)
           continue;
-        const { correct: x, applyTo: y } = Le[v], P = c.transform === "none" ? h[v] : x(h[v], f);
+        const { correct: x, applyTo: y } = Le[v], P = c.transform === "none" ? h[v] : x(h[v], d);
         if (y) {
           const S = y.length;
-          for (let C = 0; C < S; C++)
-            c[y[C]] = P;
+          for (let k = 0; k < S; k++)
+            c[y[k]] = P;
         } else
           c[v] = P;
       }
-      return this.options.layoutId && (c.pointerEvents = f === this ? Ve(r == null ? void 0 : r.pointerEvents) || "" : "none"), c;
+      return this.options.layoutId && (c.pointerEvents = d === this ? Ve(r == null ? void 0 : r.pointerEvents) || "" : "none"), c;
     }
     clearSnapshot() {
       this.resumeFrom = this.snapshot = void 0;
@@ -4888,20 +4888,20 @@ function Lo({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
     }
   };
 }
-function lf(t) {
+function ad(t) {
   t.updateLayout();
 }
-function cf(t) {
+function ld(t) {
   var e;
   const n = ((e = t.resumeFrom) === null || e === void 0 ? void 0 : e.snapshot) || t.snapshot;
   if (t.isLead() && t.layout && n && t.hasListeners("didUpdate")) {
     const { layoutBox: s, measuredBox: i } = t.layout, { animationType: o } = t.options, r = n.source !== t.layout.source;
-    o === "size" ? ct((f) => {
-      const h = r ? n.measuredBox[f] : n.layoutBox[f], p = rt(h);
-      h.min = s[f].min, h.max = h.min + p;
-    }) : $o(o, n.layoutBox, s) && ct((f) => {
-      const h = r ? n.measuredBox[f] : n.layoutBox[f], p = rt(s[f]);
-      h.max = h.min + p, t.relativeTarget && !t.currentAnimation && (t.isProjectionDirty = !0, t.relativeTarget[f].max = t.relativeTarget[f].min + p);
+    o === "size" ? ct((d) => {
+      const h = r ? n.measuredBox[d] : n.layoutBox[d], p = rt(h);
+      h.min = s[d].min, h.max = h.min + p;
+    }) : $o(o, n.layoutBox, s) && ct((d) => {
+      const h = r ? n.measuredBox[d] : n.layoutBox[d], p = rt(s[d]);
+      h.max = h.min + p, t.relativeTarget && !t.currentAnimation && (t.isProjectionDirty = !0, t.relativeTarget[d].max = t.relativeTarget[d].min + p);
     });
     const a = It();
     le(a, s, n.layoutBox);
@@ -4910,14 +4910,14 @@ function cf(t) {
     const c = !Eo(a);
     let u = !1;
     if (!t.resumeFrom) {
-      const f = t.getClosestProjectingParent();
-      if (f && !f.resumeFrom) {
-        const { snapshot: h, layout: p } = f;
+      const d = t.getClosestProjectingParent();
+      if (d && !d.resumeFrom) {
+        const { snapshot: h, layout: p } = d;
         if (h && p) {
           const g = z();
           ce(g, n.layoutBox, h.layoutBox);
           const v = z();
-          ce(v, s, p.layoutBox), Do(g, v) || (u = !0), f.options.layoutRoot && (t.relativeTarget = v, t.relativeTargetOrigin = g, t.relativeParent = f);
+          ce(v, s, p.layoutBox), Do(g, v) || (u = !0), d.options.layoutRoot && (t.relativeTarget = v, t.relativeTargetOrigin = g, t.relativeParent = d);
         }
       }
     }
@@ -4935,38 +4935,38 @@ function cf(t) {
   }
   t.options.transition = void 0;
 }
-function uf(t) {
+function cd(t) {
   ie && Vt.totalNodes++, t.parent && (t.isProjecting() || (t.isProjectionDirty = t.parent.isProjectionDirty), t.isSharedProjectionDirty || (t.isSharedProjectionDirty = !!(t.isProjectionDirty || t.parent.isProjectionDirty || t.parent.isSharedProjectionDirty)), t.isTransformDirty || (t.isTransformDirty = t.parent.isTransformDirty));
 }
-function ff(t) {
+function ud(t) {
   t.isProjectionDirty = t.isSharedProjectionDirty = t.isTransformDirty = !1;
 }
-function df(t) {
+function dd(t) {
   t.clearSnapshot();
 }
 function zi(t) {
   t.clearMeasurements();
 }
-function hf(t) {
+function fd(t) {
   t.isLayoutDirty = !1;
 }
-function pf(t) {
+function hd(t) {
   const { visualElement: e } = t.options;
   e && e.getProps().onBeforeLayoutMeasure && e.notify("BeforeLayoutMeasure"), t.resetTransform();
 }
 function Gi(t) {
   t.finishAnimation(), t.targetDelta = t.relativeTarget = t.target = void 0, t.isProjectionDirty = !0;
 }
-function mf(t) {
+function pd(t) {
   t.resolveTargetDelta();
 }
-function gf(t) {
+function md(t) {
   t.calcProjection();
 }
-function yf(t) {
+function gd(t) {
   t.resetSkewAndRotation();
 }
-function vf(t) {
+function yd(t) {
   t.removeLeadSnapshot();
 }
 function Zi(t, e, n) {
@@ -4975,30 +4975,30 @@ function Zi(t, e, n) {
 function Hi(t, e, n, s) {
   t.min = X(e.min, n.min, s), t.max = X(e.max, n.max, s);
 }
-function xf(t, e, n, s) {
+function vd(t, e, n, s) {
   Hi(t.x, e.x, n.x, s), Hi(t.y, e.y, n.y, s);
 }
-function bf(t) {
+function xd(t) {
   return t.animationValues && t.animationValues.opacityExit !== void 0;
 }
-const Tf = {
+const bd = {
   duration: 0.45,
   ease: [0.4, 0, 0.1, 1]
 }, qi = (t) => typeof navigator < "u" && navigator.userAgent && navigator.userAgent.toLowerCase().includes(t), Qi = qi("applewebkit/") && !qi("chrome/") ? Math.round : it;
 function Ji(t) {
   t.min = Qi(t.min), t.max = Qi(t.max);
 }
-function wf(t) {
+function Td(t) {
   Ji(t.x), Ji(t.y);
 }
 function $o(t, e, n) {
   return t === "position" || t === "preserve-aspect" && !Su(Xi(e), Xi(n), 0.2);
 }
-function Pf(t) {
+function wd(t) {
   var e;
   return t !== t.root && ((e = t.scroll) === null || e === void 0 ? void 0 : e.wasRoot);
 }
-const Sf = Lo({
+const Pd = Lo({
   attachResizeListener: (t, e) => pe(t, "resize", e),
   measureScroll: () => ({
     x: document.documentElement.scrollLeft || document.body.scrollLeft,
@@ -5014,7 +5014,7 @@ const Sf = Lo({
   }),
   defaultParent: () => {
     if (!gn.current) {
-      const t = new Sf({});
+      const t = new Pd({});
       t.mount(window), t.setOptions({ layoutScroll: !0 }), gn.current = t;
     }
     return gn.current;
@@ -5023,14 +5023,14 @@ const Sf = Lo({
     t.style.transform = e !== void 0 ? e : "none";
   },
   checkIsScrollRoot: (t) => window.getComputedStyle(t).position === "fixed"
-}), Rf = {
+}), Sd = {
   pan: {
     Feature: Iu
   },
   drag: {
     Feature: Bu,
     ProjectionNode: No,
-    MeasureLayout: Co
+    MeasureLayout: ko
   }
 };
 function tr(t, e, n) {
@@ -5039,7 +5039,7 @@ function tr(t, e, n) {
   const i = "onHover" + n, o = s[i];
   o && F.postRender(() => o(e, be(e)));
 }
-class Mf extends Mt {
+class Rd extends Mt {
   mount() {
     const { current: e } = this.node;
     e && (this.unmount = Ml(e, (n) => (tr(this.node, n, "Start"), (s) => tr(this.node, s, "End"))));
@@ -5047,7 +5047,7 @@ class Mf extends Mt {
   unmount() {
   }
 }
-class Af extends Mt {
+class Md extends Mt {
   constructor() {
     super(...arguments), this.isActive = !1;
   }
@@ -5075,7 +5075,7 @@ function er(t, e, n) {
   const i = "onTap" + (n === "End" ? "" : n), o = s[i];
   o && F.postRender(() => o(e, be(e)));
 }
-class Cf extends Mt {
+class Ad extends Mt {
   mount() {
     const { current: e } = this.node;
     e && (this.unmount = Vl(e, (n) => (er(this.node, n, "Start"), (s, { success: i }) => er(this.node, s, i ? "End" : "Cancel")), { useGlobalTarget: this.node.props.globalTapTarget }));
@@ -5083,29 +5083,29 @@ class Cf extends Mt {
   unmount() {
   }
 }
-const Ln = /* @__PURE__ */ new WeakMap(), yn = /* @__PURE__ */ new WeakMap(), kf = (t) => {
+const Ln = /* @__PURE__ */ new WeakMap(), yn = /* @__PURE__ */ new WeakMap(), kd = (t) => {
   const e = Ln.get(t.target);
   e && e(t);
-}, Vf = (t) => {
-  t.forEach(kf);
+}, Cd = (t) => {
+  t.forEach(kd);
 };
-function Ef({ root: t, ...e }) {
+function Vd({ root: t, ...e }) {
   const n = t || document;
   yn.has(n) || yn.set(n, {});
   const s = yn.get(n), i = JSON.stringify(e);
-  return s[i] || (s[i] = new IntersectionObserver(Vf, { root: t, ...e })), s[i];
+  return s[i] || (s[i] = new IntersectionObserver(Cd, { root: t, ...e })), s[i];
 }
-function Df(t, e, n) {
-  const s = Ef(e);
+function Ed(t, e, n) {
+  const s = Vd(e);
   return Ln.set(t, n), s.observe(t), () => {
     Ln.delete(t), s.unobserve(t);
   };
 }
-const jf = {
+const Dd = {
   some: 0,
   all: 1
 };
-class Lf extends Mt {
+class jd extends Mt {
   constructor() {
     super(...arguments), this.hasEnteredView = !1, this.isInView = !1;
   }
@@ -5114,16 +5114,16 @@ class Lf extends Mt {
     const { viewport: e = {} } = this.node.getProps(), { root: n, margin: s, amount: i = "some", once: o } = e, r = {
       root: n ? n.current : void 0,
       rootMargin: s,
-      threshold: typeof i == "number" ? i : jf[i]
+      threshold: typeof i == "number" ? i : Dd[i]
     }, a = (l) => {
       const { isIntersecting: c } = l;
       if (this.isInView === c || (this.isInView = c, o && !c && this.hasEnteredView))
         return;
       c && (this.hasEnteredView = !0), this.node.animationState && this.node.animationState.setActive("whileInView", c);
-      const { onViewportEnter: u, onViewportLeave: f } = this.node.getProps(), h = c ? u : f;
+      const { onViewportEnter: u, onViewportLeave: d } = this.node.getProps(), h = c ? u : d;
       h && h(l);
     };
-    return Df(this.node.current, r, a);
+    return Ed(this.node.current, r, a);
   }
   mount() {
     this.startObserver();
@@ -5132,34 +5132,34 @@ class Lf extends Mt {
     if (typeof IntersectionObserver > "u")
       return;
     const { props: e, prevProps: n } = this.node;
-    ["amount", "margin", "root"].some($f(e, n)) && this.startObserver();
+    ["amount", "margin", "root"].some(Ld(e, n)) && this.startObserver();
   }
   unmount() {
   }
 }
-function $f({ viewport: t = {} }, { viewport: e = {} } = {}) {
+function Ld({ viewport: t = {} }, { viewport: e = {} } = {}) {
   return (n) => t[n] !== e[n];
 }
-const Nf = {
+const $d = {
   inView: {
-    Feature: Lf
+    Feature: jd
   },
   tap: {
-    Feature: Cf
+    Feature: Ad
   },
   focus: {
-    Feature: Af
+    Feature: Md
   },
   hover: {
-    Feature: Mf
+    Feature: Rd
   }
-}, Of = {
+}, Nd = {
   layout: {
     ProjectionNode: No,
-    MeasureLayout: Co
+    MeasureLayout: ko
   }
 }, $n = { current: null }, Oo = { current: !1 };
-function Ff() {
+function Od() {
   if (Oo.current = !0, !!Wn)
     if (window.matchMedia) {
       const t = window.matchMedia("(prefers-reduced-motion)"), e = () => $n.current = t.matches;
@@ -5167,8 +5167,8 @@ function Ff() {
     } else
       $n.current = !1;
 }
-const Bf = [...ro, tt, Rt], If = (t) => Bf.find(io(t)), nr = /* @__PURE__ */ new WeakMap();
-function _f(t, e, n) {
+const Fd = [...ro, tt, Rt], Bd = (t) => Fd.find(io(t)), nr = /* @__PURE__ */ new WeakMap();
+function Id(t, e, n) {
   for (const s in e) {
     const i = e[s], o = n[s];
     if (J(i))
@@ -5197,7 +5197,7 @@ const sr = [
   "LayoutAnimationStart",
   "LayoutAnimationComplete"
 ];
-class Uf {
+class _d {
   /**
    * This method takes React props and returns found MotionValues. For example, HTML
    * MotionValues will be found within the style prop, whereas for Three.js within attribute arrays.
@@ -5217,14 +5217,14 @@ class Uf {
     };
     const { latestValues: l, renderState: c, onUpdate: u } = r;
     this.onUpdate = u, this.latestValues = l, this.baseTarget = { ...l }, this.initialValues = n.initial ? { ...l } : {}, this.renderState = c, this.parent = e, this.props = n, this.presenceContext = s, this.depth = e ? e.depth + 1 : 0, this.reducedMotionConfig = i, this.options = a, this.blockInitialAnimation = !!o, this.isControllingVariants = Ye(n), this.isVariantNode = hr(n), this.isVariantNode && (this.variantChildren = /* @__PURE__ */ new Set()), this.manuallyAnimateOnMount = !!(e && e.current);
-    const { willChange: f, ...h } = this.scrapeMotionValuesFromProps(n, {}, this);
+    const { willChange: d, ...h } = this.scrapeMotionValuesFromProps(n, {}, this);
     for (const p in h) {
       const g = h[p];
       l[p] !== void 0 && J(g) && g.set(l[p], !1);
     }
   }
   mount(e) {
-    this.current = e, nr.set(e, this), this.projection && !this.projection.instance && this.projection.mount(e), this.parent && this.isVariantNode && !this.isControllingVariants && (this.removeFromVariantTree = this.parent.addVariantChild(this)), this.values.forEach((n, s) => this.bindToMotionValue(s, n)), Oo.current || Ff(), this.shouldReduceMotion = this.reducedMotionConfig === "never" ? !1 : this.reducedMotionConfig === "always" ? !0 : $n.current, process.env.NODE_ENV !== "production" && Ue(this.shouldReduceMotion !== !0, "You have Reduced Motion enabled on your device. Animations may not appear as expected."), this.parent && this.parent.children.add(this), this.update(this.props, this.presenceContext);
+    this.current = e, nr.set(e, this), this.projection && !this.projection.instance && this.projection.mount(e), this.parent && this.isVariantNode && !this.isControllingVariants && (this.removeFromVariantTree = this.parent.addVariantChild(this)), this.values.forEach((n, s) => this.bindToMotionValue(s, n)), Oo.current || Od(), this.shouldReduceMotion = this.reducedMotionConfig === "never" ? !1 : this.reducedMotionConfig === "always" ? !0 : $n.current, process.env.NODE_ENV !== "production" && Ue(this.shouldReduceMotion !== !0, "You have Reduced Motion enabled on your device. Animations may not appear as expected."), this.parent && this.parent.children.add(this), this.update(this.props, this.presenceContext);
   }
   unmount() {
     nr.delete(this.current), this.projection && this.projection.unmount(), Tt(this.notifyUpdate), Tt(this.render), this.valueSubscriptions.forEach((e) => e()), this.valueSubscriptions.clear(), this.removeFromVariantTree && this.removeFromVariantTree(), this.parent && this.parent.children.delete(this);
@@ -5291,7 +5291,7 @@ class Uf {
       const o = "on" + i, r = e[o];
       r && (this.propEventSubscriptions[i] = this.on(i, r));
     }
-    this.prevMotionValues = _f(this, this.scrapeMotionValuesFromProps(e, this.prevProps, this), this.prevMotionValues), this.handleChildMotionValue && this.handleChildMotionValue(), this.onUpdate && this.onUpdate(this);
+    this.prevMotionValues = Id(this, this.scrapeMotionValuesFromProps(e, this.prevProps, this), this.prevMotionValues), this.handleChildMotionValue && this.handleChildMotionValue(), this.onUpdate && this.onUpdate(this);
   }
   getProps() {
     return this.props;
@@ -5357,7 +5357,7 @@ class Uf {
   readValue(e, n) {
     var s;
     let i = this.latestValues[e] !== void 0 || !this.current ? this.latestValues[e] : (s = this.getBaseTargetFromProps(this.props, e)) !== null && s !== void 0 ? s : this.readValueFromInstance(this.current, e, this.options);
-    return i != null && (typeof i == "string" && (no(i) || zr(i)) ? i = parseFloat(i) : !If(i) && Rt.test(n) && (i = Jr(e, n)), this.setBaseTarget(e, J(i) ? i.get() : i)), J(i) ? i.get() : i;
+    return i != null && (typeof i == "string" && (no(i) || zr(i)) ? i = parseFloat(i) : !Bd(i) && Rt.test(n) && (i = Jr(e, n)), this.setBaseTarget(e, J(i) ? i.get() : i)), J(i) ? i.get() : i;
   }
   /**
    * Set the base target to later animate back to. This is currently
@@ -5390,7 +5390,7 @@ class Uf {
     this.events[e] && this.events[e].notify(...n);
   }
 }
-class Fo extends Uf {
+class Fo extends _d {
   constructor() {
     super(...arguments), this.KeyframeResolver = oo;
   }
@@ -5411,10 +5411,10 @@ class Fo extends Uf {
     }));
   }
 }
-function Wf(t) {
+function Ud(t) {
   return window.getComputedStyle(t);
 }
-class Xf extends Fo {
+class Wd extends Fo {
   constructor() {
     super(...arguments), this.type = "html", this.renderInstance = wr;
   }
@@ -5423,7 +5423,7 @@ class Xf extends Fo {
       const s = gs(n);
       return s && s.default || 0;
     } else {
-      const s = Wf(e), i = (xr(n) ? s.getPropertyValue(n) : s[n]) || 0;
+      const s = Ud(e), i = (xr(n) ? s.getPropertyValue(n) : s[n]) || 0;
       return typeof i == "string" ? i.trim() : i;
     }
   }
@@ -5437,7 +5437,7 @@ class Xf extends Fo {
     return ss(e, n, s);
   }
 }
-class Yf extends Fo {
+class Xd extends Fo {
   constructor() {
     super(...arguments), this.type = "svg", this.isSVGTag = !1, this.measureInstanceViewportBox = z;
   }
@@ -5464,22 +5464,22 @@ class Yf extends Fo {
     this.isSVGTag = ns(e.tagName), super.mount(e);
   }
 }
-const Kf = (t, e) => Zn(t) ? new Yf(e) : new Xf(e, {
+const Yd = (t, e) => Zn(t) ? new Xd(e) : new Wd(e, {
   allowProjection: t !== lr
-}), zf = /* @__PURE__ */ xl({
+}), Kd = /* @__PURE__ */ xl({
   ...mu,
-  ...Nf,
-  ...Rf,
-  ...Of
-}, Kf), et = /* @__PURE__ */ La(zf);
-function Gf(t, e, n) {
+  ...$d,
+  ...Sd,
+  ...Nd
+}, Yd), et = /* @__PURE__ */ La(Kd);
+function zd(t, e, n) {
   Ie(() => t.on(e, n), [t, e, n]);
 }
 function ut(t) {
   const e = Gt(() => Yt(t)), { isStatic: n } = Q(me);
   if (n) {
     const [, s] = bt(t);
-    dt(() => e.on("change", s), []);
+    ft(() => e.on("change", s), []);
   }
   return e;
 }
@@ -5516,23 +5516,23 @@ function xt(t, e = {}) {
       return t.on("change", (c) => i.set(ir(c)));
   }, [i]), i;
 }
-const Zf = (t) => t && typeof t == "object" && t.mix, Hf = (t) => Zf(t) ? t.mix : void 0;
-function qf(...t) {
+const Gd = (t) => t && typeof t == "object" && t.mix, Zd = (t) => Gd(t) ? t.mix : void 0;
+function Hd(...t) {
   const e = !Array.isArray(t[0]), n = e ? 0 : -1, s = t[0 + n], i = t[1 + n], o = t[2 + n], r = t[3 + n], a = po(i, o, {
-    mixer: Hf(o[0]),
+    mixer: Zd(o[0]),
     ...r
   });
   return e ? a(s) : a;
 }
-function Qf(t) {
+function qd(t) {
   re.current = [], t();
   const e = Bo(re.current, t);
   return re.current = void 0, e;
 }
 function yt(t, e, n, s) {
   if (typeof t == "function")
-    return Qf(t);
-  const i = typeof e == "function" ? e : qf(e, n, s);
+    return qd(t);
+  const i = typeof e == "function" ? e : Hd(e, n, s);
   return Array.isArray(t) ? rr(t, i) : rr([t], ([o]) => i(o));
 }
 function rr(t, e) {
@@ -5545,34 +5545,34 @@ function rr(t, e) {
     return e(n);
   });
 }
-function Jf(t) {
+function Qd(t) {
   const e = ut(t.getVelocity()), n = () => {
     const s = t.getVelocity();
     e.set(s), s && F.update(n);
   };
-  return Gf(t, "change", () => {
+  return zd(t, "change", () => {
     F.update(n, !1, !0);
   }), e;
 }
-function td(t) {
+function Jd(t) {
   t.values.forEach((e) => e.stop());
 }
 function Nn(t, e) {
   [...e].reverse().forEach((s) => {
     const i = t.getVariant(s);
-    i && fs(t, i), t.variantChildren && t.variantChildren.forEach((o) => {
+    i && ds(t, i), t.variantChildren && t.variantChildren.forEach((o) => {
       Nn(o, e);
     });
   });
 }
-function ed(t, e) {
+function tf(t, e) {
   if (Array.isArray(e))
     return Nn(t, e);
   if (typeof e == "string")
     return Nn(t, [e]);
-  fs(t, e);
+  ds(t, e);
 }
-function nd() {
+function ef() {
   let t = !1;
   const e = /* @__PURE__ */ new Set(), n = {
     subscribe(s) {
@@ -5589,12 +5589,12 @@ function nd() {
     },
     set(s) {
       return gt(t, "controls.set() should only be called after a component has mounted. Consider calling within a useEffect hook."), e.forEach((i) => {
-        ed(i, s);
+        tf(i, s);
       });
     },
     stop() {
       e.forEach((s) => {
-        td(s);
+        Jd(s);
       });
     },
     mount() {
@@ -5605,24 +5605,24 @@ function nd() {
   };
   return n;
 }
-function sd() {
-  const t = Gt(nd);
+function nf() {
+  const t = Gt(ef);
   return ge(t.mount, []), t;
 }
-const id = sd, Ze = (t) => {
+const sf = nf, Ze = (t) => {
   const e = ut(0), n = ut(0), s = {
     stiffness: t.stiffness * 0.5,
     damping: t.damping * 1.2,
     mass: t.mass
   }, i = xt(e, s), o = xt(n, s);
   return { x: i, y: o, handleMouseMove: (l) => {
-    const c = l.currentTarget.getBoundingClientRect(), u = c.left + c.width / 2, f = c.top + c.height / 2;
-    e.set((l.clientX - u) * 0.1), n.set((l.clientY - f) * 0.1);
+    const c = l.currentTarget.getBoundingClientRect(), u = c.left + c.width / 2, d = c.top + c.height / 2;
+    e.set((l.clientX - u) * 0.1), n.set((l.clientY - d) * 0.1);
   }, handleMouseLeave: () => {
     e.set(0), n.set(0);
   } };
 }, bs = ({ profile: t, color: e, children: n, className: s, style: i }) => {
-  const { tl: o, tr: r, bl: a, br: l } = t.borderRadius, { width: c, height: u } = t, f = `
+  const { tl: o, tr: r, bl: a, br: l } = t.borderRadius, { width: c, height: u } = t, d = `
     M ${o},0 
     L ${c - r},0 
     Q ${c},0 ${c},${r} 
@@ -5644,13 +5644,13 @@ const id = sd, Ze = (t) => {
           opacity: 0.1,
           transform: `translate(${t.shadowOffset.x}px, ${t.shadowOffset.y}px)`
         },
-        children: /* @__PURE__ */ m.jsx("path", { d: f, fill: "black" })
+        children: /* @__PURE__ */ m.jsx("path", { d, fill: "black" })
       }
     ),
     /* @__PURE__ */ m.jsx("svg", { viewBox: `0 0 ${c} ${u}`, className: "absolute inset-0 drop-shadow-sm pointer-events-none", children: /* @__PURE__ */ m.jsx(
       "path",
       {
-        d: f,
+        d,
         className: "fill-white dark:fill-slate-800 transition-colors duration-300",
         stroke: e,
         strokeWidth: t.strokeWidth
@@ -5658,8 +5658,8 @@ const id = sd, Ze = (t) => {
     ) }),
     /* @__PURE__ */ m.jsx("div", { className: "relative z-10 flex items-center h-full px-5 gap-4", children: n })
   ] });
-}, dd = ({ label: t }) => {
-  const [e, n] = bt(!1), s = I(() => Math.random() * 8888, []), i = I(() => ue(s, 52, 28), [s]), o = I(() => ue(s + 1, 20, 20), [s]), { x: r, y: a, handleMouseMove: l, handleMouseLeave: c } = Ze(i), { tl: u, tr: f, bl: h, br: p } = i.borderRadius, g = `M ${u},0 L ${52 - f},0 Q 52,0 52,${f} L 52,${28 - p} Q 52,28 ${52 - p},28 L ${h},28 Q 0,28 0,${28 - h} L 0,${u} Q 0,0 ${u},0 Z`, { tl: v, tr: x, bl: y, br: P } = o.borderRadius, S = `M ${v},0 L ${20 - x},0 Q 20,0 20,${x} L 20,${20 - P} Q 20,20 ${20 - P},20 L ${y},20 Q 0,20 0,${20 - y} L 0,${v} Q 0,0 ${v},0 Z`;
+}, ff = ({ label: t }) => {
+  const [e, n] = bt(!1), s = I(() => Math.random() * 8888, []), i = I(() => ue(s, 52, 28), [s]), o = I(() => ue(s + 1, 20, 20), [s]), { x: r, y: a, handleMouseMove: l, handleMouseLeave: c } = Ze(i), { tl: u, tr: d, bl: h, br: p } = i.borderRadius, g = `M ${u},0 L ${52 - d},0 Q 52,0 52,${d} L 52,${28 - p} Q 52,28 ${52 - p},28 L ${h},28 Q 0,28 0,${28 - h} L 0,${u} Q 0,0 ${u},0 Z`, { tl: v, tr: x, bl: y, br: P } = o.borderRadius, S = `M ${v},0 L ${20 - x},0 Q 20,0 20,${x} L 20,${20 - P} Q 20,20 ${20 - P},20 L ${y},20 Q 0,20 0,${20 - y} L 0,${v} Q 0,0 ${v},0 Z`;
   return /* @__PURE__ */ m.jsxs("div", { className: "flex items-center gap-4 mb-4 group", children: [
     /* @__PURE__ */ m.jsx(
       et.div,
@@ -5708,7 +5708,7 @@ const id = sd, Ze = (t) => {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-var rd = {
+var rf = {
   xmlns: "http://www.w3.org/2000/svg",
   width: 24,
   height: 24,
@@ -5725,22 +5725,22 @@ var rd = {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const od = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase().trim(), Te = (t, e) => {
+const of = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase().trim(), Te = (t, e) => {
   const n = _n(
     ({ color: s = "currentColor", size: i = 24, strokeWidth: o = 2, absoluteStrokeWidth: r, className: a = "", children: l, ...c }, u) => vn(
       "svg",
       {
         ref: u,
-        ...rd,
+        ...rf,
         width: i,
         height: i,
         stroke: s,
         strokeWidth: r ? Number(o) * 24 / Number(i) : o,
-        className: ["lucide", `lucide-${od(t)}`, a].join(" "),
+        className: ["lucide", `lucide-${of(t)}`, a].join(" "),
         ...c
       },
       [
-        ...e.map(([f, h]) => vn(f, h)),
+        ...e.map(([d, h]) => vn(d, h)),
         ...Array.isArray(l) ? l : [l]
       ]
     )
@@ -5780,7 +5780,7 @@ const _o = Te("CheckCircle2", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const ad = Te("HelpCircle", [
+const af = Te("HelpCircle", [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3", key: "1u773s" }],
   ["path", { d: "M12 17h.01", key: "p32p05" }]
@@ -5805,7 +5805,7 @@ const Uo = Te("Info", [
 const On = Te("X", [
   ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
   ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
-]), hd = ({ isOpen: t, title: e, message: n, onConfirm: s, onCancel: i }) => {
+]), hf = ({ isOpen: t, title: e, message: n, onConfirm: s, onCancel: i }) => {
   const o = I(() => Math.random() * 9999, [t]), r = I(() => ue(o, 420, 220), [o]), { x: a, y: l, handleMouseMove: c, handleMouseLeave: u } = Ze(r);
   return /* @__PURE__ */ m.jsx(Ma, { children: t && /* @__PURE__ */ m.jsxs("div", { className: "fixed inset-0 z-[100] flex items-center justify-center p-4", children: [
     /* @__PURE__ */ m.jsx(
@@ -5835,21 +5835,21 @@ const On = Te("X", [
         className: "relative pointer-events-auto",
         children: /* @__PURE__ */ m.jsx(bs, { profile: r, color: "#64748b", children: /* @__PURE__ */ m.jsxs("div", { className: "flex flex-col w-full h-full py-6", children: [
           /* @__PURE__ */ m.jsxs("div", { className: "flex items-start gap-4 mb-4", children: [
-            /* @__PURE__ */ m.jsx("div", { className: "w-12 h-12 rounded-2xl bg-slate-100 flex items-center justify-center text-slate-500 flex-shrink-0", children: /* @__PURE__ */ m.jsx(ad, { size: 24 }) }),
+            /* @__PURE__ */ m.jsx("div", { className: "w-12 h-12 rounded-2xl bg-slate-100 dark:bg-slate-800 flex items-center justify-center text-slate-500 dark:text-slate-400 flex-shrink-0", children: /* @__PURE__ */ m.jsx(af, { size: 24 }) }),
             /* @__PURE__ */ m.jsxs("div", { children: [
-              /* @__PURE__ */ m.jsx("h3", { className: "text-lg font-bold text-slate-800 leading-tight mb-1", children: e }),
-              /* @__PURE__ */ m.jsx("p", { className: "text-sm text-slate-500 leading-relaxed", children: n })
+              /* @__PURE__ */ m.jsx("h3", { className: "text-lg font-bold text-slate-800 dark:text-slate-100 leading-tight mb-1", children: e }),
+              /* @__PURE__ */ m.jsx("p", { className: "text-sm text-slate-500 dark:text-slate-400 leading-relaxed", children: n })
             ] })
           ] }),
           /* @__PURE__ */ m.jsxs("div", { className: "mt-auto flex gap-3 justify-end", children: [
-            /* @__PURE__ */ m.jsx("button", { onClick: i, className: "px-6 py-2.5 rounded-xl text-xs font-bold uppercase tracking-widest text-slate-500 hover:bg-slate-100 transition-colors", children: "Batal" }),
+            /* @__PURE__ */ m.jsx("button", { onClick: i, className: "px-6 py-2.5 rounded-xl text-xs font-bold uppercase tracking-widest text-slate-500 dark:text-slate-400 hover:bg-slate-100 dark:hover:bg-slate-800 transition-colors", children: "Batal" }),
             /* @__PURE__ */ m.jsx("button", { onClick: s, className: "px-6 py-2.5 rounded-xl text-xs font-bold uppercase tracking-widest bg-slate-800 text-white shadow-lg shadow-slate-200 hover:bg-slate-700 active:scale-95 transition-all", children: "Ya, Lanjutkan" })
           ] })
         ] }) })
       }
     )
   ] }) });
-}, pd = ({ type: t = "info", message: e }) => {
+}, pf = ({ type: t = "info", message: e }) => {
   const n = I(() => Math.random() * 5e3, []), s = I(() => ue(n, 500, 72), [n]), { x: i, y: o, handleMouseMove: r, handleMouseLeave: a } = Ze(s), l = {
     info: { color: "#3b82f6", icon: Uo, label: "Info Sistem" },
     warning: { color: "#f59e0b", icon: Io, label: "Peringatan" },
@@ -5868,14 +5868,14 @@ const On = Te("X", [
       children: /* @__PURE__ */ m.jsxs(bs, { profile: s, color: c.color, children: [
         /* @__PURE__ */ m.jsx("div", { className: "flex-shrink-0 w-8 h-8 flex items-center justify-center rounded-lg", style: { backgroundColor: `${c.color}15`, color: c.color }, children: /* @__PURE__ */ m.jsx(c.icon, { size: 18, strokeWidth: 2.5 }) }),
         /* @__PURE__ */ m.jsxs("div", { className: "flex-grow", children: [
-          /* @__PURE__ */ m.jsx("h4", { className: "text-[9px] uppercase tracking-[0.2em] font-black opacity-30 leading-none mb-1", children: c.label }),
-          /* @__PURE__ */ m.jsx("p", { className: "text-sm font-semibold text-slate-700 leading-tight", children: e })
+          /* @__PURE__ */ m.jsx("h4", { className: "text-[9px] uppercase tracking-[0.2em] font-black opacity-30 dark:opacity-60 leading-none mb-1", children: c.label }),
+          /* @__PURE__ */ m.jsx("p", { className: "text-sm font-semibold text-slate-700 dark:text-slate-200 leading-tight", children: e })
         ] })
       ] })
     }
   );
-}, ld = _n(({ notification: t, onRemove: e }, n) => {
-  const { id: s, type: i, message: o, seed: r } = t, a = I(() => ue(r, 360, 88), [r]), { x: l, y: c, handleMouseMove: u, handleMouseLeave: f } = Ze(a), h = {
+}, lf = _n(({ notification: t, onRemove: e }, n) => {
+  const { id: s, type: i, message: o, seed: r } = t, a = I(() => ue(r, 360, 88), [r]), { x: l, y: c, handleMouseMove: u, handleMouseLeave: d } = Ze(a), h = {
     info: { color: "#3b82f6", icon: Uo, label: "Info" },
     warning: { color: "#f59e0b", icon: Io, label: "Warning" },
     success: { color: "#10b981", icon: _o, label: "Success" },
@@ -5898,23 +5898,23 @@ const On = Te("X", [
       exit: { opacity: 0, scale: 0.9, x: 20, filter: "blur(4px)", transition: { duration: 0.2 } },
       style: { x: l, y: c },
       onMouseMove: u,
-      onMouseLeave: f,
+      onMouseLeave: d,
       className: "relative mb-4 cursor-default select-none pointer-events-auto group",
       children: /* @__PURE__ */ m.jsxs(bs, { profile: a, color: p.color, children: [
         /* @__PURE__ */ m.jsx("div", { className: "flex-shrink-0 w-10 h-10 flex items-center justify-center rounded-full", style: { backgroundColor: `${p.color}15`, color: p.color }, children: /* @__PURE__ */ m.jsx(p.icon, { size: 20, strokeWidth: 2.5 }) }),
         /* @__PURE__ */ m.jsxs("div", { className: "flex-grow min-w-0", children: [
-          /* @__PURE__ */ m.jsx("h4", { className: "text-[10px] uppercase tracking-wider font-bold opacity-40 mb-0.5", children: p.label }),
-          /* @__PURE__ */ m.jsx("p", { className: "text-sm font-medium text-slate-800 truncate leading-snug", children: o })
+          /* @__PURE__ */ m.jsx("h4", { className: "text-[10px] uppercase tracking-wider font-bold opacity-40 dark:opacity-60 mb-0.5", children: p.label }),
+          /* @__PURE__ */ m.jsx("p", { className: "text-sm font-medium text-slate-800 dark:text-slate-100 truncate leading-snug", children: o })
         ] }),
-        /* @__PURE__ */ m.jsx("button", { onClick: () => e(s), className: "flex-shrink-0 p-1.5 rounded-md hover:bg-slate-100 opacity-0 group-hover:opacity-100 transition-opacity duration-200", children: /* @__PURE__ */ m.jsx(On, { size: 16, className: "text-slate-400" }) })
+        /* @__PURE__ */ m.jsx("button", { onClick: () => e(s), className: "flex-shrink-0 p-1.5 rounded-md hover:bg-slate-100 dark:hover:bg-slate-800 opacity-0 group-hover:opacity-100 transition-opacity duration-200", children: /* @__PURE__ */ m.jsx(On, { size: 16, className: "text-slate-400 dark:text-slate-500" }) })
       ] })
     }
   );
 });
-ld.displayName = "TactileToast";
-const md = ({ title: t, description: e, seed: n }) => {
-  const s = I(() => n || Math.random() * 1e3, [n]), i = 340, o = 220, r = (k) => {
-    const O = Math.sin(s + k) * 1e4;
+lf.displayName = "TactileToast";
+const mf = ({ title: t, description: e, seed: n }) => {
+  const s = I(() => n || Math.random() * 1e3, [n]), i = 340, o = 220, r = (C) => {
+    const O = Math.sin(s + C) * 1e4;
     return O - Math.floor(O);
   }, a = I(() => ({
     r: {
@@ -5929,13 +5929,13 @@ const md = ({ title: t, description: e, seed: n }) => {
     // Adjust stiffness/damping values to fit framer-motion spring behavior
     stiffness: 120 + r(8) * 60,
     damping: 15 + r(9) * 10
-  }), [s]), l = `M ${a.r.tl},0 L ${i - a.r.tr},0 Q ${i},0 ${i},${a.r.tr} L ${i},${o - a.r.br} Q ${i},${o} ${i - a.r.br},${o} L ${a.r.bl},${o} Q 0,${o} 0,${o - a.r.bl} L 0,${a.r.tl} Q 0,0 ${a.r.tl},0 Z`, c = ut(0), u = ut(0), f = ut(0), h = { stiffness: a.stiffness, damping: a.damping, mass: a.mass }, p = xt(c, h), g = xt(u, h), v = xt(f, h), x = B(null), y = (k) => {
+  }), [s]), l = `M ${a.r.tl},0 L ${i - a.r.tr},0 Q ${i},0 ${i},${a.r.tr} L ${i},${o - a.r.br} Q ${i},${o} ${i - a.r.br},${o} L ${a.r.bl},${o} Q 0,${o} 0,${o - a.r.bl} L 0,${a.r.tl} Q 0,0 ${a.r.tl},0 Z`, c = ut(0), u = ut(0), d = ut(0), h = { stiffness: a.stiffness, damping: a.damping, mass: a.mass }, p = xt(c, h), g = xt(u, h), v = xt(d, h), x = B(null), y = (C) => {
     if (!x.current) return;
-    const O = x.current.getBoundingClientRect(), Z = k.clientX - O.left, L = k.clientY - O.top, U = (Z / i - 0.5) * 16, Y = (L / o - 0.5) * -16;
-    u.set(U), c.set(Y), f.set(15);
+    const O = x.current.getBoundingClientRect(), Z = C.clientX - O.left, L = C.clientY - O.top, U = (Z / i - 0.5) * 16, Y = (L / o - 0.5) * -16;
+    u.set(U), c.set(Y), d.set(15);
   }, P = () => {
-    c.set(0), u.set(0), f.set(0);
-  }, S = () => f.set(-5), C = () => f.set(15), w = yt(g, (k) => a.shadowX + k * 0.5), A = yt(p, (k) => 6 + k * -0.5), b = yt(v, (k) => 1 + k * 2e-3), R = yt(v, (k) => 0.06 + k * 4e-3), D = Math.floor(s).toString(16).toUpperCase();
+    c.set(0), u.set(0), d.set(0);
+  }, S = () => d.set(-5), k = () => d.set(15), w = yt(g, (C) => a.shadowX + C * 0.5), A = yt(p, (C) => 6 + C * -0.5), b = yt(v, (C) => 1 + C * 2e-3), R = yt(v, (C) => 0.06 + C * 4e-3), D = Math.floor(s).toString(16).toUpperCase();
   return /* @__PURE__ */ m.jsxs(
     "div",
     {
@@ -5945,7 +5945,7 @@ const md = ({ title: t, description: e, seed: n }) => {
       onMouseMove: y,
       onMouseLeave: P,
       onMouseDown: S,
-      onMouseUp: C,
+      onMouseUp: k,
       children: [
         /* @__PURE__ */ m.jsx(
           et.div,
@@ -6000,9 +6000,9 @@ const md = ({ title: t, description: e, seed: n }) => {
       ]
     }
   );
-}, gd = ({ label: t, color: e = "#64748b", onClick: n, className: s = "" }) => {
-  const i = I(() => Math.random() * 1e3, []), o = 140, r = 54, a = (k) => {
-    const O = Math.sin(i + k) * 1e4;
+}, gf = ({ label: t, color: e = "#64748b", onClick: n, className: s = "" }) => {
+  const i = I(() => Math.random() * 1e3, []), o = 140, r = 54, a = (C) => {
+    const O = Math.sin(i + C) * 1e4;
     return O - Math.floor(O);
   }, l = I(() => ({
     r: {
@@ -6018,13 +6018,13 @@ const md = ({ title: t, description: e, seed: n }) => {
     // Adjusted for Framer Motion
     damping: 20 + a(9) * 10
     // Adjusted for Framer Motion
-  }), [i]), c = `M ${l.r.tl},0 L ${o - l.r.tr},0 Q ${o},0 ${o},${l.r.tr} L ${o},${r - l.r.br} Q ${o},${r} ${o - l.r.br},${r} L ${l.r.bl},${r} Q 0,${r} 0,${r - l.r.bl} L 0,${l.r.tl} Q 0,0 ${l.r.tl},0 Z`, u = ut(0), f = ut(0), h = ut(1), p = { stiffness: l.stiffness, damping: l.damping, mass: l.mass }, g = { stiffness: l.stiffness * 2, damping: l.damping, mass: l.mass }, v = xt(u, p), x = xt(f, p), y = xt(h, g), P = B(null), S = (k) => {
+  }), [i]), c = `M ${l.r.tl},0 L ${o - l.r.tr},0 Q ${o},0 ${o},${l.r.tr} L ${o},${r - l.r.br} Q ${o},${r} ${o - l.r.br},${r} L ${l.r.bl},${r} Q 0,${r} 0,${r - l.r.bl} L 0,${l.r.tl} Q 0,0 ${l.r.tl},0 Z`, u = ut(0), d = ut(0), h = ut(1), p = { stiffness: l.stiffness, damping: l.damping, mass: l.mass }, g = { stiffness: l.stiffness * 2, damping: l.damping, mass: l.mass }, v = xt(u, p), x = xt(d, p), y = xt(h, g), P = B(null), S = (C) => {
     if (!P.current) return;
-    const O = P.current.getBoundingClientRect(), Z = k.clientX - O.left, L = k.clientY - O.top, U = (Z / o - 0.5) * 25, Y = (L / r - 0.5) * -25;
-    f.set(U), u.set(Y);
-  }, C = () => {
-    u.set(0), f.set(0), h.set(1);
-  }, w = () => h.set(0.94), A = () => h.set(1), b = yt(x, (k) => k * 0.2), R = yt(v, (k) => l.shadowY + k * -0.2), D = yt(y, (k) => 0.1 - (1 - k));
+    const O = P.current.getBoundingClientRect(), Z = C.clientX - O.left, L = C.clientY - O.top, U = (Z / o - 0.5) * 25, Y = (L / r - 0.5) * -25;
+    d.set(U), u.set(Y);
+  }, k = () => {
+    u.set(0), d.set(0), h.set(1);
+  }, w = () => h.set(0.94), A = () => h.set(1), b = yt(x, (C) => C * 0.2), R = yt(v, (C) => l.shadowY + C * -0.2), D = yt(y, (C) => 0.1 - (1 - C));
   return /* @__PURE__ */ m.jsxs(
     "div",
     {
@@ -6032,7 +6032,7 @@ const md = ({ title: t, description: e, seed: n }) => {
       className: `relative group cursor-pointer outline-none ${s}`,
       style: { width: o, height: r, perspective: 800, WebkitTapHighlightColor: "transparent" },
       onMouseMove: S,
-      onMouseLeave: C,
+      onMouseLeave: k,
       onMouseDown: w,
       onMouseUp: A,
       onClick: n,
@@ -6070,15 +6070,15 @@ const md = ({ title: t, description: e, seed: n }) => {
                   strokeWidth: l.stroke
                 }
               ) }),
-              /* @__PURE__ */ m.jsx("div", { className: "absolute inset-0 flex items-center justify-center pointer-events-none", children: /* @__PURE__ */ m.jsx("span", { className: "text-[10px] font-black uppercase tracking-[0.2em]", style: { color: e }, children: t }) })
+              /* @__PURE__ */ m.jsx("div", { className: "absolute inset-0 flex items-center justify-center pointer-events-none", children: /* @__PURE__ */ m.jsx("span", { className: "text-[10px] font-black uppercase tracking-[0.2em] text-center w-full px-4 leading-tight", style: { color: e }, children: t }) })
             ]
           }
         )
       ]
     }
   );
-}, yd = ({ label: t, min: e = 0, max: n = 100, defaultValue: s = 50, onChange: i, className: o = "" }) => {
-  const r = I(() => Math.random() * 1e4, []), a = 300, l = 12, c = 24, [u, f] = bt(s), h = B(null), p = (L) => {
+}, yf = ({ label: t, min: e = 0, max: n = 100, defaultValue: s = 50, onChange: i, className: o = "" }) => {
+  const r = I(() => Math.random() * 1e4, []), a = 300, l = 12, c = 24, [u, d] = bt(s), h = B(null), p = (L) => {
     const U = Math.sin(r + L) * 1e4;
     return U - Math.floor(U);
   }, g = I(() => ({
@@ -6100,7 +6100,7 @@ const md = ({ title: t, description: e, seed: n }) => {
     // Adjusted for framer-motion
     damping: 15 + p(12) * 10
     // Adjusted for framer-motion
-  }), [r]), v = `M ${g.r.tl},0 L ${a - g.r.tr},0 Q ${a},0 ${a},${g.r.tr} L ${a},${l - g.r.br} Q ${a},${l} ${a - g.r.br},${l} L ${g.r.bl},${l} Q 0,${l} 0,${l - g.r.bl} L 0,${g.r.tl} Q 0,0 ${g.r.tl},0 Z`, x = `M ${g.knobR.tl},0 L ${c - g.knobR.tr},0 Q ${c},0 ${c},${g.knobR.tr} L ${c},${c - g.knobR.br} Q ${c},${c} ${c - g.knobR.br},${c} L ${g.knobR.bl},${c} Q 0,${c} 0,${c - g.knobR.bl} L 0,${g.knobR.tl} Q 0,0 ${g.knobR.tl},0 Z`, y = (s - e) / (n - e), P = Math.max(0, Math.min(a, y * a)), S = ut(P), C = { stiffness: g.stiffness, damping: g.damping, mass: g.mass }, w = xt(S, C), A = (L) => {
+  }), [r]), v = `M ${g.r.tl},0 L ${a - g.r.tr},0 Q ${a},0 ${a},${g.r.tr} L ${a},${l - g.r.br} Q ${a},${l} ${a - g.r.br},${l} L ${g.r.bl},${l} Q 0,${l} 0,${l - g.r.bl} L 0,${g.r.tl} Q 0,0 ${g.r.tl},0 Z`, x = `M ${g.knobR.tl},0 L ${c - g.knobR.tr},0 Q ${c},0 ${c},${g.knobR.tr} L ${c},${c - g.knobR.br} Q ${c},${c} ${c - g.knobR.br},${c} L ${g.knobR.bl},${c} Q 0,${c} 0,${c - g.knobR.bl} L 0,${g.knobR.tl} Q 0,0 ${g.knobR.tl},0 Z`, y = (s - e) / (n - e), P = Math.max(0, Math.min(a, y * a)), S = ut(P), k = { stiffness: g.stiffness, damping: g.damping, mass: g.mass }, w = xt(S, k), A = (L) => {
     let U = L / a, Y = e + U * (n - e);
     return Y = Math.max(e, Math.min(n, Y)), Math.round(Y);
   }, b = (L) => {
@@ -6109,12 +6109,12 @@ const md = ({ title: t, description: e, seed: n }) => {
     let Y = L - U.left;
     Y = Math.max(0, Math.min(a, Y)), S.set(Y);
     const Pt = A(Y);
-    f(Pt), i && i(Pt);
+    d(Pt), i && i(Pt);
   }, R = (L) => {
     L.target.setPointerCapture(L.pointerId), b(L.clientX);
   }, D = (L) => {
     L.target.hasPointerCapture(L.pointerId) && b(L.clientX);
-  }, k = yt(w, (L) => `inset(0 ${a - L}px 0 0)`), O = Jf(w), Z = yt(O, (L) => 1 + Math.abs(L) * 5e-4);
+  }, C = yt(w, (L) => `inset(0 ${a - L}px 0 0)`), O = Qd(w), Z = yt(O, (L) => 1 + Math.abs(L) * 5e-4);
   return /* @__PURE__ */ m.jsxs("div", { className: `w-full max-w-[400px] mb-12 relative px-4 ${o}`, children: [
     /* @__PURE__ */ m.jsxs("div", { className: "flex justify-between items-center mb-4", children: [
       /* @__PURE__ */ m.jsx("span", { className: "text-[10px] font-black uppercase tracking-widest text-slate-400", children: t }),
@@ -6140,7 +6140,7 @@ const md = ({ title: t, description: e, seed: n }) => {
               height: l,
               viewBox: `0 0 ${a} ${l}`,
               className: "overflow-visible absolute inset-0 pointer-events-none",
-              style: { clipPath: k },
+              style: { clipPath: C },
               children: /* @__PURE__ */ m.jsx("path", { d: v, className: "fill-indigo-500 dark:fill-indigo-600" })
             }
           ),
@@ -6163,7 +6163,7 @@ const md = ({ title: t, description: e, seed: n }) => {
       }
     )
   ] });
-}, vd = ({ label: t = "Loading", color: e = "#6366f1", size: n = 120, targetVelocity: s = 0.05, className: i = "" }) => {
+}, vf = ({ label: t = "Loading", color: e = "#6366f1", size: n = 120, targetVelocity: s = 0.05, className: i = "" }) => {
   const o = B(null), r = B(null), a = B(null), l = B({
     // Rotation Physics
     angle: 0,
@@ -6181,10 +6181,10 @@ const md = ({ title: t, description: e, seed: n }) => {
     velocityRotateY: 0,
     velocityTranslateZ: 0
   });
-  dt(() => {
+  ft(() => {
     l.current.targetVelocity = s;
   }, [s]);
-  const c = n / 2, u = n * 0.4, [f, h] = bt(() => Math.floor(Math.random() * 1e6)), p = (w, A = f) => {
+  const c = n / 2, u = n * 0.4, [d, h] = bt(() => Math.floor(Math.random() * 1e6)), p = (w, A = d) => {
     const b = Math.sin(A + w) * 1e4;
     return b - Math.floor(b);
   }, g = I(() => ({
@@ -6195,13 +6195,13 @@ const md = ({ title: t, description: e, seed: n }) => {
     elasticity: 0.05 + p(5) * 0.1,
     stiffness: 0.12 + p(6) * 0.08,
     damping: 0.82 + p(7) * 0.08
-  }), [f]), v = 2 * Math.PI * u, x = v / g.segments - g.gapSize;
-  dt(() => {
+  }), [d]), v = 2 * Math.PI * u, x = v / g.segments - g.gapSize;
+  ft(() => {
     let w;
     const A = () => {
       if (!a.current || !r.current) return;
-      const b = l.current, { mass: R, stiffness: D, damping: k, elasticity: O } = g, Z = Math.sin(Date.now() * 2e-3) * 0.02, L = (b.targetVelocity + Z - b.angularVelocity) * O;
-      b.angularVelocity += L / R, b.angularVelocity *= b.friction, b.angle += b.angularVelocity, b.velocityRotateX += (b.targetRotateX - b.currentRotateX) * D / R, b.velocityRotateX *= k, b.currentRotateX += b.velocityRotateX, b.velocityRotateY += (b.targetRotateY - b.currentRotateY) * D / R, b.velocityRotateY *= k, b.currentRotateY += b.velocityRotateY, b.velocityTranslateZ += (b.targetTranslateZ - b.currentTranslateZ) * D / R, b.velocityTranslateZ *= k, b.currentTranslateZ += b.velocityTranslateZ;
+      const b = l.current, { mass: R, stiffness: D, damping: C, elasticity: O } = g, Z = Math.sin(Date.now() * 2e-3) * 0.02, L = (b.targetVelocity + Z - b.angularVelocity) * O;
+      b.angularVelocity += L / R, b.angularVelocity *= b.friction, b.angle += b.angularVelocity, b.velocityRotateX += (b.targetRotateX - b.currentRotateX) * D / R, b.velocityRotateX *= C, b.currentRotateX += b.velocityRotateX, b.velocityRotateY += (b.targetRotateY - b.currentRotateY) * D / R, b.velocityRotateY *= C, b.currentRotateY += b.velocityRotateY, b.velocityTranslateZ += (b.targetTranslateZ - b.currentTranslateZ) * D / R, b.velocityTranslateZ *= C, b.currentTranslateZ += b.velocityTranslateZ;
       const U = b.angularVelocity * 150, Y = x + U;
       a.current.style.strokeDasharray = `${Y} ${v - Y}`;
       const Pt = b.angle * 180 / Math.PI;
@@ -6223,7 +6223,7 @@ const md = ({ title: t, description: e, seed: n }) => {
     l.current.targetRotateX = 0, l.current.targetRotateY = 0, l.current.targetTranslateZ = 0;
   }, S = () => {
     l.current.targetTranslateZ = -5;
-  }, C = () => {
+  }, k = () => {
     l.current.targetTranslateZ = 10;
   };
   return /* @__PURE__ */ m.jsxs("div", { className: `flex flex-col items-center gap-4 ${i}`, children: [
@@ -6236,12 +6236,12 @@ const md = ({ title: t, description: e, seed: n }) => {
         onMouseMove: y,
         onMouseLeave: P,
         onMouseDown: S,
-        onMouseUp: C,
+        onMouseUp: k,
         onTouchStart: S,
-        onTouchEnd: C,
+        onTouchEnd: k,
         children: /* @__PURE__ */ m.jsxs("div", { ref: r, className: "absolute inset-0", style: { transformStyle: "preserve-3d" }, children: [
-          /* @__PURE__ */ m.jsx("svg", { viewBox: `0 0 ${n} ${n}`, className: "absolute inset-0 opacity-[0.03] blur-[2px] translate-y-1", children: /* @__PURE__ */ m.jsx("circle", { cx: c, cy: c, r: u, fill: "none", stroke: "black", strokeWidth: g.strokeWidth }) }),
-          /* @__PURE__ */ m.jsx("svg", { viewBox: `0 0 ${n} ${n}`, className: "absolute inset-0", children: /* @__PURE__ */ m.jsx("circle", { cx: c, cy: c, r: u, fill: "none", stroke: "#e2e8f0", strokeWidth: g.strokeWidth }) }),
+          /* @__PURE__ */ m.jsx("svg", { viewBox: `0 0 ${n} ${n}`, className: "absolute inset-0 opacity-[0.03] dark:opacity-20 blur-[2px] translate-y-1", children: /* @__PURE__ */ m.jsx("circle", { cx: c, cy: c, r: u, fill: "none", className: "stroke-black dark:stroke-slate-900", strokeWidth: g.strokeWidth }) }),
+          /* @__PURE__ */ m.jsx("svg", { viewBox: `0 0 ${n} ${n}`, className: "absolute inset-0", children: /* @__PURE__ */ m.jsx("circle", { cx: c, cy: c, r: u, fill: "none", className: "stroke-slate-200 dark:stroke-slate-700/50", strokeWidth: g.strokeWidth }) }),
           /* @__PURE__ */ m.jsx("svg", { viewBox: `0 0 ${n} ${n}`, className: "absolute inset-0 overflow-visible", children: /* @__PURE__ */ m.jsx(
             "circle",
             {
@@ -6263,9 +6263,9 @@ const md = ({ title: t, description: e, seed: n }) => {
         ] })
       }
     ),
-    /* @__PURE__ */ m.jsx("div", { className: "flex flex-col items-center gap-2", children: t && /* @__PURE__ */ m.jsx("span", { className: "text-[10px] font-black uppercase tracking-[0.2em] text-slate-400", children: t }) })
+    /* @__PURE__ */ m.jsx("div", { className: "flex flex-col items-center gap-2", children: t && /* @__PURE__ */ m.jsx("span", { className: "text-[10px] font-black uppercase tracking-[0.2em] text-slate-400 dark:text-slate-500", children: t }) })
   ] });
-}, xd = ({
+}, xf = ({
   label: t,
   placeholder: e,
   isError: n = !1,
@@ -6275,7 +6275,7 @@ const md = ({ title: t, description: e, seed: n }) => {
   width: r = 384,
   height: a = 52
 }) => {
-  const l = I(() => Math.floor(Math.random() * 1e6), []), [c, u] = bt(!1), [f, h] = bt(s), p = id(), g = B(null), v = B(n), x = (R) => {
+  const l = I(() => Math.floor(Math.random() * 1e6), []), [c, u] = bt(!1), [d, h] = bt(s), p = sf(), g = B(null), v = B(n), x = (R) => {
     const D = Math.sin(l + R) * 1e4;
     return D - Math.floor(D);
   }, y = I(() => ({
@@ -6292,9 +6292,9 @@ const md = ({ title: t, description: e, seed: n }) => {
     damping: 10
     // Adjusted for Framer Motion
   }), [l]), P = `M ${y.r.tl},0 L ${r - y.r.tr},0 Q ${r},0 ${r},${y.r.tr} L ${r},${a - y.r.br} Q ${r},${a} ${r - y.r.br},${a} L ${y.r.bl},${a} Q 0,${a} 0,${a - y.r.bl} L 0,${y.r.tl} Q 0,0 ${y.r.tl},0 Z`;
-  dt(() => {
+  ft(() => {
     g.current || h(s);
-  }, [s]), dt(() => {
+  }, [s]), ft(() => {
     if (n && !v.current && (p.start({
       x: [0, 15, -12, 8, -5, 0],
       transition: {
@@ -6306,26 +6306,25 @@ const md = ({ title: t, description: e, seed: n }) => {
     }), s)) {
       const R = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789!@#$%^&*()_+-=[]{}|;:,.<>?";
       let D = 0;
-      const k = 8;
+      const C = 8;
       g.current && clearInterval(g.current), g.current = setInterval(() => {
         let O = "";
         for (let Z = 0; Z < s.length; Z++)
           O += R.charAt(Math.floor(Math.random() * R.length));
-        h(O), D++, D >= k && (clearInterval(g.current), g.current = null, h(s));
+        h(O), D++, D >= C && (clearInterval(g.current), g.current = null, h(s));
       }, 50);
     }
     v.current = n;
-  }, [n, s, p, y.mass]), dt(() => () => {
+  }, [n, s, p, y.mass]), ft(() => () => {
     g.current && clearInterval(g.current);
   }, []);
-  const S = () => u(!0), C = () => u(!1), w = n ? "#ef4444" : c ? "#6366f1" : "#94a3b8", A = n ? "#ef4444" : c ? "#6366f1" : "#e2e8f0", b = n ? "#fef2f2" : "white";
+  const S = () => u(!0), k = () => u(!1), w = n ? "text-red-500" : c ? "text-indigo-500" : "text-slate-400 dark:text-slate-500", A = n ? "fill-red-50 dark:fill-red-950/30 stroke-red-500" : c ? "fill-white dark:fill-slate-800 stroke-indigo-500" : "fill-white dark:fill-slate-800 stroke-slate-200 dark:stroke-slate-700/50", b = n ? "text-red-500 placeholder:text-red-300" : "text-slate-700 dark:text-slate-200 placeholder:text-slate-400 dark:placeholder:text-slate-500";
   return /* @__PURE__ */ m.jsxs("div", { className: `flex flex-col w-full ${o}`, children: [
     t && /* @__PURE__ */ m.jsx(
       et.label,
       {
-        className: "text-[10px] font-black uppercase tracking-[0.2em] mb-3 ml-2",
+        className: `text-[10px] font-black uppercase tracking-[0.2em] mb-3 ml-2 transition-colors duration-200 ${w}`,
         animate: {
-          color: w,
           y: c || n ? -2 : 0
         },
         transition: { duration: 0.2 },
@@ -6351,8 +6350,7 @@ const md = ({ title: t, description: e, seed: n }) => {
                 et.path,
                 {
                   d: P,
-                  animate: { fill: b, stroke: A },
-                  transition: { duration: 0.3 },
+                  className: `transition-colors duration-300 ${A}`,
                   strokeWidth: y.stroke
                 }
               ) }),
@@ -6360,15 +6358,14 @@ const md = ({ title: t, description: e, seed: n }) => {
                 "input",
                 {
                   type: "text",
-                  className: "bg-transparent border-none w-full h-full px-4 text-sm font-medium focus:outline-none",
-                  style: { color: n ? "#ef4444" : "#334155" },
+                  className: `bg-transparent border-none w-full h-full px-4 text-sm font-medium focus:outline-none transition-colors duration-300 ${b}`,
                   placeholder: e,
-                  value: f,
+                  value: d,
                   onChange: (R) => {
                     h(R.target.value), i && i(R);
                   },
                   onFocus: S,
-                  onBlur: C
+                  onBlur: k
                 }
               ) })
             ]
@@ -6377,7 +6374,7 @@ const md = ({ title: t, description: e, seed: n }) => {
       }
     )
   ] });
-}, or = (t, e, n) => `M ${n.tl},0 L ${t - n.tr},0 Q ${t},0 ${t},${n.tr} L ${t},${e - n.br} Q ${t},${e} ${t - n.br},${e} L ${n.bl},${e} Q 0,${e} 0,${e - n.bl} L 0,${n.tl} Q 0,0 ${n.tl},0 Z`, cd = ({
+}, or = (t, e, n) => `M ${n.tl},0 L ${t - n.tr},0 Q ${t},0 ${t},${n.tr} L ${t},${e - n.br} Q ${t},${e} ${t - n.br},${e} L ${n.bl},${e} Q 0,${e} 0,${e - n.bl} L 0,${n.tl} Q 0,0 ${n.tl},0 Z`, cf = ({
   initialDark: t = !1,
   onChange: e,
   className: n = "",
@@ -6404,8 +6401,8 @@ const md = ({ title: t, description: e, seed: n }) => {
     knobPath: B(null),
     sunIcon: B(null),
     moonIcon: B(null)
-  }, f = I(() => Math.floor(Math.random() * 1e6), []), h = (w) => {
-    const A = Math.sin(f + w) * 1e4;
+  }, d = I(() => Math.floor(Math.random() * 1e6), []), h = (w) => {
+    const A = Math.sin(d + w) * 1e4;
     return A - Math.floor(A);
   }, p = I(() => ({
     trackR: {
@@ -6424,12 +6421,12 @@ const md = ({ title: t, description: e, seed: n }) => {
     mass: 1.2 + h(10) * 0.5,
     stiffness: 0.12 + h(11) * 0.05,
     damping: 0.82 + h(12) * 0.05
-  }), [f]), g = I(() => or(r, a, p.trackR), [p]), v = I(() => or(l, l, p.knobR), [p]);
-  dt(() => {
+  }), [d]), g = I(() => or(r, a, p.trackR), [p]), v = I(() => or(l, l, p.knobR), [p]);
+  ft(() => {
     let w;
     const A = () => {
-      const b = c.current, { mass: R, stiffness: D, damping: k } = p, O = (b.targetX - b.currentX) * D;
-      b.velocity += O / R, b.velocity *= k, b.currentX += b.velocity, b.velocityRX += (b.targetRotateX - b.currentRotateX) * D / R, b.velocityRX *= k, b.currentRotateX += b.velocityRX, b.velocityRY += (b.targetRotateY - b.currentRotateY) * D / R, b.velocityRY *= k, b.currentRotateY += b.velocityRY, b.velocityZ += (b.targetZ - b.currentZ) * D / R, b.velocityZ *= k, b.currentZ += b.velocityZ;
+      const b = c.current, { mass: R, stiffness: D, damping: C } = p, O = (b.targetX - b.currentX) * D;
+      b.velocity += O / R, b.velocity *= C, b.currentX += b.velocity, b.velocityRX += (b.targetRotateX - b.currentRotateX) * D / R, b.velocityRX *= C, b.currentRotateX += b.velocityRX, b.velocityRY += (b.targetRotateY - b.currentRotateY) * D / R, b.velocityRY *= C, b.currentRotateY += b.velocityRY, b.velocityZ += (b.targetZ - b.currentZ) * D / R, b.velocityZ *= C, b.currentZ += b.velocityZ;
       const Z = 1 + Math.abs(b.velocity) * 0.04;
       u.knob.current && (u.knob.current.style.left = `${Math.floor(b.currentX)}px`, u.knob.current.style.transform = `scaleX(${Z})`), u.kineticBody.current && (u.kineticBody.current.style.transform = `
                     rotateX(${b.currentRotateX}deg) 
@@ -6450,7 +6447,7 @@ const md = ({ title: t, description: e, seed: n }) => {
     c.current.targetRotateX = 0, c.current.targetRotateY = 0, c.current.targetZ = 0;
   }, S = () => {
     c.current.targetZ = -4;
-  }, C = () => {
+  }, k = () => {
     c.current.targetZ = 8;
   };
   return /* @__PURE__ */ m.jsx(
@@ -6463,9 +6460,9 @@ const md = ({ title: t, description: e, seed: n }) => {
       onMouseMove: y,
       onMouseLeave: P,
       onMouseDown: S,
-      onMouseUp: C,
+      onMouseUp: k,
       onTouchStart: S,
-      onTouchEnd: C,
+      onTouchEnd: k,
       children: /* @__PURE__ */ m.jsxs(
         "div",
         {
@@ -6550,19 +6547,19 @@ const md = ({ title: t, description: e, seed: n }) => {
     }
   );
 };
-cd.displayName = "TactileThemeToggle";
+cf.displayName = "TactileThemeToggle";
 export {
   bs as MaterialContainer,
-  pd as TactileAlert,
-  gd as TactileButton,
-  md as TactileCard,
-  hd as TactileConfirm,
-  xd as TactileInput,
-  vd as TactileLoader,
-  yd as TactileSlider,
-  cd as TactileThemeToggle,
-  ld as TactileToast,
-  dd as TactileToggle,
+  pf as TactileAlert,
+  gf as TactileButton,
+  mf as TactileCard,
+  hf as TactileConfirm,
+  xf as TactileInput,
+  vf as TactileLoader,
+  yf as TactileSlider,
+  cf as TactileThemeToggle,
+  lf as TactileToast,
+  ff as TactileToggle,
   ue as generateProceduralProfile,
   Ze as useMaterialInertia
 };