motioncss-ui 0.1.3 → 0.1.5

package/dist/motioncss-ui.js

@@ -1,942 +0,0 @@
-import Ae, { useRef as Y, useState as Ye, useEffect as oe, useCallback as yr } from "react";
-var K = { exports: {} }, N = {};
-/**
- * @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 De;
-function mr() {
-  if (De) return N;
-  De = 1;
-  var y = Ae, a = Symbol.for("react.element"), d = Symbol.for("react.fragment"), u = Object.prototype.hasOwnProperty, g = y.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, p = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function b(m, o, S) {
-    var f, R = {}, c = null, T = null;
-    S !== void 0 && (c = "" + S), o.key !== void 0 && (c = "" + o.key), o.ref !== void 0 && (T = o.ref);
-    for (f in o) u.call(o, f) && !p.hasOwnProperty(f) && (R[f] = o[f]);
-    if (m && m.defaultProps) for (f in o = m.defaultProps, o) R[f] === void 0 && (R[f] = o[f]);
-    return { $$typeof: a, type: m, key: c, ref: T, props: R, _owner: g.current };
-  }
-  return N.Fragment = d, N.jsx = b, N.jsxs = b, N;
-}
-var U = {};
-/**
- * @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 Fe;
-function hr() {
-  return Fe || (Fe = 1, process.env.NODE_ENV !== "production" && (function() {
-    var y = Ae, a = Symbol.for("react.element"), d = Symbol.for("react.portal"), u = Symbol.for("react.fragment"), g = Symbol.for("react.strict_mode"), p = Symbol.for("react.profiler"), b = Symbol.for("react.provider"), m = Symbol.for("react.context"), o = Symbol.for("react.forward_ref"), S = Symbol.for("react.suspense"), f = Symbol.for("react.suspense_list"), R = Symbol.for("react.memo"), c = Symbol.for("react.lazy"), T = Symbol.for("react.offscreen"), h = Symbol.iterator, _ = "@@iterator";
-    function F(e) {
-      if (e === null || typeof e != "object")
-        return null;
-      var r = h && e[h] || e[_];
-      return typeof r == "function" ? r : null;
-    }
-    var j = y.__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), n = 1; n < r; n++)
-          t[n - 1] = arguments[n];
-        k("error", e, t);
-      }
-    }
-    function k(e, r, t) {
-      {
-        var n = j.ReactDebugCurrentFrame, l = n.getStackAddendum();
-        l !== "" && (r += "%s", t = t.concat([l]));
-        var v = t.map(function(s) {
-          return String(s);
-        });
-        v.unshift("Warning: " + r), Function.prototype.apply.call(console[e], console, v);
-      }
-    }
-    var B = !1, z = !1, H = !1, Le = !1, We = !1, ue;
-    ue = Symbol.for("react.module.reference");
-    function Ve(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === u || e === p || We || e === g || e === S || e === f || Le || e === T || B || z || H || typeof e == "object" && e !== null && (e.$$typeof === c || e.$$typeof === R || e.$$typeof === b || e.$$typeof === m || e.$$typeof === o || // 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 === ue || e.getModuleId !== void 0));
-    }
-    function Ne(e, r, t) {
-      var n = e.displayName;
-      if (n)
-        return n;
-      var l = r.displayName || r.name || "";
-      return l !== "" ? t + "(" + l + ")" : t;
-    }
-    function ce(e) {
-      return e.displayName || "Context";
-    }
-    function D(e) {
-      if (e == null)
-        return null;
-      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 u:
-          return "Fragment";
-        case d:
-          return "Portal";
-        case p:
-          return "Profiler";
-        case g:
-          return "StrictMode";
-        case S:
-          return "Suspense";
-        case f:
-          return "SuspenseList";
-      }
-      if (typeof e == "object")
-        switch (e.$$typeof) {
-          case m:
-            var r = e;
-            return ce(r) + ".Consumer";
-          case b:
-            var t = e;
-            return ce(t._context) + ".Provider";
-          case o:
-            return Ne(e, e.render, "ForwardRef");
-          case R:
-            var n = e.displayName || null;
-            return n !== null ? n : D(e.type) || "Memo";
-          case c: {
-            var l = e, v = l._payload, s = l._init;
-            try {
-              return D(s(v));
-            } catch {
-              return null;
-            }
-          }
-        }
-      return null;
-    }
-    var I = Object.assign, W = 0, le, fe, de, ve, pe, ge, ye;
-    function me() {
-    }
-    me.__reactDisabledLog = !0;
-    function Ue() {
-      {
-        if (W === 0) {
-          le = console.log, fe = console.info, de = console.warn, ve = console.error, pe = console.group, ge = console.groupCollapsed, ye = console.groupEnd;
-          var e = {
-            configurable: !0,
-            enumerable: !0,
-            value: me,
-            writable: !0
-          };
-          Object.defineProperties(console, {
-            info: e,
-            log: e,
-            warn: e,
-            error: e,
-            group: e,
-            groupCollapsed: e,
-            groupEnd: e
-          });
-        }
-        W++;
-      }
-    }
-    function Be() {
-      {
-        if (W--, W === 0) {
-          var e = {
-            configurable: !0,
-            enumerable: !0,
-            writable: !0
-          };
-          Object.defineProperties(console, {
-            log: I({}, e, {
-              value: le
-            }),
-            info: I({}, e, {
-              value: fe
-            }),
-            warn: I({}, e, {
-              value: de
-            }),
-            error: I({}, e, {
-              value: ve
-            }),
-            group: I({}, e, {
-              value: pe
-            }),
-            groupCollapsed: I({}, e, {
-              value: ge
-            }),
-            groupEnd: I({}, e, {
-              value: ye
-            })
-          });
-        }
-        W < 0 && w("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
-      }
-    }
-    var Z = j.ReactCurrentDispatcher, Q;
-    function X(e, r, t) {
-      {
-        if (Q === void 0)
-          try {
-            throw Error();
-          } catch (l) {
-            var n = l.stack.trim().match(/\n( *(at )?)/);
-            Q = n && n[1] || "";
-          }
-        return `
-` + Q + e;
-      }
-    }
-    var ee = !1, q;
-    {
-      var Xe = typeof WeakMap == "function" ? WeakMap : Map;
-      q = new Xe();
-    }
-    function he(e, r) {
-      if (!e || ee)
-        return "";
-      {
-        var t = q.get(e);
-        if (t !== void 0)
-          return t;
-      }
-      var n;
-      ee = !0;
-      var l = Error.prepareStackTrace;
-      Error.prepareStackTrace = void 0;
-      var v;
-      v = Z.current, Z.current = null, Ue();
-      try {
-        if (r) {
-          var s = function() {
-            throw Error();
-          };
-          if (Object.defineProperty(s.prototype, "props", {
-            set: function() {
-              throw Error();
-            }
-          }), typeof Reflect == "object" && Reflect.construct) {
-            try {
-              Reflect.construct(s, []);
-            } catch (C) {
-              n = C;
-            }
-            Reflect.construct(e, [], s);
-          } else {
-            try {
-              s.call();
-            } catch (C) {
-              n = C;
-            }
-            e.call(s.prototype);
-          }
-        } else {
-          try {
-            throw Error();
-          } catch (C) {
-            n = C;
-          }
-          e();
-        }
-      } catch (C) {
-        if (C && n && typeof C.stack == "string") {
-          for (var i = C.stack.split(`
-`), $ = n.stack.split(`
-`), E = i.length - 1, x = $.length - 1; E >= 1 && x >= 0 && i[E] !== $[x]; )
-            x--;
-          for (; E >= 1 && x >= 0; E--, x--)
-            if (i[E] !== $[x]) {
-              if (E !== 1 || x !== 1)
-                do
-                  if (E--, x--, x < 0 || i[E] !== $[x]) {
-                    var O = `
-` + i[E].replace(" at new ", " at ");
-                    return e.displayName && O.includes("<anonymous>") && (O = O.replace("<anonymous>", e.displayName)), typeof e == "function" && q.set(e, O), O;
-                  }
-                while (E >= 1 && x >= 0);
-              break;
-            }
-        }
-      } finally {
-        ee = !1, Z.current = v, Be(), Error.prepareStackTrace = l;
-      }
-      var L = e ? e.displayName || e.name : "", A = L ? X(L) : "";
-      return typeof e == "function" && q.set(e, A), A;
-    }
-    function qe(e, r, t) {
-      return he(e, !1);
-    }
-    function Je(e) {
-      var r = e.prototype;
-      return !!(r && r.isReactComponent);
-    }
-    function J(e, r, t) {
-      if (e == null)
-        return "";
-      if (typeof e == "function")
-        return he(e, Je(e));
-      if (typeof e == "string")
-        return X(e);
-      switch (e) {
-        case S:
-          return X("Suspense");
-        case f:
-          return X("SuspenseList");
-      }
-      if (typeof e == "object")
-        switch (e.$$typeof) {
-          case o:
-            return qe(e.render);
-          case R:
-            return J(e.type, r, t);
-          case c: {
-            var n = e, l = n._payload, v = n._init;
-            try {
-              return J(v(l), r, t);
-            } catch {
-            }
-          }
-        }
-      return "";
-    }
-    var V = Object.prototype.hasOwnProperty, be = {}, Re = j.ReactDebugCurrentFrame;
-    function G(e) {
-      if (e) {
-        var r = e._owner, t = J(e.type, e._source, r ? r.type : null);
-        Re.setExtraStackFrame(t);
-      } else
-        Re.setExtraStackFrame(null);
-    }
-    function Ge(e, r, t, n, l) {
-      {
-        var v = Function.call.bind(V);
-        for (var s in e)
-          if (v(e, s)) {
-            var i = void 0;
-            try {
-              if (typeof e[s] != "function") {
-                var $ = Error((n || "React class") + ": " + t + " type `" + s + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[s] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
-                throw $.name = "Invariant Violation", $;
-              }
-              i = e[s](r, s, n, t, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (E) {
-              i = E;
-            }
-            i && !(i instanceof Error) && (G(l), 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).", n || "React class", t, s, typeof i), G(null)), i instanceof Error && !(i.message in be) && (be[i.message] = !0, G(l), w("Failed %s type: %s", t, i.message), G(null));
-          }
-      }
-    }
-    var Ke = Array.isArray;
-    function re(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 Ee(e), !1;
-      } catch {
-        return !0;
-      }
-    }
-    function Ee(e) {
-      return "" + e;
-    }
-    function _e(e) {
-      if (He(e))
-        return w("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", ze(e)), Ee(e);
-    }
-    var we = j.ReactCurrentOwner, Ze = {
-      key: !0,
-      ref: !0,
-      __self: !0,
-      __source: !0
-    }, xe, Se;
-    function Qe(e) {
-      if (V.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 (V.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" && we.current;
-    }
-    function tr(e, r) {
-      {
-        var t = function() {
-          xe || (xe = !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,
-          configurable: !0
-        });
-      }
-    }
-    function nr(e, r) {
-      {
-        var t = function() {
-          Se || (Se = !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,
-          configurable: !0
-        });
-      }
-    }
-    var ar = function(e, r, t, n, l, v, s) {
-      var i = {
-        // This tag allows us to uniquely identify this as a React Element
-        $$typeof: a,
-        // Built-in properties that belong on the element
-        type: e,
-        key: r,
-        ref: t,
-        props: s,
-        // Record the component responsible for creating this element.
-        _owner: v
-      };
-      return i._store = {}, Object.defineProperty(i._store, "validated", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: !1
-      }), Object.defineProperty(i, "_self", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !1,
-        value: n
-      }), Object.defineProperty(i, "_source", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !1,
-        value: l
-      }), Object.freeze && (Object.freeze(i.props), Object.freeze(i)), i;
-    };
-    function ir(e, r, t, n, l) {
-      {
-        var v, s = {}, i = null, $ = null;
-        t !== void 0 && (_e(t), i = "" + t), er(r) && (_e(r.key), i = "" + r.key), Qe(r) && ($ = r.ref, rr(r, l));
-        for (v in r)
-          V.call(r, v) && !Ze.hasOwnProperty(v) && (s[v] = r[v]);
-        if (e && e.defaultProps) {
-          var E = e.defaultProps;
-          for (v in E)
-            s[v] === void 0 && (s[v] = E[v]);
-        }
-        if (i || $) {
-          var x = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
-          i && tr(s, x), $ && nr(s, x);
-        }
-        return ar(e, i, $, l, n, we.current, s);
-      }
-    }
-    var te = j.ReactCurrentOwner, Te = j.ReactDebugCurrentFrame;
-    function M(e) {
-      if (e) {
-        var r = e._owner, t = J(e.type, e._source, r ? r.type : null);
-        Te.setExtraStackFrame(t);
-      } else
-        Te.setExtraStackFrame(null);
-    }
-    var ne;
-    ne = !1;
-    function ae(e) {
-      return typeof e == "object" && e !== null && e.$$typeof === a;
-    }
-    function $e() {
-      {
-        if (te.current) {
-          var e = D(te.current.type);
-          if (e)
-            return `
-
-Check the render method of \`` + e + "`.";
-        }
-        return "";
-      }
-    }
-    function or(e) {
-      return "";
-    }
-    var Ce = {};
-    function sr(e) {
-      {
-        var r = $e();
-        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 Oe(e, r) {
-      {
-        if (!e._store || e._store.validated || e.key != null)
-          return;
-        e._store.validated = !0;
-        var t = sr(r);
-        if (Ce[t])
-          return;
-        Ce[t] = !0;
-        var n = "";
-        e && e._owner && e._owner !== te.current && (n = " It was passed a child from " + D(e._owner.type) + "."), M(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, n), M(null);
-      }
-    }
-    function je(e, r) {
-      {
-        if (typeof e != "object")
-          return;
-        if (re(e))
-          for (var t = 0; t < e.length; t++) {
-            var n = e[t];
-            ae(n) && Oe(n, r);
-          }
-        else if (ae(e))
-          e._store && (e._store.validated = !0);
-        else if (e) {
-          var l = F(e);
-          if (typeof l == "function" && l !== e.entries)
-            for (var v = l.call(e), s; !(s = v.next()).done; )
-              ae(s.value) && Oe(s.value, r);
-        }
-      }
-    }
-    function ur(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 === o || // Note: Memo only checks outer props here.
-        // Inner props are checked in the reconciler.
-        r.$$typeof === R))
-          t = r.propTypes;
-        else
-          return;
-        if (t) {
-          var n = D(r);
-          Ge(t, e.props, "prop", n, e);
-        } else if (r.PropTypes !== void 0 && !ne) {
-          ne = !0;
-          var l = D(r);
-          w("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", l || "Unknown");
-        }
-        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 cr(e) {
-      {
-        for (var r = Object.keys(e.props), t = 0; t < r.length; t++) {
-          var n = r[t];
-          if (n !== "children" && n !== "key") {
-            M(e), w("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", n), M(null);
-            break;
-          }
-        }
-        e.ref !== null && (M(e), w("Invalid attribute `ref` supplied to `React.Fragment`."), M(null));
-      }
-    }
-    var Pe = {};
-    function ke(e, r, t, n, l, v) {
-      {
-        var s = Ve(e);
-        if (!s) {
-          var i = "";
-          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (i += " 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 $ = or();
-          $ ? i += $ : i += $e();
-          var E;
-          e === null ? E = "null" : re(e) ? E = "array" : e !== void 0 && e.$$typeof === a ? (E = "<" + (D(e.type) || "Unknown") + " />", i = " Did you accidentally export a JSX literal instead of a component?") : E = 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", E, i);
-        }
-        var x = ir(e, r, t, l, v);
-        if (x == null)
-          return x;
-        if (s) {
-          var O = r.children;
-          if (O !== void 0)
-            if (n)
-              if (re(O)) {
-                for (var L = 0; L < O.length; L++)
-                  je(O[L], e);
-                Object.freeze && Object.freeze(O);
-              } else
-                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
-              je(O, e);
-        }
-        if (V.call(r, "key")) {
-          var A = D(e), C = Object.keys(r).filter(function(gr) {
-            return gr !== "key";
-          }), ie = C.length > 0 ? "{key: someKey, " + C.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!Pe[A + ie]) {
-            var pr = 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} />`, ie, A, pr, A), Pe[A + ie] = !0;
-          }
-        }
-        return e === u ? cr(x) : ur(x), x;
-      }
-    }
-    function lr(e, r, t) {
-      return ke(e, r, t, !0);
-    }
-    function fr(e, r, t) {
-      return ke(e, r, t, !1);
-    }
-    var dr = fr, vr = lr;
-    U.Fragment = u, U.jsx = dr, U.jsxs = vr;
-  })()), U;
-}
-var Ie;
-function br() {
-  return Ie || (Ie = 1, process.env.NODE_ENV === "production" ? K.exports = mr() : K.exports = hr()), K.exports;
-}
-var P = br();
-function wr({
-  children: y,
-  strength: a = 0.3,
-  speed: d = 0.25,
-  scale: u = 1,
-  className: g = ""
-}) {
-  const p = Y(null), b = (o) => {
-    const S = p.current;
-    if (!S) return;
-    const f = S.getBoundingClientRect(), R = o.clientX - (f.left + f.width / 2), c = o.clientY - (f.top + f.height / 2);
-    S.style.transform = `
-      translate(${R * a}px, ${c * a}px)
-      scale(${u})
-    `;
-  }, m = () => {
-    const o = p.current;
-    o && (o.style.transform = "translate(0, 0) scale(1)");
-  };
-  return /* @__PURE__ */ P.jsx(
-    "div",
-    {
-      ref: p,
-      className: g,
-      onMouseMove: b,
-      onMouseLeave: m,
-      style: {
-        display: "inline-block",
-        transition: `transform ${d}s ease-out`,
-        willChange: "transform"
-      },
-      children: y
-    }
-  );
-}
-function se() {
-  const [y, a] = Ye(!1);
-  return oe(() => {
-    if (typeof window > "u" || !window.matchMedia) return;
-    const d = window.matchMedia("(prefers-reduced-motion: reduce)");
-    a(d.matches);
-    const u = (g) => a(g.matches);
-    return d.addEventListener("change", u), () => d.removeEventListener("change", u);
-  }, []), y;
-}
-function xr({
-  children: y,
-  tilt: a = 15,
-  scale: d = 1.03,
-  glare: u = !0,
-  perspective: g = 1e3,
-  className: p = "",
-  style: b
-}) {
-  const m = Y(null), o = Y(null), S = se(), f = (c) => {
-    const T = m.current;
-    if (!T || S) return;
-    const h = T.getBoundingClientRect(), _ = (c.clientX - h.left) / h.width, F = (c.clientY - h.top) / h.height, j = (_ - 0.5) * 2 * a, w = (0.5 - F) * 2 * a;
-    T.style.transition = "transform 0.08s linear", T.style.transform = `perspective(${g}px) rotateX(${w}deg) rotateY(${j}deg) scale(${d})`;
-    const k = o.current;
-    k && (k.style.opacity = "1", k.style.background = `radial-gradient(circle at ${_ * 100}% ${F * 100}%, rgba(255,255,255,0.35), transparent 55%)`);
-  }, R = () => {
-    const c = m.current;
-    c && (c.style.transition = "transform 0.4s ease-out", c.style.transform = `perspective(${g}px) rotateX(0deg) rotateY(0deg) scale(1)`, o.current && (o.current.style.opacity = "0"));
-  };
-  return /* @__PURE__ */ P.jsxs(
-    "div",
-    {
-      ref: m,
-      className: p,
-      onMouseMove: f,
-      onMouseLeave: R,
-      style: {
-        position: "relative",
-        transformStyle: "preserve-3d",
-        willChange: "transform",
-        ...b
-      },
-      children: [
-        y,
-        u && /* @__PURE__ */ P.jsx(
-          "div",
-          {
-            ref: o,
-            "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: y,
-  size: a = 320,
-  intensity: d = 0.85,
-  color: u = "#ffffff",
-  blur: g = 60,
-  mode: p = "radial",
-  enabled: b = !0,
-  className: m = "",
-  style: o
-}) {
-  const S = Y(null), f = Y(null), R = Y(!1), c = Rr[p], T = yr(
-    (h, _) => (a / 2 * c.blurScale, g * c.blurScale, p === "neon" ? `radial-gradient(${a * c.blurScale}px circle at ${h}px ${_}px,
-          ${u}33 0%,
-          ${u}22 25%,
-          ${u}11 50%,
-          transparent 75%)` : p === "sharp" ? `radial-gradient(${a * 0.4}px circle at ${h}px ${_}px,
-          ${u}dd 0%,
-          ${u}99 30%,
-          transparent 100%)` : `radial-gradient(${a * c.blurScale}px circle at ${h}px ${_}px,
-        ${u}${Math.round(d * 255).toString(16).padStart(2, "0")} 0%,
-        ${u}${Math.round(d * 0.5 * 255).toString(16).padStart(2, "0")} 40%,
-        transparent 100%)`),
-    [a, d, u, g, p, c]
-  );
-  return oe(() => {
-    if (!b) return;
-    const h = S.current, _ = f.current;
-    if (!h || !_) return;
-    const F = (k) => {
-      const B = h.getBoundingClientRect(), z = k.clientX - B.left, H = k.clientY - B.top;
-      _.style.background = T(z, H), _.style.opacity = String(c.opacity);
-    }, j = () => {
-      R.current = !0, _.style.transition = "opacity 300ms ease", _.style.opacity = String(c.opacity);
-    }, w = () => {
-      R.current = !1, _.style.transition = "opacity 600ms ease", _.style.opacity = "0";
-    };
-    return h.addEventListener("mousemove", F), h.addEventListener("mouseenter", j), h.addEventListener("mouseleave", w), () => {
-      h.removeEventListener("mousemove", F), h.removeEventListener("mouseenter", j), h.removeEventListener("mouseleave", w);
-    };
-  }, [b, T, c]), /* @__PURE__ */ P.jsxs(
-    "div",
-    {
-      ref: S,
-      className: `motioncss-spotlight ${m}`,
-      style: {
-        position: "relative",
-        overflow: "hidden",
-        ...o
-      },
-      children: [
-        y,
-        /* @__PURE__ */ P.jsx(
-          "div",
-          {
-            ref: f,
-            "aria-hidden": "true",
-            style: {
-              position: "absolute",
-              inset: 0,
-              pointerEvents: "none",
-              opacity: 0,
-              zIndex: 10,
-              filter: g > 0 ? `blur(${g * 0.15}px)` : void 0,
-              mixBlendMode: p === "neon" ? "screen" : "normal"
-            }
-          }
-        )
-      ]
-    }
-  );
-}
-function Me({
-  threshold: y = 0.2,
-  rootMargin: a = "0px",
-  once: d = !0
-} = {}) {
-  const u = Y(null), [g, p] = Ye(!1);
-  return oe(() => {
-    const b = u.current;
-    if (!b) return;
-    if (typeof IntersectionObserver > "u") {
-      p(!0);
-      return;
-    }
-    const m = new IntersectionObserver(
-      ([o]) => {
-        o.isIntersecting ? (p(!0), d && m.disconnect()) : d || p(!1);
-      },
-      { threshold: y, rootMargin: a }
-    );
-    return m.observe(b), () => m.disconnect();
-  }, [y, a, d]), { ref: u, inView: g };
-}
-function Tr({
-  children: y,
-  stagger: a = 70,
-  duration: d = 700,
-  delay: u = 0,
-  once: g = !0,
-  as: p = "div",
-  className: b = "",
-  style: m
-}) {
-  const { ref: o, inView: S } = Me({ once: g }), f = se(), R = p, c = y.split(/\s+/).filter(Boolean), T = S || f;
-  return /* @__PURE__ */ P.jsx(R, { ref: o, className: b, style: m, "aria-label": y, children: c.map((h, _) => /* @__PURE__ */ P.jsx(
-    "span",
-    {
-      "aria-hidden": "true",
-      style: {
-        display: "inline-block",
-        overflow: "hidden",
-        verticalAlign: "top",
-        paddingBottom: "0.15em",
-        marginRight: "0.25em"
-      },
-      children: /* @__PURE__ */ P.jsx(
-        "span",
-        {
-          style: {
-            display: "inline-block",
-            transform: T ? "translateY(0)" : "translateY(110%)",
-            opacity: T ? 1 : 0,
-            transition: f ? "none" : `transform ${d}ms cubic-bezier(0.22, 1, 0.36, 1) ${u + _ * a}ms, opacity ${d}ms ease ${u + _ * a}ms`
-          },
-          children: h
-        }
-      )
-    },
-    _
-  )) });
-}
-function Er(y, a) {
-  switch (y) {
-    case "fade-up":
-      return `translateY(${a}px)`;
-    case "fade-down":
-      return `translateY(${-a}px)`;
-    case "fade-left":
-      return `translateX(${a}px)`;
-    case "fade-right":
-      return `translateX(${-a}px)`;
-    case "zoom":
-      return "scale(0.92)";
-    default:
-      return "none";
-  }
-}
-function $r({
-  children: y,
-  animation: a = "fade-up",
-  duration: d = 700,
-  delay: u = 0,
-  distance: g = 32,
-  threshold: p = 0.2,
-  once: b = !0,
-  className: m = "",
-  style: o
-}) {
-  const { ref: S, inView: f } = Me({ threshold: p, once: b }), R = se(), c = f || R;
-  return /* @__PURE__ */ P.jsx(
-    "div",
-    {
-      ref: S,
-      className: m,
-      style: {
-        opacity: c ? 1 : 0,
-        transform: c ? "none" : Er(a, g),
-        transition: R ? "none" : `opacity ${d}ms ease ${u}ms, transform ${d}ms cubic-bezier(0.22, 1, 0.36, 1) ${u}ms`,
-        willChange: "opacity, transform",
-        ...o
-      },
-      children: y
-    }
-  );
-}
-function Cr({
-  children: y,
-  colors: a = ["#6366f1", "#ec4899", "#f59e0b", "#06b6d4"],
-  angle: d = 120,
-  duration: u = 12,
-  className: g = "",
-  style: p
-}) {
-  const b = [...a, a[0]].join(", ");
-  return /* @__PURE__ */ P.jsx(
-    "div",
-    {
-      className: `mcss-gradient-flow ${g}`.trim(),
-      style: {
-        backgroundImage: `linear-gradient(${d}deg, ${b})`,
-        animationDuration: `${u}s`,
-        ...p
-      },
-      children: y
-    }
-  );
-}
-export {
-  Cr as GradientFlow,
-  wr as Magnetic,
-  Tr as RevealText,
-  $r as ScrollReveal,
-  Sr as Spotlight,
-  xr as TiltCard
-};