motioncss-ui 0.1.4 → 0.1.5

package/dist/motioncss-ui.js

@@ -1,1067 +0,0 @@
-import Ve, { useRef as k, useState as de, useEffect as Z, useCallback as yr } from "react";
-var ne = { exports: {} }, z = {};
-/**
- * @license React
- * react-jsx-runtime.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var Ye;
-function mr() {
-  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 };
-  }
-  return z.Fragment = h, z.jsx = d, z.jsxs = d, z;
-}
-var H = {};
-/**
- * @license React
- * react-jsx-runtime.development.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * 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) {
-      if (e === null || typeof e != "object")
-        return null;
-      var r = E && e[E] || e[x];
-      return typeof r == "function" ? r : null;
-    }
-    var T = m.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function $(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);
-      }
-    }
-    function C(e, r, t) {
-      {
-        var i = T.ReactDebugCurrentFrame, b = i.getStackAddendum();
-        b !== "" && (r += "%s", t = t.concat([b]));
-        var _ = t.map(function(y) {
-          return String(y);
-        });
-        _.unshift("Warning: " + r), Function.prototype.apply.call(console[e], console, _);
-      }
-    }
-    var I = !1, L = !1, A = !1, D = !1, W = !1, U;
-    U = 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
-      // 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));
-    }
-    function J(e, r, t) {
-      var i = e.displayName;
-      if (i)
-        return i;
-      var b = r.displayName || r.name || "";
-      return b !== "" ? t + "(" + b + ")" : t;
-    }
-    function pe(e) {
-      return e.displayName || "Context";
-    }
-    function Y(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")
-        return e.displayName || e.name || null;
-      if (typeof e == "string")
-        return e;
-      switch (e) {
-        case o:
-          return "Fragment";
-        case h:
-          return "Portal";
-        case u:
-          return "Profiler";
-        case l:
-          return "StrictMode";
-        case f:
-          return "Suspense";
-        case s:
-          return "SuspenseList";
-      }
-      if (typeof e == "object")
-        switch (e.$$typeof) {
-          case p:
-            var r = e;
-            return pe(r) + ".Consumer";
-          case d:
-            var t = e;
-            return pe(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;
-            try {
-              return Y(y(_));
-            } catch {
-              return null;
-            }
-          }
-        }
-      return null;
-    }
-    var B = Object.assign, G = 0, he, ye, me, ge, be, Re, Ee;
-    function _e() {
-    }
-    _e.__reactDisabledLog = !0;
-    function Ne() {
-      {
-        if (G === 0) {
-          he = console.log, ye = console.info, me = console.warn, ge = console.error, be = console.group, Re = console.groupCollapsed, Ee = console.groupEnd;
-          var e = {
-            configurable: !0,
-            enumerable: !0,
-            value: _e,
-            writable: !0
-          };
-          Object.defineProperties(console, {
-            info: e,
-            log: e,
-            warn: e,
-            error: e,
-            group: e,
-            groupCollapsed: e,
-            groupEnd: e
-          });
-        }
-        G++;
-      }
-    }
-    function Ue() {
-      {
-        if (G--, G === 0) {
-          var e = {
-            configurable: !0,
-            enumerable: !0,
-            writable: !0
-          };
-          Object.defineProperties(console, {
-            log: B({}, e, {
-              value: he
-            }),
-            info: B({}, e, {
-              value: ye
-            }),
-            warn: B({}, e, {
-              value: me
-            }),
-            error: B({}, e, {
-              value: ge
-            }),
-            group: B({}, e, {
-              value: be
-            }),
-            groupCollapsed: B({}, e, {
-              value: Re
-            }),
-            groupEnd: B({}, e, {
-              value: Ee
-            })
-          });
-        }
-        G < 0 && $("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
-      }
-    }
-    var ae = T.ReactCurrentDispatcher, ie;
-    function Q(e, r, t) {
-      {
-        if (ie === void 0)
-          try {
-            throw Error();
-          } catch (b) {
-            var i = b.stack.trim().match(/\n( *(at )?)/);
-            ie = i && i[1] || "";
-          }
-        return `
-` + ie + e;
-      }
-    }
-    var oe = !1, ee;
-    {
-      var qe = typeof WeakMap == "function" ? WeakMap : Map;
-      ee = new qe();
-    }
-    function xe(e, r) {
-      if (!e || oe)
-        return "";
-      {
-        var t = ee.get(e);
-        if (t !== void 0)
-          return t;
-      }
-      var i;
-      oe = !0;
-      var b = Error.prepareStackTrace;
-      Error.prepareStackTrace = void 0;
-      var _;
-      _ = ae.current, ae.current = null, Ne();
-      try {
-        if (r) {
-          var y = function() {
-            throw Error();
-          };
-          if (Object.defineProperty(y.prototype, "props", {
-            set: function() {
-              throw Error();
-            }
-          }), typeof Reflect == "object" && Reflect.construct) {
-            try {
-              Reflect.construct(y, []);
-            } catch (O) {
-              i = O;
-            }
-            Reflect.construct(e, [], y);
-          } else {
-            try {
-              y.call();
-            } catch (O) {
-              i = O;
-            }
-            e.call(y.prototype);
-          }
-        } else {
-          try {
-            throw Error();
-          } catch (O) {
-            i = O;
-          }
-          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]; )
-            S--;
-          for (; w >= 1 && S >= 0; w--, S--)
-            if (v[w] !== P[S]) {
-              if (w !== 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;
-                  }
-                while (w >= 1 && S >= 0);
-              break;
-            }
-        }
-      } finally {
-        oe = !1, ae.current = _, Ue(), Error.prepareStackTrace = b;
-      }
-      var X = e ? e.displayName || e.name : "", N = X ? Q(X) : "";
-      return typeof e == "function" && ee.set(e, N), N;
-    }
-    function Xe(e, r, t) {
-      return xe(e, !1);
-    }
-    function Je(e) {
-      var r = e.prototype;
-      return !!(r && r.isReactComponent);
-    }
-    function re(e, r, t) {
-      if (e == null)
-        return "";
-      if (typeof e == "function")
-        return xe(e, Je(e));
-      if (typeof e == "string")
-        return Q(e);
-      switch (e) {
-        case f:
-          return Q("Suspense");
-        case s:
-          return Q("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;
-            try {
-              return re(_(b), r, t);
-            } catch {
-            }
-          }
-        }
-      return "";
-    }
-    var K = Object.prototype.hasOwnProperty, $e = {}, we = T.ReactDebugCurrentFrame;
-    function te(e) {
-      if (e) {
-        var r = e._owner, t = re(e.type, e._source, r ? r.type : null);
-        we.setExtraStackFrame(t);
-      } else
-        we.setExtraStackFrame(null);
-    }
-    function Ge(e, r, t, i, b) {
-      {
-        var _ = Function.call.bind(K);
-        for (var y in e)
-          if (_(e, y)) {
-            var v = 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;
-              }
-              v = e[y](r, y, i, t, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (w) {
-              v = w;
-            }
-            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));
-          }
-      }
-    }
-    var Ke = Array.isArray;
-    function se(e) {
-      return Ke(e);
-    }
-    function ze(e) {
-      {
-        var r = typeof Symbol == "function" && Symbol.toStringTag, t = r && e[Symbol.toStringTag] || e.constructor.name || "Object";
-        return t;
-      }
-    }
-    function He(e) {
-      try {
-        return Se(e), !1;
-      } catch {
-        return !0;
-      }
-    }
-    function Se(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);
-    }
-    var Pe = T.ReactCurrentOwner, Ze = {
-      key: !0,
-      ref: !0,
-      __self: !0,
-      __source: !0
-    }, Oe, je;
-    function Qe(e) {
-      if (K.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")) {
-        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 tr(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));
-        };
-        t.isReactWarning = !0, Object.defineProperty(e, "key", {
-          get: t,
-          configurable: !0
-        });
-      }
-    }
-    function nr(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));
-        };
-        t.isReactWarning = !0, Object.defineProperty(e, "ref", {
-          get: t,
-          configurable: !0
-        });
-      }
-    }
-    var ar = function(e, r, t, i, b, _, y) {
-      var v = {
-        // 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,
-        // Record the component responsible for creating this element.
-        _owner: _
-      };
-      return v._store = {}, Object.defineProperty(v._store, "validated", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: !1
-      }), Object.defineProperty(v, "_self", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !1,
-        value: i
-      }), Object.defineProperty(v, "_source", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !1,
-        value: b
-      }), Object.freeze && (Object.freeze(v.props), Object.freeze(v)), v;
-    };
-    function ir(e, r, t, i, 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[_]);
-        if (e && e.defaultProps) {
-          var w = e.defaultProps;
-          for (_ in w)
-            y[_] === void 0 && (y[_] = w[_]);
-        }
-        if (v || P) {
-          var S = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
-          v && tr(y, S), P && nr(y, S);
-        }
-        return ar(e, v, P, b, i, Pe.current, y);
-      }
-    }
-    var ce = T.ReactCurrentOwner, Ce = T.ReactDebugCurrentFrame;
-    function q(e) {
-      if (e) {
-        var r = e._owner, t = re(e.type, e._source, r ? r.type : null);
-        Ce.setExtraStackFrame(t);
-      } else
-        Ce.setExtraStackFrame(null);
-    }
-    var ue;
-    ue = !1;
-    function le(e) {
-      return typeof e == "object" && e !== null && e.$$typeof === n;
-    }
-    function ke() {
-      {
-        if (ce.current) {
-          var e = Y(ce.current.type);
-          if (e)
-            return `
-
-Check the render method of \`` + e + "`.";
-        }
-        return "";
-      }
-    }
-    function or(e) {
-      return "";
-    }
-    var Fe = {};
-    function sr(e) {
-      {
-        var r = ke();
-        if (!r) {
-          var t = typeof e == "string" ? e : e.displayName || e.name;
-          t && (r = `
-
-Check the top-level render call using <` + t + ">.");
-        }
-        return r;
-      }
-    }
-    function Ie(e, r) {
-      {
-        if (!e._store || e._store.validated || e.key != null)
-          return;
-        e._store.validated = !0;
-        var t = sr(r);
-        if (Fe[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);
-      }
-    }
-    function Me(e, r) {
-      {
-        if (typeof e != "object")
-          return;
-        if (se(e))
-          for (var t = 0; t < e.length; t++) {
-            var i = e[t];
-            le(i) && Ie(i, r);
-          }
-        else if (le(e))
-          e._store && (e._store.validated = !0);
-        else if (e) {
-          var b = j(e);
-          if (typeof b == "function" && b !== e.entries)
-            for (var _ = b.call(e), y; !(y = _.next()).done; )
-              le(y.value) && Ie(y.value, r);
-        }
-      }
-    }
-    function cr(e) {
-      {
-        var r = e.type;
-        if (r == null || typeof r == "string")
-          return;
-        var t;
-        if (typeof r == "function")
-          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))
-          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");
-        }
-        typeof r.getDefaultProps == "function" && !r.getDefaultProps.isReactClassApproved && $("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
-      }
-    }
-    function ur(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);
-            break;
-          }
-        }
-        e.ref !== null && (q(e), $("Invalid attribute `ref` supplied to `React.Fragment`."), q(null));
-      }
-    }
-    var Ae = {};
-    function De(e, r, t, i, b, _) {
-      {
-        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 S = ir(e, r, t, b, _);
-        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);
-              } 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.");
-            else
-              Me(M, 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:
-  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;
-          }
-        }
-        return e === o ? ur(S) : cr(S), S;
-      }
-    }
-    function lr(e, r, t) {
-      return De(e, r, t, !0);
-    }
-    function fr(e, r, t) {
-      return De(e, r, t, !1);
-    }
-    var dr = fr, vr = lr;
-    H.Fragment = o, H.jsx = dr, H.jsxs = vr;
-  })()), H;
-}
-var We;
-function br() {
-  return We || (We = 1, process.env.NODE_ENV === "production" ? ne.exports = mr() : ne.exports = gr()), ne.exports;
-}
-var F = br();
-function $r({
-  children: m,
-  strength: n = 0.3,
-  speed: h = 0.25,
-  scale: o = 1,
-  className: l = ""
-}) {
-  const u = k(null), d = (a) => {
-    const f = u.current;
-    if (!f) return;
-    const s = f.getBoundingClientRect(), g = a.clientX - (s.left + s.width / 2), c = a.clientY - (s.top + s.height / 2);
-    f.style.transform = `
-      translate(${g * n}px, ${c * n}px)
-      scale(${o})
-    `;
-  }, p = () => {
-    const a = u.current;
-    a && (a.style.transform = "translate(0, 0) scale(1)");
-  };
-  return /* @__PURE__ */ F.jsx(
-    "div",
-    {
-      ref: u,
-      className: l,
-      onMouseMove: d,
-      onMouseLeave: p,
-      style: {
-        display: "inline-block",
-        transition: `transform ${h}s ease-out`,
-        willChange: "transform"
-      },
-      children: m
-    }
-  );
-}
-function ve() {
-  const [m, n] = de(!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;
-}
-function wr({
-  children: m,
-  tilt: n = 15,
-  scale: h = 1.03,
-  glare: o = !0,
-  perspective: l = 1e3,
-  className: u = "",
-  style: d
-}) {
-  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"));
-  };
-  return /* @__PURE__ */ F.jsxs(
-    "div",
-    {
-      ref: p,
-      className: u,
-      onMouseMove: s,
-      onMouseLeave: g,
-      style: {
-        position: "relative",
-        transformStyle: "preserve-3d",
-        willChange: "transform",
-        ...d
-      },
-      children: [
-        m,
-        o && /* @__PURE__ */ F.jsx(
-          "div",
-          {
-            ref: a,
-            "aria-hidden": "true",
-            style: {
-              position: "absolute",
-              inset: 0,
-              borderRadius: "inherit",
-              pointerEvents: "none",
-              opacity: 0,
-              transition: "opacity 0.3s ease-out"
-            }
-          }
-        )
-      ]
-    }
-  );
-}
-const Rr = {
-  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,
-  size: n = 320,
-  intensity: h = 0.85,
-  color: o = "#ffffff",
-  blur: l = 60,
-  mode: u = "radial",
-  enabled: d = !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,
-          ${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,
-          ${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%)`),
-    [n, h, o, l, u, c]
-  );
-  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 E.addEventListener("mousemove", j), E.addEventListener("mouseenter", T), E.addEventListener("mouseleave", $), () => {
-      E.removeEventListener("mousemove", j), E.removeEventListener("mouseenter", T), E.removeEventListener("mouseleave", $);
-    };
-  }, [d, R, c]), /* @__PURE__ */ F.jsxs(
-    "div",
-    {
-      ref: f,
-      className: `motioncss-spotlight ${p}`,
-      style: {
-        position: "relative",
-        overflow: "hidden",
-        ...a
-      },
-      children: [
-        m,
-        /* @__PURE__ */ F.jsx(
-          "div",
-          {
-            ref: s,
-            "aria-hidden": "true",
-            style: {
-              position: "absolute",
-              inset: 0,
-              pointerEvents: "none",
-              opacity: 0,
-              zIndex: 10,
-              filter: l > 0 ? `blur(${l * 0.15}px)` : void 0,
-              mixBlendMode: u === "neon" ? "screen" : "normal"
-            }
-          }
-        )
-      ]
-    }
-  );
-}
-function Be({
-  threshold: m = 0.2,
-  rootMargin: n = "0px",
-  once: h = !0
-} = {}) {
-  const o = k(null), [l, u] = de(!1);
-  return Z(() => {
-    const d = o.current;
-    if (!d) return;
-    if (typeof IntersectionObserver > "u") {
-      u(!0);
-      return;
-    }
-    const p = new IntersectionObserver(
-      ([a]) => {
-        a.isIntersecting ? (u(!0), h && p.disconnect()) : h || u(!1);
-      },
-      { threshold: m, rootMargin: n }
-    );
-    return p.observe(d), () => p.disconnect();
-  }, [m, n, h]), { ref: o, inView: l };
-}
-function Tr({
-  children: m,
-  stagger: n = 70,
-  duration: h = 700,
-  delay: o = 0,
-  once: l = !0,
-  as: u = "div",
-  className: d = "",
-  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(
-    "span",
-    {
-      "aria-hidden": "true",
-      style: {
-        display: "inline-block",
-        overflow: "hidden",
-        verticalAlign: "top",
-        paddingBottom: "0.15em",
-        marginRight: "0.25em"
-      },
-      children: /* @__PURE__ */ F.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`
-          },
-          children: E
-        }
-      )
-    },
-    x
-  )) });
-}
-function Er(m, n) {
-  switch (m) {
-    case "fade-up":
-      return `translateY(${n}px)`;
-    case "fade-down":
-      return `translateY(${-n}px)`;
-    case "fade-left":
-      return `translateX(${n}px)`;
-    case "fade-right":
-      return `translateX(${-n}px)`;
-    case "zoom":
-      return "scale(0.92)";
-    default:
-      return "none";
-  }
-}
-function Pr({
-  children: m,
-  animation: n = "fade-up",
-  duration: h = 700,
-  delay: o = 0,
-  distance: l = 32,
-  threshold: u = 0.2,
-  once: d = !0,
-  className: p = "",
-  style: a
-}) {
-  const { ref: f, inView: s } = Be({ threshold: u, once: d }), g = ve(), c = s || g;
-  return /* @__PURE__ */ F.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`,
-        willChange: "opacity, transform",
-        ...a
-      },
-      children: m
-    }
-  );
-}
-function Or({
-  children: m,
-  colors: n = ["#6366f1", "#ec4899", "#f59e0b", "#06b6d4"],
-  angle: h = 120,
-  duration: o = 12,
-  className: l = "",
-  style: u
-}) {
-  const d = [...n, n[0]].join(", ");
-  return /* @__PURE__ */ F.jsx(
-    "div",
-    {
-      className: `mcss-gradient-flow ${l}`.trim(),
-      style: {
-        backgroundImage: `linear-gradient(${h}deg, ${d})`,
-        animationDuration: `${o}s`,
-        ...u
-      },
-      children: m
-    }
-  );
-}
-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%`);
-    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}%`);
-    }
-  } 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}%`);
-    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}%`);
-    }
-  }
-  return `polygon(${l.join(", ")})`;
-}
-function jr({
-  origin: m = "left",
-  duration: n = 900,
-  color: h = "#111111",
-  curve: o = 8,
-  resolution: l = 20,
-  blur: u = 0,
-  onComplete: d,
-  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());
-    };
-    return f.current = requestAnimationFrame(c), () => {
-      f.current && cancelAnimationFrame(f.current);
-    };
-  }, [m, n, o, l, d]), /* @__PURE__ */ F.jsx(
-    "div",
-    {
-      ref: a,
-      "aria-hidden": "true",
-      style: {
-        position: "fixed",
-        inset: 0,
-        zIndex: 9999,
-        pointerEvents: "none",
-        background: h,
-        backdropFilter: u > 0 ? `blur(${u}px)` : void 0,
-        WebkitBackdropFilter: u > 0 ? `blur(${u}px)` : void 0,
-        ...p
-      }
-    }
-  );
-}
-function Cr({
-  children: m,
-  origin: n = "left",
-  duration: h = 900,
-  color: o = "#111111",
-  curve: l = 8,
-  blur: u = 0,
-  className: d = "",
-  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;
-      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}%`);
-        }
-        T.push(`${A}% 100%`), T.push(`${A}% 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}%`);
-        }
-        T.push(`100% ${A}%`), T.push(`0% ${A}%`);
-      }
-      R.style.clipPath = `polygon(${T.join(", ")})`, j < 1 ? f.current = requestAnimationFrame(E) : (R.style.clipPath = "none", R.style.display = "none", c(!0));
-    };
-    return f.current = requestAnimationFrame(E), () => {
-      f.current && cancelAnimationFrame(f.current);
-    };
-  }, [n, h, o, l]), /* @__PURE__ */ F.jsxs(
-    "div",
-    {
-      className: `motioncss-wave-reveal ${d}`,
-      style: { position: "relative", overflow: "hidden", ...p },
-      children: [
-        m,
-        !g && /* @__PURE__ */ F.jsx(
-          "div",
-          {
-            ref: a,
-            "aria-hidden": "true",
-            style: {
-              position: "absolute",
-              inset: 0,
-              background: o,
-              backdropFilter: u > 0 ? `blur(${u}px)` : void 0,
-              WebkitBackdropFilter: u > 0 ? `blur(${u}px)` : void 0,
-              zIndex: 10,
-              pointerEvents: "none"
-            }
-          }
-        )
-      ]
-    }
-  );
-}
-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
-};