@athosws/react-components/dist/module-index.js

This is a set of useful ReactJS components developed by Athos.\n Email:ladiesman217.as@gmail.com

"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("styled-components"),n=require("chroma-js"),r=require("@dnd-kit/core"),o=require("@dnd-kit/sortable"),a=require("uuid"),i=require("react-redux"),l=require("@reduxjs/toolkit"),s=require("react-beautiful-dnd"),u=require("react-dom");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function d(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var f=c(e),p=d(e),h=c(t),m=c(n),g=c(u);!function(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===n&&r.firstChild?r.insertBefore(o,r.firstChild):r.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}('@tailwind base;\r\n@tailwind components;\r\n@tailwind utilities;\r\n\r\nbody {\r\n  margin: 0;\r\n  -webkit-font-smoothing: antialiased;\r\n  -moz-osx-font-smoothing: grayscale;\r\n  background-color: white;\r\n  font-family: "Anek Latin";\r\n}\r\n\r\ninput[type="password"]::-ms-reveal,\r\ninput[type="password"]::-ms-clear {\r\n  display: none;\r\n}\r\n');var y,v={exports:{}},b={};var w,k={};
/**
 * @license React
 * react-jsx-runtime.development.js
 *
 * Copyright (c) Meta Platforms, Inc. and affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */"production"===process.env.NODE_ENV?v.exports=function(){if(y)return b;y=1;var e=Symbol.for("react.transitional.element"),t=Symbol.for("react.fragment");function n(t,n,r){var o=null;if(void 0!==r&&(o=""+r),void 0!==n.key&&(o=""+n.key),"key"in n)for(var a in r={},n)"key"!==a&&(r[a]=n[a]);else r=n;return n=r.ref,{$$typeof:e,type:t,key:o,ref:void 0!==n?n:null,props:r}}return b.Fragment=t,b.jsx=n,b.jsxs=n,b}():v.exports=(w||(w=1,"production"!==process.env.NODE_ENV&&function(){function e(t){if(null==t)return null;if("function"==typeof t)return t.$$typeof===I?null:t.displayName||t.name||null;if("string"==typeof t)return t;switch(t){case T:return"Fragment";case x:return"Portal";case P:return"Profiler";case E:return"StrictMode";case M:return"Suspense";case z:return"SuspenseList"}if("object"==typeof t)switch("number"==typeof t.tag&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),t.$$typeof){case D:return(t.displayName||"Context")+".Provider";case R:return(t._context.displayName||"Context")+".Consumer";case A:var n=t.render;return(t=t.displayName)||(t=""!==(t=n.displayName||n.name||"")?"ForwardRef("+t+")":"ForwardRef"),t;case O:return null!==(n=t.displayName||null)?n:e(t.type)||"Memo";case L:n=t._payload,t=t._init;try{return e(t(n))}catch(e){}}return null}function t(e){return""+e}function n(e){try{t(e);var n=!1}catch(e){n=!0}if(n){var r=(n=console).error,o="function"==typeof Symbol&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return r.call(n,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",o),t(e)}}function r(){}function o(e){if(void 0===H)try{throw Error()}catch(e){var t=e.stack.trim().match(/\n( *(at )?)/);H=t&&t[1]||"",W=-1<e.stack.indexOf("\n    at")?" (<anonymous>)":-1<e.stack.indexOf("@")?"@unknown:0:0":""}return"\n"+H+e+W}function a(e,t){if(!e||Y)return"";var n,a=Q.get(e);if(void 0!==a)return a;Y=!0,a=Error.prepareStackTrace,Error.prepareStackTrace=void 0,n=_.H,_.H=null,function(){if(0===U){h=console.log,m=console.info,g=console.warn,y=console.error,v=console.group,b=console.groupCollapsed,w=console.groupEnd;var e={configurable:!0,enumerable:!0,value:r,writable:!0};Object.defineProperties(console,{info:e,log:e,warn:e,error:e,group:e,groupCollapsed:e,groupEnd:e})}U++}();try{var i={DetermineComponentFrameRoot:function(){try{if(t){var n=function(){throw Error()};if(Object.defineProperty(n.prototype,"props",{set:function(){throw Error()}}),"object"==typeof Reflect&&Reflect.construct){try{Reflect.construct(n,[])}catch(e){var r=e}Reflect.construct(e,[],n)}else{try{n.call()}catch(e){r=e}e.call(n.prototype)}}else{try{throw Error()}catch(e){r=e}(n=e())&&"function"==typeof n.catch&&n.catch((function(){}))}}catch(e){if(e&&r&&"string"==typeof e.stack)return[e.stack,r.stack]}return[null,null]}};i.DetermineComponentFrameRoot.displayName="DetermineComponentFrameRoot";var l=Object.getOwnPropertyDescriptor(i.DetermineComponentFrameRoot,"name");l&&l.configurable&&Object.defineProperty(i.DetermineComponentFrameRoot,"name",{value:"DetermineComponentFrameRoot"});var s=i.DetermineComponentFrameRoot(),u=s[0],c=s[1];if(u&&c){var d=u.split("\n"),f=c.split("\n");for(s=l=0;l<d.length&&!d[l].includes("DetermineComponentFrameRoot");)l++;for(;s<f.length&&!f[s].includes("DetermineComponentFrameRoot");)s++;if(l===d.length||s===f.length)for(l=d.length-1,s=f.length-1;1<=l&&0<=s&&d[l]!==f[s];)s--;for(;1<=l&&0<=s;l--,s--)if(d[l]!==f[s]){if(1!==l||1!==s)do{if(l--,0>--s||d[l]!==f[s]){var p="\n"+d[l].replace(" at new "," at ");return e.displayName&&p.includes("<anonymous>")&&(p=p.replace("<anonymous>",e.displayName)),"function"==typeof e&&Q.set(e,p),p}}while(1<=l&&0<=s);break}}}finally{Y=!1,_.H=n,function(){if(0==--U){var e={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:V({},e,{value:h}),info:V({},e,{value:m}),warn:V({},e,{value:g}),error:V({},e,{value:y}),group:V({},e,{value:v}),groupCollapsed:V({},e,{value:b}),groupEnd:V({},e,{value:w})})}0>U&&console.error("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}(),Error.prepareStackTrace=a}return d=(d=e?e.displayName||e.name:"")?o(d):"","function"==typeof e&&Q.set(e,d),d}function i(e){if(null==e)return"";if("function"==typeof e){var t=e.prototype;return a(e,!(!t||!t.isReactComponent))}if("string"==typeof e)return o(e);switch(e){case M:return o("Suspense");case z:return o("SuspenseList")}if("object"==typeof e)switch(e.$$typeof){case A:return a(e.render,!1);case O:return i(e.type);case L:t=e._payload,e=e._init;try{return i(e(t))}catch(e){}}return""}function l(){var e=_.A;return null===e?null:e.getOwner()}function s(){var t=e(this.type);return X[t]||(X[t]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),void 0!==(t=this.props.ref)?t:null}function u(t,r,o,a,i,u){if("string"==typeof t||"function"==typeof t||t===T||t===P||t===E||t===M||t===z||t===N||"object"==typeof t&&null!==t&&(t.$$typeof===L||t.$$typeof===O||t.$$typeof===D||t.$$typeof===R||t.$$typeof===A||t.$$typeof===B||void 0!==t.getModuleId)){var d=r.children;if(void 0!==d)if(a)if($(d)){for(a=0;a<d.length;a++)c(d[a],t);Object.freeze&&Object.freeze(d)}else console.error("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 c(d,t)}else d="",(void 0===t||"object"==typeof t&&null!==t&&0===Object.keys(t).length)&&(d+=" You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports."),null===t?a="null":$(t)?a="array":void 0!==t&&t.$$typeof===S?(a="<"+(e(t.type)||"Unknown")+" />",d=" Did you accidentally export a JSX literal instead of a component?"):a=typeof t,console.error("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",a,d);if(F.call(r,"key")){d=e(t);var f=Object.keys(r).filter((function(e){return"key"!==e}));a=0<f.length?"{key: someKey, "+f.join(": ..., ")+": ...}":"{key: someKey}",K[d+a]||(f=0<f.length?"{"+f.join(": ..., ")+": ...}":"{}",console.error('A props object containing a "key" prop is being spread into JSX:\n  let props = %s;\n  <%s {...props} />\nReact keys must be passed directly to JSX without using spread:\n  let props = %s;\n  <%s key={someKey} {...props} />',a,d,f,d),K[d+a]=!0)}if(d=null,void 0!==o&&(n(o),d=""+o),function(e){if(F.call(e,"key")){var t=Object.getOwnPropertyDescriptor(e,"key").get;if(t&&t.isReactWarning)return!1}return void 0!==e.key}(r)&&(n(r.key),d=""+r.key),"key"in r)for(var p in o={},r)"key"!==p&&(o[p]=r[p]);else o=r;return d&&function(e,t){function n(){q||(q=!0,console.error("%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://react.dev/link/special-props)",t))}n.isReactWarning=!0,Object.defineProperty(e,"key",{get:n,configurable:!0})}(o,"function"==typeof t?t.displayName||t.name||"Unknown":t),function(e,t,n,r,o,a){return n=a.ref,e={$$typeof:S,type:e,key:t,props:a,_owner:o},null!==(void 0!==n?n:null)?Object.defineProperty(e,"ref",{enumerable:!1,get:s}):Object.defineProperty(e,"ref",{enumerable:!1,value:null}),e._store={},Object.defineProperty(e._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(e,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}(t,d,u,0,l(),o)}function c(e,t){if("object"==typeof e&&e&&e.$$typeof!==Z)if($(e))for(var n=0;n<e.length;n++){var r=e[n];d(r)&&p(r,t)}else if(d(e))e._store&&(e._store.validated=1);else if("function"==typeof(n=null===e||"object"!=typeof e?null:"function"==typeof(n=j&&e[j]||e["@@iterator"])?n:null)&&n!==e.entries&&(n=n.call(e))!==e)for(;!(e=n.next()).done;)d(e.value)&&p(e.value,t)}function d(e){return"object"==typeof e&&null!==e&&e.$$typeof===S}function p(t,n){if(t._store&&!t._store.validated&&null==t.key&&(t._store.validated=1,n=function(t){var n="",r=l();return r&&(r=e(r.type))&&(n="\n\nCheck the render method of `"+r+"`."),n||(t=e(t))&&(n="\n\nCheck the top-level render call using <"+t+">."),n}(n),!G[n])){G[n]=!0;var r="";t&&null!=t._owner&&t._owner!==l()&&(r=null,"number"==typeof t._owner.tag?r=e(t._owner.type):"string"==typeof t._owner.name&&(r=t._owner.name),r=" It was passed a child from "+r+".");var o=_.getCurrentStack;_.getCurrentStack=function(){var e=i(t.type);return o&&(e+=o()||""),e},console.error('Each child in a list should have a unique "key" prop.%s%s See https://react.dev/link/warning-keys for more information.',n,r),_.getCurrentStack=o}}var h,m,g,y,v,b,w,C=f.default,S=Symbol.for("react.transitional.element"),x=Symbol.for("react.portal"),T=Symbol.for("react.fragment"),E=Symbol.for("react.strict_mode"),P=Symbol.for("react.profiler"),R=Symbol.for("react.consumer"),D=Symbol.for("react.context"),A=Symbol.for("react.forward_ref"),M=Symbol.for("react.suspense"),z=Symbol.for("react.suspense_list"),O=Symbol.for("react.memo"),L=Symbol.for("react.lazy"),N=Symbol.for("react.offscreen"),j=Symbol.iterator,I=Symbol.for("react.client.reference"),_=C.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,F=Object.prototype.hasOwnProperty,V=Object.assign,B=Symbol.for("react.client.reference"),$=Array.isArray,U=0;r.__reactDisabledLog=!0;var H,W,q,Y=!1,Q=new("function"==typeof WeakMap?WeakMap:Map),Z=Symbol.for("react.client.reference"),X={},K={},G={};k.Fragment=T,k.jsx=function(e,t,n,r,o){return u(e,t,n,!1,0,o)},k.jsxs=function(e,t,n,r,o){return u(e,t,n,!0,0,o)}}()),k);var C=v.exports;const S=e.createContext({});function x(t){const n=e.useRef(null);return null===n.current&&(n.current=t()),n.current}const T="undefined"!=typeof window,E=T?e.useLayoutEffect:e.useEffect,P=e.createContext(null),R=e.createContext({transformPagePoint:e=>e,isStatic:!1,reducedMotion:"never"});class D extends p.Component{getSnapshotBeforeUpdate(e){const t=this.props.childRef.current;if(t&&e.isPresent&&!this.props.isPresent){const e=t.offsetParent,n=e instanceof HTMLElement&&e.offsetWidth||0,r=this.props.sizeRef.current;r.height=t.offsetHeight||0,r.width=t.offsetWidth||0,r.top=t.offsetTop,r.left=t.offsetLeft,r.right=n-r.width-r.left}return null}componentDidUpdate(){}render(){return this.props.children}}function A({children:t,isPresent:n,anchorX:r}){const o=e.useId(),a=e.useRef(null),i=e.useRef({width:0,height:0,top:0,left:0,right:0}),{nonce:l}=e.useContext(R);return e.useInsertionEffect((()=>{const{width:e,height:t,top:s,left:u,right:c}=i.current;if(n||!a.current||!e||!t)return;const d="left"===r?`left: ${u}`:`right: ${c}`;a.current.dataset.motionPopId=o;const f=document.createElement("style");return l&&(f.nonce=l),document.head.appendChild(f),f.sheet&&f.sheet.insertRule(`\n          [data-motion-pop-id="${o}"] {\n            position: absolute !important;\n            width: ${e}px !important;\n            height: ${t}px !important;\n            ${d}px !important;\n            top: ${s}px !important;\n          }\n        `),()=>{document.head.removeChild(f)}}),[n]),C.jsx(D,{isPresent:n,childRef:a,sizeRef:i,children:p.cloneElement(t,{ref:a})})}const M=({children:t,initial:n,isPresent:r,onExitComplete:o,custom:a,presenceAffectsLayout:i,mode:l,anchorX:s})=>{const u=x(z),c=e.useId(),d=e.useCallback((e=>{u.set(e,!0);for(const e of u.values())if(!e)return;o&&o()}),[u,o]),f=e.useMemo((()=>({id:c,initial:n,isPresent:r,custom:a,onExitComplete:d,register:e=>(u.set(e,!1),()=>u.delete(e))})),i?[Math.random(),d]:[r,d]);return e.useMemo((()=>{u.forEach(((e,t)=>u.set(t,!1)))}),[r]),p.useEffect((()=>{!r&&!u.size&&o&&o()}),[r]),"popLayout"===l&&(t=C.jsx(A,{isPresent:r,anchorX:s,children:t})),C.jsx(P.Provider,{value:f,children:t})};function z(){return new Map}function O(t=!0){const n=e.useContext(P);if(null===n)return[!0,null];const{isPresent:r,onExitComplete:o,register:a}=n,i=e.useId();e.useEffect((()=>{if(t)return a(i)}),[t]);const l=e.useCallback((()=>t&&o&&o(i)),[i,o,t]);return!r&&o?[!1,l]:[!0]}const L=e=>e.key||"";function N(t){const n=[];return e.Children.forEach(t,(t=>{e.isValidElement(t)&&n.push(t)})),n}const j=({children:t,custom:n,initial:r=!0,onExitComplete:o,presenceAffectsLayout:a=!0,mode:i="sync",propagate:l=!1,anchorX:s="left"})=>{const[u,c]=O(l),d=e.useMemo((()=>N(t)),[t]),f=l&&!u?[]:d.map(L),p=e.useRef(!0),h=e.useRef(d),m=x((()=>new Map)),[g,y]=e.useState(d),[v,b]=e.useState(d);E((()=>{p.current=!1,h.current=d;for(let e=0;e<v.length;e++){const t=L(v[e]);f.includes(t)?m.delete(t):!0!==m.get(t)&&m.set(t,!1)}}),[v,f.length,f.join("-")]);const w=[];if(d!==g){let e=[...d];for(let t=0;t<v.length;t++){const n=v[t],r=L(n);f.includes(r)||(e.splice(t,0,n),w.push(n))}return"wait"===i&&w.length&&(e=w),b(N(e)),y(d),null}"production"!==process.env.NODE_ENV&&"wait"===i&&v.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:k}=e.useContext(S);return C.jsx(C.Fragment,{children:v.map((e=>{const t=L(e),g=!(l&&!u)&&(d===v||f.includes(t));return C.jsx(M,{isPresent:g,initial:!(p.current&&!r)&&void 0,custom:n,presenceAffectsLayout:a,mode:i,onExitComplete:g?void 0:()=>{if(!m.has(t))return;m.set(t,!0);let e=!0;m.forEach((t=>{t||(e=!1)})),e&&(null==k||k(),b(h.current),l&&(null==c||c()),o&&o())},anchorX:s,children:e},t)}))})};function I(e,t){-1===e.indexOf(t)&&e.push(t)}function _(e,t){const n=e.indexOf(t);n>-1&&e.splice(n,1)}const F=e=>e;let V=F,B=F;"production"!==process.env.NODE_ENV&&(V=(e,t)=>{e||"undefined"==typeof console||console.warn(t)},B=(e,t)=>{if(!e)throw new Error(t)});const $=!1,U=!1;function H(e){let t;return()=>(void 0===t&&(t=e()),t)}const W=(e,t,n)=>{const r=t-e;return 0===r?1:(n-e)/r};class q{constructor(){this.subscriptions=[]}add(e){return I(this.subscriptions,e),()=>_(this.subscriptions,e)}notify(e,t,n){const r=this.subscriptions.length;if(r)if(1===r)this.subscriptions[0](e,t,n);else for(let o=0;o<r;o++){const r=this.subscriptions[o];r&&r(e,t,n)}}getSize(){return this.subscriptions.length}clear(){this.subscriptions.length=0}}const Y=e=>1e3*e,Q=e=>e/1e3;function Z(e,t){return t?e*(1e3/t):0}const X=new Set;function K(e,t,n){e||X.has(t)||(console.warn(t),n&&console.warn(n),X.add(t))}const G=H((()=>void 0!==window.ScrollTimeline));class J{constructor(e){this.stop=()=>this.runAll("stop"),this.animations=e.filter(Boolean)}get finished(){return Promise.all(this.animations.map((e=>"finished"in e?e.finished:e)))}getAll(e){return this.animations[0][e]}setAll(e,t){for(let n=0;n<this.animations.length;n++)this.animations[n][e]=t}attachTimeline(e,t){const n=this.animations.map((n=>G()&&n.attachTimeline?n.attachTimeline(e):"function"==typeof t?t(n):void 0));return()=>{n.forEach(((e,t)=>{e&&e(),this.animations[t].stop()}))}}get time(){return this.getAll("time")}set time(e){this.setAll("time",e)}get speed(){return this.getAll("speed")}set speed(e){this.setAll("speed",e)}get startTime(){return this.getAll("startTime")}get duration(){let e=0;for(let t=0;t<this.animations.length;t++)e=Math.max(e,this.animations[t].duration);return e}runAll(e){this.animations.forEach((t=>t[e]()))}flatten(){this.runAll("flatten")}play(){this.runAll("play")}pause(){this.runAll("pause")}cancel(){this.runAll("cancel")}complete(){this.runAll("complete")}}class ee extends J{then(e,t){return Promise.all(this.animations).then(e).catch(t)}}function te(e,t){return e?e[t]||e.default||e:void 0}const ne=2e4;function re(e){let t=0;let n=e.next(t);for(;!n.done&&t<ne;)t+=50,n=e.next(t);return t>=ne?1/0:t}function oe(e,t=100,n){const r=n({...e,keyframes:[0,t]}),o=Math.min(re(r),ne);return{type:"keyframes",ease:e=>r.next(o*e).value/t,duration:Q(o)}}function ae(e){return"function"==typeof e}function ie(e,t){e.timeline=t,e.onfinish=null}const le=e=>Array.isArray(e)&&"number"==typeof e[0],se={linearEasing:void 0};function ue(e,t){const n=H(e);return()=>{var e;return null!==(e=se[t])&&void 0!==e?e:n()}}const ce=ue((()=>{try{document.createElement("div").animate({opacity:0},{easing:"linear(0, 1)"})}catch(e){return!1}return!0}),"linearEasing"),de=(e,t,n=10)=>{let r="";const o=Math.max(Math.round(t/n),2);for(let t=0;t<o;t++)r+=e(W(0,o-1,t))+", ";return`linear(${r.substring(0,r.length-2)})`};function fe(e){return Boolean("function"==typeof e&&ce()||!e||"string"==typeof e&&(e in he||ce())||le(e)||Array.isArray(e)&&e.every(fe))}const pe=([e,t,n,r])=>`cubic-bezier(${e}, ${t}, ${n}, ${r})`,he={linear:"linear",ease:"ease",easeIn:"ease-in",easeOut:"ease-out",easeInOut:"ease-in-out",circIn:pe([0,.65,.55,1]),circOut:pe([.55,0,1,.45]),backIn:pe([.31,.01,.66,-.59]),backOut:pe([.33,1.53,.69,.99])};function me(e,t){return e?"function"==typeof e&&ce()?de(e,t):le(e)?pe(e):Array.isArray(e)?e.map((e=>me(e,t)||he.easeOut)):he[e]:void 0}const ge=["read","resolveKeyframes","update","preRender","render","postRender"],ye={value:null,addProjectionMetrics:null};function ve(e,t){let n=!1,r=!0;const o={delta:0,timestamp:0,isProcessing:!1},a=()=>n=!0,i=ge.reduce(((e,n)=>(e[n]=function(e,t){let n=new Set,r=new Set,o=!1,a=!1;const i=new WeakSet;let l={delta:0,timestamp:0,isProcessing:!1},s=0;function u(t){i.has(t)&&(c.schedule(t),e()),s++,t(l)}const c={schedule:(e,t=!1,a=!1)=>{const l=a&&o?n:r;return t&&i.add(e),l.has(e)||l.add(e),e},cancel:e=>{r.delete(e),i.delete(e)},process:e=>{l=e,o?a=!0:(o=!0,[n,r]=[r,n],n.forEach(u),t&&ye.value&&ye.value.frameloop[t].push(s),s=0,n.clear(),o=!1,a&&(a=!1,c.process(e)))}};return c}(a,t?n:void 0),e)),{}),{read:l,resolveKeyframes:s,update:u,preRender:c,render:d,postRender:f}=i,p=()=>{const a=performance.now();n=!1,o.delta=r?1e3/60:Math.max(Math.min(a-o.timestamp,40),1),o.timestamp=a,o.isProcessing=!0,l.process(o),s.process(o),u.process(o),c.process(o),d.process(o),f.process(o),o.isProcessing=!1,n&&t&&(r=!1,e(p))};return{schedule:ge.reduce(((t,a)=>{const l=i[a];return t[a]=(t,a=!1,i=!1)=>(n||(n=!0,r=!0,o.isProcessing||e(p)),l.schedule(t,a,i)),t}),{}),cancel:e=>{for(let t=0;t<ge.length;t++)i[ge[t]].cancel(e)},state:o,steps:i}}const{schedule:be,cancel:we,state:ke,steps:Ce}=ve("undefined"!=typeof requestAnimationFrame?requestAnimationFrame:F,!0),{schedule:Se,cancel:xe}=ve(queueMicrotask,!1);let Te;function Ee(){Te=void 0}const Pe={now:()=>(void 0===Te&&Pe.set(ke.isProcessing||U?ke.timestamp:performance.now()),Te),set:e=>{Te=e,queueMicrotask(Ee)}},Re={x:!1,y:!1};function De(){return Re.x||Re.y}function Ae(e,t,n){var r;if(e instanceof EventTarget)return[e];if("string"==typeof e){let o=document;t&&(o=t.current);const a=null!==(r=null==n?void 0:n[e])&&void 0!==r?r:o.querySelectorAll(e);return a?Array.from(a):[]}return Array.from(e)}function Me(e,t){const n=Ae(e),r=new AbortController;return[n,{passive:!0,...t,signal:r.signal},()=>r.abort()]}function ze(e){return!("touch"===e.pointerType||De())}function Oe(e,t){const n=`${t}PointerCapture`;if(e.target instanceof Element&&n in e.target&&void 0!==e.pointerId)try{e.target[n](e.pointerId)}catch(e){}}const Le=(e,t)=>!!t&&(e===t||Le(e,t.parentElement)),Ne=e=>"mouse"===e.pointerType?"number"!=typeof e.button||e.button<=0:!1!==e.isPrimary,je=new Set(["BUTTON","INPUT","SELECT","TEXTAREA","A"]);const Ie=new WeakSet;function _e(e){return t=>{"Enter"===t.key&&e(t)}}function Fe(e,t){e.dispatchEvent(new PointerEvent("pointer"+t,{isPrimary:!0,bubbles:!0}))}function Ve(e){return Ne(e)&&!De()}function Be(e,t,n={}){const[r,o,a]=Me(e,n),i=e=>{const n=e.currentTarget;if(!n||!Ve(e)||Ie.has(n))return;Ie.add(n),Oe(e,"set");const r=t(n,e),a=(e,t)=>{n.removeEventListener("pointerup",i),n.removeEventListener("pointercancel",l),Oe(e,"release"),Ve(e)&&Ie.has(n)&&(Ie.delete(n),"function"==typeof r&&r(e,{success:t}))},i=e=>{const t=!!e.isTrusted&&(r=e,o=n instanceof Element?n.getBoundingClientRect():{left:0,top:0,right:window.innerWidth,bottom:window.innerHeight},r.clientX<o.left||r.clientX>o.right||r.clientY<o.top||r.clientY>o.bottom);var r,o;a(e,!t&&(!(n instanceof Element)||Le(n,e.target)))},l=e=>{a(e,!1)};n.addEventListener("pointerup",i,o),n.addEventListener("pointercancel",l,o),n.addEventListener("lostpointercapture",l,o)};return r.forEach((e=>{let t=!1;var r;(e=n.useGlobalTarget?window:e)instanceof HTMLElement&&(t=!0,r=e,je.has(r.tagName)||-1!==r.tabIndex||null!==e.getAttribute("tabindex")||(e.tabIndex=0)),e.addEventListener("pointerdown",i,o),t&&e.addEventListener("focus",(e=>((e,t)=>{const n=e.currentTarget;if(!n)return;const r=_e((()=>{if(Ie.has(n))return;Fe(n,"down");const e=_e((()=>{Fe(n,"up")}));n.addEventListener("keyup",e,t),n.addEventListener("blur",(()=>Fe(n,"cancel")),t)}));n.addEventListener("keydown",r,t),n.addEventListener("blur",(()=>n.removeEventListener("keydown",r)),t)})(e,o)),o)})),a}class $e{constructor(e,t={}){this.version="12.5.0",this.canTrackVelocity=null,this.events={},this.updateAndNotify=(e,t=!0)=>{const n=Pe.now();this.updatedAt!==n&&this.setPrevFrameValue(),this.prev=this.current,this.setCurrent(e),this.current!==this.prev&&this.events.change&&this.events.change.notify(this.current),t&&this.events.renderRequest&&this.events.renderRequest.notify(this.current)},this.hasAnimated=!1,this.setCurrent(e),this.owner=t.owner}setCurrent(e){var t;this.current=e,this.updatedAt=Pe.now(),null===this.canTrackVelocity&&void 0!==e&&(this.canTrackVelocity=(t=this.current,!isNaN(parseFloat(t))))}setPrevFrameValue(e=this.current){this.prevFrameValue=e,this.prevUpdatedAt=this.updatedAt}onChange(e){return"production"!==process.env.NODE_ENV&&K(!1,'value.onChange(callback) is deprecated. Switch to value.on("change", callback).'),this.on("change",e)}on(e,t){this.events[e]||(this.events[e]=new q);const n=this.events[e].add(t);return"change"===e?()=>{n(),be.read((()=>{this.events.change.getSize()||this.stop()}))}:n}clearListeners(){for(const e in this.events)this.events[e].clear()}attach(e,t){this.passiveEffect=e,this.stopPassiveEffect=t}set(e,t=!0){t&&this.passiveEffect?this.passiveEffect(e,this.updateAndNotify):this.updateAndNotify(e,t)}setWithVelocity(e,t,n){this.set(t),this.prev=void 0,this.prevFrameValue=e,this.prevUpdatedAt=this.updatedAt-n}jump(e,t=!0){this.updateAndNotify(e),this.prev=e,this.prevUpdatedAt=this.prevFrameValue=void 0,t&&this.stop(),this.stopPassiveEffect&&this.stopPassiveEffect()}get(){return this.current}getPrevious(){return this.prev}getVelocity(){const e=Pe.now();if(!this.canTrackVelocity||void 0===this.prevFrameValue||e-this.updatedAt>30)return 0;const t=Math.min(this.updatedAt-this.prevUpdatedAt,30);return Z(parseFloat(this.current)-parseFloat(this.prevFrameValue),t)}start(e){return this.stop(),new Promise((t=>{this.hasAnimated=!0,this.animation=e(t),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.clearListeners(),this.stop(),this.stopPassiveEffect&&this.stopPassiveEffect()}}function Ue(e,t){return new $e(e,t)}const He=e.createContext({strict:!1}),We={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"]},qe={};for(const e in We)qe[e]={isEnabled:t=>We[e].some((e=>!!t[e]))};const Ye=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","ignoreStrict","viewport"]);function Qe(e){return e.startsWith("while")||e.startsWith("drag")&&"draggable"!==e||e.startsWith("layout")||e.startsWith("onTap")||e.startsWith("onPan")||e.startsWith("onLayout")||Ye.has(e)}let Ze=e=>!Qe(e);try{(Xe=require("@emotion/is-prop-valid").default)&&(Ze=e=>e.startsWith("on")?!Qe(e):Xe(e))}catch(e){}var Xe;function Ke(e){if("undefined"==typeof Proxy)return e;const t=new Map;return new Proxy(((...t)=>("production"!==process.env.NODE_ENV&&K(!1,"motion() is deprecated. Use motion.create() instead."),e(...t))),{get:(n,r)=>"create"===r?e:(t.has(r)||t.set(r,e(r)),t.get(r))})}const Ge=e.createContext({});function Je(e){return null!==e&&"object"==typeof e&&"function"==typeof e.start}function et(e){return"string"==typeof e||Array.isArray(e)}const tt=["animate","whileInView","whileFocus","whileHover","whileTap","whileDrag","exit"],nt=["initial",...tt];function rt(e){return Je(e.animate)||nt.some((t=>et(e[t])))}function ot(e){return Boolean(rt(e)||e.variants)}function at(t){const{initial:n,animate:r}=function(e,t){if(rt(e)){const{initial:t,animate:n}=e;return{initial:!1===t||et(t)?t:void 0,animate:et(n)?n:void 0}}return!1!==e.inherit?t:{}}(t,e.useContext(Ge));return e.useMemo((()=>({initial:n,animate:r})),[it(n),it(r)])}function it(e){return Array.isArray(e)?e.join(" "):e}const lt=Symbol.for("motionComponentSymbol");function st(e){return e&&"object"==typeof e&&Object.prototype.hasOwnProperty.call(e,"current")}function ut(t,n,r){return e.useCallback((e=>{e&&t.onMount&&t.onMount(e),n&&(e?n.mount(e):n.unmount()),r&&("function"==typeof r?r(e):st(r)&&(r.current=e))}),[n])}const ct=e=>e.replace(/([a-z])([A-Z])/gu,"$1-$2").toLowerCase(),dt="data-"+ct("framerAppearId"),ft=e.createContext({});function pt(t,n,r,o,a){var i,l;const{visualElement:s}=e.useContext(Ge),u=e.useContext(He),c=e.useContext(P),d=e.useContext(R).reducedMotion,f=e.useRef(null);o=o||u.renderer,!f.current&&o&&(f.current=o(t,{visualState:n,parent:s,props:r,presenceContext:c,blockInitialAnimation:!!c&&!1===c.initial,reducedMotionConfig:d}));const p=f.current,h=e.useContext(ft);!p||p.projection||!a||"html"!==p.type&&"svg"!==p.type||function(e,t,n,r){const{layoutId:o,layout:a,drag:i,dragConstraints:l,layoutScroll:s,layoutRoot:u}=t;e.projection=new n(e.latestValues,t["data-framer-portal-id"]?void 0:ht(e.parent)),e.projection.setOptions({layoutId:o,layout:a,alwaysMeasureLayout:Boolean(i)||l&&st(l),visualElement:e,animationType:"string"==typeof a?a:"both",initialPromotionConfig:r,layoutScroll:s,layoutRoot:u})}(f.current,r,a,h);const m=e.useRef(!1);e.useInsertionEffect((()=>{p&&m.current&&p.update(r,c)}));const g=r[dt],y=e.useRef(Boolean(g)&&!(null===(i=window.MotionHandoffIsComplete)||void 0===i?void 0:i.call(window,g))&&(null===(l=window.MotionHasOptimisedAnimation)||void 0===l?void 0:l.call(window,g)));return E((()=>{p&&(m.current=!0,window.MotionIsMounted=!0,p.updateFeatures(),Se.render(p.render),y.current&&p.animationState&&p.animationState.animateChanges())})),e.useEffect((()=>{p&&(!y.current&&p.animationState&&p.animationState.animateChanges(),y.current&&(queueMicrotask((()=>{var e;null===(e=window.MotionHandoffMarkAsComplete)||void 0===e||e.call(window,g)})),y.current=!1))})),p}function ht(e){if(e)return!1!==e.options.allowProjection?e.projection:ht(e.parent)}function mt({preloadedFeatures:t,createVisualElement:n,useRender:r,useVisualState:o,Component:a}){var i,l;function s(i,l){let s;const u={...e.useContext(R),...i,layoutId:gt(i)},{isStatic:c}=u,d=at(i),f=o(i,c);if(!c&&T){!function(t,n){const r=e.useContext(He).strict;if("production"!==process.env.NODE_ENV&&n&&r){const e="You have rendered a `motion` component within a `LazyMotion` component. This will break tree shaking. Import and render a `m` component instead.";t.ignoreStrict?V(!1,e):B(!1,e)}}(u,t);const r=function(e){const{drag:t,layout:n}=qe;if(!t&&!n)return{};const r={...t,...n};return{MeasureLayout:(null==t?void 0:t.isEnabled(e))||(null==n?void 0:n.isEnabled(e))?r.MeasureLayout:void 0,ProjectionNode:r.ProjectionNode}}(u);s=r.MeasureLayout,d.visualElement=pt(a,f,u,n,r.ProjectionNode)}return C.jsxs(Ge.Provider,{value:d,children:[s&&d.visualElement?C.jsx(s,{visualElement:d.visualElement,...u}):null,r(a,i,ut(f,d.visualElement,l),f,c,d.visualElement)]})}t&&function(e){for(const t in e)qe[t]={...qe[t],...e[t]}}(t),s.displayName=`motion.${"string"==typeof a?a:`create(${null!==(l=null!==(i=a.displayName)&&void 0!==i?i:a.name)&&void 0!==l?l:""})`}`;const u=e.forwardRef(s);return u[lt]=a,u}function gt({layoutId:t}){const n=e.useContext(S).id;return n&&void 0!==t?n+"-"+t:t}const yt=e=>t=>"string"==typeof t&&t.startsWith(e),vt=yt("--"),bt=yt("var(--"),wt=e=>!!bt(e)&&kt.test(e.split("/*")[0].trim()),kt=/var\(--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)$/iu,Ct={};const St=["transformPerspective","x","y","z","translateX","translateY","translateZ","scale","scaleX","scaleY","rotate","rotateX","rotateY","rotateZ","skew","skewX","skewY"],xt=new Set(St);function Tt(e,{layout:t,layoutId:n}){return xt.has(e)||e.startsWith("origin")||(t||void 0!==n)&&(!!Ct[e]||"opacity"===e)}const Et=e=>Boolean(e&&e.getVelocity),Pt=(e,t)=>t&&"number"==typeof e?t.transform(e):e,Rt=(e,t,n)=>n>t?t:n<e?e:n,Dt={test:e=>"number"==typeof e,parse:parseFloat,transform:e=>e},At={...Dt,transform:e=>Rt(0,1,e)},Mt={...Dt,default:1},zt=e=>({test:t=>"string"==typeof t&&t.endsWith(e)&&1===t.split(" ").length,parse:parseFloat,transform:t=>`${t}${e}`}),Ot=zt("deg"),Lt=zt("%"),Nt=zt("px"),jt=zt("vh"),It=zt("vw"),_t={...Lt,parse:e=>Lt.parse(e)/100,transform:e=>Lt.transform(100*e)},Ft={borderWidth:Nt,borderTopWidth:Nt,borderRightWidth:Nt,borderBottomWidth:Nt,borderLeftWidth:Nt,borderRadius:Nt,radius:Nt,borderTopLeftRadius:Nt,borderTopRightRadius:Nt,borderBottomRightRadius:Nt,borderBottomLeftRadius:Nt,width:Nt,maxWidth:Nt,height:Nt,maxHeight:Nt,top:Nt,right:Nt,bottom:Nt,left:Nt,padding:Nt,paddingTop:Nt,paddingRight:Nt,paddingBottom:Nt,paddingLeft:Nt,margin:Nt,marginTop:Nt,marginRight:Nt,marginBottom:Nt,marginLeft:Nt,backgroundPositionX:Nt,backgroundPositionY:Nt},Vt={rotate:Ot,rotateX:Ot,rotateY:Ot,rotateZ:Ot,scale:Mt,scaleX:Mt,scaleY:Mt,scaleZ:Mt,skew:Ot,skewX:Ot,skewY:Ot,distance:Nt,translateX:Nt,translateY:Nt,translateZ:Nt,x:Nt,y:Nt,z:Nt,perspective:Nt,transformPerspective:Nt,opacity:At,originX:_t,originY:_t,originZ:Nt},Bt={...Dt,transform:Math.round},$t={...Ft,...Vt,zIndex:Bt,size:Nt,fillOpacity:At,strokeOpacity:At,numOctaves:Bt},Ut={x:"translateX",y:"translateY",z:"translateZ",transformPerspective:"perspective"},Ht=St.length;function Wt(e,t,n){const{style:r,vars:o,transformOrigin:a}=e;let i=!1,l=!1;for(const e in t){const n=t[e];if(xt.has(e))i=!0;else if(vt(e))o[e]=n;else{const t=Pt(n,$t[e]);e.startsWith("origin")?(l=!0,a[e]=t):r[e]=t}}if(t.transform||(i||n?r.transform=function(e,t,n){let r="",o=!0;for(let a=0;a<Ht;a++){const i=St[a],l=e[i];if(void 0===l)continue;let s=!0;if(s="number"==typeof l?l===(i.startsWith("scale")?1:0):0===parseFloat(l),!s||n){const e=Pt(l,$t[i]);s||(o=!1,r+=`${Ut[i]||i}(${e}) `),n&&(t[i]=e)}}return r=r.trim(),n?r=n(t,o?"":r):o&&(r="none"),r}(t,e.transform,n):r.transform&&(r.transform="none")),l){const{originX:e="50%",originY:t="50%",originZ:n=0}=a;r.transformOrigin=`${e} ${t} ${n}`}}const qt=()=>({style:{},transform:{},transformOrigin:{},vars:{}});function Yt(e,t,n){for(const r in t)Et(t[r])||Tt(r,n)||(e[r]=t[r])}function Qt(t,n){const r={};return Yt(r,t.style||{},t),Object.assign(r,function({transformTemplate:t},n){return e.useMemo((()=>{const e=qt();return Wt(e,n,t),Object.assign({},e.vars,e.style)}),[n])}(t,n)),r}function Zt(e,t){const n={},r=Qt(e,t);return e.drag&&!1!==e.dragListener&&(n.draggable=!1,r.userSelect=r.WebkitUserSelect=r.WebkitTouchCallout="none",r.touchAction=!0===e.drag?"none":"pan-"+("x"===e.drag?"y":"x")),void 0===e.tabIndex&&(e.onTap||e.onTapStart||e.whileTap)&&(n.tabIndex=0),n.style=r,n}const Xt=["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 Kt(e){return"string"==typeof e&&!e.includes("-")&&!!(Xt.indexOf(e)>-1||/[A-Z]/u.test(e))}const Gt={offset:"stroke-dashoffset",array:"stroke-dasharray"},Jt={offset:"strokeDashoffset",array:"strokeDasharray"};function en(e,t,n){return"string"==typeof e?e:Nt.transform(t+n*e)}function tn(e,{attrX:t,attrY:n,attrScale:r,originX:o,originY:a,pathLength:i,pathSpacing:l=1,pathOffset:s=0,...u},c,d){if(Wt(e,u,d),c)return void(e.style.viewBox&&(e.attrs.viewBox=e.style.viewBox));e.attrs=e.style,e.style={};const{attrs:f,style:p,dimensions:h}=e;f.transform&&(h&&(p.transform=f.transform),delete f.transform),h&&(void 0!==o||void 0!==a||p.transform)&&(p.transformOrigin=function(e,t,n){return`${en(t,e.x,e.width)} ${en(n,e.y,e.height)}`}(h,void 0!==o?o:.5,void 0!==a?a:.5)),void 0!==t&&(f.x=t),void 0!==n&&(f.y=n),void 0!==r&&(f.scale=r),void 0!==i&&function(e,t,n=1,r=0,o=!0){e.pathLength=1;const a=o?Gt:Jt;e[a.offset]=Nt.transform(-r);const i=Nt.transform(t),l=Nt.transform(n);e[a.array]=`${i} ${l}`}(f,i,l,s,!1)}const nn=()=>({...qt(),attrs:{}}),rn=e=>"string"==typeof e&&"svg"===e.toLowerCase();function on(t,n,r,o){const a=e.useMemo((()=>{const e=nn();return tn(e,n,rn(o),t.transformTemplate),{...e.attrs,style:{...e.style}}}),[n]);if(t.style){const e={};Yt(e,t.style,t),a.style={...e,...a.style}}return a}function an(t=!1){return(n,r,o,{latestValues:a},i)=>{const l=(Kt(n)?on:Zt)(r,a,i,n),s=function(e,t,n){const r={};for(const o in e)"values"===o&&"object"==typeof e.values||(Ze(o)||!0===n&&Qe(o)||!t&&!Qe(o)||e.draggable&&o.startsWith("onDrag"))&&(r[o]=e[o]);return r}(r,"string"==typeof n,t),u=n!==e.Fragment?{...s,...l,ref:o}:{},{children:c}=r,d=e.useMemo((()=>Et(c)?c.get():c),[c]);return e.createElement(n,{...u,children:d})}}function ln(e){const t=[{},{}];return null==e||e.values.forEach(((e,n)=>{t[0][n]=e.get(),t[1][n]=e.getVelocity()})),t}function sn(e,t,n,r){if("function"==typeof t){const[o,a]=ln(r);t=t(void 0!==n?n:e.custom,o,a)}if("string"==typeof t&&(t=e.variants&&e.variants[t]),"function"==typeof t){const[o,a]=ln(r);t=t(void 0!==n?n:e.custom,o,a)}return t}const un=e=>Array.isArray(e),cn=e=>Boolean(e&&"object"==typeof e&&e.mix&&e.toValue),dn=e=>un(e)?e[e.length-1]||0:e;function fn(e){const t=Et(e)?e.get():e;return cn(t)?t.toValue():t}const pn=t=>(n,r)=>{const o=e.useContext(Ge),a=e.useContext(P),i=()=>function({scrapeMotionValuesFromProps:e,createRenderState:t,onUpdate:n},r,o,a){const i={latestValues:hn(r,o,a,e),renderState:t()};return n&&(i.onMount=e=>n({props:r,current:e,...i}),i.onUpdate=e=>n(e)),i}(t,n,o,a);return r?i():x(i)};function hn(e,t,n,r){const o={},a=r(e,{});for(const e in a)o[e]=fn(a[e]);let{initial:i,animate:l}=e;const s=rt(e),u=ot(e);t&&u&&!s&&!1!==e.inherit&&(void 0===i&&(i=t.initial),void 0===l&&(l=t.animate));let c=!!n&&!1===n.initial;c=c||!1===i;const d=c?l:i;if(d&&"boolean"!=typeof d&&!Je(d)){const t=Array.isArray(d)?d:[d];for(let n=0;n<t.length;n++){const r=sn(e,t[n]);if(r){const{transitionEnd:e,transition:t,...n}=r;for(const e in n){let t=n[e];if(Array.isArray(t)){t=t[c?t.length-1:0]}null!==t&&(o[e]=t)}for(const t in e)o[t]=e[t]}}}return o}function mn(e,t,n){var r;const{style:o}=e,a={};for(const i in o)(Et(o[i])||t.style&&Et(t.style[i])||Tt(i,e)||void 0!==(null===(r=null==n?void 0:n.getValue(i))||void 0===r?void 0:r.liveStyle))&&(a[i]=o[i]);return a}const gn={useVisualState:pn({scrapeMotionValuesFromProps:mn,createRenderState:qt})};function yn(e,t){try{t.dimensions="function"==typeof e.getBBox?e.getBBox():e.getBoundingClientRect()}catch(e){t.dimensions={x:0,y:0,width:0,height:0}}}function vn(e,{style:t,vars:n},r,o){Object.assign(e.style,t,o&&o.getProjectionStyles(r));for(const t in n)e.style.setProperty(t,n[t])}const bn=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"]);function wn(e,t,n,r){vn(e,t,void 0,r);for(const n in t.attrs)e.setAttribute(bn.has(n)?n:ct(n),t.attrs[n])}function kn(e,t,n){const r=mn(e,t,n);for(const n in e)if(Et(e[n])||Et(t[n])){r[-1!==St.indexOf(n)?"attr"+n.charAt(0).toUpperCase()+n.substring(1):n]=e[n]}return r}const Cn=["x","y","width","height","cx","cy","r"],Sn={useVisualState:pn({scrapeMotionValuesFromProps:kn,createRenderState:nn,onUpdate:({props:e,prevProps:t,current:n,renderState:r,latestValues:o})=>{if(!n)return;let a=!!e.drag;if(!a)for(const e in o)if(xt.has(e)){a=!0;break}if(!a)return;let i=!t;if(t)for(let n=0;n<Cn.length;n++){const r=Cn[n];e[r]!==t[r]&&(i=!0)}i&&be.read((()=>{yn(n,r),be.render((()=>{tn(r,o,rn(n.tagName),e.transformTemplate),wn(n,r)}))}))}})};function xn(e,t){return function(n,{forwardMotionProps:r}={forwardMotionProps:!1}){return mt({...Kt(n)?Sn:gn,preloadedFeatures:e,useRender:an(r),createVisualElement:t,Component:n})}}function Tn(e,t,n){const r=e.getProps();return sn(r,t,void 0!==n?n:r.custom,e)}const En=new Set(["width","height","top","left","right","bottom",...St]);function Pn(e,t,n){e.hasValue(t)?e.getValue(t).set(n):e.addValue(t,Ue(n))}function Rn(e,t){const n=e.getValue("willChange");if(r=n,Boolean(Et(r)&&r.add))return n.add(t);var r}function Dn(e){return e.props[dt]}const An=!1,Mn=(e,t,n)=>(((1-3*n+3*t)*e+(3*n-6*t))*e+3*t)*e,zn=1e-7,On=12;function Ln(e,t,n,r){if(e===t&&n===r)return F;const o=t=>function(e,t,n,r,o){let a,i,l=0;do{i=t+(n-t)/2,a=Mn(i,r,o)-e,a>0?n=i:t=i}while(Math.abs(a)>zn&&++l<On);return i}(t,0,1,e,n);return e=>0===e||1===e?e:Mn(o(e),t,r)}const Nn=e=>t=>t<=.5?e(2*t)/2:(2-e(2*(1-t)))/2,jn=e=>t=>1-e(1-t),In=Ln(.33,1.53,.69,.99),_n=jn(In),Fn=Nn(_n),Vn=e=>(e*=2)<1?.5*_n(e):.5*(2-Math.pow(2,-10*(e-1))),Bn=e=>1-Math.sin(Math.acos(e)),$n=jn(Bn),Un=Nn(Bn),Hn=e=>/^0[^.\s]+$/u.test(e);const Wn=e=>Math.round(1e5*e)/1e5,qn=/-?(?:\d+(?:\.\d+)?|\.\d+)/gu;const Yn=/^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))$/iu,Qn=(e,t)=>n=>Boolean("string"==typeof n&&Yn.test(n)&&n.startsWith(e)||t&&!function(e){return null==e}(n)&&Object.prototype.hasOwnProperty.call(n,t)),Zn=(e,t,n)=>r=>{if("string"!=typeof r)return r;const[o,a,i,l]=r.match(qn);return{[e]:parseFloat(o),[t]:parseFloat(a),[n]:parseFloat(i),alpha:void 0!==l?parseFloat(l):1}},Xn={...Dt,transform:e=>Math.round((e=>Rt(0,255,e))(e))},Kn={test:Qn("rgb","red"),parse:Zn("red","green","blue"),transform:({red:e,green:t,blue:n,alpha:r=1})=>"rgba("+Xn.transform(e)+", "+Xn.transform(t)+", "+Xn.transform(n)+", "+Wn(At.transform(r))+")"};const Gn={test:Qn("#"),parse:function(e){let t="",n="",r="",o="";return e.length>5?(t=e.substring(1,3),n=e.substring(3,5),r=e.substring(5,7),o=e.substring(7,9)):(t=e.substring(1,2),n=e.substring(2,3),r=e.substring(3,4),o=e.substring(4,5),t+=t,n+=n,r+=r,o+=o),{red:parseInt(t,16),green:parseInt(n,16),blue:parseInt(r,16),alpha:o?parseInt(o,16)/255:1}},transform:Kn.transform},Jn={test:Qn("hsl","hue"),parse:Zn("hue","saturation","lightness"),transform:({hue:e,saturation:t,lightness:n,alpha:r=1})=>"hsla("+Math.round(e)+", "+Lt.transform(Wn(t))+", "+Lt.transform(Wn(n))+", "+Wn(At.transform(r))+")"},er={test:e=>Kn.test(e)||Gn.test(e)||Jn.test(e),parse:e=>Kn.test(e)?Kn.parse(e):Jn.test(e)?Jn.parse(e):Gn.parse(e),transform:e=>"string"==typeof e?e:e.hasOwnProperty("red")?Kn.transform(e):Jn.transform(e)},tr=/(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))/giu;const nr="number",rr="color",or="var",ar="var(",ir="${}",lr=/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 sr(e){const t=e.toString(),n=[],r={color:[],number:[],var:[]},o=[];let a=0;const i=t.replace(lr,(e=>(er.test(e)?(r.color.push(a),o.push(rr),n.push(er.parse(e))):e.startsWith(ar)?(r.var.push(a),o.push(or),n.push(e)):(r.number.push(a),o.push(nr),n.push(parseFloat(e))),++a,ir))).split(ir);return{values:n,split:i,indexes:r,types:o}}function ur(e){return sr(e).values}function cr(e){const{split:t,types:n}=sr(e),r=t.length;return e=>{let o="";for(let a=0;a<r;a++)if(o+=t[a],void 0!==e[a]){const t=n[a];o+=t===nr?Wn(e[a]):t===rr?er.transform(e[a]):e[a]}return o}}const dr=e=>"number"==typeof e?0:e;const fr={test:function(e){var t,n;return isNaN(e)&&"string"==typeof e&&((null===(t=e.match(qn))||void 0===t?void 0:t.length)||0)+((null===(n=e.match(tr))||void 0===n?void 0:n.length)||0)>0},parse:ur,createTransformer:cr,getAnimatableNone:function(e){const t=ur(e);return cr(e)(t.map(dr))}},pr=new Set(["brightness","contrast","saturate","opacity"]);function hr(e){const[t,n]=e.slice(0,-1).split("(");if("drop-shadow"===t)return e;const[r]=n.match(qn)||[];if(!r)return e;const o=n.replace(r,"");let a=pr.has(t)?1:0;return r!==n&&(a*=100),t+"("+a+o+")"}const mr=/\b([a-z-]*)\(.*?\)/gu,gr={...fr,getAnimatableNone:e=>{const t=e.match(mr);return t?t.map(hr).join(" "):e}},yr={...$t,color:er,backgroundColor:er,outlineColor:er,fill:er,stroke:er,borderColor:er,borderTopColor:er,borderRightColor:er,borderBottomColor:er,borderLeftColor:er,filter:gr,WebkitFilter:gr},vr=e=>yr[e];function br(e,t){let n=vr(e);return n!==gr&&(n=fr),n.getAnimatableNone?n.getAnimatableNone(t):void 0}const wr=new Set(["auto","none","0"]);const kr=e=>180*e/Math.PI,Cr=e=>{const t=kr(Math.atan2(e[1],e[0]));return xr(t)},Sr={x:4,y:5,translateX:4,translateY:5,scaleX:0,scaleY:3,scale:e=>(Math.abs(e[0])+Math.abs(e[3]))/2,rotate:Cr,rotateZ:Cr,skewX:e=>kr(Math.atan(e[1])),skewY:e=>kr(Math.atan(e[2])),skew:e=>(Math.abs(e[1])+Math.abs(e[2]))/2},xr=e=>((e%=360)<0&&(e+=360),e),Tr=e=>Math.sqrt(e[0]*e[0]+e[1]*e[1]),Er=e=>Math.sqrt(e[4]*e[4]+e[5]*e[5]),Pr={x:12,y:13,z:14,translateX:12,translateY:13,translateZ:14,scaleX:Tr,scaleY:Er,scale:e=>(Tr(e)+Er(e))/2,rotateX:e=>xr(kr(Math.atan2(e[6],e[5]))),rotateY:e=>xr(kr(Math.atan2(-e[2],e[0]))),rotateZ:Cr,rotate:Cr,skewX:e=>kr(Math.atan(e[4])),skewY:e=>kr(Math.atan(e[1])),skew:e=>(Math.abs(e[1])+Math.abs(e[4]))/2};function Rr(e){return e.includes("scale")?1:0}function Dr(e,t){if(!e||"none"===e)return Rr(t);const n=e.match(/^matrix3d\(([-\d.e\s,]+)\)$/u);let r,o;if(n)r=Pr,o=n;else{const t=e.match(/^matrix\(([-\d.e\s,]+)\)$/u);r=Sr,o=t}if(!o)return Rr(t);const a=r[t],i=o[1].split(",").map(Ar);return"function"==typeof a?a(i):i[a]}function Ar(e){return parseFloat(e.trim())}const Mr=e=>e===Dt||e===Nt,zr=new Set(["x","y","z"]),Or=St.filter((e=>!zr.has(e)));const Lr={width:({x:e},{paddingLeft:t="0",paddingRight:n="0"})=>e.max-e.min-parseFloat(t)-parseFloat(n),height:({y:e},{paddingTop:t="0",paddingBottom:n="0"})=>e.max-e.min-parseFloat(t)-parseFloat(n),top:(e,{top:t})=>parseFloat(t),left:(e,{left:t})=>parseFloat(t),bottom:({y:e},{top:t})=>parseFloat(t)+(e.max-e.min),right:({x:e},{left:t})=>parseFloat(t)+(e.max-e.min),x:(e,{transform:t})=>Dr(t,"x"),y:(e,{transform:t})=>Dr(t,"y")};Lr.translateX=Lr.x,Lr.translateY=Lr.y;const Nr=new Set;let jr=!1,Ir=!1;function _r(){if(Ir){const e=Array.from(Nr).filter((e=>e.needsMeasurement)),t=new Set(e.map((e=>e.element))),n=new Map;t.forEach((e=>{const t=function(e){const t=[];return Or.forEach((n=>{const r=e.getValue(n);void 0!==r&&(t.push([n,r.get()]),r.set(n.startsWith("scale")?1:0))})),t}(e);t.length&&(n.set(e,t),e.render())})),e.forEach((e=>e.measureInitialState())),t.forEach((e=>{e.render();const t=n.get(e);t&&t.forEach((([t,n])=>{var r;null===(r=e.getValue(t))||void 0===r||r.set(n)}))})),e.forEach((e=>e.measureEndState())),e.forEach((e=>{void 0!==e.suspendedScrollY&&window.scrollTo(0,e.suspendedScrollY)}))}Ir=!1,jr=!1,Nr.forEach((e=>e.complete())),Nr.clear()}function Fr(){Nr.forEach((e=>{e.readKeyframes(),e.needsMeasurement&&(Ir=!0)}))}class Vr{constructor(e,t,n,r,o,a=!1){this.isComplete=!1,this.isAsync=!1,this.needsMeasurement=!1,this.isScheduled=!1,this.unresolvedKeyframes=[...e],this.onComplete=t,this.name=n,this.motionValue=r,this.element=o,this.isAsync=a}scheduleResolve(){this.isScheduled=!0,this.isAsync?(Nr.add(this),jr||(jr=!0,be.read(Fr),be.resolveKeyframes(_r))):(this.readKeyframes(),this.complete())}readKeyframes(){const{unresolvedKeyframes:e,name:t,element:n,motionValue:r}=this;for(let o=0;o<e.length;o++)if(null===e[o])if(0===o){const o=null==r?void 0:r.get(),a=e[e.length-1];if(void 0!==o)e[0]=o;else if(n&&t){const r=n.readValue(t,a);null!=r&&(e[0]=r)}void 0===e[0]&&(e[0]=a),r&&void 0===o&&r.set(e[0])}else e[o]=e[o-1]}setFinalKeyframe(){}measureInitialState(){}renderEndStyles(){}measureEndState(){}complete(){this.isComplete=!0,this.onComplete(this.unresolvedKeyframes,this.finalKeyframe),Nr.delete(this)}cancel(){this.isComplete||(this.isScheduled=!1,Nr.delete(this))}resume(){this.isComplete||this.scheduleResolve()}}const Br=e=>/^-?(?:\d+(?:\.\d+)?|\.\d+)$/u.test(e),$r=/^var\(--(?:([\w-]+)|([\w-]+), ?([a-zA-Z\d ()%#.,-]+))\)/u;function Ur(e,t,n=1){B(n<=4,`Max CSS variable fallback depth detected in property "${e}". This may indicate a circular fallback dependency.`);const[r,o]=function(e){const t=$r.exec(e);if(!t)return[,];const[,n,r,o]=t;return[`--${null!=n?n:r}`,o]}(e);if(!r)return;const a=window.getComputedStyle(t).getPropertyValue(r);if(a){const e=a.trim();return Br(e)?parseFloat(e):e}return wt(o)?Ur(o,t,n+1):o}const Hr=e=>t=>t.test(e),Wr=[Dt,Nt,Lt,Ot,It,jt,{test:e=>"auto"===e,parse:e=>e}],qr=e=>Wr.find(Hr(e));class Yr extends Vr{constructor(e,t,n,r,o){super(e,t,n,r,o,!0)}readKeyframes(){const{unresolvedKeyframes:e,element:t,name:n}=this;if(!t||!t.current)return;super.readKeyframes();for(let n=0;n<e.length;n++){let r=e[n];if("string"==typeof r&&(r=r.trim(),wt(r))){const o=Ur(r,t.current);void 0!==o&&(e[n]=o),n===e.length-1&&(this.finalKeyframe=r)}}if(this.resolveNoneKeyframes(),!En.has(n)||2!==e.length)return;const[r,o]=e,a=qr(r),i=qr(o);if(a!==i)if(Mr(a)&&Mr(i))for(let t=0;t<e.length;t++){const n=e[t];"string"==typeof n&&(e[t]=parseFloat(n))}else this.needsMeasurement=!0}resolveNoneKeyframes(){const{unresolvedKeyframes:e,name:t}=this,n=[];for(let t=0;t<e.length;t++)("number"==typeof(r=e[t])?0===r:null===r||"none"===r||"0"===r||Hn(r))&&n.push(t);var r;n.length&&function(e,t,n){let r,o=0;for(;o<e.length&&!r;){const t=e[o];"string"==typeof t&&!wr.has(t)&&sr(t).values.length&&(r=e[o]),o++}if(r&&n)for(const o of t)e[o]=br(n,r)}(e,n,t)}measureInitialState(){const{element:e,unresolvedKeyframes:t,name:n}=this;if(!e||!e.current)return;"height"===n&&(this.suspendedScrollY=window.pageYOffset),this.measuredOrigin=Lr[n](e.measureViewportBox(),window.getComputedStyle(e.current)),t[0]=this.measuredOrigin;const r=t[t.length-1];void 0!==r&&e.getValue(n,r).jump(r,!1)}measureEndState(){var e;const{element:t,name:n,unresolvedKeyframes:r}=this;if(!t||!t.current)return;const o=t.getValue(n);o&&o.jump(this.measuredOrigin,!1);const a=r.length-1,i=r[a];r[a]=Lr[n](t.measureViewportBox(),window.getComputedStyle(t.current)),null!==i&&void 0===this.finalKeyframe&&(this.finalKeyframe=i),(null===(e=this.removedTransforms)||void 0===e?void 0:e.length)&&this.removedTransforms.forEach((([e,n])=>{t.getValue(e).set(n)})),this.resolveNoneKeyframes()}}const Qr=(e,t)=>"zIndex"!==t&&(!("number"!=typeof e&&!Array.isArray(e))||!("string"!=typeof e||!fr.test(e)&&"0"!==e||e.startsWith("url(")));function Zr(e,t,n,r){const o=e[0];if(null===o)return!1;if("display"===t||"visibility"===t)return!0;const a=e[e.length-1],i=Qr(o,t),l=Qr(a,t);return V(i===l,`You are trying to animate ${t} from "${o}" to "${a}". ${o} is not an animatable value - to enable this animation set ${o} to a value animatable to ${a} via the \`style\` property.`),!(!i||!l)&&(function(e){const t=e[0];if(1===e.length)return!0;for(let n=0;n<e.length;n++)if(e[n]!==t)return!0}(e)||("spring"===n|