@lax-wp/design-system 0.1.0

package/dist/index.umd.js

@@ -0,0 +1,46 @@
+(function(ft,x){typeof exports=="object"&&typeof module<"u"?x(exports,require("react")):typeof define=="function"&&define.amd?define(["exports","react"],x):(ft=typeof globalThis<"u"?globalThis:ft||self,x(ft.LaxDesignSystem={},ft.React))})(this,function(ft,x){"use strict";function Fr(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const s=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(e,n,s.get?s:{enumerable:!0,get:()=>t[n]})}}return e.default=t,Object.freeze(e)}const ve=Fr(x);var te={exports:{}},Ot={};/**
+ * @license React
+ * react-jsx-runtime.production.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.
+ */var Un;function Ir(){if(Un)return Ot;Un=1;var t=Symbol.for("react.transitional.element"),e=Symbol.for("react.fragment");function n(s,i,o){var r=null;if(o!==void 0&&(r=""+o),i.key!==void 0&&(r=""+i.key),"key"in i){o={};for(var a in i)a!=="key"&&(o[a]=i[a])}else o=i;return i=o.ref,{$$typeof:t,type:s,key:r,ref:i!==void 0?i:null,props:o}}return Ot.Fragment=e,Ot.jsx=n,Ot.jsxs=n,Ot}var Ft={};/**
+ * @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.
+ */var $n;function Br(){return $n||($n=1,process.env.NODE_ENV!=="production"&&function(){function t(m){if(m==null)return null;if(typeof m=="function")return m.$$typeof===B?null:m.displayName||m.name||null;if(typeof m=="string")return m;switch(m){case y:return"Fragment";case g:return"Profiler";case b:return"StrictMode";case P:return"Suspense";case V:return"SuspenseList";case L:return"Activity"}if(typeof m=="object")switch(typeof m.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),m.$$typeof){case p:return"Portal";case v:return(m.displayName||"Context")+".Provider";case T:return(m._context.displayName||"Context")+".Consumer";case A:var C=m.render;return m=m.displayName,m||(m=C.displayName||C.name||"",m=m!==""?"ForwardRef("+m+")":"ForwardRef"),m;case E:return C=m.displayName||null,C!==null?C:t(m.type)||"Memo";case S:C=m._payload,m=m._init;try{return t(m(C))}catch{}}return null}function e(m){return""+m}function n(m){try{e(m);var C=!1}catch{C=!0}if(C){C=console;var j=C.error,U=typeof Symbol=="function"&&Symbol.toStringTag&&m[Symbol.toStringTag]||m.constructor.name||"Object";return j.call(C,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",U),e(m)}}function s(m){if(m===y)return"<>";if(typeof m=="object"&&m!==null&&m.$$typeof===S)return"<...>";try{var C=t(m);return C?"<"+C+">":"<...>"}catch{return"<...>"}}function i(){var m=Y.A;return m===null?null:m.getOwner()}function o(){return Error("react-stack-top-frame")}function r(m){if(xt.call(m,"key")){var C=Object.getOwnPropertyDescriptor(m,"key").get;if(C&&C.isReactWarning)return!1}return m.key!==void 0}function a(m,C){function j(){Tt||(Tt=!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)",C))}j.isReactWarning=!0,Object.defineProperty(m,"key",{get:j,configurable:!0})}function l(){var m=t(this.type);return rt[m]||(rt[m]=!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.")),m=this.props.ref,m!==void 0?m:null}function c(m,C,j,U,ht,et,Bn,Nn){return j=et.ref,m={$$typeof:d,type:m,key:C,props:et,_owner:ht},(j!==void 0?j:null)!==null?Object.defineProperty(m,"ref",{enumerable:!1,get:l}):Object.defineProperty(m,"ref",{enumerable:!1,value:null}),m._store={},Object.defineProperty(m._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(m,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(m,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:Bn}),Object.defineProperty(m,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:Nn}),Object.freeze&&(Object.freeze(m.props),Object.freeze(m)),m}function u(m,C,j,U,ht,et,Bn,Nn){var $=C.children;if($!==void 0)if(U)if(Qt($)){for(U=0;U<$.length;U++)h($[U]);Object.freeze&&Object.freeze($)}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 h($);if(xt.call(C,"key")){$=t(m);var jt=Object.keys(C).filter(function(yc){return yc!=="key"});U=0<jt.length?"{key: someKey, "+jt.join(": ..., ")+": ...}":"{key: someKey}",tt[$+U]||(jt=0<jt.length?"{"+jt.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
+  let props = %s;
+  <%s {...props} />
+React keys must be passed directly to JSX without using spread:
+  let props = %s;
+  <%s key={someKey} {...props} />`,U,$,jt,$),tt[$+U]=!0)}if($=null,j!==void 0&&(n(j),$=""+j),r(C)&&(n(C.key),$=""+C.key),"key"in C){j={};for(var _n in C)_n!=="key"&&(j[_n]=C[_n])}else j=C;return $&&a(j,typeof m=="function"?m.displayName||m.name||"Unknown":m),c(m,$,et,ht,i(),j,Bn,Nn)}function h(m){typeof m=="object"&&m!==null&&m.$$typeof===d&&m._store&&(m._store.validated=1)}var f=x,d=Symbol.for("react.transitional.element"),p=Symbol.for("react.portal"),y=Symbol.for("react.fragment"),b=Symbol.for("react.strict_mode"),g=Symbol.for("react.profiler"),T=Symbol.for("react.consumer"),v=Symbol.for("react.context"),A=Symbol.for("react.forward_ref"),P=Symbol.for("react.suspense"),V=Symbol.for("react.suspense_list"),E=Symbol.for("react.memo"),S=Symbol.for("react.lazy"),L=Symbol.for("react.activity"),B=Symbol.for("react.client.reference"),Y=f.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,xt=Object.prototype.hasOwnProperty,Qt=Array.isArray,ct=console.createTask?console.createTask:function(){return null};f={react_stack_bottom_frame:function(m){return m()}};var Tt,rt={},I=f.react_stack_bottom_frame.bind(f,o)(),K=ct(s(o)),tt={};Ft.Fragment=y,Ft.jsx=function(m,C,j,U,ht){var et=1e4>Y.recentlyCreatedOwnerStacks++;return u(m,C,j,!1,U,ht,et?Error("react-stack-top-frame"):I,et?ct(s(m)):K)},Ft.jsxs=function(m,C,j,U,ht){var et=1e4>Y.recentlyCreatedOwnerStacks++;return u(m,C,j,!0,U,ht,et?Error("react-stack-top-frame"):I,et?ct(s(m)):K)}}()),Ft}var Wn;function Nr(){return Wn||(Wn=1,process.env.NODE_ENV==="production"?te.exports=Ir():te.exports=Br()),te.exports}var M=Nr();const xe=x.createContext({});function Te(t){const e=x.useRef(null);return e.current===null&&(e.current=t()),e.current}const be=typeof window<"u",Kn=be?x.useLayoutEffect:x.useEffect,ee=x.createContext(null);function Pe(t,e){t.indexOf(e)===-1&&t.push(e)}function we(t,e){const n=t.indexOf(e);n>-1&&t.splice(n,1)}const nt=(t,e,n)=>n>e?e:n<t?t:n;function Se(t,e){return e?`${t}. For more information and steps for solving, visit https://motion.dev/troubleshooting/${e}`:t}let bt=()=>{},st=()=>{};process.env.NODE_ENV!=="production"&&(bt=(t,e,n)=>{!t&&typeof console<"u"&&console.warn(Se(e,n))},st=(t,e,n)=>{if(!t)throw new Error(Se(e,n))});const it={},zn=t=>/^-?(?:\d+(?:\.\d+)?|\.\d+)$/u.test(t);function Yn(t){return typeof t=="object"&&t!==null}const Gn=t=>/^0[^.\s]+$/u.test(t);function Ae(t){let e;return()=>(e===void 0&&(e=t()),e)}const G=t=>t,_r=(t,e)=>n=>e(t(n)),It=(...t)=>t.reduce(_r),Bt=(t,e,n)=>{const s=e-t;return s===0?1:(n-t)/s};class Ve{constructor(){this.subscriptions=[]}add(e){return Pe(this.subscriptions,e),()=>we(this.subscriptions,e)}notify(e,n,s){const i=this.subscriptions.length;if(i)if(i===1)this.subscriptions[0](e,n,s);else for(let o=0;o<i;o++){const r=this.subscriptions[o];r&&r(e,n,s)}}getSize(){return this.subscriptions.length}clear(){this.subscriptions.length=0}}const q=t=>t*1e3,J=t=>t/1e3;function Hn(t,e){return e?t*(1e3/e):0}const Xn=new Set;function Ce(t,e,n){t||Xn.has(e)||(console.warn(Se(e,n)),Xn.add(e))}const qn=(t,e,n)=>(((1-3*n+3*e)*t+(3*n-6*e))*t+3*e)*t,Ur=1e-7,$r=12;function Wr(t,e,n,s,i){let o,r,a=0;do r=e+(n-e)/2,o=qn(r,s,i)-t,o>0?n=r:e=r;while(Math.abs(o)>Ur&&++a<$r);return r}function Nt(t,e,n,s){if(t===e&&n===s)return G;const i=o=>Wr(o,0,1,t,n);return o=>o===0||o===1?o:qn(i(o),e,s)}const Zn=t=>e=>e<=.5?t(2*e)/2:(2-t(2*(1-e)))/2,Jn=t=>e=>1-t(1-e),Qn=Nt(.33,1.53,.69,.99),Ee=Jn(Qn),ts=Zn(Ee),es=t=>(t*=2)<1?.5*Ee(t):.5*(2-Math.pow(2,-10*(t-1))),De=t=>1-Math.sin(Math.acos(t)),ns=Jn(De),ss=Zn(De),Kr=Nt(.42,0,1,1),zr=Nt(0,0,.58,1),is=Nt(.42,0,.58,1),Yr=t=>Array.isArray(t)&&typeof t[0]!="number",rs=t=>Array.isArray(t)&&typeof t[0]=="number",os={linear:G,easeIn:Kr,easeInOut:is,easeOut:zr,circIn:De,circInOut:ss,circOut:ns,backIn:Ee,backInOut:ts,backOut:Qn,anticipate:es},Gr=t=>typeof t=="string",as=t=>{if(rs(t)){st(t.length===4,"Cubic bezier arrays must contain four numerical values.","cubic-bezier-length");const[e,n,s,i]=t;return Nt(e,n,s,i)}else if(Gr(t))return st(os[t]!==void 0,`Invalid easing type '${t}'`,"invalid-easing-type"),os[t];return t},ne=["setup","read","resolveKeyframes","preUpdate","update","preRender","render","postRender"];function Hr(t,e){let n=new Set,s=new Set,i=!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,f=!1)=>{const p=f&&i?n:s;return h&&r.add(u),p.has(u)||p.add(u),u},cancel:u=>{s.delete(u),r.delete(u)},process:u=>{if(a=u,i){o=!0;return}i=!0,[n,s]=[s,n],n.forEach(l),n.clear(),i=!1,o&&(o=!1,c.process(u))}};return c}const Xr=40;function ls(t,e){let n=!1,s=!0;const i={delta:0,timestamp:0,isProcessing:!1},o=()=>n=!0,r=ne.reduce((v,A)=>(v[A]=Hr(o),v),{}),{setup:a,read:l,resolveKeyframes:c,preUpdate:u,update:h,preRender:f,render:d,postRender:p}=r,y=()=>{const v=it.useManualTiming?i.timestamp:performance.now();n=!1,it.useManualTiming||(i.delta=s?1e3/60:Math.max(Math.min(v-i.timestamp,Xr),1)),i.timestamp=v,i.isProcessing=!0,a.process(i),l.process(i),c.process(i),u.process(i),h.process(i),f.process(i),d.process(i),p.process(i),i.isProcessing=!1,n&&e&&(s=!1,t(y))},b=()=>{n=!0,s=!0,i.isProcessing||t(y)};return{schedule:ne.reduce((v,A)=>{const P=r[A];return v[A]=(V,E=!1,S=!1)=>(n||b(),P.schedule(V,E,S)),v},{}),cancel:v=>{for(let A=0;A<ne.length;A++)r[ne[A]].cancel(v)},state:i,steps:r}}const{schedule:D,cancel:ot,state:N,steps:Me}=ls(typeof requestAnimationFrame<"u"?requestAnimationFrame:G,!0);let se;function qr(){se=void 0}const z={now:()=>(se===void 0&&z.set(N.isProcessing||it.useManualTiming?N.timestamp:performance.now()),se),set:t=>{se=t,queueMicrotask(qr)}},us=t=>e=>typeof e=="string"&&e.startsWith(t),Re=us("--"),Zr=us("var(--"),ke=t=>Zr(t)?Jr.test(t.split("/*")[0].trim()):!1,Jr=/var\(--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)$/iu,Pt={test:t=>typeof t=="number",parse:parseFloat,transform:t=>t},_t={...Pt,transform:t=>nt(0,1,t)},ie={...Pt,default:1},Ut=t=>Math.round(t*1e5)/1e5,Le=/-?(?:\d+(?:\.\d+)?|\.\d+)/gu;function Qr(t){return t==null}const to=/^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))$/iu,je=(t,e)=>n=>!!(typeof n=="string"&&to.test(n)&&n.startsWith(t)||e&&!Qr(n)&&Object.prototype.hasOwnProperty.call(n,e)),cs=(t,e,n)=>s=>{if(typeof s!="string")return s;const[i,o,r,a]=s.match(Le);return{[t]:parseFloat(i),[e]:parseFloat(o),[n]:parseFloat(r),alpha:a!==void 0?parseFloat(a):1}},eo=t=>nt(0,255,t),Oe={...Pt,transform:t=>Math.round(eo(t))},dt={test:je("rgb","red"),parse:cs("red","green","blue"),transform:({red:t,green:e,blue:n,alpha:s=1})=>"rgba("+Oe.transform(t)+", "+Oe.transform(e)+", "+Oe.transform(n)+", "+Ut(_t.transform(s))+")"};function no(t){let e="",n="",s="",i="";return t.length>5?(e=t.substring(1,3),n=t.substring(3,5),s=t.substring(5,7),i=t.substring(7,9)):(e=t.substring(1,2),n=t.substring(2,3),s=t.substring(3,4),i=t.substring(4,5),e+=e,n+=n,s+=s,i+=i),{red:parseInt(e,16),green:parseInt(n,16),blue:parseInt(s,16),alpha:i?parseInt(i,16)/255:1}}const Fe={test:je("#"),parse:no,transform:dt.transform},$t=t=>({test:e=>typeof e=="string"&&e.endsWith(t)&&e.split(" ").length===1,parse:parseFloat,transform:e=>`${e}${t}`}),at=$t("deg"),Q=$t("%"),w=$t("px"),so=$t("vh"),io=$t("vw"),hs={...Q,parse:t=>Q.parse(t)/100,transform:t=>Q.transform(t*100)},wt={test:je("hsl","hue"),parse:cs("hue","saturation","lightness"),transform:({hue:t,saturation:e,lightness:n,alpha:s=1})=>"hsla("+Math.round(t)+", "+Q.transform(Ut(e))+", "+Q.transform(Ut(n))+", "+Ut(_t.transform(s))+")"},F={test:t=>dt.test(t)||Fe.test(t)||wt.test(t),parse:t=>dt.test(t)?dt.parse(t):wt.test(t)?wt.parse(t):Fe.parse(t),transform:t=>typeof t=="string"?t:t.hasOwnProperty("red")?dt.transform(t):wt.transform(t),getAnimatableNone:t=>{const e=F.parse(t);return e.alpha=0,F.transform(e)}},ro=/(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))/giu;function oo(t){return isNaN(t)&&typeof t=="string"&&(t.match(Le)?.length||0)+(t.match(ro)?.length||0)>0}const fs="number",ds="color",ao="var",lo="var(",ms="${}",uo=/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 Wt(t){const e=t.toString(),n=[],s={color:[],number:[],var:[]},i=[];let o=0;const a=e.replace(uo,l=>(F.test(l)?(s.color.push(o),i.push(ds),n.push(F.parse(l))):l.startsWith(lo)?(s.var.push(o),i.push(ao),n.push(l)):(s.number.push(o),i.push(fs),n.push(parseFloat(l))),++o,ms)).split(ms);return{values:n,split:a,indexes:s,types:i}}function ps(t){return Wt(t).values}function gs(t){const{split:e,types:n}=Wt(t),s=e.length;return i=>{let o="";for(let r=0;r<s;r++)if(o+=e[r],i[r]!==void 0){const a=n[r];a===fs?o+=Ut(i[r]):a===ds?o+=F.transform(i[r]):o+=i[r]}return o}}const co=t=>typeof t=="number"?0:F.test(t)?F.getAnimatableNone(t):t;function ho(t){const e=ps(t);return gs(t)(e.map(co))}const lt={test:oo,parse:ps,createTransformer:gs,getAnimatableNone:ho};function Ie(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 fo({hue:t,saturation:e,lightness:n,alpha:s}){t/=360,e/=100,n/=100;let i=0,o=0,r=0;if(!e)i=o=r=n;else{const a=n<.5?n*(1+e):n+e-n*e,l=2*n-a;i=Ie(l,a,t+1/3),o=Ie(l,a,t),r=Ie(l,a,t-1/3)}return{red:Math.round(i*255),green:Math.round(o*255),blue:Math.round(r*255),alpha:s}}function re(t,e){return n=>n>0?e:t}const R=(t,e,n)=>t+(e-t)*n,Be=(t,e,n)=>{const s=t*t,i=n*(e*e-s)+s;return i<0?0:Math.sqrt(i)},mo=[Fe,dt,wt],po=t=>mo.find(e=>e.test(t));function ys(t){const e=po(t);if(bt(!!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===wt&&(n=fo(n)),n}const vs=(t,e)=>{const n=ys(t),s=ys(e);if(!n||!s)return re(t,e);const i={...n};return o=>(i.red=Be(n.red,s.red,o),i.green=Be(n.green,s.green,o),i.blue=Be(n.blue,s.blue,o),i.alpha=R(n.alpha,s.alpha,o),dt.transform(i))},Ne=new Set(["none","hidden"]);function go(t,e){return Ne.has(t)?n=>n<=0?t:e:n=>n>=1?e:t}function yo(t,e){return n=>R(t,e,n)}function _e(t){return typeof t=="number"?yo:typeof t=="string"?ke(t)?re:F.test(t)?vs:To:Array.isArray(t)?xs:typeof t=="object"?F.test(t)?vs:vo:re}function xs(t,e){const n=[...t],s=n.length,i=t.map((o,r)=>_e(o)(o,e[r]));return o=>{for(let r=0;r<s;r++)n[r]=i[r](o);return n}}function vo(t,e){const n={...t,...e},s={};for(const i in n)t[i]!==void 0&&e[i]!==void 0&&(s[i]=_e(t[i])(t[i],e[i]));return i=>{for(const o in s)n[o]=s[o](i);return n}}function xo(t,e){const n=[],s={color:0,var:0,number:0};for(let i=0;i<e.values.length;i++){const o=e.types[i],r=t.indexes[o][s[o]],a=t.values[r]??0;n[i]=a,s[o]++}return n}const To=(t,e)=>{const n=lt.createTransformer(e),s=Wt(t),i=Wt(e);return s.indexes.var.length===i.indexes.var.length&&s.indexes.color.length===i.indexes.color.length&&s.indexes.number.length>=i.indexes.number.length?Ne.has(t)&&!i.values.length||Ne.has(e)&&!s.values.length?go(t,e):It(xs(xo(s,i),i.values),n):(bt(!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"),re(t,e))};function Ts(t,e,n){return typeof t=="number"&&typeof e=="number"&&typeof n=="number"?R(t,e,n):_e(t)(t,e)}const bo=t=>{const e=({timestamp:n})=>t(n);return{start:(n=!0)=>D.update(e,n),stop:()=>ot(e),now:()=>N.isProcessing?N.timestamp:z.now()}},bs=(t,e,n=10)=>{let s="";const i=Math.max(Math.round(e/n),2);for(let o=0;o<i;o++)s+=Math.round(t(o/(i-1))*1e4)/1e4+", ";return`linear(${s.substring(0,s.length-2)})`},oe=2e4;function Ue(t){let e=0;const n=50;let s=t.next(e);for(;!s.done&&e<oe;)e+=n,s=t.next(e);return e>=oe?1/0:e}function Po(t,e=100,n){const s=n({...t,keyframes:[0,e]}),i=Math.min(Ue(s),oe);return{type:"keyframes",ease:o=>s.next(i*o).value/e,duration:J(i)}}const wo=5;function Ps(t,e,n){const s=Math.max(e-wo,0);return Hn(n-t(s),e-s)}const k={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},$e=.001;function So({duration:t=k.duration,bounce:e=k.bounce,velocity:n=k.velocity,mass:s=k.mass}){let i,o;bt(t<=q(k.maxDuration),"Spring duration must be 10 seconds or less","spring-duration-limit");let r=1-e;r=nt(k.minDamping,k.maxDamping,r),t=nt(k.minDuration,k.maxDuration,J(t)),r<1?(i=c=>{const u=c*r,h=u*t,f=u-n,d=We(c,r),p=Math.exp(-h);return $e-f/d*p},o=c=>{const h=c*r*t,f=h*n+n,d=Math.pow(r,2)*Math.pow(c,2)*t,p=Math.exp(-h),y=We(Math.pow(c,2),r);return(-i(c)+$e>0?-1:1)*((f-d)*p)/y}):(i=c=>{const u=Math.exp(-c*t),h=(c-n)*t+1;return-$e+u*h},o=c=>{const u=Math.exp(-c*t),h=(n-c)*(t*t);return u*h});const a=5/t,l=Vo(i,o,a);if(t=q(t),isNaN(l))return{stiffness:k.stiffness,damping:k.damping,duration:t};{const c=Math.pow(l,2)*s;return{stiffness:c,damping:r*2*Math.sqrt(s*c),duration:t}}}const Ao=12;function Vo(t,e,n){let s=n;for(let i=1;i<Ao;i++)s=s-t(s)/e(s);return s}function We(t,e){return t*Math.sqrt(1-e*e)}const Co=["duration","bounce"],Eo=["stiffness","damping","mass"];function ws(t,e){return e.some(n=>t[n]!==void 0)}function Do(t){let e={velocity:k.velocity,stiffness:k.stiffness,damping:k.damping,mass:k.mass,isResolvedFromDuration:!1,...t};if(!ws(t,Eo)&&ws(t,Co))if(t.visualDuration){const n=t.visualDuration,s=2*Math.PI/(n*1.2),i=s*s,o=2*nt(.05,1,1-(t.bounce||0))*Math.sqrt(i);e={...e,mass:k.mass,stiffness:i,damping:o}}else{const n=So(t);e={...e,...n,mass:k.mass},e.isResolvedFromDuration=!0}return e}function ae(t=k.visualDuration,e=k.bounce){const n=typeof t!="object"?{visualDuration:t,keyframes:[0,1],bounce:e}:t;let{restSpeed:s,restDelta:i}=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:f,isResolvedFromDuration:d}=Do({...n,velocity:-J(n.velocity||0)}),p=f||0,y=c/(2*Math.sqrt(l*u)),b=r-o,g=J(Math.sqrt(l/u)),T=Math.abs(b)<5;s||(s=T?k.restSpeed.granular:k.restSpeed.default),i||(i=T?k.restDelta.granular:k.restDelta.default);let v;if(y<1){const P=We(g,y);v=V=>{const E=Math.exp(-y*g*V);return r-E*((p+y*g*b)/P*Math.sin(P*V)+b*Math.cos(P*V))}}else if(y===1)v=P=>r-Math.exp(-g*P)*(b+(p+g*b)*P);else{const P=g*Math.sqrt(y*y-1);v=V=>{const E=Math.exp(-y*g*V),S=Math.min(P*V,300);return r-E*((p+y*g*b)*Math.sinh(S)+P*b*Math.cosh(S))/P}}const A={calculatedDuration:d&&h||null,next:P=>{const V=v(P);if(d)a.done=P>=h;else{let E=P===0?p:0;y<1&&(E=P===0?q(p):Ps(v,P,V));const S=Math.abs(E)<=s,L=Math.abs(r-V)<=i;a.done=S&&L}return a.value=a.done?r:V,a},toString:()=>{const P=Math.min(Ue(A),oe),V=bs(E=>A.next(P*E).value,P,30);return P+"ms "+V},toTransition:()=>{}};return A}ae.applyToOptions=t=>{const e=Po(t,100,ae);return t.ease=e.ease,t.duration=q(e.duration),t.type="keyframes",t};function Ke({keyframes:t,velocity:e=0,power:n=.8,timeConstant:s=325,bounceDamping:i=10,bounceStiffness:o=500,modifyTarget:r,min:a,max:l,restDelta:c=.5,restSpeed:u}){const h=t[0],f={done:!1,value:h},d=S=>a!==void 0&&S<a||l!==void 0&&S>l,p=S=>a===void 0?l:l===void 0||Math.abs(a-S)<Math.abs(l-S)?a:l;let y=n*e;const b=h+y,g=r===void 0?b:r(b);g!==b&&(y=g-h);const T=S=>-y*Math.exp(-S/s),v=S=>g+T(S),A=S=>{const L=T(S),B=v(S);f.done=Math.abs(L)<=c,f.value=f.done?g:B};let P,V;const E=S=>{d(f.value)&&(P=S,V=ae({keyframes:[f.value,p(f.value)],velocity:Ps(v,S,f.value),damping:i,stiffness:o,restDelta:c,restSpeed:u}))};return E(0),{calculatedDuration:null,next:S=>{let L=!1;return!V&&P===void 0&&(L=!0,A(S),E(S)),P!==void 0&&S>=P?V.next(S-P):(!L&&A(S),f)}}}function Mo(t,e,n){const s=[],i=n||it.mix||Ts,o=t.length-1;for(let r=0;r<o;r++){let a=i(t[r],t[r+1]);if(e){const l=Array.isArray(e)?e[r]||G:e;a=It(l,a)}s.push(a)}return s}function Ro(t,e,{clamp:n=!0,ease:s,mixer:i}={}){const o=t.length;if(st(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=Mo(e,s,i),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 f=Bt(t[h],t[h+1],u);return a[h](f)};return n?u=>c(nt(t[0],t[o-1],u)):c}function ko(t,e){const n=t[t.length-1];for(let s=1;s<=e;s++){const i=Bt(0,e,s);t.push(R(n,1,i))}}function Lo(t){const e=[0];return ko(e,t.length-1),e}function jo(t,e){return t.map(n=>n*e)}function Oo(t,e){return t.map(()=>e||is).splice(0,t.length-1)}function St({duration:t=300,keyframes:e,times:n,ease:s="easeInOut"}){const i=Yr(s)?s.map(as):as(s),o={done:!1,value:e[0]},r=jo(n&&n.length===e.length?n:Lo(e),t),a=Ro(r,e,{ease:Array.isArray(i)?i:Oo(e,i)});return{calculatedDuration:t,next:l=>(o.value=a(l),o.done=l>=t,o)}}const Fo=t=>t!==null;function ze(t,{repeat:e,repeatType:n="loop"},s,i=1){const o=t.filter(Fo),a=i<0||e&&n!=="loop"&&e%2===1?0:o.length-1;return!a||s===void 0?o[a]:s}const Io={decay:Ke,inertia:Ke,tween:St,keyframes:St,spring:ae};function Ss(t){typeof t.type=="string"&&(t.type=Io[t.type])}class Ye{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 Bo=t=>t/100;class Ge extends Ye{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!==z.now()&&this.tick(z.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;Ss(e);const{type:n=St,repeat:s=0,repeatDelay:i=0,repeatType:o,velocity:r=0}=e;let{keyframes:a}=e;const l=n||St;process.env.NODE_ENV!=="production"&&l!==St&&st(a.length<=2,`Only two keyframes currently supported with spring and inertia animations. Trying to animate ${a}`,"spring-two-frames"),l!==St&&typeof a[0]!="number"&&(this.mixKeyframes=It(Bo,Ts(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=Ue(c));const{calculatedDuration:u}=c;this.calculatedDuration=u,this.resolvedDuration=u+i,this.totalDuration=this.resolvedDuration*(s+1)-i,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:s,totalDuration:i,mixKeyframes:o,mirroredGenerator:r,resolvedDuration:a,calculatedDuration:l}=this;if(this.startTime===null)return s.next(0);const{delay:c=0,keyframes:u,repeat:h,repeatType:f,repeatDelay:d,type:p,onUpdate:y,finalKeyframe:b}=this.options;this.speed>0?this.startTime=Math.min(this.startTime,e):this.speed<0&&(this.startTime=Math.min(e-i/this.speed,this.startTime)),n?this.currentTime=e:this.updateTime(e);const g=this.currentTime-c*(this.playbackSpeed>=0?1:-1),T=this.playbackSpeed>=0?g<0:g>i;this.currentTime=Math.max(g,0),this.state==="finished"&&this.holdTime===null&&(this.currentTime=i);let v=this.currentTime,A=s;if(h){const S=Math.min(this.currentTime,i)/a;let L=Math.floor(S),B=S%1;!B&&S>=1&&(B=1),B===1&&L--,L=Math.min(L,h+1),!!(L%2)&&(f==="reverse"?(B=1-B,d&&(B-=d/a)):f==="mirror"&&(A=r)),v=nt(0,1,B)*a}const P=T?{done:!1,value:u[0]}:A.next(v);o&&(P.value=o(P.value));let{done:V}=P;!T&&l!==null&&(V=this.playbackSpeed>=0?this.currentTime>=i:this.currentTime<=0);const E=this.holdTime===null&&(this.state==="finished"||this.state==="running"&&V);return E&&p!==Ke&&(P.value=ze(u,this.options,b,this.speed)),y&&y(P.value),E&&this.finish(),P}then(e,n){return this.finished.then(e,n)}get duration(){return J(this.calculatedDuration)}get time(){return J(this.currentTime)}set time(e){e=q(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(z.now());const n=this.playbackSpeed!==e;this.playbackSpeed=e,n&&(this.time=J(this.currentTime))}play(){if(this.isStopped)return;const{driver:e=bo,startTime:n}=this.options;this.driver||(this.driver=e(i=>this.tick(i))),this.options.onPlay?.();const s=this.driver.now();this.state==="finished"?(this.updateFinished(),this.startTime=s):this.holdTime!==null?this.startTime=s-this.holdTime:this.startTime||(this.startTime=n??s),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(z.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 No(t){for(let e=1;e<t.length;e++)t[e]??(t[e]=t[e-1])}const mt=t=>t*180/Math.PI,He=t=>{const e=mt(Math.atan2(t[1],t[0]));return Xe(e)},_o={x:4,y:5,translateX:4,translateY:5,scaleX:0,scaleY:3,scale:t=>(Math.abs(t[0])+Math.abs(t[3]))/2,rotate:He,rotateZ:He,skewX:t=>mt(Math.atan(t[1])),skewY:t=>mt(Math.atan(t[2])),skew:t=>(Math.abs(t[1])+Math.abs(t[2]))/2},Xe=t=>(t=t%360,t<0&&(t+=360),t),As=He,Vs=t=>Math.sqrt(t[0]*t[0]+t[1]*t[1]),Cs=t=>Math.sqrt(t[4]*t[4]+t[5]*t[5]),Uo={x:12,y:13,z:14,translateX:12,translateY:13,translateZ:14,scaleX:Vs,scaleY:Cs,scale:t=>(Vs(t)+Cs(t))/2,rotateX:t=>Xe(mt(Math.atan2(t[6],t[5]))),rotateY:t=>Xe(mt(Math.atan2(-t[2],t[0]))),rotateZ:As,rotate:As,skewX:t=>mt(Math.atan(t[4])),skewY:t=>mt(Math.atan(t[1])),skew:t=>(Math.abs(t[1])+Math.abs(t[4]))/2};function qe(t){return t.includes("scale")?1:0}function Ze(t,e){if(!t||t==="none")return qe(e);const n=t.match(/^matrix3d\(([-\d.e\s,]+)\)$/u);let s,i;if(n)s=Uo,i=n;else{const a=t.match(/^matrix\(([-\d.e\s,]+)\)$/u);s=_o,i=a}if(!i)return qe(e);const o=s[e],r=i[1].split(",").map(Wo);return typeof o=="function"?o(r):r[o]}const $o=(t,e)=>{const{transform:n="none"}=getComputedStyle(t);return Ze(n,e)};function Wo(t){return parseFloat(t.trim())}const At=["transformPerspective","x","y","z","translateX","translateY","translateZ","scale","scaleX","scaleY","rotate","rotateX","rotateY","rotateZ","skew","skewX","skewY"],Vt=new Set(At),Es=t=>t===Pt||t===w,Ko=new Set(["x","y","z"]),zo=At.filter(t=>!Ko.has(t));function Yo(t){const e=[];return zo.forEach(n=>{const s=t.getValue(n);s!==void 0&&(e.push([n,s.get()]),s.set(n.startsWith("scale")?1:0))}),e}const pt={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})=>Ze(e,"x"),y:(t,{transform:e})=>Ze(e,"y")};pt.translateX=pt.x,pt.translateY=pt.y;const gt=new Set;let Je=!1,Qe=!1,tn=!1;function Ds(){if(Qe){const t=Array.from(gt).filter(s=>s.needsMeasurement),e=new Set(t.map(s=>s.element)),n=new Map;e.forEach(s=>{const i=Yo(s);i.length&&(n.set(s,i),s.render())}),t.forEach(s=>s.measureInitialState()),e.forEach(s=>{s.render();const i=n.get(s);i&&i.forEach(([o,r])=>{s.getValue(o)?.set(r)})}),t.forEach(s=>s.measureEndState()),t.forEach(s=>{s.suspendedScrollY!==void 0&&window.scrollTo(0,s.suspendedScrollY)})}Qe=!1,Je=!1,gt.forEach(t=>t.complete(tn)),gt.clear()}function Ms(){gt.forEach(t=>{t.readKeyframes(),t.needsMeasurement&&(Qe=!0)})}function Go(){tn=!0,Ms(),Ds(),tn=!1}class en{constructor(e,n,s,i,o,r=!1){this.state="pending",this.isAsync=!1,this.needsMeasurement=!1,this.unresolvedKeyframes=[...e],this.onComplete=n,this.name=s,this.motionValue=i,this.element=o,this.isAsync=r}scheduleResolve(){this.state="scheduled",this.isAsync?(gt.add(this),Je||(Je=!0,D.read(Ms),D.resolveKeyframes(Ds))):(this.readKeyframes(),this.complete())}readKeyframes(){const{unresolvedKeyframes:e,name:n,element:s,motionValue:i}=this;if(e[0]===null){const o=i?.get(),r=e[e.length-1];if(o!==void 0)e[0]=o;else if(s&&n){const a=s.readValue(n,r);a!=null&&(e[0]=a)}e[0]===void 0&&(e[0]=r),i&&o===void 0&&i.set(e[0])}No(e)}setFinalKeyframe(){}measureInitialState(){}renderEndStyles(){}measureEndState(){}complete(e=!1){this.state="complete",this.onComplete(this.unresolvedKeyframes,this.finalKeyframe,e),gt.delete(this)}cancel(){this.state==="scheduled"&&(gt.delete(this),this.state="pending")}resume(){this.state==="pending"&&this.scheduleResolve()}}const Ho=t=>t.startsWith("--");function Xo(t,e,n){Ho(e)?t.style.setProperty(e,n):t.style[e]=n}const qo=Ae(()=>window.ScrollTimeline!==void 0),Zo={};function Jo(t,e){const n=Ae(t);return()=>Zo[e]??n()}const Rs=Jo(()=>{try{document.createElement("div").animate({opacity:0},{easing:"linear(0, 1)"})}catch{return!1}return!0},"linearEasing"),Kt=([t,e,n,s])=>`cubic-bezier(${t}, ${e}, ${n}, ${s})`,ks={linear:"linear",ease:"ease",easeIn:"ease-in",easeOut:"ease-out",easeInOut:"ease-in-out",circIn:Kt([0,.65,.55,1]),circOut:Kt([.55,0,1,.45]),backIn:Kt([.31,.01,.66,-.59]),backOut:Kt([.33,1.53,.69,.99])};function Ls(t,e){if(t)return typeof t=="function"?Rs()?bs(t,e):"ease-out":rs(t)?Kt(t):Array.isArray(t)?t.map(n=>Ls(n,e)||ks.easeOut):ks[t]}function Qo(t,e,n,{delay:s=0,duration:i=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=Ls(a,i);Array.isArray(h)&&(u.easing=h);const f={delay:s,duration:i,easing:Array.isArray(h)?"linear":h,fill:"both",iterations:o+1,direction:r==="reverse"?"alternate":"normal"};return c&&(f.pseudoElement=c),t.animate(u,f)}function js(t){return typeof t=="function"&&"applyToOptions"in t}function ta({type:t,...e}){return js(t)&&Rs()?t.applyToOptions(e):(e.duration??(e.duration=300),e.ease??(e.ease="easeOut"),e)}class ea extends Ye{constructor(e){if(super(),this.finishedTime=null,this.isStopped=!1,!e)return;const{element:n,name:s,keyframes:i,pseudoElement:o,allowFlatten:r=!1,finalKeyframe:a,onComplete:l}=e;this.isPseudoElement=!!o,this.allowFlatten=r,this.options=e,st(typeof e.type!="string",`Mini animate() doesn't support "type" as a string.`,"mini-spring");const c=ta(e);this.animation=Qo(n,s,i,c,o),c.autoplay===!1&&this.animation.pause(),this.animation.onfinish=()=>{if(this.finishedTime=this.time,!o){const u=ze(i,this.options,a,this.speed);this.updateMotionValue?this.updateMotionValue(u):Xo(n,s,u),this.animation.cancel()}l?.(),this.notifyFinished()}}play(){this.isStopped||(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(){this.isPseudoElement||this.animation.commitStyles?.()}get duration(){const e=this.animation.effect?.getComputedTiming?.().duration||0;return J(Number(e))}get time(){return J(Number(this.animation.currentTime)||0)}set time(e){this.finishedTime=null,this.animation.currentTime=q(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 Number(this.animation.startTime)}set startTime(e){this.animation.startTime=e}attachTimeline({timeline:e,observe:n}){return this.allowFlatten&&this.animation.effect?.updateTiming({easing:"linear"}),this.animation.onfinish=null,e&&qo()?(this.animation.timeline=e,G):n(this)}}const Os={anticipate:es,backInOut:ts,circInOut:ss};function na(t){return t in Os}function sa(t){typeof t.ease=="string"&&na(t.ease)&&(t.ease=Os[t.ease])}const Fs=10;class ia extends ea{constructor(e){sa(e),Ss(e),super(e),e.startTime&&(this.startTime=e.startTime),this.options=e}updateMotionValue(e){const{motionValue:n,onUpdate:s,onComplete:i,element:o,...r}=this.options;if(!n)return;if(e!==void 0){n.set(e);return}const a=new Ge({...r,autoplay:!1}),l=q(this.finishedTime??this.time);n.setWithVelocity(a.sample(l-Fs).value,a.sample(l).value,Fs),a.stop()}}const Is=(t,e)=>e==="zIndex"?!1:!!(typeof t=="number"||Array.isArray(t)||typeof t=="string"&&(lt.test(t)||t==="0")&&!t.startsWith("url("));function ra(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 oa(t,e,n,s){const i=t[0];if(i===null)return!1;if(e==="display"||e==="visibility")return!0;const o=t[t.length-1],r=Is(i,e),a=Is(o,e);return bt(r===a,`You are trying to animate ${e} from "${i}" to "${o}". "${r?o:i}" is not an animatable value.`,"value-not-animatable"),!r||!a?!1:ra(t)||(n==="spring"||js(n))&&s}function nn(t){t.duration=0,t.type}const aa=new Set(["opacity","clipPath","filter","transform"]),la=Ae(()=>Object.hasOwnProperty.call(Element.prototype,"animate"));function ua(t){const{motionValue:e,name:n,repeatDelay:s,repeatType:i,damping:o,type:r}=t;if(!(e?.owner?.current instanceof HTMLElement))return!1;const{onUpdate:l,transformTemplate:c}=e.owner.getProps();return la()&&n&&aa.has(n)&&(n!=="transform"||!c)&&!l&&!s&&i!=="mirror"&&o!==0&&r!=="inertia"}const ca=40;class ha extends Ye{constructor({autoplay:e=!0,delay:n=0,type:s="keyframes",repeat:i=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=z.now();const f={autoplay:e,delay:n,type:s,repeat:i,repeatDelay:o,repeatType:r,name:l,motionValue:c,element:u,...h},d=u?.KeyframeResolver||en;this.keyframeResolver=new d(a,(p,y,b)=>this.onKeyframesResolved(p,y,f,!b),l,c,u),this.keyframeResolver?.scheduleResolve()}onKeyframesResolved(e,n,s,i){this.keyframeResolver=void 0;const{name:o,type:r,velocity:a,delay:l,isHandoff:c,onUpdate:u}=s;this.resolvedAt=z.now(),oa(e,o,r,a)||((it.instantAnimations||!l)&&u?.(ze(e,s,n)),e[0]=e[e.length-1],nn(s),s.repeat=0);const f={startTime:i?this.resolvedAt?this.resolvedAt-this.createdAt>ca?this.resolvedAt:this.createdAt:this.createdAt:void 0,finalKeyframe:n,...s,keyframes:e},d=!c&&ua(f)?new ia({...f,element:f.motionValue.owner.current}):new Ge(f);d.finished.then(()=>this.notifyFinished()).catch(G),this.pendingTimeline&&(this.stopTimeline=d.attachTimeline(this.pendingTimeline),this.pendingTimeline=void 0),this._animation=d}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(),Go()),this._animation}get duration(){return this.animation.duration}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()}}const fa=/^var\(--(?:([\w-]+)|([\w-]+), ?([a-zA-Z\d ()%#.,-]+))\)/u;function da(t){const e=fa.exec(t);if(!e)return[,];const[,n,s,i]=e;return[`--${n??s}`,i]}const ma=4;function Bs(t,e,n=1){st(n<=ma,`Max CSS variable fallback depth detected in property "${t}". This may indicate a circular fallback dependency.`,"max-css-var-depth");const[s,i]=da(t);if(!s)return;const o=window.getComputedStyle(e).getPropertyValue(s);if(o){const r=o.trim();return zn(r)?parseFloat(r):r}return ke(i)?Bs(i,e,n+1):i}function sn(t,e){return t?.[e]??t?.default??t}const Ns=new Set(["width","height","top","left","right","bottom",...At]),pa={test:t=>t==="auto",parse:t=>t},_s=t=>e=>e.test(t),Us=[Pt,w,Q,at,io,so,pa],$s=t=>Us.find(_s(t));function ga(t){return typeof t=="number"?t===0:t!==null?t==="none"||t==="0"||Gn(t):!0}const ya=new Set(["brightness","contrast","saturate","opacity"]);function va(t){const[e,n]=t.slice(0,-1).split("(");if(e==="drop-shadow")return t;const[s]=n.match(Le)||[];if(!s)return t;const i=n.replace(s,"");let o=ya.has(e)?1:0;return s!==n&&(o*=100),e+"("+o+i+")"}const xa=/\b([a-z-]*)\(.*?\)/gu,rn={...lt,getAnimatableNone:t=>{const e=t.match(xa);return e?e.map(va).join(" "):t}},Ws={...Pt,transform:Math.round},on={borderWidth:w,borderTopWidth:w,borderRightWidth:w,borderBottomWidth:w,borderLeftWidth:w,borderRadius:w,radius:w,borderTopLeftRadius:w,borderTopRightRadius:w,borderBottomRightRadius:w,borderBottomLeftRadius:w,width:w,maxWidth:w,height:w,maxHeight:w,top:w,right:w,bottom:w,left:w,padding:w,paddingTop:w,paddingRight:w,paddingBottom:w,paddingLeft:w,margin:w,marginTop:w,marginRight:w,marginBottom:w,marginLeft:w,backgroundPositionX:w,backgroundPositionY:w,...{rotate:at,rotateX:at,rotateY:at,rotateZ:at,scale:ie,scaleX:ie,scaleY:ie,scaleZ:ie,skew:at,skewX:at,skewY:at,distance:w,translateX:w,translateY:w,translateZ:w,x:w,y:w,z:w,perspective:w,transformPerspective:w,opacity:_t,originX:hs,originY:hs,originZ:w},zIndex:Ws,fillOpacity:_t,strokeOpacity:_t,numOctaves:Ws},Ta={...on,color:F,backgroundColor:F,outlineColor:F,fill:F,stroke:F,borderColor:F,borderTopColor:F,borderRightColor:F,borderBottomColor:F,borderLeftColor:F,filter:rn,WebkitFilter:rn},Ks=t=>Ta[t];function zs(t,e){let n=Ks(t);return n!==rn&&(n=lt),n.getAnimatableNone?n.getAnimatableNone(e):void 0}const ba=new Set(["auto","none","0"]);function Pa(t,e,n){let s=0,i;for(;s<t.length&&!i;){const o=t[s];typeof o=="string"&&!ba.has(o)&&Wt(o).values.length&&(i=t[s]),s++}if(i&&n)for(const o of e)t[o]=zs(n,i)}class wa extends en{constructor(e,n,s,i,o){super(e,n,s,i,o,!0)}readKeyframes(){const{unresolvedKeyframes:e,element:n,name:s}=this;if(!n||!n.current)return;super.readKeyframes();for(let l=0;l<e.length;l++){let c=e[l];if(typeof c=="string"&&(c=c.trim(),ke(c))){const u=Bs(c,n.current);u!==void 0&&(e[l]=u),l===e.length-1&&(this.finalKeyframe=c)}}if(this.resolveNoneKeyframes(),!Ns.has(s)||e.length!==2)return;const[i,o]=e,r=$s(i),a=$s(o);if(r!==a)if(Es(r)&&Es(a))for(let l=0;l<e.length;l++){const c=e[l];typeof c=="string"&&(e[l]=parseFloat(c))}else pt[s]&&(this.needsMeasurement=!0)}resolveNoneKeyframes(){const{unresolvedKeyframes:e,name:n}=this,s=[];for(let i=0;i<e.length;i++)(e[i]===null||ga(e[i]))&&s.push(i);s.length&&Pa(e,s,n)}measureInitialState(){const{element:e,unresolvedKeyframes:n,name:s}=this;if(!e||!e.current)return;s==="height"&&(this.suspendedScrollY=window.pageYOffset),this.measuredOrigin=pt[s](e.measureViewportBox(),window.getComputedStyle(e.current)),n[0]=this.measuredOrigin;const i=n[n.length-1];i!==void 0&&e.getValue(s,i).jump(i,!1)}measureEndState(){const{element:e,name:n,unresolvedKeyframes:s}=this;if(!e||!e.current)return;const i=e.getValue(n);i&&i.jump(this.measuredOrigin,!1);const o=s.length-1,r=s[o];s[o]=pt[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()}}function Sa(t,e,n){if(t instanceof EventTarget)return[t];if(typeof t=="string"){let s=document;const i=n?.[t]??s.querySelectorAll(t);return i?Array.from(i):[]}return Array.from(t)}const Ys=(t,e)=>e&&typeof t=="number"?e.transform(t):t;function Gs(t){return Yn(t)&&"offsetHeight"in t}const Hs=30,Aa=t=>!isNaN(parseFloat(t));class Va{constructor(e,n={}){this.canTrackVelocity=null,this.events={},this.updateAndNotify=s=>{const i=z.now();if(this.updatedAt!==i&&this.setPrevFrameValue(),this.prev=this.current,this.setCurrent(s),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=z.now(),this.canTrackVelocity===null&&e!==void 0&&(this.canTrackVelocity=Aa(this.current))}setPrevFrameValue(e=this.current){this.prevFrameValue=e,this.prevUpdatedAt=this.updatedAt}onChange(e){return process.env.NODE_ENV!=="production"&&Ce(!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 Ve);const s=this.events[e].add(n);return e==="change"?()=>{s(),D.read(()=>{this.events.change.getSize()||this.stop()})}:s}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,s){this.set(n),this.prev=void 0,this.prevFrameValue=e,this.prevUpdatedAt=this.updatedAt-s}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=z.now();if(!this.canTrackVelocity||this.prevFrameValue===void 0||e-this.updatedAt>Hs)return 0;const n=Math.min(this.updatedAt-this.prevUpdatedAt,Hs);return Hn(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 Ct(t,e){return new Va(t,e)}const{schedule:an}=ls(queueMicrotask,!1),Z={x:!1,y:!1};function Xs(){return Z.x||Z.y}function Ca(t){return t==="x"||t==="y"?Z[t]?null:(Z[t]=!0,()=>{Z[t]=!1}):Z.x||Z.y?null:(Z.x=Z.y=!0,()=>{Z.x=Z.y=!1})}function qs(t,e){const n=Sa(t),s=new AbortController,i={passive:!0,...e,signal:s.signal};return[n,i,()=>s.abort()]}function Zs(t){return!(t.pointerType==="touch"||Xs())}function Ea(t,e,n={}){const[s,i,o]=qs(t,n),r=a=>{if(!Zs(a))return;const{target:l}=a,c=e(l,a);if(typeof c!="function"||!l)return;const u=h=>{Zs(h)&&(c(h),l.removeEventListener("pointerleave",u))};l.addEventListener("pointerleave",u,i)};return s.forEach(a=>{a.addEventListener("pointerenter",r,i)}),o}const Js=(t,e)=>e?t===e?!0:Js(t,e.parentElement):!1,ln=t=>t.pointerType==="mouse"?typeof t.button!="number"||t.button<=0:t.isPrimary!==!1,Da=new Set(["BUTTON","INPUT","SELECT","TEXTAREA","A"]);function Ma(t){return Da.has(t.tagName)||t.tabIndex!==-1}const le=new WeakSet;function Qs(t){return e=>{e.key==="Enter"&&t(e)}}function un(t,e){t.dispatchEvent(new PointerEvent("pointer"+e,{isPrimary:!0,bubbles:!0}))}const Ra=(t,e)=>{const n=t.currentTarget;if(!n)return;const s=Qs(()=>{if(le.has(n))return;un(n,"down");const i=Qs(()=>{un(n,"up")}),o=()=>un(n,"cancel");n.addEventListener("keyup",i,e),n.addEventListener("blur",o,e)});n.addEventListener("keydown",s,e),n.addEventListener("blur",()=>n.removeEventListener("keydown",s),e)};function ti(t){return ln(t)&&!Xs()}function ka(t,e,n={}){const[s,i,o]=qs(t,n),r=a=>{const l=a.currentTarget;if(!ti(a))return;le.add(l);const c=e(l,a),u=(d,p)=>{window.removeEventListener("pointerup",h),window.removeEventListener("pointercancel",f),le.has(l)&&le.delete(l),ti(d)&&typeof c=="function"&&c(d,{success:p})},h=d=>{u(d,l===window||l===document||n.useGlobalTarget||Js(l,d.target))},f=d=>{u(d,!1)};window.addEventListener("pointerup",h,i),window.addEventListener("pointercancel",f,i)};return s.forEach(a=>{(n.useGlobalTarget?window:a).addEventListener("pointerdown",r,i),Gs(a)&&(a.addEventListener("focus",c=>Ra(c,i)),!Ma(a)&&!a.hasAttribute("tabindex")&&(a.tabIndex=0))}),o}function ei(t){return Yn(t)&&"ownerSVGElement"in t}function La(t){return ei(t)&&t.tagName==="svg"}const _=t=>!!(t&&t.getVelocity),ja=[...Us,F,lt],Oa=t=>ja.find(_s(t)),cn=x.createContext({transformPagePoint:t=>t,isStatic:!1,reducedMotion:"never"});class Fa extends ve.Component{getSnapshotBeforeUpdate(e){const n=this.props.childRef.current;if(n&&e.isPresent&&!this.props.isPresent){const s=n.offsetParent,i=Gs(s)&&s.offsetWidth||0,o=this.props.sizeRef.current;o.height=n.offsetHeight||0,o.width=n.offsetWidth||0,o.top=n.offsetTop,o.left=n.offsetLeft,o.right=i-o.width-o.left}return null}componentDidUpdate(){}render(){return this.props.children}}function Ia({children:t,isPresent:e,anchorX:n,root:s}){const i=x.useId(),o=x.useRef(null),r=x.useRef({width:0,height:0,top:0,left:0,right:0}),{nonce:a}=x.useContext(cn);return x.useInsertionEffect(()=>{const{width:l,height:c,top:u,left:h,right:f}=r.current;if(e||!o.current||!l||!c)return;const d=n==="left"?`left: ${h}`:`right: ${f}`;o.current.dataset.motionPopId=i;const p=document.createElement("style");a&&(p.nonce=a);const y=s??document.head;return y.appendChild(p),p.sheet&&p.sheet.insertRule(`
+          [data-motion-pop-id="${i}"] {
+            position: absolute !important;
+            width: ${l}px !important;
+            height: ${c}px !important;
+            ${d}px !important;
+            top: ${u}px !important;
+          }
+        `),()=>{y.contains(p)&&y.removeChild(p)}},[e]),M.jsx(Fa,{isPresent:e,childRef:o,sizeRef:r,children:ve.cloneElement(t,{ref:o})})}const Ba=({children:t,initial:e,isPresent:n,onExitComplete:s,custom:i,presenceAffectsLayout:o,mode:r,anchorX:a,root:l})=>{const c=Te(Na),u=x.useId();let h=!0,f=x.useMemo(()=>(h=!1,{id:u,initial:e,isPresent:n,custom:i,onExitComplete:d=>{c.set(d,!0);for(const p of c.values())if(!p)return;s&&s()},register:d=>(c.set(d,!1),()=>c.delete(d))}),[n,c,s]);return o&&h&&(f={...f}),x.useMemo(()=>{c.forEach((d,p)=>c.set(p,!1))},[n]),ve.useEffect(()=>{!n&&!c.size&&s&&s()},[n]),r==="popLayout"&&(t=M.jsx(Ia,{isPresent:n,anchorX:a,root:l,children:t})),M.jsx(ee.Provider,{value:f,children:t})};function Na(){return new Map}function ni(t=!0){const e=x.useContext(ee);if(e===null)return[!0,null];const{isPresent:n,onExitComplete:s,register:i}=e,o=x.useId();x.useEffect(()=>{if(t)return i(o)},[t]);const r=x.useCallback(()=>t&&s&&s(o),[o,s,t]);return!n&&s?[!1,r]:[!0]}const ue=t=>t.key||"";function si(t){const e=[];return x.Children.forEach(t,n=>{x.isValidElement(n)&&e.push(n)}),e}const _a=({children:t,custom:e,initial:n=!0,onExitComplete:s,presenceAffectsLayout:i=!0,mode:o="sync",propagate:r=!1,anchorX:a="left",root:l})=>{const[c,u]=ni(r),h=x.useMemo(()=>si(t),[t]),f=r&&!c?[]:h.map(ue),d=x.useRef(!0),p=x.useRef(h),y=Te(()=>new Map),[b,g]=x.useState(h),[T,v]=x.useState(h);Kn(()=>{d.current=!1,p.current=h;for(let V=0;V<T.length;V++){const E=ue(T[V]);f.includes(E)?y.delete(E):y.get(E)!==!0&&y.set(E,!1)}},[T,f.length,f.join("-")]);const A=[];if(h!==b){let V=[...h];for(let E=0;E<T.length;E++){const S=T[E],L=ue(S);f.includes(L)||(V.splice(E,0,S),A.push(S))}return o==="wait"&&A.length&&(V=A),v(si(V)),g(h),null}process.env.NODE_ENV!=="production"&&o==="wait"&&T.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:P}=x.useContext(xe);return M.jsx(M.Fragment,{children:T.map(V=>{const E=ue(V),S=r&&!c?!1:h===T||f.includes(E),L=()=>{if(y.has(E))y.set(E,!0);else return;let B=!0;y.forEach(Y=>{Y||(B=!1)}),B&&(P?.(),v(p.current),r&&u?.(),s&&s())};return M.jsx(Ba,{isPresent:S,initial:!d.current||n?void 0:!1,custom:e,presenceAffectsLayout:i,mode:o,root:l,onExitComplete:S?void 0:L,anchorX:a,children:V},E)})})},ii=x.createContext({strict:!1}),ri={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"]},Et={};for(const t in ri)Et[t]={isEnabled:e=>ri[t].some(n=>!!e[n])};function Ua(t){for(const e in t)Et[e]={...Et[e],...t[e]}}const $a=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 ce(t){return t.startsWith("while")||t.startsWith("drag")&&t!=="draggable"||t.startsWith("layout")||t.startsWith("onTap")||t.startsWith("onPan")||t.startsWith("onLayout")||$a.has(t)}let oi=t=>!ce(t);function Wa(t){typeof t=="function"&&(oi=e=>e.startsWith("on")?!ce(e):t(e))}try{Wa(require("@emotion/is-prop-valid").default)}catch{}function Ka(t,e,n){const s={};for(const i in t)i==="values"&&typeof t.values=="object"||(oi(i)||n===!0&&ce(i)||!e&&!ce(i)||t.draggable&&i.startsWith("onDrag"))&&(s[i]=t[i]);return s}const he=x.createContext({});function fe(t){return t!==null&&typeof t=="object"&&typeof t.start=="function"}function zt(t){return typeof t=="string"||Array.isArray(t)}const hn=["animate","whileInView","whileFocus","whileHover","whileTap","whileDrag","exit"],fn=["initial",...hn];function de(t){return fe(t.animate)||fn.some(e=>zt(t[e]))}function ai(t){return!!(de(t)||t.variants)}function za(t,e){if(de(t)){const{initial:n,animate:s}=t;return{initial:n===!1||zt(n)?n:void 0,animate:zt(s)?s:void 0}}return t.inherit!==!1?e:{}}function Ya(t){const{initial:e,animate:n}=za(t,x.useContext(he));return x.useMemo(()=>({initial:e,animate:n}),[li(e),li(n)])}function li(t){return Array.isArray(t)?t.join(" "):t}const Yt={};function Ga(t){for(const e in t)Yt[e]=t[e],Re(e)&&(Yt[e].isCSSVariable=!0)}function ui(t,{layout:e,layoutId:n}){return Vt.has(t)||t.startsWith("origin")||(e||n!==void 0)&&(!!Yt[t]||t==="opacity")}const Ha={x:"translateX",y:"translateY",z:"translateZ",transformPerspective:"perspective"},Xa=At.length;function qa(t,e,n){let s="",i=!0;for(let o=0;o<Xa;o++){const r=At[o],a=t[r];if(a===void 0)continue;let l=!0;if(typeof a=="number"?l=a===(r.startsWith("scale")?1:0):l=parseFloat(a)===0,!l||n){const c=Ys(a,on[r]);if(!l){i=!1;const u=Ha[r]||r;s+=`${u}(${c}) `}n&&(e[r]=c)}}return s=s.trim(),n?s=n(e,i?"":s):i&&(s="none"),s}function dn(t,e,n){const{style:s,vars:i,transformOrigin:o}=t;let r=!1,a=!1;for(const l in e){const c=e[l];if(Vt.has(l)){r=!0;continue}else if(Re(l)){i[l]=c;continue}else{const u=Ys(c,on[l]);l.startsWith("origin")?(a=!0,o[l]=u):s[l]=u}}if(e.transform||(r||n?s.transform=qa(e,t.transform,n):s.transform&&(s.transform="none")),a){const{originX:l="50%",originY:c="50%",originZ:u=0}=o;s.transformOrigin=`${l} ${c} ${u}`}}const mn=()=>({style:{},transform:{},transformOrigin:{},vars:{}});function ci(t,e,n){for(const s in e)!_(e[s])&&!ui(s,n)&&(t[s]=e[s])}function Za({transformTemplate:t},e){return x.useMemo(()=>{const n=mn();return dn(n,e,t),Object.assign({},n.vars,n.style)},[e])}function Ja(t,e){const n=t.style||{},s={};return ci(s,n,t),Object.assign(s,Za(t,e)),s}function Qa(t,e){const n={},s=Ja(t,e);return t.drag&&t.dragListener!==!1&&(n.draggable=!1,s.userSelect=s.WebkitUserSelect=s.WebkitTouchCallout="none",s.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=s,n}const tl={offset:"stroke-dashoffset",array:"stroke-dasharray"},el={offset:"strokeDashoffset",array:"strokeDasharray"};function nl(t,e,n=1,s=0,i=!0){t.pathLength=1;const o=i?tl:el;t[o.offset]=w.transform(-s);const r=w.transform(e),a=w.transform(n);t[o.array]=`${r} ${a}`}function hi(t,{attrX:e,attrY:n,attrScale:s,pathLength:i,pathSpacing:o=1,pathOffset:r=0,...a},l,c,u){if(dn(t,a,c),l){t.style.viewBox&&(t.attrs.viewBox=t.style.viewBox);return}t.attrs=t.style,t.style={};const{attrs:h,style:f}=t;h.transform&&(f.transform=h.transform,delete h.transform),(f.transform||h.transformOrigin)&&(f.transformOrigin=h.transformOrigin??"50% 50%",delete h.transformOrigin),f.transform&&(f.transformBox=u?.transformBox??"fill-box",delete h.transformBox),e!==void 0&&(h.x=e),n!==void 0&&(h.y=n),s!==void 0&&(h.scale=s),i!==void 0&&nl(h,i,o,r,!1)}const fi=()=>({...mn(),attrs:{}}),di=t=>typeof t=="string"&&t.toLowerCase()==="svg";function sl(t,e,n,s){const i=x.useMemo(()=>{const o=fi();return hi(o,e,di(s),t.transformTemplate,t.style),{...o.attrs,style:{...o.style}}},[e]);if(t.style){const o={};ci(o,t.style,t),i.style={...o,...i.style}}return i}const il=["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 pn(t){return typeof t!="string"||t.includes("-")?!1:!!(il.indexOf(t)>-1||/[A-Z]/u.test(t))}function rl(t,e,n,{latestValues:s},i,o=!1){const a=(pn(t)?sl:Qa)(e,s,i,t),l=Ka(e,typeof t=="string",o),c=t!==x.Fragment?{...l,...a,ref:n}:{},{children:u}=e,h=x.useMemo(()=>_(u)?u.get():u,[u]);return x.createElement(t,{...c,children:h})}function mi(t){const e=[{},{}];return t?.values.forEach((n,s)=>{e[0][s]=n.get(),e[1][s]=n.getVelocity()}),e}function gn(t,e,n,s){if(typeof e=="function"){const[i,o]=mi(s);e=e(n!==void 0?n:t.custom,i,o)}if(typeof e=="string"&&(e=t.variants&&t.variants[e]),typeof e=="function"){const[i,o]=mi(s);e=e(n!==void 0?n:t.custom,i,o)}return e}function me(t){return _(t)?t.get():t}function ol({scrapeMotionValuesFromProps:t,createRenderState:e},n,s,i){return{latestValues:al(n,s,i,t),renderState:e()}}function al(t,e,n,s){const i={},o=s(t,{});for(const f in o)i[f]=me(o[f]);let{initial:r,animate:a}=t;const l=de(t),c=ai(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"&&!fe(h)){const f=Array.isArray(h)?h:[h];for(let d=0;d<f.length;d++){const p=gn(t,f[d]);if(p){const{transitionEnd:y,transition:b,...g}=p;for(const T in g){let v=g[T];if(Array.isArray(v)){const A=u?v.length-1:0;v=v[A]}v!==null&&(i[T]=v)}for(const T in y)i[T]=y[T]}}}return i}const pi=t=>(e,n)=>{const s=x.useContext(he),i=x.useContext(ee),o=()=>ol(t,e,s,i);return n?o():Te(o)};function yn(t,e,n){const{style:s}=t,i={};for(const o in s)(_(s[o])||e.style&&_(e.style[o])||ui(o,t)||n?.getValue(o)?.liveStyle!==void 0)&&(i[o]=s[o]);return i}const ll=pi({scrapeMotionValuesFromProps:yn,createRenderState:mn});function gi(t,e,n){const s=yn(t,e,n);for(const i in t)if(_(t[i])||_(e[i])){const o=At.indexOf(i)!==-1?"attr"+i.charAt(0).toUpperCase()+i.substring(1):i;s[o]=t[i]}return s}const ul=pi({scrapeMotionValuesFromProps:gi,createRenderState:fi}),cl=Symbol.for("motionComponentSymbol");function Dt(t){return t&&typeof t=="object"&&Object.prototype.hasOwnProperty.call(t,"current")}function hl(t,e,n){return x.useCallback(s=>{s&&t.onMount&&t.onMount(s),e&&(s?e.mount(s):e.unmount()),n&&(typeof n=="function"?n(s):Dt(n)&&(n.current=s))},[e])}const vn=t=>t.replace(/([a-z])([A-Z])/gu,"$1-$2").toLowerCase(),yi="data-"+vn("framerAppearId"),vi=x.createContext({});function fl(t,e,n,s,i){const{visualElement:o}=x.useContext(he),r=x.useContext(ii),a=x.useContext(ee),l=x.useContext(cn).reducedMotion,c=x.useRef(null);s=s||r.renderer,!c.current&&s&&(c.current=s(t,{visualState:e,parent:o,props:n,presenceContext:a,blockInitialAnimation:a?a.initial===!1:!1,reducedMotionConfig:l}));const u=c.current,h=x.useContext(vi);u&&!u.projection&&i&&(u.type==="html"||u.type==="svg")&&dl(c.current,n,i,h);const f=x.useRef(!1);x.useInsertionEffect(()=>{u&&f.current&&u.update(n,a)});const d=n[yi],p=x.useRef(!!d&&!window.MotionHandoffIsComplete?.(d)&&window.MotionHasOptimisedAnimation?.(d));return Kn(()=>{u&&(f.current=!0,window.MotionIsMounted=!0,u.updateFeatures(),u.scheduleRenderMicrotask(),p.current&&u.animationState&&u.animationState.animateChanges())}),x.useEffect(()=>{u&&(!p.current&&u.animationState&&u.animationState.animateChanges(),p.current&&(queueMicrotask(()=>{window.MotionHandoffMarkAsComplete?.(d)}),p.current=!1),u.enteringChildren=void 0)}),u}function dl(t,e,n,s){const{layoutId:i,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:xi(t.parent)),t.projection.setOptions({layoutId:i,layout:o,alwaysMeasureLayout:!!r||a&&Dt(a),visualElement:t,animationType:typeof o=="string"?o:"both",initialPromotionConfig:s,crossfade:u,layoutScroll:l,layoutRoot:c})}function xi(t){if(t)return t.options.allowProjection!==!1?t.projection:xi(t.parent)}function xn(t,{forwardMotionProps:e=!1}={},n,s){n&&Ua(n);const i=pn(t)?ul:ll;function o(a,l){let c;const u={...x.useContext(cn),...a,layoutId:ml(a)},{isStatic:h}=u,f=Ya(a),d=i(a,h);if(!h&&be){pl(u,n);const p=gl(u);c=p.MeasureLayout,f.visualElement=fl(t,d,u,s,p.ProjectionNode)}return M.jsxs(he.Provider,{value:f,children:[c&&f.visualElement?M.jsx(c,{visualElement:f.visualElement,...u}):null,rl(t,a,hl(d,f.visualElement,l),d,h,e)]})}o.displayName=`motion.${typeof t=="string"?t:`create(${t.displayName??t.name??""})`}`;const r=x.forwardRef(o);return r[cl]=t,r}function ml({layoutId:t}){const e=x.useContext(xe).id;return e&&t!==void 0?e+"-"+t:t}function pl(t,e){const n=x.useContext(ii).strict;if(process.env.NODE_ENV!=="production"&&e&&n){const s="You have rendered a `motion` component within a `LazyMotion` component. This will break tree shaking. Import and render a `m` component instead.";t.ignoreStrict?bt(!1,s,"lazy-strict-mode"):st(!1,s,"lazy-strict-mode")}}function gl(t){const{drag:e,layout:n}=Et;if(!e&&!n)return{};const s={...e,...n};return{MeasureLayout:e?.isEnabled(t)||n?.isEnabled(t)?s.MeasureLayout:void 0,ProjectionNode:s.ProjectionNode}}function yl(t,e){if(typeof Proxy>"u")return xn;const n=new Map,s=(o,r)=>xn(o,r,t,e),i=(o,r)=>(process.env.NODE_ENV!=="production"&&Ce(!1,"motion() is deprecated. Use motion.create() instead."),s(o,r));return new Proxy(i,{get:(o,r)=>r==="create"?s:(n.has(r)||n.set(r,xn(r,void 0,t,e)),n.get(r))})}function Ti({top:t,left:e,right:n,bottom:s}){return{x:{min:e,max:n},y:{min:t,max:s}}}function vl({x:t,y:e}){return{top:e.min,right:t.max,bottom:e.max,left:t.min}}function xl(t,e){if(!e)return t;const n=e({x:t.left,y:t.top}),s=e({x:t.right,y:t.bottom});return{top:n.y,left:n.x,bottom:s.y,right:s.x}}function Tn(t){return t===void 0||t===1}function bn({scale:t,scaleX:e,scaleY:n}){return!Tn(t)||!Tn(e)||!Tn(n)}function yt(t){return bn(t)||bi(t)||t.z||t.rotate||t.rotateX||t.rotateY||t.skewX||t.skewY}function bi(t){return Pi(t.x)||Pi(t.y)}function Pi(t){return t&&t!=="0%"}function pe(t,e,n){const s=t-n,i=e*s;return n+i}function wi(t,e,n,s,i){return i!==void 0&&(t=pe(t,i,s)),pe(t,n,s)+e}function Pn(t,e=0,n=1,s,i){t.min=wi(t.min,e,n,s,i),t.max=wi(t.max,e,n,s,i)}function Si(t,{x:e,y:n}){Pn(t.x,e.translate,e.scale,e.originPoint),Pn(t.y,n.translate,n.scale,n.originPoint)}const Ai=.999999999999,Vi=1.0000000000001;function Tl(t,e,n,s=!1){const i=n.length;if(!i)return;e.x=e.y=1;let o,r;for(let a=0;a<i;a++){o=n[a],r=o.projectionDelta;const{visualElement:l}=o.options;l&&l.props.style&&l.props.style.display==="contents"||(s&&o.options.layoutScroll&&o.scroll&&o!==o.root&&Rt(t,{x:-o.scroll.offset.x,y:-o.scroll.offset.y}),r&&(e.x*=r.x.scale,e.y*=r.y.scale,Si(t,r)),s&&yt(o.latestValues)&&Rt(t,o.latestValues))}e.x<Vi&&e.x>Ai&&(e.x=1),e.y<Vi&&e.y>Ai&&(e.y=1)}function Mt(t,e){t.min=t.min+e,t.max=t.max+e}function Ci(t,e,n,s,i=.5){const o=R(t.min,t.max,i);Pn(t,e,n,o,s)}function Rt(t,e){Ci(t.x,e.x,e.scaleX,e.scale,e.originX),Ci(t.y,e.y,e.scaleY,e.scale,e.originY)}function Ei(t,e){return Ti(xl(t.getBoundingClientRect(),e))}function bl(t,e,n){const s=Ei(t,n),{scroll:i}=e;return i&&(Mt(s.x,i.offset.x),Mt(s.y,i.offset.y)),s}const Di=()=>({translate:0,scale:1,origin:0,originPoint:0}),kt=()=>({x:Di(),y:Di()}),Mi=()=>({min:0,max:0}),O=()=>({x:Mi(),y:Mi()}),wn={current:null},Ri={current:!1};function Pl(){if(Ri.current=!0,!!be)if(window.matchMedia){const t=window.matchMedia("(prefers-reduced-motion)"),e=()=>wn.current=t.matches;t.addEventListener("change",e),e()}else wn.current=!1}const wl=new WeakMap;function Sl(t,e,n){for(const s in e){const i=e[s],o=n[s];if(_(i))t.addValue(s,i);else if(_(o))t.addValue(s,Ct(i,{owner:t}));else if(o!==i)if(t.hasValue(s)){const r=t.getValue(s);r.liveStyle===!0?r.jump(i):r.hasAnimated||r.set(i)}else{const r=t.getStaticValue(s);t.addValue(s,Ct(r!==void 0?r:i,{owner:t}))}}for(const s in n)e[s]===void 0&&t.removeValue(s);return e}const ki=["AnimationStart","AnimationComplete","Update","BeforeLayoutMeasure","LayoutMeasure","LayoutAnimationStart","LayoutAnimationComplete"];class Al{scrapeMotionValuesFromProps(e,n,s){return{}}constructor({parent:e,props:n,presenceContext:s,reducedMotionConfig:i,blockInitialAnimation:o,visualState:r},a={}){this.current=null,this.children=new Set,this.isVariantNode=!1,this.isControllingVariants=!1,this.shouldReduceMotion=null,this.values=new Map,this.KeyframeResolver=en,this.features={},this.valueSubscriptions=new Map,this.prevMotionValues={},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 f=z.now();this.renderScheduledAt<f&&(this.renderScheduledAt=f,D.render(this.render,!1,!0))};const{latestValues:l,renderState:c}=r;this.latestValues=l,this.baseTarget={...l},this.initialValues=n.initial?{...l}:{},this.renderState=c,this.parent=e,this.props=n,this.presenceContext=s,this.depth=e?e.depth+1:0,this.reducedMotionConfig=i,this.options=a,this.blockInitialAnimation=!!o,this.isControllingVariants=de(n),this.isVariantNode=ai(n),this.isVariantNode&&(this.variantChildren=new Set),this.manuallyAnimateOnMount=!!(e&&e.current);const{willChange:u,...h}=this.scrapeMotionValuesFromProps(n,{},this);for(const f in h){const d=h[f];l[f]!==void 0&&_(d)&&d.set(l[f])}}mount(e){this.current=e,wl.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,s)=>this.bindToMotionValue(s,n)),Ri.current||Pl(),this.shouldReduceMotion=this.reducedMotionConfig==="never"?!1:this.reducedMotionConfig==="always"?!0:wn.current,process.env.NODE_ENV!=="production"&&Ce(this.shouldReduceMotion!==!0,"You have Reduced Motion enabled on your device. Animations may not appear as expected.","reduced-motion-disabled"),this.parent?.addChild(this),this.update(this.props,this.presenceContext)}unmount(){this.projection&&this.projection.unmount(),ot(this.notifyUpdate),ot(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){this.valueSubscriptions.has(e)&&this.valueSubscriptions.get(e)();const s=Vt.has(e);s&&this.onBindTransform&&this.onBindTransform();const i=n.on("change",r=>{this.latestValues[e]=r,this.props.onUpdate&&D.preRender(this.notifyUpdate),s&&this.projection&&(this.projection.isTransformDirty=!0),this.scheduleRender()});let o;window.MotionCheckAppearSync&&(o=window.MotionCheckAppearSync(this,e,n)),this.valueSubscriptions.set(e,()=>{i(),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 Et){const n=Et[e];if(!n)continue;const{isEnabled:s,Feature:i}=n;if(!this.features[e]&&i&&s(this.props)&&(this.features[e]=new i(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):O()}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 s=0;s<ki.length;s++){const i=ki[s];this.propEventSubscriptions[i]&&(this.propEventSubscriptions[i](),delete this.propEventSubscriptions[i]);const o="on"+i,r=e[o];r&&(this.propEventSubscriptions[i]=this.on(i,r))}this.prevMotionValues=Sl(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 s=this.values.get(e);n!==s&&(s&&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 s=this.values.get(e);return s===void 0&&n!==void 0&&(s=Ct(n===null?void 0:n,{owner:this}),this.addValue(e,s)),s}readValue(e,n){let s=this.latestValues[e]!==void 0||!this.current?this.latestValues[e]:this.getBaseTargetFromProps(this.props,e)??this.readValueFromInstance(this.current,e,this.options);return s!=null&&(typeof s=="string"&&(zn(s)||Gn(s))?s=parseFloat(s):!Oa(s)&&lt.test(n)&&(s=zs(e,n)),this.setBaseTarget(e,_(s)?s.get():s)),_(s)?s.get():s}setBaseTarget(e,n){this.baseTarget[e]=n}getBaseTarget(e){const{initial:n}=this.props;let s;if(typeof n=="string"||typeof n=="object"){const o=gn(this.props,n,this.presenceContext?.custom);o&&(s=o[e])}if(n&&s!==void 0)return s;const i=this.getBaseTargetFromProps(this.props,e);return i!==void 0&&!_(i)?i:this.initialValues[e]!==void 0&&s===void 0?void 0:this.baseTarget[e]}on(e,n){return this.events[e]||(this.events[e]=new Ve),this.events[e].add(n)}notify(e,...n){this.events[e]&&this.events[e].notify(...n)}scheduleRenderMicrotask(){an.render(this.render)}}class Li extends Al{constructor(){super(...arguments),this.KeyframeResolver=wa}sortInstanceNodePosition(e,n){return e.compareDocumentPosition(n)&2?1:-1}getBaseTargetFromProps(e,n){return e.style?e.style[n]:void 0}removeValueFromRenderState(e,{vars:n,style:s}){delete n[e],delete s[e]}handleChildMotionValue(){this.childSubscription&&(this.childSubscription(),delete this.childSubscription);const{children:e}=this.props;_(e)&&(this.childSubscription=e.on("change",n=>{this.current&&(this.current.textContent=`${n}`)}))}}function ji(t,{style:e,vars:n},s,i){const o=t.style;let r;for(r in e)o[r]=e[r];i?.applyProjectionStyles(o,s);for(r in n)o.setProperty(r,n[r])}function Vl(t){return window.getComputedStyle(t)}class Cl extends Li{constructor(){super(...arguments),this.type="html",this.renderInstance=ji}readValueFromInstance(e,n){if(Vt.has(n))return this.projection?.isProjecting?qe(n):$o(e,n);{const s=Vl(e),i=(Re(n)?s.getPropertyValue(n):s[n])||0;return typeof i=="string"?i.trim():i}}measureInstanceViewportBox(e,{transformPagePoint:n}){return Ei(e,n)}build(e,n,s){dn(e,n,s.transformTemplate)}scrapeMotionValuesFromProps(e,n,s){return yn(e,n,s)}}const Oi=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 El(t,e,n,s){ji(t,e,void 0,s);for(const i in e.attrs)t.setAttribute(Oi.has(i)?i:vn(i),e.attrs[i])}class Dl extends Li{constructor(){super(...arguments),this.type="svg",this.isSVGTag=!1,this.measureInstanceViewportBox=O}getBaseTargetFromProps(e,n){return e[n]}readValueFromInstance(e,n){if(Vt.has(n)){const s=Ks(n);return s&&s.default||0}return n=Oi.has(n)?n:vn(n),e.getAttribute(n)}scrapeMotionValuesFromProps(e,n,s){return gi(e,n,s)}build(e,n,s){hi(e,n,this.isSVGTag,s.transformTemplate,s.style)}renderInstance(e,n,s,i){El(e,n,s,i)}mount(e){this.isSVGTag=di(e.tagName),super.mount(e)}}const Ml=(t,e)=>pn(t)?new Dl(e):new Cl(e,{allowProjection:t!==x.Fragment});function Lt(t,e,n){const s=t.getProps();return gn(s,e,n!==void 0?n:s.custom,t)}const Sn=t=>Array.isArray(t);function Rl(t,e,n){t.hasValue(e)?t.getValue(e).set(n):t.addValue(e,Ct(n))}function kl(t){return Sn(t)?t[t.length-1]||0:t}function Ll(t,e){const n=Lt(t,e);let{transitionEnd:s={},transition:i={},...o}=n||{};o={...o,...s};for(const r in o){const a=kl(o[r]);Rl(t,r,a)}}function jl(t){return!!(_(t)&&t.add)}function An(t,e){const n=t.getValue("willChange");if(jl(n))return n.add(e);if(!n&&it.WillChange){const s=new it.WillChange("auto");t.addValue("willChange",s),s.add(e)}}function Fi(t){return t.props[yi]}const Ol=t=>t!==null;function Fl(t,{repeat:e,repeatType:n="loop"},s){const i=t.filter(Ol),o=e&&n!=="loop"&&e%2===1?0:i.length-1;return i[o]}const Il={type:"spring",stiffness:500,damping:25,restSpeed:10},Bl=t=>({type:"spring",stiffness:550,damping:t===0?2*Math.sqrt(550):30,restSpeed:10}),Nl={type:"keyframes",duration:.8},_l={type:"keyframes",ease:[.25,.1,.35,1],duration:.3},Ul=(t,{keyframes:e})=>e.length>2?Nl:Vt.has(t)?t.startsWith("scale")?Bl(e[1]):Il:_l;function $l({when:t,delay:e,delayChildren:n,staggerChildren:s,staggerDirection:i,repeat:o,repeatType:r,repeatDelay:a,from:l,elapsed:c,...u}){return!!Object.keys(u).length}const Vn=(t,e,n,s={},i,o)=>r=>{const a=sn(s,t)||{},l=a.delay||s.delay||0;let{elapsed:c=0}=s;c=c-q(l);const u={keyframes:Array.isArray(n)?n:[null,n],ease:"easeOut",velocity:e.getVelocity(),...a,delay:-c,onUpdate:f=>{e.set(f),a.onUpdate&&a.onUpdate(f)},onComplete:()=>{r(),a.onComplete&&a.onComplete()},name:t,motionValue:e,element:o?void 0:i};$l(a)||Object.assign(u,Ul(t,u)),u.duration&&(u.duration=q(u.duration)),u.repeatDelay&&(u.repeatDelay=q(u.repeatDelay)),u.from!==void 0&&(u.keyframes[0]=u.from);let h=!1;if((u.type===!1||u.duration===0&&!u.repeatDelay)&&(nn(u),u.delay===0&&(h=!0)),(it.instantAnimations||it.skipAnimations)&&(h=!0,nn(u),u.delay=0),u.allowFlatten=!a.type&&!a.ease,h&&!o&&e.get()!==void 0){const f=Fl(u.keyframes,a);if(f!==void 0){D.update(()=>{u.onUpdate(f),u.onComplete()});return}}return a.isSync?new Ge(u):new ha(u)};function Wl({protectedKeys:t,needsAnimating:e},n){const s=t.hasOwnProperty(n)&&e[n]!==!0;return e[n]=!1,s}function Ii(t,e,{delay:n=0,transitionOverride:s,type:i}={}){let{transition:o=t.getDefaultTransition(),transitionEnd:r,...a}=e;s&&(o=s);const l=[],c=i&&t.animationState&&t.animationState.getState()[i];for(const u in a){const h=t.getValue(u,t.latestValues[u]??null),f=a[u];if(f===void 0||c&&Wl(c,u))continue;const d={delay:n,...sn(o||{},u)},p=h.get();if(p!==void 0&&!h.isAnimating&&!Array.isArray(f)&&f===p&&!d.velocity)continue;let y=!1;if(window.MotionHandoffAnimation){const g=Fi(t);if(g){const T=window.MotionHandoffAnimation(g,u,D);T!==null&&(d.startTime=T,y=!0)}}An(t,u),h.start(Vn(u,h,f,t.shouldReduceMotion&&Ns.has(u)?{type:!1}:d,t,y));const b=h.animation;b&&l.push(b)}return r&&Promise.all(l).then(()=>{D.update(()=>{r&&Ll(t,r)})}),l}function Bi(t,e,n,s=0,i=1){const o=Array.from(t).sort((c,u)=>c.sortNodePosition(u)).indexOf(e),r=t.size,a=(r-1)*s;return typeof n=="function"?n(o,r):i===1?o*s:a-o*s}function Cn(t,e,n={}){const s=Lt(t,e,n.type==="exit"?t.presenceContext?.custom:void 0);let{transition:i=t.getDefaultTransition()||{}}=s||{};n.transitionOverride&&(i=n.transitionOverride);const o=s?()=>Promise.all(Ii(t,s,n)):()=>Promise.resolve(),r=t.variantChildren&&t.variantChildren.size?(l=0)=>{const{delayChildren:c=0,staggerChildren:u,staggerDirection:h}=i;return Kl(t,e,l,c,u,h,n)}:()=>Promise.resolve(),{when:a}=i;if(a){const[l,c]=a==="beforeChildren"?[o,r]:[r,o];return l().then(()=>c())}else return Promise.all([o(),r(n.delay)])}function Kl(t,e,n=0,s=0,i=0,o=1,r){const a=[];for(const l of t.variantChildren)l.notify("AnimationStart",e),a.push(Cn(l,e,{...r,delay:n+(typeof s=="function"?0:s)+Bi(t.variantChildren,l,s,i,o)}).then(()=>l.notify("AnimationComplete",e)));return Promise.all(a)}function zl(t,e,n={}){t.notify("AnimationStart",e);let s;if(Array.isArray(e)){const i=e.map(o=>Cn(t,o,n));s=Promise.all(i)}else if(typeof e=="string")s=Cn(t,e,n);else{const i=typeof e=="function"?Lt(t,e,n.custom):e;s=Promise.all(Ii(t,i,n))}return s.then(()=>{t.notify("AnimationComplete",e)})}function Ni(t,e){if(!Array.isArray(e))return!1;const n=e.length;if(n!==t.length)return!1;for(let s=0;s<n;s++)if(e[s]!==t[s])return!1;return!0}const Yl=fn.length;function _i(t){if(!t)return;if(!t.isControllingVariants){const n=t.parent?_i(t.parent)||{}:{};return t.props.initial!==void 0&&(n.initial=t.props.initial),n}const e={};for(let n=0;n<Yl;n++){const s=fn[n],i=t.props[s];(zt(i)||i===!1)&&(e[s]=i)}return e}const Gl=[...hn].reverse(),Hl=hn.length;function Xl(t){return e=>Promise.all(e.map(({animation:n,options:s})=>zl(t,n,s)))}function ql(t){let e=Xl(t),n=Ui(),s=!0;const i=l=>(c,u)=>{const h=Lt(t,u,l==="exit"?t.presenceContext?.custom:void 0);if(h){const{transition:f,transitionEnd:d,...p}=h;c={...c,...p,...d}}return c};function o(l){e=l(t)}function r(l){const{props:c}=t,u=_i(t.parent)||{},h=[],f=new Set;let d={},p=1/0;for(let b=0;b<Hl;b++){const g=Gl[b],T=n[g],v=c[g]!==void 0?c[g]:u[g],A=zt(v),P=g===l?T.isActive:null;P===!1&&(p=b);let V=v===u[g]&&v!==c[g]&&A;if(V&&s&&t.manuallyAnimateOnMount&&(V=!1),T.protectedKeys={...d},!T.isActive&&P===null||!v&&!T.prevProp||fe(v)||typeof v=="boolean")continue;const E=Zl(T.prevProp,v);let S=E||g===l&&T.isActive&&!V&&A||b>p&&A,L=!1;const B=Array.isArray(v)?v:[v];let Y=B.reduce(i(g),{});P===!1&&(Y={});const{prevResolvedValues:xt={}}=T,Qt={...xt,...Y},ct=I=>{S=!0,f.has(I)&&(L=!0,f.delete(I)),T.needsAnimating[I]=!0;const K=t.getValue(I);K&&(K.liveStyle=!1)};for(const I in Qt){const K=Y[I],tt=xt[I];if(d.hasOwnProperty(I))continue;let m=!1;Sn(K)&&Sn(tt)?m=!Ni(K,tt):m=K!==tt,m?K!=null?ct(I):f.add(I):K!==void 0&&f.has(I)?ct(I):T.protectedKeys[I]=!0}T.prevProp=v,T.prevResolvedValues=Y,T.isActive&&(d={...d,...Y}),s&&t.blockInitialAnimation&&(S=!1);const Tt=V&&E;S&&(!Tt||L)&&h.push(...B.map(I=>{const K={type:g};if(typeof I=="string"&&s&&!Tt&&t.manuallyAnimateOnMount&&t.parent){const{parent:tt}=t,m=Lt(tt,I);if(tt.enteringChildren&&m){const{delayChildren:C}=m.transition||{};K.delay=Bi(tt.enteringChildren,t,C)}}return{animation:I,options:K}}))}if(f.size){const b={};if(typeof c.initial!="boolean"){const g=Lt(t,Array.isArray(c.initial)?c.initial[0]:c.initial);g&&g.transition&&(b.transition=g.transition)}f.forEach(g=>{const T=t.getBaseTarget(g),v=t.getValue(g);v&&(v.liveStyle=!0),b[g]=T??null}),h.push({animation:b})}let y=!!h.length;return s&&(c.initial===!1||c.initial===c.animate)&&!t.manuallyAnimateOnMount&&(y=!1),s=!1,y?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=Ui(),s=!0}}}function Zl(t,e){return typeof e=="string"?e!==t:Array.isArray(e)?!Ni(e,t):!1}function vt(t=!1){return{isActive:t,protectedKeys:{},needsAnimating:{},prevResolvedValues:{}}}function Ui(){return{animate:vt(!0),whileInView:vt(),whileHover:vt(),whileTap:vt(),whileDrag:vt(),whileFocus:vt(),exit:vt()}}class ut{constructor(e){this.isMounted=!1,this.node=e}update(){}}class Jl extends ut{constructor(e){super(e),e.animationState||(e.animationState=ql(e))}updateAnimationControlsSubscription(){const{animate:e}=this.node.getProps();fe(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 Ql=0;class tu extends ut{constructor(){super(...arguments),this.id=Ql++}update(){if(!this.node.presenceContext)return;const{isPresent:e,onExitComplete:n}=this.node.presenceContext,{isPresent:s}=this.node.prevPresenceContext||{};if(!this.node.animationState||e===s)return;const i=this.node.animationState.setActive("exit",!e);n&&!e&&i.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 eu={animation:{Feature:Jl},exit:{Feature:tu}};function Gt(t,e,n,s={passive:!0}){return t.addEventListener(e,n,s),()=>t.removeEventListener(e,n)}function Ht(t){return{point:{x:t.pageX,y:t.pageY}}}const nu=t=>e=>ln(e)&&t(e,Ht(e));function Xt(t,e,n,s){return Gt(t,e,nu(n),s)}const $i=1e-4,su=1-$i,iu=1+$i,Wi=.01,ru=0-Wi,ou=0+Wi;function W(t){return t.max-t.min}function au(t,e,n){return Math.abs(t-e)<=n}function Ki(t,e,n,s=.5){t.origin=s,t.originPoint=R(e.min,e.max,t.origin),t.scale=W(n)/W(e),t.translate=R(n.min,n.max,t.origin)-t.originPoint,(t.scale>=su&&t.scale<=iu||isNaN(t.scale))&&(t.scale=1),(t.translate>=ru&&t.translate<=ou||isNaN(t.translate))&&(t.translate=0)}function qt(t,e,n,s){Ki(t.x,e.x,n.x,s?s.originX:void 0),Ki(t.y,e.y,n.y,s?s.originY:void 0)}function zi(t,e,n){t.min=n.min+e.min,t.max=t.min+W(e)}function lu(t,e,n){zi(t.x,e.x,n.x),zi(t.y,e.y,n.y)}function Yi(t,e,n){t.min=e.min-n.min,t.max=t.min+W(e)}function Zt(t,e,n){Yi(t.x,e.x,n.x),Yi(t.y,e.y,n.y)}function H(t){return[t("x"),t("y")]}const Gi=({current:t})=>t?t.ownerDocument.defaultView:null,Hi=(t,e)=>Math.abs(t-e);function uu(t,e){const n=Hi(t.x,e.x),s=Hi(t.y,e.y);return Math.sqrt(n**2+s**2)}class Xi{constructor(e,n,{transformPagePoint:s,contextWindow:i=window,dragSnapToOrigin:o=!1,distanceThreshold:r=3}={}){if(this.startEvent=null,this.lastMoveEvent=null,this.lastMoveEventInfo=null,this.handlers={},this.contextWindow=window,this.updatePoint=()=>{if(!(this.lastMoveEvent&&this.lastMoveEventInfo))return;const f=Dn(this.lastMoveEventInfo,this.history),d=this.startEvent!==null,p=uu(f.offset,{x:0,y:0})>=this.distanceThreshold;if(!d&&!p)return;const{point:y}=f,{timestamp:b}=N;this.history.push({...y,timestamp:b});const{onStart:g,onMove:T}=this.handlers;d||(g&&g(this.lastMoveEvent,f),this.startEvent=this.lastMoveEvent),T&&T(this.lastMoveEvent,f)},this.handlePointerMove=(f,d)=>{this.lastMoveEvent=f,this.lastMoveEventInfo=En(d,this.transformPagePoint),D.update(this.updatePoint,!0)},this.handlePointerUp=(f,d)=>{this.end();const{onEnd:p,onSessionEnd:y,resumeAnimation:b}=this.handlers;if(this.dragSnapToOrigin&&b&&b(),!(this.lastMoveEvent&&this.lastMoveEventInfo))return;const g=Dn(f.type==="pointercancel"?this.lastMoveEventInfo:En(d,this.transformPagePoint),this.history);this.startEvent&&p&&p(f,g),y&&y(f,g)},!ln(e))return;this.dragSnapToOrigin=o,this.handlers=n,this.transformPagePoint=s,this.distanceThreshold=r,this.contextWindow=i||window;const a=Ht(e),l=En(a,this.transformPagePoint),{point:c}=l,{timestamp:u}=N;this.history=[{...c,timestamp:u}];const{onSessionStart:h}=n;h&&h(e,Dn(l,this.history)),this.removeListeners=It(Xt(this.contextWindow,"pointermove",this.handlePointerMove),Xt(this.contextWindow,"pointerup",this.handlePointerUp),Xt(this.contextWindow,"pointercancel",this.handlePointerUp))}updateHandlers(e){this.handlers=e}end(){this.removeListeners&&this.removeListeners(),ot(this.updatePoint)}}function En(t,e){return e?{point:e(t.point)}:t}function qi(t,e){return{x:t.x-e.x,y:t.y-e.y}}function Dn({point:t},e){return{point:t,delta:qi(t,Zi(e)),offset:qi(t,cu(e)),velocity:hu(e,.1)}}function cu(t){return t[0]}function Zi(t){return t[t.length-1]}function hu(t,e){if(t.length<2)return{x:0,y:0};let n=t.length-1,s=null;const i=Zi(t);for(;n>=0&&(s=t[n],!(i.timestamp-s.timestamp>q(e)));)n--;if(!s)return{x:0,y:0};const o=J(i.timestamp-s.timestamp);if(o===0)return{x:0,y:0};const r={x:(i.x-s.x)/o,y:(i.y-s.y)/o};return r.x===1/0&&(r.x=0),r.y===1/0&&(r.y=0),r}function fu(t,{min:e,max:n},s){return e!==void 0&&t<e?t=s?R(e,t,s.min):Math.max(t,e):n!==void 0&&t>n&&(t=s?R(n,t,s.max):Math.min(t,n)),t}function Ji(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 du(t,{top:e,left:n,bottom:s,right:i}){return{x:Ji(t.x,n,i),y:Ji(t.y,e,s)}}function Qi(t,e){let n=e.min-t.min,s=e.max-t.max;return e.max-e.min<t.max-t.min&&([n,s]=[s,n]),{min:n,max:s}}function mu(t,e){return{x:Qi(t.x,e.x),y:Qi(t.y,e.y)}}function pu(t,e){let n=.5;const s=W(t),i=W(e);return i>s?n=Bt(e.min,e.max-s,t.min):s>i&&(n=Bt(t.min,t.max-i,e.min)),nt(0,1,n)}function gu(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 Mn=.35;function yu(t=Mn){return t===!1?t=0:t===!0&&(t=Mn),{x:tr(t,"left","right"),y:tr(t,"top","bottom")}}function tr(t,e,n){return{min:er(t,e),max:er(t,n)}}function er(t,e){return typeof t=="number"?t:t[e]||0}const vu=new WeakMap;class xu{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=O(),this.latestPointerEvent=null,this.latestPanInfo=null,this.visualElement=e}start(e,{snapToCursor:n=!1,distanceThreshold:s}={}){const{presenceContext:i}=this.visualElement;if(i&&i.isPresent===!1)return;const o=h=>{const{dragSnapToOrigin:f}=this.getProps();f?this.pauseAnimation():this.stopAnimation(),n&&this.snapToCursor(Ht(h).point)},r=(h,f)=>{const{drag:d,dragPropagation:p,onDragStart:y}=this.getProps();if(d&&!p&&(this.openDragLock&&this.openDragLock(),this.openDragLock=Ca(d),!this.openDragLock))return;this.latestPointerEvent=h,this.latestPanInfo=f,this.isDragging=!0,this.currentDirection=null,this.resolveConstraints(),this.visualElement.projection&&(this.visualElement.projection.isAnimationBlocked=!0,this.visualElement.projection.target=void 0),H(g=>{let T=this.getAxisMotionValue(g).get()||0;if(Q.test(T)){const{projection:v}=this.visualElement;if(v&&v.layout){const A=v.layout.layoutBox[g];A&&(T=W(A)*(parseFloat(T)/100))}}this.originPoint[g]=T}),y&&D.postRender(()=>y(h,f)),An(this.visualElement,"transform");const{animationState:b}=this.visualElement;b&&b.setActive("whileDrag",!0)},a=(h,f)=>{this.latestPointerEvent=h,this.latestPanInfo=f;const{dragPropagation:d,dragDirectionLock:p,onDirectionLock:y,onDrag:b}=this.getProps();if(!d&&!this.openDragLock)return;const{offset:g}=f;if(p&&this.currentDirection===null){this.currentDirection=Tu(g),this.currentDirection!==null&&y&&y(this.currentDirection);return}this.updateAxis("x",f.point,g),this.updateAxis("y",f.point,g),this.visualElement.render(),b&&b(h,f)},l=(h,f)=>{this.latestPointerEvent=h,this.latestPanInfo=f,this.stop(h,f),this.latestPointerEvent=null,this.latestPanInfo=null},c=()=>H(h=>this.getAnimationState(h)==="paused"&&this.getAxisMotionValue(h).animation?.play()),{dragSnapToOrigin:u}=this.getProps();this.panSession=new Xi(e,{onSessionStart:o,onStart:r,onMove:a,onSessionEnd:l,resumeAnimation:c},{transformPagePoint:this.visualElement.getTransformPagePoint(),dragSnapToOrigin:u,distanceThreshold:s,contextWindow:Gi(this.visualElement)})}stop(e,n){const s=e||this.latestPointerEvent,i=n||this.latestPanInfo,o=this.isDragging;if(this.cancel(),!o||!i||!s)return;const{velocity:r}=i;this.startAnimation(r);const{onDragEnd:a}=this.getProps();a&&D.postRender(()=>a(s,i))}cancel(){this.isDragging=!1;const{projection:e,animationState:n}=this.visualElement;e&&(e.isAnimationBlocked=!1),this.panSession&&this.panSession.end(),this.panSession=void 0;const{dragPropagation:s}=this.getProps();!s&&this.openDragLock&&(this.openDragLock(),this.openDragLock=null),n&&n.setActive("whileDrag",!1)}updateAxis(e,n,s){const{drag:i}=this.getProps();if(!s||!ge(e,i,this.currentDirection))return;const o=this.getAxisMotionValue(e);let r=this.originPoint[e]+s[e];this.constraints&&this.constraints[e]&&(r=fu(r,this.constraints[e],this.elastic[e])),o.set(r)}resolveConstraints(){const{dragConstraints:e,dragElastic:n}=this.getProps(),s=this.visualElement.projection&&!this.visualElement.projection.layout?this.visualElement.projection.measure(!1):this.visualElement.projection?.layout,i=this.constraints;e&&Dt(e)?this.constraints||(this.constraints=this.resolveRefConstraints()):e&&s?this.constraints=du(s.layoutBox,e):this.constraints=!1,this.elastic=yu(n),i!==this.constraints&&s&&this.constraints&&!this.hasMutatedConstraints&&H(o=>{this.constraints!==!1&&this.getAxisMotionValue(o)&&(this.constraints[o]=gu(s.layoutBox[o],this.constraints[o]))})}resolveRefConstraints(){const{dragConstraints:e,onMeasureDragConstraints:n}=this.getProps();if(!e||!Dt(e))return!1;const s=e.current;st(s!==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:i}=this.visualElement;if(!i||!i.layout)return!1;const o=bl(s,i.root,this.visualElement.getTransformPagePoint());let r=mu(i.layout.layoutBox,o);if(n){const a=n(vl(r));this.hasMutatedConstraints=!!a,a&&(r=Ti(a))}return r}startAnimation(e){const{drag:n,dragMomentum:s,dragElastic:i,dragTransition:o,dragSnapToOrigin:r,onDragTransitionEnd:a}=this.getProps(),l=this.constraints||{},c=H(u=>{if(!ge(u,n,this.currentDirection))return;let h=l&&l[u]||{};r&&(h={min:0,max:0});const f=i?200:1e6,d=i?40:1e7,p={type:"inertia",velocity:s?e[u]:0,bounceStiffness:f,bounceDamping:d,timeConstant:750,restDelta:1,restSpeed:10,...o,...h};return this.startAxisValueAnimation(u,p)});return Promise.all(c).then(a)}startAxisValueAnimation(e,n){const s=this.getAxisMotionValue(e);return An(this.visualElement,e),s.start(Vn(e,s,0,n,this.visualElement,!1))}stopAnimation(){H(e=>this.getAxisMotionValue(e).stop())}pauseAnimation(){H(e=>this.getAxisMotionValue(e).animation?.pause())}getAnimationState(e){return this.getAxisMotionValue(e).animation?.state}getAxisMotionValue(e){const n=`_drag${e.toUpperCase()}`,s=this.visualElement.getProps(),i=s[n];return i||this.visualElement.getValue(e,(s.initial?s.initial[e]:void 0)||0)}snapToCursor(e){H(n=>{const{drag:s}=this.getProps();if(!ge(n,s,this.currentDirection))return;const{projection:i}=this.visualElement,o=this.getAxisMotionValue(n);if(i&&i.layout){const{min:r,max:a}=i.layout.layoutBox[n];o.set(e[n]-R(r,a,.5))}})}scalePositionWithinConstraints(){if(!this.visualElement.current)return;const{drag:e,dragConstraints:n}=this.getProps(),{projection:s}=this.visualElement;if(!Dt(n)||!s||!this.constraints)return;this.stopAnimation();const i={x:0,y:0};H(r=>{const a=this.getAxisMotionValue(r);if(a&&this.constraints!==!1){const l=a.get();i[r]=pu({min:l,max:l},this.constraints[r])}});const{transformTemplate:o}=this.visualElement.getProps();this.visualElement.current.style.transform=o?o({},""):"none",s.root&&s.root.updateScroll(),s.updateLayout(),this.resolveConstraints(),H(r=>{if(!ge(r,e,null))return;const a=this.getAxisMotionValue(r),{min:l,max:c}=this.constraints[r];a.set(R(l,c,i[r]))})}addListeners(){if(!this.visualElement.current)return;vu.set(this.visualElement,this);const e=this.visualElement.current,n=Xt(e,"pointerdown",l=>{const{drag:c,dragListener:u=!0}=this.getProps();c&&u&&this.start(l)}),s=()=>{const{dragConstraints:l}=this.getProps();Dt(l)&&l.current&&(this.constraints=this.resolveRefConstraints())},{projection:i}=this.visualElement,o=i.addEventListener("measure",s);i&&!i.layout&&(i.root&&i.root.updateScroll(),i.updateLayout()),D.read(s);const r=Gt(window,"resize",()=>this.scalePositionWithinConstraints()),a=i.addEventListener("didUpdate",({delta:l,hasLayoutChanged:c})=>{this.isDragging&&c&&(H(u=>{const h=this.getAxisMotionValue(u);h&&(this.originPoint[u]+=l[u].translate,h.set(h.get()+l[u].translate))}),this.visualElement.render())});return()=>{r(),n(),o(),a&&a()}}getProps(){const e=this.visualElement.getProps(),{drag:n=!1,dragDirectionLock:s=!1,dragPropagation:i=!1,dragConstraints:o=!1,dragElastic:r=Mn,dragMomentum:a=!0}=e;return{...e,drag:n,dragDirectionLock:s,dragPropagation:i,dragConstraints:o,dragElastic:r,dragMomentum:a}}}function ge(t,e,n){return(e===!0||e===t)&&(n===null||n===t)}function Tu(t,e=10){let n=null;return Math.abs(t.y)>e?n="y":Math.abs(t.x)>e&&(n="x"),n}class bu extends ut{constructor(e){super(e),this.removeGroupControls=G,this.removeListeners=G,this.controls=new xu(e)}mount(){const{dragControls:e}=this.node.getProps();e&&(this.removeGroupControls=e.subscribe(this.controls)),this.removeListeners=this.controls.addListeners()||G}unmount(){this.removeGroupControls(),this.removeListeners()}}const nr=t=>(e,n)=>{t&&D.postRender(()=>t(e,n))};class Pu extends ut{constructor(){super(...arguments),this.removePointerDownListener=G}onPointerDown(e){this.session=new Xi(e,this.createPanHandlers(),{transformPagePoint:this.node.getTransformPagePoint(),contextWindow:Gi(this.node)})}createPanHandlers(){const{onPanSessionStart:e,onPanStart:n,onPan:s,onPanEnd:i}=this.node.getProps();return{onSessionStart:nr(e),onStart:nr(n),onMove:s,onEnd:(o,r)=>{delete this.session,i&&D.postRender(()=>i(o,r))}}}mount(){this.removePointerDownListener=Xt(this.node.current,"pointerdown",e=>this.onPointerDown(e))}update(){this.session&&this.session.updateHandlers(this.createPanHandlers())}unmount(){this.removePointerDownListener(),this.session&&this.session.end()}}const ye={hasAnimatedSinceResize:!0,hasEverUpdated:!1};function sr(t,e){return e.max===e.min?0:t/(e.max-e.min)*100}const Jt={correct:(t,e)=>{if(!e.target)return t;if(typeof t=="string")if(w.test(t))t=parseFloat(t);else return t;const n=sr(t,e.target.x),s=sr(t,e.target.y);return`${n}% ${s}%`}},wu={correct:(t,{treeScale:e,projectionDelta:n})=>{const s=t,i=lt.parse(t);if(i.length>5)return s;const o=lt.createTransformer(t),r=typeof i[0]!="number"?1:0,a=n.x.scale*e.x,l=n.y.scale*e.y;i[0+r]/=a,i[1+r]/=l;const c=R(a,l,.5);return typeof i[2+r]=="number"&&(i[2+r]/=c),typeof i[3+r]=="number"&&(i[3+r]/=c),o(i)}};let Rn=!1;class Su extends x.Component{componentDidMount(){const{visualElement:e,layoutGroup:n,switchLayoutGroup:s,layoutId:i}=this.props,{projection:o}=e;Ga(Au),o&&(n.group&&n.group.add(o),s&&s.register&&i&&s.register(o),Rn&&o.root.didUpdate(),o.addEventListener("animationComplete",()=>{this.safeToRemove()}),o.setOptions({...o.options,onExitComplete:()=>this.safeToRemove()})),ye.hasEverUpdated=!0}getSnapshotBeforeUpdate(e){const{layoutDependency:n,visualElement:s,drag:i,isPresent:o}=this.props,{projection:r}=s;return r&&(r.isPresent=o,Rn=!0,i||e.layoutDependency!==n||n===void 0||e.isPresent!==o?r.willUpdate():this.safeToRemove(),e.isPresent!==o&&(o?r.promote():r.relegate()||D.postRender(()=>{const a=r.getStack();(!a||!a.members.length)&&this.safeToRemove()}))),null}componentDidUpdate(){const{projection:e}=this.props.visualElement;e&&(e.root.didUpdate(),an.postRender(()=>{!e.currentAnimation&&e.isLead()&&this.safeToRemove()}))}componentWillUnmount(){const{visualElement:e,layoutGroup:n,switchLayoutGroup:s}=this.props,{projection:i}=e;Rn=!0,i&&(i.scheduleCheckAfterUnmount(),n&&n.group&&n.group.remove(i),s&&s.deregister&&s.deregister(i))}safeToRemove(){const{safeToRemove:e}=this.props;e&&e()}render(){return null}}function ir(t){const[e,n]=ni(),s=x.useContext(xe);return M.jsx(Su,{...t,layoutGroup:s,switchLayoutGroup:x.useContext(vi),isPresent:e,safeToRemove:n})}const Au={borderRadius:{...Jt,applyTo:["borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius"]},borderTopLeftRadius:Jt,borderTopRightRadius:Jt,borderBottomLeftRadius:Jt,borderBottomRightRadius:Jt,boxShadow:wu};function Vu(t,e,n){const s=_(t)?t:Ct(t);return s.start(Vn("",s,e,n)),s.animation}const Cu=(t,e)=>t.depth-e.depth;class Eu{constructor(){this.children=[],this.isDirty=!1}add(e){Pe(this.children,e),this.isDirty=!0}remove(e){we(this.children,e),this.isDirty=!0}forEach(e){this.isDirty&&this.children.sort(Cu),this.isDirty=!1,this.children.forEach(e)}}function Du(t,e){const n=z.now(),s=({timestamp:i})=>{const o=i-n;o>=e&&(ot(s),t(o-e))};return D.setup(s,!0),()=>ot(s)}const rr=["TopLeft","TopRight","BottomLeft","BottomRight"],Mu=rr.length,or=t=>typeof t=="string"?parseFloat(t):t,ar=t=>typeof t=="number"||w.test(t);function Ru(t,e,n,s,i,o){i?(t.opacity=R(0,n.opacity??1,ku(s)),t.opacityExit=R(e.opacity??1,0,Lu(s))):o&&(t.opacity=R(e.opacity??1,n.opacity??1,s));for(let r=0;r<Mu;r++){const a=`border${rr[r]}Radius`;let l=lr(e,a),c=lr(n,a);if(l===void 0&&c===void 0)continue;l||(l=0),c||(c=0),l===0||c===0||ar(l)===ar(c)?(t[a]=Math.max(R(or(l),or(c),s),0),(Q.test(c)||Q.test(l))&&(t[a]+="%")):t[a]=c}(e.rotate||n.rotate)&&(t.rotate=R(e.rotate||0,n.rotate||0,s))}function lr(t,e){return t[e]!==void 0?t[e]:t.borderRadius}const ku=ur(0,.5,ns),Lu=ur(.5,.95,G);function ur(t,e,n){return s=>s<t?0:s>e?1:n(Bt(t,e,s))}function cr(t,e){t.min=e.min,t.max=e.max}function X(t,e){cr(t.x,e.x),cr(t.y,e.y)}function hr(t,e){t.translate=e.translate,t.scale=e.scale,t.originPoint=e.originPoint,t.origin=e.origin}function fr(t,e,n,s,i){return t-=e,t=pe(t,1/n,s),i!==void 0&&(t=pe(t,1/i,s)),t}function ju(t,e=0,n=1,s=.5,i,o=t,r=t){if(Q.test(e)&&(e=parseFloat(e),e=R(r.min,r.max,e/100)-r.min),typeof e!="number")return;let a=R(o.min,o.max,s);t===o&&(a-=e),t.min=fr(t.min,e,n,a,i),t.max=fr(t.max,e,n,a,i)}function dr(t,e,[n,s,i],o,r){ju(t,e[n],e[s],e[i],e.scale,o,r)}const Ou=["x","scaleX","originX"],Fu=["y","scaleY","originY"];function mr(t,e,n,s){dr(t.x,e,Ou,n?n.x:void 0,s?s.x:void 0),dr(t.y,e,Fu,n?n.y:void 0,s?s.y:void 0)}function pr(t){return t.translate===0&&t.scale===1}function gr(t){return pr(t.x)&&pr(t.y)}function yr(t,e){return t.min===e.min&&t.max===e.max}function Iu(t,e){return yr(t.x,e.x)&&yr(t.y,e.y)}function vr(t,e){return Math.round(t.min)===Math.round(e.min)&&Math.round(t.max)===Math.round(e.max)}function xr(t,e){return vr(t.x,e.x)&&vr(t.y,e.y)}function Tr(t){return W(t.x)/W(t.y)}function br(t,e){return t.translate===e.translate&&t.scale===e.scale&&t.originPoint===e.originPoint}class Bu{constructor(){this.members=[]}add(e){Pe(this.members,e),e.scheduleRender()}remove(e){if(we(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(i=>e===i);if(n===0)return!1;let s;for(let i=n;i>=0;i--){const o=this.members[i];if(o.isPresent!==!1){s=o;break}}return s?(this.promote(s),!0):!1}promote(e,n){const s=this.lead;if(e!==s&&(this.prevLead=s,this.lead=e,e.show(),s)){s.instance&&s.scheduleRender(),e.scheduleRender(),e.resumeFrom=s,n&&(e.resumeFrom.preserveOpacity=!0),s.snapshot&&(e.snapshot=s.snapshot,e.snapshot.latestValues=s.animationValues||s.latestValues),e.root&&e.root.isUpdating&&(e.isLayoutDirty=!0);const{crossfade:i}=e.options;i===!1&&s.hide()}}exitAnimationComplete(){this.members.forEach(e=>{const{options:n,resumingFrom:s}=e;n.onExitComplete&&n.onExitComplete(),s&&s.options.onExitComplete&&s.options.onExitComplete()})}scheduleRender(){this.members.forEach(e=>{e.instance&&e.scheduleRender(!1)})}removeLeadSnapshot(){this.lead&&this.lead.snapshot&&(this.lead.snapshot=void 0)}}function Nu(t,e,n){let s="";const i=t.x.translate/e.x,o=t.y.translate/e.y,r=n?.z||0;if((i||o||r)&&(s=`translate3d(${i}px, ${o}px, ${r}px) `),(e.x!==1||e.y!==1)&&(s+=`scale(${1/e.x}, ${1/e.y}) `),n){const{transformPerspective:c,rotate:u,rotateX:h,rotateY:f,skewX:d,skewY:p}=n;c&&(s=`perspective(${c}px) ${s}`),u&&(s+=`rotate(${u}deg) `),h&&(s+=`rotateX(${h}deg) `),f&&(s+=`rotateY(${f}deg) `),d&&(s+=`skewX(${d}deg) `),p&&(s+=`skewY(${p}deg) `)}const a=t.x.scale*e.x,l=t.y.scale*e.y;return(a!==1||l!==1)&&(s+=`scale(${a}, ${l})`),s||"none"}const kn=["","X","Y","Z"],_u=1e3;let Uu=0;function Ln(t,e,n,s){const{latestValues:i}=e;i[t]&&(n[t]=i[t],e.setStaticValue(t,0),s&&(s[t]=0))}function Pr(t){if(t.hasCheckedOptimisedAppear=!0,t.root===t)return;const{visualElement:e}=t.options;if(!e)return;const n=Fi(e);if(window.MotionHasOptimisedAnimation(n,"transform")){const{layout:i,layoutId:o}=t.options;window.MotionCancelOptimisedAnimation(n,"transform",D,!(i||o))}const{parent:s}=t;s&&!s.hasCheckedOptimisedAppear&&Pr(s)}function wr({attachResizeListener:t,defaultParent:e,measureScroll:n,checkIsScrollRoot:s,resetTransform:i}){return class{constructor(r={},a=e?.()){this.id=Uu++,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.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(Ku),this.nodes.forEach(Hu),this.nodes.forEach(Xu),this.nodes.forEach(zu)},this.resolvedRelativeTargetAt=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 Eu)}addEventListener(r,a){return this.eventHandlers.has(r)||this.eventHandlers.set(r,new Ve),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=ei(r)&&!La(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 f=()=>this.root.updateBlockedByResize=!1;D.read(()=>{h=window.innerWidth}),t(r,()=>{const d=window.innerWidth;d!==h&&(h=d,this.root.updateBlockedByResize=!0,u&&u(),u=Du(f,250),ye.hasAnimatedSinceResize&&(ye.hasAnimatedSinceResize=!1,this.nodes.forEach(Vr)))})}a&&this.root.registerSharedNode(a,this),this.options.animate!==!1&&c&&(a||l)&&this.addEventListener("didUpdate",({delta:u,hasLayoutChanged:h,hasRelativeLayoutChanged:f,layout:d})=>{if(this.isTreeAnimationBlocked()){this.target=void 0,this.relativeTarget=void 0;return}const p=this.options.transition||c.getDefaultTransition()||tc,{onLayoutAnimationStart:y,onLayoutAnimationComplete:b}=c.getProps(),g=!this.targetLayout||!xr(this.targetLayout,d),T=!h&&f;if(this.options.layoutRoot||this.resumeFrom||T||h&&(g||!this.currentAnimation)){this.resumeFrom&&(this.resumingFrom=this.resumeFrom,this.resumingFrom.resumingFrom=void 0);const v={...sn(p,"layout"),onPlay:y,onComplete:b};(c.shouldReduceMotion||this.options.layoutRoot)&&(v.delay=0,v.type=!1),this.startAnimation(v),this.setAnimationOrigin(u,T)}else h||Vr(this),this.isLead()&&this.options.onExitComplete&&this.options.onExitComplete();this.targetLayout=d})}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(),ot(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(qu),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&&Pr(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(Sr);return}if(this.animationId<=this.animationCommitId){this.nodes.forEach(Ar);return}this.animationCommitId=this.animationId,this.isUpdating?(this.isUpdating=!1,this.nodes.forEach(Gu),this.nodes.forEach($u),this.nodes.forEach(Wu)):this.nodes.forEach(Ar),this.clearAllSnapshots();const a=z.now();N.delta=nt(0,1e3/60,a-N.timestamp),N.timestamp=a,N.isProcessing=!0,Me.update.process(N),Me.preRender.process(N),Me.render.process(N),N.isProcessing=!1}didUpdate(){this.updateScheduled||(this.updateScheduled=!0,an.read(this.scheduleUpdate))}clearAllSnapshots(){this.nodes.forEach(Yu),this.sharedNodes.forEach(Zu)}scheduleUpdateProjection(){this.projectionUpdateScheduled||(this.projectionUpdateScheduled=!0,D.preRender(this.updateProjection,!1,!0))}scheduleCheckAfterUnmount(){D.postRender(()=>{this.isLayoutDirty?this.root.didUpdate():this.root.checkUpdateFailed()})}updateSnapshot(){this.snapshot||!this.instance||(this.snapshot=this.measure(),this.snapshot&&!W(this.snapshot.measuredBox.x)&&!W(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.layoutCorrected=O(),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=s(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(!i)return;const r=this.isLayoutDirty||this.shouldResetTransform||this.options.alwaysMeasureLayout,a=this.projectionDelta&&!gr(this.projectionDelta),l=this.getTransformTemplate(),c=l?l(this.latestValues,""):void 0,u=c!==this.prevTransformTemplateValue;r&&this.instance&&(a||yt(this.latestValues)||u)&&(i(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)),ec(l),{animationId:this.root.animationId,measuredBox:a,layoutBox:l,latestValues:{},source:this.id}}measurePageBox(){const{visualElement:r}=this.options;if(!r)return O();const a=r.measureViewportBox();if(!(this.scroll?.wasRoot||this.path.some(nc))){const{scroll:c}=this.root;c&&(Mt(a.x,c.offset.x),Mt(a.y,c.offset.y))}return a}removeElementScroll(r){const a=O();if(X(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&&X(a,r),Mt(a.x,u.offset.x),Mt(a.y,u.offset.y))}return a}applyTransform(r,a=!1){const l=O();X(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&&Rt(l,{x:-u.scroll.offset.x,y:-u.scroll.offset.y}),yt(u.latestValues)&&Rt(l,u.latestValues)}return yt(this.latestValues)&&Rt(l,this.latestValues),l}removeTransform(r){const a=O();X(a,r);for(let l=0;l<this.path.length;l++){const c=this.path[l];if(!c.instance||!yt(c.latestValues))continue;bn(c.latestValues)&&c.updateSnapshot();const u=O(),h=c.measurePageBox();X(u,h),mr(a,c.latestValues,c.snapshot?c.snapshot.layoutBox:void 0,u)}return yt(this.latestValues)&&mr(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!==N.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))){if(this.resolvedRelativeTargetAt=N.timestamp,!this.targetDelta&&!this.relativeTarget){const f=this.getClosestProjectingParent();f&&f.layout&&this.animationProgress!==1?(this.relativeParent=f,this.forceRelativeParentToResolveTarget(),this.relativeTarget=O(),this.relativeTargetOrigin=O(),Zt(this.relativeTargetOrigin,this.layout.layoutBox,f.layout.layoutBox),X(this.relativeTarget,this.relativeTargetOrigin)):this.relativeParent=this.relativeTarget=void 0}if(!(!this.relativeTarget&&!this.targetDelta)&&(this.target||(this.target=O(),this.targetWithTransforms=O()),this.relativeTarget&&this.relativeTargetOrigin&&this.relativeParent&&this.relativeParent.target?(this.forceRelativeParentToResolveTarget(),lu(this.target,this.relativeTarget,this.relativeParent.target)):this.targetDelta?(this.resumingFrom?this.target=this.applyTransform(this.layout.layoutBox):X(this.target,this.layout.layoutBox),Si(this.target,this.targetDelta)):X(this.target,this.layout.layoutBox),this.attemptToResolveRelativeTarget)){this.attemptToResolveRelativeTarget=!1;const f=this.getClosestProjectingParent();f&&!!f.resumingFrom==!!this.resumingFrom&&!f.options.layoutScroll&&f.target&&this.animationProgress!==1?(this.relativeParent=f,this.forceRelativeParentToResolveTarget(),this.relativeTarget=O(),this.relativeTargetOrigin=O(),Zt(this.relativeTargetOrigin,this.target,f.target),X(this.relativeTarget,this.relativeTargetOrigin)):this.relativeParent=this.relativeTarget=void 0}}}getClosestProjectingParent(){if(!(!this.parent||bn(this.parent.latestValues)||bi(this.parent.latestValues)))return this.parent.isProjecting()?this.parent:this.parent.getClosestProjectingParent()}isProjecting(){return!!((this.relativeTarget||this.targetDelta||this.options.layoutRoot)&&this.layout)}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===N.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;X(this.layoutCorrected,this.layout.layoutBox);const h=this.treeScale.x,f=this.treeScale.y;Tl(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=O());const{target:d}=r;if(!d){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)),qt(this.projectionDelta,this.layoutCorrected,d,this.latestValues),(this.treeScale.x!==h||this.treeScale.y!==f||!br(this.projectionDelta.x,this.prevProjectionDelta.x)||!br(this.projectionDelta.y,this.prevProjectionDelta.y))&&(this.hasProjected=!0,this.scheduleRender(),this.notifyListeners("projectionUpdate",d))}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=kt(),this.projectionDelta=kt(),this.projectionDeltaWithTransform=kt()}setAnimationOrigin(r,a=!1){const l=this.snapshot,c=l?l.latestValues:{},u={...this.latestValues},h=kt();(!this.relativeParent||!this.relativeParent.options.layoutRoot)&&(this.relativeTarget=this.relativeTargetOrigin=void 0),this.attemptToResolveRelativeTarget=!a;const f=O(),d=l?l.source:void 0,p=this.layout?this.layout.source:void 0,y=d!==p,b=this.getStack(),g=!b||b.members.length<=1,T=!!(y&&!g&&this.options.crossfade===!0&&!this.path.some(Qu));this.animationProgress=0;let v;this.mixTargetDelta=A=>{const P=A/1e3;Cr(h.x,r.x,P),Cr(h.y,r.y,P),this.setTargetDelta(h),this.relativeTarget&&this.relativeTargetOrigin&&this.layout&&this.relativeParent&&this.relativeParent.layout&&(Zt(f,this.layout.layoutBox,this.relativeParent.layout.layoutBox),Ju(this.relativeTarget,this.relativeTargetOrigin,f,P),v&&Iu(this.relativeTarget,v)&&(this.isProjectionDirty=!1),v||(v=O()),X(v,this.relativeTarget)),y&&(this.animationValues=u,Ru(u,c,this.latestValues,P,T,g)),this.root.scheduleUpdateProjection(),this.scheduleRender(),this.animationProgress=P},this.mixTargetDelta(this.options.layoutRoot?1e3:0)}startAnimation(r){this.notifyListeners("animationStart"),this.currentAnimation?.stop(),this.resumingFrom?.currentAnimation?.stop(),this.pendingAnimation&&(ot(this.pendingAnimation),this.pendingAnimation=void 0),this.pendingAnimation=D.update(()=>{ye.hasAnimatedSinceResize=!0,this.motionValue||(this.motionValue=Ct(0)),this.currentAnimation=Vu(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(_u),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&&kr(this.options.animationType,this.layout.layoutBox,c.layoutBox)){l=this.target||O();const h=W(this.layout.layoutBox.x);l.x.min=r.target.x.min,l.x.max=l.x.min+h;const f=W(this.layout.layoutBox.y);l.y.min=r.target.y.min,l.y.max=l.y.min+f}X(a,l),Rt(a,u),qt(this.projectionDeltaWithTransform,this.layoutCorrected,a,u)}}registerSharedNode(r,a){this.sharedNodes.has(r)||this.sharedNodes.set(r,new Bu),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&&Ln("z",r,c,this.animationValues);for(let u=0;u<kn.length;u++)Ln(`rotate${kn[u]}`,r,c,this.animationValues),Ln(`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=me(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=me(a?.pointerEvents)||""),this.hasProjected&&!yt(this.latestValues)&&(r.transform=l?l({},""):"none",this.hasProjected=!1);return}r.visibility="";const u=c.animationValues||c.latestValues;this.applyTransformsToTarget();let h=Nu(this.projectionDeltaWithTransform,this.treeScale,u);l&&(h=l(u,h)),r.transform=h;const{x:f,y:d}=this.projectionDelta;r.transformOrigin=`${f.origin*100}% ${d.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 p in Yt){if(u[p]===void 0)continue;const{correct:y,applyTo:b,isCSSVariable:g}=Yt[p],T=h==="none"?u[p]:y(u[p],c);if(b){const v=b.length;for(let A=0;A<v;A++)r[b[A]]=T}else g?this.options.visualElement.renderState.vars[p]=T:r[p]=T}this.options.layoutId&&(r.pointerEvents=c===this?me(a?.pointerEvents)||"":"none")}clearSnapshot(){this.resumeFrom=this.snapshot=void 0}resetTree(){this.root.nodes.forEach(r=>r.currentAnimation?.stop()),this.root.nodes.forEach(Sr),this.root.sharedNodes.clear()}}}function $u(t){t.updateLayout()}function Wu(t){const e=t.resumeFrom?.snapshot||t.snapshot;if(t.isLead()&&t.layout&&e&&t.hasListeners("didUpdate")){const{layoutBox:n,measuredBox:s}=t.layout,{animationType:i}=t.options,o=e.source!==t.layout.source;i==="size"?H(u=>{const h=o?e.measuredBox[u]:e.layoutBox[u],f=W(h);h.min=n[u].min,h.max=h.min+f}):kr(i,e.layoutBox,n)&&H(u=>{const h=o?e.measuredBox[u]:e.layoutBox[u],f=W(n[u]);h.max=h.min+f,t.relativeTarget&&!t.currentAnimation&&(t.isProjectionDirty=!0,t.relativeTarget[u].max=t.relativeTarget[u].min+f)});const r=kt();qt(r,n,e.layoutBox);const a=kt();o?qt(a,t.applyTransform(s,!0),e.measuredBox):qt(a,n,e.layoutBox);const l=!gr(r);let c=!1;if(!t.resumeFrom){const u=t.getClosestProjectingParent();if(u&&!u.resumeFrom){const{snapshot:h,layout:f}=u;if(h&&f){const d=O();Zt(d,e.layoutBox,h.layoutBox);const p=O();Zt(p,n,f.layoutBox),xr(d,p)||(c=!0),u.options.layoutRoot&&(t.relativeTarget=p,t.relativeTargetOrigin=d,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 Ku(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 zu(t){t.isProjectionDirty=t.isSharedProjectionDirty=t.isTransformDirty=!1}function Yu(t){t.clearSnapshot()}function Sr(t){t.clearMeasurements()}function Ar(t){t.isLayoutDirty=!1}function Gu(t){const{visualElement:e}=t.options;e&&e.getProps().onBeforeLayoutMeasure&&e.notify("BeforeLayoutMeasure"),t.resetTransform()}function Vr(t){t.finishAnimation(),t.targetDelta=t.relativeTarget=t.target=void 0,t.isProjectionDirty=!0}function Hu(t){t.resolveTargetDelta()}function Xu(t){t.calcProjection()}function qu(t){t.resetSkewAndRotation()}function Zu(t){t.removeLeadSnapshot()}function Cr(t,e,n){t.translate=R(e.translate,0,n),t.scale=R(e.scale,1,n),t.origin=e.origin,t.originPoint=e.originPoint}function Er(t,e,n,s){t.min=R(e.min,n.min,s),t.max=R(e.max,n.max,s)}function Ju(t,e,n,s){Er(t.x,e.x,n.x,s),Er(t.y,e.y,n.y,s)}function Qu(t){return t.animationValues&&t.animationValues.opacityExit!==void 0}const tc={duration:.45,ease:[.4,0,.1,1]},Dr=t=>typeof navigator<"u"&&navigator.userAgent&&navigator.userAgent.toLowerCase().includes(t),Mr=Dr("applewebkit/")&&!Dr("chrome/")?Math.round:G;function Rr(t){t.min=Mr(t.min),t.max=Mr(t.max)}function ec(t){Rr(t.x),Rr(t.y)}function kr(t,e,n){return t==="position"||t==="preserve-aspect"&&!au(Tr(e),Tr(n),.2)}function nc(t){return t!==t.root&&t.scroll?.wasRoot}const sc=wr({attachResizeListener:(t,e)=>Gt(t,"resize",e),measureScroll:()=>({x:document.documentElement.scrollLeft||document.body.scrollLeft,y:document.documentElement.scrollTop||document.body.scrollTop}),checkIsScrollRoot:()=>!0}),jn={current:void 0},Lr=wr({measureScroll:t=>({x:t.scrollLeft,y:t.scrollTop}),defaultParent:()=>{if(!jn.current){const t=new sc({});t.mount(window),t.setOptions({layoutScroll:!0}),jn.current=t}return jn.current},resetTransform:(t,e)=>{t.style.transform=e!==void 0?e:"none"},checkIsScrollRoot:t=>window.getComputedStyle(t).position==="fixed"}),ic={pan:{Feature:Pu},drag:{Feature:bu,ProjectionNode:Lr,MeasureLayout:ir}};function jr(t,e,n){const{props:s}=t;t.animationState&&s.whileHover&&t.animationState.setActive("whileHover",n==="Start");const i="onHover"+n,o=s[i];o&&D.postRender(()=>o(e,Ht(e)))}class rc extends ut{mount(){const{current:e}=this.node;e&&(this.unmount=Ea(e,(n,s)=>(jr(this.node,s,"Start"),i=>jr(this.node,i,"End"))))}unmount(){}}class oc extends ut{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=It(Gt(this.node.current,"focus",()=>this.onFocus()),Gt(this.node.current,"blur",()=>this.onBlur()))}unmount(){}}function Or(t,e,n){const{props:s}=t;if(t.current instanceof HTMLButtonElement&&t.current.disabled)return;t.animationState&&s.whileTap&&t.animationState.setActive("whileTap",n==="Start");const i="onTap"+(n==="End"?"":n),o=s[i];o&&D.postRender(()=>o(e,Ht(e)))}class ac extends ut{mount(){const{current:e}=this.node;e&&(this.unmount=ka(e,(n,s)=>(Or(this.node,s,"Start"),(i,{success:o})=>Or(this.node,i,o?"End":"Cancel")),{useGlobalTarget:this.node.props.globalTapTarget}))}unmount(){}}const On=new WeakMap,Fn=new WeakMap,lc=t=>{const e=On.get(t.target);e&&e(t)},uc=t=>{t.forEach(lc)};function cc({root:t,...e}){const n=t||document;Fn.has(n)||Fn.set(n,{});const s=Fn.get(n),i=JSON.stringify(e);return s[i]||(s[i]=new IntersectionObserver(uc,{root:t,...e})),s[i]}function hc(t,e,n){const s=cc(e);return On.set(t,n),s.observe(t),()=>{On.delete(t),s.unobserve(t)}}const fc={some:0,all:1};class dc extends ut{constructor(){super(...arguments),this.hasEnteredView=!1,this.isInView=!1}startObserver(){this.unmount();const{viewport:e={}}=this.node.getProps(),{root:n,margin:s,amount:i="some",once:o}=e,r={root:n?n.current:void 0,rootMargin:s,threshold:typeof i=="number"?i:fc[i]},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(),f=c?u:h;f&&f(l)};return hc(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(mc(e,n))&&this.startObserver()}unmount(){}}function mc({viewport:t={}},{viewport:e={}}={}){return n=>t[n]!==e[n]}const pc={...eu,...{inView:{Feature:dc},tap:{Feature:ac},focus:{Feature:oc},hover:{Feature:rc}},...ic,...{layout:{ProjectionNode:Lr,MeasureLayout:ir}}},In=yl(pc,Ml),gc=({label:t,placeholder:e,value:n,type:s="text",name:i,id:o,disabled:r=!1,required:a=!1,readonly:l=!1,error:c,successMessage:u,helperText:h,size:f="md",variant:d="default",className:p="",inputClassName:y="",inputStyle:b={},originalCase:g=!1,max:T,min:v,onChange:A,onFocus:P,onBlur:V,onKeyDown:E,...S})=>{const L=o||i||t?.toLowerCase().replace(/\s+/g,"-"),B={sm:"h-8 px-3 py-1.5 text-sm",md:"h-10 px-3 py-2 text-sm",lg:"h-12 px-4 py-3 text-base"},Y={default:"border border-gray-300 dark:border-gray-600 bg-white dark:bg-gray-800",filled:"border-0 bg-gray-100 dark:bg-gray-700",outlined:"border-2 border-gray-300 dark:border-gray-600 bg-transparent"},xt=["w-full rounded-md transition-all duration-200 outline-none font-medium","text-gray-900 dark:text-gray-100","placeholder:text-gray-400 dark:placeholder:text-gray-500",B[f],Y[d],!c&&!u&&"focus:ring-2 focus:ring-blue-500/20 focus:border-blue-500 dark:focus:border-blue-400",c&&"border-red-300 dark:border-red-600 focus:ring-2 focus:ring-red-500/20 focus:border-red-500",u&&"border-green-300 dark:border-green-600 focus:ring-2 focus:ring-green-500/20 focus:border-green-500",r&&"opacity-70 cursor-not-allowed bg-gray-50 dark:bg-gray-800",y].filter(Boolean).join(" "),Qt=rt=>{A&&A(rt.target.value)},ct=rt=>{P&&P(rt)},Tt=rt=>{V&&V(rt)};return M.jsxs("div",{className:`flex flex-col w-full ${p}`,children:[M.jsx("style",{children:`
+          .dark input:-webkit-autofill,
+          .dark input:-webkit-autofill:hover,
+          .dark input:-webkit-autofill:focus {
+            -webkit-text-fill-color: rgb(243 244 246) !important;
+            -webkit-box-shadow: 0 0 0px 1000px rgb(31 41 55) inset !important;
+            transition: background-color 5000s ease-in-out 0s;
+          }
+          
+          input:-webkit-autofill,
+          input:-webkit-autofill:hover,
+          input:-webkit-autofill:focus {
+            -webkit-text-fill-color: rgb(17 24 39) !important;
+            -webkit-box-shadow: 0 0 0px 1000px white inset !important;
+            transition: background-color 5000s ease-in-out 0s;
+          }
+        `}),t&&M.jsx("label",{htmlFor:L,className:`mb-1 text-sm font-medium text-gray-700 dark:text-gray-300 inline-flex items-center gap-1 ${g?"":"capitalize"}`,children:M.jsxs("span",{children:[t,a&&M.jsx("span",{className:"text-red-500 ml-1","aria-label":"required",children:"*"})]})}),M.jsx("div",{className:"relative",children:M.jsx("input",{...S,type:s,id:L,name:i,value:n,placeholder:e,disabled:r,required:a,readOnly:l,max:T,min:v,className:xt,style:b,onChange:Qt,onFocus:ct,onBlur:Tt,onKeyDown:E})}),M.jsxs(_a,{mode:"wait",children:[c&&M.jsx(In.div,{initial:{opacity:0,y:-10},animate:{opacity:1,y:0},exit:{opacity:0,y:-10},transition:{duration:.2},className:"mt-1",children:M.jsx("p",{className:"text-sm text-red-600 dark:text-red-400",children:c})}),u&&!c&&M.jsx(In.div,{initial:{opacity:0,y:-10},animate:{opacity:1,y:0},exit:{opacity:0,y:-10},transition:{duration:.2},className:"mt-1",children:M.jsx("p",{className:"text-sm text-green-600 dark:text-green-400",children:u})}),h&&!c&&!u&&M.jsx(In.div,{initial:{opacity:0,y:-10},animate:{opacity:1,y:0},exit:{opacity:0,y:-10},transition:{duration:.2},className:"mt-1",children:M.jsx("p",{className:"text-sm text-gray-500 dark:text-gray-400",children:h})})]})]})};ft.InputField=gc,Object.defineProperty(ft,Symbol.toStringTag,{value:"Module"})});

package/dist/vite.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>

package/package.json

@@ -0,0 +1,58 @@
+{
+  "name": "@lax-wp/design-system",
+  "private": false,
+  "version": "0.1.0",
+  "type": "module",
+  "main": "dist/index.js",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "keywords": [
+    "react",
+    "design-system",
+    "component-library",
+    "lax"
+  ],
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc -b && vite build",
+    "lint": "eslint .",
+    "preview": "vite preview",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build"
+  },
+  "dependencies": {
+    "framer-motion": "^12.23.12",
+    "react": "^19.1.1",
+    "react-dom": "^19.1.1"
+  },
+  "devDependencies": {
+    "@chromatic-com/storybook": "^4.0.1",
+    "@eslint/js": "^9.30.1",
+    "@storybook/addon-a11y": "^9.0.18",
+    "@storybook/addon-docs": "^9.0.18",
+    "@storybook/addon-vitest": "^9.0.18",
+    "@storybook/react-vite": "^9.0.18",
+    "@types/react": "^19.1.9",
+    "@types/react-dom": "^19.1.7",
+    "@vitejs/plugin-react": "^4.6.0",
+    "@vitest/browser": "^3.2.4",
+    "@vitest/coverage-v8": "^3.2.4",
+    "autoprefixer": "^10.4.21",
+    "eslint": "^9.30.1",
+    "eslint-plugin-react-hooks": "^5.2.0",
+    "eslint-plugin-react-refresh": "^0.4.20",
+    "eslint-plugin-storybook": "^9.0.18",
+    "globals": "^16.3.0",
+    "playwright": "^1.54.1",
+    "postcss": "^8.5.6",
+    "storybook": "^9.0.18",
+    "tailwindcss": "^4.1.11",
+    "typescript": "~5.8.3",
+    "typescript-eslint": "^8.35.1",
+    "vite": "^7.0.4",
+    "vitest": "^3.2.4"
+  }
+}