motioncss-ui 0.1.4 → 0.1.6

package/dist/motioncss-ui.js

@@ -1,5 +1,5 @@
-import Ve, { useRef as k, useState as de, useEffect as Z, useCallback as yr } from "react";
-var ne = { exports: {} }, z = {};
+import Ne, { useRef as O, useState as oe, useEffect as z, useCallback as Rr, createContext as Be, useContext as qe } from "react";
+var ae = { exports: {} }, Z = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -10,20 +10,20 @@ var ne = { exports: {} }, z = {};
  * LICENSE file in the root directory of this source tree.
  */
 var Ye;
-function mr() {
-  if (Ye) return z;
+function xr() {
+  if (Ye) return Z;
   Ye = 1;
-  var m = Ve, n = Symbol.for("react.element"), h = Symbol.for("react.fragment"), o = Object.prototype.hasOwnProperty, l = m.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, u = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function d(p, a, f) {
-    var s, g = {}, c = null, R = null;
-    f !== void 0 && (c = "" + f), a.key !== void 0 && (c = "" + a.key), a.ref !== void 0 && (R = a.ref);
-    for (s in a) o.call(a, s) && !u.hasOwnProperty(s) && (g[s] = a[s]);
-    if (p && p.defaultProps) for (s in a = p.defaultProps, a) g[s] === void 0 && (g[s] = a[s]);
-    return { $$typeof: n, type: p, key: c, ref: R, props: g, _owner: l.current };
+  var l = Ne, n = Symbol.for("react.element"), s = Symbol.for("react.fragment"), o = Object.prototype.hasOwnProperty, v = l.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, c = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function u(p, a, f) {
+    var i, h = {}, y = null, E = null;
+    f !== void 0 && (y = "" + f), a.key !== void 0 && (y = "" + a.key), a.ref !== void 0 && (E = a.ref);
+    for (i in a) o.call(a, i) && !c.hasOwnProperty(i) && (h[i] = a[i]);
+    if (p && p.defaultProps) for (i in a = p.defaultProps, a) h[i] === void 0 && (h[i] = a[i]);
+    return { $$typeof: n, type: p, key: y, ref: E, props: h, _owner: v.current };
   }
-  return z.Fragment = h, z.jsx = d, z.jsxs = d, z;
+  return Z.Fragment = s, Z.jsx = u, Z.jsxs = u, Z;
 }
-var H = {};
+var Q = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -33,91 +33,91 @@ var H = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Le;
-function gr() {
-  return Le || (Le = 1, process.env.NODE_ENV !== "production" && (function() {
-    var m = Ve, n = Symbol.for("react.element"), h = Symbol.for("react.portal"), o = Symbol.for("react.fragment"), l = Symbol.for("react.strict_mode"), u = Symbol.for("react.profiler"), d = Symbol.for("react.provider"), p = Symbol.for("react.context"), a = Symbol.for("react.forward_ref"), f = Symbol.for("react.suspense"), s = Symbol.for("react.suspense_list"), g = Symbol.for("react.memo"), c = Symbol.for("react.lazy"), R = Symbol.for("react.offscreen"), E = Symbol.iterator, x = "@@iterator";
-    function j(e) {
+var We;
+function _r() {
+  return We || (We = 1, process.env.NODE_ENV !== "production" && (function() {
+    var l = Ne, n = Symbol.for("react.element"), s = Symbol.for("react.portal"), o = Symbol.for("react.fragment"), v = Symbol.for("react.strict_mode"), c = Symbol.for("react.profiler"), u = Symbol.for("react.provider"), p = Symbol.for("react.context"), a = Symbol.for("react.forward_ref"), f = Symbol.for("react.suspense"), i = Symbol.for("react.suspense_list"), h = Symbol.for("react.memo"), y = Symbol.for("react.lazy"), E = Symbol.for("react.offscreen"), R = Symbol.iterator, _ = "@@iterator";
+    function k(e) {
       if (e === null || typeof e != "object")
         return null;
-      var r = E && e[E] || e[x];
+      var r = R && e[R] || e[_];
       return typeof r == "function" ? r : null;
     }
-    var T = m.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function $(e) {
+    var P = l.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function w(e) {
       {
-        for (var r = arguments.length, t = new Array(r > 1 ? r - 1 : 0), i = 1; i < r; i++)
-          t[i - 1] = arguments[i];
-        C("error", e, t);
+        for (var r = arguments.length, t = new Array(r > 1 ? r - 1 : 0), d = 1; d < r; d++)
+          t[d - 1] = arguments[d];
+        F("error", e, t);
       }
     }
-    function C(e, r, t) {
+    function F(e, r, t) {
       {
-        var i = T.ReactDebugCurrentFrame, b = i.getStackAddendum();
+        var d = P.ReactDebugCurrentFrame, b = d.getStackAddendum();
         b !== "" && (r += "%s", t = t.concat([b]));
-        var _ = t.map(function(y) {
-          return String(y);
+        var x = t.map(function(g) {
+          return String(g);
         });
-        _.unshift("Warning: " + r), Function.prototype.apply.call(console[e], console, _);
+        x.unshift("Warning: " + r), Function.prototype.apply.call(console[e], console, x);
       }
     }
-    var I = !1, L = !1, A = !1, D = !1, W = !1, U;
-    U = Symbol.for("react.module.reference");
+    var M = !1, Y = !1, I = !1, D = !1, W = !1, q;
+    q = Symbol.for("react.module.reference");
     function V(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === o || e === u || W || e === l || e === f || e === s || D || e === R || I || L || A || typeof e == "object" && e !== null && (e.$$typeof === c || e.$$typeof === g || e.$$typeof === d || e.$$typeof === p || e.$$typeof === a || // This needs to include all possible module reference object
+      return !!(typeof e == "string" || typeof e == "function" || e === o || e === c || W || e === v || e === f || e === i || D || e === E || M || Y || I || typeof e == "object" && e !== null && (e.$$typeof === y || e.$$typeof === h || e.$$typeof === u || e.$$typeof === p || e.$$typeof === a || // 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.
-      e.$$typeof === U || e.getModuleId !== void 0));
+      e.$$typeof === q || e.getModuleId !== void 0));
     }
-    function J(e, r, t) {
-      var i = e.displayName;
-      if (i)
-        return i;
+    function G(e, r, t) {
+      var d = e.displayName;
+      if (d)
+        return d;
       var b = r.displayName || r.name || "";
       return b !== "" ? t + "(" + b + ")" : t;
     }
-    function pe(e) {
+    function ye(e) {
       return e.displayName || "Context";
     }
-    function Y(e) {
+    function L(e) {
       if (e == null)
         return null;
-      if (typeof e.tag == "number" && $("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
+      if (typeof e.tag == "number" && w("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
         return e.displayName || e.name || null;
       if (typeof e == "string")
         return e;
       switch (e) {
         case o:
           return "Fragment";
-        case h:
+        case s:
           return "Portal";
-        case u:
+        case c:
           return "Profiler";
-        case l:
+        case v:
           return "StrictMode";
         case f:
           return "Suspense";
-        case s:
+        case i:
           return "SuspenseList";
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
           case p:
             var r = e;
-            return pe(r) + ".Consumer";
-          case d:
+            return ye(r) + ".Consumer";
+          case u:
             var t = e;
-            return pe(t._context) + ".Provider";
+            return ye(t._context) + ".Provider";
           case a:
-            return J(e, e.render, "ForwardRef");
-          case g:
-            var i = e.displayName || null;
-            return i !== null ? i : Y(e.type) || "Memo";
-          case c: {
-            var b = e, _ = b._payload, y = b._init;
+            return G(e, e.render, "ForwardRef");
+          case h:
+            var d = e.displayName || null;
+            return d !== null ? d : L(e.type) || "Memo";
+          case y: {
+            var b = e, x = b._payload, g = b._init;
             try {
-              return Y(y(_));
+              return L(g(x));
             } catch {
               return null;
             }
@@ -125,14 +125,14 @@ function gr() {
         }
       return null;
     }
-    var B = Object.assign, G = 0, he, ye, me, ge, be, Re, Ee;
+    var N = Object.assign, K = 0, he, me, ge, be, Ee, Re, xe;
     function _e() {
     }
     _e.__reactDisabledLog = !0;
-    function Ne() {
+    function ze() {
       {
-        if (G === 0) {
-          he = console.log, ye = console.info, me = console.warn, ge = console.error, be = console.group, Re = console.groupCollapsed, Ee = console.groupEnd;
+        if (K === 0) {
+          he = console.log, me = console.info, ge = console.warn, be = console.error, Ee = console.group, Re = console.groupCollapsed, xe = console.groupEnd;
           var e = {
             configurable: !0,
             enumerable: !0,
@@ -149,250 +149,250 @@ function gr() {
             groupEnd: e
           });
         }
-        G++;
+        K++;
       }
     }
-    function Ue() {
+    function Ge() {
       {
-        if (G--, G === 0) {
+        if (K--, K === 0) {
           var e = {
             configurable: !0,
             enumerable: !0,
             writable: !0
           };
           Object.defineProperties(console, {
-            log: B({}, e, {
+            log: N({}, e, {
               value: he
             }),
-            info: B({}, e, {
-              value: ye
-            }),
-            warn: B({}, e, {
+            info: N({}, e, {
               value: me
             }),
-            error: B({}, e, {
+            warn: N({}, e, {
               value: ge
             }),
-            group: B({}, e, {
+            error: N({}, e, {
               value: be
             }),
-            groupCollapsed: B({}, e, {
+            group: N({}, e, {
+              value: Ee
+            }),
+            groupCollapsed: N({}, e, {
               value: Re
             }),
-            groupEnd: B({}, e, {
-              value: Ee
+            groupEnd: N({}, e, {
+              value: xe
             })
           });
         }
-        G < 0 && $("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        K < 0 && w("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var ae = T.ReactCurrentDispatcher, ie;
-    function Q(e, r, t) {
+    var ie = P.ReactCurrentDispatcher, se;
+    function ee(e, r, t) {
       {
-        if (ie === void 0)
+        if (se === void 0)
           try {
             throw Error();
           } catch (b) {
-            var i = b.stack.trim().match(/\n( *(at )?)/);
-            ie = i && i[1] || "";
+            var d = b.stack.trim().match(/\n( *(at )?)/);
+            se = d && d[1] || "";
           }
         return `
-` + ie + e;
+` + se + e;
       }
     }
-    var oe = !1, ee;
+    var ce = !1, re;
     {
-      var qe = typeof WeakMap == "function" ? WeakMap : Map;
-      ee = new qe();
+      var Ke = typeof WeakMap == "function" ? WeakMap : Map;
+      re = new Ke();
     }
-    function xe(e, r) {
-      if (!e || oe)
+    function we(e, r) {
+      if (!e || ce)
         return "";
       {
-        var t = ee.get(e);
+        var t = re.get(e);
         if (t !== void 0)
           return t;
       }
-      var i;
-      oe = !0;
+      var d;
+      ce = !0;
       var b = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
-      var _;
-      _ = ae.current, ae.current = null, Ne();
+      var x;
+      x = ie.current, ie.current = null, ze();
       try {
         if (r) {
-          var y = function() {
+          var g = function() {
             throw Error();
           };
-          if (Object.defineProperty(y.prototype, "props", {
+          if (Object.defineProperty(g.prototype, "props", {
             set: function() {
               throw Error();
             }
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
-              Reflect.construct(y, []);
-            } catch (O) {
-              i = O;
+              Reflect.construct(g, []);
+            } catch (C) {
+              d = C;
             }
-            Reflect.construct(e, [], y);
+            Reflect.construct(e, [], g);
           } else {
             try {
-              y.call();
-            } catch (O) {
-              i = O;
+              g.call();
+            } catch (C) {
+              d = C;
             }
-            e.call(y.prototype);
+            e.call(g.prototype);
           }
         } else {
           try {
             throw Error();
-          } catch (O) {
-            i = O;
+          } catch (C) {
+            d = C;
           }
           e();
         }
-      } catch (O) {
-        if (O && i && typeof O.stack == "string") {
-          for (var v = O.stack.split(`
-`), P = i.stack.split(`
-`), w = v.length - 1, S = P.length - 1; w >= 1 && S >= 0 && v[w] !== P[S]; )
+      } catch (C) {
+        if (C && d && typeof C.stack == "string") {
+          for (var m = C.stack.split(`
+`), j = d.stack.split(`
+`), $ = m.length - 1, S = j.length - 1; $ >= 1 && S >= 0 && m[$] !== j[S]; )
             S--;
-          for (; w >= 1 && S >= 0; w--, S--)
-            if (v[w] !== P[S]) {
-              if (w !== 1 || S !== 1)
+          for (; $ >= 1 && S >= 0; $--, S--)
+            if (m[$] !== j[S]) {
+              if ($ !== 1 || S !== 1)
                 do
-                  if (w--, S--, S < 0 || v[w] !== P[S]) {
-                    var M = `
-` + v[w].replace(" at new ", " at ");
-                    return e.displayName && M.includes("<anonymous>") && (M = M.replace("<anonymous>", e.displayName)), typeof e == "function" && ee.set(e, M), M;
+                  if ($--, S--, S < 0 || m[$] !== j[S]) {
+                    var A = `
+` + m[$].replace(" at new ", " at ");
+                    return e.displayName && A.includes("<anonymous>") && (A = A.replace("<anonymous>", e.displayName)), typeof e == "function" && re.set(e, A), A;
                   }
-                while (w >= 1 && S >= 0);
+                while ($ >= 1 && S >= 0);
               break;
             }
         }
       } finally {
-        oe = !1, ae.current = _, Ue(), Error.prepareStackTrace = b;
+        ce = !1, ie.current = x, Ge(), Error.prepareStackTrace = b;
       }
-      var X = e ? e.displayName || e.name : "", N = X ? Q(X) : "";
-      return typeof e == "function" && ee.set(e, N), N;
+      var X = e ? e.displayName || e.name : "", B = X ? ee(X) : "";
+      return typeof e == "function" && re.set(e, B), B;
     }
-    function Xe(e, r, t) {
-      return xe(e, !1);
+    function He(e, r, t) {
+      return we(e, !1);
     }
-    function Je(e) {
+    function Ze(e) {
       var r = e.prototype;
       return !!(r && r.isReactComponent);
     }
-    function re(e, r, t) {
+    function te(e, r, t) {
       if (e == null)
         return "";
       if (typeof e == "function")
-        return xe(e, Je(e));
+        return we(e, Ze(e));
       if (typeof e == "string")
-        return Q(e);
+        return ee(e);
       switch (e) {
         case f:
-          return Q("Suspense");
-        case s:
-          return Q("SuspenseList");
+          return ee("Suspense");
+        case i:
+          return ee("SuspenseList");
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
           case a:
-            return Xe(e.render);
-          case g:
-            return re(e.type, r, t);
-          case c: {
-            var i = e, b = i._payload, _ = i._init;
+            return He(e.render);
+          case h:
+            return te(e.type, r, t);
+          case y: {
+            var d = e, b = d._payload, x = d._init;
             try {
-              return re(_(b), r, t);
+              return te(x(b), r, t);
             } catch {
             }
           }
         }
       return "";
     }
-    var K = Object.prototype.hasOwnProperty, $e = {}, we = T.ReactDebugCurrentFrame;
-    function te(e) {
+    var H = Object.prototype.hasOwnProperty, $e = {}, Se = P.ReactDebugCurrentFrame;
+    function ne(e) {
       if (e) {
-        var r = e._owner, t = re(e.type, e._source, r ? r.type : null);
-        we.setExtraStackFrame(t);
+        var r = e._owner, t = te(e.type, e._source, r ? r.type : null);
+        Se.setExtraStackFrame(t);
       } else
-        we.setExtraStackFrame(null);
+        Se.setExtraStackFrame(null);
     }
-    function Ge(e, r, t, i, b) {
+    function Qe(e, r, t, d, b) {
       {
-        var _ = Function.call.bind(K);
-        for (var y in e)
-          if (_(e, y)) {
-            var v = void 0;
+        var x = Function.call.bind(H);
+        for (var g in e)
+          if (x(e, g)) {
+            var m = void 0;
             try {
-              if (typeof e[y] != "function") {
-                var P = Error((i || "React class") + ": " + t + " type `" + y + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[y] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
-                throw P.name = "Invariant Violation", P;
+              if (typeof e[g] != "function") {
+                var j = Error((d || "React class") + ": " + t + " type `" + g + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[g] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw j.name = "Invariant Violation", j;
               }
-              v = e[y](r, y, i, t, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (w) {
-              v = w;
+              m = e[g](r, g, d, t, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch ($) {
+              m = $;
             }
-            v && !(v instanceof Error) && (te(b), $("%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).", i || "React class", t, y, typeof v), te(null)), v instanceof Error && !(v.message in $e) && ($e[v.message] = !0, te(b), $("Failed %s type: %s", t, v.message), te(null));
+            m && !(m instanceof Error) && (ne(b), w("%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).", d || "React class", t, g, typeof m), ne(null)), m instanceof Error && !(m.message in $e) && ($e[m.message] = !0, ne(b), w("Failed %s type: %s", t, m.message), ne(null));
           }
       }
     }
-    var Ke = Array.isArray;
-    function se(e) {
-      return Ke(e);
+    var er = Array.isArray;
+    function le(e) {
+      return er(e);
     }
-    function ze(e) {
+    function rr(e) {
       {
         var r = typeof Symbol == "function" && Symbol.toStringTag, t = r && e[Symbol.toStringTag] || e.constructor.name || "Object";
         return t;
       }
     }
-    function He(e) {
+    function tr(e) {
       try {
-        return Se(e), !1;
+        return Pe(e), !1;
       } catch {
         return !0;
       }
     }
-    function Se(e) {
+    function Pe(e) {
       return "" + e;
     }
     function Te(e) {
-      if (He(e))
-        return $("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", ze(e)), Se(e);
+      if (tr(e))
+        return w("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", rr(e)), Pe(e);
     }
-    var Pe = T.ReactCurrentOwner, Ze = {
+    var je = P.ReactCurrentOwner, nr = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, Oe, je;
-    function Qe(e) {
-      if (K.call(e, "ref")) {
+    }, Ce, Oe;
+    function ar(e) {
+      if (H.call(e, "ref")) {
         var r = Object.getOwnPropertyDescriptor(e, "ref").get;
         if (r && r.isReactWarning)
           return !1;
       }
       return e.ref !== void 0;
     }
-    function er(e) {
-      if (K.call(e, "key")) {
+    function or(e) {
+      if (H.call(e, "key")) {
         var r = Object.getOwnPropertyDescriptor(e, "key").get;
         if (r && r.isReactWarning)
           return !1;
       }
       return e.key !== void 0;
     }
-    function rr(e, r) {
-      typeof e.ref == "string" && Pe.current;
+    function ir(e, r) {
+      typeof e.ref == "string" && je.current;
     }
-    function tr(e, r) {
+    function sr(e, r) {
       {
         var t = function() {
-          Oe || (Oe = !0, $("%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)", r));
+          Ce || (Ce = !0, w("%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)", r));
         };
         t.isReactWarning = !0, Object.defineProperty(e, "key", {
           get: t,
@@ -400,10 +400,10 @@ function gr() {
         });
       }
     }
-    function nr(e, r) {
+    function cr(e, r) {
       {
         var t = function() {
-          je || (je = !0, $("%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)", r));
+          Oe || (Oe = !0, w("%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)", r));
         };
         t.isReactWarning = !0, Object.defineProperty(e, "ref", {
           get: t,
@@ -411,70 +411,70 @@ function gr() {
         });
       }
     }
-    var ar = function(e, r, t, i, b, _, y) {
-      var v = {
+    var lr = function(e, r, t, d, b, x, g) {
+      var m = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: n,
         // Built-in properties that belong on the element
         type: e,
         key: r,
         ref: t,
-        props: y,
+        props: g,
         // Record the component responsible for creating this element.
-        _owner: _
+        _owner: x
       };
-      return v._store = {}, Object.defineProperty(v._store, "validated", {
+      return m._store = {}, Object.defineProperty(m._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: !1
-      }), Object.defineProperty(v, "_self", {
+      }), Object.defineProperty(m, "_self", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: i
-      }), Object.defineProperty(v, "_source", {
+        value: d
+      }), Object.defineProperty(m, "_source", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
         value: b
-      }), Object.freeze && (Object.freeze(v.props), Object.freeze(v)), v;
+      }), Object.freeze && (Object.freeze(m.props), Object.freeze(m)), m;
     };
-    function ir(e, r, t, i, b) {
+    function ur(e, r, t, d, b) {
       {
-        var _, y = {}, v = null, P = null;
-        t !== void 0 && (Te(t), v = "" + t), er(r) && (Te(r.key), v = "" + r.key), Qe(r) && (P = r.ref, rr(r, b));
-        for (_ in r)
-          K.call(r, _) && !Ze.hasOwnProperty(_) && (y[_] = r[_]);
+        var x, g = {}, m = null, j = null;
+        t !== void 0 && (Te(t), m = "" + t), or(r) && (Te(r.key), m = "" + r.key), ar(r) && (j = r.ref, ir(r, b));
+        for (x in r)
+          H.call(r, x) && !nr.hasOwnProperty(x) && (g[x] = r[x]);
         if (e && e.defaultProps) {
-          var w = e.defaultProps;
-          for (_ in w)
-            y[_] === void 0 && (y[_] = w[_]);
+          var $ = e.defaultProps;
+          for (x in $)
+            g[x] === void 0 && (g[x] = $[x]);
         }
-        if (v || P) {
+        if (m || j) {
           var S = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
-          v && tr(y, S), P && nr(y, S);
+          m && sr(g, S), j && cr(g, S);
         }
-        return ar(e, v, P, b, i, Pe.current, y);
+        return lr(e, m, j, b, d, je.current, g);
       }
     }
-    var ce = T.ReactCurrentOwner, Ce = T.ReactDebugCurrentFrame;
-    function q(e) {
+    var ue = P.ReactCurrentOwner, ke = P.ReactDebugCurrentFrame;
+    function U(e) {
       if (e) {
-        var r = e._owner, t = re(e.type, e._source, r ? r.type : null);
-        Ce.setExtraStackFrame(t);
+        var r = e._owner, t = te(e.type, e._source, r ? r.type : null);
+        ke.setExtraStackFrame(t);
       } else
-        Ce.setExtraStackFrame(null);
+        ke.setExtraStackFrame(null);
     }
-    var ue;
-    ue = !1;
-    function le(e) {
+    var fe;
+    fe = !1;
+    function de(e) {
       return typeof e == "object" && e !== null && e.$$typeof === n;
     }
-    function ke() {
+    function Fe() {
       {
-        if (ce.current) {
-          var e = Y(ce.current.type);
+        if (ue.current) {
+          var e = L(ue.current.type);
           if (e)
             return `
 
@@ -483,13 +483,13 @@ Check the render method of \`` + e + "`.";
         return "";
       }
     }
-    function or(e) {
+    function fr(e) {
       return "";
     }
-    var Fe = {};
-    function sr(e) {
+    var Me = {};
+    function dr(e) {
       {
-        var r = ke();
+        var r = Fe();
         if (!r) {
           var t = typeof e == "string" ? e : e.displayName || e.name;
           t && (r = `
@@ -499,39 +499,39 @@ Check the top-level render call using <` + t + ">.");
         return r;
       }
     }
-    function Ie(e, r) {
+    function Ae(e, r) {
       {
         if (!e._store || e._store.validated || e.key != null)
           return;
         e._store.validated = !0;
-        var t = sr(r);
-        if (Fe[t])
+        var t = dr(r);
+        if (Me[t])
           return;
-        Fe[t] = !0;
-        var i = "";
-        e && e._owner && e._owner !== ce.current && (i = " It was passed a child from " + Y(e._owner.type) + "."), q(e), $('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', t, i), q(null);
+        Me[t] = !0;
+        var d = "";
+        e && e._owner && e._owner !== ue.current && (d = " It was passed a child from " + L(e._owner.type) + "."), U(e), w('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', t, d), U(null);
       }
     }
-    function Me(e, r) {
+    function Ie(e, r) {
       {
         if (typeof e != "object")
           return;
-        if (se(e))
+        if (le(e))
           for (var t = 0; t < e.length; t++) {
-            var i = e[t];
-            le(i) && Ie(i, r);
+            var d = e[t];
+            de(d) && Ae(d, r);
           }
-        else if (le(e))
+        else if (de(e))
           e._store && (e._store.validated = !0);
         else if (e) {
-          var b = j(e);
+          var b = k(e);
           if (typeof b == "function" && b !== e.entries)
-            for (var _ = b.call(e), y; !(y = _.next()).done; )
-              le(y.value) && Ie(y.value, r);
+            for (var x = b.call(e), g; !(g = x.next()).done; )
+              de(g.value) && Ae(g.value, r);
         }
       }
     }
-    function cr(e) {
+    function vr(e) {
       {
         var r = e.type;
         if (r == null || typeof r == "string")
@@ -541,174 +541,174 @@ Check the top-level render call using <` + t + ">.");
           t = r.propTypes;
         else if (typeof r == "object" && (r.$$typeof === a || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        r.$$typeof === g))
+        r.$$typeof === h))
           t = r.propTypes;
         else
           return;
         if (t) {
-          var i = Y(r);
-          Ge(t, e.props, "prop", i, e);
-        } else if (r.PropTypes !== void 0 && !ue) {
-          ue = !0;
-          var b = Y(r);
-          $("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", b || "Unknown");
+          var d = L(r);
+          Qe(t, e.props, "prop", d, e);
+        } else if (r.PropTypes !== void 0 && !fe) {
+          fe = !0;
+          var b = L(r);
+          w("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", b || "Unknown");
         }
-        typeof r.getDefaultProps == "function" && !r.getDefaultProps.isReactClassApproved && $("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        typeof r.getDefaultProps == "function" && !r.getDefaultProps.isReactClassApproved && w("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
-    function ur(e) {
+    function pr(e) {
       {
         for (var r = Object.keys(e.props), t = 0; t < r.length; t++) {
-          var i = r[t];
-          if (i !== "children" && i !== "key") {
-            q(e), $("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", i), q(null);
+          var d = r[t];
+          if (d !== "children" && d !== "key") {
+            U(e), w("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", d), U(null);
             break;
           }
         }
-        e.ref !== null && (q(e), $("Invalid attribute `ref` supplied to `React.Fragment`."), q(null));
+        e.ref !== null && (U(e), w("Invalid attribute `ref` supplied to `React.Fragment`."), U(null));
       }
     }
-    var Ae = {};
-    function De(e, r, t, i, b, _) {
+    var De = {};
+    function Le(e, r, t, d, b, x) {
       {
-        var y = V(e);
-        if (!y) {
-          var v = "";
-          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (v += " 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 P = or();
-          P ? v += P : v += ke();
-          var w;
-          e === null ? w = "null" : se(e) ? w = "array" : e !== void 0 && e.$$typeof === n ? (w = "<" + (Y(e.type) || "Unknown") + " />", v = " Did you accidentally export a JSX literal instead of a component?") : w = typeof e, $("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", w, v);
+        var g = V(e);
+        if (!g) {
+          var m = "";
+          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (m += " 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 j = fr();
+          j ? m += j : m += Fe();
+          var $;
+          e === null ? $ = "null" : le(e) ? $ = "array" : e !== void 0 && e.$$typeof === n ? ($ = "<" + (L(e.type) || "Unknown") + " />", m = " Did you accidentally export a JSX literal instead of a component?") : $ = typeof e, w("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", $, m);
         }
-        var S = ir(e, r, t, b, _);
+        var S = ur(e, r, t, b, x);
         if (S == null)
           return S;
-        if (y) {
-          var M = r.children;
-          if (M !== void 0)
-            if (i)
-              if (se(M)) {
-                for (var X = 0; X < M.length; X++)
-                  Me(M[X], e);
-                Object.freeze && Object.freeze(M);
+        if (g) {
+          var A = r.children;
+          if (A !== void 0)
+            if (d)
+              if (le(A)) {
+                for (var X = 0; X < A.length; X++)
+                  Ie(A[X], e);
+                Object.freeze && Object.freeze(A);
               } else
-                $("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
+                w("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
-              Me(M, e);
+              Ie(A, e);
         }
-        if (K.call(r, "key")) {
-          var N = Y(e), O = Object.keys(r).filter(function(hr) {
-            return hr !== "key";
-          }), fe = O.length > 0 ? "{key: someKey, " + O.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!Ae[N + fe]) {
-            var pr = O.length > 0 ? "{" + O.join(": ..., ") + ": ...}" : "{}";
-            $(`A props object containing a "key" prop is being spread into JSX:
+        if (H.call(r, "key")) {
+          var B = L(e), C = Object.keys(r).filter(function(Er) {
+            return Er !== "key";
+          }), ve = C.length > 0 ? "{key: someKey, " + C.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!De[B + ve]) {
+            var br = C.length > 0 ? "{" + C.join(": ..., ") + ": ...}" : "{}";
+            w(`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} />`, fe, N, pr, N), Ae[N + fe] = !0;
+  <%s key={someKey} {...props} />`, ve, B, br, B), De[B + ve] = !0;
           }
         }
-        return e === o ? ur(S) : cr(S), S;
+        return e === o ? pr(S) : vr(S), S;
       }
     }
-    function lr(e, r, t) {
-      return De(e, r, t, !0);
+    function yr(e, r, t) {
+      return Le(e, r, t, !0);
     }
-    function fr(e, r, t) {
-      return De(e, r, t, !1);
+    function hr(e, r, t) {
+      return Le(e, r, t, !1);
     }
-    var dr = fr, vr = lr;
-    H.Fragment = o, H.jsx = dr, H.jsxs = vr;
-  })()), H;
+    var mr = hr, gr = yr;
+    Q.Fragment = o, Q.jsx = mr, Q.jsxs = gr;
+  })()), Q;
 }
-var We;
-function br() {
-  return We || (We = 1, process.env.NODE_ENV === "production" ? ne.exports = mr() : ne.exports = gr()), ne.exports;
+var Ve;
+function wr() {
+  return Ve || (Ve = 1, process.env.NODE_ENV === "production" ? ae.exports = xr() : ae.exports = _r()), ae.exports;
 }
-var F = br();
-function $r({
-  children: m,
+var T = wr();
+function Or({
+  children: l,
   strength: n = 0.3,
-  speed: h = 0.25,
+  speed: s = 0.25,
   scale: o = 1,
-  className: l = ""
+  className: v = ""
 }) {
-  const u = k(null), d = (a) => {
-    const f = u.current;
+  const c = O(null), u = (a) => {
+    const f = c.current;
     if (!f) return;
-    const s = f.getBoundingClientRect(), g = a.clientX - (s.left + s.width / 2), c = a.clientY - (s.top + s.height / 2);
+    const i = f.getBoundingClientRect(), h = a.clientX - (i.left + i.width / 2), y = a.clientY - (i.top + i.height / 2);
     f.style.transform = `
-      translate(${g * n}px, ${c * n}px)
+      translate(${h * n}px, ${y * n}px)
       scale(${o})
     `;
   }, p = () => {
-    const a = u.current;
+    const a = c.current;
     a && (a.style.transform = "translate(0, 0) scale(1)");
   };
-  return /* @__PURE__ */ F.jsx(
+  return /* @__PURE__ */ T.jsx(
     "div",
     {
-      ref: u,
-      className: l,
-      onMouseMove: d,
+      ref: c,
+      className: v,
+      onMouseMove: u,
       onMouseLeave: p,
       style: {
         display: "inline-block",
-        transition: `transform ${h}s ease-out`,
+        transition: `transform ${s}s ease-out`,
         willChange: "transform"
       },
-      children: m
+      children: l
     }
   );
 }
-function ve() {
-  const [m, n] = de(!1);
-  return Z(() => {
+function pe() {
+  const [l, n] = oe(!1);
+  return z(() => {
     if (typeof window > "u" || !window.matchMedia) return;
-    const h = window.matchMedia("(prefers-reduced-motion: reduce)");
-    n(h.matches);
-    const o = (l) => n(l.matches);
-    return h.addEventListener("change", o), () => h.removeEventListener("change", o);
-  }, []), m;
+    const s = window.matchMedia("(prefers-reduced-motion: reduce)");
+    n(s.matches);
+    const o = (v) => n(v.matches);
+    return s.addEventListener("change", o), () => s.removeEventListener("change", o);
+  }, []), l;
 }
-function wr({
-  children: m,
+function kr({
+  children: l,
   tilt: n = 15,
-  scale: h = 1.03,
+  scale: s = 1.03,
   glare: o = !0,
-  perspective: l = 1e3,
-  className: u = "",
-  style: d
+  perspective: v = 1e3,
+  className: c = "",
+  style: u
 }) {
-  const p = k(null), a = k(null), f = ve(), s = (c) => {
-    const R = p.current;
-    if (!R || f) return;
-    const E = R.getBoundingClientRect(), x = (c.clientX - E.left) / E.width, j = (c.clientY - E.top) / E.height, T = (x - 0.5) * 2 * n, $ = (0.5 - j) * 2 * n;
-    R.style.transition = "transform 0.08s linear", R.style.transform = `perspective(${l}px) rotateX(${$}deg) rotateY(${T}deg) scale(${h})`;
-    const C = a.current;
-    C && (C.style.opacity = "1", C.style.background = `radial-gradient(circle at ${x * 100}% ${j * 100}%, rgba(255,255,255,0.35), transparent 55%)`);
-  }, g = () => {
-    const c = p.current;
-    c && (c.style.transition = "transform 0.4s ease-out", c.style.transform = `perspective(${l}px) rotateX(0deg) rotateY(0deg) scale(1)`, a.current && (a.current.style.opacity = "0"));
+  const p = O(null), a = O(null), f = pe(), i = (y) => {
+    const E = p.current;
+    if (!E || f) return;
+    const R = E.getBoundingClientRect(), _ = (y.clientX - R.left) / R.width, k = (y.clientY - R.top) / R.height, P = (_ - 0.5) * 2 * n, w = (0.5 - k) * 2 * n;
+    E.style.transition = "transform 0.08s linear", E.style.transform = `perspective(${v}px) rotateX(${w}deg) rotateY(${P}deg) scale(${s})`;
+    const F = a.current;
+    F && (F.style.opacity = "1", F.style.background = `radial-gradient(circle at ${_ * 100}% ${k * 100}%, rgba(255,255,255,0.35), transparent 55%)`);
+  }, h = () => {
+    const y = p.current;
+    y && (y.style.transition = "transform 0.4s ease-out", y.style.transform = `perspective(${v}px) rotateX(0deg) rotateY(0deg) scale(1)`, a.current && (a.current.style.opacity = "0"));
   };
-  return /* @__PURE__ */ F.jsxs(
+  return /* @__PURE__ */ T.jsxs(
     "div",
     {
       ref: p,
-      className: u,
-      onMouseMove: s,
-      onMouseLeave: g,
+      className: c,
+      onMouseMove: i,
+      onMouseLeave: h,
       style: {
         position: "relative",
         transformStyle: "preserve-3d",
         willChange: "transform",
-        ...d
+        ...u
       },
       children: [
-        m,
-        o && /* @__PURE__ */ F.jsx(
+        l,
+        o && /* @__PURE__ */ T.jsx(
           "div",
           {
             ref: a,
@@ -727,54 +727,54 @@ function wr({
     }
   );
 }
-const Rr = {
+const $r = {
   radial: { opacity: 1, blurScale: 1, gradient: "radial" },
   glow: { opacity: 0.9, blurScale: 1.5, gradient: "radial" },
   soft: { opacity: 0.7, blurScale: 2, gradient: "radial" },
   sharp: { opacity: 1, blurScale: 0.3, gradient: "radial" },
   neon: { opacity: 1, blurScale: 1.2, gradient: "radial" }
 };
-function Sr({
-  children: m,
+function Fr({
+  children: l,
   size: n = 320,
-  intensity: h = 0.85,
+  intensity: s = 0.85,
   color: o = "#ffffff",
-  blur: l = 60,
-  mode: u = "radial",
-  enabled: d = !0,
+  blur: v = 60,
+  mode: c = "radial",
+  enabled: u = !0,
   className: p = "",
   style: a
 }) {
-  const f = k(null), s = k(null), g = k(!1), c = Rr[u], R = yr(
-    (E, x) => (n / 2 * c.blurScale, l * c.blurScale, u === "neon" ? `radial-gradient(${n * c.blurScale}px circle at ${E}px ${x}px,
+  const f = O(null), i = O(null), h = O(!1), y = $r[c], E = Rr(
+    (R, _) => (n / 2 * y.blurScale, v * y.blurScale, c === "neon" ? `radial-gradient(${n * y.blurScale}px circle at ${R}px ${_}px,
           ${o}33 0%,
           ${o}22 25%,
           ${o}11 50%,
-          transparent 75%)` : u === "sharp" ? `radial-gradient(${n * 0.4}px circle at ${E}px ${x}px,
+          transparent 75%)` : c === "sharp" ? `radial-gradient(${n * 0.4}px circle at ${R}px ${_}px,
           ${o}dd 0%,
           ${o}99 30%,
-          transparent 100%)` : `radial-gradient(${n * c.blurScale}px circle at ${E}px ${x}px,
-        ${o}${Math.round(h * 255).toString(16).padStart(2, "0")} 0%,
-        ${o}${Math.round(h * 0.5 * 255).toString(16).padStart(2, "0")} 40%,
+          transparent 100%)` : `radial-gradient(${n * y.blurScale}px circle at ${R}px ${_}px,
+        ${o}${Math.round(s * 255).toString(16).padStart(2, "0")} 0%,
+        ${o}${Math.round(s * 0.5 * 255).toString(16).padStart(2, "0")} 40%,
         transparent 100%)`),
-    [n, h, o, l, u, c]
+    [n, s, o, v, c, y]
   );
-  return Z(() => {
-    if (!d) return;
-    const E = f.current, x = s.current;
-    if (!E || !x) return;
-    const j = (C) => {
-      const I = E.getBoundingClientRect(), L = C.clientX - I.left, A = C.clientY - I.top;
-      x.style.background = R(L, A), x.style.opacity = String(c.opacity);
-    }, T = () => {
-      g.current = !0, x.style.transition = "opacity 300ms ease", x.style.opacity = String(c.opacity);
-    }, $ = () => {
-      g.current = !1, x.style.transition = "opacity 600ms ease", x.style.opacity = "0";
+  return z(() => {
+    if (!u) return;
+    const R = f.current, _ = i.current;
+    if (!R || !_) return;
+    const k = (F) => {
+      const M = R.getBoundingClientRect(), Y = F.clientX - M.left, I = F.clientY - M.top;
+      _.style.background = E(Y, I), _.style.opacity = String(y.opacity);
+    }, P = () => {
+      h.current = !0, _.style.transition = "opacity 300ms ease", _.style.opacity = String(y.opacity);
+    }, w = () => {
+      h.current = !1, _.style.transition = "opacity 600ms ease", _.style.opacity = "0";
     };
-    return E.addEventListener("mousemove", j), E.addEventListener("mouseenter", T), E.addEventListener("mouseleave", $), () => {
-      E.removeEventListener("mousemove", j), E.removeEventListener("mouseenter", T), E.removeEventListener("mouseleave", $);
+    return R.addEventListener("mousemove", k), R.addEventListener("mouseenter", P), R.addEventListener("mouseleave", w), () => {
+      R.removeEventListener("mousemove", k), R.removeEventListener("mouseenter", P), R.removeEventListener("mouseleave", w);
     };
-  }, [d, R, c]), /* @__PURE__ */ F.jsxs(
+  }, [u, E, y]), /* @__PURE__ */ T.jsxs(
     "div",
     {
       ref: f,
@@ -785,11 +785,11 @@ function Sr({
         ...a
       },
       children: [
-        m,
-        /* @__PURE__ */ F.jsx(
+        l,
+        /* @__PURE__ */ T.jsx(
           "div",
           {
-            ref: s,
+            ref: i,
             "aria-hidden": "true",
             style: {
               position: "absolute",
@@ -797,8 +797,8 @@ function Sr({
               pointerEvents: "none",
               opacity: 0,
               zIndex: 10,
-              filter: l > 0 ? `blur(${l * 0.15}px)` : void 0,
-              mixBlendMode: u === "neon" ? "screen" : "normal"
+              filter: v > 0 ? `blur(${v * 0.15}px)` : void 0,
+              mixBlendMode: c === "neon" ? "screen" : "normal"
             }
           }
         )
@@ -806,40 +806,40 @@ function Sr({
     }
   );
 }
-function Be({
-  threshold: m = 0.2,
+function Ue({
+  threshold: l = 0.2,
   rootMargin: n = "0px",
-  once: h = !0
+  once: s = !0
 } = {}) {
-  const o = k(null), [l, u] = de(!1);
-  return Z(() => {
-    const d = o.current;
-    if (!d) return;
+  const o = O(null), [v, c] = oe(!1);
+  return z(() => {
+    const u = o.current;
+    if (!u) return;
     if (typeof IntersectionObserver > "u") {
-      u(!0);
+      c(!0);
       return;
     }
     const p = new IntersectionObserver(
       ([a]) => {
-        a.isIntersecting ? (u(!0), h && p.disconnect()) : h || u(!1);
+        a.isIntersecting ? (c(!0), s && p.disconnect()) : s || c(!1);
       },
-      { threshold: m, rootMargin: n }
+      { threshold: l, rootMargin: n }
     );
-    return p.observe(d), () => p.disconnect();
-  }, [m, n, h]), { ref: o, inView: l };
+    return p.observe(u), () => p.disconnect();
+  }, [l, n, s]), { ref: o, inView: v };
 }
-function Tr({
-  children: m,
+function Mr({
+  children: l,
   stagger: n = 70,
-  duration: h = 700,
+  duration: s = 700,
   delay: o = 0,
-  once: l = !0,
-  as: u = "div",
-  className: d = "",
+  once: v = !0,
+  as: c = "div",
+  className: u = "",
   style: p
 }) {
-  const { ref: a, inView: f } = Be({ once: l }), s = ve(), g = u, c = m.split(/\s+/).filter(Boolean), R = f || s;
-  return /* @__PURE__ */ F.jsx(g, { ref: a, className: d, style: p, "aria-label": m, children: c.map((E, x) => /* @__PURE__ */ F.jsx(
+  const { ref: a, inView: f } = Ue({ once: v }), i = pe(), h = c, y = l.split(/\s+/).filter(Boolean), E = f || i;
+  return /* @__PURE__ */ T.jsx(h, { ref: a, className: u, style: p, "aria-label": l, children: y.map((R, _) => /* @__PURE__ */ T.jsx(
     "span",
     {
       "aria-hidden": "true",
@@ -850,24 +850,24 @@ function Tr({
         paddingBottom: "0.15em",
         marginRight: "0.25em"
       },
-      children: /* @__PURE__ */ F.jsx(
+      children: /* @__PURE__ */ T.jsx(
         "span",
         {
           style: {
             display: "inline-block",
-            transform: R ? "translateY(0)" : "translateY(110%)",
-            opacity: R ? 1 : 0,
-            transition: s ? "none" : `transform ${h}ms cubic-bezier(0.22, 1, 0.36, 1) ${o + x * n}ms, opacity ${h}ms ease ${o + x * n}ms`
+            transform: E ? "translateY(0)" : "translateY(110%)",
+            opacity: E ? 1 : 0,
+            transition: i ? "none" : `transform ${s}ms cubic-bezier(0.22, 1, 0.36, 1) ${o + _ * n}ms, opacity ${s}ms ease ${o + _ * n}ms`
           },
-          children: E
+          children: R
         }
       )
     },
-    x
+    _
   )) });
 }
-function Er(m, n) {
-  switch (m) {
+function Sr(l, n) {
+  switch (l) {
     case "fade-up":
       return `translateY(${n}px)`;
     case "fade-down":
@@ -882,98 +882,98 @@ function Er(m, n) {
       return "none";
   }
 }
-function Pr({
-  children: m,
+function Ar({
+  children: l,
   animation: n = "fade-up",
-  duration: h = 700,
+  duration: s = 700,
   delay: o = 0,
-  distance: l = 32,
-  threshold: u = 0.2,
-  once: d = !0,
+  distance: v = 32,
+  threshold: c = 0.2,
+  once: u = !0,
   className: p = "",
   style: a
 }) {
-  const { ref: f, inView: s } = Be({ threshold: u, once: d }), g = ve(), c = s || g;
-  return /* @__PURE__ */ F.jsx(
+  const { ref: f, inView: i } = Ue({ threshold: c, once: u }), h = pe(), y = i || h;
+  return /* @__PURE__ */ T.jsx(
     "div",
     {
       ref: f,
       className: p,
       style: {
-        opacity: c ? 1 : 0,
-        transform: c ? "none" : Er(n, l),
-        transition: g ? "none" : `opacity ${h}ms ease ${o}ms, transform ${h}ms cubic-bezier(0.22, 1, 0.36, 1) ${o}ms`,
+        opacity: y ? 1 : 0,
+        transform: y ? "none" : Sr(n, v),
+        transition: h ? "none" : `opacity ${s}ms ease ${o}ms, transform ${s}ms cubic-bezier(0.22, 1, 0.36, 1) ${o}ms`,
         willChange: "opacity, transform",
         ...a
       },
-      children: m
+      children: l
     }
   );
 }
-function Or({
-  children: m,
+function Ir({
+  children: l,
   colors: n = ["#6366f1", "#ec4899", "#f59e0b", "#06b6d4"],
-  angle: h = 120,
+  angle: s = 120,
   duration: o = 12,
-  className: l = "",
-  style: u
+  className: v = "",
+  style: c
 }) {
-  const d = [...n, n[0]].join(", ");
-  return /* @__PURE__ */ F.jsx(
+  const u = [...n, n[0]].join(", ");
+  return /* @__PURE__ */ T.jsx(
     "div",
     {
-      className: `mcss-gradient-flow ${l}`.trim(),
+      className: `mcss-gradient-flow ${v}`.trim(),
       style: {
-        backgroundImage: `linear-gradient(${h}deg, ${d})`,
+        backgroundImage: `linear-gradient(${s}deg, ${u})`,
         animationDuration: `${o}s`,
-        ...u
+        ...c
       },
-      children: m
+      children: l
     }
   );
 }
-function _r(m, n, h, o) {
-  const l = [], u = h;
-  if (m === "left" || m === "right") {
-    const d = m === "left", p = d ? n * 100 : 100 - n * 100, a = d ? p - 100 : p + 100;
-    l.push(`${a}% 0%`), l.push(`${a}% 100%`);
+function Pr(l, n, s, o) {
+  const v = [], c = s;
+  if (l === "left" || l === "right") {
+    const u = l === "left", p = u ? n * 100 : 100 - n * 100, a = u ? p - 100 : p + 100;
+    v.push(`${a}% 0%`), v.push(`${a}% 100%`);
     for (let f = o; f >= 0; f--) {
-      const s = f / o, g = s * 100, c = Math.sin(s * Math.PI) * u, R = p + (d ? c : -c);
-      l.push(`${R}% ${g}%`);
+      const i = f / o, h = i * 100, y = Math.sin(i * Math.PI) * c, E = p + (u ? y : -y);
+      v.push(`${E}% ${h}%`);
     }
   } else {
-    const d = m === "top", p = d ? n * 100 : 100 - n * 100, a = d ? p - 100 : p + 100;
-    l.push(`0% ${a}%`), l.push(`100% ${a}%`);
+    const u = l === "top", p = u ? n * 100 : 100 - n * 100, a = u ? p - 100 : p + 100;
+    v.push(`0% ${a}%`), v.push(`100% ${a}%`);
     for (let f = o; f >= 0; f--) {
-      const s = f / o, g = s * 100, c = Math.sin(s * Math.PI) * u, R = p + (d ? c : -c);
-      l.push(`${g}% ${R}%`);
+      const i = f / o, h = i * 100, y = Math.sin(i * Math.PI) * c, E = p + (u ? y : -y);
+      v.push(`${h}% ${E}%`);
     }
   }
-  return `polygon(${l.join(", ")})`;
+  return `polygon(${v.join(", ")})`;
 }
-function jr({
-  origin: m = "left",
+function Dr({
+  origin: l = "left",
   duration: n = 900,
-  color: h = "#111111",
+  color: s = "#111111",
   curve: o = 8,
-  resolution: l = 20,
-  blur: u = 0,
-  onComplete: d,
+  resolution: v = 20,
+  blur: c = 0,
+  onComplete: u,
   style: p
 }) {
-  const a = k(null), f = k(null), s = k(null);
-  return Z(() => {
-    const g = a.current;
-    if (!g) return;
-    const c = (R) => {
-      s.current || (s.current = R);
-      const E = R - s.current, x = Math.min(E / n, 1) * 2;
-      g.style.clipPath = _r(m, x, o, l), x < 2 ? f.current = requestAnimationFrame(c) : (g.style.clipPath = "polygon(200% 0%, 200% 100%, 100% 100%, 100% 0%)", d == null || d());
+  const a = O(null), f = O(null), i = O(null);
+  return z(() => {
+    const h = a.current;
+    if (!h) return;
+    const y = (E) => {
+      i.current || (i.current = E);
+      const R = E - i.current, _ = Math.min(R / n, 1) * 2;
+      h.style.clipPath = Pr(l, _, o, v), _ < 2 ? f.current = requestAnimationFrame(y) : (h.style.clipPath = "polygon(200% 0%, 200% 100%, 100% 100%, 100% 0%)", u == null || u());
     };
-    return f.current = requestAnimationFrame(c), () => {
+    return f.current = requestAnimationFrame(y), () => {
       f.current && cancelAnimationFrame(f.current);
     };
-  }, [m, n, o, l, d]), /* @__PURE__ */ F.jsx(
+  }, [l, n, o, v, u]), /* @__PURE__ */ T.jsx(
     "div",
     {
       ref: a,
@@ -983,59 +983,59 @@ function jr({
         inset: 0,
         zIndex: 9999,
         pointerEvents: "none",
-        background: h,
-        backdropFilter: u > 0 ? `blur(${u}px)` : void 0,
-        WebkitBackdropFilter: u > 0 ? `blur(${u}px)` : void 0,
+        background: s,
+        backdropFilter: c > 0 ? `blur(${c}px)` : void 0,
+        WebkitBackdropFilter: c > 0 ? `blur(${c}px)` : void 0,
         ...p
       }
     }
   );
 }
-function Cr({
-  children: m,
+function Lr({
+  children: l,
   origin: n = "left",
-  duration: h = 900,
+  duration: s = 900,
   color: o = "#111111",
-  curve: l = 8,
-  blur: u = 0,
-  className: d = "",
+  curve: v = 8,
+  blur: c = 0,
+  className: u = "",
   style: p
 }) {
-  const a = k(null), f = k(null), s = k(null), [g, c] = de(!1);
-  return Z(() => {
-    const R = a.current;
-    if (!R) return;
-    const E = (x) => {
-      s.current || (s.current = x);
-      const j = Math.min((x - s.current) / h, 1), T = [], $ = l, C = 20;
+  const a = O(null), f = O(null), i = O(null), [h, y] = oe(!1);
+  return z(() => {
+    const E = a.current;
+    if (!E) return;
+    const R = (_) => {
+      i.current || (i.current = _);
+      const k = Math.min((_ - i.current) / s, 1), P = [], w = v, F = 20;
       if (n === "left" || n === "right") {
-        const I = n === "left", L = I ? j * 100 : 100 - j * 100, A = I ? 150 : -50;
-        for (let D = 0; D <= C; D++) {
-          const W = D / C, U = W * 100, V = Math.sin(W * Math.PI) * $, J = L + (I ? V : -V);
-          T.push(`${J}% ${U}%`);
+        const M = n === "left", Y = M ? k * 100 : 100 - k * 100, I = M ? 150 : -50;
+        for (let D = 0; D <= F; D++) {
+          const W = D / F, q = W * 100, V = Math.sin(W * Math.PI) * w, G = Y + (M ? V : -V);
+          P.push(`${G}% ${q}%`);
         }
-        T.push(`${A}% 100%`), T.push(`${A}% 0%`);
+        P.push(`${I}% 100%`), P.push(`${I}% 0%`);
       } else {
-        const I = n === "top", L = I ? j * 100 : 100 - j * 100, A = I ? 150 : -50;
-        for (let D = 0; D <= C; D++) {
-          const W = D / C, U = W * 100, V = Math.sin(W * Math.PI) * $, J = L + (I ? V : -V);
-          T.push(`${U}% ${J}%`);
+        const M = n === "top", Y = M ? k * 100 : 100 - k * 100, I = M ? 150 : -50;
+        for (let D = 0; D <= F; D++) {
+          const W = D / F, q = W * 100, V = Math.sin(W * Math.PI) * w, G = Y + (M ? V : -V);
+          P.push(`${q}% ${G}%`);
         }
-        T.push(`100% ${A}%`), T.push(`0% ${A}%`);
+        P.push(`100% ${I}%`), P.push(`0% ${I}%`);
       }
-      R.style.clipPath = `polygon(${T.join(", ")})`, j < 1 ? f.current = requestAnimationFrame(E) : (R.style.clipPath = "none", R.style.display = "none", c(!0));
+      E.style.clipPath = `polygon(${P.join(", ")})`, k < 1 ? f.current = requestAnimationFrame(R) : (E.style.clipPath = "none", E.style.display = "none", y(!0));
     };
-    return f.current = requestAnimationFrame(E), () => {
+    return f.current = requestAnimationFrame(R), () => {
       f.current && cancelAnimationFrame(f.current);
     };
-  }, [n, h, o, l]), /* @__PURE__ */ F.jsxs(
+  }, [n, s, o, v]), /* @__PURE__ */ T.jsxs(
     "div",
     {
-      className: `motioncss-wave-reveal ${d}`,
+      className: `motioncss-wave-reveal ${u}`,
       style: { position: "relative", overflow: "hidden", ...p },
       children: [
-        m,
-        !g && /* @__PURE__ */ F.jsx(
+        l,
+        !h && /* @__PURE__ */ T.jsx(
           "div",
           {
             ref: a,
@@ -1044,8 +1044,8 @@ function Cr({
               position: "absolute",
               inset: 0,
               background: o,
-              backdropFilter: u > 0 ? `blur(${u}px)` : void 0,
-              WebkitBackdropFilter: u > 0 ? `blur(${u}px)` : void 0,
+              backdropFilter: c > 0 ? `blur(${c}px)` : void 0,
+              WebkitBackdropFilter: c > 0 ? `blur(${c}px)` : void 0,
               zIndex: 10,
               pointerEvents: "none"
             }
@@ -1055,13 +1055,188 @@ function Cr({
     }
   );
 }
+const Xe = Be(null);
+function Tr() {
+  const l = qe(Xe);
+  if (!l)
+    throw new Error(
+      "useScrollytelling must be used inside <Scrollytelling>"
+    );
+  return l;
+}
+function Yr({
+  children: l,
+  height: n = "400vh",
+  className: s = "",
+  style: o
+}) {
+  const v = O(null), [c, u] = oe(0);
+  return z(() => {
+    let p = 0;
+    const a = () => {
+      p || (p = requestAnimationFrame(() => {
+        p = 0;
+        const f = v.current;
+        if (!f) return;
+        const i = f.getBoundingClientRect(), h = i.height - window.innerHeight;
+        if (h <= 0) {
+          u(0);
+          return;
+        }
+        const y = -i.top / h, E = Math.min(
+          1,
+          Math.max(0, y)
+        );
+        u(E);
+      }));
+    };
+    return a(), window.addEventListener("scroll", a, {
+      passive: !0
+    }), window.addEventListener("resize", a), () => {
+      window.removeEventListener("scroll", a), window.removeEventListener("resize", a), p && cancelAnimationFrame(p);
+    };
+  }, []), /* @__PURE__ */ T.jsx(Xe.Provider, { value: { progress: c }, children: /* @__PURE__ */ T.jsx(
+    "section",
+    {
+      ref: v,
+      className: `motioncss-scrollytelling ${s}`,
+      style: {
+        height: n,
+        position: "relative",
+        ...o
+      },
+      children: /* @__PURE__ */ T.jsx(
+        "div",
+        {
+          className: "motioncss-scrollytelling__stage",
+          style: {
+            position: "sticky",
+            top: 0,
+            width: "100%",
+            height: "100vh",
+            overflow: "hidden"
+          },
+          children: l
+        }
+      )
+    }
+  ) });
+}
+const Je = Be(null);
+function jr() {
+  const l = qe(Je);
+  if (!l)
+    throw new Error(
+      "useSceneProgress must be used inside <Scene>"
+    );
+  return l;
+}
+function Wr({
+  children: l,
+  start: n,
+  end: s,
+  fadeOutRange: o = 0.05,
+  className: v = "",
+  style: c
+}) {
+  const { progress: u } = Tr(), p = Math.max(s - n, 1e-4), a = (u - n) / p, f = Math.min(
+    1,
+    Math.max(0, a)
+  );
+  let i = 1;
+  if (o > 0 && u > s) {
+    const h = u - s;
+    i = 1 - Math.min(1, h / o);
+  } else o === 0 && u > s && (i = 0);
+  return /* @__PURE__ */ T.jsx(
+    Je.Provider,
+    {
+      value: {
+        progress: f
+      },
+      children: /* @__PURE__ */ T.jsx(
+        "div",
+        {
+          className: `motioncss-scene ${v}`,
+          style: {
+            position: "absolute",
+            inset: 0,
+            opacity: i,
+            pointerEvents: f > 0 && f < 1 ? "auto" : "none",
+            ...c
+          },
+          children: l
+        }
+      )
+    }
+  );
+}
+function J(l = 0, n = 0, s) {
+  return l + (n - l) * s;
+}
+function Vr({
+  children: l,
+  from: n = {},
+  to: s = {},
+  className: o = "",
+  style: v
+}) {
+  const { progress: c } = jr(), u = J(
+    n.opacity ?? 1,
+    s.opacity ?? 1,
+    c
+  ), p = J(
+    n.scale ?? 1,
+    s.scale ?? 1,
+    c
+  ), a = J(
+    n.x ?? 0,
+    s.x ?? 0,
+    c
+  ), f = J(
+    n.y ?? 0,
+    s.y ?? 0,
+    c
+  ), i = J(
+    n.rotate ?? 0,
+    s.rotate ?? 0,
+    c
+  ), h = J(
+    n.blur ?? 0,
+    s.blur ?? 0,
+    c
+  );
+  return /* @__PURE__ */ T.jsx(
+    "div",
+    {
+      className: `motioncss-scroll-layer ${o}`,
+      style: {
+        opacity: u,
+        transform: `
+          translate3d(${a}px, ${f}px, 0)
+          scale(${p})
+          rotate(${i}deg)
+        `,
+        filter: h > 0 ? `blur(${h}px)` : "none",
+        willChange: "transform, opacity, filter",
+        ...v
+      },
+      children: l
+    }
+  );
+}
 export {
-  jr as EdgeWave,
-  Or as GradientFlow,
-  $r as Magnetic,
-  Tr as RevealText,
-  Pr as ScrollReveal,
-  Sr as Spotlight,
-  wr as TiltCard,
-  Cr as WaveReveal
+  Dr as EdgeWave,
+  Ir as GradientFlow,
+  Or as Magnetic,
+  Mr as RevealText,
+  Wr as Scene,
+  Vr as ScrollLayer,
+  Ar as ScrollReveal,
+  Yr as Scrollytelling,
+  Fr as Spotlight,
+  kr as TiltCard,
+  Lr as WaveReveal,
+  jr as useSceneProgress,
+  Tr as useScrollytelling
 };