@zomako/elearning-components 2.0.0 → 2.0.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/FlashcardDeck/README.md +2 -2
- package/InteractiveTimeline/README.md +117 -0
- package/InteractiveTimeline/index.tsx +191 -0
- package/InteractiveTimeline/style.module.css +211 -0
- package/MatchingActivity/README.md +104 -0
- package/MatchingActivity/index.tsx +208 -0
- package/MatchingActivity/style.module.css +195 -0
- package/README.md +24 -0
- package/SortingActivity/README.md +96 -0
- package/SortingActivity/index.tsx +228 -0
- package/SortingActivity/style.module.css +200 -0
- package/dist/elearning-components.css +1 -1
- package/dist/elearning-components.es.js +490 -5603
- package/dist/elearning-components.umd.js +8 -16
- package/package.json +4 -1
- package/rollup.config.js +20 -20
- package/src/App.jsx +3 -3
- package/src/components/Accordion/README.md +27 -44
- package/src/components/Accordion/index.tsx +26 -72
- package/src/components/Accordion/style.module.css +13 -2
- package/src/components/FlashcardDeck/FlashcardDeck.css +5 -0
- package/src/components/FlashcardDeck/FlashcardDeck.tsx +3 -7
|
@@ -1,22 +1,14 @@
|
|
|
1
|
-
(function(
|
|
2
|
-
`+
|
|
3
|
-
`),
|
|
4
|
-
`),
|
|
5
|
-
`+
|
|
1
|
+
(function(O,y){typeof exports=="object"&&typeof module<"u"?y(exports,require("react")):typeof define=="function"&&define.amd?define(["exports","react"],y):(O=typeof globalThis<"u"?globalThis:O||self,y(O.ElearningComponents={},O.React))})(this,(function(O,y){"use strict";var M={exports:{}},Y={};var re;function ke(){if(re)return Y;re=1;var f=y,g=Symbol.for("react.element"),k=Symbol.for("react.fragment"),E=Object.prototype.hasOwnProperty,S=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,w={key:!0,ref:!0,__self:!0,__source:!0};function R(j,o,d){var c,h={},C=null,A=null;d!==void 0&&(C=""+d),o.key!==void 0&&(C=""+o.key),o.ref!==void 0&&(A=o.ref);for(c in o)E.call(o,c)&&!w.hasOwnProperty(c)&&(h[c]=o[c]);if(j&&j.defaultProps)for(c in o=j.defaultProps,o)h[c]===void 0&&(h[c]=o[c]);return{$$typeof:g,type:j,key:C,ref:A,props:h,_owner:S.current}}return Y.Fragment=k,Y.jsx=R,Y.jsxs=R,Y}var L={};var te;function Pe(){return te||(te=1,process.env.NODE_ENV!=="production"&&(function(){var f=y,g=Symbol.for("react.element"),k=Symbol.for("react.portal"),E=Symbol.for("react.fragment"),S=Symbol.for("react.strict_mode"),w=Symbol.for("react.profiler"),R=Symbol.for("react.provider"),j=Symbol.for("react.context"),o=Symbol.for("react.forward_ref"),d=Symbol.for("react.suspense"),c=Symbol.for("react.suspense_list"),h=Symbol.for("react.memo"),C=Symbol.for("react.lazy"),A=Symbol.for("react.offscreen"),ae=Symbol.iterator,Ie="@@iterator";function We(e){if(e===null||typeof e!="object")return null;var r=ae&&e[ae]||e[Ie];return typeof r=="function"?r:null}var F=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function b(e){{for(var r=arguments.length,t=new Array(r>1?r-1:0),n=1;n<r;n++)t[n-1]=arguments[n];Ye("error",e,t)}}function Ye(e,r,t){{var n=F.ReactDebugCurrentFrame,s=n.getStackAddendum();s!==""&&(r+="%s",t=t.concat([s]));var l=t.map(function(i){return String(i)});l.unshift("Warning: "+r),Function.prototype.apply.call(console[e],console,l)}}var Le=!1,Ue=!1,Ve=!1,Me=!1,$e=!1,oe;oe=Symbol.for("react.module.reference");function Je(e){return!!(typeof e=="string"||typeof e=="function"||e===E||e===w||$e||e===S||e===d||e===c||Me||e===A||Le||Ue||Ve||typeof e=="object"&&e!==null&&(e.$$typeof===C||e.$$typeof===h||e.$$typeof===R||e.$$typeof===j||e.$$typeof===o||e.$$typeof===oe||e.getModuleId!==void 0))}function Ke(e,r,t){var n=e.displayName;if(n)return n;var s=r.displayName||r.name||"";return s!==""?t+"("+s+")":t}function ie(e){return e.displayName||"Context"}function P(e){if(e==null)return null;if(typeof e.tag=="number"&&b("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 E:return"Fragment";case k:return"Portal";case w:return"Profiler";case S:return"StrictMode";case d:return"Suspense";case c:return"SuspenseList"}if(typeof e=="object")switch(e.$$typeof){case j:var r=e;return ie(r)+".Consumer";case R:var t=e;return ie(t._context)+".Provider";case o:return Ke(e,e.render,"ForwardRef");case h:var n=e.displayName||null;return n!==null?n:P(e.type)||"Memo";case C:{var s=e,l=s._payload,i=s._init;try{return P(i(l))}catch{return null}}}return null}var D=Object.assign,U=0,se,ce,le,ue,fe,de,ve;function pe(){}pe.__reactDisabledLog=!0;function Be(){{if(U===0){se=console.log,ce=console.info,le=console.warn,ue=console.error,fe=console.group,de=console.groupCollapsed,ve=console.groupEnd;var e={configurable:!0,enumerable:!0,value:pe,writable:!0};Object.defineProperties(console,{info:e,log:e,warn:e,error:e,group:e,groupCollapsed:e,groupEnd:e})}U++}}function Ge(){{if(U--,U===0){var e={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:D({},e,{value:se}),info:D({},e,{value:ce}),warn:D({},e,{value:le}),error:D({},e,{value:ue}),group:D({},e,{value:fe}),groupCollapsed:D({},e,{value:de}),groupEnd:D({},e,{value:ve})})}U<0&&b("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}}var G=F.ReactCurrentDispatcher,z;function $(e,r,t){{if(z===void 0)try{throw Error()}catch(s){var n=s.stack.trim().match(/\n( *(at )?)/);z=n&&n[1]||""}return`
|
|
2
|
+
`+z+e}}var X=!1,J;{var ze=typeof WeakMap=="function"?WeakMap:Map;J=new ze}function he(e,r){if(!e||X)return"";{var t=J.get(e);if(t!==void 0)return t}var n;X=!0;var s=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var l;l=G.current,G.current=null,Be();try{if(r){var i=function(){throw Error()};if(Object.defineProperty(i.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(i,[])}catch(m){n=m}Reflect.construct(e,[],i)}else{try{i.call()}catch(m){n=m}e.call(i.prototype)}}else{try{throw Error()}catch(m){n=m}e()}}catch(m){if(m&&n&&typeof m.stack=="string"){for(var a=m.stack.split(`
|
|
3
|
+
`),_=n.stack.split(`
|
|
4
|
+
`),v=a.length-1,p=_.length-1;v>=1&&p>=0&&a[v]!==_[p];)p--;for(;v>=1&&p>=0;v--,p--)if(a[v]!==_[p]){if(v!==1||p!==1)do if(v--,p--,p<0||a[v]!==_[p]){var x=`
|
|
5
|
+
`+a[v].replace(" at new "," at ");return e.displayName&&x.includes("<anonymous>")&&(x=x.replace("<anonymous>",e.displayName)),typeof e=="function"&&J.set(e,x),x}while(v>=1&&p>=0);break}}}finally{X=!1,G.current=l,Ge(),Error.prepareStackTrace=s}var W=e?e.displayName||e.name:"",N=W?$(W):"";return typeof e=="function"&&J.set(e,N),N}function Xe(e,r,t){return he(e,!1)}function qe(e){var r=e.prototype;return!!(r&&r.isReactComponent)}function K(e,r,t){if(e==null)return"";if(typeof e=="function")return he(e,qe(e));if(typeof e=="string")return $(e);switch(e){case d:return $("Suspense");case c:return $("SuspenseList")}if(typeof e=="object")switch(e.$$typeof){case o:return Xe(e.render);case h:return K(e.type,r,t);case C:{var n=e,s=n._payload,l=n._init;try{return K(l(s),r,t)}catch{}}}return""}var V=Object.prototype.hasOwnProperty,ge={},be=F.ReactDebugCurrentFrame;function B(e){if(e){var r=e._owner,t=K(e.type,e._source,r?r.type:null);be.setExtraStackFrame(t)}else be.setExtraStackFrame(null)}function He(e,r,t,n,s){{var l=Function.call.bind(V);for(var i in e)if(l(e,i)){var a=void 0;try{if(typeof e[i]!="function"){var _=Error((n||"React class")+": "+t+" type `"+i+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof e[i]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw _.name="Invariant Violation",_}a=e[i](r,i,n,t,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(v){a=v}a&&!(a instanceof Error)&&(B(s),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).",n||"React class",t,i,typeof a),B(null)),a instanceof Error&&!(a.message in ge)&&(ge[a.message]=!0,B(s),b("Failed %s type: %s",t,a.message),B(null))}}}var Ze=Array.isArray;function q(e){return Ze(e)}function Qe(e){{var r=typeof Symbol=="function"&&Symbol.toStringTag,t=r&&e[Symbol.toStringTag]||e.constructor.name||"Object";return t}}function er(e){try{return _e(e),!1}catch{return!0}}function _e(e){return""+e}function me(e){if(er(e))return b("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.",Qe(e)),_e(e)}var ye=F.ReactCurrentOwner,rr={key:!0,ref:!0,__self:!0,__source:!0},Ee,Re;function tr(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 nr(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 ar(e,r){typeof e.ref=="string"&&ye.current}function or(e,r){{var t=function(){Ee||(Ee=!0,b("%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 ir(e,r){{var t=function(){Re||(Re=!0,b("%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 sr=function(e,r,t,n,s,l,i){var a={$$typeof:g,type:e,key:r,ref:t,props:i,_owner:l};return a._store={},Object.defineProperty(a._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(a,"_self",{configurable:!1,enumerable:!1,writable:!1,value:n}),Object.defineProperty(a,"_source",{configurable:!1,enumerable:!1,writable:!1,value:s}),Object.freeze&&(Object.freeze(a.props),Object.freeze(a)),a};function cr(e,r,t,n,s){{var l,i={},a=null,_=null;t!==void 0&&(me(t),a=""+t),nr(r)&&(me(r.key),a=""+r.key),tr(r)&&(_=r.ref,ar(r,s));for(l in r)V.call(r,l)&&!rr.hasOwnProperty(l)&&(i[l]=r[l]);if(e&&e.defaultProps){var v=e.defaultProps;for(l in v)i[l]===void 0&&(i[l]=v[l])}if(a||_){var p=typeof e=="function"?e.displayName||e.name||"Unknown":e;a&&or(i,p),_&&ir(i,p)}return sr(e,a,_,s,n,ye.current,i)}}var H=F.ReactCurrentOwner,je=F.ReactDebugCurrentFrame;function I(e){if(e){var r=e._owner,t=K(e.type,e._source,r?r.type:null);je.setExtraStackFrame(t)}else je.setExtraStackFrame(null)}var Z;Z=!1;function Q(e){return typeof e=="object"&&e!==null&&e.$$typeof===g}function xe(){{if(H.current){var e=P(H.current.type);if(e)return`
|
|
6
6
|
|
|
7
|
-
Check the render method of \``+
|
|
7
|
+
Check the render method of \``+e+"`."}return""}}function lr(e){return""}var Te={};function ur(e){{var r=xe();if(!r){var t=typeof e=="string"?e:e.displayName||e.name;t&&(r=`
|
|
8
8
|
|
|
9
|
-
Check the top-level render call using <`+
|
|
9
|
+
Check the top-level render call using <`+t+">.")}return r}}function Se(e,r){{if(!e._store||e._store.validated||e.key!=null)return;e._store.validated=!0;var t=ur(r);if(Te[t])return;Te[t]=!0;var n="";e&&e._owner&&e._owner!==H.current&&(n=" It was passed a child from "+P(e._owner.type)+"."),I(e),b('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),I(null)}}function Ce(e,r){{if(typeof e!="object")return;if(q(e))for(var t=0;t<e.length;t++){var n=e[t];Q(n)&&Se(n,r)}else if(Q(e))e._store&&(e._store.validated=!0);else if(e){var s=We(e);if(typeof s=="function"&&s!==e.entries)for(var l=s.call(e),i;!(i=l.next()).done;)Q(i.value)&&Se(i.value,r)}}}function fr(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||r.$$typeof===h))t=r.propTypes;else return;if(t){var n=P(r);He(t,e.props,"prop",n,e)}else if(r.PropTypes!==void 0&&!Z){Z=!0;var s=P(r);b("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",s||"Unknown")}typeof r.getDefaultProps=="function"&&!r.getDefaultProps.isReactClassApproved&&b("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.")}}function dr(e){{for(var r=Object.keys(e.props),t=0;t<r.length;t++){var n=r[t];if(n!=="children"&&n!=="key"){I(e),b("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",n),I(null);break}}e.ref!==null&&(I(e),b("Invalid attribute `ref` supplied to `React.Fragment`."),I(null))}}var we={};function Oe(e,r,t,n,s,l){{var i=Je(e);if(!i){var a="";(e===void 0||typeof e=="object"&&e!==null&&Object.keys(e).length===0)&&(a+=" 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 _=lr();_?a+=_:a+=xe();var v;e===null?v="null":q(e)?v="array":e!==void 0&&e.$$typeof===g?(v="<"+(P(e.type)||"Unknown")+" />",a=" Did you accidentally export a JSX literal instead of a component?"):v=typeof e,b("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",v,a)}var p=cr(e,r,t,s,l);if(p==null)return p;if(i){var x=r.children;if(x!==void 0)if(n)if(q(x)){for(var W=0;W<x.length;W++)Ce(x[W],e);Object.freeze&&Object.freeze(x)}else b("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 Ce(x,e)}if(V.call(r,"key")){var N=P(e),m=Object.keys(r).filter(function(_r){return _r!=="key"}),ee=m.length>0?"{key: someKey, "+m.join(": ..., ")+": ...}":"{key: someKey}";if(!we[N+ee]){var br=m.length>0?"{"+m.join(": ..., ")+": ...}":"{}";b(`A props object containing a "key" prop is being spread into JSX:
|
|
10
10
|
let props = %s;
|
|
11
11
|
<%s {...props} />
|
|
12
12
|
React keys must be passed directly to JSX without using spread:
|
|
13
13
|
let props = %s;
|
|
14
|
-
<%s key={someKey} {...props} />`,di,Dt,oh,Dt),Oo[Dt+di]=!0}}return f===i?eh(K):th(K),K}}function nh(f,g,S){return Fo(f,g,S,!0)}function ih(f,g,S){return Fo(f,g,S,!1)}var sh=ih,rh=nh;Yt.Fragment=i,Yt.jsx=sh,Yt.jsxs=rh})()),Yt}var gi;function No(){return gi||(gi=1,process.env.NODE_ENV==="production"?ue.exports=Bo():ue.exports=_o()),ue.exports}var M=No();const Be=b.createContext({});function _e(t){const e=b.useRef(null);return e.current===null&&(e.current=t()),e.current}const yi=typeof window<"u",vi=yi?b.useLayoutEffect:b.useEffect,ce=b.createContext(null);function Ne(t,e){t.indexOf(e)===-1&&t.push(e)}function fe(t,e){const n=t.indexOf(e);n>-1&&t.splice(n,1)}const lt=(t,e,n)=>n>e?e:n<t?t:n;function We(t,e){return e?`${t}. For more information and steps for solving, visit https://motion.dev/troubleshooting/${e}`:t}let Mt=()=>{},dt=()=>{};typeof process<"u"&&process.env?.NODE_ENV!=="production"&&(Mt=(t,e,n)=>{!t&&typeof console<"u"&&console.warn(We(e,n))},dt=(t,e,n)=>{if(!t)throw new Error(We(e,n))});const pt={},Ti=t=>/^-?(?:\d+(?:\.\d+)?|\.\d+)$/u.test(t);function xi(t){return typeof t=="object"&&t!==null}const bi=t=>/^0[^.\s]+$/u.test(t);function Ue(t){let e;return()=>(e===void 0&&(e=t()),e)}const Q=t=>t,Wo=(t,e)=>n=>e(t(n)),Ht=(...t)=>t.reduce(Wo),Gt=(t,e,n)=>{const i=e-t;return i===0?1:(n-t)/i};class $e{constructor(){this.subscriptions=[]}add(e){return Ne(this.subscriptions,e),()=>fe(this.subscriptions,e)}notify(e,n,i){const s=this.subscriptions.length;if(s)if(s===1)this.subscriptions[0](e,n,i);else for(let o=0;o<s;o++){const r=this.subscriptions[o];r&&r(e,n,i)}}getSize(){return this.subscriptions.length}clear(){this.subscriptions.length=0}}const tt=t=>t*1e3,et=t=>t/1e3;function wi(t,e){return e?t*(1e3/e):0}const Si=new Set;function Ke(t,e,n){t||Si.has(e)||(console.warn(We(e,n)),Si.add(e))}const Pi=(t,e,n)=>(((1-3*n+3*e)*t+(3*n-6*e))*t+3*e)*t,Uo=1e-7,$o=12;function Ko(t,e,n,i,s){let o,r,a=0;do r=e+(n-e)/2,o=Pi(r,i,s)-t,o>0?n=r:e=r;while(Math.abs(o)>Uo&&++a<$o);return r}function Xt(t,e,n,i){if(t===e&&n===i)return Q;const s=o=>Ko(o,0,1,t,n);return o=>o===0||o===1?o:Pi(s(o),e,i)}const Ci=t=>e=>e<=.5?t(2*e)/2:(2-t(2*(1-e)))/2,Ei=t=>e=>1-t(1-e),Ai=Xt(.33,1.53,.69,.99),ze=Ei(Ai),Vi=Ci(ze),Di=t=>(t*=2)<1?.5*ze(t):.5*(2-Math.pow(2,-10*(t-1))),Ye=t=>1-Math.sin(Math.acos(t)),Mi=Ei(Ye),Ri=Ci(Ye),zo=Xt(.42,0,1,1),Yo=Xt(0,0,.58,1),ki=Xt(.42,0,.58,1),Ho=t=>Array.isArray(t)&&typeof t[0]!="number",Li=t=>Array.isArray(t)&&typeof t[0]=="number",ji={linear:Q,easeIn:zo,easeInOut:ki,easeOut:Yo,circIn:Ye,circInOut:Ri,circOut:Mi,backIn:ze,backInOut:Vi,backOut:Ai,anticipate:Di},Go=t=>typeof t=="string",Oi=t=>{if(Li(t)){dt(t.length===4,"Cubic bezier arrays must contain four numerical values.","cubic-bezier-length");const[e,n,i,s]=t;return Xt(e,n,i,s)}else if(Go(t))return dt(ji[t]!==void 0,`Invalid easing type '${t}'`,"invalid-easing-type"),ji[t];return t},he=["setup","read","resolveKeyframes","preUpdate","update","preRender","render","postRender"];function Xo(t,e){let n=new Set,i=new Set,s=!1,o=!1;const r=new WeakSet;let a={delta:0,timestamp:0,isProcessing:!1};function l(u){r.has(u)&&(c.schedule(u),t()),u(a)}const c={schedule:(u,h=!1,d=!1)=>{const m=d&&s?n:i;return h&&r.add(u),m.has(u)||m.add(u),u},cancel:u=>{i.delete(u),r.delete(u)},process:u=>{if(a=u,s){o=!0;return}s=!0,[n,i]=[i,n],n.forEach(l),n.clear(),s=!1,o&&(o=!1,c.process(u))}};return c}const qo=40;function Fi(t,e){let n=!1,i=!0;const s={delta:0,timestamp:0,isProcessing:!1},o=()=>n=!0,r=he.reduce((w,E)=>(w[E]=Xo(o),w),{}),{setup:a,read:l,resolveKeyframes:c,preUpdate:u,update:h,preRender:d,render:p,postRender:m}=r,x=()=>{const w=pt.useManualTiming?s.timestamp:performance.now();n=!1,pt.useManualTiming||(s.delta=i?1e3/60:Math.max(Math.min(w-s.timestamp,qo),1)),s.timestamp=w,s.isProcessing=!0,a.process(s),l.process(s),c.process(s),u.process(s),h.process(s),d.process(s),p.process(s),m.process(s),s.isProcessing=!1,n&&e&&(i=!1,t(x))},T=()=>{n=!0,i=!0,s.isProcessing||t(x)};return{schedule:he.reduce((w,E)=>{const C=r[E];return w[E]=(L,_=!1,A=!1)=>(n||T(),C.schedule(L,_,A)),w},{}),cancel:w=>{for(let E=0;E<he.length;E++)r[he[E]].cancel(w)},state:s,steps:r}}const{schedule:F,cancel:yt,state:Y,steps:He}=Fi(typeof requestAnimationFrame<"u"?requestAnimationFrame:Q,!0);let de;function Zo(){de=void 0}const G={now:()=>(de===void 0&&G.set(Y.isProcessing||pt.useManualTiming?Y.timestamp:performance.now()),de),set:t=>{de=t,queueMicrotask(Zo)}},Ii=t=>e=>typeof e=="string"&&e.startsWith(t),Bi=Ii("--"),Jo=Ii("var(--"),Ge=t=>Jo(t)?Qo.test(t.split("/*")[0].trim()):!1,Qo=/var\(--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)$/iu;function _i(t){return typeof t!="string"?!1:t.split("/*")[0].includes("var(--")}const Rt={test:t=>typeof t=="number",parse:parseFloat,transform:t=>t},qt={...Rt,transform:t=>lt(0,1,t)},pe={...Rt,default:1},Zt=t=>Math.round(t*1e5)/1e5,Xe=/-?(?:\d+(?:\.\d+)?|\.\d+)/gu;function ta(t){return t==null}const ea=/^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))$/iu,qe=(t,e)=>n=>!!(typeof n=="string"&&ea.test(n)&&n.startsWith(t)||e&&!ta(n)&&Object.prototype.hasOwnProperty.call(n,e)),Ni=(t,e,n)=>i=>{if(typeof i!="string")return i;const[s,o,r,a]=i.match(Xe);return{[t]:parseFloat(s),[e]:parseFloat(o),[n]:parseFloat(r),alpha:a!==void 0?parseFloat(a):1}},na=t=>lt(0,255,t),Ze={...Rt,transform:t=>Math.round(na(t))},Pt={test:qe("rgb","red"),parse:Ni("red","green","blue"),transform:({red:t,green:e,blue:n,alpha:i=1})=>"rgba("+Ze.transform(t)+", "+Ze.transform(e)+", "+Ze.transform(n)+", "+Zt(qt.transform(i))+")"};function ia(t){let e="",n="",i="",s="";return t.length>5?(e=t.substring(1,3),n=t.substring(3,5),i=t.substring(5,7),s=t.substring(7,9)):(e=t.substring(1,2),n=t.substring(2,3),i=t.substring(3,4),s=t.substring(4,5),e+=e,n+=n,i+=i,s+=s),{red:parseInt(e,16),green:parseInt(n,16),blue:parseInt(i,16),alpha:s?parseInt(s,16)/255:1}}const Je={test:qe("#"),parse:ia,transform:Pt.transform},Jt=t=>({test:e=>typeof e=="string"&&e.endsWith(t)&&e.split(" ").length===1,parse:parseFloat,transform:e=>`${e}${t}`}),vt=Jt("deg"),ut=Jt("%"),P=Jt("px"),sa=Jt("vh"),ra=Jt("vw"),Wi={...ut,parse:t=>ut.parse(t)/100,transform:t=>ut.transform(t*100)},kt={test:qe("hsl","hue"),parse:Ni("hue","saturation","lightness"),transform:({hue:t,saturation:e,lightness:n,alpha:i=1})=>"hsla("+Math.round(t)+", "+ut.transform(Zt(e))+", "+ut.transform(Zt(n))+", "+Zt(qt.transform(i))+")"},U={test:t=>Pt.test(t)||Je.test(t)||kt.test(t),parse:t=>Pt.test(t)?Pt.parse(t):kt.test(t)?kt.parse(t):Je.parse(t),transform:t=>typeof t=="string"?t:t.hasOwnProperty("red")?Pt.transform(t):kt.transform(t),getAnimatableNone:t=>{const e=U.parse(t);return e.alpha=0,U.transform(e)}},oa=/(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))/giu;function aa(t){return isNaN(t)&&typeof t=="string"&&(t.match(Xe)?.length||0)+(t.match(oa)?.length||0)>0}const Ui="number",$i="color",la="var",ua="var(",Ki="${}",ca=/var\s*\(\s*--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)|#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\)|-?(?:\d+(?:\.\d+)?|\.\d+)/giu;function Qt(t){const e=t.toString(),n=[],i={color:[],number:[],var:[]},s=[];let o=0;const a=e.replace(ca,l=>(U.test(l)?(i.color.push(o),s.push($i),n.push(U.parse(l))):l.startsWith(ua)?(i.var.push(o),s.push(la),n.push(l)):(i.number.push(o),s.push(Ui),n.push(parseFloat(l))),++o,Ki)).split(Ki);return{values:n,split:a,indexes:i,types:s}}function zi(t){return Qt(t).values}function Yi(t){const{split:e,types:n}=Qt(t),i=e.length;return s=>{let o="";for(let r=0;r<i;r++)if(o+=e[r],s[r]!==void 0){const a=n[r];a===Ui?o+=Zt(s[r]):a===$i?o+=U.transform(s[r]):o+=s[r]}return o}}const fa=t=>typeof t=="number"?0:U.test(t)?U.getAnimatableNone(t):t;function ha(t){const e=zi(t);return Yi(t)(e.map(fa))}const Tt={test:aa,parse:zi,createTransformer:Yi,getAnimatableNone:ha};function Qe(t,e,n){return n<0&&(n+=1),n>1&&(n-=1),n<1/6?t+(e-t)*6*n:n<1/2?e:n<2/3?t+(e-t)*(2/3-n)*6:t}function da({hue:t,saturation:e,lightness:n,alpha:i}){t/=360,e/=100,n/=100;let s=0,o=0,r=0;if(!e)s=o=r=n;else{const a=n<.5?n*(1+e):n+e-n*e,l=2*n-a;s=Qe(l,a,t+1/3),o=Qe(l,a,t),r=Qe(l,a,t-1/3)}return{red:Math.round(s*255),green:Math.round(o*255),blue:Math.round(r*255),alpha:i}}function me(t,e){return n=>n>0?e:t}const I=(t,e,n)=>t+(e-t)*n,tn=(t,e,n)=>{const i=t*t,s=n*(e*e-i)+i;return s<0?0:Math.sqrt(s)},pa=[Je,Pt,kt],ma=t=>pa.find(e=>e.test(t));function Hi(t){const e=ma(t);if(Mt(!!e,`'${t}' is not an animatable color. Use the equivalent color code instead.`,"color-not-animatable"),!e)return!1;let n=e.parse(t);return e===kt&&(n=da(n)),n}const Gi=(t,e)=>{const n=Hi(t),i=Hi(e);if(!n||!i)return me(t,e);const s={...n};return o=>(s.red=tn(n.red,i.red,o),s.green=tn(n.green,i.green,o),s.blue=tn(n.blue,i.blue,o),s.alpha=I(n.alpha,i.alpha,o),Pt.transform(s))},en=new Set(["none","hidden"]);function ga(t,e){return en.has(t)?n=>n<=0?t:e:n=>n>=1?e:t}function ya(t,e){return n=>I(t,e,n)}function nn(t){return typeof t=="number"?ya:typeof t=="string"?Ge(t)?me:U.test(t)?Gi:xa:Array.isArray(t)?Xi:typeof t=="object"?U.test(t)?Gi:va:me}function Xi(t,e){const n=[...t],i=n.length,s=t.map((o,r)=>nn(o)(o,e[r]));return o=>{for(let r=0;r<i;r++)n[r]=s[r](o);return n}}function va(t,e){const n={...t,...e},i={};for(const s in n)t[s]!==void 0&&e[s]!==void 0&&(i[s]=nn(t[s])(t[s],e[s]));return s=>{for(const o in i)n[o]=i[o](s);return n}}function Ta(t,e){const n=[],i={color:0,var:0,number:0};for(let s=0;s<e.values.length;s++){const o=e.types[s],r=t.indexes[o][i[o]],a=t.values[r]??0;n[s]=a,i[o]++}return n}const xa=(t,e)=>{const n=Tt.createTransformer(e),i=Qt(t),s=Qt(e);return i.indexes.var.length===s.indexes.var.length&&i.indexes.color.length===s.indexes.color.length&&i.indexes.number.length>=s.indexes.number.length?en.has(t)&&!s.values.length||en.has(e)&&!i.values.length?ga(t,e):Ht(Xi(Ta(i,s),s.values),n):(Mt(!0,`Complex values '${t}' and '${e}' too different to mix. Ensure all colors are of the same type, and that each contains the same quantity of number and color values. Falling back to instant transition.`,"complex-values-different"),me(t,e))};function qi(t,e,n){return typeof t=="number"&&typeof e=="number"&&typeof n=="number"?I(t,e,n):nn(t)(t,e)}const ba=t=>{const e=({timestamp:n})=>t(n);return{start:(n=!0)=>F.update(e,n),stop:()=>yt(e),now:()=>Y.isProcessing?Y.timestamp:G.now()}},Zi=(t,e,n=10)=>{let i="";const s=Math.max(Math.round(e/n),2);for(let o=0;o<s;o++)i+=Math.round(t(o/(s-1))*1e4)/1e4+", ";return`linear(${i.substring(0,i.length-2)})`},ge=2e4;function sn(t){let e=0;const n=50;let i=t.next(e);for(;!i.done&&e<ge;)e+=n,i=t.next(e);return e>=ge?1/0:e}function wa(t,e=100,n){const i=n({...t,keyframes:[0,e]}),s=Math.min(sn(i),ge);return{type:"keyframes",ease:o=>i.next(s*o).value/e,duration:et(s)}}const Sa=5;function Ji(t,e,n){const i=Math.max(e-Sa,0);return wi(n-t(i),e-i)}const B={stiffness:100,damping:10,mass:1,velocity:0,duration:800,bounce:.3,visualDuration:.3,restSpeed:{granular:.01,default:2},restDelta:{granular:.005,default:.5},minDuration:.01,maxDuration:10,minDamping:.05,maxDamping:1},rn=.001;function Pa({duration:t=B.duration,bounce:e=B.bounce,velocity:n=B.velocity,mass:i=B.mass}){let s,o;Mt(t<=tt(B.maxDuration),"Spring duration must be 10 seconds or less","spring-duration-limit");let r=1-e;r=lt(B.minDamping,B.maxDamping,r),t=lt(B.minDuration,B.maxDuration,et(t)),r<1?(s=c=>{const u=c*r,h=u*t,d=u-n,p=on(c,r),m=Math.exp(-h);return rn-d/p*m},o=c=>{const h=c*r*t,d=h*n+n,p=Math.pow(r,2)*Math.pow(c,2)*t,m=Math.exp(-h),x=on(Math.pow(c,2),r);return(-s(c)+rn>0?-1:1)*((d-p)*m)/x}):(s=c=>{const u=Math.exp(-c*t),h=(c-n)*t+1;return-rn+u*h},o=c=>{const u=Math.exp(-c*t),h=(n-c)*(t*t);return u*h});const a=5/t,l=Ea(s,o,a);if(t=tt(t),isNaN(l))return{stiffness:B.stiffness,damping:B.damping,duration:t};{const c=Math.pow(l,2)*i;return{stiffness:c,damping:r*2*Math.sqrt(i*c),duration:t}}}const Ca=12;function Ea(t,e,n){let i=n;for(let s=1;s<Ca;s++)i=i-t(i)/e(i);return i}function on(t,e){return t*Math.sqrt(1-e*e)}const Aa=["duration","bounce"],Va=["stiffness","damping","mass"];function Qi(t,e){return e.some(n=>t[n]!==void 0)}function Da(t){let e={velocity:B.velocity,stiffness:B.stiffness,damping:B.damping,mass:B.mass,isResolvedFromDuration:!1,...t};if(!Qi(t,Va)&&Qi(t,Aa))if(t.visualDuration){const n=t.visualDuration,i=2*Math.PI/(n*1.2),s=i*i,o=2*lt(.05,1,1-(t.bounce||0))*Math.sqrt(s);e={...e,mass:B.mass,stiffness:s,damping:o}}else{const n=Pa(t);e={...e,...n,mass:B.mass},e.isResolvedFromDuration=!0}return e}function ye(t=B.visualDuration,e=B.bounce){const n=typeof t!="object"?{visualDuration:t,keyframes:[0,1],bounce:e}:t;let{restSpeed:i,restDelta:s}=n;const o=n.keyframes[0],r=n.keyframes[n.keyframes.length-1],a={done:!1,value:o},{stiffness:l,damping:c,mass:u,duration:h,velocity:d,isResolvedFromDuration:p}=Da({...n,velocity:-et(n.velocity||0)}),m=d||0,x=c/(2*Math.sqrt(l*u)),T=r-o,y=et(Math.sqrt(l/u)),v=Math.abs(T)<5;i||(i=v?B.restSpeed.granular:B.restSpeed.default),s||(s=v?B.restDelta.granular:B.restDelta.default);let w;if(x<1){const C=on(y,x);w=L=>{const _=Math.exp(-x*y*L);return r-_*((m+x*y*T)/C*Math.sin(C*L)+T*Math.cos(C*L))}}else if(x===1)w=C=>r-Math.exp(-y*C)*(T+(m+y*T)*C);else{const C=y*Math.sqrt(x*x-1);w=L=>{const _=Math.exp(-x*y*L),A=Math.min(C*L,300);return r-_*((m+x*y*T)*Math.sinh(A)+C*T*Math.cosh(A))/C}}const E={calculatedDuration:p&&h||null,next:C=>{const L=w(C);if(p)a.done=C>=h;else{let _=C===0?m:0;x<1&&(_=C===0?tt(m):Ji(w,C,L));const A=Math.abs(_)<=i,R=Math.abs(r-L)<=s;a.done=A&&R}return a.value=a.done?r:L,a},toString:()=>{const C=Math.min(sn(E),ge),L=Zi(_=>E.next(C*_).value,C,30);return C+"ms "+L},toTransition:()=>{}};return E}ye.applyToOptions=t=>{const e=wa(t,100,ye);return t.ease=e.ease,t.duration=tt(e.duration),t.type="keyframes",t};function an({keyframes:t,velocity:e=0,power:n=.8,timeConstant:i=325,bounceDamping:s=10,bounceStiffness:o=500,modifyTarget:r,min:a,max:l,restDelta:c=.5,restSpeed:u}){const h=t[0],d={done:!1,value:h},p=A=>a!==void 0&&A<a||l!==void 0&&A>l,m=A=>a===void 0?l:l===void 0||Math.abs(a-A)<Math.abs(l-A)?a:l;let x=n*e;const T=h+x,y=r===void 0?T:r(T);y!==T&&(x=y-h);const v=A=>-x*Math.exp(-A/i),w=A=>y+v(A),E=A=>{const R=v(A),N=w(A);d.done=Math.abs(R)<=c,d.value=d.done?y:N};let C,L;const _=A=>{p(d.value)&&(C=A,L=ye({keyframes:[d.value,m(d.value)],velocity:Ji(w,A,d.value),damping:s,stiffness:o,restDelta:c,restSpeed:u}))};return _(0),{calculatedDuration:null,next:A=>{let R=!1;return!L&&C===void 0&&(R=!0,E(A),_(A)),C!==void 0&&A>=C?L.next(A-C):(!R&&E(A),d)}}}function Ma(t,e,n){const i=[],s=n||pt.mix||qi,o=t.length-1;for(let r=0;r<o;r++){let a=s(t[r],t[r+1]);if(e){const l=Array.isArray(e)?e[r]||Q:e;a=Ht(l,a)}i.push(a)}return i}function Ra(t,e,{clamp:n=!0,ease:i,mixer:s}={}){const o=t.length;if(dt(o===e.length,"Both input and output ranges must be the same length","range-length"),o===1)return()=>e[0];if(o===2&&e[0]===e[1])return()=>e[1];const r=t[0]===t[1];t[0]>t[o-1]&&(t=[...t].reverse(),e=[...e].reverse());const a=Ma(e,i,s),l=a.length,c=u=>{if(r&&u<t[0])return e[0];let h=0;if(l>1)for(;h<t.length-2&&!(u<t[h+1]);h++);const d=Gt(t[h],t[h+1],u);return a[h](d)};return n?u=>c(lt(t[0],t[o-1],u)):c}function ka(t,e){const n=t[t.length-1];for(let i=1;i<=e;i++){const s=Gt(0,e,i);t.push(I(n,1,s))}}function La(t){const e=[0];return ka(e,t.length-1),e}function ja(t,e){return t.map(n=>n*e)}function Oa(t,e){return t.map(()=>e||ki).splice(0,t.length-1)}function Lt({duration:t=300,keyframes:e,times:n,ease:i="easeInOut"}){const s=Ho(i)?i.map(Oi):Oi(i),o={done:!1,value:e[0]},r=ja(n&&n.length===e.length?n:La(e),t),a=Ra(r,e,{ease:Array.isArray(s)?s:Oa(e,s)});return{calculatedDuration:t,next:l=>(o.value=a(l),o.done=l>=t,o)}}const Fa=t=>t!==null;function ln(t,{repeat:e,repeatType:n="loop"},i,s=1){const o=t.filter(Fa),a=s<0||e&&n!=="loop"&&e%2===1?0:o.length-1;return!a||i===void 0?o[a]:i}const Ia={decay:an,inertia:an,tween:Lt,keyframes:Lt,spring:ye};function ts(t){typeof t.type=="string"&&(t.type=Ia[t.type])}class un{constructor(){this.updateFinished()}get finished(){return this._finished}updateFinished(){this._finished=new Promise(e=>{this.resolve=e})}notifyFinished(){this.resolve()}then(e,n){return this.finished.then(e,n)}}const Ba=t=>t/100;class cn extends un{constructor(e){super(),this.state="idle",this.startTime=null,this.isStopped=!1,this.currentTime=0,this.holdTime=null,this.playbackSpeed=1,this.stop=()=>{const{motionValue:n}=this.options;n&&n.updatedAt!==G.now()&&this.tick(G.now()),this.isStopped=!0,this.state!=="idle"&&(this.teardown(),this.options.onStop?.())},this.options=e,this.initAnimation(),this.play(),e.autoplay===!1&&this.pause()}initAnimation(){const{options:e}=this;ts(e);const{type:n=Lt,repeat:i=0,repeatDelay:s=0,repeatType:o,velocity:r=0}=e;let{keyframes:a}=e;const l=n||Lt;process.env.NODE_ENV!=="production"&&l!==Lt&&dt(a.length<=2,`Only two keyframes currently supported with spring and inertia animations. Trying to animate ${a}`,"spring-two-frames"),l!==Lt&&typeof a[0]!="number"&&(this.mixKeyframes=Ht(Ba,qi(a[0],a[1])),a=[0,100]);const c=l({...e,keyframes:a});o==="mirror"&&(this.mirroredGenerator=l({...e,keyframes:[...a].reverse(),velocity:-r})),c.calculatedDuration===null&&(c.calculatedDuration=sn(c));const{calculatedDuration:u}=c;this.calculatedDuration=u,this.resolvedDuration=u+s,this.totalDuration=this.resolvedDuration*(i+1)-s,this.generator=c}updateTime(e){const n=Math.round(e-this.startTime)*this.playbackSpeed;this.holdTime!==null?this.currentTime=this.holdTime:this.currentTime=n}tick(e,n=!1){const{generator:i,totalDuration:s,mixKeyframes:o,mirroredGenerator:r,resolvedDuration:a,calculatedDuration:l}=this;if(this.startTime===null)return i.next(0);const{delay:c=0,keyframes:u,repeat:h,repeatType:d,repeatDelay:p,type:m,onUpdate:x,finalKeyframe:T}=this.options;this.speed>0?this.startTime=Math.min(this.startTime,e):this.speed<0&&(this.startTime=Math.min(e-s/this.speed,this.startTime)),n?this.currentTime=e:this.updateTime(e);const y=this.currentTime-c*(this.playbackSpeed>=0?1:-1),v=this.playbackSpeed>=0?y<0:y>s;this.currentTime=Math.max(y,0),this.state==="finished"&&this.holdTime===null&&(this.currentTime=s);let w=this.currentTime,E=i;if(h){const A=Math.min(this.currentTime,s)/a;let R=Math.floor(A),N=A%1;!N&&A>=1&&(N=1),N===1&&R--,R=Math.min(R,h+1),R%2&&(d==="reverse"?(N=1-N,p&&(N-=p/a)):d==="mirror"&&(E=r)),w=lt(0,1,N)*a}const C=v?{done:!1,value:u[0]}:E.next(w);o&&(C.value=o(C.value));let{done:L}=C;!v&&l!==null&&(L=this.playbackSpeed>=0?this.currentTime>=s:this.currentTime<=0);const _=this.holdTime===null&&(this.state==="finished"||this.state==="running"&&L);return _&&m!==an&&(C.value=ln(u,this.options,T,this.speed)),x&&x(C.value),_&&this.finish(),C}then(e,n){return this.finished.then(e,n)}get duration(){return et(this.calculatedDuration)}get iterationDuration(){const{delay:e=0}=this.options||{};return this.duration+et(e)}get time(){return et(this.currentTime)}set time(e){e=tt(e),this.currentTime=e,this.startTime===null||this.holdTime!==null||this.playbackSpeed===0?this.holdTime=e:this.driver&&(this.startTime=this.driver.now()-e/this.playbackSpeed),this.driver?.start(!1)}get speed(){return this.playbackSpeed}set speed(e){this.updateTime(G.now());const n=this.playbackSpeed!==e;this.playbackSpeed=e,n&&(this.time=et(this.currentTime))}play(){if(this.isStopped)return;const{driver:e=ba,startTime:n}=this.options;this.driver||(this.driver=e(s=>this.tick(s))),this.options.onPlay?.();const i=this.driver.now();this.state==="finished"?(this.updateFinished(),this.startTime=i):this.holdTime!==null?this.startTime=i-this.holdTime:this.startTime||(this.startTime=n??i),this.state==="finished"&&this.speed<0&&(this.startTime+=this.calculatedDuration),this.holdTime=null,this.state="running",this.driver.start()}pause(){this.state="paused",this.updateTime(G.now()),this.holdTime=this.currentTime}complete(){this.state!=="running"&&this.play(),this.state="finished",this.holdTime=null}finish(){this.notifyFinished(),this.teardown(),this.state="finished",this.options.onComplete?.()}cancel(){this.holdTime=null,this.startTime=0,this.tick(0),this.teardown(),this.options.onCancel?.()}teardown(){this.state="idle",this.stopDriver(),this.startTime=this.holdTime=null}stopDriver(){this.driver&&(this.driver.stop(),this.driver=void 0)}sample(e){return this.startTime=0,this.tick(e,!0)}attachTimeline(e){return this.options.allowFlatten&&(this.options.type="keyframes",this.options.ease="linear",this.initAnimation()),this.driver?.stop(),e.observe(this)}}function _a(t){for(let e=1;e<t.length;e++)t[e]??(t[e]=t[e-1])}const Ct=t=>t*180/Math.PI,fn=t=>{const e=Ct(Math.atan2(t[1],t[0]));return hn(e)},Na={x:4,y:5,translateX:4,translateY:5,scaleX:0,scaleY:3,scale:t=>(Math.abs(t[0])+Math.abs(t[3]))/2,rotate:fn,rotateZ:fn,skewX:t=>Ct(Math.atan(t[1])),skewY:t=>Ct(Math.atan(t[2])),skew:t=>(Math.abs(t[1])+Math.abs(t[2]))/2},hn=t=>(t=t%360,t<0&&(t+=360),t),es=fn,ns=t=>Math.sqrt(t[0]*t[0]+t[1]*t[1]),is=t=>Math.sqrt(t[4]*t[4]+t[5]*t[5]),Wa={x:12,y:13,z:14,translateX:12,translateY:13,translateZ:14,scaleX:ns,scaleY:is,scale:t=>(ns(t)+is(t))/2,rotateX:t=>hn(Ct(Math.atan2(t[6],t[5]))),rotateY:t=>hn(Ct(Math.atan2(-t[2],t[0]))),rotateZ:es,rotate:es,skewX:t=>Ct(Math.atan(t[4])),skewY:t=>Ct(Math.atan(t[1])),skew:t=>(Math.abs(t[1])+Math.abs(t[4]))/2};function dn(t){return t.includes("scale")?1:0}function pn(t,e){if(!t||t==="none")return dn(e);const n=t.match(/^matrix3d\(([-\d.e\s,]+)\)$/u);let i,s;if(n)i=Wa,s=n;else{const a=t.match(/^matrix\(([-\d.e\s,]+)\)$/u);i=Na,s=a}if(!s)return dn(e);const o=i[e],r=s[1].split(",").map($a);return typeof o=="function"?o(r):r[o]}const Ua=(t,e)=>{const{transform:n="none"}=getComputedStyle(t);return pn(n,e)};function $a(t){return parseFloat(t.trim())}const jt=["transformPerspective","x","y","z","translateX","translateY","translateZ","scale","scaleX","scaleY","rotate","rotateX","rotateY","rotateZ","skew","skewX","skewY"],Ot=new Set(jt),ss=t=>t===Rt||t===P,Ka=new Set(["x","y","z"]),za=jt.filter(t=>!Ka.has(t));function Ya(t){const e=[];return za.forEach(n=>{const i=t.getValue(n);i!==void 0&&(e.push([n,i.get()]),i.set(n.startsWith("scale")?1:0))}),e}const xt={width:({x:t},{paddingLeft:e="0",paddingRight:n="0"})=>t.max-t.min-parseFloat(e)-parseFloat(n),height:({y:t},{paddingTop:e="0",paddingBottom:n="0"})=>t.max-t.min-parseFloat(e)-parseFloat(n),top:(t,{top:e})=>parseFloat(e),left:(t,{left:e})=>parseFloat(e),bottom:({y:t},{top:e})=>parseFloat(e)+(t.max-t.min),right:({x:t},{left:e})=>parseFloat(e)+(t.max-t.min),x:(t,{transform:e})=>pn(e,"x"),y:(t,{transform:e})=>pn(e,"y")};xt.translateX=xt.x,xt.translateY=xt.y;const Et=new Set;let mn=!1,gn=!1,yn=!1;function rs(){if(gn){const t=Array.from(Et).filter(i=>i.needsMeasurement),e=new Set(t.map(i=>i.element)),n=new Map;e.forEach(i=>{const s=Ya(i);s.length&&(n.set(i,s),i.render())}),t.forEach(i=>i.measureInitialState()),e.forEach(i=>{i.render();const s=n.get(i);s&&s.forEach(([o,r])=>{i.getValue(o)?.set(r)})}),t.forEach(i=>i.measureEndState()),t.forEach(i=>{i.suspendedScrollY!==void 0&&window.scrollTo(0,i.suspendedScrollY)})}gn=!1,mn=!1,Et.forEach(t=>t.complete(yn)),Et.clear()}function os(){Et.forEach(t=>{t.readKeyframes(),t.needsMeasurement&&(gn=!0)})}function Ha(){yn=!0,os(),rs(),yn=!1}class vn{constructor(e,n,i,s,o,r=!1){this.state="pending",this.isAsync=!1,this.needsMeasurement=!1,this.unresolvedKeyframes=[...e],this.onComplete=n,this.name=i,this.motionValue=s,this.element=o,this.isAsync=r}scheduleResolve(){this.state="scheduled",this.isAsync?(Et.add(this),mn||(mn=!0,F.read(os),F.resolveKeyframes(rs))):(this.readKeyframes(),this.complete())}readKeyframes(){const{unresolvedKeyframes:e,name:n,element:i,motionValue:s}=this;if(e[0]===null){const o=s?.get(),r=e[e.length-1];if(o!==void 0)e[0]=o;else if(i&&n){const a=i.readValue(n,r);a!=null&&(e[0]=a)}e[0]===void 0&&(e[0]=r),s&&o===void 0&&s.set(e[0])}_a(e)}setFinalKeyframe(){}measureInitialState(){}renderEndStyles(){}measureEndState(){}complete(e=!1){this.state="complete",this.onComplete(this.unresolvedKeyframes,this.finalKeyframe,e),Et.delete(this)}cancel(){this.state==="scheduled"&&(Et.delete(this),this.state="pending")}resume(){this.state==="pending"&&this.scheduleResolve()}}const Ga=t=>t.startsWith("--");function Xa(t,e,n){Ga(e)?t.style.setProperty(e,n):t.style[e]=n}const qa=Ue(()=>window.ScrollTimeline!==void 0),Za={};function Ja(t,e){const n=Ue(t);return()=>Za[e]??n()}const as=Ja(()=>{try{document.createElement("div").animate({opacity:0},{easing:"linear(0, 1)"})}catch{return!1}return!0},"linearEasing"),te=([t,e,n,i])=>`cubic-bezier(${t}, ${e}, ${n}, ${i})`,ls={linear:"linear",ease:"ease",easeIn:"ease-in",easeOut:"ease-out",easeInOut:"ease-in-out",circIn:te([0,.65,.55,1]),circOut:te([.55,0,1,.45]),backIn:te([.31,.01,.66,-.59]),backOut:te([.33,1.53,.69,.99])};function us(t,e){if(t)return typeof t=="function"?as()?Zi(t,e):"ease-out":Li(t)?te(t):Array.isArray(t)?t.map(n=>us(n,e)||ls.easeOut):ls[t]}function Qa(t,e,n,{delay:i=0,duration:s=300,repeat:o=0,repeatType:r="loop",ease:a="easeOut",times:l}={},c=void 0){const u={[e]:n};l&&(u.offset=l);const h=us(a,s);Array.isArray(h)&&(u.easing=h);const d={delay:i,duration:s,easing:Array.isArray(h)?"linear":h,fill:"both",iterations:o+1,direction:r==="reverse"?"alternate":"normal"};return c&&(d.pseudoElement=c),t.animate(u,d)}function cs(t){return typeof t=="function"&&"applyToOptions"in t}function tl({type:t,...e}){return cs(t)&&as()?t.applyToOptions(e):(e.duration??(e.duration=300),e.ease??(e.ease="easeOut"),e)}class fs extends un{constructor(e){if(super(),this.finishedTime=null,this.isStopped=!1,this.manualStartTime=null,!e)return;const{element:n,name:i,keyframes:s,pseudoElement:o,allowFlatten:r=!1,finalKeyframe:a,onComplete:l}=e;this.isPseudoElement=!!o,this.allowFlatten=r,this.options=e,dt(typeof e.type!="string",`Mini animate() doesn't support "type" as a string.`,"mini-spring");const c=tl(e);this.animation=Qa(n,i,s,c,o),c.autoplay===!1&&this.animation.pause(),this.animation.onfinish=()=>{if(this.finishedTime=this.time,!o){const u=ln(s,this.options,a,this.speed);this.updateMotionValue?this.updateMotionValue(u):Xa(n,i,u),this.animation.cancel()}l?.(),this.notifyFinished()}}play(){this.isStopped||(this.manualStartTime=null,this.animation.play(),this.state==="finished"&&this.updateFinished())}pause(){this.animation.pause()}complete(){this.animation.finish?.()}cancel(){try{this.animation.cancel()}catch{}}stop(){if(this.isStopped)return;this.isStopped=!0;const{state:e}=this;e==="idle"||e==="finished"||(this.updateMotionValue?this.updateMotionValue():this.commitStyles(),this.isPseudoElement||this.cancel())}commitStyles(){const e=this.options?.element;!this.isPseudoElement&&e?.isConnected&&this.animation.commitStyles?.()}get duration(){const e=this.animation.effect?.getComputedTiming?.().duration||0;return et(Number(e))}get iterationDuration(){const{delay:e=0}=this.options||{};return this.duration+et(e)}get time(){return et(Number(this.animation.currentTime)||0)}set time(e){this.manualStartTime=null,this.finishedTime=null,this.animation.currentTime=tt(e)}get speed(){return this.animation.playbackRate}set speed(e){e<0&&(this.finishedTime=null),this.animation.playbackRate=e}get state(){return this.finishedTime!==null?"finished":this.animation.playState}get startTime(){return this.manualStartTime??Number(this.animation.startTime)}set startTime(e){this.manualStartTime=this.animation.startTime=e}attachTimeline({timeline:e,observe:n}){return this.allowFlatten&&this.animation.effect?.updateTiming({easing:"linear"}),this.animation.onfinish=null,e&&qa()?(this.animation.timeline=e,Q):n(this)}}const hs={anticipate:Di,backInOut:Vi,circInOut:Ri};function el(t){return t in hs}function nl(t){typeof t.ease=="string"&&el(t.ease)&&(t.ease=hs[t.ease])}const Tn=10;class il extends fs{constructor(e){nl(e),ts(e),super(e),e.startTime!==void 0&&(this.startTime=e.startTime),this.options=e}updateMotionValue(e){const{motionValue:n,onUpdate:i,onComplete:s,element:o,...r}=this.options;if(!n)return;if(e!==void 0){n.set(e);return}const a=new cn({...r,autoplay:!1}),l=Math.max(Tn,G.now()-this.startTime),c=lt(0,Tn,l-Tn);n.setWithVelocity(a.sample(Math.max(0,l-c)).value,a.sample(l).value,c),a.stop()}}const ds=(t,e)=>e==="zIndex"?!1:!!(typeof t=="number"||Array.isArray(t)||typeof t=="string"&&(Tt.test(t)||t==="0")&&!t.startsWith("url("));function sl(t){const e=t[0];if(t.length===1)return!0;for(let n=0;n<t.length;n++)if(t[n]!==e)return!0}function rl(t,e,n,i){const s=t[0];if(s===null)return!1;if(e==="display"||e==="visibility")return!0;const o=t[t.length-1],r=ds(s,e),a=ds(o,e);return Mt(r===a,`You are trying to animate ${e} from "${s}" to "${o}". "${r?o:s}" is not an animatable value.`,"value-not-animatable"),!r||!a?!1:sl(t)||(n==="spring"||cs(n))&&i}function xn(t){t.duration=0,t.type="keyframes"}const ol=new Set(["opacity","clipPath","filter","transform"]),al=Ue(()=>Object.hasOwnProperty.call(Element.prototype,"animate"));function ll(t){const{motionValue:e,name:n,repeatDelay:i,repeatType:s,damping:o,type:r}=t;if(!(e?.owner?.current instanceof HTMLElement))return!1;const{onUpdate:l,transformTemplate:c}=e.owner.getProps();return al()&&n&&ol.has(n)&&(n!=="transform"||!c)&&!l&&!i&&s!=="mirror"&&o!==0&&r!=="inertia"}const ul=40;class cl extends un{constructor({autoplay:e=!0,delay:n=0,type:i="keyframes",repeat:s=0,repeatDelay:o=0,repeatType:r="loop",keyframes:a,name:l,motionValue:c,element:u,...h}){super(),this.stop=()=>{this._animation&&(this._animation.stop(),this.stopTimeline?.()),this.keyframeResolver?.cancel()},this.createdAt=G.now();const d={autoplay:e,delay:n,type:i,repeat:s,repeatDelay:o,repeatType:r,name:l,motionValue:c,element:u,...h},p=u?.KeyframeResolver||vn;this.keyframeResolver=new p(a,(m,x,T)=>this.onKeyframesResolved(m,x,d,!T),l,c,u),this.keyframeResolver?.scheduleResolve()}onKeyframesResolved(e,n,i,s){this.keyframeResolver=void 0;const{name:o,type:r,velocity:a,delay:l,isHandoff:c,onUpdate:u}=i;this.resolvedAt=G.now(),rl(e,o,r,a)||((pt.instantAnimations||!l)&&u?.(ln(e,i,n)),e[0]=e[e.length-1],xn(i),i.repeat=0);const d={startTime:s?this.resolvedAt?this.resolvedAt-this.createdAt>ul?this.resolvedAt:this.createdAt:this.createdAt:void 0,finalKeyframe:n,...i,keyframes:e},p=!c&&ll(d),m=d.motionValue?.owner?.current,x=p?new il({...d,element:m}):new cn(d);x.finished.then(()=>{this.notifyFinished()}).catch(Q),this.pendingTimeline&&(this.stopTimeline=x.attachTimeline(this.pendingTimeline),this.pendingTimeline=void 0),this._animation=x}get finished(){return this._animation?this.animation.finished:this._finished}then(e,n){return this.finished.finally(e).then(()=>{})}get animation(){return this._animation||(this.keyframeResolver?.resume(),Ha()),this._animation}get duration(){return this.animation.duration}get iterationDuration(){return this.animation.iterationDuration}get time(){return this.animation.time}set time(e){this.animation.time=e}get speed(){return this.animation.speed}get state(){return this.animation.state}set speed(e){this.animation.speed=e}get startTime(){return this.animation.startTime}attachTimeline(e){return this._animation?this.stopTimeline=this.animation.attachTimeline(e):this.pendingTimeline=e,()=>this.stop()}play(){this.animation.play()}pause(){this.animation.pause()}complete(){this.animation.complete()}cancel(){this._animation&&this.animation.cancel(),this.keyframeResolver?.cancel()}}function ps(t,e,n,i=0,s=1){const o=Array.from(t).sort((c,u)=>c.sortNodePosition(u)).indexOf(e),r=t.size,a=(r-1)*i;return typeof n=="function"?n(o,r):s===1?o*i:a-o*i}const fl=/^var\(--(?:([\w-]+)|([\w-]+), ?([a-zA-Z\d ()%#.,-]+))\)/u;function hl(t){const e=fl.exec(t);if(!e)return[,];const[,n,i,s]=e;return[`--${n??i}`,s]}const dl=4;function ms(t,e,n=1){dt(n<=dl,`Max CSS variable fallback depth detected in property "${t}". This may indicate a circular fallback dependency.`,"max-css-var-depth");const[i,s]=hl(t);if(!i)return;const o=window.getComputedStyle(e).getPropertyValue(i);if(o){const r=o.trim();return Ti(r)?parseFloat(r):r}return Ge(s)?ms(s,e,n+1):s}const pl={type:"spring",stiffness:500,damping:25,restSpeed:10},ml=t=>({type:"spring",stiffness:550,damping:t===0?2*Math.sqrt(550):30,restSpeed:10}),gl={type:"keyframes",duration:.8},yl={type:"keyframes",ease:[.25,.1,.35,1],duration:.3},vl=(t,{keyframes:e})=>e.length>2?gl:Ot.has(t)?t.startsWith("scale")?ml(e[1]):pl:yl,Tl=t=>t!==null;function xl(t,{repeat:e,repeatType:n="loop"},i){const s=t.filter(Tl),o=e&&n!=="loop"&&e%2===1?0:s.length-1;return s[o]}function gs(t,e){if(t?.inherit&&e){const{inherit:n,...i}=t;return{...e,...i}}return t}function bn(t,e){const n=t?.[e]??t?.default??t;return n!==t?gs(n,t):n}function bl({when:t,delay:e,delayChildren:n,staggerChildren:i,staggerDirection:s,repeat:o,repeatType:r,repeatDelay:a,from:l,elapsed:c,...u}){return!!Object.keys(u).length}const wn=(t,e,n,i={},s,o)=>r=>{const a=bn(i,t)||{},l=a.delay||i.delay||0;let{elapsed:c=0}=i;c=c-tt(l);const u={keyframes:Array.isArray(n)?n:[null,n],ease:"easeOut",velocity:e.getVelocity(),...a,delay:-c,onUpdate:d=>{e.set(d),a.onUpdate&&a.onUpdate(d)},onComplete:()=>{r(),a.onComplete&&a.onComplete()},name:t,motionValue:e,element:o?void 0:s};bl(a)||Object.assign(u,vl(t,u)),u.duration&&(u.duration=tt(u.duration)),u.repeatDelay&&(u.repeatDelay=tt(u.repeatDelay)),u.from!==void 0&&(u.keyframes[0]=u.from);let h=!1;if((u.type===!1||u.duration===0&&!u.repeatDelay)&&(xn(u),u.delay===0&&(h=!0)),(pt.instantAnimations||pt.skipAnimations||s?.shouldSkipAnimations)&&(h=!0,xn(u),u.delay=0),u.allowFlatten=!a.type&&!a.ease,h&&!o&&e.get()!==void 0){const d=xl(u.keyframes,a);if(d!==void 0){F.update(()=>{u.onUpdate(d),u.onComplete()});return}}return a.isSync?new cn(u):new cl(u)};function ys(t){const e=[{},{}];return t?.values.forEach((n,i)=>{e[0][i]=n.get(),e[1][i]=n.getVelocity()}),e}function Sn(t,e,n,i){if(typeof e=="function"){const[s,o]=ys(i);e=e(n!==void 0?n:t.custom,s,o)}if(typeof e=="string"&&(e=t.variants&&t.variants[e]),typeof e=="function"){const[s,o]=ys(i);e=e(n!==void 0?n:t.custom,s,o)}return e}function Ft(t,e,n){const i=t.getProps();return Sn(i,e,n!==void 0?n:i.custom,t)}const vs=new Set(["width","height","top","left","right","bottom",...jt]),Ts=30,wl=t=>!isNaN(parseFloat(t));class Sl{constructor(e,n={}){this.canTrackVelocity=null,this.events={},this.updateAndNotify=i=>{const s=G.now();if(this.updatedAt!==s&&this.setPrevFrameValue(),this.prev=this.current,this.setCurrent(i),this.current!==this.prev&&(this.events.change?.notify(this.current),this.dependents))for(const o of this.dependents)o.dirty()},this.hasAnimated=!1,this.setCurrent(e),this.owner=n.owner}setCurrent(e){this.current=e,this.updatedAt=G.now(),this.canTrackVelocity===null&&e!==void 0&&(this.canTrackVelocity=wl(this.current))}setPrevFrameValue(e=this.current){this.prevFrameValue=e,this.prevUpdatedAt=this.updatedAt}onChange(e){return process.env.NODE_ENV!=="production"&&Ke(!1,'value.onChange(callback) is deprecated. Switch to value.on("change", callback).'),this.on("change",e)}on(e,n){this.events[e]||(this.events[e]=new $e);const i=this.events[e].add(n);return e==="change"?()=>{i(),F.read(()=>{this.events.change.getSize()||this.stop()})}:i}clearListeners(){for(const e in this.events)this.events[e].clear()}attach(e,n){this.passiveEffect=e,this.stopPassiveEffect=n}set(e){this.passiveEffect?this.passiveEffect(e,this.updateAndNotify):this.updateAndNotify(e)}setWithVelocity(e,n,i){this.set(n),this.prev=void 0,this.prevFrameValue=e,this.prevUpdatedAt=this.updatedAt-i}jump(e,n=!0){this.updateAndNotify(e),this.prev=e,this.prevUpdatedAt=this.prevFrameValue=void 0,n&&this.stop(),this.stopPassiveEffect&&this.stopPassiveEffect()}dirty(){this.events.change?.notify(this.current)}addDependent(e){this.dependents||(this.dependents=new Set),this.dependents.add(e)}removeDependent(e){this.dependents&&this.dependents.delete(e)}get(){return this.current}getPrevious(){return this.prev}getVelocity(){const e=G.now();if(!this.canTrackVelocity||this.prevFrameValue===void 0||e-this.updatedAt>Ts)return 0;const n=Math.min(this.updatedAt-this.prevUpdatedAt,Ts);return wi(parseFloat(this.current)-parseFloat(this.prevFrameValue),n)}start(e){return this.stop(),new Promise(n=>{this.hasAnimated=!0,this.animation=e(n),this.events.animationStart&&this.events.animationStart.notify()}).then(()=>{this.events.animationComplete&&this.events.animationComplete.notify(),this.clearAnimation()})}stop(){this.animation&&(this.animation.stop(),this.events.animationCancel&&this.events.animationCancel.notify()),this.clearAnimation()}isAnimating(){return!!this.animation}clearAnimation(){delete this.animation}destroy(){this.dependents?.clear(),this.events.destroy?.notify(),this.clearListeners(),this.stop(),this.stopPassiveEffect&&this.stopPassiveEffect()}}function It(t,e){return new Sl(t,e)}const Pn=t=>Array.isArray(t);function Pl(t,e,n){t.hasValue(e)?t.getValue(e).set(n):t.addValue(e,It(n))}function Cl(t){return Pn(t)?t[t.length-1]||0:t}function El(t,e){const n=Ft(t,e);let{transitionEnd:i={},transition:s={},...o}=n||{};o={...o,...i};for(const r in o){const a=Cl(o[r]);Pl(t,r,a)}}const H=t=>!!(t&&t.getVelocity);function Al(t){return!!(H(t)&&t.add)}function Cn(t,e){const n=t.getValue("willChange");if(Al(n))return n.add(e);if(!n&&pt.WillChange){const i=new pt.WillChange("auto");t.addValue("willChange",i),i.add(e)}}function En(t){return t.replace(/([A-Z])/g,e=>`-${e.toLowerCase()}`)}const xs="data-"+En("framerAppearId");function bs(t){return t.props[xs]}function Vl({protectedKeys:t,needsAnimating:e},n){const i=t.hasOwnProperty(n)&&e[n]!==!0;return e[n]=!1,i}function ws(t,e,{delay:n=0,transitionOverride:i,type:s}={}){let{transition:o,transitionEnd:r,...a}=e;const l=t.getDefaultTransition();o=o?gs(o,l):l;const c=o?.reduceMotion;i&&(o=i);const u=[],h=s&&t.animationState&&t.animationState.getState()[s];for(const d in a){const p=t.getValue(d,t.latestValues[d]??null),m=a[d];if(m===void 0||h&&Vl(h,d))continue;const x={delay:n,...bn(o||{},d)},T=p.get();if(T!==void 0&&!p.isAnimating&&!Array.isArray(m)&&m===T&&!x.velocity)continue;let y=!1;if(window.MotionHandoffAnimation){const E=bs(t);if(E){const C=window.MotionHandoffAnimation(E,d,F);C!==null&&(x.startTime=C,y=!0)}}Cn(t,d);const v=c??t.shouldReduceMotion;p.start(wn(d,p,m,v&&vs.has(d)?{type:!1}:x,t,y));const w=p.animation;w&&u.push(w)}if(r){const d=()=>F.update(()=>{r&&El(t,r)});u.length?Promise.all(u).then(d):d()}return u}function An(t,e,n={}){const i=Ft(t,e,n.type==="exit"?t.presenceContext?.custom:void 0);let{transition:s=t.getDefaultTransition()||{}}=i||{};n.transitionOverride&&(s=n.transitionOverride);const o=i?()=>Promise.all(ws(t,i,n)):()=>Promise.resolve(),r=t.variantChildren&&t.variantChildren.size?(l=0)=>{const{delayChildren:c=0,staggerChildren:u,staggerDirection:h}=s;return Dl(t,e,l,c,u,h,n)}:()=>Promise.resolve(),{when:a}=s;if(a){const[l,c]=a==="beforeChildren"?[o,r]:[r,o];return l().then(()=>c())}else return Promise.all([o(),r(n.delay)])}function Dl(t,e,n=0,i=0,s=0,o=1,r){const a=[];for(const l of t.variantChildren)l.notify("AnimationStart",e),a.push(An(l,e,{...r,delay:n+(typeof i=="function"?0:i)+ps(t.variantChildren,l,i,s,o)}).then(()=>l.notify("AnimationComplete",e)));return Promise.all(a)}function Ml(t,e,n={}){t.notify("AnimationStart",e);let i;if(Array.isArray(e)){const s=e.map(o=>An(t,o,n));i=Promise.all(s)}else if(typeof e=="string")i=An(t,e,n);else{const s=typeof e=="function"?Ft(t,e,n.custom):e;i=Promise.all(ws(t,s,n))}return i.then(()=>{t.notify("AnimationComplete",e)})}const Rl={test:t=>t==="auto",parse:t=>t},Ss=t=>e=>e.test(t),Ps=[Rt,P,ut,vt,ra,sa,Rl],Cs=t=>Ps.find(Ss(t));function kl(t){return typeof t=="number"?t===0:t!==null?t==="none"||t==="0"||bi(t):!0}const Ll=new Set(["brightness","contrast","saturate","opacity"]);function jl(t){const[e,n]=t.slice(0,-1).split("(");if(e==="drop-shadow")return t;const[i]=n.match(Xe)||[];if(!i)return t;const s=n.replace(i,"");let o=Ll.has(e)?1:0;return i!==n&&(o*=100),e+"("+o+s+")"}const Ol=/\b([a-z-]*)\(.*?\)/gu,Vn={...Tt,getAnimatableNone:t=>{const e=t.match(Ol);return e?e.map(jl).join(" "):t}},Es={...Rt,transform:Math.round},Dn={borderWidth:P,borderTopWidth:P,borderRightWidth:P,borderBottomWidth:P,borderLeftWidth:P,borderRadius:P,borderTopLeftRadius:P,borderTopRightRadius:P,borderBottomRightRadius:P,borderBottomLeftRadius:P,width:P,maxWidth:P,height:P,maxHeight:P,top:P,right:P,bottom:P,left:P,inset:P,insetBlock:P,insetBlockStart:P,insetBlockEnd:P,insetInline:P,insetInlineStart:P,insetInlineEnd:P,padding:P,paddingTop:P,paddingRight:P,paddingBottom:P,paddingLeft:P,paddingBlock:P,paddingBlockStart:P,paddingBlockEnd:P,paddingInline:P,paddingInlineStart:P,paddingInlineEnd:P,margin:P,marginTop:P,marginRight:P,marginBottom:P,marginLeft:P,marginBlock:P,marginBlockStart:P,marginBlockEnd:P,marginInline:P,marginInlineStart:P,marginInlineEnd:P,fontSize:P,backgroundPositionX:P,backgroundPositionY:P,...{rotate:vt,rotateX:vt,rotateY:vt,rotateZ:vt,scale:pe,scaleX:pe,scaleY:pe,scaleZ:pe,skew:vt,skewX:vt,skewY:vt,distance:P,translateX:P,translateY:P,translateZ:P,x:P,y:P,z:P,perspective:P,transformPerspective:P,opacity:qt,originX:Wi,originY:Wi,originZ:P},zIndex:Es,fillOpacity:qt,strokeOpacity:qt,numOctaves:Es},Fl={...Dn,color:U,backgroundColor:U,outlineColor:U,fill:U,stroke:U,borderColor:U,borderTopColor:U,borderRightColor:U,borderBottomColor:U,borderLeftColor:U,filter:Vn,WebkitFilter:Vn},As=t=>Fl[t];function Vs(t,e){let n=As(t);return n!==Vn&&(n=Tt),n.getAnimatableNone?n.getAnimatableNone(e):void 0}const Il=new Set(["auto","none","0"]);function Bl(t,e,n){let i=0,s;for(;i<t.length&&!s;){const o=t[i];typeof o=="string"&&!Il.has(o)&&Qt(o).values.length&&(s=t[i]),i++}if(s&&n)for(const o of e)t[o]=Vs(n,s)}class _l extends vn{constructor(e,n,i,s,o){super(e,n,i,s,o,!0)}readKeyframes(){const{unresolvedKeyframes:e,element:n,name:i}=this;if(!n||!n.current)return;super.readKeyframes();for(let u=0;u<e.length;u++){let h=e[u];if(typeof h=="string"&&(h=h.trim(),Ge(h))){const d=ms(h,n.current);d!==void 0&&(e[u]=d),u===e.length-1&&(this.finalKeyframe=h)}}if(this.resolveNoneKeyframes(),!vs.has(i)||e.length!==2)return;const[s,o]=e,r=Cs(s),a=Cs(o),l=_i(s),c=_i(o);if(l!==c&&xt[i]){this.needsMeasurement=!0;return}if(r!==a)if(ss(r)&&ss(a))for(let u=0;u<e.length;u++){const h=e[u];typeof h=="string"&&(e[u]=parseFloat(h))}else xt[i]&&(this.needsMeasurement=!0)}resolveNoneKeyframes(){const{unresolvedKeyframes:e,name:n}=this,i=[];for(let s=0;s<e.length;s++)(e[s]===null||kl(e[s]))&&i.push(s);i.length&&Bl(e,i,n)}measureInitialState(){const{element:e,unresolvedKeyframes:n,name:i}=this;if(!e||!e.current)return;i==="height"&&(this.suspendedScrollY=window.pageYOffset),this.measuredOrigin=xt[i](e.measureViewportBox(),window.getComputedStyle(e.current)),n[0]=this.measuredOrigin;const s=n[n.length-1];s!==void 0&&e.getValue(i,s).jump(s,!1)}measureEndState(){const{element:e,name:n,unresolvedKeyframes:i}=this;if(!e||!e.current)return;const s=e.getValue(n);s&&s.jump(this.measuredOrigin,!1);const o=i.length-1,r=i[o];i[o]=xt[n](e.measureViewportBox(),window.getComputedStyle(e.current)),r!==null&&this.finalKeyframe===void 0&&(this.finalKeyframe=r),this.removedTransforms?.length&&this.removedTransforms.forEach(([a,l])=>{e.getValue(a).set(l)}),this.resolveNoneKeyframes()}}const Nl=new Set(["opacity","clipPath","filter","transform"]);function Ds(t,e,n){if(t==null)return[];if(t instanceof EventTarget)return[t];if(typeof t=="string"){let i=document;const s=n?.[t]??i.querySelectorAll(t);return s?Array.from(s):[]}return Array.from(t).filter(i=>i!=null)}const Ms=(t,e)=>e&&typeof t=="number"?e.transform(t):t;function Mn(t){return xi(t)&&"offsetHeight"in t}const{schedule:Rn}=Fi(queueMicrotask,!1),rt={x:!1,y:!1};function Rs(){return rt.x||rt.y}function Wl(t){return t==="x"||t==="y"?rt[t]?null:(rt[t]=!0,()=>{rt[t]=!1}):rt.x||rt.y?null:(rt.x=rt.y=!0,()=>{rt.x=rt.y=!1})}function ks(t,e){const n=Ds(t),i=new AbortController,s={passive:!0,...e,signal:i.signal};return[n,s,()=>i.abort()]}function Ul(t){return!(t.pointerType==="touch"||Rs())}function $l(t,e,n={}){const[i,s,o]=ks(t,n);return i.forEach(r=>{let a=!1,l=!1,c;const u=()=>{r.removeEventListener("pointerleave",m)},h=T=>{c&&(c(T),c=void 0),u()},d=T=>{a=!1,window.removeEventListener("pointerup",d),window.removeEventListener("pointercancel",d),l&&(l=!1,h(T))},p=()=>{a=!0,window.addEventListener("pointerup",d,s),window.addEventListener("pointercancel",d,s)},m=T=>{if(T.pointerType!=="touch"){if(a){l=!0;return}h(T)}},x=T=>{if(!Ul(T))return;l=!1;const y=e(r,T);typeof y=="function"&&(c=y,r.addEventListener("pointerleave",m,s))};r.addEventListener("pointerenter",x,s),r.addEventListener("pointerdown",p,s)}),o}const Ls=(t,e)=>e?t===e?!0:Ls(t,e.parentElement):!1,kn=t=>t.pointerType==="mouse"?typeof t.button!="number"||t.button<=0:t.isPrimary!==!1,Kl=new Set(["BUTTON","INPUT","SELECT","TEXTAREA","A"]);function zl(t){return Kl.has(t.tagName)||t.isContentEditable===!0}const Yl=new Set(["INPUT","SELECT","TEXTAREA"]);function Hl(t){return Yl.has(t.tagName)||t.isContentEditable===!0}const ve=new WeakSet;function js(t){return e=>{e.key==="Enter"&&t(e)}}function Ln(t,e){t.dispatchEvent(new PointerEvent("pointer"+e,{isPrimary:!0,bubbles:!0}))}const Gl=(t,e)=>{const n=t.currentTarget;if(!n)return;const i=js(()=>{if(ve.has(n))return;Ln(n,"down");const s=js(()=>{Ln(n,"up")}),o=()=>Ln(n,"cancel");n.addEventListener("keyup",s,e),n.addEventListener("blur",o,e)});n.addEventListener("keydown",i,e),n.addEventListener("blur",()=>n.removeEventListener("keydown",i),e)};function Os(t){return kn(t)&&!Rs()}const Fs=new WeakSet;function Xl(t,e,n={}){const[i,s,o]=ks(t,n),r=a=>{const l=a.currentTarget;if(!Os(a)||Fs.has(a))return;ve.add(l),n.stopPropagation&&Fs.add(a);const c=e(l,a),u=(p,m)=>{window.removeEventListener("pointerup",h),window.removeEventListener("pointercancel",d),ve.has(l)&&ve.delete(l),Os(p)&&typeof c=="function"&&c(p,{success:m})},h=p=>{u(p,l===window||l===document||n.useGlobalTarget||Ls(l,p.target))},d=p=>{u(p,!1)};window.addEventListener("pointerup",h,s),window.addEventListener("pointercancel",d,s)};return i.forEach(a=>{(n.useGlobalTarget?window:a).addEventListener("pointerdown",r,s),Mn(a)&&(a.addEventListener("focus",c=>Gl(c,s)),!zl(a)&&!a.hasAttribute("tabindex")&&(a.tabIndex=0))}),o}function jn(t){return xi(t)&&"ownerSVGElement"in t}const Te=new WeakMap;let xe;const Is=(t,e,n)=>(i,s)=>s&&s[0]?s[0][t+"Size"]:jn(i)&&"getBBox"in i?i.getBBox()[e]:i[n],ql=Is("inline","width","offsetWidth"),Zl=Is("block","height","offsetHeight");function Jl({target:t,borderBoxSize:e}){Te.get(t)?.forEach(n=>{n(t,{get width(){return ql(t,e)},get height(){return Zl(t,e)}})})}function Ql(t){t.forEach(Jl)}function tu(){typeof ResizeObserver>"u"||(xe=new ResizeObserver(Ql))}function eu(t,e){xe||tu();const n=Ds(t);return n.forEach(i=>{let s=Te.get(i);s||(s=new Set,Te.set(i,s)),s.add(e),xe?.observe(i)}),()=>{n.forEach(i=>{const s=Te.get(i);s?.delete(e),s?.size||xe?.unobserve(i)})}}const be=new Set;let Bt;function nu(){Bt=()=>{const t={get width(){return window.innerWidth},get height(){return window.innerHeight}};be.forEach(e=>e(t))},window.addEventListener("resize",Bt)}function iu(t){return be.add(t),Bt||nu(),()=>{be.delete(t),!be.size&&typeof Bt=="function"&&(window.removeEventListener("resize",Bt),Bt=void 0)}}function Bs(t,e){return typeof t=="function"?iu(t):eu(t,e)}function su(t){return jn(t)&&t.tagName==="svg"}const ru=[...Ps,U,Tt],ou=t=>ru.find(Ss(t)),_s=()=>({translate:0,scale:1,origin:0,originPoint:0}),_t=()=>({x:_s(),y:_s()}),Ns=()=>({min:0,max:0}),z=()=>({x:Ns(),y:Ns()}),au=new WeakMap;function we(t){return t!==null&&typeof t=="object"&&typeof t.start=="function"}function ee(t){return typeof t=="string"||Array.isArray(t)}const On=["animate","whileInView","whileFocus","whileHover","whileTap","whileDrag","exit"],Fn=["initial",...On];function Se(t){return we(t.animate)||Fn.some(e=>ee(t[e]))}function Ws(t){return!!(Se(t)||t.variants)}function lu(t,e,n){for(const i in e){const s=e[i],o=n[i];if(H(s))t.addValue(i,s);else if(H(o))t.addValue(i,It(s,{owner:t}));else if(o!==s)if(t.hasValue(i)){const r=t.getValue(i);r.liveStyle===!0?r.jump(s):r.hasAnimated||r.set(s)}else{const r=t.getStaticValue(i);t.addValue(i,It(r!==void 0?r:s,{owner:t}))}}for(const i in n)e[i]===void 0&&t.removeValue(i);return e}const In={current:null},Us={current:!1},uu=typeof window<"u";function cu(){if(Us.current=!0,!!uu)if(window.matchMedia){const t=window.matchMedia("(prefers-reduced-motion)"),e=()=>In.current=t.matches;t.addEventListener("change",e),e()}else In.current=!1}const $s=["AnimationStart","AnimationComplete","Update","BeforeLayoutMeasure","LayoutMeasure","LayoutAnimationStart","LayoutAnimationComplete"];let Pe={};function Ks(t){Pe=t}function fu(){return Pe}class hu{scrapeMotionValuesFromProps(e,n,i){return{}}constructor({parent:e,props:n,presenceContext:i,reducedMotionConfig:s,skipAnimations:o,blockInitialAnimation:r,visualState:a},l={}){this.current=null,this.children=new Set,this.isVariantNode=!1,this.isControllingVariants=!1,this.shouldReduceMotion=null,this.shouldSkipAnimations=!1,this.values=new Map,this.KeyframeResolver=vn,this.features={},this.valueSubscriptions=new Map,this.prevMotionValues={},this.hasBeenMounted=!1,this.events={},this.propEventSubscriptions={},this.notifyUpdate=()=>this.notify("Update",this.latestValues),this.render=()=>{this.current&&(this.triggerBuild(),this.renderInstance(this.current,this.renderState,this.props.style,this.projection))},this.renderScheduledAt=0,this.scheduleRender=()=>{const p=G.now();this.renderScheduledAt<p&&(this.renderScheduledAt=p,F.render(this.render,!1,!0))};const{latestValues:c,renderState:u}=a;this.latestValues=c,this.baseTarget={...c},this.initialValues=n.initial?{...c}:{},this.renderState=u,this.parent=e,this.props=n,this.presenceContext=i,this.depth=e?e.depth+1:0,this.reducedMotionConfig=s,this.skipAnimationsConfig=o,this.options=l,this.blockInitialAnimation=!!r,this.isControllingVariants=Se(n),this.isVariantNode=Ws(n),this.isVariantNode&&(this.variantChildren=new Set),this.manuallyAnimateOnMount=!!(e&&e.current);const{willChange:h,...d}=this.scrapeMotionValuesFromProps(n,{},this);for(const p in d){const m=d[p];c[p]!==void 0&&H(m)&&m.set(c[p])}}mount(e){if(this.hasBeenMounted)for(const n in this.initialValues)this.values.get(n)?.jump(this.initialValues[n]),this.latestValues[n]=this.initialValues[n];this.current=e,au.set(e,this),this.projection&&!this.projection.instance&&this.projection.mount(e),this.parent&&this.isVariantNode&&!this.isControllingVariants&&(this.removeFromVariantTree=this.parent.addVariantChild(this)),this.values.forEach((n,i)=>this.bindToMotionValue(i,n)),this.reducedMotionConfig==="never"?this.shouldReduceMotion=!1:this.reducedMotionConfig==="always"?this.shouldReduceMotion=!0:(Us.current||cu(),this.shouldReduceMotion=In.current),process.env.NODE_ENV!=="production"&&Ke(this.shouldReduceMotion!==!0,"You have Reduced Motion enabled on your device. Animations may not appear as expected.","reduced-motion-disabled"),this.shouldSkipAnimations=this.skipAnimationsConfig??!1,this.parent?.addChild(this),this.update(this.props,this.presenceContext),this.hasBeenMounted=!0}unmount(){this.projection&&this.projection.unmount(),yt(this.notifyUpdate),yt(this.render),this.valueSubscriptions.forEach(e=>e()),this.valueSubscriptions.clear(),this.removeFromVariantTree&&this.removeFromVariantTree(),this.parent?.removeChild(this);for(const e in this.events)this.events[e].clear();for(const e in this.features){const n=this.features[e];n&&(n.unmount(),n.isMounted=!1)}this.current=null}addChild(e){this.children.add(e),this.enteringChildren??(this.enteringChildren=new Set),this.enteringChildren.add(e)}removeChild(e){this.children.delete(e),this.enteringChildren&&this.enteringChildren.delete(e)}bindToMotionValue(e,n){if(this.valueSubscriptions.has(e)&&this.valueSubscriptions.get(e)(),n.accelerate&&Nl.has(e)&&this.current instanceof HTMLElement){const{factory:r,keyframes:a,times:l,ease:c,duration:u}=n.accelerate,h=new fs({element:this.current,name:e,keyframes:a,times:l,ease:c,duration:tt(u)}),d=r(h);this.valueSubscriptions.set(e,()=>{d(),h.cancel()});return}const i=Ot.has(e);i&&this.onBindTransform&&this.onBindTransform();const s=n.on("change",r=>{this.latestValues[e]=r,this.props.onUpdate&&F.preRender(this.notifyUpdate),i&&this.projection&&(this.projection.isTransformDirty=!0),this.scheduleRender()});let o;typeof window<"u"&&window.MotionCheckAppearSync&&(o=window.MotionCheckAppearSync(this,e,n)),this.valueSubscriptions.set(e,()=>{s(),o&&o(),n.owner&&n.stop()})}sortNodePosition(e){return!this.current||!this.sortInstanceNodePosition||this.type!==e.type?0:this.sortInstanceNodePosition(this.current,e.current)}updateFeatures(){let e="animation";for(e in Pe){const n=Pe[e];if(!n)continue;const{isEnabled:i,Feature:s}=n;if(!this.features[e]&&s&&i(this.props)&&(this.features[e]=new s(this)),this.features[e]){const o=this.features[e];o.isMounted?o.update():(o.mount(),o.isMounted=!0)}}}triggerBuild(){this.build(this.renderState,this.latestValues,this.props)}measureViewportBox(){return this.current?this.measureInstanceViewportBox(this.current,this.props):z()}getStaticValue(e){return this.latestValues[e]}setStaticValue(e,n){this.latestValues[e]=n}update(e,n){(e.transformTemplate||this.props.transformTemplate)&&this.scheduleRender(),this.prevProps=this.props,this.props=e,this.prevPresenceContext=this.presenceContext,this.presenceContext=n;for(let i=0;i<$s.length;i++){const s=$s[i];this.propEventSubscriptions[s]&&(this.propEventSubscriptions[s](),delete this.propEventSubscriptions[s]);const o="on"+s,r=e[o];r&&(this.propEventSubscriptions[s]=this.on(s,r))}this.prevMotionValues=lu(this,this.scrapeMotionValuesFromProps(e,this.prevProps||{},this),this.prevMotionValues),this.handleChildMotionValue&&this.handleChildMotionValue()}getProps(){return this.props}getVariant(e){return this.props.variants?this.props.variants[e]:void 0}getDefaultTransition(){return this.props.transition}getTransformPagePoint(){return this.props.transformPagePoint}getClosestVariantNode(){return this.isVariantNode?this:this.parent?this.parent.getClosestVariantNode():void 0}addVariantChild(e){const n=this.getClosestVariantNode();if(n)return n.variantChildren&&n.variantChildren.add(e),()=>n.variantChildren.delete(e)}addValue(e,n){const i=this.values.get(e);n!==i&&(i&&this.removeValue(e),this.bindToMotionValue(e,n),this.values.set(e,n),this.latestValues[e]=n.get())}removeValue(e){this.values.delete(e);const n=this.valueSubscriptions.get(e);n&&(n(),this.valueSubscriptions.delete(e)),delete this.latestValues[e],this.removeValueFromRenderState(e,this.renderState)}hasValue(e){return this.values.has(e)}getValue(e,n){if(this.props.values&&this.props.values[e])return this.props.values[e];let i=this.values.get(e);return i===void 0&&n!==void 0&&(i=It(n===null?void 0:n,{owner:this}),this.addValue(e,i)),i}readValue(e,n){let i=this.latestValues[e]!==void 0||!this.current?this.latestValues[e]:this.getBaseTargetFromProps(this.props,e)??this.readValueFromInstance(this.current,e,this.options);return i!=null&&(typeof i=="string"&&(Ti(i)||bi(i))?i=parseFloat(i):!ou(i)&&Tt.test(n)&&(i=Vs(e,n)),this.setBaseTarget(e,H(i)?i.get():i)),H(i)?i.get():i}setBaseTarget(e,n){this.baseTarget[e]=n}getBaseTarget(e){const{initial:n}=this.props;let i;if(typeof n=="string"||typeof n=="object"){const o=Sn(this.props,n,this.presenceContext?.custom);o&&(i=o[e])}if(n&&i!==void 0)return i;const s=this.getBaseTargetFromProps(this.props,e);return s!==void 0&&!H(s)?s:this.initialValues[e]!==void 0&&i===void 0?void 0:this.baseTarget[e]}on(e,n){return this.events[e]||(this.events[e]=new $e),this.events[e].add(n)}notify(e,...n){this.events[e]&&this.events[e].notify(...n)}scheduleRenderMicrotask(){Rn.render(this.render)}}class zs extends hu{constructor(){super(...arguments),this.KeyframeResolver=_l}sortInstanceNodePosition(e,n){return e.compareDocumentPosition(n)&2?1:-1}getBaseTargetFromProps(e,n){const i=e.style;return i?i[n]:void 0}removeValueFromRenderState(e,{vars:n,style:i}){delete n[e],delete i[e]}handleChildMotionValue(){this.childSubscription&&(this.childSubscription(),delete this.childSubscription);const{children:e}=this.props;H(e)&&(this.childSubscription=e.on("change",n=>{this.current&&(this.current.textContent=`${n}`)}))}}class bt{constructor(e){this.isMounted=!1,this.node=e}update(){}}function Ys({top:t,left:e,right:n,bottom:i}){return{x:{min:e,max:n},y:{min:t,max:i}}}function du({x:t,y:e}){return{top:e.min,right:t.max,bottom:e.max,left:t.min}}function pu(t,e){if(!e)return t;const n=e({x:t.left,y:t.top}),i=e({x:t.right,y:t.bottom});return{top:n.y,left:n.x,bottom:i.y,right:i.x}}function Bn(t){return t===void 0||t===1}function _n({scale:t,scaleX:e,scaleY:n}){return!Bn(t)||!Bn(e)||!Bn(n)}function At(t){return _n(t)||Hs(t)||t.z||t.rotate||t.rotateX||t.rotateY||t.skewX||t.skewY}function Hs(t){return Gs(t.x)||Gs(t.y)}function Gs(t){return t&&t!=="0%"}function Ce(t,e,n){const i=t-n,s=e*i;return n+s}function Xs(t,e,n,i,s){return s!==void 0&&(t=Ce(t,s,i)),Ce(t,n,i)+e}function Nn(t,e=0,n=1,i,s){t.min=Xs(t.min,e,n,i,s),t.max=Xs(t.max,e,n,i,s)}function qs(t,{x:e,y:n}){Nn(t.x,e.translate,e.scale,e.originPoint),Nn(t.y,n.translate,n.scale,n.originPoint)}const Zs=.999999999999,Js=1.0000000000001;function mu(t,e,n,i=!1){const s=n.length;if(!s)return;e.x=e.y=1;let o,r;for(let a=0;a<s;a++){o=n[a],r=o.projectionDelta;const{visualElement:l}=o.options;l&&l.props.style&&l.props.style.display==="contents"||(i&&o.options.layoutScroll&&o.scroll&&o!==o.root&&Wt(t,{x:-o.scroll.offset.x,y:-o.scroll.offset.y}),r&&(e.x*=r.x.scale,e.y*=r.y.scale,qs(t,r)),i&&At(o.latestValues)&&Wt(t,o.latestValues))}e.x<Js&&e.x>Zs&&(e.x=1),e.y<Js&&e.y>Zs&&(e.y=1)}function Nt(t,e){t.min=t.min+e,t.max=t.max+e}function Qs(t,e,n,i,s=.5){const o=I(t.min,t.max,s);Nn(t,e,n,o,i)}function Wt(t,e){Qs(t.x,e.x,e.scaleX,e.scale,e.originX),Qs(t.y,e.y,e.scaleY,e.scale,e.originY)}function tr(t,e){return Ys(pu(t.getBoundingClientRect(),e))}function gu(t,e,n){const i=tr(t,n),{scroll:s}=e;return s&&(Nt(i.x,s.offset.x),Nt(i.y,s.offset.y)),i}const yu={x:"translateX",y:"translateY",z:"translateZ",transformPerspective:"perspective"},vu=jt.length;function Tu(t,e,n){let i="",s=!0;for(let o=0;o<vu;o++){const r=jt[o],a=t[r];if(a===void 0)continue;let l=!0;if(typeof a=="number")l=a===(r.startsWith("scale")?1:0);else{const c=parseFloat(a);l=r.startsWith("scale")?c===1:c===0}if(!l||n){const c=Ms(a,Dn[r]);if(!l){s=!1;const u=yu[r]||r;i+=`${u}(${c}) `}n&&(e[r]=c)}}return i=i.trim(),n?i=n(e,s?"":i):s&&(i="none"),i}function Wn(t,e,n){const{style:i,vars:s,transformOrigin:o}=t;let r=!1,a=!1;for(const l in e){const c=e[l];if(Ot.has(l)){r=!0;continue}else if(Bi(l)){s[l]=c;continue}else{const u=Ms(c,Dn[l]);l.startsWith("origin")?(a=!0,o[l]=u):i[l]=u}}if(e.transform||(r||n?i.transform=Tu(e,t.transform,n):i.transform&&(i.transform="none")),a){const{originX:l="50%",originY:c="50%",originZ:u=0}=o;i.transformOrigin=`${l} ${c} ${u}`}}function er(t,{style:e,vars:n},i,s){const o=t.style;let r;for(r in e)o[r]=e[r];s?.applyProjectionStyles(o,i);for(r in n)o.setProperty(r,n[r])}function nr(t,e){return e.max===e.min?0:t/(e.max-e.min)*100}const ne={correct:(t,e)=>{if(!e.target)return t;if(typeof t=="string")if(P.test(t))t=parseFloat(t);else return t;const n=nr(t,e.target.x),i=nr(t,e.target.y);return`${n}% ${i}%`}},xu={correct:(t,{treeScale:e,projectionDelta:n})=>{const i=t,s=Tt.parse(t);if(s.length>5)return i;const o=Tt.createTransformer(t),r=typeof s[0]!="number"?1:0,a=n.x.scale*e.x,l=n.y.scale*e.y;s[0+r]/=a,s[1+r]/=l;const c=I(a,l,.5);return typeof s[2+r]=="number"&&(s[2+r]/=c),typeof s[3+r]=="number"&&(s[3+r]/=c),o(s)}},Un={borderRadius:{...ne,applyTo:["borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius"]},borderTopLeftRadius:ne,borderTopRightRadius:ne,borderBottomLeftRadius:ne,borderBottomRightRadius:ne,boxShadow:xu};function ir(t,{layout:e,layoutId:n}){return Ot.has(t)||t.startsWith("origin")||(e||n!==void 0)&&(!!Un[t]||t==="opacity")}function $n(t,e,n){const i=t.style,s=e?.style,o={};if(!i)return o;for(const r in i)(H(i[r])||s&&H(s[r])||ir(r,t)||n?.getValue(r)?.liveStyle!==void 0)&&(o[r]=i[r]);return o}function bu(t){return window.getComputedStyle(t)}class wu extends zs{constructor(){super(...arguments),this.type="html",this.renderInstance=er}readValueFromInstance(e,n){if(Ot.has(n))return this.projection?.isProjecting?dn(n):Ua(e,n);{const i=bu(e),s=(Bi(n)?i.getPropertyValue(n):i[n])||0;return typeof s=="string"?s.trim():s}}measureInstanceViewportBox(e,{transformPagePoint:n}){return tr(e,n)}build(e,n,i){Wn(e,n,i.transformTemplate)}scrapeMotionValuesFromProps(e,n,i){return $n(e,n,i)}}const Su={offset:"stroke-dashoffset",array:"stroke-dasharray"},Pu={offset:"strokeDashoffset",array:"strokeDasharray"};function Cu(t,e,n=1,i=0,s=!0){t.pathLength=1;const o=s?Su:Pu;t[o.offset]=`${-i}`,t[o.array]=`${e} ${n}`}const Eu=["offsetDistance","offsetPath","offsetRotate","offsetAnchor"];function sr(t,{attrX:e,attrY:n,attrScale:i,pathLength:s,pathSpacing:o=1,pathOffset:r=0,...a},l,c,u){if(Wn(t,a,c),l){t.style.viewBox&&(t.attrs.viewBox=t.style.viewBox);return}t.attrs=t.style,t.style={};const{attrs:h,style:d}=t;h.transform&&(d.transform=h.transform,delete h.transform),(d.transform||h.transformOrigin)&&(d.transformOrigin=h.transformOrigin??"50% 50%",delete h.transformOrigin),d.transform&&(d.transformBox=u?.transformBox??"fill-box",delete h.transformBox);for(const p of Eu)h[p]!==void 0&&(d[p]=h[p],delete h[p]);e!==void 0&&(h.x=e),n!==void 0&&(h.y=n),i!==void 0&&(h.scale=i),s!==void 0&&Cu(h,s,o,r,!1)}const rr=new Set(["baseFrequency","diffuseConstant","kernelMatrix","kernelUnitLength","keySplines","keyTimes","limitingConeAngle","markerHeight","markerWidth","numOctaves","targetX","targetY","surfaceScale","specularConstant","specularExponent","stdDeviation","tableValues","viewBox","gradientTransform","pathLength","startOffset","textLength","lengthAdjust"]),or=t=>typeof t=="string"&&t.toLowerCase()==="svg";function Au(t,e,n,i){er(t,e,void 0,i);for(const s in e.attrs)t.setAttribute(rr.has(s)?s:En(s),e.attrs[s])}function ar(t,e,n){const i=$n(t,e,n);for(const s in t)if(H(t[s])||H(e[s])){const o=jt.indexOf(s)!==-1?"attr"+s.charAt(0).toUpperCase()+s.substring(1):s;i[o]=t[s]}return i}class Vu extends zs{constructor(){super(...arguments),this.type="svg",this.isSVGTag=!1,this.measureInstanceViewportBox=z}getBaseTargetFromProps(e,n){return e[n]}readValueFromInstance(e,n){if(Ot.has(n)){const i=As(n);return i&&i.default||0}return n=rr.has(n)?n:En(n),e.getAttribute(n)}scrapeMotionValuesFromProps(e,n,i){return ar(e,n,i)}build(e,n,i){sr(e,n,this.isSVGTag,i.transformTemplate,i.style)}renderInstance(e,n,i,s){Au(e,n,i,s)}mount(e){this.isSVGTag=or(e.tagName),super.mount(e)}}const Du=Fn.length;function lr(t){if(!t)return;if(!t.isControllingVariants){const n=t.parent?lr(t.parent)||{}:{};return t.props.initial!==void 0&&(n.initial=t.props.initial),n}const e={};for(let n=0;n<Du;n++){const i=Fn[n],s=t.props[i];(ee(s)||s===!1)&&(e[i]=s)}return e}function ur(t,e){if(!Array.isArray(e))return!1;const n=e.length;if(n!==t.length)return!1;for(let i=0;i<n;i++)if(e[i]!==t[i])return!1;return!0}const Mu=[...On].reverse(),Ru=On.length;function ku(t){return e=>Promise.all(e.map(({animation:n,options:i})=>Ml(t,n,i)))}function Lu(t){let e=ku(t),n=cr(),i=!0;const s=l=>(c,u)=>{const h=Ft(t,u,l==="exit"?t.presenceContext?.custom:void 0);if(h){const{transition:d,transitionEnd:p,...m}=h;c={...c,...m,...p}}return c};function o(l){e=l(t)}function r(l){const{props:c}=t,u=lr(t.parent)||{},h=[],d=new Set;let p={},m=1/0;for(let T=0;T<Ru;T++){const y=Mu[T],v=n[y],w=c[y]!==void 0?c[y]:u[y],E=ee(w),C=y===l?v.isActive:null;C===!1&&(m=T);let L=w===u[y]&&w!==c[y]&&E;if(L&&i&&t.manuallyAnimateOnMount&&(L=!1),v.protectedKeys={...p},!v.isActive&&C===null||!w&&!v.prevProp||we(w)||typeof w=="boolean")continue;if(y==="exit"&&v.isActive&&C!==!0){v.prevResolvedValues&&(p={...p,...v.prevResolvedValues});continue}const _=ju(v.prevProp,w);let A=_||y===l&&v.isActive&&!L&&E||T>m&&E,R=!1;const N=Array.isArray(w)?w:[w];let nt=N.reduce(s(y),{});C===!1&&(nt={});const{prevResolvedValues:wt={}}=v,it={...wt,...nt},ft=$=>{A=!0,d.has($)&&(R=!0,d.delete($)),v.needsAnimating[$]=!0;const q=t.getValue($);q&&(q.liveStyle=!1)};for(const $ in it){const q=nt[$],ht=wt[$];if(p.hasOwnProperty($))continue;let mt=!1;Pn(q)&&Pn(ht)?mt=!ur(q,ht):mt=q!==ht,mt?q!=null?ft($):d.add($):q!==void 0&&d.has($)?ft($):v.protectedKeys[$]=!0}v.prevProp=w,v.prevResolvedValues=nt,v.isActive&&(p={...p,...nt}),i&&t.blockInitialAnimation&&(A=!1);const St=L&&_;A&&(!St||R)&&h.push(...N.map($=>{const q={type:y};if(typeof $=="string"&&i&&!St&&t.manuallyAnimateOnMount&&t.parent){const{parent:ht}=t,mt=Ft(ht,$);if(ht.enteringChildren&&mt){const{delayChildren:Le}=mt.transition||{};q.delay=ps(ht.enteringChildren,t,Le)}}return{animation:$,options:q}}))}if(d.size){const T={};if(typeof c.initial!="boolean"){const y=Ft(t,Array.isArray(c.initial)?c.initial[0]:c.initial);y&&y.transition&&(T.transition=y.transition)}d.forEach(y=>{const v=t.getBaseTarget(y),w=t.getValue(y);w&&(w.liveStyle=!0),T[y]=v??null}),h.push({animation:T})}let x=!!h.length;return i&&(c.initial===!1||c.initial===c.animate)&&!t.manuallyAnimateOnMount&&(x=!1),i=!1,x?e(h):Promise.resolve()}function a(l,c){if(n[l].isActive===c)return Promise.resolve();t.variantChildren?.forEach(h=>h.animationState?.setActive(l,c)),n[l].isActive=c;const u=r(l);for(const h in n)n[h].protectedKeys={};return u}return{animateChanges:r,setActive:a,setAnimateFunction:o,getState:()=>n,reset:()=>{n=cr()}}}function ju(t,e){return typeof e=="string"?e!==t:Array.isArray(e)?!ur(e,t):!1}function Vt(t=!1){return{isActive:t,protectedKeys:{},needsAnimating:{},prevResolvedValues:{}}}function cr(){return{animate:Vt(!0),whileInView:Vt(),whileHover:Vt(),whileTap:Vt(),whileDrag:Vt(),whileFocus:Vt(),exit:Vt()}}function fr(t,e){t.min=e.min,t.max=e.max}function ot(t,e){fr(t.x,e.x),fr(t.y,e.y)}function hr(t,e){t.translate=e.translate,t.scale=e.scale,t.originPoint=e.originPoint,t.origin=e.origin}const dr=1e-4,Ou=1-dr,Fu=1+dr,pr=.01,Iu=0-pr,Bu=0+pr;function X(t){return t.max-t.min}function _u(t,e,n){return Math.abs(t-e)<=n}function mr(t,e,n,i=.5){t.origin=i,t.originPoint=I(e.min,e.max,t.origin),t.scale=X(n)/X(e),t.translate=I(n.min,n.max,t.origin)-t.originPoint,(t.scale>=Ou&&t.scale<=Fu||isNaN(t.scale))&&(t.scale=1),(t.translate>=Iu&&t.translate<=Bu||isNaN(t.translate))&&(t.translate=0)}function ie(t,e,n,i){mr(t.x,e.x,n.x,i?i.originX:void 0),mr(t.y,e.y,n.y,i?i.originY:void 0)}function gr(t,e,n){t.min=n.min+e.min,t.max=t.min+X(e)}function Nu(t,e,n){gr(t.x,e.x,n.x),gr(t.y,e.y,n.y)}function yr(t,e,n){t.min=e.min-n.min,t.max=t.min+X(e)}function Ee(t,e,n){yr(t.x,e.x,n.x),yr(t.y,e.y,n.y)}function vr(t,e,n,i,s){return t-=e,t=Ce(t,1/n,i),s!==void 0&&(t=Ce(t,1/s,i)),t}function Wu(t,e=0,n=1,i=.5,s,o=t,r=t){if(ut.test(e)&&(e=parseFloat(e),e=I(r.min,r.max,e/100)-r.min),typeof e!="number")return;let a=I(o.min,o.max,i);t===o&&(a-=e),t.min=vr(t.min,e,n,a,s),t.max=vr(t.max,e,n,a,s)}function Tr(t,e,[n,i,s],o,r){Wu(t,e[n],e[i],e[s],e.scale,o,r)}const Uu=["x","scaleX","originX"],$u=["y","scaleY","originY"];function xr(t,e,n,i){Tr(t.x,e,Uu,n?n.x:void 0,i?i.x:void 0),Tr(t.y,e,$u,n?n.y:void 0,i?i.y:void 0)}function br(t){return t.translate===0&&t.scale===1}function wr(t){return br(t.x)&&br(t.y)}function Sr(t,e){return t.min===e.min&&t.max===e.max}function Ku(t,e){return Sr(t.x,e.x)&&Sr(t.y,e.y)}function Pr(t,e){return Math.round(t.min)===Math.round(e.min)&&Math.round(t.max)===Math.round(e.max)}function Cr(t,e){return Pr(t.x,e.x)&&Pr(t.y,e.y)}function Er(t){return X(t.x)/X(t.y)}function Ar(t,e){return t.translate===e.translate&&t.scale===e.scale&&t.originPoint===e.originPoint}function ct(t){return[t("x"),t("y")]}function zu(t,e,n){let i="";const s=t.x.translate/e.x,o=t.y.translate/e.y,r=n?.z||0;if((s||o||r)&&(i=`translate3d(${s}px, ${o}px, ${r}px) `),(e.x!==1||e.y!==1)&&(i+=`scale(${1/e.x}, ${1/e.y}) `),n){const{transformPerspective:c,rotate:u,rotateX:h,rotateY:d,skewX:p,skewY:m}=n;c&&(i=`perspective(${c}px) ${i}`),u&&(i+=`rotate(${u}deg) `),h&&(i+=`rotateX(${h}deg) `),d&&(i+=`rotateY(${d}deg) `),p&&(i+=`skewX(${p}deg) `),m&&(i+=`skewY(${m}deg) `)}const a=t.x.scale*e.x,l=t.y.scale*e.y;return(a!==1||l!==1)&&(i+=`scale(${a}, ${l})`),i||"none"}const Vr=["TopLeft","TopRight","BottomLeft","BottomRight"],Yu=Vr.length,Dr=t=>typeof t=="string"?parseFloat(t):t,Mr=t=>typeof t=="number"||P.test(t);function Hu(t,e,n,i,s,o){s?(t.opacity=I(0,n.opacity??1,Gu(i)),t.opacityExit=I(e.opacity??1,0,Xu(i))):o&&(t.opacity=I(e.opacity??1,n.opacity??1,i));for(let r=0;r<Yu;r++){const a=`border${Vr[r]}Radius`;let l=Rr(e,a),c=Rr(n,a);if(l===void 0&&c===void 0)continue;l||(l=0),c||(c=0),l===0||c===0||Mr(l)===Mr(c)?(t[a]=Math.max(I(Dr(l),Dr(c),i),0),(ut.test(c)||ut.test(l))&&(t[a]+="%")):t[a]=c}(e.rotate||n.rotate)&&(t.rotate=I(e.rotate||0,n.rotate||0,i))}function Rr(t,e){return t[e]!==void 0?t[e]:t.borderRadius}const Gu=kr(0,.5,Mi),Xu=kr(.5,.95,Q);function kr(t,e,n){return i=>i<t?0:i>e?1:n(Gt(t,e,i))}function qu(t,e,n){const i=H(t)?t:It(t);return i.start(wn("",i,e,n)),i.animation}function se(t,e,n,i={passive:!0}){return t.addEventListener(e,n,i),()=>t.removeEventListener(e,n)}const Zu=(t,e)=>t.depth-e.depth;class Ju{constructor(){this.children=[],this.isDirty=!1}add(e){Ne(this.children,e),this.isDirty=!0}remove(e){fe(this.children,e),this.isDirty=!0}forEach(e){this.isDirty&&this.children.sort(Zu),this.isDirty=!1,this.children.forEach(e)}}function Qu(t,e){const n=G.now(),i=({timestamp:s})=>{const o=s-n;o>=e&&(yt(i),t(o-e))};return F.setup(i,!0),()=>yt(i)}function Ae(t){return H(t)?t.get():t}class tc{constructor(){this.members=[]}add(e){Ne(this.members,e);for(let n=this.members.length-1;n>=0;n--){const i=this.members[n];if(i===e||i===this.lead||i===this.prevLead)continue;const s=i.instance;s&&s.isConnected===!1&&i.isPresent!==!1&&!i.snapshot&&fe(this.members,i)}e.scheduleRender()}remove(e){if(fe(this.members,e),e===this.prevLead&&(this.prevLead=void 0),e===this.lead){const n=this.members[this.members.length-1];n&&this.promote(n)}}relegate(e){const n=this.members.findIndex(s=>e===s);if(n===0)return!1;let i;for(let s=n;s>=0;s--){const o=this.members[s],r=o.instance;if(o.isPresent!==!1&&(!r||r.isConnected!==!1)){i=o;break}}return i?(this.promote(i),!0):!1}promote(e,n){const i=this.lead;if(e!==i&&(this.prevLead=i,this.lead=e,e.show(),i)){i.instance&&i.scheduleRender(),e.scheduleRender();const s=i.options.layoutDependency,o=e.options.layoutDependency;if(!(s!==void 0&&o!==void 0&&s===o)){const l=i.instance;l&&l.isConnected===!1&&!i.snapshot||(e.resumeFrom=i,n&&(e.resumeFrom.preserveOpacity=!0),i.snapshot&&(e.snapshot=i.snapshot,e.snapshot.latestValues=i.animationValues||i.latestValues),e.root&&e.root.isUpdating&&(e.isLayoutDirty=!0))}const{crossfade:a}=e.options;a===!1&&i.hide()}}exitAnimationComplete(){this.members.forEach(e=>{const{options:n,resumingFrom:i}=e;n.onExitComplete&&n.onExitComplete(),i&&i.options.onExitComplete&&i.options.onExitComplete()})}scheduleRender(){this.members.forEach(e=>{e.instance&&e.scheduleRender(!1)})}removeLeadSnapshot(){this.lead&&this.lead.snapshot&&(this.lead.snapshot=void 0)}}const Ve={hasAnimatedSinceResize:!0,hasEverUpdated:!1},Kn=["","X","Y","Z"],ec=1e3;let nc=0;function zn(t,e,n,i){const{latestValues:s}=e;s[t]&&(n[t]=s[t],e.setStaticValue(t,0),i&&(i[t]=0))}function Lr(t){if(t.hasCheckedOptimisedAppear=!0,t.root===t)return;const{visualElement:e}=t.options;if(!e)return;const n=bs(e);if(window.MotionHasOptimisedAnimation(n,"transform")){const{layout:s,layoutId:o}=t.options;window.MotionCancelOptimisedAnimation(n,"transform",F,!(s||o))}const{parent:i}=t;i&&!i.hasCheckedOptimisedAppear&&Lr(i)}function jr({attachResizeListener:t,defaultParent:e,measureScroll:n,checkIsScrollRoot:i,resetTransform:s}){return class{constructor(r={},a=e?.()){this.id=nc++,this.animationId=0,this.animationCommitId=0,this.children=new Set,this.options={},this.isTreeAnimating=!1,this.isAnimationBlocked=!1,this.isLayoutDirty=!1,this.isProjectionDirty=!1,this.isSharedProjectionDirty=!1,this.isTransformDirty=!1,this.updateManuallyBlocked=!1,this.updateBlockedByResize=!1,this.isUpdating=!1,this.isSVG=!1,this.needsReset=!1,this.shouldResetTransform=!1,this.hasCheckedOptimisedAppear=!1,this.treeScale={x:1,y:1},this.eventHandlers=new Map,this.hasTreeAnimated=!1,this.layoutVersion=0,this.updateScheduled=!1,this.scheduleUpdate=()=>this.update(),this.projectionUpdateScheduled=!1,this.checkUpdateFailed=()=>{this.isUpdating&&(this.isUpdating=!1,this.clearAllSnapshots())},this.updateProjection=()=>{this.projectionUpdateScheduled=!1,this.nodes.forEach(rc),this.nodes.forEach(uc),this.nodes.forEach(cc),this.nodes.forEach(oc)},this.resolvedRelativeTargetAt=0,this.linkedParentVersion=0,this.hasProjected=!1,this.isVisible=!0,this.animationProgress=0,this.sharedNodes=new Map,this.latestValues=r,this.root=a?a.root||a:this,this.path=a?[...a.path,a]:[],this.parent=a,this.depth=a?a.depth+1:0;for(let l=0;l<this.path.length;l++)this.path[l].shouldResetTransform=!0;this.root===this&&(this.nodes=new Ju)}addEventListener(r,a){return this.eventHandlers.has(r)||this.eventHandlers.set(r,new $e),this.eventHandlers.get(r).add(a)}notifyListeners(r,...a){const l=this.eventHandlers.get(r);l&&l.notify(...a)}hasListeners(r){return this.eventHandlers.has(r)}mount(r){if(this.instance)return;this.isSVG=jn(r)&&!su(r),this.instance=r;const{layoutId:a,layout:l,visualElement:c}=this.options;if(c&&!c.current&&c.mount(r),this.root.nodes.add(this),this.parent&&this.parent.children.add(this),this.root.hasTreeAnimated&&(l||a)&&(this.isLayoutDirty=!0),t){let u,h=0;const d=()=>this.root.updateBlockedByResize=!1;F.read(()=>{h=window.innerWidth}),t(r,()=>{const p=window.innerWidth;p!==h&&(h=p,this.root.updateBlockedByResize=!0,u&&u(),u=Qu(d,250),Ve.hasAnimatedSinceResize&&(Ve.hasAnimatedSinceResize=!1,this.nodes.forEach(Ir)))})}a&&this.root.registerSharedNode(a,this),this.options.animate!==!1&&c&&(a||l)&&this.addEventListener("didUpdate",({delta:u,hasLayoutChanged:h,hasRelativeLayoutChanged:d,layout:p})=>{if(this.isTreeAnimationBlocked()){this.target=void 0,this.relativeTarget=void 0;return}const m=this.options.transition||c.getDefaultTransition()||mc,{onLayoutAnimationStart:x,onLayoutAnimationComplete:T}=c.getProps(),y=!this.targetLayout||!Cr(this.targetLayout,p),v=!h&&d;if(this.options.layoutRoot||this.resumeFrom||v||h&&(y||!this.currentAnimation)){this.resumeFrom&&(this.resumingFrom=this.resumeFrom,this.resumingFrom.resumingFrom=void 0);const w={...bn(m,"layout"),onPlay:x,onComplete:T};(c.shouldReduceMotion||this.options.layoutRoot)&&(w.delay=0,w.type=!1),this.startAnimation(w),this.setAnimationOrigin(u,v)}else h||Ir(this),this.isLead()&&this.options.onExitComplete&&this.options.onExitComplete();this.targetLayout=p})}unmount(){this.options.layoutId&&this.willUpdate(),this.root.nodes.remove(this);const r=this.getStack();r&&r.remove(this),this.parent&&this.parent.children.delete(this),this.instance=void 0,this.eventHandlers.clear(),yt(this.updateProjection)}blockUpdate(){this.updateManuallyBlocked=!0}unblockUpdate(){this.updateManuallyBlocked=!1}isUpdateBlocked(){return this.updateManuallyBlocked||this.updateBlockedByResize}isTreeAnimationBlocked(){return this.isAnimationBlocked||this.parent&&this.parent.isTreeAnimationBlocked()||!1}startUpdate(){this.isUpdateBlocked()||(this.isUpdating=!0,this.nodes&&this.nodes.forEach(fc),this.animationId++)}getTransformTemplate(){const{visualElement:r}=this.options;return r&&r.getProps().transformTemplate}willUpdate(r=!0){if(this.root.hasTreeAnimated=!0,this.root.isUpdateBlocked()){this.options.onExitComplete&&this.options.onExitComplete();return}if(window.MotionCancelOptimisedAnimation&&!this.hasCheckedOptimisedAppear&&Lr(this),!this.root.isUpdating&&this.root.startUpdate(),this.isLayoutDirty)return;this.isLayoutDirty=!0;for(let u=0;u<this.path.length;u++){const h=this.path[u];h.shouldResetTransform=!0,h.updateScroll("snapshot"),h.options.layoutRoot&&h.willUpdate(!1)}const{layoutId:a,layout:l}=this.options;if(a===void 0&&!l)return;const c=this.getTransformTemplate();this.prevTransformTemplateValue=c?c(this.latestValues,""):void 0,this.updateSnapshot(),r&&this.notifyListeners("willUpdate")}update(){if(this.updateScheduled=!1,this.isUpdateBlocked()){this.unblockUpdate(),this.clearAllSnapshots(),this.nodes.forEach(Or);return}if(this.animationId<=this.animationCommitId){this.nodes.forEach(Fr);return}this.animationCommitId=this.animationId,this.isUpdating?(this.isUpdating=!1,this.nodes.forEach(lc),this.nodes.forEach(ic),this.nodes.forEach(sc)):this.nodes.forEach(Fr),this.clearAllSnapshots();const a=G.now();Y.delta=lt(0,1e3/60,a-Y.timestamp),Y.timestamp=a,Y.isProcessing=!0,He.update.process(Y),He.preRender.process(Y),He.render.process(Y),Y.isProcessing=!1}didUpdate(){this.updateScheduled||(this.updateScheduled=!0,Rn.read(this.scheduleUpdate))}clearAllSnapshots(){this.nodes.forEach(ac),this.sharedNodes.forEach(hc)}scheduleUpdateProjection(){this.projectionUpdateScheduled||(this.projectionUpdateScheduled=!0,F.preRender(this.updateProjection,!1,!0))}scheduleCheckAfterUnmount(){F.postRender(()=>{this.isLayoutDirty?this.root.didUpdate():this.root.checkUpdateFailed()})}updateSnapshot(){this.snapshot||!this.instance||(this.snapshot=this.measure(),this.snapshot&&!X(this.snapshot.measuredBox.x)&&!X(this.snapshot.measuredBox.y)&&(this.snapshot=void 0))}updateLayout(){if(!this.instance||(this.updateScroll(),!(this.options.alwaysMeasureLayout&&this.isLead())&&!this.isLayoutDirty))return;if(this.resumeFrom&&!this.resumeFrom.instance)for(let l=0;l<this.path.length;l++)this.path[l].updateScroll();const r=this.layout;this.layout=this.measure(!1),this.layoutVersion++,this.layoutCorrected=z(),this.isLayoutDirty=!1,this.projectionDelta=void 0,this.notifyListeners("measure",this.layout.layoutBox);const{visualElement:a}=this.options;a&&a.notify("LayoutMeasure",this.layout.layoutBox,r?r.layoutBox:void 0)}updateScroll(r="measure"){let a=!!(this.options.layoutScroll&&this.instance);if(this.scroll&&this.scroll.animationId===this.root.animationId&&this.scroll.phase===r&&(a=!1),a&&this.instance){const l=i(this.instance);this.scroll={animationId:this.root.animationId,phase:r,isRoot:l,offset:n(this.instance),wasRoot:this.scroll?this.scroll.isRoot:l}}}resetTransform(){if(!s)return;const r=this.isLayoutDirty||this.shouldResetTransform||this.options.alwaysMeasureLayout,a=this.projectionDelta&&!wr(this.projectionDelta),l=this.getTransformTemplate(),c=l?l(this.latestValues,""):void 0,u=c!==this.prevTransformTemplateValue;r&&this.instance&&(a||At(this.latestValues)||u)&&(s(this.instance,c),this.shouldResetTransform=!1,this.scheduleRender())}measure(r=!0){const a=this.measurePageBox();let l=this.removeElementScroll(a);return r&&(l=this.removeTransform(l)),gc(l),{animationId:this.root.animationId,measuredBox:a,layoutBox:l,latestValues:{},source:this.id}}measurePageBox(){const{visualElement:r}=this.options;if(!r)return z();const a=r.measureViewportBox();if(!(this.scroll?.wasRoot||this.path.some(yc))){const{scroll:c}=this.root;c&&(Nt(a.x,c.offset.x),Nt(a.y,c.offset.y))}return a}removeElementScroll(r){const a=z();if(ot(a,r),this.scroll?.wasRoot)return a;for(let l=0;l<this.path.length;l++){const c=this.path[l],{scroll:u,options:h}=c;c!==this.root&&u&&h.layoutScroll&&(u.wasRoot&&ot(a,r),Nt(a.x,u.offset.x),Nt(a.y,u.offset.y))}return a}applyTransform(r,a=!1){const l=z();ot(l,r);for(let c=0;c<this.path.length;c++){const u=this.path[c];!a&&u.options.layoutScroll&&u.scroll&&u!==u.root&&Wt(l,{x:-u.scroll.offset.x,y:-u.scroll.offset.y}),At(u.latestValues)&&Wt(l,u.latestValues)}return At(this.latestValues)&&Wt(l,this.latestValues),l}removeTransform(r){const a=z();ot(a,r);for(let l=0;l<this.path.length;l++){const c=this.path[l];if(!c.instance||!At(c.latestValues))continue;_n(c.latestValues)&&c.updateSnapshot();const u=z(),h=c.measurePageBox();ot(u,h),xr(a,c.latestValues,c.snapshot?c.snapshot.layoutBox:void 0,u)}return At(this.latestValues)&&xr(a,this.latestValues),a}setTargetDelta(r){this.targetDelta=r,this.root.scheduleUpdateProjection(),this.isProjectionDirty=!0}setOptions(r){this.options={...this.options,...r,crossfade:r.crossfade!==void 0?r.crossfade:!0}}clearMeasurements(){this.scroll=void 0,this.layout=void 0,this.snapshot=void 0,this.prevTransformTemplateValue=void 0,this.targetDelta=void 0,this.target=void 0,this.isLayoutDirty=!1}forceRelativeParentToResolveTarget(){this.relativeParent&&this.relativeParent.resolvedRelativeTargetAt!==Y.timestamp&&this.relativeParent.resolveTargetDelta(!0)}resolveTargetDelta(r=!1){const a=this.getLead();this.isProjectionDirty||(this.isProjectionDirty=a.isProjectionDirty),this.isTransformDirty||(this.isTransformDirty=a.isTransformDirty),this.isSharedProjectionDirty||(this.isSharedProjectionDirty=a.isSharedProjectionDirty);const l=!!this.resumingFrom||this!==a;if(!(r||l&&this.isSharedProjectionDirty||this.isProjectionDirty||this.parent?.isProjectionDirty||this.attemptToResolveRelativeTarget||this.root.updateBlockedByResize))return;const{layout:u,layoutId:h}=this.options;if(!this.layout||!(u||h))return;this.resolvedRelativeTargetAt=Y.timestamp;const d=this.getClosestProjectingParent();d&&this.linkedParentVersion!==d.layoutVersion&&!d.options.layoutRoot&&this.removeRelativeTarget(),!this.targetDelta&&!this.relativeTarget&&(d&&d.layout?this.createRelativeTarget(d,this.layout.layoutBox,d.layout.layoutBox):this.removeRelativeTarget()),!(!this.relativeTarget&&!this.targetDelta)&&(this.target||(this.target=z(),this.targetWithTransforms=z()),this.relativeTarget&&this.relativeTargetOrigin&&this.relativeParent&&this.relativeParent.target?(this.forceRelativeParentToResolveTarget(),Nu(this.target,this.relativeTarget,this.relativeParent.target)):this.targetDelta?(this.resumingFrom?this.target=this.applyTransform(this.layout.layoutBox):ot(this.target,this.layout.layoutBox),qs(this.target,this.targetDelta)):ot(this.target,this.layout.layoutBox),this.attemptToResolveRelativeTarget&&(this.attemptToResolveRelativeTarget=!1,d&&!!d.resumingFrom==!!this.resumingFrom&&!d.options.layoutScroll&&d.target&&this.animationProgress!==1?this.createRelativeTarget(d,this.target,d.target):this.relativeParent=this.relativeTarget=void 0))}getClosestProjectingParent(){if(!(!this.parent||_n(this.parent.latestValues)||Hs(this.parent.latestValues)))return this.parent.isProjecting()?this.parent:this.parent.getClosestProjectingParent()}isProjecting(){return!!((this.relativeTarget||this.targetDelta||this.options.layoutRoot)&&this.layout)}createRelativeTarget(r,a,l){this.relativeParent=r,this.linkedParentVersion=r.layoutVersion,this.forceRelativeParentToResolveTarget(),this.relativeTarget=z(),this.relativeTargetOrigin=z(),Ee(this.relativeTargetOrigin,a,l),ot(this.relativeTarget,this.relativeTargetOrigin)}removeRelativeTarget(){this.relativeParent=this.relativeTarget=void 0}calcProjection(){const r=this.getLead(),a=!!this.resumingFrom||this!==r;let l=!0;if((this.isProjectionDirty||this.parent?.isProjectionDirty)&&(l=!1),a&&(this.isSharedProjectionDirty||this.isTransformDirty)&&(l=!1),this.resolvedRelativeTargetAt===Y.timestamp&&(l=!1),l)return;const{layout:c,layoutId:u}=this.options;if(this.isTreeAnimating=!!(this.parent&&this.parent.isTreeAnimating||this.currentAnimation||this.pendingAnimation),this.isTreeAnimating||(this.targetDelta=this.relativeTarget=void 0),!this.layout||!(c||u))return;ot(this.layoutCorrected,this.layout.layoutBox);const h=this.treeScale.x,d=this.treeScale.y;mu(this.layoutCorrected,this.treeScale,this.path,a),r.layout&&!r.target&&(this.treeScale.x!==1||this.treeScale.y!==1)&&(r.target=r.layout.layoutBox,r.targetWithTransforms=z());const{target:p}=r;if(!p){this.prevProjectionDelta&&(this.createProjectionDeltas(),this.scheduleRender());return}!this.projectionDelta||!this.prevProjectionDelta?this.createProjectionDeltas():(hr(this.prevProjectionDelta.x,this.projectionDelta.x),hr(this.prevProjectionDelta.y,this.projectionDelta.y)),ie(this.projectionDelta,this.layoutCorrected,p,this.latestValues),(this.treeScale.x!==h||this.treeScale.y!==d||!Ar(this.projectionDelta.x,this.prevProjectionDelta.x)||!Ar(this.projectionDelta.y,this.prevProjectionDelta.y))&&(this.hasProjected=!0,this.scheduleRender(),this.notifyListeners("projectionUpdate",p))}hide(){this.isVisible=!1}show(){this.isVisible=!0}scheduleRender(r=!0){if(this.options.visualElement?.scheduleRender(),r){const a=this.getStack();a&&a.scheduleRender()}this.resumingFrom&&!this.resumingFrom.instance&&(this.resumingFrom=void 0)}createProjectionDeltas(){this.prevProjectionDelta=_t(),this.projectionDelta=_t(),this.projectionDeltaWithTransform=_t()}setAnimationOrigin(r,a=!1){const l=this.snapshot,c=l?l.latestValues:{},u={...this.latestValues},h=_t();(!this.relativeParent||!this.relativeParent.options.layoutRoot)&&(this.relativeTarget=this.relativeTargetOrigin=void 0),this.attemptToResolveRelativeTarget=!a;const d=z(),p=l?l.source:void 0,m=this.layout?this.layout.source:void 0,x=p!==m,T=this.getStack(),y=!T||T.members.length<=1,v=!!(x&&!y&&this.options.crossfade===!0&&!this.path.some(pc));this.animationProgress=0;let w;this.mixTargetDelta=E=>{const C=E/1e3;Br(h.x,r.x,C),Br(h.y,r.y,C),this.setTargetDelta(h),this.relativeTarget&&this.relativeTargetOrigin&&this.layout&&this.relativeParent&&this.relativeParent.layout&&(Ee(d,this.layout.layoutBox,this.relativeParent.layout.layoutBox),dc(this.relativeTarget,this.relativeTargetOrigin,d,C),w&&Ku(this.relativeTarget,w)&&(this.isProjectionDirty=!1),w||(w=z()),ot(w,this.relativeTarget)),x&&(this.animationValues=u,Hu(u,c,this.latestValues,C,v,y)),this.root.scheduleUpdateProjection(),this.scheduleRender(),this.animationProgress=C},this.mixTargetDelta(this.options.layoutRoot?1e3:0)}startAnimation(r){this.notifyListeners("animationStart"),this.currentAnimation?.stop(),this.resumingFrom?.currentAnimation?.stop(),this.pendingAnimation&&(yt(this.pendingAnimation),this.pendingAnimation=void 0),this.pendingAnimation=F.update(()=>{Ve.hasAnimatedSinceResize=!0,this.motionValue||(this.motionValue=It(0)),this.currentAnimation=qu(this.motionValue,[0,1e3],{...r,velocity:0,isSync:!0,onUpdate:a=>{this.mixTargetDelta(a),r.onUpdate&&r.onUpdate(a)},onStop:()=>{},onComplete:()=>{r.onComplete&&r.onComplete(),this.completeAnimation()}}),this.resumingFrom&&(this.resumingFrom.currentAnimation=this.currentAnimation),this.pendingAnimation=void 0})}completeAnimation(){this.resumingFrom&&(this.resumingFrom.currentAnimation=void 0,this.resumingFrom.preserveOpacity=void 0);const r=this.getStack();r&&r.exitAnimationComplete(),this.resumingFrom=this.currentAnimation=this.animationValues=void 0,this.notifyListeners("animationComplete")}finishAnimation(){this.currentAnimation&&(this.mixTargetDelta&&this.mixTargetDelta(ec),this.currentAnimation.stop()),this.completeAnimation()}applyTransformsToTarget(){const r=this.getLead();let{targetWithTransforms:a,target:l,layout:c,latestValues:u}=r;if(!(!a||!l||!c)){if(this!==r&&this.layout&&c&&$r(this.options.animationType,this.layout.layoutBox,c.layoutBox)){l=this.target||z();const h=X(this.layout.layoutBox.x);l.x.min=r.target.x.min,l.x.max=l.x.min+h;const d=X(this.layout.layoutBox.y);l.y.min=r.target.y.min,l.y.max=l.y.min+d}ot(a,l),Wt(a,u),ie(this.projectionDeltaWithTransform,this.layoutCorrected,a,u)}}registerSharedNode(r,a){this.sharedNodes.has(r)||this.sharedNodes.set(r,new tc),this.sharedNodes.get(r).add(a);const c=a.options.initialPromotionConfig;a.promote({transition:c?c.transition:void 0,preserveFollowOpacity:c&&c.shouldPreserveFollowOpacity?c.shouldPreserveFollowOpacity(a):void 0})}isLead(){const r=this.getStack();return r?r.lead===this:!0}getLead(){const{layoutId:r}=this.options;return r?this.getStack()?.lead||this:this}getPrevLead(){const{layoutId:r}=this.options;return r?this.getStack()?.prevLead:void 0}getStack(){const{layoutId:r}=this.options;if(r)return this.root.sharedNodes.get(r)}promote({needsReset:r,transition:a,preserveFollowOpacity:l}={}){const c=this.getStack();c&&c.promote(this,l),r&&(this.projectionDelta=void 0,this.needsReset=!0),a&&this.setOptions({transition:a})}relegate(){const r=this.getStack();return r?r.relegate(this):!1}resetSkewAndRotation(){const{visualElement:r}=this.options;if(!r)return;let a=!1;const{latestValues:l}=r;if((l.z||l.rotate||l.rotateX||l.rotateY||l.rotateZ||l.skewX||l.skewY)&&(a=!0),!a)return;const c={};l.z&&zn("z",r,c,this.animationValues);for(let u=0;u<Kn.length;u++)zn(`rotate${Kn[u]}`,r,c,this.animationValues),zn(`skew${Kn[u]}`,r,c,this.animationValues);r.render();for(const u in c)r.setStaticValue(u,c[u]),this.animationValues&&(this.animationValues[u]=c[u]);r.scheduleRender()}applyProjectionStyles(r,a){if(!this.instance||this.isSVG)return;if(!this.isVisible){r.visibility="hidden";return}const l=this.getTransformTemplate();if(this.needsReset){this.needsReset=!1,r.visibility="",r.opacity="",r.pointerEvents=Ae(a?.pointerEvents)||"",r.transform=l?l(this.latestValues,""):"none";return}const c=this.getLead();if(!this.projectionDelta||!this.layout||!c.target){this.options.layoutId&&(r.opacity=this.latestValues.opacity!==void 0?this.latestValues.opacity:1,r.pointerEvents=Ae(a?.pointerEvents)||""),this.hasProjected&&!At(this.latestValues)&&(r.transform=l?l({},""):"none",this.hasProjected=!1);return}r.visibility="";const u=c.animationValues||c.latestValues;this.applyTransformsToTarget();let h=zu(this.projectionDeltaWithTransform,this.treeScale,u);l&&(h=l(u,h)),r.transform=h;const{x:d,y:p}=this.projectionDelta;r.transformOrigin=`${d.origin*100}% ${p.origin*100}% 0`,c.animationValues?r.opacity=c===this?u.opacity??this.latestValues.opacity??1:this.preserveOpacity?this.latestValues.opacity:u.opacityExit:r.opacity=c===this?u.opacity!==void 0?u.opacity:"":u.opacityExit!==void 0?u.opacityExit:0;for(const m in Un){if(u[m]===void 0)continue;const{correct:x,applyTo:T,isCSSVariable:y}=Un[m],v=h==="none"?u[m]:x(u[m],c);if(T){const w=T.length;for(let E=0;E<w;E++)r[T[E]]=v}else y?this.options.visualElement.renderState.vars[m]=v:r[m]=v}this.options.layoutId&&(r.pointerEvents=c===this?Ae(a?.pointerEvents)||"":"none")}clearSnapshot(){this.resumeFrom=this.snapshot=void 0}resetTree(){this.root.nodes.forEach(r=>r.currentAnimation?.stop()),this.root.nodes.forEach(Or),this.root.sharedNodes.clear()}}}function ic(t){t.updateLayout()}function sc(t){const e=t.resumeFrom?.snapshot||t.snapshot;if(t.isLead()&&t.layout&&e&&t.hasListeners("didUpdate")){const{layoutBox:n,measuredBox:i}=t.layout,{animationType:s}=t.options,o=e.source!==t.layout.source;s==="size"?ct(u=>{const h=o?e.measuredBox[u]:e.layoutBox[u],d=X(h);h.min=n[u].min,h.max=h.min+d}):$r(s,e.layoutBox,n)&&ct(u=>{const h=o?e.measuredBox[u]:e.layoutBox[u],d=X(n[u]);h.max=h.min+d,t.relativeTarget&&!t.currentAnimation&&(t.isProjectionDirty=!0,t.relativeTarget[u].max=t.relativeTarget[u].min+d)});const r=_t();ie(r,n,e.layoutBox);const a=_t();o?ie(a,t.applyTransform(i,!0),e.measuredBox):ie(a,n,e.layoutBox);const l=!wr(r);let c=!1;if(!t.resumeFrom){const u=t.getClosestProjectingParent();if(u&&!u.resumeFrom){const{snapshot:h,layout:d}=u;if(h&&d){const p=z();Ee(p,e.layoutBox,h.layoutBox);const m=z();Ee(m,n,d.layoutBox),Cr(p,m)||(c=!0),u.options.layoutRoot&&(t.relativeTarget=m,t.relativeTargetOrigin=p,t.relativeParent=u)}}}t.notifyListeners("didUpdate",{layout:n,snapshot:e,delta:a,layoutDelta:r,hasLayoutChanged:l,hasRelativeLayoutChanged:c})}else if(t.isLead()){const{onExitComplete:n}=t.options;n&&n()}t.options.transition=void 0}function rc(t){t.parent&&(t.isProjecting()||(t.isProjectionDirty=t.parent.isProjectionDirty),t.isSharedProjectionDirty||(t.isSharedProjectionDirty=!!(t.isProjectionDirty||t.parent.isProjectionDirty||t.parent.isSharedProjectionDirty)),t.isTransformDirty||(t.isTransformDirty=t.parent.isTransformDirty))}function oc(t){t.isProjectionDirty=t.isSharedProjectionDirty=t.isTransformDirty=!1}function ac(t){t.clearSnapshot()}function Or(t){t.clearMeasurements()}function Fr(t){t.isLayoutDirty=!1}function lc(t){const{visualElement:e}=t.options;e&&e.getProps().onBeforeLayoutMeasure&&e.notify("BeforeLayoutMeasure"),t.resetTransform()}function Ir(t){t.finishAnimation(),t.targetDelta=t.relativeTarget=t.target=void 0,t.isProjectionDirty=!0}function uc(t){t.resolveTargetDelta()}function cc(t){t.calcProjection()}function fc(t){t.resetSkewAndRotation()}function hc(t){t.removeLeadSnapshot()}function Br(t,e,n){t.translate=I(e.translate,0,n),t.scale=I(e.scale,1,n),t.origin=e.origin,t.originPoint=e.originPoint}function _r(t,e,n,i){t.min=I(e.min,n.min,i),t.max=I(e.max,n.max,i)}function dc(t,e,n,i){_r(t.x,e.x,n.x,i),_r(t.y,e.y,n.y,i)}function pc(t){return t.animationValues&&t.animationValues.opacityExit!==void 0}const mc={duration:.45,ease:[.4,0,.1,1]},Nr=t=>typeof navigator<"u"&&navigator.userAgent&&navigator.userAgent.toLowerCase().includes(t),Wr=Nr("applewebkit/")&&!Nr("chrome/")?Math.round:Q;function Ur(t){t.min=Wr(t.min),t.max=Wr(t.max)}function gc(t){Ur(t.x),Ur(t.y)}function $r(t,e,n){return t==="position"||t==="preserve-aspect"&&!_u(Er(e),Er(n),.2)}function yc(t){return t!==t.root&&t.scroll?.wasRoot}const vc=jr({attachResizeListener:(t,e)=>se(t,"resize",e),measureScroll:()=>({x:document.documentElement.scrollLeft||document.body?.scrollLeft||0,y:document.documentElement.scrollTop||document.body?.scrollTop||0}),checkIsScrollRoot:()=>!0}),Yn={current:void 0},Kr=jr({measureScroll:t=>({x:t.scrollLeft,y:t.scrollTop}),defaultParent:()=>{if(!Yn.current){const t=new vc({});t.mount(window),t.setOptions({layoutScroll:!0}),Yn.current=t}return Yn.current},resetTransform:(t,e)=>{t.style.transform=e!==void 0?e:"none"},checkIsScrollRoot:t=>window.getComputedStyle(t).position==="fixed"}),Hn=b.createContext({transformPagePoint:t=>t,isStatic:!1,reducedMotion:"never"});function zr(t,e){if(typeof t=="function")return t(e);t!=null&&(t.current=e)}function Tc(...t){return e=>{let n=!1;const i=t.map(s=>{const o=zr(s,e);return!n&&typeof o=="function"&&(n=!0),o});if(n)return()=>{for(let s=0;s<i.length;s++){const o=i[s];typeof o=="function"?o():zr(t[s],null)}}}}function xc(...t){return le.useCallback(Tc(...t),t)}class bc extends le.Component{getSnapshotBeforeUpdate(e){const n=this.props.childRef.current;if(n&&e.isPresent&&!this.props.isPresent&&this.props.pop!==!1){const i=n.offsetParent,s=Mn(i)&&i.offsetWidth||0,o=Mn(i)&&i.offsetHeight||0,r=this.props.sizeRef.current;r.height=n.offsetHeight||0,r.width=n.offsetWidth||0,r.top=n.offsetTop,r.left=n.offsetLeft,r.right=s-r.width-r.left,r.bottom=o-r.height-r.top}return null}componentDidUpdate(){}render(){return this.props.children}}function wc({children:t,isPresent:e,anchorX:n,anchorY:i,root:s,pop:o}){const r=b.useId(),a=b.useRef(null),l=b.useRef({width:0,height:0,top:0,left:0,right:0,bottom:0}),{nonce:c}=b.useContext(Hn),u=t.props?.ref??t?.ref,h=xc(a,u);return b.useInsertionEffect(()=>{const{width:d,height:p,top:m,left:x,right:T,bottom:y}=l.current;if(e||o===!1||!a.current||!d||!p)return;const v=n==="left"?`left: ${x}`:`right: ${T}`,w=i==="bottom"?`bottom: ${y}`:`top: ${m}`;a.current.dataset.motionPopId=r;const E=document.createElement("style");c&&(E.nonce=c);const C=s??document.head;return C.appendChild(E),E.sheet&&E.sheet.insertRule(`
|
|
15
|
-
[data-motion-pop-id="${r}"] {
|
|
16
|
-
position: absolute !important;
|
|
17
|
-
width: ${d}px !important;
|
|
18
|
-
height: ${p}px !important;
|
|
19
|
-
${v}px !important;
|
|
20
|
-
${w}px !important;
|
|
21
|
-
}
|
|
22
|
-
`),()=>{C.contains(E)&&C.removeChild(E)}},[e]),M.jsx(bc,{isPresent:e,childRef:a,sizeRef:l,pop:o,children:o===!1?t:le.cloneElement(t,{ref:h})})}const Sc=({children:t,initial:e,isPresent:n,onExitComplete:i,custom:s,presenceAffectsLayout:o,mode:r,anchorX:a,anchorY:l,root:c})=>{const u=_e(Pc),h=b.useId();let d=!0,p=b.useMemo(()=>(d=!1,{id:h,initial:e,isPresent:n,custom:s,onExitComplete:m=>{u.set(m,!0);for(const x of u.values())if(!x)return;i&&i()},register:m=>(u.set(m,!1),()=>u.delete(m))}),[n,u,i]);return o&&d&&(p={...p}),b.useMemo(()=>{u.forEach((m,x)=>u.set(x,!1))},[n]),le.useEffect(()=>{!n&&!u.size&&i&&i()},[n]),t=M.jsx(wc,{pop:r==="popLayout",isPresent:n,anchorX:a,anchorY:l,root:c,children:t}),M.jsx(ce.Provider,{value:p,children:t})};function Pc(){return new Map}function Yr(t=!0){const e=b.useContext(ce);if(e===null)return[!0,null];const{isPresent:n,onExitComplete:i,register:s}=e,o=b.useId();b.useEffect(()=>{if(t)return s(o)},[t]);const r=b.useCallback(()=>t&&i&&i(o),[o,i,t]);return!n&&i?[!1,r]:[!0]}const De=t=>t.key||"";function Hr(t){const e=[];return b.Children.forEach(t,n=>{b.isValidElement(n)&&e.push(n)}),e}const Cc=({children:t,custom:e,initial:n=!0,onExitComplete:i,presenceAffectsLayout:s=!0,mode:o="sync",propagate:r=!1,anchorX:a="left",anchorY:l="top",root:c})=>{const[u,h]=Yr(r),d=b.useMemo(()=>Hr(t),[t]),p=r&&!u?[]:d.map(De),m=b.useRef(!0),x=b.useRef(d),T=_e(()=>new Map),y=b.useRef(new Set),[v,w]=b.useState(d),[E,C]=b.useState(d);vi(()=>{m.current=!1,x.current=d;for(let A=0;A<E.length;A++){const R=De(E[A]);p.includes(R)?(T.delete(R),y.current.delete(R)):T.get(R)!==!0&&T.set(R,!1)}},[E,p.length,p.join("-")]);const L=[];if(d!==v){let A=[...d];for(let R=0;R<E.length;R++){const N=E[R],nt=De(N);p.includes(nt)||(A.splice(R,0,N),L.push(N))}return o==="wait"&&L.length&&(A=L),C(Hr(A)),w(d),null}process.env.NODE_ENV!=="production"&&o==="wait"&&E.length>1&&console.warn(`You're attempting to animate multiple children within AnimatePresence, but its mode is set to "wait". This will lead to odd visual behaviour.`);const{forceRender:_}=b.useContext(Be);return M.jsx(M.Fragment,{children:E.map(A=>{const R=De(A),N=r&&!u?!1:d===E||p.includes(R),nt=()=>{if(y.current.has(R))return;if(y.current.add(R),T.has(R))T.set(R,!0);else return;let wt=!0;T.forEach(it=>{it||(wt=!1)}),wt&&(_?.(),C(x.current),r&&h?.(),i&&i())};return M.jsx(Sc,{isPresent:N,initial:!m.current||n?void 0:!1,custom:e,presenceAffectsLayout:s,mode:o,root:c,onExitComplete:N?void 0:nt,anchorX:a,anchorY:l,children:A},R)})})},Gr=b.createContext({strict:!1}),Xr={animation:["animate","variants","whileHover","whileTap","exit","whileInView","whileFocus","whileDrag"],exit:["exit"],drag:["drag","dragControls"],focus:["whileFocus"],hover:["whileHover","onHoverStart","onHoverEnd"],tap:["whileTap","onTap","onTapStart","onTapCancel"],pan:["onPan","onPanStart","onPanSessionStart","onPanEnd"],inView:["whileInView","onViewportEnter","onViewportLeave"],layout:["layout","layoutId"]};let qr=!1;function Ec(){if(qr)return;const t={};for(const e in Xr)t[e]={isEnabled:n=>Xr[e].some(i=>!!n[i])};Ks(t),qr=!0}function Zr(){return Ec(),fu()}function Ac(t){const e=Zr();for(const n in t)e[n]={...e[n],...t[n]};Ks(e)}const Vc=new Set(["animate","exit","variants","initial","style","values","variants","transition","transformTemplate","custom","inherit","onBeforeLayoutMeasure","onAnimationStart","onAnimationComplete","onUpdate","onDragStart","onDrag","onDragEnd","onMeasureDragConstraints","onDirectionLock","onDragTransitionEnd","_dragX","_dragY","onHoverStart","onHoverEnd","onViewportEnter","onViewportLeave","globalTapTarget","propagate","ignoreStrict","viewport"]);function Me(t){return t.startsWith("while")||t.startsWith("drag")&&t!=="draggable"||t.startsWith("layout")||t.startsWith("onTap")||t.startsWith("onPan")||t.startsWith("onLayout")||Vc.has(t)}let Jr=t=>!Me(t);function Dc(t){typeof t=="function"&&(Jr=e=>e.startsWith("on")?!Me(e):t(e))}try{Dc(require("@emotion/is-prop-valid").default)}catch{}function Mc(t,e,n){const i={};for(const s in t)s==="values"&&typeof t.values=="object"||(Jr(s)||n===!0&&Me(s)||!e&&!Me(s)||t.draggable&&s.startsWith("onDrag"))&&(i[s]=t[s]);return i}const Re=b.createContext({});function Rc(t,e){if(Se(t)){const{initial:n,animate:i}=t;return{initial:n===!1||ee(n)?n:void 0,animate:ee(i)?i:void 0}}return t.inherit!==!1?e:{}}function kc(t){const{initial:e,animate:n}=Rc(t,b.useContext(Re));return b.useMemo(()=>({initial:e,animate:n}),[Qr(e),Qr(n)])}function Qr(t){return Array.isArray(t)?t.join(" "):t}const Gn=()=>({style:{},transform:{},transformOrigin:{},vars:{}});function to(t,e,n){for(const i in e)!H(e[i])&&!ir(i,n)&&(t[i]=e[i])}function Lc({transformTemplate:t},e){return b.useMemo(()=>{const n=Gn();return Wn(n,e,t),Object.assign({},n.vars,n.style)},[e])}function jc(t,e){const n=t.style||{},i={};return to(i,n,t),Object.assign(i,Lc(t,e)),i}function Oc(t,e){const n={},i=jc(t,e);return t.drag&&t.dragListener!==!1&&(n.draggable=!1,i.userSelect=i.WebkitUserSelect=i.WebkitTouchCallout="none",i.touchAction=t.drag===!0?"none":`pan-${t.drag==="x"?"y":"x"}`),t.tabIndex===void 0&&(t.onTap||t.onTapStart||t.whileTap)&&(n.tabIndex=0),n.style=i,n}const eo=()=>({...Gn(),attrs:{}});function Fc(t,e,n,i){const s=b.useMemo(()=>{const o=eo();return sr(o,e,or(i),t.transformTemplate,t.style),{...o.attrs,style:{...o.style}}},[e]);if(t.style){const o={};to(o,t.style,t),s.style={...o,...s.style}}return s}const Ic=["animate","circle","defs","desc","ellipse","g","image","line","filter","marker","mask","metadata","path","pattern","polygon","polyline","rect","stop","switch","symbol","svg","text","tspan","use","view"];function Xn(t){return typeof t!="string"||t.includes("-")?!1:!!(Ic.indexOf(t)>-1||/[A-Z]/u.test(t))}function Bc(t,e,n,{latestValues:i},s,o=!1,r){const l=(r??Xn(t)?Fc:Oc)(e,i,s,t),c=Mc(e,typeof t=="string",o),u=t!==b.Fragment?{...c,...l,ref:n}:{},{children:h}=e,d=b.useMemo(()=>H(h)?h.get():h,[h]);return b.createElement(t,{...u,children:d})}function _c({scrapeMotionValuesFromProps:t,createRenderState:e},n,i,s){return{latestValues:Nc(n,i,s,t),renderState:e()}}function Nc(t,e,n,i){const s={},o=i(t,{});for(const d in o)s[d]=Ae(o[d]);let{initial:r,animate:a}=t;const l=Se(t),c=Ws(t);e&&c&&!l&&t.inherit!==!1&&(r===void 0&&(r=e.initial),a===void 0&&(a=e.animate));let u=n?n.initial===!1:!1;u=u||r===!1;const h=u?a:r;if(h&&typeof h!="boolean"&&!we(h)){const d=Array.isArray(h)?h:[h];for(let p=0;p<d.length;p++){const m=Sn(t,d[p]);if(m){const{transitionEnd:x,transition:T,...y}=m;for(const v in y){let w=y[v];if(Array.isArray(w)){const E=u?w.length-1:0;w=w[E]}w!==null&&(s[v]=w)}for(const v in x)s[v]=x[v]}}}return s}const no=t=>(e,n)=>{const i=b.useContext(Re),s=b.useContext(ce),o=()=>_c(t,e,i,s);return n?o():_e(o)},Wc=no({scrapeMotionValuesFromProps:$n,createRenderState:Gn}),Uc=no({scrapeMotionValuesFromProps:ar,createRenderState:eo}),$c=Symbol.for("motionComponentSymbol");function Kc(t,e,n){const i=b.useRef(n);b.useInsertionEffect(()=>{i.current=n});const s=b.useRef(null);return b.useCallback(o=>{o&&t.onMount?.(o),e&&(o?e.mount(o):e.unmount());const r=i.current;if(typeof r=="function")if(o){const a=r(o);typeof a=="function"&&(s.current=a)}else s.current?(s.current(),s.current=null):r(o);else r&&(r.current=o)},[e])}const io=b.createContext({});function Ut(t){return t&&typeof t=="object"&&Object.prototype.hasOwnProperty.call(t,"current")}function zc(t,e,n,i,s,o){const{visualElement:r}=b.useContext(Re),a=b.useContext(Gr),l=b.useContext(ce),c=b.useContext(Hn),u=c.reducedMotion,h=c.skipAnimations,d=b.useRef(null),p=b.useRef(!1);i=i||a.renderer,!d.current&&i&&(d.current=i(t,{visualState:e,parent:r,props:n,presenceContext:l,blockInitialAnimation:l?l.initial===!1:!1,reducedMotionConfig:u,skipAnimations:h,isSVG:o}),p.current&&d.current&&(d.current.manuallyAnimateOnMount=!0));const m=d.current,x=b.useContext(io);m&&!m.projection&&s&&(m.type==="html"||m.type==="svg")&&Yc(d.current,n,s,x);const T=b.useRef(!1);b.useInsertionEffect(()=>{m&&T.current&&m.update(n,l)});const y=n[xs],v=b.useRef(!!y&&!window.MotionHandoffIsComplete?.(y)&&window.MotionHasOptimisedAnimation?.(y));return vi(()=>{p.current=!0,m&&(T.current=!0,window.MotionIsMounted=!0,m.updateFeatures(),m.scheduleRenderMicrotask(),v.current&&m.animationState&&m.animationState.animateChanges())}),b.useEffect(()=>{m&&(!v.current&&m.animationState&&m.animationState.animateChanges(),v.current&&(queueMicrotask(()=>{window.MotionHandoffMarkAsComplete?.(y)}),v.current=!1),m.enteringChildren=void 0)}),m}function Yc(t,e,n,i){const{layoutId:s,layout:o,drag:r,dragConstraints:a,layoutScroll:l,layoutRoot:c,layoutCrossfade:u}=e;t.projection=new n(t.latestValues,e["data-framer-portal-id"]?void 0:so(t.parent)),t.projection.setOptions({layoutId:s,layout:o,alwaysMeasureLayout:!!r||a&&Ut(a),visualElement:t,animationType:typeof o=="string"?o:"both",initialPromotionConfig:i,crossfade:u,layoutScroll:l,layoutRoot:c})}function so(t){if(t)return t.options.allowProjection!==!1?t.projection:so(t.parent)}function qn(t,{forwardMotionProps:e=!1,type:n}={},i,s){i&&Ac(i);const o=n?n==="svg":Xn(t),r=o?Uc:Wc;function a(c,u){let h;const d={...b.useContext(Hn),...c,layoutId:Hc(c)},{isStatic:p}=d,m=kc(c),x=r(c,p);if(!p&&yi){Gc(d,i);const T=Xc(d);h=T.MeasureLayout,m.visualElement=zc(t,x,d,s,T.ProjectionNode,o)}return M.jsxs(Re.Provider,{value:m,children:[h&&m.visualElement?M.jsx(h,{visualElement:m.visualElement,...d}):null,Bc(t,c,Kc(x,m.visualElement,u),x,p,e,o)]})}a.displayName=`motion.${typeof t=="string"?t:`create(${t.displayName??t.name??""})`}`;const l=b.forwardRef(a);return l[$c]=t,l}function Hc({layoutId:t}){const e=b.useContext(Be).id;return e&&t!==void 0?e+"-"+t:t}function Gc(t,e){const n=b.useContext(Gr).strict;if(process.env.NODE_ENV!=="production"&&e&&n){const i="You have rendered a `motion` component within a `LazyMotion` component. This will break tree shaking. Import and render a `m` component instead.";t.ignoreStrict?Mt(!1,i,"lazy-strict-mode"):dt(!1,i,"lazy-strict-mode")}}function Xc(t){const e=Zr(),{drag:n,layout:i}=e;if(!n&&!i)return{};const s={...n,...i};return{MeasureLayout:n?.isEnabled(t)||i?.isEnabled(t)?s.MeasureLayout:void 0,ProjectionNode:s.ProjectionNode}}function qc(t,e){if(typeof Proxy>"u")return qn;const n=new Map,i=(o,r)=>qn(o,r,t,e),s=(o,r)=>(process.env.NODE_ENV!=="production"&&Ke(!1,"motion() is deprecated. Use motion.create() instead."),i(o,r));return new Proxy(s,{get:(o,r)=>r==="create"?i:(n.has(r)||n.set(r,qn(r,void 0,t,e)),n.get(r))})}const Zc=(t,e)=>e.isSVG??Xn(t)?new Vu(e):new wu(e,{allowProjection:t!==b.Fragment});class Jc extends bt{constructor(e){super(e),e.animationState||(e.animationState=Lu(e))}updateAnimationControlsSubscription(){const{animate:e}=this.node.getProps();we(e)&&(this.unmountControls=e.subscribe(this.node))}mount(){this.updateAnimationControlsSubscription()}update(){const{animate:e}=this.node.getProps(),{animate:n}=this.node.prevProps||{};e!==n&&this.updateAnimationControlsSubscription()}unmount(){this.node.animationState.reset(),this.unmountControls?.()}}let Qc=0;class tf extends bt{constructor(){super(...arguments),this.id=Qc++}update(){if(!this.node.presenceContext)return;const{isPresent:e,onExitComplete:n}=this.node.presenceContext,{isPresent:i}=this.node.prevPresenceContext||{};if(!this.node.animationState||e===i)return;const s=this.node.animationState.setActive("exit",!e);n&&!e&&s.then(()=>{n(this.id)})}mount(){const{register:e,onExitComplete:n}=this.node.presenceContext||{};n&&n(this.id),e&&(this.unmount=e(this.id))}unmount(){}}const ef={animation:{Feature:Jc},exit:{Feature:tf}};function re(t){return{point:{x:t.pageX,y:t.pageY}}}const nf=t=>e=>kn(e)&&t(e,re(e));function oe(t,e,n,i){return se(t,e,nf(n),i)}const ro=({current:t})=>t?t.ownerDocument.defaultView:null,oo=(t,e)=>Math.abs(t-e);function sf(t,e){const n=oo(t.x,e.x),i=oo(t.y,e.y);return Math.sqrt(n**2+i**2)}const ao=new Set(["auto","scroll"]);class lo{constructor(e,n,{transformPagePoint:i,contextWindow:s=window,dragSnapToOrigin:o=!1,distanceThreshold:r=3,element:a}={}){if(this.startEvent=null,this.lastMoveEvent=null,this.lastMoveEventInfo=null,this.handlers={},this.contextWindow=window,this.scrollPositions=new Map,this.removeScrollListeners=null,this.onElementScroll=p=>{this.handleScroll(p.target)},this.onWindowScroll=()=>{this.handleScroll(window)},this.updatePoint=()=>{if(!(this.lastMoveEvent&&this.lastMoveEventInfo))return;const p=Jn(this.lastMoveEventInfo,this.history),m=this.startEvent!==null,x=sf(p.offset,{x:0,y:0})>=this.distanceThreshold;if(!m&&!x)return;const{point:T}=p,{timestamp:y}=Y;this.history.push({...T,timestamp:y});const{onStart:v,onMove:w}=this.handlers;m||(v&&v(this.lastMoveEvent,p),this.startEvent=this.lastMoveEvent),w&&w(this.lastMoveEvent,p)},this.handlePointerMove=(p,m)=>{this.lastMoveEvent=p,this.lastMoveEventInfo=Zn(m,this.transformPagePoint),F.update(this.updatePoint,!0)},this.handlePointerUp=(p,m)=>{this.end();const{onEnd:x,onSessionEnd:T,resumeAnimation:y}=this.handlers;if((this.dragSnapToOrigin||!this.startEvent)&&y&&y(),!(this.lastMoveEvent&&this.lastMoveEventInfo))return;const v=Jn(p.type==="pointercancel"?this.lastMoveEventInfo:Zn(m,this.transformPagePoint),this.history);this.startEvent&&x&&x(p,v),T&&T(p,v)},!kn(e))return;this.dragSnapToOrigin=o,this.handlers=n,this.transformPagePoint=i,this.distanceThreshold=r,this.contextWindow=s||window;const l=re(e),c=Zn(l,this.transformPagePoint),{point:u}=c,{timestamp:h}=Y;this.history=[{...u,timestamp:h}];const{onSessionStart:d}=n;d&&d(e,Jn(c,this.history)),this.removeListeners=Ht(oe(this.contextWindow,"pointermove",this.handlePointerMove),oe(this.contextWindow,"pointerup",this.handlePointerUp),oe(this.contextWindow,"pointercancel",this.handlePointerUp)),a&&this.startScrollTracking(a)}startScrollTracking(e){let n=e.parentElement;for(;n;){const i=getComputedStyle(n);(ao.has(i.overflowX)||ao.has(i.overflowY))&&this.scrollPositions.set(n,{x:n.scrollLeft,y:n.scrollTop}),n=n.parentElement}this.scrollPositions.set(window,{x:window.scrollX,y:window.scrollY}),window.addEventListener("scroll",this.onElementScroll,{capture:!0,passive:!0}),window.addEventListener("scroll",this.onWindowScroll,{passive:!0}),this.removeScrollListeners=()=>{window.removeEventListener("scroll",this.onElementScroll,{capture:!0}),window.removeEventListener("scroll",this.onWindowScroll)}}handleScroll(e){const n=this.scrollPositions.get(e);if(!n)return;const i=e===window,s=i?{x:window.scrollX,y:window.scrollY}:{x:e.scrollLeft,y:e.scrollTop},o={x:s.x-n.x,y:s.y-n.y};o.x===0&&o.y===0||(i?this.lastMoveEventInfo&&(this.lastMoveEventInfo.point.x+=o.x,this.lastMoveEventInfo.point.y+=o.y):this.history.length>0&&(this.history[0].x-=o.x,this.history[0].y-=o.y),this.scrollPositions.set(e,s),F.update(this.updatePoint,!0))}updateHandlers(e){this.handlers=e}end(){this.removeListeners&&this.removeListeners(),this.removeScrollListeners&&this.removeScrollListeners(),this.scrollPositions.clear(),yt(this.updatePoint)}}function Zn(t,e){return e?{point:e(t.point)}:t}function uo(t,e){return{x:t.x-e.x,y:t.y-e.y}}function Jn({point:t},e){return{point:t,delta:uo(t,co(e)),offset:uo(t,rf(e)),velocity:of(e,.1)}}function rf(t){return t[0]}function co(t){return t[t.length-1]}function of(t,e){if(t.length<2)return{x:0,y:0};let n=t.length-1,i=null;const s=co(t);for(;n>=0&&(i=t[n],!(s.timestamp-i.timestamp>tt(e)));)n--;if(!i)return{x:0,y:0};i===t[0]&&t.length>2&&s.timestamp-i.timestamp>tt(e)*2&&(i=t[1]);const o=et(s.timestamp-i.timestamp);if(o===0)return{x:0,y:0};const r={x:(s.x-i.x)/o,y:(s.y-i.y)/o};return r.x===1/0&&(r.x=0),r.y===1/0&&(r.y=0),r}function af(t,{min:e,max:n},i){return e!==void 0&&t<e?t=i?I(e,t,i.min):Math.max(t,e):n!==void 0&&t>n&&(t=i?I(n,t,i.max):Math.min(t,n)),t}function fo(t,e,n){return{min:e!==void 0?t.min+e:void 0,max:n!==void 0?t.max+n-(t.max-t.min):void 0}}function lf(t,{top:e,left:n,bottom:i,right:s}){return{x:fo(t.x,n,s),y:fo(t.y,e,i)}}function ho(t,e){let n=e.min-t.min,i=e.max-t.max;return e.max-e.min<t.max-t.min&&([n,i]=[i,n]),{min:n,max:i}}function uf(t,e){return{x:ho(t.x,e.x),y:ho(t.y,e.y)}}function cf(t,e){let n=.5;const i=X(t),s=X(e);return s>i?n=Gt(e.min,e.max-i,t.min):i>s&&(n=Gt(t.min,t.max-s,e.min)),lt(0,1,n)}function ff(t,e){const n={};return e.min!==void 0&&(n.min=e.min-t.min),e.max!==void 0&&(n.max=e.max-t.min),n}const Qn=.35;function hf(t=Qn){return t===!1?t=0:t===!0&&(t=Qn),{x:po(t,"left","right"),y:po(t,"top","bottom")}}function po(t,e,n){return{min:mo(t,e),max:mo(t,n)}}function mo(t,e){return typeof t=="number"?t:t[e]||0}const df=new WeakMap;class pf{constructor(e){this.openDragLock=null,this.isDragging=!1,this.currentDirection=null,this.originPoint={x:0,y:0},this.constraints=!1,this.hasMutatedConstraints=!1,this.elastic=z(),this.latestPointerEvent=null,this.latestPanInfo=null,this.visualElement=e}start(e,{snapToCursor:n=!1,distanceThreshold:i}={}){const{presenceContext:s}=this.visualElement;if(s&&s.isPresent===!1)return;const o=h=>{n&&this.snapToCursor(re(h).point),this.stopAnimation()},r=(h,d)=>{const{drag:p,dragPropagation:m,onDragStart:x}=this.getProps();if(p&&!m&&(this.openDragLock&&this.openDragLock(),this.openDragLock=Wl(p),!this.openDragLock))return;this.latestPointerEvent=h,this.latestPanInfo=d,this.isDragging=!0,this.currentDirection=null,this.resolveConstraints(),this.visualElement.projection&&(this.visualElement.projection.isAnimationBlocked=!0,this.visualElement.projection.target=void 0),ct(y=>{let v=this.getAxisMotionValue(y).get()||0;if(ut.test(v)){const{projection:w}=this.visualElement;if(w&&w.layout){const E=w.layout.layoutBox[y];E&&(v=X(E)*(parseFloat(v)/100))}}this.originPoint[y]=v}),x&&F.update(()=>x(h,d),!1,!0),Cn(this.visualElement,"transform");const{animationState:T}=this.visualElement;T&&T.setActive("whileDrag",!0)},a=(h,d)=>{this.latestPointerEvent=h,this.latestPanInfo=d;const{dragPropagation:p,dragDirectionLock:m,onDirectionLock:x,onDrag:T}=this.getProps();if(!p&&!this.openDragLock)return;const{offset:y}=d;if(m&&this.currentDirection===null){this.currentDirection=gf(y),this.currentDirection!==null&&x&&x(this.currentDirection);return}this.updateAxis("x",d.point,y),this.updateAxis("y",d.point,y),this.visualElement.render(),T&&F.update(()=>T(h,d),!1,!0)},l=(h,d)=>{this.latestPointerEvent=h,this.latestPanInfo=d,this.stop(h,d),this.latestPointerEvent=null,this.latestPanInfo=null},c=()=>{const{dragSnapToOrigin:h}=this.getProps();(h||this.constraints)&&this.startAnimation({x:0,y:0})},{dragSnapToOrigin:u}=this.getProps();this.panSession=new lo(e,{onSessionStart:o,onStart:r,onMove:a,onSessionEnd:l,resumeAnimation:c},{transformPagePoint:this.visualElement.getTransformPagePoint(),dragSnapToOrigin:u,distanceThreshold:i,contextWindow:ro(this.visualElement),element:this.visualElement.current})}stop(e,n){const i=e||this.latestPointerEvent,s=n||this.latestPanInfo,o=this.isDragging;if(this.cancel(),!o||!s||!i)return;const{velocity:r}=s;this.startAnimation(r);const{onDragEnd:a}=this.getProps();a&&F.postRender(()=>a(i,s))}cancel(){this.isDragging=!1;const{projection:e,animationState:n}=this.visualElement;e&&(e.isAnimationBlocked=!1),this.endPanSession();const{dragPropagation:i}=this.getProps();!i&&this.openDragLock&&(this.openDragLock(),this.openDragLock=null),n&&n.setActive("whileDrag",!1)}endPanSession(){this.panSession&&this.panSession.end(),this.panSession=void 0}updateAxis(e,n,i){const{drag:s}=this.getProps();if(!i||!ke(e,s,this.currentDirection))return;const o=this.getAxisMotionValue(e);let r=this.originPoint[e]+i[e];this.constraints&&this.constraints[e]&&(r=af(r,this.constraints[e],this.elastic[e])),o.set(r)}resolveConstraints(){const{dragConstraints:e,dragElastic:n}=this.getProps(),i=this.visualElement.projection&&!this.visualElement.projection.layout?this.visualElement.projection.measure(!1):this.visualElement.projection?.layout,s=this.constraints;e&&Ut(e)?this.constraints||(this.constraints=this.resolveRefConstraints()):e&&i?this.constraints=lf(i.layoutBox,e):this.constraints=!1,this.elastic=hf(n),s!==this.constraints&&!Ut(e)&&i&&this.constraints&&!this.hasMutatedConstraints&&ct(o=>{this.constraints!==!1&&this.getAxisMotionValue(o)&&(this.constraints[o]=ff(i.layoutBox[o],this.constraints[o]))})}resolveRefConstraints(){const{dragConstraints:e,onMeasureDragConstraints:n}=this.getProps();if(!e||!Ut(e))return!1;const i=e.current;dt(i!==null,"If `dragConstraints` is set as a React ref, that ref must be passed to another component's `ref` prop.","drag-constraints-ref");const{projection:s}=this.visualElement;if(!s||!s.layout)return!1;const o=gu(i,s.root,this.visualElement.getTransformPagePoint());let r=uf(s.layout.layoutBox,o);if(n){const a=n(du(r));this.hasMutatedConstraints=!!a,a&&(r=Ys(a))}return r}startAnimation(e){const{drag:n,dragMomentum:i,dragElastic:s,dragTransition:o,dragSnapToOrigin:r,onDragTransitionEnd:a}=this.getProps(),l=this.constraints||{},c=ct(u=>{if(!ke(u,n,this.currentDirection))return;let h=l&&l[u]||{};r&&(h={min:0,max:0});const d=s?200:1e6,p=s?40:1e7,m={type:"inertia",velocity:i?e[u]:0,bounceStiffness:d,bounceDamping:p,timeConstant:750,restDelta:1,restSpeed:10,...o,...h};return this.startAxisValueAnimation(u,m)});return Promise.all(c).then(a)}startAxisValueAnimation(e,n){const i=this.getAxisMotionValue(e);return Cn(this.visualElement,e),i.start(wn(e,i,0,n,this.visualElement,!1))}stopAnimation(){ct(e=>this.getAxisMotionValue(e).stop())}getAxisMotionValue(e){const n=`_drag${e.toUpperCase()}`,i=this.visualElement.getProps(),s=i[n];return s||this.visualElement.getValue(e,(i.initial?i.initial[e]:void 0)||0)}snapToCursor(e){ct(n=>{const{drag:i}=this.getProps();if(!ke(n,i,this.currentDirection))return;const{projection:s}=this.visualElement,o=this.getAxisMotionValue(n);if(s&&s.layout){const{min:r,max:a}=s.layout.layoutBox[n],l=o.get()||0;o.set(e[n]-I(r,a,.5)+l)}})}scalePositionWithinConstraints(){if(!this.visualElement.current)return;const{drag:e,dragConstraints:n}=this.getProps(),{projection:i}=this.visualElement;if(!Ut(n)||!i||!this.constraints)return;this.stopAnimation();const s={x:0,y:0};ct(r=>{const a=this.getAxisMotionValue(r);if(a&&this.constraints!==!1){const l=a.get();s[r]=cf({min:l,max:l},this.constraints[r])}});const{transformTemplate:o}=this.visualElement.getProps();this.visualElement.current.style.transform=o?o({},""):"none",i.root&&i.root.updateScroll(),i.updateLayout(),this.constraints=!1,this.resolveConstraints(),ct(r=>{if(!ke(r,e,null))return;const a=this.getAxisMotionValue(r),{min:l,max:c}=this.constraints[r];a.set(I(l,c,s[r]))}),this.visualElement.render()}addListeners(){if(!this.visualElement.current)return;df.set(this.visualElement,this);const e=this.visualElement.current,n=oe(e,"pointerdown",c=>{const{drag:u,dragListener:h=!0}=this.getProps(),d=c.target,p=d!==e&&Hl(d);u&&h&&!p&&this.start(c)});let i;const s=()=>{const{dragConstraints:c}=this.getProps();Ut(c)&&c.current&&(this.constraints=this.resolveRefConstraints(),i||(i=mf(e,c.current,()=>this.scalePositionWithinConstraints())))},{projection:o}=this.visualElement,r=o.addEventListener("measure",s);o&&!o.layout&&(o.root&&o.root.updateScroll(),o.updateLayout()),F.read(s);const a=se(window,"resize",()=>this.scalePositionWithinConstraints()),l=o.addEventListener("didUpdate",(({delta:c,hasLayoutChanged:u})=>{this.isDragging&&u&&(ct(h=>{const d=this.getAxisMotionValue(h);d&&(this.originPoint[h]+=c[h].translate,d.set(d.get()+c[h].translate))}),this.visualElement.render())}));return()=>{a(),n(),r(),l&&l(),i&&i()}}getProps(){const e=this.visualElement.getProps(),{drag:n=!1,dragDirectionLock:i=!1,dragPropagation:s=!1,dragConstraints:o=!1,dragElastic:r=Qn,dragMomentum:a=!0}=e;return{...e,drag:n,dragDirectionLock:i,dragPropagation:s,dragConstraints:o,dragElastic:r,dragMomentum:a}}}function go(t){let e=!0;return()=>{if(e){e=!1;return}t()}}function mf(t,e,n){const i=Bs(t,go(n)),s=Bs(e,go(n));return()=>{i(),s()}}function ke(t,e,n){return(e===!0||e===t)&&(n===null||n===t)}function gf(t,e=10){let n=null;return Math.abs(t.y)>e?n="y":Math.abs(t.x)>e&&(n="x"),n}class yf extends bt{constructor(e){super(e),this.removeGroupControls=Q,this.removeListeners=Q,this.controls=new pf(e)}mount(){const{dragControls:e}=this.node.getProps();e&&(this.removeGroupControls=e.subscribe(this.controls)),this.removeListeners=this.controls.addListeners()||Q}update(){const{dragControls:e}=this.node.getProps(),{dragControls:n}=this.node.prevProps||{};e!==n&&(this.removeGroupControls(),e&&(this.removeGroupControls=e.subscribe(this.controls)))}unmount(){this.removeGroupControls(),this.removeListeners(),this.controls.isDragging||this.controls.endPanSession()}}const ti=t=>(e,n)=>{t&&F.update(()=>t(e,n),!1,!0)};class vf extends bt{constructor(){super(...arguments),this.removePointerDownListener=Q}onPointerDown(e){this.session=new lo(e,this.createPanHandlers(),{transformPagePoint:this.node.getTransformPagePoint(),contextWindow:ro(this.node)})}createPanHandlers(){const{onPanSessionStart:e,onPanStart:n,onPan:i,onPanEnd:s}=this.node.getProps();return{onSessionStart:ti(e),onStart:ti(n),onMove:ti(i),onEnd:(o,r)=>{delete this.session,s&&F.postRender(()=>s(o,r))}}}mount(){this.removePointerDownListener=oe(this.node.current,"pointerdown",e=>this.onPointerDown(e))}update(){this.session&&this.session.updateHandlers(this.createPanHandlers())}unmount(){this.removePointerDownListener(),this.session&&this.session.end()}}let ei=!1;class Tf extends b.Component{componentDidMount(){const{visualElement:e,layoutGroup:n,switchLayoutGroup:i,layoutId:s}=this.props,{projection:o}=e;o&&(n.group&&n.group.add(o),i&&i.register&&s&&i.register(o),ei&&o.root.didUpdate(),o.addEventListener("animationComplete",()=>{this.safeToRemove()}),o.setOptions({...o.options,layoutDependency:this.props.layoutDependency,onExitComplete:()=>this.safeToRemove()})),Ve.hasEverUpdated=!0}getSnapshotBeforeUpdate(e){const{layoutDependency:n,visualElement:i,drag:s,isPresent:o}=this.props,{projection:r}=i;return r&&(r.isPresent=o,e.layoutDependency!==n&&r.setOptions({...r.options,layoutDependency:n}),ei=!0,s||e.layoutDependency!==n||n===void 0||e.isPresent!==o?r.willUpdate():this.safeToRemove(),e.isPresent!==o&&(o?r.promote():r.relegate()||F.postRender(()=>{const a=r.getStack();(!a||!a.members.length)&&this.safeToRemove()}))),null}componentDidUpdate(){const{projection:e}=this.props.visualElement;e&&(e.root.didUpdate(),Rn.postRender(()=>{!e.currentAnimation&&e.isLead()&&this.safeToRemove()}))}componentWillUnmount(){const{visualElement:e,layoutGroup:n,switchLayoutGroup:i}=this.props,{projection:s}=e;ei=!0,s&&(s.scheduleCheckAfterUnmount(),n&&n.group&&n.group.remove(s),i&&i.deregister&&i.deregister(s))}safeToRemove(){const{safeToRemove:e}=this.props;e&&e()}render(){return null}}function yo(t){const[e,n]=Yr(),i=b.useContext(Be);return M.jsx(Tf,{...t,layoutGroup:i,switchLayoutGroup:b.useContext(io),isPresent:e,safeToRemove:n})}const xf={pan:{Feature:vf},drag:{Feature:yf,ProjectionNode:Kr,MeasureLayout:yo}};function vo(t,e,n){const{props:i}=t;t.animationState&&i.whileHover&&t.animationState.setActive("whileHover",n==="Start");const s="onHover"+n,o=i[s];o&&F.postRender(()=>o(e,re(e)))}class bf extends bt{mount(){const{current:e}=this.node;e&&(this.unmount=$l(e,(n,i)=>(vo(this.node,i,"Start"),s=>vo(this.node,s,"End"))))}unmount(){}}class wf extends bt{constructor(){super(...arguments),this.isActive=!1}onFocus(){let e=!1;try{e=this.node.current.matches(":focus-visible")}catch{e=!0}!e||!this.node.animationState||(this.node.animationState.setActive("whileFocus",!0),this.isActive=!0)}onBlur(){!this.isActive||!this.node.animationState||(this.node.animationState.setActive("whileFocus",!1),this.isActive=!1)}mount(){this.unmount=Ht(se(this.node.current,"focus",()=>this.onFocus()),se(this.node.current,"blur",()=>this.onBlur()))}unmount(){}}function To(t,e,n){const{props:i}=t;if(t.current instanceof HTMLButtonElement&&t.current.disabled)return;t.animationState&&i.whileTap&&t.animationState.setActive("whileTap",n==="Start");const s="onTap"+(n==="End"?"":n),o=i[s];o&&F.postRender(()=>o(e,re(e)))}class Sf extends bt{mount(){const{current:e}=this.node;if(!e)return;const{globalTapTarget:n,propagate:i}=this.node.props;this.unmount=Xl(e,(s,o)=>(To(this.node,o,"Start"),(r,{success:a})=>To(this.node,r,a?"End":"Cancel")),{useGlobalTarget:n,stopPropagation:i?.tap===!1})}unmount(){}}const ni=new WeakMap,ii=new WeakMap,Pf=t=>{const e=ni.get(t.target);e&&e(t)},Cf=t=>{t.forEach(Pf)};function Ef({root:t,...e}){const n=t||document;ii.has(n)||ii.set(n,{});const i=ii.get(n),s=JSON.stringify(e);return i[s]||(i[s]=new IntersectionObserver(Cf,{root:t,...e})),i[s]}function Af(t,e,n){const i=Ef(e);return ni.set(t,n),i.observe(t),()=>{ni.delete(t),i.unobserve(t)}}const Vf={some:0,all:1};class Df extends bt{constructor(){super(...arguments),this.hasEnteredView=!1,this.isInView=!1}startObserver(){this.unmount();const{viewport:e={}}=this.node.getProps(),{root:n,margin:i,amount:s="some",once:o}=e,r={root:n?n.current:void 0,rootMargin:i,threshold:typeof s=="number"?s:Vf[s]},a=l=>{const{isIntersecting:c}=l;if(this.isInView===c||(this.isInView=c,o&&!c&&this.hasEnteredView))return;c&&(this.hasEnteredView=!0),this.node.animationState&&this.node.animationState.setActive("whileInView",c);const{onViewportEnter:u,onViewportLeave:h}=this.node.getProps(),d=c?u:h;d&&d(l)};return Af(this.node.current,r,a)}mount(){this.startObserver()}update(){if(typeof IntersectionObserver>"u")return;const{props:e,prevProps:n}=this.node;["amount","margin","root"].some(Mf(e,n))&&this.startObserver()}unmount(){}}function Mf({viewport:t={}},{viewport:e={}}={}){return n=>t[n]!==e[n]}const Rf={...ef,...{inView:{Feature:Df},tap:{Feature:Sf},focus:{Feature:wf},hover:{Feature:bf}},...xf,...{layout:{ProjectionNode:Kr,MeasureLayout:yo}}},si=qc(Rf,Zc),kf=({cards:t=[]})=>{const[e,n]=b.useState(0),[i,s]=b.useState(!1);if(!t||t.length===0)return M.jsx("div",{className:"flashcard-deck-container",children:M.jsx("p",{className:"flashcard-empty-message",children:"No cards available"})});const o=t[e],r=e>0,a=e<t.length-1,l=()=>{r&&(n(e-1),s(!1))},c=()=>{a&&(n(e+1),s(!1))},u=()=>{s(!i)};return M.jsxs("div",{className:"flashcard-deck-container",children:[M.jsx("div",{className:"flashcard-deck-header",children:M.jsxs("span",{className:"flashcard-counter",children:["Card ",e+1," of ",t.length]})}),M.jsx("div",{className:"flashcard-wrapper",children:M.jsxs(si.div,{className:"flashcard",onClick:u,animate:{rotateY:i?180:0},transition:{duration:.6,type:"spring",stiffness:100},style:{transformStyle:"preserve-3d"},children:[M.jsx("div",{className:"flashcard-face flashcard-front",children:M.jsx("div",{className:"flashcard-content",children:o.front})}),M.jsx("div",{className:"flashcard-face flashcard-back",children:M.jsx("div",{className:"flashcard-content",children:o.back})})]},e)}),M.jsxs("div",{className:"flashcard-controls",children:[M.jsx("button",{className:"flashcard-button flashcard-button-previous",onClick:l,disabled:!r,"aria-label":"Previous card",children:"Previous"}),M.jsx("button",{className:"flashcard-button flashcard-button-next",onClick:c,disabled:!a,"aria-label":"Next card",children:"Next"})]})]})},at={accordion:"_accordion_1gkiv_1",empty:"_empty_1gkiv_17",item:"_item_1gkiv_31",heading:"_heading_1gkiv_73",trigger:"_trigger_1gkiv_85",title:"_title_1gkiv_145",icon:"_icon_1gkiv_155",panelWrapper:"_panelWrapper_1gkiv_179",panel:"_panel_1gkiv_179",content:"_content_1gkiv_195"},Lf=(t,e,n,i)=>t&&n&&n.length>0?new Set(n.filter(s=>i!=null&&s>=0&&s<i)):!t&&e!=null&&e>=0&&i!=null&&e<i?new Set([e]):new Set,jf=({items:t,allowMultiple:e=!1,defaultExpandedIndex:n,defaultExpandedIndexes:i,className:s})=>{const o=b.useId(),[r,a]=b.useState(()=>Lf(e,n,i,t?.length)),l=b.useCallback(u=>{a(h=>{const d=new Set(h);return d.has(u)?d.delete(u):(e||d.clear(),d.add(u)),d})},[e]),c=b.useCallback((u,h)=>{const p=u.currentTarget.closest("[data-accordion]")?.querySelectorAll("[data-accordion-trigger]");if(p?.length)switch(u.key){case"Enter":case" ":u.preventDefault(),l(h);break;case"ArrowDown":case"ArrowRight":u.preventDefault(),h<t.length-1&&p[h+1]?.focus();break;case"ArrowUp":case"ArrowLeft":u.preventDefault(),h>0&&p[h-1]?.focus();break;case"Home":u.preventDefault(),p[0]?.focus();break;case"End":u.preventDefault(),p[p.length-1]?.focus();break}},[t.length,l]);return t?.length?M.jsx("div",{className:[at.accordion,s].filter(Boolean).join(" "),role:"region","aria-label":"Accordion","data-accordion":!0,children:t.map((u,h)=>{const d=r.has(h),p=`${o}-header-${h}`,m=`${o}-panel-${h}`;return M.jsxs("div",{className:at.item,"data-open":d,children:[M.jsx("h3",{className:at.heading,children:M.jsxs("button",{type:"button",id:p,className:at.trigger,"aria-expanded":d,"aria-controls":m,"data-accordion-trigger":!0,onClick:()=>l(h),onKeyDown:x=>c(x,h),children:[M.jsx("span",{className:at.title,children:u.title}),M.jsx(si.span,{className:at.icon,animate:{rotate:d?180:0},transition:{duration:.25},"aria-hidden":!0,children:"▼"})]})}),M.jsx("div",{id:m,role:"region","aria-labelledby":p,"aria-hidden":!d,className:at.panelWrapper,children:M.jsx(Cc,{initial:!1,children:d&&M.jsx(si.div,{initial:{height:0,opacity:0},animate:{height:"auto",opacity:1},exit:{height:0,opacity:0},transition:{duration:.25,ease:"easeInOut"},className:at.panel,children:M.jsx("div",{className:at.content,children:u.content})})})})]},u.id??h)})}):M.jsx("div",{className:[at.accordion,s].filter(Boolean).join(" "),role:"region","aria-label":"Accordion",children:M.jsx("p",{className:at.empty,children:"No items to display."})})};gt.Accordion=jf,gt.FlashcardDeck=kf,Object.defineProperty(gt,Symbol.toStringTag,{value:"Module"})}));
|
|
14
|
+
<%s key={someKey} {...props} />`,ee,N,br,N),we[N+ee]=!0}}return e===E?dr(p):fr(p),p}}function vr(e,r,t){return Oe(e,r,t,!0)}function pr(e,r,t){return Oe(e,r,t,!1)}var hr=pr,gr=vr;L.Fragment=E,L.jsx=hr,L.jsxs=gr})()),L}var ne;function De(){return ne||(ne=1,process.env.NODE_ENV==="production"?M.exports=ke():M.exports=Pe()),M.exports}var u=De();const Ne=({cards:f=[]})=>{const[g,k]=y.useState(0),[E,S]=y.useState(!1);if(!f||f.length===0)return u.jsx("div",{className:"flashcard-deck-container",children:u.jsx("p",{className:"flashcard-empty-message",children:"No cards available"})});const w=f[g],R=g>0,j=g<f.length-1,o=()=>{R&&(k(g-1),S(!1))},d=()=>{j&&(k(g+1),S(!1))},c=()=>{S(!E)};return u.jsxs("div",{className:"flashcard-deck-container",children:[u.jsx("div",{className:"flashcard-deck-header",children:u.jsxs("span",{className:"flashcard-counter",children:["Card ",g+1," of ",f.length]})}),u.jsx("div",{className:"flashcard-wrapper",children:u.jsxs("div",{className:`flashcard ${E?"flashcard--flipped":""}`,onClick:c,children:[u.jsx("div",{className:"flashcard-face flashcard-front",children:u.jsx("div",{className:"flashcard-content",children:w.front})}),u.jsx("div",{className:"flashcard-face flashcard-back",children:u.jsx("div",{className:"flashcard-content",children:w.back})})]},g)}),u.jsxs("div",{className:"flashcard-controls",children:[u.jsx("button",{className:"flashcard-button flashcard-button-previous",onClick:o,disabled:!R,"aria-label":"Previous card",children:"Previous"}),u.jsx("button",{className:"flashcard-button flashcard-button-next",onClick:d,disabled:!j,"aria-label":"Next card",children:"Next"})]})]})},T={accordion:"_accordion_1rfb4_1",empty:"_empty_1rfb4_17",item:"_item_1rfb4_31",heading:"_heading_1rfb4_73",trigger:"_trigger_1rfb4_85",title:"_title_1rfb4_145",icon:"_icon_1rfb4_155",panelWrapper:"_panelWrapper_1rfb4_187",panel:"_panel_1rfb4_187",content:"_content_1rfb4_217"};function Ae(f){return f==null?new Set:typeof f=="string"?new Set([f]):new Set(f)}const Fe=({items:f,allowMultiple:g=!1,defaultOpenId:k})=>{const E=y.useId(),[S,w]=y.useState(()=>Ae(k)),R=y.useCallback(o=>{w(d=>{const c=new Set(d);return c.has(o)?c.delete(o):(g||c.clear(),c.add(o)),c})},[g]),j=y.useCallback((o,d)=>{const h=o.currentTarget.closest("[data-accordion]")?.querySelectorAll("[data-accordion-trigger]");if(h?.length)switch(o.key){case"Enter":case" ":o.preventDefault(),f[d]&&R(f[d].id);break;case"ArrowDown":case"ArrowRight":o.preventDefault(),d<f.length-1&&h[d+1]?.focus();break;case"ArrowUp":case"ArrowLeft":o.preventDefault(),d>0&&h[d-1]?.focus();break;case"Home":o.preventDefault(),h[0]?.focus();break;case"End":o.preventDefault(),h[h.length-1]?.focus();break}},[f,R]);return f?.length?u.jsx("div",{className:T.accordion,role:"region","aria-label":"Accordion","data-accordion":!0,children:f.map((o,d)=>{const c=S.has(o.id),h=`${E}-header-${d}`,C=`${E}-panel-${d}`;return u.jsxs("div",{className:T.item,"data-open":c,children:[u.jsx("h3",{className:T.heading,children:u.jsxs("button",{type:"button",id:h,className:T.trigger,"aria-expanded":c,"aria-controls":C,"data-accordion-trigger":!0,onClick:()=>R(o.id),onKeyDown:A=>j(A,d),children:[u.jsx("span",{className:T.title,children:o.title}),u.jsx("span",{className:T.icon,"aria-hidden":!0,children:"▼"})]})}),u.jsx("div",{id:C,role:"region","aria-labelledby":h,"aria-hidden":!c,className:T.panelWrapper,"data-open":c,children:u.jsx("div",{className:T.panel,children:u.jsx("div",{className:T.content,children:o.content})})})]},o.id)})}):u.jsx("div",{className:T.accordion,role:"region","aria-label":"Accordion",children:u.jsx("p",{className:T.empty,children:"No items to display."})})};O.Accordion=Fe,O.FlashcardDeck=Ne,Object.defineProperty(O,Symbol.toStringTag,{value:"Module"})}));
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@zomako/elearning-components",
|
|
3
|
-
"version": "2.0.
|
|
3
|
+
"version": "2.0.4",
|
|
4
4
|
"description": "A library of interactive and SCORM-compliant eLearning components.",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"scripts": {
|
|
@@ -9,6 +9,9 @@
|
|
|
9
9
|
"preview": "vite preview"
|
|
10
10
|
},
|
|
11
11
|
"dependencies": {
|
|
12
|
+
"@dnd-kit/core": "^6.3.1",
|
|
13
|
+
"@dnd-kit/sortable": "^10.0.0",
|
|
14
|
+
"@dnd-kit/utilities": "^3.2.2",
|
|
12
15
|
"@zomako/elearning-components": "^1.0.2",
|
|
13
16
|
"motion": "^12.34.0",
|
|
14
17
|
"react": "^18.2.0",
|
package/rollup.config.js
CHANGED
|
@@ -1,20 +1,20 @@
|
|
|
1
|
-
import typescript from '@rollup/plugin-typescript';
|
|
2
|
-
import postcss from 'rollup-plugin-postcss';
|
|
3
|
-
|
|
4
|
-
export default {
|
|
5
|
-
input: 'src/index.ts',
|
|
6
|
-
output: {
|
|
7
|
-
dir: 'dist',
|
|
8
|
-
format: 'cjs',
|
|
9
|
-
sourcemap: true,
|
|
10
|
-
},
|
|
11
|
-
plugins: [
|
|
12
|
-
typescript(),
|
|
13
|
-
postcss({
|
|
14
|
-
modules: true,
|
|
15
|
-
extract: 'styles.css',
|
|
16
|
-
}),
|
|
17
|
-
],
|
|
18
|
-
external: ['react', 'react-dom', 'motion'],
|
|
19
|
-
};
|
|
20
|
-
|
|
1
|
+
import typescript from '@rollup/plugin-typescript';
|
|
2
|
+
import postcss from 'rollup-plugin-postcss';
|
|
3
|
+
|
|
4
|
+
export default {
|
|
5
|
+
input: 'src/index.ts',
|
|
6
|
+
output: {
|
|
7
|
+
dir: 'dist',
|
|
8
|
+
format: 'cjs',
|
|
9
|
+
sourcemap: true,
|
|
10
|
+
},
|
|
11
|
+
plugins: [
|
|
12
|
+
typescript(),
|
|
13
|
+
postcss({
|
|
14
|
+
modules: true,
|
|
15
|
+
extract: 'styles.css',
|
|
16
|
+
}),
|
|
17
|
+
],
|
|
18
|
+
external: ['react', 'react-dom', 'motion'],
|
|
19
|
+
};
|
|
20
|
+
|
package/src/App.jsx
CHANGED
|
@@ -2,9 +2,9 @@ import React from 'react';
|
|
|
2
2
|
import { Accordion, FlashcardDeck } from './index';
|
|
3
3
|
|
|
4
4
|
const accordionItems = [
|
|
5
|
-
{ title: 'Getting started', content: 'Install the package and import the components you need.' },
|
|
6
|
-
{ title: 'Components', content: 'FlashcardDeck and Accordion are available. See each component README for usage.' },
|
|
7
|
-
{ title: 'Support', content: 'Check the repository for documentation and issues.' },
|
|
5
|
+
{ id: 'getting-started', title: 'Getting started', content: 'Install the package and import the components you need.' },
|
|
6
|
+
{ id: 'components', title: 'Components', content: 'FlashcardDeck and Accordion are available. See each component README for usage.' },
|
|
7
|
+
{ id: 'support', title: 'Support', content: 'Check the repository for documentation and issues.' },
|
|
8
8
|
];
|
|
9
9
|
|
|
10
10
|
const sampleCards = [
|