motioncss-ui 0.1.4 → 0.1.5

package/dist/motioncss-ui.umd.cjs

@@ -1,43 +0,0 @@
-(function(C,b){typeof exports=="object"&&typeof module<"u"?b(exports,require("react")):typeof define=="function"&&define.amd?define(["exports","react"],b):(C=typeof globalThis<"u"?globalThis:C||self,b(C.MotionCSSUI={},C.React))})(this,(function(C,b){"use strict";var q={exports:{}},K={};/**
- * @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 ve;function Ve(){if(ve)return K;ve=1;var m=b,n=Symbol.for("react.element"),h=Symbol.for("react.fragment"),i=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,E=null;f!==void 0&&(c=""+f),a.key!==void 0&&(c=""+a.key),a.ref!==void 0&&(E=a.ref);for(s in a)i.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:E,props:g,_owner:l.current}}return K.Fragment=h,K.jsx=d,K.jsxs=d,K}var z={};/**
- * @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 pe;function Be(){return pe||(pe=1,process.env.NODE_ENV!=="production"&&(function(){var m=b,n=Symbol.for("react.element"),h=Symbol.for("react.portal"),i=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"),E=Symbol.for("react.offscreen"),_=Symbol.iterator,S="@@iterator";function $(e){if(e===null||typeof e!="object")return null;var t=_&&e[_]||e[S];return typeof t=="function"?t:null}var j=m.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function w(e){{for(var t=arguments.length,r=new Array(t>1?t-1:0),o=1;o<t;o++)r[o-1]=arguments[o];M("error",e,r)}}function M(e,t,r){{var o=j.ReactDebugCurrentFrame,R=o.getStackAddendum();R!==""&&(t+="%s",r=r.concat([R]));var x=r.map(function(y){return String(y)});x.unshift("Warning: "+t),Function.prototype.apply.call(console[e],console,x)}}var I=!1,W=!1,D=!1,Y=!1,V=!1,X;X=Symbol.for("react.module.reference");function B(e){return!!(typeof e=="string"||typeof e=="function"||e===i||e===u||V||e===l||e===f||e===s||Y||e===E||I||W||D||typeof e=="object"&&e!==null&&(e.$$typeof===c||e.$$typeof===g||e.$$typeof===d||e.$$typeof===p||e.$$typeof===a||e.$$typeof===X||e.getModuleId!==void 0))}function H(e,t,r){var o=e.displayName;if(o)return o;var R=t.displayName||t.name||"";return R!==""?r+"("+R+")":r}function me(e){return e.displayName||"Context"}function L(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 i: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 t=e;return me(t)+".Consumer";case d:var r=e;return me(r._context)+".Provider";case a:return H(e,e.render,"ForwardRef");case g:var o=e.displayName||null;return o!==null?o:L(e.type)||"Memo";case c:{var R=e,x=R._payload,y=R._init;try{return L(y(x))}catch{return null}}}return null}var N=Object.assign,Z=0,ge,Re,be,Ee,_e,xe,Se;function we(){}we.__reactDisabledLog=!0;function tt(){{if(Z===0){ge=console.log,Re=console.info,be=console.warn,Ee=console.error,_e=console.group,xe=console.groupCollapsed,Se=console.groupEnd;var e={configurable:!0,enumerable:!0,value:we,writable:!0};Object.defineProperties(console,{info:e,log:e,warn:e,error:e,group:e,groupCollapsed:e,groupEnd:e})}Z++}}function rt(){{if(Z--,Z===0){var e={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:N({},e,{value:ge}),info:N({},e,{value:Re}),warn:N({},e,{value:be}),error:N({},e,{value:Ee}),group:N({},e,{value:_e}),groupCollapsed:N({},e,{value:xe}),groupEnd:N({},e,{value:Se})})}Z<0&&w("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}}var oe=j.ReactCurrentDispatcher,ie;function ee(e,t,r){{if(ie===void 0)try{throw Error()}catch(R){var o=R.stack.trim().match(/\n( *(at )?)/);ie=o&&o[1]||""}return`
-`+ie+e}}var se=!1,te;{var nt=typeof WeakMap=="function"?WeakMap:Map;te=new nt}function Te(e,t){if(!e||se)return"";{var r=te.get(e);if(r!==void 0)return r}var o;se=!0;var R=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var x;x=oe.current,oe.current=null,tt();try{if(t){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(k){o=k}Reflect.construct(e,[],y)}else{try{y.call()}catch(k){o=k}e.call(y.prototype)}}else{try{throw Error()}catch(k){o=k}e()}}catch(k){if(k&&o&&typeof k.stack=="string"){for(var v=k.stack.split(`
-`),O=o.stack.split(`
-`),T=v.length-1,P=O.length-1;T>=1&&P>=0&&v[T]!==O[P];)P--;for(;T>=1&&P>=0;T--,P--)if(v[T]!==O[P]){if(T!==1||P!==1)do if(T--,P--,P<0||v[T]!==O[P]){var A=`
-`+v[T].replace(" at new "," at ");return e.displayName&&A.includes("<anonymous>")&&(A=A.replace("<anonymous>",e.displayName)),typeof e=="function"&&te.set(e,A),A}while(T>=1&&P>=0);break}}}finally{se=!1,oe.current=x,rt(),Error.prepareStackTrace=R}var G=e?e.displayName||e.name:"",U=G?ee(G):"";return typeof e=="function"&&te.set(e,U),U}function at(e,t,r){return Te(e,!1)}function ot(e){var t=e.prototype;return!!(t&&t.isReactComponent)}function re(e,t,r){if(e==null)return"";if(typeof e=="function")return Te(e,ot(e));if(typeof e=="string")return ee(e);switch(e){case f:return ee("Suspense");case s:return ee("SuspenseList")}if(typeof e=="object")switch(e.$$typeof){case a:return at(e.render);case g:return re(e.type,t,r);case c:{var o=e,R=o._payload,x=o._init;try{return re(x(R),t,r)}catch{}}}return""}var Q=Object.prototype.hasOwnProperty,Pe={},je=j.ReactDebugCurrentFrame;function ne(e){if(e){var t=e._owner,r=re(e.type,e._source,t?t.type:null);je.setExtraStackFrame(r)}else je.setExtraStackFrame(null)}function it(e,t,r,o,R){{var x=Function.call.bind(Q);for(var y in e)if(x(e,y)){var v=void 0;try{if(typeof e[y]!="function"){var O=Error((o||"React class")+": "+r+" 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 O.name="Invariant Violation",O}v=e[y](t,y,o,r,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(T){v=T}v&&!(v instanceof Error)&&(ne(R),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).",o||"React class",r,y,typeof v),ne(null)),v instanceof Error&&!(v.message in Pe)&&(Pe[v.message]=!0,ne(R),w("Failed %s type: %s",r,v.message),ne(null))}}}var st=Array.isArray;function ce(e){return st(e)}function ct(e){{var t=typeof Symbol=="function"&&Symbol.toStringTag,r=t&&e[Symbol.toStringTag]||e.constructor.name||"Object";return r}}function ut(e){try{return Oe(e),!1}catch{return!0}}function Oe(e){return""+e}function Ce(e){if(ut(e))return w("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.",ct(e)),Oe(e)}var ke=j.ReactCurrentOwner,lt={key:!0,ref:!0,__self:!0,__source:!0},Fe,$e;function ft(e){if(Q.call(e,"ref")){var t=Object.getOwnPropertyDescriptor(e,"ref").get;if(t&&t.isReactWarning)return!1}return e.ref!==void 0}function dt(e){if(Q.call(e,"key")){var t=Object.getOwnPropertyDescriptor(e,"key").get;if(t&&t.isReactWarning)return!1}return e.key!==void 0}function vt(e,t){typeof e.ref=="string"&&ke.current}function pt(e,t){{var r=function(){Fe||(Fe=!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)",t))};r.isReactWarning=!0,Object.defineProperty(e,"key",{get:r,configurable:!0})}}function ht(e,t){{var r=function(){$e||($e=!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)",t))};r.isReactWarning=!0,Object.defineProperty(e,"ref",{get:r,configurable:!0})}}var yt=function(e,t,r,o,R,x,y){var v={$$typeof:n,type:e,key:t,ref:r,props:y,_owner:x};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:o}),Object.defineProperty(v,"_source",{configurable:!1,enumerable:!1,writable:!1,value:R}),Object.freeze&&(Object.freeze(v.props),Object.freeze(v)),v};function mt(e,t,r,o,R){{var x,y={},v=null,O=null;r!==void 0&&(Ce(r),v=""+r),dt(t)&&(Ce(t.key),v=""+t.key),ft(t)&&(O=t.ref,vt(t,R));for(x in t)Q.call(t,x)&&!lt.hasOwnProperty(x)&&(y[x]=t[x]);if(e&&e.defaultProps){var T=e.defaultProps;for(x in T)y[x]===void 0&&(y[x]=T[x])}if(v||O){var P=typeof e=="function"?e.displayName||e.name||"Unknown":e;v&&pt(y,P),O&&ht(y,P)}return yt(e,v,O,R,o,ke.current,y)}}var ue=j.ReactCurrentOwner,Me=j.ReactDebugCurrentFrame;function J(e){if(e){var t=e._owner,r=re(e.type,e._source,t?t.type:null);Me.setExtraStackFrame(r)}else Me.setExtraStackFrame(null)}var le;le=!1;function fe(e){return typeof e=="object"&&e!==null&&e.$$typeof===n}function Ie(){{if(ue.current){var e=L(ue.current.type);if(e)return`
-
-Check the render method of \``+e+"`."}return""}}function gt(e){return""}var Ae={};function Rt(e){{var t=Ie();if(!t){var r=typeof e=="string"?e:e.displayName||e.name;r&&(t=`
-
-Check the top-level render call using <`+r+">.")}return t}}function De(e,t){{if(!e._store||e._store.validated||e.key!=null)return;e._store.validated=!0;var r=Rt(t);if(Ae[r])return;Ae[r]=!0;var o="";e&&e._owner&&e._owner!==ue.current&&(o=" It was passed a child from "+L(e._owner.type)+"."),J(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.',r,o),J(null)}}function Ye(e,t){{if(typeof e!="object")return;if(ce(e))for(var r=0;r<e.length;r++){var o=e[r];fe(o)&&De(o,t)}else if(fe(e))e._store&&(e._store.validated=!0);else if(e){var R=$(e);if(typeof R=="function"&&R!==e.entries)for(var x=R.call(e),y;!(y=x.next()).done;)fe(y.value)&&De(y.value,t)}}}function bt(e){{var t=e.type;if(t==null||typeof t=="string")return;var r;if(typeof t=="function")r=t.propTypes;else if(typeof t=="object"&&(t.$$typeof===a||t.$$typeof===g))r=t.propTypes;else return;if(r){var o=L(t);it(r,e.props,"prop",o,e)}else if(t.PropTypes!==void 0&&!le){le=!0;var R=L(t);w("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",R||"Unknown")}typeof t.getDefaultProps=="function"&&!t.getDefaultProps.isReactClassApproved&&w("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.")}}function Et(e){{for(var t=Object.keys(e.props),r=0;r<t.length;r++){var o=t[r];if(o!=="children"&&o!=="key"){J(e),w("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",o),J(null);break}}e.ref!==null&&(J(e),w("Invalid attribute `ref` supplied to `React.Fragment`."),J(null))}}var Le={};function We(e,t,r,o,R,x){{var y=B(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 O=gt();O?v+=O:v+=Ie();var T;e===null?T="null":ce(e)?T="array":e!==void 0&&e.$$typeof===n?(T="<"+(L(e.type)||"Unknown")+" />",v=" Did you accidentally export a JSX literal instead of a component?"):T=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",T,v)}var P=mt(e,t,r,R,x);if(P==null)return P;if(y){var A=t.children;if(A!==void 0)if(o)if(ce(A)){for(var G=0;G<A.length;G++)Ye(A[G],e);Object.freeze&&Object.freeze(A)}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 Ye(A,e)}if(Q.call(t,"key")){var U=L(e),k=Object.keys(t).filter(function(Pt){return Pt!=="key"}),de=k.length>0?"{key: someKey, "+k.join(": ..., ")+": ...}":"{key: someKey}";if(!Le[U+de]){var Tt=k.length>0?"{"+k.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} />`,de,U,Tt,U),Le[U+de]=!0}}return e===i?Et(P):bt(P),P}}function _t(e,t,r){return We(e,t,r,!0)}function xt(e,t,r){return We(e,t,r,!1)}var St=xt,wt=_t;z.Fragment=i,z.jsx=St,z.jsxs=wt})()),z}var he;function Ne(){return he||(he=1,process.env.NODE_ENV==="production"?q.exports=Ve():q.exports=Be()),q.exports}var F=Ne();function Ue({children:m,strength:n=.3,speed:h=.25,scale:i=1,className:l=""}){const u=b.useRef(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(${i})
-    `},p=()=>{const a=u.current;a&&(a.style.transform="translate(0, 0) scale(1)")};return 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 ae(){const[m,n]=b.useState(!1);return b.useEffect(()=>{if(typeof window>"u"||!window.matchMedia)return;const h=window.matchMedia("(prefers-reduced-motion: reduce)");n(h.matches);const i=l=>n(l.matches);return h.addEventListener("change",i),()=>h.removeEventListener("change",i)},[]),m}function Xe({children:m,tilt:n=15,scale:h=1.03,glare:i=!0,perspective:l=1e3,className:u="",style:d}){const p=b.useRef(null),a=b.useRef(null),f=ae(),s=c=>{const E=p.current;if(!E||f)return;const _=E.getBoundingClientRect(),S=(c.clientX-_.left)/_.width,$=(c.clientY-_.top)/_.height,j=(S-.5)*2*n,w=(.5-$)*2*n;E.style.transition="transform 0.08s linear",E.style.transform=`perspective(${l}px) rotateX(${w}deg) rotateY(${j}deg) scale(${h})`;const M=a.current;M&&(M.style.opacity="1",M.style.background=`radial-gradient(circle at ${S*100}% ${$*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 F.jsxs("div",{ref:p,className:u,onMouseMove:s,onMouseLeave:g,style:{position:"relative",transformStyle:"preserve-3d",willChange:"transform",...d},children:[m,i&&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 Je={radial:{opacity:1,blurScale:1,gradient:"radial"},glow:{opacity:.9,blurScale:1.5,gradient:"radial"},soft:{opacity:.7,blurScale:2,gradient:"radial"},sharp:{opacity:1,blurScale:.3,gradient:"radial"},neon:{opacity:1,blurScale:1.2,gradient:"radial"}};function Ge({children:m,size:n=320,intensity:h=.85,color:i="#ffffff",blur:l=60,mode:u="radial",enabled:d=!0,className:p="",style:a}){const f=b.useRef(null),s=b.useRef(null),g=b.useRef(!1),c=Je[u],E=b.useCallback((_,S)=>(n/2*c.blurScale,l*c.blurScale,u==="neon"?`radial-gradient(${n*c.blurScale}px circle at ${_}px ${S}px,
-          ${i}33 0%,
-          ${i}22 25%,
-          ${i}11 50%,
-          transparent 75%)`:u==="sharp"?`radial-gradient(${n*.4}px circle at ${_}px ${S}px,
-          ${i}dd 0%,
-          ${i}99 30%,
-          transparent 100%)`:`radial-gradient(${n*c.blurScale}px circle at ${_}px ${S}px,
-        ${i}${Math.round(h*255).toString(16).padStart(2,"0")} 0%,
-        ${i}${Math.round(h*.5*255).toString(16).padStart(2,"0")} 40%,
-        transparent 100%)`),[n,h,i,l,u,c]);return b.useEffect(()=>{if(!d)return;const _=f.current,S=s.current;if(!_||!S)return;const $=M=>{const I=_.getBoundingClientRect(),W=M.clientX-I.left,D=M.clientY-I.top;S.style.background=E(W,D),S.style.opacity=String(c.opacity)},j=()=>{g.current=!0,S.style.transition="opacity 300ms ease",S.style.opacity=String(c.opacity)},w=()=>{g.current=!1,S.style.transition="opacity 600ms ease",S.style.opacity="0"};return _.addEventListener("mousemove",$),_.addEventListener("mouseenter",j),_.addEventListener("mouseleave",w),()=>{_.removeEventListener("mousemove",$),_.removeEventListener("mouseenter",j),_.removeEventListener("mouseleave",w)}},[d,E,c]),F.jsxs("div",{ref:f,className:`motioncss-spotlight ${p}`,style:{position:"relative",overflow:"hidden",...a},children:[m,F.jsx("div",{ref:s,"aria-hidden":"true",style:{position:"absolute",inset:0,pointerEvents:"none",opacity:0,zIndex:10,filter:l>0?`blur(${l*.15}px)`:void 0,mixBlendMode:u==="neon"?"screen":"normal"}})]})}function ye({threshold:m=.2,rootMargin:n="0px",once:h=!0}={}){const i=b.useRef(null),[l,u]=b.useState(!1);return b.useEffect(()=>{const d=i.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:i,inView:l}}function Ke({children:m,stagger:n=70,duration:h=700,delay:i=0,once:l=!0,as:u="div",className:d="",style:p}){const{ref:a,inView:f}=ye({once:l}),s=ae(),g=u,c=m.split(/\s+/).filter(Boolean),E=f||s;return F.jsx(g,{ref:a,className:d,style:p,"aria-label":m,children:c.map((_,S)=>F.jsx("span",{"aria-hidden":"true",style:{display:"inline-block",overflow:"hidden",verticalAlign:"top",paddingBottom:"0.15em",marginRight:"0.25em"},children:F.jsx("span",{style:{display:"inline-block",transform:E?"translateY(0)":"translateY(110%)",opacity:E?1:0,transition:s?"none":`transform ${h}ms cubic-bezier(0.22, 1, 0.36, 1) ${i+S*n}ms, opacity ${h}ms ease ${i+S*n}ms`},children:_})},S))})}function ze(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 He({children:m,animation:n="fade-up",duration:h=700,delay:i=0,distance:l=32,threshold:u=.2,once:d=!0,className:p="",style:a}){const{ref:f,inView:s}=ye({threshold:u,once:d}),g=ae(),c=s||g;return F.jsx("div",{ref:f,className:p,style:{opacity:c?1:0,transform:c?"none":ze(n,l),transition:g?"none":`opacity ${h}ms ease ${i}ms, transform ${h}ms cubic-bezier(0.22, 1, 0.36, 1) ${i}ms`,willChange:"opacity, transform",...a},children:m})}function Ze({children:m,colors:n=["#6366f1","#ec4899","#f59e0b","#06b6d4"],angle:h=120,duration:i=12,className:l="",style:u}){const d=[...n,n[0]].join(", ");return F.jsx("div",{className:`mcss-gradient-flow ${l}`.trim(),style:{backgroundImage:`linear-gradient(${h}deg, ${d})`,animationDuration:`${i}s`,...u},children:m})}function Qe(m,n,h,i){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=i;f>=0;f--){const s=f/i,g=s*100,c=Math.sin(s*Math.PI)*u,E=p+(d?c:-c);l.push(`${E}% ${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=i;f>=0;f--){const s=f/i,g=s*100,c=Math.sin(s*Math.PI)*u,E=p+(d?c:-c);l.push(`${g}% ${E}%`)}}return`polygon(${l.join(", ")})`}function qe({origin:m="left",duration:n=900,color:h="#111111",curve:i=8,resolution:l=20,blur:u=0,onComplete:d,style:p}){const a=b.useRef(null),f=b.useRef(null),s=b.useRef(null);return b.useEffect(()=>{const g=a.current;if(!g)return;const c=E=>{s.current||(s.current=E);const _=E-s.current,S=Math.min(_/n,1)*2;g.style.clipPath=Qe(m,S,i,l),S<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,i,l,d]),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 et({children:m,origin:n="left",duration:h=900,color:i="#111111",curve:l=8,blur:u=0,className:d="",style:p}){const a=b.useRef(null),f=b.useRef(null),s=b.useRef(null),[g,c]=b.useState(!1);return b.useEffect(()=>{const E=a.current;if(!E)return;const _=S=>{s.current||(s.current=S);const $=Math.min((S-s.current)/h,1),j=[],w=l,M=20;if(n==="left"||n==="right"){const I=n==="left",W=I?$*100:100-$*100,D=I?150:-50;for(let Y=0;Y<=M;Y++){const V=Y/M,X=V*100,B=Math.sin(V*Math.PI)*w,H=W+(I?B:-B);j.push(`${H}% ${X}%`)}j.push(`${D}% 100%`),j.push(`${D}% 0%`)}else{const I=n==="top",W=I?$*100:100-$*100,D=I?150:-50;for(let Y=0;Y<=M;Y++){const V=Y/M,X=V*100,B=Math.sin(V*Math.PI)*w,H=W+(I?B:-B);j.push(`${X}% ${H}%`)}j.push(`100% ${D}%`),j.push(`0% ${D}%`)}E.style.clipPath=`polygon(${j.join(", ")})`,$<1?f.current=requestAnimationFrame(_):(E.style.clipPath="none",E.style.display="none",c(!0))};return f.current=requestAnimationFrame(_),()=>{f.current&&cancelAnimationFrame(f.current)}},[n,h,i,l]),F.jsxs("div",{className:`motioncss-wave-reveal ${d}`,style:{position:"relative",overflow:"hidden",...p},children:[m,!g&&F.jsx("div",{ref:a,"aria-hidden":"true",style:{position:"absolute",inset:0,background:i,backdropFilter:u>0?`blur(${u}px)`:void 0,WebkitBackdropFilter:u>0?`blur(${u}px)`:void 0,zIndex:10,pointerEvents:"none"}})]})}C.EdgeWave=qe,C.GradientFlow=Ze,C.Magnetic=Ue,C.RevealText=Ke,C.ScrollReveal=He,C.Spotlight=Ge,C.TiltCard=Xe,C.WaveReveal=et,Object.defineProperty(C,Symbol.toStringTag,{value:"Module"})}));