tactile-material 1.0.3 → 1.0.6

package/dist/tactile.es.js

@@ -1,5 +1,5 @@
-import * as Nn 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 * 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 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, O = E.getStackAddendum();
-        O !== "" && (T += "%s", M = M.concat([O]));
+        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 V(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 F(d, T, M) {
-      var E = d.displayName;
+    function O(f, T, M) {
+      var E = f.displayName;
       if (E)
         return E;
-      var O = T.displayName || T.name || "";
-      return O !== "" ? M + "(" + O + ")" : M;
+      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 F(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 O = d, _ = O._payload, $ = O._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,17 +213,17 @@ function Ta() {
       }
     }
     var He = y.ReactCurrentDispatcher, qe;
-    function we(d, T, M) {
+    function we(f, T, M) {
       {
         if (qe === void 0)
           try {
             throw Error();
-          } catch (O) {
-            var E = O.stack.trim().match(/\n( *(at )?)/);
+          } catch (N) {
+            var E = N.stack.trim().match(/\n( *(at )?)/);
             qe = E && E[1] || "";
           }
         return `
-` + qe + d;
+` + qe + f;
       }
     }
     var Qe = !1, Pe;
@@ -231,17 +231,17 @@ 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;
       }
       var E;
       Qe = !0;
-      var O = Error.prepareStackTrace;
+      var N = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var _;
       _ = He.current, He.current = null, Wo();
@@ -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,48 +290,48 @@ 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;
             }
         }
       } finally {
-        Qe = !1, He.current = _, Xo(), Error.prepareStackTrace = O;
+        Qe = !1, He.current = _, Xo(), Error.prepareStackTrace = N;
       }
-      var Ft = d ? d.displayName || d.name : "", At = Ft ? we(Ft) : "";
-      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, O = E._payload, _ = E._init;
+            var E = f, N = E._payload, _ = E._init;
             try {
-              return Se(_(O), T, M);
+              return Se(_(N), T, M);
             } catch {
             }
           }
@@ -339,109 +339,109 @@ 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, O) {
+    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;
             }
-            j && !(j instanceof Error) && (Re(O), P("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", E || "React class", M, $, typeof j), Re(null)), j instanceof Error && !(j.message in Rs) && (Rs[j.message] = !0, Re(O), P("Failed %s type: %s", M, j.message), Re(null));
+            j && !(j instanceof Error) && (Re(N), P("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", E || "React class", M, $, typeof j), Re(null)), j instanceof Error && !(j.message in Rs) && (Rs[j.message] = !0, Re(N), P("Failed %s type: %s", M, j.message), Re(null));
           }
       }
     }
     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 Vs = y.ReactCurrentOwner, Qo = {
+    var Cs = y.ReactCurrentOwner, Qo = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, ks, Es;
-    function Jo(d) {
-      if (Qt.call(d, "ref")) {
-        var T = Object.getOwnPropertyDescriptor(d, "ref").get;
+    }, Vs, Es;
+    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" && Vs.current;
+    function ea(f, T) {
+      typeof f.ref == "string" && Cs.current;
     }
-    function na(d, T) {
+    function na(f, T) {
       {
         var M = function() {
-          ks || (ks = !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));
+          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, O, _, $) {
+    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: $,
@@ -462,61 +462,61 @@ function Ta() {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: O
+        value: N
       }), Object.freeze && (Object.freeze(j.props), Object.freeze(j)), j;
     };
-    function ra(d, T, M, E, O) {
+    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, O));
+        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, O, E, Vs.current, $);
+        return ia(f, j, nt, N, E, Cs.current, $);
       }
     }
     var tn = y.ReactCurrentOwner, Ds = y.ReactDebugCurrentFrame;
-    function Ot(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) + "."), Ot(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), Ot(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 Os(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 O = x(d);
-          if (typeof O == "function" && O !== d.entries)
-            for (var _ = O.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,46 +566,46 @@ 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 O = L(T);
-          P("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", O || "Unknown");
+          var N = L(T);
+          P("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", N || "Unknown");
         }
         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") {
-            Ot(d), P("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", E), Ot(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 && (Ot(d), P("Invalid attribute `ref` supplied to `React.Fragment`."), Ot(null));
+        f.ref !== null && (Nt(f), P("Invalid attribute `ref` supplied to `React.Fragment`."), Nt(null));
       }
     }
-    var Fs = {};
-    function Ns(d, T, M, E, O, _) {
+    var Os = {};
+    function Fs(f, T, M, E, N, _) {
       {
-        var $ = V(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, O, _);
+        var G = ra(f, T, M, N, _);
         if (G == null)
           return G;
         if ($) {
@@ -613,39 +613,39 @@ Check the top-level render call using <` + M + ">.");
           if (at !== void 0)
             if (E)
               if (Je(at)) {
-                for (var Ft = 0; Ft < at.length; Ft++)
-                  Os(at[Ft], d);
+                for (var Ot = 0; Ot < at.length; Ot++)
+                  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
-              Os(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 (!Fs[At + sn]) {
+          if (!Os[At + sn]) {
             var pa = st.length > 0 ? "{" + st.join(": ..., ") + ": ...}" : "{}";
             P(`A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
-  <%s key={someKey} {...props} />`, sn, At, pa, At), Fs[At + sn] = !0;
+  <%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 Ns(d, T, M, !0);
+    function ua(f, T, M) {
+      return Fs(f, T, M, !0);
     }
-    function fa(d, T, M) {
-      return Ns(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();
@@ -660,7 +660,7 @@ const _e = zt(null), me = zt({
   isStatic: !1,
   reducedMotion: "never"
 });
-class wa extends Nn.Component {
+class wa extends Fn.Component {
   getSnapshotBeforeUpdate(e) {
     const n = this.props.childRef.current;
     if (n && e.isPresent && !this.props.isPresent) {
@@ -702,11 +702,11 @@ function Pa({ children: t, isPresent: e }) {
         `), () => {
       document.head.removeChild(u);
     };
-  }, [e]), m.jsx(wa, { isPresent: e, childRef: s, sizeRef: i, children: Nn.cloneElement(t, { ref: s }) });
+  }, [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,8 +728,8 @@ 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));
-  }, [n]), Nn.useEffect(() => {
+    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
-], Va = 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, Va), 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: N, 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",
@@ -903,7 +903,7 @@ for (const t in Us)
   Xt[t] = {
     isEnabled: (e) => Us[t].some((n) => !!e[n])
   };
-function ka(t) {
+function Va(t) {
   for (const e in t)
     Xt[e] = {
       ...Xt[e],
@@ -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,27 +1003,27 @@ 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 : {};
 }
-function Oa(t) {
+function Na(t) {
   const { initial: e, animate: n } = $a(t, Q(We));
   return I(() => ({ initial: e, animate: n }), [Xs(e), Xs(n)]);
 }
 function Xs(t) {
   return Array.isArray(t) ? t.join(" ") : t;
 }
-const Fa = Symbol.for("motionComponentSymbol");
-function Nt(t) {
+const Oa = Symbol.for("motionComponentSymbol");
+function Ft(t) {
   return t && typeof t == "object" && Object.prototype.hasOwnProperty.call(t, "current");
 }
-function Na(t, e, n) {
+function Fa(t, e, n) {
   return In(
     (s) => {
-      s && t.onMount && t.onMount(s), e && (s ? e.mount(s) : e.unmount()), n && (typeof n == "function" ? n(s) : Nt(n) && (n.current = s));
+      s && t.onMount && t.onMount(s), e && (s ? e.mount(s) : e.unmount()), n && (typeof n == "function" ? n(s) : Ft(n) && (n.current = s));
     },
     /**
      * Only pass a new ref callback to React if we've received a visual element
@@ -1036,8 +1036,8 @@ function Na(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);
@@ -1066,7 +1066,7 @@ function _a(t, e, n, s) {
   t.projection = new n(t.latestValues, e["data-framer-portal-id"] ? void 0 : gr(t.parent)), t.projection.setOptions({
     layoutId: i,
     layout: o,
-    alwaysMeasureLayout: !!r || a && Nt(a),
+    alwaysMeasureLayout: !!r || a && Ft(a),
     visualElement: t,
     /**
      * TODO: Update options in an effect. This could be tricky as it'll be too late
@@ -1087,31 +1087,31 @@ function gr(t) {
 }
 function Ua({ preloadedFeatures: t, createVisualElement: e, useRender: n, useVisualState: s, Component: i }) {
   var o, r;
-  t && ka(t);
+  t && Va(t);
   function a(c, u) {
-    let f;
+    let d;
     const h = {
       ...Q(me),
       ...c,
       layoutId: Wa(c)
-    }, { isStatic: p } = h, g = Oa(c), v = s(c, p);
+    }, { isStatic: p } = h, g = Na(c), v = s(c, p);
     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, Na(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);
-  return l[Fa] = i, l;
+  return l[Oa] = i, l;
 }
 function Wa({ layoutId: t }) {
   const e = Q(Un).id;
   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);
@@ -1192,7 +1192,7 @@ function Hn(t, e, n, s) {
   return e;
 }
 const bn = (t) => Array.isArray(t), za = (t) => !!(t && typeof t == "object" && t.mix && t.toValue), Ga = (t) => bn(t) ? t[t.length - 1] || 0 : t, J = (t) => !!(t && t.getVelocity);
-function ke(t) {
+function Ve(t) {
   const e = J(t) ? t.get() : t;
   return za(e) ? e.toValue() : e;
 }
@@ -1210,15 +1210,15 @@ const yr = (t) => (e, n) => {
 function Ha(t, e, n, s) {
   const i = {}, o = s(t, {});
   for (const h in o)
-    i[h] = ke(o[h]);
+    i[h] = Ve(o[h]);
   let { initial: r, animate: a } = t;
   const l = Ye(t), c = hr(t);
   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,81 +1260,81 @@ 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) => ({
   test: (e) => typeof e == "string" && e.endsWith(t) && e.split(" ").length === 1,
   parse: parseFloat,
   transform: (e) => `${e}${t}`
-}), St = /* @__PURE__ */ ye("deg"), pt = /* @__PURE__ */ ye("%"), k = /* @__PURE__ */ ye("px"), Ja = /* @__PURE__ */ ye("vh"), tl = /* @__PURE__ */ ye("vw"), Ks = {
+}), St = /* @__PURE__ */ ye("deg"), pt = /* @__PURE__ */ ye("%"), V = /* @__PURE__ */ ye("px"), Ja = /* @__PURE__ */ ye("vh"), tl = /* @__PURE__ */ ye("vw"), Ks = {
   ...pt,
   parse: (t) => pt.parse(t) / 100,
   transform: (t) => pt.transform(t * 100)
 }, el = {
   // Border props
-  borderWidth: k,
-  borderTopWidth: k,
-  borderRightWidth: k,
-  borderBottomWidth: k,
-  borderLeftWidth: k,
-  borderRadius: k,
-  radius: k,
-  borderTopLeftRadius: k,
-  borderTopRightRadius: k,
-  borderBottomRightRadius: k,
-  borderBottomLeftRadius: k,
+  borderWidth: V,
+  borderTopWidth: V,
+  borderRightWidth: V,
+  borderBottomWidth: V,
+  borderLeftWidth: V,
+  borderRadius: V,
+  radius: V,
+  borderTopLeftRadius: V,
+  borderTopRightRadius: V,
+  borderBottomRightRadius: V,
+  borderBottomLeftRadius: V,
   // Positioning props
-  width: k,
-  maxWidth: k,
-  height: k,
-  maxHeight: k,
-  top: k,
-  right: k,
-  bottom: k,
-  left: k,
+  width: V,
+  maxWidth: V,
+  height: V,
+  maxHeight: V,
+  top: V,
+  right: V,
+  bottom: V,
+  left: V,
   // Spacing props
-  padding: k,
-  paddingTop: k,
-  paddingRight: k,
-  paddingBottom: k,
-  paddingLeft: k,
-  margin: k,
-  marginTop: k,
-  marginRight: k,
-  marginBottom: k,
-  marginLeft: k,
+  padding: V,
+  paddingTop: V,
+  paddingRight: V,
+  paddingBottom: V,
+  paddingLeft: V,
+  margin: V,
+  marginTop: V,
+  marginRight: V,
+  marginBottom: V,
+  marginLeft: V,
   // Misc
-  backgroundPositionX: k,
-  backgroundPositionY: k
+  backgroundPositionX: V,
+  backgroundPositionY: V
 }, nl = {
   rotate: St,
   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,
-  distance: k,
-  translateX: k,
-  translateY: k,
-  translateZ: k,
-  x: k,
-  y: k,
-  z: k,
-  perspective: k,
-  transformPerspective: k,
-  opacity: de,
+  distance: V,
+  translateX: V,
+  translateY: V,
+  translateZ: V,
+  x: V,
+  y: V,
+  z: V,
+  perspective: V,
+  transformPerspective: V,
+  opacity: fe,
   originX: Ks,
   originY: Ks,
-  originZ: k
+  originZ: V
 }, zs = {
   ...qt,
   transform: Math.round
@@ -1342,10 +1342,10 @@ const Ht = [
   ...el,
   ...nl,
   zIndex: zs,
-  size: k,
+  size: V,
   // SVG
-  fillOpacity: de,
-  strokeOpacity: de,
+  fillOpacity: fe,
+  strokeOpacity: fe,
   numOctaves: zs
 }, sl = {
   x: "translateX",
@@ -1403,12 +1403,12 @@ const ol = {
 function ll(t, e, n = 1, s = 0, i = !0) {
   t.pathLength = 1;
   const o = i ? ol : al;
-  t[o.offset] = k.transform(-s);
-  const r = k.transform(e), a = k.transform(n);
+  t[o.offset] = V.transform(-s);
+  const r = V.transform(e), a = V.transform(n);
   t[o.array] = `${r} ${a}`;
 }
 function Gs(t, e, n) {
-  return typeof t == "string" ? t : k.transform(e + n * t);
+  return typeof t == "string" ? t : V.transform(e + n * t);
 }
 function cl(t, e, n) {
   const s = Gs(e, t.x, t.width), i = Gs(n, t.y, t.height);
@@ -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,
@@ -1536,8 +1536,8 @@ const Zs = ["x", "y", "width", "height", "cx", "cy", "r"], dl = {
           const l = Zs[a];
           t[l] !== e[l] && (r = !0);
         }
-      r && N.read(() => {
-        fl(n, s), N.render(() => {
+      r && F.read(() => {
+        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 Vr(t) {
+function Cr(t) {
   let e = 0;
   const n = 50;
   let s = t.next(e);
@@ -1728,7 +1728,7 @@ const $e = /* @__PURE__ */ Sl(() => {
     return !1;
   }
   return !0;
-}, "linearEasing"), kr = (t, e, n = 10) => {
+}, "linearEasing"), Vr = (t, e, n = 10) => {
   let s = "";
   const i = Math.max(Math.round(e / n), 2);
   for (let o = 0; o < i; o++)
@@ -1751,14 +1751,14 @@ const ne = ([t, e, n, s]) => `cubic-bezier(${t}, ${e}, ${n}, ${s})`, wn = {
 };
 function Dr(t, e) {
   if (t)
-    return typeof t == "function" && $e() ? kr(t, e) : os(t) ? ne(t) : Array.isArray(t) ? t.map((n) => Dr(n, e) || wn.easeOut) : wn[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 Vl = (t, e) => {
+const Cl = (t, e) => {
   const n = t.currentTarget;
   if (!n)
     return;
@@ -1835,33 +1835,33 @@ const Vl = (t, e) => {
 function Js(t) {
   return as(t) && !jr();
 }
-function kl(t, e, n = {}) {
+function Vl(t, e, n = {}) {
   const [s, i, o] = Lr(t, n), r = (a) => {
     const l = a.currentTarget;
     if (!Js(a) || se.has(l))
       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) => Vl(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 Or = /* @__PURE__ */ new Set([
+const Nr = /* @__PURE__ */ new Set([
   "width",
   "height",
   "top",
@@ -1912,7 +1912,7 @@ class us {
     this.subscriptions.length = 0;
   }
 }
-function Fr(t, e) {
+function Or(t, e) {
   return e ? t * (1e3 / e) : 0;
 }
 const ti = 30, jl = (t) => !isNaN(parseFloat(t)), re = {
@@ -1986,7 +1986,7 @@ class Ll {
     this.events[e] || (this.events[e] = new us());
     const s = this.events[e].add(n);
     return e === "change" ? () => {
-      s(), N.read(() => {
+      s(), F.read(() => {
         this.events.change.getSize() || this.stop();
       });
     } : s;
@@ -2059,7 +2059,7 @@ class Ll {
     if (!this.canTrackVelocity || this.prevFrameValue === void 0 || e - this.updatedAt > ti)
       return 0;
     const n = Math.min(this.updatedAt - this.prevUpdatedAt, ti);
-    return Fr(parseFloat(this.current) - parseFloat(this.prevFrameValue), n);
+    return Or(parseFloat(this.current) - parseFloat(this.prevFrameValue), n);
   }
   /**
    * Registers a new animation to control this `MotionValue`. Only one
@@ -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 };
@@ -2127,23 +2127,23 @@ function fs(t, e) {
     $l(t, r, a);
   }
 }
-function Ol(t) {
+function Nl(t) {
   return !!(J(t) && t.add);
 }
 function Pn(t, e) {
   const n = t.getValue("willChange");
-  if (Ol(n))
+  if (Nl(n))
     return n.add(e);
 }
-function Nr(t) {
+function Fr(t) {
   return t.props[pr];
 }
-const Br = (t, e, n) => (((1 - 3 * n + 3 * e) * t + (3 * n - 6 * e)) * t + 3 * e) * t, Fl = 1e-7, Nl = 12;
+const Br = (t, e, n) => (((1 - 3 * n + 3 * e) * t + (3 * n - 6 * e)) * t + 3 * e) * t, Ol = 1e-7, Fl = 12;
 function Bl(t, e, n, s, i) {
   let o, r, a = 0;
   do
     r = e + (n - e) / 2, o = Br(r, s, i) - t, o > 0 ? n = r : e = r;
-  while (Math.abs(o) > Fl && ++a < Nl);
+  while (Math.abs(o) > Ol && ++a < Fl);
   return r;
 }
 function ve(t, e, n, 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),
@@ -2290,7 +2290,7 @@ function sc(t, e, n) {
     for (const o of e)
       t[o] = Jr(n, i);
 }
-const ni = (t) => t === qt || t === k, si = (t, e) => parseFloat(t.split(", ")[e]), ii = (t, e) => (n, { transform: s }) => {
+const ni = (t) => t === qt || t === V, si = (t, e) => parseFloat(t.split(", ")[e]), ii = (t, e) => (n, { transform: s }) => {
   if (s === "none" || !s)
     return 0;
   const i = s.match(/^matrix3d\((.+)\)$/u);
@@ -2356,7 +2356,7 @@ class ys {
     this.isComplete = !1, this.isAsync = !1, this.needsMeasurement = !1, this.isScheduled = !1, this.unresolvedKeyframes = [...e], this.onComplete = n, this.name = s, this.motionValue = i, this.element = o, this.isAsync = r;
   }
   scheduleResolve() {
-    this.isScheduled = !0, this.isAsync ? (Dt.add(this), Mn || (Mn = !0, N.read(eo), N.resolveKeyframes(to))) : (this.readKeyframes(), this.complete());
+    this.isScheduled = !0, this.isAsync ? (Dt.add(this), Mn || (Mn = !0, F.read(eo), F.resolveKeyframes(to))) : (this.readKeyframes(), this.complete());
   }
   readKeyframes() {
     const { unresolvedKeyframes: e, name: n, element: s, motionValue: i } = this;
@@ -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, k, 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);
@@ -2436,7 +2436,7 @@ class oo extends ys {
         u !== void 0 && (e[l] = u), l === e.length - 1 && (this.finalKeyframe = c);
       }
     }
-    if (this.resolveNoneKeyframes(), !Or.has(s) || e.length !== 2)
+    if (this.resolveNoneKeyframes(), !Nr.has(s) || e.length !== 2)
       return;
     const [i, o] = e, r = ri(i), a = ri(o);
     if (r !== a)
@@ -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) {
@@ -2595,7 +2595,7 @@ function gc({ hue: t, saturation: e, lightness: n, alpha: s }) {
     alpha: s
   };
 }
-function Oe(t, e) {
+function Ne(t, e) {
   return (n) => n > 0 ? e : t;
 }
 const cn = (t, e, n) => {
@@ -2612,18 +2612,18 @@ function ai(t) {
 const li = (t, e) => {
   const n = ai(t), s = ai(e);
   if (!n || !s)
-    return Oe(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);
 }
 function vs(t) {
-  return typeof t == "number" ? Tc : typeof t == "string" ? qn(t) ? Oe : tt.test(t) ? li : Sc : Array.isArray(t) ? lo : typeof t == "object" ? tt.test(t) ? li : wc : Oe;
+  return typeof t == "number" ? Tc : typeof t == "string" ? qn(t) ? Ne : tt.test(t) ? li : Sc : Array.isArray(t) ? lo : typeof t == "object" ? tt.test(t) ? li : wc : Ne;
 }
 function lo(t, e) {
   const n = [...t], s = n.length, i = t.map((o, r) => vs(o)(o, e[r]));
@@ -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.`), Oe(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);
@@ -2662,7 +2662,7 @@ function co(t, e, n) {
 const Rc = 5;
 function uo(t, e, n) {
   const s = Math.max(e - Rc, 0);
-  return Fr(n - t(s), e - s);
+  return Or(n - t(s), e - s);
 }
 const W = {
   // Default spring physics
@@ -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 = Vn(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 = Vn(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 Vn(t, e) {
+function Cn(t, e) {
   return t * Math.sqrt(1 - e * e);
 }
-const Vc = ["duration", "bounce"], kc = ["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, kc) && ci(t, Vc))
+  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 = Vn(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(Vr(C), Tn), A = kr((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), V = S(R);
-    h.done = Math.abs(D) <= c, h.value = h.done ? y : V;
+  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,40 +2893,40 @@ 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;
 }
-function Oc(t, e) {
+function Nc(t, e) {
   const n = t[t.length - 1];
   for (let s = 1; s <= e; s++) {
     const i = /* @__PURE__ */ Wt(0, e, s);
     t.push(X(n, 1, i));
   }
 }
-function Fc(t) {
+function Oc(t) {
   const e = [0];
-  return Oc(e, t.length - 1), e;
+  return Nc(e, t.length - 1), e;
 }
-function Nc(t, e) {
+function Fc(t, e) {
   return t.map((n) => n * e);
 }
 function Bc(t, e) {
   return t.map(() => e || ho).splice(0, t.length - 1);
 }
-function Fe({ duration: t = 300, keyframes: e, times: n, ease: s = "easeInOut" }) {
-  const i = Lc(s) ? s.map(di) : di(s), o = {
+function Oe({ duration: t = 300, keyframes: e, times: n, ease: s = "easeInOut" }) {
+  const i = Lc(s) ? s.map(fi) : fi(s), o = {
     done: !1,
     value: e[0]
-  }, r = Nc(
+  }, r = Fc(
     // Only use the provided offsets if they're the correct length
     // TODO Maybe we should warn here if there's a length mismatch
-    n && n.length === e.length ? n : Fc(e),
+    n && n.length === e.length ? n : Oc(e),
     t
   ), a = po(r, e, {
     ease: Array.isArray(i) ? i : Bc(e, i)
@@ -2939,7 +2939,7 @@ function Fe({ duration: t = 300, keyframes: e, times: n, ease: s = "easeInOut" }
 const Ic = (t) => {
   const e = ({ timestamp: n }) => t(n);
   return {
-    start: () => N.update(e, !0),
+    start: () => F.update(e, !0),
     stop: () => Tt(e),
     /**
      * If we're processing this frame we can use the
@@ -2950,8 +2950,8 @@ const Ic = (t) => {
 }, _c = {
   decay: ui,
   inertia: ui,
-  tween: Fe,
-  keyframes: Fe,
+  tween: Oe,
+  keyframes: Oe,
   spring: fo
 }, Uc = (t) => t / 100;
 class Ge extends ao {
@@ -2970,21 +2970,21 @@ class Ge extends ao {
     super.flatten(), this._resolved && Object.assign(this._resolved, this.initPlayback(this._resolved.keyframes));
   }
   initPlayback(e) {
-    const { type: n = "keyframes", repeat: s = 0, repeatDelay: i = 0, repeatType: o, velocity: r = 0 } = this.options, a = rs(n) ? n : _c[n] || Fe;
+    const { type: n = "keyframes", repeat: s = 0, repeatDelay: i = 0, repeatType: o, velocity: r = 0 } = this.options, a = rs(n) ? n : _c[n] || Oe;
     let l, c;
-    a !== Fe && typeof e[0] != "number" && (process.env.NODE_ENV !== "production" && gt(e.length === 2, `Only two keyframes currently supported with spring and inertia animations. Trying to animate ${e}`), l = xe(Uc, co(e[0], e[1])), e = [0, 100]);
+    a !== Oe && typeof e[0] != "number" && (process.env.NODE_ENV !== "production" && gt(e.length === 2, `Only two keyframes currently supported with spring and inertia animations. Trying to animate ${e}`), l = xe(Uc, co(e[0], e[1])), e = [0, 100]);
     const u = a({ ...this.options, keyframes: e });
     o === "mirror" && (c = a({
       ...this.options,
       keyframes: [...e].reverse(),
       velocity: -r
-    })), u.calculatedDuration === null && (u.calculatedDuration = Vr(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), V = R % 1;
-      !V && R >= 1 && (V = 1), V === 1 && D--, D = Math.min(D, p + 1), !!(D % 2) && (g === "reverse" ? (V = 1 - V, v && (V -= v / f)) : g === "mirror" && (C = r)), S = wt(0, 1, V) * 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);
@@ -3102,7 +3102,7 @@ function Yc(t, e, n, { delay: s = 0, duration: i = 300, repeat: o = 0, repeatTyp
     direction: r === "reverse" ? "alternate" : "normal"
   });
 }
-const Kc = /* @__PURE__ */ Xn(() => Object.hasOwnProperty.call(Element.prototype, "animate")), Ne = 10, zc = 2e4;
+const Kc = /* @__PURE__ */ Xn(() => Object.hasOwnProperty.call(Element.prototype, "animate")), Fe = 10, zc = 2e4;
 function Gc(t) {
   return rs(t.type) || t.type === "spring" || !Er(t.ease);
 }
@@ -3118,11 +3118,11 @@ function Zc(t, e) {
   const i = [];
   let o = 0;
   for (; !s.done && o < zc; )
-    s = n.sample(o), i.push(s.value), o += Ne;
+    s = n.sample(o), i.push(s.value), o += Fe;
   return {
     times: void 0,
     keyframes: i,
-    duration: o - Ne,
+    duration: o - Fe,
     ease: "linear"
   };
 }
@@ -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,
@@ -3262,7 +3262,7 @@ class hi extends ao {
         times: a,
         isGenerator: !0
       }), v = /* @__PURE__ */ ht(this.time);
-      c.setWithVelocity(g.sample(v - Ne).value, g.sample(v).value, Ne);
+      c.setWithVelocity(g.sample(v - Fe).value, g.sample(v).value, Fe);
     }
     const { onStop: l } = this.options;
     l && l(), this.cancel();
@@ -3332,11 +3332,11 @@ 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 N.update(() => {
+      return F.update(() => {
         u.onUpdate(h), u.onComplete();
       }), new wl([]);
   }
@@ -3351,40 +3351,40 @@ 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 = Nr(t);
+      const y = Fr(t);
       if (y) {
-        const P = window.MotionHandoffAnimation(y, f, N);
+        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 && Or.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(() => {
-    N.update(() => {
-      a && fs(t, a);
+    F.update(() => {
+      a && ds(t, a);
     });
   }), c;
 }
-function kn(t, e, n = {}) {
+function Vn(t, e, n = {}) {
   var s;
   const i = Ke(t, e, n.type === "exit" ? (s = t.presenceContext) === null || s === void 0 ? void 0 : s.custom : void 0);
   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];
@@ -3395,7 +3395,7 @@ function kn(t, e, n = {}) {
 function iu(t, e, n = 0, s = 0, i = 1, o) {
   const r = [], a = (t.variantChildren.size - 1) * s, l = i === 1 ? (c = 0) => c * s : (c = 0) => a - c * s;
   return Array.from(t.variantChildren).sort(ru).forEach((c, u) => {
-    c.notify("AnimationStart", e), r.push(kn(c, e, {
+    c.notify("AnimationStart", e), r.push(Vn(c, e, {
       ...o,
       delay: n + l(u)
     }).then(() => c.notify("AnimationComplete", e)));
@@ -3408,10 +3408,10 @@ function yo(t, e, n = {}) {
   t.notify("AnimationStart", e);
   let s;
   if (Array.isArray(e)) {
-    const i = e.map((o) => kn(t, o, n));
+    const i = e.map((o) => Vn(t, o, n));
     s = Promise.all(i);
   } else if (typeof e == "string")
-    s = kn(t, e, n);
+    s = Vn(t, e, n);
   else {
     const i = typeof e == "function" ? Ke(t, e, n.custom) : e;
     s = Promise.all(go(t, i, n));
@@ -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,40 +3454,40 @@ 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 V = Array.isArray(S) ? S : [S];
-      let F = V.reduce(i(y), {});
-      w === !1 && (F = {});
+      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,
-        ...F
+        ...O
       }, U = (H) => {
         R = !0, h.has(H) && (D = !0, h.delete(H)), P.needsAnimating[H] = !0;
         const ot = t.getValue(H);
         ot && (ot.liveStyle = !1);
       };
       for (const H in L) {
-        const ot = F[H], Lt = Z[H];
+        const ot = O[H], Lt = Z[H];
         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 = F, P.isActive && (p = { ...p, ...F }), s && t.blockInitialAnimation && (R = !1), R && (!(A && b) || D) && f.push(...V.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), N.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,18 +3749,18 @@ 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 Vu(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);
 }
-function ku(t, e) {
+function Vu(t, e) {
   const n = {};
   return e.min !== void 0 && (n.min = e.min - t.min), e.max !== void 0 && (n.max = e.max - t.min), n;
 }
@@ -3821,7 +3821,7 @@ function hn(t) {
 function Dn({ scale: t, scaleX: e, scaleY: n }) {
   return !hn(t) || !hn(e) || !hn(n);
 }
-function Vt(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, Vi = 1.0000000000001;
+const ki = 0.999999999999, Ci = 1.0000000000001;
 function Lu(t, e, n, s = !1) {
   const i = n.length;
   if (!i)
@@ -3856,19 +3856,19 @@ 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 && Vt(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 < Vi && e.x > Ci && (e.x = 1), e.y < Vi && 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;
 }
-function ki(t, e, n, s, i = 0.5) {
+function Vi(t, e, n, s, i = 0.5) {
   const o = X(t.min, t.max, i);
   jn(t, e, n, o, s);
 }
 function Ut(t, e) {
-  ki(t.x, e.x, e.scaleX, e.scale, e.originX), ki(t.y, e.y, e.scaleY, e.scale, e.originY);
+  Vi(t.x, e.x, e.scaleX, e.scale, e.originX), Vi(t.y, e.y, e.scaleY, e.scale, e.originY);
 }
 function Mo(t, e) {
   return Po(ju(t.getBoundingClientRect(), e));
@@ -3877,8 +3877,8 @@ function $u(t, e, n) {
   const s = Mo(t, n), { scroll: i } = e;
   return i && (_t(s.x, i.offset.x), _t(s.y, i.offset.y)), s;
 }
-const Ao = ({ current: t }) => t ? t.ownerDocument.defaultView : null, Ou = /* @__PURE__ */ new WeakMap();
-class Fu {
+const Ao = ({ current: t }) => t ? t.ownerDocument.defaultView : null, Nu = /* @__PURE__ */ new WeakMap();
+class Ou {
   constructor(e) {
     this.openDragLock = null, this.isDragging = !1, this.currentDirection = null, this.originPoint = { x: 0, y: 0 }, this.constraints = !1, this.hasMutatedConstraints = !1, this.elastic = z(), this.visualElement = e;
   }
@@ -3887,9 +3887,9 @@ class Fu {
     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 Fu {
           }
         }
         this.originPoint[x] = y;
-      }), g && N.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 = Nu(x), this.currentDirection !== null && g && g(this.currentDirection);
+        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,
@@ -3939,7 +3939,7 @@ class Fu {
     const { velocity: i } = n;
     this.startAnimation(i);
     const { onDragEnd: o } = this.getProps();
-    o && N.postRender(() => o(e, n));
+    o && F.postRender(() => o(e, n));
   }
   cancel() {
     this.isDragging = !1;
@@ -3950,7 +3950,7 @@ class Fu {
   }
   updateAxis(e, n, s) {
     const { drag: i } = this.getProps();
-    if (!s || !Ve(e, i, this.currentDirection))
+    if (!s || !Ce(e, i, this.currentDirection))
       return;
     const o = this.getAxisMotionValue(e);
     let r = this.originPoint[e] + s[e];
@@ -3959,13 +3959,13 @@ class Fu {
   resolveConstraints() {
     var e;
     const { dragConstraints: n, dragElastic: s } = this.getProps(), i = this.visualElement.projection && !this.visualElement.projection.layout ? this.visualElement.projection.measure(!1) : (e = this.visualElement.projection) === null || e === void 0 ? void 0 : e.layout, o = this.constraints;
-    n && Nt(n) ? this.constraints || (this.constraints = this.resolveRefConstraints()) : n && i ? this.constraints = Au(i.layoutBox, n) : this.constraints = !1, this.elastic = Eu(s), o !== this.constraints && i && this.constraints && !this.hasMutatedConstraints && ct((r) => {
-      this.constraints !== !1 && this.getAxisMotionValue(r) && (this.constraints[r] = ku(i.layoutBox[r], this.constraints[r]));
+    n && Ft(n) ? this.constraints || (this.constraints = this.resolveRefConstraints()) : n && i ? this.constraints = Au(i.layoutBox, n) : this.constraints = !1, this.elastic = Eu(s), o !== this.constraints && i && this.constraints && !this.hasMutatedConstraints && ct((r) => {
+      this.constraints !== !1 && this.getAxisMotionValue(r) && (this.constraints[r] = Vu(i.layoutBox[r], this.constraints[r]));
     });
   }
   resolveRefConstraints() {
     const { dragConstraints: e, onMeasureDragConstraints: n } = this.getProps();
-    if (!e || !Nt(e))
+    if (!e || !Ft(e))
       return !1;
     const s = e.current;
     gt(s !== null, "If `dragConstraints` is set as a React ref, that ref must be passed to another component's `ref` prop.");
@@ -3973,7 +3973,7 @@ class Fu {
     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 Fu {
   }
   startAnimation(e) {
     const { drag: n, dragMomentum: s, dragElastic: i, dragTransition: o, dragSnapToOrigin: r, onDragTransitionEnd: a } = this.getProps(), l = this.constraints || {}, c = ct((u) => {
-      if (!Ve(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 Fu {
         restDelta: 1,
         restSpeed: 10,
         ...o,
-        ...f
+        ...d
       };
       return this.startAxisValueAnimation(u, g);
     });
@@ -4031,7 +4031,7 @@ class Fu {
   snapToCursor(e) {
     ct((n) => {
       const { drag: s } = this.getProps();
-      if (!Ve(n, s, this.currentDirection))
+      if (!Ce(n, s, this.currentDirection))
         return;
       const { projection: i } = this.visualElement, o = this.getAxisMotionValue(n);
       if (i && i.layout) {
@@ -4049,7 +4049,7 @@ class Fu {
     if (!this.visualElement.current)
       return;
     const { drag: e, dragConstraints: n } = this.getProps(), { projection: s } = this.visualElement;
-    if (!Nt(n) || !s || !this.constraints)
+    if (!Ft(n) || !s || !this.constraints)
       return;
     this.stopAnimation();
     const i = { x: 0, y: 0 };
@@ -4057,12 +4057,12 @@ class Fu {
       const a = this.getAxisMotionValue(r);
       if (a && this.constraints !== !1) {
         const l = a.get();
-        i[r] = Vu({ 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 (!Ve(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]));
@@ -4071,19 +4071,19 @@ class Fu {
   addListeners() {
     if (!this.visualElement.current)
       return;
-    Ou.set(this.visualElement, this);
+    Nu.set(this.visualElement, this);
     const e = this.visualElement.current, n = ae(e, "pointerdown", (l) => {
       const { drag: c, dragListener: u = !0 } = this.getProps();
       c && u && this.start(l);
     }), s = () => {
       const { dragConstraints: l } = this.getProps();
-      Nt(l) && l.current && (this.constraints = this.resolveRefConstraints());
+      Ft(l) && l.current && (this.constraints = this.resolveRefConstraints());
     }, { projection: i } = this.visualElement, o = i.addEventListener("measure", s);
-    i && !i.layout && (i.root && i.root.updateScroll(), i.updateLayout()), N.read(s);
+    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,16 +4103,16 @@ class Fu {
     };
   }
 }
-function Ve(t, e, n) {
+function Ce(t, e, n) {
   return (e === !0 || e === t) && (n === null || n === t);
 }
-function Nu(t, e = 10) {
+function Fu(t, e = 10) {
   let n = null;
   return Math.abs(t.y) > e ? n = "y" : Math.abs(t.x) > e && (n = "x"), n;
 }
 class Bu extends Mt {
   constructor(e) {
-    super(e), this.removeGroupControls = it, this.removeListeners = it, this.controls = new Fu(e);
+    super(e), this.removeGroupControls = it, this.removeListeners = it, this.controls = new Ou(e);
   }
   mount() {
     const { dragControls: e } = this.node.getProps();
@@ -4123,7 +4123,7 @@ class Bu extends Mt {
   }
 }
 const Ei = (t) => (e, n) => {
-  t && N.postRender(() => t(e, n));
+  t && F.postRender(() => t(e, n));
 };
 class Iu extends Mt {
   constructor() {
@@ -4142,7 +4142,7 @@ class Iu extends Mt {
       onStart: Ei(n),
       onMove: s,
       onEnd: (o, r) => {
-        delete this.session, i && N.postRender(() => i(o, r));
+        delete this.session, i && F.postRender(() => i(o, r));
       }
     };
   }
@@ -4176,7 +4176,7 @@ const ee = {
     if (!e.target)
       return t;
     if (typeof t == "string")
-      if (k.test(t))
+      if (V.test(t))
         t = parseFloat(t);
       else
         return t;
@@ -4211,7 +4211,7 @@ class Uu extends xa {
   }
   getSnapshotBeforeUpdate(e) {
     const { layoutDependency: n, visualElement: s, drag: i, isPresent: o } = this.props, r = s.projection;
-    return r && (r.isPresent = o, i || e.layoutDependency !== n || n === void 0 ? r.willUpdate() : this.safeToRemove(), e.isPresent !== o && (o ? r.promote() : r.relegate() || N.postRender(() => {
+    return r && (r.isPresent = o, i || e.layoutDependency !== n || n === void 0 ? r.willUpdate() : this.safeToRemove(), e.isPresent !== o && (o ? r.promote() : r.relegate() || F.postRender(() => {
       const a = r.getStack();
       (!a || !a.members.length) && this.safeToRemove();
     }))), null;
@@ -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 });
 }
@@ -4281,9 +4281,9 @@ function Gu(t, e) {
     const o = i - n;
     o >= e && (Tt(s), t(o - e));
   };
-  return N.read(s, !0), () => Tt(s);
+  return F.read(s, !0), () => Tt(s);
 }
-const Vo = ["TopLeft", "TopRight", "BottomLeft", "BottomRight"], Zu = Vo.length, ji = (t) => typeof t == "string" ? parseFloat(t) : t, Li = (t) => typeof t == "number" || k.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${Vo[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;
@@ -4303,34 +4303,34 @@ function Hu(t, e, n, s, i, o) {
 function $i(t, e) {
   return t[e] !== void 0 ? t[e] : t.borderRadius;
 }
-const qu = /* @__PURE__ */ ko(0, 0.5, Yr), Qu = /* @__PURE__ */ ko(0.5, 0.95, it);
-function ko(t, e, n) {
+const qu = /* @__PURE__ */ Vo(0, 0.5, Yr), Qu = /* @__PURE__ */ Vo(0.5, 0.95, it);
+function Vo(t, e, n) {
   return (s) => s < t ? 0 : s > e ? 1 : n(/* @__PURE__ */ Wt(t, e, s));
 }
-function Oi(t, e) {
+function Ni(t, e) {
   t.min = e.min, t.max = e.max;
 }
 function lt(t, e) {
-  Oi(t.x, e.x), Oi(t.y, e.y);
+  Ni(t.x, e.x), Ni(t.y, e.y);
 }
-function Fi(t, e) {
+function Oi(t, e) {
   t.translate = e.translate, t.scale = e.scale, t.originPoint = e.originPoint, t.origin = e.origin;
 }
-function Ni(t, e, n, s, i) {
+function Fi(t, e, n, s, i) {
   return t -= e, t = Be(t, 1 / n, s), i !== void 0 && (t = Be(t, 1 / i, s)), t;
 }
 function Ju(t, e = 0, n = 1, s = 0.5, i, o = t, r = t) {
   if (pt.test(e) && (e = parseFloat(e), e = X(r.min, r.max, e / 100) - r.min), typeof e != "number")
     return;
   let a = X(o.min, o.max, s);
-  t === o && (a -= e), t.min = Ni(t.min, e, n, a, i), t.max = Ni(t.max, e, n, a, i);
+  t === o && (a -= e), t.min = Fi(t.min, e, n, a, i), t.max = Fi(t.max, e, n, a, i);
 }
 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,23 +4410,23 @@ 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";
 }
-const kt = {
+const Vt = {
   type: "projectionFrame",
   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));
@@ -4437,10 +4437,10 @@ function jo(t) {
   const { visualElement: e } = t.options;
   if (!e)
     return;
-  const n = Nr(e);
+  const n = Fr(e);
   if (window.MotionHasOptimisedAnimation(n, "transform")) {
     const { layout: i, layoutId: o } = t.options;
-    window.MotionCancelOptimisedAnimation(n, "transform", N, !(i || o));
+    window.MotionCancelOptimisedAnimation(n, "transform", F, !(i || o));
   }
   const { parent: s } = t;
   s && !s.hasCheckedOptimisedAppear && jo(s);
@@ -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 && (kt.totalNodes = kt.resolvedTargetDeltas = kt.recalculatedProjection = 0), this.nodes.forEach(uf), this.nodes.forEach(mf), this.nodes.forEach(gf), this.nodes.forEach(ff), ie && window.MotionDebug.record(kt);
+        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,13 +4558,13 @@ 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, N.preRender(this.updateProjection, !1, !0));
+      this.projectionUpdateScheduled || (this.projectionUpdateScheduled = !0, F.preRender(this.updateProjection, !1, !0));
     }
     scheduleCheckAfterUnmount() {
-      N.postRender(() => {
+      F.postRender(() => {
         this.isLayoutDirty ? this.root.didUpdate() : this.root.checkUpdateFailed();
       });
     }
@@ -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 || Vt(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
-        }), Vt(u.latestValues) && Ut(l, u.latestValues);
+        }), Ct(u.latestValues) && Ut(l, u.latestValues);
       }
-      return Vt(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 || !Vt(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 Vt(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;
@@ -4698,7 +4698,7 @@ function Lo({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
             const p = this.getClosestProjectingParent();
             p && !!p.resumingFrom == !!this.resumingFrom && !p.options.layoutScroll && p.target && this.animationProgress !== 1 ? (this.relativeParent = p, this.forceRelativeParentToResolveTarget(), this.relativeTarget = z(), this.relativeTargetOrigin = z(), ce(this.relativeTargetOrigin, this.target, p.target), lt(this.relativeTarget, this.relativeTargetOrigin)) : this.relativeParent = this.relativeTarget = void 0;
           }
-          ie && kt.resolvedTargetDeltas++;
+          ie && Vt.resolvedTargetDeltas++;
         }
       }
     }
@@ -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;
@@ -4726,7 +4726,7 @@ function Lo({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
         this.prevProjectionDelta && (this.createProjectionDeltas(), this.scheduleRender());
         return;
       }
-      !this.projectionDelta || !this.prevProjectionDelta ? this.createProjectionDeltas() : (Fi(this.prevProjectionDelta.x, this.projectionDelta.x), Fi(this.prevProjectionDelta.y, this.projectionDelta.y)), le(this.projectionDelta, this.layoutCorrected, g, this.latestValues), (this.treeScale.x !== h || this.treeScale.y !== p || !Yi(this.projectionDelta.x, this.prevProjectionDelta.x) || !Yi(this.projectionDelta.y, this.prevProjectionDelta.y)) && (this.hasProjected = !0, this.scheduleRender(), this.notifyListeners("projectionUpdate", g)), ie && kt.recalculatedProjection++;
+      !this.projectionDelta || !this.prevProjectionDelta ? this.createProjectionDeltas() : (Oi(this.prevProjectionDelta.x, this.projectionDelta.x), Oi(this.prevProjectionDelta.y, this.projectionDelta.y)), le(this.projectionDelta, this.layoutCorrected, g, this.latestValues), (this.treeScale.x !== h || this.treeScale.y !== p || !Yi(this.projectionDelta.x, this.prevProjectionDelta.x) || !Yi(this.projectionDelta.y, this.prevProjectionDelta.y)) && (this.hasProjected = !0, this.scheduleRender(), this.notifyListeners("projectionUpdate", g)), ie && Vt.recalculatedProjection++;
     }
     hide() {
       this.isVisible = !1;
@@ -4746,18 +4746,18 @@ 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) {
-      this.notifyListeners("animationStart"), this.currentAnimation && this.currentAnimation.stop(), this.resumingFrom && this.resumingFrom.currentAnimation && this.resumingFrom.currentAnimation.stop(), this.pendingAnimation && (Tt(this.pendingAnimation), this.pendingAnimation = void 0), this.pendingAnimation = N.update(() => {
+      this.notifyListeners("animationStart"), this.currentAnimation && this.currentAnimation.stop(), this.resumingFrom && this.resumingFrom.currentAnimation && this.resumingFrom.currentAnimation.stop(), this.pendingAnimation && (Tt(this.pendingAnimation), this.pendingAnimation = void 0), this.pendingAnimation = F.update(() => {
         De.hasAnimatedSinceResize = !0, this.currentAnimation = Xu(0, Ki, {
           ...r,
           onUpdate: (a) => {
@@ -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 = ke(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) {
+        return this.needsReset = !1, c.opacity = "", c.pointerEvents = Ve(r == null ? void 0 : r.pointerEvents) || "", c.transform = u ? u(this.latestValues, "") : "none", c;
+      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 = ke(r == null ? void 0 : r.pointerEvents) || ""), this.hasProjected && !Vt(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 ? ke(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) {
-  ie && kt.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 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,
@@ -5007,14 +5007,14 @@ const Sf = Lo({
   checkIsScrollRoot: () => !0
 }), gn = {
   current: void 0
-}, Oo = Lo({
+}, No = Lo({
   measureScroll: (t) => ({
     x: t.scrollLeft,
     y: t.scrollTop
   }),
   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,23 +5023,23 @@ 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: Oo,
-    MeasureLayout: Co
+    ProjectionNode: No,
+    MeasureLayout: ko
   }
 };
 function tr(t, e, n) {
   const { props: s } = t;
   t.animationState && s.whileHover && t.animationState.setActive("whileHover", n === "Start");
   const i = "onHover" + n, o = s[i];
-  o && N.postRender(() => o(e, be(e)));
+  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;
   }
@@ -5073,39 +5073,39 @@ function er(t, e, n) {
   const { props: s } = t;
   t.animationState && s.whileTap && t.animationState.setActive("whileTap", n === "Start");
   const i = "onTap" + (n === "End" ? "" : n), o = s[i];
-  o && N.postRender(() => o(e, be(e)));
+  o && F.postRender(() => o(e, be(e)));
 }
-class Cf extends Mt {
+class Ad extends Mt {
   mount() {
     const { current: e } = this.node;
-    e && (this.unmount = kl(e, (n) => (er(this.node, n, "Start"), (s, { success: i }) => er(this.node, s, i ? "End" : "Cancel")), { useGlobalTarget: this.node.props.globalTapTarget }));
+    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 }));
   }
   unmount() {
   }
 }
-const Ln = /* @__PURE__ */ new WeakMap(), yn = /* @__PURE__ */ new WeakMap(), Vf = (t) => {
+const Ln = /* @__PURE__ */ new WeakMap(), yn = /* @__PURE__ */ new WeakMap(), kd = (t) => {
   const e = Ln.get(t.target);
   e && e(t);
-}, kf = (t) => {
-  t.forEach(Vf);
+}, 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(kf, { 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,43 +5132,43 @@ 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 Of = {
+const $d = {
   inView: {
-    Feature: Lf
+    Feature: jd
   },
   tap: {
-    Feature: Cf
+    Feature: Ad
   },
   focus: {
-    Feature: Af
+    Feature: Md
   },
   hover: {
-    Feature: Mf
+    Feature: Rd
   }
-}, Ff = {
+}, Nd = {
   layout: {
-    ProjectionNode: Oo,
-    MeasureLayout: Co
+    ProjectionNode: No,
+    MeasureLayout: ko
   }
-}, $n = { current: null }, Fo = { current: !1 };
-function Nf() {
-  if (Fo.current = !0, !!Wn)
+}, $n = { current: null }, Oo = { current: !1 };
+function Od() {
+  if (Oo.current = !0, !!Wn)
     if (window.matchMedia) {
       const t = window.matchMedia("(prefers-reduced-motion)"), e = () => $n.current = t.matches;
       t.addListener(e), e();
     } 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.
@@ -5213,18 +5213,18 @@ class Uf {
       this.current && (this.triggerBuild(), this.renderInstance(this.current, this.renderState, this.props.style, this.projection));
     }, this.renderScheduledAt = 0, this.scheduleRender = () => {
       const p = mt.now();
-      this.renderScheduledAt < p && (this.renderScheduledAt = p, N.render(this.render, !1, !0));
+      this.renderScheduledAt < p && (this.renderScheduledAt = p, F.render(this.render, !1, !0));
     };
     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)), Fo.current || Nf(), 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);
@@ -5239,7 +5239,7 @@ class Uf {
   bindToMotionValue(e, n) {
     this.valueSubscriptions.has(e) && this.valueSubscriptions.get(e)();
     const s = jt.has(e), i = n.on("change", (a) => {
-      this.latestValues[e] = a, this.props.onUpdate && N.preRender(this.notifyUpdate), s && this.projection && (this.projection.isTransformDirty = !0);
+      this.latestValues[e] = a, this.props.onUpdate && F.preRender(this.notifyUpdate), s && this.projection && (this.projection.isTransformDirty = !0);
     }), o = n.on("renderRequest", this.scheduleRender);
     let r;
     window.MotionCheckAppearSync && (r = window.MotionCheckAppearSync(this, e, n)), this.valueSubscriptions.set(e, () => {
@@ -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 No extends Uf {
+class Fo extends _d {
   constructor() {
     super(...arguments), this.KeyframeResolver = oo;
   }
@@ -5411,10 +5411,10 @@ class No extends Uf {
     }));
   }
 }
-function Wf(t) {
+function Ud(t) {
   return window.getComputedStyle(t);
 }
-class Xf extends No {
+class Wd extends Fo {
   constructor() {
     super(...arguments), this.type = "html", this.renderInstance = wr;
   }
@@ -5423,7 +5423,7 @@ class Xf extends No {
       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 No {
     return ss(e, n, s);
   }
 }
-class Yf extends No {
+class Xd extends Fo {
   constructor() {
     super(...arguments), this.type = "svg", this.isSVGTag = !1, this.measureInstanceViewportBox = z;
   }
@@ -5464,29 +5464,29 @@ class Yf extends No {
     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,
-  ...Of,
-  ...Rf,
-  ...Ff
-}, 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;
 }
 function Bo(t, e) {
   const n = ut(e()), s = () => n.set(e());
   return s(), ge(() => {
-    const i = () => N.preRender(s, !1, !0), o = t.map((r) => r.on("change", i));
+    const i = () => F.preRender(s, !1, !0), o = t.map((r) => r.on("change", i));
     return () => {
       o.forEach((r) => r()), Tt(s);
     };
@@ -5511,28 +5511,28 @@ function xt(t, e = {}) {
   }, l = () => {
     s.current && s.current.stop();
   };
-  return Ie(() => i.attach((c, u) => n ? u(c) : (o.current = c, r.current = u, N.update(a), i.get()), l), [JSON.stringify(e)]), ge(() => {
+  return Ie(() => i.attach((c, u) => n ? u(c) : (o.current = c, r.current = u, F.update(a), i.get()), l), [JSON.stringify(e)]), ge(() => {
     if (J(t))
       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 && N.update(n);
+    e.set(s), s && F.update(n);
   };
-  return Gf(t, "change", () => {
-    N.update(n, !1, !0);
+  return zd(t, "change", () => {
+    F.update(n, !1, !0);
   }), e;
 }
-function td(t) {
+function Jd(t) {
   t.values.forEach((e) => e.stop());
 }
-function On(t, e) {
+function Nn(t, e) {
   [...e].reverse().forEach((s) => {
     const i = t.getVariant(s);
-    i && fs(t, i), t.variantChildren && t.variantChildren.forEach((o) => {
-      On(o, e);
+    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 On(t, e);
+    return Nn(t, e);
   if (typeof e == "string")
-    return On(t, [e]);
-  fs(t, e);
+    return Nn(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,23 +5644,22 @@ 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,
-        fill: "white",
+        d,
+        className: "fill-white dark:fill-slate-800 transition-colors duration-300",
         stroke: e,
-        strokeWidth: t.strokeWidth,
-        className: "transition-colors duration-300"
+        strokeWidth: t.strokeWidth
       }
     ) }),
     /* @__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,
@@ -5675,10 +5674,9 @@ const id = sd, Ze = (t) => {
             "path",
             {
               d: g,
-              fill: e ? "#6366f1" : "#f1f5f9",
+              className: `transition-all duration-300 ${e ? "fill-indigo-500 dark:fill-indigo-600" : "fill-slate-100 dark:fill-slate-700"}`,
               stroke: e ? "#4f46e5" : "#e2e8f0",
-              strokeWidth: 1.5,
-              className: "transition-all duration-300"
+              strokeWidth: 1.5
             }
           ) }),
           /* @__PURE__ */ m.jsx(
@@ -5695,7 +5693,7 @@ const id = sd, Ze = (t) => {
                 damping: i.damping,
                 mass: i.mass
               },
-              children: /* @__PURE__ */ m.jsx("svg", { viewBox: "0 0 20 20", className: "overflow-visible drop-shadow-sm", children: /* @__PURE__ */ m.jsx("path", { d: S, fill: "white", stroke: e ? "#4f46e5" : "#94a3b8", strokeWidth: 1 }) })
+              children: /* @__PURE__ */ m.jsx("svg", { viewBox: "0 0 20 20", className: "overflow-visible drop-shadow-sm", children: /* @__PURE__ */ m.jsx("path", { d: S, className: "fill-white dark:fill-slate-200", stroke: e ? "#4f46e5" : "#94a3b8", strokeWidth: 1 }) })
             }
           )
         ] })
@@ -5710,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,
@@ -5727,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]
       ]
     )
@@ -5782,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" }]
@@ -5804,10 +5802,10 @@ const Uo = Te("Info", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Fn = Te("X", [
+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(
@@ -5837,26 +5835,26 @@ const Fn = 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" },
     success: { color: "#10b981", icon: _o, label: "Berhasil" },
-    error: { color: "#ef4444", icon: Fn, label: "Kesalahan" }
+    error: { color: "#ef4444", icon: On, label: "Kesalahan" }
   }, c = l[t] || l.info;
   return /* @__PURE__ */ m.jsx(
     et.div,
@@ -5870,18 +5868,18 @@ const Fn = 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" },
-    error: { color: "#ef4444", icon: Fn, label: "Error" }
+    error: { color: "#ef4444", icon: On, label: "Error" }
   }, p = h[i] || h.info;
   return /* @__PURE__ */ m.jsx(
     et.div,
@@ -5900,24 +5898,24 @@ const Fn = 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(Fn, { 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 = (V) => {
-    const F = Math.sin(s + V) * 1e4;
-    return F - Math.floor(F);
+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: {
       tl: 12 + r(1) * 16,
@@ -5931,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 = (V) => {
+  }), [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 F = x.current.getBoundingClientRect(), Z = V.clientX - F.left, L = V.clientY - F.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, (V) => a.shadowX + V * 0.5), A = yt(p, (V) => 6 + V * -0.5), b = yt(v, (V) => 1 + V * 2e-3), R = yt(v, (V) => 0.06 + V * 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",
     {
@@ -5947,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,
@@ -5974,7 +5972,7 @@ const md = ({ title: t, description: e, seed: n }) => {
               transformStyle: "preserve-3d"
             },
             children: [
-              /* @__PURE__ */ m.jsx("svg", { viewBox: `0 0 ${i} ${o}`, className: "w-full h-full block", children: /* @__PURE__ */ m.jsx("path", { d: l, fill: "white", stroke: "#e2e8f0", strokeWidth: a.stroke, className: "transition-colors group-hover:fill-slate-50/80" }) }),
+              /* @__PURE__ */ m.jsx("svg", { viewBox: `0 0 ${i} ${o}`, className: "w-full h-full block", children: /* @__PURE__ */ m.jsx("path", { d: l, className: "fill-white dark:fill-slate-800 transition-colors group-hover:fill-slate-50/80 dark:group-hover:fill-slate-700/80", stroke: "#e2e8f0", strokeWidth: a.stroke }) }),
               /* @__PURE__ */ m.jsxs("div", { className: "absolute inset-0 p-8 flex flex-col pointer-events-none", children: [
                 /* @__PURE__ */ m.jsxs("div", { className: "flex items-center gap-3 mb-4", children: [
                   /* @__PURE__ */ m.jsx("div", { className: "w-2.5 h-2.5 rounded-full bg-slate-200 group-hover:bg-indigo-400 transition-colors" }),
@@ -5983,14 +5981,14 @@ const md = ({ title: t, description: e, seed: n }) => {
                     Math.floor(s)
                   ] })
                 ] }),
-                /* @__PURE__ */ m.jsx("h3", { className: "text-[13px] font-bold text-slate-800 leading-tight mb-2", children: t }),
-                /* @__PURE__ */ m.jsx("p", { className: "text-[11px] text-slate-500 leading-relaxed font-medium", children: e }),
-                /* @__PURE__ */ m.jsxs("div", { className: "mt-auto pt-4 border-t border-slate-100 flex justify-between items-center opacity-30 group-hover:opacity-60 transition-opacity", children: [
-                  /* @__PURE__ */ m.jsxs("span", { className: "text-[9px] font-mono", children: [
+                /* @__PURE__ */ m.jsx("h3", { className: "text-[13px] font-bold text-slate-800 dark:text-slate-100 leading-tight mb-2", children: t }),
+                /* @__PURE__ */ m.jsx("p", { className: "text-[11px] text-slate-500 dark:text-slate-400 leading-relaxed font-medium", children: e }),
+                /* @__PURE__ */ m.jsxs("div", { className: "mt-auto pt-4 border-t border-slate-100 dark:border-slate-700/50 flex justify-between items-center opacity-30 group-hover:opacity-60 transition-opacity", children: [
+                  /* @__PURE__ */ m.jsxs("span", { className: "text-[9px] font-mono text-slate-800 dark:text-slate-300", children: [
                     "ID: 0x",
                     D
                   ] }),
-                  /* @__PURE__ */ m.jsxs("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "3", strokeLinecap: "round", strokeLinejoin: "round", children: [
+                  /* @__PURE__ */ m.jsxs("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", className: "text-slate-800 dark:text-slate-300", strokeWidth: "3", strokeLinecap: "round", strokeLinejoin: "round", children: [
                     /* @__PURE__ */ m.jsx("line", { x1: "5", y1: "12", x2: "19", y2: "12" }),
                     /* @__PURE__ */ m.jsx("polyline", { points: "12 5 19 12 12 19" })
                   ] })
@@ -6002,10 +6000,10 @@ 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 = (V) => {
-    const F = Math.sin(i + V) * 1e4;
-    return F - Math.floor(F);
+}, 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: {
       tl: 6 + a(1) * 14,
@@ -6020,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 = (V) => {
+  }), [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 F = P.current.getBoundingClientRect(), Z = V.clientX - F.left, L = V.clientY - F.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, (V) => V * 0.2), R = yt(v, (V) => l.shadowY + V * -0.2), D = yt(y, (V) => 0.1 - (1 - V));
+    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",
     {
@@ -6034,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,
@@ -6067,10 +6065,9 @@ const md = ({ title: t, description: e, seed: n }) => {
                 "path",
                 {
                   d: c,
-                  fill: "white",
+                  className: "fill-white dark:fill-slate-800 transition-colors duration-300 group-hover:fill-slate-50 dark:group-hover:fill-slate-700",
                   stroke: e,
-                  strokeWidth: l.stroke,
-                  className: "transition-colors duration-300 group-hover:fill-slate-50"
+                  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 }) })
@@ -6080,8 +6077,8 @@ const md = ({ title: t, description: e, seed: n }) => {
       ]
     }
   );
-}, 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(() => ({
@@ -6103,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) => {
@@ -6112,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);
-  }, V = yt(w, (L) => `inset(0 ${a - L}px 0 0)`), F = Jf(w), Z = yt(F, (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 }),
@@ -6135,7 +6132,7 @@ const md = ({ title: t, description: e, seed: n }) => {
         onPointerDown: R,
         onPointerMove: D,
         children: [
-          /* @__PURE__ */ m.jsx("svg", { width: a, height: l, viewBox: `0 0 ${a} ${l}`, className: "overflow-visible absolute inset-0 pointer-events-none", children: /* @__PURE__ */ m.jsx("path", { d: v, fill: "#f1f5f9", stroke: "#e2e8f0", strokeWidth: g.strokeWidth }) }),
+          /* @__PURE__ */ m.jsx("svg", { width: a, height: l, viewBox: `0 0 ${a} ${l}`, className: "overflow-visible absolute inset-0 pointer-events-none", children: /* @__PURE__ */ m.jsx("path", { d: v, className: "fill-slate-100 dark:fill-slate-700", stroke: "#e2e8f0", strokeWidth: g.strokeWidth }) }),
           /* @__PURE__ */ m.jsx(
             et.svg,
             {
@@ -6143,8 +6140,8 @@ 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: V },
-              children: /* @__PURE__ */ m.jsx("path", { d: v, fill: "#6366f1" })
+              style: { clipPath: C },
+              children: /* @__PURE__ */ m.jsx("path", { d: v, className: "fill-indigo-500 dark:fill-indigo-600" })
             }
           ),
           /* @__PURE__ */ m.jsx(
@@ -6159,14 +6156,14 @@ const md = ({ title: t, description: e, seed: n }) => {
                 scaleX: Z,
                 originX: 0.5
               },
-              children: /* @__PURE__ */ m.jsx("svg", { viewBox: `0 0 ${c} ${c}`, className: "overflow-visible drop-shadow-md", children: /* @__PURE__ */ m.jsx("path", { d: x, fill: "white", stroke: "#4f46e5", strokeWidth: "1.5" }) })
+              children: /* @__PURE__ */ m.jsx("svg", { viewBox: `0 0 ${c} ${c}`, className: "overflow-visible drop-shadow-md", children: /* @__PURE__ */ m.jsx("path", { d: x, className: "fill-white dark:fill-slate-200", stroke: "#4f46e5", strokeWidth: "1.5" }) })
             }
           )
         ]
       }
     )
   ] });
-}, 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,
@@ -6184,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(() => ({
@@ -6198,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: V, elasticity: F } = g, Z = Math.sin(Date.now() * 2e-3) * 0.02, L = (b.targetVelocity + Z - b.angularVelocity) * F;
-      b.angularVelocity += L / R, b.angularVelocity *= b.friction, b.angle += b.angularVelocity, b.velocityRotateX += (b.targetRotateX - b.currentRotateX) * D / R, b.velocityRotateX *= V, b.currentRotateX += b.velocityRotateX, b.velocityRotateY += (b.targetRotateY - b.currentRotateY) * D / R, b.velocityRotateY *= V, b.currentRotateY += b.velocityRotateY, b.velocityTranslateZ += (b.targetTranslateZ - b.currentTranslateZ) * D / R, b.velocityTranslateZ *= V, 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;
@@ -6226,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: [
@@ -6239,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",
             {
@@ -6266,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,
@@ -6278,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(() => ({
@@ -6295,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: {
@@ -6309,26 +6306,25 @@ const md = ({ title: t, description: e, seed: n }) => {
     }), s)) {
       const R = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789!@#$%^&*()_+-=[]{}|;:,.<>?";
       let D = 0;
-      const V = 8;
+      const C = 8;
       g.current && clearInterval(g.current), g.current = setInterval(() => {
-        let F = "";
+        let O = "";
         for (let Z = 0; Z < s.length; Z++)
-          F += R.charAt(Math.floor(Math.random() * R.length));
-        h(F), D++, D >= V && (clearInterval(g.current), g.current = null, h(s));
+          O += R.charAt(Math.floor(Math.random() * R.length));
+        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 },
@@ -6354,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
                 }
               ) }),
@@ -6363,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
                 }
               ) })
             ]
@@ -6380,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 = "",
@@ -6407,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: {
@@ -6427,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: V } = p, F = (b.targetX - b.currentX) * D;
-      b.velocity += F / R, b.velocity *= V, b.currentX += b.velocity, b.velocityRX += (b.targetRotateX - b.currentRotateX) * D / R, b.velocityRX *= V, b.currentRotateX += b.velocityRX, b.velocityRY += (b.targetRotateY - b.currentRotateY) * D / R, b.velocityRY *= V, b.currentRotateY += b.velocityRY, b.velocityZ += (b.targetZ - b.currentZ) * D / R, b.velocityZ *= V, 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) 
@@ -6453,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(
@@ -6466,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",
         {
@@ -6553,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
 };