@v-miniapp/ui-react 1.0.60 → 1.0.71

package/dist-storybook/assets/toast.stories-DmPy9T3m.js

@@ -0,0 +1,209 @@
+import{r as x,j as T}from"./iframe-Crg_lbde.js";import{i as Bn,T as No,S as Oo,a as Fn,P as Uo,b as $o}from"./blocks-CB7UwFa4.js";import{c as Wo,g as ti}from"./classname-Bl5epEs-.js";import{c as Ko}from"./react-DO0-owxu.js";import{r as _o,I as Nn}from"./icon-Cc9W858e.js";import{T as Go}from"./typography-CMIMyivt.js";import{B as ot}from"./button-BLW8SOpg.js";import{t as m}from"./store-BwIebEt6.js";import"./preload-helper-PPVm8Dsz.js";import"./index-CdnALcTP.js";import"./colors-_6nFGM3e.js";const zo=3e3,oe=Ko((t,e)=>{let n=0;const s=()=>++n;return{items:[],add:i=>{const r=s();return t(o=>{const a=i.position||"top",c=o.items.filter(h=>h.config.position==="top"),u=o.items.filter(h=>h.config.position==="bottom");return a==="top"?c.push({config:{...i,position:a},id:r}):u.push({config:{...i,position:a},id:r}),{items:[...c.slice(-3),...u.slice(-3)]}}),setTimeout(()=>{e().remove(r)},i.duration||zo),r},remove:i=>{t(r=>(r.items.find(a=>a.id===i)?.config?.onHide?.(),{items:r.items.filter(a=>a.id!==i)}))},clear:()=>{t({items:[]})}}}),Pt=ti("toast"),D=({type:t="informative",message:e,closeAction:n=!0,onCloseActionClick:s,action:i,onActionClick:r,icon:o})=>{const a=x.useMemo(()=>{if(o)return _o(o);const c={neutral:null,informative:"circle-info",positive:"circle-check",negative:"triangle-warning"}[t];if(c)return T.jsx(Nn,{name:c,type:"fill",size:24})},[o,t]);return T.jsxs("div",{className:Wo(Pt,`${Pt}--${t}`),children:[!!a&&T.jsx("span",{className:`${Pt}__icon`,children:a}),T.jsx(Go,{component:"div",size:"base",weight:"regular",color:"inherit",className:`${Pt}__content`,children:e}),i&&T.jsx(ot,{size:"medium",type:"ghost",theme:t==="informative"||t==="neutral"?"neutral-inverse":"neutral",onClick:r,children:i}),n&&T.jsx("div",{onClick:s,className:`${Pt}__close-icon`,children:T.jsx(Nn,{name:"xmark",size:16})})]})};D.show=t=>oe.getState().add(t);D.hide=t=>t?oe.getState().remove(t):oe.getState().clear();D.__docgenInfo={description:"",methods:[{name:"show",docblock:null,modifiers:["static"],params:[{name:"config",optional:!1,type:null}],returns:null},{name:"hide",docblock:null,modifiers:["static"],params:[{name:"id",optional:!1,type:null}],returns:null}],displayName:"Toast",props:{type:{defaultValue:{value:"'informative'",computed:!1},required:!1},closeAction:{defaultValue:{value:"true",computed:!1},required:!1}}};const Qe=x.createContext({});function tn(t){const e=x.useRef(null);return e.current===null&&(e.current=t()),e.current}const en=typeof window<"u",ei=en?x.useLayoutEffect:x.useEffect,fe=x.createContext(null);function nn(t,e){t.indexOf(e)===-1&&t.push(e)}function sn(t,e){const n=t.indexOf(e);n>-1&&t.splice(n,1)}const q=(t,e,n)=>n>e?e:n<t?t:n;let on=()=>{};const Z={},ni=t=>/^-?(?:\d+(?:\.\d+)?|\.\d+)$/u.test(t);function si(t){return typeof t=="object"&&t!==null}const ii=t=>/^0[^.\s]+$/u.test(t);function rn(t){let e;return()=>(e===void 0&&(e=t()),e)}const G=t=>t,Ho=(t,e)=>n=>e(t(n)),It=(...t)=>t.reduce(Ho),Et=(t,e,n)=>{const s=e-t;return s===0?1:(n-t)/s};class an{constructor(){this.subscriptions=[]}add(e){return nn(this.subscriptions,e),()=>sn(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 r=0;r<i;r++){const o=this.subscriptions[r];o&&o(e,n,s)}}getSize(){return this.subscriptions.length}clear(){this.subscriptions.length=0}}const X=t=>t*1e3,_=t=>t/1e3;function oi(t,e){return e?t*(1e3/e):0}const ri=(t,e,n)=>(((1-3*n+3*e)*t+(3*n-6*e))*t+3*e)*t,Xo=1e-7,Yo=12;function qo(t,e,n,s,i){let r,o,a=0;do o=e+(n-e)/2,r=ri(o,s,i)-t,r>0?n=o:e=o;while(Math.abs(r)>Xo&&++a<Yo);return o}function Bt(t,e,n,s){if(t===e&&n===s)return G;const i=r=>qo(r,0,1,t,n);return r=>r===0||r===1?r:ri(i(r),e,s)}const ai=t=>e=>e<=.5?t(2*e)/2:(2-t(2*(1-e)))/2,ci=t=>e=>1-t(1-e),li=Bt(.33,1.53,.69,.99),cn=ci(li),ui=ai(cn),hi=t=>(t*=2)<1?.5*cn(t):.5*(2-Math.pow(2,-10*(t-1))),ln=t=>1-Math.sin(Math.acos(t)),fi=ci(ln),di=ai(ln),Zo=Bt(.42,0,1,1),Jo=Bt(0,0,.58,1),mi=Bt(.42,0,.58,1),Qo=t=>Array.isArray(t)&&typeof t[0]!="number",pi=t=>Array.isArray(t)&&typeof t[0]=="number",tr={linear:G,easeIn:Zo,easeInOut:mi,easeOut:Jo,circIn:ln,circInOut:di,circOut:fi,backIn:cn,backInOut:ui,backOut:li,anticipate:hi},er=t=>typeof t=="string",On=t=>{if(pi(t)){on(t.length===4);const[e,n,s,i]=t;return Bt(e,n,s,i)}else if(er(t))return tr[t];return t},Ot=["setup","read","resolveKeyframes","preUpdate","update","preRender","render","postRender"];function nr(t,e){let n=new Set,s=new Set,i=!1,r=!1;const o=new WeakSet;let a={delta:0,timestamp:0,isProcessing:!1};function c(l){o.has(l)&&(u.schedule(l),t()),l(a)}const u={schedule:(l,h=!1,f=!1)=>{const p=f&&i?n:s;return h&&o.add(l),p.has(l)||p.add(l),l},cancel:l=>{s.delete(l),o.delete(l)},process:l=>{if(a=l,i){r=!0;return}i=!0,[n,s]=[s,n],n.forEach(c),n.clear(),i=!1,r&&(r=!1,u.process(l))}};return u}const sr=40;function gi(t,e){let n=!1,s=!0;const i={delta:0,timestamp:0,isProcessing:!1},r=()=>n=!0,o=Ot.reduce((v,C)=>(v[C]=nr(r),v),{}),{setup:a,read:c,resolveKeyframes:u,preUpdate:l,update:h,preRender:f,render:d,postRender:p}=o,y=()=>{const v=Z.useManualTiming?i.timestamp:performance.now();n=!1,Z.useManualTiming||(i.delta=s?1e3/60:Math.max(Math.min(v-i.timestamp,sr),1)),i.timestamp=v,i.isProcessing=!0,a.process(i),c.process(i),u.process(i),l.process(i),h.process(i),f.process(i),d.process(i),p.process(i),i.isProcessing=!1,n&&e&&(s=!1,t(y))},w=()=>{n=!0,s=!0,i.isProcessing||t(y)};return{schedule:Ot.reduce((v,C)=>{const P=o[C];return v[C]=(M,V=!1,b=!1)=>(n||w(),P.schedule(M,V,b)),v},{}),cancel:v=>{for(let C=0;C<Ot.length;C++)o[Ot[C]].cancel(v)},state:i,steps:o}}const{schedule:E,cancel:tt,state:F,steps:ge}=gi(typeof requestAnimationFrame<"u"?requestAnimationFrame:G,!0);let ee;function ir(){ee=void 0}const $={now:()=>(ee===void 0&&$.set(F.isProcessing||Z.useManualTiming?F.timestamp:performance.now()),ee),set:t=>{ee=t,queueMicrotask(ir)}},yi=t=>e=>typeof e=="string"&&e.startsWith(t),vi=yi("--"),or=yi("var(--"),un=t=>or(t)?rr.test(t.split("/*")[0].trim()):!1,rr=/var\(--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)$/iu,Tt={test:t=>typeof t=="number",parse:parseFloat,transform:t=>t},Rt={...Tt,transform:t=>q(0,1,t)},Ut={...Tt,default:1},Ct=t=>Math.round(t*1e5)/1e5,hn=/-?(?:\d+(?:\.\d+)?|\.\d+)/gu;function ar(t){return t==null}const cr=/^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))$/iu,fn=(t,e)=>n=>!!(typeof n=="string"&&cr.test(n)&&n.startsWith(t)||e&&!ar(n)&&Object.prototype.hasOwnProperty.call(n,e)),xi=(t,e,n)=>s=>{if(typeof s!="string")return s;const[i,r,o,a]=s.match(hn);return{[t]:parseFloat(i),[e]:parseFloat(r),[n]:parseFloat(o),alpha:a!==void 0?parseFloat(a):1}},lr=t=>q(0,255,t),ye={...Tt,transform:t=>Math.round(lr(t))},at={test:fn("rgb","red"),parse:xi("red","green","blue"),transform:({red:t,green:e,blue:n,alpha:s=1})=>"rgba("+ye.transform(t)+", "+ye.transform(e)+", "+ye.transform(n)+", "+Ct(Rt.transform(s))+")"};function ur(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 Re={test:fn("#"),parse:ur,transform:at.transform},Ft=t=>({test:e=>typeof e=="string"&&e.endsWith(t)&&e.split(" ").length===1,parse:parseFloat,transform:e=>`${e}${t}`}),Q=Ft("deg"),Y=Ft("%"),S=Ft("px"),hr=Ft("vh"),fr=Ft("vw"),Un={...Y,parse:t=>Y.parse(t)/100,transform:t=>Y.transform(t*100)},ft={test:fn("hsl","hue"),parse:xi("hue","saturation","lightness"),transform:({hue:t,saturation:e,lightness:n,alpha:s=1})=>"hsla("+Math.round(t)+", "+Y.transform(Ct(e))+", "+Y.transform(Ct(n))+", "+Ct(Rt.transform(s))+")"},L={test:t=>at.test(t)||Re.test(t)||ft.test(t),parse:t=>at.test(t)?at.parse(t):ft.test(t)?ft.parse(t):Re.parse(t),transform:t=>typeof t=="string"?t:t.hasOwnProperty("red")?at.transform(t):ft.transform(t),getAnimatableNone:t=>{const e=L.parse(t);return e.alpha=0,L.transform(e)}},dr=/(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))/giu;function mr(t){return isNaN(t)&&typeof t=="string"&&(t.match(hn)?.length||0)+(t.match(dr)?.length||0)>0}const Ti="number",wi="color",pr="var",gr="var(",$n="${}",yr=/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 kt(t){const e=t.toString(),n=[],s={color:[],number:[],var:[]},i=[];let r=0;const a=e.replace(yr,c=>(L.test(c)?(s.color.push(r),i.push(wi),n.push(L.parse(c))):c.startsWith(gr)?(s.var.push(r),i.push(pr),n.push(c)):(s.number.push(r),i.push(Ti),n.push(parseFloat(c))),++r,$n)).split($n);return{values:n,split:a,indexes:s,types:i}}function Ai(t){return kt(t).values}function Pi(t){const{split:e,types:n}=kt(t),s=e.length;return i=>{let r="";for(let o=0;o<s;o++)if(r+=e[o],i[o]!==void 0){const a=n[o];a===Ti?r+=Ct(i[o]):a===wi?r+=L.transform(i[o]):r+=i[o]}return r}}const vr=t=>typeof t=="number"?0:L.test(t)?L.getAnimatableNone(t):t;function xr(t){const e=Ai(t);return Pi(t)(e.map(vr))}const et={test:mr,parse:Ai,createTransformer:Pi,getAnimatableNone:xr};function ve(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 Tr({hue:t,saturation:e,lightness:n,alpha:s}){t/=360,e/=100,n/=100;let i=0,r=0,o=0;if(!e)i=r=o=n;else{const a=n<.5?n*(1+e):n+e-n*e,c=2*n-a;i=ve(c,a,t+1/3),r=ve(c,a,t),o=ve(c,a,t-1/3)}return{red:Math.round(i*255),green:Math.round(r*255),blue:Math.round(o*255),alpha:s}}function re(t,e){return n=>n>0?e:t}const R=(t,e,n)=>t+(e-t)*n,xe=(t,e,n)=>{const s=t*t,i=n*(e*e-s)+s;return i<0?0:Math.sqrt(i)},wr=[Re,at,ft],Ar=t=>wr.find(e=>e.test(t));function Wn(t){const e=Ar(t);if(!e)return!1;let n=e.parse(t);return e===ft&&(n=Tr(n)),n}const Kn=(t,e)=>{const n=Wn(t),s=Wn(e);if(!n||!s)return re(t,e);const i={...n};return r=>(i.red=xe(n.red,s.red,r),i.green=xe(n.green,s.green,r),i.blue=xe(n.blue,s.blue,r),i.alpha=R(n.alpha,s.alpha,r),at.transform(i))},ke=new Set(["none","hidden"]);function Pr(t,e){return ke.has(t)?n=>n<=0?t:e:n=>n>=1?e:t}function Sr(t,e){return n=>R(t,e,n)}function dn(t){return typeof t=="number"?Sr:typeof t=="string"?un(t)?re:L.test(t)?Kn:Mr:Array.isArray(t)?Si:typeof t=="object"?L.test(t)?Kn:br:re}function Si(t,e){const n=[...t],s=n.length,i=t.map((r,o)=>dn(r)(r,e[o]));return r=>{for(let o=0;o<s;o++)n[o]=i[o](r);return n}}function br(t,e){const n={...t,...e},s={};for(const i in n)t[i]!==void 0&&e[i]!==void 0&&(s[i]=dn(t[i])(t[i],e[i]));return i=>{for(const r in s)n[r]=s[r](i);return n}}function Cr(t,e){const n=[],s={color:0,var:0,number:0};for(let i=0;i<e.values.length;i++){const r=e.types[i],o=t.indexes[r][s[r]],a=t.values[o]??0;n[i]=a,s[r]++}return n}const Mr=(t,e)=>{const n=et.createTransformer(e),s=kt(t),i=kt(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?ke.has(t)&&!i.values.length||ke.has(e)&&!s.values.length?Pr(t,e):It(Si(Cr(s,i),i.values),n):re(t,e)};function bi(t,e,n){return typeof t=="number"&&typeof e=="number"&&typeof n=="number"?R(t,e,n):dn(t)(t,e)}const Vr=t=>{const e=({timestamp:n})=>t(n);return{start:(n=!0)=>E.update(e,n),stop:()=>tt(e),now:()=>F.isProcessing?F.timestamp:$.now()}},Ci=(t,e,n=10)=>{let s="";const i=Math.max(Math.round(e/n),2);for(let r=0;r<i;r++)s+=Math.round(t(r/(i-1))*1e4)/1e4+", ";return`linear(${s.substring(0,s.length-2)})`},ae=2e4;function mn(t){let e=0;const n=50;let s=t.next(e);for(;!s.done&&e<ae;)e+=n,s=t.next(e);return e>=ae?1/0:e}function Dr(t,e=100,n){const s=n({...t,keyframes:[0,e]}),i=Math.min(mn(s),ae);return{type:"keyframes",ease:r=>s.next(i*r).value/e,duration:_(i)}}const Er=5;function Mi(t,e,n){const s=Math.max(e-Er,0);return oi(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},Te=.001;function Rr({duration:t=k.duration,bounce:e=k.bounce,velocity:n=k.velocity,mass:s=k.mass}){let i,r,o=1-e;o=q(k.minDamping,k.maxDamping,o),t=q(k.minDuration,k.maxDuration,_(t)),o<1?(i=u=>{const l=u*o,h=l*t,f=l-n,d=Le(u,o),p=Math.exp(-h);return Te-f/d*p},r=u=>{const h=u*o*t,f=h*n+n,d=Math.pow(o,2)*Math.pow(u,2)*t,p=Math.exp(-h),y=Le(Math.pow(u,2),o);return(-i(u)+Te>0?-1:1)*((f-d)*p)/y}):(i=u=>{const l=Math.exp(-u*t),h=(u-n)*t+1;return-Te+l*h},r=u=>{const l=Math.exp(-u*t),h=(n-u)*(t*t);return l*h});const a=5/t,c=Lr(i,r,a);if(t=X(t),isNaN(c))return{stiffness:k.stiffness,damping:k.damping,duration:t};{const u=Math.pow(c,2)*s;return{stiffness:u,damping:o*2*Math.sqrt(s*u),duration:t}}}const kr=12;function Lr(t,e,n){let s=n;for(let i=1;i<kr;i++)s=s-t(s)/e(s);return s}function Le(t,e){return t*Math.sqrt(1-e*e)}const jr=["duration","bounce"],Ir=["stiffness","damping","mass"];function _n(t,e){return e.some(n=>t[n]!==void 0)}function Br(t){let e={velocity:k.velocity,stiffness:k.stiffness,damping:k.damping,mass:k.mass,isResolvedFromDuration:!1,...t};if(!_n(t,Ir)&&_n(t,jr))if(t.visualDuration){const n=t.visualDuration,s=2*Math.PI/(n*1.2),i=s*s,r=2*q(.05,1,1-(t.bounce||0))*Math.sqrt(i);e={...e,mass:k.mass,stiffness:i,damping:r}}else{const n=Rr(t);e={...e,...n,mass:k.mass},e.isResolvedFromDuration=!0}return e}function ce(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 r=n.keyframes[0],o=n.keyframes[n.keyframes.length-1],a={done:!1,value:r},{stiffness:c,damping:u,mass:l,duration:h,velocity:f,isResolvedFromDuration:d}=Br({...n,velocity:-_(n.velocity||0)}),p=f||0,y=u/(2*Math.sqrt(c*l)),w=o-r,g=_(Math.sqrt(c/l)),A=Math.abs(w)<5;s||(s=A?k.restSpeed.granular:k.restSpeed.default),i||(i=A?k.restDelta.granular:k.restDelta.default);let v;if(y<1){const P=Le(g,y);v=M=>{const V=Math.exp(-y*g*M);return o-V*((p+y*g*w)/P*Math.sin(P*M)+w*Math.cos(P*M))}}else if(y===1)v=P=>o-Math.exp(-g*P)*(w+(p+g*w)*P);else{const P=g*Math.sqrt(y*y-1);v=M=>{const V=Math.exp(-y*g*M),b=Math.min(P*M,300);return o-V*((p+y*g*w)*Math.sinh(b)+P*w*Math.cosh(b))/P}}const C={calculatedDuration:d&&h||null,next:P=>{const M=v(P);if(d)a.done=P>=h;else{let V=P===0?p:0;y<1&&(V=P===0?X(p):Mi(v,P,M));const b=Math.abs(V)<=s,I=Math.abs(o-M)<=i;a.done=b&&I}return a.value=a.done?o:M,a},toString:()=>{const P=Math.min(mn(C),ae),M=Ci(V=>C.next(P*V).value,P,30);return P+"ms "+M},toTransition:()=>{}};return C}ce.applyToOptions=t=>{const e=Dr(t,100,ce);return t.ease=e.ease,t.duration=X(e.duration),t.type="keyframes",t};function je({keyframes:t,velocity:e=0,power:n=.8,timeConstant:s=325,bounceDamping:i=10,bounceStiffness:r=500,modifyTarget:o,min:a,max:c,restDelta:u=.5,restSpeed:l}){const h=t[0],f={done:!1,value:h},d=b=>a!==void 0&&b<a||c!==void 0&&b>c,p=b=>a===void 0?c:c===void 0||Math.abs(a-b)<Math.abs(c-b)?a:c;let y=n*e;const w=h+y,g=o===void 0?w:o(w);g!==w&&(y=g-h);const A=b=>-y*Math.exp(-b/s),v=b=>g+A(b),C=b=>{const I=A(b),O=v(b);f.done=Math.abs(I)<=u,f.value=f.done?g:O};let P,M;const V=b=>{d(f.value)&&(P=b,M=ce({keyframes:[f.value,p(f.value)],velocity:Mi(v,b,f.value),damping:i,stiffness:r,restDelta:u,restSpeed:l}))};return V(0),{calculatedDuration:null,next:b=>{let I=!1;return!M&&P===void 0&&(I=!0,C(b),V(b)),P!==void 0&&b>=P?M.next(b-P):(!I&&C(b),f)}}}function Fr(t,e,n){const s=[],i=n||Z.mix||bi,r=t.length-1;for(let o=0;o<r;o++){let a=i(t[o],t[o+1]);if(e){const c=Array.isArray(e)?e[o]||G:e;a=It(c,a)}s.push(a)}return s}function Nr(t,e,{clamp:n=!0,ease:s,mixer:i}={}){const r=t.length;if(on(r===e.length),r===1)return()=>e[0];if(r===2&&e[0]===e[1])return()=>e[1];const o=t[0]===t[1];t[0]>t[r-1]&&(t=[...t].reverse(),e=[...e].reverse());const a=Fr(e,s,i),c=a.length,u=l=>{if(o&&l<t[0])return e[0];let h=0;if(c>1)for(;h<t.length-2&&!(l<t[h+1]);h++);const f=Et(t[h],t[h+1],l);return a[h](f)};return n?l=>u(q(t[0],t[r-1],l)):u}function Or(t,e){const n=t[t.length-1];for(let s=1;s<=e;s++){const i=Et(0,e,s);t.push(R(n,1,i))}}function Ur(t){const e=[0];return Or(e,t.length-1),e}function $r(t,e){return t.map(n=>n*e)}function Wr(t,e){return t.map(()=>e||mi).splice(0,t.length-1)}function Mt({duration:t=300,keyframes:e,times:n,ease:s="easeInOut"}){const i=Qo(s)?s.map(On):On(s),r={done:!1,value:e[0]},o=$r(n&&n.length===e.length?n:Ur(e),t),a=Nr(o,e,{ease:Array.isArray(i)?i:Wr(e,i)});return{calculatedDuration:t,next:c=>(r.value=a(c),r.done=c>=t,r)}}const Kr=t=>t!==null;function pn(t,{repeat:e,repeatType:n="loop"},s,i=1){const r=t.filter(Kr),a=i<0||e&&n!=="loop"&&e%2===1?0:r.length-1;return!a||s===void 0?r[a]:s}const _r={decay:je,inertia:je,tween:Mt,keyframes:Mt,spring:ce};function Vi(t){typeof t.type=="string"&&(t.type=_r[t.type])}class gn{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 Gr=t=>t/100;class yn extends gn{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!==$.now()&&this.tick($.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;Vi(e);const{type:n=Mt,repeat:s=0,repeatDelay:i=0,repeatType:r,velocity:o=0}=e;let{keyframes:a}=e;const c=n||Mt;c!==Mt&&typeof a[0]!="number"&&(this.mixKeyframes=It(Gr,bi(a[0],a[1])),a=[0,100]);const u=c({...e,keyframes:a});r==="mirror"&&(this.mirroredGenerator=c({...e,keyframes:[...a].reverse(),velocity:-o})),u.calculatedDuration===null&&(u.calculatedDuration=mn(u));const{calculatedDuration:l}=u;this.calculatedDuration=l,this.resolvedDuration=l+i,this.totalDuration=this.resolvedDuration*(s+1)-i,this.generator=u}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:r,mirroredGenerator:o,resolvedDuration:a,calculatedDuration:c}=this;if(this.startTime===null)return s.next(0);const{delay:u=0,keyframes:l,repeat:h,repeatType:f,repeatDelay:d,type:p,onUpdate:y,finalKeyframe:w}=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-u*(this.playbackSpeed>=0?1:-1),A=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,C=s;if(h){const b=Math.min(this.currentTime,i)/a;let I=Math.floor(b),O=b%1;!O&&b>=1&&(O=1),O===1&&I--,I=Math.min(I,h+1),I%2&&(f==="reverse"?(O=1-O,d&&(O-=d/a)):f==="mirror"&&(C=o)),v=q(0,1,O)*a}const P=A?{done:!1,value:l[0]}:C.next(v);r&&(P.value=r(P.value));let{done:M}=P;!A&&c!==null&&(M=this.playbackSpeed>=0?this.currentTime>=i:this.currentTime<=0);const V=this.holdTime===null&&(this.state==="finished"||this.state==="running"&&M);return V&&p!==je&&(P.value=pn(l,this.options,w,this.speed)),y&&y(P.value),V&&this.finish(),P}then(e,n){return this.finished.then(e,n)}get duration(){return _(this.calculatedDuration)}get iterationDuration(){const{delay:e=0}=this.options||{};return this.duration+_(e)}get time(){return _(this.currentTime)}set time(e){e=X(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($.now());const n=this.playbackSpeed!==e;this.playbackSpeed=e,n&&(this.time=_(this.currentTime))}play(){if(this.isStopped)return;const{driver:e=Vr,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($.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 zr(t){for(let e=1;e<t.length;e++)t[e]??(t[e]=t[e-1])}const ct=t=>t*180/Math.PI,Ie=t=>{const e=ct(Math.atan2(t[1],t[0]));return Be(e)},Hr={x:4,y:5,translateX:4,translateY:5,scaleX:0,scaleY:3,scale:t=>(Math.abs(t[0])+Math.abs(t[3]))/2,rotate:Ie,rotateZ:Ie,skewX:t=>ct(Math.atan(t[1])),skewY:t=>ct(Math.atan(t[2])),skew:t=>(Math.abs(t[1])+Math.abs(t[2]))/2},Be=t=>(t=t%360,t<0&&(t+=360),t),Gn=Ie,zn=t=>Math.sqrt(t[0]*t[0]+t[1]*t[1]),Hn=t=>Math.sqrt(t[4]*t[4]+t[5]*t[5]),Xr={x:12,y:13,z:14,translateX:12,translateY:13,translateZ:14,scaleX:zn,scaleY:Hn,scale:t=>(zn(t)+Hn(t))/2,rotateX:t=>Be(ct(Math.atan2(t[6],t[5]))),rotateY:t=>Be(ct(Math.atan2(-t[2],t[0]))),rotateZ:Gn,rotate:Gn,skewX:t=>ct(Math.atan(t[4])),skewY:t=>ct(Math.atan(t[1])),skew:t=>(Math.abs(t[1])+Math.abs(t[4]))/2};function Fe(t){return t.includes("scale")?1:0}function Ne(t,e){if(!t||t==="none")return Fe(e);const n=t.match(/^matrix3d\(([-\d.e\s,]+)\)$/u);let s,i;if(n)s=Xr,i=n;else{const a=t.match(/^matrix\(([-\d.e\s,]+)\)$/u);s=Hr,i=a}if(!i)return Fe(e);const r=s[e],o=i[1].split(",").map(qr);return typeof r=="function"?r(o):o[r]}const Yr=(t,e)=>{const{transform:n="none"}=getComputedStyle(t);return Ne(n,e)};function qr(t){return parseFloat(t.trim())}const wt=["transformPerspective","x","y","z","translateX","translateY","translateZ","scale","scaleX","scaleY","rotate","rotateX","rotateY","rotateZ","skew","skewX","skewY"],At=new Set(wt),Xn=t=>t===Tt||t===S,Zr=new Set(["x","y","z"]),Jr=wt.filter(t=>!Zr.has(t));function Qr(t){const e=[];return Jr.forEach(n=>{const s=t.getValue(n);s!==void 0&&(e.push([n,s.get()]),s.set(n.startsWith("scale")?1:0))}),e}const lt={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})=>Ne(e,"x"),y:(t,{transform:e})=>Ne(e,"y")};lt.translateX=lt.x;lt.translateY=lt.y;const ut=new Set;let Oe=!1,Ue=!1,$e=!1;function Di(){if(Ue){const t=Array.from(ut).filter(s=>s.needsMeasurement),e=new Set(t.map(s=>s.element)),n=new Map;e.forEach(s=>{const i=Qr(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(([r,o])=>{s.getValue(r)?.set(o)})}),t.forEach(s=>s.measureEndState()),t.forEach(s=>{s.suspendedScrollY!==void 0&&window.scrollTo(0,s.suspendedScrollY)})}Ue=!1,Oe=!1,ut.forEach(t=>t.complete($e)),ut.clear()}function Ei(){ut.forEach(t=>{t.readKeyframes(),t.needsMeasurement&&(Ue=!0)})}function ta(){$e=!0,Ei(),Di(),$e=!1}class vn{constructor(e,n,s,i,r,o=!1){this.state="pending",this.isAsync=!1,this.needsMeasurement=!1,this.unresolvedKeyframes=[...e],this.onComplete=n,this.name=s,this.motionValue=i,this.element=r,this.isAsync=o}scheduleResolve(){this.state="scheduled",this.isAsync?(ut.add(this),Oe||(Oe=!0,E.read(Ei),E.resolveKeyframes(Di))):(this.readKeyframes(),this.complete())}readKeyframes(){const{unresolvedKeyframes:e,name:n,element:s,motionValue:i}=this;if(e[0]===null){const r=i?.get(),o=e[e.length-1];if(r!==void 0)e[0]=r;else if(s&&n){const a=s.readValue(n,o);a!=null&&(e[0]=a)}e[0]===void 0&&(e[0]=o),i&&r===void 0&&i.set(e[0])}zr(e)}setFinalKeyframe(){}measureInitialState(){}renderEndStyles(){}measureEndState(){}complete(e=!1){this.state="complete",this.onComplete(this.unresolvedKeyframes,this.finalKeyframe,e),ut.delete(this)}cancel(){this.state==="scheduled"&&(ut.delete(this),this.state="pending")}resume(){this.state==="pending"&&this.scheduleResolve()}}const ea=t=>t.startsWith("--");function na(t,e,n){ea(e)?t.style.setProperty(e,n):t.style[e]=n}const sa=rn(()=>window.ScrollTimeline!==void 0),ia={};function oa(t,e){const n=rn(t);return()=>ia[e]??n()}const Ri=oa(()=>{try{document.createElement("div").animate({opacity:0},{easing:"linear(0, 1)"})}catch{return!1}return!0},"linearEasing"),bt=([t,e,n,s])=>`cubic-bezier(${t}, ${e}, ${n}, ${s})`,Yn={linear:"linear",ease:"ease",easeIn:"ease-in",easeOut:"ease-out",easeInOut:"ease-in-out",circIn:bt([0,.65,.55,1]),circOut:bt([.55,0,1,.45]),backIn:bt([.31,.01,.66,-.59]),backOut:bt([.33,1.53,.69,.99])};function ki(t,e){if(t)return typeof t=="function"?Ri()?Ci(t,e):"ease-out":pi(t)?bt(t):Array.isArray(t)?t.map(n=>ki(n,e)||Yn.easeOut):Yn[t]}function ra(t,e,n,{delay:s=0,duration:i=300,repeat:r=0,repeatType:o="loop",ease:a="easeOut",times:c}={},u=void 0){const l={[e]:n};c&&(l.offset=c);const h=ki(a,i);Array.isArray(h)&&(l.easing=h);const f={delay:s,duration:i,easing:Array.isArray(h)?"linear":h,fill:"both",iterations:r+1,direction:o==="reverse"?"alternate":"normal"};return u&&(f.pseudoElement=u),t.animate(l,f)}function Li(t){return typeof t=="function"&&"applyToOptions"in t}function aa({type:t,...e}){return Li(t)&&Ri()?t.applyToOptions(e):(e.duration??(e.duration=300),e.ease??(e.ease="easeOut"),e)}class ca extends gn{constructor(e){if(super(),this.finishedTime=null,this.isStopped=!1,!e)return;const{element:n,name:s,keyframes:i,pseudoElement:r,allowFlatten:o=!1,finalKeyframe:a,onComplete:c}=e;this.isPseudoElement=!!r,this.allowFlatten=o,this.options=e,on(typeof e.type!="string");const u=aa(e);this.animation=ra(n,s,i,u,r),u.autoplay===!1&&this.animation.pause(),this.animation.onfinish=()=>{if(this.finishedTime=this.time,!r){const l=pn(i,this.options,a,this.speed);this.updateMotionValue?this.updateMotionValue(l):na(n,s,l),this.animation.cancel()}c?.(),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 _(Number(e))}get iterationDuration(){const{delay:e=0}=this.options||{};return this.duration+_(e)}get time(){return _(Number(this.animation.currentTime)||0)}set time(e){this.finishedTime=null,this.animation.currentTime=X(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&&sa()?(this.animation.timeline=e,G):n(this)}}const ji={anticipate:hi,backInOut:ui,circInOut:di};function la(t){return t in ji}function ua(t){typeof t.ease=="string"&&la(t.ease)&&(t.ease=ji[t.ease])}const qn=10;class ha extends ca{constructor(e){ua(e),Vi(e),super(e),e.startTime&&(this.startTime=e.startTime),this.options=e}updateMotionValue(e){const{motionValue:n,onUpdate:s,onComplete:i,element:r,...o}=this.options;if(!n)return;if(e!==void 0){n.set(e);return}const a=new yn({...o,autoplay:!1}),c=X(this.finishedTime??this.time);n.setWithVelocity(a.sample(c-qn).value,a.sample(c).value,qn),a.stop()}}const Zn=(t,e)=>e==="zIndex"?!1:!!(typeof t=="number"||Array.isArray(t)||typeof t=="string"&&(et.test(t)||t==="0")&&!t.startsWith("url("));function fa(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 da(t,e,n,s){const i=t[0];if(i===null)return!1;if(e==="display"||e==="visibility")return!0;const r=t[t.length-1],o=Zn(i,e),a=Zn(r,e);return!o||!a?!1:fa(t)||(n==="spring"||Li(n))&&s}function We(t){t.duration=0,t.type="keyframes"}const ma=new Set(["opacity","clipPath","filter","transform"]),pa=rn(()=>Object.hasOwnProperty.call(Element.prototype,"animate"));function ga(t){const{motionValue:e,name:n,repeatDelay:s,repeatType:i,damping:r,type:o}=t;if(!(e?.owner?.current instanceof HTMLElement))return!1;const{onUpdate:c,transformTemplate:u}=e.owner.getProps();return pa()&&n&&ma.has(n)&&(n!=="transform"||!u)&&!c&&!s&&i!=="mirror"&&r!==0&&o!=="inertia"}const ya=40;class va extends gn{constructor({autoplay:e=!0,delay:n=0,type:s="keyframes",repeat:i=0,repeatDelay:r=0,repeatType:o="loop",keyframes:a,name:c,motionValue:u,element:l,...h}){super(),this.stop=()=>{this._animation&&(this._animation.stop(),this.stopTimeline?.()),this.keyframeResolver?.cancel()},this.createdAt=$.now();const f={autoplay:e,delay:n,type:s,repeat:i,repeatDelay:r,repeatType:o,name:c,motionValue:u,element:l,...h},d=l?.KeyframeResolver||vn;this.keyframeResolver=new d(a,(p,y,w)=>this.onKeyframesResolved(p,y,f,!w),c,u,l),this.keyframeResolver?.scheduleResolve()}onKeyframesResolved(e,n,s,i){this.keyframeResolver=void 0;const{name:r,type:o,velocity:a,delay:c,isHandoff:u,onUpdate:l}=s;this.resolvedAt=$.now(),da(e,r,o,a)||((Z.instantAnimations||!c)&&l?.(pn(e,s,n)),e[0]=e[e.length-1],We(s),s.repeat=0);const f={startTime:i?this.resolvedAt?this.resolvedAt-this.createdAt>ya?this.resolvedAt:this.createdAt:this.createdAt:void 0,finalKeyframe:n,...s,keyframes:e},d=!u&&ga(f)?new ha({...f,element:f.motionValue.owner.current}):new yn(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(),ta()),this._animation}get duration(){return this.animation.duration}get iterationDuration(){return this.animation.iterationDuration}get time(){return this.animation.time}set time(e){this.animation.time=e}get speed(){return this.animation.speed}get state(){return this.animation.state}set speed(e){this.animation.speed=e}get startTime(){return this.animation.startTime}attachTimeline(e){return this._animation?this.stopTimeline=this.animation.attachTimeline(e):this.pendingTimeline=e,()=>this.stop()}play(){this.animation.play()}pause(){this.animation.pause()}complete(){this.animation.complete()}cancel(){this._animation&&this.animation.cancel(),this.keyframeResolver?.cancel()}}const xa=/^var\(--(?:([\w-]+)|([\w-]+), ?([a-zA-Z\d ()%#.,-]+))\)/u;function Ta(t){const e=xa.exec(t);if(!e)return[,];const[,n,s,i]=e;return[`--${n??s}`,i]}function Ii(t,e,n=1){const[s,i]=Ta(t);if(!s)return;const r=window.getComputedStyle(e).getPropertyValue(s);if(r){const o=r.trim();return ni(o)?parseFloat(o):o}return un(i)?Ii(i,e,n+1):i}function xn(t,e){return t?.[e]??t?.default??t}const Bi=new Set(["width","height","top","left","right","bottom",...wt]),wa={test:t=>t==="auto",parse:t=>t},Fi=t=>e=>e.test(t),Ni=[Tt,S,Y,Q,fr,hr,wa],Jn=t=>Ni.find(Fi(t));function Aa(t){return typeof t=="number"?t===0:t!==null?t==="none"||t==="0"||ii(t):!0}const Pa=new Set(["brightness","contrast","saturate","opacity"]);function Sa(t){const[e,n]=t.slice(0,-1).split("(");if(e==="drop-shadow")return t;const[s]=n.match(hn)||[];if(!s)return t;const i=n.replace(s,"");let r=Pa.has(e)?1:0;return s!==n&&(r*=100),e+"("+r+i+")"}const ba=/\b([a-z-]*)\(.*?\)/gu,Ke={...et,getAnimatableNone:t=>{const e=t.match(ba);return e?e.map(Sa).join(" "):t}},Qn={...Tt,transform:Math.round},Ca={rotate:Q,rotateX:Q,rotateY:Q,rotateZ:Q,scale:Ut,scaleX:Ut,scaleY:Ut,scaleZ:Ut,skew:Q,skewX:Q,skewY:Q,distance:S,translateX:S,translateY:S,translateZ:S,x:S,y:S,z:S,perspective:S,transformPerspective:S,opacity:Rt,originX:Un,originY:Un,originZ:S},Tn={borderWidth:S,borderTopWidth:S,borderRightWidth:S,borderBottomWidth:S,borderLeftWidth:S,borderRadius:S,radius:S,borderTopLeftRadius:S,borderTopRightRadius:S,borderBottomRightRadius:S,borderBottomLeftRadius:S,width:S,maxWidth:S,height:S,maxHeight:S,top:S,right:S,bottom:S,left:S,padding:S,paddingTop:S,paddingRight:S,paddingBottom:S,paddingLeft:S,margin:S,marginTop:S,marginRight:S,marginBottom:S,marginLeft:S,backgroundPositionX:S,backgroundPositionY:S,...Ca,zIndex:Qn,fillOpacity:Rt,strokeOpacity:Rt,numOctaves:Qn},Ma={...Tn,color:L,backgroundColor:L,outlineColor:L,fill:L,stroke:L,borderColor:L,borderTopColor:L,borderRightColor:L,borderBottomColor:L,borderLeftColor:L,filter:Ke,WebkitFilter:Ke},Oi=t=>Ma[t];function Ui(t,e){let n=Oi(t);return n!==Ke&&(n=et),n.getAnimatableNone?n.getAnimatableNone(e):void 0}const Va=new Set(["auto","none","0"]);function Da(t,e,n){let s=0,i;for(;s<t.length&&!i;){const r=t[s];typeof r=="string"&&!Va.has(r)&&kt(r).values.length&&(i=t[s]),s++}if(i&&n)for(const r of e)t[r]=Ui(n,i)}class Ea extends vn{constructor(e,n,s,i,r){super(e,n,s,i,r,!0)}readKeyframes(){const{unresolvedKeyframes:e,element:n,name:s}=this;if(!n||!n.current)return;super.readKeyframes();for(let c=0;c<e.length;c++){let u=e[c];if(typeof u=="string"&&(u=u.trim(),un(u))){const l=Ii(u,n.current);l!==void 0&&(e[c]=l),c===e.length-1&&(this.finalKeyframe=u)}}if(this.resolveNoneKeyframes(),!Bi.has(s)||e.length!==2)return;const[i,r]=e,o=Jn(i),a=Jn(r);if(o!==a)if(Xn(o)&&Xn(a))for(let c=0;c<e.length;c++){const u=e[c];typeof u=="string"&&(e[c]=parseFloat(u))}else lt[s]&&(this.needsMeasurement=!0)}resolveNoneKeyframes(){const{unresolvedKeyframes:e,name:n}=this,s=[];for(let i=0;i<e.length;i++)(e[i]===null||Aa(e[i]))&&s.push(i);s.length&&Da(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=lt[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 r=s.length-1,o=s[r];s[r]=lt[n](e.measureViewportBox(),window.getComputedStyle(e.current)),o!==null&&this.finalKeyframe===void 0&&(this.finalKeyframe=o),this.removedTransforms?.length&&this.removedTransforms.forEach(([a,c])=>{e.getValue(a).set(c)}),this.resolveNoneKeyframes()}}function Ra(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 $i=(t,e)=>e&&typeof t=="number"?e.transform(t):t;function Wi(t){return si(t)&&"offsetHeight"in t}const ts=30,ka=t=>!isNaN(parseFloat(t));class La{constructor(e,n={}){this.canTrackVelocity=null,this.events={},this.updateAndNotify=s=>{const i=$.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 r of this.dependents)r.dirty()},this.hasAnimated=!1,this.setCurrent(e),this.owner=n.owner}setCurrent(e){this.current=e,this.updatedAt=$.now(),this.canTrackVelocity===null&&e!==void 0&&(this.canTrackVelocity=ka(this.current))}setPrevFrameValue(e=this.current){this.prevFrameValue=e,this.prevUpdatedAt=this.updatedAt}onChange(e){return this.on("change",e)}on(e,n){this.events[e]||(this.events[e]=new an);const s=this.events[e].add(n);return e==="change"?()=>{s(),E.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=$.now();if(!this.canTrackVelocity||this.prevFrameValue===void 0||e-this.updatedAt>ts)return 0;const n=Math.min(this.updatedAt-this.prevUpdatedAt,ts);return oi(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 vt(t,e){return new La(t,e)}const{schedule:wn}=gi(queueMicrotask,!1),H={x:!1,y:!1};function Ki(){return H.x||H.y}function ja(t){return t==="x"||t==="y"?H[t]?null:(H[t]=!0,()=>{H[t]=!1}):H.x||H.y?null:(H.x=H.y=!0,()=>{H.x=H.y=!1})}function _i(t,e){const n=Ra(t),s=new AbortController,i={passive:!0,...e,signal:s.signal};return[n,i,()=>s.abort()]}function es(t){return!(t.pointerType==="touch"||Ki())}function Ia(t,e,n={}){const[s,i,r]=_i(t,n),o=a=>{if(!es(a))return;const{target:c}=a,u=e(c,a);if(typeof u!="function"||!c)return;const l=h=>{es(h)&&(u(h),c.removeEventListener("pointerleave",l))};c.addEventListener("pointerleave",l,i)};return s.forEach(a=>{a.addEventListener("pointerenter",o,i)}),r}const Gi=(t,e)=>e?t===e?!0:Gi(t,e.parentElement):!1,An=t=>t.pointerType==="mouse"?typeof t.button!="number"||t.button<=0:t.isPrimary!==!1,Ba=new Set(["BUTTON","INPUT","SELECT","TEXTAREA","A"]);function Fa(t){return Ba.has(t.tagName)||t.tabIndex!==-1}const ne=new WeakSet;function ns(t){return e=>{e.key==="Enter"&&t(e)}}function we(t,e){t.dispatchEvent(new PointerEvent("pointer"+e,{isPrimary:!0,bubbles:!0}))}const Na=(t,e)=>{const n=t.currentTarget;if(!n)return;const s=ns(()=>{if(ne.has(n))return;we(n,"down");const i=ns(()=>{we(n,"up")}),r=()=>we(n,"cancel");n.addEventListener("keyup",i,e),n.addEventListener("blur",r,e)});n.addEventListener("keydown",s,e),n.addEventListener("blur",()=>n.removeEventListener("keydown",s),e)};function ss(t){return An(t)&&!Ki()}function Oa(t,e,n={}){const[s,i,r]=_i(t,n),o=a=>{const c=a.currentTarget;if(!ss(a))return;ne.add(c);const u=e(c,a),l=(d,p)=>{window.removeEventListener("pointerup",h),window.removeEventListener("pointercancel",f),ne.has(c)&&ne.delete(c),ss(d)&&typeof u=="function"&&u(d,{success:p})},h=d=>{l(d,c===window||c===document||n.useGlobalTarget||Gi(c,d.target))},f=d=>{l(d,!1)};window.addEventListener("pointerup",h,i),window.addEventListener("pointercancel",f,i)};return s.forEach(a=>{(n.useGlobalTarget?window:a).addEventListener("pointerdown",o,i),Wi(a)&&(a.addEventListener("focus",u=>Na(u,i)),!Fa(a)&&!a.hasAttribute("tabindex")&&(a.tabIndex=0))}),r}function zi(t){return si(t)&&"ownerSVGElement"in t}function Ua(t){return zi(t)&&t.tagName==="svg"}const N=t=>!!(t&&t.getVelocity),$a=[...Ni,L,et],Wa=t=>$a.find(Fi(t)),Pn=x.createContext({transformPagePoint:t=>t,isStatic:!1,reducedMotion:"never"});function is(t,e){if(typeof t=="function")return t(e);t!=null&&(t.current=e)}function Ka(...t){return e=>{let n=!1;const s=t.map(i=>{const r=is(i,e);return!n&&typeof r=="function"&&(n=!0),r});if(n)return()=>{for(let i=0;i<s.length;i++){const r=s[i];typeof r=="function"?r():is(t[i],null)}}}}function _a(...t){return x.useCallback(Ka(...t),t)}class Ga extends x.Component{getSnapshotBeforeUpdate(e){const n=this.props.childRef.current;if(n&&e.isPresent&&!this.props.isPresent){const s=n.offsetParent,i=Wi(s)&&s.offsetWidth||0,r=this.props.sizeRef.current;r.height=n.offsetHeight||0,r.width=n.offsetWidth||0,r.top=n.offsetTop,r.left=n.offsetLeft,r.right=i-r.width-r.left}return null}componentDidUpdate(){}render(){return this.props.children}}function za({children:t,isPresent:e,anchorX:n,root:s}){const i=x.useId(),r=x.useRef(null),o=x.useRef({width:0,height:0,top:0,left:0,right:0}),{nonce:a}=x.useContext(Pn),c=_a(r,t?.ref);return x.useInsertionEffect(()=>{const{width:u,height:l,top:h,left:f,right:d}=o.current;if(e||!r.current||!u||!l)return;const p=n==="left"?`left: ${f}`:`right: ${d}`;r.current.dataset.motionPopId=i;const y=document.createElement("style");a&&(y.nonce=a);const w=s??document.head;return w.appendChild(y),y.sheet&&y.sheet.insertRule(`
+          [data-motion-pop-id="${i}"] {
+            position: absolute !important;
+            width: ${u}px !important;
+            height: ${l}px !important;
+            ${p}px !important;
+            top: ${h}px !important;
+          }
+        `),()=>{w.contains(y)&&w.removeChild(y)}},[e]),T.jsx(Ga,{isPresent:e,childRef:r,sizeRef:o,children:x.cloneElement(t,{ref:c})})}const Ha=({children:t,initial:e,isPresent:n,onExitComplete:s,custom:i,presenceAffectsLayout:r,mode:o,anchorX:a,root:c})=>{const u=tn(Xa),l=x.useId();let h=!0,f=x.useMemo(()=>(h=!1,{id:l,initial:e,isPresent:n,custom:i,onExitComplete:d=>{u.set(d,!0);for(const p of u.values())if(!p)return;s&&s()},register:d=>(u.set(d,!1),()=>u.delete(d))}),[n,u,s]);return r&&h&&(f={...f}),x.useMemo(()=>{u.forEach((d,p)=>u.set(p,!1))},[n]),x.useEffect(()=>{!n&&!u.size&&s&&s()},[n]),o==="popLayout"&&(t=T.jsx(za,{isPresent:n,anchorX:a,root:c,children:t})),T.jsx(fe.Provider,{value:f,children:t})};function Xa(){return new Map}function Hi(t=!0){const e=x.useContext(fe);if(e===null)return[!0,null];const{isPresent:n,onExitComplete:s,register:i}=e,r=x.useId();x.useEffect(()=>{if(t)return i(r)},[t]);const o=x.useCallback(()=>t&&s&&s(r),[r,s,t]);return!n&&s?[!1,o]:[!0]}const $t=t=>t.key||"";function os(t){const e=[];return x.Children.forEach(t,n=>{x.isValidElement(n)&&e.push(n)}),e}const Ya=({children:t,custom:e,initial:n=!0,onExitComplete:s,presenceAffectsLayout:i=!0,mode:r="sync",propagate:o=!1,anchorX:a="left",root:c})=>{const[u,l]=Hi(o),h=x.useMemo(()=>os(t),[t]),f=o&&!u?[]:h.map($t),d=x.useRef(!0),p=x.useRef(h),y=tn(()=>new Map),[w,g]=x.useState(h),[A,v]=x.useState(h);ei(()=>{d.current=!1,p.current=h;for(let M=0;M<A.length;M++){const V=$t(A[M]);f.includes(V)?y.delete(V):y.get(V)!==!0&&y.set(V,!1)}},[A,f.length,f.join("-")]);const C=[];if(h!==w){let M=[...h];for(let V=0;V<A.length;V++){const b=A[V],I=$t(b);f.includes(I)||(M.splice(V,0,b),C.push(b))}return r==="wait"&&C.length&&(M=C),v(os(M)),g(h),null}const{forceRender:P}=x.useContext(Qe);return T.jsx(T.Fragment,{children:A.map(M=>{const V=$t(M),b=o&&!u?!1:h===A||f.includes(V),I=()=>{if(y.has(V))y.set(V,!0);else return;let O=!0;y.forEach(J=>{J||(O=!1)}),O&&(P?.(),v(p.current),o&&l?.(),s&&s())};return T.jsx(Ha,{isPresent:b,initial:!d.current||n?void 0:!1,custom:e,presenceAffectsLayout:i,mode:r,root:c,onExitComplete:b?void 0:I,anchorX:a,children:M},V)})})},Xi=x.createContext({strict:!1}),rs={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"]},xt={};for(const t in rs)xt[t]={isEnabled:e=>rs[t].some(n=>!!e[n])};function qa(t){for(const e in t)xt[e]={...xt[e],...t[e]}}const Za=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 le(t){return t.startsWith("while")||t.startsWith("drag")&&t!=="draggable"||t.startsWith("layout")||t.startsWith("onTap")||t.startsWith("onPan")||t.startsWith("onLayout")||Za.has(t)}let Yi=t=>!le(t);function Ja(t){typeof t=="function"&&(Yi=e=>e.startsWith("on")?!le(e):t(e))}try{Ja(require("@emotion/is-prop-valid").default)}catch{}function Qa(t,e,n){const s={};for(const i in t)i==="values"&&typeof t.values=="object"||(Yi(i)||n===!0&&le(i)||!e&&!le(i)||t.draggable&&i.startsWith("onDrag"))&&(s[i]=t[i]);return s}const de=x.createContext({});function me(t){return t!==null&&typeof t=="object"&&typeof t.start=="function"}function Lt(t){return typeof t=="string"||Array.isArray(t)}const Sn=["animate","whileInView","whileFocus","whileHover","whileTap","whileDrag","exit"],bn=["initial",...Sn];function pe(t){return me(t.animate)||bn.some(e=>Lt(t[e]))}function qi(t){return!!(pe(t)||t.variants)}function tc(t,e){if(pe(t)){const{initial:n,animate:s}=t;return{initial:n===!1||Lt(n)?n:void 0,animate:Lt(s)?s:void 0}}return t.inherit!==!1?e:{}}function ec(t){const{initial:e,animate:n}=tc(t,x.useContext(de));return x.useMemo(()=>({initial:e,animate:n}),[as(e),as(n)])}function as(t){return Array.isArray(t)?t.join(" "):t}function cs(t,e){return e.max===e.min?0:t/(e.max-e.min)*100}const St={correct:(t,e)=>{if(!e.target)return t;if(typeof t=="string")if(S.test(t))t=parseFloat(t);else return t;const n=cs(t,e.target.x),s=cs(t,e.target.y);return`${n}% ${s}%`}},nc={correct:(t,{treeScale:e,projectionDelta:n})=>{const s=t,i=et.parse(t);if(i.length>5)return s;const r=et.createTransformer(t),o=typeof i[0]!="number"?1:0,a=n.x.scale*e.x,c=n.y.scale*e.y;i[0+o]/=a,i[1+o]/=c;const u=R(a,c,.5);return typeof i[2+o]=="number"&&(i[2+o]/=u),typeof i[3+o]=="number"&&(i[3+o]/=u),r(i)}},_e={borderRadius:{...St,applyTo:["borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius"]},borderTopLeftRadius:St,borderTopRightRadius:St,borderBottomLeftRadius:St,borderBottomRightRadius:St,boxShadow:nc};function Zi(t,{layout:e,layoutId:n}){return At.has(t)||t.startsWith("origin")||(e||n!==void 0)&&(!!_e[t]||t==="opacity")}const sc={x:"translateX",y:"translateY",z:"translateZ",transformPerspective:"perspective"},ic=wt.length;function oc(t,e,n){let s="",i=!0;for(let r=0;r<ic;r++){const o=wt[r],a=t[o];if(a===void 0)continue;let c=!0;if(typeof a=="number"?c=a===(o.startsWith("scale")?1:0):c=parseFloat(a)===0,!c||n){const u=$i(a,Tn[o]);if(!c){i=!1;const l=sc[o]||o;s+=`${l}(${u}) `}n&&(e[o]=u)}}return s=s.trim(),n?s=n(e,i?"":s):i&&(s="none"),s}function Cn(t,e,n){const{style:s,vars:i,transformOrigin:r}=t;let o=!1,a=!1;for(const c in e){const u=e[c];if(At.has(c)){o=!0;continue}else if(vi(c)){i[c]=u;continue}else{const l=$i(u,Tn[c]);c.startsWith("origin")?(a=!0,r[c]=l):s[c]=l}}if(e.transform||(o||n?s.transform=oc(e,t.transform,n):s.transform&&(s.transform="none")),a){const{originX:c="50%",originY:u="50%",originZ:l=0}=r;s.transformOrigin=`${c} ${u} ${l}`}}const Mn=()=>({style:{},transform:{},transformOrigin:{},vars:{}});function Ji(t,e,n){for(const s in e)!N(e[s])&&!Zi(s,n)&&(t[s]=e[s])}function rc({transformTemplate:t},e){return x.useMemo(()=>{const n=Mn();return Cn(n,e,t),Object.assign({},n.vars,n.style)},[e])}function ac(t,e){const n=t.style||{},s={};return Ji(s,n,t),Object.assign(s,rc(t,e)),s}function cc(t,e){const n={},s=ac(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 lc={offset:"stroke-dashoffset",array:"stroke-dasharray"},uc={offset:"strokeDashoffset",array:"strokeDasharray"};function hc(t,e,n=1,s=0,i=!0){t.pathLength=1;const r=i?lc:uc;t[r.offset]=S.transform(-s);const o=S.transform(e),a=S.transform(n);t[r.array]=`${o} ${a}`}function Qi(t,{attrX:e,attrY:n,attrScale:s,pathLength:i,pathSpacing:r=1,pathOffset:o=0,...a},c,u,l){if(Cn(t,a,u),c){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=l?.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&&hc(h,i,r,o,!1)}const to=()=>({...Mn(),attrs:{}}),eo=t=>typeof t=="string"&&t.toLowerCase()==="svg";function fc(t,e,n,s){const i=x.useMemo(()=>{const r=to();return Qi(r,e,eo(s),t.transformTemplate,t.style),{...r.attrs,style:{...r.style}}},[e]);if(t.style){const r={};Ji(r,t.style,t),i.style={...r,...i.style}}return i}const dc=["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 Vn(t){return typeof t!="string"||t.includes("-")?!1:!!(dc.indexOf(t)>-1||/[A-Z]/u.test(t))}function mc(t,e,n,{latestValues:s},i,r=!1){const a=(Vn(t)?fc:cc)(e,s,i,t),c=Qa(e,typeof t=="string",r),u=t!==x.Fragment?{...c,...a,ref:n}:{},{children:l}=e,h=x.useMemo(()=>N(l)?l.get():l,[l]);return x.createElement(t,{...u,children:h})}function ls(t){const e=[{},{}];return t?.values.forEach((n,s)=>{e[0][s]=n.get(),e[1][s]=n.getVelocity()}),e}function Dn(t,e,n,s){if(typeof e=="function"){const[i,r]=ls(s);e=e(n!==void 0?n:t.custom,i,r)}if(typeof e=="string"&&(e=t.variants&&t.variants[e]),typeof e=="function"){const[i,r]=ls(s);e=e(n!==void 0?n:t.custom,i,r)}return e}function se(t){return N(t)?t.get():t}function pc({scrapeMotionValuesFromProps:t,createRenderState:e},n,s,i){return{latestValues:gc(n,s,i,t),renderState:e()}}function gc(t,e,n,s){const i={},r=s(t,{});for(const f in r)i[f]=se(r[f]);let{initial:o,animate:a}=t;const c=pe(t),u=qi(t);e&&u&&!c&&t.inherit!==!1&&(o===void 0&&(o=e.initial),a===void 0&&(a=e.animate));let l=n?n.initial===!1:!1;l=l||o===!1;const h=l?a:o;if(h&&typeof h!="boolean"&&!me(h)){const f=Array.isArray(h)?h:[h];for(let d=0;d<f.length;d++){const p=Dn(t,f[d]);if(p){const{transitionEnd:y,transition:w,...g}=p;for(const A in g){let v=g[A];if(Array.isArray(v)){const C=l?v.length-1:0;v=v[C]}v!==null&&(i[A]=v)}for(const A in y)i[A]=y[A]}}}return i}const no=t=>(e,n)=>{const s=x.useContext(de),i=x.useContext(fe),r=()=>pc(t,e,s,i);return n?r():tn(r)};function En(t,e,n){const{style:s}=t,i={};for(const r in s)(N(s[r])||e.style&&N(e.style[r])||Zi(r,t)||n?.getValue(r)?.liveStyle!==void 0)&&(i[r]=s[r]);return i}const yc=no({scrapeMotionValuesFromProps:En,createRenderState:Mn});function so(t,e,n){const s=En(t,e,n);for(const i in t)if(N(t[i])||N(e[i])){const r=wt.indexOf(i)!==-1?"attr"+i.charAt(0).toUpperCase()+i.substring(1):i;s[r]=t[i]}return s}const vc=no({scrapeMotionValuesFromProps:so,createRenderState:to}),xc=Symbol.for("motionComponentSymbol");function dt(t){return t&&typeof t=="object"&&Object.prototype.hasOwnProperty.call(t,"current")}function Tc(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 Rn=t=>t.replace(/([a-z])([A-Z])/gu,"$1-$2").toLowerCase(),wc="framerAppearId",io="data-"+Rn(wc),oo=x.createContext({});function Ac(t,e,n,s,i){const{visualElement:r}=x.useContext(de),o=x.useContext(Xi),a=x.useContext(fe),c=x.useContext(Pn).reducedMotion,u=x.useRef(null);s=s||o.renderer,!u.current&&s&&(u.current=s(t,{visualState:e,parent:r,props:n,presenceContext:a,blockInitialAnimation:a?a.initial===!1:!1,reducedMotionConfig:c}));const l=u.current,h=x.useContext(oo);l&&!l.projection&&i&&(l.type==="html"||l.type==="svg")&&Pc(u.current,n,i,h);const f=x.useRef(!1);x.useInsertionEffect(()=>{l&&f.current&&l.update(n,a)});const d=n[io],p=x.useRef(!!d&&!window.MotionHandoffIsComplete?.(d)&&window.MotionHasOptimisedAnimation?.(d));return ei(()=>{l&&(f.current=!0,window.MotionIsMounted=!0,l.updateFeatures(),l.scheduleRenderMicrotask(),p.current&&l.animationState&&l.animationState.animateChanges())}),x.useEffect(()=>{l&&(!p.current&&l.animationState&&l.animationState.animateChanges(),p.current&&(queueMicrotask(()=>{window.MotionHandoffMarkAsComplete?.(d)}),p.current=!1),l.enteringChildren=void 0)}),l}function Pc(t,e,n,s){const{layoutId:i,layout:r,drag:o,dragConstraints:a,layoutScroll:c,layoutRoot:u,layoutCrossfade:l}=e;t.projection=new n(t.latestValues,e["data-framer-portal-id"]?void 0:ro(t.parent)),t.projection.setOptions({layoutId:i,layout:r,alwaysMeasureLayout:!!o||a&&dt(a),visualElement:t,animationType:typeof r=="string"?r:"both",initialPromotionConfig:s,crossfade:l,layoutScroll:c,layoutRoot:u})}function ro(t){if(t)return t.options.allowProjection!==!1?t.projection:ro(t.parent)}function Ae(t,{forwardMotionProps:e=!1}={},n,s){n&&qa(n);const i=Vn(t)?vc:yc;function r(a,c){let u;const l={...x.useContext(Pn),...a,layoutId:Sc(a)},{isStatic:h}=l,f=ec(a),d=i(a,h);if(!h&&en){bc();const p=Cc(l);u=p.MeasureLayout,f.visualElement=Ac(t,d,l,s,p.ProjectionNode)}return T.jsxs(de.Provider,{value:f,children:[u&&f.visualElement?T.jsx(u,{visualElement:f.visualElement,...l}):null,mc(t,a,Tc(d,f.visualElement,c),d,h,e)]})}r.displayName=`motion.${typeof t=="string"?t:`create(${t.displayName??t.name??""})`}`;const o=x.forwardRef(r);return o[xc]=t,o}function Sc({layoutId:t}){const e=x.useContext(Qe).id;return e&&t!==void 0?e+"-"+t:t}function bc(t,e){x.useContext(Xi).strict}function Cc(t){const{drag:e,layout:n}=xt;if(!e&&!n)return{};const s={...e,...n};return{MeasureLayout:e?.isEnabled(t)||n?.isEnabled(t)?s.MeasureLayout:void 0,ProjectionNode:s.ProjectionNode}}function Mc(t,e){if(typeof Proxy>"u")return Ae;const n=new Map,s=(r,o)=>Ae(r,o,t,e),i=(r,o)=>s(r,o);return new Proxy(i,{get:(r,o)=>o==="create"?s:(n.has(o)||n.set(o,Ae(o,void 0,t,e)),n.get(o))})}function ao({top:t,left:e,right:n,bottom:s}){return{x:{min:e,max:n},y:{min:t,max:s}}}function Vc({x:t,y:e}){return{top:e.min,right:t.max,bottom:e.max,left:t.min}}function Dc(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 Pe(t){return t===void 0||t===1}function Ge({scale:t,scaleX:e,scaleY:n}){return!Pe(t)||!Pe(e)||!Pe(n)}function rt(t){return Ge(t)||co(t)||t.z||t.rotate||t.rotateX||t.rotateY||t.skewX||t.skewY}function co(t){return us(t.x)||us(t.y)}function us(t){return t&&t!=="0%"}function ue(t,e,n){const s=t-n,i=e*s;return n+i}function hs(t,e,n,s,i){return i!==void 0&&(t=ue(t,i,s)),ue(t,n,s)+e}function ze(t,e=0,n=1,s,i){t.min=hs(t.min,e,n,s,i),t.max=hs(t.max,e,n,s,i)}function lo(t,{x:e,y:n}){ze(t.x,e.translate,e.scale,e.originPoint),ze(t.y,n.translate,n.scale,n.originPoint)}const fs=.999999999999,ds=1.0000000000001;function Ec(t,e,n,s=!1){const i=n.length;if(!i)return;e.x=e.y=1;let r,o;for(let a=0;a<i;a++){r=n[a],o=r.projectionDelta;const{visualElement:c}=r.options;c&&c.props.style&&c.props.style.display==="contents"||(s&&r.options.layoutScroll&&r.scroll&&r!==r.root&&pt(t,{x:-r.scroll.offset.x,y:-r.scroll.offset.y}),o&&(e.x*=o.x.scale,e.y*=o.y.scale,lo(t,o)),s&&rt(r.latestValues)&&pt(t,r.latestValues))}e.x<ds&&e.x>fs&&(e.x=1),e.y<ds&&e.y>fs&&(e.y=1)}function mt(t,e){t.min=t.min+e,t.max=t.max+e}function ms(t,e,n,s,i=.5){const r=R(t.min,t.max,i);ze(t,e,n,r,s)}function pt(t,e){ms(t.x,e.x,e.scaleX,e.scale,e.originX),ms(t.y,e.y,e.scaleY,e.scale,e.originY)}function uo(t,e){return ao(Dc(t.getBoundingClientRect(),e))}function Rc(t,e,n){const s=uo(t,n),{scroll:i}=e;return i&&(mt(s.x,i.offset.x),mt(s.y,i.offset.y)),s}const ps=()=>({translate:0,scale:1,origin:0,originPoint:0}),gt=()=>({x:ps(),y:ps()}),gs=()=>({min:0,max:0}),j=()=>({x:gs(),y:gs()}),He={current:null},ho={current:!1};function kc(){if(ho.current=!0,!!en)if(window.matchMedia){const t=window.matchMedia("(prefers-reduced-motion)"),e=()=>He.current=t.matches;t.addEventListener("change",e),e()}else He.current=!1}const Lc=new WeakMap;function jc(t,e,n){for(const s in e){const i=e[s],r=n[s];if(N(i))t.addValue(s,i);else if(N(r))t.addValue(s,vt(i,{owner:t}));else if(r!==i)if(t.hasValue(s)){const o=t.getValue(s);o.liveStyle===!0?o.jump(i):o.hasAnimated||o.set(i)}else{const o=t.getStaticValue(s);t.addValue(s,vt(o!==void 0?o:i,{owner:t}))}}for(const s in n)e[s]===void 0&&t.removeValue(s);return e}const ys=["AnimationStart","AnimationComplete","Update","BeforeLayoutMeasure","LayoutMeasure","LayoutAnimationStart","LayoutAnimationComplete"];class Ic{scrapeMotionValuesFromProps(e,n,s){return{}}constructor({parent:e,props:n,presenceContext:s,reducedMotionConfig:i,blockInitialAnimation:r,visualState:o},a={}){this.current=null,this.children=new Set,this.isVariantNode=!1,this.isControllingVariants=!1,this.shouldReduceMotion=null,this.values=new Map,this.KeyframeResolver=vn,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=$.now();this.renderScheduledAt<f&&(this.renderScheduledAt=f,E.render(this.render,!1,!0))};const{latestValues:c,renderState:u}=o;this.latestValues=c,this.baseTarget={...c},this.initialValues=n.initial?{...c}:{},this.renderState=u,this.parent=e,this.props=n,this.presenceContext=s,this.depth=e?e.depth+1:0,this.reducedMotionConfig=i,this.options=a,this.blockInitialAnimation=!!r,this.isControllingVariants=pe(n),this.isVariantNode=qi(n),this.isVariantNode&&(this.variantChildren=new Set),this.manuallyAnimateOnMount=!!(e&&e.current);const{willChange:l,...h}=this.scrapeMotionValuesFromProps(n,{},this);for(const f in h){const d=h[f];c[f]!==void 0&&N(d)&&d.set(c[f])}}mount(e){this.current=e,Lc.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)),ho.current||kc(),this.shouldReduceMotion=this.reducedMotionConfig==="never"?!1:this.reducedMotionConfig==="always"?!0:He.current,this.parent?.addChild(this),this.update(this.props,this.presenceContext)}unmount(){this.projection&&this.projection.unmount(),tt(this.notifyUpdate),tt(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=At.has(e);s&&this.onBindTransform&&this.onBindTransform();const i=n.on("change",o=>{this.latestValues[e]=o,this.props.onUpdate&&E.preRender(this.notifyUpdate),s&&this.projection&&(this.projection.isTransformDirty=!0),this.scheduleRender()});let r;window.MotionCheckAppearSync&&(r=window.MotionCheckAppearSync(this,e,n)),this.valueSubscriptions.set(e,()=>{i(),r&&r(),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 xt){const n=xt[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 r=this.features[e];r.isMounted?r.update():(r.mount(),r.isMounted=!0)}}}triggerBuild(){this.build(this.renderState,this.latestValues,this.props)}measureViewportBox(){return this.current?this.measureInstanceViewportBox(this.current,this.props):j()}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<ys.length;s++){const i=ys[s];this.propEventSubscriptions[i]&&(this.propEventSubscriptions[i](),delete this.propEventSubscriptions[i]);const r="on"+i,o=e[r];o&&(this.propEventSubscriptions[i]=this.on(i,o))}this.prevMotionValues=jc(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=vt(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"&&(ni(s)||ii(s))?s=parseFloat(s):!Wa(s)&&et.test(n)&&(s=Ui(e,n)),this.setBaseTarget(e,N(s)?s.get():s)),N(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 r=Dn(this.props,n,this.presenceContext?.custom);r&&(s=r[e])}if(n&&s!==void 0)return s;const i=this.getBaseTargetFromProps(this.props,e);return i!==void 0&&!N(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 an),this.events[e].add(n)}notify(e,...n){this.events[e]&&this.events[e].notify(...n)}scheduleRenderMicrotask(){wn.render(this.render)}}class fo extends Ic{constructor(){super(...arguments),this.KeyframeResolver=Ea}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;N(e)&&(this.childSubscription=e.on("change",n=>{this.current&&(this.current.textContent=`${n}`)}))}}function mo(t,{style:e,vars:n},s,i){const r=t.style;let o;for(o in e)r[o]=e[o];i?.applyProjectionStyles(r,s);for(o in n)r.setProperty(o,n[o])}function Bc(t){return window.getComputedStyle(t)}class Fc extends fo{constructor(){super(...arguments),this.type="html",this.renderInstance=mo}readValueFromInstance(e,n){if(At.has(n))return this.projection?.isProjecting?Fe(n):Yr(e,n);{const s=Bc(e),i=(vi(n)?s.getPropertyValue(n):s[n])||0;return typeof i=="string"?i.trim():i}}measureInstanceViewportBox(e,{transformPagePoint:n}){return uo(e,n)}build(e,n,s){Cn(e,n,s.transformTemplate)}scrapeMotionValuesFromProps(e,n,s){return En(e,n,s)}}const po=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 Nc(t,e,n,s){mo(t,e,void 0,s);for(const i in e.attrs)t.setAttribute(po.has(i)?i:Rn(i),e.attrs[i])}class Oc extends fo{constructor(){super(...arguments),this.type="svg",this.isSVGTag=!1,this.measureInstanceViewportBox=j}getBaseTargetFromProps(e,n){return e[n]}readValueFromInstance(e,n){if(At.has(n)){const s=Oi(n);return s&&s.default||0}return n=po.has(n)?n:Rn(n),e.getAttribute(n)}scrapeMotionValuesFromProps(e,n,s){return so(e,n,s)}build(e,n,s){Qi(e,n,this.isSVGTag,s.transformTemplate,s.style)}renderInstance(e,n,s,i){Nc(e,n,s,i)}mount(e){this.isSVGTag=eo(e.tagName),super.mount(e)}}const Uc=(t,e)=>Vn(t)?new Oc(e):new Fc(e,{allowProjection:t!==x.Fragment});function yt(t,e,n){const s=t.getProps();return Dn(s,e,n!==void 0?n:s.custom,t)}const Xe=t=>Array.isArray(t);function $c(t,e,n){t.hasValue(e)?t.getValue(e).set(n):t.addValue(e,vt(n))}function Wc(t){return Xe(t)?t[t.length-1]||0:t}function Kc(t,e){const n=yt(t,e);let{transitionEnd:s={},transition:i={},...r}=n||{};r={...r,...s};for(const o in r){const a=Wc(r[o]);$c(t,o,a)}}function _c(t){return!!(N(t)&&t.add)}function Ye(t,e){const n=t.getValue("willChange");if(_c(n))return n.add(e);if(!n&&Z.WillChange){const s=new Z.WillChange("auto");t.addValue("willChange",s),s.add(e)}}function go(t){return t.props[io]}const Gc=t=>t!==null;function zc(t,{repeat:e,repeatType:n="loop"},s){const i=t.filter(Gc),r=e&&n!=="loop"&&e%2===1?0:i.length-1;return i[r]}const Hc={type:"spring",stiffness:500,damping:25,restSpeed:10},Xc=t=>({type:"spring",stiffness:550,damping:t===0?2*Math.sqrt(550):30,restSpeed:10}),Yc={type:"keyframes",duration:.8},qc={type:"keyframes",ease:[.25,.1,.35,1],duration:.3},Zc=(t,{keyframes:e})=>e.length>2?Yc:At.has(t)?t.startsWith("scale")?Xc(e[1]):Hc:qc;function Jc({when:t,delay:e,delayChildren:n,staggerChildren:s,staggerDirection:i,repeat:r,repeatType:o,repeatDelay:a,from:c,elapsed:u,...l}){return!!Object.keys(l).length}const kn=(t,e,n,s={},i,r)=>o=>{const a=xn(s,t)||{},c=a.delay||s.delay||0;let{elapsed:u=0}=s;u=u-X(c);const l={keyframes:Array.isArray(n)?n:[null,n],ease:"easeOut",velocity:e.getVelocity(),...a,delay:-u,onUpdate:f=>{e.set(f),a.onUpdate&&a.onUpdate(f)},onComplete:()=>{o(),a.onComplete&&a.onComplete()},name:t,motionValue:e,element:r?void 0:i};Jc(a)||Object.assign(l,Zc(t,l)),l.duration&&(l.duration=X(l.duration)),l.repeatDelay&&(l.repeatDelay=X(l.repeatDelay)),l.from!==void 0&&(l.keyframes[0]=l.from);let h=!1;if((l.type===!1||l.duration===0&&!l.repeatDelay)&&(We(l),l.delay===0&&(h=!0)),(Z.instantAnimations||Z.skipAnimations)&&(h=!0,We(l),l.delay=0),l.allowFlatten=!a.type&&!a.ease,h&&!r&&e.get()!==void 0){const f=zc(l.keyframes,a);if(f!==void 0){E.update(()=>{l.onUpdate(f),l.onComplete()});return}}return a.isSync?new yn(l):new va(l)};function Qc({protectedKeys:t,needsAnimating:e},n){const s=t.hasOwnProperty(n)&&e[n]!==!0;return e[n]=!1,s}function yo(t,e,{delay:n=0,transitionOverride:s,type:i}={}){let{transition:r=t.getDefaultTransition(),transitionEnd:o,...a}=e;s&&(r=s);const c=[],u=i&&t.animationState&&t.animationState.getState()[i];for(const l in a){const h=t.getValue(l,t.latestValues[l]??null),f=a[l];if(f===void 0||u&&Qc(u,l))continue;const d={delay:n,...xn(r||{},l)},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=go(t);if(g){const A=window.MotionHandoffAnimation(g,l,E);A!==null&&(d.startTime=A,y=!0)}}Ye(t,l),h.start(kn(l,h,f,t.shouldReduceMotion&&Bi.has(l)?{type:!1}:d,t,y));const w=h.animation;w&&c.push(w)}return o&&Promise.all(c).then(()=>{E.update(()=>{o&&Kc(t,o)})}),c}function vo(t,e,n,s=0,i=1){const r=Array.from(t).sort((u,l)=>u.sortNodePosition(l)).indexOf(e),o=t.size,a=(o-1)*s;return typeof n=="function"?n(r,o):i===1?r*s:a-r*s}function qe(t,e,n={}){const s=yt(t,e,n.type==="exit"?t.presenceContext?.custom:void 0);let{transition:i=t.getDefaultTransition()||{}}=s||{};n.transitionOverride&&(i=n.transitionOverride);const r=s?()=>Promise.all(yo(t,s,n)):()=>Promise.resolve(),o=t.variantChildren&&t.variantChildren.size?(c=0)=>{const{delayChildren:u=0,staggerChildren:l,staggerDirection:h}=i;return tl(t,e,c,u,l,h,n)}:()=>Promise.resolve(),{when:a}=i;if(a){const[c,u]=a==="beforeChildren"?[r,o]:[o,r];return c().then(()=>u())}else return Promise.all([r(),o(n.delay)])}function tl(t,e,n=0,s=0,i=0,r=1,o){const a=[];for(const c of t.variantChildren)c.notify("AnimationStart",e),a.push(qe(c,e,{...o,delay:n+(typeof s=="function"?0:s)+vo(t.variantChildren,c,s,i,r)}).then(()=>c.notify("AnimationComplete",e)));return Promise.all(a)}function el(t,e,n={}){t.notify("AnimationStart",e);let s;if(Array.isArray(e)){const i=e.map(r=>qe(t,r,n));s=Promise.all(i)}else if(typeof e=="string")s=qe(t,e,n);else{const i=typeof e=="function"?yt(t,e,n.custom):e;s=Promise.all(yo(t,i,n))}return s.then(()=>{t.notify("AnimationComplete",e)})}function xo(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 nl=bn.length;function To(t){if(!t)return;if(!t.isControllingVariants){const n=t.parent?To(t.parent)||{}:{};return t.props.initial!==void 0&&(n.initial=t.props.initial),n}const e={};for(let n=0;n<nl;n++){const s=bn[n],i=t.props[s];(Lt(i)||i===!1)&&(e[s]=i)}return e}const sl=[...Sn].reverse(),il=Sn.length;function ol(t){return e=>Promise.all(e.map(({animation:n,options:s})=>el(t,n,s)))}function rl(t){let e=ol(t),n=vs(),s=!0;const i=c=>(u,l)=>{const h=yt(t,l,c==="exit"?t.presenceContext?.custom:void 0);if(h){const{transition:f,transitionEnd:d,...p}=h;u={...u,...p,...d}}return u};function r(c){e=c(t)}function o(c){const{props:u}=t,l=To(t.parent)||{},h=[],f=new Set;let d={},p=1/0;for(let w=0;w<il;w++){const g=sl[w],A=n[g],v=u[g]!==void 0?u[g]:l[g],C=Lt(v),P=g===c?A.isActive:null;P===!1&&(p=w);let M=v===l[g]&&v!==u[g]&&C;if(M&&s&&t.manuallyAnimateOnMount&&(M=!1),A.protectedKeys={...d},!A.isActive&&P===null||!v&&!A.prevProp||me(v)||typeof v=="boolean")continue;const V=al(A.prevProp,v);let b=V||g===c&&A.isActive&&!M&&C||w>p&&C,I=!1;const O=Array.isArray(v)?v:[v];let J=O.reduce(i(g),{});P===!1&&(J={});const{prevResolvedValues:Ln={}}=A,Bo={...Ln,...J},jn=B=>{b=!0,f.has(B)&&(I=!0,f.delete(B)),A.needsAnimating[B]=!0;const W=t.getValue(B);W&&(W.liveStyle=!1)};for(const B in Bo){const W=J[B],st=Ln[B];if(d.hasOwnProperty(B))continue;let ht=!1;Xe(W)&&Xe(st)?ht=!xo(W,st):ht=W!==st,ht?W!=null?jn(B):f.add(B):W!==void 0&&f.has(B)?jn(B):A.protectedKeys[B]=!0}A.prevProp=v,A.prevResolvedValues=J,A.isActive&&(d={...d,...J}),s&&t.blockInitialAnimation&&(b=!1);const In=M&&V;b&&(!In||I)&&h.push(...O.map(B=>{const W={type:g};if(typeof B=="string"&&s&&!In&&t.manuallyAnimateOnMount&&t.parent){const{parent:st}=t,ht=yt(st,B);if(st.enteringChildren&&ht){const{delayChildren:Fo}=ht.transition||{};W.delay=vo(st.enteringChildren,t,Fo)}}return{animation:B,options:W}}))}if(f.size){const w={};if(typeof u.initial!="boolean"){const g=yt(t,Array.isArray(u.initial)?u.initial[0]:u.initial);g&&g.transition&&(w.transition=g.transition)}f.forEach(g=>{const A=t.getBaseTarget(g),v=t.getValue(g);v&&(v.liveStyle=!0),w[g]=A??null}),h.push({animation:w})}let y=!!h.length;return s&&(u.initial===!1||u.initial===u.animate)&&!t.manuallyAnimateOnMount&&(y=!1),s=!1,y?e(h):Promise.resolve()}function a(c,u){if(n[c].isActive===u)return Promise.resolve();t.variantChildren?.forEach(h=>h.animationState?.setActive(c,u)),n[c].isActive=u;const l=o(c);for(const h in n)n[h].protectedKeys={};return l}return{animateChanges:o,setActive:a,setAnimateFunction:r,getState:()=>n,reset:()=>{n=vs()}}}function al(t,e){return typeof e=="string"?e!==t:Array.isArray(e)?!xo(e,t):!1}function it(t=!1){return{isActive:t,protectedKeys:{},needsAnimating:{},prevResolvedValues:{}}}function vs(){return{animate:it(!0),whileInView:it(),whileHover:it(),whileTap:it(),whileDrag:it(),whileFocus:it(),exit:it()}}class nt{constructor(e){this.isMounted=!1,this.node=e}update(){}}class cl extends nt{constructor(e){super(e),e.animationState||(e.animationState=rl(e))}updateAnimationControlsSubscription(){const{animate:e}=this.node.getProps();me(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 ll=0;class ul extends nt{constructor(){super(...arguments),this.id=ll++}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 hl={animation:{Feature:cl},exit:{Feature:ul}};function jt(t,e,n,s={passive:!0}){return t.addEventListener(e,n,s),()=>t.removeEventListener(e,n)}function Nt(t){return{point:{x:t.pageX,y:t.pageY}}}const fl=t=>e=>An(e)&&t(e,Nt(e));function Vt(t,e,n,s){return jt(t,e,fl(n),s)}const wo=1e-4,dl=1-wo,ml=1+wo,Ao=.01,pl=0-Ao,gl=0+Ao;function U(t){return t.max-t.min}function yl(t,e,n){return Math.abs(t-e)<=n}function xs(t,e,n,s=.5){t.origin=s,t.originPoint=R(e.min,e.max,t.origin),t.scale=U(n)/U(e),t.translate=R(n.min,n.max,t.origin)-t.originPoint,(t.scale>=dl&&t.scale<=ml||isNaN(t.scale))&&(t.scale=1),(t.translate>=pl&&t.translate<=gl||isNaN(t.translate))&&(t.translate=0)}function Dt(t,e,n,s){xs(t.x,e.x,n.x,s?s.originX:void 0),xs(t.y,e.y,n.y,s?s.originY:void 0)}function Ts(t,e,n){t.min=n.min+e.min,t.max=t.min+U(e)}function vl(t,e,n){Ts(t.x,e.x,n.x),Ts(t.y,e.y,n.y)}function ws(t,e,n){t.min=e.min-n.min,t.max=t.min+U(e)}function he(t,e,n){ws(t.x,e.x,n.x),ws(t.y,e.y,n.y)}function K(t){return[t("x"),t("y")]}const Po=({current:t})=>t?t.ownerDocument.defaultView:null,As=(t,e)=>Math.abs(t-e);function xl(t,e){const n=As(t.x,e.x),s=As(t.y,e.y);return Math.sqrt(n**2+s**2)}class So{constructor(e,n,{transformPagePoint:s,contextWindow:i=window,dragSnapToOrigin:r=!1,distanceThreshold:o=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=be(this.lastMoveEventInfo,this.history),d=this.startEvent!==null,p=xl(f.offset,{x:0,y:0})>=this.distanceThreshold;if(!d&&!p)return;const{point:y}=f,{timestamp:w}=F;this.history.push({...y,timestamp:w});const{onStart:g,onMove:A}=this.handlers;d||(g&&g(this.lastMoveEvent,f),this.startEvent=this.lastMoveEvent),A&&A(this.lastMoveEvent,f)},this.handlePointerMove=(f,d)=>{this.lastMoveEvent=f,this.lastMoveEventInfo=Se(d,this.transformPagePoint),E.update(this.updatePoint,!0)},this.handlePointerUp=(f,d)=>{this.end();const{onEnd:p,onSessionEnd:y,resumeAnimation:w}=this.handlers;if(this.dragSnapToOrigin&&w&&w(),!(this.lastMoveEvent&&this.lastMoveEventInfo))return;const g=be(f.type==="pointercancel"?this.lastMoveEventInfo:Se(d,this.transformPagePoint),this.history);this.startEvent&&p&&p(f,g),y&&y(f,g)},!An(e))return;this.dragSnapToOrigin=r,this.handlers=n,this.transformPagePoint=s,this.distanceThreshold=o,this.contextWindow=i||window;const a=Nt(e),c=Se(a,this.transformPagePoint),{point:u}=c,{timestamp:l}=F;this.history=[{...u,timestamp:l}];const{onSessionStart:h}=n;h&&h(e,be(c,this.history)),this.removeListeners=It(Vt(this.contextWindow,"pointermove",this.handlePointerMove),Vt(this.contextWindow,"pointerup",this.handlePointerUp),Vt(this.contextWindow,"pointercancel",this.handlePointerUp))}updateHandlers(e){this.handlers=e}end(){this.removeListeners&&this.removeListeners(),tt(this.updatePoint)}}function Se(t,e){return e?{point:e(t.point)}:t}function Ps(t,e){return{x:t.x-e.x,y:t.y-e.y}}function be({point:t},e){return{point:t,delta:Ps(t,bo(e)),offset:Ps(t,Tl(e)),velocity:wl(e,.1)}}function Tl(t){return t[0]}function bo(t){return t[t.length-1]}function wl(t,e){if(t.length<2)return{x:0,y:0};let n=t.length-1,s=null;const i=bo(t);for(;n>=0&&(s=t[n],!(i.timestamp-s.timestamp>X(e)));)n--;if(!s)return{x:0,y:0};const r=_(i.timestamp-s.timestamp);if(r===0)return{x:0,y:0};const o={x:(i.x-s.x)/r,y:(i.y-s.y)/r};return o.x===1/0&&(o.x=0),o.y===1/0&&(o.y=0),o}function Al(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 Ss(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 Pl(t,{top:e,left:n,bottom:s,right:i}){return{x:Ss(t.x,n,i),y:Ss(t.y,e,s)}}function bs(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 Sl(t,e){return{x:bs(t.x,e.x),y:bs(t.y,e.y)}}function bl(t,e){let n=.5;const s=U(t),i=U(e);return i>s?n=Et(e.min,e.max-s,t.min):s>i&&(n=Et(t.min,t.max-i,e.min)),q(0,1,n)}function Cl(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 Ze=.35;function Ml(t=Ze){return t===!1?t=0:t===!0&&(t=Ze),{x:Cs(t,"left","right"),y:Cs(t,"top","bottom")}}function Cs(t,e,n){return{min:Ms(t,e),max:Ms(t,n)}}function Ms(t,e){return typeof t=="number"?t:t[e]||0}const Vl=new WeakMap;class Dl{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=j(),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 r=h=>{const{dragSnapToOrigin:f}=this.getProps();f?this.pauseAnimation():this.stopAnimation(),n&&this.snapToCursor(Nt(h).point)},o=(h,f)=>{const{drag:d,dragPropagation:p,onDragStart:y}=this.getProps();if(d&&!p&&(this.openDragLock&&this.openDragLock(),this.openDragLock=ja(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),K(g=>{let A=this.getAxisMotionValue(g).get()||0;if(Y.test(A)){const{projection:v}=this.visualElement;if(v&&v.layout){const C=v.layout.layoutBox[g];C&&(A=U(C)*(parseFloat(A)/100))}}this.originPoint[g]=A}),y&&E.postRender(()=>y(h,f)),Ye(this.visualElement,"transform");const{animationState:w}=this.visualElement;w&&w.setActive("whileDrag",!0)},a=(h,f)=>{this.latestPointerEvent=h,this.latestPanInfo=f;const{dragPropagation:d,dragDirectionLock:p,onDirectionLock:y,onDrag:w}=this.getProps();if(!d&&!this.openDragLock)return;const{offset:g}=f;if(p&&this.currentDirection===null){this.currentDirection=El(g),this.currentDirection!==null&&y&&y(this.currentDirection);return}this.updateAxis("x",f.point,g),this.updateAxis("y",f.point,g),this.visualElement.render(),w&&w(h,f)},c=(h,f)=>{this.latestPointerEvent=h,this.latestPanInfo=f,this.stop(h,f),this.latestPointerEvent=null,this.latestPanInfo=null},u=()=>K(h=>this.getAnimationState(h)==="paused"&&this.getAxisMotionValue(h).animation?.play()),{dragSnapToOrigin:l}=this.getProps();this.panSession=new So(e,{onSessionStart:r,onStart:o,onMove:a,onSessionEnd:c,resumeAnimation:u},{transformPagePoint:this.visualElement.getTransformPagePoint(),dragSnapToOrigin:l,distanceThreshold:s,contextWindow:Po(this.visualElement)})}stop(e,n){const s=e||this.latestPointerEvent,i=n||this.latestPanInfo,r=this.isDragging;if(this.cancel(),!r||!i||!s)return;const{velocity:o}=i;this.startAnimation(o);const{onDragEnd:a}=this.getProps();a&&E.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||!Wt(e,i,this.currentDirection))return;const r=this.getAxisMotionValue(e);let o=this.originPoint[e]+s[e];this.constraints&&this.constraints[e]&&(o=Al(o,this.constraints[e],this.elastic[e])),r.set(o)}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=Pl(s.layoutBox,e):this.constraints=!1,this.elastic=Ml(n),i!==this.constraints&&s&&this.constraints&&!this.hasMutatedConstraints&&K(r=>{this.constraints!==!1&&this.getAxisMotionValue(r)&&(this.constraints[r]=Cl(s.layoutBox[r],this.constraints[r]))})}resolveRefConstraints(){const{dragConstraints:e,onMeasureDragConstraints:n}=this.getProps();if(!e||!dt(e))return!1;const s=e.current,{projection:i}=this.visualElement;if(!i||!i.layout)return!1;const r=Rc(s,i.root,this.visualElement.getTransformPagePoint());let o=Sl(i.layout.layoutBox,r);if(n){const a=n(Vc(o));this.hasMutatedConstraints=!!a,a&&(o=ao(a))}return o}startAnimation(e){const{drag:n,dragMomentum:s,dragElastic:i,dragTransition:r,dragSnapToOrigin:o,onDragTransitionEnd:a}=this.getProps(),c=this.constraints||{},u=K(l=>{if(!Wt(l,n,this.currentDirection))return;let h=c&&c[l]||{};o&&(h={min:0,max:0});const f=i?200:1e6,d=i?40:1e7,p={type:"inertia",velocity:s?e[l]:0,bounceStiffness:f,bounceDamping:d,timeConstant:750,restDelta:1,restSpeed:10,...r,...h};return this.startAxisValueAnimation(l,p)});return Promise.all(u).then(a)}startAxisValueAnimation(e,n){const s=this.getAxisMotionValue(e);return Ye(this.visualElement,e),s.start(kn(e,s,0,n,this.visualElement,!1))}stopAnimation(){K(e=>this.getAxisMotionValue(e).stop())}pauseAnimation(){K(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){K(n=>{const{drag:s}=this.getProps();if(!Wt(n,s,this.currentDirection))return;const{projection:i}=this.visualElement,r=this.getAxisMotionValue(n);if(i&&i.layout){const{min:o,max:a}=i.layout.layoutBox[n];r.set(e[n]-R(o,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};K(o=>{const a=this.getAxisMotionValue(o);if(a&&this.constraints!==!1){const c=a.get();i[o]=bl({min:c,max:c},this.constraints[o])}});const{transformTemplate:r}=this.visualElement.getProps();this.visualElement.current.style.transform=r?r({},""):"none",s.root&&s.root.updateScroll(),s.updateLayout(),this.resolveConstraints(),K(o=>{if(!Wt(o,e,null))return;const a=this.getAxisMotionValue(o),{min:c,max:u}=this.constraints[o];a.set(R(c,u,i[o]))})}addListeners(){if(!this.visualElement.current)return;Vl.set(this.visualElement,this);const e=this.visualElement.current,n=Vt(e,"pointerdown",c=>{const{drag:u,dragListener:l=!0}=this.getProps();u&&l&&this.start(c)}),s=()=>{const{dragConstraints:c}=this.getProps();dt(c)&&c.current&&(this.constraints=this.resolveRefConstraints())},{projection:i}=this.visualElement,r=i.addEventListener("measure",s);i&&!i.layout&&(i.root&&i.root.updateScroll(),i.updateLayout()),E.read(s);const o=jt(window,"resize",()=>this.scalePositionWithinConstraints()),a=i.addEventListener("didUpdate",(({delta:c,hasLayoutChanged:u})=>{this.isDragging&&u&&(K(l=>{const h=this.getAxisMotionValue(l);h&&(this.originPoint[l]+=c[l].translate,h.set(h.get()+c[l].translate))}),this.visualElement.render())}));return()=>{o(),n(),r(),a&&a()}}getProps(){const e=this.visualElement.getProps(),{drag:n=!1,dragDirectionLock:s=!1,dragPropagation:i=!1,dragConstraints:r=!1,dragElastic:o=Ze,dragMomentum:a=!0}=e;return{...e,drag:n,dragDirectionLock:s,dragPropagation:i,dragConstraints:r,dragElastic:o,dragMomentum:a}}}function Wt(t,e,n){return(e===!0||e===t)&&(n===null||n===t)}function El(t,e=10){let n=null;return Math.abs(t.y)>e?n="y":Math.abs(t.x)>e&&(n="x"),n}class Rl extends nt{constructor(e){super(e),this.removeGroupControls=G,this.removeListeners=G,this.controls=new Dl(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 Vs=t=>(e,n)=>{t&&E.postRender(()=>t(e,n))};class kl extends nt{constructor(){super(...arguments),this.removePointerDownListener=G}onPointerDown(e){this.session=new So(e,this.createPanHandlers(),{transformPagePoint:this.node.getTransformPagePoint(),contextWindow:Po(this.node)})}createPanHandlers(){const{onPanSessionStart:e,onPanStart:n,onPan:s,onPanEnd:i}=this.node.getProps();return{onSessionStart:Vs(e),onStart:Vs(n),onMove:s,onEnd:(r,o)=>{delete this.session,i&&E.postRender(()=>i(r,o))}}}mount(){this.removePointerDownListener=Vt(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 ie={hasAnimatedSinceResize:!0,hasEverUpdated:!1};let Ce=!1;class Ll extends x.Component{componentDidMount(){const{visualElement:e,layoutGroup:n,switchLayoutGroup:s,layoutId:i}=this.props,{projection:r}=e;r&&(n.group&&n.group.add(r),s&&s.register&&i&&s.register(r),Ce&&r.root.didUpdate(),r.addEventListener("animationComplete",()=>{this.safeToRemove()}),r.setOptions({...r.options,onExitComplete:()=>this.safeToRemove()})),ie.hasEverUpdated=!0}getSnapshotBeforeUpdate(e){const{layoutDependency:n,visualElement:s,drag:i,isPresent:r}=this.props,{projection:o}=s;return o&&(o.isPresent=r,Ce=!0,i||e.layoutDependency!==n||n===void 0||e.isPresent!==r?o.willUpdate():this.safeToRemove(),e.isPresent!==r&&(r?o.promote():o.relegate()||E.postRender(()=>{const a=o.getStack();(!a||!a.members.length)&&this.safeToRemove()}))),null}componentDidUpdate(){const{projection:e}=this.props.visualElement;e&&(e.root.didUpdate(),wn.postRender(()=>{!e.currentAnimation&&e.isLead()&&this.safeToRemove()}))}componentWillUnmount(){const{visualElement:e,layoutGroup:n,switchLayoutGroup:s}=this.props,{projection:i}=e;Ce=!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 Co(t){const[e,n]=Hi(),s=x.useContext(Qe);return T.jsx(Ll,{...t,layoutGroup:s,switchLayoutGroup:x.useContext(oo),isPresent:e,safeToRemove:n})}function jl(t,e,n){const s=N(t)?t:vt(t);return s.start(kn("",s,e,n)),s.animation}const Il=(t,e)=>t.depth-e.depth;class Bl{constructor(){this.children=[],this.isDirty=!1}add(e){nn(this.children,e),this.isDirty=!0}remove(e){sn(this.children,e),this.isDirty=!0}forEach(e){this.isDirty&&this.children.sort(Il),this.isDirty=!1,this.children.forEach(e)}}function Fl(t,e){const n=$.now(),s=({timestamp:i})=>{const r=i-n;r>=e&&(tt(s),t(r-e))};return E.setup(s,!0),()=>tt(s)}const Mo=["TopLeft","TopRight","BottomLeft","BottomRight"],Nl=Mo.length,Ds=t=>typeof t=="string"?parseFloat(t):t,Es=t=>typeof t=="number"||S.test(t);function Ol(t,e,n,s,i,r){i?(t.opacity=R(0,n.opacity??1,Ul(s)),t.opacityExit=R(e.opacity??1,0,$l(s))):r&&(t.opacity=R(e.opacity??1,n.opacity??1,s));for(let o=0;o<Nl;o++){const a=`border${Mo[o]}Radius`;let c=Rs(e,a),u=Rs(n,a);if(c===void 0&&u===void 0)continue;c||(c=0),u||(u=0),c===0||u===0||Es(c)===Es(u)?(t[a]=Math.max(R(Ds(c),Ds(u),s),0),(Y.test(u)||Y.test(c))&&(t[a]+="%")):t[a]=u}(e.rotate||n.rotate)&&(t.rotate=R(e.rotate||0,n.rotate||0,s))}function Rs(t,e){return t[e]!==void 0?t[e]:t.borderRadius}const Ul=Vo(0,.5,fi),$l=Vo(.5,.95,G);function Vo(t,e,n){return s=>s<t?0:s>e?1:n(Et(t,e,s))}function ks(t,e){t.min=e.min,t.max=e.max}function z(t,e){ks(t.x,e.x),ks(t.y,e.y)}function Ls(t,e){t.translate=e.translate,t.scale=e.scale,t.originPoint=e.originPoint,t.origin=e.origin}function js(t,e,n,s,i){return t-=e,t=ue(t,1/n,s),i!==void 0&&(t=ue(t,1/i,s)),t}function Wl(t,e=0,n=1,s=.5,i,r=t,o=t){if(Y.test(e)&&(e=parseFloat(e),e=R(o.min,o.max,e/100)-o.min),typeof e!="number")return;let a=R(r.min,r.max,s);t===r&&(a-=e),t.min=js(t.min,e,n,a,i),t.max=js(t.max,e,n,a,i)}function Is(t,e,[n,s,i],r,o){Wl(t,e[n],e[s],e[i],e.scale,r,o)}const Kl=["x","scaleX","originX"],_l=["y","scaleY","originY"];function Bs(t,e,n,s){Is(t.x,e,Kl,n?n.x:void 0,s?s.x:void 0),Is(t.y,e,_l,n?n.y:void 0,s?s.y:void 0)}function Fs(t){return t.translate===0&&t.scale===1}function Do(t){return Fs(t.x)&&Fs(t.y)}function Ns(t,e){return t.min===e.min&&t.max===e.max}function Gl(t,e){return Ns(t.x,e.x)&&Ns(t.y,e.y)}function Os(t,e){return Math.round(t.min)===Math.round(e.min)&&Math.round(t.max)===Math.round(e.max)}function Eo(t,e){return Os(t.x,e.x)&&Os(t.y,e.y)}function Us(t){return U(t.x)/U(t.y)}function $s(t,e){return t.translate===e.translate&&t.scale===e.scale&&t.originPoint===e.originPoint}class zl{constructor(){this.members=[]}add(e){nn(this.members,e),e.scheduleRender()}remove(e){if(sn(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 r=this.members[i];if(r.isPresent!==!1){s=r;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 Hl(t,e,n){let s="";const i=t.x.translate/e.x,r=t.y.translate/e.y,o=n?.z||0;if((i||r||o)&&(s=`translate3d(${i}px, ${r}px, ${o}px) `),(e.x!==1||e.y!==1)&&(s+=`scale(${1/e.x}, ${1/e.y}) `),n){const{transformPerspective:u,rotate:l,rotateX:h,rotateY:f,skewX:d,skewY:p}=n;u&&(s=`perspective(${u}px) ${s}`),l&&(s+=`rotate(${l}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,c=t.y.scale*e.y;return(a!==1||c!==1)&&(s+=`scale(${a}, ${c})`),s||"none"}const Me=["","X","Y","Z"],Xl=1e3;let Yl=0;function Ve(t,e,n,s){const{latestValues:i}=e;i[t]&&(n[t]=i[t],e.setStaticValue(t,0),s&&(s[t]=0))}function Ro(t){if(t.hasCheckedOptimisedAppear=!0,t.root===t)return;const{visualElement:e}=t.options;if(!e)return;const n=go(e);if(window.MotionHasOptimisedAnimation(n,"transform")){const{layout:i,layoutId:r}=t.options;window.MotionCancelOptimisedAnimation(n,"transform",E,!(i||r))}const{parent:s}=t;s&&!s.hasCheckedOptimisedAppear&&Ro(s)}function ko({attachResizeListener:t,defaultParent:e,measureScroll:n,checkIsScrollRoot:s,resetTransform:i}){return class{constructor(o={},a=e?.()){this.id=Yl++,this.animationId=0,this.animationCommitId=0,this.children=new Set,this.options={},this.isTreeAnimating=!1,this.isAnimationBlocked=!1,this.isLayoutDirty=!1,this.isProjectionDirty=!1,this.isSharedProjectionDirty=!1,this.isTransformDirty=!1,this.updateManuallyBlocked=!1,this.updateBlockedByResize=!1,this.isUpdating=!1,this.isSVG=!1,this.needsReset=!1,this.shouldResetTransform=!1,this.hasCheckedOptimisedAppear=!1,this.treeScale={x:1,y:1},this.eventHandlers=new Map,this.hasTreeAnimated=!1,this.layoutVersion=0,this.updateScheduled=!1,this.scheduleUpdate=()=>this.update(),this.projectionUpdateScheduled=!1,this.checkUpdateFailed=()=>{this.isUpdating&&(this.isUpdating=!1,this.clearAllSnapshots())},this.updateProjection=()=>{this.projectionUpdateScheduled=!1,this.nodes.forEach(Jl),this.nodes.forEach(nu),this.nodes.forEach(su),this.nodes.forEach(Ql)},this.resolvedRelativeTargetAt=0,this.linkedParentVersion=0,this.hasProjected=!1,this.isVisible=!0,this.animationProgress=0,this.sharedNodes=new Map,this.latestValues=o,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 c=0;c<this.path.length;c++)this.path[c].shouldResetTransform=!0;this.root===this&&(this.nodes=new Bl)}addEventListener(o,a){return this.eventHandlers.has(o)||this.eventHandlers.set(o,new an),this.eventHandlers.get(o).add(a)}notifyListeners(o,...a){const c=this.eventHandlers.get(o);c&&c.notify(...a)}hasListeners(o){return this.eventHandlers.has(o)}mount(o){if(this.instance)return;this.isSVG=zi(o)&&!Ua(o),this.instance=o;const{layoutId:a,layout:c,visualElement:u}=this.options;if(u&&!u.current&&u.mount(o),this.root.nodes.add(this),this.parent&&this.parent.children.add(this),this.root.hasTreeAnimated&&(c||a)&&(this.isLayoutDirty=!0),t){let l,h=0;const f=()=>this.root.updateBlockedByResize=!1;E.read(()=>{h=window.innerWidth}),t(o,()=>{const d=window.innerWidth;d!==h&&(h=d,this.root.updateBlockedByResize=!0,l&&l(),l=Fl(f,250),ie.hasAnimatedSinceResize&&(ie.hasAnimatedSinceResize=!1,this.nodes.forEach(_s)))})}a&&this.root.registerSharedNode(a,this),this.options.animate!==!1&&u&&(a||c)&&this.addEventListener("didUpdate",({delta:l,hasLayoutChanged:h,hasRelativeLayoutChanged:f,layout:d})=>{if(this.isTreeAnimationBlocked()){this.target=void 0,this.relativeTarget=void 0;return}const p=this.options.transition||u.getDefaultTransition()||cu,{onLayoutAnimationStart:y,onLayoutAnimationComplete:w}=u.getProps(),g=!this.targetLayout||!Eo(this.targetLayout,d),A=!h&&f;if(this.options.layoutRoot||this.resumeFrom||A||h&&(g||!this.currentAnimation)){this.resumeFrom&&(this.resumingFrom=this.resumeFrom,this.resumingFrom.resumingFrom=void 0);const v={...xn(p,"layout"),onPlay:y,onComplete:w};(u.shouldReduceMotion||this.options.layoutRoot)&&(v.delay=0,v.type=!1),this.startAnimation(v),this.setAnimationOrigin(l,A)}else h||_s(this),this.isLead()&&this.options.onExitComplete&&this.options.onExitComplete();this.targetLayout=d})}unmount(){this.options.layoutId&&this.willUpdate(),this.root.nodes.remove(this);const o=this.getStack();o&&o.remove(this),this.parent&&this.parent.children.delete(this),this.instance=void 0,this.eventHandlers.clear(),tt(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(iu),this.animationId++)}getTransformTemplate(){const{visualElement:o}=this.options;return o&&o.getProps().transformTemplate}willUpdate(o=!0){if(this.root.hasTreeAnimated=!0,this.root.isUpdateBlocked()){this.options.onExitComplete&&this.options.onExitComplete();return}if(window.MotionCancelOptimisedAnimation&&!this.hasCheckedOptimisedAppear&&Ro(this),!this.root.isUpdating&&this.root.startUpdate(),this.isLayoutDirty)return;this.isLayoutDirty=!0;for(let l=0;l<this.path.length;l++){const h=this.path[l];h.shouldResetTransform=!0,h.updateScroll("snapshot"),h.options.layoutRoot&&h.willUpdate(!1)}const{layoutId:a,layout:c}=this.options;if(a===void 0&&!c)return;const u=this.getTransformTemplate();this.prevTransformTemplateValue=u?u(this.latestValues,""):void 0,this.updateSnapshot(),o&&this.notifyListeners("willUpdate")}update(){if(this.updateScheduled=!1,this.isUpdateBlocked()){this.unblockUpdate(),this.clearAllSnapshots(),this.nodes.forEach(Ws);return}if(this.animationId<=this.animationCommitId){this.nodes.forEach(Ks);return}this.animationCommitId=this.animationId,this.isUpdating?(this.isUpdating=!1,this.nodes.forEach(eu),this.nodes.forEach(ql),this.nodes.forEach(Zl)):this.nodes.forEach(Ks),this.clearAllSnapshots();const a=$.now();F.delta=q(0,1e3/60,a-F.timestamp),F.timestamp=a,F.isProcessing=!0,ge.update.process(F),ge.preRender.process(F),ge.render.process(F),F.isProcessing=!1}didUpdate(){this.updateScheduled||(this.updateScheduled=!0,wn.read(this.scheduleUpdate))}clearAllSnapshots(){this.nodes.forEach(tu),this.sharedNodes.forEach(ou)}scheduleUpdateProjection(){this.projectionUpdateScheduled||(this.projectionUpdateScheduled=!0,E.preRender(this.updateProjection,!1,!0))}scheduleCheckAfterUnmount(){E.postRender(()=>{this.isLayoutDirty?this.root.didUpdate():this.root.checkUpdateFailed()})}updateSnapshot(){this.snapshot||!this.instance||(this.snapshot=this.measure(),this.snapshot&&!U(this.snapshot.measuredBox.x)&&!U(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 c=0;c<this.path.length;c++)this.path[c].updateScroll();const o=this.layout;this.layout=this.measure(!1),this.layoutVersion++,this.layoutCorrected=j(),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,o?o.layoutBox:void 0)}updateScroll(o="measure"){let a=!!(this.options.layoutScroll&&this.instance);if(this.scroll&&this.scroll.animationId===this.root.animationId&&this.scroll.phase===o&&(a=!1),a&&this.instance){const c=s(this.instance);this.scroll={animationId:this.root.animationId,phase:o,isRoot:c,offset:n(this.instance),wasRoot:this.scroll?this.scroll.isRoot:c}}}resetTransform(){if(!i)return;const o=this.isLayoutDirty||this.shouldResetTransform||this.options.alwaysMeasureLayout,a=this.projectionDelta&&!Do(this.projectionDelta),c=this.getTransformTemplate(),u=c?c(this.latestValues,""):void 0,l=u!==this.prevTransformTemplateValue;o&&this.instance&&(a||rt(this.latestValues)||l)&&(i(this.instance,u),this.shouldResetTransform=!1,this.scheduleRender())}measure(o=!0){const a=this.measurePageBox();let c=this.removeElementScroll(a);return o&&(c=this.removeTransform(c)),lu(c),{animationId:this.root.animationId,measuredBox:a,layoutBox:c,latestValues:{},source:this.id}}measurePageBox(){const{visualElement:o}=this.options;if(!o)return j();const a=o.measureViewportBox();if(!(this.scroll?.wasRoot||this.path.some(uu))){const{scroll:u}=this.root;u&&(mt(a.x,u.offset.x),mt(a.y,u.offset.y))}return a}removeElementScroll(o){const a=j();if(z(a,o),this.scroll?.wasRoot)return a;for(let c=0;c<this.path.length;c++){const u=this.path[c],{scroll:l,options:h}=u;u!==this.root&&l&&h.layoutScroll&&(l.wasRoot&&z(a,o),mt(a.x,l.offset.x),mt(a.y,l.offset.y))}return a}applyTransform(o,a=!1){const c=j();z(c,o);for(let u=0;u<this.path.length;u++){const l=this.path[u];!a&&l.options.layoutScroll&&l.scroll&&l!==l.root&&pt(c,{x:-l.scroll.offset.x,y:-l.scroll.offset.y}),rt(l.latestValues)&&pt(c,l.latestValues)}return rt(this.latestValues)&&pt(c,this.latestValues),c}removeTransform(o){const a=j();z(a,o);for(let c=0;c<this.path.length;c++){const u=this.path[c];if(!u.instance||!rt(u.latestValues))continue;Ge(u.latestValues)&&u.updateSnapshot();const l=j(),h=u.measurePageBox();z(l,h),Bs(a,u.latestValues,u.snapshot?u.snapshot.layoutBox:void 0,l)}return rt(this.latestValues)&&Bs(a,this.latestValues),a}setTargetDelta(o){this.targetDelta=o,this.root.scheduleUpdateProjection(),this.isProjectionDirty=!0}setOptions(o){this.options={...this.options,...o,crossfade:o.crossfade!==void 0?o.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!==F.timestamp&&this.relativeParent.resolveTargetDelta(!0)}resolveTargetDelta(o=!1){const a=this.getLead();this.isProjectionDirty||(this.isProjectionDirty=a.isProjectionDirty),this.isTransformDirty||(this.isTransformDirty=a.isTransformDirty),this.isSharedProjectionDirty||(this.isSharedProjectionDirty=a.isSharedProjectionDirty);const c=!!this.resumingFrom||this!==a;if(!(o||c&&this.isSharedProjectionDirty||this.isProjectionDirty||this.parent?.isProjectionDirty||this.attemptToResolveRelativeTarget||this.root.updateBlockedByResize))return;const{layout:l,layoutId:h}=this.options;if(!this.layout||!(l||h))return;this.resolvedRelativeTargetAt=F.timestamp;const f=this.getClosestProjectingParent();f&&this.linkedParentVersion!==f.layoutVersion&&!f.options.layoutRoot&&this.removeRelativeTarget(),!this.targetDelta&&!this.relativeTarget&&(f&&f.layout?this.createRelativeTarget(f,this.layout.layoutBox,f.layout.layoutBox):this.removeRelativeTarget()),!(!this.relativeTarget&&!this.targetDelta)&&(this.target||(this.target=j(),this.targetWithTransforms=j()),this.relativeTarget&&this.relativeTargetOrigin&&this.relativeParent&&this.relativeParent.target?(this.forceRelativeParentToResolveTarget(),vl(this.target,this.relativeTarget,this.relativeParent.target)):this.targetDelta?(this.resumingFrom?this.target=this.applyTransform(this.layout.layoutBox):z(this.target,this.layout.layoutBox),lo(this.target,this.targetDelta)):z(this.target,this.layout.layoutBox),this.attemptToResolveRelativeTarget&&(this.attemptToResolveRelativeTarget=!1,f&&!!f.resumingFrom==!!this.resumingFrom&&!f.options.layoutScroll&&f.target&&this.animationProgress!==1?this.createRelativeTarget(f,this.target,f.target):this.relativeParent=this.relativeTarget=void 0))}getClosestProjectingParent(){if(!(!this.parent||Ge(this.parent.latestValues)||co(this.parent.latestValues)))return this.parent.isProjecting()?this.parent:this.parent.getClosestProjectingParent()}isProjecting(){return!!((this.relativeTarget||this.targetDelta||this.options.layoutRoot)&&this.layout)}createRelativeTarget(o,a,c){this.relativeParent=o,this.linkedParentVersion=o.layoutVersion,this.forceRelativeParentToResolveTarget(),this.relativeTarget=j(),this.relativeTargetOrigin=j(),he(this.relativeTargetOrigin,a,c),z(this.relativeTarget,this.relativeTargetOrigin)}removeRelativeTarget(){this.relativeParent=this.relativeTarget=void 0}calcProjection(){const o=this.getLead(),a=!!this.resumingFrom||this!==o;let c=!0;if((this.isProjectionDirty||this.parent?.isProjectionDirty)&&(c=!1),a&&(this.isSharedProjectionDirty||this.isTransformDirty)&&(c=!1),this.resolvedRelativeTargetAt===F.timestamp&&(c=!1),c)return;const{layout:u,layoutId:l}=this.options;if(this.isTreeAnimating=!!(this.parent&&this.parent.isTreeAnimating||this.currentAnimation||this.pendingAnimation),this.isTreeAnimating||(this.targetDelta=this.relativeTarget=void 0),!this.layout||!(u||l))return;z(this.layoutCorrected,this.layout.layoutBox);const h=this.treeScale.x,f=this.treeScale.y;Ec(this.layoutCorrected,this.treeScale,this.path,a),o.layout&&!o.target&&(this.treeScale.x!==1||this.treeScale.y!==1)&&(o.target=o.layout.layoutBox,o.targetWithTransforms=j());const{target:d}=o;if(!d){this.prevProjectionDelta&&(this.createProjectionDeltas(),this.scheduleRender());return}!this.projectionDelta||!this.prevProjectionDelta?this.createProjectionDeltas():(Ls(this.prevProjectionDelta.x,this.projectionDelta.x),Ls(this.prevProjectionDelta.y,this.projectionDelta.y)),Dt(this.projectionDelta,this.layoutCorrected,d,this.latestValues),(this.treeScale.x!==h||this.treeScale.y!==f||!$s(this.projectionDelta.x,this.prevProjectionDelta.x)||!$s(this.projectionDelta.y,this.prevProjectionDelta.y))&&(this.hasProjected=!0,this.scheduleRender(),this.notifyListeners("projectionUpdate",d))}hide(){this.isVisible=!1}show(){this.isVisible=!0}scheduleRender(o=!0){if(this.options.visualElement?.scheduleRender(),o){const a=this.getStack();a&&a.scheduleRender()}this.resumingFrom&&!this.resumingFrom.instance&&(this.resumingFrom=void 0)}createProjectionDeltas(){this.prevProjectionDelta=gt(),this.projectionDelta=gt(),this.projectionDeltaWithTransform=gt()}setAnimationOrigin(o,a=!1){const c=this.snapshot,u=c?c.latestValues:{},l={...this.latestValues},h=gt();(!this.relativeParent||!this.relativeParent.options.layoutRoot)&&(this.relativeTarget=this.relativeTargetOrigin=void 0),this.attemptToResolveRelativeTarget=!a;const f=j(),d=c?c.source:void 0,p=this.layout?this.layout.source:void 0,y=d!==p,w=this.getStack(),g=!w||w.members.length<=1,A=!!(y&&!g&&this.options.crossfade===!0&&!this.path.some(au));this.animationProgress=0;let v;this.mixTargetDelta=C=>{const P=C/1e3;Gs(h.x,o.x,P),Gs(h.y,o.y,P),this.setTargetDelta(h),this.relativeTarget&&this.relativeTargetOrigin&&this.layout&&this.relativeParent&&this.relativeParent.layout&&(he(f,this.layout.layoutBox,this.relativeParent.layout.layoutBox),ru(this.relativeTarget,this.relativeTargetOrigin,f,P),v&&Gl(this.relativeTarget,v)&&(this.isProjectionDirty=!1),v||(v=j()),z(v,this.relativeTarget)),y&&(this.animationValues=l,Ol(l,u,this.latestValues,P,A,g)),this.root.scheduleUpdateProjection(),this.scheduleRender(),this.animationProgress=P},this.mixTargetDelta(this.options.layoutRoot?1e3:0)}startAnimation(o){this.notifyListeners("animationStart"),this.currentAnimation?.stop(),this.resumingFrom?.currentAnimation?.stop(),this.pendingAnimation&&(tt(this.pendingAnimation),this.pendingAnimation=void 0),this.pendingAnimation=E.update(()=>{ie.hasAnimatedSinceResize=!0,this.motionValue||(this.motionValue=vt(0)),this.currentAnimation=jl(this.motionValue,[0,1e3],{...o,velocity:0,isSync:!0,onUpdate:a=>{this.mixTargetDelta(a),o.onUpdate&&o.onUpdate(a)},onStop:()=>{},onComplete:()=>{o.onComplete&&o.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 o=this.getStack();o&&o.exitAnimationComplete(),this.resumingFrom=this.currentAnimation=this.animationValues=void 0,this.notifyListeners("animationComplete")}finishAnimation(){this.currentAnimation&&(this.mixTargetDelta&&this.mixTargetDelta(Xl),this.currentAnimation.stop()),this.completeAnimation()}applyTransformsToTarget(){const o=this.getLead();let{targetWithTransforms:a,target:c,layout:u,latestValues:l}=o;if(!(!a||!c||!u)){if(this!==o&&this.layout&&u&&Lo(this.options.animationType,this.layout.layoutBox,u.layoutBox)){c=this.target||j();const h=U(this.layout.layoutBox.x);c.x.min=o.target.x.min,c.x.max=c.x.min+h;const f=U(this.layout.layoutBox.y);c.y.min=o.target.y.min,c.y.max=c.y.min+f}z(a,c),pt(a,l),Dt(this.projectionDeltaWithTransform,this.layoutCorrected,a,l)}}registerSharedNode(o,a){this.sharedNodes.has(o)||this.sharedNodes.set(o,new zl),this.sharedNodes.get(o).add(a);const u=a.options.initialPromotionConfig;a.promote({transition:u?u.transition:void 0,preserveFollowOpacity:u&&u.shouldPreserveFollowOpacity?u.shouldPreserveFollowOpacity(a):void 0})}isLead(){const o=this.getStack();return o?o.lead===this:!0}getLead(){const{layoutId:o}=this.options;return o?this.getStack()?.lead||this:this}getPrevLead(){const{layoutId:o}=this.options;return o?this.getStack()?.prevLead:void 0}getStack(){const{layoutId:o}=this.options;if(o)return this.root.sharedNodes.get(o)}promote({needsReset:o,transition:a,preserveFollowOpacity:c}={}){const u=this.getStack();u&&u.promote(this,c),o&&(this.projectionDelta=void 0,this.needsReset=!0),a&&this.setOptions({transition:a})}relegate(){const o=this.getStack();return o?o.relegate(this):!1}resetSkewAndRotation(){const{visualElement:o}=this.options;if(!o)return;let a=!1;const{latestValues:c}=o;if((c.z||c.rotate||c.rotateX||c.rotateY||c.rotateZ||c.skewX||c.skewY)&&(a=!0),!a)return;const u={};c.z&&Ve("z",o,u,this.animationValues);for(let l=0;l<Me.length;l++)Ve(`rotate${Me[l]}`,o,u,this.animationValues),Ve(`skew${Me[l]}`,o,u,this.animationValues);o.render();for(const l in u)o.setStaticValue(l,u[l]),this.animationValues&&(this.animationValues[l]=u[l]);o.scheduleRender()}applyProjectionStyles(o,a){if(!this.instance||this.isSVG)return;if(!this.isVisible){o.visibility="hidden";return}const c=this.getTransformTemplate();if(this.needsReset){this.needsReset=!1,o.visibility="",o.opacity="",o.pointerEvents=se(a?.pointerEvents)||"",o.transform=c?c(this.latestValues,""):"none";return}const u=this.getLead();if(!this.projectionDelta||!this.layout||!u.target){this.options.layoutId&&(o.opacity=this.latestValues.opacity!==void 0?this.latestValues.opacity:1,o.pointerEvents=se(a?.pointerEvents)||""),this.hasProjected&&!rt(this.latestValues)&&(o.transform=c?c({},""):"none",this.hasProjected=!1);return}o.visibility="";const l=u.animationValues||u.latestValues;this.applyTransformsToTarget();let h=Hl(this.projectionDeltaWithTransform,this.treeScale,l);c&&(h=c(l,h)),o.transform=h;const{x:f,y:d}=this.projectionDelta;o.transformOrigin=`${f.origin*100}% ${d.origin*100}% 0`,u.animationValues?o.opacity=u===this?l.opacity??this.latestValues.opacity??1:this.preserveOpacity?this.latestValues.opacity:l.opacityExit:o.opacity=u===this?l.opacity!==void 0?l.opacity:"":l.opacityExit!==void 0?l.opacityExit:0;for(const p in _e){if(l[p]===void 0)continue;const{correct:y,applyTo:w,isCSSVariable:g}=_e[p],A=h==="none"?l[p]:y(l[p],u);if(w){const v=w.length;for(let C=0;C<v;C++)o[w[C]]=A}else g?this.options.visualElement.renderState.vars[p]=A:o[p]=A}this.options.layoutId&&(o.pointerEvents=u===this?se(a?.pointerEvents)||"":"none")}clearSnapshot(){this.resumeFrom=this.snapshot=void 0}resetTree(){this.root.nodes.forEach(o=>o.currentAnimation?.stop()),this.root.nodes.forEach(Ws),this.root.sharedNodes.clear()}}}function ql(t){t.updateLayout()}function Zl(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,r=e.source!==t.layout.source;i==="size"?K(l=>{const h=r?e.measuredBox[l]:e.layoutBox[l],f=U(h);h.min=n[l].min,h.max=h.min+f}):Lo(i,e.layoutBox,n)&&K(l=>{const h=r?e.measuredBox[l]:e.layoutBox[l],f=U(n[l]);h.max=h.min+f,t.relativeTarget&&!t.currentAnimation&&(t.isProjectionDirty=!0,t.relativeTarget[l].max=t.relativeTarget[l].min+f)});const o=gt();Dt(o,n,e.layoutBox);const a=gt();r?Dt(a,t.applyTransform(s,!0),e.measuredBox):Dt(a,n,e.layoutBox);const c=!Do(o);let u=!1;if(!t.resumeFrom){const l=t.getClosestProjectingParent();if(l&&!l.resumeFrom){const{snapshot:h,layout:f}=l;if(h&&f){const d=j();he(d,e.layoutBox,h.layoutBox);const p=j();he(p,n,f.layoutBox),Eo(d,p)||(u=!0),l.options.layoutRoot&&(t.relativeTarget=p,t.relativeTargetOrigin=d,t.relativeParent=l)}}}t.notifyListeners("didUpdate",{layout:n,snapshot:e,delta:a,layoutDelta:o,hasLayoutChanged:c,hasRelativeLayoutChanged:u})}else if(t.isLead()){const{onExitComplete:n}=t.options;n&&n()}t.options.transition=void 0}function Jl(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 Ql(t){t.isProjectionDirty=t.isSharedProjectionDirty=t.isTransformDirty=!1}function tu(t){t.clearSnapshot()}function Ws(t){t.clearMeasurements()}function Ks(t){t.isLayoutDirty=!1}function eu(t){const{visualElement:e}=t.options;e&&e.getProps().onBeforeLayoutMeasure&&e.notify("BeforeLayoutMeasure"),t.resetTransform()}function _s(t){t.finishAnimation(),t.targetDelta=t.relativeTarget=t.target=void 0,t.isProjectionDirty=!0}function nu(t){t.resolveTargetDelta()}function su(t){t.calcProjection()}function iu(t){t.resetSkewAndRotation()}function ou(t){t.removeLeadSnapshot()}function Gs(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 zs(t,e,n,s){t.min=R(e.min,n.min,s),t.max=R(e.max,n.max,s)}function ru(t,e,n,s){zs(t.x,e.x,n.x,s),zs(t.y,e.y,n.y,s)}function au(t){return t.animationValues&&t.animationValues.opacityExit!==void 0}const cu={duration:.45,ease:[.4,0,.1,1]},Hs=t=>typeof navigator<"u"&&navigator.userAgent&&navigator.userAgent.toLowerCase().includes(t),Xs=Hs("applewebkit/")&&!Hs("chrome/")?Math.round:G;function Ys(t){t.min=Xs(t.min),t.max=Xs(t.max)}function lu(t){Ys(t.x),Ys(t.y)}function Lo(t,e,n){return t==="position"||t==="preserve-aspect"&&!yl(Us(e),Us(n),.2)}function uu(t){return t!==t.root&&t.scroll?.wasRoot}const hu=ko({attachResizeListener:(t,e)=>jt(t,"resize",e),measureScroll:()=>({x:document.documentElement.scrollLeft||document.body.scrollLeft,y:document.documentElement.scrollTop||document.body.scrollTop}),checkIsScrollRoot:()=>!0}),De={current:void 0},jo=ko({measureScroll:t=>({x:t.scrollLeft,y:t.scrollTop}),defaultParent:()=>{if(!De.current){const t=new hu({});t.mount(window),t.setOptions({layoutScroll:!0}),De.current=t}return De.current},resetTransform:(t,e)=>{t.style.transform=e!==void 0?e:"none"},checkIsScrollRoot:t=>window.getComputedStyle(t).position==="fixed"}),fu={pan:{Feature:kl},drag:{Feature:Rl,ProjectionNode:jo,MeasureLayout:Co}};function qs(t,e,n){const{props:s}=t;t.animationState&&s.whileHover&&t.animationState.setActive("whileHover",n==="Start");const i="onHover"+n,r=s[i];r&&E.postRender(()=>r(e,Nt(e)))}class du extends nt{mount(){const{current:e}=this.node;e&&(this.unmount=Ia(e,(n,s)=>(qs(this.node,s,"Start"),i=>qs(this.node,i,"End"))))}unmount(){}}class mu extends nt{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(jt(this.node.current,"focus",()=>this.onFocus()),jt(this.node.current,"blur",()=>this.onBlur()))}unmount(){}}function Zs(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),r=s[i];r&&E.postRender(()=>r(e,Nt(e)))}class pu extends nt{mount(){const{current:e}=this.node;e&&(this.unmount=Oa(e,(n,s)=>(Zs(this.node,s,"Start"),(i,{success:r})=>Zs(this.node,i,r?"End":"Cancel")),{useGlobalTarget:this.node.props.globalTapTarget}))}unmount(){}}const Je=new WeakMap,Ee=new WeakMap,gu=t=>{const e=Je.get(t.target);e&&e(t)},yu=t=>{t.forEach(gu)};function vu({root:t,...e}){const n=t||document;Ee.has(n)||Ee.set(n,{});const s=Ee.get(n),i=JSON.stringify(e);return s[i]||(s[i]=new IntersectionObserver(yu,{root:t,...e})),s[i]}function xu(t,e,n){const s=vu(e);return Je.set(t,n),s.observe(t),()=>{Je.delete(t),s.unobserve(t)}}const Tu={some:0,all:1};class wu extends nt{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:r}=e,o={root:n?n.current:void 0,rootMargin:s,threshold:typeof i=="number"?i:Tu[i]},a=c=>{const{isIntersecting:u}=c;if(this.isInView===u||(this.isInView=u,r&&!u&&this.hasEnteredView))return;u&&(this.hasEnteredView=!0),this.node.animationState&&this.node.animationState.setActive("whileInView",u);const{onViewportEnter:l,onViewportLeave:h}=this.node.getProps(),f=u?l:h;f&&f(c)};return xu(this.node.current,o,a)}mount(){this.startObserver()}update(){if(typeof IntersectionObserver>"u")return;const{props:e,prevProps:n}=this.node;["amount","margin","root"].some(Au(e,n))&&this.startObserver()}unmount(){}}function Au({viewport:t={}},{viewport:e={}}={}){return n=>t[n]!==e[n]}const Pu={inView:{Feature:wu},tap:{Feature:pu},focus:{Feature:mu},hover:{Feature:du}},Su={layout:{ProjectionNode:jo,MeasureLayout:Co}},bu={...hl,...Pu,...fu,...Su},Cu=Mc(bu,Uc),Js=ti("toast-provider"),Qs=({position:t})=>{const{items:e}=oe();return T.jsx("div",{className:`${Js} ${Js}--${t}`,children:T.jsx(Ya,{mode:"popLayout",children:e.filter(n=>n.config.position===t).map(n=>T.jsx(Cu.div,{style:{display:"flex",flexDirection:"column",justifyContent:t==="bottom"?"flex-start":"flex-end"},initial:{height:0,opacity:0},animate:{height:"auto",opacity:1},exit:{opacity:0,y:e.length>1?"0%":t==="top"?"-100%":"100%"},children:T.jsx(D,{...n.config,onActionClick:()=>{D.hide(n.id),n.config.onActionClick?.()},onCloseActionClick:()=>{D.hide(n.id),n.config.onCloseActionClick?.()}})},n.id))})})},Io=()=>T.jsxs(T.Fragment,{children:[Bn.createPortal(T.jsx(Qs,{position:"top"}),document.body),Bn.createPortal(T.jsx(Qs,{position:"bottom"}),document.body)]});Io.__docgenInfo={description:"",methods:[],displayName:"ToastProvider"};const Mu=()=>{const t=`
+## ${m("common.table.title")}
+
+| ${m("common.table.name")} | ${m("common.table.type")} | ${m("common.table.required")} | ${m("common.table.description")} |
+| :--- | :--- | :--- | :--- |
+| \`type\` | \`'neutral' \\| 'informative' \\| 'positive' \\| 'negative'\` | ${m("common.table.no")} | ${m("components.toast.typeDescription")} |
+| \`message\` | \`ReactNode\` | ${m("common.table.yes")} | ${m("components.toast.messageDescription")} |
+| \`closeAction\` | \`boolean\` | ${m("common.table.no")} | ${m("components.toast.closeActionDescription")} |
+| \`onCloseActionClick\` | \`() => void\` | ${m("common.table.no")} | ${m("components.toast.onCloseActionClickDescription")} |
+| \`action\` | \`string\` | ${m("common.table.no")} | ${m("components.toast.actionDescription")} |
+| \`onActionClick\` | \`() => void\` | ${m("common.table.no")} | ${m("components.toast.onActionClickDescription")} |
+| \`icon\` | \`IIconProps \\| ReactNode\` | ${m("common.table.no")} | ${m("components.toast.iconDescription")} |
+| \`className\` | \`string\` | ${m("common.table.no")} | ${m("components.toast.classNameDescription")} |
+| \`...props\` | \`ComponentProps<'div'>\` | ${m("common.table.no")} | ${m("components.toast.propsDescription")} |
+  `;return T.jsxs(T.Fragment,{children:[T.jsx(No,{}),T.jsx(Oo,{}),T.jsx(Fn,{children:m("components.toast.description")}),T.jsx(Uo,{}),T.jsx(Fn,{children:t}),T.jsx($o,{})]})},$u={title:"Components/Toast",component:D,parameters:{layout:"padded",docs:{page:Mu}},tags:["autodocs"],decorators:[t=>T.jsxs(T.Fragment,{children:[T.jsx(t,{}),T.jsx(Io,{})]})],argTypes:{type:{control:"select",options:["neutral","informative","positive","negative"],description:m("components.toast.argTypes.typeDescription"),table:{type:{summary:"IToastType"},defaultValue:{summary:"informative"}}},message:{control:"text",description:m("components.toast.argTypes.messageDescription"),table:{type:{summary:"ReactNode"}}},closeAction:{control:"boolean",description:m("components.toast.argTypes.closeActionDescription"),table:{type:{summary:"boolean"},defaultValue:{summary:"true"}}},onCloseActionClick:{action:"close clicked",description:m("components.toast.argTypes.onCloseActionClickDescription"),table:{type:{summary:"() => void"}}},action:{control:"text",description:m("components.toast.argTypes.actionDescription"),table:{type:{summary:"string"}}},onActionClick:{action:"action clicked",description:m("components.toast.argTypes.onActionClickDescription"),table:{type:{summary:"() => void"}}},icon:{control:!1,description:m("components.toast.argTypes.iconDescription"),table:{type:{summary:"IIconProps | ReactNode"}}}}},Kt={storyName:m("components.toast.stories.default.title"),args:{type:"informative",message:m("components.toast.default.message")}},_t={storyName:m("components.toast.stories.types.title"),render:()=>T.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[T.jsx(D,{type:"neutral",message:m("components.toast.types.neutral")}),T.jsx(D,{type:"informative",message:m("components.toast.types.informative")}),T.jsx(D,{type:"positive",message:m("components.toast.types.positive")}),T.jsx(D,{type:"negative",message:m("components.toast.types.negative")})]})},Gt={storyName:m("components.toast.stories.informative.title"),args:{type:"informative",message:m("components.toast.informative.message")}},zt={storyName:m("components.toast.stories.positive.title"),args:{type:"positive",message:m("components.toast.positive.message")}},Ht={storyName:m("components.toast.stories.negative.title"),args:{type:"negative",message:m("components.toast.negative.message")}},Xt={storyName:m("components.toast.stories.neutral.title"),args:{type:"neutral",message:m("components.toast.neutral.message")}},Yt={storyName:m("components.toast.stories.withAction.title"),render:()=>T.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[T.jsx(D,{type:"informative",message:m("components.toast.withAction.informativeMessage"),action:m("components.toast.withAction.informativeAction"),onActionClick:()=>{console.log("Action clicked")}}),T.jsx(D,{type:"positive",message:m("components.toast.withAction.positiveMessage"),action:m("components.toast.withAction.positiveAction"),onActionClick:()=>{console.log("Action clicked")}}),T.jsx(D,{type:"negative",message:m("components.toast.withAction.negativeMessage"),action:m("components.toast.withAction.negativeAction"),onActionClick:()=>{console.log("Action clicked")}})]})},qt={storyName:m("components.toast.stories.withoutCloseButton.title"),render:()=>T.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[T.jsx(D,{type:"informative",message:m("components.toast.withoutCloseButton.message"),closeAction:!1}),T.jsx(D,{type:"positive",message:m("components.toast.withoutCloseButton.positiveMessage"),closeAction:!1})]})},Zt={storyName:m("components.toast.stories.withCustomIcon.title"),render:()=>T.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[T.jsx(D,{type:"informative",message:m("components.toast.withCustomIcon.message"),icon:{name:"star",type:"fill"}}),T.jsx(D,{type:"positive",message:m("components.toast.withCustomIcon.positiveMessage"),icon:{name:"heart",type:"fill"}})]})},Jt={storyName:m("components.toast.stories.usingShowMethod.title"),render:()=>{const t=()=>{D.show({type:"informative",message:m("components.toast.showMethod.informative")})},e=()=>{D.show({type:"positive",message:m("components.toast.showMethod.positive")})},n=()=>{D.show({type:"negative",message:m("components.toast.showMethod.negative")})},s=()=>{D.show({type:"informative",message:m("components.toast.showMethod.withActionMessage"),action:m("components.toast.showMethod.action"),onActionClick:()=>{console.log("Action clicked")}})},i=()=>{D.show({type:"positive",message:m("components.toast.showMethod.withDurationMessage"),duration:5e3})},r=()=>{D.show({type:"informative",message:m("components.toast.showMethod.bottomMessage"),position:"bottom"})};return T.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"12px",maxWidth:"300px"},children:[T.jsx(ot,{onClick:t,theme:"neutral",children:m("components.toast.showMethod.showInformative")}),T.jsx(ot,{onClick:e,theme:"neutral",children:m("components.toast.showMethod.showPositive")}),T.jsx(ot,{onClick:n,theme:"neutral",children:m("components.toast.showMethod.showNegative")}),T.jsx(ot,{onClick:s,theme:"neutral",children:m("components.toast.showMethod.showWithAction")}),T.jsx(ot,{onClick:i,theme:"neutral",children:m("components.toast.showMethod.showWithDuration")}),T.jsx(ot,{onClick:r,theme:"neutral",children:m("components.toast.showMethod.showAtBottom")})]})}},Qt={storyName:m("components.toast.stories.completeExample.title"),render:()=>T.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[T.jsx(D,{type:"informative",message:m("components.toast.completeExample.informativeMessage"),action:m("components.toast.completeExample.informativeAction"),onActionClick:()=>{console.log("Action clicked")}}),T.jsx(D,{type:"positive",message:m("components.toast.completeExample.positiveMessage"),action:m("components.toast.completeExample.positiveAction"),onActionClick:()=>{console.log("Action clicked")}}),T.jsx(D,{type:"negative",message:m("components.toast.completeExample.negativeMessage"),action:m("components.toast.completeExample.negativeAction"),onActionClick:()=>{console.log("Action clicked")}})]})},te={storyName:m("components.toast.stories.interactive.title"),args:{type:"informative",message:m("components.toast.interactive.message"),closeAction:!0,action:m("components.toast.interactive.action")},parameters:{controls:{expanded:!0}}};Kt.parameters={...Kt.parameters,docs:{...Kt.parameters?.docs,source:{originalSource:`{
+  storyName: t('components.toast.stories.default.title'),
+  args: {
+    type: 'informative',
+    message: t('components.toast.default.message')
+  }
+}`,...Kt.parameters?.docs?.source}}};_t.parameters={..._t.parameters,docs:{..._t.parameters?.docs,source:{originalSource:`{
+  storyName: t('components.toast.stories.types.title'),
+  render: () => <div style={{
+    display: 'flex',
+    flexDirection: 'column',
+    gap: '16px'
+  }}>
+      <Toast type="neutral" message={t('components.toast.types.neutral')} />
+      <Toast type="informative" message={t('components.toast.types.informative')} />
+      <Toast type="positive" message={t('components.toast.types.positive')} />
+      <Toast type="negative" message={t('components.toast.types.negative')} />
+    </div>
+}`,..._t.parameters?.docs?.source}}};Gt.parameters={...Gt.parameters,docs:{...Gt.parameters?.docs,source:{originalSource:`{
+  storyName: t('components.toast.stories.informative.title'),
+  args: {
+    type: 'informative',
+    message: t('components.toast.informative.message')
+  }
+}`,...Gt.parameters?.docs?.source}}};zt.parameters={...zt.parameters,docs:{...zt.parameters?.docs,source:{originalSource:`{
+  storyName: t('components.toast.stories.positive.title'),
+  args: {
+    type: 'positive',
+    message: t('components.toast.positive.message')
+  }
+}`,...zt.parameters?.docs?.source}}};Ht.parameters={...Ht.parameters,docs:{...Ht.parameters?.docs,source:{originalSource:`{
+  storyName: t('components.toast.stories.negative.title'),
+  args: {
+    type: 'negative',
+    message: t('components.toast.negative.message')
+  }
+}`,...Ht.parameters?.docs?.source}}};Xt.parameters={...Xt.parameters,docs:{...Xt.parameters?.docs,source:{originalSource:`{
+  storyName: t('components.toast.stories.neutral.title'),
+  args: {
+    type: 'neutral',
+    message: t('components.toast.neutral.message')
+  }
+}`,...Xt.parameters?.docs?.source}}};Yt.parameters={...Yt.parameters,docs:{...Yt.parameters?.docs,source:{originalSource:`{
+  storyName: t('components.toast.stories.withAction.title'),
+  render: () => <div style={{
+    display: 'flex',
+    flexDirection: 'column',
+    gap: '16px'
+  }}>
+      <Toast type="informative" message={t('components.toast.withAction.informativeMessage')} action={t('components.toast.withAction.informativeAction')} onActionClick={() => {
+      console.log('Action clicked');
+    }} />
+      <Toast type="positive" message={t('components.toast.withAction.positiveMessage')} action={t('components.toast.withAction.positiveAction')} onActionClick={() => {
+      console.log('Action clicked');
+    }} />
+      <Toast type="negative" message={t('components.toast.withAction.negativeMessage')} action={t('components.toast.withAction.negativeAction')} onActionClick={() => {
+      console.log('Action clicked');
+    }} />
+    </div>
+}`,...Yt.parameters?.docs?.source}}};qt.parameters={...qt.parameters,docs:{...qt.parameters?.docs,source:{originalSource:`{
+  storyName: t('components.toast.stories.withoutCloseButton.title'),
+  render: () => <div style={{
+    display: 'flex',
+    flexDirection: 'column',
+    gap: '16px'
+  }}>
+      <Toast type="informative" message={t('components.toast.withoutCloseButton.message')} closeAction={false} />
+      <Toast type="positive" message={t('components.toast.withoutCloseButton.positiveMessage')} closeAction={false} />
+    </div>
+}`,...qt.parameters?.docs?.source}}};Zt.parameters={...Zt.parameters,docs:{...Zt.parameters?.docs,source:{originalSource:`{
+  storyName: t('components.toast.stories.withCustomIcon.title'),
+  render: () => <div style={{
+    display: 'flex',
+    flexDirection: 'column',
+    gap: '16px'
+  }}>
+      <Toast type="informative" message={t('components.toast.withCustomIcon.message')} icon={{
+      name: 'star',
+      type: 'fill'
+    }} />
+      <Toast type="positive" message={t('components.toast.withCustomIcon.positiveMessage')} icon={{
+      name: 'heart',
+      type: 'fill'
+    }} />
+    </div>
+}`,...Zt.parameters?.docs?.source}}};Jt.parameters={...Jt.parameters,docs:{...Jt.parameters?.docs,source:{originalSource:`{
+  storyName: t('components.toast.stories.usingShowMethod.title'),
+  render: () => {
+    const handleShowInformative = () => {
+      Toast.show({
+        type: 'informative',
+        message: t('components.toast.showMethod.informative')
+      });
+    };
+    const handleShowPositive = () => {
+      Toast.show({
+        type: 'positive',
+        message: t('components.toast.showMethod.positive')
+      });
+    };
+    const handleShowNegative = () => {
+      Toast.show({
+        type: 'negative',
+        message: t('components.toast.showMethod.negative')
+      });
+    };
+    const handleShowWithAction = () => {
+      Toast.show({
+        type: 'informative',
+        message: t('components.toast.showMethod.withActionMessage'),
+        action: t('components.toast.showMethod.action'),
+        onActionClick: () => {
+          console.log('Action clicked');
+        }
+      });
+    };
+    const handleShowWithDuration = () => {
+      Toast.show({
+        type: 'positive',
+        message: t('components.toast.showMethod.withDurationMessage'),
+        duration: 5000
+      });
+    };
+    const handleShowAtBottom = () => {
+      Toast.show({
+        type: 'informative',
+        message: t('components.toast.showMethod.bottomMessage'),
+        position: 'bottom'
+      });
+    };
+    return <div style={{
+      display: 'flex',
+      flexDirection: 'column',
+      gap: '12px',
+      maxWidth: '300px'
+    }}>
+        <Button onClick={handleShowInformative} theme="neutral">
+          {t('components.toast.showMethod.showInformative')}
+        </Button>
+        <Button onClick={handleShowPositive} theme="neutral">
+          {t('components.toast.showMethod.showPositive')}
+        </Button>
+        <Button onClick={handleShowNegative} theme="neutral">
+          {t('components.toast.showMethod.showNegative')}
+        </Button>
+        <Button onClick={handleShowWithAction} theme="neutral">
+          {t('components.toast.showMethod.showWithAction')}
+        </Button>
+        <Button onClick={handleShowWithDuration} theme="neutral">
+          {t('components.toast.showMethod.showWithDuration')}
+        </Button>
+        <Button onClick={handleShowAtBottom} theme="neutral">
+          {t('components.toast.showMethod.showAtBottom')}
+        </Button>
+      </div>;
+  }
+}`,...Jt.parameters?.docs?.source}}};Qt.parameters={...Qt.parameters,docs:{...Qt.parameters?.docs,source:{originalSource:`{
+  storyName: t('components.toast.stories.completeExample.title'),
+  render: () => <div style={{
+    display: 'flex',
+    flexDirection: 'column',
+    gap: '16px'
+  }}>
+      <Toast type="informative" message={t('components.toast.completeExample.informativeMessage')} action={t('components.toast.completeExample.informativeAction')} onActionClick={() => {
+      console.log('Action clicked');
+    }} />
+      <Toast type="positive" message={t('components.toast.completeExample.positiveMessage')} action={t('components.toast.completeExample.positiveAction')} onActionClick={() => {
+      console.log('Action clicked');
+    }} />
+      <Toast type="negative" message={t('components.toast.completeExample.negativeMessage')} action={t('components.toast.completeExample.negativeAction')} onActionClick={() => {
+      console.log('Action clicked');
+    }} />
+    </div>
+}`,...Qt.parameters?.docs?.source}}};te.parameters={...te.parameters,docs:{...te.parameters?.docs,source:{originalSource:`{
+  storyName: t('components.toast.stories.interactive.title'),
+  args: {
+    type: 'informative',
+    message: t('components.toast.interactive.message'),
+    closeAction: true,
+    action: t('components.toast.interactive.action')
+  },
+  parameters: {
+    controls: {
+      expanded: true
+    }
+  }
+}`,...te.parameters?.docs?.source}}};const Wu=["Default","Types","Informative","Positive","Negative","Neutral","WithAction","WithoutCloseButton","WithCustomIcon","UsingShowMethod","CompleteExample","Interactive"];export{Qt as CompleteExample,Kt as Default,Gt as Informative,te as Interactive,Ht as Negative,Xt as Neutral,zt as Positive,_t as Types,Jt as UsingShowMethod,Yt as WithAction,Zt as WithCustomIcon,qt as WithoutCloseButton,Wu as __namedExportsOrder,$u as default};

package/dist-storybook/assets/{tooltip.stories-DEnYdL1d.js → tooltip.stories-Be_kIaDc.js}

@@ -1,4 +1,4 @@
-import{j as t}from"./iframe-C0PGuV5s.js";import{T as e}from"./tooltip-CrxOWTXS.js";import{t as o}from"./store-BmYgrUro.js";import{T as a,S as d,M as c,P as g,a as h}from"./blocks-D4qvS4eZ.js";import"./preload-helper-PPVm8Dsz.js";import"./icon-CgGksgRS.js";import"./colors-_6nFGM3e.js";import"./index-1AHvPexM.js";const x=()=>{const m=`
+import{j as t}from"./iframe-Crg_lbde.js";import{c as d,g as b}from"./classname-Bl5epEs-.js";import{I as v}from"./icon-Cc9W858e.js";import{t as o}from"./store-BwIebEt6.js";import{T,S as j,a as h,P as $,b as D}from"./blocks-CB7UwFa4.js";import"./preload-helper-PPVm8Dsz.js";import"./colors-_6nFGM3e.js";import"./index-CdnALcTP.js";const s=b("tooltip"),e=a=>{const{type:m="default",position:x="top",closeable:g,className:y,children:f,...u}=a;return t.jsxs("div",{className:d(s,`${s}--${m}`,y),...u,children:[t.jsx("div",{className:d(`${s}__arrow`,`${s}__arrow--${x}`,`${s}__arrow--${m}`)}),t.jsx("div",{className:`${s}__content`,children:f}),g&&t.jsx("div",{className:`${s}__close`,children:t.jsx(v,{name:"xmark",size:16})})]})};e.__docgenInfo={description:"",methods:[],displayName:"Tooltip"};const B=()=>{const a=`
 ## ${o("common.table.title")}
 | ${o("common.table.name")} | ${o("common.table.type")} | ${o("common.table.required")} | ${o("common.table.description")} |
 | :--- | :--- | :---: | :--- |
@@ -8,12 +8,12 @@ import{j as t}from"./iframe-C0PGuV5s.js";import{T as e}from"./tooltip-CrxOWTXS.j
 | \`children\` | \`ReactNode\` | ${o("common.table.no")} | ${o("components.tooltip.argTypes.childrenDescription")} |
 | \`className\` | \`string\` | ${o("common.table.no")} | ${o("components.tooltip.argTypes.classNameDescription")} |
 | \`...props\` | \`ComponentPropsWithRef<'div'>\` | ${o("common.table.no")} | ${o("components.tooltip.argTypes.propsDescription")} |
-`;return t.jsxs(t.Fragment,{children:[t.jsx(a,{}),t.jsx(d,{}),t.jsx(c,{children:o("components.tooltip.description")}),t.jsx(g,{}),t.jsx(c,{children:m}),t.jsx(h,{})]})},$={title:"Components/Tooltip",component:e,parameters:{layout:"padded",docs:{page:x}},tags:["autodocs"],argTypes:{type:{control:"select",options:["default","reverse"],description:o("components.tooltip.argTypes.typeDescription"),table:{type:{summary:'"default" | "reverse"'},defaultValue:{summary:"default"}}},position:{control:"select",options:["top","bottom","right","left","top-left","top-right","bottom-left","bottom-right","left-top","left-bottom","right-top","right-bottom"],description:o("components.tooltip.argTypes.positionDescription"),table:{type:{summary:"ITooltipPosition"},defaultValue:{summary:"top"}}},closeable:{control:"boolean",description:o("components.tooltip.argTypes.closeableDescription"),table:{type:{summary:"boolean"}}},children:{description:o("components.tooltip.argTypes.childrenDescription")},className:{description:o("components.tooltip.argTypes.classNameDescription")}}},s={name:o("components.tooltip.stories.default.name"),args:{children:o("components.tooltip.stories.default.content")}},i={name:o("components.tooltip.stories.types.name"),render:()=>t.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[t.jsxs("div",{children:[t.jsx("p",{style:{marginBottom:"8px"},children:o("components.tooltip.stories.types.default")}),t.jsx(e,{type:"default",position:"top",children:o("components.tooltip.stories.types.defaultContent")})]}),t.jsxs("div",{children:[t.jsx("p",{style:{marginBottom:"8px"},children:o("components.tooltip.stories.types.reverse")}),t.jsx(e,{type:"reverse",position:"top",children:o("components.tooltip.stories.types.reverseContent")})]})]})},n={name:o("components.tooltip.stories.positions.name"),render:()=>t.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"24px"},children:[t.jsxs("div",{children:[t.jsx("h3",{style:{marginBottom:"12px"},children:o("components.tooltip.stories.positions.top")}),t.jsxs("div",{style:{display:"flex",gap:"16px"},children:[t.jsx(e,{position:"top",children:o("components.tooltip.positions.top")}),t.jsx(e,{position:"top-left",children:o("components.tooltip.positions.topLeft")}),t.jsx(e,{position:"top-right",children:o("components.tooltip.positions.topRight")})]})]}),t.jsxs("div",{children:[t.jsx("h3",{style:{marginBottom:"12px"},children:o("components.tooltip.stories.positions.bottom")}),t.jsxs("div",{style:{display:"flex",gap:"16px"},children:[t.jsx(e,{position:"bottom",children:o("components.tooltip.positions.bottom")}),t.jsx(e,{position:"bottom-left",children:o("components.tooltip.positions.bottomLeft")}),t.jsx(e,{position:"bottom-right",children:o("components.tooltip.positions.bottomRight")})]})]}),t.jsxs("div",{children:[t.jsx("h3",{style:{marginBottom:"12px"},children:o("components.tooltip.stories.positions.left")}),t.jsxs("div",{style:{display:"flex",gap:"16px"},children:[t.jsx(e,{position:"left",children:o("components.tooltip.positions.left")}),t.jsx(e,{position:"left-top",children:o("components.tooltip.positions.leftTop")}),t.jsx(e,{position:"left-bottom",children:o("components.tooltip.positions.leftBottom")})]})]}),t.jsxs("div",{children:[t.jsx("h3",{style:{marginBottom:"12px"},children:o("components.tooltip.stories.positions.right")}),t.jsxs("div",{style:{display:"flex",gap:"16px"},children:[t.jsx(e,{position:"right",children:o("components.tooltip.positions.right")}),t.jsx(e,{position:"right-top",children:o("components.tooltip.positions.rightTop")}),t.jsx(e,{position:"right-bottom",children:o("components.tooltip.positions.rightBottom")})]})]})]})},p={name:o("components.tooltip.stories.closeable.name"),args:{children:o("components.tooltip.stories.closeable.content"),closeable:!0}},l={name:o("components.tooltip.stories.longContent.name"),args:{children:o("components.tooltip.stories.longContent.content")}},r={name:o("components.tooltip.stories.interactive.name"),args:{children:o("components.tooltip.stories.interactive.content"),position:"top"}};s.parameters={...s.parameters,docs:{...s.parameters?.docs,source:{originalSource:`{
+`;return t.jsxs(t.Fragment,{children:[t.jsx(T,{}),t.jsx(j,{}),t.jsx(h,{children:o("components.tooltip.description")}),t.jsx($,{}),t.jsx(h,{children:a}),t.jsx(D,{})]})},w={title:"Components/Tooltip",component:e,parameters:{layout:"padded",docs:{page:B}},tags:["autodocs"],argTypes:{type:{control:"select",options:["default","reverse"],description:o("components.tooltip.argTypes.typeDescription"),table:{type:{summary:'"default" | "reverse"'},defaultValue:{summary:"default"}}},position:{control:"select",options:["top","bottom","right","left","top-left","top-right","bottom-left","bottom-right","left-top","left-bottom","right-top","right-bottom"],description:o("components.tooltip.argTypes.positionDescription"),table:{type:{summary:"ITooltipPosition"},defaultValue:{summary:"top"}}},closeable:{control:"boolean",description:o("components.tooltip.argTypes.closeableDescription"),table:{type:{summary:"boolean"}}},children:{description:o("components.tooltip.argTypes.childrenDescription")},className:{description:o("components.tooltip.argTypes.classNameDescription")}}},i={name:o("components.tooltip.stories.default.name"),args:{children:o("components.tooltip.stories.default.content")}},n={name:o("components.tooltip.stories.types.name"),render:()=>t.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[t.jsxs("div",{children:[t.jsx("p",{style:{marginBottom:"8px"},children:o("components.tooltip.stories.types.default")}),t.jsx(e,{type:"default",position:"top",children:o("components.tooltip.stories.types.defaultContent")})]}),t.jsxs("div",{children:[t.jsx("p",{style:{marginBottom:"8px"},children:o("components.tooltip.stories.types.reverse")}),t.jsx(e,{type:"reverse",position:"top",children:o("components.tooltip.stories.types.reverseContent")})]})]})},p={name:o("components.tooltip.stories.positions.name"),render:()=>t.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"24px"},children:[t.jsxs("div",{children:[t.jsx("h3",{style:{marginBottom:"12px"},children:o("components.tooltip.stories.positions.top")}),t.jsxs("div",{style:{display:"flex",gap:"16px"},children:[t.jsx(e,{position:"top",children:o("components.tooltip.positions.top")}),t.jsx(e,{position:"top-left",children:o("components.tooltip.positions.topLeft")}),t.jsx(e,{position:"top-right",children:o("components.tooltip.positions.topRight")})]})]}),t.jsxs("div",{children:[t.jsx("h3",{style:{marginBottom:"12px"},children:o("components.tooltip.stories.positions.bottom")}),t.jsxs("div",{style:{display:"flex",gap:"16px"},children:[t.jsx(e,{position:"bottom",children:o("components.tooltip.positions.bottom")}),t.jsx(e,{position:"bottom-left",children:o("components.tooltip.positions.bottomLeft")}),t.jsx(e,{position:"bottom-right",children:o("components.tooltip.positions.bottomRight")})]})]}),t.jsxs("div",{children:[t.jsx("h3",{style:{marginBottom:"12px"},children:o("components.tooltip.stories.positions.left")}),t.jsxs("div",{style:{display:"flex",gap:"16px"},children:[t.jsx(e,{position:"left",children:o("components.tooltip.positions.left")}),t.jsx(e,{position:"left-top",children:o("components.tooltip.positions.leftTop")}),t.jsx(e,{position:"left-bottom",children:o("components.tooltip.positions.leftBottom")})]})]}),t.jsxs("div",{children:[t.jsx("h3",{style:{marginBottom:"12px"},children:o("components.tooltip.stories.positions.right")}),t.jsxs("div",{style:{display:"flex",gap:"16px"},children:[t.jsx(e,{position:"right",children:o("components.tooltip.positions.right")}),t.jsx(e,{position:"right-top",children:o("components.tooltip.positions.rightTop")}),t.jsx(e,{position:"right-bottom",children:o("components.tooltip.positions.rightBottom")})]})]})]})},l={name:o("components.tooltip.stories.closeable.name"),args:{children:o("components.tooltip.stories.closeable.content"),closeable:!0}},r={name:o("components.tooltip.stories.longContent.name"),args:{children:o("components.tooltip.stories.longContent.content")}},c={name:o("components.tooltip.stories.interactive.name"),args:{children:o("components.tooltip.stories.interactive.content"),position:"top"}};i.parameters={...i.parameters,docs:{...i.parameters?.docs,source:{originalSource:`{
   name: t('components.tooltip.stories.default.name'),
   args: {
     children: t('components.tooltip.stories.default.content')
   }
-}`,...s.parameters?.docs?.source}}};i.parameters={...i.parameters,docs:{...i.parameters?.docs,source:{originalSource:`{
+}`,...i.parameters?.docs?.source}}};n.parameters={...n.parameters,docs:{...n.parameters?.docs,source:{originalSource:`{
   name: t('components.tooltip.stories.types.name'),
   render: () => <div style={{
     display: 'flex',
@@ -41,7 +41,7 @@ import{j as t}from"./iframe-C0PGuV5s.js";import{T as e}from"./tooltip-CrxOWTXS.j
         </Tooltip>
       </div>
     </div>
-}`,...i.parameters?.docs?.source}}};n.parameters={...n.parameters,docs:{...n.parameters?.docs,source:{originalSource:`{
+}`,...n.parameters?.docs?.source}}};p.parameters={...p.parameters,docs:{...p.parameters?.docs,source:{originalSource:`{
   name: t('components.tooltip.stories.positions.name'),
   render: () => <div style={{
     display: 'flex',
@@ -133,21 +133,21 @@ import{j as t}from"./iframe-C0PGuV5s.js";import{T as e}from"./tooltip-CrxOWTXS.j
         </div>
       </div>
     </div>
-}`,...n.parameters?.docs?.source}}};p.parameters={...p.parameters,docs:{...p.parameters?.docs,source:{originalSource:`{
+}`,...p.parameters?.docs?.source}}};l.parameters={...l.parameters,docs:{...l.parameters?.docs,source:{originalSource:`{
   name: t('components.tooltip.stories.closeable.name'),
   args: {
     children: t('components.tooltip.stories.closeable.content'),
     closeable: true
   }
-}`,...p.parameters?.docs?.source}}};l.parameters={...l.parameters,docs:{...l.parameters?.docs,source:{originalSource:`{
+}`,...l.parameters?.docs?.source}}};r.parameters={...r.parameters,docs:{...r.parameters?.docs,source:{originalSource:`{
   name: t('components.tooltip.stories.longContent.name'),
   args: {
     children: t('components.tooltip.stories.longContent.content')
   }
-}`,...l.parameters?.docs?.source}}};r.parameters={...r.parameters,docs:{...r.parameters?.docs,source:{originalSource:`{
+}`,...r.parameters?.docs?.source}}};c.parameters={...c.parameters,docs:{...c.parameters?.docs,source:{originalSource:`{
   name: t('components.tooltip.stories.interactive.name'),
   args: {
     children: t('components.tooltip.stories.interactive.content'),
     position: 'top'
   }
-}`,...r.parameters?.docs?.source}}};const B=["Default","Types","Positions","Closeable","LongContent","Interactive"];export{p as Closeable,s as Default,r as Interactive,l as LongContent,n as Positions,i as Types,B as __namedExportsOrder,$ as default};
+}`,...c.parameters?.docs?.source}}};const k=["Default","Types","Positions","Closeable","LongContent","Interactive"];export{l as Closeable,i as Default,c as Interactive,r as LongContent,p as Positions,n as Types,k as __namedExportsOrder,w as default};

package/dist-storybook/assets/typography-CMIMyivt.js

@@ -0,0 +1 @@
+import{j as l}from"./iframe-Crg_lbde.js";import{c as m,g as n}from"./classname-Bl5epEs-.js";import{g as f}from"./colors-_6nFGM3e.js";const e=n("typography"),u=({component:s,size:a="inherit",weight:o="inherit",color:r,className:t,...i})=>{const p=s||"div";return l.jsx(p,{className:m(e,`${e}__size--${a}`,`${e}__weight--${o}`,t),...i,style:{color:f(r)}})};u.__docgenInfo={description:"",methods:[],displayName:"Typography",props:{size:{defaultValue:{value:"'inherit'",computed:!1},required:!1},weight:{defaultValue:{value:"'inherit'",computed:!1},required:!1}}};export{u as T};